* 
{
    margin:0;
    padding:0;
    font-family:Verdana, Sans-Serif;
    font-size:10px;
}

v\:* {
      behavior:url(#default#VML);
    }
a{
   display:block;
   text-decoration:none;
}
a:hover
{
    background-color:#FFDD77;
}

 .logo{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/newLogoSmall.png',sizingMethod='scale'); position:absolute;
         left:-15px; top:20px; z-index:9999999999999;}

/*GENERAL STUFF */
.red {color:#F52F39;}
.ten {font-size:10px;}
.blue{color: #51BACE;}
.green{color:#33CC55;}
.georgia {font-family:Georgia, New York, Serif}
.tooltip{opacity:.9; filter: alpha(opacity=95); font-weight:bold; background-color:#EEEEEE; font-family:Verdana; float:left;}
.errorMessage{
	        font-size:10px; font-weight:bold; float:left; width:280px; margin:1px; padding:1px;
	    }
input.validation-failed, textarea.validation-failed, select.validation-failed{
                border:1px solid #FF3300;
                color:#FF3300;
        }
input.validation-passed, textarea.validation-passed, select.validation-passed{
                border:1px solid #00CC00;
                color:#000000;
        }

/*iframe{display:none;}*/
/*Map Style*/
#map{width:100%; height:100%; top:0; left:0; position:absolute;}
#map div{margin:auto; padding:auto; font-family:Arial; font-size:12px;}
/*Styles for Main Menu, Menu listItems, menu Anchors */
#mainMenu
{
    float:left; 
}

#mainMenu li
{
     float:left; list-style:none; font-size:14px;
}
#mainMenu a
{
    text-decoration:none; font-size:14px; font-weight:bold; display:block; border-right:1px solid #CCCCCC;
    padding:0 10px 0px 10px; color:#666666; cursor:pointer;
}
#mainMenu img{padding-left:5px;}

#mainMenu a:hover {
    background-color:#339DFF;
}
.menuFirstItem
{
    margin-left:125px;
}
/*END MENU STYLES */

/*Styles for Dashboards*/
#dashboards{}
.dashboard{}
/* End Dashboard Global styles */

/* LEGEND STYLES */
#legend h6 {float:left; clear:left; padding:0; margin:0; margin-left:15px; font-size:8px; width:120px; text-align:left;}
#legend img {float:left; vertical-align:baseline; margin-bottom:2px;}
#legend .keyLine{float:left; clear:both; width:125px; padding:1px; margin:0; text-align:left;}
#legend .keyLineImage {float:left; clear:both; width:125px; height:3px;}
/* End Legend Styles */

/*UNDOCK LINKS*/
.undockLink {display:block; text-align:left; text-decoration:none; padding:2px 0 4px 3px;}
.undockLink:hover{background-color:#CCCCCC;}


/*STORM DASHBOARD STYLES */
#stormListContainer {float:left; width:225px; margin-right:10px; height:480px; overflow:auto; }
#stormDashSelected {float:left; width:305px;  margin:0 10px 0 10px; height:480px; overflow:auto;}
#stormDashSearch {float:left; width:340px; margin-right:0px; height:480px; overflow:auto;}
#stormListDock{}

    /* STORM LIST STYLES */
    #stormDashStormList {}
    #stormListDock ul{
        margin: 0;
        padding: 0;
        list-style: none;
        width: 200px;
        display: block;
        text-align:left;
    }
    /*DECADES*/
    #stormListDock ul ul
    {
        margin-left:20px;
        width: auto;
        border:none;
    }
     #stormListDock ul ul a{
        background-color:#838493;
        border:none;
    }
    /*YEARS*/
    #stormListDock ul ul ul a{
       background-color:#ABAEB2;
       border:none;
    }
    /*STORMS*/
    #stormListDock ul ul ul ul a, .stormItemAnchor, #stormListDock .currentSeasonList  ul li a{
       background-color:#FFFFFF;
       color:#339DFF;
       border:none;
    }
    .stormItemAnchor
    {
       background-color:#FFFFFF;
       color:#339DFF;
       border:none;
    }
    /*Remove arrow from Storm Items */
    #stormListDock ul ul ul ul li.collapsed, #stormDashStormList li.currentSeasonList  ul li.collapsed
	
	{
       background:none;
    }
    /*and add a different hover style */
    #stormListDock ul ul ul ul a:hover, #stormListDock .currentSeasonList  ul li a:hover, .homeLink:hover{
       background-color:#FFDD77;
    }
    #stormDashStormList li {
        display: block;
        margin: 0px 0;
        padding: 0px 0;
        border:1px solid #FFFFFF;
        text-align:left;
    }
    #stormDashStormList li.collapsed {
        cursor: pointer;
        background: url(../images/collapsed.png) 0 .4em no-repeat;
    }
    #stormDashStormList li.expanded {
        cursor: pointer;
        background: url(../images/expanded.png) 0 .4em no-repeat;
    }
    #stormDashStormList li a {
        display: block;
        margin-left: 10px;
        padding: 2px 1px 2px 1px;
        border: 1px solid #999999;
        background-color: #5A5A75;
        text-decoration: none;
        color: #FFFFFF;
        font-weight:bold;
        text-align:left;
    } 
    #stormDashStormList li a:hover {
        background-color: #339DFF;
        border-color: #339DFF;
    }
    /*SELECTED STORM PATHS STYLES -- H4 for Storm Name, Checkbox, Radio, Label*/
    .selectedStormItem{color: #FF6633; border-bottom:1px solid #FF6600; margin-bottom:2px; width:100%; clear:left;}
    .selectedStormItemForm span, .selectedStormItemForm a{display:block; float:left; margin-right:10px; text-decoration:none;}
    .selectedStormItemForm{float:left;clear:both; margin-bottom:6px;}
    
    /*STORM SEARCH STYLES */
    #stormSearchSearchForm label{font-weight:bold; float:left; text-align:right; width:90px; margin-right:5px;}
    #stormSearchSearchForm input, #stormSearchSearchForm select{width:150px; float:left; }
    #stormSearchSearchForm div{float:left; clear:both; margin:3px; width:250px;}
    #stormSearchResultsContainer{float:left; clear:both; width:95%;}
    #stormSearchResultsContainer li{text-decoration:none; width:95%;}
    #stormSearchResultsContainer li a {
        display: block;
        margin:3px 0 2px 0px;
        padding: 2px 1px 2px 0px;
        text-decoration: none;
        color:#339DFF;
        font-weight:bold;
        text-align:left;
    } 
     #stormSearchResultsContainer a:hover{
       background-color:#FFDD77;
    }
