/* 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", "Lucida Grande",Lucida,Arial,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,
.page_next a:focus{
  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;
	line-height: 1.4em;
}
#main_content ul ul,
#main_content ol ul,
#main_content ul ol,
#main_content ol ol {
	font-size: 1em;
}


.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');
}


/* g12 scrolling indicator */
#scrolling_indicator {
	height: 40px;
	width: 100%;
	z-index: 150;
	background: url("../img/scroll_indicator.png") no-repeat bottom center;
	position: fixed;
	bottom: 0;
	left: 0;
}

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

  .homepage img[src='img/homepage_national_percentages2_upperleft.png'],
  .homepage img[src='img/homepage_national_percentages2_bottomleft.png'] {
    width: 30%;
  }

  .homepage img[src='img/homepage_national_percentages2_upperright.png'],
  .homepage img[src='img/homepage_national_percentages2_bottomright.png'] {
    width: 62.8%;
  }


.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;
}*/

#header h1 {
	font-size: 18px;
}
ul#navsuper li ul {
    width: 150px;
    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;           
}

li.navsuper {
	font-size: .6em;
}
.nav_sidebar {
	width: 152px;
	clear: both;
}
ul#navmain {
	width: 120px;
}
#navmain li.navmain a:hover,
#navmain li.navmain a:focus {
	background: #d7d7d7;
	background-image: none; 
	padding-right: 5px; 
	margin-right: 0; 
	color: #000; 
	text-decoration: none;
}
#navmain li.bold a:hover,
#navmain li.bold a:focus,
#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;
}
li.navmain a span {
	margin-top: 2px;
	margin-left: 3px;
	font-size: 10px;
	display: block;
}
.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; min-height: 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,
.column_main .flex-control-paging li a:focus {
    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,
.column_main .flex-control-paging li a:focus {
    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;
}

/* g12 homepage image */
.homepage-info img {
	float: none;
	margin: 10px 0;
}

} /* 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;
}*/

