/* MAIN STYLES */
body {
  background-color: #FFF;
  font-family:Arial,Helvetica,sans-serif;
}

#main,
.inner {
  margin: 0 auto;
  padding: 0 15px;
  width: 930px;
}

/*General navigation link styles*/
ul.links {
  padding:0;
  margin:0;
  font-family:'Trebuchet MS',sans-serif;
}
ul.links li {
  display:inline-block;
  list-style:none;
  padding:0 10px;
}
ul.links a {
  text-transform:uppercase;
  font-size:14px;
}


#main-inner {
  /*background: transparent url(images/bg-main-inner.png) 0 0 no-repeat;*/
}

#header {
  height: 167px;
  background:#c3c95b url('images/header-bg.jpg') center top no-repeat;
}

#logo {
  display:block;
  float:left;
  text-indent:-999px;
  height:30px;
  margin-top:8px;
  width:208px;
  overflow:hidden;
  background:transparent url('images/napcs-logo.png') 0 0 no-repeat;
}

/* Global Nav */

#topnav-container {
  background:#2A6EBB;
  overflow:hidden;
}

#topnav {
  height:45px;
  float:right;
  text-align:right;
}

#topnav li {
  height:45px;
  line-height:45px;
}

#topnav li.multi {
  line-height: 16px;
  padding-top: 5px;
  height: 40px;
}

#topnav li a {
  color:#d3d98a;
  text-decoration:none;
}

#title {
  display:block;
  margin:0 auto;
  text-indent:-999px;
  width:538px;
  height:167px;
  overflow:hidden;
  background:transparent url('images/header.png') center center no-repeat;
}

.container {
  background: #fff;
}

/* Main Dashboard Nav */
#mainnav {
  background:#8E9300;
  overflow:hidden;
  text-align:center;
}

.mainmenuclass ul {
  height:37px;
}

.mainmenuclass ul li {
  height:37px;
  line-height:37px;
}

.mainmenuclass ul li a {
  color:#FFF;
  text-decoration: none;
}

.mainmenuclass ul.links li.selected {
  background: #ffffff;
}

.mainmenuclass ul.links li.selected a {
  color: #8E9300;
}

/* Sidebar Nav */

ul.sidemenu {
  list-style: none;
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
}

ul.sidemenu span {
  display: block;
}

ul.sidemenu li {
  width: 85%;
  background: transparent url(images/bg-sidenav.png) left bottom repeat-x;
}

ul.sidemenu li a {
  display: block;
  color: #111;
  font-weight: bold;
  text-decoration: none;
  padding: 8px 0 8px 11px;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

ul.sidemenu li.first a {
  border-top: 1px solid #d7d7d7;
}

ul.sidemenu li.selected {
  width: 91%;
  background: transparent url(images/bg-sidenav.png) left bottom repeat-x;
}

ul.sidemenu li.selected a {
  color: #2A6EBB;
  border: 1px solid #bdbcbd;
  background: transparent url(images/bg-sidenav-selected-arrow.png) center right no-repeat;
}

#footer {
  color: #666;
  font-size: .8em;
  background-color: #FFF;
  text-align: left;
  padding: 0.5em 0 0.5em 1em;
}

ul.linkmenu {
  padding: 0;
  margin: 0;
  list-style: none;
  list-style-type: none;
}

ul.linkmenu li {
  float: left;
  padding-right: 3px;
}

ul.linkmenu li a {
  color: rgb(0,56,109);
}

/* Sidebar */

.sidebar .section {
  padding: 0 12px 12px 12px; 
  background: transparent url(images/titlefader.png) 0 0 repeat-x;
  border-top: 1px solid rgb(207,207,207);
}

.sidebar .section h4 {
  background: transparent;
  color: #111;
  padding: 0;
  font-size: 1.3em;
}

.sidebar .section h5 {
  padding: 0;
  margin: 4px 0;
}

#state-links {
	
}

/* Breadcrumbs */
ul.breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.breadcrumbs li {
  float: left;
  padding: 2px;
}

ul.breadcrumbs li .separator {
  padding: 0 2px;
  color: #2A6EBB;
}

ul.breadcrumbs li a {
  color: #666;
  font-style: italic;
  text-decoration: none;
  font-size: 0.95em;
}

/* Buttons and input fields  */

