/***** jweather_modals *****/

/*.wfmodal-profile-table-header {
    border-bottom: 1px solid #ffffff
}*/

.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 {    
    float: left;
    width: 100%;    
}
.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 {
    padding: 25px 10px;
}
.wfmodal-body p {
    color: #fff;
    margin: 0 0 0 0;
    width: 435px;
}
.wfmodal-buttons {
    clear: both;
    text-align: right;    
    padding: 15px 0;
}
.wfmodal-buttons-new {
    clear: both;
    display: block;
    float: none;
    margin-left: -24px;
    height: 28px;
    width: 480px;
    text-align: center;
}
.wfmodal-buttons ul li {
    display: inline;
    list-style: none;
}
.wfmodal-links-ul {
    margin-top: 8px;
}
.wfmodal-links-ul li {
    display: inline;
    list-style: none;    
}
.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 span.title,
.wfmodal-header h2.title,
.ui-dialog .ui-dialog-title {
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
}
.wfmodal-textfield input {
    min-width: 250px;    
    padding-left: 5px;
    height: 20px;
}
.field-wrap label {
    line-height: 30px;
    vertical-align: baseline;
}
.field-wrap input {
    width: 300px;
    float: right;
}
.wfmodal {    
    display: none;
    height: auto;
    left: 50%;
    margin-left: -200px;
    position: fixed;
    top: 20%;
    width: 400px;
    background-color: #fff;
    color: #3A3B44;
}
.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 {
    color: #3A3B44;
    text-shadow: none;
    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 {    
    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: #E7E7E7;
    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;
    border-bottom: 1px solid #e7e7e7;
}
#wfmodal-loading .wfmodal-title {
    text-align: center;
    margin-top: 15px;
}
#wfmodal-loading .wfmodal-body div {
    height: 16px;
    width: 16px;
    margin: 0 auto;
}

/* jQuery Modals */
.jw-modal-name-msg {
    line-height: 1.5em;
    margin-bottom: 10px;
}

#jw-modal-input-name {
    margin-left: 9px;
    width: 260px;
}

.ui-state-error {
    margin-top: 4px;
}
/* jQuery Modals */

/***** jweather_modals *****/

/***** jweather_map *****/

/* Common */
.jw-map-control {
    z-index: 1;
}
/* Common */

/* Profile Map */
.spotInfoContainer .jw-map-ctn {    
    width: 100%;
    position: relative;        
}
/* Profile Map */

/* Cosmos */
.fullwidth .jw-map-ctn {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: 0;
    transition: 400ms;
    color: #222;    
}
.jw-panel {
    color: #474747;
    text-shadow: none;
}

.jw-panel-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -235px;    
    z-index: 50;    
    width:  235px;
    transition: 400ms;
    overflow: hidden;
}

.jw-panel-left, .jw-panel-left a, .jw-panel-right a, .jw-panel-right p {
    color: #222;
}

.jw-panel-left .jw-panel-content {
    position: absolute;    
    top: 0;
    bottom: 0;
    width: 235px;        
    background-color: #fff;    
    overflow:auto;
}

.jw-panel-tabs {
    float: right;
}

.jw-panel-toggle {
    position: relative;
    height: 42px;
    width: 40px;
    background: #3A3B44 url(images/transparent.png);   
    z-index: 60;
}

.jw-panel-toggle div {
    width: 100%;
    height: 100%;
    background: transparent url(images/19-gear.png) no-repeat 50% 50%;
    cursor: pointer;
}

.jw-panel-left h1 {
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #3A3B44 url(images/transparent.png);
    color: #fff;
}
.jw-panel-left h2:hover {
    background-color: #28282E;
}

.jw-panel h2 span {
    position: absolute;
    right: 0;
    top: 50%;
    margin-right: 10px;
    margin-top: -8px;
    cursor: pointer;
}

.jw-panel h2 .ui-icon {
    background-image: url(../jQuery/themes/pro-ui/images/ui-icons_ffffff_256x240.png);
}

.jw-panel h3 {
    margin: 8px 0 5px;
    font-weight: 900;
}

.jw-section-content {
    padding: 8px;
}

.jw-section-content select {
    width: 90%;
}

.jw-section-content li {
    line-height: 26px;
    vertical-align: baseline;
}

.jw-section-content li input {
    line-height: 26px;
    vertical-align: middle;
}

.jw-section-content li label {
    line-height: 26px;
    vertical-align: middle;    
}

.jw-map-customize-global {
    padding: 8px 0 15px;
}
/* Cosmos */

/* Detail Panel (right panel) */
.jw-panel-hdr {
    position: relative;
    height: 40px;
    padding: 0 8px;
}

.jw-spot-msg {
    padding: 5px 8px;
    background-color: #fff;
}

.jw-panel-hdr .jw-spot-name {
    display: inline-block;
    line-height: 40px;    
    vertical-align: top;
    color: #fff;
    font-size: 18px;
    *display: inline; /* IE7 hack */
}

.jw-panel-hdr .jw-detail-view {
    display: inline-block;
    background: transparent url("images/pop-out.png") no-repeat 50% 50%;
    margin-left: 8px;
    height: 40px;
    width: 16px;
    *display: inline; /* IE7 hack */
}

.jw-container-info {    
    padding: 5px;   
}

.ctn-buttons {
    float: right;
    margin-right: 10px;    
}

.spot-info-buttons {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -14.5px;
}

.spot-info-buttons button {
    border: none;
    background-color: transparent;
    background-image: none;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    filter: alpha(opacity=80);
    transition: opacity 100ms ease-in-out;
    -moz-transition: opacity 100ms ease-in-out;
    -webkit-transition: opacity 100ms ease-in-out;
}