#header h1 {
	font-size: 20px;
}

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;
}
li.navsuper {
	font-size: .7em;
}
.nav_sidebar {
	width: 152px;
	clear: both;
}
ul#navmain {
	width: 140px;
}
li.navmain a:hover,
li.navmain a:focus {
	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.bold a:focus,
#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;
}
li.navmain a span {
	margin-top: 2px;
	margin-left: 10px;
	display: block;
}
.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: 2px 0 2px 32px;
	color: #000;
}
.footer_data_tables .active a {
	background: url(../img/icon_nde_minus.png) no-repeat left center;
	padding: 2px 0 2px 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,
.column_main .flex-control-paging li a:focus {
    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,
.column_main .flex-control-paging li a:focus {
    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;
}

/* g12 homepage image */
.homepage-info img {
	float: right;
	margin: 0 0 50px 15px;
}


} /* close desktop */


/* COLORS */

/* 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: #e59b00;
}
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; 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, ul#navsuper ul li a:focus {color: #000; text-decoration: underline;}
li.navsuper a { color: #fff; text-decoration: none;}
li.navsuper span { color: #fff; }
li.navsuper a:hover, li.navsuper a:focus, li.navsuper.on a { color: #000; outline: none;}
li.navsuper span:hover, li.navsuper span:focus, li.navsuper.on span { color: #000; outline: none;}
#footer li.navsuper {border-right: 1px solid #000;}
#footer li.navsuper a { color: #000; text-decoration: none;}
#footer li.navsuper a:hover, #footer li.navsuper a:focus, #footer li.navsuper.on a { text-decoration: underline;}

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

li.navmain {
  background: #fff; 
  font-size: 11px; 
  font-weight: 700;
  text-align: left;
  line-height: 1.3em;
  color: #000;
}

li.navmain a {
  color: #000;
  display: block;
  text-decoration: none;
  padding: 5px 5px 5px 13px;
}
#navmain li.bold-first a,
#navmain li.bold a {
	padding-left: 5px;
}
#navmain li.bold-first a {
	color: #000; border-top: none;
}
#navmain li.bold {
	color: #000; border-top: 1px dotted #d7d7d7; line-height: 1.3em; margin-top: 10px; padding-top: 5px; padding-bottom: 5px;
}
#navmain li.head {
	color: #898989; font-weight: 700; text-transform: uppercase; border-top: 1px dotted #d7d7d7; line-height: 1.3em; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px;
}


li.navmain.on a,
li.navmain:hover a,
li.navmain a:hover,
li.navmain:focus a,
li.navmain a:focus {
	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;}
.navsub .heading.grade:focus {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 */
.tile {color: #fff; margin-right: 15px; margin-bottom: 15px; width: 160px; min-height: 110px; padding: 8px; }
.tile .title {font-size: 1.2em; line-height: 100%; font-weight: 400; padding: 10px;}

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

.ng-isolate-scope {
	display: inline-block;
	zoom: 1;
	*display: inline;
	margin: 0 5px 0 0;
}

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

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

.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", "Lucida Grande",Lucida,Verdana,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;
}


/* New Custom Data Tables formatting (without select2)  ----- */

.footer_controls .small_controls,
.footer_controls .large_controls {
	clear: left;
	float: left;
}
.footer_controls .small_controls .selector,
.footer_controls .large_controls .selector {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.footer_controls .small_controls .selector span,
.footer_controls .large_controls .selector span {
	display: block;
	width: 100px;
}
.footer_controls select, select[ng-model] {
	color: #000;
	font-size: 15px;
	font-weight: 700;
	line-height: 26px;
	width: auto;
	padding: 5px 2px;
	text-transform: uppercase;
}
.footer_controls select option, select[ng-model] option {
	color: #000;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 8px;
	text-transform: capitalize;
}

/* Exec Summary page -------------- */

.chart-footnotes-special {
	font-size: 12px;
	font-weight: 400;
	padding-left: 24px;
}

/* Arrow chart table */
.table_arrow_chart {
	font-size: 10px;
	font-weight: 400;
	margin-left: 24px;
	margin-bottom: 5px;
	width: 100%;
	border-collapse: collapse;
}
.table_arrow_chart caption {
	font-size: 10px;
	font-weight: 700;
	text-align: left;
	padding-bottom: 10px;
}
.table_arrow_chart th[scope="col"] {
	font-weight: 700;
	border-bottom: 1px solid #333333;
	text-align: center;
}
.table_arrow_chart th[rowspan="2"] {
  vertical-align: bottom;
  text-align: left;
}
.table_arrow_chart th[scope="row"] {
  font-weight: 500;
  text-align: left;
  width: 190px;
}
.table_arrow_chart th[scope="row"].np-nl {
  font-weight: 700;
}
.table_arrow_chart th.normal {
	text-align: left;
}
.table_arrow_chart th.header_math {
	font-size: 12px;
	text-align: center;
	color: #8eb53e;
}
.table_arrow_chart th.header_reading {
	font-size: 12px;
	text-align: center;
	color: #0097d3;
}
.table_arrow_chart th.no_border {
	border: none;
}
.table_arrow_chart strong {
	font-weight: 700;
	font-size: 12px;
}
.table_arrow_chart td {
	font-weight: 700;
	text-align: right;
        padding-right: 10px;
}
.table_arrow_chart td.wide {
	text-align: left;
	width: 160px;
}
.table_arrow_chart td.normal {
	font-weight: 400;
	text-align: left;
}
.table_arrow_chart .right {
	border-right: 1px solid #333333;
}
.table_arrow_chart .left {
	border-left: 1px solid #333333;
}
.table_arrow_chart .bottom {
	border-bottom: 1px solid #333333;
}
.table_arrow_chart .indicator {
        padding-right: 0;
	width: 30px;
}

ul.table_arrow_legend {
  list-style-type: none;
  display: table;
  position: relative;
}

ul.table_arrow_legend li {
  position: relative;
  display: table-cell;
  vertical-align: top;
}

ul.table_arrow_legend img {
  display: inline-block;
  position: absolute;
  top: 6px;
}
ul.table_arrow_legend span {
  display: inline-block;
  padding-left: 15px;
  font-size: 11px;
}

/* Score Trends page ------------------ */

.student_progress_summary {
    display: table;
    margin: 0 0 60px;
    padding: 0;
    
}
.student_progress_summary > .left {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 45%;
    background-color: #E7F4DA;
    vertical-align: top;
    border: 1px solid #DBDBDB;
}
.student_progress_summary > .center {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 10%;
    background-color: #fff;
    vertical-align: top;
}
.student_progress_summary > .right {
    display: table-cell;
    margin: 0;
    padding: 0;
    width: 45%;
    background-color: #E5F6FD;
    border: 1px solid #DBDBDB;
    vertical-align: top;
}
.student_progress_summary .left .inner,
.student_progress_summary .right .inner {
	padding: 12px 10px;
}
.student_progress_summary .center .inner {
	padding: 12px 12px;
}
.student_progress_summary .title {
	color: #000000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
} 
.student_progress_summary .left .title .big {
	color: #8BC83F;
    display: block;
    text-transform: capitalize;
    font-size: 34px;
    font-weight: 700;
    margin: 0 0 10px;
    width: 100%;
    line-height: .9em;
}
.student_progress_summary .right .title .big {
	color: #00AFEE;
    display: block;
    text-transform: capitalize;
    font-size: 34px;
    font-weight: 700;
    margin: 0 0 10px;
    width: 100%;
    line-height: .9em;
}
.student_progress_summary .tiles {
	margin: 0;
    padding: 0;
    display: table-row;
    height: 125px;
    width: 100%;
}
.student_progress_summary .tile {
	display: table-cell;
	padding: 7px 0;
    margin: 0 8px 0 0;
    height: 125px;
    width: 125px;
    background-color: #fff;
	border: 1px solid #DBDBDB;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	pointer: normal;
}
.student_progress_summary .tile_last {
    margin: 0;
}
.student_progress_summary .increased_math,
.student_progress_summary .unchanged_math,
.student_progress_summary .decreased_math,
.student_progress_summary .increased_reading,
.student_progress_summary .unchanged_reading,
.student_progress_summary .decreased_reading {
	font-size: 16px;
	font-weight: 700;
	padding-top: 54px;
	text-align: center;
	margin: 0;
}
.student_progress_summary .increased_math {
	color: #93b63d;
	background: url(../img/icon_increased_math.png) no-repeat top center;
}
.student_progress_summary .unchanged_math {
	color: #93b63d;
	background: url(../img/icon_unchanged_math.png) no-repeat top center;
}
.student_progress_summary .decreased_math {
	color: #93b63d;
	background: url(../img/icon_decreased_math.png) no-repeat top center;
}
.student_progress_summary .increased_reading {
	color: #4a87c6;
	background: url(../img/icon_increased_reading.png) no-repeat top center;
}
.student_progress_summary .unchanged_reading {
	color: #4a87c6;
	background: url(../img/icon_unchanged_reading.png) no-repeat top center;
}
.student_progress_summary .decreased_reading {
	color: #4a87c6;
	background: url(../img/icon_decreased_reading.png) no-repeat top center;
}


.student_progress_summary .from_date {
	color: #282828;
	text-transform: uppercase;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	padding: 0;
	margin: 0;
	line-height: .4em;
}
.student_progress_summary .from_date .small {
	font-size: 9px;
	line-height: 1.5em;
	display: block;
}


/* 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: 700;
}
.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 {
  display: table;
  width: 100%;
}

.legend-container .legend-color,
.legend-container .legend-text {
  display: table-cell;
  vertical-align: middle;
}

.legend-container .legend-color span {
  height:20px;
  width:20px;
  margin-right:5px;
  border: 1px solid black;
  display: block;
}
.legend-container .legend-text{
  padding: 5px;
  font-size: .675em;
  min-width: 100px;
}

.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;
}

.about_page table {
	font-size: .875em;
	margin: 10px auto;
}
.about_page table td {
	padding-right: 10px;
}

.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,
input.show_table:focus {
    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;
	clear: 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;
  z-index: 90;
}

.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 {
  clear: both;
	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: #e59b00;
  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.wide {
  width: 450px;
}

.map-overlay.wide table {
  width: 430px;
}

.map-overlay.wide th[scope=col] {
  text-align: center;
}

.map-overlay.wide td {
  text-align: center;
}

.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 th[scope=row] {
  font-weight: 500;
}

.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] {
  width: 100%;
  display: table;
  border-collapse: collapse;
}
div[role=row] {
  display: table-row;
}
div.odd {
	background: #eee;
}
div[role=row] > div {
  display: table-cell;
  padding: 4px 5px;
  max-width: 15%;
}
div[role=columnheader].first {
  text-align: left;
}
div[role=columnheader] {
  font-weight: 700;
  text-align: center;
  background: #818286;
  color: #fff;
}
div[role=rowheader] {
  color: #666;
  border: 1px solid #ccc;
}

div[role=gridcell] {
  text-align: center;
  border: 1px solid #ccc;
  vertical-align: bottom;
}

.mathematics div[role=columnheader] {
  background-color: #93b504;
}

.reading div[role=columnheader] {
  background-color: #278ff9;
}

div[role=row].even {
  background-color: #eee;
}

.sq-answer {
  color: #f3b602;
}

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

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

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

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

.what-tuda-key p.label {
	font-weight: 700;
}

ul.tuda-slider {
  width: 100%;
  list-style-type: none;
  height: 90px;
  margin: 0 0 0 8px;
  padding: 0;
  display: table;
}

.tuda-slider li {
  margin: 0 5px 0 0;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
}

.tuda-slider li.explore-arrow {
    background: url(../img/explore_arrow.png) center center no-repeat;
    width: 80px;
    color: white;
    text-transform: uppercase;
    padding: 11px 0 0 5px;
}

.tuda-slider a {
  display: table-cell;
  vertical-align: top;
  text-align: center;
  padding: 0 10px;
  height: 90px;
  border: 1px solid gray;
  text-decoration: none;
  -webkit-border-radius: 8px;
  border-radius: 8px; 
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 50%, #c8c8c8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#c8c8c8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 50%,#c8c8c8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 50%,#c8c8c8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 50%,#c8c8c8 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 50%,#c8c8c8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c8c8c8',GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow: 0px 2px 3px 0px #8e8e8e;
  box-shadow: 0px 2px 3px 0px #8e8e8e; 
}

.tuda-slider a span.inner {
  display: block;
  width: 80px;
  padding: 22px 0 5px 0;
}

.what-tuda-label {
  width: 520px;
}

.tuda-slider a.slider4 span.inner {
  background: url(../img/tuda_slider/ellipse.png) no-repeat top 10px center;
  
}

.tuda-slider a.slider3 span.inner {
  background: url(../img/tuda_slider/cross.png) no-repeat top 10px center;
  
}

.tuda-slider a.slider2 span.inner {
  background: url(../img/tuda_slider/diamond.png) no-repeat top 10px center;

}

.tuda-slider a.slider1 span.inner {
  background: url(../img/tuda_slider/square.png) no-repeat top 10px center;

}

.tuda-slider a.slider0 span.inner {
  background: url(../img/tuda_slider/hexagon.png) no-repeat top 10px center;

}

.tuda-slider .active {
  font-weight: 700;
  border: 2px solid #000000;
}

.tuda-slider a {
  color: #000000;
  font-weight: 700;
}

.tuda-slider .year-total {
  font-weight: normal;
  display: block;
}

.tuda-profile {
  width: 320px;
  float: left;
}

[chosen].left {
  float: left;
}

[chosen].right {
  float: right;
}

table.fullwidth {
  width: 100%;
}

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;
}


/* G12 Landing page ------------------ */

.homepage-info h2 {
    color: #31AAE1;
    font-size: 31px;
    line-height: 40px;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0 0 4px;
}

.homepage-info p {
	font-size: 14px;
	line-height: 24px;
}

.hp_read_summary {
  display: inline-block;
  width: 260px;
  height: 29px;
  background: url("../img/button_blank_vlong.png") no-repeat top left;
  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: 5px 5px 30px 0;
}

.hp_read_summary:hover,
.hp_read_summary:focus {
  top: 1px;
  left: 1px;
}

.view_state_snapshot > a {
    background: url("../img/button_blank_short.png") no-repeat left top;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: 700;
    height: 29px;
    line-height: 29px;
    margin: 5px 5px 10px;
    padding: 0 0 0 7px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: 80px;
}
.view_state_snapshot > a:hover,
.view_state_snapshot > a:focus {
    left: 1px;
    top: 1px;
}



/* TUDA Landing page ----------------- */

.homepage-banner {
  border: 1px solid #dbdbdb;
  position: relative;
  margin: 0 0 0 30px;
}

.homepage-banner h2 {
  color: #31aae1;
  font-size: 44px;
  padding: 15px 15px 15px 80px;
  margin: 0;
  border-bottom: 1px solid #dbdbdb;
}

.homepage-banner .star {
  position: absolute;
  top: -26px;
  left: -23px;
}

.homepage-banner .picture-aside .inner {
  padding: 25px 25px 20px;
  font-size: 14px;
}

.homepage-banner .top a {
  font-size: 16px;
}

.homepage-banner .picture-aside a {
  display: block;
  color: #d95b2b;
  font-weight: 700;
  margin: 15px 0 0 0;
}

.homepage-banner h3 {
  padding: 0 0 20px 0;
  margin: 0;
  text-transform: uppercase;
}

.homepage-banner .top {
  border-bottom: 1px solid #dbdbdb;

}

.factoids {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: table;
}

.factoids > .left {
  margin: 0;
  padding: 0;
  display: table-cell;
}

.factoids .left-top {
  background-color: #e5f6fd;
  padding: 20px;
  float: left;
}

.factoids .left-bottom {
  padding: 20px 15px 20px 15px;
  border-top: 1px solid #dbdbdb;
  background-color: #fff;
  clear: both;
}

.factoids .left-bottom > a {
  display: inline-block;
  width: 80px;
  height: 29px;
  background: url(../img/button_blank_short.png) no-repeat top left;
  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: 10px 5px;
}

.factoids .left-bottom a:hover,
.factoids .left-bottom a:focus {
  top: 1px;
  left: 1px;
}

.homepage-banner .top a.video {
  display: inline-block;
  width: 160px;
  height: 29px;
  background: url(../img/button_blank_halflong.png) no-repeat top left;
  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 5px 0 0;
}

.homepage-banner .top a.video:hover,
.homepage-banner .top a.video:focus {
  top: 1px;
  left: 1px;
}

.factoids > .right {
  background-color: #e7f4da;
  margin: 0;
  padding: 20px;
  display: table-cell;
  width: 200px;
  border-left: 1px solid #dbdbdb;
  vertical-align: middle;
}

.factoids > .right span {
  display: block;
  width: 100%;
  font-size: 40px;
  color: #8bc83f;
  font-weight: 700;
  margin: 10px 0;
}

.left-bottom .selector .select2-container {
    margin: 0;
}

.factoids p {
  font-size: 16px;
  margin: 0 0 10px;
  padding: 0;
}

@media only screen and (min-width: 1024px) {
  .homepage-banner .top {
	  border-bottom: 1px solid #dbdbdb;
	  height: 272px;
	  margin: 0;
  }
  .homepage-banner .top .picture {
    float: right;
    width: 396px;
    height: 272px;
    margin: 0;
  }

  .homepage-banner .picture-aside {
    width: 410px;
    height: 272px;
    float: left;
    margin: 0;
  }

  .factoid {
    width: 49.5%;
    display: inline-block;
  }

  .factoid.right {
    float: right;
 	width: 47.5%;
  }

  .factoid.left {
    float: left;
    width: 52%;
  }
}

.factoid {
  margin: 0;
  padding: 0;
}

.factoid ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color: #00afee;
  font-weight: bold;
}
.factoid div.districts-lower {
  margin: 0;
  padding: 0;
  color: #00afee;
  font-weight: bold;
}

.factoid ul.districts-higher {
	margin-top: 5px;
}

.factoid ul.districts-higher li {
  font-size: 24px;
  margin-bottom: 8px;
}

.factoid div.districts-lower-left,
.factoid div.districts-lower-right {
  font-size: 13px;
  line-height: 1.3em;
}
.factoid div.districts-lower-left {
	float: left;
	width: 60%;
}
.factoid div.districts-lower-right {
	float: left;
	width: 39.5%;
}
.factoid .numbers {
  color: #78797b;
  display: block;
  font-size: 28px;
  font-weight: 700;
  font-variant: small-caps;
}

.factoid .numbers .big {
  color: #00afee;
  font-size: 48px;
}

.factoid .numbers .small {
    font-size: 40px;
}

div.spinner {
  display: table;
  width: 100%;
  height: 400px;
}

div.spinner.small {
  height: 200px;
}

div.spinner div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 36px;
}

