* {
    font-family: "Microsoft YaHei", "微软雅黑", STXihei, "华文细黑",
    "Helvetica Neue",Helvetica,Arial,sans-serif,serif;
}

*:not(.desc):not(input):not(textarea) {
    -webkit-user-select: none; /* disable selection/Copy of UIWebView */
    -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}

#wrapper {
    position: absolute;
    z-index: 1;
    /* top: 36px; */
    top:0;
    bottom: 0px;
    left: 0;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

div#geoicon {
    position: absolute;
    top: 0px;
    margin-top: 3px;
    left: 0px;
    width: 30px;
    height: 30px;
}

.geoicon {
    position: absolute;
    display: block;
    top: 5px;
    right: 0px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url('/share/img/location.png');
    background-repeat: no-repeat;
    background-size: 18px;
}

#geotitle {
    color: #ffffff;
    font-size: 14px;
    padding: 8px 0 0 0;
}

div#shareicon {
    position: absolute;
    top: 0px;
    margin-top: 3px;
    right: -2px;
    width: 30px;
    height: 30px;
}

span.shareicon {
    position: absolute;
    display: block;
    top: 5px;
    right: 0px;
    width: 25px;
    height: 25px;
    background: url('/share/img/share.png');
    background-size: 18px;
    background-repeat: no-repeat;
    cursor: pointer;
}

body {
    /*background: url('../img/skybg3.jpg');*/
    background-position: 0px 0px;
    -webkit-animation: animatedBackground 60s linear infinite;
    -webkit-animation-direction: reverse;
    overflow: hidden;
}

#map_canvas {
    width: 100%;
    /* height: 325px; */
    margin: 0 auto;
    /*margin-top: 45px;*/
    /*border-top: 1px solid #808080;*/
    /*box-shadow: 0 -8px 1px rgba(0, 0, 0,.15);*/
    /*-webkit-mask: -webkit-gradient(linear, left top, left 10, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));*/
}

#time {
    top: -3px;
    margin-top: 10px;
    font-size: 90%;
    left: 50%;
    margin-left: -30px;
    position: absolute;
}

#slider {
    margin-top: 26px;
    margin-bottom: 8px;
}

#switch {
    float: left;
    display: none;
    width: 40px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

#slider_timer {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
}

#panel {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    -webkit-mask: -webkit-gradient(linear, left top, left 10, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
}

.no-select {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-overflow-scrolling: touch;

}

ol,
ul,
li {
    list-style: none;
    text-align: center;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

input,
textarea,
select,
button {
    font: inherit;
}

img,
iframe {
    border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.pickadate__holder {
    width: 100%;
    height: 0;
    position: absolute;
    left: -234px;
    z-index: 10000;
    font-size: 16px;
}

.pickadate__calendar--wrap {
    position: relative;
    max-width: 320px;
    min-width: 256px;
    max-height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.pickadate__holder--opened .pickadate__calendar--wrap {
    top: 0;
    max-height: 25em;
    -webkit-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12), transparent 0 0 0;
    -moz-box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12), transparent 0 0 0;
    box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12), transparent 0 0 0;
}

.pickadate__calendar {
    padding: 1em;
    font-size: 1em;
    line-height: 1.5;
    color: #000;
    background: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pickadate__calendar--table {
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    width: 100%;
    margin-top: 1em;
}

.pickadate__weekday {
    width: 14.285714286%;
    /* 100/7 */

    font-size: .8em;
    padding-bottom: .5em;
    color: #999;
    font-weight: 500;
}

.pickadate__day--infocus:hover,
.pickadate__day--outfocus:hover {
    cursor: pointer;
    color: #000;
    background: #b1dcfb;
}

.pickadate__month--nav {
    position: relative;
}

.pickadate__month--prev,
.pickadate__month--next {
    position: absolute;
    top: 0;
    padding: .5em;
    margin: -0.5em;
    text-align: center;
    min-width: 24px;
    height: 24px;
    line-height: 26px;
}

.pickadate__month--prev {
    left: 0;
}

.pickadate__month--next {
    right: 0;
}

.pickadate__month--wrap,
.pickadate__year--wrap {
    text-align: center;
}

.pickadate__month {
    font-weight: 500;
}

.pickadate__year {
    font-size: .66em;
    color: #999;
    font-weight: bold;
}

.pickadate__month--selector,
.pickadate__year--selector {
    font-size: .8em;
    border: 1px solid #ccc;
    height: 20px;
}

.pickadate__month--selector {
    margin-bottom: .5em;
    width: 50%;
}

.pickadate__year--selector {
    width: 32%;
}

.pickadate__day {
    padding: .33em 0 .25em;
    font-weight: 100;
    border: 1px solid #fff;
    margin: -1px -1px 0;
}

.pickadate__day--outfocus {
    color: #ccc;
}

.pickadate__day--today {
    color: #0089ec;
    position: relative;
}

.pickadate__day--today:before {
    content: " ";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 0;
    height: 0;
    border-top: .5em solid #0059bc;
    border-left: .5em solid transparent;
}

.pickadate__day--selected,
.pickadate__day--selected:hover {
    background: #0089ec;
    color: #fff;
}

.pickadate__day--highlighted,
.pickadate__day--highlighted:hover {
    border-color: #0089ec;
}

.pickadate__day--disabled,
.pickadate__day--disabled:hover {
    background: #f5f5f5;
    color: #ddd;
    cursor: default;
}

.pickadate__day--disabled:before {
    border-top-color: #aaa;
}

.timeline_container {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin-top: 15px;
}

.timeline_container .timeline {
    position: relative;
    height: 95px;
    overflow: hidden;
}

.timeline_container .timeline .hour_ticks {
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: 10px;
}

.timeline_container .timeline .hour_ticks span {
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 8px;
    border-left: 1px solid #999;
}

.timeline_container .timeline .hour_ticks span.even {
    height: 5px;
}

.timeline_container .timeline .hour_ticks span.second {
    height: 5px;
}

.timeline_container .timeline .hours {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: 5px;
}

.timeline_container .timeline .hours .hour {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 5px;
}

.timeline_container .timeline .hours .hour span {
    position: absolute;
    display: block;
    bottom: 0;
    width: 80px;
    left: -40px;
    text-align: center;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    font-size: 16px;
    color: #222;
}

.timeline_container .timeline .hours .hour.first span {
    text-align: left;
    left: 0;
}

.timeline_container .timeline .stripes {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
}

.timeline_container .timeline .stripes > span {
    position: absolute;
    height: 100%;
    color: #fff;
    white-space: nowrap;
    text-transform: capitalize;
}

.timeline_container .timeline .stripes > span > span {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 3px;
    line-height: 40px;
    font-size: 13px;
    opacity: 0.9;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.timeline_container .timeline .stripes > span > span.clear {
    color: rgba(0, 0, 0, 0.7);
}

body.desktop .timeline_container .timeline .stripes > span,
body.iphone .timeline_container .timeline .stripes > span {
    background-color: rgba(141, 141, 141, 0.14);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.2)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.2));
    background-repeat: repeat-x;
}

/* Clear */
body .timeline_container .timeline .stripes > span.c0 {
    background-color: #EEEEF5;
    color: #333;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

body .timeline_container .timeline .stripes > span.p0 {
    background-color: #EEEEF5;
    color: #333;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

/* Sprinkling / Flurries */
body .timeline_container .timeline .stripes > span.p1 {
    background-color: #96b4da;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
}

/* Partly Cloudy / Light Rain */
body .timeline_container .timeline .stripes > span.c1 {
    background-color: #d5dae2;
    color: #333;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

body .timeline_container .timeline .stripes > span.p2 {
    background-color: #80a5d6;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
}

/* Cloudy / Rain */
body .timeline_container .timeline .stripes > span.c2 {
    background-color: #b6bfcb;
    color: #222;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

body .timeline_container .timeline .stripes > span.p3 {
    background-color: #4a80c7;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
}

/* Heavy Rain */
body .timeline_container .timeline .stripes > span.p4 {
    background-color: #3267ad;
}

.timeline_container .timeline .temps {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 75px;
    width: 100%;
}

.timeline_container .timeline .temps > span {
    position: absolute;
}

.timeline_container .timeline .temps > span > span {
    position: absolute;
    top: 0;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    font-size: 20px;
    color: #094574;
    width: 50px;
    left: -23px;
    text-align: center;
}

.timeline_container .timeline .temps > span.first > span {
    text-align: left;
    left: 0;
}

.timeline_container .timeline .now {
    position: absolute;
    top: 44px;
    z-index: 4;
    width: 2px;
    height: 51px;
    background-color: #F00;
    opacity: 0.5;
}

.timeline_container .timeline.hide_now .now {
    display: none;
}

#map {
    position: relative;
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#map .global_shadow {
    position: absolute;
    opacity: 0.01;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    width: 500px;
    height: 210px;
    bottom: -40px;
}

#map.level3.background_loading .global_shadow {
    opacity: 0.01;
}

#map.level3 .global_shadow {
    opacity: 0.99;
}

#map .top_bar {
    z-index: 99;
    position: relative;
    display: table;
    width: 500px;
    height: 42px;
    text-align: center;
    left: 100px;
    padding-top: 6px;
}

