body{ font:62.5% "trebuchet ms", arial, tahoma, sans-serif; text-align:center; width:100%; text-align:center; margin-left:auto; margin-right:auto;}
 
#wrapper{width:100%; text-align:center; margin-left:auto; margin-right:auto; position:relative;}
 
#container{ width:992px; text-align:center; position:relative;margin-left:auto; margin-right:auto;}
 
#header{ background-position:center top; background-repeat:no-repeat; vertical-align:top; width:100%; height:190px;}
.nyserdalogo { margin-left:20px; margin-top:40px;}
#top{width:99%; clear:both;}
* + html #top{width:100%; clear:both;}

#centerTop{width:58px; height:30px;margin:0px;float:left; }

#navTop{margin-bottom:0px; height:30px; padding-right:0px; text-align:center;display:block;background-image:url('images/navbar5Blank.png'); background-repeat:no-repeat; background-position:right;}
* + html #navTop{margin-top:2px; background-position:left;}

#navTop a{margin:0; color:#fff; font-size:18px; font-weight:normal; text-decoration:none; padding-right:30px; padding-top:2px; vertical-align:middle;}
* + html #navTop a{margin:0; color:#fff; font-size:18px; font-weight:normal; text-decoration:none; padding-right:30px; vertical-align:bottom;}

#navTop a:hover{color:#a8D1c3;}

#topbar{width:100%; vertical-align:top; height:30px; }
 
#lhrTop{width:200px; height:30px; position:relative; float:left; top:0px; margin:0px; background-image:url('images/lhrTopNew10.png'); background-repeat:no-repeat; background-position:left;}
* + html #lhrTop{left:-10; height:33px; background-position:bottom left;}

#topNav{width:792px; position:relative; float:right; margin:0px; }
 
#lhr{width:200px; height:600px; position:relative;  float:left; background-image:url('images/lhrBGNew10.png'); background-repeat: no-repeat; background-position: middle left; text-align:left; padding-top:15px; font-size:12px; }
* + html #lhr{ width:200px; height:600px; position:relative;  float:left; background-image:url('images/lhrBGNew10.png'); background-repeat: no-repeat; background-position: top left; text-align:left; padding-top:15px; font-size:12px; }


#welcome{font-size:11px; font-weight:bold; color:#78A384; position:relative; left:45px; width:80%;} 
* + html #welcome{padding-bottom:10px;} 

#welcome2{font-size:11px; color:#000; position:relative; left:45px; width:80%;}

#welcomeHR{position:relative; left:25px;}
* + html #welcomeHR{position:relative; left:45px;}

#stepBox{position:relative; left:35px;}

#step1{position:relative; width:168px;  height:120px; padding-left:10px; padding-top:8px; font-size:11px; color:#fff; left:2px; background-image:url(images/stepBG2.png); background-position:top left; background-repeat:no-repeat;}
.step1{margin-right:15px;}

#step2{position:relative; width:168px;  height:120px; padding-left:10px; padding-top:8px; font-size:11px; color:#fff; left:2px; background-image:url(images/stepBG2.png); background-position:top left; background-repeat:no-repeat;}
.step2{margin-right:15px; width:158px;}

