P {FONT-SIZE: 9pt; COLOR: #5075a0; TEXT-INDENT: 0px; MARGIN: 0px 0px; FONT-FAMILY: arial}
P.a {FONT-SIZE: 13pt; COLOR: #5075a0; TEXT-INDENT: 0px; MARGIN: 0px 0px; FONT-FAMILY: arial}
A {MARGIN: 0px; COLOR: #7b7b7b; TEXT-DECORATION: none}
a:hover {COLOR: #a8a8a8}

body { margin:0px 0px; padding:0; text-align:center; font-size:10pt; color:#5075a0; background:url('bg.jpg') repeat-x top left; }
body, h1, h2, h3, table, td, th, ul, ol, textarea, input, select { font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 10pt; COLOR: #5075a0 ;}
form { margin:10px 0px; padding:0; }
fieldset { display: block; padding: 3px 1em ; border: solid #5075a0 1px; }
legend { font-weight: bold; color: #5075a0; }

#body1 { margin:0px 0px; padding:0; text-align:center; font-size:10pt; color:#5075a0; background:url('bg1.jpg') no-repeat; background-size: cover; }
#fieldset1 { display: block; padding: 3px 1em ; border: solid white 1px; }
#container { margin:0 auto; width:1100px; background:white ;}
#header { height:68px; overflow:hidden; background:#fff; }
#content { margin:0 auto; width:1080px; overflow:hidden; background:#fff; text-align:left; }
#footer { margin:0 auto; width:1080px; height:28px; background:url('t1.jpg') repeat-x top center;  }
#footer .author { margin:0 10px 0px 0; float:right; clear:right; text-align:right; font-size:12px; color:#fff;}

.author { margin:0 10px 0px 0; float:right; clear:right; text-align:right; font-size:12px; color:#fff;}

//select, input[type="text"], input[type="password"] {
//      box-sizing:border-box;
//    }

.select1, .textInput1 {
      width:185px;
      height: 24px;
      box-sizing:border-box;
    }


.select1 { margin:0 auto; float:left; text-align:left; }
.textInput1 { margin:0 auto; float:left; text-align:left; }
.left { padding-top:10px; padding-left:10px; width:500px; float:left; text-align:left ;}
.right { padding-top:10px; padding-right:10px; float:right; clear:right; text-align:right; }
.aleft { padding-top:10px; padding-left:10px; text-align:left; float:left; }
.bleft { padding-top:10px; padding-left:10px; width:700px; float:left; text-align:left ;}
.cleft { padding-top:6px;  width:700px; float:left; text-align:left ;}
.contentLeft { padding-top:6px; width:215px;  float:left; clear:left; text-align:left ;}
.contentRight { width:270px; float:left; clear:right; text-align:left; }
.contentRight2 { width:180px; float:left; clear:right; text-align:left; }
.contentR { padding-top:6px; width:100px; float:left; clear:right; text-align:left; }
.contentR1 { padding-top:6px; width:215px;  float:left; clear:right; text-align:left ;}
.contentR2 { padding-top:6px; float:left; clear:right; text-align:left ;}
.menuheader { padding-left:10px; padding-top:2px; width:1080px; height:22px; overflow:hidden; background:url('t2.jpg') repeat-y top left; color: #FFFFFF; text-align:left ;}
.subheader { padding-left:10px; width:1080px; height:28px; overflow:hidden; background:url('t2.jpg') repeat-y top left; FONT-SIZE: 14pt; COLOR: #ffffff; }
.subheader_big { padding-left:10px; width:1080px; height:100px; overflow:hidden; background:url('t2.jpg') repeat-y top left; FONT-SIZE: 48pt; COLOR: #ffffff; }
.settings {margin-left:0px; margin-top: 8px; padding-left:5px; padding-right:5px; padding-bottom:5px; background:#e5e5e5 ; }
.buttons {padding-right:0px; text-align:right; }
.button-std { width: 56px; color:#5075a0; }
.button1 { color:#5075a0; }

.meter-wrap{ position: relative; }
.meter-wrap, .meter-value, .meter-text { /* The width and height of your image */ width: 200px; height: 18px; }
.meter-wrap, .meter-value { background: #bdbdbd url('meter-outline.png') top left no-repeat; }
.meter-text { position: absolute; top:0; left:0; padding-top: 1px; color: #fff; text-align: center; width: 100%; }

#map_canvas { height: 300px;width: 100% }

.tooltip { position: relative; display: inline-block; }
.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: -5px; left: 102%; }
.tooltip .tooltiptext::after { content: ""; position: absolute; top: 50%; right: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent; }
.tooltip:hover .tooltiptext { visibility: visible; }