/*----------- core HTML tags --------------*/
body
{
text-align: middle;
margin: 0;
background: #fff url(pics/customized/background.gif) 50% 50%;
}
body, td, input, select, button
{
font: 12px arial, verdana, helvetica, sans-serif;
color: #000;
}
h1
{ font-size: 14px;}
table, form, img
{ padding: 0; margin: 0; border: none; border-collapse: separate;}
label, legend
{
color: #333;
font-weight: bold;
}
hr
{
height: 1px;
border: none;
border-top: 1px solid #ccc;
}
a, a:visited
{
color: #00d;
text-decoration: none;
}
a:hover
{
color: #00f;
text-decoration: underline;
}
/*----------- form field sizes ------*/
.short
{ width: 50px;}
.mediuma
{ width: 75px;}
.mediumb
{ width: 150px;}
.wide
{ width: 375px;}
.warning
{ color: #f00; font-weight: bold}
/*----------- tables ------------------*/
table.formtable td
{
padding: 3px 10px 3px 0;
white-space: nowrap;
vertical-align: baseline;
}
table.listtable td
{
padding: 3px;
vertical-align: baseline;
}
table.listtable thead, table.listtable tr.tableheader td
{
color: #fff;
padding: 3px;
background: #021d48;
white-space: nowrap;
}
table.listtable tr.tableheader td a
{color: #fff;}
table.listtable tr.altrow td
{
background: #ddd;
}
table.listtable tr.alert td
{
background: #f00;
}
/*----------- menu area --------------*/
div#menu
{
position: absolute;
top: 236px; left: 0;
width: 899px;
padding-top: 40px;
height: 26px;
margin: 0;
overflow: hidden;
background: #520429;
border-left: 1px solid #620933;
clear: both;
}
div#menu select
{font-size: 11px;}
div#menu div
{
float: left;
height: 24px;
}
div#menu div select
{
margin: 3px 9px 0;
}
div#menu a, div#menu span, .button
{
color: #fff;
font-weight: bold;
display: inline;
float: left;
height: 12px;
padding: 6px 9px 0;
margin: 0;
border: none;
}
div#menu a:hover, .button:hover, div#menu span
{
text-decoration: none;
}
div#menu span
{
color: #cce;
padding: 6px 8px;
height: 20px;
background: #520429;
}
/*----------- banner area --------------*/
div#banner
{
position: absolute;
top: 72px; left: 0;
width: 900px;
height: 165px;
background: url('pics/banners/banner-bg.jpg') no-repeat;
}
html>body div#banner
{background: url('pics/banners/banner-bg.jpg') no-repeat; }
#banner img {
position: absolute;
right: 185px;
top: 75px;
}
img#logo
{
z-index: 1000; position: absolute; top: 91px; left: 22px;
}
img#printlogo
{
display: none;
}
#customa
{
position: absolute;
background: #000;
top: 0; left: 0; text-align: center;
overflow: hidden;
z-index: 100;
width: 100%;
}
#customa img
{
padding: 5px 0; position: relative; margin-left: 425px; z-index: 1000;
}
img#customb
{
position: absolute;
bottom: 0; left: 81px;
width: 496px; height: 21px;
z-index: 0;
}
img#bannerad, object#bannerad
{
display: none;
}
/*----------- main content area --------------*/
div#wrapper
{width: 900px; position: relative; text-align: left; margin: 0 auto;}
div#contentblock, div#contentblockwide
{
position: absolute;
top: 302px;
width: 900px;
background: #f00;
}
div#contentblock
{background: #fff url(pics/customized/content-bg.gif) repeat-y right;}
div#contentblockwide
{background: #fff;}
/*----------- left column --------------*/
div#a
{
display: inline;
float: left;
width: 175px;
height: 45px;
}
html > body div#a
{
height: auto;
min-height: 45px;
}
div#submenu
{
padding: 12px 0;
}
div#submenu a, div#submenu a:visited, div#submenu span
{
display: block;
padding: 3px;
padding-left: 20px;
color: #000;
text-decoration: none;
}
div#submenu span
{
font-weight: bold;
color: #520429;
background: url('pics/customized/bullet.gif') no-repeat left;
}
div#submenu span.subheader
{
margin-bottom: 3px;
padding-top: 5px; padding-bottom: 6px;
color: #fff;
background: #520429;
}
div#submenu a:hover
{
color: #d00;
}
/*----------- right column --------------*/
div#b, div#bwide
{
position: relative;
display: inline;
float: left;
margin: 0;
padding: 15px;
width: 450px;
height: 500px;
}
html>body div#b, html>body div#bwide
{
height: auto;
min-height: 500px;
}
div#bwide, div#contentblockwide div#b
{
width: 629px;
background: none;
}
/*----------- right column --------------*/
div#c
{
position: static;
font-size: 11px;
display: inline;
float: right;
width: 228px;
margin: 0;
height: 500px;
padding: 3px 0;
}
html>body div#c
{
height: auto;
min-height: 500px;
}
div#c div, div#c p
{
padding: 3px 10px; margin: 0;
color: #fff;
}
div#c label {color: #fff;}
div#c div p
{
font-size: 12px;
padding: 3px 0;
}
div#c td
{
position: relative;
vertical-align: baseline;
width: 80px;
font-size: 11px;
overflow: hidden;
color: #fff;
}
div#c td b, div#c td a, div#c p a
{ color: #fff; text-decoration: underline;}
div#c td.score
{
width: 6ex;
}
/*----------- footer area --------------*/
div#footerblock
{
background: #520429;
color: #fff;
position: relative;
clear: both;
font-size: 11px;
padding: 55px 15px 10px 15px;
border-left: 1px solid #620933;
border-left: 1px solid #620933;
}
div#footerblock a, div#footerblock a:visited
{ color: #fff;}
/*----------- generic divs --------------*/
div#generic1
{
position: absolute;
top: 235px; left: 0;
width: 900px;
z-index: 800;
border: solid #80063f;
border-width: 1px 0;
padding: 5px 0 5px 0;
height: 21px;
overflow: hidden;
}
#generic1 img {margin-top: -5px;}
div#generic2
{
display: none;
}
div#generic2 button
{
font-size: 10px;
padding: 1px 0;
width: 90px;
}
div#generic1 table
{
position: absolute;
top: 5px;
left: 115px;
border: none;
}
div#generic1 input, div#generic1 button
{
font-size: 10px;
padding: 0 4px;
margin: 0;
vertical-align: middle;
}
div#generic1 input.mediuma
{
width: 105px;
padding: 0;
}
div#generic1 table td, div#generic1 table td label
{ padding: 0 2px 0 3px;
font-size: 10px;
font-weight: bold;
color: #fff;
white-space: nowrap;
vertical-align: baseline;
}
div#generic1 table td a
{color: #fff; text-decoration: underline;}
#e2elogo
{
position: absolute;
top: 15px; right: 750px;
z-index: 1000;
}
#logo-print
{ display: none;}
.hide
{ display: none;}
.tips
{ font-weight: bold; color: #999;}
.date
{ font-size: 10px; color: #888;}