html, body { padding: 0; margin: 0; width: 100%; }
body { background-color: #436f90; font: 10pt tahoma }

#loginall { width: 420px; height: 320px; background: url(theme/default/loginbox.jpg); padding: 0; position: absolute; margin: -180px auto auto -210px; left: 50%; top: 50% }
#loginheaderbox h1, #logininputbox h3 { display: none }
#logininputbox { width: 340px; height: 100px; position: absolute; margin: 0 auto auto -170px; left: 50%; top: 50%; padding: 0; }
#logininputbox label { float: left; width: 100px; color: #fff; padding: 0px  }
#logininputbox input { width: 220px; border: 2px solid #9ac; padding: 2px; opacity: .7; filter: alpha(opacity=70) }
#logininputbox label, #logininputbox input { font: 14pt tahoma; margin: 0 0 10px 0; vertical-align: middle; padding-left: 2px }
#logindisclaimer { width: 420px; color: #fff; text-align: center; position: absolute; margin: 160px auto auto -210px; left: 50%; top: 50%; padding: 0 }
#logininputbox .loginbtn { background: url(loginbtn.jpg) center center no-repeat; width: 20px !important; height: 20px !important; border-width: 0 !important; padding-top: 30px !important }
#logininputbox form { display: inline }

#header { background: #30404d url(theme/default/topicon.jpg) top left no-repeat; width: 100%; margin: 0; padding: 0; height: 60px; border-bottom: 2px solid #000 }
#header h1 { padding: 15px 0 0 70px; margin: 0; color: #cde2f3; letter-spacing: 1px }
#menubar { background: #000; width: 100%; height: 20px; padding: 2px 0 0 0; margin: 0 }
#menubar ul { float: left; list-style: none; margin: 0; padding: 0; height: 20px }
#menubar li { float: left; line-height: 20px; height: 20px; padding: 0 12px 0 12px; margin: 0 }
#menubar li.current { color: #9ef; text-transform: uppercase; font-weight: bold; background-color: #436f90 }
#menubar li a { text-decoration: none; color: #fff; text-transform: uppercase; font-weight: bold; }
#menubar li a:hover { color: #ff5 }
#menubar h3 { display: none }

#content { position: absolute; padding: 0; width: 100% }
#content h2 { color: #def; padding: 0; margin: 0 0 2px 0; font-size: 13pt }
#content img.clickbar { border: 0; padding: 0 10px 0 8px; }
#content h3.clickbar { font-size: 10pt; letter-spacing: 1pt; color: #fff; background: #30404d url(theme/default/bluebar.gif) top left; width: 100%; margin: 0; padding: 0; line-height: 25px; height: 25px }
#content h3 { padding: 0; margin: 0 0 5px 0 }
#content div.clickcontent { padding: 5px; background-color: #3D627F; }
#content img.icon { float: left }
#content ul.desc { list-style: none; padding: 0; margin: 5px; vertical-align: middle; font-weight: normal; text-align: left }

#tabula td { font-weight: bold }
#tabula td.tabnone, #tabula td.tabselected { padding: 2px 8px 2px 8px; color: #CBD6DD; border: 2px solid; text-align: center }
#tabula td.tabnone { background-color: #436f90; border-color: #30404D #A7B5C1 #A7B5C1 #30404D }
#tabula td.tabselected { background-color: #55626D; border-color: #A7B5C1 #30404D #30404D #A7B5C1 }

table.panel1 { border: 0; width: 100%; margin: 0; padding: 0 }
table.panel1 img.clicker { border: 0; padding: 0 10px 0 8px }
table.panel1 th.clicker { font-size: 10pt; letter-spacing: 1pt; color: #fff; background: #30404d url(theme/default/bluebar.gif) top left; width: 100%; margin: 0; padding: 0; line-height: 25px; height: 25px; text-align: left }
table.list1 { font-size: 8pt; margin: 0; padding: 0; width: 100%  }
table.list1 tr { margin: 0; padding: 0 }
table.list1 th, table.list1 td { color: #CBD6DD; background-color: #55626D; border: 2px solid; border-color: #A7B5C1 #30404D #30404D #A7B5C1; margin: 0 }
tr.tabpanel td { padding: 5px; color: #CBD6DD; background-color: #55626D; border: 2px solid; border-color: #A7B5C1 #30404D #30404D #A7B5C1; margin: 0 }
tr.tabpanel { display: none; height: 150px; vertical-align: top }
table.list1 b { color: #DDD } 
table.list1 td { background-color: #667780; padding: 1px 5px 1px 5px; text-align: center }

#content table.alert { border-collapse: collapse; border: 2px solid #621; width: 99%; margin-bottom: 50px; }
#content table.alert td, #content table.alert th { padding: 2px; border: 2px solid #621; text-align: left }
#content table.alert th { background-color: #a41; color: #fff }
#content table.alert td { background-color: #f86 }
#content h3.exalert { color: #333 }
#content table.exalert { border-collapse: collapse; border: 2px solid #222; width: 99%; margin-bottom: 50px; }
#content table.exalert td, #content table.alert th { padding: 2px; border: 2px solid #222; text-align: left }
#content table.exalert th { background-color: #555; color: #fff }
#content table.exalert td { background-color: #888 }

#frmnew, #frmedit { width: 650px }
#frmhidden { display: none }

h4 { font-size: 11pt; margin-bottom: 5px }
