Tropical Storm Ophelia Potential Storm Surge Flooding Map

<!–

–>

TROPICAL STORM OPHELIA

Potential Storm Surge Flooding Map (Inundation)

JavaScript / Active Scripting must be enabled to view the information below.

<!—->

html, body{
padding: 0;
margin: 0;
height: 100%
}

#container{
width: 920px;
}

#headerContainer{
width:920px;
position:relative;
}

#header{width:500px;
float:left;
}

#header2{
float: right;
right: 10px;
width:300px}

#mapDiv{
height: 600px;
width: 100%;
position: relative;
border: 1px solid black;
}

#overlay{
position:absolute;
top: 0;
left: 0px;
width: 400px;
height: 600px;}

.badoverlay{position:absolute;
background-color: #000;
filter:alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
z-index: 100;
}

.goodoverlay{position:absolute;
background-color: #808080;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
z-index: 100;
}

#overlay h1{
font-size:xx-large;
color:#FF0000;
padding-left:20px;
padding-top:50px
}

#logos {
color: red;
font-weight: bold;
position: absolute;
bottom: 22px;
right: 20px;
z-index: 60;
}

#disclaim {
color: red;
font-weight: bold;
position: absolute;
top: 22px;
right: 200px;
z-index: 60;
font-size:20;
}

#jqDialog{
font-size: .6em;
font-family:Arial;
float:left;
margin:0 7px 20px 0;
}
.ui-dialog-titlebar { height: 2em;
text-align: center;
vertical-align: middle;
font-weight:bold;
font-size: 0.7em}

.ui-dialog {opacity: 1;
z-index: 200 !important ;}

.ui-button-text {
font-size: .7em;
}
p.title{
color:black;
font-weight:bold;
font-size:14px;
padding-top:10px;
margin:auto;
vertical-align:inherit;
}

#legendcontainer{
width: 920px;
margin-top: 10px;
vertical-align: top;
}

#legend{
/*border: 3px solid #000;*/
float: left;
background: white;
width: 380px
}

#legend2{
float: right;
width: 520px;
margin-top: 10px;
margin-left:10px;
padding-bottom:10px;
border: 1px solid black;
}
#legend2 p{
margin-top:0px;
padding-top:10px;

margin-left:10px;
font-size: 18px;
}

#downlegend{
float: right;
width: 520px;
height: 60px;
margin-left:10px;
margin-top:10px;
border: 1px solid black;
}
#downlegend p{
margin-top:10px;
margin-left:10px;
font-size: 18px;
}

#legend3 p{
margin-top: 10px;
font-size: 13px;
}

#radio {
float:left;
margin-left:10px;
width:275px;
}

#legend3 {float:left;
width: 920px;
}

#BasemapToggle{
position: absolute;
top:20px;
right: 20px;
z-index:50
}

.esriScalebarLabel{
color:white !important;
}

.esriScalebarLine{
border-color:white !important;
}
#opacity_slider{
width:150px;
float: left;
position: relative;
}

<!–

**This graphic depicts the potential storm surge flooding
risk from the issuance time through the next 3 days. Potential
storm surge beyond 3 days is not reflected in this graphic.**

–>

<!–

–>

About this product:

Product Description

This map is based on PSURGE 2.0 guidance. Probabilistic and exceedance output can be viewed here: http://slosh.nws.noaa.gov/psurge2.0/.

<!– TEMPORARILY DISABLE PSURGE GRAPHICS…

Storm Surge Probabilities

Storm Surge Exceedance

The map window focuses on the active area for the Potential Storm Surge Inundation Map. The experimental product is not available for areas outside of the highlighted region on the map. The boundaries of the active region on the map are determined by the latest forecast advisory and the uncertainty therein.

This map functions best when viewed in the most up to date versions of the following browsers:
Chrome, Firefox, Safari, Internet Explorer (Version 9 or later).

–>

Comments about this product?  Please complete a short survey.

<!– end of