/*----------------------------------------------------------
  # Default Stylesheet
 
  Filename:	cnbc_tab_widget.css
  Site:		CNBC
  Description:	Default styles to be applied to tab widget.
				
 -----------------------------------------------------------*/
 

/* :=Core, Base Styles
------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
}
			
.cnbc_tab_widget .hide {
	display: none !important;
}
.cnbc_tab_widget .clearfix:after {
	content:	".";
	display:	block;
	height:		0;
	clear:		both;
	visibility:	hidden;
}
.cnbc_tab_widget .clearfix {
	min-height:	1px;
	height:		auto!important;
	height:		1px;
}
.cnbc_tab_widget .clear {
	clear:		both;
}

.cnbc_tab_widget * {
	margin:		0;  
	padding:	0;	
}
.cnbc_tab_widget table, 
.cnbc_tab_widget caption, 
.cnbc_tab_widget tbody, 
.cnbc_tab_widget tfoot, 
.cnbc_tab_widget thead, 
.cnbc_tab_widget tr, 
.cnbc_tab_widget th, 
.cnbc_tab_widget td {
	margin:			0;
	padding:		0;
	border:			0;
	outline:		0;
	font-weight:	inherit;
	font-style:		inherit;
	font-size:		100%;
	font-family:	inherit;
	vertical-align: baseline;
}
.cnbc_tab_widget table {
	border-collapse: separate;
	border-spacing:	 0;
}
.cnbc_tab_widget :focus {
	outline: 0;
}

.cnbc_tab_widget .hide_text {
	text-align:			left;
	text-indent:		-9999em;
	font-size:			0;
	color:				transparent !important;
	text-decoration:	none;
	line-height: 0;
}


/* :=HTML Structure
------------------------------------------------------------*/
.cnbc_tab_widget .tab_container {
	margin-bottom: 34px;
}

.cnbc_tab_widget .tab_container table {
	width: 100%;
}


/* :=Default skin
------------------------------------------------------------*/
.cnbc_tab_widget {
	width: 			265px;
	font-family:	Arial, sans-serif;
	font-size:		14px;

}

.cnbc_tab_widget .widget_body {
	padding:			0;
	border: 			1px solid #ccd6db;
	background-color:	#fff;
}

.cnbc_tab_widget .widget_header {
	background: 	transparent;
	padding:		0 8px;
	height:			37px;

}

.cnbc_tab_widget .widget_header .logo {
	position: absolute;
	top: 12px;
	cursor: pointer;
}
		
.cnbc_tab_widget .widget_header .outer_wrapper {
	height:			38px;
	width:			100%;
	background:		transparent url(../images/widget_header_middle.png) repeat-x left top;
	position:		relative;
}

.cnbc_tab_widget .widget_header .inner_wrapper_left_corner,
.cnbc_tab_widget .widget_header .inner_wrapper_right_corner {
	width: 			100%;
	height: 		38px;
	position: 		absolute;
}

.cnbc_tab_widget .widget_header .inner_wrapper_left_corner {
	background: url(../images/widget_header_left.png) no-repeat left top;
	left:	-8px;
}

.cnbc_tab_widget .widget_header .inner_wrapper_right_corner {
	background: url(../images/widget_header_right.png) no-repeat right top;
	right:	-16px;
}

.cnbc_tab_widget .tab_container td.last {
	border-right: 1px solid transparent;
}
.ie7 .cnbc_tab_widget .tab_container td.last {
	border-left: 1px solid #ccd6db;
	border-right: none;
}

.cnbc_tab_widget .tab_container td {
	vertical-align: middle;
	text-align:		center;
	border-style:	none solid solid none;
	border-width:	0 1px 1px 0;
	border-color:	transparent #ccd6db #ccd6db transparent;	

	font-size:		85%;
	padding:		0;
	background:		#f0f2f5 url(../images/tab_shadow_inactive.jpg) repeat-x left bottom;
	height:			36px;
}
.ie7 .cnbc_tab_widget .tab_container td {	
	border-right: 1px solid #ccd6db;	
}

