body {
	padding: 0;
	margin: 0;
}

.widget_container {
	font-family: Arial;
}

.label {
	float: left;
	padding: 5px 0px 5px 10px;
	font-size: 18px;
	overflow: hidden;
}

.widget_header {
	color: #fff;	
	height: 35px;
	padding: 6px 0px;
}

.widget_header a {
	color: #fff;
	font-weight: 300;
	text-decoration: none;
}

.tempr {
	width: 200px;
	float: right;
	padding-top: 3px;
}
.tempr img {
	image-rendering: pixelated;
}
#presenter {
	padding: 0px;
	border-left: 4px solid;
	border-right: 4px solid;
	margin: 0 7px;
	width: auto !important;
}

.footer {
	height: 26px;
}

.footer .widget_button {
	float: left;
	padding: 8px;
}

.footer .logo {
	float: right;
	padding: 0 12px;
}

.footer img {
	border: none;
}

.footer .widget_button {
	background-color: #486E9D;
	color: #FFFFFF;
	float: left;
	font-size: 11px;
	margin-left: 4px;	
	padding: 1px 4px;
	text-decoration: none;
}

.weather-img {
	float: left;
	margin-top: -5px;
}

.temperature {
	font-size: 22px;
}

.seperator {
	font-size: 25px;
	padding: 5px;
}

.wind-dir {
	margin-bottom: -5px;
}

.bf {
	font-size: 18px;
	font-weight: 300;
}

.richMarker                                                     {  width:90px; height:70px;   }
.richMarker .richMarkerWrapper                      {  position:relative; width:90px; height:70px; margin:-25px 0 0 -30px; }
.temperatureMarker 
{ 
    background:url('../../Media/marker-bg.png') no-repeat 0 0;  
    width:29px; 
    height:29px; 
    overflow:hidden; 
    line-height:29px; vertical-align:middle; 
    text-align:center; color:#fff; font-weight:bold; font-size:12px; display: block; position:absolute; top:0; right:0;  
}
.richMarker .markerSunny                                {background:url('../../../../files/1/Weather_icons/55X55/01_Sunny.png'); display:block;padding:5px; width:50px; height:50px; margin-left:-70px !important; }
.richMarker .wind                                           {  display:block; width:27px; height:27px; position:absolute; bottom:0; right:0;  }
.richMarker .cloud                                          {  display:block; width:55px; height:55px; position:absolute; bottom:3px; left:0;  }




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-wrapper{font-weight: normal;width:190px;}
.forecast-footer{padding:5px;}
.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;}