/**
* General logic of these styles is to have 
* as less styles in HTML code as possible
*/

* {margin:0px; padding:0px}
html {overflow:scroll}
body {background-color:#ffffff; color:#000000; font-family:Tahoma; font-size:12px}
div {width:100%}
fieldset {border:1px solid #c0c0c0; margin-bottom:10px; padding:10px}
fieldset#anoncheck fieldset {float:left; width:452px} 
fieldset#anoncheck table {border-collapse:collapse; float:left}
fieldset#anoncheck th {padding-right:5px; text-align:left}
fieldset#anoncheck td {text-align:left}
fieldset#notice {border-color:#cc0033}
fieldset#warning {border-color:#cc0033; border-width:3px}
form#login, form#logout, form#login input, form#logout input {float:right}  /*
form#login input[type="submit"] {border-color:#cc0033}                      */
form#login fieldset, form#contact fieldset {border:0px; margin:0px; padding:0px}
form#contact #name {margin-right:6px}
form#contact #name, form#contact #email {float:left; margin-bottom:5px; width:235px}
form#contact #subject, form#contact #message {margin-bottom:5px; width:483px}
form#contact #reset, form#contact #submit {float:right; margin-left:5px}
form.tool fieldset {float:left; width:298px}
form.tool fieldset#results {margin-top:5px; text-align:left; width:958px}
form.tool input, form.tool select {float:left; margin-right:5px}  
input[type="text"], input[type="password"], textarea {background-color:#f0f0f0; border:1px solid #e0e0e0; /*display:block;*/ padding:3px 0px 3px 5px}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {background-color:#ffffff} /* 
input[type="submit"], input[type="reset"] {background-color:#e0e0e0; border:1px solid #000000; cursor:pointer; font-size:11px; padding:2px 5px}
input[type="submit"]:hover, input[type="reset"]:hover {background-color:#cc0033; border-color:#cc0033; color:#ffffff}  */  
input[type="submit"], input[type="reset"] {cursor:pointer; font-size:11px; height:25px; padding:2px 5px; width:60px}
input[type="hidden"] {display:none}                                                                       
legend {font-weight:bold; padding:0px 5px}
option {border:0px}
select {background-color:#f0f0f0; border:1px solid #c0c0c0; padding:2px 0px}

a {color:#cc0033; text-decoration:none}
a:link {color:#cc0033; text-decoration:none}
a:visited {color:#cc0033; text-decoration:none}
a:hover {color:#cc0033; text-decoration:underline} 
a.mainMenuCell {color:#ffffff; float:left; height:20px; text-decoration:none; width:100px}
a.active {background-color:#cc0033}
a.inactive {background-color:#c0c0c0}
a.inactive:hover {background-color:#e0e0e0; color:#000000}

.alert {color:#cc0033}
.app-x {margin-right:10px}
.app-y {margin-bottom:10px}
.bold {font-weight:900}
.bott {margin-bottom:0px} 
.confirm {color:#000000}
.full {text-align:center; width:100%}
.left {float:left}
.nofloat {clear:both; height:0px; width:0px}
.page {margin:0 auto; text-align:center; width:980px}
.right {float:right}
.table {display:table}
.tableRow {display:table-row}
.tableCell {display:table-cell}

#anoncheckBox-hide {display:none}
#anoncheckBox-show {display:block}
#bodySpace {margin:10px auto}
#contactFormBox, #contactInfoBox {display:table-cell; float:left; width:50%}
#debugBox {background-color:#e0e0e0; font:10px Tahoma; margin:10px 0px; padding:10px; text-align:left; width:960px}
#footerBox {background-color:#cc0033; color:#ffffff; font-size:11px; line-height:40px}
#footerBox a {color:#ffffff}  
#logoBox {display:table-cell; float:left; padding:15px 0px; width:240px}
#loginBox {margin:0 auto; width:980px}
#loginBox, #loginSpace {background-color:#cc0033; height:20px}
#loginSpace {padding:10px 0px}
#mainMenuBox a {display:block; padding-top:7px}                       
#user1Box {background-color:#f0f0f0; display:table-cell; float:left; width:33%}  
#user2Box {background-color:#c0c0c0; display:table-cell; float:left; width:34%}
#user3Box {background-color:#f0f0f0; display:table-cell; float:right; width:33%}  
#user4Box {background-color:#c0c0c0; display:table-cell; float:left; width:50%}
#user5Box {background-color:#808080; display:table-cell; float:right; width:50%}