.spot-info-buttons button:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
    filter: alpha(opacity=100);
}

.spot-info-buttons .ui-icon-alert {
    background-image: url(images/ui-sprites-3.png);
    background-position: -21px 0;    
}

.spot-info-buttons .ui-icon-gear {
    background-image: url(images/ui-sprites-3.png);
    background-position: -145px 0;    
}

.spot-info-buttons .ui-icon-search {
    background-image: url(images/ui-sprites-3.png);
    background-position: -557px 0;    
}

.jw-panel-right {        
    background-color: #fff;    
}

.jw-panel-right .jw-panel-content {    
    width: 100%;
    height: 100%;
}

.jw-panel-right .jw-panel-sections {
    position: absolute;
    top: 119px;
    bottom: 0;
    left: 0;
    right: 0;    
    overflow: auto;
}

.jw-panel-right .detail-section {    
    height: 100%;    
    width: 100%;        
}

.jw-panel-right .ds-forecast-table {
    overflow-x: hidden;
}

.jw-panel-right .ds-forecast-table .jw-main-wrapper {
    width: 784px;
}

.jw-panel-right .unavailable-msg, .ds-info-content p {
    padding: 15px;
}

.jw-panel-right .jw-bulletin-close-ctn {
    display: none;
}

.ds-info-content p {
    text-align: center;
    font-size: 14px;
}

.jw-marker-help {
    background: url(images/spot-detail-help.gif) no-repeat;
    width: 350px;
    height: 292px;
    margin: 20px auto 0;
    border: 8px solid #3A3B44;
}

.ds-content.spot-briefing, .ds-content.spot-station-info {
    margin: 15px;
}

.spot-station-info p, .spot-tide p {
    line-height: 1.5em;
}

.jw-panel-right .detail-section .ui-widget-content {
    border: none;
}

.jw-section-hdr {
    background-color: #222;
    color: #fff;
    padding: 0 3px;
}

.jw-section-hdr li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 24px;
    vertical-align: middle;
    padding: 7px 5px;
    min-width: 72px;
    text-align: center;
    font-weight:bold;
}

.jw-section-hdr li.selected, .jw-section-hdr li:hover {    
    color: #94CB68;
    cursor: pointer;
}

.jw-section-hdr li.selected {
    background: url(images/active-section.png) no-repeat 50% bottom;
}

/* Detail Panel (right panel) */

/* Map Header */
.pnl-btn {
    position: absolute;
    z-index: 50;
    display:block;
    height: 40px;    
    overflow:hidden;
    background-color: #94cb68;
    background-repeat: no-repeat;
    background-position: 50% 50%;    
    opacity: .9;
    border: 1px solid #578F40;
}

.pnl-btn:hover {
    opacity: 1;
}

.left-pnl-btn {
    top: 0;
    left: 0;
    background-image: url(images/panel-menu.png);
    width: 60px;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;    
}

.right-pnl-btn {
    top: 0;
    right: 0;
    background-image: url(images/spot-menu.png);
    width: 60px;
    border-radius: 5px 0px 0px 5px;
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;    
    border-right-width: 0;
}

.expanded-right .right-pnl-btn {
    background-image: url(images/rp-close.png);
}

.jw-map-button-submenu {
    position: absolute;    
    right: 0; 
    padding: 5px;
    margin-top: -1px;
}
.jw-map-buttons {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 5;
}
.jw-map-buttons li {
    float: left;
    position: relative;
}
.jw-opfx-menu {
    max-height: 300px;    
    overflow: auto;
}
.jw-opfx-menu ul li {
    display: block;
    font-size: 11px;
    line-height: 18px;
    float: none;
}
.jw-opfx-menu h4 {    
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 5px;
}

.jw-map-selector {
    min-width: 245px;
}

.jw-map-selector, .jw-panel-hdr {        
    background-color: #94CB68;
    background-image:none;
    border: 1px solid #578F40;
    opacity: 0.9;
    filter: alpha(opacity: 90);
    white-space: nowrap;
}

.jw-map-selector .ui-button-text {
    font-weight: bold;
    padding: .4em 1em .4em 30px;
}

.jw-map-selector .ui-icon {
    background-image: url(images/panel-menu.png);
    height: 24px;
    width: 24px;
    margin-top: -12px;
    background-position: 0 0;    
}

.jw-map-view-list {    
    padding-bottom: 10px;
}
.jw-map-view-list ul {
    padding-bottom: 10px
}
.jw-map-view-list ul li {
    position: relative;
    display: block;
    margin: 10px 0;
    padding: 5px;        
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s; 
}
.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 span.jw-regional-product-toggle-icon {
    position: absolute;
    right: 5px;
    top: 5px;
}
.jw-map-view-list .jw-product-menu {
    margin: 25px 0 0 0;
}
.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 {    
    text-decoration: none;
    color: #222;
}
.jw-map-view-list .jw-product-menu li a:hover,
.jw-map-view-list .jw-product-menu li a.selected {    
    text-decoration: underline;
}
.jw-map-view-list .view-icon {
    width: 50px;
    height: 40px;
    float: left;
    margin: 0 15px 0 0;
    border: 1px 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.png) 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 {   
    height: 575px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}
.jw-map-view-list .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
}
/* Map Header */

/* Markers */
.jw-marker {
    cursor: pointer;
    -webkit-transform: translateZ(0px);
}

.jw-marker.active, .wfsvd.active, .onsite-marker.active {
    z-index: 205 !important;
}

