html, body {
margin: 0;
padding: 0;
border: none;
font-family:Tahoma,Verdana,Arial,Sans-Serif;
color: #000;
background: #fff;
font-size: 11px;
}
div.header {
background: #e6eff6;
padding: 0 0 0 27px;
}
div.header img {
border: none;
vertical-align: -10px;
margin: 0 5px 0 0;
}
div.header a {
text-decoration: none;
text-transform: uppercase;
color: #035ca9;
font-weight: bold;
font-size: 12px;
}
img.logo {
margin: 0 0 0 27px;
}
h1 {
height: 34px;
background: #ffffff url('images/header_bg.gif') repeat-y;
font-size: 27px;
padding: 0 0 0 27px;
margin: 0;
}
h4 {
height: 60px;
background: #ffffff;
font-size: 27px;
padding: 0 0 0 27px;
margin: 0;
}
/* selector */
div.selector {
background: #ffffff url('images/table_bg.gif') repeat-x;
padding: 0 0 0 27px;
}
div.selector h2 {
margin: 0;
padding: 22px 0 14px 0;
}
div.selector p.info {
font-size: 9px;
margin: 4px 0px 17px 6px;
color: #666;
}
form, form fieldset, form fieldset label {
border: none;
margin: 0;
padding: 0;
}
form fieldset {
margin: 0 0 0 4px;
}
form fieldset label {
display: block;
margin-bottom: 2px;
}
select#month {
width: 110px;
}
select#year {
width: 60px;
}
/* table */
div.tablecontainer {
width: 562px;
height: 265px;
margin: 0 0 4px 0;
border: 1px solid #cfd3df;
border-top: none;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
}
.selector div.header {
width: 563px;
margin: 13px 0 0 0;
padding: 0;
height: 24px;
background: #0361aa;
color: #fff;
}
.selector div.header p {
margin: 0;
text-align: center;
padding: 5px 0 0 0;
}
.selector div.date {
background: #0c4596;
width: 70px;
height: 19px;
float: left;
text-align: center;
padding: 5px 0 0 0;
border-right: 1px solid #7facd4;
}
.tablecontainer table {
background: #c3d3df;
}
/* table - header */
.tablecontainer table thead tr {
height: 24px;
color: #fff;
background: #0361aa;
}
.tablecontainer table thead tr td {
text-align: center;
border-left: 1px solid #7facd4;
}
.tablecontainer table thead tr td.date {
border: none;
background: #0c4596;
}
/* table - body */
.tablecontainer table tbody tr {
height: 24px;
background: #deebf3;
}
.tablecontainer table tbody tr.even {
background: #fff;
}
.tablecontainer table tbody tr td {
padding-left: 5px;
}
.tablecontainer table tbody tr td a {
color: #0062b0;
text-decoration: none;
}
.tablecontainer table tbody tr td.date {
background: #c7cfd9;
padding-left: 0px;
text-align: center;
}
.tablecontainer table tbody tr.even td.date {
background: #dfe3eb;
}
.tablecontainer div.info {
text-align: center;
margin-top: 120px;
font-weight: bold;
color: #666;
}
/* inform */
div.inform {
margin: 0 0 0 27px;
width: 564px;
}
div.inform h2, div.infobox h2, div.infobox h3 {
margin: 0;
font-size: 11px;
color: #0062b0;
font-weight: bold;
}
p.first {
margin-top: 0;
}
ul {
list-style: none;
margin: 0 0 16px;
padding: 0;
}
div.inform a, div.footer a {
color: #0062b0;
text-decoration: none;
}
/* infobox */
div.infobox {
width: 560px;
margin: 30px 2px 0 29px;
background: #c9dcea;
}
div.infobox div.boxtop {
background: #c9dcea url('images/box_top.gif') no-repeat;
height: 7px;
font-size: 1px;
}
div.infobox div.container {
padding: 7px 0 0 18px;
}
div.infobox div.boxbottom {
background: #c9dcea url('images/box_bottom.gif') no-repeat;
height: 7px;
font-size: 1px;
}
.infobox table, .infobox table tr, .infobox table td {
margin: 0;
padding: 0;
border: none;
text-align: center;
}
.infobox table td img {
margin-right: 1px;
}
.infobox table td {
height: 70px;
}
.infobox table {
margin-bottom: 16px;
}
.infobox .column {
float: left;
width: 180px;
}
/* footer */
div.footer {
width: 634px;
margin: 14px 0 0 0px;
font-size: 9px;
text-align: center;
}
div.footerbar {
height: 19px;
background: #e6eff6;
}