meta.foundation-version {
    font-family: "/{{VERSION}}/";
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0em;
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0em;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em;
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
    width: 40.063em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em;
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.063em) and (max-width:80em)/";
    width: 64.063em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:80.063em)/";
    width: 80.063em;
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:80.063em) and (max-width:120em)/";
    width: 80.063em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}


.blueButton {
    display: block;
    height: 21px;
    line-height: 21px;
    margin-top: 6px;
    text-align: center;
    white-space: nowrap;
    color: #FFF;
    background: url("//icons.wxug.com/i/wm/blueButtonBG.png") repeat-x;
    border: 1px solid #213F9A;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .blueButton:hover {
        text-decoration: none;
    }

#favorites {
    display: none !important;
}

#language {
    position: absolute;
    top: 0px;
    right: 200px;
    margin-top: 0px;
    width: 120px;
    display: block;
    float: none;
    height: 50px;
    line-height: 50px;
    min-width: 0px;
    z-index: 10;
    color: #D7D7D7;
    padding: 0 10px;
}

#lagViet {
    width: 50px;
    position: absolute;
    top: 0px;
    right: 10px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #000;
    font-size: 1.8rem;
    z-index: 5;
}

#lagEng {
    width: 50px;
    position: absolute;
    top: 0px;
    right: 0;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #000;
    font-size: 1.8rem;
    z-index: 5;
}

.lag-vi {
    background: url(/images/vi.png) no-repeat;
    color: transparent;
    display: inline-block !important;
    height: 32px;
    margin: 8px auto 2px;
    width: 32px;
}

.lag-en {
    background: url(/images/en.png) no-repeat;
    color: transparent;
    display: inline-block !important;
    height: 32px;
    margin: 8px auto 2px;
    width: 32px;
}

.lag-vi-hide {
    background: url(/images/vi_hide.png) no-repeat;
    color: transparent;
    display: inline-block !important;
    height: 32px;
    margin: 8px auto 2px;
    width: 32px;
}

.lag-en-hide {
    background: url(/images/en_hide.png) no-repeat;
    color: transparent;
    display: inline-block !important;
    height: 32px;
    margin: 8px auto 2px;
    width: 32px;
}

#map-title {
    display: inline-block;
    line-height: 50px;
    color: #0384ce;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 18px;
    font-weight: 700;
    width: 80%;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.label {
    display: inline-block;
    line-height: 8px;
    color: white;
    float: left;
    top: 10px;
    font-size: 11px !important;
    font-weight: bold;
    width: 100px;
    text-align: center;
    /*background-color: #205a99;*/
}

#wuForm-contain {
    height: 50px;
    width: 70%;
    position: absolute;
    top: 0;
    left: 67px;
    right: 0;
    z-index: 104 !important;
}

    #wuForm-contain #wmForm {
        position: relative;
        width: 300px;
        height: 50px;
        float: left;
    }

        #wuForm-contain #wmForm #wuSearch-contain {
            height: 50px;
            position: absolute;
            top: 0;
            left: 0;
            right: 50px;
        }

            #wuForm-contain #wmForm #wuSearch-contain #wuSearch {
                border-radius: 5px;
                margin-top: 8px;
                display: block;
                width: 100%;
                height: 34px;
                font-size: 14px;
                padding-left: 6px;
                vertical-align: middle;
                -moz-box-sizing: border-box;
                color: #E7E7E7;
            }

                #wuForm-contain #wmForm #wuSearch-contain #wuSearch:focus {
                    color: #333;
                }

        #wuForm-contain #wmForm #wuSubmit-contain {
            display: inline-block;
            width: 50px;
            height: 50px;
            float: right;
        }

            #wuForm-contain #wmForm #wuSubmit-contain #wuSubmit {
                margin-top: 8px;
                display: block;
                width: 50px;
                height: 34px;
                line-height: 30px;
                color: #BEBEBE;
                font-size: 2rem;
                text-align: center;
                cursor: pointer;
            }

                #wuForm-contain #wmForm #wuSubmit-contain #wuSubmit:hover {
                    color: #FFF;
                }

#mapFavButton {
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    margin-left: 5px;
    color: #BEBEBE;
    position: absolute;
    top: 10px;
    left: 477px;
    z-index: 105;
}

    #mapFavButton:hover {
        color: #FFF;
    }

#mapFavPanel {
    border-radius: 5px;
    max-width: 500px;
}

    #mapFavPanel #fav-popup-header {
        font-size: 18px;
        font-weight: bold;
        margin: 4px 0 10px 8px;
    }

    #mapFavPanel #fav-popup-visibility {
        margin: 0px 0 0px 8px;
    }

    #mapFavPanel .mapFav:hover {
        background-color: #D7D7D7;
    }

#map_loading {
    position: absolute;
    bottom: -64px;
    left: 50%;
    margin-left: -22px;
    width: 44px;
    height: 44px;
    background-size: 33px;
    background-color: rgba(50,50,50,0.4);
    border-radius: 5px;
    z-index: 3;
}

#tempFeedbackLink {
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    margin-left: 5px;
    color: #D7D7D7;
    position: absolute;
    top: 0px;
    left: 517px;
    z-index: 105;
    text-decoration: none;
}

    #tempFeedbackLink:hover {
        color: #FFF;
    }

#mapHelpButton {
    position: absolute;
    top: 0px;
    right: 274px;
    width: 39px;
    display: block;
    height: 50px;
    line-height: 50px;
    z-index: 10;
    color: #D7D7D7;
    font-size: 25px;
    padding: 0 10px;
}

    #mapHelpButton:hover {
        color: #FFF;
        z-index: 11;
    }

    #mapHelpButton.linkActive {
        z-index: 12;
    }

#mapHelpPanel {
    border-radius: 5px;
}

    #mapHelpPanel LI {
        background-color: #F7F7F7;
        border-bottom: 1px solid #D7D7D7;
    }

        #mapHelpPanel LI A {
            text-decoration: none;
        }

        #mapHelpPanel LI:hover {
            background-color: #FFF;
        }

#linkToSavePrefs {
    position: absolute;
    top: 0px;
    right: 178px;
    display: block;
    font-size: 0.9375rem;
    height: 50px;
    line-height: 50px;
    z-index: 10;
    color: #D7D7D7;
    text-decoration: none;
    padding: 0 10px;
}

    #linkToSavePrefs:hover {
        color: #FFF;
        z-index: 11;
    }

    #linkToSavePrefs.ajax-loading {
        color: #4C4C4C;
        background-image: url("//icons.wxug.com/graphics/wu2/ajax-loading.gif") !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }

#share {
    position: absolute;
    top: 0px;
    right: 100px;
    margin-top: 0px;
    width: 78px;
    display: block;
    float: none;
    height: 50px;
    line-height: 50px;
    min-width: 0px;
    z-index: 10;
    color: #D7D7D7;
    padding: 0 10px;
}

    #share:hover {
        color: #FFF;
        z-index: 11;
    }

    #share.linkActive {
        color: #D5202A;
        z-index: 12;
    }

    #share #shareButton {
        color: #D7D7D7;
        display: inline-block;
        vertical-align: middle;
        float: none;
        background: none;
    }

#setting {
    position: relative;
    top: 0px;
    /* right: 60px; */
    margin-top: 0px;
    width: auto;
    margin: 0px 10px;
    display: block;
    float: none;
    height: 50px;
    line-height: 50px;
    min-width: 0px;
    z-index: 10;
    color: #0384ce;
    text-align: left;
    float: right;
}

#avata {
    position: relative;
    top: 0px;
    /* right: 0px; */
    margin-top: 0px;
    width: 60px;
    display: block;
    float: none;
    height: 50px;
    line-height: 50px;
    min-width: 0px;
    z-index: 10;
    color: #D7D7D7;
    padding: 0 10px;
    float: right;
}

#account {
    position: relative;
    top: 0px;
    /* right: 0px; */
    margin-top: 0px;
    width: 60px;
    display: block;
    float: none;
    height: 50px;
    line-height: 50px;
    min-width: 0px;
    z-index: 10;
    color: #D7D7D7;
    padding: 0 10px;
    float: right;
}

NAV #wuSettings-quick .mapOptionTitle {
    display: block;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    font-size: 0.9375rem;
    border-top: 1px solid #D7D7D7;
    text-decoration: none;
    color: #8B8C8E;
}

NAV #wuSettings-quick A.viewWrapper {
    display: inline-block;
    width: 48%;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    color: #8B8C8E;
}

    NAV #wuSettings-quick A.viewWrapper:hover {
        color: #1E2023;
    }

    NAV #wuSettings-quick A.viewWrapper .viewIcon {
        display: inline-block;
        width: 30%;
        font-size: 25px;
    }

    NAV #wuSettings-quick A.viewWrapper .viewText {
        display: inline-block;
        width: 60%;
        font-size: 0.625rem;
        line-height: 0.6875rem;
    }

NAV #wuSettings-quick A#linkToFullScreenButton .viewIcon {
    font-size: 23px !important;
    padding-top: 2px;
}

NAV #wuSettings-quick LABEL {
    font-size: 0.75rem;
}

NAV #wuSettings-quick .wu4-input {
    margin: 0.375rem 0.3125rem;
}

NAV #wuSettings-quick #map-type-select-header {
    font-size: 0.75rem;
    font-weight: bold;
    margin-left: 15px;
}

.header-subtitle {
    margin: 10px auto 5px 15px;
    font-size: 0.8em;
}

.header-select {
    margin-left: 15px;
    width: 200px;
}

.header-caveat {
    margin: -5px auto 15px 15px;
    font-size: 0.7em;
}

#settingsPanel {
    position: absolute;
    right: 48px;
    top: 50px;
    z-index: 2000;
    font-size: 11px;
    color: #555;
    width: 350px;
}

#tlc {
    height: 36px;
    line-height: 36px;
    float: left;
    margin-left: 10px;
}

#linkToPresentationButton.active, #linkToFullScreenButton.linkActive {
    background-color: #4C4C4C;
}

    #linkToPresentationButton.active .viewText, #linkToFullScreenButton.linkActive .viewText {
        color: #87C404;
    }

    #linkToPresentationButton.active .viewIcon, #linkToFullScreenButton.linkActive .viewIcon {
        color: #A3A3A3;
    }

#linkToExpandCollapse a {
    color: #fff;
    padding-left: 2px;
}

    #linkToExpandCollapse a:hover {
        color: #f83;
    }

    #linkToExpandCollapse a .viewIcon {
        font-size: 1rem;
        margin-top: -5px;
    }

.presentationMode #mapQuickJump, .presentationMode #icon_tray, .presentationMode #map_panel, .presentationMode .hide-for-pm {
    display: none !important;
}

.presentationMode #map {
    margin-right: 0 !important;
}

.presentationMode #displayRange {
    visibility: hidden;
    min-width: 500px;
}

.presentationMode #timebar_holder {
    padding-right: 0;
}

    .presentationMode #timebar_holder #map_timebar {
        width: 290px;
    }

.presentationMode #presentation_mode_time {
    float: right;
    width: 220px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    display: inline-block !important;
}

.expCollapseMode .hide-for-pm {
    display: none !important;
}

.expCollapseMode .expCollapse {
    display: none !important;
}

.expCollapseMode #displayRange {
    visibility: hidden;
    min-width: 500px;
}

.expCollapseMode #timebar_holder {
    padding-right: 0;
}

    .expCollapseMode #timebar_holder #map_timebar {
        width: 290px;
    }

.expCollapseMode #presentation_mode_time {
    float: right;
    width: 220px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    display: inline-block !important;
}

.expCollapseMode #lastItem {
    display: none !important;
}

#presentation_mode_time {
    display: none !important;
}

.expCollapseLink {
    margin-left: 8px;
    margin-top: -3px;
    padding-right: 0px !important;
}

    .expCollapseLink a {
        color: #fff;
    }

        .expCollapseLink a:hover {
            color: #f83;
        }

        .expCollapseLink a .viewIcon {
            font-size: 1.1rem !important;
            margin-top: 2px;
        }

.infoBox {
    border-radius: 5px;
    border: 1px solid #D7D7D7;
    z-index: 2000;
    width: 414px;
    background-color: white;
    font-family: "verb","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 0.75rem;
}

    .infoBox A {
        text-decoration: none;
    }

    .infoBox .infobox-close {
        cursor: pointer;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 10px;
        right: 10px;
        background-image: url("//icons.wxug.com/i/dashboard/sprite.png");
        background-repeat: no-repeat;
        background-position: -250px -0px;
    }

        .infoBox .infobox-close:hover {
            background-position: -200px -0px;
        }

    .infoBox.point-left:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 8.5px;
        border-right-width: 5px;
        border-color: transparent #D7D7D7 transparent transparent;
        border-right-style: solid;
        position: absolute;
        top: 9px;
        left: -14px;
    }

    .infoBox.point-left:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 7.5px;
        border-right-width: 5px;
        border-color: transparent white transparent transparent;
        border-right-style: solid;
        position: absolute;
        top: 10px;
        left: -12px;
    }

    .infoBox .infobox-title {
        font-size: 0.9375rem;
        font-weight: 600;
    }

    .infoBox .infobox-header:before, .infoBox .infobox-header:after, .infoBox .infobox-footer:before, .infoBox .infobox-footer:after {
        content: " ";
        display: table;
    }

    .infoBox .infobox-header:after, .infoBox .infobox-footer:after {
        clear: both;
    }

    .infoBox .timestamp, .infoBox .location, .infoBox .latLon, .infoBox .attribution, .infoBox .emSpans {
        color: #4C4C4C;
    }

        .infoBox .timestamp SPAN, .infoBox .location SPAN, .infoBox .latLon SPAN, .infoBox .attribution SPAN, .infoBox .emSpans SPAN {
            color: #1E2023;
        }

    .infoBox .location, .infoBox .latLon {
        padding-top: 10px;
    }

    .infoBox .infobox-header, .infoBox .infobox-footer, .infoBox .infobox-content {
        padding: 10px;
    }

    .infoBox .infobox-header {
        border-bottom: 1px solid #D7D7D7;
    }

        .infoBox .infobox-header .location {
            float: left;
        }

        .infoBox .infobox-header .latLon {
            float: right;
        }

    .infoBox .infobox-content {
        line-height: 1.5em;
        overflow: scroll;
        max-height: 350px;
    }

        .infoBox .infobox-content:before, .infoBox .infobox-content:after {
            content: " ";
            display: table;
        }

        .infoBox .infobox-content:after {
            clear: both;
        }

        .infoBox .infobox-content TABLE {
            width: 100%;
            margin: 0;
        }

            .infoBox .infobox-content TABLE .ibt-key {
                color: #4C4C4C;
            }

    .infoBox .infobox-footer {
        text-align: center;
        border-top: 1px solid #D7D7D7;
    }

        .infoBox .infobox-footer .timestamp {
            float: left;
        }

        .infoBox .infobox-footer .wm-syncDate {
            float: right;
        }

    .infoBox .contentData {
        padding: 0.625rem;
        clear: both;
    }

    .infoBox #forecast-extended {
        max-height: 300px;
        overflow-y: auto;
    }

    .infoBox .fireWFAS TD:first-child {
        width: 16em;
        vertical-align: top;
    }

.ib_pws .mainConditions, .ib_pws .secondaryConditions {
    padding: 10px;
}

    .ib_pws .mainConditions:before, .ib_pws .mainConditions:after, .ib_pws .secondaryConditions:before, .ib_pws .secondaryConditions:after {
        content: " ";
        display: table;
    }

    .ib_pws .mainConditions:after, .ib_pws .secondaryConditions:after {
        clear: both;
    }

    .ib_pws .mainConditions > DIV, .ib_pws .secondaryConditions > DIV {
        float: left;
    }

        .ib_pws .mainConditions > DIV.temperature, .ib_pws .secondaryConditions > DIV.temperature {
            width: 40%;
        }

        .ib_pws .mainConditions > DIV.wind, .ib_pws .mainConditions > DIV.skyConditions, .ib_pws .secondaryConditions > DIV.wind, .ib_pws .secondaryConditions > DIV.skyConditions {
            width: 30%;
        }

    .ib_pws .mainConditions H6, .ib_pws .secondaryConditions H6 {
        font-size: 0.75rem;
    }

    .ib_pws .mainConditions SPAN, .ib_pws .secondaryConditions SPAN {
        font-weight: 600;
        font-size: 0.75rem;
        color: #1E2023;
    }