input[type="submit"], input[type="button"] {
  height: 31px;
  line-height: 31px;
  background: transparent url(images/bg-button-mid-square.png) 0 0 repeat-x;
  border: 1px solid rgb(207,207,207);
  padding: 0 12px;
  text-align: center;
  text-transform: uppercase;
}

input.text, input.title, textarea, select {
  border:1px solid #BBBBBB;
  margin:0 0;
}

/* Forward/back buttons */

.prev,
.next {
  float: left;
  width: 8px;
  height: 32px;
}

.prev {
  margin-right: 8px;
  background: transparent url(images/button_prevnext.png) 0 0 no-repeat;
}

.next {
  margin-left: 8px;
  background: transparent url(images/button_prevnext.png) -9px 0 no-repeat;
}

.prev:hover, .next:hover {
  cursor: pointer;
}

.prevbutton, .nextbutton {
  width: 102px;
  height: 32px;
  float: left;
}

.prevbutton:hover, .nextbutton:hover {
  cursor: pointer;
}


.prevbutton {
  margin-right: 18px;
  background: transparent url(images/button_prev_text.png) 0 7px no-repeat;
}

.nextbutton {
  background: transparent url(images/button_next_text.png) 0 7px no-repeat;
}

.prevbutton-none, .nextbutton-none {
  display: none;
}

/* Year selector widget */

.yearsmenu {
  height: 31px;
  line-height: 31px;
  background: transparent url(images/bg-button-mid-square.png) 0 0 repeat-x;
  border: 1px solid rgb(207,207,207);
  margin-bottom: 18px;
}

.yearsmenu .yearslabel {
    float: left;
    padding: 0 10px;
    font-style: italic;
}

.yearsmenu .yearsscroller {
  /* width: 330px;*/
  margin: 0 auto;
}

.yearsmenu .yearsscroller .none { /* force dimensions to hold even when the arrow is hidden */
  width: 16px;
  height: 32px;
  float: left;
}

.yearsmenu .yearsscroller ul li {
  height: 18px;
  line-height: 18px;
  margin-top: 4px;
}

.yearsmenu .yearsscroller ul li a {
  display: block;
  padding: 2px 4px;
  background: transparent url(images/titlefader.png) 0 0 repeat-x;
  border: 1px solid rgb(207,207,207);
  text-decoration: none;
}

.yearsmenu .yearsscroller ul li.selected a {
/*  background: transparent url(images/bg-tabnav.png) 0 0 repeat-x; */
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
  background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
  
  color: #fff;
}

ul.linkmenu {
  line-height: 30px;
}

.returnbutton {
  height: 31px;
  line-height: 31px;
  padding: 0 0 0 10px;
}

.returnbutton a {
  color: #333;
  display: block;
  padding: 0 0 0 20px;
  background: transparent url(images/returnarrow.png) 0 8px no-repeat;
  border-right: 1px solid rgb(207,207,207);
}

.report-results h3 {
  background: transparent url(images/returnarrow.png) 0 0 no-repeat;
  padding-left: 20px;
}

/* Content */
h2 {
  font-size:2.5em;
  color:#2A6EBB;
  font-weight:bold;
  margin-bottom: 0.4em;
}


.flashmap {
  text-align: center;
  height: 390px;
}

.flashmap-container {
  height: 395px; 
  padding: 0px; 
  margin: 0px;
}

.titles {
    font-size: 1.2em;
    color: #2A6EBB;
    font-weight: bold;
}

h4 {
  color: #fff;
  font-weight: bold;
  height: 33px;
  line-height: 33px;
  padding-left:12px;
  margin-bottom: 0;
  /* border: 1px solid rgb(0,79,37); */
  background: #8E9300;
  font-size:1.55em;
}

div.span-12.last h4 {
  background:#4c4c4c;
}


/* Google Visualization Data Tables */

h4.tabletitle {
  
}

table.google-visualization-table-table {
}

table.google-visualization-table-table tr.google-visualization-table-tr-head td.google-visualization-table-th {
  font-size: .9em;
  font-weight: bold;
  border-bottom: 1px solid rgb(0,79,37);
  background: transparent url(images/titlefader.png) 0 0 repeat-x;
}


table.google-visualization-table-table tr td {
  font-size: .9em;
}

table.google-visualization-table-table tr.google-visualization-table-tr-odd,
table.google-visualization-table-table tr.google-visualization-table-tr-odd td {
  background-color: #e7e9be; /* #d9ffd5; */
}

