html {
	font-size: 13px;
}

#header{
	font-size: 13px;
}

.headerLink {
	text-decoration:none;
}

label {
	font-size: 12px;
}

.subHeading
{
	text-align: center;
	padding: 5px 0px 5px 0px; 
	color:#5E87B0; 
	font-weight: bold;
	background: -moz-linear-gradient(center top , #F0F0F0, #E9EAEB) repeat scroll 0 0 #E9EAEB;
	border: 1px solid #B3B3B3;
	margin-bottom: 10px;
}

.information
{
	text-align: center;
	padding: 5px 0px 5px 0px; 
	color:#5E87B0; 
	font-weight: normal;
	background: -moz-linear-gradient(center top , #F0F0F0, #eaeaea) repeat scroll 0 0 #eaeaea;
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}

.success
{
	text-align: center;
	padding: 5px 0px 5px 0px; 
	color:#3ba13d; 
	font-weight: normal;
	background: -moz-linear-gradient(center top , #F0F0F0, #caeccb) repeat scroll 0 0 #caeccb;
	border: 1px solid #3ba13d;
}

.error
{
	text-align: center;
	padding: 5px 0px 5px 0px; 
	color:#cc3333; 
	font-weight: normal;
	background: -moz-linear-gradient(center top , #F0F0F0, #f1d4d4) repeat scroll 0 0 #f1d4d4;
	border: 1px solid #cc3333;
}

.ui-icon-help
{
	background: url("../icons/jQuery/jQM_help.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0.4);
}

.twitterContainer
{
	border: 1px solid #38cdff;
	margin-top: 10px;
}

.left
{
	text-align: left;	
}

.right
{
	text-align: right;
}

.center
{
	text-align: center;
}

.aqiLegend
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 99%;
}

.aqiLegend tr th
{
	border-bottom: 1px solid black;
	padding: 2px;
	background-color: #5E87B0;
	color: #ffffff;
}

.aqiLegend tr td
{
	border-bottom: 1px solid black;
	padding: 2px;
}

.good
{
	background-color: #00E400;
	color: #000000;
}

.moderate
{
	color: #000000;
	background-color: #FFFF00;
}

.usg
{
	color: #ffffff;
	background-color: #FF7E00;
}

.unhealthy
{
	color: #ffffff;
	background-color: #FF0000;
}

.veryUnhealthy
{
	color: #ffffff;
	background-color: #99004C;
}

.hazardous
{
	color: #ffffff;
	background-color: #7e0023;
}

#rightAboutLogo
{
	border: 1px solid #bbbbbb; 
	float: right;
	margin: 0px 0px 2px 10px;
	padding: 2px;
}

#leftAboutLogo
{
	border: 1px solid #bbbbbb; 
	float: left;
	margin: 0px 10px 2px 0px;
	padding: 2px;
}

.elementContainer {
	padding: 10px 15px 0px 15px;
}

.elementContainer label {
	font-size: 12px;
	font-weight: bold;
}

.ui-content {
	padding: 5px;
}

.ui-controlgroup-label {
	font-size: 12px;
	font-weight: bold;
}

span .ui-btn-text {
	font-size: 11px;
}

.ui-listview li {
	font-size: 12px;
}

.ui-header {
	height: 40px;
}

.ui-footer {
	height: 45px;
}

#mapContainer { 
	 text-align: center; 
	 width: 275px; 
	 height: 200px;
	 border: 2px solid #B3B3B3;
}

#mapLegend { 
	border-bottom: 2px solid #B3B3B3;
	border-left: 2px solid #B3B3B3;
	border-right: 2px solid #B3B3B3; 
	width: 275px;
	background: -moz-linear-gradient(center top , #F0F0F0, #E9EAEB) repeat scroll 0 0 #E9EAEB;
}