.cnbc_tab_widget .tab_container .selected {
	border-style: none solid none none;
	border-width: 0 1px 0 0;
	border-color: transparent #ccd6db transparent transparent;
	background:	  #fff;	
}

.cnbc_tab_widget .tab_container td a {
	color:			#253e80;
	width:			100%;
	height:			11px;
	background:		transparent no-repeat center top;
	display:		block;
}

.cnbc_tab_widget .widget_content_container {
	min-height:		100px;
	height:			392px;
	padding:		0 6px;
	background:		url(../images/ajax_loader.gif) no-repeat center top;
}

.cnbc_tab_widget .widget_content_container .output {
	background-color: #fff;
/*	width: 100%; */
	color: #000;
}

.cnbc_tab_widget .widget_footer {
	padding:	0 6px 6px;
	
}

.cnbc_tab_widget hr.divider {
	width:				100%;
	background-color:	#ccd6db;
	height:				4px;
	margin:				0 auto 11px;
	border:				none;
}



/* :=Tab Labels
------------------------------------------------------------*/
.cnbc_tab_widget .tab_container a.top_news {
	background-image: url(../images/top_news_label_off.png);
}
.cnbc_tab_widget .tab_container .selected a.top_news {
	background-image: url(../images/top_news_label_on.png);
}


.cnbc_tab_widget .tab_container a.markets {
	background-image: url(../images/markets_label_off.png);
}
.cnbc_tab_widget .tab_container .selected a.markets {
	background-image: url(../images/markets_label_on.png);
}

.cnbc_tab_widget .tab_container a.top_video {
	background-image: url(../images/top_video_label_off.png);
}
.cnbc_tab_widget .tab_container .selected a.top_video {
	background-image: url(../images/top_video_label_on.png);
}


.cnbc_tab_widget .real_time_symbol {
	margin: 4px 4px 0 0;
}

.cnbc_tab_widget .widget_footer .real_time_quotes {
	margin-bottom: 25px;
}

.cnbc_tab_widget .widget_footer .real_time_quotes * {
	float: left;
}

.cnbc_tab_widget .real_time_quotes label {	
	font-size:		12px;
	color:			#2d648a;
	text-transform: uppercase;
	font-weight:	bold;
	margin:			5px 9px 0 0;
}

.cnbc_tab_widget .widget_footer a {
	color: #2D648A;
}

.cnbc_tab_widget .widget_footer .real_time_quotes .txt_quote {
	width:			100px;
	height:			22px;
	border:			1px solid #c1c1c1;
	margin-right:	4px;	
}

.cnbc_tab_widget .widget_footer .btn_quote {
	width:		22px;
	height:		19px;
	background:	url(../images/btn_go.jpg) no-repeat;
	border:		none;
	margin-top:	3px;
	cursor:		pointer;
}

.cnbc_tab_widget .widget_footer .refresh,
.cnbc_tab_widget .widget_footer .call_to_action {
	font-size:	 12px;
}

.cnbc_tab_widget .widget_footer .call_to_action {
	/*position:	 absolute;
	right:		 6px;
	bottom:		 6px;*/
	float:right;
}

.cnbc_tab_widget .widget_footer .lookup-results {
   position: absolute;
	/*bottom: 71px;
    left: 5px;*/
    width: 257px;
	background-color: #eee;
	border: 1px solid #aaa;
	font-size: 10px;

} 

.cnbc_tab_widget .widget_footer .lookup-results table {
	width: 100%;
}

.cnbc_tab_widget .widget_footer .lookup-results td {
	border-bottom: 1px solid #ddd;
}

.cnbc_tab_widget .widget_footer .lookup-results .col-symbol {
	font-size: 12px;
	padding: 4px 6px 4px 2px;
}

.cnbc_tab_widget .lookup-results .col-symbol .hlight {
	font-weight: bold;
	color: #2d648a;
}

.cnbc_tab_widget .widget_footer .lookup-results .last {
	padding: 4px 2px 4px 6px;
	font-size: 12px;
	text-align: right;
}

.cnbc_tab_widget .widget_footer .lookup-results .hover {
	background-color: #CFDDE7 !important;
}

