﻿
DIV.LabeledMarker_markerLabel  { COLOR: #000; BACKGROUND-COLOR: #ffffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family:Verdana;}

DIV.tempbelow0 { COLOR: #000000; BACKGROUND-COLOR: #e7e9eb; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp0 { COLOR: #000000; BACKGROUND-COLOR: #00ffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp10 { COLOR: #000000; BACKGROUND-COLOR: #00bfff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp20 { COLOR: #000000; BACKGROUND-COLOR: #007eff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp30 { COLOR: #000000; BACKGROUND-COLOR: #00b400; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp40 { COLOR: #000000; BACKGROUND-COLOR: #00ff00; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp50	{ COLOR: #000000; BACKGROUND-COLOR: #ffff00; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp60 { COLOR: #000000; BACKGROUND-COLOR: #ffb400; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp70	{ COLOR: #000000; BACKGROUND-COLOR: #ff6900; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp80	 { COLOR: #000000; BACKGROUND-COLOR: #ff3200; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp90	 { COLOR: #000000; BACKGROUND-COLOR: #e60000; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.temp100 { COLOR: #000000; BACKGROUND-COLOR: #ba55d3; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}


DIV.humid0 { COLOR: #000000; BACKGROUND-COLOR: #ff4545; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid10 { COLOR: #000000; BACKGROUND-COLOR: #ff4f00; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid20 { COLOR: #000000; BACKGROUND-COLOR: #ff9900; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid30 { COLOR: #000000; BACKGROUND-COLOR: #ffcc00; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid40 { COLOR: #000000; BACKGROUND-COLOR: #ffff00; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid50	{ COLOR: #000000; BACKGROUND-COLOR: #7fff00; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid60 { COLOR: #000000; BACKGROUND-COLOR: #00ffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid70	{ COLOR: #000000; BACKGROUND-COLOR: #00ccff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid80	 { COLOR: #000000; BACKGROUND-COLOR: #0073ff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid90	 { COLOR: #ffffff; BACKGROUND-COLOR: #0000ff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.humid100 { COLOR: #ffffff; BACKGROUND-COLOR: #6600ff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}

DIV.bankfull { COLOR: #000000; BACKGROUND-COLOR: #fff200; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.floodstage { COLOR: #000000; BACKGROUND-COLOR: #ed1c24; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}

DIV.xrain20 { COLOR: #000; BACKGROUND-COLOR: #ffffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain15 { COLOR: #000; BACKGROUND-COLOR: #c592d4; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain12 { COLOR: #000; BACKGROUND-COLOR: #ff40ff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain10	 { COLOR: #000; BACKGROUND-COLOR: #db4b68; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain8	 { COLOR: #000; BACKGROUND-COLOR: #ff4040; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain6	 { COLOR: #000; BACKGROUND-COLOR: #ff9987; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain5	 { COLOR: #000; BACKGROUND-COLOR: #ffa500; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain4	 { COLOR: #000; BACKGROUND-COLOR: #ffd700; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain3	 { COLOR: #000; BACKGROUND-COLOR: #ffff00; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain2 { COLOR: #000; BACKGROUND-COLOR: #5eac3f; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain1x5	{ COLOR: #000; BACKGROUND-COLOR: #40ff40; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrain1 { COLOR: #000; BACKGROUND-COLOR: #80ff80; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrainx5 { COLOR: #000; BACKGROUND-COLOR: #3495bc; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrainx2 { COLOR: #000; BACKGROUND-COLOR: #00bfff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.xrainx01 { COLOR: #000; BACKGROUND-COLOR: #00ffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}

DIV.rain10 { COLOR: #000; BACKGROUND-COLOR: #ffffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rain8 { COLOR: #000; BACKGROUND-COLOR: #c592d4; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rain6 { COLOR: #000; BACKGROUND-COLOR: #ff40ff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rain5	 { COLOR: #000; BACKGROUND-COLOR: #db4b68; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rain4	 { COLOR: #000; BACKGROUND-COLOR: #ff4040; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rain3	 { COLOR: #000; BACKGROUND-COLOR: #ff9987; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rain2x5	 { COLOR: #000; BACKGROUND-COLOR: #ffa500; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rain2	 { COLOR: #000; BACKGROUND-COLOR: #ffd700; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rain1x5	 { COLOR: #000; BACKGROUND-COLOR: #ffff00; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rain1 { COLOR: #000; BACKGROUND-COLOR: #5eac3f; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rainx75	  { COLOR: #000; BACKGROUND-COLOR: #40ff40; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rainx50 { COLOR: #000; BACKGROUND-COLOR: #80ff80; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rainx25 { COLOR: #000; BACKGROUND-COLOR: #3495bc; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rainx10 { COLOR: #000; BACKGROUND-COLOR: #00bfff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.rainx01 { COLOR: #000; BACKGROUND-COLOR: #00ffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}

DIV.yrain3x { COLOR: #000; BACKGROUND-COLOR: #ffffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrain3 { COLOR: #000; BACKGROUND-COLOR: #c592d4; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrain2x5 { COLOR: #000; BACKGROUND-COLOR: #ff40ff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrain2	 { COLOR: #000; BACKGROUND-COLOR: #db4b68; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrain1x75	 { COLOR: #000; BACKGROUND-COLOR: #ff4040; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrain1x5	 { COLOR: #000; BACKGROUND-COLOR: #ff9987; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrain1x25	 { COLOR: #000; BACKGROUND-COLOR: #ffa500; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrain1	 { COLOR: #000; BACKGROUND-COLOR: #ffd700; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrainx80	 { COLOR: #000; BACKGROUND-COLOR: #ffff00; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrainx60 { COLOR: #000; BACKGROUND-COLOR: #5eac3f; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrainx40	  { COLOR: #000; BACKGROUND-COLOR: #40ff40; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrainx30 { COLOR: #000; BACKGROUND-COLOR: #80ff80; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrainx20 { COLOR: #000; BACKGROUND-COLOR: #3495bc; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrainx10 { COLOR: #000; BACKGROUND-COLOR: #00bfff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.yrainx01 { COLOR: #000; BACKGROUND-COLOR: #00ffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}

DIV.rainna { COLOR: #000000; BACKGROUND-COLOR: #c6c8ca; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}

DIV.notrated { COLOR: #000000; BACKGROUND-COLOR: #c6c8ca; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}

DIV.calm { COLOR: #000; BACKGROUND-COLOR: #6699ff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.moderate { COLOR: #000; BACKGROUND-COLOR: #66ff99; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.fresh { COLOR: #000; BACKGROUND-COLOR: #ffff99; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.strong { COLOR: #000; BACKGROUND-COLOR: #ffcc66; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.gale { COLOR: #000; BACKGROUND-COLOR: #ff0000; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}
DIV.storm { COLOR: #000; BACKGROUND-COLOR: #990099; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family: Verdana;}




DIV.dataTooltip 
{
      position:absolute;
      z-index:1000;                       
      visibility:hidden;
      top: 7px;
      left: 0px;
		TEXT-ALIGN: left;
		FONT-WEIGHT:normal;
		FONT-FAMILY: "Arial";
		FONT-SIZE: 12px;
		WIDTH: 220px;
		COLOR: #000000;
		PADDING: 5px;
		BORDER: none;
		background: url(images/legend_gradient.png) repeat-x;
		background-color:#ffffff;
		border-bottom: 2px solid #033968; 
		border-right: 2px solid #033968;
}

DIV.dataTooltip-container
{
    position:relative;
}