.jw-marker.poi div {
    display: none
}
.jw-marker.t1 {
    z-index: 5
}
.jw-marker.t1.p1 {
    z-index: 10
}
.jw-marker.t100,
.jw-marker.t101 {
    z-index: 1
}

.selected-marker {
    position: absolute;
    background: rgba(255,255,255,0.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 59px;
    height: 59px;
 }
 .selected-marker.WFMarker {
    margin: -29.5px 0 0 -20px;
}

.selected-marker.OnsiteReportMarker {
    margin: -45px 0 0 -17px;
}

.selected-marker.WFFXMarker {
    margin: -23px 0 0 -18px;
}

.selected-marker.WFSVD {
    margin: -27px 0 0 -27px;
}
/* Markers */

/* QuickView */
.jw-map-qv {
    position: absolute;
    z-index: 200;
    width: 244px;        
    display: none;
    cursor: pointer;
    margin: -26px 0 0 -26px;
    -webkit-transform: translateZ(0px);
}
.jw-map-qv-extened {
    height: 200px
}
.jw-map-qv-title {
    font-weight: bold;
    display: inline-block;
    margin: 10px 0 0 60px;
    text-decoration: none;
    font-size: 12px;
    font-family: Arial, Tahoma;
    max-width: 160px;
    overflow: hidden;
    text-shadow: none;    
    text-overflow: ellipsis;
    white-space:nowrap
}
.qv-dv {
    display: inline-block;
}
.jw-map-qv-wsd, .jw-map-qv-sst {
    margin: 0 17px 0 60px;
    font-size: 10px;
}
.jw-map-qv-wind-dir {
    position: absolute;
    top: 11px;
    left: 8px;
}
.qv-condensed .jw-map-qv-wind-dir {
    top: 3px;
    left: 7px;
}
.jw-map-qv-wind-speed {
    position: absolute;
    top: 12px;
    left: 34px;
}
.jw-map-qv img.loading {
}
.jw-map-qv-obs-img {
    height: 100px;
    width: 240px;
    border: 0px;
    overflow: hidden;
    margin: 15px 0 0;
}
.jw-map-qv-spot-functions {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding: 2px 0;
}
.fx-qv .jw-map-qv-spot-functions {
    margin-top: 20px;
}
.jw-map-qv-spot-functions button {
    padding: 0 !important;
    margin-left: 0 !important; 
    border: none !important;
    background: #222 none !important;      
}
.jw-map-qv-spot-functions button.jw-map-qv-forecast {
    width: 100%
}
.jw-map-qv-favorite {
    float: right;
}
.jw-map-qv-spot-functions a span.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 3px;
}
.jw-map-qv-fx .jw-map-qv-wind-speed {
    top: 10px;
    left: 28px;
}
/* QuickView */

/* Onsite Reports */
.onsite-marker {
    cursor: pointer;
    z-index: 20;    
}

.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;  
    font-family: Arial, Sans-Serif;
    -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-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 */

/* Animation Controls */
.jw-map-product-controls {
    position: absolute;
    padding: 2px 5px;
    top: 40px;
    left: 45px;
    width: 522px;    
}

.fullwidth .jw-map-product-controls {    
    top: 40px;    
    left: 45px;
}

.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;
    background-image: none;
    opacity: .9;
    filter: alpha(opacity: 90);
}
.jw-map-slider .ui-slider-handle {
    background: url(https://dgc226zoszbee.cloudfront.net/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;
}
/* Animation Controls */

/* Map Controls */
.jw-map-zoom-control {
    position: absolute;
    top: 10px;
    left: 8px;    
}

.jw-map-zoom-in {
    border-bottom: 1px solid #050505;    
    background-image: url(images/map-plus.png) !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 30px;
    height: 26px;
}

.jw-map-zoom-out {
    border-top: 1px solid #777;    
    background-image: url(images/map-minus.png) !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 30px;
    height: 26px;
}

.fullwidth .jw-map-zoom-control {
    left: 5px;    
    top: 50px;
}

.jw-map-timestamp {
    position: absolute;
    padding: 3px 12px;
    top: 10px;
    left:45px;   
    min-width: 128px;    
}

.fullwidth .jw-map-timestamp {
    top: 50px;
    left: 66px;    
}

.jw-map-buttons {
    position: absolute;
    top: 8px;
    right: 8px;
}

.fullwidth .jw-map-buttons {
    right: 50%;
    top: 50px;
    margin-right: -475px;
}

.jw-map-product-meta {
    position: absolute;
    bottom: 10px;
    right: 0px;
    z-index: 5;
    color: #000;
    height: 20px;
    padding: 5px 10px;
    font-weight: bold;
}
/* Map Controls */

/* Legends */
.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 {
    position: absolute;
    bottom: 65px;
    left: -175px;
    width: 400px;
    margin-left: 50%;
    z-index: 20;
}
.surface-currents-legend ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
.surface-currents-legend ul li {
    display: block;
    float: left;
    width: 50px;
    margin-left: -3px;
    list-style: none;
    font-weight: bold;
    color: #000;
}
.map-bg-hybrid .surface-currents-legend ul li,
.map-bg-satellite .surface-currents-legend ul li {
    color: #fff
}*/
.surface-currents-legend li.units-label {
    padding-right: 10px;
}
.surface-currents-legend li span {
    display: block;
    height: 15px;
    width: 50px;
}
.surface-currents-legend li span.legend-label {
    position: relative;
    left: -10px;
    margin-top: 5px;
    text-align: left;
}
.surface-currents-legend li:nth-child(2) span.legend-label {
    left: 0
}
.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;}
/* Legends */

