/*#BEGIN#*/
/*# name="01 Factory" reference="ref/weather.css\General.htm" description="Styles provided by devoloper" #*/.Weather {
	min-height: 320px;
	height: auto !important;
	height: 320px;
}

.Weather .preview {
    width: 100%;
}

.Weather .visible {
    display: block;
}

.Weather .hidden {
    display: none;
}



/*#END#*/

/*#BEGIN#*/
/*# name="02 General" reference="ref/weather.css\02_General.htm" description="General styles for this project" #*/.Weather .preview {
    background-color: #383841;
   width: 97%;
}

.Weather img.map {
    width: 564px;
}

.Weather label {
    color: #A3A2A4;
}

span.min-temp {
	color: #4586D4;
      margin: 0 !important;
}
span.slash-temp {
	color: #999999;
      margin: 0 !important;
}
span.max-temp {
	color: #F57928;
      margin: 0 !important;
}


/*#END#*/

/*#BEGIN#*/
/*# name="03 Today" reference="ref/weather.css\04_Today.htm" description="Styles for today" #*//* TODAY */
.today 
{
	background-color: #383841;
	color: #A3A2A4;
    padding: 2px;
}
.today .title {
    background: #2C2C32 url('../_img/climate_title_arrow.gif') 1% center no-repeat;
    font-size: 100%;
    font-weight: bold;
    padding: 2px 0 2px 16px;
     text-transform: uppercase;
    color: #2590D0;
}
.today .date {
    background-color: #2C2C32;
    text-align: right;
    padding: 2px 8px 2px 0;
    font-size: 100%;
    color: #2590D0;
}
.today-temp {
	background-color:#484851;
}
.today-temp .title {
      font-size: 100%;
     color: #A3A2A4;
     text-align: left;
    padding: 4px  0  4px  16px; 
}
.today-temp .morning, .today-temp .day, .today-temp .night {
	color: #A3A2A4;
	text-align: center;
	font-size: 100%;
}
.today-prev {
	background-color: #585861;
}
.today-prev .title {
      font-size: 100%;
    font-weight: bold;
	color: #A3A2A4;
	text-align: left;
      vertical-align: middle;
    padding: 4px  0  4px  16px; 
}
.today-prev .morning, .today-prev .day, .today-prev .night {
	text-align: center;
}
.today-prev span {
    display: none;
}
/*END TODAY*/


/*#END#*/

/*#BEGIN#*/
/*# name="04 Tomorrow" reference="ref/weather.css\04_Tomorrow.htm" description="Styles for tomorrow" #*//* TOMORROW */
.tomorrow 
{
	background-color: #383841;
	color: #A3A2A4;
    padding: 2px;
}
.tomorrow .title {
    background: #2C2C32  url('../_img/climate_title_arrow.gif') 1% center no-repeat;
    font-size: 100%;
    font-weight: bold;
    padding: 2px 0 2px 16px;
     text-transform: uppercase;
    color: #2590D0;
}
.tomorrow .date {
    background-color: #2C2C32;
    text-align: right;
    padding: 2px 8px 2px 0;
    font-size: 100%;
    color: #2590D0;
}
.tomorrow-temp {
	background-color:#484851;
}
.tomorrow-temp .title {
      font-size: 100%;
	color: #A3A2A4;
	text-align: left;
    padding: 4px  0  4px  16px; 
}
.tomorrow-temp .morning, .tomorrow-temp .day, .tomorrow-temp .night {
	color: #A3A2A4;
	text-align: center;
	font-size: 100%;
}
.tomorrow-prev {
	background-color: #585861;
}
.tomorrow-prev .title {
      font-size: 100%;
    font-weight: bold;
	color: #A3A2A4;
	text-align: left;
      vertical-align: middle;
    padding: 4px  0  4px  16px; 
}
.tomorrow-prev .morning, .tomorrow-prev .day, .tomorrow-prev .night {
	text-align: center;
}
.tomorrow-prev span {
   display: none;
}
/*END TOMORROW*/


/*#END#*/

/*#BEGIN#*/
/*# name="05 Next days" reference="ref/weather.css\06_Next_days.htm" description="Styles for next days" #*//* NEXT DAYS */
.nextdays {
	background-color: #383841;
	color: #A3A2A4;
}
.nextdays .title {
	font-size: 100%;
	font-weight: bold;
	padding: 2px 0 2px 16px;
    background: #2C2C32  url('../_img/climate_title_arrow.gif') 1% center no-repeat;
    text-transform: uppercase;
    color: #2590D0;
}
.nextdays .daytitle {
    background-color: #2C2C32;
      text-align: center;
	font-size: 100%;
    font-weight: bold;
    padding: 2px 0;
    border-left: 1px solid #A3A2A4;
    color: #2590D0;
}
.nextdays-temp {
      background-color:#484851;
}
.nextdays-temp .title {
    font-size: 100%;
   color: #A3A2A4;
   text-align: left;
    padding: 4px  0  4px  16px; 
}
.nextdays-temp .temp {
    font-size: 100%;
  color: #A3A2A4;
  text-align: center;
}
.nextdays-prev {
   background-color: #585861;
}
.nextdays-prev .title {
     font-size: 100%;
    font-weight: bold;
	color: #A3A2A4;
	text-align: left;
      vertical-align: middle;
    padding: 4px  0  4px  16px; 
}
.nextdays-prev .day {
      text-align: center;
}
.nextdays-prev span {
    display: none;
}
/*END NEXT DAYS*/


/*#END#*/