/* ------------------------------------------------------------------------

StockEqualizer.com - styles.css

			Author: 		Steven Fiske
			Created: 		2008-12-11
			Last Modified: 	2008-06-30

------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
	Global
   --------------------------------------------------------------------- */
	html, body {
		height: 100%;
	}
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
		}   
	.container {
		width: 940px;
		margin: 0 auto;
		display: block;
		_height: 1%;
		}
	.container:after {
		content: ".";  
		visibility: hidden;  
		display: block;  
		clear: both;  
		height: 0;  
		font-size: 0; }  
	
	.left {
		float: left;
		}
	.right {
		float: right;
		}
	
	a, a:visited {
		color: #5e7da1;
		text-decoration: none;
		}
		a:hover {text-decoration: underline;}
		
	table {
		border-collapse:collapse;
		border-spacing:0px;
		display:table;
		}
   
/* ---------------------------------------------------------------------
	Topbar
   --------------------------------------------------------------------- */
   
	#topbar {
   		background-color: #252525;
		font-size: 10px;
		}
		#topbar div.container {
			padding: 5px 0;
			}
			#topbar div.tb_links {
				padding: 2px 0;
				vertical-align: middle;
				}
		#topbar p {
			color: #fff;
			}
		#topbar a {
			color: #bdd0e5;
			}
		#topbar span {
			color: #898989;
			}
		#topbar div.search {
			float: right;
			height: 17px;
			display: block;
			vertial-align: middle;
			}
		#topbar input[type="text"] {
				width: 168px;
				font-size: 10px;
				padding: 1px 4px;
				height: 12px;
				line-height: 17px;
				border: none;
				color: #a1a1a1;
				margin: 0px 0 0 0;
				vertical-align: middle;
				background-color: #e1e1e1;
				}
				#topbar input[type="text"]:focus {
					background-color: #fff;
					color: #000;
					}
			#topbar input[type="submit"] {
					width: 77px;
					height: 17px;
					font-size: 10px;
					color: #fff;
					margin: 0px 0 1px 0;
					vertical-align: middle;
					border: none;
					cursor: pointer;
					background: url(../images/search1.png) no-repeat left top;
					}
					#topbar input[type="submit"]:hover {
						background-position: left bottom;
						}

/* ---------------------------------------------------------------------
	Header
   --------------------------------------------------------------------- */
	#header {
		margin: 0px auto;
		}
		#header h1 a {
			background: url(../images/stock_equalizer_logo-sm.jpg) no-repeat left top;
			height: 90px;
			width: 260px;
			text-indent: -9999px;
			display: block;
			margin: 10px 0;
			}
			body.home #header h1 a {
				background: url(../images/stock_equalizer_logo.jpg) no-repeat left top;
				height: 143px;
				width: 338px;
				}
	#msg_box { display: none; }
	body.home #msg_box {
		display: block;
		height: 99px;
		width: 552px;
		margin: 10px 0;
		padding: 14px;
		background: url(../images/header_msg_box.png) no-repeat left top;
		font-size: 12px;
		color: #5e5e5f;
		}
		body.home #msg_box h2 {
			font-size: 24px;
			font-weight: lighter;
			color: #577fb2;
			padding-bottom: 4px;
			margin-bottom: 10px;
			border-bottom: 1px solid #d6d2d2;
			}
		body.home  #msg_box a {
			font-weight: bold;
			}

/* ---------------------------------------------------------------------
	Nav
   --------------------------------------------------------------------- */
	
	#nav {
		height: 50px;
		margin-bottom: 25px;
		}

