/* Clearfix */

.cf:before, .cf:after { content:"."; display:table; height: 0; font-size:0; line-height:0; visibility:hidden; } .cf:after { clear:both; } .cf { *zoom:1; }


/* ----------------- */

body {margin: 0; background-color: #fff; color: #333; font-family: "ars-maquette-web", sans-serif; font-size: 16px; font-weight: 500;}


/* PAGE ELEMENTS */

#header {height: 88px; width: 100%; background: url(../img/bkgd_header.png) no-repeat top center; position: relative;}

#header h1 {
	position: absolute;
	right: 10px;
	top: 40px;
	font-size: 20px;
	margin: 0;
	font-weight: 700;
	color: #fff;
	text-shadow: -3px 3px 3px #959595;
    filter: dropshadow(color=#959595, offx=-3, offy=3);
}

h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 30px 0 10px;
	font-weight: 700;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 30px 0 10px;
	font-weight: 700;
}

input[type=radio]:focus {
	background-color: lightyellow;
	border: 1px solid #d7d7d7;
}

#headericons {position: absolute; top: 0; left: 10px;}
.logo a {display: block; background: url(../img/logo_white.png) no-repeat top left; color: #153359; height: 56px; width: 92px; text-indent: 100%; white-space: nowrap; overflow: hidden; line-height: 1.0em; margin: 7px 0 0; padding: 0;}

.page_main {padding: 0 0 20px; background-color: #fff; float: left; margin: 0;}


.page_next_question {
	font-weight: bold;
	font-size: 1.0em;
}
.page_next a {display: inline-block; zoom: 1; *display: inline; color: #000; background: #f9bb04 url(../img/arrow_next.png) no-repeat right center; font-size: 20px; font-weight: normal; text-transform: uppercase; padding: 8px 35px 8px 10px; margin: 15px 0 0; text-decoration: none;}
.page_next a:hover {color: #f9bb04; background: #000 url(../img/arrow_next_hover.png) no-repeat right center; cursor: pointer;}

.page_header {}
.page_navsub {clear: both; margin-top: 15px; padding: 0; position: relative;}
.page_content {}
.page_data {padding: 0px 0 20px; height: 100%; float: left;}
p {margin-top: 0; font-size: .875em; line-height: 1.4em;}

#main_content ul,
#main_content ol {
	font-size: .875em;
}

.column_main {clear: right;}

.chart-separator {
	margin-top: 40px;
}

/* http://webaim.org/techniques/css/invisiblecontent/ */
.off-screen {
  position: absolute;
  left: -100000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}


.accessible {
	font-size: 14px;
	text-align: center;
	display: block;
	margin-bottom: 30px;
}


/* Warning messages */

.ie8-notice,
.ie7-notice {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.ie8-notice {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('../img/info.png');
}
.ie7-notice {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('../img/warning.png');
}





/* Tablet and narrower */
@media only screen and (max-width: 1023px) {


.wrapper {
	width: 768px;
	margin: 0 auto;
	background: none;
}
/*.notHomepage .wrapper {
	background: url(../img/bkgd_wrapper.png) repeat-y left top;
}

body.homepage .wrapper {
	background: none;
}*/

ul#navsuper li ul {
	display: none;
}
ul#navsuper li:hover > ul{
    display: none;           
}

.nav_sidebar {
	width: 152px;
	clear: both;
}
ul#navmain {
	width: 120px;
}
#navmain li.navmain a:hover {
	background: #d7d7d7;
	background-image: none; 
	padding-right: 5px; 
	margin-right: 0; 
	color: #000; 
	text-decoration: none;
}
#navmain li.bold a:hover, 
#navmain li.on a {
	background: #d7d7d7;
	background-image: none; 
	padding-right: 5px; 
	margin-right: 0; 
	color: #000; 
	text-decoration: none;
}
#navmain li.bold a {
	margin-top: 0;
}

.page_main {
	width: 642px;
}
.page_main .inner {
	padding: 0 0 0 10px;
}

.chart_area {
	clear: both;
}

.chart_body {float: left;}

.answer_box {
	display: block;
}
.notHomepage .page_main .chart_sidebar {
	display: none;
}

.notHomepage .page_main .answer_box .inner {
	padding: 15px;
	margin: 0;
	background: #fef8e5;
}
.notHomepage .page_main .answer_box .inner h3 {
    color: #000;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 .3em;
}

.answer_box a[scroll-to] {
	display: inline;
}

.page_next {
	margin: 25px 0 0;
	border-top: 1px solid #e3e3e3;
	padding: 20px 15px 15px;
} 

.homepage_slides .page_next {
	border: none;
}

.answer_box {float: left; width: 100%; margin-bottom: 20px;}
.answer_box .inner {padding: 40px 0 0;}



/* Homepage - tablet size */

.homepage .page_main {
	width: 645px;
}
.homepage .no_side_panel .column_main {
    width: 100%;
}

/* NDE Links */

.footer_data_title,
.open_summary,
.open_custom {
	font-size: 13px;
}
.open_summary a,
.open_custom a {
	text-decoration: none;
	background: url(../img/icon_nde_plus_sm.png) no-repeat left center;
	padding-left: 24px;
}
.footer_data_tables .active a {
	background: url(../img/icon_nde_minus_sm.png) no-repeat left center;
	padding-left: 24px;
}

/* Slideshow */

