/*  
Name: Virginia Performs Redesign
Description: stylesheet

Core site colors:
Darker blue: 577489
Medium blue: 6A94B4
Light blue:  E1EAF0
Super pale blue: F7F8F9
Dark Taupe:  9A937E
Medium Sand: C8BEA1
Light Sand:  EDEAE1
Gray Sand:   EBE9E5
Dark Brick:  BB4529
Charcoal:    3D3D3D
Dark Gray:   666666
Light Gray:  A8A8A8
*/


/* Imports */
@import url("zeros.css");
@import url("typography.css");
@import url("../images/regionsMap/8Regions-Hotspots.css");


body{
   margin:0;
   padding:0;
   background-image:url(../images/bgBlueR.gif);
   background-repeat:repeat;
}

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}

.clear {
	clear: both;
}

.hidden{
    display:none;
}
img.right{
    float:right;
	margin:0 0 10px 10px;
}
img.left{
    float:left;
	margin:0 10px 5px 0;
}

img.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
 }

label {
color: #7f9db9;
}

hr{
border:0;
border-top:1px solid #d2d2d2;
padding:0;
margin:15px 0 15px 0;
}

.textbox, .dropdown {
	border: solid 1px #7f9db9;
	padding: 2px;
	vertical-align: top;
}

/* Table Styles --------------------------------------------------------*/

table.VaP {
	font: 0.9em Arial, sans-serif;
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
	color: #404040;
}
table.VaP th {
	background-color: #b6c4d2;
	text-align: center;
	padding: 4px 0 4px 0;
	font-size: 1.1em;
	font-weight: bold;
	border-left: 1px #6699cc dotted;
}
table.VaP .extraInfo {
	background-color:#f9fbf2;
	text-align: center;
	padding: 4px 0 4px 0;
	font-size: 1.15em;
	font-weight: bold;
	border-left: 1px #6699cc dotted;
}
table.VaP th.first {
	text-align: left;
}
table.VaP td {
	background-color: #fafafa;
	text-align: center;
	padding: 4px;
	border-bottom: 1px #6699cc dotted;
	border-left: 1px #6699cc dotted;
}
table.VaP td.first {
	text-align: left;
}
table.VaP tr.even td {
	background-color: #f0eddd;
}
table.VaP caption {
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
}
table.VaP tr.source td {
	background-color:#f9fbf2;
	text-align:left;
	font-style: italic;
	}

/*Plain style with brown and red subtle mix -----------*/

table.Plain {
	font: 1em Arial, sans-serif;
	text-align:left;
	background-color: #ffffff;
	border-collapse: separate;
	/*border-spacing: 1.5px;*/
	border-bottom: #BB4529 thin solid;
	color: #404040;
}
table.Plain th {
	background-color: #EDEAE1;
	text-align: center;
	padding: 4px 0 4px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #BB4529;
}	
table.Plain th.first {
border-right: 1px #404040 dotted;
text-align:left;
}

table.Plain td {
	background-color:#fff;
	text-align:left;
	padding: 4px;
	border-bottom: thin dotted #9A937E;
}

table.Plain td.first {
border-right: 1px #404040 dotted;
text-align:left;
}

table.Plain td.last {
padding-bottom: 1em;
text-align:left;
}

/*Older style with taupe head and reverse type-----------*/
table.tabular {
   margin-top: 2em;
   margin-bottom: 2em;
   padding:1em;
   border-top:1px solid #BCB9B9;
   border-bottom:2px solid #BCB9B9;
}

table.tabular td {
   font-size: 120%;
   border-bottom:1px dotted #BCB9B9;
   }
   
table.tabular .head {
background-color:#9a937e;
color:#fff;
font-weight:bold;
font-size: 115%;
text-align: center;
}

table.tabular .category {
background-color:#edeae1;
color:#333;
font-weight:bold;
font-size: 115%;
text-align: left;
}

/* Text-heavy table styles -------------------------------------------*/


table.Text {
	font: 1.1em Arial, sans-serif;
	background-color: #fff;
	border-collapse: collapse;
	border-spacing: 0px;
	border-bottom: #BB4529 medium solid;
	color: #404040;
}

table.Text th {
	background-color:#EDEAE1;
	text-align: center;
	color: #BB4529;
	padding: 4px 0 4px 0;
	font-size: 1.3em;
	font-weight: bold;
	border-left: 1px #c8bea1 dotted;
}

table.Text td {
	background-color: #fff;
	text-align: left;
	padding: 2px;
	border-bottom: 2px #c8bea1 dashed;
	border-left: 1px #c8bea1 dashed;
	border-right: 1px #c8bea1 dashed;
}


/* Data Maps table styles --------------------------------------------*/

table.Data {
	font: 1.1em Arial, sans-serif;
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
	color: #404040;
	width: 100%;
}

table.Data th {
	background-color: #EDEAE1;
	text-align: center;
	color: #BB4529;
	padding: 4px 0 4px 0;
	font-size: 1.3em;
	font-weight: bold;
	border-left: 1px #c8bea1 dotted;
	width: 50%;
}

