@charset "utf-8";

body {
    padding: 0;
    margin: 0;
}

#forecast-wrapper {
    margin: 0;
    padding: 0;
    height: 224px;
}

#forecast-wrapper th,
#forecast-wrapper td {
    border-right: 4px solid;
    border-left: 4px solid;
    vertical-align: top;
    padding:4px;
}
#forecast-wrapper table {
    clear: both;
    table-layout: fixed;
}
#forecast-wrapper table img {
    image-rendering: pixelated;
}
#forecast-wrapper {
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

#forecast-wrapper a {
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    text-decoration: none;
}

#forecast-wrapper h2{
    font-weight: bold;
    font-size: 16px;
    float: left;
    width: 140px;
    margin: 10px 0 10px 15px;
    padding-bottom: 2px;
}

#forecast-wrapper .fc-navigation {
    float: right;
    margin: 15px 5px 5px 5px;
    font-weight: bold;
    font-size: 12px;
}

#forecast-wrapper .fc-previous-date {
    background: url(../images/city-trigger-prev.png) no-repeat center;
    display: block;
    float: left;
    text-indent: -9999px;
    width:10px;
}

#forecast-wrapper .fc-next-date {
    background: url(../images/city-trigger-next.png) no-repeat center;
    display: block;
    float: left;
    text-indent: -9999px;
    width:10px;
}

#forecast-wrapper .fc-navigation p {
    float: left;
    width: 110px;
    margin: 0;
    text-align: center;
}

#forecast-wrapper table {
    width: 280px;
    text-align: center;
    border-collapse: collapse;
    margin: 0px auto;
}

#forecast-wrapper th {
    font-size: 12px;
    font-weight: 300;
    padding: 5px;
}

#forecast-wrapper td {
    color: white;
}

#forecast-wrapper td p {
    margin: 0;
    padding:0;
    font-size: 32px;
    font-weight: 300;
}

#forecast-wrapper td span {
    font-size: 12px;
}

.forecast-footer {
    height: 18px;
    padding: 3px 2px;
}

a.widget_link {
    display: block;
    float: left;
    font-size: 10px;
    margin-left: 1px;
    margin-top: 1px;
    padding: 1px;
}

a.dk_link {
    display: block;
    float: right;
    background: url(../images/dk-logo.png) no-repeat center;
    padding: 1px;
    width: 69px;
    height: 12px;
}



body, #forecast-wrapper, .widget_container{font-family: 'Roboto',Arial,sans-serif; font-weight:200;}
.leaflet-bar{box-shadow:none;border:0;border-radius:0 !important;}
.leaflet-control-zoom a{background-color:#e8eef3;color:#ff9906;border-radius:0 !important;
height:35px;width:35px;line-height: 35px;font-size:20px;border-color:white;}
.leaflet-control-zoom a:hover{color:#ff9906;}

.footer{padding:5px 0;}
.weather-img{vertical-align: middle;float:none;margin-right:30px;}
.footer .widget_button, .widget_link, .logo > .widget{background-color:transparent !important;}
.frame:after, .forecast-label-wrap:after{visibility: hidden;display: block;content: "";clear: both;height: 0;zoom:1;}
div.forecast-detail p.forecast-date{margin:0 0 5px;text-align: center;font-weight:normal;}
.forecast-detail{padding:5px 0 15px;clear:both}
.forecast-footer{padding:5px 14px;}
#forecast-wrapper .widget_link{border-radius:0;background-color:transparent; }
.temp-text{margin-left:5px;font-weight: 200;line-height: 100%}
.forecast-label-wrap{height:auto;padding:10px 5px 0;font-size:14px;}
.forecast-detail{width:auto;margin:10px 8px 10px 5px;}
a.forecast-label{width:147px;}
div.forecast-detail div.wind-info p{display: inline}
div.forecast-detail div.wind-info{width:55px;float:left;margin-top:12px;}