@charset "utf-8";
/* CSS Document */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
*{margin:0;padding:0}
a{outline:none;color:#003e39;text-decoration:none}
a:hover{background:#e2f9f2}
.hidetext{text-indent:-9999px}
form.hidelabel label{visibility:hidden}

body{margin:26px;padding:0;font-family:Verdana, Arial, helvetica, sans-serif;font-size:10px;color:#5b5b5b;background:url(../images/backgrounds/Body.png) repeat}

#page{width:762px;background:#fff url(../images/backgrounds/Page.png) repeat-x;margin:0 auto}

/* HEADER
*/
#header{height:56px}
		/* Logo */
		#header h1{background:url(../images/logo/Spread-Bets.png) no-repeat;width:203px;height:56px;float:left}
		/* Subscribe */
		#header form#subscribe{width:295px;height:56px;background:url(../images/backgrounds/Subscribe.png);float:right}
		#header form#subscribe p{margin:19px 0 0 23px;position:relative}
		#header form#subscribe label{position:absolute;left:3px;top:9px;float:left;color:#999;z-index:1}
		#header form#subscribe input#email{color:#333;font-size:10px;border:none;width:180px}
		#header form#subscribe input#submit{width:69px;height:20px}
/* SIDE
*/
#sidemenu{width:230px;float:left;clear:both}
		/* Links */
		#sidemenu ul{margin:60px 0 0 30px;background:#e2f9f2;padding:20px;list-style:none}
		#sidemenu ul li a{font-family:Cocon-Light, Arial, helvetica, sans-serif;font-size:14px;line-height:22px;text-decoration:none;color:#161616}
		#sidemenu ul li a:hover{color:#00574f}

/* TOP
*/
#topmenu{width:532px;height:135px;background:#002421 url(../images/backgrounds/GROW.png) top right no-repeat;float:right}
		/* Links */
		#topmenu ul{float:left;list-style:none;width:237px}
		#topmenu ul li{background:#001c1a;margin-bottom:1px}
		#topmenu ul li a{font-family:Cocon-Light, Arial, helvetica, sans-serif;font-size:14px;line-height:26px;text-decoration:none;color:#fff;margin:0 0 0 20px}
		#topmenu ul li a:hover{color:#00574f}
		/* Slogan */
		#slogan{float:left;width:290px;margin:30px 0 0 0}
		#slogan pre{color:#fff;font-size:16px;font-family:Cocon-Light, Arial, helvetica, sans-serif;line-height:30px;text-align:center}

/* CONTENT
*/
#content{width:532px;clear:right;float:right;margin:0 0 0 0}
		/* Prediction tool */
		#prediction-tool{width:295px;height:185px;margin:0 0 10px 10px;float:right;background:url(../images/backgrounds/StockPredictionTool.png) no-repeat;position:relative}
		#prediction-tool h3{margin:50px 0 0 33px;font-size:12px;color:#6d6d6d}
		#prediction-tool ul{margin:10px 0 0 33px;font-size:10px;color:#6d6d6d;list-style:none}
		#prediction-tool ul li {width:130px;clear:both;position:relative}
		#prediction-tool ul li strong{color:#00524b;position:absolute;right:0}
		#prediction{width:292px;height:52px;bottom:0;position:absolute}
		#prediction p{position:relative}
		#prediction label{position:absolute;left:15px;top:14px;font-size:9px;color:#999;z-index:1}
		#prediction #symbol{margin:12px 0 5px 15px;border:none;font-size:25px;color:#002B28;width:170px;background:#e2f9f2}
		#prediction #predict{width:90px;height:25px}
		.error{margin:50px 33px;font-size:15px;color:#a74a39}
		#raise, #drop, #neutral{color:#ddfff4;width:96px;height:74px;line-height:74px;text-align:center;font-size:13px;position:absolute;top:39px;left:195px;z-index:3;font-family:Cocon-Light, Arial, helvetica, sans-serif;font-weight:700}
		#raise{background:url(../images/backgrounds/Raise.png)}
		#drop{background:url(../images/backgrounds/Drop.png)}
		#neutral{visibility:hidden}
		.loading *{visibility:hidden}
		.loading{background:url(../images/backgrounds/ajax-loader.gif) center center no-repeat}
		
		/* Text */
		#text{padding:0 20px;margin:0 0 30px 0}
		#text h2{font-family:Cocon-Light, Arial, helvetica, sans-serif;font-size:16px;font-size:14px;margin:25px 0 10px 0;color:#001c1a}
		#text h3{font-family:Cocon-Light, Arial, helvetica, sans-serif;font-size:12px;font-size:14px;margin:25px 0 10px 0;color:#001c1a}
		#text p{margin:0 0 10px 0;line-height:14px;text-indent:10px}
		#text ul{margin:0 0 10px 25px;list-style:circle}