/* 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 */

/* Bulletins - Map */
.spotInfoContainer .jw-map .jw-bulletin-ctn {
    position: absolute;
    z-index: 500;
    bottom: 0;
    right: 0;
    width: 350px;
    height: 400px;
}
.spotInfoContainer .jw-map .jw-bulletin-close-ctn {    
    top: -10px;
    left: -10px;    
}
.spotInfoContainer .jw-map .jw-bulletin-ctn .ui-tabs-nav {
    min-width: 340px
}
.spotInfoContainer .jw-map .jw-bulletin-ctn .viewport {    
    height: 300px;
    overflow: auto;
    position: relative;
}
.spotInfoContainer .jw-map .jw-bulletin-ctn .overview {
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
}
.spotInfoContainer .jw-map .jw-bulletin-ctn .scrollbar {
    margin-right: 0
}
.spotInfoContainer .jw-bulletin-ctn p,
.spotInfoContainer .jw-bulletin-ctn pre {
    color: #222;
    text-shadow: none;
    font-size: 12px;
}
.jw-bulletin-ctn .jw-bulletin-favorite {
    float: right
}
.jw-bulletin-ctn .ui-tabs-panel {
    padding-right: 0;
}
.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;
}
/* Bulletins - Map */

/* Profile Tree */
.jw-section-content select.jw-profile-selector {
    width: 157px;
    vertical-align: middle;
}

.jw-map-profile-new-window {
    display: inline-block;
    vertical-align: middle;    
}

.jw-map-create-folder {
    display: inline-block;
    background-image: none;
    background-color: transparent;
    border: none;    
    width: 20px !important;
    height: 20px !important;
}

.jw-map-create-folder span.ui-icon {
    background-image: url(../jQuery/themes/pro-ui/images/ui-icons_cd0a0a_256x240.png);
}

.jw-map-profile-tree-node-ctrls {
    display: inline-block;
    cursor: pointer;
}
/* Profile Tree */

/* Customize Section */
.jw-map-customize-tabs, .jw-map-customize-tabs .ui-tabs-nav {
    padding: 0;
}

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;}.animated.hinge{-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-ms-animation-duration:1.5s;-o-animation-duration:1.5s;animation-duration:1.5s;}@-webkit-keyframes tada {
	0% {-webkit-transform: scale(1);}	10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
	100% {-webkit-transform: scale(1) rotate(0);}
}

@-moz-keyframes tada {
	0% {-moz-transform: scale(1);}	
	10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
	100% {-moz-transform: scale(1) rotate(0);}
}

@-o-keyframes tada {
	0% {-o-transform: scale(1);}	
	10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
	100% {-o-transform: scale(1) rotate(0);}
}

@keyframes tada {
	0% {transform: scale(1);}	
	10%, 20% {transform: scale(0.9) rotate(-3deg);}
	30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
	40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
	100% {transform: scale(1) rotate(0);}
}

.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}

.unsaved-map {
    margin: 10px 0;
    padding: 5px;
    border: 1px dashed #99DEFD;
    background-color: #D8F0FA;
    position: relative;
    min-height: 27px;
    vertical-align:middle
}

.unsaved-map a:hover {
    text-decoration: none;
}

.unsaved-map button {
    position: absolute;
    right: 5px;
}

.jw-map-unsaved-title {
    padding: 0 5px;
    line-height: 26px;
    display: inline-block;
    vertical-align: middle;    
    font-weight: bold;
}
.jw-map-unsaved-title {
    *display: inline
} /* IE7 hack */

.local-profile-warning {
    border: 1px solid #FBB917;
    background-color: #FFF380;
    padding: 8px;
    margin: 5px 0 8px;
}

/***** jweather_map *****/

/***** jweather_regional_nav *****/

#page-title-ctn {
    margin-top: 20px;
    float: left;
    position: relative;
    z-index: 100;
}
.fullwidth #page-title-ctn {
    margin-top: 0;
}
ul.regional-nav li {
    display: inline-block;
    nowhitespace: afterproperty;
    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;
    padding: 5px;
}
.regional-nav-breadcrumb:nth-child(1) {
    padding-left: 0 !important;
}
.regional-nav-menu {
    position: absolute;
    z-index: 100;
    left: 0;    
}
.regional-nav-menu {
    *top: 27px;
    *left: 3px;
} /* IE7 hack */
.regional-nav-options {
    padding: 5px;
}
ul.regional-nav .regional-nav-menu li {
    display: block;
    float: none;
}
ul.regional-nav .regional-nav-menu li a {
    display: block;
    padding: 5px;
    color: #3A3B44;
    text-shadow:none;
}
.regional-nav-menu .viewport {    
    overflow: hidden;
    position: relative;
}
.regional-nav-menu .overview {
    background-color: #fff;
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;    
    width: 170px;
    max-height: 320px;
    overflow:auto;
}
.jw-map-button-submenu li {
    padding: 2px 5px !important;
}

/***** jweather_regional_nav *****/

/***** jweather_model_table *****/

