/* shaded boxes */
.local_grad_tdb_-25 { background-color: #FFFFFF; }
.local_grad_tdb_-20 { background-color: #FFFFFF; }
.local_grad_tdb_-15 { background-color: #FFFFFF; }
.local_grad_tdb_-10 { background-color: #FFFFFF; }
.local_grad_tdb_-5 { background-color: #E1F6FB; }
.local_grad_tdb_0 { background-color: #BCEEFB; }
.local_grad_tdb_5 { background-color: #B9ECD8; }
.local_grad_tdb_10 { background-color: #CADB92; }
.local_grad_tdb_15 { background-color: #FFEB88; }
.local_grad_tdb_20 { background-color: #FBC25E; }
.local_grad_tdb_25 { background-color: #FF9933; }
.local_grad_tdb_30 { background-color: #FF7B33; }
.local_grad_tdb_35 { background-color: #CD5B12; }
.local_grad_tdb_40 { background-color: #FF3C1C; }
.local_grad_tdb_45 { background-color: #FF3C1C; }
.local_grad_tdb_50 { background-color: #FF3C1C; }

.local_grad_rh_100 { background-color: #000000; color: white; }
.local_grad_rh_75 { background-color: #000000; color: white; }
.local_grad_rh_50 { background-color: #006600; color: white; }
.local_grad_rh_25 { background-color: #339933; color: white; }
.local_grad_rh_0 { background-color: #00CC00; color: white; }

.local_grad_frost_severe { background-color: #66CCCC; }
.local_grad_frost_high { background-color: #66CCCC; }
.local_grad_frost_moderate { background-color: #99FFFF; }
.local_grad_frost_slight { background-color: #CCFFFF; }
.local_grad_frost_low { background-color: #E4F1FA; }
.local_grad_frost_nil { background-color: #FEFBDE; }

.local_grad_wind_0 { background-color: #6699FF; }
.local_grad_wind_1 { background-color: #66FF99; }
.local_grad_wind_2 { background-color: #FFFF99; }
.local_grad_wind_3 { background-color: #FFCC66; }
.local_grad_wind_4 { background-color: #FF0000; }
.local_grad_wind_5 { background-color: #990099; }

.local_grad_uv_extreme { background-color: #663399; color: white; }
.local_grad_uv_very_high { background-color: #9966CC; }
.local_grad_uv_high { background-color: #9966CC; }
.local_grad_uv_moderate { background-color: #9999CC; }
.local_grad_uv_low { background-color: #9999CC; }

div.almanac_cell {
        float: left;
        line-height: 1.4;
}

div.almanac_cell_red {
        float: left;
        color: #AA0000;
        font-size: 1.1em;
        line-height: 1.4;
}

div.almanac_cell_blue {
        float: left;
        color: #0000AA;
        font-size: 1.1em;
        line-height: 1.4;
}

div.almanac_cell_yellow {
        float: left;
        color: #CF4B03;
        font-size: 1.1em;
        line-height: 1.4;
}

div.almanac_cell_green {
        float: left;
        color: #007700;
        font-size: 1.1em;
        line-height: 1.4;
}

div.almanac_cell_black {
        float: left;
        color: #000000;
        font-size: 1.1em;
        line-height: 1.4;
}

div.almanac_row {
        clear: both;
        padding: 4px 4px 4px 4px;
        border-bottom: 1px solid #B8DDF7;
}

/* 200910 local wx page */
div.more {
	 float: right;
	 white-space: nowrap;
	 margin-top: 3px;
}

div.half_left {
	float: left;
	width: 325px;
}

div.half_right {
	float: left;
	width: 335px;
}

div.against_right_island {
	float: left;
	width: 350px;
}

div.right_island {
	float: right;
	width: 310px;
}

div.right_island div.inner {
	margin: 0 0 0 10px;
}

div.half_right div.inner {
	margin-left: 10px;
}

div.top_left {
	float: left;
	width: 660px;
}

div.top_left div.details {
	width: 655px;
}

div.top_left div.details_lhs {
	float: left;
	width: 310px;
}

div.top_left div.details_rhs {
	float: left;
	width: 196px;
}

div.top_left div.details_rhs div.inner {
	margin-left: 10px;
}

div.top_right {
	float: left;
	width: 144px;
}

div.top_right div.inner {
	margin-left: 5px;
}

div.top_right div.animator {
	position: relative;
	width: 140px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}

div.top_right div.animator>div {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

div.top_right div.animator img {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

div.top_right div#animator_sat_animation, div.top_right div#animator_rad_animation {
	cursor: pointer;
}

/*
div.top_right div#animator_sat_timestamp, div.top_right div#animator_rad_timestamp {
	position: absolute;
	bottom: 0;
	right: 10px;
	/width: 65px;/
	padding: 3px 6px;
	background: black;
	background: rgba(0,0,0,0.8);
	color: white;
	font-weight: bold;
	font-size: xx-small;
	text-align: center;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	z-index: 999;
	
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}
*/

div.fcast_timeseries_summary {
	float: left;
	width: 74px;
	height: 85px;
	padding: 4px;
	margin: 4px 0 2px 4px;
	position: relative;
	overflow: hidden;
}

div.fcast_timeseries_summary img.icon {
	float: right;
}

div.fcast_timeseries_summary h4 {
	margin-top: 4px;
	font-size: 1.4em;
	letter-spacing: -1px;
}

div.fcast_timeseries_summary div.precis {
	text-align: center;
	font-family: Arial, sans-serif;
	margin: 3px 0 4px 0;
}

div.fcast_timeseries_summary div.temp {
	text-align: center;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 1.1em;
	padding: 3px;
}

div.opticast {
	clear: both;
	text-align: right;
	padding: 0 4px 0 4px;
}

td.hilite, th.hilite {
	font-size: 1.1em;
	font-weight: bold;
}

.pdf_day {
	background-color: #FEFBDE;
}

.pdf_night {
	background-color: #EFEFFF;
}

div.summary_forecast {
	float: left;
	width: 270px;
	position: relative;
}

div.summary_forecast img.icon {
	float: right;
	width: 70px;
	height: 70px;
	margin-right: 21px;
}

div.summary_forecast table {
	float: right;
	width: 157px;
}

div.summary_forecast table th {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
}

div.summary_forecast table td {
	width: 55px;
	font-size: 1.8em;
	font-weight: bold;
	text-align: right;
}

div.summary_now {
	float: right;
	width: 191px;
}

div.summary_now h3 {
	font-size: 1.6em;
	font-weight: bold;
}

div.summary_now span.tempnow {
	font: 4.5em Arial, serif;
	font-weight: bold;
	line-height: 1.2;
}

div.summary_now h3, div.summary_forecast h3 {
	font-size: 1.6em;
	font-weight: bold;
}

div.warnings {
	height: 80px;
	padding: 5px;
	overflow: auto;
}

div.save_wrap, div.btyb_wrap {
	float: right;
	margin-top: 5px;
}