/* DDS CSS */

.callout-grey {
  text-align: center;
  background: #f4f4f4;
  margin-bottom: 1.25em;
    padding: 1.25em;
    line-height: 18px;
}
.push-left {margin-left: 5px;}

a.sdn-button:focus,
a.sdn-button:active,
button.sdn-button:focus,
button.sdn-button:active {
  background: #fff;
}
@media screen and (max-width: 380px) {
  a.sdn-button,
  button.sdn-button {
    padding-left: 1em;
    padding-right: 1em;
  } 
}

input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
  font-size: 16px;
  color: #666;
  padding 0 .5em;
  height: 35px;
}
select {
  font-size: 16px;
  color: #666;
}
textarea {
  line-height: 22px;
}
input[type=number] {
  color: #666;
}
.share-icons {
  margin-bottom: 40px;
}
h2 {font-size:30px;line-height: 36px;} /* different than global */
h3 {font-size:22px;line-height: 28px;} /* different than global */
h4 {line-height: 24px;} /* different than global */

.format-text a {
  text-decoration: underline;
  color: #4D4D4D;
}
.format-text h1.style-slash {margin-bottom: 20px;}
.style-lines.short {
  margin-bottom: 5px;
}

.success {
  background: #d3f4d4 url(../img/icon-success.png) no-repeat 10px 7px;
  background-size: 18px 18px;
  color: #2d8130;
  font-size: 15px;
  padding: 8px 10px 8px 35px;
  display: inline-block;
  visibility: hidden;
}
h1.serif .success {
  font-family: lato-light, sans-serif;
}
@media screen and (min-width: 640px) {
  h1 span.success {
    margin-left: 20px;
  } 
}
@media screen and (max-width: 640px) {
  h1 span.success {
    margin-top: 10px;
  } 
}
@media screen and (max-width: 1024px) { /* kill bottom margin mobile break */
  .no-marg-mobile,
  .no-marg-mobile button {
    margin-bottom: 0 !important;
  }
}

.border-btm {
  padding-bottom: 15px;
  border-bottom: 1px solid #edeaea;
  margin-bottom: 5px;
}
.return-link {
  padding-bottom: 10px;
  border-bottom: 1px solid #edeaea;
  margin-bottom: 20px;
}

.border-btm input,
.border-btm select {margin-bottom: 0;}