/* STORM BUBBLE STYLES */
.bubbleSizer{width:600px; height:300px; overflow:auto;}
.stormBubbleInfoContainer{width:350px; overflow:auto;
                        float:left; font-family:Verdana; margin:5px;}
.bubbleElementContainer{float:left; clear:both; width:350px; }
.stormBubbleStormName{font-family:Georgia, New York, Serif; color:#AA3333; font-size:18px;}
.bubbleLeft{float:left; width:130px; margin:0 5px 0 2px; text-align:right; 
            font-size:11px; font-weight:bold; display:block; color:#444444;}
.bubbleRight{float:left; width:200px; display:block; font-size:11px;}

#nearestCitiesTarget{width:190px; float:left; margin-left:10px;}
#nearestCitiesTarget h3{margin-bottom:6px; font-size:15px; color:#51BACE;}
.nearestCity{float:left; clear:both; width:100%;}
.nearestName{font-weight:bold; width:100%;}
.nearestGeo{font-style:italic; margin-bottom:4px; display:block; width:100%;}

/*WEATHER BUBBLE STYLES */
.weatherBubbleSizer{width:500px; height:200px;}
.weatherBubbleInfoContainer{width:350px; height:280px; overflow:auto;
                        float:left; font-family:Verdana; margin:5px;}
.weatherBubbleZoneName{font-family:Georgia, New York, Serif; color:#AA3333; font-size:18px;}

/*WEATHER DASHBOARD STYLES */
#weatherStateList {float:left; width:225px; margin-right:10px; height:480px; overflow:auto; }
#weatherDetailsList {float:left; width:290px; margin:0 10px 0 10px; height:480px; overflow:auto;}
#weatherOptionsList {float:left; width:340px;  height:480px; overflow:auto;}

#weatherStateListDock ul li{text-decoration:none; width:95%;}
#weatherStateListDock ul li a {
        display: block;
        margin:3px 0 2px 0px;
        padding: 2px 1px 2px 0px;
        text-decoration: none;
        color:#339DFF;
        font-weight:bold;
        text-align:left;
    } 
#weatherStateListDock ul li a:hover{
    background-color:#FFDD77;
}

#selectedWeatherDock a:hover{
    background-color:#FFDD77;
}

    
/*HOMES DASHBOARD*/

