/* Opinion Argument Section front */ 

body.globe #content {
background-image:none;
}

.opinion h1,
.opinion h2,
.opinion h3 {
	  letter-spacing:-0.01em;
 }

.opinion #sectionNav .sectionHeader {display: block;  height: 190px; width:360px; margin: 20px 0 0 185px ; padding-right:4px; float:left; }
/*.opinion #sectionNav .sectionHeader .sponsorAdWrap {display: block; float: right; padding:7px 15px 15px 0; width: 186px; } 
.opinion #sectionNav .sectionHeader .sponsorAd {display:block; float:right; z-index: 1;  height: 47px; width: 186px;  text-align:left; margin:5px 0 0;  }*/

/* Date element in flag */
#sectionNav .grayBox h1  {
	color:#999999;
	font-family:helvetica;
	font-size:17px;
	margin-left:92px;
	margin-top:-68px;
	text-align:left;
	width:110px;
	}


.opinion #sectionNav .sectionHeader  .overline {font-size: 10px; text-transform: uppercase; color: #fff; display:none; }
.opinion #sectionNav #sectionHeaderLinks {border-bottom:solid 1px #666666}
.opinion #sectionNav #sectionHeaderLinks ul.linklistNoBullets {display: block; width:279px; float:right; list-style:none; padding:0px; margin: 25px 125px 0 0; }
.opinion #sectionNav #sectionHeaderLinks ul.linklistNoBullets li {overflow:hidden; }	        
.opinion #sectionNav #sectionHeaderLinks ul.linklistNoBullets li .overline {padding-right: 4px; float:left; font-size:11px; font-weight:bold; line-height:14px; margin-top:4px;} 
.opinion #sectionNav #sectionHeaderLinks ul.linklistNoBullets li:first-child  {color:#FF0000} 
.opinion #sectionNav #sectionHeaderLinks ul.linklistNoBullets li a { 
	color: #2851A2; 
	font-size:12px; 
	font-size: 14px; 
	display: block; 
	padding:5px 2px;
	border-bottom:1px dotted #999999; 
	line-height:14px;
		 }
.opinion #sectionNav #sectionHeaderLinks ul.linklistNoBullets li:hover {}
.opinion #sectionNav #sectionHeaderLinks ul.linklistNoBullets li a:hover {color: #000; border-bottom:1px dotted #999999; text-decoration: none; }

.opinion .section113 {margin: 30px 0 20px 0 ; } 

h3.theArchive {font-size:13px; font-weight:bold; color:#CC0000; text-transform:uppercase; width:279px; float:right;}


/* opinion section Col1 main story */ 
.opinion .section113 #Col1 {padding-top: 0; } 
.opinion #Col1  .split50 .aSide {/*padding:0 10px 10px 0; */ }

/* vertical image 50/50 split */
.opinion #Col1 .split50 .aSide h1 {font-size: 42px; font-weight: bold; line-height: 46px; padding:0 0 10px;} 
.opinion #Col1 .split50 .aSide .attr { font-size: 14px; font-family: Georgia; font-style: italic;  color: #464646; padding-bottom:10px; }
.opinion #Col1 .split50 .aSide .tt  {font-size: 16px; font-family: Georgia;  line-height: 23px;  }
.opinion #Col1 .split50 .aSide .regTZ {padding-bottom: 20px ; } 
.opinion #Col1 .split50 .aSide .regTZ  h3.bold a {font-size: 18px; font-weight: bold; }  
.opinion #Col1 .split50 .bSide {display: block; /* height: 504px; */  } 
.opinion #Col1 .split50 .bSide img  {display:block; width:364px; } 

/*horizontal image ? */ 

/* Col2 */ 
.opinion #Col2 {margin-top: 0 ; padding-top: 0; } 
.opinion #Col2 .regTZ { float: left; display:block; float:left; width:99px; } 
.opinion #Col2 #sectionSecondaryStories h3 {font-size: 19px; line-height: 20px;  }
.opinion #Col2 #sectionSecondaryStories .tt {font-size: 13px; line-height:17px; } 
.opinion #Col2 .img80h3above a img { float: right;  margin: 3px 0 5px 7px} 
.opinion #Col2 .dotted1px {margin:10px 0;}


/* COMMUNITY Quotes
======================================= */
.opinion #viewpoints a {border: 0; text-decoration: none; } 
.opinion #viewpoints a .quote, .opinion #Col2 #sectionSecondaryStories .quotation { border: 7px solid #000;	 color: #272727;  padding: 10px 10px 15px 10px; font: italic 14px/18px Georgia, Times, Times New Roman, serif; margin-top: 5px; height: auto;  display: block;  } 
.opinion #viewpoints .attribution, .opinion #Col2 #sectionSecondaryStories .split50 { height:55px; width: 190px; overflow: visible; font: bold 12px/14px Arial, Helvetica, Verdana, sans-serif; color: #272727; position: relative;  top: -7px; background: url(http://cache.boston.com/_webdesignready/2010/opinion/the_angle/images/angle_quote.gif) no-repeat 5px 0;  padding:15px 0 0 42px; float: left;  } 

/* suppress display quote marks in columnist quote in column 2 */
div#sectionSecondaryStories ul.quoteTease {
	background-image:none;
	background-position:0 5px;
	background-repeat:no-repeat;
	list-style-type:none;
	margin-bottom:10px;
	margin-top:5px;
	padding-left:7px;
	}
																	             