/* ---------------------------------------------------------------------
	Content
   --------------------------------------------------------------------- */

   
   /* Top Performers - Home Page */
   #topperformers {
	   width: 373px;
	   height: 221px;
	   padding: 105px 57px 0 510px;
	   margin: 0 0 15px 0; 
	   background: url(../images/top_performers-bg.jpg) no-repeat top left;
	   }
	   #topperformers h2, #topperformers h3 {
		   height: 1px;
		   line-height: 1px;
		   text-indent: -9999px;
		   }
		#topperformers ul {
			font-size: 22px;
			line-height: 30px;
			font-weight: lighter;
			text-align: center;
			color: #fff;
			width: 186px;
			}
		#topperformers a.signup_btn {
			width: 346px;
			height: 37px;
			margin: 50px auto 0;
			background: url(../images/signupnow-trans.png) no-repeat top left;
			text-indent: -9999px;
			display: block;
			}
			#topperformers a.signup_btn:hover {
				background-position: bottom left;
				}
				
	/* Boxes - Home Page */
	div.hm_box {
		padding: 10px 15px;
		height: 260px;
		}
		div.hm_box .btn_align {
			width: 100%;
			height: 225px;
			display: block;
			}
		div.hm_box h2 {
			font-size: 24px;
			font-weight: lighter;
			color: #577fb2;
			padding-bottom: 6px;
			}
		div.hm_box h3 {
			font-size: 12px;
			padding-bottom: 12px;
			margin-bottom: 16px;
			border-bottom: 1px solid #d6d2d2;
			}
		
		div.hm_box.left {
			background: url(../images/hm_box_lrg.png) no-repeat top left;
			width: 310px;
			margin-right: 20px;
			}
		div.hm_box.right {
			background: url(../images/hm_box_sm.png) no-repeat top left;
			width: 190px;
			}
			div.hm_box a.hm_box_btn {
				width: 172px;
				height: 31px;
				margin: 0 auto;
				display: block;
				text-indent: -9999px;
				}
				div.hm_box.left a.hm_box_btn:hover, div.hm_box.right a.hm_box_btn:hover  {
					background-position: bottom left;
					}
				div.hm_box.left a.hm_box_btn {
					background: url(../images/learnmore-trans.png) no-repeat top left;
					}
				div.hm_box.right a.hm_box_btn {
					background: url(../images/signupnow_loginbx-trans.png) no-repeat top left;
					}
			div.hm_box.right input[type="text"], div.hm_box.right input[type="password"] {
				width: 182px;
				height: 12px;
				padding: 4px;
				margin: 5px 0 10px;
				border: solid 1px #5f7b9e;
				}
			div.hm_box.right input[type="text"]:focus, div.hm_box.right input[type="password"]:focus {
				border: solid 1px #000;
				}
				div.hm_box.right input[type="submit"] {
					text-indent: -9999px;
					width: 91px;
					height: 24px;
					margin: 0px 0 15px 50px;
					border: none;
					cursor: pointer;
					background: url(../images/signin_home.png) no-repeat left top;
					}
					div.hm_box.right input[type="submit"]:hover {
						background-position: left bottom;
						}
			div.hm_box.right label {
				color: #454343;
				}
			div.hm_box.right a.forgotpass {
				font-size: 10px;
				}
			div.hm_box.right p {
				color: #454343;
				text-align: center;
				}
			
	/* About Page */
	
	body.about #content {
		min-height: 485px;
		padding: 30px 0 0 0;
		background: url(../images/about_content-bg.jpg) no-repeat right top;
		}
		body.about #content h1 {
			font-size: 24px;
			font-weight: lighter;
			color: #577fb2;
			margin-bottom: 20px;
			}
		body.about #content p {
			font-size: 13px;
			line-height: 1.25em;
			margin: 0 440px 20px 0;
			}
	
	/* Info Pages */
	
	body.info #content.container {
		width: 858px;
		min-height: 438px;
		padding: 40px 40px 20px;
		border: 1px solid #b6b2b2;
		background: #FAFAFA url(../images/buys-bg.jpg) no-repeat left bottom;
		}
	
		body.info #content h1 {
			text-indent: -9999px;
			width: 848px;
			height: 26px;
			padding-bottom: 12px;
			border-bottom: 1px solid #d6d2d2;
			}
			body.info #content.buys h1 {
				background: url(../images/info_h1_buys.gif) no-repeat left top;
				}
			body.info #content.sells h1 {
				background: url(../images/info_h1_sells.gif) no-repeat left top;
				}
			body.info #content.sectors h1 {
				background: url(../images/info_h1_sectors.gif) no-repeat left top;
				}
			body.info #content.marketeq h1 {
				background: url(../images/info_h1_marketeq.gif) no-repeat left top;
				}
			body.info #content.value h1 {
				background: url(../images/info_h1_value.gif) no-repeat left top;
				}
			body.info #content.eqcombos h1 {
				background: url(../images/info_h1_eqcombos.gif) no-repeat left top;
				}
			body.info #content.options h1 {
				background: url(../images/info_h1_options.gif) no-repeat left top;
				}
		body.info #content a {
			display: block;
			width: 798px;
			padding: 12px 25px;
			line-height: 16px;
			color: #353535;
			border-bottom: 1px solid #d6d2d2;
			}
			body.info #content a strong {
				
				font-size: 14px;
				color: #2a73e2;
				font-weight: bold;
				display: block;
				}
			body.info #content a:hover {
				text-decoration: none;
				color: #cccccc;
				background-color: #636464;
				}
				body.info #content a:hover strong {
					color: #fff;
					}
	
	/* Search Page - Search styles are just a modification of Data page styles below */
	
	.data #content div.search {
		width: 500px;
		margin: 0 auto;
		}
		.data #content .search table {
			width: 500px;
			}
		 #content .search h2 {
			font-size: 18px;
			margin: 10px 0 4px 0;
			}
			 #content .search h2 span,  #content .search h3 span {
				display: inline-block;
				width: 125px;
				font-weight: lighter;
				}
		 #content .search h3 {
			font-size: 14px;
			margin-bottom: 2px;
			}
			
		 #content .search p span {
			display: inline-block;
			width: 75px;
			}
		 #content .search td.positive {
			color: #A1FFAC;
			}
		 #content .search td.negative {
			color: #FFA09A;
			}
	/* Data Pages & Tables */

	.data #content h1 {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 20px;
		}
		.data #content h6 {
			color: #babbbb;
			margin-left: 20px;
			font-size: 13px;
			line-height: 18px;
			font-weight: lighter;
			}
	.data table {
		color: #fff;
		width: 938px;
		border-bottom: 1px solid #5482b4;
		}
		.data table a {
			color: #fff;
			text-decoration: underline;
			}
		.data tbody tr {
			background: #8BADD2;
			vertical-align: middle;
			}
			.data tbody tr:hover {
				background: #406C99;
				}
		.data th {
			text-align: center;
			color: #737578;
			padding: 0 0 3px 0;
			line-height: 14px;
			vertical-align: top;
			border-right: 1px solid #5482b4;
			}
			.data table thead th a {
				color: #737578;
				text-decoration: none;
				cursor: default;
				}
			.data thead th:first-child, .data tbody td:first-child {
				border-left: 1px solid #5482b4;
				}
			.data th span.left, .data th span.right {
				width:  48%;
				line-height: 14px;
				text-align: center;
				}
		.data td {
			text-align: center;
			padding: 4px;
			border-right: 1px solid #5482b4;
			}
		.data tbody {
			vertical-align:middle;
			}
		/*.data .odd {background: #6792BF;}*/
		.data tr.odd {background: #5482b4;}
		
		/* Data Pages Technicals */
		.data td.technicals {
			background: #cbdaea;
			padding: 2px 4px;
			}
			.data tr.odd td.technicals {
				background: #adc6e0;
				}
				.data tr:hover td.technicals {
					background: #406C99;
					}
					.data tr:hover td.technicals .indicatorbar {
						display: none;
						}
					.data tr:hover td.technicals .indicators {
						display: block;
						}
					.data tr td.technicals img, .data tr th.technicals img {
						float: left;
						margin-right: 7px;
						}
		.data th.technicals {
			padding: 0px 4px;
			}
			.data th.technicals a.t, .data th.technicals a.i, .data th.technicals a.arrow, .data th.technicals a.star {
				display: block;
				width: 14px;
				height: 14px;
				text-indent: -9999px;
				float: left;
				}
				.data th.technicals a.t {
					margin: 0;
					background: url(../images/technicals/t-white.gif) no-repeat left top;
					}
				.data th.technicals a.i {
					margin: 0 7px 0 0;
					background: url(../images/technicals/i-white.gif) no-repeat left top;
					}
				.data th.technicals a.arrow {
					margin: 0 7px 0 0;
					background: url(../images/technicals/white-arrow.gif) no-repeat left top;
					}
				.data th.technicals a.star {
					margin: 0 7px 0 0;
					background: url(../images/technicals/star-white.gif) no-repeat left top;
					}
			.data div.indicator-container {
				height: 14px;
				width: 84px;
				display: block;
				margin-right: 10px;
				overflow: hidden;
				float: left;
				}
				.data div.indicatorbar {
					height: 14px;
					display: block;
					overflow: hidden;
					float: left;
					}
				.data div.indicatorbar.green {
					background: url(../images/technicals/green-bar-full.gif) repeat-x top left;
					}
				.data div.indicatorbar.red {
					background: url(../images/technicals/red-bar-full.gif) repeat-x top left;
					}
				.data div.indicatorbar.black {
					background: url(../images/technicals/black-bar-full.gif) repeat-x top left;
					}
					.data div.indicatorbar.length-1 { width: 14px; }
					.data div.indicatorbar.length-2 { width: 28px; }
					.data div.indicatorbar.length-3 { width: 42px; }
					.data div.indicatorbar.length-4 { width: 56px; }
					.data div.indicatorbar.length-5 { width: 70px; }
					.data div.indicatorbar.length-6 { width: 84px; }

			.data tr div.indicators {
				display: none;
				}
			.data th div.indicators {
				display: inline;
				}
				.data tr td.technicals div.indicators img, .data th.technicals div.indicators img {
					margin-right: 0;
					width: 14px;
					}
	/* Options Page */
	
		.data table.options td.red, .data td.green {
			text-align: left;
			}
		.data table.options td img {
			margin: 0 20px 0 10px;
			}
		.data table.options tr.last, .data table.options tr.last:hover {
			background-color:#1C1C1C;
			}
			.data table.options tr.last td.red {
				color: #F00;
				}
			.data table.options tr.last td.green {
				color: #0C0;
				}
	
	/* Dashboard Page */
	div.db_box {
		width: 280px;
		height: 260px;
		background: url(../images/dashboard-box.png) no-repeat top left;
		float: left;
		margin: 0 20px 20px 0;
		padding: 8px 10px 10px;
		}
		div.db_box.last {
			margin-right: 0;
			}
		div.db_box h2 {
			color: #fff;
			font-size: 20px;
			margin-bottom: 5px;
			font-weight: lighter;
			}
		div.db_box table {
			color: #666;
			width: 280px;
			text-align: left;
			font-size: 11px;
			}
		div.db_box table a {
			color: #666;
			text-decoration: none;
			}
		div.db_box tr {
			vertical-align: middle;
			border-bottom: 1px solid #cecece;
			}
			div.db_box tbody tr:hover {
				cursor: pointer;
				color: #fff;
				background-color: #7E7E7E;
				}
				div.db_box tbody tr:hover a {
					color: #fff;
					}
		div.db_box table.green tr td.change {
			color: #00c000;
			}
			div.db_box table.green tr:hover td.change {
				color: #00ff00;
				}
		div.db_box table.red tr td.change {
			color: #ff0000;
			}
			div.db_box table.red tr:hover td.change {
				color: #fd8686;
				}
		div.db_box table.change tr td.green {
			color: #00c000;
			}
			div.db_box table.change tr:hover td.green {
				color: #00ff00;
				}
		div.db_box table.change tr td.red {
			color: #ff0000;
			}
			div.db_box table.change tr:hover td.red {
				color: #fd8686;
				}
		div.db_box th {
			color: #85a8d4;
			padding: 6px 3px 5px;
			}
			div.db_box th a {
				color: #85a8d4;
				cursor: default;
				}
			.data thead th:first-child, .data tbody td:first-child {
				}
		div.db_box td {
			padding: 5px 3px;
			}
		
		/* Manage Account */
		
		body.account #content h1 {
			font-size: 24px;
			font-weight: lighter;
			color: #577fb2;
			padding: 20px 0;
			}
			body.account #content form {
				padding: 0px 20px;
				}
			body.account #content p {
				margin-bottom: 6px;
				}
				body.account #content p span {
					width: 175px;
					display: inline-block;
					}
					body.account #content em {
						color: #577fb2;
						font-style: normal;
						}
			body.account #content input[type="text"], body.account #content input[type="password"] {
				width: 182px;
				height: 16px;
				border: solid 1px #5f7b9e;
				padding: 3px 4px;
				vertical-align: middle;
				}
				body.account #content input[type="text"]:focus, body.account #content input[type="password"]:focus {
					border: solid 1px #000;
					}
			body.account #content input[type="submit"] {
					width: 91px;
					height: 24px;
					font-size: 11px;
					margin: 20px 0 15px 0px;
					border: none;
					color: #fff;
					cursor: pointer;
					vertical-align: middle;
					background: url(../images/change_button.png) no-repeat left top;
					}
					body.account #content input[type="submit"]:hover {
						background-position: left bottom;
						}
					body.account #content input[type="submit"].forgotpass {
						margin: 0;
						}


