#main {
	width: 732px;
	margin-left: auto;
	margin-right: auto;
	font-size: smaller;
	font-weight: normal;
}

#airAware {
	color: #2e6e9e;
	background-color: #fcfdfd;
	border: 1px solid #c5dbec;
	margin: 1.0em 0;
}

	#airAware img {
		float: right;
		margin-top: 0px;
		padding: 0px;
		height: 80px;
	}

#forecast {
	width: 100%;
}

.forecastLinks {
	position: relative;
	top: 1px;
	width: 165px;
	float: left;
	border: 1px solid #c5dbec;
	background-color: #fcfdfd;
	display: inline;
	margin-bottom: 2em;
	padding-bottom: 0.6em;
}

	.forecastLinks  a {
		background-color: #fcfdfd;
		padding-top: 0.4em;
		padding-bottom: 0.4em;
		padding-left: 0.7em;
		text-align: left;
		display: block;
	}
	
	.forecastLinks  div.newSection {
		background-color: #c5dbec; 
		margin-top: 0.6em;
		margin-bottom: 0.6em;
		height: 1px;
	}

.linkHeader {
	color: #2e6e9e;
	background-color: #dfeffc;
	border-bottom: 1px solid #c5dbec;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.7em;
	text-align: left;
	margin-bottom: 0.5em;
}

#tabs {
	margin-right: 0px;
	float: right;
	margin-bottom: 25px;
}

	#tabs ul {
		position: relative;
		bottom: -1px;
		float: left;
		list-style: none;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-left: 0px;
		margin-left: 0px;
	}
	
	#tabs li {
		float: left;
		border: 1px solid #c5dbec;
		border-right: none;
	}
	
	
		#tabs li a {
			float: left;
			font-size: 1.1em;
			font-weight: bold;
			text-decoration: none;
			padding: 0.4em 1.7em;
			color: #2e6e9e;
			border-right: 1px solid #c5dbec;
			background: #dfeffc;
		}
	
			#tabs li a:hover  {
				background: #d0e5f5;
				color: #1d5987;
			}
#tabs .selectedtab {
	border-bottom-color: #fcfdfd;
}

	#tabs li.selectedtab a, #tabs li.selectedtab a:hover {
		background: #fcfdfd;
		color: #e17009;
		cursor: default;
	}

	#tabs div {
		clear:left;
		border: 1px solid #c5dbec;
		border-bottom: none;
		background: #fcfdfd;
		color: #222222;
		padding: 0 0; 
		margin-right: 0px;
		font-size: 1em;
	}

		#tabs div.aqiBox {
			border: 1px solid #c5dbec;
			background: #fcfdfd;
			width: 230px;
			margin: 20px;
			clear: none;
			position: absolute;
			z-index: 2;
			display: none;
		}
			#tabs div.aqiBox h3 {
				color: #2e6e9e;
				background: #dfeffc;
				border-bottom: 1px solid #c5dbec; 
				font-size: 1.0em;
				font-weight: bold;
				padding: 0.4em 0em;
				margin: 0px;
				margin-bottom: 10px;
			}

			#tabs div.aqiBox div {
				text-align: center;
				border-width: 0;
				margin: 0;
				clear: none;
			}
			
				#tabs div.aqiBox div p {
					padding: 0;
					margin: 0;
					font-weight: bold;
				}
				
				#tabs .aqiBox div img {
					border: none;
					padding: 0px;
					margin: 0px;
				}
	
	
	#tabs div.imageContainer {
		margin: 0px;
		padding: 0px;
		border: none;
		width: 550px;
		clear: none;
		position: relative;
		height: 210px;
	}

	#tabs table.aqiBar {
		margin-right: 25px;
		margin-bottom: 25px;
		width: 420px;
		height: 25px;
		padding: 0px;
		border: 1px solid  #c5dbec;
		padding: 0px;
		border-collapse: collapse;
	}

		#tabs table.aqiBar a {
			border: none;
			font-size: 0.8em;
			vertical-align: middle;
		}

		#tabs table.aqiBar td {
			width: 20%;
			padding: 0px;
			height: 25px;
			float: left;
			line-height: 25px;
			text-align: center;
		}

		#tabs table.aqiBar  td.green {
			background-color: #267300;
			border: none;
		}

			#tabs table.aqiBar  td.green  a {
				color: white;
			}

		#tabs table.aqiBar  td.yellow {
			background-color: #ffff00;
			border: none;
		}

		#tabs table.aqiBar  td.orange {
			background-color: #ff5500;
			border: none;
		}

			#tabs table.aqiBar  td.orange  a {
					font-size: 0.6em;
					line-height: 12px;
					vertical-align: top;
					color: white;
			}

		#tabs table.aqiBar  td.forRed {
			background-color: #ff0000;
			border: none;
		}

			#tabs table.aqiBar  td.forRed  a {
				color: white;
				font-size: 0.8em;
			}

		#tabs table.aqiBar  td.purple {
			background-color: #8400a8;
			border: none;
		}

			#tabs table.aqiBar  td.purple  a {
				color: white;
				line-height: 12px;
				vertical-align: top;
				font-size: 0.6em;
			}

	#tabs img.map {
		width: 550px;
	}

.forecastTable  {
	border-top: 1px solid #c5dbec;
	border-bottom: 1px solid #c5dbec;
	border-collapse: collapse;
	width: 550px;
	padding: 0px;
} 

	.forecastTable thead td {
		font-size: 0.9em;
		background-color: #dfeffc;
		font-weight: bold;
		color: #2e6e9e;
		text-align: center;
		padding: 0em;
		height: 2.0em;
	}

	.forecastTable tbody tr.grey td {
		background-color: #f0f2f5;
	}

	.forecastTable tbody td {
		padding: 3px;
		text-align: center;
		height: 68px; /* Fit aqi code images */
		font-size: 0.9em;
	}
	
	.forecastTable td a:hover {
		text-decoration: none;
	}

.unavailable {
	border-bottom:  1px solid #c5dbec;
	font-style: italic;
	font-size: 1.1em;
	margin-top: 0px;
	padding-bottom: 1em;
}

.critical {
	font-weight: bold;
	font-size: 1.1em;
}

.informational {
	margin-top: 0px;
	padding-top: 0px;
	font-style: italic;
	font-size: 0.9em;
	clear: both;
}

.messages p {
	text-align: left;
	margin-top: 0px;
	padding: 0px;
	font-size: smaller;
}

.messages img {
	float: left;
	margin-right: 15px;
	margin-left: 5px;
}

.forecastArea {
	position: absolute; 
	left: 0; 
	top: 0px;	
}

#aqibox_1, #aqibox_1_t {
	top: -20px;
	left: 30px;
}

#aqibox_2, #aqibox_2_t {
	top: 0px;
	left: 250px;
}

#aqibox_3, #aqibox_3_t {
	top: -50px;
	left: 130px;
}

#aqibox_4, #aqibox_4_t {
	top: -10px;
	left: 80px;
}

#aqibox_5, #aqibox_5_t {
	top: 0px;
	left: 50px;
}

#aqibox_6, #aqibox_6_t {
	top: -50px;
	left: 200px;
}

#aqibox_7, #aqibox_7_t {
	top: 0px;
	left: 110px;
}

#aqibox_0, #aqibox_0_t {
	top: -20px;
	left: 320px;
}