.cnbc_tab_widget .widget_footer .lookup-results .view_all {
	color: #2D648A;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
	text-decoration: none;
}

.cnbc_tab_widget .xhr_error {
	border: 1px solid #ddd;
	background-color: #eee;
	font-weight: normal;
	font-size: 85%;
	padding: 10px;
	width: 100%;
}
.cnbc_tab_widget .xhr_error h1 {
	font-weight: bold;
	color: #2d648a;
	font-size: 100%;
	margin-bottom: 4px;
}


/* :=Mobile
------------------------------------------------------------*/
/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}



/* :=Print
------------------------------------------------------------*/
@media print {
	* { 
		background:	 transparent !important;
		color:		 #fff !important; 
		text-shadow: none !important; 
	}
	a, a:visited { 
		color:			 #444 !important;
		text-decoration: underline; 
	}
 }



/* :=Top Video Tab
------------------------------------------------------------*/

.cnbc_tab_widget .output.top_video .video_list {
	list-style-type: none;
	list-style-position: outside;
	height: 100%;
}

.cnbc_tab_widget .output.top_video .video_list li {
	margin: 0 0 10px;
	cursor:	pointer;
	display: block;
}
.IE_lt_8 .cnbc_tab_widget .output.top_video .video_list li {
	margin-bottom: 20px;
}

.cnbc_tab_widget .output.top_video .video_list li:hover {
	background-color:	#f0f2f5;
}

.cnbc_tab_widget .output.top_video .video_list img {
	width: 80px;
	height: 60px;
	float: left;
	margin: 0 10px 25px 0;
}
 
.cnbc_tab_widget .output.top_video .video_list h1,
.cnbc_tab_widget .output.top_video .video_list h2,
.cnbc_tab_widget .output.top_video .video_list p {
	font-size: 78.5%;
	color: #2D648A;
}

.cnbc_tab_widget .output.top_video .video_list h2 {
	font-size: 67.5%;
}

.cnbc_tab_widget .output.top_video .video_list h1 {
	font-weight: bold;
}
.cnbc_tab_widget .output.top_video .video_list h2 {
	font-weight: normal;
}
.cnbc_tab_widget .output.top_video .video_list p {
	color: #929292;
}



/* :=Top News Tab
------------------------------------------------------------*/

.cnbc_tab_widget .output.top_news .news_list {
	list-style-type: none;
	list-style-position: outside;
	height: 100%;
}

.cnbc_tab_widget .output.top_news .news_list li {
	margin: 	0;
	cursor:		pointer;
	border-top: 1px solid #ccd6db;
	padding:	6px;
}

.cnbc_tab_widget .output.top_news .news_list li:hover {
	background-color:	#f0f2f5;
}

.cnbc_tab_widget .output.top_news .news_list li.first {
	border-top: 	none;
    margin-top:		-8px; 
}

.cnbc_tab_widget .output.top_news .news_list li.first h1 {
    margin-bottom:	5px; 
}

.cnbc_tab_widget .output.top_news .news_list li.first td {
	vertical-align: top;
}

.cnbc_tab_widget .output.top_news .news_list li.first img {
	width: 		80px;
	margin: 	0 10px 0 0;
}

.cnbc_tab_widget .output.top_news .news_list h1,
.cnbc_tab_widget .output.top_news .news_list h2 {
	font-size:	92.8%;
	color:		#2D648A;
}

.cnbc_tab_widget .output.top_news .news_list li.first h1 {
	font-weight: bold;
}
.cnbc_tab_widget .output.top_news .news_list li.first h2 {
	font-weight: normal;
}
.cnbc_tab_widget .output.top_news .news_list li.first p {
	font-size: 78.5%;
	color: #929292;
}



/* :=Markets Tab
------------------------------------------------------------*/
.cnbc_tab_widget .output.markets .indicator_down {
	background:		url(../images/arrow_down_indicator.png) no-repeat center center;
}

.cnbc_tab_widget .output.markets .indicator_up {
	background:		url(../images/arrow_up_indicator.png) no-repeat;
}

