body 
{
    font-family:Verdana;
    font-size:small;
}


.addStormLink{font-size:75%; font-weight:bold; color:#226622; cursor:pointer;}
.removeStormLink{font-size:75%; font-weight:bold; color:#662222; cursor:pointer;}
.red{color:#995555;}
.caneInfoContainer{height:240px; width:385px; overflow:auto; }
    #caneDataHolder{float:left; clear:both; width:350px;font-size:85%;}
    #nearestTarget{float:left; clear:both; width:350px; font-size:85%; margin:0; padding:0;}
    .caneInfoPopup{width:350px; height:150px; padding-right:10px; }
    .caneInfoLeft{float:left; clear:left; width:130px; padding:2px; padding-right:5px; text-align:right;}
    .caneInfoRight{float:left; width:200px; padding:2px;}
    .startCaneName{color:#8A0204; padding:0; margin:0;}


#stormIntro{border-top:1px solid black; float:left; clear:both; margin-bottom:1px; padding-bottom:0px;}
#stormIntro h3{color:#995555; margin-bottom:1px; font-size:90%;}
#stormIntro h5{font-weight:normal; font-size:85%; margin:6px 1px 3px 0; padding:3px;}


#mapLegend {position:absolute; top:300px; left:5px; margin:0; padding:2px; font-weight:bold;
					            color:#333333; font-size:85%; z-index:11; background:#EEEEEE; border:1px solid black;
					            width:110px; opacity:.80; filter: alpha(opacity=80);}
					        
#mapLegend h5 {font-size:75%;}
#mapLegend h6 {float:left; clear:both; padding:0; margin:0;
				font-size:75%; width:30px;}
#mapLegend img {float:left; vertical-align:baseline; margin:2px 1px 2px 1px;}


.hHistoryItem{font-weight:bold; font-size:90%; color:#333333; width:250px;}
.stormItem{font-weight:bold; font-size:85%; color:#333333; width:250px;}
.clearLink{font-weight:bold; font-size:90%; color:#555599; width:250px; cursor:pointer; width:90%; text-align:center; margin:5px;}

.zoneDiv{float:left; clear:both; width:70%; margin:2px 0 4px 5px;}			
.alertState{float:left; clear:both; width:90%; font-size:110%; 
	            font-weight:bold; padding-left:2px; text-decoration:underline;
}
.stateContainer{display:none; padding-left:5px; float:left; clear:both; width:90%;}

.stateHeader{font-weight:bold; 
	                        cursor:pointer; 
	                        padding:3px 2px 3px 2px; 
	                        width:85%;
	                        font-size:95%;
	                        display:block;
	                        margin:0 0 0 2px;
	                        margin-bottom:2px;
	                        background: url(/beta/css/rightArrow.gif) #A3A4C3 no-repeat right center;
	                        color:#FFFFFF;
	                        float:left; clear:left;
	    }
	    
	    .countyHeader{font-weight:bold; 
	                        cursor:pointer; 
	                        padding:3px 2px 3px 2px; 
	                        width:85%;
	                        font-size:95%;
	                        display:block;
	                        margin:0;
	                        margin-bottom:2px;
	                        background:url(/beta/css/rightArrow.gif) #BDBEE2 no-repeat right center;
	                        color:#FFFFFF;
	    }
	    .cityHeader{font-weight:bold; 
	                        cursor:pointer; 
	                        padding:3px 2px 3px 2px; 
	                        width:85%;
	                        font-size:95%;
	                        display:block;
	                        margin:0;
	                        margin-bottom:2px;
	                        background:url(/beta/css/rightArrow.gif) #8A8AA5 no-repeat right center;
	                        color:#FFFFFF;
	    }
	    
.stateContainer{padding:2px 0 2px 6px; margin:0; display:none;}
.cityContainer{padding:2px 0 4px 8px; display:none;}
.cityStormContainer{padding:2px 0 4px 10px; display:none; margin:0; width:210px; background:#EEEEEE;}