.ib_pws .mainConditions {
    padding-bottom: 5px;
    text-align: center;
    font-weight: 600;
}

    .ib_pws .mainConditions H6 {
        margin-bottom: 0;
    }

    .ib_pws .mainConditions .mainDiv {
        height: 3.5rem;
    }

    .ib_pws .mainConditions SPAN.temp, .ib_pws .mainConditions SPAN.temp B {
        font-size: 3.4375rem;
        font-weight: normal;
        color: #1E2023;
    }

    .ib_pws .mainConditions SPAN.degrees {
        margin-left: -1rem;
    }

    .ib_pws .mainConditions .wind {
        float: right;
    }

    .ib_pws .mainConditions .windSpeed {
        width: 35px;
        margin-top: -35px;
        margin-left: 41px;
    }

    .ib_pws .mainConditions .wind-compass {
        position: relative;
        width: 50px;
        height: 50px;
        text-align: center;
        display: inline-block;
    }

        .ib_pws .mainConditions .wind-compass .dial {
            border-radius: 50%;
            width: 45px;
            height: 45px;
            border: 3px solid #818282;
            position: relative;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

        .ib_pws .mainConditions .wind-compass .arrow-direction {
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 15px solid #1e2023;
            position: absolute;
            left: 17.5px;
            top: -8.33333px;
        }

        .ib_pws .mainConditions .wind-compass .dial {
            position: absolute;
        }

        .ib_pws .mainConditions .wind-compass .value {
            line-height: 50px;
        }

        .ib_pws .mainConditions .wind-compass.new_direction .dial {
            border-color: #0a0;
        }

        .ib_pws .mainConditions .wind-compass.new_direction .arrow-direction {
            border-top-color: #0a0;
        }

.ib_pws .secondaryConditions {
    border-top: 1px solid #D7D7D7;
}

    .ib_pws .secondaryConditions > DIV.temp {
        width: 33%;
    }

    .ib_pws .secondaryConditions > DIV.precip {
        width: 35%;
    }

    .ib_pws .secondaryConditions > DIV.conditions {
        width: 30%;
    }

    .ib_pws .secondaryConditions > DIV > DIV {
        line-height: 2em;
    }

    .ib_pws .secondaryConditions SPAN {
        color: #1E2023;
    }

.ib_pws .pwsUpdateTime {
    width: 100%;
    border-top: 1px solid #D7D7D7;
    padding: 10px;
    text-align: center;
}

.weather-graph {
    display: none;
}

.infoBox .weather-graph {
    position: relative;
    display: block;
}

    .infoBox .weather-graph .plot-needle {
        top: 0;
    }

    .infoBox .weather-graph .plots .plot.n4 {
        height: 75px;
    }

.infoBox .weather-graph-options, .infoBox .plot-pan-left, .infoBox .plot-pan-right {
    display: none;
}

.infoBox #pws-graph, .infoBox #weather-graph {
    width: 100%;
    height: 350px;
    overflow-y: scroll;
}

.ib_wunderPhoto .infobox-content {
    padding: 0;
}

    .ib_wunderPhoto .infobox-content img {
        width: 100%;
    }

    .ib_wunderPhoto .infobox-content .caption {
        clear: both;
    }

    .ib_wunderPhoto .infobox-content .attribution {
        float: right;
    }

    .ib_wunderPhoto .infobox-content .photoInfo {
        padding: 7px;
    }

.ib_webcam .infobox-content IMG {
    width: 250px;
    float: left;
}

.ib_webcam .infobox-content .links H6 {
    font-weight: 400;
    font-size: 0.9375rem;
    margin-left: 255px;
}

.ib_webcam .infobox-content .links UL {
    font-size: inherit;
    margin-bottom: 0;
}

.ib_webcam .infobox-content .links LI {
    list-style: none;
    border-top: 1px solid #D7D7D7;
    margin-left: 240px;
    line-height: 1.5rem;
}

    .ib_webcam .infobox-content .links LI A {
        vertical-align: top;
    }

.ib_webcam .infobox-content .links I {
    color: #4C4C4C;
    font-size: 1.5rem;
    display: inline-block;
    width: 1em;
}

.ib_ski .infobox-content {
    padding: 0;
}

.ib_ski TABLE {
    width: 100%;
}

.ib_liveSurge TABLE, .ib_liveSurge TH {
    border: none;
    background-color: white;
}

.ib_liveSurge TD {
    font-size: 2rem;
}

.pss-table {
    width: 100%;
}

    .pss-table tr th {
        border-bottom: 1px solid #D7D7D7;
    }

    .pss-table .pss-conditions {
        width: 160px;
    }

    .pss-table .pss-fct-type, .pss-table .pss-accumulation {
        color: #1E2023;
    }

    .pss-table .pss-time, .pss-table .pss-fct-type, .pss-table .pss-accumulation {
        font-weight: 600;
    }

.pss-graph-legend {
    padding: 10px;
}

.toast {
    position: fixed;
    list-style: none;
    top: 56px;
    z-index: 999999;
    width: 96%;
    text-align: center;
    margin-left: 2%;
    margin-right: 2%;
}

    .toast li {
        margin: 10px 0 0 0;
        display: inline-block !important;
        color: #1E2023;
        background-color: #FFF;
        border: 1px solid #D5202A;
        border-top: 0px solid #D5202A;
        padding: 12px 25px;
        -webkit-bottom-left-radius: 10px;
        -webkit-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        text-align: left;
    }

        .toast li:first-child {
            margin-top: 0;
        }

    .toast button.close {
        background: none;
        border: none;
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
        float: right;
        padding: 0;
        margin: 0 0 0 5px;
        color: rgba(0,0,0,0.25);
        cursor: pointer;
    }

    .toast h1, .toast h2, .toast h3, .toast h4 {
        display: inline;
    }

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}

#time-controls-info {
    width: 640px;
    padding: 10px 50px;
}

    #time-controls-info.modal {
        overflow: visible;
        top: initial;
        bottom: 84px;
    }

    #time-controls-info div {
        line-height: 1.2rem;
        font-size: 0.9rem;
    }

    #time-controls-info h2 {
        text-align: center;
        font-weight: bold;
        margin-bottom: 20px;
    }

    #time-controls-info .step-desc {
        padding-left: 130px;
        padding-top: 12px;
        height: 60px;
        margin: 5px auto;
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #time-controls-info #next-prev {
        background-image: url("http://icons.wxug.com/i/wm/baloon_image1.png");
    }

    #time-controls-info #progress-bar {
        background-image: url("http://icons.wxug.com/i/wm/baloon_image2.png");
    }

    #time-controls-info #duration {
        background-image: url("http://icons.wxug.com/i/wm/baloon_image3.png");
    }

    #time-controls-info #time-date {
        background-image: url("http://icons.wxug.com/i/wm/baloon_image4.png");
    }

    #time-controls-info .layer-timeline-note {
        margin: 20px auto;
    }

    #time-controls-info .button {
        border-radius: 5px;
        margin-bottom: 15px;
    }

    #time-controls-info .arrow {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 8px;
        border-color: #FFF transparent transparent transparent;
        border-top-style: solid;
        position: absolute;
        left: 312px;
        bottom: -16px;
    }

#new-radar-info {
    padding: 30px;
    color: #FFF;
    background-color: #3d3d3d;
}

    #new-radar-info.modal {
        overflow: visible;
        top: initial;
        bottom: 84px;
    }

    #new-radar-info .modal-close {
        color: #FFF;
    }

    #new-radar-info div {
        line-height: 1.2rem;
        font-size: 0.9rem;
    }

    #new-radar-info h3 {
        color: #FFF;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    #new-radar-info p {
        margin-top: 18px;
        font-size: 0.75rem;
    }

    #new-radar-info a {
        color: #8ED1E9;
    }

    #new-radar-info .arrow {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 8px;
        border-color: #FFF transparent transparent transparent;
        border-top-style: solid;
        position: absolute;
        left: 312px;
        bottom: -16px;
    }

#new-TC-info {
    width: 310px;
    position: absolute;
    bottom: 40px;
    left: 0px;
    padding: 5px 8px;
    display: block;
    color: #1E2023;
    background-color: #FFF;
    height: 140px;
    padding: 10px;
    margin-bottom: 0 !important;
}

    #new-TC-info .wrap {
        padding-left: 15px;
    }

    #new-TC-info.modal {
        overflow: visible;
        top: initial;
        bottom: 78px;
    }

    #new-TC-info.none {
        display: none;
    }

    #new-TC-info DIV {
        display: block;
    }

    #new-TC-info .header {
        font-size: 18px;
        font-weight: bold;
        margin: 4px 0 10px 0;
    }

    #new-TC-info .close-button {
        margin-top: 15px;
        border-radius: 5px;
    }

    #new-TC-info .ToolPanelClose:hover {
        color: #f83;
    }

    #new-TC-info .arrow {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 8px;
        border-color: #FFF transparent transparent transparent;
        border-top-style: solid;
        position: absolute;
        left: 260px;
        bottom: -16px;
    }

#map_wrapper #icon_tray {
    position: absolute;
    top: 0;
    right: 337px;
    margin: 0;
    width: 280px;
    -webkit-bottom-left-radius: 3px;
    -webkit-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    #map_wrapper #icon_tray #icon_tray_content {
        height: 34px;
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

        #map_wrapper #icon_tray #icon_tray_content .layerIcon {
            margin-left: 1px;
            float: right;
            display: block;
            width: 34px;
            height: 34px;
            background-position: 0 0;
            background: url("//icons.wxug.com/i/wm/MapIcons_Sprite.png") no-repeat;
            -webkit-bottom-left-radius: 3px;
            -webkit-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

            #map_wrapper #icon_tray #icon_tray_content .layerIcon:first-child {
                border: 0;
            }

            #map_wrapper #icon_tray #icon_tray_content .layerIcon:hover {
                background-position: 0 -34px;
            }

            #map_wrapper #icon_tray #icon_tray_content .layerIcon.selected {
                background-position: 0 -68px;
            }

        #map_wrapper #icon_tray #icon_tray_content .LayerWeatherStations_layerIcon {
            background-position: -245px 0px;
        }

            #map_wrapper #icon_tray #icon_tray_content .LayerWeatherStations_layerIcon:hover {
                background-position: -245px -34px;
            }

            #map_wrapper #icon_tray #icon_tray_content .LayerWeatherStations_layerIcon.selected {
                background-position: -245px -69px;
            }

        #map_wrapper #icon_tray #icon_tray_content .LayerRadarAnimGif_layerIcon {
            background-position: -210px 0px;
        }

            #map_wrapper #icon_tray #icon_tray_content .LayerRadarAnimGif_layerIcon:hover {
                background-position: -210px -34px;
            }

            #map_wrapper #icon_tray #icon_tray_content .LayerRadarAnimGif_layerIcon.selected {
                background-position: -210px -69px;
            }

        #map_wrapper #icon_tray #icon_tray_content .LayerLightning_layerIcon {
            background-position: -175px 0px;
        }

            #map_wrapper #icon_tray #icon_tray_content .LayerLightning_layerIcon:hover {
                background-position: -175px -34px;
            }

            #map_wrapper #icon_tray #icon_tray_content .LayerLightning_layerIcon.selected {
                background-position: -175px -68px;
            }

        #map_wrapper #icon_tray #icon_tray_content .LayerTornado_layerIcon {
            background-position: -140px 0px;
        }

            #map_wrapper #icon_tray #icon_tray_content .LayerTornado_layerIcon:hover {
                background-position: -140px -34px;
            }

            #map_wrapper #icon_tray #icon_tray_content .LayerTornado_layerIcon.selected {
                background-position: -140px -68px;
            }

        #map_wrapper #icon_tray #icon_tray_content .LayerHurricane_layerIcon {
            background-position: -105px 0px;
        }

            #map_wrapper #icon_tray #icon_tray_content .LayerHurricane_layerIcon:hover {
                background-position: -105px -34px;
            }

            #map_wrapper #icon_tray #icon_tray_content .LayerHurricane_layerIcon.selected {
                background-position: -105px -68px;
            }

        #map_wrapper #icon_tray #icon_tray_content .LayerFire_layerIcon {
            background-position: -70px 0px;
        }

            #map_wrapper #icon_tray #icon_tray_content .LayerFire_layerIcon:hover {
                background-position: -70px -34px;
            }

            #map_wrapper #icon_tray #icon_tray_content .LayerFire_layerIcon.selected {
                background-position: -70px -68px;
            }

        #map_wrapper #icon_tray #icon_tray_content .LayerModelData_layerIcon {
            background-position: -35px 0px;
        }

            #map_wrapper #icon_tray #icon_tray_content .LayerModelData_layerIcon:hover {
                background-position: -35px -34px;
            }

            #map_wrapper #icon_tray #icon_tray_content .LayerModelData_layerIcon.selected {
                background-position: -35px -68px;
            }

        #map_wrapper #icon_tray #icon_tray_content .LayerPhotos_layerIcon {
            background-position: 0px 0px;
        }

            #map_wrapper #icon_tray #icon_tray_content .LayerPhotos_layerIcon:hover {
                background-position: 0px -34px;
            }

            #map_wrapper #icon_tray #icon_tray_content .LayerPhotos_layerIcon.selected {
                background-position: 0px -68px;
            }