#homesDashSearch{float:left; width:300px; height:480px;}
#homesDashResults{float:left; width:300px; height:480px; overflow:auto;}
#homesDashShelters{float:left; width:300px; height:480px; overflow:auto;}
#homesDashSearchForm label{font-weight:bold; float:left; text-align:right; width:65px; margin-right:5px;}
#homesDashSearchForm input, #homesDashSearchForm select{width:175px; float:left; }
#homesDashSearchForm div{float:left; clear:both; margin:3px; width:295px;}

.homesBubbleSizer{width:600px; height:300px;}
.shelterBubbleSizer{width:400px; height:200px;}

/* HOMES DAMAGE REPORT STYLES */
    #damageReportFormTarget{width:555px; height:285px; overflow:auto;}
    #damageReportFormTarget label{float:left; clear:left; padding:2px 5px 2px 0; text-align:right; width:75px; margin:2px 0 2px 0;}
    #damageReportFormTarget .bigLabel{float:left; clear:left; text-align:left; padding:3px 0 0 1px; border-bottom:1px solid #666666; margin:4px 0 3px 2px; width:80px;}
    #damageReportFormTarget .otherLabel{float:left; clear:left; text-align:left; padding:0; margin:5px 0 2px 1px; width:90px;}
    #damageReportFormTarget input{float:left; padding:2px; margin:2px 0 2px 0; width:200px;}
	#damageReportFormTarget textarea{float:left; clear:both; width:350px;}
	#damageReportFormTarget select{float:left; margin:2px 0 2px 0; width:200px;}
	#damageReportFormTarget #utilDiv{margin:3px 0 0 10px; padding:2px; background:#EEDDEE; float:left; clear:both; width:425px;}
	#damageReportFormTarget #utilDiv select{float:left; clear:both; margin:3px 3px 3px 15px;}
	#damageReportFormTarget #showDamage {float:left; margin:3px 0 0 10px; padding:2px; clear:both; background:#EEEEDD; width:425px;}
	#damageReportFormTarget #showDamage input{float:left; clear:both; margin:3px 3px 3px 15px; width:30px; text-align:right; padding:0; border-bottom-width:0px;}
	#damageReportFormTarget #showDamage label{float:left; clear:none; margin:5px 0 5px 5px; text-align:left; width:350px; padding:0;}
	#damageReportFormTarget #showDamage .bigLabels{float:left; clear:left; padding:2px 5px 2px 0; text-align:right; width:60px; margin:2px 0 2px 0;}
	#damageReportFormTarget #showDamage select{float:left; clear:left;}
	#damageReportFormTarget #commentDiv {margin:3px 0 0 10px; padding:2px; float:left; clear:both; background:#DDEEEE; width:425px;}
	#damageReportFormTarget .commentLabel {width:300px; padding:0; margin:0; float:left; clear:both; text-align:left;}
	#damageReportFormTarget #commentDiv .commentCheck {float:left; clear:both; padding:2px 5px 2px 0; margin:2px 0 2px 0; width:30px;}
	#damageReportOutput {overflow:auto; height:260px; width:470px;}
	#damageReportOutput .caneInfoPopup{width:460px; height:150px; padding-right:10px; }
	#damageReportOutput #caneDataHolder{float:left; clear:both; width:460px;font-size:85%;}
	#damageReportOutput .caneInfoLeft{float:left; clear:left; width:130px; padding:2px; padding-right:5px; text-align:right;}
    #damageReportOutput .caneInfoRight{float:left; width:260px; padding:2px;}
    
    #alertSubscribeForm input{float:left; padding:2px; margin:2px 0 2px 0;}
    #alertSubscribeForm label{float:left; clear:left; color#333333; font-weight:bold; text-align:right; width:240px; margin:2px 6px 0 0;}