table.Data td {
	background-color: #fff;
	text-align: left;
	padding: 4px;
	border-bottom: 1px #c8bea1 dotted;
	border-left: 1px #c8bea1 dotted;
	border-right: 1px #c8bea1 dotted;
	width: 50%;
}

table.Data tr.even td {
	background-color: #f7f8f9;
}

table.Data .category {
	background-color: #ebe9e5;
	font-weight:bold;
	padding-left: 1em;
}

table.Data a,a visited {
	text-decoration: none;
}

table.Data  a hover {
	text-decoration: underline;
}


.columnDivider {
border-right:1px dotted #BCB9B9;
}

/* Regions styles picked up from old site (temporarily) ---- */

div.city {
	width: 50%;
	float: left;
}
div.county {
	width: 50%;
	float: left;
}
h3.region {
	clear: both;
	border-bottom: solid 1px #BB4529;
	padding: 0 0 5px 0;
}

table.tabular ul.detail {
	margin-left: 1.5em;
	}
	
table.tabular li.detail {
	list-style-type:square;
	padding-bottom: 0.5em;
	}
				
	
/* Structure---------------------------------- */
#container{
    width:950px;
    margin:0 auto 0 auto;
    background-color:#fff;
    padding:0 4px 0 4px;
    border-left:#f3f6f8 2px dotted;
    border-right:#f3f6f8 2px dotted;
}

/* Header */
#header{
    border-bottom:1px dotted #BCB9B9;
    margin-bottom:4px;
}
	#govBar{
		background:#000 url(../images/common_feel_bg.jpg) repeat-x;
		margin:0 0 3px 0;
	}
		#govBar img{
			float:left;
		}
		#govLinks{ /* adjusted padding for new portal styles | had been 15 0 0 10 -- */
			margin:7px 0 7px 10px;
			float:left;
		}
		#govSearch{  /* adjusted padding for new portal styles | had been 5 45 0 0 -- */
			margin:7px 15px 7px 0;
			float:right;
		}
		#govSearch #searchBox {
			background:url(http://www.virginia.gov/images/virginia_seach_txt-bg.jpg) no-repeat;
			background-color:transparent;
			border:0;
			font-weight:bold;
			height:20px;
			padding:3px;
			width:172px;
		}
		#govSearch #vaSearchBtn {
			background:url(http://www.virginia.gov/images/virginia_seach_button-bg.jpg) no-repeat transparent;
			border:none;
			height:20px;
			margin-left:2px;
			margin-right:5px;
			width:28px;
		}
	#vaperformsBar{
		background:#8f8f8f;
		padding:3px;
		margin:0 0 3px 0;
	}
		#vaperformsBar img{
			float:left;
		}
		#vaperformsLinks{
			float:right;
			margin:2px 10px 0 0;
		}
		#hamptonRoadsBar img#indicatorPicture{
			float:left;
			margin:0 0 2px 0;
		}
		#vaperformsMenu{
			float:right;
			text-align:right;
			margin-bottom:2px;
		}
		#vaperformsMenu h1{
			width:489px;
			height:39px;
			background:#fff url(../images/hamptonRoadsLogo.gif) no-repeat;
			text-indent:-9999px;
			padding:0;
			margin:9px 0 -5px 0;
			text-align:left;
		}
                #tagline{
                    margin:0 0 20px 0;
                }
                #tagline img{
                    margin:0 0 -20px 0;
                }
                #homelink{
                    width:100px;
                    float:left;
                }
	#sectionMenu{
		background:#ded8c7;
		border-bottom: 1px solid #e8e8e8;
		border-top:1px solid #b2ad9f;
	}
	#sectionMenu div {	
		border-bottom: 1px solid #d9d9d9;		
	}
	#sectionMenu div div {
		border-bottom: 1px solid #cdcdcd;		
	}
	#sectionMenu div div div {
		border-bottom:1px solid #b2ad9f;	

	}	
		#sectionMenu li{
			float:left;
            padding:5px 0 5px 0;
		}
		#sectionMenu li a{
			padding:5px 15px 5px 16px;
			text-decoration:none;
			text-align:center;
			border-right:2px solid #fff;
		}
		#sectionMenu li a#last{
			border-right:0;
			padding-right:11px;
		}
		
			#sectionMenu li a.Economy{color:#379946;}
			#sectionMenu li a.Education{color:#C52127;}
			#sectionMenu li a.healthFamily{color:#75206D;}
			#sectionMenu li a.publicSafety{color:#333333;}
			#sectionMenu li a.naturalResources{color:#65422B;}
			#sectionMenu li a.transportation{color:#F06024;}
			#sectionMenu li a.governmentCitizens{color:#4558A6;}
			#sectionMenu li a.customReporting{color:#577489;}
			#sectionMenu li a.Trends{color:#9a937e;}
			#sectionMenu li a.Regions{color:#666;}
			#sectionMenu li a.PrioritiesAssessment{color:#577489;}

			#sectionMenu li a.Economy:hover{background:#379946;color:#fff;}
			#sectionMenu li a.Education:hover{background:#C52127;color:#fff;}
			#sectionMenu li a.healthFamily:hover{background:#75206D;color:#fff;}
			#sectionMenu li a.publicSafety:hover{background:#333333;color:#fff;}
			#sectionMenu li a.naturalResources:hover{background:#65422B;color:#fff;}
			#sectionMenu li a.transportation:hover{background:#F06024;color:#fff;}
			#sectionMenu li a.governmentCitizens:hover{background:#4558A6;color:#fff;}
			#sectionMenu li a.customReporting:hover{background:#577489;color:#fff;}
			#sectionMenu li a.Trends:hover{background:#c8bea1;color:#fff;}
			#sectionMenu li a.Regions:hover{background:#A8A8A8;color:#fff;}	
			#sectionMenu li a.PrioritiesAssessment:hover{background:#F4ECEA;color:#333;}
                        
			.Economy #sectionMenu li a.Economy{background:#379946;color:#fff;}
			.Education #sectionMenu li a.Education{background:#C52127;color:#fff;}
			.healthFamily #sectionMenu li a.healthFamily{background:#75206D;color:#fff;}
			.publicSafety #sectionMenu li a.publicSafety{background:#333333;color:#fff;}
			.naturalResources #sectionMenu li a.naturalResources{background:#65422B;color:#fff;}
			.transportation #sectionMenu li a.transportation{background:#F06024;color:#fff;}
			.governmentCitizens #sectionMenu li a.governmentCitizens{background:#4558A6;color:#fff;}
			.customReporting #sectionMenu li a.customReporting{background:#577489;color:#fff;}
			.Trends #sectionMenu li a.Trends{background:#c8bea1;color:#fff;}
			.Regions #sectionMenu li a.Trends{background:#A8A8A8;color:#fff;}
			.PrioritiesAssessment #sectionMenu li a.PrioritiesAssessment{background:#97aab8;color:#333;}
		
		#search {
			padding: 0 0 3px 0;
		}
			
			#searchForm {
				float: right;
				padding-left: 20px;
			}
			
			#searchRegion {
				float: right;
				padding-left: 20px;				
			}

