.mapDiv{
	height:531px;
	margin-top: 0px;
	width:960px;
}

.outlookControlPan{
	height:27px;
	width:960px;
	background-color:#ddd;
	padding-top:3px;
	border-bottom-right-radius:4px;
  	border-bottom-left-radius:4px;
	display:block;
	border-top:thin solid #aaa;
}


.monLab{
	margin-left:15px;
}


#legend {
	width:284px;
	height:96px;
	display:none;
	background: rgba(205, 205, 205, 0.6);
	 border:1px solid #aaa;
	margin-left:15px;
	margin-bottom:5px;
	padding-left:8px;
	padding-top:5px;
	}

#legName{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
}



#legDate, #droCreateDate{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:11px;

}

#valDate, #droValDate{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:11px;

}

#keyHold, #keyHoldD{
	margin-top:4px;
}

#hazInfoHold{
	width:200px;
	height:55px;
	border-bottom:1px solid #999;
	margin-bottom:3px;
	padding-bottom:2px;
}

#GHazInfoHold{
	width:200px;
	height:60px;
	border-bottom:1px solid #999;
	margin-bottom:3px;
	padding-bottom:2px;
}

#droInfoHold{
	width:158px;
	height:42px;
	border-bottom:1px solid #999;
	margin-bottom:3px;
	padding-bottom:2px;
}

#hazName, #GHazName, #droName{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}




#hazStartDate, #GHazStartDate, #GHazEndDate, #hazEndDate, #hazCreateDate, #GHazCreateDate{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}



.keyItem{
	width:50px;
	float:left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-top:8px;
}

.keyTitle{
	width:50px;
	float:left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-right:30px;
	}

#iconCont{
	margin-top:8px;
	width:220px;
	height:25px;
	display:block;
	margin-bottom:2px;
	padding-left:10px;
}

#tempCont{
	height:25px;
	width:25px;
	background-image: url('/media/graphics/tempIcon.png');
	background-repeat: no-repeat;
    	background-position: center top;
	float:left;
}

#precipCont{
	height:25px;
	width:25px;
	background-image: url('/media/graphics/precipIcon.png');
	background-repeat: no-repeat;
    	background-position: center top;
	float:left;
	margin-left:10px;
}


#legendH {
	width:208px;
	height:285px;
	display:none;
	background: rgba(205, 205, 205, 0.6);
	 border:1px solid #aaa;
	margin-left:15px;
	margin-bottom:0px;
	padding-left:8px;
	padding-top:5px;

}

#legendGH {
	width:208px;
	height:170px;
	display:none;
	background: rgba(205, 205, 205, 0.6);
	 border:1px solid #aaa;
	margin-left:15px;
	margin-bottom:0px;
	padding-left:8px;
	padding-top:5px;

}



#legendD {
	width:164px;
	height:155px;
	display:none;
	background: rgba(205, 205, 205, 0.6);
	 border:1px solid #aaa;
	margin-left:15px;
	margin-bottom:0px;
	padding-left:8px;
	padding-top:5px;
}

#summary, #summaryH, #summaryGH, #summaryD {
	width:230px;
	height:505px;
	display:none;
	background-color: #D0CFD4;
	padding-right:15px;
	border-left:1px solid #aaa;
	 
}

#summaryTitle, #summaryTitleH, #summaryTitleGH, #summaryTitleD {
	width:230px;
	display:block;
	margin-bottom:5px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	overflow:auto;
	margin-left:10px;
}

#summaryPeriod, #summaryPeriodH, #summaryPeriodGH, #summaryPeriodD {
	width:210px;
	display:block;
	margin-bottom:10px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	overflow:auto;
	margin-left:10px;

}


#summaryDis, #summaryDisGH{
	width:210px;
	height:405px;
	display:block;
	padding-right:20px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	overflow:auto;
	line-height:14px;
	margin-left:10px;
}

#summaryDisH{
	width:210px;
	height:405px;
	display:block;
	padding-right:20px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	overflow:auto;
	line-height:14px;
	margin-left:10px;
}

