@import url("common.css");

/* home page */
/* slider */
.stripNav{
	display: none;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	margin: 10px 0 0 -27px;
	width: 994px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 329px;
	clear: both;
}
	.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
		position: relative;
		left: 0; top: 0;
		width: 994px;
		list-style-type: none;
		/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
	}
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 994px; /* Also specified in  .stripViewer  above */
		}
			.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
				padding: 0px;
			}
.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}
	.stripNav ul li {
		float: left;
		margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
	}
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}
	.stripNavL a, .stripNavR a {
		display: block;
		height: 34px;
		width: 44px;
	}
.stripNavL {
	margin: 150px 0 0 -50px;
	z-index: 999;
}
.stripNavR {
	margin: 150px 0 0 945px;
}
.stripNavL {
	background: url("../img/buttons/slide-left.png") no-repeat center;
}
.stripNavR {
	background: url("../img/buttons/slide-right.png") no-repeat center;
}


/* Contact */
.contact_left{
	float: left;
}
.contact_right{
	float: left;
	margin-left:55px;
}
#contact div{
	clear: both;
}
	#contact label{
		color: #7c7c7c;
		font-weight: bold;
		font-size: 14px;
		width: 165px;
		display: block;
		float: left;
		padding-bottom: 15px;
	}
	#contact input{
		font-size: 12px;
		color: #000;
		padding: 0px;
	}
	#contact .fake_input{
		font-size: 12px;
		padding: 0px;
		display: inline;
	}
	#contact textarea{
		margin-bottom: 10px;
	}
	img.captcha{
		margin-left: 165px;
		margin-bottom: 10px;
	}


/* login */
#cover{
	width: 100%;
	height: 100%;
	position: absolute;
	background: url("../img/layout/back-login.png");
	z-index: 999;
}
	#cover form{
		width: 350px;
		padding: 35px 50px;
		border: solid white 1px;
		background: #000;
		margin: 150px auto;
	}
	#btn_learn_more{ margin-left: 165px; }

	#contact .checkbox label{
		float: right;
		font-size: 11px;
		margin-top:1px;
	}
	#contact .checkbox input{ margin-left: 165px; }


a.expanded {
	background: url('../img/buttons/collapsed.png') no-repeat 830px 13px;
	float: left;
	cursor: pointer;
}

a.collapsed {
	background: url('../img/buttons/expanded.png') no-repeat 830px 13px;
	float: left;
	cursor: pointer;
}



/* calendar */
.cal_cont a{
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.week_nav{
	width: 350px;
	float: left !important;


}
table.calendar{
	width: 900px;
	margin: 20px 0 0 0;
}
	table.calendar td{
		padding: 5px;
	}
	table.calendar td.date, table.calendar td.time, table.calendar td.announcement, table.calendar td.market, table.calendar td.actual, table.calendar td.consensus, table.calendar td.forecast, table.calendar td.rating, table.calendar td.abl{
		color: #a82323;
		font-weight: bold;
		font-size: 14px !important;
	}
	table.calendar td.date{ width: 120px; }
	table.calendar td.time{ width: 110px; }
	table.calendar td.market{ width: 100px; }
	table.calendar td.announcement{ width: 240px; }
	table.calendar td.actual{ width: 60px; }
	table.calendar td.consensus{ width: 70px; }
	table.calendar td.forecast{ width: 110px; }
	table.calendar td.actual{ width: 110px; }
	table.calendar td.rating{ width: 70px; float: none; margin-left: 0; }
	table.calendar td.abl{ width: 70px; }
	table.calendar td img{
		position: absolute;
		margin-top: -5px;
	}
	table.calendar a{
		text-decoration: underline;
	}
	table.calendar a, table.calendar td{
		font-size: 11px !important;
	}
	tr.divider td{
		background: url("../img/extras/divider.png") repeat-x center;
		height: 10px;

	}


/* vids */
.vid_cont{
	overflow: hidden;
	margin-bottom: 10px;
}
	.vid_holder{
		float: left;
		margin-bottom: 15px;
	}
	.vid_copy{
		margin-left: 10px;
		width: 624px;
		height: 132px;
		float: left;
		display: inline;
		background: url("../img/layout/back-vid-copy.png");
		padding: 7px 0 0 10px;

	}
	p.vid_title{
		font-size: 15px;
	}
	p.vid_links a{
		color: #fff;
	}
	span.timezone{ font-weight: normal !important; }


/* stats */
.btn_choose{
	position: absolute;
	margin: -54px 0 0 690px;
}
	.btn_choose img{
		cursor: pointer;
		position: relative;
		z-index: 999999;

	}
.sf-menu ul{
	position: relative;
	z-index: 999998;
	background: #c1c2c4;
	margin: -16px 0 0 10px;
	padding-top: 10px;
	width: 225px !important;

}
	.sf-menu ul li{
	}

		.sf-menu ul li a{
			color: #1e1e1e;
			text-decoration: none;
			font-size: 10px;
			line-height: 24px;
			padding: 0 7px 0 7px;
			width: 211px !important;
			overflow: hidden;
			white-space: nowrap;
			display: block;
		}
		.sf-menu ul li a:hover{
			background: #919294;
		}




/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:125px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			0.9em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../img/down-arrow.jpg') no-repeat; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.left {
	width: 400px;
	float: left;
}

