body {
  font-family:arial;
}
#container{
  height:1150px;
}
#top{
  position:relative;
}
#map_canvas {
  width: 450px;
  height:550px;
  vertical-align: top;
}
#options {
  width: 500px;
  height:550px;
  vertical-align: top;
  padding:10px;
  text-align:left;
}
#LEGEND {
  vertical-align:top;
  height:420px;
  width:180px;
}
#CHECK {
  vertical-align:top;
  position:relative; 
  width:810px;
  overflow: scroll;
}
#CICHECK {
  vertical-align:top;
  position:relative; 
  width:810px;
  overflow: scroll;
}
.DATE {
  vertical-align: top;
  font-weight:bold;
  height:49px;
}
.TIMESTAMP {
//  font-weight:bold;
  color:green;
}
.ALT {
  background-color:Gainsboro;
}
.WXL {
  vertical-align: top;
  width:180px;
  border-collapse: collapse;
  font-size: 11px;
  padding:3px;
}
.WXT {
  max-width:7600px;
  border-collapse: collapse;
  font-size: 11px;
  padding:3px;
}
.WXE {
  text-align:center;
  border: 1px solid lightgray;
  padding-top:3px;
  padding-bottom:3px;
}
.cell {
  text-align:center;
  border: 1px solid lightgray;
  padding:3px;
}
.timeWX {
  background-color:AliceBlue;
  border: 1px solid lightgray;
  height:50px;
}

.max {
  color: red;
}
.min{
  color: blue;
}

.WXG {
  border: 1px solid lightgray;
  text-align:center;
  height:50px;
}
.legend {
  border: 1px solid lightgray;
  width:130px;
  color:black;
  font-weight:bold;
  text-align:left;
  padding:3px;
}
.legendWX {
  border: 1px solid lightgray;
  width:130px;
  color:black;
  font-weight:bold;
  text-align:left;
}

.legendDATE{
  border: 1px solid lightgray;
  width:130px;
  color:black;
  font-weight:bold;
  text-align:left;
  height:49px;
}
.WXDATA {
  vertical-align: top;
}
.HIDDEN {
  display:none;
  height:0px;
}
.alert {
  color:black;
  font-weight:bold;
  background-color:yellow;
  text-align:center;
  border: 1px solid lightgray;
  padding:3px;
}