body { font-family: Arial, sans-serif; }
ul { margin-top: 10px; }
h4 { font-size: 14px; }
#productDescription{
	width:940px;
	font-size:10pt;
	font-style:italic;
}
#map_wrapper{
	position:relative;
	padding:3px;
	width:940px;
	height:800px;
}
#map_canvas {
	height: 100%;
	width: 100%;
}
#mapLoading {
	position:absolute;
	top:300px;
	left:400px;
	width:150px;
	padding:10px;
	box-shadow:0px 0px 16px #888888;
	font-size:12px;
	text-align:center;
	background-color:white;
	z-index:500; /* << For IE 8 */
}

#accordion {
	position:absolute;
	top:10px;
	left:10px;
	width:372px;
	z-index: 500; /* << For IE 8 */
}
#fedGovLinks {
	text-align:center;
	margin-top:10px;
}
#legendInfo {
	display:none;
	float:right; 
	border:thin #DDDDDD solid; 
	width:150px; 
	height:auto;  
	padding:3px;
}
#legendList {
	 float:left; 
	 margin-left:15px; 
	 margin-bottom:0px; 
	 width:135px; 
	 height:auto; 
	 line-height:140%;
}
.legendItem {
	display:none;
}
.FAQList{
	margin-bottom:0px;
}
#FAQ { margin: 10px 0px 25px 20px; }
#helpTab { overflow: scroll !important; }
.FAQItem { 
	display:none;
	max-height:300px; 
}
#directionsPanel {	
	max-height:300px;
	overflow-y:scroll; 
}
#directionsTable {
		
}
#directionsTable td { 
	border-bottom: thin solid #DDDDDD;
	padding: 10px 6px 10px 6px;
	vertical-align: middle;
}
#hazardLegend { margin-left:10px; }
#radarControls { 
	margin-left:10px;
	display:none; 
}
#sliderRadarSpeed { 
	width:120px;
	background: #F1F1F1;
	display:inline-block;
}
#sliderRadarOpacity { 
	width:120px;
	background: #F1F1F1;
	display:inline-block
}
#sliderRadarAnim { 
	width:125px;
	background: #F1F1F1;
	float:right;
	margin-top:5px;
}
#radarLegendImg{
	z-index: 200;
	position:absolute;
	top:8px;
	right:140px;
	visibility:hidden;
}
#timeSelect{
	 z-index: 500;
	 position:absolute;
	 bottom:30px;
	 right:13px;
	 margin-right:0px;
}
#hazOverride{
	margin-left:30px;
}
#wxOverride{
	margin-left:30px;
}
#navClear {
	float:right;
	padding-top: 0.3em !important; 
	padding-bottom: 0.3em !important;
}
#permalink {
	z-index:500;
	position:absolute;
	left:10px;
	bottom:30px;
}
#permalinkText { width:320px; } 
#updateCriteria { 
	text-align:center;
	width:120px;
	margin-top:15px; 
}
#updateWrapper { 
	text-align:center;
	width:100%;
}
#permalinkPop { text-align:center; }
#toTextField {
	width:240px;
}

#fromTextField{ 
	width:285px; 
	margin-bottom:5px; 
}
#toDaySelect { width:105px; }
#toDaySelect-button { vertical-align: middle; }
#toHourSelect {	width:82px; }
#toHourSelect-button { vertical-align: middle; }
.toFromWrapper { 
	border:thin #DDDDDD solid; 
	padding:5px 5px 5px 15px; 
}
#timeZoneSelect { width:165px; }
#timeZoneSelect-button { vertical-align: middle; }
#urlJumpURL { text-align:center; }
#urlJumpProgBar { height:3px; }
#urlJumpNotice { 
	font-size:8px; 
	text-align:center;
	color:#AAAAAA; 
}
#states {
	width:340px;
	/*width:320px;*/
	height:auto;
	overflow:hidden;
	border:1px solid #ccc;
	margin-left:-15px;
	padding-left:5px;
}
#states ul {
  width:320px;
  padding-left: 4px;
  
  /*list-style-image: url("../img/state_dot.png");*/
}
#states li {
/*	background-image:url("../img/state_dot.png");
	background-size:10px;
	background-repeat:no-repeat;
	background-position:0px 0px;*/
  line-height:1.8em;
  font-size:1.0em;
  float:left;
  display:inline;
  width:33.33%;
}
#mobile_foot{	text-align:center; }

.tall-butt {
    padding-top: 1.2em !important; 
    padding-bottom: 1.2em !important; 
}

.slider {
	width:125px !important;
	display:inline-block;
	background: #FF0000 !important;
}
.sliderWrapper {
	float:right;
	height:20px;
	vertical-align:middle;
	line-height:20px;
}
.criteriaWrapper {
	 width:100%; 
	 height:40px;
}