/* Custom Data Tables */

table.datatable {
  border-bottom: 2px solid #506000;
}

table.datatable tr td {
  font-size: .9em;
}

table.datatable tr td.tableheader {
  font-size: .9em;
  font-weight: bold;
  border-bottom: 1px solid rgb(0,79,37);
  border-left: 2px solid #fff;
  background: transparent url(images/titlefader.png) 0 0 repeat-x;
  padding: 8px;
  vertical-align: top;
}

table.datatable tr td.right {
  text-align: right;
}

table.datatable tr td.center {
  text-align: center;
}

table.datatable tr td.tablegroup {
  font-weight: bold;
  background-color: #e0e0e0 !important;
  border-top: 1px solid rgb(207,207,207);
    border-left: 2px solid #FFF;
}

table.datatable tr td.tablerow {
  padding-left: 16px;
  padding-right: 2px;
  border-left: 2px solid #fff;
}

table.datatable tr.odd td {
  background-color: #f8fdd7; /*#e7e9be; */
}

table.datatable tr.even td {
  background-color: #fff;
}

table.datatable tr.selected td {
  background-color: #c9c5ff !important;
  border-left: 1px solid #fff;
}

table.datatable tr.selectable {
  cursor: pointer;
}

table.datatable tr td.first {
  border-left: 2px solid #e0e0e0;
}

/* State Contact Organizations */

.state-contacts {
  margin-top: 18px;
  width: 85%;
}

.state-left a {
   color: #2A6EBB;
}

.state-contacts h5 {
  padding: 4px 12px;
  background: transparent url(images/titlefader.png) 0 0 repeat-x;
  border-top: 1px solid rgb(207,207,207);
}

.state-contacts-contact {
  margin: 0 12px;
}

.state-contacts-none {
  margin: 0 12px;
  color: #666;
  font-style: italic;
}

/* Error messages */

.no-data {
	padding: 0.8em;
	margin-bottom: 1em;
	border: 2px solid #FBC2C4;
	background: #FBE3E4;
	color: #8a1f11;
}

ul.feedbackPanel {
	padding: 0;
	margin: 0 0 10px 0;
    border: 2px solid #FBC2C4;
}

ul.feedbackPanel li {
    padding: 0 0.5em;
    list-style-position: inside;
}

ul.feedbackPanel li.feedback-error {
    color: #8a1f11;
    background: #FBE3E4;
}

ul.feedbackPanel li.feedback-warning {
    color: #8a1f11;
    background: #FFFFFF;
}

ul.feedbackPanel li span {
	width: 100%;
}

.no-data a {
  color:#8a1f11;
}

/* Horizontal Dividers */

.divider {
  border-bottom: 2px solid rgb(0,79,37);
}

.line {
    height: 2px;
    background-color: #aaaaaa;
    margin-top: 20px;
}

.instructions {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 2px solid #506000;
}

/* Autocomplete Field */
.wicket-aa-container {
	background-color: #fff;
	border: 1px solid #999;
	opacity: 0.8;
	padding: 0;
}

.wicket-aa-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wicket-aa-container li {
	font-size: 0.9em;
	padding: 2px 5px;
	text-align: left;
}

.wicket-aa-container li.selected {
    background-color: #0A246A;
    color: #fff;
}

/* Alphabetical Pager */
div.pager {
	padding: 0 0 6px 0;
}

ul.alpha-pager {
    height:20px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:5px 0 20px;
}

ul.alpha-pager li.message {
	font-style: italic;
	font-size: 0.8em;
	padding: 2px 2px 0 0;
	line-height: 12px;
}

ul.alpha-pager li {
    float: left;
    height: 18px;
    line-height: 18px;
    margin: 0 2px 0 0;
}

ul.alpha-pager li a {
	background: transparent url(images/titlefader.png) repeat-x scroll 0 0;
	border: 1px solid #cfcfcf;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	color: #00386D;
}

ul.alpha-pager li.selected a {
	background: transparent url(images/bg-tabnav.png) repeat-x scroll 0 0;
	color: #ffffff;
}

/* Filter form */

.filter-form {
    margin-bottom: 10px;
}

.filter-form .filter {
	padding: 1px 0;
}

.filter-form .filter label {
	height: 12px;
}