#map .top_bar > * {
    display: inline-block;
}

#map .top_bar.only_global .label,
#map .top_bar.only_global .time {
    top: 3px;
}

#map .top_bar .label {
    position: relative;
    top: -7px;
    left: -10px;
    font-size: 16px;
    color: #222;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
    text-transform: uppercase;
    text-align: right;
    width: 128px;
}

#map .top_bar .time {
    position: relative;
    top: -7px;
    left: 10px;
    font-size: 16px;
    color: #222;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
    text-transform: uppercase;
    text-align: left;
    width: 128px;
    white-space: nowrap;
}

#map .map_container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}

#map.animation_loaded .map_container {
    cursor: normal;
}

#map .map_container canvas {
    position: absolute;
    top: 0;
    left: 0;
    image-rendering: optimizeSpeed;
    image-rendering: -o-crisp-edges;
}

#map .map_container .cities {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map .map_container .cities .city {
    position: absolute;
    width: 100px;
    line-height: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    color: rgba(0, 0, 0, 0.9);
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.25), 1px -1px 0 rgba(255, 255, 255, 0.25), -1px 1px 0 rgba(255, 255, 255, 0.25), 1px 1px 0 rgba(255, 255, 255, 0.25);
    font-size: 11px;
    white-space: nowrap;
    cursor: default;
}

#map.level0 .cities .city.size3 {
    font-size: 18px;
    font-weight: bold;
}

#map.level0 .cities .city.size2 {
    font-size: 16px;
}

#map.level0 .cities .city.size1 {
    font-size: 14px;
}

#map.level0 .cities .city.size0 {
    font-size: 12px;
}

#map.level2 .cities .city.size3 {
    font-style: 14px;
    font-style: bold;
}

#map.level2 .cities .city.size2 {
    font-style: 14px;
}

#map.level3 .cities .city.size3 {
    font-style: 14px;
}

#map .map_container .location {
    z-index: 2;
    display: none;
    position: absolute;
    width: 41px;
    height: 35px;
    cursor: pointer;
}

#map .map_container .location > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map .map_container .location .pointer {
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAABGCAQAAAD1YgudAAAEU0lEQVR4Xu2aQWgkRRiFX1XPRAKBSC4eBnIaWIjOQYSBXZCgJyV40oMIQkARFEGJsEQyrLCnxcDCwqKwGDwMQgZkQ0aDCxFkIexALg4EggdREEdWIss6DAzp7uqWLh4/lJOcYlc3OP+ju/7qOeTjVf3d1ZVWKcofGv8jyClkBReMd6ChASikABLKIKZ2ywD5BASyjpVkKZk1S8bovjL6QO3jpBROzkBBL6g1vIZLKRJkRwzTVNDvArj/aife2g0LhqzO6g/0upoHgJRDrRFbbwEsp8vJ2iutbzq4QFzwPrlRD74L6or1l/lo7Hw0iEQhQkR74evfjwqp7tZL1R9n6lVUUeFRxQzYZ2uFYCV48MKiZ0gifludyxBmQGVAhAuyg9LQCBr6wfM1z5AbS5XtShAQihK8TNrmGoJZ03cvz3qEXJ8LdivzRBRQx0UCaiiLaNum/swjpH4/qFt3xDe2hBM8kbLSq82mJ8irC3pDQRGIqE7PAjl4sBmgPvUEqdbVnHiTiS46nhENUJQNqOVnX/QAuRbgDfePW1eZu0jMGMxXPUCmz6FmW8pmMJCcGdiTYI6Vp4PcIbGcIkVCmMQqzsSc1wk4iY0FXMr92Z00iAJj52BCj0BIQ1cTBxo2I3IDxzk7mdRSi0Iguiit/JII6IS/i7k7aeYIx0JIWDQpZHkhsIIqrQWdzx9yHENniAKZCKQFkxkasy/egl6O8oc8MYKYgWkYgUxZROLm2cP/MPfqjo8iZIrtOWQ+0WdLZIoD3s/fyQMNBa7E+ShkH/SM0CwrqXj6OUqOcncy6kVjumZhQkcRYsdNOzfdYrr/i8kdcnscdSPCnRIolIG215gTlZAyOzteFhjRTgZBpAnJb8TjgINemnTPC2TcDcccXPrJA7xGxWe52f31kRfI3XHctXDEciRXZW5aRaCfbW8r8/Brejgp108pHw73Q9P1tjkQ7gSDoCa3H7kFyW0IIospvdu/G29O/mDCzzkPcSquRfSRww2pcFBjc8frK210JwqJI2jscS7KGbJCav9x4nUvqHfS7Og3lR1whiw3ZMh5Ft3yvoMR3rblIc5JLoMfU7z93Pvz2PuuWv/wmZ66zLdCBhe2snI39sz2ZiFbf/GmuqsAB5KgVqks01Ikh3/tFwL50079SDX4do3U9ZKo0rYK20SNbuCrfxcOnDcaIvYe7xcH2VHXlPOCmjoSVz8pcKcXeOotfCFPHAF1IdEbXil0z9y0cQ2LgHIRpbVBHwtz8kmoVXwJiVQOiXvDl4FCnUyANtbQON9qfFyGf9sZtHB+bA37ZYAEujjA2THCdaAckDh3SDeHg/JAHqCLyRjgJlASSHppJq61MCoX5DHacKPPK2WBpG+h078KUz7IAW5BAnvYL+fnDTcwYBbiQ6CckI/wEbPr+LmskEAHewCOsFnur1new994G2G5IX/DFRyW/7ugY/zHMf1WbQrpJ6aQU8gp5BTyH3m/OoewOfYdAAAAAElFTkSuQmCC) 0 0 no-repeat;
    transition: transform 100ms linear;
    transition: -ms-transform 100ms linear;
    -moz-transition: -moz-transform 100ms linear;
    -webkit-transition: -webkit-transform 100ms linear;
    background-size: 41px 35px;
}

#map .map_container .location .shadow {
    opacity: 0.75;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAjCAYAAAAJ+yOQAAAB6ElEQVRYw+3XC0/CMAAEYDpgPFQQhvH//0F1OsfesyN3yaWBmNBBjKnJpYoPvlzXh6bv+8lf/zABGZABGZABGZABGZAB+W+Qxpgx3jdCTn/SpncykfEuSINMbeYYjfO9DmllbIm9NXJmE2NcYCSSTbaCa5DapiL+VsgBswRshc9nSASoAmvgKien18dGErcGbo2wxblMNYHElTZHmwIpgazHQhpAHiRPNo/AxjLtBLItgoYxB5QZXq/GQEaADKCNzc5mi6/ZJKebq7d2YJnNt4y5NOqNjIAgbm/zDOQWba5kmju0x6YyJ582X4CO0qRBW1vADjYvgCpyiYXSCvAbmBSwVIDaZumzcAzefMAlACZAErrBsxnjVyu8eXohxLLJAo/F1fvkDE0lgnvFmMiUb/CzORBDS+82Hxj5OVvUJkueOtcgDZ7DHVBuiwcA12ixwRSzKUWea5DPo9exaIDYAaQ5N821rNwUwDcBZgDmMs2d7wVjKoslAVbDzdtgsZQy3ZxSxelCqbRBXyQ36r3z/ClwImdwIW1mDoynTHMO6DPdunnzhNFNm9evxtkXj4DlsmFfxPle1RS6kstE7FweajmXC2dsf8ONcZ+MgFrgRJnjNbbYybWLIy8Ud7+ZG8FFcqvuBev1P8oPfx5DDkkU5RgAAAAASUVORK5CYII=) 0 0 no-repeat;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

#map .map_container .location.highlighted .pointer {
    transform: translate(0, -6px);
    -ms-transform: translate(0, -6px);
    -moz-transform: translate(0, -6px);
    -webkit-transform: translate(0, -6px);
}

#map .map_container .location.highlighted .shadow {
    opacity: 0.35;
}

#map .map_container .loading {
    z-index: 9;
    position: absolute;
    top: 0;
    left: -20%;
    width: 100%;
    height: 100%;
    font-size: 38px;
    font-weight: bold;
    opacity: 0.35;
    text-align: center;
    line-height: 500px;
}

#map .map_container .disabled {
    display: none;
    z-index: 9;
    position: absolute;
    top: 190px;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    font-size: 32px;
    font-weight: bold;
    color: #A55;
    text-align: center;
    line-height: 100px;
}

#fps {
    position: absolute;
    top: 15px;
    left: 10px;
    color: #000;
    font-size: 14px;
}

#map .load_animation {
    z-index: 4000;
    position: relative;
    width: 100%;
    transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    font-size: 24px;
    text-align: center;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
    cursor: pointer;
}

#map .load_animation.hidden,
#map .load_animation_small.hidden,
#map.animation_loaded .load_animation,
#map.animation_loaded .load_animation_small {
    display: none;
}

