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; }