.step3{position:relative; width:168px;  height:81px; padding-left:10px; font-size:11px; color:#fff; left:2px; background-image:url(images/stepBG.gif); background-position:top left; background-repeat:no-repeat;}

 
#ContentPlaceHolder2{ color:#78a384; }
 
#form1{width:691px;}
 
#content{width:680px; position:relative; float:right; border: 1px solid #000000;}

#mapContainer{width:792px; position:relative; float:right; margin-left:0px; left:22px;}

#map{background-color:#fff; width: 792px; height: 400px;  border:1px solid #000; position:relative; margin-top:10px; margin-right:auto; margin-left:auto; text-align:center;}

#mapcanvas{background-color:#fff; width: 735px; height: 400px;  border:1px solid #000; position:relative;}

#bottomWrapper{position:relative; clear:both; width:722px; margin-left:30px; margin-right:0px;}
* + html #bottomWrapper{margin-left:-10px;}

#bottomBar1{width:218px; float:left;position:relative; margin-top:15px;}
* + html #bottomBar1{width:218px;}

#bottomBar2{width:497px; float:left;position:relative; margin-top:15px;}
* + html #bottomBar2{width:497px;}

#hubHeight{width:100%; clear:both; float:none; left:5px; background-image:url('images/bottomBG.gif'); background-repeat: repeat-y; position:relative; margin-top:10px; margin-bottom:0px; padding-left:5px;}
* + html #hubHeight{ width:100%; clear:both; float:none; background-image:url('images/BottomBG.gif'); background-repeat: repeat-y; position:relative; margin-top:10px;padding-left:5px;}


#hubHeightLabel{text-align:left; color:#78a384; font-weight:bold; font-size:14px; float:left; margin:0; padding:0; margin-top:5px;}

#selectHeightDropdown{float:none; margin-top:5px; padding-top:5px;}
* + html #selectHeightDropdown{float:none; margin-top:5px;  padding-top:0px;}

#symbology{position: relative; margin-left:-6px; padding-top:7px; padding-bottom:4px; font-size:95%;}
* + html #symbology{padding-bottom:5px;}

#location{width:237px; height:100%; float:left; left:30px; background-image:url('images/BottomBG.gif');background-repeat: repeat-y; position:relative;  margin-top:10px; padding-left:5px; padding-bottom:3px}
* + html #location{padding-bottom:0px; left:30px;}

#locationLabel{text-align:left; color:#78a384; font-weight:bold; font-size:14px; margin-top:5px;}

#locationBox{text-align:left; position: relative; width:70%; padding-top:8px; float:left; clear:right; color:#000; font-weight:normal; }

#goButtonBox{text-align:left; padding-top:6px;}

.btnFindLocation{vertical-align:middle;}

#locationExample{position:relative; float:left; font-size:8px; text-align:left; color:#000; font-weight:normal; font-size:10px;}

#generateReport{width:250px; float:right; left:38px; background-image:url('images/BottomBG.gif');background-repeat: repeat-y; position:relative; margin-top:10px; padding-left:5px; padding-bottom:8px;}
* + html #generateReport{ padding-bottom:4px;}

#generateReportButton{position:relative; top: 20px; float:right; left:-52px;}

#windSpeed{position:relative; float:left; width:75%;text-align:left; color:#78a384; font-weight:bold; font-size:10px; padding-bottom:9px;}

#labelXCoord{position:relative; left:5px; width:100%;}

#labelYCoord{position:relative; left:5px;}

#xCoordVal{position:relative; left:5px;}
#xCoord{color:#000; font-weight:normal; height:20px;}

#yCoordVal{position:relative; left:5px;}
#yCoord{color:#000; font-weight:normal; height:20px;}

#labelMeanWindSpeed{position:relative; left:5px;}
#meanWindSpeed{color:#000; font-weight:normal; height:20px;}


#windSpeedLabel{text-align:left; color:#78a384; font-weight:bold; font-size:14px; margin-top:5px; margin-bottom:5px;} 




/*footer*/

#footer{width:100%; height:100%; clear:both; text-align:center; margin-left:auto; margin-right:auto; left:140px; }
* + html #footer{width:992px; height:100%; clear:both; margin:0; }

#footer2{position:relative; left:0; top:-85px;width:992px; height:47px; clear:both; text-align:left; margin-left:auto; margin-right:auto; background-image:url(/images/footer.jpg); background-position:left; background-repeat:no-repeat; }

#bottomLeft{text-align:left; color:#78a384; font-weight:bold; font-size:10px; width:200px; position:relative; float:right;}
* + html #bottomLeft{text-align:left; color:#78a384; font-weight:bold; font-size:10px; width:200px; position:relative; float:left;}


#bottomLegal{text-align:justify; vertical-align:top; color:#aaa; font-weight:normal; font-size:10px; width:680px; position:relative; float:none; left:260px; top:-95px; margin-bottom:15px;}   
* + html #bottomLegal{float:left; left:260px; top:-85px; margin-bottom:25px; padding-bottom:25px; width:700px;}   

#bottombar2{width:992px; text-align:center; margin-left:auto; margin-right:auto;}
.contactbottom{width:49%; float:left; text-align:left; margin-left:1%;font-size:10px;margin-top:40px;}
.addressbottom{width:49%; float:left; text-align:right; margin-right:1%;font-size:10px;margin-top:40px;}


#reportTypeLogo{margin-top:25px; font-size:125%; font-weight:bold;}
.lossesHeader{font-size:120%; font-weight:bold; text-align:right;}
.lossesHeader2{font-size:115%; font-weight:bold; text-align:right; vertical-align:middle;}
.lossesTextBox{padding-left:5px; text-align:left;}

#basicDataFields{margin-top:25px; text-align:center; margin-left:auto; margin-right:auto;}


.datalabel{text-align:right; padding-right:5px; width:50%;}
.datacell{text-align:left; padding-left:5px; width:40%;}


.popupControl {	background-color:#fff; position:absolute; visibility:hidden; border-style:solid; border-color: Black; border-width: 2px;}

.modalBackground {background-color:#aaaaaa; filter:alpha(opacity=70); opacity:0.7;}

.modalPopup {background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:250px;}
.validationSummary{text-align:left;}
.validationControl{text-align:left; width:2%;}
.whatisthis{ width:2%;}
.contactbottom a{text-decoration:none; color:#111; margin-top:-15px;}



/*CONTACT US*/

#contactus{width:600px; font-size:12px; text-align:center; margin-left:auto; margin-right:auto;}
#contactHeader{text-align:center;}
.header{font-size:18px; text-align:center;}
#formtitle{}
#titlelabel{position:relative; float:left; width:49%; text-align:right; margin-right:5px;}
#titlebox{position:relative; float:left; width:50%; text-align:left;}
#name{}
#namelabel{position:relative; float:left; width:49%;text-align:right; margin-right:5px;}
#namebox{position:relative; float:left; width:50%; text-align:left;}
#email{}
#emaillabel{position:relative; float:left; width:49%;text-align:right; margin-right:5px;}
#emailbox{position:relative; float:left; width:50%; text-align:left;}
#affiliation{}
#affiliationlabel{position:relative; float:left; width:49%;text-align:right; margin-right:5px;}
#affiliationbox{position:relative; float:left; width:50%; text-align:left;}
#message{}
#messagelabel{position:relative; float:left; width:49%;text-align:right; margin-right:5px;}
#messagebox{position:relative; float:left; width:25%; text-align:left;}
#messageValidate{position:relative; float:left; width:15%; text-align:left; vertical-align:top;}
#submitbutton{position:relative; clear:both;}