#map .load_animation .pictos {
    position: relative;
    top: -2px;
}

#map.disabled .load_animation,
#map.hide_controls .load_animation,
#map.disabled .load_animation_small,
#map.hide_controls .load_animation_small {
    opacity: 0;
}

#map .load_animation_small {
    position: absolute;
    top: 50px;
    right: 5px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-shadow: 1px 1px 1px #FFF;
    transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    font-size: 32px;
    text-align: center;
    cursor: pointer;
}

#map .controls {
    display: none;
    z-index: 99;
    position: relative;
    width: 500px;
    height: 25px;
    margin-top: 2px;
    transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
}

#map.animation_loaded .controls {
    display: block;
}

#map.hide_controls .controls,
#map.disabled .controls {
    opacity: 0;
}

#map .controls .play_button {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 24px;
    background-color: #111;
    border-radius: 3px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAZCAIAAAD8NuoTAAABaElEQVRIx83IIWgCYRTA8QcTFhZWVsSgwWSyHQaLNhG0aBCLgig4kIFMGXewNJMOi2MgCCezyBAHJwyEJU2nsGBYWJIx27ggrG3pjQfu8Xka/H780x+upQSalOBKSnApJbiQEpxLCfKMwWCgqmp+bz9IOCnIMhaLxXq9NgyjWCxm9/CNhJOCNGM+n1uWZVnWcrlstVrpXX0h4aQgyZhMp5+r1V/mbFatVpP2fSDhpCDOGI/H7xv6/X4mk4nb8YaEk4IIYzgcvv7HNM1GoxGLxSLbMZFwUhBm9Hq9CW80GiUSifAWXpBwUhBktNvtZ4au66lUKridJyScFCiMZrP5uKHb7eZyOcWOByScFPgZtVpNJzqdTqlUUhTFb9M9Ek4KfAxN0+5QpVIJBAK+ndwi4aTAyyiXy/V6XVXVUCjk3cMNEk4K3IxCoRCNRj0ej/sQwMlwuVzOw4EzKcGplOBESnAsJThyOCTsF8amqvhtIWdpAAAAAElFTkSuQmCC);
}

#map .controls .play_button.paused {
    background-position: 0 -1px;
}

#map .controls .play_button.playing {
    background-position: -25px 0;
}

#map .controls .timeline {
    position: absolute;
    top: 0;
    left: 28px;
    width: 484px;
    height: 100%;
    background: rgba(255, 255, 255, 0.35);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15), transparent 0 0 0;
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15), transparent 0 0 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15), transparent 0 0 0;
    border-radius: 3px;
    border: 1px solid #BBB;
    overflow: hidden;
}

#map .timeline .progress {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}

#map .timeline .progress > span {
    position: absolute;
    z-index: 10;
    top: 0;
    height: 100%;
    width: 0;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-transition: width 0.25s linear;
    -moz-transition: width 0.25s linear;
    -o-transition: width 0.25s linear;
    transition: width 0.25s linear;
}

#map .timeline .progress .pre {
    left: 0;
}

#map .timeline .progress .post {
    right: 0;
}

#map .slider {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background-color: rgba(255, 255, 255, 0);
    /* Stupid IE hack to block label text from getting clicks */

}

#map .slider .handle {
    z-index: 2;
    position: absolute;
    width: 25px;
    margin-left: -10px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    outline: none;
    pointer-events: none;
}

#map .slider .handle .line {
    display: inline-block;
    width: 13px;
    height: 100%;
    border-right: 1px solid rgba(0, 0, 0, 0.5);
}

#map .controls .timeline .labels {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #222;
}

#map .controls .timeline .labels .now {
    position: absolute;
    height: 100%;
    top: 0;
    border-left: 3px solid #ff0000;
}

#map .controls .timeline .labels .tick {
    position: absolute;
    border-left: 1px dotted rgba(0, 0, 0, 0.35);
    height: 100%;
    width: 50px;
    bottom: 0;
}

#map .controls .timeline .labels .tick .time {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    margin: 6px 0 0 3px;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
}

#map.level0 .controls .timeline .labels .tick .time {
    font-size: 10px;
    margin: 8px 0 0 3px;
}

#map .levels {
    margin: 0 auto;
}

#map .levels li {
    font-size: 16px;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    cursor: pointer;
    color: #444;
}

#map .levels li.selected {
    color: #111;
    background-color: #e7e7e7;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.15);
}

.segmented-control {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.25);
    list-style-type: none;
    height: 27px;
    padding: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #ffffff, transparent 0 0 0;
    -moz-box-shadow: 0 1px 0 #ffffff, transparent 0 0 0;
    box-shadow: 0 1px 0 #ffffff, transparent 0 0 0;
}

.segmented-control li {
    float: left;
    margin-left: 1px;
}

.segmented-control li {
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(top, #f6f6f6, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #f6f6f6, #e6e6e6);
    background-image: -o-linear-gradient(top, #f6f6f6, #e6e6e6);
    background-image: linear-gradient(to bottom, #f6f6f6, #e6e6e6);
    background-repeat: repeat-x;
}

.segmented-control li {
    -webkit-box-shadow: inset 1px 1px 0 #ffffff, transparent 0 0 0;
    -moz-box-shadow: inset 1px 1px 0 #ffffff, transparent 0 0 0;
    box-shadow: inset 1px 1px 0 #ffffff, transparent 0 0 0;
}

.segmented-control li:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.segmented-control li:last-child {
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.segmented-control a {
    display: block;
    width: 100%;
    height: 25px;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
}

.segmented-control a {
    text-shadow: 0 1px 0 #ffffff;
}

.segmented-control li:active {
    background-color: #525252;
}

.segmented-control li:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15), inset 0 0 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15), inset 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.15), inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.segmented-control li:active a {
    text-shadow: 0 1px 0 #ffffff;
    position: relative;
    top: 1px;
}

#map .mask {
    display: none;
}

#map .mask > div {
    z-index: 98;
    position: absolute;
    background-color: #F8F8F8;
}

#map .mask .mask_top {
    top: -10px;
    left: -70px;
    width: 640px;
    height: 57px;
}

#map .mask .mask_bottom {
    top: 547px;
    left: -70px;
    width: 640px;
    height: 60px;
}

#map .mask .mask_left {
    top: -10px;
    left: -70px;
    width: 70px;
    height: 617px;
}

#map .mask .mask_right {
    top: -10px;
    left: 500px;
    width: 70px;
    height: 617px;
}

body.chrome #map .mask {
    display: block;
}

body.chrome #map .map_container {
    overflow: visible;
}

body.chrome #map.level3 .mask,
body.chrome #map.level2 .mask {
    display: none;
}

@font-face {
    font-weight: normal;
    font-style: normal;
    font-family: 'Pictos';
}

.pictos {
    font-family: 'Pictos';
}

@font-face {
}

#outlook {
    position: relative;
    z-index: 99;
    width: 100%;
    background-color: #F8F8F8;
}

.panel:first-child {
    border-top: 1px solid #DDD;
}

.panel {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 60px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #DDD;
    cursor: pointer;
    -webkit-transition: transform 0.15s ease-in;
    -moz-transition: transform 0.15s ease-in;
    -o-transition: transform 0.15s ease-in;
    transition: transform 0.15s ease-in;
    -webkit-transition: -o-transform 0.15s ease-in;
    -moz-transition: -o-transform 0.15s ease-in;
    -o-transition: -o-transform 0.15s ease-in;
    transition: -o-transform 0.15s ease-in;
    -webkit-transition: -ms-transform 0.15s ease-in;
    -moz-transition: -ms-transform 0.15s ease-in;
    -o-transition: -ms-transform 0.15s ease-in;
    transition: -ms-transform 0.15s ease-in;
    -webkit-transition: -moz-transform 0.15s ease-in;
    -moz-transition: -moz-transform 0.15s ease-in;
    -o-transition: -moz-transform 0.15s ease-in;
    transition: -moz-transform 0.15s ease-in;
    -webkit-transition: -webkit-transform 0.15s ease-in;
    -moz-transition: -webkit-transform 0.15s ease-in;
    -o-transition: -webkit-transform 0.15s ease-in;
    transition: -webkit-transform 0.15s ease-in;
    background-color: #F8F8F8;
}

.panel:hover {
    background-color: #EEE;
}

.panel.revealed:hover {
    background-color: transparent;
}

body.tablet .panel:hover {
    background-color: transparent;
}

body.tablet .panel:active {
    background-color: #EEE;
}

body.tablet .panel.revealed:hover {
    background-color: transparent;
}

.panel.top_border {
    border-top: 1px solid #DDD;
}

.panel .top {
    height: 60px;
}

.panel .state_color {
    position: absolute;
    display: none;
    top: 28px;
    left: 0;
    width: 10px;
    height: 20px;
    overflow: hidden;
}