.trayData {
    z-index: 5000;
    position: absolute;
    top: 42px;
    right: 3px;
    width: 300px;
    background-color: #FFF;
    color: #333;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
}

    .trayData .p5 {
        height: 27px;
        line-height: 27px;
        font-weight: bold;
        text-align: left;
        padding: 0 10px;
        border-left: 1px solid #E0E0E0;
        border-bottom: 1px solid #BEBEBE;
        background: url("//icons.wxug.com/i/wu/tableHeaderBG.png") repeat-x top;
        white-space: nowrap;
        border-left: 0 !important;
        -webkit-top-left-radius: 5px;
        -webkit-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .trayData .pageNum {
        height: 27px;
        line-height: 27px;
        text-align: center;
        padding: 0 10px;
        border-left: 1px solid #E0E0E0;
        border-bottom: 1px solid #BEBEBE;
        background: url("//icons.wxug.com/i/wu/tableHeaderBG.png") repeat-x top;
        white-space: nowrap;
        white-space: nowrap;
        border-left: 0 !important;
        -webkit-bottom-left-radius: 5px;
        -webkit-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .trayData .half {
        width: 50%;
        padding: 10px;
    }

.infobox-pointer-top-left {
    position: absolute;
    left: 12px;
    top: -20px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 10px;
    border-color: transparent transparent #FFF transparent;
    border-bottom-style: solid;
}

.pwsrt {
    color: #000;
    font-weight: bold;
}

.infobox-pointer-top-right {
    position: absolute;
    right: 12px;
    top: -20px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 10px;
    border-color: transparent transparent #FFF transparent;
    border-bottom-style: solid;
}

#uvTabLabel {
    display: block !important;
}

.tablescroll_head {
    width: 100% !important;
}

.tablescroll_body {
    width: 100% !important;
}

.tablescroll_foot {
    width: 100% !important;
}

.contentTable {
    font-size: 11px;
    width: 100%;
}

.tablescroll_head THEAD TR TH {
    height: 27px;
    line-height: 27px;
    font-weight: bold;
    text-align: left;
    padding: 0 10px;
    border-left: 1px solid #E0E0E0;
    border-bottom: 1px solid #BEBEBE;
    background: url(//icons.wxug.com/i/wu/tableHeaderBG.png) repeat-x top;
    white-space: nowrap;
    white-space: nowrap;
}

    .tablescroll_head THEAD TR TH:first-child {
        border-left: 0 !important;
        -moz-border-radius-topleft: 5px;
        -webkit-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
    }

    .tablescroll_head THEAD TR TH:last-child {
        -moz-border-radius-topright: 5px;
        -webkit-border-top-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    .tablescroll_head THEAD TR TH.taC {
        text-align: center;
    }

.tablescroll_body TBODY TR TD {
    border-left: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    padding: 7px 5px 7px 10px;
    background-color: #FFF;
}

    .tablescroll_body TBODY TR TD:first-child {
        border-left: 0 !important;
    }

.tablescroll_body TBODY TR:hover TD {
    background-color: #E2E8F3;
}

.tablescroll_body TBODY TR.nh:hover TD {
    background-color: #FFF;
}

.tablescroll_body TBODY TR.near TD {
    padding: 3px 10px;
}

.tablescroll_body TBODY TR.nob TD {
    border: 0;
}

.tablescroll_body TBODY TR.gbg TD {
    background-color: #E0E0E0;
}

.tablescroll_body TBODY TR.gbg:hover TD {
    background-color: #E0E0E0;
}

.tablescroll_foot TFOOT TR TD {
    min-height: 27px;
    padding: 7px 10px;
    text-align: center;
    border-top: 1px solid #BEBEBE;
}

    .tablescroll_foot TFOOT TR TD.lightFooter {
        background: #FFF url(//icons.wxug.com/i/wu/gradDownSmall.png) repeat-x;
    }

    .tablescroll_foot TFOOT TR TD.darkFooter {
        background: #EFEFEF url(//icons.wxug.com/i/wu/nowBarBG.png) repeat-x top;
    }

.tablescroll_body TD.linkAway {
    padding: 0 10px;
}

    .tablescroll_body TD.linkAway A {
        display: block;
        width: 27px;
        height: 27px;
        background: url(//icons.wxug.com/i/wu/websiteArrow.png) no-repeat center;
    }

#mapQuickJump {
    left: 72px !important;
}

    #mapQuickJump .mapQuickJumpDefault {
        font-size: 13px;
        text-align: center;
        padding: 0px 10px;
        height: 19px;
        line-height: 19px;
        color: #FFF;
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
        background-color: #000;
        display: block;
        cursor: pointer;
        position: relative;
    }

        #mapQuickJump .mapQuickJumpDefault .arrow {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 4px;
            border-color: transparent #000 transparent transparent;
            border-right-style: solid;
            position: absolute;
            top: 6px;
            left: -8px;
        }

    #mapQuickJump .mapQuickJumpActive {
        zoom: 1 !important;
        filter: alpha(opacity=70) !important;
        opacity: 0.7 !important;
    }

    #mapQuickJump .mapQuickJumpDefault:hover {
        zoom: 1 !important;
        filter: alpha(opacity=80) !important;
        opacity: 0.8 !important;
    }

    #mapQuickJump .mapQuickJumpDefault:first-child {
        margin-bottom: 5px;
    }

    #mapQuickJump .mapQuickJumpDefault:last-child {
        margin-top: 5px;
    }

    #mapQuickJump.maptypeid_roadmap {
        top: 189px !important;
    }

        #mapQuickJump.maptypeid_roadmap .mapQuickJumpDefault:first-child {
            margin-bottom: 5px !important;
        }

        #mapQuickJump.maptypeid_roadmap .mapQuickJumpDefault:last-child {
            margin-top: 5px !important;
        }

    #mapQuickJump.maptypeid_darkmap, #mapQuickJump.maptypeid_lightmap, #mapQuickJump.maptypeid_satellite, #mapQuickJump.maptypeid_hybrid {
        top: 181px !important;
    }

        #mapQuickJump.maptypeid_darkmap .mapQuickJumpDefault:first-child, #mapQuickJump.maptypeid_lightmap .mapQuickJumpDefault:first-child, #mapQuickJump.maptypeid_satellite .mapQuickJumpDefault:first-child, #mapQuickJump.maptypeid_hybrid .mapQuickJumpDefault:first-child {
            margin-bottom: 5px !important;
        }

        #mapQuickJump.maptypeid_darkmap .mapQuickJumpDefault:last-child, #mapQuickJump.maptypeid_lightmap .mapQuickJumpDefault:last-child, #mapQuickJump.maptypeid_satellite .mapQuickJumpDefault:last-child, #mapQuickJump.maptypeid_hybrid .mapQuickJumpDefault:last-child {
            margin-top: 5px !important;
        }

    #mapQuickJump.maptypeid_terrain, #mapQuickJump.maptypeid_polarnavy_vector, #mapQuickJump.maptypeid_polarnavy_raster {
        top: 140px !important;
    }

        #mapQuickJump.maptypeid_terrain .mapQuickJumpDefault:first-child, #mapQuickJump.maptypeid_polarnavy_vector .mapQuickJumpDefault:first-child, #mapQuickJump.maptypeid_polarnavy_raster .mapQuickJumpDefault:first-child {
            margin-bottom: 5px !important;
        }

        #mapQuickJump.maptypeid_terrain .mapQuickJumpDefault:last-child, #mapQuickJump.maptypeid_polarnavy_vector .mapQuickJumpDefault:last-child, #mapQuickJump.maptypeid_polarnavy_raster .mapQuickJumpDefault:last-child {
            margin-top: 5px !important;
        }

    #mapQuickJump.maptypeid_satellite, #mapQuickJump.maptypeid_hybrid {
        top: 173px !important;
    }

        #mapQuickJump.maptypeid_satellite .mapQuickJumpDefault:first-child, #mapQuickJump.maptypeid_hybrid .mapQuickJumpDefault:first-child {
            margin-bottom: 5px !important;
        }

        #mapQuickJump.maptypeid_satellite .mapQuickJumpDefault:last-child, #mapQuickJump.maptypeid_hybrid .mapQuickJumpDefault:last-child {
            margin-top: 5px !important;
        }

.layerTitle {
    margin-bottom: 0;
}

#accordion .layerTitle:hover {
    color: #DDD;
}

#accordion .layerTitle.selected {
    color: #DDD;
}

#accordion .layerTitle .optionCog {
    display: none;
}

#accordion .layerTitle.selected .optionCog {
    color: #FFF;
    font-size: 20px;
    display: block;
    z-index: 5;
    position: absolute;
    right: 16px;
    top: 10px;
}

    #accordion .layerTitle.selected .optionCog:hover {
        color: #15AADC;
    }

#accordion {
    background-color: #3D3D3D;
}

    #accordion .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: 0;
        height: 24px;
        list-style-type: none;
        background-color: #CCE5FD;
        border-top: 1px solid #91B9E1;
        border-bottom: 1px solid #91B9E1;
    }

        #accordion .ui-tabs .ui-tabs-nav .ui-state-default {
            float: left;
            display: block;
            padding: 5px 8px;
            color: #04459C;
            border-right: 1px solid #91B9E1;
        }

        #accordion .ui-tabs .ui-tabs-nav .ui-tabs-selected {
            color: #FFFFFF;
            background-color: #91B9E1;
        }

            #accordion .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
                font-weight: bold;
            }

    #accordion .ui-tabs .ui-tabs-hide {
        display: none;
    }

    #accordion OLD.layerTitle.accordion-header .folderArrow:after {
        float: right;
        padding-left: 10px;
        padding-right: 10px;
        color: #797979;
        font-size: 22px;
        content: '\25BE';
    }

    #accordion OLD.layerTitle.accordion-header-selected .folderArrow:after {
        transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    #accordion .layerTitle.accordion-header .folderArrow {
        float: right;
        margin-right: 10px;
        margin-top: 15px;
        width: 20px;
        height: 10px;
        background: url("//icons.wxug.com/i/wm/Arrows_Sprite.png");
        background-position: 52px 10px;
    }

    #accordion .layerTitle.accordion-header-selected .folderArrow {
        background-position: 52px 0px;
    }

    #accordion .layerTitle .wuCheckbox {
        position: absolute;
        top: 10px;
        left: 12px;
    }

    #accordion .layerTitle:hover .wuCheckbox {
        background-position: 0 -24px;
    }

    #accordion .layerTitle.selected:hover .wuCheckbox {
        background-position: 0 -48px;
    }

    #accordion .layerTitle INPUT {
        position: absolute;
        top: 18px;
        left: 14px;
        outline-style: none;
    }

    #accordion .layerTitle .layerName {
        position: absolute;
        left: 43px;
    }

    #accordion .accordion-content .layerTitle {
        background-color: #2F2F2F;
        border-bottom: 1px solid #1F1F1F;
        height: 40px;
        line-height: 40px;
    }

        #accordion .accordion-content .layerTitle:first-child {
            background-color: #2F2F2F;
        }

        #accordion .accordion-content .layerTitle:last-child {
            background-color: #2F2F2F;
            border-bottom: 1px solid #797979;
        }

        #accordion .accordion-content .layerTitle .wuCheckbox {
            position: absolute;
            top: 8px;
            left: 32px;
        }

        #accordion .accordion-content .layerTitle:hover .wuCheckbox {
            background-position: 0 -24px;
        }

        #accordion .accordion-content .layerTitle.selected:hover .wuCheckbox {
            background-position: 0 -48px;
        }

        #accordion .accordion-content .layerTitle INPUT {
            left: 34px !important;
        }

        #accordion .accordion-content .layerTitle .layerName {
            position: absolute;
            left: 63px;
            width: 68%;
        }

    #accordion .wuCheckbox {
        display: block;
        width: 24px;
        height: 24px;
        background: url("//icons.wxug.com/i/wu/wu4Checkbox.png") no-repeat;
        background-position: 0 0;
    }

        #accordion .wuCheckbox:hover {
            background-position: 0 -24px;
        }

    #accordion .selected .wuCheckbox {
        background-position: 0 -48px;
    }

        #accordion .selected .wuCheckbox:hover {
            background-position: 0 -48px;
        }

.layerTitle .hasTimelord {
    color: #797979;
    font-size: 20px;
    position: absolute;
    right: 45px;
}

.layerTitle {
    position: relative;
    z-index: 4;
    display: block;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background-color: #3D3D3D;
    border-bottom: 1px solid #797979;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}

#map_panel_content #roadtrip .layerTitle {
    padding-left: 13px;
}

#LayerRoadTripPlanner_row_template {
    display: none;
}

#LayerRoadTripPlanner_form TABLE TR {
    vertical-align: top;
}

#LayerRoadTripPlanner_options TABLE TR TD:first-child {
    padding-right: 7px;
}

#LayerRoadTripPlanner_options .LayerRoadTripPlanner_place {
    width: 240px;
    height: 30px;
    line-height: 29px;
    border: 1px solid #A0A0A0;
}

#LayerRoadTripPlanner_options .swapVert {
    width: 23px;
    height: 23px;
    background: url("//icons.wxug.com/i/wm/swap.png") no-repeat;
    background-position: 0 0;
    margin-top: 4px;
    margin-bottom: 4px;
}

#LayerRoadTripPlanner_options .LayerRoadTripPlanner_mode_driving .LayerRoadTripPlanner_letter {
    width: 38px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    font-size: 12px;
    padding-right: 4px;
    text-align: right;
    color: #999;
    background: url("//icons.wxug.com/i/wm/travelBy.png") no-repeat;
    background-position: 0 0;
}

#LayerRoadTripPlanner_options .LayerRoadTripPlanner_mode_bicycling .LayerRoadTripPlanner_letter {
    width: 38px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    font-size: 12px;
    padding-right: 4px;
    text-align: right;
    color: #999;
    background: url("//icons.wxug.com/i/wm/travelBy.png") no-repeat;
    background-position: 0 -26px;
}

#LayerRoadTripPlanner_options .LayerRoadTripPlanner_date {
    vertical-align: middle;
    width: 122px;
    height: 30px;
    line-height: 29px;
    border: 1px solid #A0A0A0;
    display: inline-block;
    margin-top: 5px;
}

.LayerRoadTripPlanner_alternatives TD {
    padding: 0 !important;
}

.LayerRoadTripPlanner_alternatives UL {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}

    .LayerRoadTripPlanner_alternatives UL LI {
        margin: 4px 14px;
        padding: 0 0 0 25px;
        list-style-type: none;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .LayerRoadTripPlanner_alternatives UL LI {
        display: block;
        height: 16px;
        line-height: 16px;
        background: url("//icons.wxug.com/i/wu/wuRadio.png") no-repeat;
        background-position: 0 0;
    }

        .LayerRoadTripPlanner_alternatives UL LI:hover {
            background-position: 0 -16px;
        }

        .LayerRoadTripPlanner_alternatives UL LI.selected {
            background-position: 0 -32px;
            cursor: default !important;
        }

            .LayerRoadTripPlanner_alternatives UL LI.selected:hover {
                background-position: 0 -32px;
            }

.LayerRoadTripPlanner_letter_generic {
    width: 38px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    font-size: 12px;
    padding-right: 4px;
    text-align: right;
    color: #999;
    background: url("//icons.wxug.com/i/wm/travelBy.png") no-repeat;
    background-position: 0 0;
}

TH .LayerRoadTripPlanner_letter {
    width: 38px;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    font-size: 12px;
    padding-right: 4px;
    margin: 4px 0 4px 6px;
    text-align: right;
    color: #999;
    background: url("//icons.wxug.com/i/wm/travelBy.png") no-repeat;
    background-position: 0 0;
}

#LayerRoadTripPlanner_submit, #LayerRoadTripPlanner_clear {
    font-size: 12px;
}

.ui-autocomplete.rtp-autocomplete {
    width: 240px !important;
    min-width: 0;
}

    .ui-autocomplete.rtp-autocomplete .ui-menu-item {
        white-space: nowrap;
        overflow: hidden;
    }

.rtp-select {
    width: 109px;
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle;
}

#LayerRoadTripPlanner_clear {
    margin-top: 10px;
    width: 100%;
}

#LayerRoadTripPlanner_displayArea TABLE tr td:first-child {
    width: 20px;
}

#LayerRoadTripPlanner_displayArea TABLE tr td:nth-child(2) {
    width: 100px;
}

#LayerRoadTripPlanner_displayArea TABLE tr td ul {
    max-width: 320px;
    text-overflow: ellipses;
}

#LayerRoadTripPlanner_displayArea .nodata {
    display: none;
}

#LayerRoadTripPlanner_displayArea .rtp-address {
    margin-left: 10px;
    height: 34px;
    line-height: 34px;
}

#map_wrapper #map_panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 326px;
    overflow: hidden;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    background-color: #999;
}

    #map_wrapper #map_panel #map_panel_header {
        width: 288px;
        height: 32px;
        margin: 0;
        padding: 0;
        position: relative;
        top: 0;
        z-index: 1;
        border-bottom: 1px solid #CCC;
    }

        #map_wrapper #map_panel #map_panel_header LI {
            list-style-type: none;
            height: 32px;
            width: 50%;
            float: left;
            background: #1E2023;
        }

    #map_wrapper #map_panel #map_panel_body {
        position: absolute;
        top: 33px;
        right: 0;
        bottom: 0;
        left: 0;
    }

    #map_wrapper #map_panel #map_panel_content .ui-tabs-hide {
        display: none;
    }

    #map_wrapper #map_panel #map_panel_content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        height: auto;
        background: white;
    }

    #map_wrapper #map_panel .showAd #map_panel_content {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin: 0;
        height: auto;
        padding-bottom: 277px;
        background: white;
    }

    #map_wrapper #map_panel .showAd #map_panel_footer {
        position: absolute;
        bottom: 0;
        margin-top: 100%;
        height: 276px;
        width: 326px;
        background-color: rgba(255,255,255,0.8);
        border-top: 1px solid #CCC;
        overflow: hidden;
        z-index: 100;
    }

        #map_wrapper #map_panel .showAd #map_panel_footer .adBox .taR {
            text-align: right;
        }

        #map_wrapper #map_panel .showAd #map_panel_footer .adBox {
            margin: 0 12px 0 12px;
        }

            #map_wrapper #map_panel .showAd #map_panel_footer .adBox #adbox_close {
                color: #333;
                font-size: 11px;
                font-variant: small-caps;
            }

#map_wrapper #map_panel_content {
    position: relative;
    height: 100%;
    overflow-y: auto;
}

#map_wrapper #map_panel_button {
    position: absolute;
    top: 255px;
    left: -30px;
    height: 14px;
    width: 28px;
    border: 1px solid #5e8bce;
    border-right: 0;
    text-align: center;
    padding: 7px 0;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #FFF url("//icons.wxug.com/i/wu/panelArrowLeft.gif") no-repeat center;
}

    #map_wrapper #map_panel_button.expanded {
        background-image: url("//icons.wxug.com/i/wu/panelArrowRight.gif");
        background-position: center;
        background-repeat: no-repeat;
    }

#map_wrapper #map_panel .adBox {
    z-index: 3;
    position: relative;
}