.cnbc_tab_widget .output.markets .indicator_ {
	background:		none;
}

.cnbc_tab_widget .output.markets .indicator_down,
.cnbc_tab_widget .output.markets .indicator_up {
	width:					1px;
	height:					1px;
	padding:				8px 10px 0 0;
	margin-left:			4px;
	background-position:	center;	
}

.ie6 .cnbc_tab_widget .output.markets .indicator_down,
.ie6 .cnbc_tab_widget .output.markets .indicator_up {
	width:					25px;
}
	
.cnbc_tab_widget .output.markets .symbol_error {
	display:	none;
	position:	absolute;
	bottom:		0;
	font-size:	11px;
}

.cnbc_tab_widget .output.markets {
	position: relative;
}

.cnbc_tab_widget .output .filler {
	height: 24px;
}

/* :=Real-time Data Chart
------------------------------------------------------------*/
.cnbc_tab_widget .output .real_time_data {
	width:		100%;
	border:		0;
	padding:	0;
	margin:		0;
	font-size:	92.8%;
}

.cnbc_tab_widget .output .real_time_data thead tr {
	font-size:			70%;
	font-family:		Arial;
	background-color:	#cfdde7;
	height:				15px;
}

.cnbc_tab_widget .output .real_time_data th {
	vertical-align:	middle;
	text-align: 	right;
	/*line-height: 	0;*/
	color: 			#424858;
}

.cnbc_tab_widget .output .real_time_data th.first {
	text-align: 	left;
	padding-left:	5px;
	color:			#2d648a;
}
.cnbc_tab_widget .output .real_time_data th.last {
	padding-right:	5px;
}

.cnbc_tab_widget .output .real_time_data th.header_last {
	text-align: 	center;
}

.cnbc_tab_widget .output .real_time_data td {
	padding: 	6px 0 6px 2px;
	cursor:		pointer;
}

.cnbc_tab_widget .output .real_time_data tbody tr:hover {
	background-color:	#f0f2f5;
}


.cnbc_tab_widget .output .real_time_data .col_symbol {
	color:			#2d648a;
	text-align:		left;
}

.cnbc_tab_widget .output .real_time_data .col_last,
.cnbc_tab_widget .output .real_time_data .col_change,
.cnbc_tab_widget .output .real_time_data .col_pct_change {
	text-align:		right;
}


/* :=Stocks To Watch Chart
------------------------------------------------------------*/
.cnbc_tab_widget .output .stocks_to_watch {
	width:		100%;
}

.IE_lt_8 .cnbc_tab_widget .output .stocks_to_watch {
	width:		90%;
}

.cnbc_tab_widget .output .stocks_to_watch .stocks_titles{
	display:	none;
}

.cnbc_tab_widget .output .stocks_to_watch th {
	text-align: 	left;
	border-bottom: 	4px solid #ccd6db;
	padding-bottom: 4px;
}

.cnbc_tab_widget .output .stocks_to_watch tbody {
	font-size:		85.7%;
}

.cnbc_tab_widget .output .stocks_to_watch .col_symbol {
	color:			#2d648a;
	text-align:		left;
	padding-left:	2px;
	width:			22%;
	vertical-align:	middle;
}

.cnbc_tab_widget .output .stocks_to_watch .col_name {
	text-align:		left;
	width:			44%;
}

.cnbc_tab_widget .output .stocks_to_watch .col_last {
	text-align:		right;
	padding-right:	2px;
	width:			34%;
	vertical-align:	middle;	
}

.ie6 .cnbc_tab_widget .output .stocks_to_watch .col_last {
	width:			20%;
}

.cnbc_tab_widget .output .stocks_to_watch td.increase {
	color: 			#149226;
}

.cnbc_tab_widget .output .stocks_to_watch td.decrease {
	color: 			#b52727;
}

.cnbc_tab_widget .output .stocks_to_watch td {
	padding: 		6px 0;
	border-top:		1px solid #ccd6db;
	cursor:			pointer;
}

.cnbc_tab_widget .output .stocks_to_watch tbody tr:hover {
	background-color:	#f0f2f5;
}