#summaryDisGH{
	width:210px;
	height:395px;
	display:block;
	padding-right:20px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	overflow:auto;
	line-height:14px;
	margin-left:10px;
}

#summaryDisD {
	width:210px;
	height:350px;
	display:block;
	padding-right:20px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	overflow:auto;
	line-height:14px;
	margin-left:10px;


}

#controlBanner{
	width:300px;
	height:25px;
	background-color:#ccc;
	display:block;
	padding-top:5px;
	padding-left:0px;
	margin-bottom:0px;
}

#summaryBanner{
	width:230px;
	height:30px;
	background-color:#ccc;
	display:block;
	padding-top:5px;
	padding-left:30px;
	margin-bottom:5px;
}

#summaryBannerD{
	width:248px;
	height:28px;
	background-color:#ABABAB;
	display:block;
	padding-top:4px;
	padding-left:0px;
	padding-bottom:4px;
	margin-bottom:0px;
}


#synDetBanner{
	width:230px;
	height:10px;
	background-color:#ccc;
	display:block;
	padding-top:5px;
	padding-left:18px;
	margin-bottom:5px;
}



#summaryHolder{
diplay:none;
}

#datButt{
float:left;
}

#discussButt{
float:left;
}

#datDiv{
display:block;
padding-left:0px;
}

#dwnloadDiv, #dwnloadDivH, #dwnloadDivD{
display:none;
padding-left:0px;
width:230px;
}

#summaryHolder, #summaryHolderGH, #summaryHolderD{
display:none;
}

#summaryHolderH{
display:none;
padding-top:10px;
}

#summaryHolderGH{
	margin-top:10px;
}

.disTextHold{
margin-top:6px;
}

.disButts{
	padding:1px 1px 1px 5px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	float:left;
}

.TPButtHold{
	width:230px;
	height:24px;
	background-color:#ABABAB;
	display:block;
	padding-top:4px;
	padding-left:16px;
	padding-bottom:4px;
	margin-bottom:2px;
	}

.TPDisButtHold{
	width:248px;
	height:24px;
	background-color:#ABABAB;
	display:block;
	padding-top:4px;
	padding-left:0px;
	padding-bottom:4px;
	margin-bottom:2px;
	}


#TP_DLButtHold{
	width:235px;
	height:24px;
	background-color:#ABABAB;
	display:block;
	padding-top:4px;
	padding-left:10px;
	margin-top:0px;
	padding-bottom:6px;
}

.forHead{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:215px;
	height:20px;
	background-color:#ABABAB;
	display:block;
	padding-top:4px;
	padding-left:10px;
	margin-bottom:8px;
	margin-top:8px;
	padding-right:20px;
	border-bottom:1px solid #aaa;
}

.forHeadDL2{
	width:225px;
	height:30px;
	background-color:#ABABAB;
	display:block;
	padding-top:4px;
	padding-left:0px;
	margin-bottom:4px;
	margin-top:8px;
	padding-right:20px;
	border-bottom:1px solid #aaa;

}

.forHeadDL{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;

	width:215px;
	height:20px;
	background-color:#ABABAB;
	display:block;
	padding-top:4px;
	padding-left:10px;
	margin-bottom:4px;
	margin-top:8px;
	padding-right:20px;
	border-bottom:1px solid #aaa;

}

.forContItem{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:148px;
	height:22px;
	display:block;
	padding-top:0px;
	padding-left:41px;
	padding-right:40px;
	margin-bottom:0px;
}

.forContItemDL{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:215px;
	height:18px;
	display:block;
	padding-top:4px;
	padding-left:32px;
	padding-bottom:3px;

	margin-bottom:0px;
	border-bottom:1px solid #aaa;

}


#monthItem{
	padding-bottom:0px;
	
}

.forBanRad{
	float:left;
	margin-right:10px;
}

.forlab{
	float:right;
}

.forCheck{
	float:left;
	margin-right:15px;

}

#iconHold{
	display:block;
	width:205px;
	height:25px;
	padding-left:35px;
}

#tempIcon, #precipIcon{
	float:left;
	margin-right:9px;
}



.dlType{
	float:left;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.dlButt{
	width:25px; 
	height:15px;
}