.filter-form .filter input {
	height: 18px;
}

.filter-form .filter input.go-button {
	height: 24px;
	line-height: 10px;
}

.filter-form .filter-state select {
    width: 120px;
	height: 24px;
    padding: 1px 0;
}

/** School time-invariant data */

div.school-page .footnote {
    font-style: italic;
    color: #333;
    margin: 0 0 1.0em 0;
}

div.school-page .instructions {
	border: none;
	margin-top: 0;
}

div.school-sidebar ul.campus-list {
    margin: 0;
}

div.school-sidebar ul.campus-list li {
    list-style: none;
}

div.school-sidebar ul.campus-list li .campus-name {
    font-weight: bold;
}

div.school-sidebar div.campus-sidebar {
    border: 1px solid #ccc;
    border-top: none;
    margin-bottom: 6px;
}

div.school-sidebar div.campus-sidebar div.google-map iframe {
    width: 180px;
}

/*Tooltip Code*/

.data-source-title {
    width: 590px;
    display: inline-block;
} 
    
.sidebar .data-source-title {
    width: 170px;
    display: inline-block;
} 

.data-source {
    position:relative;
    display: inline-block;
    width: 50px;
}
    
.sidebar .data-source {
    width: 30px;
}   
    
.data-source-popup { 
    display: none; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); 
    border: 2px solid #6d6e71;
    color: #ffffff;
    padding: 15px;
    background-color: #006cb6;
    position: absolute; left:-175px; top: 1.5em; 
    z-index: 1000;
    margin-left: 0;
    margin: 10px;
    width: 350px;
}   

.data-source-popup.left {
    position: absolute; left:-398px; top: -1em; 
}

.data-source-popup.right {
    position: absolute; left: 1.60em; top: -1em; 
}

.data-source-popup a:link,
.data-source-popup a:active,
.data-source-popup a:visited {
    color: #d3d98a;
}

.data-source-popup a:hover{
    color: #ffffff;
}

.data-source-popup h2{
    padding:0px;
    margin: 0px;
}

.data-source-info {
    -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    box-shadow:inset 0px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5) );
    background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
    background-color:#79bbff;
    -moz-border-radius:16px;
    -webkit-border-radius:16px;
    border-radius:16px;
    border:2px solid #84bbf3;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    padding:1px 6px;
    text-decoration:none;
    text-shadow:1px 1px 0px #528ecc;
    cursor: pointer; 
    position: relative;
}

.data-source-info:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
    background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
    background-color:#378de5;
}

.data-source-info:active {
    position:relative;
    top:1px;
}

.css3button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #e0e0aa;
    padding: 8px 20px;
    text-align: center;
    background: -moz-linear-gradient(
        top,
        #2a6ebb 0%,
        #20538e);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#2a6ebb),
        to(#20538e));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #0e3775;
    -moz-box-shadow:
        0px 2px 3px rgba(000,000,000,0.8),
        inset 0px 0px 10px rgba(255,255,255,0.4);
    -webkit-box-shadow:
        0px 2px 3px rgba(000,000,000,0.8),
        inset 0px 0px 10px rgba(255,255,255,0.4);
    box-shadow:
        0px 2px 3px rgba(000,000,000,0.8),
        inset 0px 0px 10px rgba(255,255,255,0.4);
    text-shadow:
        0px 1px 4px rgba(5,5,5,0.8),
        0px 1px 0px rgba(255,255,255,0);
}

.css3button:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #ffffff;
    padding: 8px 20px;
    background: -moz-linear-gradient(
        top,
        #2a6ebb 0%,
        #20538e);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#2a6ebb),
        to(#20538e));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #0e3775;
    -moz-box-shadow:
        0px 2px 3px rgba(000,000,000,0),
        inset 0px 0px 10px rgba(255,255,255,0);
    -webkit-box-shadow:
        0px 2px 3px rgba(000,000,000,0),
        inset 0px 0px 10px rgba(255,255,255,0);
    box-shadow:
        0px 2px 3px rgba(000,000,000,0),
        inset 0px 0px 10px rgba(255,255,255,0);
    text-shadow:
        0px 1px 4px rgba(5,5,5,0.8),
        0px 1px 0px rgba(255,255,255,0);
}

.css3button a {
	color: #e0e0aa;
	text-decoration: none;
	font-weight: bold;
}