@charset "UTF-8";
/* CSS Document */

body { 
	font: 12px/18px Helvetica Neue, Arial, Lucida Grande, Verdana, Geneva, sans-serif; 
	/*font: 12px/18px Georgia, "Times New Roman", Times, serif;*/
    background-color: #bfcde0;
    color: #000;
	padding: 0;
	margin: 0;
	}
	
	input, button { 
	
	font-family: Helvetica Neue, Arial, Lucida Grande, Verdana, sans-serif;
	
	}


header, nav, #container, footer	{
	width: 960px;
	margin: 0 auto;
	clear: both;
	display: block;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-box-shadow: 0 5px 5px #666;
	-moz-box-shadow: 0 5px 5px #666;
	box-shadow: 0 5px 5px #666;
}

footer { border-bottom: 2px solid #fff; }

header {  margin-top: 5px; border-top: 2px solid #fff; height: 140px;}

header h1, header img 	{ display: block; padding: 0; margin: 0;}
header h1	a			{ text-indent: -9999px; height: 140px; display:block; background: #1b436f url(images/header-1.jpg) no-repeat center top}
header h1.rp-logo	a	{ text-indent: -9999px; height: 140px; display:block; background: #1b436f url(images/header-1a.jpg) no-repeat center top}
header div#pde-logo 	{ float: right; }


.home li  
{
    margin-left: 30px;
     }


#container h3.closed, #container h3.opened, #earned_score_math h3.closed, #earned_score_math h3.opened { cursor: pointer; }

#container .info h3.closed, #container .info h3.opened, #earned_score_math h3.closed, #earned_score_math h3.opened { 	
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: 1px; 
	font-size: 11px;
     }

#container h3.closed,
#earned_score_math h3.closed
          {
          background-image:  url('images/close_tree_16.png');
          background-position: 6px 12px;
          background-repeat: no-repeat;
          padding-left: 26px;
          }
     
      
#container h3.opened,
#earned_score_math h3.opened
          {
          background-color: #BFCDE0;
          color: #333333;
          background-image:  url('images/open_tree_16.png');
          background-position: 6px 12px;
          background-repeat: no-repeat;
          padding-left: 26px;
          }
 
 #container h3.opened:hover,
 #earned_score_math h3.open:hover { 
	background-color: #195071;  
	color: #fff; 
 }         

.small-text { font-size: 10px; line-height: 12px; }

/* Main Site Navigation :::::::::::::: */

	nav ul, footer ul {
		list-style: none;
		
		display: block;
		margin: 0;
		padding: 0 15px;
	}
	
	/* Top level */
	nav li, nav li a	{ position: absolute; }
	
		nav li a 			{ 
								color: #694000; 
								text-decoration: none; 
								font-weight: bold;
								display: block; 
								height: 23px; 
								padding-top: 10px; 
								text-align: center;
								font-size: 14px;
								}
		nav li  a 			{ width: 202px; background: url(images/tab.png) no-repeat left top; }
		nav li.first  a		{ left: 0px; 	z-index: 109; }
		nav li.second  a	{ left: 183px; 	z-index: 108; }
		nav li.third  a		{ left: 362px; 	z-index: 107; }
		nav li.forth  a		{ left: 543px; 	z-index: 106; }
		nav li.fifth  a		{ left: 724px; 	z-index: 105; }
	
	/* Sub level */
	nav li ul { 
		font-size: 10px;
		position: absolute; 
		top: 33px; 
		width: 948px;
		height: 30px;
		padding: 0 6px;
		display: none;
		background: url(images/subnav-bg.gif) no-repeat center bottom; 
		}
		nav li ul li { float: left; position: relative; } 
			nav li ul li a { 
				background: url(images/subnav-marker.gif) no-repeat center 100px; 
				display: block; 
				height: 18px;
				padding: 2px 9px 1px;
				margin: 3px 1px 0;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;	
				-moz-border-radius: 3px;
				border-radius: 3px;
				float: left;
				text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
				}
				
				nav li ul li div {  } 
	
	/* Hover and active states */
	/* Top level */
	nav li:hover ul, nav li.active ul		{ display: block; }
	nav li a:hover, nav li a.active			{ color: #000; }
	nav li:hover  a, nav li  a.active	{ background-position: left bottom; z-index: 120; }
	nav li:hover  a						{ background-position: left -33px; }
	
		/* Sub level */
		nav li ul li:hover a 					 			{ color: #fff; background-color: #004358; }
		nav li ul li a.active, nav li ul li a:hover.active	{ color: #000; font-weight: bold; height: 24px; background-position: center bottom; background-color: transparent; }

a img { border: none; }

#container { background: #fff; padding: 20px 0 0; width: 960px; }

#container.home { background: #fff; padding-bottom: 30px; }


#container h2 {
	color: #000;
	background: none;
	padding: 0 5px 10px 30px;
	.padding-top:21px;
	font-size: 24px;
	clear: both; 
	float: left;
}

#container .contact-page h2 { float:none; }

#container .contact-page p, #container .contact-page h4 { padding: 0 35px 10px; }

#container h3, #scatter-list h3, #earned_score_math h3 { 
	clear: both;
	padding: 8px 10px 10px;
	margin: 0;
	background: #195071;  
	display: block; 
	color: #fff; 
	padding: 10px;
	
	}
	
	div.compare-list div.school-list  {margin-top: 0; margin-bottom: 2px;}
	div.compare-list div.school-list:first-child { margin-top: 20px !important;}
	
	
	
	/*#container .info h3, #container .achievement h3 {
		margin: 0;
		background: #ebf1f9;
		color: #89b4ea;
		border: none;
	}*/
	
#container h4 {
	padding: 0;
	margin: 0;
	display: block; 
	color: #000; 
	font-size: 12px; 
	
}

#container h6 { font-size: 10px; }

#container .school-report h4 { padding: 5px 0; color: #000; background: #eee;}

.main-select-text { padding-bottom: 10px; margin: 20px 0 0 35px; /*text-align: center;*/ }
.main-select-text-left { width: 394px; float: left; text-align: left;}
.main-select-text h2, .main-select-text h4, .main-select-text-left h2, .main-select-text-left h4,
.main-select-text-left h6  { padding: 0 5px !important; margin: 10px 0 0 35px !important; float: none !important;}
.main-select-text-left a.button { margin: 10px 0 0 35px !important; }

.main-select-text-left h6 { 
                            padding: 10px 10px 15px !important; 
                            -moz-border-radius: 5px;
                            border-radius: 5px;
                            background: #fff;
                            border: 1px solid #195071;
                            background: url("images/paper-bg.gif") repeat scroll left center transparent;
    border: 1px solid #E3DDCA;
                            }

select.user-type { clear:both; margin-top: 5px; width: 335px; }

.main-select-text h2, .main-select-text h4 { margin: 10px 0 0 !important; }

.home .main-select-text-left { margin-top: 0; padding-right: 20px;}
.home .main-select-text-left h2 { line-height: 28px; }
.home .main-select-text-left h4 { font-weight: normal; clear: both; margin: 10px 0 0 35px !important; display: block;}
.home { padding-bottom: 20px; }

.contact-page .main-select-text-left { width: 600px; font-size: 14px; }
.contact-info { float: right; margin-top: 30px !important; margin-right: 45px !important; width: 250px; padding-bottom: 20px !important; }
.additional-contact-info { clear: both; font-size: 12px; }
.additional-contact-info h4 { font-weight: bold !important; }

select.dimmed { opacity: .5; }

a { color: #1b436f; font-weight: bold; }
a:hover { color: #3274c7; cursor: pointer; }

button {cursor: pointer;}


#search h4, #search-center h4 { float: left; }

#mainsearch span, #mainsearch input, #zipsearch span, #zipsearch input{ float: left; margin:3px 5px 0 0; }
#mainsearch input {padding: 3px; width: 260px !important;}
#mainsearch button, #zipsearch button { 
			height: 25px; 
			width: 16px;
			border: none;
			background: url(images/search_16.png) no-repeat center center; 
			display: block;
			cursor: pointer;
			text-indent: -9999px; 
			/*
			margin-left: 373px;
			position: absolute;
            */
			margin-top: 2px;
			margin-left: -20px;
			float: left;
}

#zipsearch button { margin-left: 195px; }

#slideshow {
	margin: 10px;
    position:relative;
    height: 400px;
	float: left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#tip { 
	padding: 10px;
	background: #1b436f;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	
	z-index: 888;
	}
	

#map {
	width: 900px; 
	height: 400px; 
	margin: 0 auto 20px; 
	padding: 0 5px 5px;
	top: 10px !important; 
	/*padding-bottom: 40px !important;*/
	clear: both;
	z-index: 3;
}

#map #hotspot {position: absolute; width: 80px; height: 100px; margin: 250px 0 0 535px; background: url(images/empty.png) repeat left top; cursor: pointer;}

#map /*#hotspot*/ div.districts-hover {  position: absolute;/* display: none;*/ margin: 100px 0 0 535px; width: 180px;}
/*#map #hotspot:hover div.districts-hover { display: block; }*/

div.school-list, div.scores-list { 
	width: 900px; 
	margin: 10px auto; 
	clear: both; 
	background: #fff;
	border: 1px solid #195071;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}
	
	#earned_score_math div.school-list, #earned_score_math div.scores-list  { width: auto; }
	
	#filters-toggle, .contact-info { 
		padding: 12px 12px 10px;
		margin-right: 20px;
		margin-bottom: 20px;
		background: url(images/paper-bg.gif) repeat left center;
		border: 1px solid #e3ddca;
		}
		
		 #filters-toggle { padding: 25px 0; margin-right: 0; }
		
    /*#search { width: 360px; float: right; margin-top: 5px; margin-right: 30px; }
    
    #search-center { width: 360px;  margin: 5px auto;}*/


	div.districts-hover, .pop-up, .pop-up-scatter, .pop-up-scatter-big, .pop-up-scatter-small, .pop-up-scatter-list {
		background: #fff;
		border: 3px solid #1b436f !important;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	table.no-border, .no-border td {border: none !important;}
	
	table.no-border { /*margin-top: 10px;*/}
	
	.pop-up { padding: 10px; }
	
	.pop-up-scatter { width: 430px !important; }
	
	.pop-up-scatter-big { width: 700px !important; padding: 10px;}
	.pop-up-scatter-small { width: 400px !important; left: 60px !important; padding: 10px;}
	
	.pop-up-scatter-list { width: 492px !important; padding: 10px;}
	
	#container div.districts-hover h4 {
		clear: both;
		padding: 8px 10px 10px;
		margin: 0;
		background: #1b436f;  
		display: block; 
		color: #fff; 
		padding: 5px 10px;
		-moz-border-radius: 0; 
		border-radius: 0;
		}
	div.districts-hover h5 { font-size: 10px; font-weight: normal; margin: 0; padding: 10px 10px 0; }
	div.districts-hover ul { list-style: none; margin: 0; padding: 5px 10px 10px; }
	div.districts-hover li { margin: 0; padding: 0; }
	div.districts-hover li a { background: url(images/move_right_blue_16.png) no-repeat left center; display: block; padding: 3px 5px 3px 21px; color: #1b436f;  font-size: 11px; font-weight: bold; }
	div.districts-hover li a:hover { color: #3274c7; }
	div.districts-hover li.close	{ padding-top: 10px; }
	div.districts-hover li.close a { background: url(images/delete_16.png) no-repeat left center; color: #900;}
	div.districts-hover li.close a:hover { color: #f00; }
	
#reports {

	margin: 30px 0 0; 
	clear: both; 
}


				
				
#reports-toggle {  
	clear: both; 
	background: url(images/paper-bg.gif) repeat left center;
	margin-top: 31px;
	border: 1px solid #e3ddca;
	padding-bottom: 20px;
	}
	
	div.info, div.scores {
		/*width: 442px;
		float: left;*/
		margin-left: 93px;
	}
	
	div.info { width: 385px; }
	
	
	
	
	
	.compare-shell {width: 902px; margin: 0 auto;}
	
   div.info, div.calc, div.charts  
   {
       padding: 5px;
		border: 1px solid #195071;
		background: #fff;
	    -moz-border-radius: 5px;
        border-radius: 5px;
		width: 300px;
		}
		
    
    		
	div.calc { width: 552px; }
	
	div.info table, div.calc table, div.charts table  { width: 100%;}
	
	div.calc, .compare-table-shell { /*margin-top: 20px !important;*/ }
	
	table.compare-table td.number-right { padding-right: 50px; }
	
	table.compare-table td.bigger { font-size: 14px; padding-right: 48px; }
	
	div.demo-info table { float: left;}
	
	div.demo-info table tr td  { border-bottom: 1px solid #ddd; }

    div.info table tr td, div.charts table tr td, div.calc table tr td  { border-top: 1px solid #ddd; }
    
    td.calc-title { }
    
    div.info table tr td table.sat tr:first-child td { border-top: none; }
    	
	div.demo-info table tr th { text-align: left; font-size:12px; padding-top: 5px;  padding-bottom: 5px; /*border-bottom: 4px solid #d3d3d3;*/}
	
	.divider { /*background: #d3d3d3;*/ height: 1px; padding: 0; border-left: none !important; border-right: none !important;}
	.no-side-border { /*border-left: none !important; border-right: none !important;*/ font-weight: bold; /*padding-top: 15px;*/}
	
	.indent {padding-left: 20px; }
	
	div.school-report.compare {
		width: 564px;
		float: left;
		margin-left: 25px;
	}
	
	div.school-report.compare:first-child { width: 312px; margin-left: 30px; }
	
	.side-by-side {padding-left: 40px; padding-bottom: 40px;}
	
	#container div.school-report.compare h3.school-desc { background: #fff; color: #1b436f; }
	
	#container div.school-report.compare div.info, #container div.school-report.compare div.scores {
		margin-left: 0;
	}	
	
	#container div.school-report.compare .achievement table { /*margin-left: 50px;*/ }
	
	div.school-report div.info, div.school-report div.scores  { }
	
	
	
	div.school-report div.info table, div.school-report div.charts table, div.demo-info table, div.calc table, .compare-table-shell table, .earned-score-table-shell table {
		padding: 0 8px;
		padding: 0;
		font-size: 11px;
	}
	
	.compare-table-shell table, .earned-score-table-shell table { width: 890px; margin-top: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
    
    .earned-score-table-shell table { width: 660px; }
	
	.compare-table-shell table tr td, .earned-score-table-shell table tr td { border-right: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; vertical-align: middle;}
	.compare-table-shell table tr:first-child td, .earned-score-table-shell table tr:first-child td { border-top: none; }
	.compare-table-shell table tr td:first-child, .earned-score-table-shell table tr td:first-child { border-left: 1px solid #d3d3d3; }
	
	table.safety-small {border: 1px solid #d3d3d3; width: 100%; font-size: 11px;}
	
	table.safety-small tr td {border-left: 1px solid #d3d3d3; text-align: center;}
	table.safety-small tr td:first-child {border-left: none;}
	
	 div.demo-info table { margin: 10px 8px;}
	
	.charts p, .info p, .calc p { padding: 10px 0 8px; margin: 0; text-align: center; font-size: 10px; }
	
	
	tr.indy-grade td { padding: 10px;}
	
	tr.alt, td.alt { background-color: #eee; }
	
	table tr td { vertical-align: top; }
	table tr td { vertical-align: top; }
	td.address { padding-right: 25px;}
	
	table.sat { padding: 0 !important; margin: 0; }
	table.sat .sat-sub { width: 65px;}
	table.sat .sat-sub-score { text-align: right; }
	
	.school-list h3 em, .school-list h3 div { float:left; }
	.school-list h3 .toggle-intro { margin-left: 190px; margin-right: 5px;}
	.school-list h3 .toggle { margin-left: 5px; }
	
	.number-right { text-align: right; }
	.number-center { text-align: center; /*padding-left: 0 !important;*/ padding-right: 0 !important; }
	
	div.school-report div.scores .achievement > div { float: left; padding: 10px; }
	
		div.scores-overview-district, div.scores-overview { }
		div.scores-overview table, div.scores-overview-district table { float: left; margin-left: 23px; }
		div.scores-overview table:first-child, div.scores-overview-district table:first-child { margin-left:0; }
		
		div.demo-info, div.overall-grade, div.compare-table-shell { 
			border: 1px solid #195071;
			background: #fff;
	        -moz-border-radius: 5px;
            border-radius: 5px;
			}
		
		div.compare-table-shell { margin-top: 20px; padding: 5px;}
		div.demo-info { padding: 5px; }
		div.overall-grade 
		{
		    font-size: 14px; 
			color: #000; 
			font-weight: bold; 
			text-align: center; 
			padding: 5px;  
			height: 300px; 
			width: 228px;
			/*border: 1px solid #ccc;*/
			}
			
		.compare div.overall-grade {width: 300px; }
		
		.compare .scores { /*margin-bottom: 20px !important;*/}
		
		.calc { width: }
			
			h5 { margin:0; 
			     padding: 10px 0px 10px 0px;
			     
			     background: #eee; 
			      
			     font-size: 12px; 
			     text-align: center; 
			     -moz-border-radius: 3px; 
			     border-radius: 3px; 
			     border: 1px solid #ccc;
			     -moz-box-shadow: inset 0 0 3px #ddd; 
			     box-shadow: inset 0 0 3px #ddd;
			     }
			     
			  h5.title
			  {
			     background: #195071;
			     color: #fff;
			     -moz-border-radius: 4px 4px 0 0; 
			     border-radius: 4px 4px 0 0;
			     border: none; 
			     
			     -moz-box-shadow: none; 
			    box-shadow: none;
			    font-size: 18px;
			  }
			  h5.alt-title-size { font-size: 17px; }
			
			.overall-grade h5  
			{
			    height: 100px;
			    margin-bottom: 10px; 
			    font-size: 10px; 
			    line-height: 12px; 

			   }
			
			
			h5 p { font-size: 10px !important; font-weight: normal !important; padding: 0 0 !important; margin: 0 !important; }
			
			h6.graph-chart-title { font-size: 16px; margin: 0 0 10px 0; padding: 0; text-align: center; }
		
		
		.school-report { width: 900px; margin: 25px auto 0; }
		.shadow, .charts-shadow { background: url(images/shadow.png) no-repeat right bottom; padding-bottom: 15px;}
		.charts-shadow { margin-top: 0 !important; }	
		
		select#charts-graphs { margin: 10px 0 0; width: 300px; }
		
		/*.fastfacts {width: 300px !important; margin: 0 auto !important;}*/
		
		
		.achievement a { text-decoration: none; }
		.sample a { text-decoration: underline; padding-top: 20px; padding-bottom: 20px; display: block; }
		div.overall-grade span 
		{
		    height: 50px;
            line-height: 70px;
            font-size: 45px; 
            font-family: Georgia, "Times New Roman", Times, serif;
            }
            
            div.overall-grade span.percent   
            {
             font-size: 18px;
            line-height: 16px;
            display: block; clear: both;}
            
        div.overall-grade p 
		{  
		    padding-top: 11px;
		    height: 60px; 
		}
		
		.scores div.overall-grade img { width: 220px; margin: 0 auto; display: block; clear: both; }
		
		div.overall-grade span.disclaimer { display: block; font-size: 10px; font-weight: normal; line-height: 12px; margin-top: -15px; padding-top: 0; color: #000;}
        span.demo-disclaimer { clear: both; display: block; font-size: 10px; font-weight: normal; width: 100%; text-align: center;}
	
	div.school-report > div { margin-top: 0; }
	
		div#selections > div h3, div#filters select, div#filters input  { width: 400px; margin: 2px 0;}
		
		
		
		

		select.trends { float: right; margin-top: 26px; margin-right: 40px;}
		
		
			.grade 	        { color: #000; font-weight: bold; padding: 10px 15px; margin-right: 5px; float: left; -moz-border-radius: 3px; border-radius: 3px;}
			div.grade	    { padding: 10px 15px; }
			span.grade      { padding: 0 5px;}
			.a	span		{ color: #6686da; }
			.b	span		{ color: #9fd4fc; }
			.c	span		{ color: #8acf8a; }
			.d	span		{ color: #f2e25d; }
			.f	span, .red	{ color: #e27575; }
			.tbd span		{ color: #999; }
			.id-bg span     { color: #000; }
			
			span.plus {font-size:36px !important; line-height: 36px !important;}

			
			.a-bg, .a-bg a           { background: url(images/high_exceed.png) no-repeat !important; color: #000; font-weight: bold; font-size: 12px;}
			.b-bg, .b-bg a           { background: url(images/exceed.png) no-repeat !important; color: #000; font-weight: bold; font-size: 12px;}
			.c-bg, .c-bg a           { background: url(images/meets.png) no-repeat !important; color: #000; font-weight: bold; font-size: 12px;}
			.d-bg, .d-bg a           { background: url(images/mod_unmet.png) no-repeat !important; color: #000; font-weight: bold; font-size: 12px;}
			.f-bg, .f-bg a           { background: url(images/unmet.png) no-repeat !important; color: #000; font-weight: bold; font-size: 12px;}
			.star-bg, .star-bg a     { background: #000 !important; color: #000; font-weight: bold; font-size: 12px; }
			.tbd-bg, .tbd-bg a       { background: #aaa !important; color: #000; font-weight: bold; font-size: 12px; }
			.id-bg,  .id-bg a        { background: #000 !important; color: #000; font-weight: bold; font-size: 12px; }
			
			.color-box              { width: 16px; height: 16px; position: absolute;  .position: relative; .float: left; }
			
			.compare-table-shell .tbd-bg  { padding-right: 0!important; text-align: center; }
			
			td.indicator { padding-top: 20px; }
			
			table.horizontal-key tr td { white-space: nowrap; }
			
			.compare-table-shell table.horizontal-key , .horizontal-key { width: 600px; margin: 0 auto; }
			.compare-table-shell table.horizontal-key table { width: auto; border: none; margin-top: 0;}
			.compare-table-shell table.horizontal-key { margin-top: 10px; }
			    .horizontal-key td { /*width: 80px; text-align: center;*/ vertical-align: top !important; font-size: 9px; border: 1px solid #ccc !important; }
			    .horizontal-key td .color-box, .vert-key td .color-box { position: relative; float: left; margin-right: 3px; }
			 
			 .vert-key { float: left; width: 110px; /*height: 297px;*/ padding: 5px; border: 1px solid #ccc; background: #fff; -moz-box-shadow: inset 0 0 3px #ddd; box-shadow: inset 0 0 3px #ddd;
			             -moz-border-radius: 5px; border-radius: 5px;}
			             
			  .vert-key .key-title { font-weight: bold; color: #999;}
			  
			 
			  
			  .vert-key td { vertical-align: middle; font-size: 9px; line-height: 11px; background: #fff; border: 1px solid #ccc;}
			  .vert-key .grade-numbers td, .horizontal-key .grade-numbers td {border: none !important;}
			  table.grade-numbers { width: auto !important;}
			  .vert-key span {padding-top: 3px; display: block; float: left;}
			  .compare-table td span { float: right;}
			  
			  .grade-numbers td.number-right { padding-left: 0px;}
			    
	a.button, a.button-submit { 
	text-decoration: none;
	font-weight: bold;
	width: 200px;
	margin: 0 auto;
	padding: 5px 10px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #333;
	background: #dedede url(images/btn.png) repeat-x left center;
	border: 1px solid #aaa;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	}
	
	.main-select-text-left a.button { width: 100px; }
	
	a.button-submit { width: 70px; margin-top: 20px; }
	
	a.pie 
	{
	    margin:0; 
			     padding: 10px;
			     color: #000;
			     background: #eee;
			     /*background: #dedede url(images/btn.png) repeat-x left center;*/

			      display: block;
			     font-size: 12px; 
			     text-align: center; 
			     text-decoration: none;
			     -moz-border-radius: 3px; 
			     border-radius: 3px; 
			     border: 1px solid #ccc;
			     -moz-box-shadow: inset 0 0 3px #ddd; 
			     box-shadow: inset 0 0 3px #ddd;
	    }
	    a.pie img { display: block; float: right; margin-top: -3px;}
	    
	    .info h3.pie img { display: block; float: right; margin-top: -3px;}
	    
	    td.no-border { border: none !important;}
	
	a#view_calculations, a#_view_calculations, a.view_calculations { background: url(images/search_16.png) no-repeat left center; 
	                      paading-left: 18px; width: 160px; margin: 0 auto; font-size: 14px; 
	                      text-decoration: none; font-weight: bold;}
	
	#state-district-buttons { width: 464px; margin: 0 auto; padding-bottom: 20px; }
	#state-district-buttons a.button { float:left; }
	#state-district-buttons a.button:first-child { margin-right: 20px; }
	
	a.button-cyber  
	{
	width: 200px;
	font-weight: bold;
	margin: 20px auto;
	padding: 5px 10px;
	display: block;
	color: #333;
	text-align: center;
	text-decoration: none;
	background: #dedede url(images/btn.png) repeat-x left center;
	border: 1px solid #aaa;
	-moz-border-radius: 5px; 
	border-radius: 5px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	}

    a.stats { padding: 5px 10px 5px 0;  margin-top: 15px; margin-left: 35px; display: block;}
    a.stats img { padding-right: 3px; border: none; }
    
	a.button-cyber img { padding: 2px 5px 0 0; float: left; }
	
	a.button-cyber span { float: left; }
	
	.pop-up h4 {padding: 3px 0; margin: 0;}
	
	a.close-btn, a.close-btn-small, a.close-btn-scatter, a.close-btn-medium,  a.close-btn-scatter-list {background: #fff url(images/delete_16.png) no-repeat 5px 4px; display: block; width: 40px; height: 16px; padding: 2px 0px 5px 22px; 
	             text-decoration: none;
	             margin: -25px 0 5px 814px; 
	             -moz-border-radius: 5px; 
	            border-radius: 5px;
	            border: 1px solid #1B436F !important;
	    }
	    
	    .earned-score-table-shell a.close-btn { margin-left: 600px; }
	    
	    a.close-btn-small { margin: -25px 0 5px 238px; }
	    a.close-btn-scatter { margin: -15px 0 5px 350px; }
	    a.close-btn-medium { margin: -25px 0 5px 550px; }
	    
	    a.close-btn-scatter-list { margin: -25px 0 5px 420px; }
	    
	    #ContactFormContainer a.close-btn-small { margin: -25px 0 5px 355px; }
	    
	    
	    
	    .pop-up-scatter-big a.close-btn-scatter { margin: -25px 0 5px 635px; }
	    .pop-up-scatter-small a.close-btn-scatter { margin: -25px 0 5px 335px; }
	    
	
	a.button:hover, a.button-cyber:hover, a.pie:hover { border: 1px solid #666;}
	
	.breadcrumbs { margin-left: 24px; padding-bottom: 20px; clear: both;}
	
	.back {
		background: url(images/move_left_blue_16.png) no-repeat left center; display: block; padding: 3px 5px 3px 21px; color: #1b436f; font-size: 11px; font-weight: bold; margin-left:5px; float: left;
	}
			
	
footer { background-color: #241E14; color: #fff; padding: 25px 0 10px 20px; width: 940px; }

	footer #footernav-copyright { background: url(images/pa-keystone-footer.gif) no-repeat left 3px; padding: 10px 0 10px 30px; float: left; }
	#footernav { float: right; padding: 10px 30px; text-align: right;}
	#footernav a { color: #fff; }


/* GridView */

table.GridView { 
				/*width: 100%;*/
				-moz-border-radius: 3px;
				border-radius: 3px;
				}

table.GridView tr.header  {
				background:#BFCDE0;
				color: #1b436f;
				font-size:10px;
				text-align: left;
				
}

#selections-large div.school-list table.GridView { background: #ebf1f9; }

.GridView tr.header td {
	padding: 3px 10px;
}
	
.GridView td, .GridView th { border-top: 1px solid #1b436f; }

        
.GridView .header td, .GridView .header th { font-size: 10px; font-weight: bold; }

.GridView tr, .GridView td, .GridView th { padding: 8px 10px;}

#scatter-list .GridView td { padding: 2px 10px; }


.GridView .name {width: 560px;}

.GridView .district, .GridView .miles, .GridView .grades { width: 150px; }

p.footnote {font-size:10px; font-style:italic; line-height:normal;}
    
	
/* Gray Tab nav used for showing/hiding divs */	
       #filters  
       {
           clear: both; 
           width: 895px; 
           /*float: left;*/ 
           margin: 10px auto 0; 
           padding-bottom: 0;
           }
           
           .compare-list-filters { width: 871px !important; }
          
       #filters ul { margin: 0; padding: 0;}
       #filters ul.tabs li { 
            display: block;
            float: left;
            margin-left: 1px;
            margin-bottom: -1px;
            width: 223px;
            text-align: center;
            }
            
            .compare-list-filters ul.tabs li { width: 217px !important; }
            
             #filters ul.tabs li:first-child { margin-left:0; }
            
           #filters ul.tabs li a{
                font-size: 12px;
                font-weight: bold;
                color: #fff;
                display: block;
                padding: 8px 3px 6px;
                background: #e3ddca url(images/paper-bg-dark.gif) repeat left center;
                border: 1px solid #e3ddca;
                text-decoration: none;
                }
                
               #filters ul.tabs li a:hover, #filters ul.tabs li a.active 
               {
                    color: #000;
                    background: #f8f2d6 url(images/paper-bg.gif) repeat left center;
                    border-bottom: 1px solid #f8f2d6;
                    }
                    
               #filters ul.tabs li a.active {font-weight: bold;}
              
    
                #filters div#filters-toggle {
                    clear: both;
                    }
                    
                     #filters div#filters-toggle div { width: 400px; margin: 0 auto; }
                     
                     
                     

div#filters div#filters-toggle div#zip { width: 705px;}

span.adv-search-filter-group, span.adv-search-filter-group2 { clear: both; background: #fff; -moz-border-radius: 5px; 
	border-radius: 5px; display: block; padding: 5px; margin-bottom: 10px; border: 1px solid #195071;}

span.adv-search-filter-group h3, span.adv-search-filter-group2 h3   
{
    -moz-border-radius: 4px 4px 0 0; 
	border-radius: 4px 4px 0 0;  }
span.adv-search-filter-group h5, span.adv-search-filter-group2 h5 { margin-bottom: 10px; }	
span.adv-search-filter-group form.adv-search-filter { height: 170px;}

span.adv-search-filter-group2 form.adv-search-filter  { height: 210px;}

form.adv-search-filter 
{
    display: block;
    width: 145px;
    padding: 3px;
    margin: 10px;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 5px; 
	border-radius: 5px;
	float: left;
    }
    
    div#filters #zip form.adv-search-filter input  { width: 40px; clear: both; float: left; }
     div#filters #zip form.adv-search-filter label  {float: left; }
     
     div#filters #zip form.adv-search-filter input.box { clear: none;  }
     
    div#filters #zip a.button-submit {clear:both;}
    
    select#inst-type { margin: 0 140px 10px !important;}
    
    
 /* Feedback */
 
 .ContactUsForWhat {
    margin: 0 auto;
    width: 960px;
}

.contact-items {
    float: left;
    margin-bottom: 10px;
    margin-top: 20px;
}

.contact-about {
    
    display: block;
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    width: 450px;
}

.download 
{
    display: block;
    float: left;
    margin: 10px;
    padding: 5px;
    width: 288px;
    
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #195071;
    border-radius: 5px 5px 5px 5px;
    
}

.download tr td { padding: 5px 10px; }

#container div.contact-about h2, .download h2 { padding-bottom: 0;  }
#container div.contact-about h2 a, .download h2 a {
    border-bottom: 1px solid #CCCCCC;
    display: block;
    font-size: 15px;
    height: 20px;
    margin-bottom: 8px;
    padding: 8px 0 8px 38px;
    width: inherit;
    text-decoration: none;
    font-size: 18px;
}

h2.help a {
    background: url("images/help-32.png") no-repeat scroll 0 0 transparent;
    padding-left: 40px;
}

h2.comment a {
    background: url("images/comment-32.png") no-repeat scroll 0 0 transparent;
    padding-left: 40px;
}

h2.error a {
    background: url("images/error-32.png") no-repeat scroll 0 0 transparent;
    padding-left: 40px;
}

.download h2  { padding: 0 !important;}
.download h2 a { background-image: none !important; padding-left: 0 !important; padding-bottom: 0 !important;}

.contact-about a {
    font-weight: bold;
}



#ContactFormContainer {
    position: absolute;
    width: 420px;
}

#ContactUsForm {
    background-color: #FFFFFF;
  
    padding: 0 30px 30px;
    margin-bottom: 20px;
}

#container #ContactUsForm h2, #container #ContactUsForm p { padding: 0; }

#ContactUsForm a.button-submit { float: left; margin-right: 10px;}

#ContactUsForm label { padding-top: 10px; display: block; }

#earned_score_math .school-list table, #earned_score_math .scores-list table {  width: 100%; margin: 0 !important; }
#earned_score_math .school-list table { border: none !important;}
#earned_score_math .school-list td { border: none !important; }








.overall-grade.new-chart { height: auto; }   
.overall-grade.new-chart h5 { height: auto; }




ul.badges {
	position: absolute;
    right: 30px;
    top: 10px;
    margin-top: 0;
    padding: 5px;
    border: 1px solid #CBCBCB;
    border-radius: 5px;
}
ul.badges li {
	height: 26px;
    padding: 0 41px 4px 2px;
	color: #999;
    font-size: 13px;
    font-weight: bold;
    line-height: 26px;
    list-style-type: none;
}
ul.badges li:last-child { padding-bottom: 0; }
ul.badges li.safety {
	background: url(images/score-badge-safety.png) top right no-repeat;
}
ul.badges li.academic {
	background: url(images/score-badge-academic.png) top right no-repeat;	
}
ul.badges li.fiscal {
	background: url(images/score-badge-fiscal.png) top right no-repeat;
}




/* May 2013 Changes */

.breadcrumbs a {
	text-decoration: none;
}

.school-list table tr td a {
	background: url(images/move_right_blue_16.png) no-repeat left center;
	padding-left: 20px;
	padding-top: 1px;
}