.panel .state_color span {
    position: absolute;
    display: block;
    top: 0;
    left: -10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.panel.rain .state_color span,
.panel.snow .state_color span {
    background: -webkit-gradient(linear, left top, left bottom, from(#51afe0), to(#1f7dae));
}

.day_name {
    position: absolute;
    top: 13px;
    text-transform: uppercase;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
    font-size: 24px;
    left: 5px;
    width: 75px;
    text-align: right;
}

.day_icon {
    position: absolute;
    top: 9px;
    left: 92px;
    height: 60px;
    line-height: 60px;
    width: 50px;
}

.day_text_wrapper {
    display: table;
    position: absolute;
    top: 0;
    left: 140px;
    width: 375px;
    height: 60px;
}

.day_text {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    font-size: 18px;
    line-height: 24px;
    font-family: "AvenirNextCondensed-Regular", "AvenirNextLTW01-Condens 721299", "Arial Narrow", Verdana, sans-serif;
    font-weight: 400;
    color: #444;
}

.temperature_range {
    position: absolute;
    top: 20px;
    left: 540px;
    width: 200px;
    height: 20px;
}

.temperature_range .ranger {
    position: absolute;
    top: 0;
    height: 20px;
    min-width: 25px;
    border-radius: 10px;
    background-color: #5da0f8;
}

.temperature_range .ranger span {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #666;
}

.temperature_range .ranger .temperature_min {
    left: -42px;
    text-align: right;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
}

.temperature_range .ranger .temperature_max {
    right: -43px;
    text-align: left;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
}

#outlook .button {
    position: absolute;
    right: 25px;
    top: 18px;
    font-size: 22px;
    color: #BBB;
    font-family: "Pictos";
}

.panel:hover .button {
    color: #888;
}

.panel .button .minus {
    display: none;
}

.panel.revealed .button .plus {
    display: none;
}

.panel.revealed .button .minus {
    display: inline;
}

.panel .loading {
    width: 100%;
    margin-top: 60px;
    font-size: 28px;
    color: #CCC;
    text-align: center;
}

.panel .details {
    cursor: auto;
    background-color: #F8F8F8;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.panel .details .text {
    margin: 20px auto 20px;
    font-size: 18px;
    text-align: center;
    color: #222;
}

.panel .details .text .title {
    display: inline-block;
    margin: 0 4px;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    color: #aaa;
}

.panel .details .text .val {
    display: inline-block;
    margin: 0 30px 0 0;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    font-size: 20px;
}

.panel .details .text .more {
    display: inline-block;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    text-transform: uppercase;
    color: #D15549;
    text-decoration: none;
}

.panel .details .text .more:hover {
    text-decoration: underline;
}

.panel.revealed .details {
    opacity: 1.0;
}

/*!
 * Bootstrap v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #bbbbbb;
    *border: 0;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
    background-color: #cccccc \9;
}

.btn:first-child {
    *margin-left: 0;
}

.btn:hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none, transparent 0 0 0;
    -moz-box-shadow: none, transparent 0 0 0;
    box-shadow: none, transparent 0 0 0;
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
    margin-top: 4px;
}

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
    margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-block + .btn-block {
    margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn {
    border-color: #c5c5c5;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #003399 \9;
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #f89406;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    color: #ffffff;
    background-color: #f89406;
    *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #c67605 \9;
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #bd362f;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    color: #ffffff;
    background-color: #bd362f;
    *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
    background-color: #942a25 \9;
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #51a351;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
    background-color: #408140 \9;
}

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #2f96b4;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    color: #ffffff;
    background-color: #2f96b4;
    *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
    background-color: #24748c \9;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #222222;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    color: #ffffff;
    background-color: #222222;
    *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
    background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none, transparent 0 0 0;
    -moz-box-shadow: none, transparent 0 0 0;
    box-shadow: none, transparent 0 0 0;
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #0088cc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-link:hover {
    color: #005580;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover {
    color: #333333;
    text-decoration: none;
}

.btn-group {
    text-align: left;
    position: relative;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    *margin-left: .3em;
}

.btn-group:first-child {
    *margin-left: 0;
}

.btn-group + .btn-group {
    margin-left: 5px;
}

.btn-toolbar {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
    margin-left: 5px;
}

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group > .btn + .btn {
    margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
    font-size: 14px;
}

.btn-group > .btn-mini {
    font-size: 10.5px;
}

.btn-group > .btn-small {
    font-size: 11.9px;
}

.btn-group > .btn-large {
    font-size: 17.5px;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
    z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05), transparent 0 0 0;
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05), transparent 0 0 0;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .125), inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05), transparent 0 0 0;
    *padding-top: 5px;
    *padding-bottom: 5px;
}

.btn-group > .btn-mini + .dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px;
    *padding-top: 2px;
    *padding-bottom: 2px;
}

.btn-group > .btn-small + .dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
    *padding-top: 7px;
    *padding-bottom: 7px;
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222222;
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0;
}

.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
    margin-top: 6px;
}

.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px;
}

.dropup .btn-large .caret {
    border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
}

.btn-group-vertical > .btn {
    display: block;
    float: none;
    max-width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
    margin-left: 0;
    margin-top: -1px;
}

.btn-group-vertical > .btn:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle {
    *margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
    outline: 0;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), transparent 0 0 0;
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), transparent 0 0 0;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2), transparent 0 0 0;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    box-sizing: content-box;
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}

.dropdown-menu li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    text-decoration: none;
    color: #ffffff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
    color: #999999;
}

.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: default;
}

.open {
    *z-index: 1000;
}

.open > .dropdown-menu {
    display: block;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px;
}

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body {
    color: #222;
    /*font-family: "AvenirNextCondensed-Regular", "AvenirNextLTW01-Condens 721299", "Arial Narrow", Verdana, sans-serif;*/
    /*font-weight: 400;*/
    overflow-x: hidden;
    overflow-y: hidden;
    margin: 0px auto;
    text-align: center;
}

body.has_avenir {
    line-height: 1.2;
}

#loading {
    display: none;
    width: 100%;
    text-align: center;
    margin-top: 100px;
    font-size: 44px;
    color: #AAA;
    height: 500px;
    line-height: 200px;
}

#loading.revealed {
    display: block;
}

body.tablet {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

body.tablet.android {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    -o-user-select: all;
    user-select: all;
}

body.loading .overview_container {
    opacity: 0.5;
}

body.loading #outlook {
    opacity: 0.5;
}

body.forecast #location_stats,
body.stats #forecast {
    display: none;
}

.pictos {
    font-family: "Pictos";
}

#search_area {
    position: relative;
    width: 100%;
    height: 33px;
    padding: 0px 0 6px 0;
    background-color: #5ebb8d;
    /*padding-left:10px;*/
    /*padding-right:10px;*/
    z-index: 3000;
    text-align: center;
}

#search_area .buttons {
    position: relative;
    display: inline-block;
    font-size: 20px;
    color: #FFF;
    opacity: 0.99;
    margin-left: 10px;
}

#search_area .buttons .button {
    position: relative;
    display: inline-block;
    padding: 0 8px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border-radius: 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#search_area .buttons .button:hover {
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
}

#search_area .buttons .button:active {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    top: 1px;
}

#search_area .buttons .icon {
    position: relative;
    font-size: 18px;
    font-family: "Pictos";
}

#search_area .buttons .time_machine {
    position: relative;
}

#search_area .buttons .time_machine .icon {
    top: -1px;
}

#search_area .buttons .time_machine:active {
    top: 0;
}

#search_area .buttons .time_machine_modal {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    pointer-events: none;
    top: 30px;
    right: -93px;
    width: 433px;
    height: 280px;
    background: url(/share/images/time_machine_modal.png) no-repeat;
    background-size: 433px 280px;
}

#search_area .buttons.modal_revealed .time_machine_modal {
    opacity: 1;
    pointer-events: auto;
}

#search_area .buttons .time_machine_modal > .inner {
    position: relative;
    width: 355px;
    height: 203px;
    top: 35px;
    left: 39px;
    color: #222;
}

#search_area .buttons .time_machine_modal h2 {
    text-shadow: 1px 1px 0 #FFF;
    font-family: "AvenirNextCondensed-Regular", "AvenirNextLTW01-Condens 721299", "Arial Narrow", Verdana, sans-serif;
    font-weight: 400;
    font-size: 22px;
    margin: 12px 15px 29px;
}

#search_area .buttons .time_machine_modal .datepicker {
    position: relative;
    text-align: center;
}

#search_area .buttons .time_machine_modal .datepicker span {
    font-size: 25px;
}

#search_area .buttons .time_machine_modal .datepicker input {
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1;
    background: transparent;
    color: transparent;
}

#search_area .buttons .time_machine_modal .time_field {
    height: 30px;
    width: 305px;
    background-color: #ffffff;
    padding: 1px 0 0 3px;
    text-align: center;
    font-size: 18px;
}

