form, fieldset, input{border:0; margin:0; padding:0}
iframe{border:none}
img{border:none}

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{background:transparent; border:0; margin:0; outline:0; padding:0; vertical-align:baseline}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, 
q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}

body{background:#555; font:12px Arial,Helvetica,sans-serif; margin:0; min-width:996px}

#body-bg{background-color:#000; border-bottom:6px solid #313131; height:387px; width:100%; position:absolute; top:0; left:0}

#content{float:left; overflow:hidden; padding:10px 0px 0px 10px; width:785px; min-height:600px}
#content .block{background:url(http://images.windalert.com/atmosphere/App_Common/Images/Themes/Global/bg-block.png) no-repeat; overflow:hidden; padding:20px 0 0; width:700px}
#content .block a.get1{float:right}
#content .block a.get1, #content .block a.get2{height:42px; width:109px; color:#000; cursor:pointer; font-size:16px; font-weight:bold; margin:20px 0 0; padding-top:10px; text-align:center; text-decoration:none}
#content .block a.get2{float:left}
#content .block h2{color:#2a2a2a; font-size:20px; font-weight:bold; margin:3px 0 0}
#content .block p{color:#636363; line-height:17px; margin:4px 0 0}
#content .block-holder{overflow:hidden; width:700px; margin:0 auto}
#content .block-left{display:inline; float:left; margin:0 0 0 10px; text-align:right; width:320px}
#content .block-left img{float:right; margin:0 0 0 16px; height:255px; width:145px}
#content .block-right{float:right; text-align:left; width:364px; height:135px}
#content .block-right img{float:left; margin:0 7px 0 36px; height:255px; width:145px}
#content ul li{color:#000}

#content .classic{height:46px; margin:0 auto; width:700px; background-color:#d7d7d7; -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px}
#content .classic a.visit{color:#fff; float:right;  margin-right:10px; margin-top:12px}
#content .classic div.container{float:left; padding:8px 0 0 15px; width:420px}
#content .classic div p{color:#3c3c3c; line-height:14px; margin:0}
#content .classic span.left{color:#898989; float:left; font-size:14px; font-weight:bold; width:140px; text-align:center; padding:16px 0px 14px 0px; background-color:#ECECEC; -moz-border-radius-bottomleft:5px; -moz-border-radius-topleft:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px}
#content .classic div.inputField{float:left; text-align:left; width:auto; margin-top:7px}
#content .classic div span.label{float:left; margin-right:8px; height:20px; width:auto; font-size:12px}
#content .classic input.field{float:left; border:1px solid #9e9e9e; height:17px; padding-left:2px}
#content .clear input{margin-top:10px; width:}
#content .clear label{margin-left:3px}

#content .tallclassic{height:65px; border:1px solid #9E9E9E}
#content .classic span.tall{height:48px; padding:17px 0px 0px 0px}

#content h2{color:#2c2c2c; font-size:18px; line-height:22px; padding-bottom:8px; margin:3px 0 0 0px}
#content p{line-height:18px; margin:15px 0 0; color:#000}
#content hr{background-color:#9e9e9e; color:#9e9e9e; border:0; height:1px}

#footer{margin:15px auto 0; width:870px; height:105px}
#footer .info{float:left; list-style:none; margin:3px 0 0 41px; padding:0}
#footer .info .active{background:#000; color:#fff}
#footer .info li{font-size:11px; line-height:18px}
#footer .info li a{color:#fff; padding:0 2px; text-decoration:none; display:block}
#footer .info li a:hover{background:#000; color:#fff}
#footer .info li.title{color:#fff; font-size:12px; font-weight:bold; margin:0 0 6px}

#header{color:#FFF; overflow:hidden; padding:0 18px 0 19px; position:relative}
#header .banner1{position:absolute; right:18px; top:4px}

#header .extra-nav{background-color:#333; min-height:30px; padding:5px 0; width:974px}
#header #guestInfo{line-height:22px; background:none}
#header #guestInfo a{background:none; float:none; padding:0; margin:0; color:#fff}
#header #guestInfo a span{background:none; display:inline}

#header .nav{left:200px;  display:inline; list-style:none; margin:0; padding:0; position:absolute; top:14px;}
#header .nav li{display:inline; text-align:center; min-width:44px; color:#FFFFFF; float:left; padding:9px;}
#header .nav li:hover{background-image:url(http://images.windalert.com/atmosphere/App_Common/Images/nav-bg.png); background-repeat:repeat-x; background-position:0px 3px;}
#header .nav li.active{background-image:url(http://images.windalert.com/atmosphere/App_Common/Images/nav-bg.png); background-repeat:repeat-x; background-position:0px 3px;}
#header .nav li a{display:block; color:#FFFFFF; }
#header .nav li a:hover{color:#FFFFFF; text-decoration:none;}
#header .nav li img {margin-bottom:2px; margin:0px auto;}
#header .nav li.line{border-left:0px; border-right:0px; padding:0px; margin-top:8px; min-width:3px; margin-bottom:0px; padding-bottom:0px;}
#header .nav li.line:hover{background-image:url('none');}

#header .side-nav{float:right; list-style:none; margin:3px 7px 0 0; padding:0}
#header .side-nav li{float:left; font-size:11px; margin:0; padding:0 6px 0 0; margin-right:10px; }
#header .side-nav li a.sign{color:#ffef00}
#header .side-nav li.user-name{color:#fff; font-weight:bold; margin-top:5px}
#header .main-signin{float:right; margin-right:10px; color:#FFFFFF; line-height:28px;}

#header .main-signin a {color:#FFFFFF}

#header .top-nav{float:right; margin:0 0 0 10px; padding:3px 0 0}
#header .top-nav a{color:#fff}
#header .top-nav li{float:left; margin-right:10px }
#header .top-nav li div.label{padding-top:4px}
#header .top-nav li div.labelStrong{padding-top:4px; font-weight:bold}
#header .top-nav li.save{background:none; margin-right:9px; padding:0}
#header h1{display:block; font-size:0; height:70px; line-height:0; text-indent:-9999px; width:162px}
#header h1 a{background:url(http://images.windalert.com/atmosphere/App_Common/Images/weatherflow-small.png) no-repeat; display:block; height:70px; width:162px}

#main{background-color:#fff; margin:0 18px 0 19px; width:974px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px}
#main-container{overflow:hidden; position:relative; width:100%}

.profileManager-favorites{overflow:hidden; float:left}
.profileManager-favorites-checkboxes{float:left; margin-bottom:15px; overflow:hidden; text-align:center; width:100px}

div.profileManger-scroller{clear:both; display:block; float:none; max-height:140px; overflow:auto; margin-bottom:15px; margin-top:15px}
div.profileManager-loader{text-align:center; padding-bottom:10px; font-weight:bold}
#tabletest tr.normal{height:20px}
tr.profileManager-heading{height:25px; font-size:14px}
div.profileManager-spotTitle{margin-bottom:15px; text-align:center; font-weight:bold}

.profileManager-favorites div{text-align:center; font-weight:bold; margin-top:5px; margin-bottom:5px}
.profileManager-favorites div.textleft{text-align:left; margin-left:25px}
.profileManager-favorites ul li{margin-top:2px;  text-align:center;  margin-bottom:2px}
.profileManager-favorites ul li.spotname{margin-top:2px; text-align:left; margin-bottom:2px; margin-left:25px; width:200px}
.profileManager-favorites ul li.title{margin-top:2px; margin-bottom:2px; text-align:left; margin-bottom:5px; font-weight:bold; font-size:14px; height:18px}
.profileManager-favorites ul li label{margin-left:3px; padding-top:-3px}

#manageFavorites.profileList-profiles li{background-image:url(http://images.windalert.com/atmosphere/App_Common/Images/grippy.gif); background-repeat:no-repeat; background-position:8px 9px; overflow:hidden; margin-top:15px;  padding:5px 10px 5px 22px; background-color:#ECECEC; border:1px solid #D7D7D7;}
#manageFavorites.profileList-profiles li a.name{font-size:14px; font-weight:bold; float:left;}
#manageFavorites.profileList-profiles li a.edit{float:right; margin-left:15px;}
#manageFavorites.profileList-profiles li a.delete{float:right; margin-left:15px;}
#manageFavorites.profileList-profiles li.immuteable{ background-color:#f3e9e9;}

#profileList{top:110px; width:320px; left:345px}
div.createProfileContainer{float:right; color:#FFF; position:absolute; margin-top:8px; right:10px; width:auto}
div.createProfileContainer a{color:#FFF; font-size:11px}
div.createProfileContainer a img{margin-bottom:-5px}

#profileList ul li{padding-left:22px}
#profileList ul li span{display:inline}
#profileList ul li a{display:inline; margin-right:8px}
#profileList ul li a.name{width:150px; display:inline-block}
#profileList ul li a.delete{display:inline; color:#ff6565}
#profileList ul li a.delete:hover{text-decoration:underline}
#profileList ul li a.edit{display:inline;  color:#FFF}
#profileList ul li a.edit:hover{text-decoration:underline}
#profileList ul li img{display:inline; margin-left:-16px}



ul.spotList {border-right:1px solid #ECECEC; width:390px; float:left;}
ul.noborder {border:0px none #ffffff;}
.spotList li { background-color:#FFFFFF; display:block; height:57px; margin:8px 8px 0; overflow:hidden;}
.spotList li div.grip{height:45px; margin-top:3px; width:10px; margin-right:8px; float:left; background-image:url(http://images.windalert.com/atmosphere/App_Common/Images/grippy.gif); cursor:row-resize}
.spotList li div.windInfo{float:left; font-size:11px; line-height:17px}
.spotList li img.obsGraph {width:100px; height:50px; padding-top:2px;}
.spotList li img.fxGraph {width:340px; height:40px}
.spotList li img.rose {width:50px; height:50px}
.spotList li img{float:left; margin-right:10px;}
.spotList li div.spotFunctions{z-index:10; position:absolute; display:none; width:152px; margin-top:20px; left:250px; background-color:#ECECEC; padding:2px; overflow:hidden; border:1px solid #D7D7D7;}
.spotList li div.spotFunctions select{float:left; width:104px; margin-top:3px; margin-right:5px;}
div.speed {background-color:#261F93; height:12px; margin-top:3px;}
div.distance {font-size:9px;left:378px; margin-top:40px;position:absolute;width:48px;}

.upsell-container{display:block; float:none; overflow:hidden;}
.upsell-container img{height:275px; width:446px}
.upsell-container div.message{height:233px; width:292px; background-color:#ECECEC; margin-left:5px; padding:20px; border:1px solid #D7D7D7;}
.upsell-container div.learnmore-signin{text-align:center; width:290px;}
.upsell-container div.learnmorebutton{ background:url('http://weatherflow.s3.amazonaws.com/atmosphere/App_Common/Images/button-gotolarge.png') no-repeat scroll 0 0 transparent; clear:both; height:41px; margin-bottom:40px; margin-left:45px; margin-top:26px; padding-top:7px; width:192px;}
.upsell-container a.learnmore{color:#FFFFFF; font-size:20px;}
        
div.container{ width:785px; clear:both;}
div.container div.header{background-color:#ECECEC; border:1px solid #D7D7D7; padding:5px; height:24px}
div.header span.title {font-weight:bold; font-size:14px; line-height:25px;}
div.container div.body{background-color:#FFFFFF; border:1px solid #D7D7D7; border-top:0px; overflow:hidden; min-height:50px;}
div.container-spacer { height:45px; clear:both; overflow:hidden; display:block;}

#sidebar{float:right; overflow:hidden; margin-left:9px; padding:10px 10px 0 0; width:160px; min-height:600px; z-index:-99999}
#sidebar .towerbanner{}
    
#wrapper{margin:0 auto; width:1011px}

.field{border:1px solid #9e9e9e; height:17px; padding-left:2px}

.banner3{float:left; height:60px; padding:10px 9px 0 0; width:120px}
.banner3 a{display:block}
.divider{background:url(http://images.windalert.com/atmosphere/App_Common/Images/Themes/Global/divider.png) repeat-x; height:35px; width:723px}
.jqmOverlay{background-color:#000}
.main-b{background:url(http://images.windalert.com/atmosphere/App_Common/Images/Themes/Global/bg-main-b.png) no-repeat; font-size:0; margin-left:19px; height:35px; width:994px; line-height:0}
.main-holder{width:974px; background-color:#fff; padding-bottom:10px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px}

.mc-holder-1{float:left; left:50%; position:relative; width:1011px}
.mc-holder-2{float:left; left:-50%; position:relative; width:1011px}
.modal{color:#FFF; display:none; height:auto; left:50%; margin-left:-240px; position:fixed; top:20%; width:480px; background-color:#3B3B3B; -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px}
.page-wrapper{width:100%; position:relative; z-index:2}
.photos{list-style:none; margin:17px 0 0; overflow:hidden; padding:0 0 0 9px; width:723px}
.photos li{display:inline; float:left; margin:0; width:337px}
.photos li img{border:3px solid #676767; display:block}
.photos li.first{margin:0 30px 0 0}
.profile-form{float:left; padding:4px 0 0 12px; width:150px}
.profile-form select{color:#454545; font:11px Arial; padding:1px 0 2px 4px; width:147px}
.rights{float:left; font-size:9px; line-height:15px; margin:5px 0 0 61px; width:266px}
.rights a{color:#fff}
.rights p{color:#fff; margin:0}
.sb1{width:47px}
.sb2{-moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border:solid 1px #141414; background-color:#F3F3F3}

.feedback{z-index:99999; height:100px; width:26px; top:340px; position:absolute; left:0px; float:left}
.flashDownload{text-align:center; padding-top:150px; width:100%; height:100%}

.search-box{line-height:28px; display:inline-block; float:left; margin:0 5px 0 10px;}
.search-box a{float:right; height:28px}
.search-box div{float:left; overflow:hidden; padding:2px; background-color:#f3f3f3; width:309px}
.search-box div input.search{margin-right:10px; color:#383838; background-color:#FFF; line-height:18px; float:left;  font-size:12px; width:228px; -moz-border-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border:solid 1px #a8a8a8; padding:1px 0 1px 5px; height:20px}
.search-box div input.submit{background:url(http://images.windalert.com/atmosphere/App_Common/Images/Themes/Global/search.png) no-repeat scroll 6px 1px transparent; border:none; cursor:pointer; float:right; font-size:0; line-height:0; margin:0; padding:0; text-indent:-9999px; height:20px; width:30px}

.search-home-nav{position:absolute; width:100%; top:8px}
.search-home-nav div.left{float:left; margin-left:20px}
.search-home-nav div.right{float:right; margin-right:20px}
.search-home-logo{height:83px; width:373px; margin-left:auto; margin-right:auto}
.search-home-container{height:80px;  margin-left:auto; margin-right:auto; width:750px; background-color:#fff; border:solid 1px #000; -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px}
.search-home-container img{position:relative; z-index:1; float:right; right:-5px; top:-5px}
.search-home-container div.search-label{float:left; color:#000;  font-size:20px; position:relative; left:59px; top:28px}
.search-home-container div.search-box{float:left; position:relative; left:67px; top:26px}
.search-home-footer{text-align:center; margin-top:50px; line-height:18px}
.search-home-footer span{font-size:11px}

#search-reset{float:right; color:#fff; margin:2px 0 0 5px}

.tab-holder{width:700px; margin:0 auto}
.tab-search{float:left; margin:12px 0 0; overflow:hidden; color:#383838; background-color:#F3F3F3; padding:5px; width:300px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border:solid 1px #a8a8a8}
.tab-search input.search{background:none; color:#383838; float:left; font:11px Arial; margin:0 7px 0 0; padding:4px 0 4px 6px; width:265px; background-color:#FFF; -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border:solid 1px #a8a8a8}
.tab-search input.find{background:url(http://images.windalert.com/atmosphere/App_Common/Images/Themes/Global/search.png) no-repeat scroll 0px 2px transparent; border:none; cursor:pointer; float:left; font-size:0; height:25px; line-height:0; margin:0; padding:0; text-indent:-9999px; width:18px}

.tabset{height:40px; line-height:40px; list-style:none; margin:0 auto; text-align:center; background-color:#666; width:700px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px}
.tabset li{padding-top:3px; display:inline; line-height:27px}
.tabset li a{color:#fff; cursor:pointer; font-weight:bold; height:27px; margin:0 25px 0 24px; padding:0 0 0 5px; text-decoration:none}
.tabset li a.active{color:#fff}
.tabset li a.active span{text-decoration:underline}
.tabset li a:hover span{text-decoration:underline}

div.tab{font-size:12px; color:#b0b0b0; height:190px; padding:10px 0 0 0; width:700px; background-color:#3b3b3b;  -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px}
div.tab img{float:left; margin:1px 18px 0 23px}
div.tab tabClear{display:none}
div.tab ul{float:left; list-style:none; margin:4px 0 0 -6px; padding:0}
div.tab ul li{display:inline; padding:0 0 0 6px}
div.tab a{color:#FFF;  text-decoration:none}
div.tab a:hover{text-decoration:underline}
div.tab ul li:first-child{background:none}
#content div.tab h2{color:#fff; font-size:18px; font-weight:bold; margin:0}
#content div.tab p{color:#fff; margin:-5px 30px 0px 0px}
 
div #accountManager{right:18px; top:110px; width:200px}

div .settings span{margin-bottom:15px; margin-top:45px; margin-left:33px; display:block;}

div .settings ul{margin:0 auto 10px; padding:10px; width:700px; border:solid 1px #d7d7d7; text-align:center; -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; background-color:#ececec}
div .settings ul li{height:18px; display:inline; margin-right:10px; text-align:center}
div .settings ul li label{padding-left:3px; margin-right:5px}

#activity-container{display:none; text-align:center; margin:0 auto 10px; border:solid 1px #d7d7d7; min-height:44px; background-color:#ececec}
#activity-container div{margin-top:5px}
#activity-container ul{height:18px; margin-top:8px; list-style:none; width:700px}
#activity-container ul li{height:18px; display:inline; margin-right:10px; text-align:center}
#activity-container ul li label{padding-left:3px; margin-right:5px}

#header .side-nav a#settingsManagerController:hover{text-decoration:none}
#header .side-nav a#settingsManagerController span{padding-right:5px}

#header .side-nav a#settingsManagerController em{font-style:normal; background:url(http://images.windalert.com/atmosphere/App_Common/Images/settings-arrow.png) right center no-repeat; color:#fff; padding-right:24px}

div .inputFieldContainer{clear:both; display:block; float:none; height:30px; margin-left:25px}
div .inputFieldContainer .inputFieldLabel{min-width:65px; padding-right:15px; padding-top:8px}
div .inputFieldContainer .inputFieldLabel span{font-weight:bold}
div .inputFieldContainer div{float:left}

div .modalBody{display:block; height:auto; min-height:30px; padding:0px 25px 0px; width:430px}
div .modalBody p{color:#fff; margin:0 0 0 0; width:435px}
div .modalButtons{clear:both; display:block; float:none; height:28px; width:480px; text-align:center}
div .modalButtonsNew{clear:both; display:block; float:none; margin-left:-24px;  height:28px; width:480px; text-align:center}

div .modalButtons-ul{display:inline; list-style:none}
div .modalButtons-ul li{display:inline; font-size:11px; padding:0 6px 0 0}
div .modalFooter{clear:both; min-height:5px; padding-top:5px; text-align:center; width:480px; padding-bottom:10px}
div .modalFooter a{color:#CCC; text-decoration:underline}
div .modalFooter a:hover{text-decoration:none}
div .modalHeader{display:block; height:30px; padding:20px 0 0 25px; width:455px}
div .modalHeader div.close{color:#FFF; float:right; font-size:18px; font-weight:bold; position:absolute; right:10px; top:11px}
div .modalHeader div.close a{text-decoration:none; font-size:14px}
div .modalHeader span.title{color:#FFF; float:left; font-size:18px; font-weight:bold}
div .modalProgress{color:#fff; font-weight:bold; height:20px; text-align:center; width:100%}
div .modal-textfield{float:left; padding:5px; background-color:#f3f3f3; -moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border:solid 1px #141414}
div .modal-textfield input{-moz-border-radius:5px 5px 5px 5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border:solid 1px #a8a8a8; padding-left:5px; height:20px}
    
div .popupMenu{background-color:#464646; display:none; height:auto; padding-bottom:9px; position:absolute; z-index:1000}
div .popupMenu div.progress{color:#fff; background-color:#282828; font-size:11px; padding-top:8px; position:absolute; text-align:right; right:10px; width:90px; z-index:99999}
div .popupMenu div.progress img{margin-bottom:-3px}
div .popupMenu h1{background-color:#282828; color:#FFF; font-size:14px; font-weight:bold; height:24px; margin-bottom:5px; padding-top:7px; width:100%}
div .popupMenu h1 span{padding-left:15px}
div .popupMenu ul{list-style:none; margin-left:6px; margin-right:6px}
div .popupMenu ul li{background-color:#464646; padding:5px 5px 5px 5px}
div .popupMenu ul li a{color:#FFF; display:inline; text-decoration:none; width:100%}
div .popupMenu ul li img{height:10px; margin-right:5px; width:11px}
div .popupMenu ul li.hr{background-color:#464646; padding:6px 2px 4px 2px}
div .popupMenu ul li.hr hr{background-color:#282828; border:0px; color:#282828; height:1px}
div .popupMenu ul li.hr:hover{background-color:#464646}
div .popupMenu ul li:hover{background-color:#282828}

div .validationContainer{clear:both; display:block; float:none; margin-bottom:10px; padding-top:5px}

div .memberships{color:#404040}
div .memberships span.signup{font-size:15px; line-height:28px}

div .signUpTout{border:1px solid; border-color:#9e9e9e; width:220px; min-height:130px; background:#efefef; display:inline; float:left; position:relative}
div .signInForgot{float:none; clear:both; height:20px; width:700px; margin:0 auto 20px; text-align:left; padding-top:25px}
div .signUpTout ul{margin-top:10px}
div .signUpTout ul li{font-size:18px}
div .signUpTout ul li.product{font-size:24px; font-weight:bold}
div .signUpTout ul li.price{font-size:12px; color:#3e6932; font-weight:bold; line-height:25px; margin-bottom:10px}
div .signUpTout ul li.upsell{color:#870100; font-weight:bold}
div .signUpTout ul li.free{color:#008bff; font-size:12px}
div .signUpTout ul li div{margin-top:15px; padding-left:70px}
div .signUpTout ul li hr{margin-top:20px; width:90%}
div .signUpTout ul li .button{margin-top:5px}
div .space{margin-right:16px}

.test{margin:0 auto; width:700px}
div .hr{clear:both; height:20px; display:block; float:none; clear:both}

div .signUpTestimonials{margin:0 auto; width:700px}
div .signUpTestimonials ul li{width:700px; margin-bottom:20px}
div .signUpTestimonials ul li.title{font-weight:bold; font-size:16px}
div .signUpTestimonials ul li span{font-weight:bold}

div .validationSummary{background-color:#FFF2F2; border:1px solid #E0AEAE; margin:0 auto 15px; padding:5px; text-align:center; width:688px}
div span.validationHeading{font-weight:bold; color:#000}

#iphone-block, #desktop-block{margin-left:40px; display:none}
.block-content{float:left; width:326px}
.block-content img{float:left; margin-right:20px}

.block{height:260px}
.block .link-list{float:left; margin-top:75px; padding:0 20px; width:90px; font-size:12px; line-height:30px; font-weight:bold}
.block .link-list li{display:block; line-height:30px}
.block .link-list a{display:block; line-height:30px; padding-left:30px; background-image:url(http://images.windalert.com/atmosphere/App_Common/Images/link-list-icons.png); background-repeat:no-repeat}

.block .link-list a.favorites{background-position:left 4px}

.block .link-list a.alerts{background-position:left center}
.block .link-list a.search{background-position:left -58px}

.block .link-list a:hover{text-decoration:underline}

.block .badge{float:left}

.block .badge h2{background-repeat:no-repeat;  height:46px}
.block .badge h2 span{font-size:12px}

.flipbook{overflow:hidden; height:150px}
.flipbook .page{height:150px}
.flipbook .page p{height:100px}

.flipbook .page:first-child{display:block}
.flipbook .active{display:block}

.block .badge.desktop{float:left}

.block .badge.iphone{width:200px; margin-top:50px}

a{color:#4D4D4D; text-decoration:none}
a:hover{color:#000; text-decoration:underline}
a.button{color:#fff; text-decoration:none; line-height:16px; cursor:pointer; font-size:12px; height:15px; display:inline-block; padding:0px 2px 9px 5px; background-image:url(http://images.windalert.com/atmosphere/App_Common/Images/Themes/Global/link-buttons-left.png); background-position:left 0px; background-repeat:no-repeat}
a.button span{display:inline-block; min-width:18px; height:15px; padding:3px 12px 6px 6px; background-image:url(http://images.windalert.com/atmosphere/App_Common/Images/Themes/Global/link-buttons-right.png); background-position:right 0px; background-repeat:no-repeat}
a.button span img{padding-top:4px}

a.button:hover{background-position:left -24px}
a.button:hover span{background-position:right -24px}

a.button:active, a.button.clicked{background-position:left -48px}
a.button:active span, a.button.clicked span{background-position:right -48px}

a.button.selected, a.button.selected:active, a.button.selected:hover{background-position:left bottom}
a.button.selected span, a.button.selected:active span, a.button.selected:hover span{background-position:right -72px}

a.button img.iconFav{margin-right:5px; margin-top:-5px;}
a.button img.iconAlert{margin-right:5px; margin-top:-3px;}

.clear{float:none; clear:both; width:100%; height:1px; margin:0; padding:0}

.internal-advertising{margin-top:20px; clear:both; height:90px; width:728px; overflow:hidden}
.spotinfo-advertising{margin-bottom:20px; clear:both; height:90px; width:728px; overflow:hidden; margin-top:10px}
.spotinfo-advertising-s{margin-bottom:0px; margin-top:0px}
.spotinfo-advertising-f{margin:0 auto 10px}
.spotinfo-advertising img{display:block; margin:auto}

#tbl-archive{width:100%}
#archive_graph_img {margin:0px auto; display:block;}
#tbl-stats{width:100%}

div.spotinfo-full{width:741px; margin-bottom:18px; clear:both}
div.spotinfo-small{height:410px}
div.spotinfo-archive{height:465px; width:741px; margin-bottom:18px; clear:both}
div.spotinfo-fineprint{height:auto; width:741px; margin-bottom:18px; clear:both}
div.spotinfo-local-info{padding:10px}
div.spotInfoForecast{height:400px; width:741px; margin-bottom:25px; clear:both}

div.spotinfo-header{background-color:#d3d3d3; color:#4d4d4d; font-weight:bold; font-size:15px; height:23px; vertical-align:middle; padding:5px; width:733px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px}
.selected_heading{background-color:#7f7f7f}

div.spotinfo-latest-observations{height:auto; width:741px; float:left; background-color:White; color:#444; margin-bottom:23px}
div.spotinfo-latest-observations img.windrose{height:157px; width:210px}

div.windrose-speed{font-weight:bold; width:100%; clear:both; font-size:14px; margin-top:2px; margin-bottom:5px}
div.windrose-date{margin:0px auto; text-align:center; width:100%; clear:both; font-size:14px; margin-bottom:3px}
div.windrose-emphasis{margin:0px auto; clear:both; font-size:14px; font-weight:bold; margin-left:10px; height:35px}
div.windrose-info{width:100%; clear:both; font-size:14px}
div.windrose-label{width:100px; float:left; text-align:right; padding-right:10px; font-size:13px; margin-bottom:3px}
div.windrose-item{width:100px; float:left; font-weight:bold; text-align:left; margin-bottom:3px}

.windwidget{font-weight:bold; font-size:1.2em; padding:15px}
.windwidget .top{width:675px; margin:20px; text-align:center}
.windwidget textarea{border:8px dotted #ccc; padding:5px; overflow:auto}

.spotlist{table-layout:fixed;  width:727px;  height:330px;  text-align:left}
.spotlist th{background-color:#7f7f7f;  color:#fff;  padding:2px}
.spotlist td{border:1px solid #c5c5c5;  border-top:none;  padding:2px;  overflow:hidden;  white-space:nowrap;  text-overflow:ellipsis}
.spotlist tbody td:hover{background-color:#b6dde8;  cursor:pointer}

.selected_item{color:#000;  background-color:#b6dde8;  font-weight:bold}
.archivelist2{table-layout:fixed;  width:100%;  height:330px;  text-align:left;  background:url("") 341px 29px no-repeat}
.archivelist2 th{background-color:#7f7f7f;  color:#fff;  padding:2px}
.archivelist td{border:1px solid #c5c5c5;  border-top:none;  padding:0px;  text-align:center}
.archivelist td:hover{background-color:#b6dde8;  cursor:pointer}

.urgent_note{font-weight:bold;  font-size:12px;  padding:5px;  background:pink;  clear:both;  width:100%}
.right{float:right}
.left{float:left}
.clear{clear:both}
.center{text-align:center}
.middle{margin:0 auto}
.bold{font-weight:bold}
.700px{width:700px}
.margin-right-5{margin-right:5px}
.rounded-corners{ 
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	
.rounded-corners-toponly{-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px}

.selected_item td{background-color:#fff;  font-weight:bold; border-right:none}
.baselist{table-layout:fixed; text-align:left;  background:url("") 341px 29px no-repeat; width:100%;}
.baselist-sm{background:url("") 390px 29px no-repeat}
.baselist tr{background-color:#e7d6d6}
.baselist tbody tr:hover td{background-color:#f9e7e7; cursor:pointer}
.baselist th{background-color:#ECECEC; color:#fff; padding:2px; font-size:11px; color:#000; font-weight:normal}
.baselist td{border:1px solid #c5c5c5; border-top:none;  padding:5px; overflow:hidden; white-space:nowrap;}

.baselist_stats{table-layout:fixed;  width:743px; height:330px; text-align:left; background:url("") 371px 0px no-repeat}
.baselist_stats th{background-color:#D7D7D7; padding:2px}
.baselist_stats td{border-left:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; border-top:none;  padding:2px;  overflow:hidden;}
.baselist_stats tr{background-color:#D7D7D7}
.baselist_stats tbody tr:hover td{background-color:#f9e7e7; cursor:pointer}

#wind-statistics-controls{background-color:#ECECEC; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #c5c5c5}
#wind-stats-bar-label{width:100%; font-size:10px}

.extra-info{text-align:left; display:none; position:absolute; height:240px; width:500px; background:#fff; border:5px solid #cecece; z-index:5000; padding:12px; font-size:13px; overflow:auto}
.extra-info a{color:#2745A8}
.extra-info-close{font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block}
.extra-info-bg{display:none; position:absolute; _position:absolute;  background:#000; border:1px solid #cecece; z-index:4999}

.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
 
.clearfix{display:inline-block}
 
html[xmlns] .clearfix{display:block}
 
* html .clearfix{height:1%}

#current-cond-control{color:#4d4d4d; float:right; margin-right:10px; padding-top:4px; padding-bottom:4px;}

a.multiSelect{background:#FFF url(http://images.windalert.com/atmosphere/App_Common/Images/dropdown.gif) right center no-repeat; border:solid 1px #BBB; padding-right:20px; position:relative; cursor:default; text-decoration:none; color:black; display:-moz-inline-stack; display:inline-block;}

a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active{color:black; text-decoration:none}

a.multiSelect span{margin:1px 0px 1px 3px; overflow:hidden; display:-moz-inline-stack; display:inline-block; white-space:nowrap}

a.multiSelect.hover{background-image:url(http://images.windalert.com/atmosphere/App_Common/Images/dropdown_hover.gif)}

a.multiSelect.active, 
a.multiSelect.focus{border:inset 1px #000}

a.multiSelect.active{background-image:url(http://images.windalert.com/atmosphere/App_Common/Images/dropdown_active.gif)}

.multiSelectOptions{margin-top:-1px; overflow-y:auto; overflow-x:hidden; border:solid 1px #B2B2B2; background:#FFF}

.multiSelectOptions LABEL{padding:0px 2px; display:block; white-space:nowrap}

.multiSelectOptions LABEL.optGroup{font-weight:bold}

.multiSelectOptions .optGroupContainer LABEL{padding-left:10px}

.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL{padding-left:18px}

.multiSelectOptions input{vertical-align:middle}

.multiSelectOptions LABEL.checked{background-color:#dce5f8}

.multiSelectOptions LABEL.selectAll{border-bottom:dotted 1px #CCC}

.multiSelectOptions LABEL.hover{background-color:#39f; color:white}

.fs-form{border: solid 1px black; width: 575px; padding: 10px;}
.tbl-form{width: 600px;}
.tbl-form td{vertical-align: middle; padding: 5px;}