/* CSS Document */
html {
font-size: 1.25em;
}

body {
background-color:#CCCCCC;
font-family: Verdana, Arial, Sans-Serif;
font-size: .5em;
behavior:url("csshover.htc");
}

div#main {
background-color:#FFFFFF;
border: solid #000000 1px;
margin: 0 3px;
left: 3px;
top: 3px;
text-align: center;
}


div#title {
border: solid #AAAAAA;
padding: 1px;
border-width:3px 1px 1px 3px;
margin: 15px 25% 15px 25%;
text-align:center;
}

table.gentable {
padding: 0 0 0 0;
margin: 0 20% 15px 20%;
width: 60%;
}

div#head {
background-color:#FFFFFF;
font-size: 1.2em;
top:4px;
border-bottom: solid #000000 1px;
text-align:left;
}

span#headleft {
left:3px;
padding-right: 2px;
border-right: solid #000000 1px;
}

span#headtime {
padding: 0 2px;
border-right: solid #000000 1px;
}

td.formhead {
font-size: 1.2em;
background-color:#CCCCCC;
border:solid #000000 2px;
width: 100%;
}

div#footer {
text-align:center;
}

div#error {
background-color:#E64F78;
font-size: 1.2em;
border:solid #000000 1px;
border-bottom: none;
margin: 0 20% 0 20%;
}

td.formend {
font-size: 1.2em;
background-color:#CCCCCC;
border:solid #000000 2px;
border-top: none;
width: 100%;
}

td.formfield {
font-size: 1.2em;
background-color:#3399CC;
text-align:left;
border-left:solid #000000 1px;
border-bottom:solid #000000 1px;
width: 50%;
}

td.input {
font-size: 1.2em;
background-color:#999999;
text-align: left;
border:solid #000000 1px;
border-top: none;
width: 50%;
}

td.inputhtaccess {
font-size: 1.2em;
background-color:#82B986;
text-align: left;
border:solid #000000 1px;
border-top: none;
width: 50%;
}

td.formfieldhtaccess {
font-size: 1.2em;
background-color:#33CC66;
text-align:left;
border-left:solid #000000 1px;
border-bottom:solid #000000 1px;
width: 50%;
}

a.web:link {
color:#1D4583;
text-decoration:none;
font-weight:bold;
}

a.web:hover {
color:#0E7EDA;
text-decoration:underline;
font-weight:bold;
}

a.web:visited {
color:#1D4583;
text-decoration:none;
font-weight:bold;
}

a.web:active {
color:#E11337;
text-decoration:none;
font-weight:bold;
}

td.totals_infotablehead {
background-color:#BBBBBB;
font-weight:bold;
border:solid #000000 1px;
width: 25%;
}

td.totals_celltop {
background-color:#CCCCCC;
font-weight:bold;
border:solid #000000 1px;
border-left: none;
width: 25%;
}

td.totals_cellleft {
background-color:#CCCCCC;
font-weight:bold;
border:solid #000000 1px;
border-top: none;
width: 25%;
}

td.totals_infocell {
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
width: 25%;
}

td.enum_celltop1 {
background-color:#CCCCCC;
font-weight:bold;
border:solid #000000 1px;
border-left: none;
width: 65%;
}
td.enum_celltop2 {
background-color:#CCCCCC;
font-weight:bold;
border:solid #000000 1px;
border-left: none;
width: 10%;
}

td.enum_infocell1 {
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
width: 65%;
}

td.enum_infocell2 {
border-right:solid #000000 1px;
border-bottom:solid #000000 1px;
width: 10%;
}
p.w3c {
margin-left:3px;
}

td.def_tablehead {
background-color:#BBBBBB;
font-weight:bold;
border:solid #000000 1px;
width: 25%;
}

td.def_tablehead:hover {
background-color:#B8EFBB;
font-weight:bold;
border:solid #000000 1px;
position: relative;
}

td.def_tablehead div {
background-color:#B8EFBB;
width: 200px;
border:solid #000000 1px;
position: absolute;
display: none;
margin: 0;
float: left;
font-weight: 100;
}

td.def_tablehead div:hover, td.def_tablehead:hover div{
display: block;
}
td.def_celltop {
background-color:#CCCCCC;
font-weight:bold;
border:solid #000000 1px;
border-left: none;
width: 25%;
}

td.def_celltop:hover {
background-color:#D5EBD3;
font-weight:bold;
border:solid #000000 1px;
border-left: none;
}

td.def_celltop div {
background-color:#D5EBD3;
width: 200px;
border: solid #000000 1px;
position: absolute;
display: none;
margin: 0;
float: left;
font-weight: 100;
}

td.def_celltop div:hover, td.def_celltop:hover div{
display: block;
}

img.graph_label {
border-right: 5px solid #000000;
}

div#tablearea img.graph {
width: 4px;
border: solid #000000 1px;
margin: 0 0 0 0;
}

img.graph_last {
width: 4px;
border: solid #000000 1px;
margin: 0 10px 0 0;
}


div#tablearea {
border: solid #000000 1px;
border-bottom: none;
width: 449px;
text-align: left;
vertical-align:bottom;
padding: 0;
margin: 0 auto;
}

div#tablearea img.graph_last:last-child {
width: 4px;
border: solid #000000 1px;
margin: 0;
}

div#dates {
width: 449px;
border: solid #000000 1px;
margin: -3px auto 15px auto;
text-align: left;
font-family: Monospace;
font-size: 1.2em;
}

div#dates span {
margin: 0 16px 0 0;
}

div#dates span:first-child {
margin: 0 15px 0 29px;
border-left: 5px solid #000000;
padding: 0 0 0 8px
}

div#dates span:last-child {
margin: 0;
}
div#iewarning {
color:#FF3300;
border-bottom: solid #000000 1px;
text-align: center;
}
span#oldver {
padding: 0 2px;
border-right: solid #000000 1px;
color:#FF3300;
}

/*Fixes for IE*/
* html div#dates {
font-size: 1em;
}