﻿/* LAYOUT CLASSES */
body, html { padding: 0px; margin: 0px; height: 100%; }
body { background: #ffffff url(images/themelight/bgstrip.png); background-position: top; /* permanently use a scrollbar on the right to avoid screen jumps */ overflow-y: scroll; }
.pageform { position: relative; width: 980px; margin: 0px auto 0px auto; padding: 0px; min-height: 100%; }
.pagebody { width: 980px; padding: 0px; padding-bottom: 30px; }
.pagenav { padding-left: 4px; padding-right: 4px; padding-bottom: 1px; }
.pagehead { position: relative; width: 972px; height: 4px; }
.mainpagehead { position: relative; width: 972px; height: 94px; padding-top: 3px; padding-left: 4px; padding-right: 4px; padding-bottom: -2px; }
.pagefoot { /*background-color:#7aa054;*/ width: 970px; text-align: center; height: 25px; background: url(images/themelight/barback.png); border-top: solid 1px #c0c0c0; border-left: solid 1px #c0c0c0; border-right: solid 1px #c0c0c0; margin-left: 4px; margin-right: 4px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; position: absolute; bottom: 0px; }
body.mceContentBody { padding: 8px; background: #f8f8f8; }

/* COMMON TAGS */
body, a, p, td, div, input, textarea { font-family: Arial, Sans-Serif; font-size: 9pt; color: #505050; }
    a, a:visited { color: #65a008; text-decoration: none; }
ul, ol { margin-top: 10px; margin-bottom: 10px; margin-left: 0px; padding-left: 20px; }
h1 { font-size: 11pt; color: #707070; }
h1, h2, h3 { font-weight: bold; margin: 0px; background-color: #eaeaea; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 5px; border: solid 1px #c0c0c0; }
a:hover { text-decoration: underline; }
p { margin-bottom: 10px; padding: 0px; }
hr { height: 0px; background-color: #e0e0e0; border-top: solid 1px #c0c0c0; }
.column1 { width: 240px; }
.column2 { width: 484px; }
.column3 { width: 728px; }
.column4 { width: 972px; }
.sbox { margin-bottom: 4px; }
.sboxhead, .columnhead, .captcha, .subhead { background-color: #eaeaea; border: solid 1px #c0c0c0; }
.sboxhead { font-weight: bold; padding: 4px 8px 4px 8px; border-bottom: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }
.sboxbody { background-color: #f8f8f8; border: solid 1px #c0c0c0; padding: 8px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.sboxfoot { }
.sboxfeature .sboxhead { background-color: #f8f8f8; color: #65a008; font-size: 20px; text-align: center; font-family: Verdana, Arial, Sans-Serif; font-weight: normal; text-transform: lowercase; }
.sboxfeature .sboxbody { background-color: #f8f8f8; border: solid 1px #c0c0c0; border-top: 0px; padding: 10px 10px 10px 10px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.sboxspecial .sboxhead { background-color: #f8f8f8; color: #a0a0a0; font-size: 20px; font-family: Verdana, Arial, Sans-Serif; font-weight: normal; text-transform: lowercase; }
.sboxspecial .sboxbody { background-color: #f8f8f8; border: solid 1px #c0c0c0; border-top: 0px; padding: 10px 10px 10px 10px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.sboxbare .sboxbody { margin-bottom: 4px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.admintab { margin-top: 3px; margin-bottom: 1px; padding-top: 10px; padding-bottom: 4px; padding-left: 4px; background: #ffffff url(images/themelight/bg.png); background-position: inherit; border-bottom: solid 1px #c0c0c0; border-top: solid 1px #c0c0c0; }
.tab { margin-right: 4px; font-weight: bold; border: solid 1px #c0c0c0; padding: 4px 8px 4px 8px; background: #fff; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; }
.tabselected { border-bottom: solid 1px #fff; }
.selected { background-color: #f8f8f8; }
.tabs { margin-top: 3px; margin-bottom: 3px; }
.datalabel { margin-top: 8px; color: #808080; font-weight: bold; display: block; }
.datafield { width: 200px; margin-bottom: 3px; border: solid 1px #c0c0c0; }
.datablock { }
.datapanel { padding-bottom: 20px; }
.datagrid .datafield { width: 100px; margin-bottom: 3px; border: solid 1px #c0c0c0; }
.data2wide { width: 426px; }
.longdata { width: 450px; }
.databutton { -webkit-border-radius: 5px; width: 100px; background-color: #eaeaea; font-weight: bold; border: solid 1px #c0c0c0; margin-top: 10px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 3px; }
.greenbutton { background-color: #9EC32D; color: White; }
.columnhead { font-size: 7pt; padding: 1px 5px 1px 5px; text-align: center; }
.subhead { padding: 1px 5px 1px 5px; margin-bottom: 5px; margin-top: 5px; }
.layouttable { border: 0px; border-spacing: 2px; padding: 0px; margin: 0px auto 0px auto; }
.formtable { width: 100%; }
.formtable td { width: 50%; padding: 0px 0px 0px 0px; }
tr { vertical-align: top; }
.errormessage { padding: 10px 0px 10px 0px; }
.tooltip { cursor: hand; }
.listdiv { margin-bottom: 8px; }
.navlink { width: 80px; text-align: center; padding-top: 8px; border-left: solid 1px #d0d0d0; }
.navbar { background: url(images/themelight/barback.png); height: 32px; border: solid 1px #c0c0c0; -webkit-border-radius: 5px; }
.messagearea { padding:4px; margin:4px; border: solid 1px #c0c0c0; -webkit-border-radius: 5px; }
.navlogo { border: 0px; margin-left: 4px; margin-top: 4px; }
.tagline { float: right; border: solid 1px #c0c0c0; }
.trimmer { height: 1.2em; overflow: hidden; }
.searchbox { border: 0px; width: 130px; height: 18px; background: url(images/themelight/searchback2.png); padding-left: 20px; margin-top: 4px; margin-right: 4px; margin-left: 4px; color: #606060; }
.searchbutton { border: 1px solid #c0c0c0; border-radius: 15px; margin-top: 5px; background-color:#e0e0e0; color:#c0c0c0; height:20px; }
.dollarback { background-color: #fff; background-image: url(images/dollarback.png); background-position: left center; background-repeat: no-repeat; padding-left: 18px; width: 178px; }
.hovershade:hover { background-color: #eaeaea; border: solid 1px #c0c0c0; text-decoration: none; -webkit-border-radius: 3px; }
.hovershade { border: solid 1px transparent; }
.hovershade A:hover { text-decoration: none; }
input:disabled { cursor: pointer; }