.jw-mt-model-title {
    font-size: 14px;
    font-weight: 700;
    color: #000;
    padding: 3px;
    background-color: #ffffff;
}
.jw-mt-table-wrapper {
    font-family: Arial,serif; /*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: silver;
    border-collapse: collapse;
    border-spacing: 0;
    letter-spacing: 0;
    width: 100%;
    cursor: default;
    font-family: Arial,serif;
}
.jw-mt-table td {
    padding: 0px;
    font-size: 8px;
}
.jw-mt-table th {
    padding: 0px;
    font-size: 11px;
}
.jw-mt-content-td {
    border: 1px #B2B2B2 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: #D4D4D4
}
.jw-mt-hour {

}
.jw-mt-windspeed {
    height: 15px;
    padding-top: 4px;
}
.jw-mt-col {
    background-image: url(https://dgc226zoszbee.cloudfront.net/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("https://dgc226zoszbee.cloudfront.net/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(https://dgc226zoszbee.cloudfront.net/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(https://dgc226zoszbee.cloudfront.net/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*/

/***** jweather_model_table *****/

/***** jweather_current_conditions *****/

.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;
    font-family: Arial,serif;
}
.jw-cc-station-meta-name {
    font-size: 10px;
    font-weight: 700;
    overflow: hidden;
    height: 11px;
    font-family: Arial,serif;
}
.jw-cc-station-meta-wind-desc {
    font-size: 8px;
    overflow: hidden;
    font-family: Arial,serif;
}
.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;
    font-family: Arial,serif;
}
.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;
}

/***** jweather_current_conditions *****/

/***** jweather_archive_data *****/

/***********  Main Wrapper  ***********/
.jw-ad-main-wrapper {
    font-size: 11px;
    font-family: Arial,sans-serif;
    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;
}
.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-summary-tide {
    height:270px;
    width:350px;
    vertical-align:top;
    padding-right:8px;
    border-right: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:12px;
}
.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;
    text-align:center;
    padding-top:10px;
}
.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
}

/***** jweather_archive_data *****/

/***** jweather_wind_stats *****/

/***********  Main Wrapper  ***********/
.jw-stats-main-wrapper {
    font-size: 14px;
    font-family: Arial,sans-serif;
    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 {

}

/***** jweather_wind_stats *****/

/***** jweather_onsite_reports_list *****/
#onsite-reports, .containerWrapper .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;
    border-top: 1px solid #ccc;
}

.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;    
    vertical-align: middle;
    padding: 0 .125em;
    margin-top: 1em;
}

.social-btns a {    
    opacity: 0.8;
    filter: alpha(opacity=80);    
    -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: 45px;
    width: 45px;
}

/***** jweather_onsite_reports_list *****/

/***** jweather_spot_list *****/
.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 .grip {
    min-height: 60px;
}

.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;
}

/***** jweather_spot_list *****/

/***** jweather_daily_briefing *****/
.wfDailyBriefing {
    padding: 15px
}
.jw-daily-briefing {
    color: #222;
}
.wfDailyBriefing .briefingHdr {
    background-color: #171717;
    padding: 10px;
}
.briefingHdr h1 {
    margin-bottom: 10px
}
.fxText {
    padding: 10px
}
wfDailyBriefing .fxText p {
    text-shadow: 0 1px 0 #000
}
.h1.fxHeadline {
    margin: 20px 0 10px 0
}
.fxTable {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
    max-width: 750px;
}
tr.fxSpot td {
    border-bottom: 2px solid #fff
}
.fxTable td {
    padding: 5px 0;
    text-align: center;
    color: #222;
}
.fxTable td.lightTxt {
    color: #fff
}
.fxTable td.fxSpot,
.fxTable td.fxInt {
    font-weight: 900;
    padding: 25px 10px 2px 10px !important;
}
.fxTable td.fxSpeed,
.fxTable td.fxDir {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
.fxTable td.fxDir {
    border-bottom: 2px solid #fff
}
.fxTable tr.fxJabber td {
    color: #fff;
    text-align: left;
}
.fxTable .lbl {
    text-align: left;
    color: #fff;
}
.extendedFx {
    width: 100%
}
.extendedFx .fxText {
    padding: 0
}
.extendedFx h2 {
    font-weight: 900;
    margin: 10px 0 5px 0;
}
.extendedFx p {
    padding: 0 10px
}
.secondaryFx {
    margin-top: 40px
}
.wfDailyBriefing p.footer, .ds-daily-briefing p.footer {
    margin-top: 25px
}
.dailyFxList ul {
    list-style: disc;
    margin: 15px 0 0 25px;
    color: #fff;
}
.dailyFxList li {
    padding: 5px 0;
    display: block;
}
.sampleFx {
    text-align: center;
    opacity: .75;
    filter: alpha(opacity=75);
}
.fxFeedbackForm {
    margin-top: 15px;
    background-color: #171717;
    padding: 10px;
}
.ds-content .fxFeedbackForm, .jw-daily-briefing .fxFeedbackForm {
    background-color: #fff;
}
.ds-content .fxFeedbackForm a, .jw-daily-briefing .fxFeedbackForm a {
    color: #333;
}
.fxFeedbackInput {
    margin-top: 10px
}
.fxFeedbackInput textarea {
    width: 98%;
    height: 50px;
}
.fxFeedbackInput p {
    margin: 5px 0
}
.fxFeedbackInput .btns {
    margin-top: 8px;
    text-align: right;
}
.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-color: #A4C62F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.fxFeedbackInput .btns input:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
.opfx-slow-load-msg {
    padding: 10px;
    background-color: #171717;
    text-align: center;
}
.spotInfoContainer .briefingHdr, .spot-briefing .briefingHdr {
    background-color: #fff;
    border: 1px solid #222;
}
.spotInfoContainer.jw-daily-briefing h2,
.spotInfoContainer.jw-daily-briefing p,
.spotInfoContainer.jw-daily-briefing .lbl,
.ds-spot-briefing h2,
.ds-spot-briefing p,
.ds-spot-briefing .lbl {
    color: #222;
    text-shadow: none;
}
.spotInfoContainer .fxTable tr td, .spot-briefing .fxTable 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: #222;
}