/* Indicator styles */

#indicators{
	width:190px;
	margin:0 23px 0 0;
	float:left;
}
	#indicators h2{
		padding:0px 0 2px 5px;
		margin:0 0 1px 0;
	}
	#indicators h3{
		padding:3px 0 4px 5px;
	}
	.Economy #indicators h2{background:#379946;}
	.Economy #indicators h3{background:#72AE7B;}
	.Education #indicators h2{background:#C52127;}
	.Education #indicators h3{background:#C7888A;}
	.healthFamily #indicators h2{background:#75206D;}
	.healthFamily #indicators h3{background:#BE9AB4;}
	.publicSafety #indicators h2{background:#333333;}
	.publicSafety #indicators h3{background:#9F9B9B;}
	.naturalResources #indicators h2{background:#65422B;}
	.naturalResources #indicators h3{background:#AC8B75;}
	.transportation #indicators h2{background:#F06024;}
	.transportation #indicators h3{background:#E19779;}
	.governmentCitizens #indicators h2{background:#4558A6;}
	.governmentCitizens #indicators h3{background:#B6BFE4;}
	.customReporting #indicators h2{background:#577489;}
	.customReporting #indicators h3{background:#a5baca;}
	.Trends #indicators h2{background:#9a937e;}
	.Trends #indicators h3{background:#c8bea1;}
	.Regions #indicators h2{background:#666;}
	.Regions #indicators h3{background:#A8A8A8;}
	.PrioritiesAssessment #indicators h2{background:#577489;}
	.PrioritiesAssessment #indicators h3{background:#97aab8;}
	
	#indicators li{
		padding:8px 0 8px 0;
                margin:0 15px 0 0;
	}	
	#indicators li.block{
		border-bottom:1px dotted #577489;
	}
		#indicators li.block2{   /* added 6-2014 to create block level without underline -- */
		border-bottom:0px dotted #577489;
	}
        #indicatorsMenu{
            background:#eeebe3;
            padding:0 0 50px 10px;
            margin:0 0 10px 0;
        }
        #indicatorsMenu li ul{
            padding:10px 0 0 0;
        }
        #indicatorsMenu li ul li{
            margin-left:35px;
            padding:1px 0 1px 0;
            list-style-type:disc;
        }
        #indicatorsMenu a:hover{
            text-decoration:underline;
        }
        #tools{
            border: 1px solid #b1b1b1;
            padding:0 0 40px 0;
        }
        #tools h4{
            border-bottom:1px solid #b1b1b1;
            padding:3px 0 3px 10px;
        }
        #tools ul{
            list-style-position: inside;
        }
        #tools li{
            padding:5px 0 5px 10px;
            margin:0 10px 0 10px;
            border-bottom:1px solid #eae8e9;
        }
        #tools li#iconEmail{list-style-image:url(../images/icon-email.gif)}
        #tools li#iconPrint{list-style-image:url(../images/icon-print.gif)}
        #tools li#iconPDF{list-style-image:url(../images/icon-pdf.gif)}
        #tools li#iconFeedback{list-style-image:url(../images/icon-feedback.gif)}
        #tools li#iconShare{list-style-image:url(../images/icon-share.gif)}
	   #tools li#iconTwitter{list-style-image:url(../images/icon-Twitter.gif)}
	   #tools li#iconFacebook{list-style-image:url(../images/icon-facebook.gif)}
        #tools li#iconDigg{list-style-image:url(../images/icon-digg.gif)}
        #tools li#iconNewsvine{list-style-image:url(../images/icon-newsvine.gif)}
        #tools li#iconStumble{list-style-image:url(../images/icon-stumble.gif)}
        #tools li#iconDelicious{list-style-image:url(../images/icon-delicious.gif)}
        #tools li#iconReddit{list-style-image:url(../images/icon-reddit.gif)}
        #tools li#iconPermalink{list-style-image:url(../images/icon-permalink.gif)}
	   #tools li#iconFollow{list-style-image:url(../images/followTracks.gif)}
	   #tools li#iconTwitterFollow{list-style-image:url(../images/twitterBird2.gif)} 
        
        #tools ul ul{
            padding:5px 0 0 0;
            margin: 0 0 -5px 0;
        }
        #tools ul ul li{
            padding:4px 0px 4px 0px;
            margin:0 0 0 25px;
            border:0;
        }
        #tools a:hover{
            text-decoration:underline;
        }  
	   