div.spinner span {
  display: inline-block;
  margin: 0 auto;
  background: url("../img/loading.gif") no-repeat left center;
  padding: 0 0 0 36px;
}

div.gains-trend-selector {
  width: 350px;
  margin: 0 auto 10px auto;
  display: table;
}

div.gains-trend-selector div {
  display: table-cell;
  height: 2em;
  font-size: .8em;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  width: 50%;
  border: 1px solid #9e9fa0;
  border-radius: 5px;
  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 */
}

div.gains-trend-selector .gains[aria-checked=true] {
}

div.gains-trend-selector [aria-checked=true] {
  font-weight: bold;
  background: linear-gradient(to bottom, #eeeeee 60%,#818286 100%);
  background: #eeeeee; /* Old browsers */
  background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 66%, #818286 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(66%,#eeeeee), color-stop(100%,#818286)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 66%,#818268 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 66%,#818268 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 66%,#818268 100%); /* IE10+ */
  background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 66%,#818268 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#818268',GradientType=0 ); /* IE6-9 */
}

.bubble-chart-overlay {
  z-index: 1234; /* bleah */
  position: absolute;
  width: 400px;
  border: 1px solid black;
  background-color: white;
  padding: 10px;
  color: black;
}

.bubble-chart-overlay div[role=columnheader] {
  background-color: white;
  color: black;
}

.bubble-chart-overlay .overlay-heading {
  font-size: 28px;
  font-weight: 700;
}

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

.bubble-chart-overlay .chart-footnotes {
  margin: 10px 0px;
}

.bubble-chart-table {
    width: 100%;
    display: table;
    font-size: 14px;
}

.bubble-chart-row {
    display: table-row;
}

.bubble-chart-row div {
    display: table-cell;
}

.bubble-chart-spacing {
    width: 300px;
}

.bubble-chart-tuda {
    background: url(../img/bubble_chart_tuda.png) left center no-repeat;
    padding-left: 18px;
}

.bubble-chart-rest {
    background: url(../img/bubble_chart_rest.png) left center no-repeat;
    padding-left: 18px;
}

.bubble-chart-state {
    background: url(../img/bubble_chart_state.png) left center no-repeat;
    padding-left: 18px;
}

.gains-table {
    font-size: 12px;
    border-spacing: 1px;
}

.gains-table thead th {
    padding: 10px 0;
}

.gains-table th[scope=row] {
    font-size: 10px;
    padding: 10px 0;
}

.gains-table th[scope=col] {
    padding: 0 5px 3px 5px;
    font-weight: normal;
    vertical-align: bottom;
    text-align: left;
    color: white;
    height: 48px;
    min-width: 100px;
}

.gains-table td.blank {
    background-color: white;
}

.gains-table td {
    vertical-align: top;
    padding: 5px 5px 0 10px;
}

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

.gains-table li {
    display: block;
    text-indent: -5px;
    margin-bottom: 10px;
}

.table-mathematics thead th {
    color: #8eb53e;
}

.table-mathematics th[scope=col] {
    background-color: #8eb53e;
}

.table-mathematics td {
    background-color: #dfe6c5;
}

.table-mathematics td.odd {
    background-color: #cedaa8;
}

.table-reading thead th {
    color: #00afee;
}

.table-reading th[scope=col] {
    background-color: #00afee;
}

.table-reading td {
    background-color: #e5f6fd;
}

.table-reading td.odd {
    background-color: #addbea;
}

ul.tuda-list {
  list-style-type: none;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  padding: 2em 0;
}

ul.tuda-list li {
  font-size: 12px;
  padding: 2px 1.5em;
}

ul.tuda-list li span {
  font-size: 14px;
  font-weight: 700;
}

ul.tuda-list li.active {
  font-size: 16px;
}

ul.tuda-list li.active span {
  font-size: 18px;
}

ul.tuda-list li.active.list-2002 {
  background: url(../img/tuda_slider/ellipse.png) 10px center no-repeat;
}

ul.tuda-list li.active.list-2003 {
  background: url(../img/tuda_slider/cross.png) 10px center no-repeat;
}

ul.tuda-list li.active.list-2005 {
  background: url(../img/tuda_slider/diamond.png) 10px center no-repeat;
}

ul.tuda-list li.active.list-2009 {
  background: url(../img/tuda_slider/square.png) 10px center no-repeat;
}

ul.tuda-list li.active.list-2011 {
  background: url(../img/tuda_slider/hexagon.png) 10px center no-repeat;
}
.pulldown_measures {
	width: 50%;
}
.pulldown_achievement {
	width: 50%;
}

.group-changes-legend {
  display: table;
  width: 100%;
}

.group-changes-legend div {
  display: table-cell;
}

.group-changes-legend img {
  padding-right: 5px;
}

div[group-changes-sig] {
  width: 40px;
  margin: 0 auto;
  text-align:  left;
}

.table-popup {
  width: 520px;
  padding: 10px;
  height: auto;
  border: 1px solid black;
  background-color: white;
  position: absolute;
  z-index: 50;
}

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

div[show-hide-desktop], div[show-hide-tablet] {
  position: relative;
}

div[show-hide-desktop] {
  overflow: hidden;
}

div[show-hide-desktop] > * {
  position: relative;
}

div[show-hide-desktop] h3 {
  padding-top: 15px;
}

a.show-hide-desktop, a.show-hide-tablet {
  color: #fff;
  background-color: #feba2b;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

a.show-hide-desktop {
  position: absolute;
  top: 5px;
  right: -1px;
  padding: 2px 0 2px 19px;
  width: 102px;
}

a.show-hide-tablet {
  position: absolute;
  display: block;
  width: 115px;
  padding-right: 5px;
  text-align: right;
  line-height: 1.7;
  right: 0;
}

a.show-hide-desktop.hide {
  background: url(../img/arrow_hide_desktop.png) 0px center no-repeat;
}

a.show-hide-desktop.show {
  background: url(../img/arrow_show_desktop.png) 0px center no-repeat;
  padding: 2px 0 2px 15px;
  width: 107px;
}

a.show-hide-tablet.hide {
  background: url(../img/arrow_hide_tablet.png) left center no-repeat;
}

a.show-hide-tablet.show {
  background: url(../img/arrow_show_tablet.png) left center no-repeat;
}

.sample-commentary__question label {
  display: block;
}

.homepage h2 {
  text-transform: uppercase;
  background-color: #f8d98d;
}

.homepage h2 span {
  display: inline-block;
  background-color: #fff;
  color: #f2b51c;
  padding-right: 10px;
}

.homepage h3 {
  margin: 20px 0 10px;
}

.homepage .student_progress_summary > .left,
.homepage .student_progress_summary > .right {
  width: 29%;
}

.homepage .student_progress_summary > .center {
  width: 13%;
}

.homepage .student_progress_summary {
  margin: 20px 0 10px;
}

.homepage a.see-more {
  clear: left;
  display: block;
  text-align: right;
  color: #4729fd;
  font-size: 14px;
  padding: 10px 0 0 0;
}

div[acl-popups] {
  position: absolute;
  z-index: 90;

  width: 300px;
  padding: 15px;
  border: 1px solid black;
  background-color: white;
  font-size: 12px;

  display: none;
}

div[sample-questions-popup] {
  position: absolute;
  display: none;
  z-index: 90;

  width: 350px;
  padding: 10px;
  font-size: 14px;
  border: 1px solid black;
  background-color: white;
}

.questionnaire {
  position: absolute;
  display: none;
  z-index: 90;

  width: 400px;
  padding: 15px;
  border: 1px solid black;
  background-color: white;
}

.sample-questions-container h2 {
    font-weight: normal;
    font-size: 16px;
}

.sample-questions-container h2 a {
    font-size: 18px;
}