/************/
/** WIDGET **/
/************/


/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #eee; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #ccc; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

body
{
  direction: rtl;
  font: 14px arial;
  margin: 0;
}
.powered-by {
  color: #15a2db;
  float: left;
  text-decoration: none;
}

/* Forecast in cities */
.widget-container,
.widget-container ul
{
  padding: 0;
  margin: 0;
}

.widget-container .temperatures .max
{
  color: red;
  direction:ltr;
}

.widget-container .temperatures .min
{
  color: blue;
  direction:ltr;
}

.widget-container li
{
  list-style-type: none;
}

/**************/
/** FORECAST **/
/**************/

.widget-forecast-container
{
  border: 1px solid #ccc;
  overflow: hidden;
}

.widget-forecast-container .row
{
  border: none;
  border-bottom: 1px dotted #ccc;
  padding: .5em 0;
  background: url(/images/grey-up.png) bottom repeat-x;
}

.widget-forecast-container .row > li
{
  display: inline-block;
}

.widget-forecast-container .location
{
  border-bottom: 1px dotted #ccc;
}

.widget-forecast-container .location select
{
  width: 100%;
  border: 1px solid #ccc;
  background-color: #E8EDFF;
  font-weight: bold;
}

.widget-forecast-container .location select option
{
  font-weight: normal;
}

.widget-forecast-container .location select option[selected]
{
  font-weight: bold;
}

.widget-forecast-container .title
{
  font-size:12px;
}

.widget-forecast-container .date
{
  width: 57%;
  padding-right: 3%;
}

.widget-forecast-container .temperatures
{
  width: 15%;
  padding: 0 5%;
  font-size: 12px;
}

.widget-forecast-container .image
{
  width: 15%;
}

.widget-forecast-container .weather-type
{
  color: #225bd0;
  font-size: 12px;
}

.widget-forecast-container .last-update
{
  text-align: left;
  padding-left: .5em;
  font-size:10px;
  line-height: 14px;
  color: #666;
}

/**********/
/** CTTY **/
/**********/
.widget-city-container li
{
  display: inline-block;
}

.widget-city-container .location
{
  color: #4F575E;
  font-weight: bold;
}

.widget-city-container .image
{
  vertical-align: middle;
}