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

body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
div.logos {
	padding:1em;
}
div.logos .logo.left {
	float:left;
}
div.logos .logo.right {
	float:right;
}
div.logos a img {
	border:0px;	
}
#wrapper {
	font-size:13px;
	line-height:120%;
	height:1100px;
	height:auto;
	overflow:hidden;
	border-top:1px solid #ddd;
	display: inline-block;
}

#tableWrapper {
	margin-bottom:1em;
    max-height: 800px;
    overflow: auto;
}
#selectTableWrapper h2{
	margin:0px;
	padding:0px;
	padding-bottom:0.3em;
}

#selectTableWrapper .legendEntry {
	margin-bottom:2em;	
	border-bottom:1px solid #aaa;
	padding-bottom:1em;
}

#selectTableWrapper .legendEntry span.label {
	font-size:14pt;	
	line-height:18pt;
}

select{
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
}
select#stateSelector {
	font-size:14pt;
	line-height:1.5em;
	background-color:#eee;
		
}

select#percentSelector{
	height:12.5em;	
	vertical-align:top;
	background-color:#eee;
	border:0px;
}

select#districtSelector{
	height:20em;
	vertical-align:top;
	border:0px;	
}
select#districtSelector option, select#percentSelector option {
	background-color:#eee;
	font-size:14pt;
	padding:0.2em;
	border-bottom: 1px solid #ccc;	
}

#legendWrapper {
	text-align:center;
	width:90%;
	padding:5%;
	background-color:#fff;
}
#legendWrapper table td {
	padding:0.4em;	
}
#restWrapper {
	height:100%;
	overflow-y:hidden;
}

div#selectArea {
	padding:5px;
	height:100%;
	width:350px;
	float:left;
	background-color:#FBF9F0;
	border-right:1px solid #ccc;
	overflow-y:auto;
	/*-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    5px 5px 20px rgba(0, 0, 0, 0.2);
	box-shadow:         5px 5px 20px rgba(0, 0, 0, 0.2);*/
	
}

div#ajaxLoaderDisplay {
	display:none;	
	width:100%;
	text-align:center;
	z-index:200;
}

table {
	border-collapse:collapse;
	max-height:100%;
}

div.blueHeader, div.grayHeader {
}

div.headerWrapper {
	background-color:#fff;
}

table.legend td {
	padding:3px;	
}

table tr.blueHeader td, table tr.blueHeader th, div.blueHeader{
	padding-top:1em;
	background-color:#fff;
	color:#000;
	line-height:150%;
	font-size:18px;
	text-align:center;
}

table tr.grayHeader td, table tr.grayHeader th, div.grayHeader{
	cursor:pointer;
	color:#000;
	background-color:#fff;
	padding-bottom:1em;	
}


table th div.tablesorter-header-inner {
	height:100%;
	width:100%;	
	margin:0px;
	padding:0px;
}

table th {
	vertical-align:bottom;
	text-align:center;
	border:0px;	
	border-spacing:0px;
	border-bottom:1px solid #aaa;
}


table td {
	vertical-align:top;
	text-align:left;	
	font-family:arial, sans-serif;
}

table#dataTable tr.dark0 td, table.legend tr.dark0 td {
	background-color:#ffffff;	
	border-bottom:1px solid #cccccc;
}
table#dataTable tr.dark1 td, table.legend tr.dark1 td {
	background-color:#d9e2e7;
	border-bottom:1px solid #aab1b5;
}
table#dataTable tr.dark2 td, table.legend tr.dark2 td {
	background-color:#b4c6cf;
	border-bottom:1px solid #87959c;
}
table#dataTable tr.dark3 td, table.legend tr.dark3 td {
	background-color:#92a9b7;
	border-bottom:1px solid #6a7a85;
}
table#dataTable tr.dark4 td, table.legend tr.dark4 td {
	background-color:#516e80;
	color:#fff;
	border-bottom:1px solid #30424d;
}

table#dataTable {
	width:100%;	
	font-size:12pt;
	/*table-layout:fixed;*/
}
table#dataTable .tablesorter-header-inner {
	height:auto;	
}