/* Page Content styles */
       
#contentContainer {
	padding-top: 2px;
}
	.Economy #contentContainer {border-top:solid 2px #379946;}
	.Education #contentContainer {border-top:solid 2px #c52127;}
	.healthFamily #contentContainer {border-top:solid 2px #7b5077;}
	.publicSafety #contentContainer {border-top:solid 2px #333333;}
	.naturalResources #contentContainer {border-top:solid 2px #65422b;}
	.transportation #contentContainer {border-top:solid 2px #f06024;}
	.governmentCitizens #contentContainer {border-top:solid 2px #4558a6;}	
	.customReporting #contentContainer {border-top:solid 2px #577489;}
	.Trends #contentContainer {border-top:solid 2px #9a937e;}
	.Regions #contentContainer {border-top:solid 2px #666;}
	.PrioritiesAssessment #contentContainer {border-top:solid 2px #577489;}
	.About #contentContainer {border-top:solid 1px #3d3d3d;}
	
	#content{
		width:500px;
		float:left;
		margin:10px 22px 0 0;
	}
		#content h5{
			background:#70899b;
			padding:3px;
			border-top:1px solid #43525d;
			margin-bottom:15px;
		}
		#content a:hover{
			text-decoration:underline;
		}    
		#spotlight{
			background:#ebe9e5;
			margin:10px 0;
		}
		#spotlight p{
			margin:0 10px;
		}
		#aboutHR{
			border:1px solid #b2b2b2;
			padding:10px;
		}
		#aboutHR ul{
			list-style:disc;
			padding:0 0 0 12px
		}
		#aboutHR li{
			list-style:disc;
			padding:0 0 10px 0
		}	
		#content ul{
			margin: 1em 0 0 1em;
			padding:0;
		}
		#content li{
			list-style:url(../images/blueBullet.gif);
			margin: 0 0 0 3.5em;
			padding:0 0 0.75em 0;
		}
		
		#content li.tight{
		padding:0 0 0.35em 0;
		}
		
	#content.graphs{
		width:715px;
	}
	#content.graphs h2{
		margin:0 0 15px 0;
	}
	#content.graphs h3{
		margin:0 0 20px 0;
	}
	#content.graphs h4{
		color:#666;
	}

.printGraphs {
display:none;
clear:both;
}		
	
#content.PA-extra{
		width:935px;
		padding: 10px 45px 0 15px;
}
	
/* Graph PAGE styles ------------------------------------------*/	

/* Not needed to control graph size
	div.graph {
	width: 220px;
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	font-size: .9em;
}---*/

#content.graphs .graphStack{
		width:351px;
		float:left;
		margin-right:6px;
		text-align:center;
		font: small-caption;
	}
	
	img.atGlance {
		width: 325px;
		height: auto;
		}

img.graph {
	width: 220px;
	height: auto;
	margin: 10px 0 10px 0;
	border:none;
	xpage-break-inside: avoid;
}

img.graphRight {
	float: right;
	margin:0 0 7px 7px;
	width: 220px;
	height: auto;
	border:none;
	xpage-break-inside: avoid;
}

img.graphLeft {
	float: left;
	margin:0 7px 7px 0;
	width: 220px;
	height: auto;
	border:none;
	xpage-break-inside: avoid;
}

div.graph img.graph {
	margin: 0;
}


/* Enterprise Scorecard Styles ---------------------------------------*/

.categoryFinance {
background-color:#3C512D;
color:#ffffff;
padding-left:10px;
font-size:medium;
font-variant:small-caps;}

.categoryLeadership {
background-color:#27496F;
color:#ffffff;
padding-left:10px;
font-size:medium;
font-variant:small-caps;}

.categoryWorkforce {
background-color:#842A3E;
color:#ffffff;
padding-left:10px;
font-size:medium;
font-variant:small-caps;}

.categoryInformation {
background-color:#4C410C;
color:#ffffff;
padding-left:10px;
font-size:medium;
font-variant:small-caps;}

