body {
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center; /* for IE */
	min-width: 1000px;
	margin: 0px auto; 
	padding: 0px;
}
p {
	text-align: left;
}
a {
	color: #043e6c;
}
img, div { 
	behavior: url(scripts/iepngfix.htc); 
}
img { border: 0; }
#container {
	margin: 0 auto;   /* align for good browsers */
	text-align: left; /* counter the body center */
	width: 1000px;
	/*border: 1px dotted #666;*/
}
#header {
	position: relative;
	width: 988px;
	height: 120px;
	background: transparent url(../images/pageBG.png) no-repeat top left;
}
#header div#topNav {
	position: absolute;
	width: 191px;
	top: 11px;
	left: 812px;
	height: 120px;
}
#header div#logo {
	position: absolute;
	width: 255px;
	height: 80px;
	top: 21px;
	left: 20px;
}
#nav {
	width: 988px;
	overflow: auto;
	margin: 0;
	padding: 0;
	background-color: #033661;
}
#content {
	width: 987px;
	border-right: 1px solid #61a9e4;
	border-left: 1px solid #61a9e4;
	min-height: 500px;
	margin: 0;
	padding: 0;
}
#content #subNav {
	width: 100%;
	height: 42px;
	margin: 0px 0px 0px 0px;
	padding: 11px 0px 0px 0px;
	background: transparent url(../images/tab_background.png) repeat-x;
}
#content #breadcrumb {
	margin: 0px 0px 15px 18px;
	font-size: 100%;
	font-weight: bold;
	color: #666;
}
#content #breadcrumb span.crumb {
	color: #043e6c;
}
#content #breadcrumb a {
	color: #666;
	text-decoration: none;
}
#content #breadcrumb a:hover {
	color: #043e6c;
	text-decoration: underline;
}
#footer {
	margin: 10px 0px;
	padding: 20px 0px;
	width: 987px;
	border-top: 3px solid #61a9e4;
	overflow: visible;
	font-size: 90%;
	color: #043e6c;
}
#footer div#footerlinks {
	float: left;
	width: 40%;
}
#footer div#footerCopyright {
	float: left;
	width: 59%;
	text-align: right;
}
.link-hover {
	cursor: pointer;
}

.driver_bullets
{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
	list-style-type: disc;		
}

table#tier_1
{
	font-size: 13px;
	width: 90%;
	margin: 20px 5%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table#tier_1 th
{
	font-weight: bold;
	color: #043e6c;
	text-align: center;
	padding-top: 30px;
}

table#tier_1 td
{
	border: 1px solid #ccc;	
}

table#sector_info
{
	font-size: 13px;
	width: 90%;
	margin: 10px 5%;
	/*border: 1px solid #ccc;*/
	border-collapse: collapse;
}

table#sector_info th
{
	font-weight: bold;
	color: #043e6c;
	text-align: center;
	padding-top: 10px;
}

table#sector_info td
{
	border: 1px solid #ccc;	
}

.progress_better
{
	color: #009900;
}
.progress_worse
{
	color: #CC3300;
}
.progress_same
{
	color: #666;
}

.tier2_graphs
{
	width: 90%;
	overflow: hidden;
	text-align: left;
}

.tier2_graphs div.cluster_graph
{
	width: 49%;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

table#tier_3
{
	font-size: 13px;
	width: 98%;
	margin: 10px 1%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table#tier_3 th
{
	font-weight: bold;
	color: #043e6c;
	text-align: center;
	padding-top: 30px;
}

table#tier_3 td
{
	border: 1px solid #ccc;	
}

div.cluster_graph h4
{
	font-size: 9px;
}

div.cluster_value
{
	margin: 0px;
	padding: 4px 0px;
}

div.cluster_title
{
	width: 95%;
	text-align: right;
	font-size: 8px;
	color: #043e6c;
	margin: 3px 3px 4px 0px;
}

a.cluster_link
{
	color: inherit;
	text-decoration: none;
}

a.cluster_link:hover
{
	text-decoration: underline;
}
/* admin page css */
#adminSelectDiv
{
	width: 90%;
	margin: 0px 5%;
	padding: 30px 0px 5px 0px;
	overflow: hidden;
	border-bottom: 1px solid #666;	
}

#adminSelectDiv div
{
	float: left;
	width: 49%;
}

#adminSelectDiv select
{
	width: 80%;
}

#indicatorSelectDiv
{
	display: none;
}

#adminSelectDiv h5
{
	font-size: 14px;
	font-weight: bold;
}

#loadingDiv
{
	display: none;
}

#indicatorDataTable
{
	width: 98%;
	margin: 0px 1%;	
	border-collapse: collapse;
}
#indicatorDataTable td
{
	border: 1px solid black;
	padding: 4px;
}

#dataSection
{
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

.altRow
{
	background-color: #ccc;
}

h2.adminHeader
{
	font-size: 16px;
	font-weight: bold;
	color: #043e6c;
	margin: 4px 0px 20px 0px;
}


/* styles for indicator information page */

#indicatorInfoHeader
{	
	width: 900px;
	padding: 20px 0px 20px 30px;
}

#indicatorInfoHeader .indicatorDesc
{
	font-size: 12px;
	padding: 5px 0px;
}

#indicatorInfoFooter
{	
	width: 900px;
	padding: 10px 0px 10px 30px;
	font-size: 11px;
}

#indicatorInfoFooter p
{	
	font: 12px Arial, Helvetica, sans-serif;
}

/* asp.net conversion styles */

.ajaxSpinner
{
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}

#mainChart
{
    width: 100%;
    overflow: auto;    
}

#colA
{
    width: 20%;
    float: left;    
}

#colB
{
    width: 79%;
    float: left;
}

#queryLocations
{
    width: 100%;
    font-size: 9px;
    height: 600px;
    overflow: scroll;
}

#colB div
{
    width: 100%;
    padding-left: 4px;
}

#queryChart
{
    width: 80%;
    float: left;
    text-align: center;
}

#queryIndicators
{
    margin-bottom: 4px;
}

.indicator_select
{
    display: inline;
    margin-right: 2px;
}

.indicator_select select
{
    width: 150px;
    font-size: 9px;
}

#queryPeriods select
{
    font-size: 9px;
}