/* 
CSS definitions for Z Content Weather component and module
website: www.zcontent.net
*/

table.zw {
  xwidth                   : 160px;
  border                 : 0px;
  background-color : #FFFFFF;
  padding               : 0px;
  margin                : 0px;
  align:center;
}

.zw_day {
	font-weight: bold;
	text-align: center;
	padding-bottom: 4px;
}

.zw_lastupdate {
	text-align: right;
}

.zw_forecast_hweek {
         width: 100%;
         xpadding: 5px;
}

.zw_forecast_vweek {
	align: left;
}

.zw_forecast_vday {
	text-align: center;
	vertical-align: top;
}

.zw_forecast_hday {
	text-align: left;
}

table.zw_overlib {
	background-color : #FFFFFF ! important;
	width : 250px ! important;
	border-width: 2px ! important;
	border-color : #0000FF ! important;
	border-style: solid ! important;
}

.zw_forecast_string {
	text-align: center;
}

.zw_forecast_data {
	text-align: center;
	font-weight: bold;
}

.zw_icon {
	text-align: center;

}

.zw_hitemp {
	color: #FF0000;
}

.zw_lowtemp {
	color: #0033CC;
}

.zw_pop {
	color: #00AA00;
}

.zw_observation {
        padding-top: 4px;
        padding-bottom: 10px;
}

.zw_obicon {
	padding-top: 4px;
         padding-right: 4px;
         padding-bottom: 10px;
         valign: middle;
	halign: center;
}

/* make the observation temperature larger in the module area when in table mode */
table.moduletable .zw_observation_temperature, div.module .zw_observation_temperature {
	font-weight: bold;
	text-align: center;
	font-size: larger;
}

/* make the observation text larger in the module area when in table mode */
table.moduletable .zw_observation_weather, div.module .zw_observation_weather {
	font-weight: bold;
	text-align: center;
	font-size: larger;
}

/* uncomment below to have alternating row colors for the observation data when in table mode */

/*
tr.zw_observation_row_1 {
	background-color: #ccccff;
}

tr.zw_observation_row_2 {
	background-color: #ffffff;
}
*/

.zw_footer {
	color: #fff;
background: #8a0000;
	text-align: center;
	padding: 5px;
}

.zw_link{
	color: #fff;
background: #8a0000;
}
.zw_alert {
	text-align: center;
}

a.zw_alert:link, a.zw_alert:visited {
	color: #FF0000;
	font-weight: bold;
}

a.zw_alert:hover {
	color: #FF0000;
	font-weight: bold;
	text-decoration : underline;}

.zw_alerttitle {
	width: 100%;
	font-weight: bold;
	text-align: center;
	font-size: 9pt;
}

.zw_alertdate {
	width: 100%;
	border-bottom: 2px #000000 solid;
	font-weight: bold;
	font-size: 8pt;
}

.zw_alerttext {
	width: 100%;
	font-size: 8pt;
}

.zw_errortitle {
	font-size: 12pt;
	font-weight: bold;
}

.zw_errortext {
	font-size: 10pt;
	font-weight: normal;
}