.measure {
	font: small-caption;
	}

.ruleLeadership {
border-bottom: #27496F thin dashed;}
.ruleFinance {
border-bottom: #3C512D thin dashed;}
.ruleWorkforce {
border-bottom: #842A3E thin dashed;}
.ruleInformation {
border-bottom: #4C410C thin dashed;}

img.atGlanceDashboard {
width: 325px;
height: 275px;
}


#content.graphs .scorecardStack{
		width:351px;
		float:left;
		margin-right:6px;
		font: small-caption;
		vertical-align:middle;
	}
/* Data Source styles -------------------------------------------*/

#pageUpdated {
		width: 50%;
		margin-top: 1em;
		border-top: #333 dashed thin;
		padding: 1em 0 1em 0;
		font-style:italic;
		}	

.data, #data {
	padding: 0.25em 1em 0.2em 1em;
	background-color:#f1f1f1;
}

#data h3 {
padding:0;
margin-top:0;
}

#data p {
padding:0;
margin-top:0;
}

.note {
font-size:90%;
}

.rankingsNote {
font-size:90%;
padding:0;
margin-top:0;
font-style:italic;
}

/* dislike
#data ul li{
    list-style:disc;
    margin: 0 0 0 1em;
}
#data ul{
    margin: 0 0 0 1em;
} ------ */

/* *********HOME*********** */
	.home #content h3.heavy{
            padding:0;
            margin:0 0 -14px 0;
	}
	.home #statistics-picture{
	float:left;
	width:720px;
	margin:0 15px 0 0;
	}
	.home #contentContainer{
		margin:10px 0 0 0;
		border-top: #577489 2px solid; /*Gives some grounding for floating search box*/
	}
	.home #content{
		width:470px;
	}
	.home #agencyPlanningPerformance{
		width:195px;
		float:left;
		margin:10px 10px 0 0;
		padding:10px;
		background:#eeebe3;
		border-right: 0.5px dotted #9a937e;
		border-bottom: 0.5px dotted #9a937e;
	}
	
	.intro {
	color:#2a4457;
	font-size: 110%;
	font-weight: 550;
	background-color:#F5F7F7;
	padding:0.75em;
	}
	
	.whatMatters {
		background-color:#bb4529;
		border: none;
		padding:3px;
		color: white;
		font-weight: bold;
		font-size: 1.2em;
	}
	
	.home #agencyPlanningPerformance a{
	text-decoration:none;
	}
	
	.home #agencyPlanningPerformance h5{
            background: #c8bea1;
            margin:-10px -10px 5px -10px;
            padding:5px 3px 5px 3px;
		  font-weight: bold;
		  text-align:center;
        }
	.home #agencyPlanningPerformance h6{
            background:url(../images/capital-logo.gif) no-repeat;
            padding:3px 0px 10px 37px;
            margin:0 -7px 10px -7px;
            border-bottom:1px solid #dddad3;
        }
	.home #agencyPlanningPerformance p#note{
            margin:0 10px 15px 10px;
		  font-size:90%;
        }
	.home #agencyPlanningPerformance ul{
            margin:10px 10px 0px 10px;
        }
	.home #agencyPlanningPerformance li{
            padding:0px 0px 14px 20px;
            margin:-1px;
		  font-size:90%;
        }
        .home p#stateAgency{
			padding:6px 0 0 0;
            border-top:1px solid #dddad3;
		  font-size:90%;
        }
		
