@charset "UTF-8";
/* - - - - - - - - - - - - - - */
/*  global overrides   */
/* - - - - - - - - - - - - - - */
.pad1 h2 {font-size: 18px; margin: 0;}
.ec_container {width: 100%; margin: 0 auto;}
.qualtrics_yn {margin-top: 32px; display: none;}
/* - - - - - - - - - - - - - - */
/*  interactive table  */
/* - - - - - - - - - - - - - - */
.ec_tablefail {clear: left; color: #7f7f7f; display: none; float: none; font: 24px/1.2em Roboto, Helvetica, Sans-serif; margin: 0 auto; padding: 1em 0 1.5em; text-align: center; width: 100%;}
.table_overcontainer {padding: 0; margin: 0 auto; width: 100%;}
.table_overcontainer .ec_widget {opacity: 0.5;}
.ec_bar_note {font-size: 11px; line-height: 11px;}
.interactive_table {border-collapse: collapse; box-sizing: content-box; margin-top: 0; table-layout: fixed; width: 100%; padding: 0;}
.interactive_table tbody {border-right: 0 none;}
.interactive_table tbody tr {background: none repeat scroll 0 0 #f3f7fd; border-top: 0px none; cursor: pointer; background-color: white; transition: background-color 0.5s ease 0s;}
.col_org_name.tier0 sup {padding-left: 2px;}
.interactive_table tbody .result {display: none;}
.interactive_table tbody .overtime {display: block;}
.interactive_table tbody tr.odd {background-color: rgba(0,157,191,0.07);}
.interactive_table th {cursor: pointer; text-align: left; background-color: white; font: 10px/1.2 Roboto,Helvetica,Arial,sans-serif; padding: 7px 7px 0; text-align: center; text-transform: uppercase; vertical-align: bottom; border-bottom: 2px solid #999; border-left: 1px #ccc; color: #009dbf;}
.interactive_table th div {padding-bottom: 12px; text-align: center; display: inline-block;}
.interactive_table th.asc div {background: url("div_table-asc.png") no-repeat scroll center bottom white;}
.interactive_table th.desc div {background: url("div_table-dsc.png") no-repeat scroll center bottom white;}
.interactive_table th span {color: #7f7f7f; display: block; font-size: 11px; font-weight: normal;}
.interactive_table th:hover {text-decoration: underline;}
.interactive_table th:hover span {text-decoration: none;}
.interactive_table tbody tr.failrow {background-color: white;}
.interactive_table tbody tr.failrow:hover {background-color: transparent;}
.interactive_table tbody tr.overtime:hover {cursor: default;}
.interactive_table tbody tr.failrow td {font-size: 1.4em; padding: 30% 0 0; color: #7f7f7f; text-align: center; border-bottom: 0px none;}
.interactive_table .overtime td {padding-top: 15px; }
.interactive_table .overtimeTable tr {background-color: transparent;}
.interactive_table .overtimeTable td {padding-top: 8px; padding-bottom: 8px; border-bottom: 2px solid rgba(100,100,100,0.1);}
.interactive_table .opened td {border-bottom: 0 none;}
.interactive_table .overtime td span {color: #333; font-size: inherit; display: inline; padding-right: 0;}
.interactive_table td .valchange,  .interactive_table td .state, .interactive_table .overtime td .state {display: block; font-size: 13px; color: #999999;}
.interactive_table .overtime .valchange {font-size: 13px; color: #999999;}
.interactive_table .overtime .valchange:before {content: ' ('; color: #999999; font-size: 13px;}
.interactive_table .overtime .valchange:after {content: ')'; color: #999999; font-size: 13px;}
.interactive_table .overtimeTable tr {display: table-row;}
.interactive_table th .lastyear {display: inline;}
.interactive_table tr.overtime {overflow:hidden;}
/*overtime table */
.interactive_table .overtime .overtimeTD {padding: 2px 0;}
.interactive_table .overtime p {margin: 8px 15px;}
.interactive_table .overtime .overtimeTD p.title {font-size: 16px;}
.interactive_table .overtime .overtimeTD table {margin-left: 15px; width: auto;}
.overtimeTable {width: 100%;}
.overtimeTable thead {background-color: transparent; color: #6f6f6f;}
.table_overcontainer thead tr {display: none;}
.overtimeTable th {text-align: right; padding: 4px; padding-right: 8px; background-color: transparent; font-size: 11px;}
.overtimeTable th:first-child {text-align: left;}
.overtimeTable td {background-color: transparent; padding: 6px 10px;}
.overtimeTable th, .overtimeTable th:hover {border-bottom: 2px solid #ccc; background-color: transparent; color: #6f6f6f; cursor: default; }
.interactive_table .overtime .overtimeTable .rightAlign {text-align: right; padding-right: 20px;}
.interactive_table .overtime .overtimeTable td span {color: #999999; display: block; font-size: 13px;}
.interactive_table tbody td {border-collapse: collapse; border-left: 0; color: #2f2f22; font: 13px/18px Roboto, Helvetica, Sans-serif; padding: 0 6px 2px 50px; text-align: left; vertical-align: middle;}
.interactive_table tbody {font-size: 14px;}
.interactive_table tbody .col_first {font-size: 18px; color: #555; padding-top: 10px; padding-left: 10px; float: left; padding-right: 10px; text-align: right;}
.interactive_table tbody .col_org_name {text-align: left; font-size: 16px; padding-top: 10px;}
.interactive_table tbody .col_org_name span {display: block; font-weight: normal; font-size: 13px; margin-top: 2px;}
.interactive_table .colsort {background-color: #fcf9f0;}
.interactive_table tbody .col_0 {padding-left: 10px; height: 50px; text-align: left; width: 60%;}
.interactive_table tbody .col_first .name {padding: 0;}
.interactive_table tbody .col_first span {display: block;}
.interactive_table tbody .opened td {border-bottom: 0px none;}
.interactive_table tbody .overtime > td.tier1, .interactive_table tbody .overtime > td.tier3 {display: none;}
/* - - -- -- - - - - - -  */
/*  Filter / search area  */
/* - - - - - - -  - -- -- */
.ec_select {margin: 1em 0; height: auto; width: 100%; position: relative;}
.select_item {font-family: Roboto, Helvetica, Sans-serif; height: 28px; top: 0; z-index:399; width: 240px; float: none; margin: 0 auto 2px; position: relative; padding-top: 0;}
.select_item .ec_disabled {color: #cccccc; background-color: #eeeeee; cursor: default;}
.openmenu .select_item {display: block; float: none; }
.select_item > a {height: 28px; display: block; color: white; background-color: #00759c; font: 14px/30px Roboto, Helvetica, Sans-serif; width: 100%; padding: 0 10px 0 25px; width: 100%; transition: background-color 0.5s ease 0s;}
.select_reset > a {padding-left: 10px;}
.select_item > a:hover {background-color: #004f69; text-decoration: none;}
.select_item .ec_dropdown {width: 200px; z-index: 400; padding: 0; margin: 0; display: none; position: absolute; left: 0; top: 100%; max-height: 200px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.4); overflow-y: auto; list-style-type: none;}
.select_state .ec_dropdown {width: 140px;}
.select_year .ec_dropdown {width: 80px;}
.dd_icon {border-bottom: 6px solid transparent; border-left: 8px solid white; border-top: 6px solid transparent; display: block; position: absolute; left: 9px; top: 8px; height: 0; width: 0; }
.opendrawer .dd_icon {border-right: 6px solid transparent; border-top: 8px solid white; border-left: 6px solid transparent; display: block; position: absolute; left: 8px; top: 10px; height: 0;width: 0;}
.opendrawer .ec_dropdown {display: block; overflow-x: hidden;}
.select_item .ec_dropdown li { margin: 0; padding: 0;}
.select_item .ec_dropdown li a {display: block;background-color: #3f3f3f; color: white;padding: 2px 14px;text-decoration: none; font: 13px/24px Roboto, Helvetica, Sans-serif;}
.select_item .ec_dropdown li a:hover {text-decoration: none; background-color: #009dbf;}
.select_item .ec_dropdown li.disabled a, .select_item .ec_dropdown li.disabled a:hover{background-color: #3f3f3f; color: #666; cursor: default;}
.select_item .ec_dropdown .ecdrop_active a, .select_item .ec_dropdown .ecdrop_active a:hover {cursor: default; background-color: #3f3f3f; color: #009dbf;}
.select_item .opendrawer a, .openmenu_label {background-color: #4f4f4f; color: #FFD563;}
.reset_disabled > a, .reset_disabled > a:hover {background-color: #cfcfcf; text-decoration: none;}
.ec_search {width: 240px; top: 0; left: 0; display: block; position: relative; margin-top: 5px;}
.ec_search h4 {color: #4b4f51; font-size: 11px; font-weight: normal; line-height: 11px; margin: 6px 0 -6px; text-align: right;}
.search_text {background: url("https://chronicle.s3.amazonaws.com/DI/COPInteractives/phil400-2017/header_icon_search.gif") no-repeat scroll 5px 7px #ffffff; color: #7f7f7f; border: 0 none transparent; border: solid 1px #009dbf; font: 14px/28px Roboto, Helvetica, Sans-serif; height: 28px; padding: 2px 5px 0 21px; width: 240px;}
.search_text.focused {color: #000;}
/* - - -- -- - - - - - -  */
/*  autosuggest styling   */
/* - - - - - - -  - -- -- */
.as_original {width: 100% !important;}
ul.as-selections {list-style-type: none; margin: 0; overflow: visible; padding: 0;}
ul.as-selections.loading {background-color: #eee;}
.as-results {clear: left;}
ul.as-selections li {border-right: 0 none transparent; float: left; margin: 0; padding: 0;}
ul.as-selections li.as-original {margin-left: 0;}
ul.as-list {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); box-sizing: border-box; color: #2f2f22; font-size: 13px; list-style-type: none; margin: 0; padding: 0; position: absolute; text-shadow: none; z-index: 202;}
.custom ul.as-list {position: relative;}
ul li.as-result-item, ul li.as-message {border-bottom: 1px solid #e8ecf3; clear: both; cursor: pointer; font-family: Roboto, Helvetica, Sans-serif; font-size: 13px; line-height: 1.3; margin: 0; padding: 8px;}
ul li.as-message {border-bottom: 0 solid #ddd;}
.custom ul li.as-message .label, ul li.as-message .label {color: #666; 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 .name {font-size: 14px; font-weight: normal; line-height: 16px;}
ul li.as-result-item .college {color: #666; font-size: 11px; font-weight: normal; line-height: 13px;}
ul li.as-result-item .headshot {border: 1px solid #dddad6; float: left; margin-bottom: 0; margin-right: 10px;}
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;}
ul li.as-result-item.active {background: none repeat scroll 0 0 #3f3f3f; color: #fff;}
ul li.as-result-item.active .college, ul li.as-result-item.active .name {color: #fff;}
li.as-result-item em {font-style: normal; font-weight: bold; text-decoration: underline;}
ul.as-list {border: 1px solid #888;}
BODY:first-of-type ul.as-list, x:-moz-any-link {border: medium none;}
/* nav */
.table_nav { background-color: rgba(0, 157, 191, 0.2); clear: both; height: 30px; padding: 0; position: relative; margin-bottom: 0;}
.table_count {font-family: Roboto,Helvetica,Arial,sans-serif; left: 0; line-height: 31px; margin-left: 1em; margin-top: 0; padding-right: 210px; position: absolute; top: 0; width: 100%;}
.loading_indicator img { vertical-align: -1px;}
.loading_indicator, .table_results { color: #00759c; display: inline; font-family: Roboto,Helvetica,Arial,sans-serif; font-size: 15px;}
.loaded .table_fail, .table_fail { display: none;}
.table_fail { color: #7f7f7f; display: none; font-family: Roboto,Helvetica,Arial,sans-serif; font-size: 22px; line-height: 1.4; min-height: 200px; padding: 3em 1em; text-align: center; width: 100%;}
.loaded .loading_indicator { display: none;}
.loaded .table_results { display: inline;}
.loaded.no_results .table_results { display: none;}
.table_btns {font-family: Roboto,Helvetica,Arial,sans-serif; height: 30px;}
.table_btns a.table_btn { -moz-user-select: none; background: #00759c url("https://chronicle.s3.amazonaws.com/DI/COPInteractives/phil400-2017/icon_arrows2.png") no-repeat scroll left top; border-left: 1px solid rgba(255, 255, 255, 0.5); bottom: 0; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 31px; padding: 0; position: absolute; right: 0; text-align: center; top: 0;}
.table_btns a.table_btn.next { background-position: 54px -106px; padding-right: 23px; width: 88px;}
.table_btns a.table_btn.next:active { background-position: 55px -106px;}
.table_btns a.table_btn.prev { background-position: 12px -163px; padding-left: 15px; right: 88px; width: 111px;}
.table_btns a.table_btn.prev:active {background-position: 11px -163px;}
.first_page .table_btns a.table_btn.prev { background-position: 12px -50px; color: rgba(255, 255, 255, 0.5); cursor: default; text-shadow: none;}
.first_page .table_btns a.table_btn.prev:hover, .first_page .table_btns a.table_btn.prev:active {background-color: #00759c; text-decoration: none;}
.last_page .table_btns a.table_btn.next {background-position: 54px 5px; color: rgba(255, 255, 255, 0.5); cursor: default; text-shadow: none;}
.last_page .table_btns a.table_btn.next:hover, .last_page .table_btns a.table_btn.next:active {background-color: #00759c; text-decoration: none;}
.table_btns a.table_btn:hover {background-color: #004f69;}
.di_content .bunch::after {clear: both;}
.table_results {color: #00759c; display: none; font-size: 15px; line-height: 100%;}
.loaded .loading_indicator {display: none;}
.loaded .table_results {display: inline;}
.loaded.no_results .table_results { display: none;}
.interactive_table .preloading td, .interactive_table .noresults td {color: #7f7f7f; font: 24px/1.2 Roboto,Helvetica,Arial,sans-serif; padding: 40px 0 30px; text-align: center;}
.loaded .interactive_table .preloading {display: none;}
.interactive_table .overtime h3 {font-size: 14px; margin-top: 20px; margin-bottom: 12px; color: #5f5f5f; text-transform: uppercase; display:none;}
.interactive_table .overtime table {margin: 0 1em 2em 0; display: none;} 
.di_morenotes {display: none;}
.di_moreshow .isshown {display: none;}
.isShown .isshown {display:inline;}
.isShown .notshown {display: none;}
.overtimeTD strong,  .overtimeTD b {font-weight: normal; color: #5f5f5f;}
@media only screen and (max-width: 570px) {
    .table_nav {height: auto;}
    .table_count {float: none;   margin: 0;   padding-left: 3%;   padding-right: 3%;   position: static;   text-align: center;}
    .table_btns {height: 30px;   margin: 0 auto;   padding-top: 0;   width: 200px;}
    .table_btns a.table_btn, .fail a.table_btn {   display: inline-block;   line-height: 28px;   position: static;}
    .table_btns a.prev {   background-position: 12px -166px;   border-left: 0 none;   margin-right: -4px;}
}
@media only screen and (min-width: 398px) {
    .qualtrics_yn {display: block;}
}
@media only screen and (min-width: 480px) {
    .ec_select {margin-bottom: 8px;}
    .table_nav {margin-bottom: 6px;}
    .table_overcontainer thead tr {display: table-row;}
    .table_overcontainer tbody .result, .table_overcontainer tbody .overtime {display: table-row;}
    .interactive_table thead .tier3, .interactive_table tbody .result .tier3, .interactive_table tbody .overtime td.tier3 {display: none;}
    .interactive_table thead .tier1, .interactive_table tbody .result .tier1 {display: none;}
    .interactive_table .overtime .overtimeTD p.tier0 {display: none;}
    .table_overcontainer tbody tr.overtime {display: none;}
    .interactive_table .overtime p {margin: 8px 0;}
    .overtimeTD strong,  .overtimeTD b {font-weight: normal; color: #5f5f5f; font-size: 14px; display: block; margin-bottom: 2px;}
    .interactive_table .overtime table {display:table;}
    .interactive_table .overtime .overtimeTD {padding: 10px 25px 0;}
    .interactive_table .overtime .overtimeTD table {margin-left: 0;}
    .interactive_table .overtime h3 {display: block;}
    .interactive_table td, .interactive_table th {display: table-cell; text-align: left;}/* border-bottom: 2px solid #e8ecf3; */
    .interactive_table .col_fortune_500_rank {width: 70px;}
    .interactive_table .col_org_name {width: 230px;}
    .interactive_table tbody .result:hover {background-color: #c4e3f3;}
    .interactive_table tbody td { padding: 10px; display: table-cell;}
    .interactive_table td.col_first {padding-left: 25px; vertical-align: middle; background: url(https://chronicle.s3.amazonaws.com/DI/COPInteractives/phil400-2017/plusloans-plus.gif) 7px 50% no-repeat; text-align: left;}
    .interactive_table tr.opened .col_first {background: url(https://chronicle.s3.amazonaws.com/DI/COPInteractives/phil400-2017/plusloans-minus.gif) 7px 50% no-repeat;}
    .table_overcontainer tbody .col_org_name {text-align: left;padding-right: 10px; font-size: 14px;}
    .interactive_table tbody .col_first {font-size:16px; }
    .interactive_table tbody img {display: block;}
    .interactive_table th {padding: 10px 10px 0; font-size: 11px;}
    p.widget_tease {font-size: 14px;}
    .interactive_credit {font: 16px/22px Roboto, Helvetica, Sans-serif;}
    .ec_filterlabel {width: 120px;}
}
@media only screen and (min-width: 540px) {
    .interactive_table tbody td {font-size: 16px;}
    .interactive_table tbody td .overtimeTable td {font-size: 13px;}
}
@media only screen and (min-width: 545px) {
    .select_item {width: auto; margin-left: 0; margin-right: 2px; float: left;}
    .search_text {margin-top: 0; }
    .ec_select {height: 28px;}
    .ec_search {margin-top: 0; float: right; margin-right: 0;}
    .ec_search, .search_text {width: 200px;}
}
@media only screen and (min-width: 600px) {
.ec_search, .search_text {width: 240px;}
}
@media only screen and (min-width: 720px) {
    
    .interactive_table thead .tier1, .interactive_table tbody .result .tier1 {display: table-cell;}
    .interactive_table tbody .overtime > td.tier1 {display: table-cell;}
    .interactive_table .overtime .overtimeTD p.tier1 {display: none;}
    .overtimeTD strong,  .overtimeTD b {display: inline;}
    .interactive_table tbody .overtimeTable td.tier3, .interactive_table tbody .overtimeTable th.tier3 {display: table-cell;}
   	.interactive_table .overtime p {width: 600px;}
}
@media only screen and (min-width: 768px) {
    .interactive_table tbody .result {border-top: 2px solid white;}
     .interactive_table .col_industry_cop {width: 130px;}
	.interactive_table .overtime p {width: 660px;}
	.interactive_table tbody td .overtimeTable td {font-size: 15px;}
}
@media only screen and (min-width: 992px) {
    .interactive_table tbody .result .tier3, .interactive_table thead .tier3, .interactive_table tbody .overtime > td.tier3 {display: table-cell;}
    .interactive_table tbody td, .interactive_table tbody .col_first, .interactive_table tbody .col_org_name, .interactive_table th {padding: 6px 10px;}
    .interactive_table td.col_first {padding-left: 25px; vertical-align: middle; background: url(https://chronicle.s3.amazonaws.com/DI/COPInteractives/phil400-2017/plusloans-plus.gif) 7px 50% no-repeat; text-align: left;}
    .interactive_table .overtime .overtimeTD .tier0 {display:none;}
    .interactive_table .overtime .overtimeTD p.tier3 {display: none;}
    .interactive_table th {font-size: 12px; padding-bottom: 0;}
    .interactive_table .overtime .overtimeTD table {width: 750px;}
    .interactive_table .col_org_name {width: 230px;}
    .interactive_table .col_fortune_500_rank {width: 80px;}
    .interactive_table tbody td {font-size: 14px;}
    .interactive_table .overtime p {width: 200%;}
    .interactive_table {border-collapse: collapse; border-spacing: 0;}
    .interactive_credit {font: 18px/24px Roboto, Helvetica, Sans-serif;}
    .select_item {position: relative; top: 0;}
    .ec_filtercontainer .ec_search {top: 0; float: right; left: 0;}
	.ec_filterlabel {display: none;}
	.select_item .ec_dropdown {position: absolute; width: 220px;}
	.select_item  #category_select .ec_dropdown {width: 240px;}
	.select_item  #year_select .ec_dropdown {width: 140px;}
	.select_item a {width: auto;}
	.interactive_table .overtime .overtimeTable .rightAlign {text-align: right; padding-right: 30px;}
	.interactive_table tbody td .overtimeTable td {font-size: 13px;}
}
@media only screen and (min-width: 1200px) {
 	.interactive_table tbody td {padding: 10px;}
 	.interactive_table .col_state {width: 148px;}
 	.interactive_table .col_pvt_support_thisYear {width: 130px;}
 	.interactive_table .col_pct_change {width: 112px;}
 	.interactive_table tbody td {font-size: 16px;}
 	.interactive_table .overtime p {width: 250%;}
	.interactive_table {width: 100%;}
}