body{
 margin:0px;
 padding:0px;
 font-size:12px;
}
/* IE6 */
*{
 padding : 0px ;
 margin : 0px;
}
#tablearea{
 margin-top:10px;
 left:5px;
/* width:750px;*/
 width:700px;
 overflow:hidden;
 display:block;
 margin-left:10px;
}
#tablearea2{
 margin-top:10px;
 left:5px;
/* width:734px;*/
/* width:759px;*/
 width:907px;
 display:block;
 margin-left:10px;
}
#tablearea3{
 margin-top:10px;
 left:5px;
/* width:989px;*/
/* width:972px;*/
 width:1075px;
 display:block;
 margin-left:10px;
}
.tbl {
 border-collapse:collapse;
 font-size:14px;
}
#t_scroll{
/* height:542px;*/
 height:511px;
 overflow-y:auto;
}
#t_scroll2{
/* height:542px;*/
 height:512px;
 overflow-y:auto;
}
.c1 {
 background-color: #afeeee;
}

th{
 table-layout: fixed;
}
td{
 table-layout: fixed;
}

th.tblcol1 {
 border: 1px solid #A9A9A9;
}
th.tblcol2 {
 border-top: 1px solid #A9A9A9;
 border-bottom: 1px solid #A9A9A9;
 border-left: 2px solid #4d4d4d;
 border-right: 2px solid #4d4d4d;
}

td.tblcol1 {
 width:100px;
 font-family:monospace;
 border: 1px solid #A9A9A9;
 text-align: center;
 white-space:nowrap;
}
td.tblcol2 {
 font-family:monospace;
 border: 1px solid #A9A9A9;
 text-align:right;
 padding-right:15px;
}
td.tblcol3 {
 width:98px;
 border: 1px solid #A9A9A9;
 text-align: center;
}
td.tblcol4 {
 margin:0px;
 padding:0px;
 border-top: 1px solid #A9A9A9;
 border-bottom: 1px solid #A9A9A9;
 border-left: 1px solid #A9A9A9;
 width:99px;
}
td.tblcol5 {
 border: 1px solid #A9A9A9;
}
td.tblcol6 {
 width:135px;
/* font-family:monospace;*/
 border: 1px solid #A9A9A9;
 text-align: center;
}

td.tblcol7 {
/* width:110px;*/
 width:90px;
 font-family:monospace;
 border: 1px solid #A9A9A9;
 text-align: center;
}
td.tblcol9 {
 width:80px;
 border: 1px solid #A9A9A9;
 text-align: center;
}
td.tblcol10 {
 width:80px;
 font-family:monospace;
 border: 1px solid #A9A9A9;
 text-align: center;
}
td.tblcol11 {
 width:100px;
 border: 1px solid #A9A9A9;
 text-align: center;
 white-space:nowrap;
}

td.tblcol12 {
 width:80px;
 font-family:monospace;
 border-top: 1px solid #A9A9A9;
 border-bottom: 1px solid #A9A9A9;
 border-left: 2px solid #4d4d4d;
 border-right: 2px solid #4d4d4d;
 text-align: center;
}

td.tblcolhour {
 width:90px;
 border: 1px solid #A9A9A9;
 text-align: center;
}

td.tblcolday {
 width:135px;
 border: 1px solid #A9A9A9;
 text-align: center;
}
html>body td.tblcolday{ /* IE6ˆÈŠO */
 font-family:monospace;
}

td.tblcolwat {
 width:65px;
 font-family:monospace;
 border: 1px solid #A9A9A9;
 text-align: right;
 border-right-style:none;
}
td.tblcolarr {
 width:25px;
 border: 1px solid #A9A9A9;
 text-align: left;
 border-left-style:none;
}
td.tblcolcity {
 width:160px;
 border: 1px solid #A9A9A9;
 text-align: center;
}
.namecol{
 position: static;
}
.namecol .name{
 background: #afeeee;
 display: block;
 position: relative;
 width: 450%;
 height: 17px;
 line-height: 17px;
/* font-family:monospace;*/
 font-weight:bold;
}
.name_part1{
 margin-left:62px;
}
.name_part2{
 margin-left:26px;
}
.name_part3{
 margin-left:31px;
}
.name_part4{
 margin-left:32px;
}
.graph{
 position: static;
}
.graph .bar {
 display: block;
 position: relative;
 background: mediumblue;
 height: 1.5em;
 line-height: 1.5em;
}
.lv1 {
 background-color:#33CCFF;
}
.lv2 {
 background-color:#FFCC00;
}
.lv3 {
 background-color:#FF6600;
}
.lv4 {
 background-color:#FF0000;
}

#cloarea{
 position:absolute;
 bottom:10px;
 left:400px;
}
#cloareagrh{
 position:absolute;
 bottom:10px;
 left:300px;
}
#cloarealst{
 position:absolute;
 bottom:10px;
/* left:340px;*/
 width:100%;
}
#messageara{
 font-size:14px;
 margin-top:5px;
 margin-left:20px;
}