/* Old message box styles -----------------------	
	.home #messageBox{
	    background-color:#d4e0e9;
            width:210px;
            margin:20px 0 0 0;
		  text-align: left;
	}
        .home #messageBox p{
            padding:0 10px 10px 10px;
        }
	   
	   .home #messageBox h5{
		color: #000066;
		background: none;
		}
	   
        .home #info{
            margin:15px 0 0 0;
		  text-align: center;
        }
        .home #messageBox img#last{
            margin-bottom:-2px;
        } ----------------------------------------*/
	   
	  .home #messageBox {
		  width: 190px;
		  border: 0.25px solid #eee;
			border-radius: 10px;
			-moz-border-radius:10px; /* Firefox 3.6 and earlier */
			padding: 0.15em 0.75em 0.25em 0.75em;
			background-color:#F4F4F4;
			text-align: left;
	  }
	   
        .home #agencyPlanningPerformance li#agency-administration{background:url(../images/bullet-administration.gif) 0 1px no-repeat;}
        .home #agencyPlanningPerformance li#agency-agriculture{background:url(../images/bullet-agriculture.gif) 0 1px no-repeat;}
        .home #agencyPlanningPerformance li#agency-commerce{background:url(../images/bullet-commerce.gif) 0 1px no-repeat;}
        .home #agencyPlanningPerformance li#agency-education{background:url(../images/bullet-education.gif) 0 1px no-repeat;}
        .home #agencyPlanningPerformance li#agency-finance{background:url(../images/bullet-finance.gif) 0 1px no-repeat;}
        .home #agencyPlanningPerformance li#agency-health{background:url(../images/bullet-health.gif) 0 1px no-repeat;}
        .home #agencyPlanningPerformance li#agency-natural{background:url(../images/bullet-natural.gif) 0 1px no-repeat;}
        .home #agencyPlanningPerformance li#agency-public{background:url(../images/bullet-public.gif) 0 1px no-repeat;}
        .home #agencyPlanningPerformance li#agency-technology{background:url(../images/bullet-technology.gif) 0 1px no-repeat;}
        .home #agencyPlanningPerformance li#agency-transportation{background:url(../images/bullet-transportation.gif) 0 1px no-repeat;}


        #headerImages{
            width: 498px;
		  text-align:center;
		  padding-bottom:10px;
		  margin-bottom:10px;
        }

	#headerImages.Econ{
	border-bottom: #379946 thin solid;
	opacity:0.6;filter:alpha(opacity=60);
	}
	
	#headerImages.Ed{
	border-bottom: #c52127 thin solid;
	opacity:0.6;filter:alpha(opacity=60);
	}
	
	#headerImages.Health{
	border-bottom: #75206d thin solid;
	opacity:0.6;filter:alpha(opacity=60);
	}
	
	#headerImages.PubSafety{
	border-bottom: #333 thin solid;
	opacity:0.6;filter:alpha(opacity=60);
	}
	
	#headerImages.NatRes{
	border-bottom: #65422b thin solid;
	opacity:0.6;filter:alpha(opacity=60);
	}
	
	#headerImages.Transpo{
	border-bottom: #f06024 thin solid;
	opacity:0.6;filter:alpha(opacity=60);
	}
	
	#headerImages.Govt{
	border-bottom: #4558a6 thin solid;
	opacity:0.6;filter:alpha(opacity=60);
	}

/* -------------Right Rail Info Styles -------------------------*/
	#info{
		width:205px;
		float:left;
		padding-left:5px;
		}
	
	#info a {
	color:#3d5a70;
	font-weight: 600;
	text-decoration:none;
	}
	
	#info a:hover {
	text-decoration:underline;
	}
	
	#info a:visited {
	color:#3d5a70;
	font-weight: 600;
	text-decoration:none;
	}
	
	#info ul.measures {
	margin-left: 1.5em;
	}
	
	#info li.measures {
	list-style-type:circle;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	}
	
	#info ul.detail {
	margin-left: 1.5em;
	}
	
	#info li.detail {
	list-style-type:square;
	padding-bottom: 0.5em;
	}
			
	#info.Econ{
		border-left:#379946 dashed thin;	
		}
		
	#info.Ed{
		border-left:#c52127 dashed thin;
		}
		
	#info.Health{
		border-left:#75206d dashed thin;
		}
		
	#info.PubSafety{
		border-left:#333333 dashed thin;
		}
		
	#info.NatRes{
		border-left:#65422b dashed thin;
		}
		
	#info.Transpo{
		border-left:#f06024 dashed thin;
		}
		
	#info.Govt{
		border-left:#4558a6 dashed thin;
		}
		
			#info #submit{
					position:relative;
					top:5px;
			}
			#info h4{
					margin:2px 0 8px 0;
			}
			#info p{
					padding:5px 0 5px 0;
			}
			
			#info #atAGlance{
				padding:10px;
				margin:5px 0 10px 0;
			}
			
			#info #atAGlance.Econ{
			background-color:#f9fbf9;
			}
			
			#info #atAGlance.Ed{
			background-color:#fcf8f8;
			}
			
			#info #atAGlance.Health{
			background-color:#faf6fa;
			}
			
			#info #atAGlance.PubSafety{
			background-color:#f2f2f2;
			}
			
			#info #atAGlance.NatRes{
			background-color:#f8f6f5;
			}
			
			#info #atAGlance.Transpo{
			background-color:#faf8f7;
			}
			
			#info #atAGlance.Govt{
			background-color:#f8f9fe;
			}
			
			.influence {
			color:#577489;
			}
			
			#info #getInvolved{
				border: 1px solid #b1b1b1;
				padding:10px;
				margin:5px 0 10px 0;
			}
		#info h5{
			background:#8f8f8f;
				padding:3px 0 3px 7px;
		}
		
		#info h5.Econ{
			background:#72ae7b;
				padding:3px 0 3px 7px;		
		}
	
		#info h5.Ed{
			background:#c7888a;
				padding:3px 0 3px 7px;		
		}
				
		#info h5.Health{
			background:#be9ab4;
				padding:3px 0 3px 7px;		
		}
	
		#info h5.PubSaf{
			background:#9f9b9b;
				padding:3px 0 3px 7px;		
		}
		
		#info h5.NatRes{
			background:#ac8875;
				padding:3px 0 3px 7px;		
		}
	
		#info h5.Transpo{
			background:#e19779;
				padding:3px 0 3px 7px;		
		}
	
		#info h5.Govt{
			background:#b6bfe4;
				padding:3px 0 3px 7px;		
		}
			
			
.imageDivider {
border-top:#999 1px solid;
padding-top: 1em;
/*text-align: center; -------- not necessary ------------*/
}