table#dataTable *[data-colid="state"], 
table#dataTable *[data-colid="school_district"],
table#dataTable *[data-colid="school"] {
	text-align:left;
	max-width:400px;
	width:10%;
}
table#dataTable *[data-colid="school_district"],
table#dataTable *[data-colid="school"] {
	width:25%;
}
table#dataTable *[data-colid="isp"],
table#dataTable *[data-colid="participation"] {
	text-align:center;
}
table#dataTable *[data-colid="enrollment"] {
	text-align:right;
	width:50px;
}

table#dataTable td, table#dataTable th{
	padding:0.4em;
	color:#000;
}
table#dataTable th {
	vertical-align:bottom;	
}
table#dataTable td {
	vertical-align:middle;	
}
@media (max-width:1420px) {
	table#dataTable *[data-colid="state"], 
	table#dataTable *[data-colid="school_district"],
	table#dataTable *[data-colid="school"] {
		text-align:left;
		max-width:400px;
		width:10%;
	}
	table#dataTable *[data-colid="school_district"],
	table#dataTable *[data-colid="school"] {
		width:30%;
	}	
}
@media (max-width:1100px), (max-height: 1070px) {
	table#dataTable {
		font-size:11pt;	
	}
	div#selectArea {
		width:250px;	
	}
	select#stateSelector {
	font-size:12pt;
	}

	select#percentSelector{
		height:10.5em;	
	}
	
	select#districtSelector{
		height:16em;
	}
	select#districtSelector option, select#percentSelector option {
		font-size:12pt;
	}
	#selectTableWrapper .legendEntry span.label {
		font-size:12pt;
		line-height:16pt;
	}
}
@media (max-width:920px), (max-height:1000px) {
	table#dataTable {
		font-size:9pt;	
	}
	div#selectArea {
		width:220px;	
	}
	select#stateSelector {
		font-size:10pt;
	}

	select#percentSelector{
		height:8em;	
	}
	
	select#districtSelector{
		height:16em;
	}
	select#districtSelector option, select#percentSelector option {
		font-size:10pt;
	}
	#selectTableWrapper .legendEntry span.label {
		font-size:10pt;	
		line-height:12pt;
	}
	div#selectArea h2 {
		font-size:12pt;
	}
}
@media (max-height:950px) {
	div#selectArea h2 {
		font-size:9pt;
	}
	select#percentSelector{
		font-size:9pt;
		height:8em;	
	}
	select#districtSelector{
		height:13em;
	}
	.hideSmall {
		display:none;	
	}
	#selectTableWrapper div.legendEntry {
		padding:0px;
		margin:0px;
		margin-top:0.3em;
		border:0px;	
	}
}
@media (max-height:710px) {
	select#percentSelector{
		height:8em;	
	}
	select#districtSelector{
		height:8em;
	}
}
@media (max-width:720px) {
	body {
		height:auto;
		overflow-y:auto;
		min-width:500px;	
	}
	div#wrapper {
		border-top:0px;	
	}
	div.logos {
		display:none;	
	}
	div#selectArea {
		height:auto;
		width:400px;
		padding:10px;
		float:none;	
		margin-left:auto;
		margin-right:auto;
		overflow:visible;
	}
	div#restWrapper {
		float:none;	
	}
	div#tableWrapper {
		max-height:900px;
		overflow-y:scroll;
		border:1px solid #ddd;
		margin-top:1em;	
		top:0px;
	}
	#selectTableWrapper select {
		float:right;
		width:82%;
	}
	#selectTableWrapper .radioSelectArea {
		float:right;
		width:82%;	
	}
	#selectTableWrapper h2 {
		float:left;	
	}
	#selectTableWrapper div.legendEntry {
		padding:0px;
		margin:0px;
		margin-top:0.3em;
		border:0px;	
	}
	.hideSmall {
		display:none;	
	}
	div#selectArea h2 {
		font-size:10pt;
	}
	
	select#stateSelector {
		font-size:9pt;
	}

	select#percentSelector{
		height:7em;	
	}
	
	select#districtSelector{
		height:13em;
	}
	select#districtSelector option, select#percentSelector option {
		font-size:9pt;
	}
	#selectTableWrapper .legendEntry span.label {
		font-size:9pt;	
		line-height:11pt;
	}
	#legendWrapper {
		font-size:8.5pt;
	}
}
	
.headerWrapper {
	padding:0 1em;
}

#technicalNotesWrapper {
	padding:1em;
}