/* stats */
.side_280{
	width: 280px;
	float: left;
}
	.side_280 h1{ width: 280px; }
	.side_280 p{
		margin: 7px 0;
		font-size: 12px;;
	}
	.side_280 .submit{
		margin-top: 10px;
	}
	.side_280 p.float_l{
		margin-top: 0;
		margin-bottom: 0;
	}
	.side_280 .profile{
		overflow: hidden;
	}
		.side_280 .profile img{
			float: left;
			border: solid white 3px;
		}
		.side_280 .profile ul.account_info{
			float: left;
			margin-left: 15px;
			display: inline !important;
		}
			.side_280 .profile ul li{
				font-size: 11px;
				margin-bottom: 5px;
				font-style: italic;
			}
				.side_280 .profile ul li span{
					font-weight: bold;
					font-style: normal;
				}
		.side_280 .profile .btn_small{
			margin: 10px 0 0 70px;
		}
			.side_280 .profile .btn_small a{
				font-style: normal;
			}
.datepicker{
	width: 80px;
	float: left;
}
span.to {
	float: left;
	margin: 0 5px;
}

.report_date{
	text-align: right;
}
	.report_date .btn_large {
		float: left;
		margin-bottom: 0;
	}
	.report_date p{
		margin-bottom: 2px;
	}
		.report_date p span{
			color: #808080;
			font-weight: bold;
		}
		.report_date p a{
			color: #a12324;
			text-decoration: none;
		}
.content_600{
	width: 600px;
	float: right;
}
	.content_600 h1{
		width: 600px;
	}

.chart_cont{
	overflow: hidden;
}
	.chart{
		float: left;
	}
	.pie{
		width: 300px;
		height: 200px;
	}
	.column{
		width: 600px;
		height: 400px;
	}
	.video_graph .column{
		width: 400px;
		height: 300px;
	}
	.legend{
		width: 290px;
		float: right;
		margin-top: 25px;
	}
		.legend table{
			width: 290px;
		}
			.legend table td{
				padding: 5px 0;
			}
			.legend table td.width_180{
				width: 260px;
			}
			.legend table td.width_100{
				width: 70px;
				text-align: right;
			}

			table.fulldata th {
				border-bottom: 1px solid #777;
				text-align: right;
				font-weight: bold;
			}
			table.fulldata td {
				padding-bottom: 20px;
				text-align: right;
			}

			table.wide,
			table.singledata {
				width: 600px;
			}

			table.singledata th.indent {
				padding-left: 20px;
			}
			table.singledata td {
				padding: 5px 0;
				text-align: right;
			}

			tr.total td,
			tr.total th {
				border-top: 1px solid #777;
			}

#stats_home h1{
	border: none;
	margin: 5px 0;
}
	#stats_home h1 a{
		color: #fff;
		text-decoration: none;
	}

select#VideoVideo{
	margin-bottom: 10px;
}
.select span{
	vertical-align: top;
	margin: 0 0 0 10px;
}
#contact fieldset {
	border: solid 1px #333;
	margin: 25px 0 ;
	padding: 15px;
}
#contact legend{
	font-size: 22px;
	padding: 0 15px;
}
#trailing_stop .checkbox label{
	float: left;
}
#trailing_stop .checkbox input{
	margin-left: 0;
}
.actions ul{
	margin: 15px 0 0 170px;
}
	.actions li {
		float: left;
		margin-right: 2em;
	}
	.actions ul a{
		color: #fff;
		text-decoration: underline;
	}


.stats p{
	margin-top: 50px;
}
.stats table{
	margin: 20px 0 0 0;
	background: #202020;
}
.stats table tr td, .stats table tr th{
	padding: 15px 8px 15px 10px;
}
.stats table tr.altrow td{
	background: #272727;
}
.stats table tr th{
	background: #101010;
}
.stats table tr td a, .stats table tr th a{
	color: red;
}
.paging{
	margin-top: 15px;
}
.paging .disabled, .paging span.current{
	display: inline;
	color: #6f6f6f;
}
.paging a{
	color: #fff;
}