.ds-spot-briefing .fx-watermark {
    position: absolute !important;
    top: 30% !important;
}

/***** jweather_daily_briefing *****/

/***** jweather_common *****/
:focus {    
    outline:none;
}
/* Header */
.jw-panel-left h2, .jw-map-view-header, .wfmodal-header, .jw-map-view-list h2, .ui-dialog-titlebar {
    position: relative;
    background-color: #3A3B44;
    color: #fff;
    padding: 8px;
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid #28282E;
    cursor:pointer;
}
/* Header */

/* Info windows & Modals */
.jw-map-qv-close-ctn, .onsite-qv-close-ctn, .wfmodal-close-ctn, .spotInfoContainer .jw-map .jw-bulletin-close-ctn, .ui-dialog-titlebar-close {    
    position: absolute;
    background-color: #C33;
    top: -10px !important;
    right: -10px !important;
    width: 20px !important;
    height: 20px !important;
    -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;
    margin: 0 !important;
    padding: 0 !important;
}
.jw-map-qv-close-ctn a, .onsite-qv-close-ctn a, .wfmodal a.modal-close, .jw-bulletin-close-ctn a, .ui-dialog-titlebar-close .ui-icon-closethick {
    margin-top: 2px;
    margin-left: 2px;
    display: block;
    background-image: url(../jquery/themes/pro-ui/images/ui-icons_ffffff_256x240.png) !important;
    background-position: -96px -128px !important;
}
.jw-map-qv, .wfmodal {
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
}
/* Info windows & Modals */

/* Menus */
.regional-nav-menu a, .jw-map-button-submenu li, .jw-map-view-list ul li.jw-map-view-item, .ui-autocomplete .ui-menu-item a {
    padding: 5px;
    border: 1px solid transparent;
}
.regional-nav-menu a:hover, .jw-map-button-submenu li:hover, .jw-map-view-list ul li.selected, .jw-map-view-list ul li.jw-map-view-item:hover, .ui-menu .ui-menu-item a:hover, .ui-menu .ui-state-focus {
    border: 1px solid #99DEFD;
    background-color: #D8F0FA;
}
.regional-nav-menu a:hover, .jw-map-button-submenu a:hover, .ui-menu .ui-menu-item a:hover, .ui-menu .ui-state-focus {
    text-decoration: none !important;
}
/* Menus */

/***********  Global - Main Wrapper  ***********/
.jw-main-wrapper {
    font-size: 11px;
    font-family: Arial,serif;
    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;
}
.containerWrapper {
    position: relative;
    background-color: #ECECEC;
    overflow: hidden;
    background-image: none;
    color: #000;
    font-weight: normal;
    margin-bottom: 15px;
}
.profile-ctn-header {
    padding: 4px;
    overflow: hidden;
    background-image: none;
    color: #000;
    border-bottom: 1px solid #D4D4D4;
    background-color: #e7e7e7;
}
.profile-ctn-header .ctnBtns {
    float: right;
}
.profile-ctn-header .wf-list-button{
    width: 16px;
    height: 16px;
    background:url('images/list.png') no-repeat;
}  
.profile-ctn-header .wf-map-button {
    width: 16px;
    height: 16px;
    background:url('images/globe.png') no-repeat;
} 

/*** jQuery UI Overrides */
.containerWrapper .ui-widget-content {
    border: none;
}
div.spotInfoContainer .ui-widget-content {
    border: none;
}
.ui-tabs-nav .ui-state-active {
    background-color: #fff;
    background-image: none;    
}

.ui-tabs-nav .ui-state-active a {
    color: #3A3B44;
}

.ui-dialog {
    padding: 0;
}

.ui-dialog-titlebar.ui-widget-header {
    border: none;
}

.ui-dialog .ui-dialog-content {
    margin-top: 8px;
}

.ui-dialog-buttonpane {
    border:none;
}

.ui-dialog-titlebar-close:hover {
    background-image: none;
    background-color: #C33;
    border: none;
}

.ui-state-error p {
    padding: 3px;
}
/*** jQuery UI Overrides */

