@charset "utf-8";
/* CSS Document - Secondary style sheet for Airnow static pages  */

/* Plain square box  */

.squarebox-plain {
	width: 200px;
	border: 2px solid #e2e2e2;
	padding: 0;
	background-color: #fff;
	font-size: 0.90em;
}

.squarebox-plain li a:link{
color: #660066;
text-decoration: none;
}

.squarebox-plain li a:visited
 {
color: #663366;
text-decoration: none;
}

.squarebox-plain li a:hover
 {
color: #660066;
text-decoration: underline;
}

.squarebox-plain li a:active
{
color: #660066;
text-decoration: none;
}

.squarebox-plain h5 {
	background-color: #FFF;
	font-size: 1.5em;
	text-align: center;
	color: #000000;
	padding: 2px;
}


.squarebox-plain ul li {
	list-style-image: url(http://cfpub.epa.gov/airnow/images/bu_sftgrn.gif);
}


/* Various hightlight boxes  */

.box-yellow {
	border: 2px solid #ccc;
	padding: 3px;
	font-size: 0.90em;
	background-color:#ffffdc
}

.highlightbox-liteblue {
	background-color: #E1EBF4;
}
.highlightbox-yellow {
	background-color: #FFFF9F;
}
.highlightbox-liteblue {
	background-color: #E1EBF4;
}
.boxsimple {
	width: 15%;
	float: right;
	font-size: 0.90em;
	border: 2px solid #ccc;
}

.box-yellow h3 strong {
	color:#ff0000;
}
.dark-blue-header {
	color: #003;
}

 .box-liteblue { border: 2px solid #ccc; 
 width: 25%; margin: 3px 3px 3px 0;
 padding: 1px; font-size: 0.90em;
 background-color:#edf3f9
 }	
 
 .HighlightBox {
 background-color: #E1EBF4;
}

/* standard AQI table  */
#aqi_container table {
	width:600px;
	border-spacing:3px;
}
#aqi_container th {
	font-size:12pt;
	background-color:#E1EBF4;
	color:#005E9E;
}
#aqi_container td {
	vertical-align:middle;
	padding:10px;
	font-weight:300;
	text-align:center;
}

.aqi-green {
	background-color: #00E400
}
.aqi-yellow {
	background-color:#FFFF00
}
.aqi-orange {
	background-color:#FF7E00;
	color:#FFFFFF;
}
.aqi-red {
	background-color:#FF0000;
	color:#FFFFFF;
}
.aqi-maroon {
	background-color:#7E0023;
	color:#FFFFFF;
}
.aqi-purple {
	background-color:#99004C;
	color:#FFFFFF;
}


/* styles for aqi table */

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #FFF;
	background-color:#E1EBF4;
	color:#005E9E;
}
table.gridtable td {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
	border-color: #FFF;
	}


/* Image containers  */

.picture-gray {
	background-color: #F9F9F9;
	border: 1px solid #CCCCCC;
	padding: 3px;
	font: 11px/1.4em Arial, sans-serif;
}
.picture-gray img {
	border: 1px solid #CCCCCC;
	vertical-align:middle;
}
.picture-white {
	background-color: #FFF;
	border: 1px solid #CCCCCC;
	padding: 3px;
	font: 11px/1.4em Arial, sans-serif;
}
.picture-white img {
	border: 1px solid #FFF;
	vertical-align:middle;
	margin: 0 10px;
}

/* Miscellaneous */

.right {
	float:right;
	margin: 0 0 10px 10px;
}
.left {
	float:left;
	margin: 10px 10px 0 0;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* Disclaimers */

.disclaimer {
	width: 20%;
	float: right;
	font-size: 0.90em;
	line-height: 1.1;
	padding: 0.3em;
	border: 2px solid #ccc;
	background: #f1f1f1;
}
.disclaimer-wide {
	padding: 0.3em;
	text-align: center;
	width: auto;
	float: none;
	border: 2px solid #ccc;
	background: #f1f1f1;
}

.disclaimer-wide-white {	
	margin: 1em 10%; 
	padding: 0.3em; 
	text-align:center;
	top:auto;
	width: auto; 
	float: none;
	border: 2px solid #ccc; 
	background: #ffffff; }


/* Thin border tables */
table.skinnytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.skinnytable th, .skinnytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.skinnytable th {
    background: #f2f2f2;
    text-align: center;
}
.skinnytable caption {
    font-weight: bold;
}


/* Styles the inline information about non-html (PDF, MS-Word, etc.) files */

.fileinfo { font-size: 0.85em; 
color: #666; 
}