#map_wrapper #map_panel #map_panel_header #doLayers {
    display: block;
    position: relative;
    color: #fff;
    font-size: 12px;
    left: 40px;
    top: -7px;
    width: 70px;
}

#map_wrapper #map_panel #map_panel_header A {
    /*background-color: #696969 !important;*/
}

#map_wrapper #map_panel #map_panel_header .ui-tabs-active {
    background-color: #3D3D3D !important;
    height: 33px !important;
    border-bottom-style: solid;
    border-bottom-color: #3d3d3d;
}

#map_wrapper #map_panel #map_panel_header #doRoad {
    display: block;
    width: 97px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 95px;
    background: url("//icons.wxug.com/i/wm/layersHeaderClose.png") no-repeat;
    background-position: -95px 0;
}

#map_wrapper #map_panel #map_panel_header #doEvents {
    display: block;
    position: relative;
    color: #fff;
    font-size: 12px;
    left: 40px;
    top: -7px;
    width: 60px;
}

#map_wrapper #map_panel #doClose {
    display: block;
    width: 38px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("/Content/themes/layersHeader.png") no-repeat;
    background-position: -288px 0;
}

#map_wrapper #map_panel #map_panel_header #doLayers:hover {
    background-position: 0 -32px;
}

#map_wrapper #map_panel #map_panel_header #doRoad:hover {
    background-position: -95px -32px;
}

#map_wrapper #map_panel #map_panel_header #doEvents:hover {
    background-position: -192px -32px;
}

#map_wrapper #map_panel #doClose:hover {
    background-position: -288px -32px;
}

#map_wrapper #map_panel #map_panel_header .ui-tabs-selected #doLayers {
    background-position: 0 -64px;
}

#map_wrapper #map_panel #map_panel_header .ui-tabs-selected #doRoad {
    background-position: -95px -64px;
}

#map_wrapper #map_panel #map_panel_header .ui-tabs-selected #doEvents {
    background-position: -192px -64px;
}

#map_wrapper #map_panel #map_panel_header .ui-tabs-selected #doLayers:hover {
    background-position: 0 -96px;
}

#map_wrapper #map_panel #map_panel_header .ui-tabs-selected #doRoad:hover {
    background-position: -95px -96px;
}

#map_wrapper #map_panel #map_panel_header .ui-tabs-selected #doEvents:hover {
    background-position: -192px -96px;
}

#map_wrapper.panel-collapsed #map_panel {
    border: 0;
    right: 1px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    #map_wrapper.panel-collapsed #map_panel #map_panel_header {
        border-bottom: 0;
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        #map_wrapper.panel-collapsed #map_panel #map_panel_header #doLayers {
            -moz-border-radius-bottomleft: 3px;
            -webkit-border-bottom-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

    #map_wrapper.panel-collapsed #map_panel #doClose {
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
        background-position: -288px -64px;
    }

        #map_wrapper.panel-collapsed #map_panel #doClose:hover {
            -moz-border-radius-bottomright: 3px;
            -webkit-border-bottom-right-radius: 3px;
            border-bottom-right-radius: 3px;
            background-position: -288px -96px;
        }

    #map_wrapper.panel-collapsed #map_panel #map_panel_body {
        display: none;
    }

#LayerStormReports_options img, #LayerExtremes_options img {
    position: absolute;
    right: 10px;
}

#LayerStormReports_options LABEL, #LayerExtremes_options LABEL {
    margin-top: 4px;
}

#map_wrapper #map_timebar #loadingStatusContainer {
    display: none;
    position: absolute;
    left: 300px;
    top: -28px;
    background: url("//icons.wxug.com/i/wm/trayBG.png") repeat;
    width: 150px;
    height: 28px;
    line-height: 28px;
    color: #FFF;
}

#map_wrapper #map_timebar #loadingStatusProgressBar {
    position: relative;
    margin: 5px auto;
    width: 100px;
    height: 16px;
    border: 1px solid #000000;
}

    #map_wrapper #map_timebar #loadingStatusProgressBar .ui-progressbar-value {
        height: 100%;
        background-color: #EDEDED;
    }

#map_wrapper #timePanel {
    position: absolute;
    left: 12px;
    bottom: 100px;
    z-index: 2000;
    font-size: 11px;
    width: 380px;
}

    #map_wrapper #timePanel .pointDown {
        margin-left: 125px;
        width: 17px;
        height: 9px;
        background: url("//icons.wxug.com/i/wm/pointDown.png") no-repeat;
    }

    #map_wrapper #timePanel .contentData {
        width: 360px !important;
    }

#map_wrapper.timelord-collapsed #timePanel {
    position: absolute;
    left: 410px;
    bottom: 44px;
}

#map_wrapper #timePanel #timePresets {
    width: 360px;
    padding-bottom: 10px;
    border-top: 1px solid #D9D9D9;
}

#map_wrapper #timePanel #timeCustom {
    width: 360px;
    padding-bottom: 10px;
    border-top: 1px solid #D9D9D9;
}

    #map_wrapper #timePanel #timeCustom .borderLeft {
        border-left: 1px solid #D9D9D9;
    }

    #map_wrapper #timePanel #timeCustom SELECT {
        font-size: 10px;
        margin-right: 5px;
    }

#map_wrapper #timePanel #timeAction {
    width: 360px;
    border-top: 1px solid #D9D9D9;
}

#timebar_holder {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding-right: 326px;
    padding-left: 20px;
}

    #timebar_holder div {
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        font-size: 0.75rem;
    }

    #timebar_holder SELECT {
        font-size: 0.75rem;
        padding-right: 0px;
    }

    #timebar_holder #map_timebar {
        position: relative;
        width: 866px;
        margin: auto;
        z-index: 3;
    }

        #timebar_holder #map_timebar #displayRange {
            height: 23px;
            position: relative;
            padding-top: 3px;
            margin-bottom: 6px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            background: rgba(76,76,76,0.5);
            padding: 5px 150px;
        }

            #timebar_holder #map_timebar #displayRange .startTime, #timebar_holder #map_timebar #displayRange .endTime {
                color: #FFF;
                display: inline-block;
                vertical-align: middle;
                position: absolute;
                top: 5px;
                font-weight: 100;
            }

            #timebar_holder #map_timebar #displayRange .startTime {
                left: 5px;
            }

            #timebar_holder #map_timebar #displayRange .endTime {
                right: 5px;
            }

            #timebar_holder #map_timebar #displayRange .timelineContent {
                cursor: pointer;
                display: inline-block;
                vertical-align: middle;
                height: 10px;
                width: 100%;
                background: #333;
                border: 1px solid #1E2023;
                position: relative;
            }

                #timebar_holder #map_timebar #displayRange .timelineContent .dataPast {
                    background: #87C404;
                    height: 4px;
                    margin-left: 2px;
                    margin-right: 2px;
                    margin-top: 2px;
                }

                #timebar_holder #map_timebar #displayRange .timelineContent .timelineTicks {
                    position: absolute;
                    top: -2px;
                    left: 0;
                    width: 100%;
                    height: 100%;
                }

                    #timebar_holder #map_timebar #displayRange .timelineContent .timelineTicks .tickMajor {
                        position: absolute;
                        top: 2px;
                        left: 0;
                        height: 8px;
                        border-left: 1px solid #696969;
                    }

                #timebar_holder #map_timebar #displayRange .timelineContent .timelineScrub {
                    position: absolute;
                    top: -3px;
                    left: 60%;
                    margin-left: 5px;
                }

                    #timebar_holder #map_timebar #displayRange .timelineContent .timelineScrub .timelineScrubBall {
                        width: 15px;
                        height: 15px;
                        border: 1px solid #1E2023;
                        background: #333;
                        cursor: move;
                        position: absolute;
                        left: -7.5px;
                        border-radius: 7.5px;
                    }

                        #timebar_holder #map_timebar #displayRange .timelineContent .timelineScrub .timelineScrubBall .timelineScrubBg {
                            width: 1px;
                            height: 5px;
                            position: absolute;
                            top: 4px;
                            left: 4px;
                            background-color: #8ED1E9;
                        }

                            #timebar_holder #map_timebar #displayRange .timelineContent .timelineScrub .timelineScrubBall .timelineScrubBg#hash2 {
                                left: 6px;
                            }

                            #timebar_holder #map_timebar #displayRange .timelineContent .timelineScrub .timelineScrubBall .timelineScrubBg#hash3 {
                                left: 8px;
                            }

                    #timebar_holder #map_timebar #displayRange .timelineContent .timelineScrub #timelineScrubTime {
                        background: #FFF;
                        color: #5B9F49;
                        position: absolute;
                        top: -40px;
                        left: -90px;
                        border-radius: 5px;
                        padding: 10px;
                        width: 180px;
                        text-align: center;
                    }

                        #timebar_holder #map_timebar #displayRange .timelineContent .timelineScrub #timelineScrubTime .arrow {
                            content: "";
                            display: block;
                            width: 0;
                            height: 0;
                            border: inset 6px;
                            border-color: #FFF transparent transparent transparent;
                            border-top-style: solid;
                            position: absolute;
                            left: 84px;
                            top: 32px;
                        }

                        #timebar_holder #map_timebar #displayRange .timelineContent .timelineScrub #timelineScrubTime.no-date {
                            width: 110px;
                            left: -55px;
                        }

                            #timebar_holder #map_timebar #displayRange .timelineContent .timelineScrub #timelineScrubTime.no-date .arrow {
                                left: 50px;
                            }

        #timebar_holder #map_timebar #map_timebar_simple {
            border-radius: 5px;
            background: rgba(76,76,76,0.85);
            border: 1px solid #1E2023;
            box-shadow: 0px 0px 4px 2px rgba(76,76,76,0.5);
            -webkit-box-shadow: 0px 0px 4px 2px rgba(76,76,76,0.5);
        }

            #timebar_holder #map_timebar #map_timebar_simple DIV {
                display: inline-block;
                vertical-align: middle;
            }

            #timebar_holder #map_timebar #map_timebar_simple #map_timebar_autoradar_panel {
                width: 200px;
                position: absolute;
                bottom: 40px;
                left: 0px;
                padding: 5px 8px;
                display: block;
            }

                #timebar_holder #map_timebar #map_timebar_simple #map_timebar_autoradar_panel.none {
                    display: none;
                }

                #timebar_holder #map_timebar #map_timebar_simple #map_timebar_autoradar_panel DIV {
                    display: block;
                }

                #timebar_holder #map_timebar #map_timebar_simple #map_timebar_autoradar_panel .header {
                    font-size: 18px;
                    font-weight: bold;
                    margin: 4px 0 10px 0;
                }

                #timebar_holder #map_timebar #map_timebar_simple #map_timebar_autoradar_panel:after {
                    position: absolute;
                    left: 24px;
                    bottom: -16px;
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border: inset 8px;
                    border-color: #FFF transparent transparent transparent;
                    border-top-style: solid;
                }

            #timebar_holder #map_timebar #map_timebar_simple #map_animation_controls {
                cursor: pointer;
                border-right: 1px solid #1E2023;
            }

                #timebar_holder #map_timebar #map_timebar_simple #map_animation_controls a.play, #timebar_holder #map_timebar #map_timebar_simple #map_animation_controls a.pause, #timebar_holder #map_timebar #map_timebar_simple #map_animation_controls a.stop {
                    font-size: 30px;
                    height: 30px;
                    line-height: 30px;
                    text-align: center;
                    display: block;
                    width: 60px;
                    background: #15AADC;
                    -webkit-border-bottom-left-radius: 5px;
                    -webkit-border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px;
                    border-top-left-radius: 5px;
                    color: #FFF;
                    text-decoration: none;
                    cursor: pointer;
                }

            #timebar_holder #map_timebar #map_timebar_simple .border-right-wrapper {
                border-right: 1px solid #1E2023;
                height: 30px;
                padding: 3px 9px 3px 5px;
            }

            #timebar_holder #map_timebar #map_timebar_simple .border-left-wrapper {
                float: right;
                border-left: 1px solid #1E2023;
                height: 30px;
                padding: 3px 9px 3px 5px;
            }

                #timebar_holder #map_timebar #map_timebar_simple .border-left-wrapper:before, #timebar_holder #map_timebar #map_timebar_simple .border-left-wrapper:after {
                    content: " ";
                    display: table;
                }

                #timebar_holder #map_timebar #map_timebar_simple .border-left-wrapper:after {
                    clear: both;
                }

            #timebar_holder #map_timebar #map_timebar_simple #map_frame_control_back, #timebar_holder #map_timebar #map_timebar_simple #map_frame_control_next {
                width: 20px;
                height: 24px;
                cursor: pointer;
                background-repeat: no-repeat;
                background-size: contain;
            }

            #timebar_holder #map_timebar #map_timebar_simple #map_frame_control_back {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3OEI0OTZDQzIxQzExRTM5NUNCREM5RDJBRTQ3NEFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA3OEI0OTZEQzIxQzExRTM5NUNCREM5RDJBRTQ3NEFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDc4QjQ5NkFDMjFDMTFFMzk1Q0JEQzlEMkFFNDc0QUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDc4QjQ5NkJDMjFDMTFFMzk1Q0JEQzlEMkFFNDc0QUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Q3f4DAAAAxElEQVR42qyUQQrCMBBFM0FXWnQl4krv4WF6GXGttxCv4jkU0Y0b24Uw/kAKQ0zbMemHR5LSvDbNpMTMJifWtzfgTHcwJiKjQQqWvl2AiebJePOZFKiDiWtwQvfZXHDIzFsmTsEOVOLefgHGFpTgyr/pFqC/BRduT1zQrJP7ExUcgnV2CsgXUmo1kTWZiQmOoP6nMAb/iPnbOFghBaIC7EGdJBCiDTiDT5JAHmc3V/5QXB7graogopdrR368CrdWm68AAwA91h69qp7IwwAAAABJRU5ErkJggg==");
            }

            #timebar_holder #map_timebar #map_timebar_simple #map_frame_control_next {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAYAAACEYr13AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3OEI0OTcwQzIxQzExRTM5NUNCREM5RDJBRTQ3NEFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA3OEI0OTcxQzIxQzExRTM5NUNCREM5RDJBRTQ3NEFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDc4QjQ5NkVDMjFDMTFFMzk1Q0JEQzlEMkFFNDc0QUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDc4QjQ5NkZDMjFDMTFFMzk1Q0JEQzlEMkFFNDc0QUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4n4r7jAAAApklEQVR42mL8//8/A0WAFAOAatmA+NV/CHgG1gsigJifSAME/qMCBiao3FsgZzUQK5LlBSQTfwBxOxDzEusCdAP+I/kvAYiZyDUABs4AsQ0lBsDASiBWoMQAEPgOxBPRDWCEpgNyUxMjEwOFgBQDfgDxJELpgOqBSHY0kp2QQFHVCsQ8pCbl3zB/kpobWaByIoyMjB/pUaCwAvFLqO3PkVMi2QAgwABTyz84nkl9iAAAAABJRU5ErkJggg==");
            }

            #timebar_holder #map_timebar #map_timebar_simple #map_animate_speed {
                margin-bottom: 0;
                width: 86px;
            }

            #timebar_holder #map_timebar #map_timebar_simple #map_animation_duration {
                margin-bottom: 0;
                width: 160px;
            }

            #timebar_holder #map_timebar #map_timebar_simple #map_timebar_current {
                padding: 0 10px;
                cursor: auto;
                box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.2) inset;
                background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #676767), color-stop(1, #424242));
                background-image: -o-linear-gradient(top, #676767 0%, #424242 100%);
                background-image: -moz-linear-gradient(top, #676767 0%, #424242 100%);
                background-image: -webkit-linear-gradient(top, #676767 0%, #424242 100%);
                background-image: -ms-linear-gradient(top, #676767 0%, #424242 100%);
                background-image: linear-gradient(to top, #676767 0%, #424242 100%);
                color: #BDBDBD;
                border: 1px solid #8A8A8A;
                height: 24px;
                line-height: 23px;
                margin-left: 5px;
                margin-right: 5px;
                border-radius: 5px;
            }

                #timebar_holder #map_timebar #map_timebar_simple #map_timebar_current:active {
                    box-shadow: 0px 2px 4px 0 rgba(0,0,0,0.2) inset;
                }

                #timebar_holder #map_timebar #map_timebar_simple #map_timebar_current #light {
                    width: 6px;
                    height: 6px;
                    border-radius: 3px;
                    margin-right: 8px;
                    margin-top: -3px;
                    transition: background-color 350ms, box-shadow 700ms;
                    -webkit-transition: background-color 350ms, box-shadow 700ms;
                    -moz-transition: background-color 350ms, box-shadow 700ms;
                    -o-transition: background-color 350ms, box-shadow 700ms;
                    background: #87C404;
                    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5),0px 0px 5px 3px rgba(135,196,4,0.5);
                    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5),0px 0px 5px 3px rgba(135,196,4,0.5);
                }

                #timebar_holder #map_timebar #map_timebar_simple #map_timebar_current.in-history {
                    cursor: pointer;
                    background: #15AADC;
                    color: #FFF;
                }

                    #timebar_holder #map_timebar #map_timebar_simple #map_timebar_current.in-history #light {
                        background: #8ED1E9;
                        box-shadow: inset 0px 0px 3px 0px rgba(30,32,35,0.2);
                        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(30,32,35,0.2);
                    }

            #timebar_holder #map_timebar #map_timebar_simple .datepicker {
                position: relative;
                height: 24px;
                line-height: 22px;
                border-radius: 5px;
                border: 1px solid #8A8A8A;
                padding: 0 10px;
            }

                #timebar_holder #map_timebar #map_timebar_simple .datepicker #map_cal_text {
                    color: #FFF;
                }

                #timebar_holder #map_timebar #map_timebar_simple .datepicker #map_cal {
                    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg2RDkyNkU3QzI0MTExRTM5NUNCREM5RDJBRTQ3NEFCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg2RDkyNkU4QzI0MTExRTM5NUNCREM5RDJBRTQ3NEFCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODZEOTI2RTVDMjQxMTFFMzk1Q0JEQzlEMkFFNDc0QUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODZEOTI2RTZDMjQxMTFFMzk1Q0JEQzlEMkFFNDc0QUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4j2tQ6AAAAvklEQVR42mL8//8/A1UAyCA0HPUfAg5jkbsElfNGl2OBmucGxPxQtjmUFgHiUDR7YWpsgJgLyv4IxLsYoV6j1H+MI8CgdxQaJMRI7XSEDpZC0wo6sAHiLVjEGZgYqARgCXI1mvhJIH6ORfwNEB8B4m8YoQ0NIxc08RdQbIAmfgaIFaCpHhnsGXxhBPMaeuZ8BMU2aOL7gVgDiCXRxFfDAhs9jE5BAxRd/Dw03HTRDaJ6GH2kIHg+IocRxQAgwACOAz6MWI7ozQAAAABJRU5ErkJggg==");
                    background-repeat: no-repeat;
                    background-size: contain;
                    height: 22px;
                    width: 17px;
                }

                #timebar_holder #map_timebar #map_timebar_simple .datepicker #map_datepicker_pretty_mouseTarget {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    cursor: pointer;
                }