#widget {
border-top:#999 1px solid;
padding-top: 1em;
text-align: center;
}


		#info #pageUpdated{
		padding-top: 1em;
		border-top: double #577489;
		border-bottom: thin #666666;
		font-style:italic;
		}

#footer{
        margin:30px 0 0 0;
        border-top:1px solid #cccccc;
        padding:7px 0 5px 0;
        text-align:center;
}
#footer p{
        margin:10px 0 10px 0;
}

#footer a {
	text-decoration:none;
	color:#6A94B4;
}

#footer a:visited {
	text-decoration:none;
	color:#6A94B4;
}

#footer a:hover {
	text-decoration:underline;
	color:#6A94B4;
}

/* dropdown menu */

#sectionMenu ul ul {
background: #eeeeee;
margin-top:6px;
position:absolute;
width:220px;
z-index:2000;
padding-bottom:5px;
border-right:0;
border-bottom:1px solid #ccc;

}
#sectionMenu ul ul li {
display:block;
float:none;
padding:2px;
position:static;
width:210px;
}

#sectionMenu ul ul li{
    background:url(../images/menu-arrow.gif) no-repeat 5px 4px;
}

#sectionMenu ul ul li a, #sectionMenu ul ul li a:hover{
    display:block;
    text-align:left;
    font-size:.85em;
    color:#000;
    padding:1px 0 1px 17px;
    font-weight:normal;
    border:0;
}
#sectionMenu ul ul li.summary a{
    display:block;
    text-align:left;
    font-size:.85em;
    color:#4f6f87;
    padding:1px 0 4px 16px;
    border-bottom:1px solid #000;
    background:url(../images/menu-arrow.gif) no-repeat 3px 3px;
}
#sectionMenu ul ul li.summary, #sectionMenu ul ul li.closeMenu {
    background:none;
} 
#sectionMenu ul ul li.closeMenu {

}

#sectionMenu ul ul li.closeMenu a{
border:0px none;
font-size:0.8em;
font-style:italic;
text-align:right;
text-transform:lowercase;
margin-right:10px;
background:url(../images/cancel.gif) no-repeat 163px 4px;
}

/* Summary > Agency Planning -------------------------------------- */

#agencyPlanning{
	width:190px;
	margin:0 23px 0 0;
	float:left;
}
	#agencyPlanning h2{
		padding:0px 0 2px 5px;
		margin:0 0 1px 0;
	}
	#agencyPlanning h3{
		padding:3px 0 4px 5px;
		color:#333;
		font-weight:bold;
	}
	
	#agencyPlanning h4{
	padding:7px 0 2px 5px;
	color:#666;
	font-weight:bolder;
	}
	
	.bottomRule {
	border-bottom:1px dotted #577489;
	margin-right: 15px;
	padding-top: 0;
	}
	
	.Economy #agencyPlanning h3{background:#72AE7B;}
	.Education #agencyPlanning h3{background:#C7888A;}
	.healthFamily #agencyPlanning h3{background:#BE9AB4;}
	.publicSafety #agencyPlanning h3{background:#9F9B9B;}
	.naturalResources #agencyPlanning h3{background:#AC8B75;}
	.transportation #agencyPlanning h3{background:#E19779;}
	.governmentCitizens #agencyPlanning h3{background:#B6BFE4;}
	
	#agencyPlanning ul{
	margin-left: 12px;
	font-size:90%;
	}
	
	#agencyPlanning li{
		padding:8px 0 3px 0;
          margin:0 10px 0 15px;
		list-style-type:square;