/* ---------------------------------------------------------------------
	Footer
   --------------------------------------------------------------------- */
   
   /* Sticky Footer - Keeps footer at bottom of the page */
   .wrapper {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */
	}
   .push {
	   	height: 120px; /* Must be the same height as the footer + footer top & bottom margin */
		}
		
	/* Footer */
   #footer {
	   background: #3d4147 url(../images/footer-bg.gif) repeat-x left top;
	   color: #8a8989;
	   margin-top: 20px;
	   height: 100px;
	   }
	   #footer div.container {
		   padding: 50px 0 0 0;
		   }
	   #footer a {
		   color: #b7b7b7;
		   text-decoration: none;
		   }
		   #footer a:hover {
			   text-decoration: underline;
			   }
		#footer p.right {
			margin-top: 12px;
			}
			
/* ---------------------------------------------------------------------
	Tipsy - floating tips
   --------------------------------------------------------------------- */
   
.tipsy { padding: 5px; font-size: 11px; line-height: 1em; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(../images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(../images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(../images/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(../images/tipsy-west.gif); background-position: left center; }

/* ---------------------------------------------------------------------
	Misc Classes and Elements
   --------------------------------------------------------------------- */


/* Clear Floated Elements - http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	content: ".";  
	visibility: hidden;  
	display: block;  
	clear: both;  
	height: 0;  
	font-size: 0;
	}



.clearfix {
	display: block;
	}