.timelord-collapsed #map_container {
    margin-bottom: 0;
}

#map_timebar_notification_panel {
    width: auto;
    position: absolute;
    bottom: 79px;
    left: 170px;
    padding: 5px 8px;
}

    #map_timebar_notification_panel .infobox-pointer-bot {
        left: 79px;
        right: auto;
    }

#map_timebar_welcome_panel {
    width: 200px;
    position: absolute;
    bottom: 79px;
    left: 170px;
    padding: 5px 8px;
}

    #map_timebar_welcome_panel .infobox-pointer-bot {
        left: 79px;
        right: auto;
    }

#map_wrapper.timelord-collapsed #map_timebar_settings_panel {
    bottom: 24px;
}

#map_wrapper.timelord-collapsed #map_timebar_notification_panel {
    bottom: 24px;
}

#map_wrapper.timelord-collapsed #map_timebar_welcome_panel {
    bottom: 24px;
}

#dialogBox:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 8px;
    border-color: #FFF transparent transparent transparent;
    border-top-style: solid;
    position: absolute;
    bottom: -16px;
    right: 20px;
}

#dialogBox {
    display: none;
    position: absolute;
    bottom: 64px;
    right: 0px;
    width: auto;
    min-width: 600px;
    z-index: 4;
    box-shadow: 0px 0px 12px 2px rgba(76,76,76,0.5);
    -webkit-box-shadow: 0px 0px 12px 2px rgba(76,76,76,0.5);
}

    #dialogBox .header {
        font-size: 14px;
        font-weight: bold;
        color: #696969;
        border-bottom: 1px solid #D7D7D7;
        padding: 10px;
    }

    #dialogBox #dialogTemplate {
        padding: 10px;
    }

        #dialogBox #dialogTemplate .title {
            font-weight: bold;
            margin-bottom: 20px;
        }

        #dialogBox #dialogTemplate .inline {
            display: inline-block;
            vertical-align: top;
        }

        #dialogBox #dialogTemplate .item {
            margin-right: 8px;
        }

        #dialogBox #dialogTemplate .shadowed-select {
            height: 34px;
            width: auto;
            font-size: 12px;
            color: #696969;
            background: #F7F7F7;
            box-shadow: inset 2px 2px 7px 0px #bdbdbd;
            -webkit-box-shadow: inset 2px 2px 7px 0px #bdbdbd;
            padding-left: 12px;
            padding-right: 12px;
        }

        #dialogBox #dialogTemplate .controls {
            height: 34px;
            border-radius: 5px;
            border: 1px solid #D7D7D7;
            background: #F7F7F7;
        }

            #dialogBox #dialogTemplate .controls .next, #dialogBox #dialogTemplate .controls .prev {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWRjMDRiMy0wNDY1LTQzZDYtOWNjMC05YjFjMDM5MmNkMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUU1RjUyMDhENEFBMTFFMzlFRDRCNkZBMTY1OENFM0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUU1RjUyMDdENEFBMTFFMzlFRDRCNkZBMTY1OENFM0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUQ1MTMwNjY5QzU5MTFFMzhFNkY4N0YzMTI2MUVFNzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ1MTMwNjc5QzU5MTFFMzhFNkY4N0YzMTI2MUVFNzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5hqsNOAAAA5UlEQVR42qzSvwsBYRzHcY9SMlmw+7EogzIaLErHRCYZbmWQwWaVSeQfkJKSUSYlBv4Au3/AaGQ476fuCnfPMdzVq+9193w+T9c9wjAMn1eX37qJrq8aLkj+E2RdBFvkbGVcLWRwfl+gKIozTtAwdiqrYo4IjgRKiqKs3BAp7FC2ld3qiQdDxxAhbAjqX0VFuRFiWKJC7m69F04/gFCbMTU36xMY8KzB/QwBjNDj+UdYqP4m4RpjgSAOKJivupRMnDLC7WhQmJefizCeaFK0Uq0Xv84ZhWmGLOhQtHdbK7w8tC8BBgC0SlPsbPUyIQAAAABJRU5ErkJggg==");
                background-position: 5px 3px;
                background-repeat: no-repeat;
                cursor: pointer;
                display: block;
                height: 17px;
                width: 30px;
            }

                #dialogBox #dialogTemplate .controls .next.disabled, #dialogBox #dialogTemplate .controls .prev.disabled {
                    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWRjMDRiMy0wNDY1LTQzZDYtOWNjMC05YjFjMDM5MmNkMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkQzMjI4MDhFQTlCMTFFMzkyMjQ5NjlBNjY1NkNFOTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkQzMjI4MDdFQTlCMTFFMzkyMjQ5NjlBNjY1NkNFOTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUU1RjUyMDdENEFBMTFFMzlFRDRCNkZBMTY1OENFM0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUU1RjUyMDhENEFBMTFFMzlFRDRCNkZBMTY1OENFM0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6vdAo5AAAAsklEQVR42mL8//8/A7UAExLbC4gvAbEKkXpFgXgrEJvARUAug+It/yHgFRCbIIljw0pAfAuq/jBMHFkBGxAvgCr4CsQeOAwyBOIXUHW7gJgPm2EgzAjEbVCFv4E4EU3eFYg/QeWXQh3AgMswGM4G4r9QTdVQsWgg/gUV64FazECMYSAcDMTfoZr3/0eAAlx6GAgEtA0Qv4caAnJVOD71hAwDYS0gvgzEToTUMlIz0QIEGABSfbbE634uqQAAAABJRU5ErkJggg==");
                    background-color: #D7D7D7;
                    -webkit-bottom-left-radius: 5px;
                    -webkit-bottom-right-radius: 5px;
                    border-bottom-left-radius: 5px;
                    border-bottom-right-radius: 5px;
                    cursor: auto;
                }

            #dialogBox #dialogTemplate .controls .prev {
                border-bottom: 1px solid #D7D7D7;
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWRjMDRiMy0wNDY1LTQzZDYtOWNjMC05YjFjMDM5MmNkMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUU1RjUyMDRENEFBMTFFMzlFRDRCNkZBMTY1OENFM0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUU1RjUyMDNENEFBMTFFMzlFRDRCNkZBMTY1OENFM0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUQ1MTMwNjY5QzU5MTFFMzhFNkY4N0YzMTI2MUVFNzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUQ1MTMwNjc5QzU5MTFFMzhFNkY4N0YzMTI2MUVFNzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66kirJAAAA4klEQVR42qzSvwsBYRzHcSckg0z+Af8FgyjFYLp0JSWLxcLMblGyGCySRX5tpG4xGJVBWcSORdkYHu+rG8Q5R5569bnu+d7nfnSSEML2ryV9KvMPdlGiAeWYCmx+LqNIIbpw4owkhYt383aToiLR04vm8EHlvGy5jGEJNQ7ruCHD00TICtzos1/4+JoMuYg20rhApkh92M8RLThQRZl98VLGoJcYIoYDEgyuDJ48TozgQQd55q7PrznRi7YIGhVpi/MzIowTshgbfbMSpghxwd7sF2B/qd0QazQt/2ffrLsAAwB05VXBl+4y+wAAAABJRU5ErkJggg==");
            }

                #dialogBox #dialogTemplate .controls .prev.disabled {
                    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmOWRjMDRiMy0wNDY1LTQzZDYtOWNjMC05YjFjMDM5MmNkMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkQzMjI4MDRFQTlCMTFFMzkyMjQ5NjlBNjY1NkNFOTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkQzMjI4MDNFQTlCMTFFMzkyMjQ5NjlBNjY1NkNFOTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUU1RjUyMDNENEFBMTFFMzlFRDRCNkZBMTY1OENFM0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUU1RjUyMDRENEFBMTFFMzlFRDRCNkZBMTY1OENFM0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz59Bog+AAAApUlEQVR42mL8//8/A7UAExFqnID4MhBrEVQJchkeHA7Ev/5DwHsgtsGnHp9BBf8RYD+U/g7EwaQYxgjEPVDNIFdFQ8WroWJ/gTibGMPYgHgpVNMnIHZFk08E4t9Q+TaoxVgN4wPiXVCFL4DYEId3PID4K1TdAqgDMAw7DFVwC4iVCESMCRC/gqrfgs0wkIKtQCxKwCAYVgHiS0DsBRNjpGaiBQgwANW2tsSJjsyLAAAAAElFTkSuQmCC");
                    -webkit-top-left-radius: 5px;
                    -webkit-top-right-radius: 5px;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                    -webkit-bottom-left-radius: 0;
                    -webkit-bottom-right-radius: 0;
                    border-bottom-left-radius: 0;
                    border-bottom-right-radius: 0;
                }

        #dialogBox #dialogTemplate .hourSelection {
            margin-right: 40px;
            margin-left: 10px;
        }

        #dialogBox #dialogTemplate .yearSelection {
            margin-right: 10px;
        }

        #dialogBox #dialogTemplate .showCalendar {
            height: 34px;
            width: 24px;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCQjdCOTE0RDAyMjExRTNCRDVBQURGMkQ1NEQ2OUE5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCQjdCOTE1RDAyMjExRTNCRDVBQURGMkQ1NEQ2OUE5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEJCN0I5MTJEMDIyMTFFM0JENUFBREYyRDU0RDY5QTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEJCN0I5MTNEMDIyMTFFM0JENUFBREYyRDU0RDY5QTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7A7v+kAAABFUlEQVR42mL8//8/Ay0BCy4JsdV3YTZ/fBWqLIBFHiT2Hsp9CFSjgM0cJgYaA0ZQEAFdsw3IlkKT04fS/4D4Mha9zECsA2X/BuJraPLPgL7yggWRJx5HMCFZhguwYlGjT5cgGrVg4C2ApSJHWluggEP+FBC/AGI/HPLLgNgAiLUIWTAfh3whEB/AI78BiKOAOB+H/ILhE8mGOOSfAvEXPPKfgbgbFBSELHDAIX8QiJ/gkb8OxCp4HHABVpr+JxDJ53HICwJxA65IBpamjMMnkhVxyL8D4h945D8BcRMQTyBkQQIO+R1A/ACPfAcQmwGxBQ75BpgF9TgUfID6AJc8yOUeeHJyA90i+RUNzH4Fb1XQEgAEGACq0kX0UTnCMwAAAABJRU5ErkJggg==");
            background-position: 0px 4px;
            background-repeat: no-repeat;
            cursor: pointer;
        }

            #dialogBox #dialogTemplate .showCalendar.cal-open {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBCQjdCOTE4RDAyMjExRTNCRDVBQURGMkQ1NEQ2OUE5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBCQjdCOTE5RDAyMjExRTNCRDVBQURGMkQ1NEQ2OUE5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEJCN0I5MTZEMDIyMTFFM0JENUFBREYyRDU0RDY5QTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEJCN0I5MTdEMDIyMTFFM0JENUFBREYyRDU0RDY5QTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6PggfmAAABEElEQVR42mL8//8/Ay0BCy4JPz8/mM0fN23aJIBFHiT2Hsp9CFSjgM0cJgYaA0ZQEAFdsw3IlkKT04fS/4D4Mha9zECsA2X/BuJraPLPgL7yggWRJx5HMCFZhguwYlGjT5cgGrVg4C2ApSJHWluggEP+FBC/AGVcHPLLgNgAiLUIWTAfh3whEB/AI78BiKOAOB+H/ILhE8mGOOSfAvEXPPKfgbgbFBSELHDAIX8QiJ/gkb8OxCp4HHABZkE/gUjGJQ9yeSCeSJ4wfCJZEYf8OyD+gUf+ExA3gYKCkAUJOOR3APEDPPIdQGwGxBY45BtgFtTjUPAB6gNc8iCXe+CJ5Aa6RfIrGpj9Ct6qoCUACDAAH7hAOQHt1vsAAAAASUVORK5CYII=");
            }

        #dialogBox #dialogTemplate #durationLabel {
            margin: 15px 10px;
            font-size: 0.875rem;
        }

            #dialogBox #dialogTemplate #durationLabel .large-time-font {
                font-size: 1rem;
            }

        #dialogBox #dialogTemplate #timeSelectionError {
            color: #D5202A;
            margin: 15px 10px 25px 10px;
        }

    #dialogBox .datePickerCalendar {
        position: absolute;
        top: -145px;
        left: 160px;
        background: #FFF;
        border-radius: 5px;
        padding: 10px 5px 15px 5px;
        border: 1px solid #D7D7D7;
        box-shadow: 0px 0px 12px 2px rgba(76,76,76,0.5);
        -webkit-box-shadow: 0px 0px 12px 2px rgba(76,76,76,0.5);
    }

        #dialogBox .datePickerCalendar#dialogCalendarStart {
            left: 160px;
            top: -230px;
        }

#durationSelection .durationValue {
    margin: 0 10px 0 0;
    width: 24px;
}

#durationSelection .ui-spinner {
    display: block;
}

#dialogBox select {
    width: 90px;
}

#durationSelection select {
    display: block;
}

#dialogBox .infobox-pointer-bot {
    left: 50%;
    margin-left: -10px;
    right: auto;
}

#durationSelection input[type="number"].ui-spinner-input {
    width: 20px;
}

#durationSelection .ui-icon-triangle-1-n {
    background-image: url("//icons.wxug.com/i/wm/tlIncrementArrows.png");
    background-position: -23px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    height: 20px;
    width: 25px;
    font-size: 0px;
    margin-left: 23px;
}