`	}
	
	/* ugh! #agencyPlanning li.block{
		border-bottom:1px dotted #577489;
		font-weight:bolder;
	}---*/
        #agencyPlanningMenu{
            background:#eeebe3;
            padding:0 0 20px 10px;
            margin:0 0 10px 0;
		  font-size: 90%;
        }
	   
	/* ugh! #agencyPlanningMenu ul li span{
			margin-left: 0px;
		}
        #agencyPlanningMenu li ul{
            padding:0;
        }
        #agencyPlanningMenu li ul li{
            margin:0 0 5px 10px;
            padding:1px 0 1px 0;
            list-style-type:none;
        }---*/
	   
	   #agencyPlanningMenu a{
            text-decoration:none;
        }
	   
	   #agencyPlanningMenu a:hover{
            text-decoration:underline;
        }
			#agencyPlanning #tools li{
				margin-left:10px;
				font-size: 110%;
			}
			#agencyPlanning #tools ul ul{
			padding:5px 0 0 0;
			margin: 0 0 -5px 0;
		}
			#agencyPlanning #tools ul ul li{
				padding:4px 0px 4px 0px;
				margin:0 0 0 25px;
				border:0;
			}

/* Indicator Status -- Summary page listings of each category's indicators at a glance -- */
#indicatorStatus{
    padding:15px 0 10px 10px;
    border-left:1px solid #85756b;
}
#indicatorStatus img{
    margin:0 0 10px 0;
}

.Economy #indicatorStatus li a{color:#379946;text-decoration:none;font-weight:bold;}
.Education #indicatorStatus li a{color:#c52127;text-decoration:none;font-weight:bold;}
.healthFamily #indicatorStatus li a{color:#75206d;text-decoration:none;font-weight:bold;}
.publicSafety #indicatorStatus li a{color:#333333;text-decoration:none;font-weight:bold;}
.naturalResources #indicatorStatus li a{color:#65422b;text-decoration:none;font-weight:bold;}
.transportation #indicatorStatus li a{color:#f06024;text-decoration:none;font-weight:bold;}
.govtCitizens #indicatorStatus li a{color:#4558a6;text-decoration:none;font-weight:bold;}

#indicatorStatus ul li{
    margin:4px 0 0 0;
}
#indicatorStatus ul{
    margin:4px 0 25px 10px;
}
#indicatorStatus ul li ul li{
    padding:2px 0 3px 20px;
}
#indicatorStatus ul li ul li.pi{
    background:url(../images/Scorecard/improving.gif) no-repeat;
}
#indicatorStatus ul li ul li.pm{
    background:url(../images/Scorecard/maintaining.gif) no-repeat;
}
#indicatorStatus ul li ul li.pw{
    background:url(../images/Scorecard/worsening.gif) no-repeat;
}
#indicatorStatus ul li ul li.sis{
    background:url(../images/icon-state.png) no-repeat;
}
#indicatorStatus ul li ul li.sil{
    background:url(../images/icon-state_off.png) no-repeat;
}

/* MODAL ------------------------------------------- */
#control_window_2, #control_window_3{
	border:1px solid #949D9E;
	width:350px;
}

#control_overlay {
	background-color:#000;
}
	.modal {
		background:#DBE7E9;
		padding:10px 20px 20px 20px;
	}
	.modal li, .modal ul{
	    list-style:none;
	    margin:0;
	    padding:0;
	}    
	.modal label{
	    display:block;
	    width:200px;
	    margin-top:10px;
	}
	.modal input{
	    width:300px;
	}
	.modal textarea{
	height:100px;
	width:300px;
	}
	
	
/* Miscellaneous Styles */

#content.metadata {
width: 775px;
margin-left: 90px;
}

.accent {
background-color:#EFEDEA; 
color:#000; 
padding: 8px;
font-weight:bold;
}

.highlight {
background-color:#DDE9E4;
}

.tiny {
font-size: 80%;
color:#577489;
}

.contactAddress {
width:351px;
border-top: #666 thin solid;
margin-top: 2em;
margin-right:150px;
text-align:left;
}
		
.window_close {
text-align:center;
}

.alert {
color:#CC0000;
font-weight:bold;
}

.accentBox{      /*  impromptu floating boxes  ------------------------- */
	border: 0.25px solid #eee;
	border-radius: 10px;
	-moz-border-radius:10px; /* Firefox 3.6 and earlier */
	padding: 0.10em 0.75em 0.25em 0.75em;
	background-color:#ebe9e5;
}

.boxed {
width: 50%;
border: #6A94B4 dotted thin;
padding: 0.5em;
}

.boxedPlain {
width: 50%;
padding: 0.5em;
margin-left: 1.5em;
}

#enterprisePriorities {
	width: 92%;
	background-color: #F7F8F9;
	border: #6A94B4 dotted thin;
	padding: 0.5em;
	text-align: center;
}

#enterprisePriorities h5 {
	width: 103%;
	background: #577489;
    margin:-5px -5px -5px -5px;
	padding:5px 3px 5px 3px;
	font-size: 110%;
	font-weight: bold;
	letter-spacing:0.1em;
	text-align:center;
}

#updated {
	width: 450px;
	border:#ffd253 dotted medium;
	background-color:#fcf6e4;
	border-radius:7px;
	-moz-border-radius:7px; /* Firefox 3.6 and earlier */
	padding: 0.3em;
	text-align:left;
	color:black;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}

#updated a,a:visited {
	text-decoration:none;
}

#updated a:hover {
	text-decoration:none;
	font-weight:bolder;
}

.scorecards {
	float:right;
	padding: 0 0 0 1.5em;
	margin: 0 0 1em 2em;
	border-left:#999 thin dotted;
	text-align:center;
}

.dropShadow {
/* test to see if needed -moz-box-shadow: 5px 5px 3px #888;
-webkit-box-shadow: 5px 5px 3px #888; --------------------------*/
box-shadow: 4px 4px 2px #999;
}

/* Custom Reporting styles ---------------------------*/

#content.reports { width: 575px; }
#content.reports li { list-style-image: none; }

ul#tabs li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}

ul#tabs li a {
	display: block;
	width: 200px;
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}

ul#tabs li a.active {
	color: #0088dd;
	border: 1px solid black;
}

ul#tabs li a.inactive {
	color: #cccccc;
	border: 1px solid #cccccc;
}

.customReportsSection {
	float: left;
	width: 210px;
	padding: 10px;
}

.customReportsSection a.expandable {
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	color: black;
	padding-left: 12px;
	background: url(../images/expand.gif) center left no-repeat;
}

.customReportsSection a:hover { text-decoration: none; }

.customReportsSection label {
	font-size: 0.8em;
}

.customReportsSection input { margin-left: 20px; }

/* FOUND IN FILES */

.redText {
	color: #990000;
}