/****     Jquery MultiSelect     ****/
a.multiSelect {
    background: url(https://dgc226zoszbee.cloudfront.net/downarrow-wide.png) right center no-repeat;    
    border: solid 1px #BBB;
    line-height: 25px;
    padding-right: 24px;
    position: relative;
    cursor: default;
    text-decoration: none;
    display: -moz-inline-stack;
    display: inline-block;
}
a.multiSelect:link,
a.multiSelect:visited,
a.multiSelect:active {
    color: white;
    background-color: #2B2B2B;
    cursor: pointer;
    text-decoration: none;
}
a.multiSelect:hover {
    background-color: #000
}
a.multiSelect span {
    text-align: left;
    padding-right: 5px;
    padding-left: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    white-space: nowrap;
}
a.multiSelect.active,
a.multiSelect.active {
    background-image: url(https://dgc226zoszbee.cloudfront.net/downarrow-wide.png)
}
a.multiSelectOutbound {
    background-image: url(https://dgc226zoszbee.cloudfront.net/rightarrow-wide.png)
}
.multiSelectOptions {
    text-align: left;
    overflow-y: auto;
    overflow-x: hidden;
    background: #464646;
    padding: 10px;
    color: #fff;
    margin-bottom: 1px;        
}
.multiSelectOptions LABEL {
    padding: 0px 2px;
    display: block;
    white-space: nowrap;
}
.multiSelectOptions LABEL.optGroup {
    font-weight: bold
}
.multiSelectOptions .optGroupContainer LABEL {
    padding-left: 10px
}
.multiSelectOptions .optGroupHasCheckboxes .optGroupContainer LABEL {
    padding-left: 18px
}
.multiSelectOptions input {
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
    min-width: 0px;
    min-height: 0px;
}
.multiSelectOptions LABEL {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 1px;
    margin-bottom: 1px;    
}
.multiSelectOptions LABEL.checked {
    background-color: #2B2B2B
}
.multiSelectOptions LABEL.selectAll {
    border-bottom: dotted 1px #CCC
}
.multiSelectOptions LABEL.hover {
    background-color: #2B2B2B;
    color: white;
}

/* 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; padding: 0 10px;}
.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 */

/* 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 */

.grip {
    min-height: 28px;
    width: 10px;
    margin-right: 8px;
    background-image: url(https://dgc226zoszbee.cloudfront.net/grippy.gif);
    cursor: move;
}
/***** jweather_common *****/

/* 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:-3px; }
.ui-multiselect-header ul { font-size:10px; }
.ui-multiselect-menu { z-index:500;}
.ui-multiselect-checkboxes label { font-size:11px; }
.ui-multiselect-checkboxes label:hover {background:none; background-color:#D8F0FA; border:1px solid #99DEFD;}
.ui-multiselect-checkboxes .ui-state-hover {background: none; border:1px solid #99DEFD; color:#3A3B44;}
.ui-multiselect-checkboxes .ui-state-active {background:none; background-color:#D8F0FA; border:1px solid #99DEFD; color:#3A3B44;}
.ui-multiselect-checkboxes { overflow-y:hidden; }
/* JQUERY Multiselect Widget END */

/* WFMessage */
.wfMessage {
    padding: 10px;
}

.wfMessage ul {
    float: left;
    margin-top: 0;
    margin-left: 5px;
}

.wfMessage p {
    float: left;
}

.wfMessage p a {
    text-decoration: underline;
}

.wfMessage ul li {
    font-weight: 700;
    padding: 3px 8px;
    display: inline;
}
/* WFMessage */

/* Info Window */
#info-window-content p, #info-window-content li {
    line-height: 1.7em;
    margin: 8px 0;
}
#info-window-content strong {
    font-weight: 700;
}
#info-window-content h3 {
    text-decoration: underline;
    margin: 10px 0 8px;
}
/* Info Window */

.jw-map {
    height: 600px;
    width: 100%;
}

.fullwidth .jw-map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
}

.jw-legends {
    background-color: #222;
    color: #fff
}

.fullwidth .jw-legends {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    z-index: 8;    
}

.jw-legends a {   
    text-decoration: none;
}

.jw-legends-ctn {
    margin: 0 auto;
    padding: 3px 5px;
    max-width: 950px;
}

.jw-legend-selector {
    float: left;
    margin-top: 5px;
    text-transform: capitalize;
}

.jw-legends li {
    display: inline-block;
    *display: inline; /* IE7 hack */
}

.obs-legend {
    margin: 5px auto 0;
    text-align: center;
}

.obs-legend li {
    padding: 0 3px;
}

.obs-legend li span {
    display: inline-block;            
    vertical-align: middle;
    margin-top: -2px;
}

.obs-legend .jw-marker {
    margin-right: 8px !important;
    display: inline-block;
    *display: inline; /* IE7 hack */
}

.radar-legend, .sst-legend, .surface-currents-legend, .fx-legend {    
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 0 #aaa;
    font-weight: normal;
    font-family: Arial, Tahoma;
    font-size: 11px;
}

.radar-legend li, .sst-legend li, .fx-legend li{
    padding: 8px;
}

.jw-legend-toggle {
    position: absolute;
    bottom: 0;
    z-index: 5;
    margin: 0;
    left: 50%;
    margin-left: -475px;
}

.constrained .jw-legend-toggle {
    left: 0;
    margin-left: 240px;
}

.jw-legend-close {
    float: left;
    background-image: none;
    background-color: #222;
    border: none;
    margin-right: 10px;
}

.wfcontainer-favorite{
    background-position: 0px 0;
    width: 16px;
    height: 16px;
    background-image:url('https://dgc226zoszbee.cloudfront.net/favorite.png');
    background-repeat:no-repeat;
}

/* Left Panel */
 .jw-panel-left.expanded{
    left: 0;    
}

.expanded-left .left-pnl-btn {
    left: 235px;
}

.expanded-left.fullwidth .jw-map-product-controls, .expanded-left.fullwidth .jw-map-timestamp {
    left: 303px;
}

.expanded-left.fullwidth .jw-map-zoom-control {
    left: 240px;
}

/* Transitions */
 .left-pnl-btn,
 .right-pnl-btn,
 .jw-panel-left,
 .jw-panel-right,
 .jw-map-zoom-control,
 .jw-map-product-controls,
 .jw-map-timestamp {    
    -webkit-transition: 500ms ease;
    -moz-transition: 500ms ease;
    -o-transition: 500ms ease;
    transition: 500ms ease;
}

.infonav{
        list-style:none;
        float:left;
        width:100%;
        align: center;
}
.infonav li{
    float: left;
    margin-right: 5px;
    position: relative;
    line-height: 20px;
    vertical-align: middle;
    padding: 0 3px;
}
.infonav a{
        display:block;
        padding:5px;
        text-decoration:none;
}
.infonav a:hover{
        text-decoration:underline;
}