#search_area .buttons .time_machine_modal .time_submit {
    position: relative;
    width: 215px;
    height: 32px;
    line-height: 32px;
    margin: 15px auto 11px;
    text-align: center;
    color: #FFF;
    font-size: 18px;
    border-radius: 8px;
    background-color: #3a3a3a;
    background-image: -moz-linear-gradient(top, #555555, #111111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#111111));
    background-image: -webkit-linear-gradient(top, #555555, #111111);
    background-image: -o-linear-gradient(top, #555555, #111111);
    background-image: linear-gradient(to bottom, #555555, #111111);
    background-repeat: repeat-x;
    opacity: 0.99;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), transparent 0 0 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), transparent 0 0 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), transparent 0 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

#search_area .buttons .time_machine_modal .time_submit .pictos {
    display: inline-block;
    font-size: 24px;
    margin-right: 6px;
    cursor: pointer;
}

#search_area .buttons .time_machine_modal .time_submit:active {
    background-color: #292929;
    background-image: -moz-linear-gradient(top, #444444, #000000);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#000000));
    background-image: -webkit-linear-gradient(top, #444444, #000000);
    background-image: -o-linear-gradient(top, #444444, #000000);
    background-image: linear-gradient(to bottom, #444444, #000000);
    background-repeat: repeat-x;
}

#search_area .buttons .time_machine_modal .time_submit:active > .inner {
    position: relative;
    top: 1px;
}

#search_area .buttons .time_machine_modal .error {
    text-align: center;
    color: #F13535;
    font-size: 18px;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
}

#search_area > .inner {
    /*margin: 5px 0 10px;*/
}

#search_area .location_controls {
    display: block;
    position: relative;
    width: 100%;
}

#search_area .location_field {
    font-size: 16px;
    color: #fff;
    border-color: #5ebb8d;
    height: 30px;
    line-height: 30px;
    background-color: #5ebb8d;
    padding: 1px 0 0 3px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    width: 100%;
    /*border-radius: 5px;*/
    /*-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.25);*/
    /*-moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.25);*/
    /*box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.25);*/
}

#search_area .submit_button {
    position: relative;
    z-index: 9999999;
    margin-left: 4px;
    height: 30px;
    width: 40px;
    font-family: "Pictos";
    font-size: 18px;
    color: #FFF;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
}

body.tablet #search_area .buttons .time_machine_modal {
    -webkit-transition: opacity 0s linear;
    -moz-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
}

.location_controls .clear {
    display: none;
    position: absolute;
    top: -1px;
    left: 348px;
    width: 32px;
    height: 32px;
    background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACJElEQVR42tWZzWrCQBDHe/Ao+BRtT/okpbTnts/g10tVjyoo+PEEWupB7+I1KhpRbIXp/GFhg9bdJLNJbeB3MGZmfsTs7Ga9IaKrJnZgo9HIMyWmznwyC+agWKhzdXVNPg1BSGWZCjNhKCITFZt1LQixDFNkPIaEeCpXRiao5W6ZIUOOGSK3RBByD8yaoYTYoEYcQci9MN8MJQxqvEYRhNwjc2QoJY6oaRbUcvfq1lPKbFDbKIiRJRoQcoZwMAkWbUna7ba5iDy2dCKom7Ctz81mM8KxWq2o2+2GFuv3+7RerxGKHGH6ZPY3wYopEELBY7fbKUm73H6/D4aGiaucCdqmr1arBakzyV6vF0UOMchlnRaDgpArMLHuhpa0X4vPOB+mFpyCgiVbgKUwJF3KgXJQ8J0hB5JyOU0tKDhmyIGkXE4z1oK6vUgl5XIaLyh4YEgg6VoOHFwI4rm7JIjvnAl6DuRcS3qSQYLC6IHmQaIlxYOkJpLTz5ypBYnaTNkaoOfkS3Jh+mTsRl1wJOdSshB5seD7vkXOLrndbiMuFrRg1RQ0GAxMclEkkcsWV428YG02mzSfz81ydknkQC7T9Qu4XFryl5Jc8nc6nVBL/mt+afqAw7W+dvqo/f9f3AOSrwhMSe4t7ubRE+Mn/LM+S7ff7phRAnIj5Ha9gbl0ILYUbGBaRXNqxpnGEJuq2Fyam+jlk030L3CyiV6WbKL/+d8MNn4AZjpvulMRpFcAAAAASUVORK5CYII=) 50% 50% no-repeat;
    background-size: 60%;
}

.location_controls .clear:active {
    opacity: 0.5;
}

body.tablet .location_controls .clear {
    display: block;
}

body.tablet #search_area .buttons .button:hover {
    background-color: transparent;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), transparent 0 0 0;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), transparent 0 0 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), transparent 0 0 0;
}

body.tablet #search_area .buttons .button:active {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    top: 1px;
}

#alerts {
    z-index: 99;
    position: relative;
    width: 100%;
    margin-top: 4px;
    color: #FFF;
    height: 30px;
    text-overflow: ellipsis;
    line-height: 30px;
    font-size: 18px;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.13999999999999999);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.35)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35));
    background-repeat: repeat-x;
    background-color: #E64350;
    opacity: 0.99;
    border: 1px solid transparent;
}

#alerts > .inner {
    margin: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#alerts.paginate > .inner {
    width: 760px;
}

body.mobile #alerts.paginate > .inner {
    width: 75%;
}

#alerts .alert {
    display: none;
}

#alerts .alert.visible {
    display: inline-block;
}

#alerts a {
    color: #FFF;
    text-decoration: none;
}

#alerts a:hover {
    text-decoration: underline;
}

#alerts > .inner .pictos {
    display: inline-block;
    position: relative;
    top: 1px;
    font-size: 24px;
    margin-right: 8px;
}

#alerts .pagination {
    display: none;
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    font-size: 16px;
}

#alerts.paginate .pagination {
    display: block;
}

#alerts .pagination a {
    margin-left: 5px;
}

#alerts .pagination a:hover {
    text-decoration: none;
    opacity: 0.75;
}

.overview_container {
    opacity: 0.5;
    /* width: 100%; */
}

.overview_container .section {
    /* display: table; */
    position: relative;
    /* width: 100%; */
    text-align: left;
    border-radius:7px;
}

.overview_container .section.next_hour,
.overview_container .section.next_24_hours {
    /* height: 90px; */
    padding: 6px 2px 6px;
}

.overview_container .section > .inner {
    /* display: table-cell;
    vertical-align: middle; */
    width: 100%;
}

.overview_container .section.currently {
    height: 125px;
    margin: 0px 0 10px 0;
    cursor: pointer;
}

.overview_container .section.currently .current_container {
    position: relative;
    margin: 0 auto;
    width: 160px;
}

.overview_container .section.currently .current_container .less {
    position: relative;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    line-height: 0;
}

.overview_container .section.currently .current_container .more {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    top: 14px;
    font-size: 16px;
}

.overview_container .section.currently .current_container .more .temps .m {
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
}

.overview_container .section.currently .current_container .more .temps {
    position: absolute;
    left: 156px;
    right: 0;
    width: 135px;
    margin-top: 4px;
}

.overview_container .section.currently .current_container .more .temps .high_low {
    margin-top: 12px;
}

.overview_container .section.currently .current_container .more .table {
    position: absolute;
    left: 0;
    right: 0;
    width: 146px;
    border-right: 1px dashed #666;
}

.overview_container .section.currently .current_container .more .label {
    display: inline-block;
    width: 68px;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
    text-align: left;
}

.overview_container .section.currently .current_container.show_more .more {
    opacity: 1;
}

.overview_container .section.currently .current_container.show_more .less {
    opacity: 0;
}

.overview_container .section.currently .more_button {
    font-size: 20px;
    position: relative;
    top: -2px;
    left: 6px;
    opacity: 0.15;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
}

.overview_container .section.currently:hover .more_button {
    opacity: 0.9;
}

.overview_container .section h2 {
    width: 100%;
    line-height: 40px;
    /*font-family: "AvenirNextCondensed-Regular", "AvenirNextLTW01-Condens 721299", "Arial Narrow", Verdana, sans-serif;*/
    font-size: 18px;
    text-align: center;
    color: #222;
    line-height: 1.5;
    font-weight: bold;
}

.overview_container .section .desc {
    /*font-family: "AvenirNextCondensed-Regular", "AvenirNextLTW01-Condens 721299", "Arial Narrow", Verdana, sans-serif;*/
    font-weight: 100;
    text-align: center;
    /* font-size: 0.9em; */
    font-size:14px;
    color: #333;
    margin: auto;
    /* background-color: #f0f0f0; */
    /*max-width: 94%;*/
    /*min-width: 34%;*/
    text-align: center;
    font-weight: 400;
    /* border-radius: 15px; */
    /* padding: 4px 8px; */

}

.overview_container .section.currently .desc {
    line-height: 1.2em;
    margin-top: 10px;
    text-align: center;
}

.overview_container .section.currently .temp {
    display: inline-block;
    margin-top: 42px;
    font-size: 50px;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    line-height: 0;
    height: 0;
    margin-left: 10px;
}

.overview_container .section.currently .temp .dir {
    position: relative;
    left: -18px;
    top: -7px;
    display: inline-block;
    font-size: 17px;
    line-height: 0;
    font-family: "Pictos";
}

.has_avenir .overview_container .section.currently .temp {
    line-height: 1.25em;
    margin: 7px 0 0 10px;
}

