/************************ COMMON WIDGETS STYLES START ***************************/
#widget-body .day{  
  font-size: 0;
}
#widget-body .day .date {
  font-family: Arial;
  font-size: 11px;
}
.widget .day .fc-params {
  font-family: Arial;
  font-weight: bold;
}
.widget .day .fc-param {
  padding-top: 2px;
  line-height: 21px;
  height: 21px;  
}
.widget .day .fc-param .value{
  font-size: 12px;
}
.widget .day .fc-param .units{
  font-size: 12px;
  margin-left: 3px;
}
.widget .day .param-temperature {
  padding-top: 0;
}
.widget .day .param-temperature .value{
  font-size: 17px;
}
.widget .day .param-temperature .units{
  font-size: 12px;
  margin-left: 1px;
}
/**************************** COMMON ICONS START ******************************/
/********** WIND DIRECTIONS 19x26 *******/
.wind-direction-icon {
  background-image: url('/images/weather/wind-directions/stripe_en.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 19px;
  height: 26px;  
}
.wind-direction-icon.ro {
  background-image: url('/images/weather/wind-directions/stripe_ro.png');
}
.wind-direction-icon.ru {
  background-image: url('/images/weather/wind-directions/stripe_ru.png');
}

.wind-direction-icon.direction-n {background-position: 0 0;}
.wind-direction-icon.direction-ne {background-position: -19px 0;}
.wind-direction-icon.direction-e {background-position: -38px 0;}
.wind-direction-icon.direction-se {background-position: -57px 0;}
.wind-direction-icon.direction-s {background-position: -76px 0;}
.wind-direction-icon.direction-sw {background-position: -95px 0;}
.wind-direction-icon.direction-w {background-position: -114px 0;}
.wind-direction-icon.direction-nw {background-position: -133px 0;}

/********** ICONBEST 28x28 *******/
.icon-forecast.iconset-iconbest-28 {
  background-image: url('/images/weather/icon-sets/iconbest-28/stripe.png');  
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 28px;
  height: 28px;
}
.icon-forecast.iconset-iconbest-28.day {
  background-position: 0 0;
}
.icon-forecast.iconset-iconbest-28.night {
  background-position: 0 -28px;
}
.icon-forecast.iconset-iconbest-28.day.symbol-1 {background-position: 0 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-2 {background-position: -28px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-3 {background-position: -56px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-4 {background-position: -84px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-5 {background-position: -112px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-6 {background-position: -140px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-7 {background-position: -168px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-8 {background-position: -196px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-9 {background-position: -224px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-10{background-position: -252px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-11{background-position: -280px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-12{background-position: -308px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-13{background-position: -336px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-14{background-position: -364px 0;}
.icon-forecast.iconset-iconbest-28.day.symbol-15{background-position: -392px 0;}

.icon-forecast.iconset-iconbest-28.night.symbol-1 {background-position: 0 -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-2 {background-position: -28px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-3 {background-position: -56px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-4 {background-position: -84px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-5 {background-position: -112px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-6 {background-position: -140px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-7 {background-position: -168px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-8 {background-position: -196px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-9 {background-position: -224px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-10{background-position: -252px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-11{background-position: -280px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-12{background-position: -308px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-13{background-position: -336px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-14{background-position: -364px -28px;}
.icon-forecast.iconset-iconbest-28.night.symbol-15{background-position: -392px -28px;}

/********** ICONBEST 38x38 *******/
.icon-forecast.iconset-iconbest-38 {
  background-image: url('/images/weather/icon-sets/iconbest-38/stripe.png');  
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 38px;
  height: 38px;
}
.icon-forecast.iconset-iconbest-38.day {
  background-position: 0 0;
}
.icon-forecast.iconset-iconbest-38.night {
  background-position: 0 -38px;
}
.icon-forecast.iconset-iconbest-38.day.symbol-1 {background-position: 0 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-2 {background-position: -38px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-3 {background-position: -76px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-4 {background-position: -114px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-5 {background-position: -152px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-6 {background-position: -190px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-7 {background-position: -228px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-8 {background-position: -266px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-9 {background-position: -304px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-10{background-position: -342px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-11{background-position: -380px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-12{background-position: -418px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-13{background-position: -456px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-14{background-position: -494px 0;}
.icon-forecast.iconset-iconbest-38.day.symbol-15{background-position: -532px 0;}

.icon-forecast.iconset-iconbest-38.night.symbol-1 {background-position: 0 -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-2 {background-position: -38px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-3 {background-position: -76px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-4 {background-position: -114px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-5 {background-position: -152px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-6 {background-position: -190px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-7 {background-position: -228px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-8 {background-position: -266px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-9 {background-position: -304px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-10{background-position: -342px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-11{background-position: -380px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-12{background-position: -418px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-13{background-position: -456px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-14{background-position: -494px -38px;}
.icon-forecast.iconset-iconbest-38.night.symbol-15{background-position: -532px -38px;}

/********************* WIDGETS GROUPS STYLES START *************************/
/********** GRADIENTED WEATHER WIDGETS (ex: type-2 and type-4) *************/
.weather-widget-gradiented .widget-inner {
  margin: 0 4px;
  padding-top: 2px;
}
.weather-widget-gradiented .widget-inner .section-top {
  height: 25px;
}
.weather-widget-gradiented .widget-inner .section-mid {
  height: 100px;
}
.weather-widget-gradiented .widget-inner .section-bot {
  height: 59px;
}
.weather-widget-gradiented #widget-header {
  color: #959595;
  text-align: right;  
}
.weather-widget-gradiented #widget-header .inner {
  padding: 4px 6px;
  line-height: 17px;
}
.weather-widget-gradiented #widget-header .city-label {
  color: #005b7f;
  font-size: 16px;
  font-weight: bold;
}
.weather-widget-gradiented #widget-header #day-relative {
  color: #000;
  font-weight: bold;
}
.weather-widget-gradiented #widget-footer .inner {
  padding: 0;
}
.weather-widget-gradiented .period {
  font-weight: bold;
}
.weather-widget-gradiented .period .fc-time {
  color: #555;
  font-size: 18px;
}
.weather-widget-gradiented .period .fc-param .value {
  color: #005b7f;
  font-size: 26px;
}
.weather-widget-gradiented .period .fc-param .units {
  color: #959595;
  font-size: 18px;
}
.weather-widget-gradiented .day-selection {
  font-size: 0;
}
.weather-widget-gradiented .day-option {
  float: left;    
  color: #888;
  cursor: pointer;
}
.weather-widget-gradiented .day-option.selected {
  color: #333;
}
.weather-widget-gradiented .day-option .option-inner {
  border-left: 1px solid #d7d7d7;
  height: 38px;
  margin: 0;
  padding: 10px;
}
.weather-widget-gradiented .day-option[order="first"] {  
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
}
.weather-widget-gradiented .day-option[order="first"] .option-inner {
  border-left: 0 none;
}
.weather-widget-gradiented .day-option[order="last"] {
  float: right;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
}
.weather-widget-gradiented .day-option .param .value {
  font-size: 18px;
}
.weather-widget-gradiented .day-option .param .units {
  font-size: 12px;
}
.weather-widget-gradiented .day-option .weekday {
  font-size: 11px;
}
.weather-widget-gradiented .day-option:hover {
  background: transparent url('/images/weather/widget-type-2/day-option-selected-bg.png') no-repeat 0 0;
  background-size: 100%;
  color: #fcfcfc;
}
.weather-widget-gradiented #widget-footer .credits .inner {
  padding: 4px 7px;
  text-align: right;
  font-family: Tahoma;
  font-size: 11px;  
}
/********************* INDIVIDUAL WIDGETS STYLES START *************************/
/************************* WEATHER WIDGET OF TYPE 1 *************************/
/************** desc: compact, vertical, stilized, w/o gradient *************/
.weather-widget-type-1 .widget-inner{
  border: 1px solid #eae6e6;
  background-color: #fdfdfd; 
  border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.weather-widget-type-1 #widget-header {
  text-transform: uppercase;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  border-bottom: 1px dashed #dfdfdf;
}
.weather-widget-type-1 #widget-header .city-name {
  display: inline;
  color: #005b7f;
}
.weather-widget-type-1 #widget-footer {
  font-family: Tahoma;
  font-size: 11px;
  text-align: right;
}
.weather-widget-type-1 #widget-body .forecast {
  color: #666;
}
.weather-widget-type-1 #widget-body .day {
  min-height: 38px;
  min-width: 38px;  
  border-bottom: 1px dashed #dfdfdf;
  padding: 1px 4px;  
}
.weather-widget-type-1 #widget-body .day .fc-params {
  max-height: 23px;
}
.weather-widget-type-1 #widget-body .day .icon-forecast {
  border: 0 none;
  padding: 0;
}
.weather-widget-type-1 #widget-body .day .icon-wrap {
  float: left;
  margin-right: 5px;
}
.weather-widget-type-1 #widget-body .day .data-wrap {
  overflow: hidden;
}
/************************* WEATHER WIDGET OF TYPE 2 *************************/
/*** desc: stylized, with gradient, fixed w/h, forecast per days' periods (shown in columns) ***/
.weather-widget-type-2 {
  width: 306px !important;
  height: 210px;
  background: transparent url('/images/weather/widget-type-2/bgtc.png') no-repeat 0 0;
}
.weather-widget-type-2 .periods {
  text-align: right;
}
.weather-widget-type-2 .period {
/*  
  width: 23%;
  padding: 0 1%;  IE 6/7 doesn't recongize these well '*/
  width: 70px;
  padding: 0 2px;
  text-align: center;
}
.weather-widget-type-2 .period .fc-time {
  border-bottom: 1px dashed #dedede;
}
.weather-widget-type-2 .period .icon-forecast {
  margin: 3px auto 0 auto;
}
.weather-widget-type-2 .period .fc-param .value,
.weather-widget-type-2 .period .fc-param .units {
  display: inline;
}
/************************* WEATHER WIDGET OF TYPE 3 *************************/
/************** desc: compact, vertical, simple, w/o gradient *************/
.weather-widget-type-3 .widget-inner {
  border: 1px solid #005b7f;
  background-color: #fff; 
  overflow: hidden;
}
.weather-widget-type-3 #widget-header {
  text-transform: uppercase;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  background-color: #005b7f;
}
.weather-widget-type-3 #widget-header .city-name {
  display: inline;
  color: #fff;
}
.weather-widget-type-3 #widget-footer {
  font-family: Tahoma;
  font-size: 11px;
  text-align: right;
}
.weather-widget-type-3 #widget-body .forecast {
  color: #959595;
}
.weather-widget-type-3 #widget-body .day {
  min-height: 38px;
  min-width: 38px;  
  border-bottom: 1px dashed #dfdfdf;
  padding: 1px 4px;  
}
.weather-widget-type-3 #widget-body .day .fc-params {
  max-height: 23px;
}
.weather-widget-type-3 #widget-body .day .icon-forecast {
  padding: 0;
  border: 0 none;
}
.weather-widget-type-3 #widget-body .day .icon-wrap {
  float: left;
  margin-right: 5px;
}
.weather-widget-type-3 #widget-body .day .data-wrap {
  overflow: hidden;
}

/************************* WEATHER WIDGET OF TYPE 4 *************************/
/*** desc: stylized, with gradient, fixed w/h, forecast per days' periods (shown in rows) ***/
.weather-widget-type-4 {
  width: 200px;
  height: 215px;
  background: transparent url('/images/weather/widget-type-4/bgtc-high.png') no-repeat 0 0;
}
.weather-widget-type-4 #widget-header .inner {
  max-height: 17px;
  overflow-y: hidden;
}
.weather-widget-type-4 .period {
  text-align: left;
}
.weather-widget-type-4 #widget-body {
  height: 125px;
  overflow: hidden;
  font-size: 12px;
}
.weather-widget-type-4 #widget-footer {
  height: 39px;
}
.weather-widget-type-4 .period {
  border-top: 1px dashed #dedede;
  padding: 1px 5px;
  height: 28px;  
  line-height: 28px;  
}
.weather-widget-type-4 .period .fc-time {
  font-size: 12px;
  width: 32px;
  text-align: right;
}
.weather-widget-type-4 .period .fc-icon {  
  width: 28px;
  height: 28px;
  margin: 0 0 0 3px;
}
.weather-widget-type-4 .period .fc-params {
  font-size: 0;
  overflow: hidden;
}
.weather-widget-type-4 .period .fc-param {
  float: left;
  margin-left: 5px;
  min-height: 26px;
  line-height: 26px;
  padding-top: 0;
}
.weather-widget-type-4 .period .fc-param .value {
  font-size: 12px;
  float: left;  
  text-align: right;
  color: #555;
}
.weather-widget-type-4 .period .fc-param .units {
  margin-left: 2px;
  font-size: 10px;
  float: left;
  color: #959595;
}
.weather-widget-type-4 .period .param-temperature .value {
  color: #005B7F;
  font-size: 14px;
  line-height: 26px;
}
.weather-widget-type-4 .period .param-temperature .value,
.weather-widget-type-4 .period .param-precipitations .value {
  width: 28px;
}
.weather-widget-type-4 .period .param-wind-speed,
.weather-widget-type-4 .period .param-wind-direction {
  float: right;
}
.weather-widget-type-4 .day-option .option-inner {
  height: 28px;
  padding: 5px;
}
.weather-widget-type-4 .day-option .weekday {
  font-size: 9px;
}
.weather-widget-type-4 .day-option .param .value{
  font-size: 12px;
}