div#sectionSecondaryStories li.rightQuote {
	display:none;
	}

/* end suppress display quote marks */

.opinion #Col2 #sectionSecondaryStories .quoteTease li.annotation {display: none; } 
.opinion #viewpoints .attribution .attrImg{ display: block;  float: left; padding-top:5px;}	
.opinion #Col2 #sectionSecondaryStories .split50 .aSide {width: auto; } 
.opinion #Col2 #sectionSecondaryStories .split50 .aSide  .padRight10 {padding: 0; } 
.opinion #viewpoints .attribution img, .opinion #Col2 #sectionSecondaryStories .split50 .aSide img { margin: 0;  padding:0 0 0 10px;  display: block;  } 
.opinion #Col2 #sectionSecondaryStories .split50 div.bSide {float: left; overflow:visible; width:140px;} 
.opinion #viewpoints .name, .opinion #Col2 #sectionSecondaryStories .split50 div.bSide a { font: bold 13px/15px Arial, Helvetica, Verdana, sans-serif; margin: 0; float: left; color:#000000; text-decoration: none; border: none; }
.opinion #viewpoints .affiliation, .opinion #Col2 #sectionSecondaryStories .split50 div.bSide em { color: #666; float: left; font-style: normal; } 
	  
/* Viewpoints: Hover States
=================================== */