.column_main .flexslider {
	height: 275px;
	width: 600px;
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 1px;
	border-radius: 1px; 
	-webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .2);
	margin: 10px 15px 40px 10px;
}
.flexslider .slides > li {
	background: url(../img/bkgd_slides_tablet.png) no-repeat top left;
	position: relative;
	height: 275px;
	margin: 0;
}
.flexslider .slides li .slide_text {
	float: left;
	margin: 10px 0 0 55px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	width: 220px;
}
.flexslider .slides li .slide_text .slide_body a {
	text-transform: uppercase;
	font-size: 10px;
	color: orange;
}
.flexslider .slides li .slide_text span {
	font-weight: 700;
}
#main_content .flexslider .slides li .slide_text ul {
	font-size: 11px;
	line-height: 14px;
	font-weight: 400;
	list-style-image: url(../img/bullet_slide.png);
	padding-left: 20px;
}
.flexslider .slides li .slide_text .slide_title {
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	margin-bottom: 8px;
}
.flexslider .slides li .slide_text .slide_title span {
	font-size: 20px;
	line-height: 25px;
}
.flexslider .slides li .slide_video {
	position: absolute;
	top: 200px;
	left: 90px;
}
.slide_image {
	float: right;
	width: 267px;
	height: 265px;
	display: block;
	text-indent: -999em;
	cursor: pointer;
	margin: 2px 2px 0 0;
}
.slide1 .slide_image {
	background: url(../img/slides/slide1_tablet.png) no-repeat top left;
}
.slide2 .slide_image {
	background: url(../img/slides/slide2_tablet.png) no-repeat top left;
}
.slide3 .slide_image {
	background: url(../img/slides/slide3_tablet.png) no-repeat top left;
}
.slide4 .slide_image {
	background: url(../img/slides/slide4_tablet.png) no-repeat top left;
}
.column_main .flex-control-nav {
    bottom: 15px;
    position: absolute;
    left: 100px;
    width: auto;
}
.column_main .flex-direction-nav {
	display: none;
}
.column_main .flex-pauseplay {
	display: none;
}
.slide_video a {
	display: block;
	text-indent: -999em;
	cursor: pointer;
	height: 29px;
	width: 112px;
	background: url(../img/button_video.png) no-repeat top left;
	position: relative;
}
.slide_video a:hover,
.slide_video a:focus {
	top: 1px;
	left: 1px;
}
.column_main .flex-control-paging li a {
    background: none repeat scroll 0 0 #c0c0c0;
    -webkit-border-radius: 20px;
	border-radius: 20px; 
    -webkit-box-shadow: inset 0px 0px 3px 0px #000000;
	box-shadow: inset 0px 0px 3px 0px #000000; 
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
}
.column_main .flex-control-paging li a:hover {
    background: none repeat scroll 0 0 #68b700;
}
.column_main .flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 #68b700;
    cursor: default;
}


/* All Slides page */

.column_main .noflexslider {
	height: 275px;
	width: 600px;
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 1px;
	border-radius: 1px; 
	-webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .2);
	margin: 10px 15px 40px 10px;
}
.noflexslider .slides > li {
	background: url(../img/bkgd_slides_tablet.png) no-repeat top left;
	position: relative;
	height: 275px;
	margin: 0 0 20px;
	float: none;
	display: block;
}
.noflexslider .slides li .slide_text {
	float: left;
	margin: 10px 0 0 55px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	width: 220px;
}
.noflexslider .slides li .slide_text .slide_body a {
	text-transform: uppercase;
	font-size: 10px;
	color: orange;
}
.noflexslider .slides li .slide_text span {
	font-weight: 700;
}
#main_content .noflexslider .slides li .slide_text ul {
	font-size: 11px;
	line-height: 14px;
	font-weight: 400;
	list-style-image: url(../img/bullet_slide.png);
	padding-left: 20px;
}
.noflexslider .slides li .slide_text .slide_title {
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	margin-bottom: 8px;
}
.noflexslider .slides li .slide_text .slide_title span {
	font-size: 20px;
	line-height: 25px;
}
.noflexslider .slides li .slide_video {
	position: absolute;
	top: 200px;
	left: 90px;
}
.slide_image {
	float: right;
	width: 267px;
	height: 265px;
	display: block;
	text-indent: -999em;
	cursor: pointer;
	margin: 2px 2px 0 0;
}
.slide1 .slide_image {
	background: url(../img/slides/slide1_tablet.png) no-repeat top left;
}
.slide2 .slide_image {
	background: url(../img/slides/slide2_tablet.png) no-repeat top left;
}
.slide3 .slide_image {
	background: url(../img/slides/slide3_tablet.png) no-repeat top left;
}
.slide4 .slide_image {
	background: url(../img/slides/slide4_tablet.png) no-repeat top left;
}
.homepage_slides .column_main .flex-control-nav {
    display: none;
}
.column_main .flex-direction-nav {
	display: none;
}
.column_main .flex-pauseplay {
	display: none;
}
.slide_video a {
	display: block;
	text-indent: -999em;
	cursor: pointer;
	height: 29px;
	width: 112px;
	background: url(../img/button_video.png) no-repeat top left;
	position: relative;
}
.slide_video a:hover,
.slide_video a:focus {
	top: 1px;
	left: 1px;
}
.column_main .flex-control-paging li a {
    background: none repeat scroll 0 0 #c0c0c0;
    -webkit-border-radius: 20px;
	border-radius: 20px; 
    -webkit-box-shadow: inset 0px 0px 3px 0px #000000;
	box-shadow: inset 0px 0px 3px 0px #000000; 
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
}
.column_main .flex-control-paging li a:hover {
    background: none repeat scroll 0 0 #68b700;
}
.column_main .flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 #68b700;
    cursor: default;
}







} /* close tablet size */



/* Desktop */
@media only screen and (min-width: 1024px) {

.wrapper {
	width: 1024px;
	margin: 0 auto;
	background: none;
}
/*.notHomepage .wrapper {
	background: url(../img/bkgd_wrapper.png) repeat-y left top;
}

body.homepage .wrapper {
	background: none;
}*/

ul#navsuper li ul {
    width: 200px;
    padding: 10px;
    background: #fff;
    border: 1px solid #999;
    font-size: 1em;
    list-style: none;
    position: absolute;
    box-shadow: 1px 1px 0px #999;
    -moz-box-shadow: 1px 1px 0px #999;
    top: 15px;
    left: 0;
    z-index: 1000;
    display: none;
    text-align: left;
}
#footer ul#navsuper li ul {
	top: auto;
	bottom: 15px;
}
ul#navsuper li ul a {
	display: block;
}
ul#navsuper li:hover > ul{
    display: block;           
}

