line, polyline, path{
  fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10.00;
}

.svg-text {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	cursor: default;
}

.rain-box {
  stroke:white;
}

.legend-text{
  fill: black;
  fill-opacity: 0.55;
}

.floodline {
  stroke: #175676;
  stroke-width: 2;
  fill: #175676;
  fill-opacity: 0.6;
  stroke-opacity: 0.9;
}

.ocean-name-landscape {
  fill: #C0C0C0;
  fill-opacity: 0.5;
  font-style: italic;
  font-size:1.2em;
}

.ocean-name-portrait{
  fill: #C0C0C0;
  fill-opacity: 0.5;
  font-style: italic;
}

.mouser {
  opacity: 0;
}

.sparklines-overlay {
  opacity: 0;
}

.state-borders-overlay {
  stroke: #057083;
  stroke-opacity: 0.7;
  fill: white;
  fill-opacity: 0;
}

.county-borders-overlay {
  stroke: white;
  fill-opacity: 0;
  fill: white;
}
.county-borders-mousers {
  stroke: white;
  opacity: 0;
  fill: white;
}


.light-rain-legend {
  fill:white;
  font-size: 0.7em;
}
.dark-rain-legend {
  fill: black;
  fill-opacity: 0.55;
  font-size: 0.7em;
}

.time-text {
  font-style:italic;
}
.nwis-dot, .nwis, .nwis-dot-legend {
  stroke:white;
  sroke-width: 0.5;
  fill: #4BA3C3;
}

.gage-blocker {
  fill: none;
  opacity: 1.0;
  stroke: white;
  stroke-width: 3;
}

.treasure-mark {
  stroke: white;
  stroke-width: 3.5; 
}
.treasure-spark {
  stroke: white;
  stroke-width: 2.5; 
}
.nwis-flooding-legend{
  stroke: white;
  sroke-width: 0.5;
  fill: #175676;
  fill-opacity:0.8;
}
.mouser-nwis {
  fill-opacity: 0;
  stroke-opacity: 0;
}

circle.emphasis {
  stroke-width:2;
  fill: #80b2b2;
  stroke:#80b2b2;
  stroke-opacity: 1;
}

path.emphasis{
  stroke:#F29E4C;
  stroke-width:5;
}

line.emphasis, polyline.emphasis {
  cursor: pointer;
  filter: brightness(50%);
  stroke-width: 3;
  opacity: 1.0;
  fill-opacity: 0.9;
  stroke-opacity: 0.9;
}
  
.inactive-dot {
  stroke:grey;
  fill:grey;
  fill-opacity:0.6;
}
.county-polygon {
  fill: #efefef;
  stroke: #c6c6c6;
  stroke-width:0.5;
}

#storm-track{
  stroke-width:2;
  stroke: black;
  opacity: 0.7;
}
#storm-track-highlight{
  stroke-width:3.5;
  stroke: white;
}


.island-polygon{
  fill: #d1d6d8;
}

.ocean-water {
  fill: #e3eaef;
  stroke: none;
}

.tooltip-box{
  stroke-width: 0.5;
  stroke: grey;
  opacity: 0.9;
  fill: #E8E8E8;
}

.smallprint-text {
  font-size: 0.7em;
}

.hidden {
  opacity: 0;
}
.shown {
  opacity: 1;
}
.storm-dot, .storm-dot-legend {
  fill: #F29E4C;
  stroke:white;
}
.storm-dot {
  opacity: 0;
}
.sparkline, .sparklines-overlay {
	stroke: #057083;
	fill: #69a9b4;
	stroke-width: 2;
}

.legend-box {
  fill: #C0C0C0;
  fill-opacity: 0.7;
  stroke: none;
}

.watermark {
  cursor: pointer;
  fill: #DCDCDC;
  stroke: #c6c6c6;
  stroke-width:0.5;
}
