/* Original design: The Grid (v2.0 - October 12th, 2011) - A free xhtml/css website template by Andreas Viklund and adapted by Neil Dockar. For more information, see http://andreasviklund.com/templates/the-grid-v2/ */ /* General styles */ body { background: #fff; color: #303030; font: 100% Helvetica,Tahoma,sans-serif; line-height: 1.4em; } a {color:#2a5a9a; text-decoration:none; font-weight:700;} a:hover {text-decoration:underline;} p {margin:0 0 10px 0;} h1 {color:#888; font-size:0.9em; margin-bottom:5px;} h1 a {text-transform:none; font-weight:400;} h1 a:hover {text-decoration:none; color:#303030;} h2 {font-size:1.6em; color:#333; margin:0 0 10px; border-bottom:2px solid #eee;} h3 {font-size:1.2em; margin:0 0 10px 0; border-bottom:2px solid #eee;} h4 { border-radius: 5px; font-size: 1.2em; margin: 0 0 10px 0; border-bottom: 2px solid #eee; background-color: #99CCFF; color: #FF0000; border: 1px solid #C0C0C0; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: bold; text-align: center; } h5 { font-size: 1.1em; margin: 0 0 5px 0; color: #800080; font-weight: 600; } h6 { font-size: 1.8em; margin: 0 0 5px 0; color: #800080; font-weight: 600; } h1,h2,h3 { color: #555; font-weight: 400; line-height: 1.6em; font-family: Verdana, Geneva, Tahoma, sans-serif; text-shadow: #ddd 1px 1px 3px; } /* Main layout container */ #layout {margin:1px auto 0; width:960px; } body.wider #layout { margin: 1px auto 0 auto; width: 1200px; height: 240 } /* Footer */ #footer .col { text-align: leftt; color: #888; font-size: 0.7em; border-top: 2px #808080 solid; padding: 10px 0; } #footer a { color: #888; font-weight: 400; text-decoration: none; border-bottom: 1px dotted #888; } #footer a:hover {color:#555; text-decoration:none; border-bottom:1px dotted #303030;} /* Grid classes, fixed width, 960px with 12 columns */ .col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;} .col img {border-style: solid; border-width: 0px; max-width:100%; text-align: center; } .row {width:960px; margin:0 auto; overflow:hidden;} .row .row {margin:0 -10px; width:auto; display:inline-block;} .c1 {width:60px;} .c2 {width:140px;} .c3 {width:220px;} .c4 {width:300px;} .c5 {width:380px;} .c6 {width:460px;} .c7 {width:540px;} .c8 {width:620px;} .c9 {width:700px;} .c10 {width:780px;} .c11 {width:860px;} .c12 {width:940px;} /* Grid classes, fixed width, 1200px with 12 columns - add class="wider" to the element to use this */ body.wider {background:#fff;} body.wider .row {width:1200px;} body.wider .c1 {width:80px;} body.wider .c2 { margin: 5px 0 0 0; padding: 0 0px 0 0; width: 198px; } body.wider .c3 {width:280px;} body.wider .c4 {width:380px;} body.wider .c5 {width:480px;} body.wider .c6 {width:580px;} body.wider .c7 {width:680px;} body.wider .c8 {width:780px;} body.wider .c9 {width:880px;} body.wider .c10 {width:980px;} body.wider .c11 {width:1080px;} body.wider .c12 {width:1180px;} /* Menu list styles */ /* Additional text classes */ .slogan {color:#555;} .alignleft {text-align: left;} .alignright {text-align:right;} .aligncenter {text-align:center;} .alignjustify {text-align:justify;} .larger {font-size:1.2em;} .smaller {font-size:0.9em;} .vsmall {font-size:0.7em;} .red {color:#bc4c4c; color: #800080; font-size: x-large; font-weight: 600; } .blue {color:#2a5a9a;} .green {color:#4aaa7a;} .purple { color: #800080; font-size: large; font-weight: 600; } .spacer {margin:0 20px;} .clear {clear:both;} .hide {display:none;} /* Additional table and div classes */ .tableheader { border-bottom: 1px solid #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: center; } .monthold { border-bottom: 1px solid #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: left; } .monthnew { border-bottom: 1px solid #286EA0; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: left; } .monthtotal { border-bottom: 1px solid #000000; border-top: 1px solid #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: left; } .dataaverageold { border-bottom: 1px solid #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; border-left-style: solid; border-left-width: 2px; border-left-color: #808080; } .dataaveragenew { border-bottom: 1px solid #286EA0; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; border-left-style: solid; border-left-width: 2px; border-left-color: #808080; } .dataaveragetotal { border-bottom: 1px solid #000000; border-top: 1px solid #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; border-left-style: solid; border-left-width: 2px; border-left-color: #808080; } .dataactualold { border-bottom: 1px solid #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; } .dataactualtotal { border-bottom: 1px solid #000000; border-top: 1px solid #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; } .dataactualnew { border-bottom: 1px solid #286EA0; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; } .datadiffoldblue { border-bottom: 1px solid #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; background-color: #99CCFF; } .datadiffoldwhite { border-bottom: 1px solid #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: right; background-color: #FFFFF; } .datadiffnewblue { border-bottom: 1px solid #286EA0; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; background-color: #99CCFF; } .datadiffoldred { border-bottom: 1px solid #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; background-color: #FFAAAA; } .datadiffnewred { border-bottom: 1px solid #286EA0; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; background-color: #FFAAAA; } .datadifftotalblue { border-bottom: 1px solid #000000; border-top: 1px solid #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; background-color: #99CCFF; } .datadifftotalred { border-bottom: 1px solid #000000; border-top: 1px solid #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; background-color: #FFAAAA; } .datadifftotalwhite { border-bottom: 1px solid #000000; border-top: 1px solid #000000; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; background-color: #FFFFF; } .datadiffoldnone { border-bottom: 1px solid #FFFFFF; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; } .datadiffnewnone { border-bottom: 1px solid #286EA0; font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 12px; font-weight: normal; text-align: center; } .content1 { border-radius: 5px; padding: 5px; margin-left: auto; margin-right: auto; border: 1px solid #C0C0C0; position: relative; margin-bottom: 5px; font-size: small; font-weight: 600; } .content2 { border-radius: 5px; padding: 5px; margin-left: auto; margin-right: auto; border: 1px solid #C0C0C0; position: relative; margin-bottom: 5px; text-align: center; } .content3 { border-radius: 5px; padding: 25px 1px 65px 1px; margin-left: auto; margin-right: auto; border: 1px solid #C0C0C0; position: relative; margin-bottom: 5px; text-align: center; margin-top: 5px; } .priceoffer { font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 1.5em; font-weight: bold; color: #FF0000; } .watchBox { color: black; font-size: 16px; text-align: center; background-color: #FF9900; margin: 0 0 0 0; padding: .5em 0em .5em 0em; border: 1px dashed rgb(34,70,79); } .advisoryBox { color: black; font-size: 16px; text-align: center; background-color: #FFCC00; margin: 0 0 0 0; padding: .5em 0em .5em 0em; border: 1px dashed rgb(34,70,79); }