/*NEWS DASHBOARD STYLES */
#newsListContainer{float:left; width:200px; height:480px;}
#newsListDock{float:left; width:100%; height:480px;}
.newsListItem { margin:6px 0 0 3px; }
.newsSelected {    background-color:#FFDD77;}
/*NEWS STORY STYLES*/
/*#articleDock{width:600px; height:480px; text-align:center;}
#articleDock a{display:inline; }
#articleBodyContainer{width:550px; text-align:left;}
#articleBodyContainer img {width:500px;}
#articleHeadline {font-weight:bold; font-size:22px; color:#990033; font-family:Georgia, Serif}
#switchContainer{float:right; clear:both; padding:2px;}
#switchContainer a{margin:0 4px 0 4px;}

#articleDetails{clear:both; padding:5px 0 5px 0; color:#333333;}
#articleByline{font-size:12px;}
#articleDateline{font-size:10px; color:#666666;}
#articleDate{font-size:10px; color:#666666;}

#articleBody{}

#articlePicBox{float:right; margin:8px; border:1px solid #888888; width:260px; color:#555555;}
#articlePicture img{width:250px; text-align:center;}
#articlePicCaption{font-size:10px;}
#articlePicCredit{font-size:12px; font-variant:small-caps; font-weight:bold;}
*/
#articleDockContainer{width:660px; margin-left:8px; float:left;}
#articleDock{width:650px; height:480px; text-align:center; overflow:auto;}
#articleDock a{display:inline; }
#articleBodyContainer{width:550px; text-align:left;}
#articleBodyContainer img {width:500px;}
#articleHeadline {font-weight:bold; font-size:22px; color:#990033; font-family:Georgia, Serif}

#articleDetails{padding:5px 0 5px 0; color:#333333;}
#articleByline{font-size:12px;}
#articleDateline{font-size:10px; color:#666666;}
#articleDate{font-size:10px; color:#666666;}

#articleBody{}

#articlePicBox{float:right; margin:8px; border:1px solid #888888; width:260px; color:#555555;}
#articlePicture img{width:250px; text-align:center;}
#articlePicCaption{font-size:10px;}
#articlePicCredit{font-size:12px; font-variant:small-caps; font-weight:bold;}
/* SERVICES STYLES */
#servicesSearch{width:300px; height:480px; float:left;}
#servicesDashResults{width:300px; height:480px; float:left;}
#featuredServices{width:300px; height:480px; float:left;}

#servicesDashSearchForm label{font-weight:bold; float:left; text-align:right; width:84px; margin-right:5px;}
#servicesDashSearchForm input, #homesDashSearchForm select{width:155px; float:left; }
#servicesDashSearchForm div{float:left; clear:both; margin:3px; width:295px;}

/*RISK DASH STYLES */
#stormSummaryTarget{}
#stormSummaryTarget h2{Font-weight:bold; font-size:18px; color:#F52F39; font-family:Georgia, New York, Serif; float:left; width:100px;}
#summarySummary{float:left; width:500px;}
#summaryDateRange{float:left; width:500px;}
#summarySummary p{}
/*#summaryDateRange{float:left; width:100px; margin-left:12px;}
#summarySummary{float:left; width:500px; margin-left:12px;}
#summaryWeather{float:left; width:100px; margin-left:12px;}
#summaryWinds{float:left; width:350px; margin-left:12px;}*/
#summaryStatesHit{position:absolute; top:25; left:750px; width:150px; color:#F52F39;}

/*HELP STYLES*/
#helpListContainer{float:left; width:180px; height:480px;}
#helpContainer{width:710px; margin-left:8px; padding-right:10px; float:left; height:480px; overflow:auto;}

#helpContainer p{font-size:12px; margin:15px 0 0 15px; padding:0 50px 0 0;}
#helpContainer h2{font-size:16px; margin:20px 0 0 10px; padding:0; font-weight:bold;}
#helpContainer h3{font-size:14px; margin:15px 0 0 10px; padding:0; font-weight:bold;}
#helpContainer ul{margin:5px 0 5px 35px;}
#helpContainer li{padding:2px;}
#helpContainer a{display:inline}