body {
  font: 12px sans-serif;
}

.axis path {
  fill: none;
  stroke: black;
  shape-rendering: auto;
  stroke-width: 0px;
}

.axis .tick line {
  fill: none;
  stroke: #ddd;
  shape-rendering: crispEdges;
  stroke-width: 1px;
}

div#field { width: 100%; }
div#field div div { padding: 4px; margin: 0px; }
div#field div div:hover { background-color: #ddd; }

.member { fill: none; opacity: 0.2; stroke-width: 1.75px; }
.temp32 { fill: none; stroke: #9999ff; }
.line-p { stroke: green; }
.line-t { stroke: brown; }
.line-t-mean { fill: none; stroke: #4c4c4c; stroke-width: 3px; }
.line-p-mean { fill: none; stroke: #4c4c4c; stroke-width: 3px; }

.box-t, .box-p { fill: black; }

.dot-t { fill: black; }
.dot-ptype-none { fill: #ccc;}
.dot-ptype-rain { fill: green;}
.dot-ptype-snow { fill: blue; }
.dot-ptype-ice  { fill: darkorange; }
.dot-ptype-fzra { fill: red; }

.bg { fill: #f1f1f1; }
.bg2 { fill: #d1d1d1; }

.windbarb { stroke: #000; stroke-width: 0.75px; fill: none; }
.flag { fill: #000; }

.boxes { fill: none; stroke: black; stroke-width: 2px; } 
.box { opacity: 1.0; }

.background { fill: #fff; }
.land { fill: #ccc; }
.active { fill: #dadada; }

.state-boundary {
  fill: none;
  stroke: #fff;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-width: 1.5px;
}

.circle { fill: black; stroke: white; stroke-width: 0.25px; cursor: pointer; }
.dot-selected { fill: green; stroke: white; stroke-width: 0.25px; cursor: pointer; }
.stnhover { fill: red; }

ul.about { margin: 0px; padding-left: 5px; }
ul.about li { margin: 0px; padding-top: 3px; }

text.label { font-size: 14px; }
.activesitetext { font: 14px sans-serif; font-weight: bold; margin: 5px 40px 0px 40px; text-align: right; }