.windicator {
    margin-top: -1px;
    margin-left: 2px;
    width: 22px;
    height: 22px;
    vertical-align: text-top;
    display: inline-block;
    background: transparent url(data:image/png;base64,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) 0 0 no-repeat;
    background-size: 22px 180px;
    opacity: 0.8;
}

.windicator.frame_0 {
    background-position: 0 0;
}

.windicator.frame_1 {
    background-position: 0 -22.5px;
}

.windicator.frame_2 {
    background-position: 0 -45px;
}

.windicator.frame_3 {
    background-position: 0 -67.5px;
}

.windicator.frame_4 {
    background-position: 0 -90px;
}

.windicator.frame_5 {
    background-position: 0 -112.5px;
}

.windicator.frame_6 {
    background-position: 0 -135px;
}

.windicator.frame_7 {
    background-position: 0 -157.5px;
}

.overview_container .section.currently #icon_current {
    /* display: inline-block;
    vertical-align: top; */
    /* margin: 12px 0 0 0; */
}

#fusion_ad {
    display: none;
    position: relative;
    background-color: #EEE;
    border-radius: 4px;
    margin: 18px 0 15px;
}

body.show_sponsor #fusion_ad {
    display: block;
}

#fusion_ad .fusionentire {
    white-space: nowrap;
}

#fusion_ad .fusiontext {
    color: #222;
    font-size: 14px;
    text-decoration: none;
    display: inline-block;
    width: 134px;
    white-space: normal;
    margin: 6px 0 0 8px;
    vertical-align: top;
}

#fusion_ad > a {
    position: absolute;
    bottom: 6px;
    left: 138px;
    font-size: 14px;
    color: #AAA;
    text-decoration: none;
}

#fusion_ad > a:hover {
    text-decoration: underline;
}

.overview_container a.sponsor {
    position: relative;
    z-index: 100;
    display: none;
    width: 300px;
    margin: 12px 0 0 -10px;
    color: #222;
    text-decoration: none;
}

body.show_sponsor a.sponsor {
    display: table;
}

.overview_container a.sponsor > .inner {
    display: block;
    height: 74px;
    background-color: #EAEAEA;
    border: 1px solid #DDD;
    border-radius: 6px;
}

.overview_container a.sponsor img {
    display: block;
    position: absolute;
    left: 8px;
    top: 6px;
}

.overview_container a.sponsor .text {
    display: block;
    position: absolute;
    left: 82px;
    top: 8px;
    width: 200px;
}

.overview_container a.sponsor .text .message {
    display: block;
    font-size: 16px;
}

.overview_container a.sponsor .text .message strong {
    font-weight: normal;
}

.overview_container a.sponsor .text .attribution {
    display: block;
    margin-top: 4px;
    font-size: 13px;
    color: #888;
}

#shareit {
    -webkit-user-select: none;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    top: 0;
    left: 0;
    z-index: 6666;
}

#shareit img {
    max-width: 100%;
}

.arrow {
    position: absolute;
    right: 30px;
    top: 10px;
}

#share-text {
    margin-top: 360px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 100;
}

#forecast {
    position: static;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

#outlook {
    display: inline-block;
    vertical-align: top;
}

#wobble_container {
    position: relative;
    /* height: 80px; */
    /*margin-bottom: 15px;*/
}

#wobble_canvas {
    z-index: 10;
    /* background: #fff; */
    /*position: absolute;*/
    top: 0px;
    left: 0;
}

#wobble_container .labels {
    z-index: 8;
    position: absolute;
    height: 6px;
    bottom: -4px;
    width: 100%;
    white-space: nowrap;
    line-height: 0;
    border-top: 2px solid #333;
}

#wobble_container .labels .label {
    position: relative;
    display: inline-block;
    width: 16.66%;
    height: 100%;
    /*border-right: 1px solid #111;*/
    /*border-left: 1px solid #111;*/
}

#wobble_container .labels .label .text {
    position: absolute;
    width: 50px;
    right: -28px;
    top: 12px;
    text-align: center;
    color: #333;
    opacity: 0.9;
    font-size: 12px;
    /*font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;*/
}

#wobble_container .intensity_labels {
    z-index: 8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: 0;
}

#wobble_container .intensity_labels > div {
    border-top: 1px dashed rgba(0, 0, 0, 0.25);
    height: 33%;
    width: 100%;
}

#wobble_container .intensity_labels > div:first-child {
    border-top: none;
}

#wobble_container .intensity_labels > div span {
    position: relative;
    display: inline-block;
    /*left: 1%;*/
    width: 30px;
    margin: 4px 0 0 2px;
    font-size: 12px;
    /*font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;*/
    text-transform: uppercase;
    color: #111;
    text-align: left;
}

#wobble_container .intensity_labels > div span img {
    height: 18px;
}

#location_stats .plot_container {
    width: 100%;
    height: 200px;
}

#location_stats h2 {
    margin-top: 30px;
    font-size: 24px;
    text-align: center;
}

#location_stats .monthly {
    width: 780px;
    margin: 10px auto;
    text-align: center;
}

#location_stats .monthly .stat {
    float: left;
    margin: 15px;
    width: 165px;
    height: 80px;
}

#location_stats .monthly .label {
    font-size: 24px;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
}

#location_stats .monthly .value {
    font-size: 18px;
}

body.time #main {
    width: 100%;
}

#time_machine {
    font-size: 16px;
}

#time_machine .overview {
    width: 850px;
    margin: 60px auto 30px;
    text-align: left;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    border: 1px solid transparent;
    text-shadow: 2px 2px 0 #FFF;
}

#time_machine .overview .day_time {
    text-transform: uppercase;
    text-align: center;
}

#time_machine .overview .day_time .val {
    display: inline-block;
    margin: 0 25px;
    font-size: 36px;
}

#time_machine .overview .day_time .prev,
#time_machine .overview .day_time .next {
    display: inline-block;
    position: relative;
    top: -4px;
    padding: 10px;
    font-size: 28px;
    cursor: pointer;
}

#time_machine .overview .day_time .prev:hover,
#time_machine .overview .day_time .next:hover {
    color: #3267ad;
}

#time_machine .overview .day_summary {
    position: relative;
    left: 10px;
    width: 500px;
    margin: 15px auto 0;
    line-height: 1.5em;
    font-size: 22px;
    font-family: "AvenirNextCondensed-Regular", "AvenirNextLTW01-Condens 721299", "Arial Narrow", Verdana, sans-serif;
    font-weight: 400;
}

#time_machine .overview .beta_note {
    position: relative;
    left: 10px;
    width: 500px;
    margin: 25px auto 0;
    font-size: 14px;
    font-family: "AvenirNextCondensed-Regular", "AvenirNextLTW01-Condens 721299", "Arial Narrow", Verdana, sans-serif;
    font-weight: 400;
    color: #888;
}

#time_machine .overview .beta_note a {
    color: #D15549;
}

#time_machine .timeline_container {
    width: 852px;
    margin: 0 auto;
    overflow: visible;
}

#time_machine .timeline_container .timeline {
    overflow: visible;
    border: 1px solid #DDD;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eeeeee));
    background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
    background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
    background-repeat: repeat-x;
    height: 105px;
}

#time_machine .slider {
    z-index: 9;
    position: absolute;
    width: 850px;
    height: 130px;
    top: -12px;
    cursor: pointer;
    overflow: visible;
}

#time_machine .handle {
    z-index: 9;
    position: absolute;
    width: 60px;
    margin-left: -30px;
    height: 100%;
    outline: none;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, 0.05);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.05));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.08)), to(rgba(0, 0, 0, 0.05)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.05));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.05));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.05));
    background-repeat: repeat-x;
    border: 2px solid #444;
    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35), inset 0 0 10px #ffffff;
    -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35), inset 0 0 10px #ffffff;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.35), inset 0 0 10px #ffffff;
}

#time_machine.far_future .slider {
    height: 95px;
}

#time_machine .slider_details {
    position: relative;
    left: -1px;
    margin: 10px auto 20px;
    border: 1px solid transparent;
    color: #222;
    width: 800px;
}

#time_machine .slider_details > .inner {
    width: 100%;
    margin: 25px auto 25px;
    opacity: 0.99;
}

#time_machine .slider_details table {
    margin: 4px auto 0;
    text-align: center;
    width: 100%;
}

#time_machine .slider_details table thead {
    font-size: 18px;
    text-transform: uppercase;
}

#time_machine .slider_details table tbody .val {
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
    font-size: 22px;
}

#time_machine .slider_details table tbody .error {
    font-size: 16px;
}

#time_machine .slider_details table td {
    width: 115px;
    line-height: 25px;
}

#time_machine .slider_details .time {
    text-align: center;
    font-size: 22px;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
}

#time_machine .slider_details .summary {
    text-align: center;
    font-size: 26px;
    line-height: 38px;
    margin-bottom: 10px;
}

#time_machine.far_future .timeline_container .labels,
#time_machine.far_future .timeline .stripes {
    display: none;
}

