/* common elements ----------------------------------------------------------------------------------------------- */
html body { background-color: #fafafa; color: #333; font:12px Arial, helvetica, sans-serif; text-align:center; } 
a { color:#004276; text-decoration:none; }
a:hover { text-decoration:underline; }

.clearFloat { clear:both; float: none; font-size: 0px; height:0px; line-height: 0px;}

/* page layout -------------------------------------------------------------------------------------------------  */
#cnnBody { margin:0px auto; text-align:left; 
width:991px; }
/** iPad ***/
@media only screen and (device-width: 768px) {
	#cnnBody {padding: 0 15px;}
}
.cnnCol_wideRR {} /* 475 RR layout */

/* left column  */
.cnnCol_main { clear:both; float:left; margin-right:5px; width:650px; }
/* right column  */
.cnnCol_side {float:left; width:336px; }

/* 475 RR layout */
.cnnCol_wideRR .cnnCol_main {width:511px;}
.cnnCol_wideRR .cnnCol_side { width:475px; }



/** Double stack **/
.cnnCol-dbl {background: url(https://i2.cdn.turner.com/money/.element/img/5.0/misc/hp_stackbg.gif) no-repeat right bottom; margin-bottom: 5px; padding-bottom: 1px;}



/* Ads */
#adBanner { margin:0 auto 5px auto; text-align: center;}

#partnerCenter { border: 1px solid #ddd; margin:0 auto 5px auto; padding: 2px;background-color:#FFF;}
#partnerCenter table td {vertical-align: top;}

#csiIframe {height:0px; line-height:0px; visibility:hidden;width:0px;}




/* Basic elements **********************************************************/

.boxHeading {border-bottom:1px solid #DDD; color: #000; font-size:20px; font-weight: bold; letter-spacing: -0.03em; line-height:1.0em; margin-bottom:10px; padding-bottom:7px;}
.boxHeading a { color: #000; text-decoration: none;}


/* breadcrumb  */
.breadcrumb {font-weight:bold; font-size:11px; color:#999; line-height:1.0em; margin-bottom:5px; position: relative; text-transform:uppercase; } 
.breadcrumb a { color:#3399cc; }



/* Summary Styles */
/* elimates float side-effects for elements below summaryBlock*/
.summaryBlock:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.summaryBlock 		{display: inline-block;}
/* Hides from IE-mac \*/
* html .summaryBlock	{height: 1%;}
.summaryBlock			{display: block;}
/* End hide from IE-mac */


.summaryBlock .cnnEyebrow { color:#39c; }
.summaryBlock .cnnEyebrow a { color:#39c; }
.summaryBlock .cnnHeadline { font-size:16px; font-weight: bold; padding-bottom:5px; }
.summaryBlock p {font-size:13px; line-height:1.457em; }
.cnnBullets {margin-top: 5px;}
.cnnBullets li {background: url(https://i2.cdn.turner.com/money/.element/img/5.0/misc/bullet.gif) no-repeat 0 5px; margin: 2px 0; padding-left: 10px;}

.cnnCol_side .summaryBlock p { color:#666;}

.cnnDateStamp { color:#999; font-size:10px;}

.vicon {position: relative; top: 1px;}

/** video play button **/
.summaryImg {display: block; position: relative;}
.summaryImg:hover {text-decoration: none;}
.summaryImg .video_playbtn {background: url(https://i2.cdn.turner.com/money/.element/img/5.0/buttons/video_play_button_small.png) no-repeat 0 0; 
position: absolute; left: 0; top: 0; width: 48px; height: 48px; 
/*behavior: url(https://i2.cdn.turner.com/money/.element/ssi/css/2.1/video/iepngfix.htc);*/}
.summaryImg:hover .video_playbtn {background-position: 0 -49px;}
/* For images: > 300px  */
#mod-TL .summaryImg {display: block;}
#mod-TL .summaryImg .video_playbtn {background-image: url(https://i2.cdn.turner.com/money/.element/img/5.0/buttons/video_play_button_big.png); width: 120px; height: 120px; }
#mod-TL .summaryImg:hover .video_playbtn {background-position: 0 -120px;}


/*** Social media links ***/
.socLinks {display:inline; line-height: 20px;}
.socLinks li {display:inline;}
.socLinks li a {background:url(https://i2.cdn.turner.com/money/.element/img/5.0/buttons/assorted_icons.gif) no-repeat; color:#999; font-size:11px; font-weight:bold;
padding:0 5px 5px 22px;}
.socLinks li a.tw {background-position:0 0px; padding: 0 0 5px 18px; text-decoration: none;}
.socLinks li a.fb {background-position:0 -40px;}
.socLinks li a.cm {background-position:0 -80px;}
.socLinks li a.tw:hover {background-position: -200px -274px;}
.socLinks li a.fb:hover {background-position: -200px -314px;}
.socLinks li a.cm:hover {background-position: -200px -354px;}

/* comment count for story, gallery slide, or blog post */
.hed_side .cmmtcount {background:url(https://i2.cdn.turner.com/money/.element/img/5.0/buttons/assorted_icons.gif) no-repeat 9px -77px; border: 1px solid #c7c7c7; color: #004276; float:right; font-size:11px; padding:4px 5px 4px 22px; height:15px; text-align: right; width: 82px;}
.hed_side .cmmtcount li {display: inline; list-style: none; }



/* View more bar */
.seeMore { clear:both; margin-top:10px; }
.seeMore a { background:#F6F6F6 url(https://i2.cdn.turner.com/money/.element/img/5.0/misc/disqus_icons.png) no-repeat 97% -106px; border:1px solid #c6c6c6; color:#666; display: inline-block; font-size:10px; font-weight:bold; line-height:1.0em; padding:4px 25px 3px 4px; text-transform:uppercase; height:11px; }
.seeMore a:hover { border-color:#000; color:#000; text-decoration: none;}


/*TABBING STYLES  ********************* *****************************/
.NaviTabs:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.NaviTabs {display: inline-block; text-align: left;}
	/* Hides from IE-mac \*/
	* html .NaviTabs {height:1%;}
	.NaviTabs {display:block;}
	/* End hide from IE-mac */
.NaviTabs ul {border:none;width:100%;}
.NaviTabs li {background-color :#F5F5F5;border:1px solid #ddd;border-right-width: 0; float:left; font-size: 11px; list-style:none; margin-top: 4px; position:relative; text-align: center;}
.NaviTabs li.tabnumX {width: 1px;}
.NaviTabs li a	{display:list-item; padding:4px 6px; /* position:absolute; bottom: 0px; */}
.Tab0Visible .NaviTabs li.tabnum0,
.Tab1Visible .NaviTabs li.tabnum1,
.Tab2Visible .NaviTabs li.tabnum2,
.Tab3Visible .NaviTabs li.tabnum3,
.Tab4Visible .NaviTabs li.tabnum4 ,
.Tab5Visible .NaviTabs li.tabnum5 {background-color:#FFF; border-bottom-color: #FFF; border-right-width: 1px; margin-top: 0px;}
.Tab0Visible .NaviTabs li.tabnum1,
.Tab1Visible .NaviTabs li.tabnum2,
.Tab2Visible .NaviTabs li.tabnum3,
.Tab3Visible .NaviTabs li.tabnum4,
.Tab4Visible .NaviTabs li.tabnum5 {border-left-width: 0; }
.Tab0Visible .NaviTabs li.tabnum0 a,
.Tab1Visible .NaviTabs li.tabnum1 a,
.Tab2Visible .NaviTabs li.tabnum2 a,
.Tab3Visible .NaviTabs li.tabnum3 a,
.Tab4Visible .NaviTabs li.tabnum4 a,
.Tab5Visible .NaviTabs li.tabnum5 a {color:#000; font-size: 12px; font-weight: bold; padding-top: 7px;}

.ssi0,
.ssi1,
.ssi2, 
.ssi3,
.ssi4, 
.ssi5 {visibility:hidden;display:none;}

.Tab0Visible .ssi0,
.Tab1Visible .ssi1,
.Tab2Visible .ssi2,
.Tab3Visible .ssi3,
.Tab4Visible .ssi4,
.Tab5Visible .ssi5 {visibility:visible;display:block;}



/** App tab **/
#app_tab {background: url(https://i2.cdn.turner.com/money/.element/img/5.0/buttons/altview_tab.png) no-repeat 0 -171px; cursor: pointer; display: block; width: 25px; height: 155px; position: absolute; left: 0px; top: 290px; z-index: 1000000;}
#app_tab.collapsed {background-position: -17px -171px; width: 8px;}
#app_tab:hover {background-position: 0 -171px; width: 25px;}