#container { width: 1000px; margin: 0 auto; }
#mainbox, #hodobox { float: left; }
#hodobox { width: 300px; }

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}
.x.axis path {  }
.y.axis path {  }
.axis { fill: #000; }
.y.axis { font-size: 13px; }
.y.axis.hght { font-size: 9px; fill: red;}
.x.axis { font-size: 13px; }
.y.axis.ticks text { display: none; }

.temp {
  fill: none;
  stroke: red;
  stroke-width: 2px;
}
.dwpt {
  fill: none;
  stroke: green;
  stroke-width: 2px;
}
.obs { display: none; fill: none; stroke: black; stroke-width: 3px; opacity: 0.6;}
.obs.w { stroke: black; }
.obs.text { font-size: 11px; fill: black; stroke: none; opacity: 1.0;}

.member   { stroke-width: 1.5px; opacity: 0.4;}
.mean     { stroke-width: 3px; }
.hodoline { stroke: #aaa; fill: none; opacity: 0.5; }
.hodoline.mean { stroke: maroon; opacity: 1.0; stroke-width: 3.5px;}
.hododot {  stroke: #000; opacity: 0.8; }
.hododot.hgt0 { fill: gray;    }
.hododot.hgt1 { fill: #225ea8; }
.hododot.hgt3 { fill: #41b6c4; }
.hododot.hgt6 { fill: #a1dab4; }
.hododot.hgt9 { fill: #ffffcc; }
.gridline, .tempzero {
   stroke: #dfdfdf;
   stroke-width: 0.75px;
   fill: none;
}
.tempzero { stroke: #aaa; stroke-width: 1.25px; }
.gridline.moist {
   stroke: #bbb;
   stroke-dasharray: 5,5;
}
.gridline.odd { stroke-width: 1.25px;}

.barline { stroke: #000; stroke-width: 0.5px; }
.rectline { fill: #aaa; opacity: 0.5;}
.rectline2 { file: #000; }
.index { font-size: 13px; }
.header { font-weight: bold; font-size: 11px;}
.hodolabels { font-size: 9px; opacity: 0.5;}
.moistlabels { font-size: 8px; opacity: 0.5;}
.temptext { font-size: 11px; fill: red; }
text.loading { display: none; font-size: 13px;} 
text.sitename { font-size: 12px; }
.tdtext { font-size: 11px; fill: green; }
.lcltext { font-size: 11px; }
.key { font-size: 10px; }

.windbarb { stroke: #000; stroke-width: 0.75px; fill: none; }
.flag { fill: #000; }
.overlay {
  fill: none;
  pointer-events: all;
}
.focus.tmpc circle { fill: red;   stroke: none; }
.focus.dwpc circle { fill: green; stroke: none; }
.focus text { font-size: 12px; }