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,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,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1-;overflow:hidden;margin:0}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
h1{color:#fff;font-size:28px;font-weight:700;background-color:#3A3A3A;padding:6px}
ul.center,li.center{text-align:center;line-height:23px;font-size: 16px;}
.rounded{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px 5px 5px 5px}
.left{float:left}
.dataDisplay{position:absolute;width:500px; z-index: 15; background-image:url(images/transparent.png);right:35px; height: 300px;color:#fff;font-size:24px;padding-top:100px;margin:0 auto}
.station{position: absolute; left: 8px; z-index: 15; width:482px;background-color:#3f454b;border:1px solid #000;margin:0 auto 30px;z-index:5;}
.station .title{font-weight:700;background-color:#3a3a3a;width:474px;border-bottom:1px solid #000;text-shadow:0 1px 0 #000;padding:4px}
.windspeed{margin-left:10px;font-size:16px;margin-top:8px;font-weight:700;text-shadow:0 1px 0 #000}
* html #container{height:100%}
.clear{clear:both;float:none}
.graph{margin-left:10px;background-color:#393e43;margin-top:10px;border:1px solid #000;min-width:453px;min-height:175px;padding:4px}
#windRose{background-color:#fff;height:180px;width:180px}
.centerFeedback{background-color:#000;color:#FFF;font-weight:700;height:100px;left:50%;line-height:97px;position:absolute;text-align:center;top:40%;width:200px;margin:-45px auto auto -100px}
.profileMeta {position:fixed;right:35px;top:-10px;width:500px;z-index:5000; text-shadow: 0 1px 0 #000000; width:500px; font-weight:bold;color:#fff; opacity:0.95; filter:alpha(opacity=95); text-align:center; background-color:#2b2b2b; border:1px solid #030303; padding-bottom: 5px;}
.profileMeta h1 {background-color:#2b2b2b;}
.profileMeta h2 {font-size: 20px;}
.singleStation{position:fixed;bottom:35px;left:35px;background-image:url(images/transparent.png);height:375px;width:730px;display:none; z-index: 9999;}
.lockDataContainer{background-color:#FFF;border:1px solid #000;height:299px;margin-left:10px;margin-top:10px;width:180px;color:#000;font-size:18px;font-weight:700;padding:5px}
.logo{position: fixed; right: 55px; bottom: 55px; z-index: 5000;}
.tag{position: fixed; right: 80px; bottom: 35px; font-size:18px; color: #fff; font-weight:700; z-index: 5000;}
html,body{height:100%;width:100%}
.settings{color:#fff}
.settings span.title{display:block;margin-bottom:15px;margin-left:33px;margin-top:20px}
.settings h3{font-weight:700}
.settings ul{background-color:#171717;border-radius:5px 5px 5px 5px;text-align:center;width:700px;margin:0 auto 10px;padding:10px}
.settings input{min-height:0;min-width:0}
.settings ul li label{margin-right:5px;padding-left:3px}
.settings ul li{display:inline;height:18px;margin-right:10px;text-align:center}
.mapContainer{height:100%;width:100%;position:fixed;top:0;left:0}
a.button{background-image:url(images/link-buttons-left.png);background-position:left 0;background-repeat:no-repeat;color:#FFF;cursor:pointer;display:inline-block;font-size:12px;height:15px;line-height:16px;text-decoration:none;padding:0 2px 9px 5px}
a.button span{background-image:url(images/link-buttons-right.png);background-position:right 0;background-repeat:no-repeat;display:inline-block;height:15px;min-width:18px;padding:3px 12px 6px 6px}
.settingscontainer{position:fixed;bottom:0;width:100%;background-color:#000;min-height:300px;z-index:100;padding-bottom:20px}
.group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.wfmodal {display:none;}

.ui-tabs.ui-widget-content{background-image:none;background-color:#ffffff;}
.draggable.ui-widget-content{background-image:none;background-color:#ffffff;border:1px sold black;}
.ui-slider-range.ui-widget-header{background-image:none;background-color:#dadada;}
.ui-datepicker-header{background-image:none;background-color:#dadada;}

.qv-ms-timestamp {font-size: 22px;}
.wfcc-title2, .wfmt-title2 {font-size: 26px !important;}

.mapContainer .product-controls {margin-top: 15px;}

.fvContainer {position: absolute; top: 0; left: 0;}

.active {z-index: 10;}
.lastactive {z-index: 5;}
.inactive {z-index: 1; opacity: 0.0; filter:alpha(opacity=0);}

.currentStation {display: block; z-index:10;}

.currentConditions {margin: 120px auto; left: 50%;}
.modelTable {margin: 120px auto;}

.wfmt-table td, .wfmt-label-td, .wfmt-content-td {font-size: 12px !important; padding: 2px !important;}
.wfmt-table th {font-size: 14px !important;}

.windLegend {right: 5px;}
.windLegend li {font-size: 16px; width: auto !important; height: auto !important; padding: 5px;}
.windLegend li a {color: White;}

/* OP FX */
.briefingHdr {background-color: #fff !important;}
.fxTable .lbl {color: #222 !important;}
.wfDailyBriefing .fxText p {text-shadow: none !important;}
/* OP FX */

/* JWeather Rules */
.mapMenu a {font-weight: bold;}
.mapMenu input {min-width:0; min-height:0; border:0px; line-height:normal; padding:0px;}
.mapContainer {overflow: visible;}
.mapContainer ul.mapMenu {border:1px solid black; z-index:10}            

.product-controls{position:absolute; padding:2px 5px; z-index:1; top:35px; left:45px; width: 522px; background-color:#2b2b2b; border:1px solid #000}
.product-controls a.productControl{display:inline; float:left; opacity:.80; filter: alpha(opacity=80);}
.product-controls a.productControl:hover{opacity:1; filter: alpha(opacity=100);}

.productMeta {position: absolute; bottom: 10px; right: 0px; z-index: 5; color: #000; height: 20px; opacity: 0.95; padding: 5px 10px; font-weight: bold;}    
.slider {margin-left:50px; width: 470px; height: 14px; z-index: 3;}        
.slider .tick {position: absolute; cursor: pointer; border-left: 2px solid #2B2B2B; height:16px; z-index: 3; background-color:#666666;}
.slider .productSelectedFrame {background-color:#fff}
.slider .ui-slider-handle {background: url(images/sliderarrow.png); background-position: center top; background-repeat: no-repeat; width: 62px; display: block; cursor: pointer; border: none; text-decoration: none; color: #000; text-shadow:none;}
.slider .ui-slider-handle:focus {outline: 0;}
.slider .ui-slider-handle span {display: block; width: 52px; padding: 5px; background-color:#fff; color: #222; margin-top: 14px; font-size:10px;font-weight:700;text-align:center;}
.slider .ui-tabs.ui-widget-content{background-image:none;background-color:#ffffff;}

.mapOptions {position: absolute; z-index: 5; color:#fff; top: 10px; right: 10px; width: 135px; padding: 4px; background-color: rgb(102, 102, 102); opacity: 0.95;}
.mapTabs {position: absolute; top: 8px; right: 10px; list-style: none; padding: 0; margin: 0; z-index: 100;}
.fullscreen-enabled .mapTabs {right: 55px;}
.mapTabs li.tab {float: left; padding: 4px 10px; margin: 0px; min-width: 75px; text-align: center; opacity: 0.95; height: 16px; background: url('images/jweather-btn.png') repeat-x; background-position: 0 0;}
.mapTabs li.tab a {color: #fff; text-decoration: none; display: block;}
.mapTabs li.tab a:hover {text-decoration:none !important;}	
.mapTabs li.tab:hover {background: url('images/jweather-btn.png') repeat-x;  background-position: 0 -51px; text-decoration:none;}
.mapTabs li.active {background: url('images/jweather-btn.png') repeat-x; background-position: 0 -102px;}
.mapTabs li.active:hover {background: url('images/jweather-btn.png') repeat-x; background-position: 0 -102px; text-decoration: none;}
.mapTabs li.active a {color: #eee; margin-top: 2px; text-decoration: underline;}
.mapTabs li.obs100 {border-left: 1px solid #999;border-right: 1px solid #999;}
.mapTabs li .nowcast {background-image: url('images/nowcast-icon.png'); width: 18px; height: 18px; margin-top: -1px;}
.mapTabs.obs1 .nowcastFAQ, .mapTabs.fx .nowcastFAQ {display:none;}
.mapTabs.obs100 .nowcastFAQ {display:block;}

.enterprise .mapTabs li.obs1 {border-right: 1px solid #999;}

.mapDropDown {position: absolute; background-color: #616161; opacity: 0.9; filter: alpha(opacity=90); z-index: 100; padding: 10px 10px 0;}
.mapSubMenu {display: none; top: 24px; width: 167px;}
.mapTabs.obs1 .mapSubMenu {left: 3px; right: auto;}
.mapTabs.obs100 .mapSubMenu {left: 50%; margin-left: -83.5px;}
.mapTabs.fx .mapSubMenu {left: auto; right: 3px;}
.mapSubMenu input {min-width:0; min-height:0; border:0px; line-height:normal; padding:0px;}
.mapSubMenu select {width: 170px;}
.mapSubMenu label {padding-left: 4px; color: #fff;}
.mapDropDown h4 {font-weight:bold; margin-bottom:5px; color: #fff;}
.nowcast-map .mapSubMenu .nowcastFAQ {display: block; margin-top: 10px;}
.commonMenu {background-color:#000; padding:5px; margin-top: 15px; color: #fff;}
.commonMenu select {width: 155px;}
.commonMenu h4 {margin-top: 15px;}
.mapSubMenuClose {padding: 5px; cursor:pointer;}
.mapSubMenuClose span {position: relative; display: block; height:16px; width:16px; margin:0px auto;}
.productControl {display: none;}                   
.productControl .ui-slider-range-min {filter: alpha(opacity=40); opacity: 0.4; z-index: 2;}
.productSelectedFrame {background-color: #cc3333;}    

.availableFx {width: 82px; max-height: 550px; left: 5px; overflow-y: auto;}
.availableFx ul {margin-bottom: 10px;}
.availableFx li {display: block; padding: 3px 0 3px 3px;}
a.opFxBtn {text-align: center;}
a.opFxBtn span {width: 88px;}

.qv-ms-timestamp{text-shadow: 0 1px 0 #000000; min-width:130px; min-height:15px;color:#fff; opacity:0.95; left:45px; top: 0; margin-top:10px; z-index:1; padding:3px 8px; position:absolute; text-align:center; z-index:1; background-color:#2b2b2b; border:1px solid #030303}
.qv-ms-timestamp .fxHour{padding-left: 10px;}

.wfcontainer .fullscreen {position: absolute; right: 10px; top: 8px; z-index: 6;}
.wfcontainer .fullscreen-btn {background-image:url('images/fullscreen.png'); width: 16px; height: 16px;}
.wfcontainer .closefullscreen-btn {background-image:url('images/normalscreen.png'); width: 16px; height: 16px;}

.mapLegendToggle p, .mapLegendContent p {color: #fff; padding: 0;}
.mapLegendToggle {text-align: center;}
.mapLegendContent {display: none; height: 212px; padding: 8px !important;}
.mapLegendContent p {border-top: 1px solid #fff; margin-top: 10px; padding-top: 5px;}
.mapLegendContent td {padding: 2px 4px; vertical-align: middle; color: #fff; height: 26px;}
.mapLegend {position: absolute; z-index: 1; color: #fff; overflow: hidden; background-color:  rgb(102, 102, 102); opacity: 0.95; bottom: 60px; right: 0px; padding: 4px 2px; font-weight: bold; cursor: pointer;}
.windLegend, .vertLegend {position: absolute; z-index: 1; right: 0; bottom: 38px; cursor:pointer; padding: 3px; background-color:#2b2b2b; margin: 0;}
.windLegend ul, .vertLegend ul {list-style: none; margin: 0; padding: 0;}
.windLegend ul li, .vertLegend ul li {display: block; height: 20px; width: 25px; padding: 0; margin: 0; text-align: center; color: #fff; text-shadow: 0 1px 0 #aaa;}

.vertLegendTabs {position: absolute; bottom: 45px; right: 31px; z-index: 1;}
.vertLegendTabs li {padding: 3px 0; background-color: #565656; color: #222; border-left: 1px solid #2b2b2b; border-bottom: 1px solid #2b2b2b; border-top: 1px solid #2b2b2b; margin-top: 2px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; cursor: pointer;}
li.selectedLegendTab {background-color: #2B2B2B;}
/* JWeather Rules */

/* Bulletin */
.bulletin .jw-bulletin-ctn p, .bulletin .jw-bulletin-ctn pre {font-size: 16px !important;}
.bulletin .overview {margin-top: 25px; margin-left: 25px;}
/* Bulletin */

.jw-controls-wrapper {
     background-color: #fff;
}