/*div#weather_container {
	padding-right: 4px;
	}*/

p#switcher {
	font-size: 1.3em;
	text-align: right;
	padding-top:10px;
	font-weight: bold;
	}

/* Weather
-------------------------------------------------------------- */

p#weather_meta { font-size: 1.3em; margin: 0 0 25px; }
	
table.currentconditions {
	margin: 0.1em 0 2.2em;
	background: #fff;
	width: 100%;
	height: 20.1em;
	}
	
table.currentconditions caption,
table.spotlightweather caption,
table.extendedweather caption,
table.detailedweather caption {
	border: 1px solid #ddd;
	background: #f5f5f5;
	font-size:1.6em;
	font-weight: bold;
	padding: 0.5em 1em 0.4em 0.8em;
	text-align: left;
	}

table.currentconditions div.currenttemp { padding: 1em 0 0; }

table.currentconditions div.currenttemp span { font-size: 2.8em; }

table.currentconditions td.currentsymbol {
	width:50%;
	text-align:center;
	vertical-align: middle;
	padding: 0.3em 0;
	border-left: 1px solid #ddd;
	}

table.currentconditions td.currentsummary {
	width:50%;
	vertical-align: middle;
	padding: 0 0 0.2em 0.5em;
	border-right: 1px solid #ddd;
	}
	
table.currentconditions td.currentdetailleft {
	width:50%;
	text-align:left;
	vertical-align: middle;
	padding: 1.5em 0 0.3em 1.2em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	}
	
table.currentconditions td.currentdetailright {
	width:50%;
	text-align:left;
	vertical-align: middle;
	padding: 1.5em 0 0.2em 0.5em;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	
table.currentconditions p.currenttemp { margin-top: 1em; }


table.spotlightweather {
	margin: 0.1em 0 2em;
	background: #fff;
	width: 100%;
	height: 7.2em;
	}

table.spotlightweather td.spotlightsymbol {
	width:20%;
	text-align:center;
	vertical-align: middle;
	padding: 0.5em 0 0.2em 0.5em;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	}

table.spotlightweather td.spotlightsummary {
	width:32%;
	text-align:left;
	vertical-align: middle;
	padding: 1.5em 0 0.2em 0;
	border-bottom: 1px solid #ddd;
	}
	
table.spotlightweather td.spotlightdetail {
	width:48%;
	text-align:left;
	vertical-align: middle;
	padding: 1.5em 0 0.2em 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}


table.extendedweather td,
table.dailyweather td,
table.spotlightweather td,
table.currentconditions td {
	font-size:1.3em;
	}

table.extendedweather,
table.dailyweather,
table.detailedweather {
	margin: 0.1em 0 2.2em;
	background: #fff;
	width: 100%;
	}

table.extendedweather th {
	width:12.5%;
	height: 1.6em;
	text-align:center;
	font-size:1.1em;
	font-weight: normal;
	color: #999;
	padding: 0.4em 1em;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	
table.extendedweather th span {
	font-size:1.2em;
	font-weight: bold;
	}

table.extendedweather td.condition {
	font-size:1.3em;
	text-align:center;
	padding: 1em 1em 0.4em;
	border-right: 1px solid #ddd;
	border-bottom: none;
	}
	
table.extendedweather td.temperature {
	text-align:center;
	font-size: 1.3em;
	padding: 0 1em 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	
table.extendedweather td p { text-align:center; }

table.extendedweather td.condition p {
	line-height: 1.3;
	margin: 0.4em 0 0;
	}

table.extendedweather th.step1,
table.extendedweather td.step1 { border-left: 1px solid #ddd; }

table.dailyweather th,
table.detailedweather th {
	width:20%;
	height: 1.6em;
	text-align:center;
	font-size:1.3em;
	font-weight: bold;
	color: #999;
	padding: 0.5em 1em;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

/* To target a safari browser */
@media screen and (-webkit-min-device-pixel-ratio:0){
	table.dailyweather th, table.detailedweather th { padding: 0.6em 1em 0.5em; }
	}
	
table.detailedweather th { width:20%; }
table.detailedweather th.timestep { width:25%; }
table.detailedweather th.condition { width:35%; }

table.detailedweather td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0.5em 0.5em 0 1em;
	}
table.detailedweather td.temperature {}
table.detailedweather td p {}
table.detailedweather td.condition p {}
table.detailedweather img {
	vertical-align: middle;
	margin: 0 6px 4px 0;
	}


	
table.dailyweather td.condition {
	font-size:1.3em;
	text-align:center;
	padding: 0.5em 1.5em 0.4em;
	border-right: 1px solid #ddd;
	border-bottom: none;
	}
	
table.dailyweather td.temperature {
	text-align:center;
	font-size: 1.6em;
	padding: 0 1em 0;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	
table.dailyweather td p { text-align:center; }

table.dailyweather td.condition p {
	line-height: 1.3;
	margin: 0;
	}
	
table.dailyweather img { margin:0.4em 0 0.6em; }
	
table.dailyweather th.day1,
table.dailyweather td.day1 { border-left: 1px solid #ddd; }

table.detailedweather th.timestep,
table.detailedweather td.timestep { border-left: 1px solid #ddd; }

table.detailedweather th { text-align: left; }