/*******************************************************************************
   aqi.css
   
   Standard CSS include stylesheet for AQI
*******************************************************************************/

.aqibox {
	position: relative;
	font: 13px Arial, sans-serif;
	display: block;
	width: 75px;
	height: 16px;
	padding: 1px; 
	margin: 2px; 
	text-align: center; 
}

.aqibox small {
	position: absolute;
	right: 1px;
	top: 1px;
	font: 7px Arial, sans-serif;
}

.aqibox.shortbox {
	width: 47px;
}

.aqibox.longbox {
	width: 100px;
}

.aqi_None, .aqi_cat0 {
	color: black !important;
	background-color: #eee !important;
}

.aqi_Good, .aqi_cat1, .aqi_Green {
	color: black !important;
	background-color: #00E400 !important;
}

.aqi_Mod, .aqi_cat2, .aqi_Yellow {
	color: black !important ;
	background-color: #FFFF00 !important;
}

.aqi_USG, .aqi_cat3, .aqi_Orange {
	color: white !important; 
	background-color: #FF7E00 !important;
}

.aqi_Unh, .aqi_cat4, .aqi_Red {
	color: white !important; 
	background-color: #FF0000 !important;
}

.aqi_VUh, .aqi_cat5, .aqi_Purple {
	color: white !important; 
	background-color: #99004C !important;
}

.aqi_Haz, .aqi_cat6, .aqi_Maroon {
	color: white !important; 
	background-color: #7e0023 !important;
}