.sliderColor {
    display: block;
    font-size: 0.7em;
    position: absolute;
    z-index: 1;
    background-color:#00CC00;
    top:0;
    left:0;
    height:100%;
}
.sliderMaxLabel{
	color:red;
	font-size:10px;
	font-weight:bold;
}
.sliderMinLabel{
	color:green;
	font-size:10px;
	font-weight:bold;
}
.sliderMaxInput{
	border:1px #E1E1E1 solid; 
	color:red;
	text-align:center;
	font-weight:bold; 
	width:22px;
}
.sliderMinInput{
	border:1px #E1E1E1 solid; 
	text-align:center; 
	color:green; 
	font-weight:bold; 
	width:22px;
}
.hazTipText{
	font-weight:bold;
	/*color:#430507;*/
	color: #590000;
	font-size:13px;
	text-align:center;
}
.timeTipText{
	color: #333333;
	font-size:10px;
	font-weight:normal;
	float:right;
	padding-left:10px;
}
.inlineblock {
  display: -moz-inline-box;
  display: inline-block;
}
* html .inlineblock { display:inline; }  /* for IE 6 */
* html .inlineblock { display:inline; }  /* for IE 7 */

.clear {
	clear:both;
	width:0px;
	height:0px;
}
.left {
	float:left;
}
.cartodb-logo{ bottom: -8px !important; }

/*

div.cartodb_infowindow a.close {
	right:13px !important; 
	top:13px  !important;  
}
div.cartodb_infowindow div.top { overflow-y: visible !important; }
div.cartodb_infowindow div.outer_top { padding:20px 18px 3px 10px !important; }
div.cartodb_infowindow div.top p { 
	max-height: none !important; 
	white-space:normal !important;
	text-overflow:inherit !important;
	font-weight:normal !important;	
	color:#555555 !important;
	word-wrap: break-word !important;
	padding: 0px !important;
	margin: 2px !important;
	width:182px !important;
}
div.cartodb_infowindow div.top label {
	font:bold 15px Arial !important;  
	color:#888888 !important;  
	text-align:center;
	padding:0 0 2px 0 !important; 
}*/

.greenText { color: #20EF1C; } 
.yellowText { color: #DFD926; }
.redText { color: #F5261A; }
.magentaText { color: #ff00ff; }

/*Qtip styles */
.qtip-default { color: #4D4D4D; }
/*.greenTip .qtip-titlebar { background-color: #B2FFB2; }*/
.greenTip .qtip-titlebar { background-color: #8BFF8B; }
.yellowTip .qtip-titlebar  { background-color: #FFFF80; }
.redTip .qtip-titlebar { background-color: #FF9393; }
/*.magentaTip .qtip-titlebar { background-color: #FF60FF}*/
.magentaTip .qtip-titlebar { background-color: #FF64E7; }
/*.greenTip { border: 3px #B2FFB2 solid; background-color:#B2FFB2; }*/
.greenTip { border: 3px #8BFF8B solid; background-color:#8BFF8B; }
.yellowTip { border: 3px #FFFF80 solid; background-color:#FFFF80; }
.redTip { border: 3px #FF9393 solid; background-color:#FF9393;}
/*.magentaTip { border: 3px #FF60FF solid; background-color:#FF60FF; }*/
.magentaTip { border: 3px #FF60FF solid; background-color:#FF64E7; }
.qtip-title { font-size: 12px; }
.qtip-titlebar { padding-right:5px; }
.qtip-content { 
	background-color:white; 
	padding:5px 8px;
	line-height:1.1;
}


/*  JQuery UI style overrides */
.ui-widget{ font-size: 10px !important;}
.ui-accordion .ui-accordion-content-active {
	overflow: hidden !important; 
	border: 1px solid #A6C9E2; 
}
.ui-accordion .ui-accordion-header a { font-size: 1em;  }
.ui-button .ui-button-text { display: block; line-height: 1.1 !important; }
 .ui-autocomplete-loading {
background: white url("http://www.weather.gov/source/wrh/travel/jquery-ui-1.11.1.custom/images/ui-anim_basic_16x16.gif") right center no-repeat;
}
div.ui-slider-range { background: #FEFB17; }
.ui-selectmenu { height: 1.8em !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.2em !important; }  
.ui-progressbar{
	height: 0.7em !important;
}
.ui-progressbar-value{
	background-color:#98CCE6;
}

.ui-front{ z-index: 500 !important }

/* Leaflet Styles Overrides */
/*Move the layer control to be centered with the zoom control (OCD)*/
.leaflet-control-layers{
	margin-right:5px !important;
}
/* Eliminate CMS Sidebar */
#sidebar {
	display:none;
}
.one-sixth-first { display:none; }
.five-sixth-first { width:100%; }
#pagebody { width:100%; }