/*************************/ /**** GENERAL WEATHER ***/ /*************************/ /*************************/ /**** WEATHER ARROWS ****/ /*************************/ /************************************/ /**** Site Global *****/ /************************************/ .opacity-85 {opacity:.85; filter:alpha(opacity=85); /* For IE8 and earlier */} .opacity-85:hover {opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */} a.underline {text-decoration: underline !important;} /************************************/ /**** Container Global *****/ /************************************/ .wfcontainer-debug{background-color: #000000; color:#ffffff; border:3px solid #6600cc; position:fixed; right:0px; bottom:0px; padding:5px; overflow:scroll; height:100%;width:96%;z-index:100;} .wfcontainer-debug table td{border:1px solid #ffffff;} .wfcontainer-link{cursor:pointer; border:1px solid #000000; padding:3px; margin:5px;} .wfcontainer-link:hover{background-color: #ffffa1;} .wfcontainer-controlbar{height:29px;} .wfcontainer-right{position:absolute; right:5px;} .wfcontainer-wrapper{position:relative;} .wfcontainer-control-button{padding-left:8px;} .wfcontainer-rounded{-webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; } .wfcontainer-rounded-more{-webkit-border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; } .wfcontainer-rounded-toponly{-moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px} .wfcontainer-favorite{width: 16px; height: 16px; background-image:url('images/favorite.png');background-repeat:no-repeat;} .wfcontainer-zoom-in{width: 20px; height: 16px; background-image:url('images/zoomin.png');background-repeat:no-repeat;} .wfcontainer-zoom-out{width: 20px; height: 16px; background-image:url('images/zoomout.png');background-repeat:no-repeat;} .wfcontainer-download{width: 18px; height: 18px; background-image:url('images/download1.png');background-repeat:no-repeat;} .wfcontainer-center-container{margin: 0 auto;} a.wfcontainer-button{color:#fff;text-decoration:none;line-height:16px;cursor:pointer;font-size:12px;height:15px;display:inline-block;background-image:url(images/link-buttons-left.png);background-position:left 0;background-repeat:no-repeat;padding:0 2px 9px 5px} a.wfcontainer-button span{display:inline-block;min-width:12px;height:15px;background-image:url(images/link-buttons-right.png);background-position:right 0;background-repeat:no-repeat;padding:3px 12px 6px 6px} a.wfcontainer-button:hover{background-position:left -24px} a.wfcontainer-button:hover span{background-position:right -24px} a.wfcontainer-button img.icon{margin-right:5px;border:none} .more{width: 16px; height: 16px; background:url('images/more.png') no-repeat;} .wfcontainer h1, .profile-ctn-header h1 {font-size:14px; color: #000000; font-weight: bold; line-height: 24px;} .wfcontainer .group:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .wfcontainer .wf-list-button, .profile-ctn-header .wf-list-button{width: 16px; height: 16px; background:url('images/list.png') no-repeat;} .wfcontainer .wf-map-button, .profile-ctn-header .wf-map-button {width: 16px; height: 16px; background:url('images/globe.png') no-repeat;} .wfcontainer-hdr {background-color: #ECECEC; padding: 5px; overflow: hidden;} #mapButtons {position: absolute; z-index: 5; top: 8px; right: 300px;} .fullscreen-enabled #mapButtons {right: 345px;} #mapButtons li {float: left;} .enterprise #mapButtons {right: 201px;} .enterprise.fullscreen-enabled #mapButtons {right: 246px !important;} /************************************/ /**** WFModelTable *****/ /************************************/ /******* start - wrapper background change ********************************************* #a0a0a0 - medium grey #ececec light grey(wa header)*****/ .wfmt-model-title{font-size:12px;font-weight:700;color:#000;padding:3px;background-color:#ffffff;} .wfmt-table-wrapper{/*border:10px solid #dadada;*/margin-top:10px;-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; } .wfmt-one-day-table-wrapper{border:10px solid #ffffff;margin-left:40px;width:80%;} .wfmt-table-header{font-weight:700;background-color:#ffffff;letter-spacing:0;font-size:11px;color:#000;border-top:1px solid #ffffff;} .wfmt-label-td{font-size:10px;font-weight:700;vertical-align:middle;color:#000;background-color:#ffffff;width:35px} .wfmt-height-boost-td{font-size:12px;color:#ffffff;background-color:#ffffff;} /******* end - wrapper background change **************/ .wfmt-table{text-align:center;font-size:8px;color:#000;background-color:silver;border-collapse:collapse;border-spacing:0;letter-spacing:0;width:100%;cursor:default;} .wfmt-table td{padding:0px;font-size:8px;} .wfmt-table th{padding:0px;font-size:11px;} .wfmt-content-td{border:1px #B2B2B2 solid} .wfmt-start-day-0,.model-data-start-day-1,.model-data-start-day-2,.model-data-start-day-3,.model-data-start-day-4,.model-data-start-day-5,.model-data-start-day-6,.model-data-start-day-7{border-right:1px #888 solid} .wfmt-odd-day{background-color:#D4D4D4} .wfmt-hour{font-weight:700;letter-spacing:-1px} .wfmt-windspeed{height:15px;padding-top:4px} .wfmt-col{background-image:url(images/bg_col_grad_2.png);background-repeat:repeat-y;background-position:0px 2px; text-align:center;} .wfmt-content{min-width:12px;overflow:hidden} .wfmt-temp{color:#ffffff;} .wfmt-temp2{color:#000;} .wfmt-wave{color:#fff;letter-spacing:-1px;background-color:#4169E1;padding:0} .wfmt-more-data{color:#000000;background-color:#ffffff;margin-bottom:5px;letter-spacing:0;font-size:10px;text-align:center;cursor:pointer;-webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px;margin-left:50px;} .wfmt-more-data:hover{background-color:#dadada;} .wfmt-table-content-container{overflow:hidden;} .wfmt-table-hover{background-color:#e8e8e8;font-size:10px;} .wfmt-bottom{vertical-align:bottom;} .wfmt-middle{vertical-align:middle;} .wfmt-one-day-target{cursor:pointer;background: url("images/downarrow-wide.png") no-repeat scroll transparent;background-position:3px 0px} .wfmt-one-day-target:hover{background-color:#dadada;} .wfmt-one-day-container{-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px;} .wfmt-title1 {color:#000000;font-weight:bold;font-size:14px; background-color:#ececec; padding-top:10px; padding-bottom:10px; padding-left:5px;display:none;} .wfmt-title2 {color:#000000;font-weight:bold;font-size:14px; padding:5px;display:none;} .wfmt-title2 a, .wfcc-title2 a {text-shadow: none; color: #000;} a.wfmt-one-day-header-button:link, a.wfmt-one-day-header-button:visited, a.wfmt-one-day-header-button:active {background-color: #666666;color: white; cursor: pointer; text-decoration: none;} a.wfmt-one-day-header-button {background: url("images/downarrow-wide.png") no-repeat scroll right center transparent; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor: default; display: inline-block; padding-right: 30px; padding-left: 5px; position: relative; text-decoration: none; background-color: #666666;} a.wfmt-one-day-header-button:hover {color:#dadada;} a.wfmt-link {text-decoration: none;color:#000000;font-weight:normal;} a.wfmt-link:hover {text-decoration: underline;} /************************************/ /**** WFMap *****/ /************************************/ .wfmap-header, .profile-ctn-header {padding: 4px; overflow: hidden; background-image:none; color:#000000;border-bottom:1px solid #d4d4d4; background-color: #ECECEC;} .containerWrapper {position: relative; background-color: #ECECEC; overflow: hidden; background-image:none; color:#000000; font-weight:normal; margin-bottom: 15px;} #bulletin.containerWrapper {background-color: transparent;} .wfmap-header .ctnBtns, .profile-ctn-header .ctnBtns {float:right;} .wfmap-header div.grip, .profile-ctn-header div.grip {height:28px;} .fx-speed-0 {background-color: #c7cac2;} .fx-speed-2 {background-color: #fff; color: #aaa;} .fx-speed-4 {background-color: #cbcbff;} .fx-speed-6 {background-color: #d0fcfa;} .fx-speed-8 {background-color: #52f8c1;} .fx-speed-10 {background-color: #26fc59;} .fx-speed-12 {background-color: #00ff00;} .fx-speed-14 {background-color: #78f700;} .fx-speed-16 {background-color: #ebf100;} .fx-speed-18 {background-color: #ffca09;} .fx-speed-20 {background-color: #ffca09;} .fx-speed-22 {background-color: #ff3c12;} .fx-speed-24 {background-color: #ff0000;} .fx-speed-26 {background-color: #7f0000;} .fx-speed-28 {background-color: #920011;} .fx-speed-30 {background-color: #a60027;} .fx-speed-32 {background-color: #ba0041;} .fx-speed-34 {background-color: #cd0060;} .fx-speed-36 {background-color: #cd0060;} .fx-speed-38 {background-color: #e00084;} .fx-speed-40 {background-color: #f400ac;} .fx-speed-plus {background-color: #ff08d3;} .radar-20 {background-color: #006400;} .radar-25 {background-color: #007d00;} .radar-30 {background-color: #009600;} .radar-35 {background-color: #00c800;} .radar-40 {background-color: #ffff00;} .radar-45 {background-color: #ff8f00;} .radar-50 {background-color: #ff0000;} .radar-55 {background-color: #d70000;} .radar-60 {background-color: #bf0000;} .radar-65 {background-color: #ff00ff;} .radar-70 {background-color: #9b57cb;} .radar-75 {background-color: #ffffff;} .radar-80 {background-color: #ffffff;} .sst-0 {background-color: #0000e1;} .sst-2 {background-color: #0021e1;} .sst-4 {background-color: #0041f6;} .sst-6 {background-color: #005aeb;} .sst-8 {background-color: #0074df;} .sst-10 {background-color: #0098c7;} .sst-12 {background-color: #00c2af;} .sst-14 {background-color: #3cdd6e;} .sst-16 {background-color: #8cf41e;} .sst-18 {background-color: #c6ff07;} .sst-20 {background-color: #ffff00;} .sst-22 {background-color: #ffe400;} .sst-24 {background-color: #ffc100;} .sst-26 {background-color: #ff9e00;} .sst-28 {background-color: #ff7b00;} .sst-30 {background-color: #ff5900;} .sst-32 {background-color: #ff3600;} .sst-34 {background-color: #ff1300;} .sst-36 {background-color: #ef0000;} .sst-38 {background-color: #cd0000;} .surface-currents-legend ul li.units-label { padding-right: 10px; } .surface-currents-legend li span { display: block; height: 15px; width: 50px; text-align: left; } .surface-currents-legend li span.legend-label { position: relative; left: -10px; margin-top: 5px; } .surface-currents-legend li:nth-child(2) span.legend-label { left: 0; } .jw-map-header {z-index: 10; padding: 4px; border:none !important; background-color: #eee; position: relative; /* position relative to fix IE7 z-index issue */} .jw-map-header-left {float: left;} .jw-map-header-right {float: right;} .jw-map-header ul li {display: inline-block; position: relative; float: left; color: #222; font-weight: bold;} .jw-map-header ul li {*display: inline;} /* IE7 hack */ .jw-map-header ul li ul li {float: none;} .jw-map-buttons {position: absolute; top: 8px; right: 8px; z-index: 5;} .jw-map-buttons li {float: left; position: relative;} .jw-opfx-menu ul li {display: block; font-size:11px; line-height:18px;} .jw-opfx-menu h4{padding-top:30px; font-weight:bold; font-size:14px; padding-bottom:5px;} .jw-map-selector {min-width: 220px;} .jw-map-selector .ui-button-text {font-weight: bold;} .jw-map-view-list {position: absolute; z-index: 10; left: 2px; width: 420px; height: 575px; padding-bottom:10px;} .jw-map-view-list {*top: 35px; *left: 0;} /* IE7 hack */ .jw-map-view-list ul {padding-bottom: 10px;} .jw-map-view-list ul li {display: block; margin: 10px; padding: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; color: #fff; border: 1px solid #666; font-weight: bold; font-size: 13px;} .jw-map-view-list ul li.selected {background: url(images/transparent.png); border: 1px solid #474747;} .jw-map-view-list ul li.jw-map-view-item:hover {background: url(images/transparent.png); border: 1px solid #474747; cursor: pointer;} .jw-map-view-list ul li img {float: left;margin: 0 15px 0 0;} .jw-map-view-list h3 {font-weight: bold; font-size: 13px;} .jw-map-view-list p {font-size: 11px !important; color: #ccc !important; font-weight: normal; padding: 0 !important;} .jw-map-view-list span.jw-regional-product-toggle-icon {position: absolute; right: 5px; top: 0;} .jw-map-view-list .jw-product-menu {margin: 10px 0 0 70px;} .jw-map-view-list .jw-product-menu h3 {clear:both; padding-bottom: 5px;} .jw-map-view-list .jw-product-menu li {font-weight: normal; font-size: 12px; border:none; padding: 2px 0; margin: 0 0 0 8px;} .jw-map-view-list .jw-product-menu li a {color: #ccc; text-decoration: none;} .jw-map-view-list .jw-product-menu li a:hover, .jw-map-view-list .jw-product-menu li a.selected {color: #fff; text-decoration: underline;} .jw-map-view-list .jw-map-view-header {background: url(images/transparent.png); border: 1px solid #474747;} .jw-map-view-list .view-icon {width: 50px; height: 40px; float: left; margin: 0 15px 0 0; border:3px solid #444;} .jw-map-view-list .view-obs, .jw-map-view-list .view-fx {width: 25px; height: 25px; border: 1px solid #444;} .jw-map-view-list .view-1 {background: url(images/view-obs.jpg) no-repeat;} .jw-map-view-list .view-2 {background: url(images/view-wind-fx.jpg) no-repeat;} .jw-map-view-list .view-3 {background: url(images/view-nowcast.jpg) no-repeat;} .jw-map-view-list .view-4 {background: url(images/view-general-weather.jpg) no-repeat;} .jw-map-view-list .view-5 {background: url(images/view-radar.jpg) no-repeat;} .jw-map-view-list .view-6 {background: url(images/view-satellite.jpg) no-repeat;} .jw-map-view-list .view-7 {background: url(images/view-sst.jpg) no-repeat;} .jw-map-view-list .view-8 {background: url(images/view-radar-obs.jpg) no-repeat;} .jw-map-view-list .view-9 {background: url(images/view-sat-obs.jpg) no-repeat;} .jw-map-view-list .view-10 {background: url(images/view-nws-fx.jpg) no-repeat;} .jw-map-view-list .view-11 {background: url(images/view-briefings.png) no-repeat;} .jw-map-view-list .view-12 {background: url(images/view-onsite-reports.png) no-repeat;} .jw-map-view-list .view-13 {background: url(images/view-surface-currents.png) no-repeat;} .jw-map-view-list .viewport { width: 407px; height: 575px; overflow: hidden; position: relative; } .jw-map-view-list .overview { list-style: none; position: absolute; left: 0; top: 0; } .jw-map-customize-menu {position: absolute; z-index: 5; width: 200px; font-size:12px; left: 3px; padding: 5px; opacity: .95; filter: alpha(opacity: 90);} .jw-map-customize-menu {*top: 35px;} /* IE7 hack */ .jw-map-customize-menu h2 {font-size: 16px; color: #fff; font-weight: bold; background: url(images/transparent.png); border: 1px solid #474747; padding: 5px; text-align:center; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;} .jw-map-customize-menu h3 {margin-top: 10px; padding-bottom: 5px; color: #222;} .jw-map-customize-menu label {color: #222; font-weight: normal; margin-left: 3px;} .jw-map-customize-menu ul li {display: block; float: none; padding: 1px 0 0 0;} .jw-map-customize-menu ul li input {min-height: 0px;} .jw-map-customize-menu select {width: 100%; padding: 2px;} .jw-map-customize-menu input {border: none;} .jw-map-customize-global h3, .jw-map-customize-global label {color: #fff;} .profileCtn .jw-map-customize-menu, #nearby-spots .jw-map-customize-menu, #nearbyMap .jw-map-customize-menu, #stormMap .jw-map-customize-menu, #eventMap .jw-map-customize-menu {left: auto; right: 2px;} .jw-bulletin-ww-count {position: absolute; background-color: #FCEFA1; color: #222; top: -3px; right: -10px; width: 16px; height: 15px; text-align: center; font-size: 11px; font-weight: bold; padding-top: 1px; -webkit-box-shadow: 0 2px 4px rgba(68, 68, 68, 0.8), 0 2px rgba(255, 255, 255, 0.3) inset; -moz-box-shadow: 0 2px 4px rgba(68, 68, 68, 0.8), 0 2px rgba(255, 255, 255, 0.3) inset; box-shadow: 0 2px 4px rgba(68, 68, 68, 0.8), 0 2px rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; } .jw-map-control {z-index: 1;} .jw-map-control.ui-widget-header {border:1px solid #000;} .jw-marker {cursor: pointer;} .jw-marker.generic {width: 6px; height: 6px; margin: -4px 0 0 -4px; background-color: #fff; border: 1px solid #000;} .jw-marker.generic div {display: none;} .jw-marker.t1.p1.generic {background-color: Yellow !important;} .jw-marker.t1 {z-index: 5;} .jw-marker.t1.p1 {z-index:10;} .jw-marker.t100, .jw-marker.t101 {z-index: 1;} .jw-marker.generic.t100, .jw-marker.generic.t101 {background-color: #92a9d4 !important;} .jw-map-timestamp {left: 45px; min-height: 15px; min-width: 130px; padding: 3px; text-align:center; position: absolute; top: 10px; color: #fff !important;} .jw-map-timestamp span {padding-left: 10px;} .jw-map-product-meta {position: absolute; bottom: 10px; right: 0px; z-index: 5; color: #000; height: 20px; padding: 5px 10px; font-weight: bold;} .jw-map-zoom-control {padding:4px; position:absolute; margin-left:8px; margin-top:10px;} .jw-map-zoom-control img{cursor:pointer; clear:both; float:none; display:block;} .jw-map-menu-ctn {position: absolute; top: 8px; right: 10px; z-index:10;} .jw-map-menu-ctn li {float: left; position: relative;} .jw-map-tabs .ui-button {padding: 0 !important;} .jw-map-menu {position: absolute; margin-top: -1px; border-top: none !important; margin: 0; padding: 0; left: 5px; right: 8px;} .jw-map-menu .jw-obs-menu, .jw-map-menu .jw-fx-menu {padding: 10px 10px 0;} .jw-map-menu .jw-common-menu {margin: 10px;} .jw-fx-menu {min-width: 160px; padding: 5px;} .jw-common-menu {padding: 5px; margin-top: 15px;} .jw-common-menu select {width: 155px;} .jw-common-menu h4 {margin-top: 15px;} .jw-map-buttonset {margin-top: 1px;} .jw-map-button-submenu {position: absolute; left: 3px; right: 5px; padding: 5px; margin-top: -1px;} .jw-map-product-controls {position: absolute; padding: 2px 5px; top: 40px; left: 45px; width: 522px; } .jw-map-product-controls.ui-widget-header {border: 1px solid #000;} .jw-map-product-controls a.jw-product-control {display: inline; float: left;} .jw-product-control {display: none;} .jw-map-slider {margin-left: 50px; width: 470px; height: 14px; z-index: 3; border: none !important;} .jw-map-slider .jw-slider-tick {position: absolute; cursor: pointer; height: 14px; z-index: 3;} .jw-map-slider .jw-slider-tick.ui-state-default {border: 1px solid #666;} .jw-map-slider .jw-slider-tick.ui-state-active {background-color: #fff; opacity: .9; filter: alpha(opacity: 90);} .jw-map-slider .ui-slider-handle {background: url(http://i.windalert.com/sliderarrow.png) !important; border: none !important; background-position: center top !important; background-repeat: no-repeat !important; width: 62px !important; display: block; cursor: pointer; border: none; text-decoration: none; top: 11px !important;} .jw-map-slider .ui-slider-handle:focus {outline: 0;} .jw-map-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;text-shadow:none;} .jw-map-slider .ui-tabs.ui-widget-content{background-image:none;background-color:#fff;} .jw-map-qv {position: absolute; z-index: 1004; width: 244px; padding: 2px; right: 0; margin-top: 0; display: none; cursor: pointer;} .jw-map-qv-extened {height: 200px;} .jw-map-qv-title {font-weight: bold; display: block; margin: 10px 20px 0 55px;text-decoration: none; font-size: 12px; overflow: hidden;} .jw-map-qv-wsd {margin: 0 17px 0 55px; font-size: 10px;} .jw-map-qv-wind-dir {position: absolute; top: 11px; left: 8px;} .jw-map-qv-wind-speed {position: absolute; top: 12px; left: 34px;} .jw-map-qv-close-ctn {position: absolute; top: 0; right: 0; width: 24px; height: 24px;} .jw-map-qv-close-ctn a {margin-top: 8px; margin-right: 8px; display: block;} .jw-map-qv-obs-img{height:60px; width:240px; border:0px; margin-top: 15px;} .jw-map-qv-fx-img{height:60px; width:240px; border:0px} .jw-map-qv-spot-functions {padding:2px; background-color: #413f40;} .jw-map-qv-spot-functions button {padding: 0 !important;} .jw-map-qv-favorite {margin-left: 8px;} .jw-map-qv-forecast {width: 100%;} .jw-map-customize-tabs {margin-bottom: 5px;} .jw-map-customize-tabs.ui-tabs.ui-widget-content, .jw-bulletin-tab-ctn.ui-tabs.ui-widget-content {background-color: #666; background-image:none;} .jw-map-customize-tabs .ui-tabs-panel, .jw-bulletin-ctn .ui-tabs-panel {background-color: #fff; background-image:none; border: 1px solid #474747;} .jw-map-customize-tabs .ui-tabs-nav, .jw-bulletin-ctn .ui-tabs-nav {background-color: #666; background-image: none; border: none; margin-left: -2px;} .jw-map-customize-tabs .ui-tabs-active, .jw-bulletin-ctn .ui-tabs-active {background-color: #fff; background-image:none; border: 1px solid #474747;} .jw-map-customize-tabs .ui-tabs-active a, .jw-bulletin-ctn .ui-tabs-active a {color: #222; outline: none; text-shadow:none;} .jw-map-menu-close {margin: 10px auto 0;} .jw-map-customize-global {margin: 0 2px; background-color: black; background-image: none; padding: 5px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text, .ui-button-icon-only .ui-button-text {padding:.2em 2em .2em 1em; font-size:.85em;} .ui-button-text-only .ui-button-text {padding:.2em 1em; font-size:12px;} .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text{padding:.2em 1em .2em 2.3em; font-size:12px;} a.ui-icon-circle-plus, a.ui-icon-circle-minus{opacity:.7} a.ui-icon-circle-plus:hover, a.ui-icon-circle-minus:hover{opacity:1} .ui-tabs .ui-tabs-panel{padding:4px} .ui-tabs .ui-tabs-nav li {margin: 0;} /*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*/ .qv{overflow:hidden; height:190px; width:244px; background-color:#666; padding:2px; position:absolute; z-index:50; right:0px; margin-top:0px; display:none; cursor: pointer;} .qv-extended {height: 200px;} .qv a.button{padding:0 0px 9px 3px} .qv a.button span{padding:3px 7px 6px 6px} .qv-title{font-weight:bold; left:65px; position:absolute; top:7px; } .qv-wsd{position:absolute; top:22px; left:65px; color:#fff} .quickview-down{left:24px; top:15px} .quickview-dirspeed{left:8px; top:11px} .quickview-nodirspeed{left:23px; top:13px} .quickview-fx{left:18px; top:14px} .qv-icon-late{left:16px; top:18px} .qv-obs-img{position:absolute; top:42px; height:60px; width:240px; border:0px} .qv-obs-img-offset{top: 52px;} .qv-fx-img{position:absolute; top:102px; height:60px; width:240px; border:0px} .qv-fx-img-offset{top: 110px;} .qv-icon-down{left:17px; top:20px} .quickView-spotfunctions{display:none} .quickView-fxSpotFunctions{display:none} .quickview-sfunctions{position:absolute; bottom:3px; left:9px; padding:2px} .quickview-sfunctions a.button span img{padding-top:1px} .qv-spotFunctions a{margin-left:2px} .qv-wind-dir {position: absolute; top: 11px; left: 8px;} .qv-wind-speed {position: absolute; top: 12px; left: 34px;} .qv-close-ctn {position: absolute; top: 0; right: 0; width: 24px; height: 24px;} .qv-close-ctn a {margin-top: 8px; margin-right: 8px; display: block;} /*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*//*QUICKVIEW*/ /************************************/ /**** WFListView *****/ /************************************/ .grip{ height:60px; width:10px; margin-right:8px; background-image:url(http://i.windalert.com/grippy.gif); cursor:row-resize} .weather-list {overflow:hidden; color:#000; background-color: #fff;} .weather-list li{overflow:hidden; display:block; padding:5px; height:68px; border-bottom:1px solid #D7D7D7} .weather-list li img.obsGraph{width:100px; height:60px;} .weather-list .wind-reading, .weather-list .jw-list-view-wind-reading {width: 55px; margin: 17px 0 0 5px; } .spotfunctions, .jw-list-view-buttons {display:none; margin-top:3px;} .spotfunctions a.button, .jw-list-view-buttons a.button {padding:0px 1px 9px 3px;} .spotfunctions a.button span, .jw-list-view-buttons a.button span { padding: 3px 3px 6px 0px;} .windinfo a, .jw-list-view-wind-info a{color:#000; font-weight:bold; text-shadow: none} .jw-list-view-obs-graph, .jw-list-view-wind-reading, .jw-list-view-wind-info, .jw-list-view-wind-dir, .jw-list-view-speed {float: left;} .jw-list-view-wind-info {margin-top: 10px;} .jw-list-view-fx-graph {float: right;} .jw-list-view-buttons button {width: auto; padding: 6px;} /************************************/ /**** WFModalManager *****/ /************************************/ .wfmodal-profile-table-header{border-bottom:1px solid #ffffff} .wfmodal-table{} .wfmodal-table td {padding: 3px;} .wfmodal-table td.wfcontainer-center {text-align: center;} .wfmodal-message{text-align:center;padding:5px;display:none;} .wfmodal-favorite{cursor:pointer;width: 16px; height: 16px; background-image:url('images/favorite.png');background-repeat:no-repeat;} .wfmodal-favorite:hover{opacity:.70;} .wfmodal-favorite-yellow{cursor:pointer;width: 16px; height: 16px; background-image:url('images/favorite-yellow.png');background-repeat:no-repeat;} .wfmodal-favorite-yellow:hover{opacity:.70;} .wfmodal-input-field-container{clear:both; display:block; float:none; margin-left:25px} .wfmodal-input-field-label{padding-right:15px; padding-top:8px; min-width:80px;} .wfmodal-input-field-label span{font-weight:bold; } .wfmodal-input-field-container div{float:left} .wfmodal-body{display:block; height:auto; min-height:30px; padding:15px 25px 0px; width:430px} .wfmodal-body p{color:#fff; margin:0 0 0 0; width:435px} .wfmodal-buttons{clear:both; text-align:right; background:none; padding: 15px 35px 0 0;} .wfmodal-buttons-new{clear:both; display:block; float:none; margin-left:-24px; height:28px; width:480px; text-align:center} .wfmodal-buttons-ul{display:inline; list-style:none} .wfmodal-links-ul {display: inline; list-style: none; margin-top: 8px;} .wfmodal-main-buttons {margin-bottom: 10px;} .wfmodal-links-ul li {padding: 3px 8px;} .wfmodal-buttons-ul li{display:inline; font-size:11px; padding:0 6px 0 0} .wfmodal-footer{clear:both; min-height:5px; padding-top:5px; text-align:center; width:480px; padding-bottom:10px} .wfmodal-header{display:block; min-height:30px; padding:20px 0 0 25px; width:455px} .wfmodal-header span.title, .wfmodal-header h2.title{color:#FFF; font-size:18px; font-weight:bold} .wfmodal-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} .wfmodal-textfield input{min-width:250px; -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} .wfmodal{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} .wfmodal-white{display:none; position: fixed; top:20%; background-color:#fff; border: 5px solid #CECECE; padding: 5px; left: 15%; width:70%;} .wfmodal-white .info-window-content {margin-top: 30px;color:#000000;} .info-window-content p{padding: 10px;} .wfmodal-profile-scroller{clear:both; display:block; float:none; max-height:140px; overflow:auto; margin-bottom:15px; margin-top:15px;} .wfmodal a.close{color: #FFFFFF;position: absolute;right: 8px;text-decoration: none;top: 8px;text-shadow: 0 1px 0 #000000;} .wfmodal a.close:hover{text-decoration: none;} .wfmodal a{color: #FFFFFF;text-decoration: none;} .wfmodal a:hover{text-decoration: underline;} .wfmodal-status-good{padding:20px;color:#ffffff; font-weight:bold;} .wfmodal-status-bad{padding-left:20px;color:#FF4D4D; font-weight:bold;} .wfmodal-value{color:#FFF; font-size:14px; font-weight:bold; padding-left:3px;} .wfmodal-row{padding:8px;} .wfmodal-label{color:#FFF; font-weight:bold; padding-right:8px; width:60px; text-align:right; display:inline-block;vertical-align:top;} .wfmodal-value-text{width:300px; display:inline-block;} .wfmodal-instructions {color: #eee; font-size: 12px;} #profileListTable th {background-color: #1F1F1F; font-weight: 900; padding: 3px; text-align: left;} #profileListTable th.starColumn {width: 100px; margin-left: 5px;} #profileListTable td.starColumn div {margin: 0 auto;} #profileListTable td {padding: 3px;} #profileListTable tr.alt td {background: transparent url(images/maxtrix-row.png) no-repeat;} #wfmodal-loading .wfmodal-title {text-align: center; margin-top: 15px;} #wfmodal-loading .wfmodal-body div {height: 16px; width: 16px; margin: 0 auto;} /************************************/ /**** jqModal *****/ /************************************/ /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (in jqModal.js). You can change this value by either; a) supplying one via CSS b) passing the "zIndex" parameter. E.g. (window).jqm({zIndex: 500}); */ .jqmWindow {display: none;position: fixed;top: 17%;left: 50%;margin-left: -300px;width: 600px;background-color: #EEE;color: #333;border: 1px solid black;padding: 12px;} .jqmOverlay { background-color: #000; } .jqmOverlay{background-image:-moz-radial-gradient(50% 50% 90deg,circle closest-corner, #575757, #000000); background-color:#000;} /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .jqmWindow {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');} /************************************/ /**** WFModalManager - END *****/ /************************************/ /************************************/ /**** WFCurrentContitions *****/ /************************************/ .wfcc-table{color:#000000;background-color:#ffffff;border-collapse:collapse;border-spacing:0;letter-spacing:0;width:100%;} .wfcc-table td{padding:5px;vertical-align:top;} .wfcc-title1 {color:#000000;font-weight:bold;font-size:14px; background-color:#ececec; padding-top:10px; padding-bottom:10px; padding-left:5px;display:none;} .wfcc-title2 {color:#000000;font-weight:bold;font-size:14px; padding:5px;display:none;} .wfcc-data-container{text-align:center; min-height:100px;} .wfcc-data-date{font-size:14px; width:100%; margin-bottom:6px;} .wfcc-data-speed{font-size:14px; font-weight:bold; width:100%; margin-bottom:6px;} .wfcc-data-label{font-size:13px; width:48%; margin-bottom:6px; padding-right:8px; text-align:right; float:left;} .wfcc-data-item{font-size:13px; font-weight:bold; width:45%; margin-bottom:6px; text-align:left; float:left;} .wfcc-data-credit{font-size:10px; width:100%; margin-top:20px;margin-left:5px;margin-right:5px; border:1px solid #000000;float:left;-webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px;} .wfcc-data-credit a {color: #000; text-shadow: none;} .wfcc-big-graph-container{background-color: #FFFFFF;border: 0px none;overflow: hidden;position: relative; height:350px;} .wfcc-big-graph-yaxis{background-color: #FFFFFF;left: 0;overflow: hidden;position: absolute;width: 37px;z-index: 2;display:none;} .wfcc-slider-wrapper{background-image: url("");background-position: left 5px;background-repeat: no-repeat;cursor: pointer;height: 90px;} .wfcc-draggable-graph{border:0px;cursor: e-resize; float: left; margin: 0 0 0 0; position: relative;} .wfcc-graph-slider{cursor: pointer; background-color: #ffffff; width: 45px; height: 45px; border: 2px solid #000000; padding: 0.5em; float: left; margin: 0 0 0 0; opacity: 0.40; filter:alpha(opacity=40);} .wfcc-station-label{width:180px; margin-bottom:6px;border: 1px solid #000000;padding:4px;background-color: #ECECEC;-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; vertical-align:middle; text-align:left; overflow:hidden;} .wfcc-station-label-on{background-color: #ECECEC;} .wfcc-station-label-on:hover{background-color: #ffffff;} .wfcc-station-label-off{background-color: #808080;} .wfcc-station-label-off:hover{background-color: #999999;} .wfcc-station-label-arrowspeed-wrapper{width:46px; display:inline-block; vertical-align:top; overflow:hidden; padding-top:4px;} .wfcc-station-label-meta-wrapper{width:106px; display:inline-block; vertical-align:top; overflow:hidden; } .wfcc-station-label-legend-wrapper{width:20px; display:inline-block; vertical-align:top; overflow:hidden; } .wfcc-station-meta{font-size:10px; overflow:hidden;} .wfcc-station-meta-name{font-size:10px; font-weight:700; overflow:hidden;height:11px;} .wfcc-station-meta-wind-desc{font-size:8px; overflow:hidden;} .wfcc-station-arrow{display:inline-block; width:26px; height:26px; float:left; overflow:hidden;} .wfcc-station-speed{display:inline-block; width:16px; height:26px; font-weight:700; font-size:14px; float:left; padding-top:2px; overflow:hidden; color:#000000;} .wfcc-station-color{margin-left: 2px; width:14px; height:14px; border:1px solid #000000;-moz-border-radius:3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;} .wfcc-station-color-checkbox-wrapper{width:18px; height:18px;} .wfcc-station-color-checkbox{vertical-align:top; border: 0px; border-radius: 0px; line-height:normal; min-height:0px; padding-left: 0px;} /**** WFCurrentContitions End *****/ /************************************/ /*WEATHER ARROWS*/ .windarrow {background-image:url(images/sprites-windarrows.png); background-repeat: no-repeat; height: 12px; width: 12px;} .windarrow-0{background-position:-128px -1280px;} .windarrow-1{background-position:0 0;} .windarrow-10{background-position:0 -32px;} .windarrow-100{background-position:0 -64px;} .windarrow-101{background-position:0 -96px;} .windarrow-102{background-position:0 -128px;} .windarrow-103{background-position:0 -160px;} .windarrow-104{background-position:0 -192px;} .windarrow-105{background-position:0 -224px;} .windarrow-106{background-position:0 -256px;} .windarrow-107{background-position:0 -288px;} .windarrow-108{background-position:0 -320px;} .windarrow-109{background-position:0 -352px;} .windarrow-11{background-position:0 -384px;} .windarrow-110{background-position:0 -416px;} .windarrow-111{background-position:0 -448px;} .windarrow-112{background-position:0 -480px;} .windarrow-113{background-position:0 -512px;} .windarrow-114{background-position:0 -544px;} .windarrow-115{background-position:0 -576px;} .windarrow-116{background-position:0 -608px;} .windarrow-117{background-position:0 -640px;} .windarrow-118{background-position:0 -672px;} .windarrow-119{background-position:0 -704px;} .windarrow-12{background-position:0 -736px;} .windarrow-120{background-position:0 -768px;} .windarrow-121{background-position:0 -800px;} .windarrow-122{background-position:0 -832px;} .windarrow-123{background-position:0 -864px;} .windarrow-124{background-position:0 -896px;} .windarrow-125{background-position:0 -928px;} .windarrow-126{background-position:0 -960px;} .windarrow-127{background-position:0 -992px;} .windarrow-128{background-position:0 -1024px;} .windarrow-129{background-position:0 -1056px;} .windarrow-13{background-position:0 -1088px;} .windarrow-130{background-position:0 -1120px;} .windarrow-131{background-position:0 -1152px;} .windarrow-132{background-position:0 -1184px;} .windarrow-133{background-position:0 -1216px;} .windarrow-134{background-position:0 -1248px;} .windarrow-135{background-position:0 -1280px;} .windarrow-136{background-position:0 -1312px;} .windarrow-137{background-position:0 -1344px;} .windarrow-138{background-position:0 -1376px;} .windarrow-139{background-position:0 -1408px;} .windarrow-14{background-position:0 -1440px;} .windarrow-140{background-position:0 -1472px;} .windarrow-141{background-position:0 -1504px;} .windarrow-142{background-position:0 -1536px;} .windarrow-143{background-position:0 -1568px;} .windarrow-144{background-position:0 -1600px;} .windarrow-145{background-position:0 -1632px;} .windarrow-146{background-position:0 -1664px;} .windarrow-147{background-position:0 -1696px;} .windarrow-148{background-position:0 -1728px;} .windarrow-149{background-position:0 -1760px;} .windarrow-15{background-position:0 -1792px;} .windarrow-150{background-position:0 -1824px;} .windarrow-151{background-position:0 -1856px;} .windarrow-152{background-position:0 -1888px;} .windarrow-153{background-position:0 -1920px;} .windarrow-154{background-position:0 -1952px;} .windarrow-155{background-position:-32px 0;} .windarrow-156{background-position:-32px -32px;} .windarrow-157{background-position:-32px -64px;} .windarrow-158{background-position:-32px -96px;} .windarrow-159{background-position:-32px -128px;} .windarrow-16{background-position:-32px -160px;} .windarrow-160{background-position:-32px -192px;} .windarrow-161{background-position:-32px -224px;} .windarrow-162{background-position:-32px -256px;} .windarrow-163{background-position:-32px -288px;} .windarrow-164{background-position:-32px -320px;} .windarrow-165{background-position:-32px -352px;} .windarrow-166{background-position:-32px -384px;} .windarrow-167{background-position:-32px -416px;} .windarrow-168{background-position:-32px -448px;} .windarrow-169{background-position:-32px -480px;} .windarrow-17{background-position:-32px -512px;} .windarrow-170{background-position:-32px -544px;} .windarrow-171{background-position:-32px -576px;} .windarrow-172{background-position:-32px -608px;} .windarrow-173{background-position:-32px -640px;} .windarrow-174{background-position:-32px -672px;} .windarrow-175{background-position:-32px -704px;} .windarrow-176{background-position:-32px -736px;} .windarrow-177{background-position:-32px -768px;} .windarrow-178{background-position:-32px -800px;} .windarrow-179{background-position:-32px -832px;} .windarrow-18{background-position:-32px -864px;} .windarrow-180{background-position:-32px -896px;} .windarrow-181{background-position:-32px -928px;} .windarrow-182{background-position:-32px -960px;} .windarrow-183{background-position:-32px -992px;} .windarrow-184{background-position:-32px -1024px;} .windarrow-185{background-position:-32px -1056px;} .windarrow-186{background-position:-32px -1088px;} .windarrow-187{background-position:-32px -1120px;} .windarrow-188{background-position:-32px -1152px;} .windarrow-189{background-position:-32px -1184px;} .windarrow-19{background-position:-32px -1216px;} .windarrow-190{background-position:-32px -1248px;} .windarrow-191{background-position:-32px -1280px;} .windarrow-192{background-position:-32px -1312px;} .windarrow-193{background-position:-32px -1344px;} .windarrow-194{background-position:-32px -1376px;} .windarrow-195{background-position:-32px -1408px;} .windarrow-196{background-position:-32px -1440px;} .windarrow-197{background-position:-32px -1472px;} .windarrow-198{background-position:-32px -1504px;} .windarrow-199{background-position:-32px -1536px;} .windarrow-2{background-position:-32px -1568px;} .windarrow-20{background-position:-32px -1600px;} .windarrow-200{background-position:-32px -1632px;} .windarrow-201{background-position:-32px -1664px;} .windarrow-202{background-position:-32px -1696px;} .windarrow-203{background-position:-32px -1728px;} .windarrow-204{background-position:-32px -1760px;} .windarrow-205{background-position:-32px -1792px;} .windarrow-206{background-position:-32px -1824px;} .windarrow-207{background-position:-32px -1856px;} .windarrow-208{background-position:-32px -1888px;} .windarrow-209{background-position:-32px -1920px;} .windarrow-21{background-position:-32px -1952px;} .windarrow-210{background-position:-64px 0;} .windarrow-211{background-position:-64px -32px;} .windarrow-212{background-position:-64px -64px;} .windarrow-213{background-position:-64px -96px;} .windarrow-214{background-position:-64px -128px;} .windarrow-215{background-position:-64px -160px;} .windarrow-216{background-position:-64px -192px;} .windarrow-217{background-position:-64px -224px;} .windarrow-218{background-position:-64px -256px;} .windarrow-219{background-position:-64px -288px;} .windarrow-22{background-position:-64px -320px;} .windarrow-220{background-position:-64px -352px;} .windarrow-221{background-position:-64px -384px;} .windarrow-222{background-position:-64px -416px;} .windarrow-223{background-position:-64px -448px;} .windarrow-224{background-position:-64px -480px;} .windarrow-225{background-position:-64px -512px;} .windarrow-226{background-position:-64px -544px;} .windarrow-227{background-position:-64px -576px;} .windarrow-228{background-position:-64px -608px;} .windarrow-229{background-position:-64px -640px;} .windarrow-23{background-position:-64px -672px;} .windarrow-230{background-position:-64px -704px;} .windarrow-231{background-position:-64px -736px;} .windarrow-232{background-position:-64px -768px;} .windarrow-233{background-position:-64px -800px;} .windarrow-234{background-position:-64px -832px;} .windarrow-235{background-position:-64px -864px;} .windarrow-236{background-position:-64px -896px;} .windarrow-237{background-position:-64px -928px;} .windarrow-238{background-position:-64px -960px;} .windarrow-239{background-position:-64px -992px;} .windarrow-24{background-position:-64px -1024px;} .windarrow-240{background-position:-64px -1056px;} .windarrow-241{background-position:-64px -1088px;} .windarrow-242{background-position:-64px -1120px;} .windarrow-243{background-position:-64px -1152px;} .windarrow-244{background-position:-64px -1184px;} .windarrow-245{background-position:-64px -1216px;} .windarrow-246{background-position:-64px -1248px;} .windarrow-247{background-position:-64px -1280px;} .windarrow-248{background-position:-64px -1312px;} .windarrow-249{background-position:-64px -1344px;} .windarrow-25{background-position:-64px -1376px;} .windarrow-250{background-position:-64px -1408px;} .windarrow-251{background-position:-64px -1440px;} .windarrow-252{background-position:-64px -1472px;} .windarrow-253{background-position:-64px -1504px;} .windarrow-254{background-position:-64px -1536px;} .windarrow-255{background-position:-64px -1568px;} .windarrow-256{background-position:-64px -1600px;} .windarrow-257{background-position:-64px -1632px;} .windarrow-258{background-position:-64px -1664px;} .windarrow-259{background-position:-64px -1696px;} .windarrow-26{background-position:-64px -1728px;} .windarrow-260{background-position:-64px -1760px;} .windarrow-261{background-position:-64px -1792px;} .windarrow-262{background-position:-64px -1824px;} .windarrow-263{background-position:-64px -1856px;} .windarrow-264{background-position:-64px -1888px;} .windarrow-265{background-position:-64px -1920px;} .windarrow-266{background-position:-64px -1952px;} .windarrow-267{background-position:-96px 0;} .windarrow-268{background-position:-96px -32px;} .windarrow-269{background-position:-96px -64px;} .windarrow-27{background-position:-96px -96px;} .windarrow-270{background-position:-96px -128px;} .windarrow-271{background-position:-96px -160px;} .windarrow-272{background-position:-96px -192px;} .windarrow-273{background-position:-96px -224px;} .windarrow-274{background-position:-96px -256px;} .windarrow-275{background-position:-96px -288px;} .windarrow-276{background-position:-96px -320px;} .windarrow-277{background-position:-96px -352px;} .windarrow-278{background-position:-96px -384px;} .windarrow-279{background-position:-96px -416px;} .windarrow-28{background-position:-96px -448px;} .windarrow-280{background-position:-96px -480px;} .windarrow-281{background-position:-96px -512px;} .windarrow-282{background-position:-96px -544px;} .windarrow-283{background-position:-96px -576px;} .windarrow-284{background-position:-96px -608px;} .windarrow-285{background-position:-96px -640px;} .windarrow-286{background-position:-96px -672px;} .windarrow-287{background-position:-96px -704px;} .windarrow-288{background-position:-96px -736px;} .windarrow-289{background-position:-96px -768px;} .windarrow-29{background-position:-96px -800px;} .windarrow-290{background-position:-96px -832px;} .windarrow-291{background-position:-96px -864px;} .windarrow-292{background-position:-96px -896px;} .windarrow-293{background-position:-96px -928px;} .windarrow-294{background-position:-96px -960px;} .windarrow-295{background-position:-96px -992px;} .windarrow-296{background-position:-96px -1024px;} .windarrow-297{background-position:-96px -1056px;} .windarrow-298{background-position:-96px -1088px;} .windarrow-299{background-position:-96px -1120px;} .windarrow-3{background-position:-96px -1152px;} .windarrow-30{background-position:-96px -1184px;} .windarrow-300{background-position:-96px -1216px;} .windarrow-301{background-position:-96px -1248px;} .windarrow-302{background-position:-96px -1280px;} .windarrow-303{background-position:-96px -1312px;} .windarrow-304{background-position:-96px -1344px;} .windarrow-305{background-position:-96px -1376px;} .windarrow-306{background-position:-96px -1408px;} .windarrow-307{background-position:-96px -1440px;} .windarrow-308{background-position:-96px -1472px;} .windarrow-309{background-position:-96px -1504px;} .windarrow-31{background-position:-96px -1536px;} .windarrow-310{background-position:-96px -1568px;} .windarrow-311{background-position:-96px -1600px;} .windarrow-312{background-position:-96px -1632px;} .windarrow-313{background-position:-96px -1664px;} .windarrow-314{background-position:-96px -1696px;} .windarrow-315{background-position:-96px -1728px;} .windarrow-316{background-position:-96px -1760px;} .windarrow-317{background-position:-96px -1792px;} .windarrow-318{background-position:-96px -1824px;} .windarrow-319{background-position:-96px -1856px;} .windarrow-32{background-position:-96px -1888px;} .windarrow-320{background-position:-96px -1920px;} .windarrow-321{background-position:-96px -1952px;} .windarrow-322{background-position:-128px 0;} .windarrow-323{background-position:-128px -32px;} .windarrow-324{background-position:-128px -64px;} .windarrow-325{background-position:-128px -96px;} .windarrow-326{background-position:-128px -128px;} .windarrow-327{background-position:-128px -160px;} .windarrow-328{background-position:-128px -192px;} .windarrow-329{background-position:-128px -224px;} .windarrow-33{background-position:-128px -256px;} .windarrow-330{background-position:-128px -288px;} .windarrow-331{background-position:-128px -320px;} .windarrow-332{background-position:-128px -352px;} .windarrow-333{background-position:-128px -384px;} .windarrow-334{background-position:-128px -416px;} .windarrow-335{background-position:-128px -448px;} .windarrow-336{background-position:-128px -480px;} .windarrow-337{background-position:-128px -512px;} .windarrow-338{background-position:-128px -544px;} .windarrow-339{background-position:-128px -576px;} .windarrow-34{background-position:-128px -608px;} .windarrow-340{background-position:-128px -640px;} .windarrow-341{background-position:-128px -672px;} .windarrow-342{background-position:-128px -704px;} .windarrow-343{background-position:-128px -736px;} .windarrow-344{background-position:-128px -768px;} .windarrow-345{background-position:-128px -800px;} .windarrow-346{background-position:-128px -832px;} .windarrow-347{background-position:-128px -864px;} .windarrow-348{background-position:-128px -896px;} .windarrow-349{background-position:-128px -928px;} .windarrow-35{background-position:-128px -960px;} .windarrow-350{background-position:-128px -992px;} .windarrow-351{background-position:-128px -1024px;} .windarrow-352{background-position:-128px -1056px;} .windarrow-353{background-position:-128px -1088px;} .windarrow-354{background-position:-128px -1120px;} .windarrow-355{background-position:-128px -1152px;} .windarrow-356{background-position:-128px -1184px;} .windarrow-357{background-position:-128px -1216px;} .windarrow-358{background-position:-128px -1248px;} .windarrow-359{background-position:-128px -1280px;} .windarrow-36{background-position:-128px -1312px;} .windarrow-37{background-position:-128px -1344px;} .windarrow-38{background-position:-128px -1376px;} .windarrow-39{background-position:-128px -1408px;} .windarrow-4{background-position:-128px -1440px;} .windarrow-40{background-position:-128px -1472px;} .windarrow-41{background-position:-128px -1504px;} .windarrow-42{background-position:-128px -1536px;} .windarrow-43{background-position:-128px -1568px;} .windarrow-44{background-position:-128px -1600px;} .windarrow-45{background-position:-128px -1632px;} .windarrow-46{background-position:-128px -1664px;} .windarrow-47{background-position:-128px -1696px;} .windarrow-48{background-position:-128px -1728px;} .windarrow-49{background-position:-128px -1760px;} .windarrow-5{background-position:-128px -1792px;} .windarrow-50{background-position:-128px -1824px;} .windarrow-51{background-position:-128px -1856px;} .windarrow-52{background-position:-128px -1888px;} .windarrow-53{background-position:-128px -1920px;} .windarrow-54{background-position:-128px -1952px;} .windarrow-55{background-position:-160px 0;} .windarrow-56{background-position:-160px -32px;} .windarrow-57{background-position:-160px -64px;} .windarrow-58{background-position:-160px -96px;} .windarrow-59{background-position:-160px -128px;} .windarrow-6{background-position:-160px -160px;} .windarrow-60{background-position:-160px -192px;} .windarrow-61{background-position:-160px -224px;} .windarrow-62{background-position:-160px -256px;} .windarrow-63{background-position:-160px -288px;} .windarrow-64{background-position:-160px -320px;} .windarrow-65{background-position:-160px -352px;} .windarrow-66{background-position:-160px -384px;} .windarrow-67{background-position:-160px -416px;} .windarrow-68{background-position:-160px -448px;} .windarrow-69{background-position:-160px -480px;} .windarrow-7{background-position:-160px -512px;} .windarrow-70{background-position:-160px -544px;} .windarrow-71{background-position:-160px -576px;} .windarrow-72{background-position:-160px -608px;} .windarrow-73{background-position:-160px -640px;} .windarrow-74{background-position:-160px -672px;} .windarrow-75{background-position:-160px -704px;} .windarrow-76{background-position:-160px -736px;} .windarrow-77{background-position:-160px -768px;} .windarrow-78{background-position:-160px -800px;} .windarrow-79{background-position:-160px -832px;} .windarrow-8{background-position:-160px -864px;} .windarrow-80{background-position:-160px -896px;} .windarrow-81{background-position:-160px -928px;} .windarrow-82{background-position:-160px -960px;} .windarrow-83{background-position:-160px -992px;} .windarrow-84{background-position:-160px -1024px;} .windarrow-85{background-position:-160px -1056px;} .windarrow-86{background-position:-160px -1088px;} .windarrow-87{background-position:-160px -1120px;} .windarrow-88{background-position:-160px -1152px;} .windarrow-89{background-position:-160px -1184px;} .windarrow-9{background-position:-160px -1216px;} .windarrow-90{background-position:-160px -1248px;} .windarrow-91{background-position:-160px -1280px;} .windarrow-92{background-position:-160px -1312px;} .windarrow-93{background-position:-160px -1344px;} .windarrow-94{background-position:-160px -1376px;} .windarrow-95{background-position:-160px -1408px;} .windarrow-96{background-position:-160px -1440px;} .windarrow-97{background-position:-160px -1472px;} .windarrow-98{background-position:-160px -1504px;} .windarrow-99{background-position:-160px -1536px;} /*WEATHER ARROWS*/ /*GENERAL WEATHER*/ .weather-icon {background-image:url(images/sprites-weather.png); background-repeat:no-repeat;} .weather-cloud1{background-position:0 0;width:14px;height:13px} .weather-cloud2{background-position:0 -33px;width:14px;height:13px} .weather-cloud3{background-position:0 -66px;width:15px;height:12px} .weather-cloud4{background-position:0 -98px;width:13px;height:7px} .weather-cloud_1_b{background-position:0 -125px;width:12px;height:17px} .weather-cloud_2_b{background-position:0 -162px;width:12px;height:17px} .weather-cloud_3_b{background-position:0 -199px;width:12px;height:17px} .weather-cloud_4_b{background-position:0 -236px;width:12px;height:17px} .weather-freezing_rain{background-position:0 -273px;width:13px;height:15px} .weather-ice_pellets{background-position:0 -308px;width:13px;height:15px} .weather-precip1{background-position:0 -343px;width:10px;height:30px} .weather-precip2{background-position:0 -393px;width:10px;height:30px} .weather-precip3{background-position:0 -443px;width:10px;height:30px} .weather-precip4{background-position:0 -493px;width:10px;height:30px} .weather-precip_0{background-position:0 -543px;width:10px;height:30px} .weather-precip_1{background-position:0 -593px;width:10px;height:30px} .weather-precip_2{background-position:0 -643px;width:10px;height:30px} .weather-precip_3{background-position:0 -693px;width:10px;height:30px} .weather-precip_4{background-position:0 -743px;width:10px;height:30px} .weather-rain{background-position:0 -793px;width:13px;height:15px} .weather-rain_b{background-position:0 -828px;width:12px;height:17px} .weather-snow{background-position:0 -865px;width:13px;height:15px} .weather-snow_b{background-position:0 -900px;width:12px;height:17px} .weather-sun{background-position:0 -937px;width:12px;height:12px} .weather-sun_b{background-position:0 -969px;width:12px;height:17px} .weather-weather001{background-position:0 -1006px;width:12px;height:12px} /*GENERAL WEATHER*/ /*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*//*SPRITES*/ /* WFMessage */ .wfMessage {padding: 10px;} .wfMessage ul {float: left; margin-top: 0; margin-left: 5px;} .wfMessage ul li{font-weight: 700; padding: 3px 8px;} .wfMessage p {float: left;} /* WFMessage */ /* OP FX *//* OP FX *//* OP FX *//* OP FX *//* OP FX *//* OP FX *//* OP FX *//* OP FX */ .wfDailyBriefing {padding: 15px;} .wfDailyBriefing .briefingHdr {background-color: #171717; padding: 10px;} .wfDailyBriefing .briefingHdr h1 {margin-bottom: 10px;} .wfDailyBriefing .fxText {padding: 10px;} .wfDailyBriefing .fxText p {text-shadow: 0 1px 0 #000} .wfDailyBriefing h1.fxHeadline {margin: 20px 0 10px 0;} .wfDailyBriefing table {margin-top: 20px; width: 100%; border-collapse:collapse; max-width: 750px;} .wfDailyBriefing table tr.fxSpot td {border-bottom: 2px solid #fff;} .wfDailyBriefing table td {padding: 5px 0; text-align: center; color: #222;} .wfDailyBriefing table td.lightTxt {color: #fff;} .wfDailyBriefing table td.fxSpot, .wfDailyBriefing table td.fxInt {font-weight: 900; padding: 25px 10px 2px 10px !important;} .wfDailyBriefing table td.fxSpeed, .wfDailyBriefing table td.fxDir {border-left: 2px solid #fff; border-right: 2px solid #fff;} .wfDailyBriefing table td.fxDir {border-bottom: 2px solid #fff;} .wfDailyBriefing table tr.fxJabber td {color: #fff; text-align: left;} .wfDailyBriefing table .lbl {text-align: left; color: #fff;} .wfDailyBriefing .extendedFx {width: 100%;} .wfDailyBriefing .extendedFx .fxText {padding: 0;} .wfDailyBriefing .extendedFx h2 {font-weight: 900; margin: 10px 0 5px 0;} .wfDailyBriefing .extendedFx p {padding: 0 10px;} .wfDailyBriefing .secondaryFx {margin-top: 40px;} .wfDailyBriefing p.footer {margin-top: 25px; } .wfDailyBriefing .dailyFxList ul {list-style: disc; margin: 15px 0 0 25px; color: #fff;} .wfDailyBriefing .dailyFxList li {padding: 5px 0; display: block;} .wfDailyBriefing .sampleFx {text-align: center; opacity: .75; filter:alpha(opacity=75);} .wfDailyBriefing .fxFeedbackForm {margin-top: 15px; background-color: #171717; padding: 10px;} .wfDailyBriefing .fxFeedbackInput {margin-top: 10px;} .wfDailyBriefing .fxFeedbackInput textarea {width: 98%; height: 50px;} .wfDailyBriefing .fxFeedbackInput p {margin: 5px 0;} .wfDailyBriefing .fxFeedbackInput .btns {margin-top: 8px; text-align: right;} .wfDailyBriefing .fxFeedbackInput .btns input {opacity:.85; filter:alpha(opacity=85); color:#35461b; line-height:32px; text-align:center; text-shadow: 0 1px 0 #ddeab2; font-size:14px; background:transparent url(images/green-button.png) top left no-repeat;width: 114px; height: 32px;} .wfDailyBriefing .fxFeedbackInput .btns input:hover {opacity: 1; filter:alpha(opacity=100);} .opfx-slow-load-msg {padding: 10px; background-color: #171717; text-align: center;} .spotInfoContainer .wfDailyBriefing .briefingHdr {background-color: #fff; border: 1px solid #222;} .spotInfoContainer .wfDailyBriefing h2, .spotInfoContainer .wfDailyBriefing p, .spotInfoContainer .wfDailyBriefing .lbl {color: #222; text-shadow: none;} .spotInfoContainer .wfDailyBriefing table tr td {border-color: #222;} .spotInfoContainer .wfDailyBriefing .fxFeedbackForm {background-color: #eee; border: 1px solid #ccc; color: #222;} .spotInfoContainer .wfDailyBriefing .fxFeedbackHdr a {color: #222; text-shadow: none;} .spotInfoContainer .wfDailyBriefing .btns input {border: none;} .forecaster-blog {margin-bottom: 15px;} .forecaster-blog a {color: #ccc; text-decoration: underline; font-weight: bold;} /* OP FX *//* OP FX *//* OP FX *//* OP FX *//* OP FX *//* OP FX *//* OP FX *//* OP FX */ /* Tiny Scrollbar */ .thumb .end, .thumb { background-color: #999; -moz-border-radius:5px;} .scrollbar { position: relative; float: right; width: 10px; margin-top: 5px; margin-right: 3px; } .track { background-color: #ccc; height: 100%; width:8px; position: relative; padding: 0 1px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px; } .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; -webkit-border-radius:5px;border-radius:5px;} .thumb .end { overflow: hidden; height: 5px; width: 8px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;} .disable{ display: none; } .noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; } /* Tiny Scrollbar */ /* Regional Nav Widget */ #page-title-ctn {margin-top: 20px; float: left; position: relative; z-index: 100;} ul.regional-nav li {display: inline-block; position: relative; margin-right: 1px; /* margin-right is IE8 hack to prevent items from overlapping */ } ul.regional-nav li {*display: inline;} /* IE7 hack */ .regional-nav-breadcrumb {display: inline-block;} .regional-nav-breadcrumb li {padding: 5px;} .regional-nav-selector-ctn {position: relative; display: inline-block;} .regional-nav-menu {position: absolute; z-index: 100; left: 0; min-width: 170px; height: 320px;} .regional-nav-menu {*top: 27px; *left: 3px;} /* IE7 hack */ ul.regional-nav .regional-nav-menu li {display: block; float: none;} ul.regional-nav .regional-nav-menu li a {display: block; padding: 5px;} .regional-nav-menu .viewport { width: 150px; height: 300px; overflow: hidden; position: relative; } .regional-nav-menu .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0 10px; width: 140px;} ul.regional-nav .regional-nav-menu a:hover {background-image: url(images/transparent.png); text-decoration:none;} /* Regional Nav Widget */ /* Bulletins - Common */ .jw-bulletin-ctn .ui-widget-header .ui-state-default a {padding: 5px 10px;} .jw-bulletin-ctn .ui-tabs-panel {margin-left: 1px; min-height: 345px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px;border-top-right-radius: 4px;} .jw-bulletin-ctn .viewport {margin-top: 8px;} .jw-bulletin-ctn pre {color: #222; text-shadow: none; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */} /* Bulletins - Common */ /* Bulletins - Map */ .jw-map .jw-bulletin-ctn {position: absolute; z-index: 500; bottom: 0; right: 0; width: 350px; height: 400px; } .jw-map .jw-bulletin-close-ctn {position: absolute; background-color: #cc3333; top: -10px; left: -10px; width: 20px; height: 20px; z-index: 5; -webkit-box-shadow: 0 2px 4px rgba(68, 68, 68, 0.8), 0 2px rgba(255, 255, 255, 0.3) inset; -moz-box-shadow: 0 2px 4px rgba(68, 68, 68, 0.8), 0 2px rgba(255, 255, 255, 0.3) inset;box-shadow: 0 2px 4px rgba(68, 68, 68, 0.8), 0 2px rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;} .jw-map .jw-bulletin-close-ctn a {margin:2px auto;} .jw-map .jw-bulletin-ctn .ui-tabs-nav {min-width: 340px;} .jw-map .jw-bulletin-ctn .viewport { width: 305px; height: 300px; overflow: hidden; position: relative; } .jw-map .jw-bulletin-ctn .overview { list-style: none; position: absolute; left: 0; top: 0; } .jw-map .jw-bulletin-ctn .scrollbar {margin-right: 0;} .jw-bulletin-ctn p, .jw-bulletin-ctn pre {color: #222; text-shadow: none; font-size: 12px;} .jw-bulletin-ctn .jw-bulletin-favorite {float: right;} /* Bulletins - Map */ /* Bulletins - Profile */ .profileCtn .jw-bulletin-ctn.ui-widget-content, .bulletin .jw-bulletin-ctn.ui-widget-content{background-color: #fff; background-image: none; border:none;} .profileCtn .jw-bulletin-close-ctn, .bulletin .jw-bulletin-close-ctn {display: none;} .profileCtn .jw-map .jw-bulletin-close-ctn, .bulletin .jw-map .jw-bulletin-close-ctn {display: block;} .profileCtn .jw-bulletin-tab, .bulletin .jw-bulletin-tab {padding: 15px;} .profileCtn .jw-map .jw-bulletin-tab, .bulletin .jw-map .jw-bulletin-tab {padding: 4px;} /* Bulletins - Profile */ /* Bulletins - Bulletin Page */ #bulletin .jwctn-body.ui-widget-content, #bulletin .jw-bulletin-tab-ctn.ui-widget-content {background-color: transparent; background-image: none; border: none;} #bulletin .jw-bulletin-close-ctn {display:none;} #bulletin .jw-bulletin-ctn .ui-tabs-nav {background-color: transparent;} #bulletin .ui-tabs-panel {padding: 5px 20px;} /* Bulletins - Bulletin Page */ /************************************/ /**** WFArchiveData *****/ /************************************/ /*********** Main Wrapper ***********/ .jw-ad-main-wrapper {font-size: 11px;background-color:#ffffff;color:#000000;} /*********** Controls ***********/ /*#jw-ad-weekly-controls{padding:10px 10px 20px}*/ #jw-ad-weekly-controls{background-color:#F0F0F0;} .jw-ad-controls-wrapper{padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:2px;} .jw-ad-controls-wrapper-row2{padding-left:10px;padding-right:10px;padding-top:2px;padding-bottom:2px;border-top:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;} #jw-ad-monthly-controls{display:none;background-color:#F0F0F0;} .jw-ad-control-field-select{} /*********** Borders ***********/ .jw-ad-border-top{background-color:#F0F0F0;height:4px;} .jw-ad-border-bottom{background-color:#F0F0F0;height:4px;} .jw-ad-border-left {border-left:2px solid #F0F0F0;} .jw-ad-border-right {border-right:2px solid #F0F0F0;} .jw-ad-indent-wrapper {padding-left:15px;padding-right:15px;} .jw-ad-padding-top {padding-top:10px;} .jw-ad-padding-bottom {padding-bottom:10px;} .jw-ad-border-down-arrow {width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #EBEBEB;margin:0 auto;} /*********** Calendar ***********/ .jw-ad-cal-table {width:100%;border-collapse:collapse;background-repeat:no-repeat;table-layout:fixed;} .jw-ad-cal-table td {} .jw-ad-cal-table-yaxis-label {width:17px;} .jw-ad-cal-table-yaxis {width:17px;} .jw-ad-cal-table-yaxis-label-tide {width:6px;} .jw-ad-cal-table-yaxis-tide {width:6px;} .jw-ad-cal-table-download {width:75px;padding-top:0px;padding-left:0px;text-align:center;} .jw-ad-cal-table-download-label {width:75px;text-align:center;} .jw-ad-cal-table-row {height:70px;} .jw-ad-cal-table-row-tide {height:70px;} .jw-ad-cal-table-row-month {height:55px;} .jw-ad-cal-table-row-month-tide {height:65px;} .jw-ad-cal-table-bottom {} .jw-ad-cal-table-border-left {border-left:4px solid #ffffff;} .jw-ad-cal-table-border-right {border-right:4px solid #ffffff;} .jw-ad-cal-table-border-left-month {border-left:4px solid #ffffff;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;} .jw-ad-cal-table-border-right-month {border-right:4px solid #ffffff;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;} .jw-ad-cal-table-border-left-tide {border-left:4px solid #ffffff;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;} .jw-ad-cal-table-border-right-tide {border-right:4px solid #ffffff;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;} .jw-ad-cal-table-border-left-month-tide {border-left:4px solid #ffffff;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;} .jw-ad-cal-table-border-right-month-tide {border-right:4px solid #ffffff;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;} .jw-ad-cal-graph-day{vertical-align:top;} .jw-ad-cal-graph-day-tide{vertical-align:top;opacity:.40;filter:alpha(opacity=40);cursor:default;background-color:#ffffff;} .jw-ad-cal-graph-day-label{color:#000000;text-align:center;} .jw-ad-cal-graph-day:hover{background-color:#D9D9D9;filter:alpha(opacity=70);opacity:.70;cursor:pointer;} .jw-ad-cal-graph-day-tide:hover{background-color:#D9D9D9;filter:alpha(opacity=70);opacity:.70;cursor:pointer;} .jw-ad-calendar-date{background-color:#ffffff;font-size:10px;vertical-align:top;border:1px solid #C9C9C9;padding:2px;display:inline-block;color:#000000;} .jw-ad-calendar-date-tide{background-color:#ffffff;font-size:10px;vertical-align:top;border:1px solid #C9C9C9;padding:2px;display:inline-block;color:#000000;} .jw-ad-calendar-date-day1{font-weight:bold;} /*********** Selected Day Table ***********/ .jw-ad-selected-day-table {width:100%;border-collapse:collapse;margin-bottom:10px;} .jw-ad-selected-day-table td {} .jw-ad-selected-day-table-label {text-align:center;padding:5px;background-color:#F0F0F0;border-top:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;} .jw-ad-selected-day-table-summary {height:270px;width:250px;vertical-align:top;padding-right:8px;border-left:3px solid #EBEBEB;} .jw-ad-selected-day-table-graph {height:270px;padding-right:5px;padding-left:5px;} #jw-ad-large-image-label{color:#000000;font-size:14px;font-weight:600;padding:3px;border-radius: 8px;} .jw-ad-large-image-label-dot{display:inline-block;width:8px;height:8px;background-color:#F7F68B;border-radius: 8px;border:1px solid #D4D4D4;margin-right:5px;margin-left:5px;} /*********** Daily Summary Table ***********/ .jw-ad-summary-table {width:100%;border-collapse:collapse;margin:3px;font-size:11px;} .jw-ad-summary-table td {border:none;padding:3px;} .jw-ad-summary-table-head-divider {border-bottom:2px solid #c2c2c2;} .jw-ad-summary-table-header {font-weight:bold;padding:1px;} .jw-ad-summary-table-row-a {border-bottom:1px solid #F1F1F1;} .jw-ad-summary-table-row-b {border-bottom:1px solid #ffffff;background-color:#F1F1F1;} .jw-ad-summary-table-row-a:hover {background-color:#E8E8E8;} .jw-ad-summary-table-row-b:hover {background-color:#E8E8E8;} .jw-ad-summary-table-tide-row-a {border-bottom:2px solid #ffffff;} .jw-ad-summary-table-tide-row-b {border-bottom:2px solid #ffffff;background-color:#F1F1F1;} .jw-ad-summary-table-tide-row-a:hover {background-color:#E8E8E8;} .jw-ad-summary-table-tide-row-b:hover {background-color:#E8E8E8;} /*********** Other ***********/ .jw-ad-month-label{color:#000000;font-size:14px;padding-right:10px;font-weight:600;} .jw-ad-large-image-container{min-height:320px} .jw-ad-active{background-color:#FFFF73;opacity:.50;filter:alpha(opacity=50);} .jw-ad-active:hover{background-color:#FFFF73;opacity:.50;filter:alpha(opacity=50);cursor:default;} #jw-ad-monthly,#jw-ad-monthly-label{display:none;} .jw-ad-content-container input{min-width:0} .jw-ad-step-forward-1-week {margin-right:15px;} /*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*/ .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;} /*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*//*JQUERY UI OVERRIDES*/ /* General Helpers */ .jw-centered {text-align: center;} /* General Helpers */ /* Container Internal Layout HTML */ .jw-title1 {float: left;} .jw-buttons {float: right;} .jw-body {width: 100%; background-color:#ffffff;border:none;} /* Container Internal Layout HTML */ /*******************************************/ /* Global (new jweather) */ /*******************************************/ /*********** Global - Main Wrapper ***********/ .jw-main-wrapper {font-size: 11px;background-color:#ffffff;color:#000000;} /*********** Global - Controls ***********/ .jw-controls-wrapper{padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;background-color:#F0F0F0;} .jw-controls-wrapper-row2{padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;border-top:1px solid #D4D4D4;border-bottom:1px solid #D4D4D4;} .jw-control-buttons button { margin-right:5px;} /*******************************************/ /* Current Conditions (new jweather) */ /*******************************************/ .jw-cc-table{color:#000000;background-color:#ffffff;border-collapse:collapse;border-spacing:0;letter-spacing:0;width:100%;} .jw-cc-table td{padding:5px;vertical-align:top;} .jw-cc-data-ctn{text-align:center; min-height:100px;} .jw-cc-data-date{width:100%; margin-bottom:6px;} .jw-cc-data-speed{font-weight:bold; width:100%; margin-bottom:6px;} .jw-data-label{width:48%; margin-bottom:6px; padding-right:8px; text-align:right; float:left;} .jw-data-item{font-weight:bold; width:45%; margin-bottom:6px; text-align:left; float:left;} .jw-cc-data-credit{width:100%; margin-top:20px;margin-left:5px;margin-right:5px; border:1px solid #000000;float:left;-webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px;background:none;font-size:10px;color:#000000;} .jw-cc-data-credit a {color: #000; text-shadow: none;} .jw-cc-big-graph-container{background-color: #FFFFFF;border: 0px none;overflow: hidden;position: relative; height:350px;} .jw-cc-big-graph-yaxis{background-color: #FFFFFF;left: 0;overflow: hidden;position: absolute;width: 37px;z-index: 2;display:none;} .jw-cc-slider-wrapper{background-image: url("");background-position: left 5px;background-repeat: no-repeat;cursor: pointer;height: 90px;} .jw-cc-draggable-graph{border:0px;cursor: e-resize; float: left; margin: 0 0 0 0; position: relative;} .jw-cc-graph-slider{cursor: pointer; background-color: #ffffff; width: 45px; height: 45px; border: 2px solid #000000; padding: 0.5em; float: left; margin: 0 0 0 0; opacity: 0.40; filter:alpha(opacity=40);} .jw-cc-station-label{width:184px; margin-bottom:6px;border: 1px solid #000000;padding:4px;background-color: #ECECEC;-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; vertical-align:middle; text-align:left; overflow:hidden;} .jw-cc-station-label-on{background-color: #ECECEC;} .jwcc-station-label-on:hover{background-color: #ffffff;} .jw-cc-station-label-off{background-color: #808080;} .jw-cc-station-label-off:hover{background-color: #999999;} .jw-cc-station-label-arrowspeed-wrapper{width:46px; display:inline-block; vertical-align:top; overflow:hidden; padding-top:4px;} .jw-cc-station-label-meta-wrapper{width:106px; display:inline-block; vertical-align:top; overflow:hidden; } .jw-cc-station-label-legend-wrapper{width:20px; display:inline-block; vertical-align:top; overflow:hidden; } .jw-cc-station-meta{font-size:10px; overflow:hidden;} .jw-cc-station-meta-name{font-size:10px; font-weight:700; overflow:hidden;height:11px;} .jw-cc-station-meta-wind-desc{font-size:8px; overflow:hidden;} .jw-cc-station-arrow{display:inline-block; width:26px; height:26px; float:left; overflow:hidden;} .jw-cc-station-speed{display:inline-block; width:16px; height:26px; font-weight:700; font-size:14px; float:left; padding-top:2px; overflow:hidden; color:#000000;} .jw-cc-station-color{margin-left: 2px; width:14px; height:14px; border:1px solid #000000;-moz-border-radius:3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;} .jw-cc-station-color-checkbox-wrapper{width:18px; height:18px;} .jw-cc-station-color-checkbox{vertical-align:top; border: 0px; border-radius: 0px; line-height:normal; min-height:0px; padding-left: 0px;} .jw-view-nowcast-map {margin: 5px 0;} /*******************************************/ /* Model Table (new jweather) */ /*******************************************/ /******* start - wrapper background change ********************************************* #a0a0a0 - medium grey #ececec light grey(wa header)*****/ .jw-mt-model-title{font-size:14px;font-weight:700;color:#000;padding:3px;background-color:#ffffff;} .jw-mt-table-wrapper{/*border:10px solid #dadada;*/margin-top:10px;-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; } .jw-mt-one-day-table-wrapper{border:10px solid #ffffff;margin-left:40px;width:80%;} .jw-mt-table-header{font-weight:700;background-color:#ffffff;letter-spacing:0;font-size:11px;color:#000;border-top:1px solid #ffffff;} .jw-mt-label-td{font-size:10px;font-weight:700;vertical-align:middle;color:#000;background-color:#ffffff;width:35px} .jw-mt-height-boost-td{font-size:12px;color:#ffffff;background-color:#ffffff;} /******* end - wrapper background change **************/ .jw-mt-table{text-align:center;font-size:8px;color:#000;background-color:#e0e0e0;border-collapse:collapse;border-spacing:0;letter-spacing:0;width:100%;cursor:default;} .jw-mt-table td{padding:0px;font-size:8px;} .jw-mt-table th{padding:0px;font-size:11px;} .jw-mt-content-td{border:1px #bababa solid} .model-data-start-day-1,.model-data-start-day-2,.model-data-start-day-3,.model-data-start-day-4,.model-data-start-day-5,.model-data-start-day-6,.model-data-start-day-7{border-right:1px #888 solid} .jw-mt-odd-day{background-color:#c2c2c2;} .jw-mt-hour{} .jw-mt-windspeed{height:15px;padding-top:4px} .jw-mt-col{background-image:url(http://i.windalert.com/bg_col_grad_2.png);background-repeat:repeat-y;background-position:0px 2px; text-align:center;} .jw-mt-content{min-width:12px;overflow:hidden} .jw-mt-temp{color:#ffffff;padding-top:2px;padding-bottom:2px;} .jw-mt-temp2{color:#000;padding-top:2px;padding-bottom:2px;} .jw-mt-wave{color:#fff;letter-spacing:-1px;background-color:#4169E1;padding-top:2px;padding-bottom:2px;} .jw-mt-more-data{margin-left:45%;padding:2px;color:#000000;background-color:#f0f0f0;margin-bottom:5px;margin-top:4px;letter-spacing:0;font-size:10px;text-align:center;cursor:pointer;display:inline-block;border:1px solid #919191;} .jw-mt-more-data:hover{background-color:#ffffff;} .jw-mt-table-hover{background-color:#e8e8e8;font-size:10px;} .jw-mt-bottom{vertical-align:bottom;} .jw-mt-middle{vertical-align:middle;} .jw-mt-one-day-container{-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px;} a.jw-mt-one-day-header-button:link, a.jw-mt-one-day-header-button:visited, a.jw-mt-one-day-header-button:active {background-color: #666666;color: white; cursor: pointer; text-decoration: none;} a.jw-mt-one-day-header-button {background: url("http://i.windalert.com/downarrow-wide.png") no-repeat scroll right center transparent; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor: default; display: inline-block; padding-right: 26px; padding-left: 8px; padding-top:3px; padding-bottom:3px; position: relative; text-decoration: none; background-color: #666666;} a.jw-mt-one-day-header-button:hover {color:#dadada;} a.jw-mt-link {text-decoration: none;color:#000000;font-weight:normal;} a.jw-mt-link:hover {text-decoration: underline;} /*WEATHER ARROWS*/ .windarrow {background-image:url(http://i.windalert.com/sprites-windarrows.png); background-repeat: no-repeat; height: 12px; width: 12px;} .windarrow-0{background-position:-128px -1280px;} .windarrow-1{background-position:0 0;} .windarrow-10{background-position:0 -32px;} .windarrow-100{background-position:0 -64px;} .windarrow-101{background-position:0 -96px;} .windarrow-102{background-position:0 -128px;} .windarrow-103{background-position:0 -160px;} .windarrow-104{background-position:0 -192px;} .windarrow-105{background-position:0 -224px;} .windarrow-106{background-position:0 -256px;} .windarrow-107{background-position:0 -288px;} .windarrow-108{background-position:0 -320px;} .windarrow-109{background-position:0 -352px;} .windarrow-11{background-position:0 -384px;} .windarrow-110{background-position:0 -416px;} .windarrow-111{background-position:0 -448px;} .windarrow-112{background-position:0 -480px;} .windarrow-113{background-position:0 -512px;} .windarrow-114{background-position:0 -544px;} .windarrow-115{background-position:0 -576px;} .windarrow-116{background-position:0 -608px;} .windarrow-117{background-position:0 -640px;} .windarrow-118{background-position:0 -672px;} .windarrow-119{background-position:0 -704px;} .windarrow-12{background-position:0 -736px;} .windarrow-120{background-position:0 -768px;} .windarrow-121{background-position:0 -800px;} .windarrow-122{background-position:0 -832px;} .windarrow-123{background-position:0 -864px;} .windarrow-124{background-position:0 -896px;} .windarrow-125{background-position:0 -928px;} .windarrow-126{background-position:0 -960px;} .windarrow-127{background-position:0 -992px;} .windarrow-128{background-position:0 -1024px;} .windarrow-129{background-position:0 -1056px;} .windarrow-13{background-position:0 -1088px;} .windarrow-130{background-position:0 -1120px;} .windarrow-131{background-position:0 -1152px;} .windarrow-132{background-position:0 -1184px;} .windarrow-133{background-position:0 -1216px;} .windarrow-134{background-position:0 -1248px;} .windarrow-135{background-position:0 -1280px;} .windarrow-136{background-position:0 -1312px;} .windarrow-137{background-position:0 -1344px;} .windarrow-138{background-position:0 -1376px;} .windarrow-139{background-position:0 -1408px;} .windarrow-14{background-position:0 -1440px;} .windarrow-140{background-position:0 -1472px;} .windarrow-141{background-position:0 -1504px;} .windarrow-142{background-position:0 -1536px;} .windarrow-143{background-position:0 -1568px;} .windarrow-144{background-position:0 -1600px;} .windarrow-145{background-position:0 -1632px;} .windarrow-146{background-position:0 -1664px;} .windarrow-147{background-position:0 -1696px;} .windarrow-148{background-position:0 -1728px;} .windarrow-149{background-position:0 -1760px;} .windarrow-15{background-position:0 -1792px;} .windarrow-150{background-position:0 -1824px;} .windarrow-151{background-position:0 -1856px;} .windarrow-152{background-position:0 -1888px;} .windarrow-153{background-position:0 -1920px;} .windarrow-154{background-position:0 -1952px;} .windarrow-155{background-position:-32px 0;} .windarrow-156{background-position:-32px -32px;} .windarrow-157{background-position:-32px -64px;} .windarrow-158{background-position:-32px -96px;} .windarrow-159{background-position:-32px -128px;} .windarrow-16{background-position:-32px -160px;} .windarrow-160{background-position:-32px -192px;} .windarrow-161{background-position:-32px -224px;} .windarrow-162{background-position:-32px -256px;} .windarrow-163{background-position:-32px -288px;} .windarrow-164{background-position:-32px -320px;} .windarrow-165{background-position:-32px -352px;} .windarrow-166{background-position:-32px -384px;} .windarrow-167{background-position:-32px -416px;} .windarrow-168{background-position:-32px -448px;} .windarrow-169{background-position:-32px -480px;} .windarrow-17{background-position:-32px -512px;} .windarrow-170{background-position:-32px -544px;} .windarrow-171{background-position:-32px -576px;} .windarrow-172{background-position:-32px -608px;} .windarrow-173{background-position:-32px -640px;} .windarrow-174{background-position:-32px -672px;} .windarrow-175{background-position:-32px -704px;} .windarrow-176{background-position:-32px -736px;} .windarrow-177{background-position:-32px -768px;} .windarrow-178{background-position:-32px -800px;} .windarrow-179{background-position:-32px -832px;} .windarrow-18{background-position:-32px -864px;} .windarrow-180{background-position:-32px -896px;} .windarrow-181{background-position:-32px -928px;} .windarrow-182{background-position:-32px -960px;} .windarrow-183{background-position:-32px -992px;} .windarrow-184{background-position:-32px -1024px;} .windarrow-185{background-position:-32px -1056px;} .windarrow-186{background-position:-32px -1088px;} .windarrow-187{background-position:-32px -1120px;} .windarrow-188{background-position:-32px -1152px;} .windarrow-189{background-position:-32px -1184px;} .windarrow-19{background-position:-32px -1216px;} .windarrow-190{background-position:-32px -1248px;} .windarrow-191{background-position:-32px -1280px;} .windarrow-192{background-position:-32px -1312px;} .windarrow-193{background-position:-32px -1344px;} .windarrow-194{background-position:-32px -1376px;} .windarrow-195{background-position:-32px -1408px;} .windarrow-196{background-position:-32px -1440px;} .windarrow-197{background-position:-32px -1472px;} .windarrow-198{background-position:-32px -1504px;} .windarrow-199{background-position:-32px -1536px;} .windarrow-2{background-position:-32px -1568px;} .windarrow-20{background-position:-32px -1600px;} .windarrow-200{background-position:-32px -1632px;} .windarrow-201{background-position:-32px -1664px;} .windarrow-202{background-position:-32px -1696px;} .windarrow-203{background-position:-32px -1728px;} .windarrow-204{background-position:-32px -1760px;} .windarrow-205{background-position:-32px -1792px;} .windarrow-206{background-position:-32px -1824px;} .windarrow-207{background-position:-32px -1856px;} .windarrow-208{background-position:-32px -1888px;} .windarrow-209{background-position:-32px -1920px;} .windarrow-21{background-position:-32px -1952px;} .windarrow-210{background-position:-64px 0;} .windarrow-211{background-position:-64px -32px;} .windarrow-212{background-position:-64px -64px;} .windarrow-213{background-position:-64px -96px;} .windarrow-214{background-position:-64px -128px;} .windarrow-215{background-position:-64px -160px;} .windarrow-216{background-position:-64px -192px;} .windarrow-217{background-position:-64px -224px;} .windarrow-218{background-position:-64px -256px;} .windarrow-219{background-position:-64px -288px;} .windarrow-22{background-position:-64px -320px;} .windarrow-220{background-position:-64px -352px;} .windarrow-221{background-position:-64px -384px;} .windarrow-222{background-position:-64px -416px;} .windarrow-223{background-position:-64px -448px;} .windarrow-224{background-position:-64px -480px;} .windarrow-225{background-position:-64px -512px;} .windarrow-226{background-position:-64px -544px;} .windarrow-227{background-position:-64px -576px;} .windarrow-228{background-position:-64px -608px;} .windarrow-229{background-position:-64px -640px;} .windarrow-23{background-position:-64px -672px;} .windarrow-230{background-position:-64px -704px;} .windarrow-231{background-position:-64px -736px;} .windarrow-232{background-position:-64px -768px;} .windarrow-233{background-position:-64px -800px;} .windarrow-234{background-position:-64px -832px;} .windarrow-235{background-position:-64px -864px;} .windarrow-236{background-position:-64px -896px;} .windarrow-237{background-position:-64px -928px;} .windarrow-238{background-position:-64px -960px;} .windarrow-239{background-position:-64px -992px;} .windarrow-24{background-position:-64px -1024px;} .windarrow-240{background-position:-64px -1056px;} .windarrow-241{background-position:-64px -1088px;} .windarrow-242{background-position:-64px -1120px;} .windarrow-243{background-position:-64px -1152px;} .windarrow-244{background-position:-64px -1184px;} .windarrow-245{background-position:-64px -1216px;} .windarrow-246{background-position:-64px -1248px;} .windarrow-247{background-position:-64px -1280px;} .windarrow-248{background-position:-64px -1312px;} .windarrow-249{background-position:-64px -1344px;} .windarrow-25{background-position:-64px -1376px;} .windarrow-250{background-position:-64px -1408px;} .windarrow-251{background-position:-64px -1440px;} .windarrow-252{background-position:-64px -1472px;} .windarrow-253{background-position:-64px -1504px;} .windarrow-254{background-position:-64px -1536px;} .windarrow-255{background-position:-64px -1568px;} .windarrow-256{background-position:-64px -1600px;} .windarrow-257{background-position:-64px -1632px;} .windarrow-258{background-position:-64px -1664px;} .windarrow-259{background-position:-64px -1696px;} .windarrow-26{background-position:-64px -1728px;} .windarrow-260{background-position:-64px -1760px;} .windarrow-261{background-position:-64px -1792px;} .windarrow-262{background-position:-64px -1824px;} .windarrow-263{background-position:-64px -1856px;} .windarrow-264{background-position:-64px -1888px;} .windarrow-265{background-position:-64px -1920px;} .windarrow-266{background-position:-64px -1952px;} .windarrow-267{background-position:-96px 0;} .windarrow-268{background-position:-96px -32px;} .windarrow-269{background-position:-96px -64px;} .windarrow-27{background-position:-96px -96px;} .windarrow-270{background-position:-96px -128px;} .windarrow-271{background-position:-96px -160px;} .windarrow-272{background-position:-96px -192px;} .windarrow-273{background-position:-96px -224px;} .windarrow-274{background-position:-96px -256px;} .windarrow-275{background-position:-96px -288px;} .windarrow-276{background-position:-96px -320px;} .windarrow-277{background-position:-96px -352px;} .windarrow-278{background-position:-96px -384px;} .windarrow-279{background-position:-96px -416px;} .windarrow-28{background-position:-96px -448px;} .windarrow-280{background-position:-96px -480px;} .windarrow-281{background-position:-96px -512px;} .windarrow-282{background-position:-96px -544px;} .windarrow-283{background-position:-96px -576px;} .windarrow-284{background-position:-96px -608px;} .windarrow-285{background-position:-96px -640px;} .windarrow-286{background-position:-96px -672px;} .windarrow-287{background-position:-96px -704px;} .windarrow-288{background-position:-96px -736px;} .windarrow-289{background-position:-96px -768px;} .windarrow-29{background-position:-96px -800px;} .windarrow-290{background-position:-96px -832px;} .windarrow-291{background-position:-96px -864px;} .windarrow-292{background-position:-96px -896px;} .windarrow-293{background-position:-96px -928px;} .windarrow-294{background-position:-96px -960px;} .windarrow-295{background-position:-96px -992px;} .windarrow-296{background-position:-96px -1024px;} .windarrow-297{background-position:-96px -1056px;} .windarrow-298{background-position:-96px -1088px;} .windarrow-299{background-position:-96px -1120px;} .windarrow-3{background-position:-96px -1152px;} .windarrow-30{background-position:-96px -1184px;} .windarrow-300{background-position:-96px -1216px;} .windarrow-301{background-position:-96px -1248px;} .windarrow-302{background-position:-96px -1280px;} .windarrow-303{background-position:-96px -1312px;} .windarrow-304{background-position:-96px -1344px;} .windarrow-305{background-position:-96px -1376px;} .windarrow-306{background-position:-96px -1408px;} .windarrow-307{background-position:-96px -1440px;} .windarrow-308{background-position:-96px -1472px;} .windarrow-309{background-position:-96px -1504px;} .windarrow-31{background-position:-96px -1536px;} .windarrow-310{background-position:-96px -1568px;} .windarrow-311{background-position:-96px -1600px;} .windarrow-312{background-position:-96px -1632px;} .windarrow-313{background-position:-96px -1664px;} .windarrow-314{background-position:-96px -1696px;} .windarrow-315{background-position:-96px -1728px;} .windarrow-316{background-position:-96px -1760px;} .windarrow-317{background-position:-96px -1792px;} .windarrow-318{background-position:-96px -1824px;} .windarrow-319{background-position:-96px -1856px;} .windarrow-32{background-position:-96px -1888px;} .windarrow-320{background-position:-96px -1920px;} .windarrow-321{background-position:-96px -1952px;} .windarrow-322{background-position:-128px 0;} .windarrow-323{background-position:-128px -32px;} .windarrow-324{background-position:-128px -64px;} .windarrow-325{background-position:-128px -96px;} .windarrow-326{background-position:-128px -128px;} .windarrow-327{background-position:-128px -160px;} .windarrow-328{background-position:-128px -192px;} .windarrow-329{background-position:-128px -224px;} .windarrow-33{background-position:-128px -256px;} .windarrow-330{background-position:-128px -288px;} .windarrow-331{background-position:-128px -320px;} .windarrow-332{background-position:-128px -352px;} .windarrow-333{background-position:-128px -384px;} .windarrow-334{background-position:-128px -416px;} .windarrow-335{background-position:-128px -448px;} .windarrow-336{background-position:-128px -480px;} .windarrow-337{background-position:-128px -512px;} .windarrow-338{background-position:-128px -544px;} .windarrow-339{background-position:-128px -576px;} .windarrow-34{background-position:-128px -608px;} .windarrow-340{background-position:-128px -640px;} .windarrow-341{background-position:-128px -672px;} .windarrow-342{background-position:-128px -704px;} .windarrow-343{background-position:-128px -736px;} .windarrow-344{background-position:-128px -768px;} .windarrow-345{background-position:-128px -800px;} .windarrow-346{background-position:-128px -832px;} .windarrow-347{background-position:-128px -864px;} .windarrow-348{background-position:-128px -896px;} .windarrow-349{background-position:-128px -928px;} .windarrow-35{background-position:-128px -960px;} .windarrow-350{background-position:-128px -992px;} .windarrow-351{background-position:-128px -1024px;} .windarrow-352{background-position:-128px -1056px;} .windarrow-353{background-position:-128px -1088px;} .windarrow-354{background-position:-128px -1120px;} .windarrow-355{background-position:-128px -1152px;} .windarrow-356{background-position:-128px -1184px;} .windarrow-357{background-position:-128px -1216px;} .windarrow-358{background-position:-128px -1248px;} .windarrow-359{background-position:-128px -1280px;} .windarrow-36{background-position:-128px -1312px;} .windarrow-37{background-position:-128px -1344px;} .windarrow-38{background-position:-128px -1376px;} .windarrow-39{background-position:-128px -1408px;} .windarrow-4{background-position:-128px -1440px;} .windarrow-40{background-position:-128px -1472px;} .windarrow-41{background-position:-128px -1504px;} .windarrow-42{background-position:-128px -1536px;} .windarrow-43{background-position:-128px -1568px;} .windarrow-44{background-position:-128px -1600px;} .windarrow-45{background-position:-128px -1632px;} .windarrow-46{background-position:-128px -1664px;} .windarrow-47{background-position:-128px -1696px;} .windarrow-48{background-position:-128px -1728px;} .windarrow-49{background-position:-128px -1760px;} .windarrow-5{background-position:-128px -1792px;} .windarrow-50{background-position:-128px -1824px;} .windarrow-51{background-position:-128px -1856px;} .windarrow-52{background-position:-128px -1888px;} .windarrow-53{background-position:-128px -1920px;} .windarrow-54{background-position:-128px -1952px;} .windarrow-55{background-position:-160px 0;} .windarrow-56{background-position:-160px -32px;} .windarrow-57{background-position:-160px -64px;} .windarrow-58{background-position:-160px -96px;} .windarrow-59{background-position:-160px -128px;} .windarrow-6{background-position:-160px -160px;} .windarrow-60{background-position:-160px -192px;} .windarrow-61{background-position:-160px -224px;} .windarrow-62{background-position:-160px -256px;} .windarrow-63{background-position:-160px -288px;} .windarrow-64{background-position:-160px -320px;} .windarrow-65{background-position:-160px -352px;} .windarrow-66{background-position:-160px -384px;} .windarrow-67{background-position:-160px -416px;} .windarrow-68{background-position:-160px -448px;} .windarrow-69{background-position:-160px -480px;} .windarrow-7{background-position:-160px -512px;} .windarrow-70{background-position:-160px -544px;} .windarrow-71{background-position:-160px -576px;} .windarrow-72{background-position:-160px -608px;} .windarrow-73{background-position:-160px -640px;} .windarrow-74{background-position:-160px -672px;} .windarrow-75{background-position:-160px -704px;} .windarrow-76{background-position:-160px -736px;} .windarrow-77{background-position:-160px -768px;} .windarrow-78{background-position:-160px -800px;} .windarrow-79{background-position:-160px -832px;} .windarrow-8{background-position:-160px -864px;} .windarrow-80{background-position:-160px -896px;} .windarrow-81{background-position:-160px -928px;} .windarrow-82{background-position:-160px -960px;} .windarrow-83{background-position:-160px -992px;} .windarrow-84{background-position:-160px -1024px;} .windarrow-85{background-position:-160px -1056px;} .windarrow-86{background-position:-160px -1088px;} .windarrow-87{background-position:-160px -1120px;} .windarrow-88{background-position:-160px -1152px;} .windarrow-89{background-position:-160px -1184px;} .windarrow-9{background-position:-160px -1216px;} .windarrow-90{background-position:-160px -1248px;} .windarrow-91{background-position:-160px -1280px;} .windarrow-92{background-position:-160px -1312px;} .windarrow-93{background-position:-160px -1344px;} .windarrow-94{background-position:-160px -1376px;} .windarrow-95{background-position:-160px -1408px;} .windarrow-96{background-position:-160px -1440px;} .windarrow-97{background-position:-160px -1472px;} .windarrow-98{background-position:-160px -1504px;} .windarrow-99{background-position:-160px -1536px;} /*WEATHER ARROWS*/ /*GENERAL WEATHER*/ .weather-icon {background-image:url(http://i.windalert.com/sprites-weather.png); background-repeat:no-repeat;margin-top:2px;margin-bottom:2px;} .weather-cloud1{background-position:0 0;width:14px;height:13px} .weather-cloud2{background-position:0 -33px;width:14px;height:13px} .weather-cloud3{background-position:0 -66px;width:15px;height:12px} .weather-cloud4{background-position:0 -98px;width:13px;height:7px} .weather-cloud_1_b{background-position:0 -125px;width:12px;height:17px} .weather-cloud_2_b{background-position:0 -162px;width:12px;height:17px} .weather-cloud_3_b{background-position:0 -199px;width:12px;height:17px} .weather-cloud_4_b{background-position:0 -236px;width:12px;height:17px} .weather-freezing_rain{background-position:0 -273px;width:13px;height:15px} .weather-ice_pellets{background-position:0 -308px;width:13px;height:15px} .weather-precip1{background-position:0 -343px;width:10px;height:30px} .weather-precip2{background-position:0 -393px;width:10px;height:30px} .weather-precip3{background-position:0 -443px;width:10px;height:30px} .weather-precip4{background-position:0 -493px;width:10px;height:30px} .weather-precip_0{background-position:0 -543px;width:10px;height:30px} .weather-precip_1{background-position:0 -593px;width:10px;height:30px} .weather-precip_2{background-position:0 -643px;width:10px;height:30px} .weather-precip_3{background-position:0 -693px;width:10px;height:30px} .weather-precip_4{background-position:0 -743px;width:10px;height:30px} .weather-rain{background-position:0 -793px;width:13px;height:15px} .weather-rain_b{background-position:0 -828px;width:12px;height:17px} .weather-snow{background-position:0 -865px;width:13px;height:15px} .weather-snow_b{background-position:0 -900px;width:12px;height:17px} .weather-sun{background-position:0 -937px;width:12px;height:12px} .weather-sun_b{background-position:0 -969px;width:12px;height:17px} .weather-weather001{background-position:0 -1006px;width:12px;height:12px} /*GENERAL WEATHER*/ /*** FULLWIDTH MAP ***/ .fullwidth .jw-map-header { position: absolute; top: 0; left: 0; right: 0; background: transparent url(images/map-overlay-1.png); padding: 7px 0; z-index: 10; height: 28px; } .fullwidth .jw-map-header-left { position: absolute; width: 475px; left: 50%; margin-left: -475px; } .fullwidth .jw-map-header-right { position: absolute; width: 475px; right: 50%; margin-right: -475px; } .fullwidth .jw-map-header-right ul { float: right; } .fullwidth .jw-map-customize-menu ul { float: none; } .fullwidth .jw-map-zoom-control { position: absolute; left: 50%; margin: 0 0 0 -475px; top: 50px; padding: 4px; } .fullwidth .jw-map-timestamp { position: absolute; padding: 3px 12px; top: 50px; left: 50%; margin-left: -435px; min-width: 128px; } .fullwidth .jw-map-product-controls { position: absolute; top: 50px; margin-left: -230px; left: 50%; } @media only screen and (max-width: 767px) { .fullwidth .jw-map-product-controls { padding: .5rem 1rem; top: 30px; left: auto; right: 10px; width: auto; border-radius: 100vw; } .fullwidth .jw-map-product-controls > * + * { margin-left: .5rem; } } .fullwidth .jw-map-buttons { right: 50%; top: 50px; margin-right: -475px; } /*** FULLWIDTH MAP ***/ /************************************/ /**** Stats *****/ /************************************/ /*********** Main Wrapper ***********/ .jw-stats-main-wrapper {font-size: 14px;background-color:#ffffff;color:#000000;padding-bottom:20px;} /*********** Controls ***********/ .jw-stats-controls-wrapper{background-color:#F0F0F0;padding-left:10px;padding-right:10px;padding-top:5px;padding-bottom:4px;border-bottom:1px solid #D4D4D4;} .jw-stats-controls-wrapper select{margin-right: 5px;} /*********** Layout ***********/ .jw-stats-layout-table {width:100%;border-collapse:collapse;background-repeat:no-repeat;table-layout:fixed;} .jw-stats-layout-table-month-td {width:50%;vertical-align:top;} .jw-stats-layout-table-graph-td {width:50%;vertical-align:top;text-align:center;} .jw-stats-month-table {width:95%;border-collapse:collapse;background-repeat:no-repeat;table-layout:fixed;} .jw-stats-month-table-tr{cursor: pointer;} .jw-stats-month-table-tr:hover {background-color: #e6e6e6;} .jw-stats-month-table-label-td {padding:3px;text-align:right;width:90px;} .jw-stats-month-table-bar-td {padding-top:3px;padding-bottom:3px;border-left:1px solid #9c9c9c; border-bottom:1px dotted #9c9c9c;} .jw-stats-month-table-bar-td:hover {background-color: #e6e6e6;} .jw-stats-month-table-x-axis-label-td {padding:1px;text-align:right;width:90px;} .jw-stats-month-table-x-axis-td {padding:1px;border-bottom:1px solid #9c9c9c;} /*********** Wind Bar Graphs ***********/ .jw-stats-bar-avg-t15 {position: absolute;top: 0px;left: 0px;font-size: 4px;background-color: #383880;height: 14px;} .jw-stats-bar-avg-t20 {position: absolute;top: 2px;left: 0px;font-size: 4px;background-color: #8484BF;height: 10px;} .jw-stats-bar-avg-t25 {position: absolute;top: 4px;left: 0px;font-size: 4px;background-color: #d0d0ff;height: 6px;} .jw-stats-bar-gust-t15 {position: absolute;top: 0px;left: 0px;font-size: 4px;background-color: #912929;height: 14px} .jw-stats-bar-gust-t20 {position: absolute;top: 2px;left: 0px;font-size: 4px;background-color: #B05F5F;height: 10px} .jw-stats-bar-gust-t25 {position: absolute;top: 4px;left: 0px;font-size: 4px;background-color: #E0B1B1;height: 6px} .jw-stats-bar-total {position: absolute;top: 0px;left: 0px;font-size: 10px;height: 16px;border-right:1px solid red;text-align:right;padding-right:2px; color:#999999;} .jw-stats-bar-x-axis {position: absolute; top:0px; left:0; text-align:right; font-size:10px; height:10px; border: none;} /*********** Legend ***********/ #jw-stats-legend-avg {display:none;} #jw-stats-legend-gust {display:none;} .jw-stats-legend {text-align:center;font-size: 12px;padding-top:10px;} .jw-stats-legend-item {text-align:center;display: inline-block;margin-left: 15px;} .jw-stats-legend-all {background-color: #a3a3a3;border: 1px solid #000000;display: inline-block;margin-left: 5px;margin-right: 5px;width: 12px;height: 12px;} .jw-stats-legend-avg-t15 {background-color: #383880;border: 1px solid #000000;display: inline-block;margin-left: 5px;margin-right: 5px;width: 12px;height: 12px;} .jw-stats-legend-avg-t20 {background-color: #8484BF;border: 1px solid #000000;display: inline-block;margin-left: 5px;margin-right: 5px;width: 12px;height: 12px;} .jw-stats-legend-avg-t25 {background-color: #d0d0ff;border: 1px solid #000000;display: inline-block;margin-left: 5px;margin-right: 5px;width: 12px;height: 12px;} .jw-stats-legend-gust-t15 {background-color: #912929;border: 1px solid #000000;display: inline-block;margin-left: 5px;margin-right: 5px;width: 12px;height: 12px;} .jw-stats-legend-gust-t20 {background-color: #B05F5F;border: 1px solid #000000;display: inline-block;margin-left: 5px;margin-right: 5px;width: 12px;height: 12px;} .jw-stats-legend-gust-t25 {background-color: #E0B1B1;border: 1px solid #000000;display: inline-block;margin-left: 5px;margin-right: 5px;width: 12px;height: 12px;} .jw-stats-legend-reporting-days {background-color: red;display: inline-block;margin-left: 5px;margin-right: 5px;width: 2px;height: 12px;} /*********** Other ***********/ .jw-stats-selected {background-color:#F7F68B;} .jw-stats-selected:hover {background-color:#F7F68B;} .jw-stats-heading {padding:8px;text-align:center;font-weight:bold;} .jw-stats-chart-label {padding:3px;text-align:center;} .jw-stats-label-dot {background-color: #F7F68B;border: 1px solid #D4D4D4;border-radius: 8px 8px 8px 8px;display: inline-block;height: 8px;margin-left: 5px;margin-right: 5px;width: 8px;} .jw-stats-chart {display:inline-block;} .jw-stats-chart-image {} /* Onsite Reports */ .onsite-marker { cursor: pointer; z-index: 20; } .onsite-active-marker { z-index: 300; } .onsite-qv { cursor: pointer; background-color: #fff; color: #222; border: 1px solid #3A3B44; padding: 10px; z-index: 200; margin: -45px 0 0 -22px; min-width: 200px; max-width: 300px; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75); } .onsite-qv-hdr { margin-left: 55px; min-height: 42px; } .onsite-qv-desc, .onsite-qv-notes { line-height: 1.5em; } .onsite-qv-close-ctn { position: absolute; top: 5px; right: 5px; } .onsite-qv-close-ctn .ui-icon{ background-image: url(../jQuery/themes/custom-theme/images/ui-icons_222222_256x240.png); } .onsite-qv-pa { margin-top: 10px; text-align: right; } .onsite-qv-details-btn { margin-top: 15px; width: 100%; } .onsite-qv .onsite-evaluation { margin: 15px 0; width: 100%; } /* Onsite Reports */ /* Onsite Report List View */ #onsite-reports, .onsite-reports { background-color: #fff; } .onsite-list { margin-right: 470px; background-color: #fff; font-size: 14px; } .onsite-list ul { border-right: 2px solid #ccc; } .onsite-list li { position: relative; display: block; cursor: pointer; font-size: .750em; background-color: #ccc; line-height: 1.125em; padding: 1.2em .25em; padding-left: 60px; border-bottom: 1px solid #fff; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .onsite-list li p { padding: 0; } .list-wind-desc { line-height: 1.25em; } .list-meta { text-align: right; margin-top: .313em; color: #837f86; } .list-meta span { margin-left: 10px; } .onsite-list li.selected, .onsite-list li:hover { background-color: #fff; } .onsite-marker { position: absolute; left: 5px; top: 50%; margin-top: -17.5px; } .onsite-detail { float: right; width: 470px; height: 100%; background-color: #fff; color: #222; } .detail-content { padding: 0 10px 15px 20px; } .meta { width: 410px; padding: 4px; background-color: #eee; } .meta-footer { border-top: 1px solid #ccc; margin-top: 5px; padding: 5px 0; } .onsite-report-ctn:after, .wind-desc:after, .meta:after { content: ""; display: table; clear: both; } .meta p { font-size: 12px; } .meta .report-type { float: right; } .reputation-ctn { clear:both; margin-top: 10px; } .detail-content .reputation-ctn .sparkbar { width: 200px; /* IE7 fix */ } .report-distance { margin-top: 15px; text-align: center; } .show-onsite-reports { display: block; clear: both; background-color: #ccc; padding: 8px; width: 402px; margin-top: 4px; } .onsite-report-map { border: 1px solid #e2e2e2; } .onsite-detail h1 { font-size: 1.375em; margin: 0 10px; font-weight: 900; border-bottom: 1px solid #ccc; min-height: 40px; line-height: 40px; vertical-align: middle; } .shared-from { position: absolute; right: 10px; top: 0; height: 35px; } .shared-from img { height: 100%; opacity: .3; filter: alpha(opacity=30); -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .shared-from img:hover { opacity: .5; filter: alpha(opacity=50); } .wind-desc { clear:both; font-size: 1.750em; line-height: 1.429em; text-align: center; padding: .938em 0; font-style: italic; } .wind-desc .qstart { float: left; height: 45px; margin-top: -20px; padding-top: 45px; margin-bottom: -50px; margin-left: -10px; font-size: 500%; } .wind-desc .qend { float: right; height: 25px; margin-top: 0px; padding-top: 45px; padding-right: 10px; font-size: 500%; } .short-url { border: 1px solid #e2e2e2; color: #888; font-size: 18px; padding: 7px; } .social-btns li { display: inline-block; *display: inline; /* IE7 */ zoom: 1; line-height:42px; vertical-align: middle; padding: 0 .125em; margin-top: 1em; } .social-btns a { display: block; opacity: 0.8; filter: alpha(opacity=80); height: 42px; width: 42px; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; } .social-btns a:hover { opacity: 1; filter: alpha(opacity=100); } .social-btns img { height: 100%; } .btn-facebook img { background: url(http://www.weatherflow.com/onsitereports/img/share-fb.png) no-repeat; } .btn-twitter img { background: url(http://www.weatherflow.com/onsitereports/img/share-tw.png) no-repeat; } .btn-email img { background: url(http://www.weatherflow.com/onsitereports/img/share-em.png) no-repeat; } .btn-copy img { background: url(http://www.weatherflow.com/onsitereports/img/share-cp.png) no-repeat; } /* Onsite Report List View */ /* Up / Down Voting */ .reputation-ctn li { display: inline-block; *display: inline; /* IE7 */ zoom: 1; padding: 0 3px; } .sparkbar { width: 125px; overflow:hidden; background-color: #b1b1b1; } .sparkbar div { float: left; height: 5px; } .sparkbar .upvotes { background-color: #8ac441; } .sparkbar .downvotes { background-color: #d55454; } .spark-text { margin-top: 2px; font-size: 11px; } .spark-text .up-vote-percent { float: left; } .spark-text .down-vote-percent { float: right; } .reputation-ctn { text-align: center; } .reputation-ctn a { display: block; height: 20px; width: 20px; background-image: url(images/up-down.png); } .up-vote { background-position: -25px 0; } .up-vote:hover { background-position: -25px -25px; } .up-vote.selected { background-position: -25px -50px; } .down-vote { background-position: 0 0; } .down-vote:hover { background-position: 0 -25px; } .down-vote.selected { background-position: 0 -50px; } /* Up / Down Voting */ /* Surface Currents */ .surface-currents-not-available { position: absolute; width: 500px; top: 45%; left: 50%; margin-left: -250px; font-weight: bold; font-size: 14px; text-align: center; color: #fff; } .map-bg-map .surface-currents-not-available, .map-bg-terrain .surface-currents-not-available { color: #222; } /* Surface Currents */ /* JQUERY Multiselect Widget */ /* -http://www.erichynds.com/blog/jquery-ui-multiselect-widget */ .ui-multiselect { padding:2px 0 2px 4px; text-align:left } .ui-multiselect span.ui-icon { float:right } .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px } .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 } .ui-multiselect-header a { text-decoration:none } .ui-multiselect-header a:hover { text-decoration:underline } .ui-multiselect-header span.ui-icon { float:left } .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 } .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left } .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll } .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px } .ui-multiselect-checkboxes label input { position:relative; top:1px } .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border:none } /* WeatherFlow Custom Upgrades */ .ui-multiselect-checkboxes label input { float:left; margin-right:10px; } .ui-multiselect-checkboxes li { display:block; } .ui-multiselect-checkboxes label input { position:relative; top:-6px } .ui-multiselect-header ul { font-size:10px; } .ui-multiselect-menu { z-index:500; } .ui-multiselect-checkboxes label { font-size:11px; } /* JQUERY Multiselect Widget END */