/**
 * @author RocketTheme, LLC http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
/* RokWeather */
#rokweather {overflow:hidden;padding:5px;}
#rokweather .leftbit {float:left;width:76px;}
#rokweather .degrees {text-align:center;;position:relative;color:#666;z-index: 2;direction:ltr;}
#rokweather .degrees span {cursor: pointer;}
#rokweather .degrees .active {font-weight:bold;border-bottom: 2px solid #666;}
#rokweather .degc {display:none;}
#rokweather .icon {padding: 3px 0 5px;}
#rokweather .icon img {margin:0px 5px 5px 5px;width:64px;height:64px;}
#rokweather .icon div {text-align:center;font-size:20px;font-weight:bold;}

#rokweather .content {margin-left:10px;}
#rokweather .input-board {background: #ffc;font-size: 115%;text-transform: uppercase;color: #444;border:1px solid #ddd;font-weight:normal;padding:0;}
#rokweather h5 {margin:0;cursor: pointer;border-bottom: 1px solid #ddd;font-size:115%;padding:0;margin-left: 70px;}
#rokweather h5.loading {background: transparent url(images/spinner.gif) no-repeat scroll 100% 50%}
.dir-rtl #rokweather h5.loading {background-position: 1% 50%}
#rokweather.rokweather-nointeraction h5 {cursor:default;}
#rokweather .des {font-size: 0.7rem;text-align:justify;}

.rokweather-wrapper {margin-top:-20px;}

#rokweather .row {padding:3px 0;border-bottom:1px solid #ddd;}
#rokweather div.forecast {width: 100%;float: left;}
#rokweather div.day { float: left;text-align:center;padding-top:5px;width:25%;border-right: 1px solid #ccc;margin-top:5px;}
.dir-rtl #rokweather .day {float: right;}
#rokweather div.forecast div.day:first-child {border-right: none;}
#rokweather .day div {font-size: 78%;}
.dir-rtl #rokweather .day div {font-size: 93%;}
#rokweather .day img {width:24px;height:24px;}
#rokweather .day div.low { color: #666;font-weight:normal;direction: ltr;display: inline-block;}
#rokweather .day div.high { color:#333;font-weight:normal;direction: ltr;display: inline-block;}

#rokweather .wunderground-logo {margin-top: 5px;float: left}
#rokweather .wunderground-logo img {max-width: 126px;}