﻿/* GENERAL CONTENTS */
* { padding:0; margin:0; }

a { text-decoration:none; color: #4AB6BE;}
a:hover { }

body { background: url(/images/body-bg.jpg) repeat top left; font-family:Arial, helvetica, Sans-Serif; font-size:11px; color:#6D6F71; }

.blue { color: #00f; }

.bold { font-weight: bold !important; }

.breaker { display: block; clear: left; margin: -0.66em 0; visibility: hidden;}

.centered { text-align: center; }
.clear { clear:both; }

h1 { color: #85C13D; font-size: 22px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h2 { color: #85C13D; font-size: 18px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h3 { color: #85C13D; font-size: 16px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h4 { color: #85C13D; font-size: 14px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }
h5 { color: #85C13D; font-size: 12px; font-family:Arial, helvetica, Sans-Serif; font-weight: normal; }

img { border:0; }

.italic { font-style: italic !important; }

li { margin: 0; }

.noborder { border:0 !important; }

p { margin:10px 0; line-height:16px; }

.red { color: #f00; }

ul { margin: 0; }

/* FOOTER */
#footer { width: 800px; float: left; margin: 0px auto 20px auto; padding: 5px; background: #D4D5D6; }
#footer #atomic { float: right; margin-right: 10px; }
#footer #atomic p { color: #73A652; font-weight: bold; font-size: 11px; margin-top: 7px; }
#footer #atomic p a { color: #73A652; }
#footer #atomic p a:hover { color: #585A5C; }
#footer #disclaimer { float: left; margin-right: 10px; }
#footer #disclaimer p { color: #73A652; font-weight: bold; font-size: 11px; margin-top: 7px; }
#footer #disclaimer p a { color: #73A652; }
#footer #disclaimer p a:hover { color: #585A5C; }


/* LAYOUT AND MAIN*/
#container { width:810px; margin: 15px auto; padding: 5px;}
#container #content { width: 810px; float: left; clear: both; background: #fff; }
#container #content #contentLeft { float: left;  width: 537px; background: #fff; }
#container #content #contentLeft .blackModule { background: url(/images/small-black-gradient.jpg) no-repeat top left; }
#container #content #contentLeft .blueBox { border: 1px solid #95D3D7; }
#container #content #contentLeft .grayModule { background: url(/images/small-gray-gradient.jpg) no-repeat top left; }
#container #content #contentLeft #sidebar { width: 188px; float: left; }
#container #content #contentLeft #centercontent { float: left; width: 349px; }
#container #content #contentLeft #splash { height: 181px; width: 537px; float: left;}
#container #content #contentRight { float: left; background: #fff; width: 268px; margin-left: 5px; margin-bottom: 20px;}
#container #headertop { width: 100%; float: left; clear: both; }
#container #headertop #greenbreak { width: 100%; background: url(/images/green-breaker.jpg) no-repeat top left; height: 30px; float: left; clear: both;}
#container #headertop #logo { float: left; width: 525px; }
#container #headertop #righttop { float: left; width: 275px; margin-top: 50px; }
#container #headertop #righttop #imageLinks { float: left; margin-left: 0px; }
#container #headertop #righttop #imageLinks #imageLinksList { list-style: none none inside; margin-top: 5px; }
#container #headertop #righttop #imageLinks #imageLinksList li { display: inline; margin-left: 10px; }
#container #headertop #righttop #newsFeed { border: 1px solid #81CBD0; width: 205px; height: 28px; float: right; }
#container #headertop #righttop #newsFeedContent { font-size: 12px; line-height: 28px; margin-left: 5px;}
#container #headerbottom { width: 810px; clear: both; float: left; height: 215px; }
#container .spacer { float: left; clear: left; height: 5px; width: 800px; }
#container #ticker { float: left; }
#container #ticker #tickerContent { background: transparent url(/images/ticker-bg.jpg) repeat-x scroll left top; }
#container #ticker .tickerItem { width: 125px; margin-right: 10px; }
#container #ticker .tickerItem img { float: left; margin-right: 10px; margin-top: 8px;}
#container #ticker .tickerItem p { float: left; margin: 0; line-height: 30px; color: #fff; font-size: 18px; }

/*DEFAULT*/
#contentLeft .centerEle { border-bottom: 1px dashed #8C8E91; margin: 10px 20px; width: 309px;}
#contentLeft #contactBox { float: left; clear: both; padding: 10px; }
#contentLeft #contactBox a { color: #63B537; }
#contentLeft #contactBox #ctl00_mainContent_btnSubmit { float: left; clear: both; margin-left: 220px; }
#contentLeft #contactBox .txtBox { border: 1px solid #C6D5B8; width: 220px; float: left; margin-left: 10px; }
#contentLeft #contactBox .txtLabel { float: left; clear: both; width: 50px; text-align: right; margin-bottom: 20px; }
#contentLeft #linksBox { float: left; clear: both; padding: 10px;}
#contentLeft #linksBox .linkEle { float: left; margin-right: 5px; margin-bottom: 10px; margin-top: 10px; } 
#contentLeft #newsBox { float: left; clear: both; padding: 10px;}
#contentLeft #newsletterBox { padding: 10px; height: 121px; width: 168px; float: left; }
#contentLeft #newsletterBox h5 { margin: 0 0 3px 0; float: left; width: 158px; color: #fff; }
#contentLeft #newsletterBox img { float: left; clear: none; margin-right: 5px;}
#contentLeft #newsletterBox .input { float: left; border: 1px solid #4AB6BE; clear: both; width: 140px; margin-left: 10px; }
#contentLeft #newsletterBox .newsletterBoxSubmit { float: left; clear: both; margin-left: 118px; margin-top: 5px; }
#contentLeft #newsletterBox p { margin: 0 0 3px 10px; float: left; clear: both; width: 158px; color: #fff; }
#contentLeft #performanceBox { padding: 10px; width: 168px; background: #F0F0F1; float: left; }
#contentLeft #performanceBox h4 { margin: 0 0 3px 0; float: left; width: 158px; color: #6B6D70; }
#contentLeft #performanceBox img.greenbar { float: left; clear: none; margin-right: 5px; }
#contentLeft #performanceBox .perfEle { width: 140px; float: left; clear: both; margin-top: 10px; margin-left: 10px; }
#contentLeft #performanceBox .perfEle h5 { margin: 0 0 3px 0; float: left; color: #74AE4D; margin-right: 5px; font-weight: bold; line-height: 12px}
#contentLeft #performanceBox .perfEle img.greenarrow { float: left; clear: none; }
#contentLeft #performanceBox .perfEle p { float: left; clear: both; width: 140px; color: #505153; font-weight: bold; margin: 0;} 
#contentLeft #picksBox { float: left; clear: both; padding: 10px;}
#contentLeft #picksBox .cover { position: relative; left: -13px; top: 11px; }
#contentLeft #picksBox .pickEle { float: left; color: #6D6F71; font-weight: bold; font-size: 16px; margin-right: 15px; margin-top: 10px; margin-bottom: 10px;}
#contentLeft #picksBox .pickEle img { position: relative; left: 7px; top: -3px; }
#contentLeft #quotesBox { background: #F0F0F1; float: left; clear: both; padding: 10px; margin-top: 10px;}
#contentLeft #quotesBox p { font-size: 11px; }
#contentLeft #yahooBox { float: left; clear: both; width: 188px; visibility: hidden; }

#contentRight .compEle { width: 267px; border: 1px dashed #AEB0B3; }
#contentRight .compEle .compImage { float: left; clear: both;  width: 100%; }
#contentRight .compEle .compImage img {  }
#contentRight .compEle h5 { background: #8C8E91; width: 42px; height: 30px; float: left; line-height: 30px; padding-left: 10px; color: #fff;}
#contentRight .compEle h4 { margin: 0 0 3px 0; float: left; width: 180px; line-height: 30px; color: #585A5C; font-weight: bold; cursor: hand; cursor: pointer; }
#contentRight .compEle img.greenbar { float: left; clear: none; margin-right: 5px; margin-top: 8px; margin-left: 10px; }
#contentRight .compEle .ltGrey { float: left; background: #E1E2E2; height: 30px; width: 215px; }
#contentRight .compEle .profileblurb { float: left; clear: both; padding: 10px; color: #000; display: none; width: 240px; }
#contentRight .compEle .profileblurb p { color: #505153; line-height: 12px; width: 230px; }
#contentRight .compEle .profileblurb h5 { background: #fff; width: 230px; height: auto; float: left; line-height: normal; padding-left: 0px; color: #505153; }
#contentRight .compEle .profileblurb h4 { margin: 0; float: left; width: 230px; line-height: normal; color: #505153; font-weight: normal; }
#contentRight .compEle ul { float: left; color: #549A2F; margin-left: 20px; margin-bottom: 10px;}
#contentRight .compEle ul li a { color: #549A2F; }
#contentRight .compEle ul li a:hover { color: #275217;}