#time_machine.far_future .timeline_container .timeline {
    height: 68px;
}

#time_machine.far_future .timeline_container .temps {
    top: 8px;
}

#time_machine.far_future .timeline_container .hours {
    top: 54px;
}

#time_machine.far_future .timeline_container .timeline .hour_ticks span.even {
    display: none;
}

#time_machine .share {
    width: 100%;
    text-align: center;
}

#time_machine .share a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 10px;
}

#time_machine .share a.facebook {
    background-image: url(data:image/png;base64,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);
}

#time_machine .share a.twitter {
    background-image: url(data:image/png;base64,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);
}

#time_machine .share a.gplus {
    background-image: url(data:image/png;base64,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);
}

#time_machine .share span {
    position: relative;
    top: -6px;
    display: inline-block;
    font-size: 18px;
    height: 32px;
    line-height: 32px;
}

#error {
    text-align: center;
    color: #666;
    min-height: 400px;
}

#error h2 {
    margin: 50px 0 25px;
    text-transform: uppercase;
    font-size: 32px;
}

#error div {
    font-size: 22px;
    width: 400px;
    margin: 0 auto;
}

#footer {
    text-align: center;
    clear: both;
    width: 852px;
    margin: 5px auto;
    padding-top: 10px;
    font-family: verdana;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: #AAA;
}

#footer a {
    color: #D15549;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer ul {
    display: inline-block;
    vertical-align: top;
    margin: 0 50px;
    text-align: left;
    line-height: 2.0em;
}

#search_area .refresh {
    position: absolute;
    top: 15px;
    left: 15px;
    height: 30px;
    line-height: 30px;
    width: 100px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.95);
    cursor: pointer;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#search_area .refresh .icon {
    display: inline-block;
    position: relative;
    top: -1px;
    font-size: 20px;
    margin-right: 2px;
}

#search_area .refresh:active {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25), transparent 0 0 0;
    top: 16px;
}

#search_area .refresh .dotdotdot,
#search_area .refresh .text {
    display: inline-block;
    width: 50px;
}

#search_area .refresh .dotdotdot {
    display: none;
}

#search_area .refresh.loading .text {
    display: none;
}

#search_area .refresh.loading .dotdotdot {
    display: inline-block;
}

#units_toggle {
    position: absolute;
    top: 19px;
    right: 15px;
    width: 60px;
    height: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#units_toggle > .inner {
    margin: 1px 0 0 1px;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
    white-space: nowrap;
    background-color: rgba(255, 255, 255, 0.15);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
    background-repeat: repeat-x;
    border: 1px solid rgba(0, 0, 0, 0.45);
}

#units_toggle span {
    display: inline-block;
    width: 29px;
    height: 23px;
    line-height: 24px;
    font-family: "AvenirNextCondensed-Bold", "AvenirNextLTW01-BoldCn", "Arial Narrow", Verdana, sans-serif;
    color: rgba(0, 0, 0, 0.75);
    font-size: 15px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.35);
    text-align: center;
}

#units_toggle span.selected {
    -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.4), transparent 0 0 0;
    -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.4), transparent 0 0 0;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.4), transparent 0 0 0;
    background-color: rgba(0, 0, 0, 0.025);
}

#units_toggle span:active {
    position: relative;
    top: 1px;
}

#units_toggle span.selected:active {
    position: relative;
    top: 0;
}

#units_toggle span.c {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
}

#units_toggle span.c.selected {
    border-left: none;
}

.desktop #location_strip {
    width: 100%;
    height: 40px;
    text-align: center;
    font-family: "AvenirNextCondensed-Medium", "AvenirNextLTW01-MediumC 721311", "Arial Narrow", Verdana, sans-serif;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.desktop #location_strip div {
    display: inline-block;
    vertical-align: middle;
}

.desktop #location_strip .delete_button {
    opacity: 0.0;
    position: absolute;
    top: 9px;
    right: -24px;
    width: 24px;
    height: 24px;
    background: transparent url(data:image/png;base64,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) 0 0 no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 300ms ease;
}

.desktop #location_strip .saved_forecast {
    display: inline-block;
    color: #FFF;
    opacity: 0.99;
    font-size: 15px;
    height: 40px;
    line-height: 42px;
    padding: 0 10px;
    position: relative;
    cursor: pointer;
}

body.desktop.tablet #location_strip {
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.saved_forecast:hover {
    -webkit-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.75), inset 0 0 16px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.75), inset 0 0 16px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.75), inset 0 0 16px rgba(0, 0, 0, 0.5);
}

.saved_forecast.selected {
    -webkit-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.9), inset 0 0 16px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.9), inset 0 0 16px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.9), inset 0 0 16px rgba(0, 0, 0, 0.75);
    background-color: #1d1d1d;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5f5f5f), color-stop(50%, #414141), color-stop(51%, #141414), to(#414141));
    background-image: -webkit-linear-gradient(#5f5f5f, #414141 50%, #141414 51%, #414141);
    background-image: -moz-linear-gradient(top, #5f5f5f, #414141 50%, #141414 51%, #414141);
    background-image: -o-linear-gradient(#5f5f5f, #414141 50%, #141414 51%, #414141);
    background-image: linear-gradient(#5f5f5f, #414141 50%, #141414 51%, #414141);
    background-repeat: no-repeat;
}

body.tablet .saved_forecast:hover {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0), transparent 0 0 0;
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0), transparent 0 0 0;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0), transparent 0 0 0;
}

body.tablet .saved_forecast:active {
    -webkit-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.75), inset 0 0 16px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.75), inset 0 0 16px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.75), inset 0 0 16px rgba(0, 0, 0, 0.5);
}

.desktop #location_strip.editing #current_location_entry {
    width: 0;
    padding: 0;
}

.desktop #location_strip.editing .delete_button {
    opacity: 1.0;
    right: 0;
}

.desktop #location_strip.editing #location_list .saved_forecast {
    margin-right: 0;
    padding-right: 25px;
}

.divider {
    width: 2px;
    height: 39px;
    line-height: 42px;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    border-left: 1px solid rgba(0, 0, 0, 0.4);
}

#current_location_entry {
    overflow: hidden;
    width: 134px;
    -webkit-transition: width 300ms ease;
    cursor: pointer;
}

#current_location {
    display: none;
}

#location_editing {
    margin: -4px 0 0 10px;
}

#location_editing a {
    text-decoration: none;
}

#location_editing button {
    outline: none;
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 4px;
    line-height: 15px;
    background: url();
}

#location_editing_menu .none {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #CCC;
    white-space: nowrap;
}

#main {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    vertical-align: top;
}

.overview_container .section.currently .current_container .less .text {
    position: absolute;
    top: 0;
    left: 94px;
}

/* download app */
.app-down {
    color: #5ebb8d;
    width: 100%;
    /*height: 30px;*/
    z-index: 3333;
    background-color: #f0f0f0;
    position: absolute;
    bottom: 0;
    padding: 8px 2px;
    text-align: center;
    vertical-align: middle;
    opacity: 0.96;
}

.app-down > img {
    vertical-align: middle;
    width: 26px;
    height: 26px;
}

.app-down > img.down {
    width: 22px;
    height: 22px;
}

.app-down #download {
    margin-left: 12px;
    margin-right: 12px;
}

#timelabel {
    bottom: 42px;
    font-size: 90%;
    right: 0px;
    position: absolute;
    opacity: 0.5;
    color: #fff;
    padding: 2px;
    background-color: rgba(119, 119, 119, 0.8);
    z-index: 3666;
}

@media screen and (max-height: 568px) {
    .app-down {
        padding: 8px 2px;
        font-size: 0.9em;
    }
}