td.currency, th.currency {
	text-align: right;
}

.mmt_cast{
	position: absolute;
	margin: -67px 0 0 510px;
	width: 430px;
}
.mmt_cast a{
	color: #fff;
	width: 199px;
	height: 66px;
	background: url("../img/buttons/btn-mmtcast.png") no-repeat;
	display: block;
	text-indent: -99999px;
	float: left;
}
.mmt_cast a.server{
	color: #fff;
	width: 223px;
	height: 66px;
	background: url("../img/buttons/btn-server.png") no-repeat;
	display: block;
	text-indent: -99999px;
}
.home_box{
	overflow: hidden;
}
img.home_cont_img{
	float: left;
}
.home_box_cont{
	float: left;
	width: 650px;
	margin-left: 10px;
}
.home_box_cont h1{
	width: 650px;
}

.h2_float{
	float: left;
	margin-bottom: 15px;
}
.rating{
	margin-left: 10px;
	float: left;
}



/* news server */
.open_close{
	cursor: pointer;
	width: 11px;
	height: 11px;
	background: url("../img/buttons/country-open-close.gif") no-repeat center bottom;
	margin-top: 7px;
	margin-right: 5px;
	float: left;
}
.open_close.close {
	background-position: center top;
}
.country_holder{
	padding-bottom: 5px;
	border-bottom: solid 1px #6a6a6a;
}

table.rss_articles th{
	color: #a82323;
}

table.rss_articles th.cell_rss_time { width: 120px; }
table.rss_articles td, table.rss_articles th{ padding-left: 7px; }
table.rss_articles tr.dark_row td{ background: #2f2f2f; }
table.rss_articles tr.mmt td{ background: #792323; }
table.rss_articles tr.hover td { background: #237923; }

table.country_stats th, table.rss_articles th{
	font-size: 14px;
	font-weight: bold;
	padding: 6px 10px 6px 0;
}
table.country_stats tr.dark_row td{ background: #2f2f2f; }
table.country_stats td, table.rss_articles td{
	font-size: 11px;
	font-weight: bold;
	padding: 6px 10px 6px 0;
}
table.country_stats td.green{ color: #0fc30f; }
table.country_stats td.red{ color: #ce1e1e; }
.cell_flag{
	width: 15px;
}
.cell_announcements{
	width: 290px;
}
.cell_time{
	width: 95px;
	text-align: right;
}
.cell_countdown{
	width: 110px;
	text-align: right;
}
.cell_previous{
	width: 90px;
}
.cell_consensus{
	width: 110px;
}
.cell_actual{
	width: 80px;
}
.cell_change{
	width: 80px;
}
.rss_form{
	float: left;
	margin-top: 9px;
	margin-left: 10px;
}
.rss_form label{
	font-size: 10px;
	font-weight: bold;
}

table.rss_articles {
	width: 99%;
}


.stories {
	display: none;
}

div.story {
	padding: 10px;
}

/* th colors */
.us th{
	color: #fc3a3a;
}


/* pop out styles */
body.popout{
  background: #fff;
  color: #000;
}
#wrap_pop_out{
	padding: 15px;
	overflow: hidden;
}
#wrap_pop_out h2{
	padding: 10px 0 3px 0 !important;
	margin-bottom: 0;
	color: #555;
	font-size: 14px;
	font-weight: normal;
}
.select_options{
	overflow: hidden;
	margin-bottom: 10px;
}
.select_options li{
	float: left;
}
.select_options li a{
	color: #828282;
	font-size: 11px;
}
.select_options li span{
	color: #828282;
	padding: 0 10px;
}
#wrap_pop_out label{
	color: #828282;
	font-size: 12px;
	margin-left: 5px;
}
#select_countries div{
	margin-bottom: 5px;
}
#wrap_pop_out .submit{
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}
.btn_small{
	margin-top: 8px;
}
.enable_check{
	margin: 9px 0 0 10px;
	float: left;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}



.video_graph {
	position: relative;
	width: 600px;
	height: 480px;
}

.graph_nav {
	margin: 10px;
	text-align: center;
}

.graph_nav span {
	font-weight: bold;
	color: #CCC;
	padding: 2px 3px;
	border-radius: 3px;
}

.graph_nav span:hover {
	color: #FFF;
	-moz-box-shadow: 0 0 2px 2px #888;
	-webkit-box-shadow: 0 0 2px 2px #888;
	box-shadow: 0 0 2px 2px #888;
}

.graph_nav span.active {
	background: #CCC;
	color: #000;
}

#fancybox-content {
	background: #000;
}

.video_graph .key {
	position: absolute;
	bottom: 0;
	right: 0;
}