.nav_sidebar {
	width: 152px;
	clear: both;
}
ul#navmain {
	width: 140px;
}
li.navmain a:hover {
	background: #d7d7d7 url('../img/arrow_gray.png') right center no-repeat; 
	padding-right: 20px; 
	margin-right: -15px; 
	color: #000; 
	text-decoration: none;
}
#navmain li.bold a:hover, 
#navmain li.on a {
	background: #d7d7d7 url('../img/arrow_gray.png') right center no-repeat; 
	padding-right: 20px; 
	margin-right: -15px; 
	color: #000; 
	text-decoration: none;
}
#navmain li.bold a {
	margin-top: 10px;
}

.page_main {
	width: 872px;	
}
.page_main .inner {
	padding: 0 0 0 30px;
}

.column_main {
	float: left;
	width: 642px;
	clear: right;
}
.full_width .column_main {
	width: auto;
}
.homepage .column_main,
.no_side_panel .column_main {
	width: 842px;
}
/*.page_header {
	float: left;
}
.chart_body {
	float: left;
}*/

.answer_box {
	display: none;
}
.tablet {
	display: none;
}
.notHomepage .page_main .chart_sidebar {
	display: block;
}

.notHomepage .page_main .chart_sidebar .inner {
	padding: 15px;
	margin-left: 15px;
	background: #fef8e5;
}
.notHomepage .page_main .chart_sidebar .inner h3 {
    color: #000;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 .3em;
}

.page_next {
	margin: 25px 0 0 15px;
	border-top: 1px solid #e3e3e3;
	padding: 20px 15px 15px;
} 

.homepage_slides .page_next {
	border: none;
}

.chart_sidebar {float: right; width: 200px;}
.chart_sidebar .inner {padding: 0;}


/* Homepage - desktop size ------------------------- */

.homepage .page_main {
	width: 872px;
}
.homepage .no_side_panel .column_main {
    width: 100%;
}

/* NDE Links */

.footer_data_title,
.open_summary,
.open_custom {
	font-size: 16px;
}
.open_summary a,
.open_custom a {
	text-decoration: none;
	background: url(../img/icon_nde_plus.png) no-repeat left center;
	padding-left: 32px;
}
.footer_data_tables .active a {
	background: url(../img/icon_nde_minus.png) no-repeat left center;
	padding-left: 32px;
}

/* Slideshow */

.column_main .flexslider {
	height: 366px;
	width: 799px;
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 1px;
	border-radius: 1px; 
	 -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .2);
	margin: 10px 15px 10px 10px;

}
.flexslider .slides > li {
	position: relative;
	background: url(../img/bkgd_slides_desktop.png) no-repeat top left;
	height: 366px;
	margin: 0;
}
.flexslider .slides li .slide_text {
	float: left;
	margin: 10px 0 0 70px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	width: 340px;
}
.flexslider .slides li .slide_text .slide_body a {
	text-transform: uppercase;
	font-size: 11px;
	color: orange;
}
.flexslider .slides li .slide_text span {
	font-weight: 700;
}
#main_content .flexslider .slides li .slide_text ul {
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	list-style-image: url(../img/bullet_slide.png);
	padding-left: 20px;
}
.flexslider .slides li .slide_text .slide_title {
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	margin-bottom: 12px;
}
.flexslider .slides li .slide_text .slide_title span {
	font-size: 28px;
	line-height: 25px;
}
.flexslider .slides li .slide_video {
	position: absolute;
	top: 230px;
	left: 165px;
}
.slide_image {
	float: right;
	width: 365px;
	height: 362px;
	display: block;
	text-indent: -999em;
	cursor: pointer;
	margin: 2px 2px 0 0;
}
.slide1 .slide_image {
	background: url(../img/slides/slide1.png) no-repeat top left;
}
.slide2 .slide_image {
	background: url(../img/slides/slide2.png) no-repeat top left;
}
.slide3 .slide_image {
	background: url(../img/slides/slide3.png) no-repeat top left;
}
.slide4 .slide_image {
	background: url(../img/slides/slide4.png) no-repeat top left;
}
.column_main .flex-control-nav {
    bottom: 40px;
    position: absolute;
    left: 175px;
    width: auto;
}
.column_main .flex-direction-nav {
	display: none;
}
.column_main .flex-pauseplay {
	display: none;
}
.slide_video a {
	display: block;
	text-indent: -999em;
	cursor: pointer;
	height: 29px;
	width: 112px;
	background: url(../img/button_video.png) no-repeat top left;
	position: relative;
}
.slide_video a:hover,
.slide_video a:focus {
	top: 1px;
	left: 1px;
}
.column_main .flex-control-paging li a {
    background: none repeat scroll 0 0 #c0c0c0;
    -webkit-border-radius: 20px;
	border-radius: 20px; 
    -webkit-box-shadow: inset 0px 0px 3px 0px #000000;
	box-shadow: inset 0px 0px 3px 0px #000000; 
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
}
.column_main .flex-control-paging li a:hover {
    background: none repeat scroll 0 0 #68b700;
}
.column_main .flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 #68b700;
    cursor: default;
}

/* All Slides page */

