@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{
		color: #a82323;
		font-weight: bold;
		font-size: 14px !important;
	}
	table.calendar td.date{ width: 110px; }
	table.calendar td.time{ width: 110px; }
	table.calendar td.market{ width: 110px; }
	table.calendar td.announcement{ width: 240px; }
	table.calendar td.actual{ width: 80px; }
	table.calendar td.consensus{ width: 110px; }
	table.calendar td.forecast{ width: 110px; }
	table.calendar td.actual{ width: 110px; }
	table.calendar td.rating{ 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;
}
	.vid_holder{
		float: left;
		margin-bottom: 15px;
	}
	.vid_copy{
		margin-left: 10px;
		width: 624px;
		height: 208px;
		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;
	}
	.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;
}