/*--- DROPDOWN ---*/
.infonav ul{
        list-style:none;
        position:absolute;
        left:-9999px;
        background-color: #222;
}
.infonav ul li{
        padding-top:0;
        float:none;
}
.infonav ul a{
        white-space:nowrap;
}
.infonav li:hover ul{
        left:0;
}
.infonav li:hover a{        
        text-decoration:none;
}
.infonav li:hover ul a{
        text-decoration:none;
}

.jw-tab-ctn, .jw-tab-ctn a  {
    background-color: #222;
    color: #fff;
    font-weight:bold;
    font-family: Arial;
}

.jw-tab-ctn li:hover, .jw-tab-ctn li.selected, .jw-tab-ctn a:hover {
    color: #94CB68;
    cursor: pointer;
}

.non-interactive-overlay {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;    
    z-index: 50;
}

.non-interactive-map .non-interactive-overlay {
    display: block;
}

.non-interactive-map .non-interactive-overlay.ui-widget-overlay {
    opacity: .7;
    filter: Alpha(opacity=70);
}

@media only screen and (min-width: 1200px) {
    .jw-panel-right {
        position: absolute;        
        top: 0;
        bottom: 0;
        right: -800px;
        background-color: #fff;
        width: 800px;               
        z-index: 52;
    }       
    
    .expanded-right .jw-panel-right {
        right: 0;
    }
    
    .expanded-right .right-pnl-btn {
        right: 800px;
    }
}

@media only screen and (max-width: 1200px) {
    .jw-panel-right {
        position: relative;        
        height: 100%;
        width: 100%;
        right: -100%;
    }
    
    .jw-panel-right.expanded {
        right: 0;
        z-index: 52;
    }
    
    .expanded-right .results-container {
        bottom: 0 !important;
    }
    
    .expanded-right .results-map-container {
        height: 100% !important;
    }
    
    .expanded-right .right-pnl-btn {
        right: 100%;
        margin-right: -50px;
        z-index: 55;
        border: none;
        background-color: transparent;
    }
    
    .jw-panel-right .jw-spot-name {
        margin-left: 55px;
    }
    
    .jw-panel-right .jw-panel-sections {
        padding: 10px 20px;
    }
}



/******************************************************************************************************/
/******************************************************************************************************/
/************		Changes made for widgets below this line
/******************************************************************************************************/
/******************************************************************************************************/
.jw-bulletin-ctn{
	display:none !important;
}

.jw-panel h2 .ui-icon {
    background-image: url(themes/pro-ui/images/ui-icons_ffffff_256x240.png);
}

.jw-map-qv-close-ctn a, .onsite-qv-close-ctn a, .wfmodal a.modal-close, .jw-bulletin-close-ctn a, .ui-dialog-titlebar-close .ui-icon-closethick {
    margin-top: 2px;
    margin-left: 2px;
    display: block;
    background-image: url(themes/pro-ui/images/ui-icons_ffffff_256x240.png) !important;
    background-position: -96px -128px !important;
}

.jw-map-header ul, .jw-map-header ul li {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.jw-map-view-list ul {
    padding-bottom: 10px;
    padding-left:0px;
    text-align:left;
}

.jw-panel-left h2, .jw-map-view-header, .wfmodal-header, .jw-map-view-list h2, .ui-dialog-titlebar {
    position: relative;
    background-color: #3A3B44;
    color: #fff;
    padding: 8px;
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid #28282E;
    cursor:pointer;
    margin:0px;
}

.infonav{
        list-style:none;
        float:left;
        width:100%;
        align: center;
        margin:0px;
}

.onsite-qv {
    max-width: 200px;
    min-width: 150px;
    padding: 4px;
    z-index: 200;
}

.onsite-qv-hdr h1{
	display:none;
}

.onsite-qv-hdr{
	height:20px;
	min-height:20px;
}

.onsite-qv-details-btn {
	display:none;
}

.onsite-qv .onsite-evaluation {
    display: none;
}

.jw-map-qv-favorite {
    float: right;
    display:none;
}

/**** Start remove .fullwidth *****/
.zzz-jw-map-ctn {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: 0;
    transition: 400ms;
    color: #222;    
}

.jw-map-product-controls {    
    top: 40px;    
    left: 45px;
}

.jw-map-zoom-control {
    left: 5px;    
    top: 50px;
}

.jw-map-timestamp {
    top: 50px;
    left: 45px;    
}

.jw-map-buttons {
    right: 50%;
    top: 50px;
    margin-right: -475px;
}

#page-title-ctn {
    margin-top: 0;
}

.jw-legends {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    z-index: 8;    
}

.jw-legend-toggle {
    position: absolute;
    bottom: 0;
    z-index: 5;
    margin: 0;
    left: 0;
    margin-left: 0px;
}

.expanded-left .jw-map-product-controls, .expanded-left .jw-map-timestamp {
    left: 280px;
}

.expanded-left .jw-map-zoom-control {
    left: 240px;
}

/**** End remove .fullwidth *****/

/**** Move windMap controls up because no left panel tab *****/
.windMap .jw-map-zoom-control {
    top: 5px;
}
.windMap .jw-map-timestamp {
    top: 5px;
}

.windMap .jw-map-qv {
	display:none !important;
}

.model-dir-marker {
      background-image: url(images/fx-marker.png);
      background-repeat: no-repeat;
      height: 26px;
      width: 26px;
}

.jw-map {
    bottom: 0px !important;
}

.radar-legend, .sst-legend, .surface-currents-legend, .fx-legend {
    margin: 0;
}

.jw-legends {
    height: auto;
}