.column_main .noflexslider {
	height: 366px;
	width: 799px;
	border: 1px solid #cfcfcf;
	-webkit-border-radius: 1px;
	border-radius: 1px; 
	 -webkit-box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .2);
	box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, .2);
	margin: 10px 15px 40px 10px;

}
.noflexslider .slides > li {
	position: relative;
	background: url(../img/bkgd_slides_desktop.png) no-repeat top left;
	height: 366px;
	margin: 0 0 20px;
	float: none;
	display: block;
}
.noflexslider .slides li .slide_text {
	float: left;
	margin: 10px 0 0 70px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	width: 340px;
}
.noflexslider .slides li .slide_text .slide_body a {
	text-transform: uppercase;
	font-size: 11px;
	color: orange;
}
.noflexslider .slides li .slide_text span {
	font-weight: 700;
}
#main_content .noflexslider .slides li .slide_text ul {
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	list-style-image: url(../img/bullet_slide.png);
	padding-left: 20px;
}
.noflexslider .slides li .slide_text .slide_title {
	font-size: 18px;
	line-height: 25px;
	font-weight: 700;
	margin-bottom: 12px;
}
.noflexslider .slides li .slide_text .slide_title span {
	font-size: 28px;
	line-height: 25px;
}
.noflexslider .slides li .slide_video {
	position: absolute;
	top: 230px;
	left: 165px;
}
.slide_image {
	float: right;
	width: 365px;
	height: 362px;
	display: block;
	text-indent: -999em;
	cursor: pointer;
	margin: 2px 2px 0 0;
}
.slide1 .slide_image {
	background: url(../img/slides/slide1.png) no-repeat top left;
}
.slide2 .slide_image {
	background: url(../img/slides/slide2.png) no-repeat top left;
}
.slide3 .slide_image {
	background: url(../img/slides/slide3.png) no-repeat top left;
}
.slide4 .slide_image {
	background: url(../img/slides/slide4.png) no-repeat top left;
}
.homepage_slides .column_main .flex-control-nav {
    display: none;
}
.column_main .flex-direction-nav {
	display: none;
}
.column_main .flex-pauseplay {
	display: none;
}
.slide_video a {
	display: block;
	text-indent: -999em;
	cursor: pointer;
	height: 29px;
	width: 112px;
	background: url(../img/button_video.png) no-repeat top left;
	position: relative;
}
.slide_video a:hover,
.slide_video a:focus {
	top: 1px;
	left: 1px;
}
.column_main .flex-control-paging li a {
    background: none repeat scroll 0 0 #c0c0c0;
    -webkit-border-radius: 20px;
	border-radius: 20px; 
    -webkit-box-shadow: inset 0px 0px 3px 0px #000000;
	box-shadow: inset 0px 0px 3px 0px #000000; 
    cursor: pointer;
    display: block;
    height: 11px;
    text-indent: -9999px;
    width: 11px;
}
.column_main .flex-control-paging li a:hover {
    background: none repeat scroll 0 0 #68b700;
}
.column_main .flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 #68b700;
    cursor: default;
}



} /* close desktop */


/* COLORS */