h2.border-btm {
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.section-margin,
.row.section-margin,
.profile-page ul.section-margin {margin-bottom: 20px;}

.section-margin.half,
.row.section-margin.half,
.profile-page ul.section-margin.half {margin-bottom: 10px;}

.section-margin.split {margin-bottom: 30px;}

.section-margin.double,
.row.section-margin.double {margin-bottom: 40px;}

textarea.large {min-height: 115px;}

.reveal-modal {
  max-width: 535px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.warn {
  color: #990000;
  font-size: 22px;
  display: block;
  margin-bottom: 15px;
}
.reveal-big {
  font-size: 22px;
  font-family: lato-light, sans-serif;
  line-height: 26px;
}
.reveal-modal .button-row p,
.pop-modal .button-row p {
  margin-bottom: 0
}
.header-button button {
  float: right;
  margin-bottom: 0;
  margin-left: 10px;
}
.header-button h2 {
  float: left;
  margin-bottom: 0;
}
@media screen and (max-width:480px) {
  .header-button button {
    float: left;
    margin-top: 10px;
    clear: both;
  }
}
.remove-margin-btm {
  margin-bottom: 0 !important;
}
.remove-margin-top {
  margin-top: 0 !important;
}
/* Sidebar */

.side-search {
  position: relative;
  max-width: 300px;
  padding-right: 70px;
}
.side-search select {
  margin-top: 8px;
  font-size: 14px;
}
.side-search input[type=submit].sdn-button {
  position: absolute;
  right: 0;
  top: 0;
}

/* Hero and sub nav */

.dds-head {
  border-bottom: 1px solid #ddd7d7;
}
.dds-head h1 {
  margin-bottom: 10px;
}
.dds-head nav {
  margin: 0 -15px;
  padding: 0 15px;
}
.dds-head nav ul {
  list-style: none;
  font-size: 13px;
  text-transform: uppercase;
  color: #4d4d4d;
  overflow: hidden;
  margin-bottom: 0;
}
.dds-head nav ul li {
  position: relative;
  float: left;
  margin-right: 3%;
  font-family: 'DIN-bold', Helvetica, Arial, sans-serif;
  border-bottom: none;
}
.dds-menu .trigger {
  display: block;
  font-family: 'DIN-bold', Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #006982;
  line-height: 30px;
  position: relative;
  margin-top: 20px;
  cursor: pointer;
  text-transform: uppercase;
  padding-left: 17px;
}
.dds-menu .trigger:before {
  content: " ";
  position: absolute;
  top: 10px;
  left: 0;
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #006982;
}
.dds-menu .trigger.active:before {
  content: " ";
  position: absolute;
  top: 7px;
  left: 3px;
  right: 0;
  width: 0; 
  height: 0; 
  border-top: 6px solid transparent;
  border-left: 6px solid #006982;
  border-bottom: 6px solid transparent;
}
.dds-head nav ul a {
  color: #4d4d4d;
  line-height: 50px;
}
.dds-head nav ul a:hover,
.dds-head nav ul li.selected a {
  color: #000;
  background: transparent;
}
.dds-head nav ul li.selected:after,
.dds-head nav ul li:hover:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -12px;
  width: 0; 
  height: 0; 
  border-left: 12px solid transparent;
  border-right: 12px solid transparent; 
  border-bottom: 12px solid #ddd7d7;
}
  .dds-head nav ul li.selected {
    background: transparent;
  }
@media screen and (max-width: 640px) {
  
  .dds-head nav ul {display: none;}
  .dds-head nav ul {margin: 0 -15px}
  .dds-head nav ul a {
    line-height: 30px;
  }
  .dds-head nav ul li.selected {
    background: #f8f8f8;
  }
  .dds-head nav ul li {
    float: none;
    padding: 4px 15px 0 15px;
    border-top: 1px solid #ddd7d7;
    margin: 0;
  }
  .dds-head nav ul li.selected:after,
  .dds-head nav ul li:hover:after {
    content: " ";
    position: absolute;
    top: 4px;
    left: 40px;
    margin-left: -12px;
    width: 0; 
    height: 0; 
    border-left: none;
    border-bottom: none;  
    border-top: none;
  }
}
@media screen and (min-width: 640px) {
  .dds-menu .trigger {display: none;}
}

.dds-hero .row {
  padding: 0 20px;
}
.dds-hero .row .hero-right {
  background: #fff url(../img/img-hero-new.jpg) no-repeat;
  background-size: cover;
  height: 295px;
  margin: 0 -20px 0 -20px;
}
.dds-hero {
  border-bottom: 4px solid #ddd7d7;
  background: #fcfcfc;
  margin-bottom: 5px;
}
.dds-hero p {
  font-size: 16px;
  margin-bottom: 25px;
}
.dds-hero h2 {
  margin-top: 30px;
}
@media screen and (min-width: 800px) {
  .dds-hero .row {
    padding: 0 20px;
    min-height: 251px;
    display: table;
  }
  .dds-hero .row .hero-right,
  .dds-hero .row .hero-left {
    display: table-cell;
    height: 100%;
  }
  .dds-hero .row .hero-left {
    width: 55%;
    padding-right: 20px;
  }
  .dds-hero .row .hero-right {
    background: #fff url(../img/img-hero-new.jpg) no-repeat;
    background-size: cover;
    width: 45%;
    margin: 0;
  }
  .dds-hero p,
  .dds-hero h2 {
    max-width: 470px;
  }
}

/* Forms */

.small-label,
.search-block label,
.float-numbers label {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}
.small-label .word-wrap,
.search-block label.word-wrap,
.float-numbers label.word-wrap {
  white-space: normal;
}
.word-wrap input[type=checkbox] {
  margin-bottom: 0;
  margin-right: 5px;
}
.search-block {
  border: 1px solid #ebebeb;
  padding: 15px 20px 0 20px;
}
@media screen and (max-width: 340px) {
  .search-block {
    border-left: none;
    border-right: none;
    padding: 15px 0 0 0;
  }
}
.search-block select {
  font-size: 14px;
}
.search-block ul {
  list-style: none;
}
.search-block .button-row {
  border: none;
  padding: 10px 20px 0 20px;
  background: #fafafa;
  margin: 0 -20px;
}
.clear-margin {
  margin-bottom: 0;
}
.float-numbers input[type="number"],
.float-numbers input[type="text"] {
  width: 40px;
  padding: 0 .3em 0 .3em;
  height: auto;
  display: inline-block;
  margin-right: 10px;
  line-height: 20px;
  margin-bottom: 0;
}
.float-numbers .three-col-block input[type="number"],
.float-numbers input[type="text"] {
  width: 40px;
}
.float-numbers input.text-field {
  width: 100%;
  margin-bottom: 15px;
}

.float-numbers input[type="number"].long-num,
.float-numbers input[type="text"].long-num {
  width: 50px;
  padding: 0 .3em 0 .3em;
}
@media screen and (min-width:380px) {
  .float-numbers .two-col-block input[type="number"],
  .float-numbers input[type="number"].long-num,
  .float-numbers .two-col-block input[type="text"],
  .float-numbers input[type="text"].long-num {
  width: 50%;
  }
  .float-numbers .three-col-block input[type="number"],
  .float-numbers .three-col-block input[type="text"] {
    width: 60%;
  }
}
@media screen and (min-width: 570px) {
  .float-numbers .two-col-block input[type="number"],
  .float-numbers input[type="number"].long-num,
  .float-numbers .two-col-block input[type="text"],
  .float-numbers input[type="text"].long-num {
  width: 70%;
  }
}
@media screen and (min-width: 640px) {
  .float-numbers .two-col-block input[type="number"],
  .float-numbers input[type="number"].long-num,
  .float-numbers .two-col-block input[type="text"],
  .float-numbers input[type="text"].long-num {
  width: 50%;
  }
}
.profile-search input[type="radio"] {
  margin-right: 10px;
  margin-bottom: 0;
}
.float-numbers label {
  display: inline-block;
  margin-right: 3px;
}
.float-numbers .title,
.range-slider .title {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
}
.ui-widget-header {
  background: #00556a !important;
}
.range-slider input[type='text'] {
  max-width: 100px;
}

.label-title,
h4.form-section {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  color: #231f20;
  font-family: Lato,Helvetica,Arial,sans-serif;
  font-weight: 500;
}
.float-numbers div {
  float: left;
  min-height: 30px;
  white-space: nowrap;
}
.float-numbers .checkboxes .title {margin-bottom: 7px;}
.float-numbers .checkboxes div {min-height: 28px;}
.float-numbers .three-col-block div {
  width: 33.3%;
}
.float-numbers .three-col-block div:nth-child(2) {
  text-align: center;
}
.float-numbers .three-col-block div:nth-child(3) {
  text-align: right;
}
.float-numbers .three-col-block div:nth-child(3) input[type="number"],
.float-numbers .three-col-block div:nth-child(3) input[type="text"] {
  margin-right: 0;
}

.float-numbers .two-col-block div {
  width: 50%;
}
.float-numbers .two-col-block div:nth-child(2) {
  text-align: right;
}
.float-numbers .two-col-block div:nth-child(2) input[type="number"],
.float-numbers .two-col-block div:nth-child(2) input[type="text"] {
  margin-right: 0;
}

.float-numbers.no-title  ul {
  padding-top: 8px;
}
.float-numbers ul {
  clear: both;
  border-bottom: 1px solid #edeaea;
}
.float-numbers ul:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.profile-page .float-numbers ul {
  margin-bottom: 10px;
}
.float-numbers select {
  max-width: none;
  width: 100%;
}
.check-box label {
  display: inline-block;
  margin-left: 5px;
}
.radio-row input[type="radio"] {
  margin-right: 5px;
}
.radio-row input[type="radio"]:first-child {margin-left: 5px;}
.radio-row label {
  margin-right: 5px;
}

.small-fields input[type="text"],
.small-fields input[type="date"] {
  font-size: 14px;
  max-width: 160px;
  padding: 0;
  height: auto;
  padding: 2px 5px;
}
.small-fields input[type="text"],
.small-fields input[type="date"],
.small-fields  input[type="checkbox"],
.small-fields label {
  float: left;
  margin-right: 5px;
  margin-bottom: 0;
}
.small-fields  input[type="checkbox"] {
  margin-top: 5px;
  margin-right: 10px;
}
.small-fields label {
  margin-top: 7px;
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
  width: 90px;
}
.small-fields div.split-label label {
  margin-top: -3px;
  line-height: 14px;
}
.small-fields > div {
  clear: both;
  border-bottom: 1px solid #edeaea;
  /* overflow: hidden; */
  margin-bottom: 5px;
  padding: 7px 0 0 0;
  min-height: 43px;
}

.article-list .status a {
  text-decoration: underline;
  color: #4d4d4d;
}
.article-list .status a:hover {
  text-decoration: none;
}
.article-list .track-profile {
  margin-top: 10px;
  font-size: 13px;
  font-family: 'DIN-bold', Helvetica, Arial, sans-serif;
}

/* SUBPAGES */

.subpage {
  padding-top: 25px;
}
.searchpage-sidebar .main-content {
  padding-top: 25px;  
}
.profile-page ul {
  list-style: none;
  margin-bottom: 0;
}
.profile-detail {
  min-height: 175px;
}
.profile-detail .prof-img {
  margin: 0 0 20px 0;
  color: #999;
  font-size: 12px;
}
.profile-detail .prof-img .meta {
  line-height: 14px;
}
.profile-detail .prof-img img {
  display: block;
  margin-bottom: 4px;
}
.icon-flag {
  height: 18px;
  width: 18px;
  display: block;
  background: transparent url(../img/icon-flag.png) no-repeat;
}
.profile-detail .prof-img .icon-flag {
  float: right;
}
.profile-detail .prof-img {max-width: 151px;}

div.button-row {
  border-bottom: 1px solid #f4f4f4;
  border-top: 1px solid #f4f4f4;
  margin-top: 5px;
  padding-top: 10px;
}
div.button-row button,
div.button-row .sdn-button {
  margin-bottom: 10px;
}
.edit-button {
    margin-top: 15px;
}
.stat-list {list-style: none;}
.stat-list li span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
.stat-list h2 {
  line-height: 34px;
}
.stat-list .edit-button button {
  margin-bottom: 0;
}
.application-cycle {
  border-bottom: 1px solid #f6f6f6;
  margin-bottom: 20px;
}
.thick-border {
  border-bottom: 4px solid #f6f6f6;
}
.application-cycle ul {
  margin-bottom: 15px;
}
.app-list {
  padding-top: 15px;
  margin-bottom: 15px;
}
.app-list .app-list-unit {
  width: 127px;
  text-align: center;
}
@media screen and (max-width: 665px) {
  .app-break {
    clear: both;
    width: 100%;
  }
  .app-list .app-list-unit {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 415px) {
  .app-list .app-list-unit {
    float: left;
  }
}
.doughnut-box {
  position: relative;
}
.app-list .title {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
}
.center-number {
  position: absolute;
  display: block;
  text-align: center;
}
.center-number.big {
  font-size: 20px;
  top: 35px;
  left: 48px;
  width: 30px;
}
.center-number.big.grand {
  font-size: 18px;
}
.sdn-table .big {
  font-size: 17px;
}
.sdn-table .big.grand {
  font-size: 15px;
}
.sdn-table .big {
  font-size: 17px;
  top: 30px;
}
.center-number.small {
  font-size: 17px;
  top: 30px;
  left: 53px;
  width: 22px;
}
.sdn-table .center-number.small {
  top: 25px;
}
td .center-number {
  display: block;
  text-align: center;
}
td .center-number.big,
td .center-number.small  {
  left: 0;
  width: 100%;
}
.grey-circle {
  background: #E9E8E8;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  margin: auto;
  font-size: 30px;
  font-family: Georgia, serif;
  color: #105569;
  padding-top: 30px;
}
.sdn-table .grey-circle {
  height: 80px;
  width: 80px;
  font-size: 26px;
  padding-top: 28px;
}
.grey-circle.null,
.sdn-table .grey-circle.null,
.center-number.small.null,
.sdn-table .center-number.small.null {
  color: #d7d7d7;
  font-size: 30px;
  font-family: Helvetica, sans-serif;
}
.sdn-table .grey-circle.null,
.grey-circle.null {
  padding-top: 32px;
}
.sdn-table .center-number.small.null,
.center-number.small.null {
  top :27px;
}
.app-list .meta,
.search-schools .meta {
  clear: both;
  display: block;
  font-size: 12px;
  color: #999;
}
@media screen and (min-width: 480px) {
  .profile-detail ul {
    padding: 0 0 0 180px;
    position: relative;
  }
  .profile-detail .prof-img {
    position: absolute;
    left: 0;
    top: 6px;
    margin: 0 20px 0 0;
  }
}
@media screen and (min-width: 640px) {
  .profile-detail {
    position: relative;
  }
  .edit-button {
    position: absolute;
    right: 10px;
    top:5px;
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .profile-top-side {
    margin-top: 30px;
  }
}

/* Results Hide Show */

.results-box.reveal.options {
  margin-bottom: 15px;
}
.application-list {
  margin-bottom: 20px;
}
.application-list.schools-list ul li:last-child {
  margin-top: 15px;
}
p.add-school {
  margin: 20px 0 0 0;
}
p.add-school button {
  margin-bottom: 0;
}
.results-content p {
  margin-bottom: 0;
}
.results-box {
  padding-top: 5px;
}
.results-content.underline .row {
  border-bottom: 1px solid #F4F4F4;
  margin-bottom: 30px
}
.results-content.underline .row:first-child {
  margin-top: 15px
}
.results-box-wrap {
  border-bottom: 1px solid #F4F4F4;
}
.results-trigger {
  font-size: 20px;
  background: url(../img/icon-arrow-right.png) no-repeat 0 5px;
  background-size: 14px 15px;
  display: block;
  color: #231f20;
  padding: 0 0 0px 20px;
  cursor: pointer;
  font-family: latolight,Helvetica,Arial,sans-serif;
  font-weight: 200;
  line-height: 24px;
}
.options .results-trigger {
  font-size: 13px;
  background: url(../img/icon-arrow-right.png) no-repeat 0 5px;
  background-size: 10px 11px;
  display: block;
  color: #006982;
  padding: 6px 0 0px 20px;
  cursor: pointer;
  font-family: DIN-bold,Helvetica,Arial,sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 16px;
}
.results-trigger.active {
  background: url(../img/icon-arrow-down.png) no-repeat 0 5px;
  background-size: 14px 15px;
}
.options .results-trigger.active {
  background: url(../img/icon-arrow-down.png) no-repeat 0 5px;
  background-size: 10px 11px;
}
.results-content {
  display: none;
  padding: 10px 0 0 20px;
  border-bottom: 1px solid #F4F4F4;
}
.options .results-content {
  padding: 15px 0 0 0;
  border-bottom: none;
}
.results-content.first {
  display: block;
}
.results-content .style-dotted {
  margin-left: -1.9375em;
}

/* Tables */
.split-drops,
.drop-right {
  border-bottom: 4px solid #f4f4f4;
  margin-bottom: 15px;
}
.drop-right h1 {
  float: left;
}
.header-drops label,
.school-search-top label {
  font-size: 12px;
  text-transform: uppercase;
  color: #666;
}
.header-drops select,
.school-search-top select,
.search-block.school-search select,
.sidebar-select select {
  background: #FFF;
  border: 1px solid #DBD9D9;
  box-sizing: border-box;
  padding-left: 10px;
  border-radius: 0;
  font-size: 14px;
  color: #4d4d4d;
}
.split-drops > div:first-child {
  width: 200px;
  float: left;
}
.split-drops > div:last-child,
.drop-right > div:last-child {
  width: 330px;
  float: right;
  padding-right: 130px;
  position: relative;
  padding-bottom: .4em;
}
.school-search-top ul {
  list-style: none;
  margin-bottom: 0;
}
.school-search-top input[type=text],
.school-search-top select {
  width: 220px;
}
.school-search-top select {
  height: 35px;
}
.sidebar-select {
  position: relative;
  padding-right: 68px;
}
.sidebar-select select {
  height: 35px;
}
.sidebar-select button {
  position: absolute;
  right: 0;
  top:1px;
}
.container-margin {
  margin-bottom: 30px;
}
.search-block.advanced-search label.title {
  text-transform: none;
  font-size: 16px;
  color: #4d4d4d;
}
input.school-name-field {
  margin-bottom: 5px;
}
@media screen and (min-width: 600px) {
  .search-top-left {
    width: 60%;
    float: left;
  }
  .search-top-left li {
    margin-right: 10px;
    float: left;
  }
  .search-top-right li {
    text-align: left;
    float: right;
  }
  .search-top-right {
    width: 40%;
    float: right;
    text-align: right;
  }
}
.advanced-search {
  clear: both;
  margin-bottom: 20px;
}
.school-results-top {
  margin-top: 25px;
}
.school-results-top p {
  font-size: 16px;
  line-height: 20px;
}
.search-block.school-search p {
  margin-bottom: 10px;
}
.search-block.school-search select {
  height: 35px;
}
@media screen and (max-width: 600px) {
  .split-drops > div:last-child,
  .drop-right > div:last-child {
    float: none;
  }
}
.header-drops button {
  position: absolute;
  right: 0;
  bottom:0;
  min-width: 122px;
}

.sdn-table {
  width: 100%;
  border: none; 
}
table.sdn-table th {
  border-left: 1px solid #d4d4d4;
  text-transform: uppercase;
  font-size: 12px;
  color: #000;
  font-weight: normal;
  height: 50px;
}
table#profile-results th:nth-child(-n+2),
table#school-results th:nth-child(-n+2) {
  padding-left: 12px;
}
table#profile-results th:first-child,
table#profile-results td:first-child {
  width: 23%;
}
table.sdn-table th:first-child {
  border: none;
}
table.sdn-table tr:nth-of-type(even) {
  background: #fff;
}
table.sdn-table td {
    border-bottom: 4px solid #f4f4f4;
    color: #4d4d4d;
    font-size: 17px;
}
td.profile img {
  margin-right: 10px;
  margin-bottom: 5px;
}
td.profile,
td.school {
  font-family: 'DIN-bold', Helvetica, Arial, sans-serif;
}
table.sdn-table td:first-child {
    width: 30%;
}
.sdn-table dt,
.sdn-table dd {
  margin-bottom: 0;
}
.sdn-table dt {
  font-size: 17px;
  font-family: 'DIN-bold', sans-serif;
}
.sdn-table dd {
  font-size: 14px;
}
table.sdn-table thead tr .headerSortDown, table.sdn-table thead tr .headerSortUp {
  background: #e9e8e8;
  position: relative;
}
table.sdn-table thead tr .headerSortDown:after {
  content: '';
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #999;
  position: absolute;
  right: 6px;
  top: 20px;
}
table.sdn-table thead tr .headerSortUp:after {
  content: '';
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 10px solid #999;
  position: absolute;
  right: 6px;
  top: 19px;
}

table#profile-results th,
table#profile-results td,
table#school-results th,
table#school-results td
 {
  text-align: center;
}
table#profile-results th:nth-child(-n+2),
table#profile-results td.profile,
table#profile-results td.school {
  text-align: left;
}
table#school-results th:nth-child(-n+1),
table#school-results td.school {
  text-align: left;
}
table#school-results th:nth-child(-n+1),
table#school-results td.profile {
  text-align: left;
}
table#school-results.search-schools .school span {
  display: block;
  font-size: 14px;
  font-family: lato, sans-serif;
}
.search-schools td {
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 5px;
}
table.sdn-table td.not-provided {
  font-weight: 300;
  font-family: lato, sans-serif;
  color: #999;
  font-style: italic;
}