#durationSelection .ui-icon-triangle-1-s {
    background-image: url("//icons.wxug.com/i/wm/tlIncrementArrows.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    height: 20px;
    width: 23px;
    font-size: 0px;
}

@media only screen and (max-width: 1400px) {
    #map_cal_text {
        display: none !important;
    }

    #timebar_holder #map_timebar {
        width: 620px;
    }
}

@media only screen and (max-width: 1300px) {
    .timelineTicks {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) {
    #timebar_holder #map_timebar {
        width: 600px;
    }

    .border-left-wrapper {
        border-left: 0px solid #1E2023 !important;
    }

    .expCollapseLink {
        border-left: 1px solid #1E2023 !important;
    }
}

#map_wrapper #map_timebar #masterTimeline .timelineViewport {
    display: block;
    width: 180px;
    height: 21px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("//icons.wxug.com/i/wm/tlViewportBG.png") repeat-x;
    cursor: move;
}

    #map_wrapper #map_timebar #masterTimeline .timelineViewport .ui-resizable-w {
        background: url("//icons.wxug.com/i/wm/tlGrips.png") no-repeat;
        background-position: 0 0;
        width: 15px;
        height: 21px;
        position: absolute;
        bottom: 0;
        left: -15px;
        cursor: w-resize;
    }

    #map_wrapper #map_timebar #masterTimeline .timelineViewport .ui-resizable-e {
        background: url("//icons.wxug.com/i/wm/tlGrips.png") no-repeat;
        background-position: -15px 0;
        width: 15px;
        height: 21px;
        position: absolute;
        bottom: 0;
        right: -15px;
        cursor: e-resize;
    }

#map_wrapper #map_timebar #masterTimeline .timelineViewportContainment {
    display: block;
    height: 21px;
    position: absolute;
    bottom: 0;
    left: 13px;
    right: 13px;
}

#map_wrapper #map_timebar #macroTime {
    height: 41px;
    padding: 0 10px;
    background: url("//icons.wxug.com/i/wm/tlMacroBG.png") repeat-x;
}

    #map_wrapper #map_timebar #macroTime #macroTick {
        position: absolute;
        bottom: 0;
        left: 10px;
        width: 1px;
        height: 18px;
        background: url("//icons.wxug.com/i/wm/tlMacroTick.png") no-repeat;
    }

    #map_wrapper #map_timebar #macroTime #scaleTime {
        position: absolute;
        bottom: 0;
        right: 10px;
        width: 198px;
        height: 18px;
        line-height: 18px;
        background: url("//icons.wxug.com/i/wm/tlScaleBG.png") no-repeat;
    }

        #map_wrapper #map_timebar #macroTime #scaleTime #scaleSlider {
            position: absolute;
            bottom: 0;
            right: 36px;
            width: 149px;
            height: 18px;
        }

            #map_wrapper #map_timebar #macroTime #scaleTime #scaleSlider .ui-slider-handle {
                position: absolute;
                bottom: 1px;
                right: 130px;
                width: 11px;
                height: 15px;
                background: url("//icons.wxug.com/i/wm/tlScaleKnob.png") no-repeat;
                cursor: pointer;
            }

        #map_wrapper #map_timebar #macroTime #scaleTime #scalePlus {
            position: absolute;
            bottom: 0;
            right: 23px;
            display: block;
            width: 8px;
            height: 18px;
            cursor: pointer;
        }

        #map_wrapper #map_timebar #macroTime #scaleTime #scaleMinus {
            position: absolute;
            bottom: 0;
            right: 191px;
            display: block;
            width: 8px;
            height: 18px;
            cursor: pointer;
        }

#map_wrapper.timelord-collapsed #macroTime {
    visibility: hidden;
}

#tutorial {
    background: url("//icons.wxug.com/i/misc/transBlack.png") repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 300;
}

    #tutorial .tutBox {
        background: #FFF;
        border: 1px solid #2F52AA;
        -webkit-box-shadow: 4px 4px 5px rgba(50,50,50,0.75);
        -moz-box-shadow: 4px 4px 5px rgba(50,50,50,0.75);
        box-shadow: 4px 4px 5px rgba(50,50,50,0.75);
        overflow: visible;
        padding: 10px;
        position: absolute;
        text-align: center;
    }

        #tutorial .tutBox P, #tutorial .tutBox h2 {
            font-family: 'Shadows Into Light Two', cursive;
        }

        #tutorial .tutBox P {
            font-size: 22px;
            color: #333;
            line-height: 26px;
            padding: 0;
            margin: 0;
        }

            #tutorial .tutBox P SPAN {
                color: #EE831A;
            }

    #tutorial .arrow {
        background-repeat: no-repeat;
        position: absolute;
    }

    #tutorial #tut_newWM {
        left: 50%;
        margin-left: -170px;
        margin-top: -100px;
        padding: 0;
        top: 50%;
        width: 340px;
        z-index: 2;
    }

        #tutorial #tut_newWM p {
            margin: 5px 10px 10px 10px;
        }

        #tutorial #tut_newWM div {
            background: #e2e2e2;
            background: -moz-linear-gradient(top, #e2e2e2 0%, #efefef 4px, #efefef 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(4px, #efefef), color-stop(100%, #efefef));
            background: -webkit-linear-gradient(top, #e2e2e2 0%, #efefef 4px, #efefef 100%);
            background: -o-linear-gradient(top, #e2e2e2 0%, #efefef 4px, #efefef 100%);
            background: -ms-linear-gradient(top, #e2e2e2 0%, #efefef 4px, #efefef 100%);
            background: linear-gradient(to bottom, #e2e2e2 0%, #efefef 4px, #efefef 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#efefef',GradientType=0 );
            border-radius: 0px 0px 5px 5px;
            padding-top: 25px;
            padding-bottom: 25px;
        }

        #tutorial #tut_newWM h2 {
            background-image: url("//icons.wxug.com/i/wm/tutorial/newMap.gif");
            font-size: 30px;
            color: #004a81;
            font-weight: 400;
            height: 47px;
            text-indent: -9999px;
            margin: 20px auto 0 auto;
            width: 280px;
        }

    #tutorial #tut_extraData {
        width: 100px;
        top: 75px;
        left: 20px;
    }

        #tutorial #tut_extraData .arrow {
            background-image: url("//icons.wxug.com/i/wm/tutorial/arrow_ExtraData.png");
            top: -25px;
            height: 56px;
            left: -10px;
            width: 31px;
        }

    #tutorial #tut_moreMaps {
        width: 165px;
        top: 118px;
        right: 433px;
    }

        #tutorial #tut_moreMaps .arrow {
            background-image: url("//icons.wxug.com/i/wm/tutorial/arrow_MoreMaps.png");
            height: 65px;
            right: -25px;
            top: -55px;
            width: 38px;
        }

    #tutorial #tut_roadTrip {
        right: 220px;
        top: 135px;
        width: 174px;
    }

        #tutorial #tut_roadTrip .arrow {
            background-image: url("//icons.wxug.com/i/wm/tutorial/arrow_RoadTrip.png");
            height: 96px;
            right: -37px;
            top: -76px;
            width: 69px;
        }

    #tutorial #tut_legends {
        right: 25px;
        top: 105px;
        width: 152px;
    }

        #tutorial #tut_legends .arrow {
            background-image: url("//icons.wxug.com/i/wm/tutorial/arrow_Legends.png");
            height: 57px;
            right: 8px;
            top: -45px;
            width: 55px;
        }

    #tutorial #tut_animationMoved {
        left: 44px;
        bottom: 130px;
        width: 230px;
    }

        #tutorial #tut_animationMoved .arrow {
            background-image: url("//icons.wxug.com/i/wm/tutorial/arrow_AnimationMoved.png");
            bottom: -36px;
            height: 57px;
            left: -42px;
            width: 55px;
        }

    #tutorial #tut_historicalData {
        bottom: 140px;
        left: 315px;
        width: 180px;
    }

        #tutorial #tut_historicalData .arrow {
            background-image: url("//icons.wxug.com/i/wm/tutorial/arrow_historicalData.png");
            bottom: -60px;
            height: 83px;
            left: -65px;
            width: 93px;
        }

    #tutorial #tut_animationPeriod {
        bottom: 105px;
        left: 68%;
        width: 160px;
    }

        #tutorial #tut_animationPeriod .arrow {
            background-image: url("//icons.wxug.com/i/wm/tutorial/arrow_AnimationPeriod.png");
            bottom: -98px;
            height: 105px;
            left: -25px;
            width: 140px;
        }

#overview {
    background: url("//icons.wxug.com/i/misc/transBlack.png") repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 300;
    display: none;
}

    #overview .tutBox {
        width: 340px;
        background: #FFF;
        border: 1px solid #2F52AA;
        -webkit-box-shadow: 4px 4px 5px rgba(50,50,50,0.75);
        -moz-box-shadow: 4px 4px 5px rgba(50,50,50,0.75);
        box-shadow: 4px 4px 5px rgba(50,50,50,0.75);
        overflow: visible;
        position: absolute;
        top: 40%;
        left: 50%;
        margin-top: -100px;
        margin-left: -170px;
        padding: 0;
    }

        #overview .tutBox h2 {
            font-size: 26px;
            line-height: 38px;
            height: 61px;
            background: url(//icons.wxug.com/i/wm/overview/header.png) no-repeat;
            color: #004a81;
            margin: 10px -11px 3px;
            text-align: center;
        }

    #overview .arrow {
        background-repeat: no-repeat;
        position: absolute;
    }

    #overview #tut_extraData {
        width: 100px;
        top: 75px;
        left: 20px;
    }

        #overview #tut_extraData .arrow {
            background-image: url("//icons.wxug.com/i/wm/tutorial/arrow_ExtraData.png");
            top: -25px;
            height: 56px;
            left: -10px;
            width: 31px;
        }

    #overview #tut_moreMaps {
        width: 165px;
        top: 118px;
        right: 433px;
    }

        #overview #tut_moreMaps .arrow {
            background-image: url("//icons.wxug.com/i/wm/tutorial/arrow_MoreMaps.png");
            height: 65px;
            right: -25px;
            top: -55px;
            width: 38px;
        }

.tutMenu {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #7DB5E2;
    margin: 0 3px;
    padding: 0;
}

    .tutMenu LI.menuItem {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .tutMenu .menuItem {
        border-top: 1px solid #7DB5E2;
    }

        .tutMenu .menuItem .menuHeader {
            display: block;
            padding: 12px 4px;
            color: #18599B;
        }

            .tutMenu .menuItem .menuHeader .menuLetter {
                float: left;
                margin: -3px 5px 0 0;
            }

        .tutMenu .menuItem.selected .menuHeader {
            background-color: #DEF2F9;
            color: #F49233;
        }

        .tutMenu .menuItem .menuContent {
            display: none;
            width: 300px;
            background-color: #005A9B;
            color: #FFF;
            padding: 10px;
            position: absolute;
        }

            .tutMenu .menuItem .menuContent .menuClose {
                width: 23px;
                height: 24px;
                position: absolute;
                top: -3px;
                right: -3px;
                background: url(//icons.wxug.com/i/wm/overview/closebutton.png) no-repeat;
            }

.menuLetter {
    border: 1px solid #FFF;
    background-color: #F69220;
    color: #FFF;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    display: block;
    font-size: 14px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tutMenu .menuItem .menuContent .menuLetter {
    float: left;
    margin: -3px 5px 0 0;
}

.tutMenu .menuItem .menuContent .arrow {
    width: 10px;
    height: 19px;
    position: absolute;
    left: -9px;
    top: 10px;
    background: url(//icons.wxug.com/i/wm/overview/BlueArrow_left.png) no-repeat;
}

.tutMenu .menuItem .menuContent UL LI {
    margin-bottom: 8px;
}

.tutMenu .menuItem .menuContent A {
    color: #F49233;
}

.tutMenu .menuLine {
    clear: both;
    border-top: 1px solid #7DB5E2;
    margin: 5px;
}

.tutCallouts {
    display: none;
}

    .tutCallouts .menuLetter {
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
    }

        .tutCallouts .menuLetter .arrowUpLeft {
            width: 30px;
            height: 20px;
            background-image: url(//icons.wxug.com/i/wm/overview/WhiteArrow_upleft.png);
            background-repeat: no-repeat;
            position: absolute;
            top: -20px;
            left: -23px;
        }

        .tutCallouts .menuLetter .arrowUpRight {
            width: 30px;
            height: 20px;
            background-image: url(//icons.wxug.com/i/wm/overview/WhiteArrow_upright.png);
            background-repeat: no-repeat;
            position: absolute;
            top: -20px;
            right: -23px;
        }

        .tutCallouts .menuLetter .arrowDownLeft {
            width: 30px;
            height: 20px;
            background-image: url(//icons.wxug.com/i/wm/overview/WhiteArrow_downleft.png);
            background-repeat: no-repeat;
            position: absolute;
            bottom: -20px;
            left: -23px;
        }

        .tutCallouts .menuLetter .arrowDownRight {
            width: 30px;
            height: 20px;
            background-image: url(//icons.wxug.com/i/wm/overview/WhiteArrow_downright.png);
            background-repeat: no-repeat;
            position: absolute;
            bottom: -20px;
            right: -23px;
        }

        .tutCallouts .menuLetter .arrowLeftUp {
            width: 20px;
            height: 30px;
            background-image: url(//icons.wxug.com/i/wm/overview/WhiteArrow_leftup.png);
            background-repeat: no-repeat;
            position: absolute;
            top: -23px;
            left: -20px;
        }

        .tutCallouts .menuLetter .arrowLeftDown {
            width: 20px;
            height: 30px;
            background-image: url(//icons.wxug.com/i/wm/overview/WhiteArrow_leftdown.png);
            background-repeat: no-repeat;
            position: absolute;
            bottom: -23px;
            left: -20px;
        }

        .tutCallouts .menuLetter .arrowRightUp {
            width: 20px;
            height: 30px;
            background-image: url(//icons.wxug.com/i/wm/overview/WhiteArrow_rightup.png);
            background-repeat: no-repeat;
            position: absolute;
            top: -23px;
            right: -20px;
        }

        .tutCallouts .menuLetter .arrowRightDown {
            width: 20px;
            height: 30px;
            background-image: url(//icons.wxug.com/i/wm/overview/WhiteArrow_rightdown.png);
            background-repeat: no-repeat;
            position: absolute;
            bottom: -23px;
            right: -20px;
        }

#overview .ui-tabs-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #overview .ui-tabs-nav LI {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 50%;
        float: left;
        position: relative;
    }

        #overview .ui-tabs-nav LI A {
            display: block;
            background-color: #DDF1F8;
            text-align: center;
            padding: 8px 5px;
            margin: 0 3px;
        }

        #overview .ui-tabs-nav LI.ui-tabs-selected A {
            background-color: #005A9B;
            color: #FFF;
        }

        #overview .ui-tabs-nav LI.ui-tabs-selected .arrow {
            width: 15px;
            height: 8px;
            position: absolute;
            left: 50%;
            bottom: -7px;
            margin-left: -8px;
            background: url(//icons.wxug.com/i/wm/overview/BlueArrow_down.png) no-repeat;
        }

#overview .ui-tabs-hide {
    display: none;
}

#overview .menuContent .play {
    background: url("//icons.wxug.com/i/wm/ui_tl_animate.png") 0 0 no-repeat;
    width: 54px;
    height: 19px;
    position: absolute;
    margin-left: 5px;
    border: 1px solid #fff;
}

.joyride-tip-guide {
    border-radius: 5px;
}

    .joyride-tip-guide h4 {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .joyride-tip-guide .button {
        border-radius: 5px;
    }

    .joyride-tip-guide #no-joy {
        display: block;
        color: #1E2023;
        text-decoration: none;
    }

    .joyride-tip-guide .joyride-nub.rightalign {
        left: 270px;
    }

    .joyride-tip-guide .step-wrapper {
        display: block;
        width: 42px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

        .joyride-tip-guide .step-wrapper .joyride-step-dot {
            display: inline-block;
            color: #BDBDBD;
            padding: 0 2px;
        }

            .joyride-tip-guide .step-wrapper .joyride-step-dot.current-step {
                color: #1E2023;
            }

    .joyride-tip-guide .joyride-back-tip {
        margin-left: 45px;
    }

    .joyride-tip-guide .joyride-next-tip {
        display: block;
        width: 60px;
        margin-left: auto;
        margin-right: auto;
    }

    .joyride-tip-guide.stop1 .joyride-next-tip {
        width: 120px;
    }

#ui-datepicker-div {
    display: none;
    border: 3px solid #000;
    background: #FFF;
}

    #ui-datepicker-div TR:last-child TD {
        border-bottom: 0 !important;
    }

        #ui-datepicker-div TR:last-child TD:first-child {
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        #ui-datepicker-div TR:last-child TD:last-child {
            -moz-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

    #ui-datepicker-div .ui-datepicker-current-day {
        background: #D9D9D9;
    }

.optionDiv .OptionsInfoboxClose {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 24px;
    height: 24px;
    display: block;
    background: url("//icons.wxug.com/i/wxmap/close.png") no-repeat;
}

.ToolPanelClose, .optionDiv .OptionsInfoboxClose {
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url("//icons.wxug.com/i/dashboard/sprite.png");
    background-repeat: no-repeat;
    background-position: -250px -0px;
}

    .ToolPanelClose:hover, .optionDiv .OptionsInfoboxClose:hover {
        background-position: -200px -0px;
    }

#accordion .layerTitle SMALL {
    display: none;
}

.sliderRow {
    width: 100%;
    margin: 0;
    max-width: 80rem;
    margin: 10px 0;
}

    .sliderRow:before, .sliderRow:after {
        content: " ";
        display: table;
    }

    .sliderRow:after {
        clear: both;
    }

    .sliderRow .sliderTitle {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 33.33333%;
        float: left;
        font-weight: bold;
        vertical-align: middle;
    }

    .sliderRow .sliderGrip {
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        width: 66.66667%;
        float: left;
        padding-left: 0;
    }

        .sliderRow .sliderGrip .valueRow {
            width: 100%;
            margin: 0;
            max-width: 80rem;
            margin-bottom: 5px;
        }

            .sliderRow .sliderGrip .valueRow:before, .sliderRow .sliderGrip .valueRow:after {
                content: " ";
                display: table;
            }

            .sliderRow .sliderGrip .valueRow:after {
                clear: both;
            }

            .sliderRow .sliderGrip .valueRow .value0 {
                padding-left: 0.625rem;
                padding-right: 0.625rem;
                width: 33.33333%;
                float: left;
                text-align: left;
                padding: 0;
            }

            .sliderRow .sliderGrip .valueRow .value50 {
                padding-left: 0.625rem;
                padding-right: 0.625rem;
                width: 33.33333%;
                float: left;
                text-align: center;
                padding: 0;
            }

            .sliderRow .sliderGrip .valueRow .value100 {
                padding-left: 0.625rem;
                padding-right: 0.625rem;
                width: 33.33333%;
                float: left;
                text-align: right;
                padding: 0;
            }

        .sliderRow .sliderGrip .min_val {
            width: 22px;
            float: left;
            text-align: right;
        }

        .sliderRow .sliderGrip .max_val {
            float: left;
        }

.ui-slider {
    position: relative;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        top: -6px;
        outline: 0;
        vertical-align: middle;
        background: url("//icons.wxug.com/i/o/wu4Form_sprite.png") no-repeat 0 -161px;
        cursor: pointer;
        height: 25px;
        width: 25px;
        margin-left: -7px;
        line-height: 0;
    }

.slider_bg.ui-slider {
    background-color: #FFF;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
    height: 10px;
    width: 100px;
    float: left;
}

.slider_bluebg {
    height: 10px;
    background-color: #15AADC;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
}

.timelord-warning {
    color: #999 !important;
    cursor: auto;
}

    .timelord-warning .wuCheckbox {
        background-position: 0 -72px !important;
    }

.infoBox .panelTitle {
    font-size: 12px;
    color: #333;
}

.infoBox .groupTitle {
    font-size: 10px;
    color: #555;
    padding: 7px 0 10px 0;
}

.groupFooter {
    background: url("//icons.wxug.com/i/wm/groupBG.png") repeat-x bottom;
}

#eyedropper {
    width: auto;
    background: transparent url("//icons.wxug.com/i/misc/transBlack.png") repeat;
}

.eyedropper .eyedropperRow {
    clear: both;
    margin: 2px 0;
}

    .eyedropper .eyedropperRow DIV {
        overflow: hidden;
    }

    .eyedropper .eyedropperRow .swatch {
        float: left;
        border: 1px solid #FFF;
        width: 12px;
        height: 12px;
        margin-right: 7px;
    }

#map_data_update_time_panel {
    background: url("//icons.wxug.com/i/wm/trayBG.png") repeat;
    top: 42px !important;
    right: 10px !important;
    display: none;
    border-radius: 2px;
}

    #map_data_update_time_panel .daterow {
        display: block;
        color: #FFF;
    }

        #map_data_update_time_panel .daterow .tilename, #map_data_update_time_panel .daterow .tiletime {
            color: #FFF;
            font-size: 11px;
            font-weight: bold;
            margin: 1px 0 0 0;
            padding: 3px 5px;
            display: inline-block;
            vertical-align: middle;
        }

        #map_data_update_time_panel .daterow .tilename {
            width: 75px;
        }