.opinion #viewpoints a:hover .quote { border-color: #8f7e54; }
.opinion #viewpoints a:hover .attribution { background-position: 5px -70px ; height: auto;  display: block;  } 
.opinion #viewpoints a:hover .name { color: #000; }
.opinion #viewpoints a:hover .affiliation { color: #464646; }
.opinion .Col3  {width: 979px; padding: 10 0 0 0; margin: 0 0 0 -10px;  border-top:1px dotted #3E5F9D; }	
	  
/* Opinion Quote Slider */ 

.opinion .quoteSliderHeader { display:block; display: block; background: url(http://cache.boston.com/_webdesignready/2010/opinion/the_angle/images/comments_flag.gif) no-repeat;  height: 26px; width: 979px; margin:10px; text-align:center; }


/* Change size of quote blocks*/

.quotation .quoteTease .quote a {font-size:16px;}

/* Most Commented list styles*/

#sectionIndexLinks div.Summary_ArticleTitle {
border-left:1px solid #666;
border-bottom:none;
float:left;
line-height:3px;
overflow:hidden;
}

#Summary_Container .Summary_Container {
	width:830px;
	overflow:hidden;
	}

div.grayBox ul.sectionLinks li {
	float:left;
	}
		        
div.grayBox ul.sectionLinks li h5 {
	clear:both;
	font-size:1px;
	margin-bottom:8px;
	}

div.Summary_ArticleTitle a {
	text-decoration:none;
	}



/* Generic Styles for Scroller View */ 
.scrollableWrapper {display: block; height: auto; overflow: hidden; clear: both; position:relative;  } 
.scrollable ul.items { 	          display: block; list-style: none; height:auto; padding:0; margin: 0; } 
.scrollable li.item { border:0; display:block; float:left; padding:10px; width:340px; height:108px; border-right: 1px dotted #666; overflow: hidden;  }
.scrollable li.item h3 {font-size: 14px; line-height: 16px; }
.scrollable .quoteTease li.annotation {display: none; } 
.scrollable li .split50 {clear: both; } 
.scrollable li .split50 .aSide a {text-transform: uppercase; font-size:10px ; line-height: 12px; }
.scrollable #quoteSliderList {background-color: #E5E5E5 } 
/*
.scrollable #quoteSliderList li .quote { font: italic 14px/22px Georgia, Times, Times New Roman, serif;} 
.scrollable .quoteTease li.rightQuote {border: 0; float: right; } 
.scrollable #quoteSliderList .quote { display: block; background:url(http://cache.boston.com/universal/site_graphics/quote_left.gif) no-repeat 0 5px; padding-left: 25px ;}
.scrollable #quoteSliderList .quoteTease {display:block; height: 78px; margin: 0; padding: 0  ; }
*/
.scrollable #quoteSliderList  .leadOut {padding:0;} 
.scrollable #quoteSliderList  .leadOut a {background: none ; } 


/* Settings for Scrolable JQuery plugin. */  /* root element for the scrollable. when scrolling occurs this element stays still. */
/* .quoteSliderContainer {height: auto; display: block; } */ 
/* root element for the scrollable. when scrolling occurs this element stays still. */
.scrollable { 
/* required settings */ position:relative; overflow:hidden;  width: 949px; height:128px;		 
/* custom decorations */ border-width: 1px 0 ;  border-style: solid ;  border-color: #666; display: block;  }

/* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */
.scrollable .items { width:20000em; position:absolute; clear:both; }

/* single scrollable item */
/* active item */
.scrollable .active { position:relative; }

/* this makes it possible to add next button beside scrollable */
.scrollable { float:left; margin-left:30px;   }

/* prev, next, prevPage and nextPage buttons */

.scrollableWrapper .arrowButtons.small.white a { 
	font: bold 14px/17px Arial, Helvetica, sans-serif; 
	border:none; 
	float: right;
	display:block; 
	height:128px; 
	margin:0; 
	position:absolute; 
	width:30px; 
	z-index:100; 
	background-color:#fff;  
	color:#666; 
	text-align: center; 
	filter: alpha(opacity=100); /* internet explorer */  
	-khtml-opacity: 100;      /* khtml, old safari */  
	-moz-opacity: 100;       /* mozilla, netscape */  
	opacity: 100;           /* fx, safari, opera */ 
	-webkit-box-shadow: rgba(0, 0, 0, 0.9) 0px 5px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.9) 0px 5px 10px;
   	box-shadow: rgba(0, 0, 0, 0.9) 0px 5px 10px;\ 
	}
																																													          
.scrollableWrapper .arrowButtons.small.white a.next,
.scrollableWrapper .arrowButtons.small.white a.prev { 
	background-image: url(http://cache.boston.com/universal/site_graphics/arrow_small_white_prevbg.gif); 
	background-position:7px -233px;  
	background-repeat: no-repeat; 
	border-bottom:1px solid #666; 
	border-top:1px solid #666; 
	}	        
																			     		            
.scrollableWrapper .arrowButtons.small.white a.next { 
	background-image: url(http://cache.boston.com/universal/site_graphics/arrow_small_white_nextbg.gif);
	left:950px; 
	}					

.scrollableWrapper .arrowButtons.small.white a.prev:hover, 
.scrollableWrapper .arrowButtons.small.white a.next:hover { 
	color: #000; 
	cursor:pointer;   
	background-color:#fff; 
	background-position:7px -33px;   
	}
																        
.scrollableWrapper .arrowButtons.small.white a.prev:hover { 
	border-right:1px solid #999; 
	}

.scrollableWrapper .arrowButtons.small.white a.next:hover { 
	border-left:1px solid #999;
	left:949px;
	}

.scrollableWrapper .arrowButtons.small.white a.prev.disabled, .arrowButtons.small.white a.prev.disabled:hover, 
.scrollableWrapper .arrowButtons.small.white a.next.disabled, .arrowButtons.small.white a.next.disabled:hover { display: block; }



/* end scroller styles */ 

.opinion ul.sectionLinks {margin:10px 0 20px 10px; padding:0; background-color: #fff; border: 0;  } 
.opinion ul.sectionLinks li {padding: 0 5px 0 0 ; } 
.opinion ul.sectionLinks a {color:#2851A2; } 
.opinion ul.sectionLinks a:hover {border-bottom:1px dotted #002878; text-decoration:none; color:#002878;} 

/* Section Index */ 
.sectionIndex {display:block; width: 188px; float: left; padding:0 ; margin: 16px 10px 0;}

.sectionIndex .sectionHeader,  
.sectionIndexHeader, 
.sectionColumnLinks .sectionHeader {
	border-bottom:1px dotted #666666;
	border-top:4px solid #000000;
	font-size:20px;
	font-weight:bold;
	margin-bottom:5px;
	padding:8px 0 12px;
	text-transform:none;
	} 
.sectionIndex ul.sectionLinks {background: #fff; border: 0; padding: 0; margin:-5px 0 0 0; } 
.sectionIndex ul.sectionLinks li {display: block; font-size: 15px; padding: 13px 0 ; border-bottom: 1px dotted #666; }
.sectionIndex ul.sectionLinks li.last {border-bottom: 1px dotted; }
.sectionIndex ul.sectionLinks li.listPipe {display: none ;} 

.sectionColumnists {width:365px; float: left; margin:0 10px;}

.sectionBigAd .dotted1px,
.sectionColumnists .dotted1px {
	border-color:#666;
	}

/* 40x40 Teases */

.sectionBigAd .img40h3Left,
.sectionColumnists .img40h3Left {
	padding-top:8px;
	}

.sectionBigAd .img40h3Left .h3,
.sectionColumnists .img40h3Left .h3 {
	margin-top:-1px;
	}

.sectionBigAd .img40h3Left .imageLink img,
.sectionColumnists .img40h3Left .imageLink img {
	margin-top:-5px;
	}

.sectionBigAd .img40h3Left .tt,
.sectionColumnists .img40h3Left .tt {
	display:none;
	}
						   
.sectionBigAd .img40h3Left a:hover {
	border-bottom:1px dotted #002878;	
	}

.sectionBigAd {width: 365px; float:left; margin:0 0 0 10px;} 

/*.sectionLinkTeaser {clear: both; margin:0 15px 0 0; padding:10px 5px 10px 0; border-bottom: 1px dotted #3F5F9C;  } */ 
.sectionColumnLinks .img40h3Left a img {   } 

.sectionColumnLinks {display:block; float: left; width: 770px; margin: 16px 0 0 0; } 




/* Adjustments to make third column wider and to make first column narrower*/

.section113 #Col1 {
	        margin-right:11px;
		    width:688px;
}

.section113 #Col2 {
	        width:240px;
		    margin-left:20px;
}

.section113 {
	        background-position: -55px 0px;
}

/* End of adjustments */

.opinion #midPage, .opinion #downPage {display: block; clear: both; margin: 0; padding : 0; }