.map-list{
    position:fixed;
    top:20px;
    right: 20px;
    z-index: 1000;
    text-align: center;
}
.map-item{
    width: 40px;
    height: 40px;
    background: #fff;
    background: #FFFFFF;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.15);
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 4px 8px 0 ;
    box-sizing: border-box;
}
.map-item > img{
    height: 18px;
    display: block;
    margin:0 auto;
}
.map-item .map-item-image {
    height: 18px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 2px;
}
.map-item .map-item-image.icon-back{
    margin-bottom :0;
    height:100%;
    background-image:url('/share/img/rain-map-button.png');
}
.map-item.active{
    color:#00B977;
}
.map-item .map-item-image.icon-weather{
    background-image:url('/share/img/item-weather-active.png')
}
.map-item.active .map-item-image.icon-weather{
    background-image:url('/share/img/item-weather.png')
}
.map-item .map-item-image.icon-rain{
    background-image:url('/share/img/item-rain-active.png')
}
.map-item.active .map-item-image.icon-rain{
    background-image:url('/share/img/item-rain.png')
}
.map-item .map-item-image.icon-greed{
    background-image:url('/share/img/item-greed.png');
    /* 需要替换 */
}
.map-item.active .map-item-image.icon-greed{
    background-image:url('/share/img/item-greed-active.png')
}
.map-item .map-item-image.icon-tell{
    background-image:url('/share/img/item-tell.png')
}
.map-item.active .map-item-image.icon-tell{
    background-image:url('/share/img/item-tell.png')
}
.map-item.rain-map-button{
    padding: 10px;
}
.map-item.rain-map-button > .icon-back{
    width:100%;
    height: 100%;
    display: block;
    transition: rotate .3s;
    transform: rotate(0deg);
}
.map-item.rain-map-button > .icon-back.rotate{
    transform: rotate(180deg);
}
.map-item >p{
    font-size:0.6rem;
}
.map-list-loaction{
    position: fixed;
    right: 20px;
    bottom: 20px;
    transition: bottom 1s;
}
.map-list-loactions{
    /* position: fixed;
    right: 5px;
    bottom: 150px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: bottom 1s;
}
.map-list-loactions img{
    opacity: 0.2;
    transform:rotate(-20deg);
    -ms-transform:rotate(-20deg); 	/* IE 9 */
    -moz-transform:rotate(-20deg); 	/* Firefox */
    -webkit-transform:rotate(-20deg); /* Safari 和 Chrome */
    -o-transform:rotate(-20deg); 	/* Opera */


}
.map-list-loaction.show{
    bottom: 60px;
}
#overview {
    position: fixed;
    top: 20px;
    left: 10px;
    right: 70px;
    z-index: 1000;
    /* box-shadow: none; */
}
#overview > .address{
    font-size: 14px;
    color: #333333;
    background: #fff;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.15);
    margin-bottom: 10px;
    padding-left: 55px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image:url('/imgs/location-green.png');
    background-repeat: no-repeat;
    background-size: 20px 23px;
    background-position: 20px center;
}
#overview > .inner{
    background: #fff;
    border-radius: 5px;
    /* box-shadow: 2px 2px 8px 0 ; */
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.15);
}

#overviews {
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1000;
    /* box-shadow: none; */
}
#overviews > .map-logoo{
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
}
.map-logoo img{
    width:105px;
    height:25px;
    border:none;
    vertical-align:baseline;
}
.map-time{
    position: fixed;
    bottom: 10px;
    /* left: 20px;
    right: 20px; */
    left: 10px;
    right: 20px;
    background: #FFFFFF;
    border-radius: 7px;
    z-index: 1000;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.15);
    height: 44px;
    padding-left: 45px;
    box-sizing: border-box;
    overflow: hidden;
    transition: bottom 1s;
}

.map-logo{
    position: absolute;
    bottom: 62px;
    left: 14px;
    z-index: 160;
    height: 20px;
    margin:0 1px;
}

.map-button{
    position: absolute;
    bottom: 28px;
    right: 52px;
    z-index: 160;
    height: 20px;
    margin:0 1px;
}
.map-button button{
    border: none;
    color: white;
    width: 70px;
    height: 40px;
    background-color:#00B977;
    padding: 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    border-radius: 10px;
}

.map-logo img{
    width:100px;
    height:24px;
    border:none;
    vertical-align:baseline;
}
.map-Copyright{
    position: absolute;
    display: block!important;
    left: 35px;
    height: 16px;
    bottom: 53px;
    font-size: 11px;
    padding-bottom: 2px;
}

.time-button{
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width:27px;
    height:27px;
}
.time-button>img{
    display: block;
    width:100%;
    height:100%;
}
.time-line{
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
}
.time-line>div{
    flex:1;
    position: relative;
    height: 100%;
    color: #333333;
    font-size:12px;
    padding-top: 15.5px;
    box-sizing: border-box;
}
.time-line>div.h-forcast{
    background: -webkit-linear-gradient(left,#fff 50%,rgba(94, 187, 141,0.2) 50%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#fff 50%,rgba(94, 187, 141,0.2) 50%);/* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#fff 50%,rgba(94, 187, 141,0.2) 50%); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#fff 50%,rgba(94, 187, 141,0.2) 50%); /* 标准的语法 */
}
.time-line>div.forcast{
    /* background: red; */
    background: rgba(94, 187, 141,0.2);
}
.forecast-point{
    position: absolute;
    font-size: 0.6rem;
    color: #fff;
    padding: 0rem 0.44rem;
    background:#5ebb8d;
    border-radius: 2px;
    z-index: 10;
    text-align: center;
}

.time-line>div::before{
    position: absolute;
    content:'';
    display: block;
    left: 0;
    bottom: 0;
    background: #DDDDDD;
    width:1px;
    height: 27px;
}
.line-point{
    position: absolute;
    left: 0px;
    height: 36px;
    width: 1.5px;
    background: #00B977;
    bottom: 0;
    z-index: 200;
}


 /* 红色版本 */


 .map-item.font-color-red.active{
    color:#B22125;
 }
 .forecast-point.font-color-red{
    background: #B22125;
 }
 .map-item.font-color-red .map-item-image.icon-back{
    background-image: url(/share/img/rain-map-button-red.png);
 }
 .map-item.font-color-red.active .map-item-image.icon-rain{
    background-image: url(/share/img/item-rain-red.png);
 }
 .map-item.font-color-red.active .map-item-image.icon-weather {
    background-image: url(/share/img/item-weather-red.png);
}
.map-item.font-color-red.active .map-item-image.icon-greed {
    background-image: url(/share/img/item-greed-red.png);
    /* 需要替换 */
}
#overview > .address.font-color-red{
    background-image: url(/share/img/location-red.png);
}
.forecast.font-color-red{
    background:#B22125;
}
.time-line.font-color-red > div.forcast{
    background: rgba(178, 33, 37,0.2)
}
.time-line.font-color-red>div.h-forcast{
    background: -webkit-linear-gradient(left,#fff 50%,rgba(178, 33, 37,0.2) 50%); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left,#fff 50%,rgba(178, 33, 37,0.2) 50%);/* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left,#fff 50%,rgba(178, 33, 37,0.2) 50%); /* Firefox 3.6 - 15 */
    background: linear-gradient(left,#fff 50%,rgba(178, 33, 37,0.2) 50%); /* 标准的语法 */
}
.time-line.font-color-red .line-point{
    background:#B22125;
}
.time-line.font-color-red>div::before{
    background: #cccccc;
}
.typhoonYuntuan{
    background-image:url(../img/wind_icon_rotate.png) !important;
    background-repeat:no-repeat;
    width:40px !important;
    height:40px !important;
    background-size:contain;
    margin-left:-20px !important;
    margin-top:-20px !important;
    animation:rotateIcon 1.5s infinite linear !important;
    -webkit-animation:rotateIcon 1.5s infinite linear !important; /* Safari 和 Chrome */
}
.typhoonYuntuan.small{
    width:20px !important;
    height:20px !important;
    margin-left:-10px !important;
    margin-top:-10px !important;
}
.wind-box{
    position: fixed;
    bottom: 10px;
    left: 10px;
    right: 20px;
    background: #FFFFFF;
    border-radius: 7px;
    z-index: 10000;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.15);
    height: 88px;
    box-sizing: border-box;
    overflow: hidden;
    color: #333;
    display: none;
}
.wind-info{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    justify-items: center;
    height: 44px;
    font-size: 14px;
}
.wind-title{
    height: 34px;
    line-height: 34px;
    display:flex;
    justify-content: center;
    justify-items: center;
    padding-left:30px;
    padding-right:20px;
    /* margin-bottom:5px; */
}
#wind_title{
    font-size:18px;
    margin-right: 35px;
}
#wind_loaction{
    color: #999;
    font-size: 14px;
}
.wind-info>div{
    border-right: 1px solid #ccc;
    text-align: center;
    display:flex;
    flex:1;
    flex-direction: column;
}
.wind-info>div>span:first-child{
    font-size:14px;
    margin-bottom:5px;
}
.wind-info>div>span:last-child{
    font-size:12px;
    color :#ccc;
}
.wind-info>div:last-child{
    border-right:none;
}
.map-time.addWindClass{
    bottom:110px;
}
.map-list-loaction.addWindClass{
    bottom:160px;
}
/* .typhoonYuntuan-1,.typhoonYuntuan-2,
.typhoonYuntuan-3,.typhoonYuntuan-4,
.typhoonYuntuan-5,.typhoonYuntuan-6{

} */
/* .typhoonYuntuan-8,.typhoonYuntuan-9{
    background-position: -35px 0 !important;
}
.typhoonYuntuan-10,.typhoonYuntuan-11{
    background-position: -70px 0 !important;
}
.typhoonYuntuan-12,.typhoonYuntuan-13{
    background-position: -105px 0 !important;
}
.typhoonYuntuan-14,.typhoonYuntuan-15{
    background-position: -140px 0 !important;
}
.typhoonYuntuan-16,.typhoonYuntuan-17,
.typhoonYuntuan-18,.typhoonYuntuan-19,
.typhoonYuntuan-20,.typhoonYuntuan-21{
    background-position: -175px 0 !important;
} */

@keyframes rotateIcon{
    0%{
        transform: rotate(0);
        transform-origin:center;
    }
    100%{
        transform: rotate(360deg);
        transform-origin:center;
    }
  }

.share_da {
    position: absolute;
}