.ajax-loading {
    background-image: url("//icons.wxug.com/graphics/wu2/ajax-loading.gif") !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

.slider_knob {
    background: transparent url("//icons.wxug.com/i/wu/sliderKnob.png") center no-repeat;
    height: 14px;
    width: 14px;
    cursor: pointer;
}

.selectorBox {
    background-color: #F5F5F5;
    border-top: 1px solid #CCC;
    padding: 5px 0;
}

    .selectorBox TABLE TR TD.endOption {
        padding-right: 15px;
    }

    .selectorBox TABLE TR TD A {
        color: #213F9A;
    }

.mapBalloon {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 380px;
}

    .mapBalloon .mapStationInfo {
        padding: 5px;
        background-color: #F5F5F5;
        border: 1px solid #CCC;
        width: 150px;
        margin: 10px 0 5px 0;
    }

        .mapBalloon .mapStationInfo A {
            color: #00F;
        }

.stormBalloon .stormTable TD {
    font-size: 11px;
    padding: 2px;
    border-bottom: 1px solid #EFEFEF;
    color: #333;
}

.cleanTable TD {
    font-size: 11px;
    padding: 2px;
    border-bottom: 1px solid #EFEFEF;
    color: #333;
    vertical-align: top;
}

.hotelBalloon {
    width: 350px;
    min-height: 150px;
}

    .hotelBalloon .imagePane {
        width: 120px;
        min-height: 150px;
        float: left;
        text-align: center;
    }

        .hotelBalloon .imagePane IMG {
            margin-top: 10px;
            border: 1px solid #000;
        }

    .hotelBalloon .textPane {
        margin-top: 10px;
        font-size: 14px;
    }

        .hotelBalloon .textPane .hotelDirections {
            margin-top: 10px;
            text-transform: capitalize;
        }

#LayerPhotos_options SELECT {
    margin-right: 5px;
}

#optionsTable .subG {
    border-right: 1px solid #CCC;
    border-bottom: 2px groove #CCC;
    border-left: 1px solid #CCC;
    background-color: #EEE;
}

    #optionsTable .subG A {
        color: #213F9A;
        text-decoration: none;
        border-bottom: 1px dotted #213F9A;
    }

#optionsTable .subW A {
    color: #000;
    text-decoration: none;
    border-bottom: 1px dotted #FFF;
    font-weight: bold;
}

#optionsTable .subW {
    background: #FFF url("//icons.wxug.com/graphics/wu2/options_indicator.gif") no-repeat right;
}

#LayerWeatherStations_ShowHidePWS {
    cursor: pointer;
}

HR {
    height: 1px;
    line-height: 1px;
    margin: 0 auto;
    width: 288px;
}

#tabTable {
    margin: 0 5px;
    max-width: 288px;
}

    #tabTable .active {
        background-color: #496CD8;
        color: #FFF;
        font-weight: bold;
        padding: 2px 10px;
        border-top: 1px solid #666;
        border-right: 1px solid #333;
        border-left: 1px solid #666;
    }

        #tabTable .active A {
            text-decoration: none;
            color: #FFF;
        }

    #tabTable .inactive {
        padding: 2px 10px;
    }

        #tabTable .inactive SPAN {
            color: #00F;
            border-bottom: 1px solid #00F;
            cursor: pointer;
        }

        #tabTable .inactive A {
            color: #213F9A;
        }

.LayerHurricane_box {
    clear: both;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
    padding: 3px 0;
}

    .LayerHurricane_box INPUT {
        float: left;
    }

    .LayerHurricane_box A {
        display: block;
        margin-left: 15px;
    }

        .LayerHurricane_box A IMG {
            margin: 2px 3px;
        }

.LayerRadarAnimGif_box {
    clear: both;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC;
    padding: 3px 0;
}

    .LayerRadarAnimGif_box A {
        display: block;
        margin-left: 1px;
    }

        .LayerRadarAnimGif_box A IMG {
            margin: 0px 5px 0px 2px;
        }

.LayerPhotos_box {
    clear: both;
    border-bottom: 1px solid #CCC;
    padding: 5px 0;
}

    .LayerPhotos_box A {
        display: block;
        margin-left: 1px;
        text-decoration: none;
    }

        .LayerPhotos_box A IMG {
            margin: 0px 5px 0px 2px;
        }

        .LayerPhotos_box A SPAN.b {
            white-space: nowrap;
        }

        .LayerPhotos_box A SPAN.grey {
            color: #666;
        }

.LayerModelData_maptitle {
    background-color: #FFF;
    border: 1px solid #000;
    color: black;
    font-family: Arial,sans-serif;
    font-size: 11px;
    padding: 1px 3px;
    text-align: center;
    height: 12px;
    width: 11em;
}

.LayerNDFD_maptitle {
    background-color: #FFF;
    border: 1px solid #000;
    color: black;
    font-family: Arial,sans-serif;
    font-size: 11px;
    padding: 1px 1px;
    text-align: center;
    height: 12px;
    width: 11.5em;
}

.LayerRecords_maptitle {
    background-color: #FFF;
    border: 1px solid #000;
    color: black;
    font-family: Arial,sans-serif;
    font-size: 11px;
    padding: 1px 3px;
    text-align: center;
    height: 12px;
    width: 10.5em;
}

#LayerModelData_displayArea2 {
    display: none;
}

.wundermapTabs {
    display: none;
}

.balloonInfo {
    width: 275px;
    margin: 0 0 10px 0;
    min-height: 200px;
    overflow: hidden;
}

    .balloonInfo .picArrow {
        font-size: 20px;
        background-color: #F5F5F5;
        color: #172C6C;
        text-decoration: none;
        padding: 2px;
        border: 1px solid #CCC;
    }

    .balloonInfo .subG {
        margin-top: 2px;
    }

UL.tornadolist {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

    UL.tornadolist LI {
        margin: 0;
        padding: 4px;
        list-style: none;
        border-bottom: 1px dotted #CCC;
        cursor: pointer;
        background-color: #FFF;
    }

        UL.tornadolist LI:hover {
            background-color: #F5F5F5;
        }

        UL.tornadolist LI .type {
            color: #555;
        }

        UL.tornadolist LI.pictures {
            background: url("//icons.wxug.com/graphics/wu2/photo-icon.png") top right;
            background-repeat: no-repeat;
        }

UL LI.HOTEL {
    list-style-image: url("//icons.wxug.com/graphics/fodors/hotels-12.png");
}

UL LI.NIGHT {
    list-style-image: url("//icons.wxug.com/graphics/fodors/nightlife-12.png");
}

UL LI.REST {
    list-style-image: url("//icons.wxug.com/graphics/fodors/restaurants-12.png");
}

UL LI.SHOP {
    list-style-image: url("//icons.wxug.com/graphics/fodors/shopping-12.png");
}

UL LI.SIGHT {
    list-style-image: url("//icons.wxug.com/graphics/fodors/sights-12.png");
}

.navTable {
    width: 100%;
    margin-top: 5px;
}

    .navTable TR TD {
        white-space: nowrap;
        width: 50%;
        text-align: center;
    }

INPUT.error {
    border: 1px solid #F00;
    color: #F00;
}

.contentBox A.red {
    color: #F00;
}

.w15 {
    width: 15px;
}

.h15 {
    height: 15px;
}

.w19 {
    width: 19px;
}

.h19 {
    height: 19px;
}

#mapAdmin_viewPrefsFrame {
    background-color: #FFF;
    width: 280px;
    height: 350px;
    border: 1px solid #172C6C;
}

.google_note {
    color: #999;
}

.google_impnote {
    color: #C00000;
}

.adSponsor {
    position: absolute;
    right: 348px;
    top: 1px;
    color: #999 !important;
    height: 31px;
    overflow: hidden;
}

    .adSponsor IMG {
        margin-left: 5px;
    }

    .adSponsor .white {
        color: #999 !important;
    }

    .adSponsor .adminStuff {
        display: none;
    }

.adCreative {
    margin: 0;
    padding: 0;
}

.unit300x250 {
    margin: 0;
    padding: 0;
}

.dividerLeft {
    border-left: 1px solid #FFF;
    height: 30px;
}

.dividerRight {
    border-right: 1px solid #CCC;
    height: 30px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.tinyIcon {
    font-size: 11px;
    line-height: 15px;
    height: 15px;
}

.mapPlay, .mapStop {
    font-size: 11px;
    line-height: 15px;
    display: block;
    height: 15px;
    padding-left: 25px;
    cursor: pointer;
}

    .mapPlay.none, .mapStop.none {
        display: none;
    }

.mapPlay {
    background: url("//icons.wxug.com/i/wu/radarAnimate.png") no-repeat 0px 0px;
}

.mapStop {
    background: url("//icons.wxug.com/i/wu/radarAnimate.png") no-repeat 0px -16px;
}

.nodata {
    color: #999;
    font-style: italic;
    padding: 5px 8px;
}

.contentTable TR {
    max-width: 300px;
}

.contentTable TD {
    word-wrap: break-word;
}

TD.sortH {
    height: 27px;
    line-height: 27px;
    font-weight: bold;
    text-align: left;
    padding: 0 10px;
    border-left: 1px solid #E0E0E0;
    border-bottom: 1px solid #BEBEBE;
    border-top: 1px solid #E0E0E0;
    background: url("//icons.wxug.com/i/wu/tableHeaderBG.png") repeat-x top;
    white-space: nowrap;
    white-space: nowrap;
}

trolsHead {
    padding: 0 0 5px 0;
    margin: 10px 0 auto 0;
    font-weight: 500;
    font-size: 13px;
    color: #000;
    border-bottom: 1px solid #DDD;
}

.optionDiv {
    background-color: white;
    border-radius: 5px;
    font-size: 11px;
    color: #333;
    top: 0;
    right: 0;
    left: 0;
    margin: 7px 9px 0 10px;
    padding: 10px;
    width: auto !important;
    z-index: 999;
}

    .optionDiv TABLE TR TD {
        text-align: left;
        vertical-align: middle;
    }

        .optionDiv TABLE TR TD.vaT {
            vertical-align: top;
        }

.sliderValue {
    color: #808080;
    text-align: right;
    margin-bottom: 5px;
}

.sliderValueL {
    color: #808080;
    text-align: left;
}

.LayerModelData_thumbContainer {
    padding: 10px;
}

    .LayerModelData_thumbContainer IMG {
        cursor: pointer;
        background: url("//icons.wxug.com/graphics/wu2/ajax-loading.gif") no-repeat center center !important;
    }

#LayerModelData_displayArea IMG.ajax-loading, #LayerModelData_displayArea2 IMG.ajax-loading {
    background-color: #fff;
    background-position: center center !important;
}

INPUT.calendar {
    background: #FFF url("//icons.wxug.com/graphics/cal_icon.gif") no-repeat right top;
    padding: 2px 25px 0 0;
    width: 100px;
    text-align: right;
    border: 0;
    height: 18px;
    vertical-align: bottom;
    cursor: pointer;
}

INPUT.LayerDirections_place {
    width: 203px;
    margin-bottom: 2px;
}