/* Table queries */

@media all and (max-width: 768px) {
    .sdn-table tr td:nth-child(7),
    .sdn-table tr td:nth-child(6),
    .sdn-table tr th:nth-child(7),
    .sdn-table tr th:nth-child(6) {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    } 
}

@media all and (max-width: 480px) {
    .sdn-table tr td:nth-child(5),
    .sdn-table tr td:nth-child(4),
    .sdn-table tr td:nth-child(3),
    .sdn-table tr th:nth-child(5),
    .sdn-table tr th:nth-child(4),
    .sdn-table tr th:nth-child(3) {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;       
    }
    .sdn-table tr th:nth-child(1),
    .sdn-table tr td:nth-child(1) {
      width: 60%;
    }
    .sdn-table tr th:nth-child(2) {
      text-align: center;
    }
    .sdn-table tr td:nth-child(2) span {
      margin:auto;
    }
  .split-drops > div:last-child,
  .drop-right > div:last-child,
  .split-drops > div:first-child {
    width: auto;
    float: none;
    padding-right: 0;
    position: relative;
  }
  .header-drops button {
    position: relative;
    display: block;
  }
  .header-drops label {
    display: block;
  }
}

/*
    Colorbox Core Style:
*/
#cboxOverlay{
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  background: #FFF;
  opacity: 0.9;
  cursor: pointer;
  visibility: visible;
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 9999;
  overflow: hidden;
}
.pop-modal {
  background: #fff;
  padding: 20px;
  border: 2px solid #e0e0e0;
  max-width: 535px;
  margin: 0 auto;
  position: relative;
}
.close-modal.x-close {
  position: absolute;
  right: 20px;
  top:20px;
  font-size: 24px;
  color:  #e0e0e0;
}
#colorbox {
  width: 90%;
}
#colorbox:focus {
  border: none;
  outline: none;
}

/* Pulled from universal footer to match new footer look you probably don't need this. */

.tagline {
    text-align: center;
    background: #f4f4f4;
    font-family: "latolight", Helvetica, Arial, sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
}
.tagline p span {
    font-size: 18px;
}
.footer-top {
  padding-top: 0;
  border-top: none;
}

.cat-container a{
    /*height: 20px;*/
    padding-top: 0 !important;;
}