.math-bkg {background-color: #2BAA98;}
.reading-bkg {background-color: #3972B9;}
.math {color: #2BAA98 !important;}
.reading {color: #3972B9 !important;}
.natl { color: #153359 !important;}
.highlight {color: #FBB040;}
.highlight2 {color: #F15A29;}
.trendup {color: #8DC63F;}
.trenddown {color: #BE1E2D;}
.trendnochange {color: #FFDE17;}


/* HEADINGS */

.page_header h1 {color: #000; font-weight: 700; font-size: 1.8em; margin-top: 0; line-height: 1em;}
.heading.breadcrumb {font-size: .7em; text-transform: uppercase; color: #FBB040;}
.heading.page {color: #000; font-weight: 700; font-size: 40px; line-height: 1em;}
.heading.sub {font-family: 'Noto Sans', sans-serif; color: #fff; font-weight: 400; font-size: 1em; padding: .2em 0em; margin-bottom: 15px; border-bottom: 1px solid #fff;}
.heading.content {font-family: 'Noto Sans', sans-serif; color: #ccc; font-weight: 700; font-size: .9em; padding: 1.5em 0em;}
.heading.subject {font-weight: 400; font-size: .8em; text-transform: uppercase;}
.heading.grade {font-weight: 400; font-size: .8em; text-transform: uppercase; color: #999;}
.heading.label {font-weight: 400; font-size: .7em; text-transform: uppercase;}

.crumb {}

.menu_label {font-size: 75%; display: inline-block; color: #666; margin-top: 20px;}
.option_menu {font-size: 75%; display: inline-block; border-radius: 9px; background: #153359 url('arrow_down_white.png') 95% 50% no-repeat; background-size: 10%; padding: 2px 45px 2px 10px; color: #fff;}


/* OTHER TYPOGRAPHY */

a {
  text-decoration: underline;
  color: #000;
}
a:hover,
a:focus {
  text-decoration: none;
}
em {
	font-style: italic;
}
strong {
	font-weight: 700;
}

/* NAV */

ul#navutility {margin: 0; float: right; padding: 0 0 0 30px; height: 49px; background: none;}
li.navutility {list-style-type: none; float: left; margin: 8px 15px 0 0; font-size: .7em; text-transform: uppercase; color: #707070;}
li.navutility a {color: #707070; text-transform: uppercase; height: 33px; font-size: 10px; display: inline-block; zoom: 1; *display: inline; padding: 22px 0 0;}
ul#navutility li.email a {background: url(../img/navutility_email.png) no-repeat top center;}
ul#navutility li.print a {background: url(../img/navutility_print.png) no-repeat top center;}
ul#navutility li.facebook a {background: url(../img/navutility_facebook.png) no-repeat top center;}
ul#navutility li.twitter a {background: url(../img/navutility_twitter.png) no-repeat top center;}

#header ul#navsuper {margin: 0; padding: 0; position: absolute; top: 12px; right: 10px;}
li.navsuper {position: relative; list-style-type: none; float: left; font-size: .7em; text-transform: uppercase; color: #153359; font-weight: 700; padding: 2px 12px 2px 0; margin-right: 12px; border-right: 1px solid #fff;}
ul#navsuper li.last {margin-right: 0; padding-right: 0; border-right: none;}
li.navsuper.on {color: #FBB040;}
ul#navsuper ul li {padding-bottom: .25em;}
ul#navsuper ul li, ul#navsuper ul li a {color: #000; text-transform: none;}
ul#navsuper ul li a[scroll-to] {font-size: inherit; text-transform: none; color: #000;}
ul#navsuper ul li a:hover {color: #000; text-decoration: underline;}
li.navsuper a { color: #fff; text-decoration: none;}
li.navsuper a:hover, li.navsuper a:focus, li.navsuper.on a { color: #000; outline: none;}
#footer li.navsuper {border-right: 1px solid #000;}
#footer li.navsuper a { color: #000; text-decoration: none;}

ul#navmain {float: left; padding: 0; margin: 0; position: relative; z-index: 100;}
li.navmain {display: block; cursor: pointer; list-style-type: none; padding: 0; margin: 0;}

li.navmain a {
  color: #000;
  display: block;
  padding: 5px 5px 5px 10px;
  background: #fff; 
  font-size: 11px; 
  font-weight: 700;
  text-align: left;
  text-decoration: none;
}
#navmain li.bold-first a,
#navmain li.bold a {
	padding-left: 5px;
}
#navmain li.bold-first a {
	text-transform: uppercase; color: #000; border-top: none;
}
#navmain li.bold a {
	text-transform: uppercase; color: #000; border-top: 1px dotted #d7d7d7; 
}

li.navmain.on a,
li.navmain:hover a,
li.navmain a:hover {
	color: #000;
}

.navsub {float: left; width: 34%; padding: .5em 0em 0em 0em; margin-right: 5px; color: #153359; font-size: .9em; text-transform: uppercase; font-weight: 400; text-align: left;}
.navsub.overview {width: 20%;}
.navsub.on {font-weight: 700;}

.navsub .heading.grade {cursor: pointer; position: relative; z-index: 9996; border-top-right-radius: 10px; border-top-left-radius: 10px; background-color: #FBB040; color: #fff; font-weight: 400; float: left; padding: 3px 13px; margin-right: 1px;}
.navsub .heading.grade.on {background: #F15A29; color: #fff; position: relative; overflow: visible;}

.navsub .heading.grade:hover {background: #F15A29;}

.grade_picker {height: 1%; position: relative;}
.grade_picker .pointer {color: #000; position: absolute; z-index: 99999; top: 23px; left: 55%; width: 17px; height: 8px; background: url('arrow_down_red.png') 50% top no-repeat;}


/* Other positioning */

.center {text-align: center;}
.addmargin {margin-top: 50px;}
.relative {
  position: relative;
}


/* TILES */
.tiles {width: 600px; margin-top: 20px; overflow: hidden;}
.tile {color: #fff; float: left; margin-right: 15px; margin-bottom: 15px; width: 160px; min-height: 110px; padding: 8px; cursor: pointer;}
.tile.tile1 {background-color: #FBB040;}
.tile.tile1:hover {background-color: #F15A29;}
.tile.tile2 {background-color: #F15A29;}
.tile.topleft {border-top-left-radius: 15px;}
.tile.topright {border-top-right-radius: 15px;}
.tile.bottomleft {border-bottom-left-radius: 15px;}
.tile.bottomright {border-bottom-right-radius: 15px;}
.tile .title {font-size: 1.2em; line-height: 100%; font-weight: 400; padding: 10px;}


/* CHARTS */
.axis.time {width: 500px; background-color: #454545; height: 10px; padding: 4px 0px;}
.axis.time .year {float: left; margin-left: 20px; color: #999; font-size: .6em;}

.level {width: 100px; height: 50px; float: left; font-size: 65%; color: #fff;}

.level.math.belowbasic {background-color: #B2D6CF;}
.level.math.basic {background-color: #7ABEB2;}
.level.math.proficient {background-color: #2BAA98;}
.level.math.advanced {background-color: #037A63;}

.level.reading.belowbasic {background-color: #BCC7E6;}
.level.reading.basic {background-color: #8EA4D4;}
.level.reading.proficient {background-color: #3972B9;}
.level.reading.advanced {background-color: #0E56A5;}

.score {font-family: 'Noto Sans', sans-serif; font-weight: 700; font-size: 2em;}
.score.small {font-size: 1.1em; font-weight: 700;}
.score.tiny {font-size: .9em; font-weight: 400;}
.score.small span {font-size: 85%; font-weight: 400;}
.score.large {font-size: 2.3em;}
.score.large span {font-size: 45%; color: #fff; font-weight: 400;}

.pt {font-size: 55%; text-transform: uppercase;}


/* chosen formatting ------------------- */

.select-container,
.selector {
	margin: 0 0 5px;
	position: relative;
}

.selector span[ng-bind] {
  display: block;
  white-space: nowrap;
}

.select-container .ng-isolate-scope {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin-right: 40px;
}

svg {
	position: relative;
}

.select-container label,
label.selector {
	display: block;
	font-size: 11px;
	font-weight: 500;
	text-transform: uppercase;
}
#footer .select-container label,
label.selector {
	font-size: 12px;
	color: #000;
}
.chosen-container {
	width: auto !important;
	margin: 5px 0;
	position: relative;
}

.chosen-container-single .chosen-single {
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 66%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(66%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 66%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 66%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 66%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 66%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    border: 2px solid #ababab;
    -webkit-border-radius: 5px;
	border-radius: 5px; 
    box-shadow: 0 0 0 #000;
    color: #000;
    display: block;
    height: 23px;
    line-height: 24px;
    overflow: hidden;
    padding: 5px 5px 5px 10px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
	font-family: "ars-maquette-web", sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
}
.chosen-container-active.chosen-with-drop .chosen-single {
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 66%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(66%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 66%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#ffffff 66%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 66%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 66%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    border: 2px solid #ababab;
    -webkit-border-radius: 5px;
	border-radius: 5px;
    box-shadow: 0 0 0 #FFFFFF inset;
}
.chosen-container-single .chosen-single div b {
    background: url("../img/arrow_black_down.png") no-repeat scroll 40% 50% transparent;
    display: block;
    height: 100%;
    width: 100%;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
	background: url("../img/arrow_black_up.png") no-repeat scroll 40% 50% transparent;
}
.chosen-container-single .chosen-single div {
    width: 30px;
}
.chosen-container .chosen-drop {
    border: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    margin-top: 8px;
    min-width: 140px;
    -webkit-border-radius: 0px;
	border-radius: 0px; 
}
.chosen-container .chosen-results {
    padding: 10px 0;
    background: #f6f6f6;
    max-height: none;
}
#footer .chosen-container .chosen-results {
	background: #fff;
}
.chosen-container .chosen-results li {
  background: #f6f6f6;
  color: #000;
  font-weight: 700;
  text-transform: none;
}
#footer .chosen-container .chosen-results li {
	background: #fff;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #f6f6f6;
  background-image: none;
  color: #000;
  text-decoration: underline;
}
#footer .chosen-container .chosen-results li.highlighted {
  background-color: #fff;
}
#achievement-level .chosen-container .chosen-results li{
  font-style:italic;
}

/* select2 formatting ----------------- */

.selector .select2-results {
	font-size: 11px;
}

.selector .select2-container {
	margin: 0 0 10px;
}

.selector .select2-container .select2-choice {
	min-width: 100px;
	color: #000000;
	font-size: 15px;
	font-weight: 700;
	border-color: #9e9fa0;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 60%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 60%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 60%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 60%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 60%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.selector .select2-dropdown-open .select2-choice {
    background: -moz-linear-gradient(top, #ffffff 60%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 60%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 60%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 60%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 60%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    border-color: #9e9fa0;
    -webkit-border-radius: 4px;
	border-radius: 4px; 
    box-shadow: 0 0 0 #FFFFFF inset;
}

.selector .select2-dropdown-open.select2-drop-above .select2-choice, 
.selector .select2-dropdown-open.select2-drop-above .select2-choices {
    background: -moz-linear-gradient(top, #ffffff 60%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 60%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 60%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 60%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 60%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 4px;
	border-radius: 4px; 
    border-color: #9e9fa0;
    border-image: none;
    border-right: 1px solid #9e9fa0;
    border-style: solid;
    border-width: 1px;
}
.selector .select2-container .select2-choice > .select2-chosen {
     margin-right: 30px;
}
.selector .select2-container .select2-choice .select2-arrow b {
    background: url("../img/arrow_black_down.png") no-repeat scroll 40% 50% transparent;
    display: block;
    height: 100%;
    width: 100%;
}

.selector .select2-dropdown-open .select2-choice .select2-arrow b {
    background: url("../img/arrow_black_up.png") no-repeat scroll 40% 50% transparent;
}

.selector .select2-container .select2-choice .select2-arrow {
    background: none;
    border-left: none;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0 4px 4px 0;
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
}

#select2-drop {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -webkit-border-radius: 0px;
	border-radius: 0px; 
	font-size: 11px;
	font-weight: 700;
    background: none repeat scroll 0 0 #f6f6f6;
    border: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    color: #000000;
    margin-top: 1px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999;
}
#select2-drop .select2-results .select2-highlighted {
	color: #000000;
	text-decoration: underline;
	background: none;
}



/* Sample Questions Page -------------- */
.select-container{
  width:320px;
  position:relative;
  float:left;
  display:inline-block;
}
.chosen-level-select {
  width:200px;
  position:relative;
  float:left;
  display:inline-block;
}
.chosen-grade-subject-select {
  width:250px;
  position:relative;
  float:left;
  display:inline-block;  
}
.questions-container {
  position:relative;
  float:left;
  display:inline-block;
  width:322px;
  margin-right:35px;  
}
.questions-container h2{
  font-size:16px;
}
.display-none{
  display:none;
}
a.accordion-key{
  color:#333;
}
.accordion-image{
  top:4px;
  position:relative;
  border: none;
}
.response{
  margin-top:20px;
}
.placement-chart{
  margin-top:20px;
}
.response-stats{
  width:322px;
  margin-top: 20px;
}
.response-stats th{
  font-size:0.688em;
}
.response-stats tr th{
  vertical-align:bottom;
}
.response-stats .footnote{
  font-size:0.688em;
}
.sq_tabletitle{
	text-align: left;
	font-weight: normal;
	font-size:0.688em;
}
.sq_colheader{
	text-align: center;
	vertical-align: bottom;
}
.sq_colheader_correct{
	text-align: center;
	font-weight: bold;
	background-color: gray;
	vertical-align: bottom;
}
.sq_datacell{
	text-align: center;
}
.sq_datacell_correct{
	text-align: center;
	font-weight: bold;
  background-color: #f3b602;
}
.sq_footnote{
	font-size: 8pt;
}
.grid-response{
  width:322px;
  position:relative;
  float:left;
  display:inline-block;
  clear:both;
}
.grid-response .row{
  position:relative;
  float:left;
  display:inline-block;
  clear:both;
}
.grid-response .row .grid-cell{
  position:relative;
  float:left;
  display:inline-block;
}

.grid-response.question-response-245{
  margin-left:50px;
}
.grid-response.question-response-245 .grid-cell{
  border-right: 1px #000 solid;
  border-bottom: 1px #000 solid;
  vertical-align:middle;
  text-align:center;
  height:22px;
  width:43px;
}
.grid-response.question-response-245 .last-row .grid-cell{
  border-bottom: none;
}
.grid-response.question-response-245 .grid-cell.last-cell{
  border-right: none;
}
.question-response-365 .grid-cell{
  border-right: 1px #000 solid;
  vertical-align:middle;
  text-align:center;
  padding:10px 15px;
  width:45px;
  height:14px;
}
.question-response-365 .grid-cell.last-cell{
  border-right:none;
}
.question-response-365 .first-row .grid-cell{
  border-bottom: 1px #000 solid;
}
.achievement-level-text{
  margin-top:10px;
}
.achievement-level-text p{
  margin:0px;
}
/* map-overlay directive --------------- */
.overlay-description{
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  padding:5px 0px;
}
.footnote{
  font-size:.75em;
}
.usmap-overlay{
  position:absolute;
  width:260px;
  height:240px;
  padding:20px;
  background-color:#eaeaea;
  display:none;
}
.usmap-overlay.state-performance-overlay{
  width:280px;
}
.usmap-overlay.state-performance-overlay table{
  width:270px;
}
.overlay-top-left{
  top:40px;
  left:0px;
}
.overlay-top-right{
  top:40px;
  right:0px;
}
.overlay-bottom-left{
  top:320px;
  left:0px;
}
.overlay-bottom-right{
  top:320px;
  right:0px;
}
.usmap-overlay table{
  width:250px;
  font-size:14px;
}
.usmap-overlay h2 {
  margin-top:0px;
}

/* State Performance Page -------------- */
.state-performance{
  position:relative;
}

.usmap {
	clear: both;
}

/* State Gain Page -------------- */

/*.state-gains-right-text{
  padding:10px 10px;
}*/

.overlay-close-button{
  position:absolute;
  top:-10px;
  right:-10px;
  cursor: pointer;
}
.loading-graphic{
  width:250px;
  height:250px;
  position:absolute;
  top:170px;
  left:200px;
}
.gains-chart-select{
  margin-top:60px;
}
.state-gains-directions{
  text-align:right;
}
.gains-description{
  border-bottom: 2px solid #e3e3e3;
  padding:10px 0px;
}
#state-gains-chart-description{
  clear:both;
}
#comparison-years{
  width:110px;
}
.legend-container .legend-color,
.legend-container .legend-text{
  display:inline-block;
}

.legend-container .legend-color{
  height:20px;
  width:20px;
  margin-right:5px;
  border: 1px solid black;
}
.legend-container .legend-text{
 padding-top: 5px;
 margin-right: 15px;
 font-size: .675em;
 max-width: 25%;
}

.legend-container .legend-text.last{
  margin-right:0px;
}

.overlay-container{
  position:relative;
}

.overlay-container .overlay-description{
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  padding:5px 0px;
}
.overlay-container .footnote{
  font-size:.75em;
}
.usmap-overlay{
  position:absolute;
  width:260px;
  height:240px;
  padding:20px;
  background-color:#eaeaea;
  display:none;
}
.overlay-top-left{
  top:40px;
  left:0px;
}
.overlay-top-right{
  top:40px;
  right:0px;
}
.overlay-bottom-left{
  top:320px;
  left:0px;
}
.overlay-bottom-right{
  top:320px;
  right:0px;
}
.usmap-overlay table{
  width:250px;
}
.usmap-overlay h2 {
  margin-top:0px;
}

/* About page ------------- */

.callout {
	background: #FEF8E5;
	padding: 15px;
	float: left;
	margin: 10px 0 40px;
}
.callout_title {
	color: #000;
	font-size: 16px;
	margin: 0 0 15px;
	font-weight: 700;
}
.callout_left,
.callout_right {
	float: left;
	width: 50%;
	font-size: .875em;
}
.inclusion_map_footnote {
	font-size: 11px;
	margin-bottom: 30px;
}

.about_page .ng-isolate-scope {
	margin-bottom: 15px;
}
.single {
	display: block;
}
input.show_table {
    background: url("../img/arrow_next.png") no-repeat scroll right center #F9BB04;
    color: #000000;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    margin: 5px 0 0;
    padding: 8px 35px 8px 10px;
    text-transform: uppercase;
    border: none;
}
input.show_table:hover {
    background: url("../img/arrow_next_hover.png") no-repeat scroll right center #000000;
    color: #F9BB04;
    cursor: pointer;
}



/* National Overview ---------- */

.highlight2 {
	padding: 18px 0 0 42px;
	background: url(../img/arrow_up_black.png) no-repeat bottom left;
	font-size: 40px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bold;
	line-height: 30px;
	display: block;
	color: #000;
	position: absolute;
	top: -50px;
	left: -50px;
	z-index: 0;
}
.highcharts-tooltip text-transform {
	z-index: 100;
}


/* Chart footer ---------- */

.naep-achievement-levels {
	font-size: 12px;
	padding-left: 34px;
}
.naep-achievement-levels div.ng-binding {
	margin-bottom: .75em
}


/* Footer ---------------- */

#footer {
	float: left;
	margin: 30px 0 40px;
	width: 100%;
}
#footer .inner {
	margin: 00;
}

#footer h3, 
#footer h4 {
	margin: 0;
	padding: 0;
}
#footer h3 {
	margin: 0 0 10px;
	padding: 0;
	color: #616161;
} 
#footer h4 {
	margin: 0 0 4px;
	padding: 0;
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
} 

/* NDE Links */

.footer_data_title,
.open_summary,
.open_custom {
	float: left;
	font-weight: 700;
	text-align: center;
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
}
.footer_data_title {
	color: #fff;
	background: #feba2b url(../img/bkgd_nde_title.png) no-repeat center right;
	width: 34%;     
}
.open_summary,
.open_custom {
	color: #646464;
	background: #dedede;
	width: 33%;
}
.open_summary {
	background: #dedede url(../img/bkgd_nde_pipe.png) repeat-y top right;
}
.summary_data_tables,
.custom_data_tables {
	clear: both;
	color: #616161;
}
.summary_data_tables .inner,
.custom_data_tables .inner {
	padding: 20px 25px;
}
.summary_data_tables {
	background: #f4f4f4 url(../img/bkgd_data_tables.png) no-repeat 50% 0;
}
.custom_data_tables {
	background: #f4f4f4 url(../img/bkgd_data_tables.png) no-repeat 86% 0;
}

.data_caption {
	font-size: 12px; 
	line-height: 1.3em;
	margin: 0 0 12px;
	clear: both;
}
.data_files {
	width: 440px;
	margin: 0 auto 28px;
}
.data_files_left {
	width: 55%;
	float: left;
}
.data_files-right {
	width: 45%;
	float: left;
}
.data_file {
	font-size: 14px;
	padding-right: 32px;
	color: #616161;
}

.show_tables {
	width: 119px;
	height: 29px;
	background: url(../img/button_blank.png) no-repeat top left;
	display: block;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 29px;
	padding: 0 0 0 7px;
	text-decoration: none;
	position: relative;
	margin: 15px 0 5px;
}
.show_tables:hover,
.show_tables:focus {
	top: 1px;
	left: 1px;
}



.footer_rule {
	height: 6px;
	border-bottom: 1px solid #e3e3e3;
	clear: both;
}

#footer #navsuper {
	padding: 18px 10px 0 0;
	margin: 0;
	float: right;
}

/* End Footer */



.floating {
  padding: 10px;
  position: absolute;
}

.popup {
  color: #000;
  font-size: 13px;
  line-height: 16px;
  background-color: #fff;
  border: 1px solid #b7b7b7;
  width: 300px;
  padding: 0;
}

.popup-narrow {
  color: #000;
  font-size: 13px;
  line-height: 16px;
  background-color: #fff;
  border: 1px solid #b7b7b7;
  width: 200px;
  padding: 10px;
}


.notHomepage .page_main .popup .inner {
	padding: 10px;
}

.popup img {
	max-width: 100%;
}

.link-to-sample a,
.link-to-passage a {
	color: #000;
	text-decoration: underline;
}
.link-to-sample a:hover,
.link-to-sample a:focus,
.link-to-passage a:hover,
.link-to-passage a:focus {
	text-decoration: none;
}

.popup ol {
  list-style-type: upper-alpha;
}

div.popup {
  zoom: 1;
  opacity: 0;
}

.overlay {
  background-color: #fff;
  color: #000;
}

div.overlay {
  opacity: 0;
}

.chart-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid #e0e0e0;
	margin-bottom: 15px;
}

a[scroll-to] {
  display: block;
  color: #000;
  text-decoration: underline;
  font-size: 14px;
  padding-bottom: 4px;
  text-align: right;
}

.chart_sidebar a[scroll-to] {
  display: inline;
  text-align: left;
}

a[scroll-to]:hover,
a[scroll-to]:focus {
	text-decoration: none;
}

.about_page a[scroll-to] {
  display: inline;
  float: none;
  clear: none;
}


.typekit-badge {
	display: none !important;
}

div.instructions {
  /*color: #e11c47;*/
  font-size: 14px;
  text-align: right;
}

.relative .spinner {
  width: 100%;
  height: 400px;
  background-color: #fff;
  position: absolute;
  top: 0;
}

.relative .spinner img {
  width: 400px;
  height: 400px;
  margin: 0 100px;
}

.relative .map-overlay {
  position: absolute;
}

.map-overlay {
  width: 300px;
  background-color: #fff;
  color: #000;
  border: 1px solid #b7b7b7;
}

.map-overlay .state-name {
  font-size: 28px;
  margin: 10px 10px;
  font-weight: bold;
}

.map-overlay .overlay-title {
  margin: 5px 10px;
  padding: 5px 5px;
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
}

.map-overlay table {
  margin: 5px 10px;
  padding: 5px 5px;
  width: 100%;
}

.map-overlay th {
  text-align: left;
}

.map-overlay td {
  min-width: 50px;
}

.map-overlay .footnotes {
  margin: 10px 10px;

  font-size: 12px;
}

.map-overlay a {
  margin: 10px 10px;
  display: block;
}

.relative .map-overlay {
  z-index: 1234;
}

.map-overlay .overlay-header {
  width: 30%;
  display: inline-block;
}

.map-overlay .overlay-cell {
  width: 30%;
  display: inline-block;
}

/* display support for dynamic tables */
div[role=grid] {
  display: table;
}

div[role=row] {
  display: table-row;
}

div[role=row] > div {
  display: table-cell;
  padding: 4px 5px;
  max-width: 15%;
}

div[role=columnheader] {
  font-weight: 700;
}

div[role=gridcell] {
  text-align: center;
}

.sq-answer {
  color: #f3b602;
}

.large_controls .chosen-container {
    width: 100% !important;
}

.large_controls div[chosen] {
    display: inline-block;
    width: 49%;
}

.small_controls .chosen-container {
    width: 100% !important;
}

.small_controls div[chosen] {
    display: inline-block;
    width: 30%;
}

noscript li {
  font-size: 0.875em;
  line-height: 1.4em;
}

.state-list a {
  display: inline-block;
  width: 20%;
  margin: 0;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: #333333;
}

.state-list a:hover,
.state-list a:focus {
	text-decoration: underline;
}

.state-list a[aria-checked=true] {
  color: #000000;
  font-weight: 700;
}

.state-list a[aria-disabled=true] {
	color: #d7d7d7;
}