#LayerWeatherStations_minspd {
    position: relative;
    left: 150px !important;
    top: 5px !important;
    width: 232px;
    height: 75px;
    border: 2px solid;
    border-radius: 5px;
    border-color: white;
    background-color: rgba(0,0,0,0.5);
    color: white;
    font-size: 22px;
    text-align: center;
}

    #LayerWeatherStations_minspd .wspd_text {
        color: white;
        font-size: 40px;
    }

.tm5 {
    margin-top: 5px !important;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.legendTitle {
    font-size: 20px;
    padding: 15px 10px;
    width: 316px;
}

#legends_panel {
    overflow: hidden;
}

    #legends_panel .wu4-input {
        background-color: #3d3d3d;
        margin: 0 !important;
        padding: 13px 0px;
    }

        #legends_panel .wu4-input LABEL {
            color: white;
        }

    #legends_panel h4 {
        padding: 0 10px;
    }

.legendImage {
    width: 316px;
}

    .legendImage#gkey {
        height: 510px;
        background-position: -12px -20px;
    }

    .legendImage#radar {
        height: 1024px;
        background: url("/Images/chugiaibando.png") no-repeat;
        overflow-y: scroll;
        background-size: 309px;
    }

    .legendImage#pskey {
        height: 110px;
        background-position: -12px -1064px;
    }

    .legendImage#satKey {
        height: 64px;
        background-position: -20px -1186px;
    }

    .legendImage#riverskey {
        height: 220px;
        background-position: -12px -1240px;
    }

    .legendImage#drought {
        height: 140px;
        background-position: -12px -1496px;
    }

    .legendImage#tornado {
        height: 113px;
        background-position: -364px -20px;
    }

    .legendImage#tornado_all {
        height: 272px;
        background-position: -364px -512px;
    }

    .legendImage#storm_reports {
        height: 100px;
        background-position: -364px -130px;
    }

    .legendImage#lightning {
        height: 258px;
        background-position: -364px -240px;
    }

    .legendImage#active_fire {
        height: 136px;
        background-position: -1067px -968px;
    }

    .legendImage#fire_haines {
        height: 164px;
        background-position: -364px -820px;
    }

    .legendImage#fire_moisture {
        height: 214px;
        background-position: -364px -1258px;
    }

    .legendImage#fronts {
        height: 180px;
        background-position: -723px -20px;
    }

    .legendImage#hurricane {
        height: 606px;
        background-position: -712px -208px;
    }

    .legendImage#SST {
        height: 64px;
        background-position: -723px -836px;
    }

    .legendImage#SST_anomaly {
        height: 64px;
        background-position: -723px -912px;
    }

    .legendImage#storm_surge {
        height: 64px;
        background-position: -723px -986px;
    }

    .legendImage#extremes_ncdc {
        height: 194px;
        background-position: -712px -1138px;
    }

    .legendImage#extremes_wu_us {
        height: 310px;
        background-position: -712px -1335px;
    }

    .legendImage#extremes_wu_intl {
        height: 385px;
        background-position: -1062px -1130px;
    }

    .legendImage#snowfall {
        height: 40px;
        background-position: -1067px -20px;
    }

    .legendImage#powder {
        height: 215px;
        background-position: -1067px -60px;
    }

    .legendImage#flood {
        height: 268px;
        background-position: -1067px -300px;
    }

    .legendImage#seismic_risk {
        height: 73px;
        background-position: -1067px -575px;
    }

    .legendImage#tsunami {
        height: 50px;
        background-position: -1067px -664px;
    }

    .legendImage#fault {
        height: 134px;
        background-position: -1067px -725px;
    }

    .legendImage#ground_fissures {
        height: 75px;
        background-position: -1067px -873px;
    }

    .legendImage.severe_key {
        height: 22px;
        margin-left: 15px;
        margin-bottom: 5px;
        padding-left: 20px;
        font-size: 16px;
        width: 308px;
    }

    .legendImage#severe_tor {
        background-position: -1427px -20px;
    }

    .legendImage#severe_tow {
        background-position: -1427px -40px;
    }

    .legendImage#severe_wrn {
        background-position: -1427px -61px;
    }

    .legendImage#severe_sew {
        background-position: -1427px -81px;
    }

    .legendImage#severe_win {
        background-position: -1427px -102px;
    }

    .legendImage#severe_wnd {
        background-position: -1427px -122px;
    }

    .legendImage#severe_flo {
        background-position: -1427px -143px;
    }

    .legendImage#severe_wat {
        background-position: -1427px -163px;
    }

    .legendImage#severe_hur {
        background-position: -1427px -184px;
    }

    .legendImage#severe_hea {
        background-position: -1427px -204px;
    }

    .legendImage#severe_fog {
        background-position: -1427px -225px;
    }

    .legendImage#severe_fir {
        background-position: -1427px -246px;
    }

    .legendImage#severe_hua {
        background-position: -1427px -266px;
    }

    .legendImage#severe_huw {
        background-position: -1427px -286px;
    }

    .legendImage#severe_tra {
        background-position: -1427px -307px;
    }

    .legendImage#severe_trw {
        background-position: -1427px -328px;
    }

    .legendImage#severe_spc {
        background-position: -1427px -348px;
    }

#modelMaps IMG {
    margin-left: 10px;
}

.source-bom {
    margin-left: 5px;
}

.rainSS_marker_label {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
}

.precipStart_marker_label {
    text-align: center;
    font-family: helvetica, arial,sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: #FFFFFF;
    width: 50px;
    text-shadow: 1px 1px #000000, 0px 0px 5px #000000;
    letter-spacing: 0.07em;
}

#LayerPrecipStart_feedback_button {
    width: 24px;
}

.feedback-button {
    position: relative;
    left: 180px;
    top: 4px;
    background: url("//icons.wxug.com/i/wm/feedback_icons.png") 0 0;
    width: 24px;
    height: 21px;
    background-repeat: no-repeat;
}

.feedback-pressed {
    background: url("//icons.wxug.com/i/wm/feedback_icons.png") -24px 0;
    background-repeat: no-repeat;
}

.pss-fct-icon {
    float: left;
    position: relative;
    top: 5px;
    width: 29px;
    height: 25px;
    margin-right: 5px;
}

.bg-None {
    background: url("//icons.wxug.com//i/wm/pss-icons.png") 29px -57px;
}

.bg-Rain {
    background: url("//icons.wxug.com//i/wm/pss-icons.png") 0 0;
}

.bg-Snow {
    background: url("//icons.wxug.com//i/wm/pss-icons.png") 29px 0;
}

.bg-Mix {
    background: url("//icons.wxug.com//i/wm/pss-icons.png") 0 -29px;
}

.bg-Thunder {
    background: url("//icons.wxug.com//i/wm/pss-icons.png") 29px -29px;
}

.graph-Light-Rain {
    background-color: #AEDEA2;
}

.graph-Moderate-Rain {
    background-color: #58A046;
}

.graph-Heavy-Rain {
    background-color: #36632B;
}

.graph-Light-Thunder {
    background-color: #AEDEA2;
}

.graph-Moderate-Thunder {
    background-color: #58A046;
}

.graph-Heavy-Thunder {
    background-color: #36632B;
}

.graph-Light-Mix {
    background-color: #EAADE2;
}

.graph-Moderate-Mix {
    background-color: #AF52A2;
}

.graph-Heavy-Mix {
    background-color: #72356A;
}

.graph-Light-Snow {
    background-color: #CCCCCC;
}

.graph-Moderate-Snow {
    background-color: #959595;
}

.graph-Heavy-Snow {
    background-color: #636363;
}

.graph-x-axis {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 2px solid #ccc;
    border-left: 1px solid #aaa;
    height: 5px;
    width: 30px;
}

.hour-mark {
    height: 10px;
}

.graph-x-label {
    position: relative;
    top: -20px;
    display: inline-block;
    width: 60px;
    height: 15px;
    text-align: center;
}

.now-x {
    border-left: 1px solid #064AAB;
    height: 25px;
}

.now-label {
    width: 5px;
    position: relative;
    top: -5px;
    color: #064AAB;
    font-weight: 700 !important;
}

.qpf-label {
    width: 30px;
    position: absolute;
    border: 1px solid #064AAB;
    text-align: center;
    line-height: 15px;
}

.high-label-line {
    position: absolute;
    border-left: 1px solid #064AAB;
    height: 29px;
}

.arrow-wrapper {
    position: absolute;
    max-width: 12px;
}

.outside-arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #064AAB;
    margin-left: -5px;
}

.inside-arrow-down {
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid #FFFFFF;
    position: absolute;
    top: 0px;
    left: 2px;
    margin-left: -5px;
}

.timeline-legend {
    border-top: 1px solid grey;
    padding-top: 12px;
    padding-bottom: 12px;
}

    .timeline-legend img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

HTML {
    height: 100% !important;
}

#inner-content {
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}

#inner-wrap {
    position: absolute;
    top: 50px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: auto !important;
}

.wu4-select {
    height: 23px;
    line-height: 24px;
    overflow: hidden;
    border-radius: 5px;
}

    .wu4-select select {
        vertical-align: middle;
        border-radius: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 34px;
        height: 24px;
        line-height: 24px;
        background-position: right -5px, 0 0;
    }

.wu4-input {
    margin: 0.375rem 0.3125rem;
}

    .wu4-input label {
        font-size: 0.75rem;
    }

#wuSettings-quick .button-group {
    margin: 6px 10px !important;
}

    #wuSettings-quick .button-group .button {
        height: 29px;
        line-height: 29px;
    }

BODY.standard .ad-box {
    margin: auto;
    padding: 0;
}

@media only screen {
    NAV.topbar #global-header {
        max-width: 100%;
    }

        NAV.topbar #global-header .left-off-canvas-toggle {
            display: block;
        }

        NAV.topbar #global-header .logo {
            width: 40px;
            left: 55px;
        }

        NAV.topbar #global-header #wuForm-contain {
            left: 60px;
        }

        NAV.topbar #global-header #feature-menu {
            /*display: none;*/
        }

    #inner-wrap {
        margin-left: 0;
    }

    #tempUpdatesLink, #tempFeedbackLink {
        display: none;
    }

    #mapFavPanel.open {
        left: 483px !important;
    }

    #sharePanel.open {
        top: 47px !important;
        left: auto !important;
        right: 20px !important;
    }
}

.sidebar-active-left #inner-wrap {
    margin-left: 40px;
}

#feature-menu-mobile {
    width: 40px;
}

#feature-menu-mobile0 {
    width: 500px;
}

#feature-menu-mobile1 {
    width: 500px;
}

#feature-menu-mobile2 {
    width: 500px;
}

#feature-menu-mobile3 {
    width: 500px;
}

#feature-menu-mobile4 {
    width: 500px;
}

#feature-menu-mobile5 {
    width: 500px;
}

#feature-menu-mobile6 {
    width: 500px;
}

#feature-menu-mobile7 {
    width: 500px;
}

#feature-menu-mobile8 {
    width: 500px;
}

#feature-menu-mobile9 {
    width: 500px;
}

@media only screen and (min-width: 64.063em) {
    #tempUpdatesLink, #tempFeedbackLink {
        display: block;
    }
}

.onlyPrint {
    display: none;
}


#map_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    #map_wrapper #map_container {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
    }

        #map_wrapper #map_container #map {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: auto;
        }

            #map_wrapper #map_container #map img {
                width: 50px;
            }

.iconmenu {
    width: 14px;
}

.mngheader {
    text-align: center;
    padding-left: 40px;
    font-size: 32px;
    color: blue;
}

.mngtable {
    margin: 10px 20px;
    padding: 10px 20px;
    background-color: #f1f1f1;
    width: 560px;
    border-radius: 5px;
}

    .mngtable table, .mngtable th, .mngtable td {
        border: 0px solid blue;
        font-size: 14px;
        height: 40px;
    }

.mngtextl {
    font-weight: bold;
    padding-left: 10px;
}

.mngtextr {
    float: right;
    padding-right: 20px;
}

.mngvalue {
    padding-left: 10px;
    width: 100%;
}

.mnginput {
    padding-left: 10px;
    width: 100%;
    height: 100%;
    margin-right: 5px;
    border: 1px solid blue;
}

.mngbuttonl {
    float: left;
    margin-left: 10px;
    /*width:50px;*/
}

.mngbuttonr {
    float: right;
    margin-right: 10px;
    /*width:50px;*/
}

.mnghead {
    font-size: 18px;
    font-weight: bold;
}




.k-block > .k-header {
    color: #0384ce;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    position: relative;
    margin: -2px 0 0 -2px;
    padding: .3em 2px;
}

.form-horizontal input {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 50%;
}

.form-horizontal-HomeAccSet .control-label {
    width: 170px;
    margin: 0 0 8px;
}

.form-horizontal .control-label {
    float: left;
    width: 49%;
    padding-top: 5px;
    text-align: right;
}

.form-horizontal .control-group {
    margin: 5px 0px;
}

.bannertongso {
    height: 40px;
    border-top: 1px solid #D7D7D7;
    background-color: #fafafa;
    box-shadow: 0 0 5px #D7D7D7;
}

.thongtinchung {
    position: absolute;
    padding: 10px 0px 10px 28px;
}

.projBigFont {
    color: #0384CE;
    font-weight: 700;
    font-size: 16px;
}

#homedropp {
    font-size: 14px;
    color: #0384ce;
}

.menutab_detaila > li.active > a,
.menutab_detaila > li.active > a:hover,
.menutab_detaila > li.active > a:focus {
    border-top: 1px solid #6164c1;
    color: #fff;
    background-color: #6164c1;
    border-radius: 0px;
}

.menutab_detail > li.active > a,
.menutab_detail > li.active > a:hover,
.menutab_detail > li.active > a:focus {
    border-top: 1px solid #daecf2;
    color: #0384ce;
    background-color: #daecf2;
    border-radius: 0px;
}

.menutab_detaila > li > a {
    height: 40px;
    color: #000;
    background-color: #fafafa;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif !important;
    border: none;
}

    .menutab_detaila > li > a:hover {
        /*background: #f5f5f5;*/
        color: #fff;
        background-color: #6164c1;
        border: none;
    }

.menutab_detaila > li.active > a {
    border-top: 1px solid #6164c1;
    color: #fff;
    background-color: #6164c1;
    border-radius: 0px;
}

    .menutab_detaila > li.active > a:hover {
        color: #fff;
        background-color: #6164c1;
    }

.menutab_detail > li > a {
    color: #000;
    background-color: #fafafa;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif !important;
    border: none;
}

    .menutab_detail > li > a:hover {
        color: #0384ce;
        background-color: #daecf2;
        border: none;
    }

.menutab_detail > li.active > a {
    border-top: 1px solid #daecf2;
    color: #0384ce;
    background-color: #daecf2;
    border-radius: 0px;
}

    .menutab_detail > li.active > a:hover {
        color: #0384ce;
        background-color: #daecf2;
    }

.hoso-tab > li.active > a,
.hoso-tab > li.active > a:hover,
.hoso-tab > li.active > a:focus {
    border: none;
    border-bottom: 3px solid #4285f4;
    color: #4285f4;
    background-color: #fff;
    border-radius: 0px;
}


.hoso-tab > li > a {
    color: #000;
    background-color: #fff;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif !important;
    border: none;
}

    .hoso-tab > li > a:hover {
        color: #000;
        background-color: #fff;
        border: none;
    }

.hoso-tab > li.active > a {
    color: #4285f4;
    background-color: #fff;
    border-radius: 0px;
}

    .hoso-tab > li.active > a:hover {
        color: #000;
        background-color: #fff;
    }

.iconsideGoBack {
    position: absolute;
    float: right;
    right: 11px;
    z-index: 3;
    width: 14px;
    font-size: 22px;
    height: 14px;
    line-height: normal;
    margin-top: 0;
    background-color: transparent;
    margin-bottom: 20px;
}

.homecontentitem {
    overflow: hidden;
    background-color: #fafafa;
}

.iframethongtinhchung {
    min-width: 360px;
}



@media only screen and (max-width: 500px) {
    #map-title {
        font-size: 14px;
    }

    #setting {
        display: none;
    }

    #avata {
        /*display: none;*/
    }
}

#logwuAccount {
    font-size: 16px;
    color: #0384ce;
    margin-right: 20px;
    font-weight: bold;
    cursor: pointer;
}