@import url("//fonts.googleapis.com/css?family=Oswald:300,400,700");
@import url("//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic");

/* promo */
.alm_intro {min-height: 170px; margin-bottom: 20px;}
.alm_intro a, .alm_intro a:hover {color: #007aad}
.di_promo {float: right; width: 290px; height: 170px; padding: 10px;font: normal 0.8em/1.1 'Source Sans Pro', Arial, Sans-serif; margin-left: 20px; margin-bottom: 10px; box-shadow: 0 0 4px -1px #356681;}
.di_promo h4 {font: bold 1em/1 'Source Sans Pro', Arial, Sans-serif; margin: 0 0 5px 0;}
.di_promo img {clear: left; float: left; width: 100px; height: auto; margin-right: 10px;}
.dip_intro {font: normal 1em/1.4 'Source Sans Pro', Arial, Sans-serif; width: 156px; float: left;}
.alm_intro .dip_button, .alm_intro .dip_button:hover {float: left; display: block; width: 135px; padding: 4px; text-align: center; border: 1px solid #007aad; width: 140px; margin: 0 0 10px 8px; background-color: #007aad; color: white; }
.dip_button:hover {text-decoration: none; background-color: #356681;}
.din_spacer {font: normal 0.85em/31px 'Source Sans Pro', Arial, Sans-serif; text-transform: uppercase; color: #999999; padding: 0 20px; float: left;}
.di_nav {clear: both;}
.di_nav h4 {font: bold 1em/1 'Source Sans Pro', Arial, Sans-serif; margin: 0 0 4px;}
.di_nav > div {float: left;}
.di_table_search {width: 320px; height: 31px; position: relative; margin-right: -10px;}
.di_table_holder {width: 100%; padding: 2px 0 1em; clear: left; font-family: 'Source Sans Pro', Arial, Sans-serif; border-bottom: 3px solid #356681;}
#search_text {width: 100%; cursor: pointer; font: normal 1em/29px 'Source Sans Pro', Arial, Sans-serif; height: 31px; border: 0px none; border: 1px solid #ccc; background: url("//chronicle.com/img/photos/biz/header_icon_search.gif") no-repeat scroll 6px 9px transparent; padding-left: 22px;}
.dit_hed1 td {padding-top: 1em; border-bottom: 1px solid #cccccc;}
.dit_hed2 td {font-weight: bold; padding-top: 0.5em;}
.dit_hed3 td {padding-top: 0.5em;}
.di_table_holder table {width: auto; margin: 0 auto 10px; min-width: 240px;}
.di_table_holder h2 {font: 1.4em 'Source Sans Pro', Arial, Sans-serif;}
.ng-table {clear: left;}
.ng-table td {vertical-align: top; padding: 1px 12px 1px 5px;}
.ng-table td strong {font-family: 'Source Sans Pro', Arial, Sans-serif; font-weight: bold;}
.ng-table td a {color: #007aad;}
.di_table_holder .dit_desc {margin-bottom: 1em;}
.ng-table th {font-size: 14px; line-height: 1.2em; font-weight: normal; text-align: left; vertical-align: bottom; padding: 2px 6px 4px; position: relative;}
.ng-table th.dit_num {text-align: right; padding-right: 12px; padding-left: 5px;}
.ng-table th.dit_overhed {border-bottom: solid 1px #ccc; color: #7f7f7f; text-align: center;}
.ng-table .index_hed th, .ng-table .index_hed th.dit_num {padding-top: 4px;}
.ng-table th span {font-weight: normal; display: block; color: #7f7f7f;}
.ng-table th .indexOnly {display: none;}
.dit_wide td {font-size: 14px; padding-right: 10px;}
.dit_even td {background-color: #f0f0f0;}
.dit_wide th {font-size: 12px;}
.dit_wide th.dit_num {padding-right: 10px;}
.dit_skinny td,  .dit_vskinny td, .dit_skinny th.dit_num, .dit_vskinny th.dit_num {padding-right: 16px;}
.alm_links {font: bold 1em 'Source Sans Pro', Arial, Sans-serif; color: #7f7f7f;padding-top: 1em;}
.alm_links span {text-transform: uppercase; font-size: 0.8em; display: block; font-weight: normal;}
.alm_links span em {font-style: normal; color: #333;}
.ng-table thead { border-bottom: #999 solid 1px;}
.dit_expander {min-width: 25%;}
.di_table_holder .dit_note, .di_table_holder .dit_source  {font: 15px 'Source Sans Pro', Arial, Sans-serif; padding-top: 1em;}
.di_table_holder .dit_note strong, .di_table_holder .dit_source strong {font-family: inherit; font-weight: bold;} 
.di_table_holder .dit_note em {font-family: inherit; font-style: italic;}
.ng-table .dit_subhed1 td {font-size: 1.1em; font-weight: bold; border-bottom: solid 1px #ccc; padding-top: 1em;}
.ng-table .dit_subhed2 td {font-size: 1em; font-weight: bold; padding-top: 0.5em;}
.ng-table .dit_subhed2 td span {font-weight: normal;}
.ng-table .dit_edge {border-left: 1px solid #ccc;}
.comparison-help img {text-align: center;}
.comparison-help-text {display: none; position: absolute; background-color: #3f3f3f; color: white; padding: 10px; top: 100%;}
.ng-table th:hover .comparison-help-text {display: block;}
.dit_subtotal {font-weight: bold; padding-top: 6px;}
.dit_rellink {padding-bottom: 1em;}
.dit_rellink span {font-weight: bold; font-size: 0.8em; text-transform: uppercase; color: #666;}
.ng-table .dit_num {text-align: right;}
.ng-table .dit_na {text-align: right;color: #7f7f7f; padding: 1px 24px 1px 8px;} 
.di_table_holder p, .di_table_holder h2, .alm_tweet {/*max-width: 800px; margin-right: auto; margin-left: auto;*/}
.alm_tweet {display: inline; background: transparent url(../img/twitter_blue.png) no-repeat scroll 6px 4px; background-size: 15px 12px; padding-left: 24px; color: #007aad;}
/*  autosuggest styling   */
ul.as-selections {list-style-type: none; margin: 0; overflow: visible; padding: 0;}
ul.as-selections.loading {background-color: #eee;}
.as-results {clear: left;width: 350px !important;}
ul.as-selections li {border-right: 0 none transparent; float: left; margin: 0; padding: 0; width: 100%;}
ul.as-selections li.as-original {margin-left: 0;}
ul.as-list {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); max-width: 400px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); box-sizing: border-box; color: #000; font-size: 13px; list-style-type: none; margin: 0; padding: 0; position: absolute; text-shadow: none; z-index: 202; width: 400px;}
.custom ul.as-list {position: relative;}
ul li.as-result-item, ul li.as-message {clear: both; cursor: pointer; background-color: #4f4f4f; color: white; font-family: 'Source Sans Pro', Arial, Sans-serif; font-size: 13px; line-height: 1.3; margin: 0; min-height: 30px; padding: 5px 12px 5px 5px;}
ul li.as-message strong {font: bold 1em/1 'Source Sans Pro', Arial, Sans-serif;}
ul li.as-message {}/*border-bottom: 0 solid #ddd;border-bottom: 2px solid #e8ecf3;*/
.custom ul li.as-message .label, ul li.as-message .label {color: #ccc; font-size: 13px; font-weight: normal; line-height: 1.3em; padding: 0 0 5px; text-align: left;}
ul li.as-result-item .label {color: #006695; font-size: 10px; font-weight: bold; position: absolute; right: 10px;}
ul li.as-result-item.active .label {color: #efefef;}
ul li.as-result-item .ddli_set {color: #ccc; font-size: 11px; font-weight: normal; line-height: 13px; display: block;}
ul li.as-result-item:last-child {border-bottom-width: 0;}
ul li.as-message .label {color: #777; font-size: 12px; line-height: 16px;}
li.as-result-item:first-child {margin: 0;}
li.as-message {cursor: default; margin: 0;}
li.as-result-item em {font-style: normal; font-weight: bold; text-decoration: underline;}
ul.as-list {border: 1px solid #888;}
.ec_tablefilters .select_item .ec_dropdown li a:hover, ul li.as-result-item.active, ul li.as-result-item.active .college, ul li.as-result-item.active .name {background-color: #3a3a3a; color: #d9edf7; text-decoration: none;}
BODY:first-of-type ul.as-list, x:-moz-any-link {border: medium none;}
/* Webkit Hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {ul.as-selections {border-top-width: 2px;}}
/* Opera Hacks */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {ul.as-list {border: 1px solid #888;}}
ul.as-list, x:-moz-any-link, x:default {border: 1px solid #888;}
/* Target FF 3.5+ */
BODY:first-of-type ul.as-list, x:-moz-any-link, x:default {border: none;}
/* - - -- -- - - - - - -  */
/*  Filter / search area  */
/* - - - - - - -  - -- -- */
.di_nav_dd {font-family: "Source Sans Pro", Sans-serif;height: 30px; float: left; margin: 0; position: relative; width: 100%; max-width: 550px;}/* width: auto;*/
.di_nav_dd ul {padding-left: 0; margin-left: 0; list-style-type: none;position: absolute; top: 100%; z-index:444;}
.di_nav_dd > a {padding: 2px 8px 0 22px; height: 31px; width: 100%; display: inline-block; background-color: #356681; font: 1em/29px "Source Sans Pro", Sans-serif;color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.di_nav_dd > a .dd-icon {border-bottom: 6px solid transparent; border-left: 8px solid white; border-top: 6px solid transparent; display: block; float: left; height: 0; margin-left: -13px; margin-top: 7px; width: 0;}
.di_nav_dd > a:hover .dd-icon {border-bottom: 6px solid transparent; border-left: 8px solid #FFD563; border-top: 6px solid transparent;}
.opendrawer > a .dd-icon, .opendrawer a:hover .dd-icon {border-top: 8px solid #FFD563; border-left: 6px solid transparent; border-right: 6px solid transparent; display: block; float: left; height: 0; margin-left: -15px; margin-top: 11px; width: 0;}
.di_nav_dd > a:hover, .ec_tablefilters .ec_filterlabel:hover {color: #FFD563; background-color: #004f69; text-decoration: none;}
.di_nav_dd .openmenu {position: absolute;top: 100%; left:0;}
.di_nav_ul {z-index: 99; padding: 6px 0; display: none; position: static; left: 0; top: 100%; width: 100%; max-height: 210px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.4); overflow-y: auto; background-color: #4f4f4f; list-style-type: none;}
.opendrawer .di_nav_ul {display: block; overflow-x: hidden;}
.di_nav_ul li { margin: 0; padding: 0;}
.di_nav_ul li a {padding: 5px 10px 7px; display: block; text-transform: none; height: auto; margin: 0; font: 13px/1.1 "Source Sans Pro", Sans-serif; background-color: #4f4f4f; color: white; text-align: left; color: #d9edf7;}
.di_nav_ul li:first-child a {padding-top: 10px;}
.di_nav_ul li a:hover {color: #d9edf7; background-color: #3a3a3a; text-decoration: none;}
.di_nav_ul li .dd_clickable {cursor: pointer;}
.di_nav_ul li.ddli_structure1, .di_nav_ul li.ddli_structure1:hover {padding: 6px 5px 6px 15px; color: white; font: 14px/1.1 "Source Sans Pro", Sans-serif; text-transform: uppercase; background-color: #4f4f4f; cursor: default;}
.di_nav_ul li.ddli_structure2, .di_nav_ul li.ddli_structure2:hover {padding: 5px 5px 5px 15px; color: white; font: 13px/1.1 "Source Sans Pro", Sans-serif; background-color: #4f4f4f; text-transform: uppercase;  cursor: default;}
.di_nav_ul li .dd_icon, .di_nav_ul li.ddli_open li .dd_icon {border-bottom: 5px solid transparent; border-left: 7px solid white; border-top: 5px solid transparent; display: block; float: left; height: 0; margin-left: 2px; margin-top: 0; width: 12px;}
.di_nav_ul li.ddli_open, .di_nav_ul li.ddli_open:hover {color: #ccc;}
.di_nav_ul li.ddli_open .dd_icon, .di_nav_ul li.ddli_open li.ddli_open .dd_icon  {border-top: 7px solid #ccc; border-left: 5px solid transparent; border-right: 5px solid transparent; display: block; float: left; height: 0; margin-left: -2px; margin-right: 5px; margin-top: 2px; width: 0;}
.di_nav_ul li .alm_navdrop, .di_nav_ul li.ddli_open li .alm_navdrop {display: none; position: static;}
.di_nav_ul li.ddli_open .alm_navdrop, .di_nav_ul li.ddli_open li.ddli_open .alm_navdrop {display: block; margin-top: 4px;}
.opendrawer a, .opendrawer a:hover {background-color: #3a3a3a; color: #FFD563; text-decoration: none;}
.di_nav_ul .ecdrop_active a, .di_nav_ul .ecdrop_active a:hover {color: #FFD563; background-color: #3a3a3a; cursor: default;}
.qualtrics_yn {margin-top: 32px; position:relative; z-index: 0;}
.almanac-states-nav-sections {list-style-type: none; padding: 0; width: 100%; margin: 0 0 1em; height: 30px; display: none !important;}
.almanac-states-nav-sections li {float: left; padding: 0 5px 5px 0;}
.almanac-states-nav-sections li:before {content: '|'; color: #7f7f7f; padding-right: 5px;}
.almanac-states-nav-sections li:first-child:before {content: none; padding: 0;}
/* =========================
RESPONSIVE
========================= */
@media screen and (max-width: 1199px) {
	.di_table_holder h2 {font-size: 1.3em;}
	.di_table_holder .dit_desc {font-size: 15px;}
	.di_table_holder td {font-size: 15px;}
	.dit_wide td {font-size: 13px;}
	.di_table_holder .dit_note, .di_table_holder .dit_source  {font-size: 14px;} 
	.din_spacer {padding: 0 10px;}
}
@media screen and (max-width: 991px) {
	.din_spacer {padding: 0; float: none; clear: left;}
	.di_table_search {width: 100%; max-width: 550px; clear: left; float: none; }
	.dit_wide, .dit_wide thead, .dit_wide tbody, .dit_wide th, .dit_wide td, .dit_wide tr { display: block; }
	.dit_wide thead {display: none; }/* thead tr position: absolute; top: -9999px; left: -9999px; */
	.dit_wide td, .dit_wide .dit_num, .dit_wide .dit_na { border: none;  padding: 1px 0; font-size: 16px;}
	.dit_wide td:before {color: #7f7f7f; position: static; padding: 0 10px 0 0; text-align: left; word-wrap: break-word; content: attr(data-content);}/*width: 40%; position:absolute;*/
	.dit_wide td.tdNone:before {content: none; display: none;}
	.dit_wide td.small-padding { padding: 1px 10px; }
	.dit_wide td.medium-padding { padding: 1px 10px; }
	.dit_wide td.large-padding { padding: 1px 10px;}
	.dit_wide .dit_even {background-color: transparent;}
	.dit_wide .tdno0 {font-weight: bold; padding-left: 0; padding-top: 1em;} 
	.dit_wide .dit_num, .dit_wide .dit_na {text-align: left;color: inherit;}
	.dit_wide .dit_subhed1 td, .dit_wide .dit_subhed2 td {padding: 10px 0 0 0;}
	.dit_wide .dit_subtotal td {font-weight: normal;}
	.dit_wide .dit_edge {border-left: 0px none;}
	.dit_wide .dit_edgeoff {display: none;}
	.dit_wide .dit_subhed1 td:before, .dit_wide .dit_subhed2 td:before, .dit_wide .tdno0:before {display: none;}
}
@media screen and (max-width: 768px) {
	.di_nav {padding-right: 0;}
	.di_nav > div {float: none;}
	.di_table_search {margin-top: 3px; width: 100%; margin-right: 0; height: 31px; position: relative;}
	.dit_avg, .dit_avg thead, .dit_avg tbody, .dit_avg th, .dit_avg td, .dit_avg tr { display: block; }
	.dit_avg thead {display: none; }/* thead tr position: absolute; top: -9999px; left: -9999px; */
	.dit_avg td, .dit_avg .dit_num, .dit_avg .dit_na { border: none;  padding: 1px 0;}/*position: relative; padding-left: 50%; border-bottom: 1px solid #eee; */
	.dit_avg td:before {color: #7f7f7f; position: static; padding: 0 10px 0 0; text-align: left; word-wrap: break-word; content: attr(data-content);}
	.dit_avg td.tdNone:before {content: none; display: none;}
	.dit_avg td.small-padding, .dit_avg td.medium-padding, .dit_avg td.large-padding { padding: 1px 10px;}
	.dit_avg .tdno0 {font-weight: bold; padding-left: 0; padding-top: 1em;} 
	.dit_avg .dit_num, .dit_avg .dit_na {text-align: left; color: inherit;}
	.dit_avg .dit_subhed1 td, .dit_avg .dit_subhed2 td {padding: 10px 0 0 0;}
	.dit_avg .dit_subtotal td {font-weight: normal;}
	.dit_avg .dit_even {background-color: transparent;}
	.dit_avg .dit_edge {border-left: 0px none;}
	.dit_avg .dit_edgeoff {display: none;}
	.dit_avg .dit_subhed1 td:before, .dit_avg .dit_subhed2 td:before, .dit_avg .tdno0:before {display: none;}
}
@media screen and (max-width: 480px) {
	.di_promo {float: none; margin: 0 auto 10px;}
	.di_nav {padding-right: 0;}
	.di_nav > div {float: none;}
	.di_table_search {margin-top: 3px; width: 100%; margin-right: 0; height: 31px; position: relative;}
	.dit_skinny, .dit_skinny thead, .dit_skinny tbody, .dit_skinny th, .dit_skinny td, .dit_skinny tr { display: block; }
	.dit_skinny thead {display: none; }/* thead tr position: absolute; top: -9999px; left: -9999px; */
	.dit_skinny td, .dit_skinny .dit_num, .dit_skinny .dit_na { border: none;  padding: 1px 0;}
	.dit_skinny td:before {color: #7f7f7f; position: static; padding: 0 10px 0 0; text-align: left; word-wrap: break-word; content: attr(data-content);}
	.dit_skinny td.tdNone:before {content: none; display: none;}
	.dit_skinny td.small-padding { padding: 1px 10px; }
	.dit_skinny td.medium-padding { padding: 1px 10px;}
	.dit_skinny td.large-padding { padding: 1px 10px;}
	.dit_skinny .tdno0 {font-weight: bold; padding-left: 0; padding-top: 1em;} 
	.dit_skinny .dit_num, .dit_skinny .dit_na {text-align: left;color: inherit;}
	.dit_skinny .dit_subhed1 td, .dit_skinny .dit_subhed2 td {padding: 10px 0 0 0;}
	.dit_skinny .dit_subtotal td {font-weight: normal;}
	.dit_skinny .dit_edge {border-left: 0px none;}
	.dit_skinny .dit_edgeoff {display: none;}
	.dit_skinny .dit_subhed1 td:before, .dit_skinny .dit_subhed2 td:before, .dit_skinny .tdno0:before {display: none;}
	.alm_statetable {font-size: 14px;}
	.alm_nomobile {display: none;}
}
@media screen and (max-width: 360px) {
	.di_promo {width: 100%; }
}