.content-item__title {
 text-align:center
}
.di-blurb {
 margin:1em auto;
 font:16px/1.5em "Merriweather","Times New Roman",Times,serif;
 max-width:800px;
 clear:left
}
.did-intro {
 margin-top:1em
}
.p50-notes {
 margin:0.5em auto 0;
 font:14px/1.5em Roboto,Helvetica,Arial,sans-serif;
 text-transform:uppercase;
 clear:left;
 max-width:800px
}
.di-blurb a {
 color:#009dbf
}
.di-blurb a:focus,
p.di-blurb a:hover {
 color:#00c7f2;
 text-decoration:underline
}
.p50-byline {
 font-size:14px
}
.article h4 {
 font:18px/1.5em Roboto,Helvetica,Arial,sans-serif;
 text-transform:uppercase;
 clear:left;
 max-width:800px;
 padding-top:1em;
 margin:0 auto
}
.article h2 {
 max-width:800px;
 margin:20px auto 10px;
 line-height:1
}
.p50-browse-nav {
 width:100%;
 height:40px;
 max-width:800px;
 margin:14px auto 0
}
.di-fifty-nav {
 height:36px;
 margin:20px auto 0;
 width:100%;
 max-width:800px
}
.di-nav-title {
 display:inline-block;
 display:none;
 float:left;
 color:#fff;
 margin:0;
 font:300 26px/36px Roboto,Helvetica,Arial,sans-serif;
 overflow:hidden;
 opacity:0;
 position:relative;
 z-index:100
}
.btn-group .di-fifty-btn {
 font:300 13px Roboto,Helvetica,Arial,sans-serif;
 position:relative;
 text-transform:uppercase;
 color:#fff;
 background-color:#aaaaa5;
 border:0 none;
 margin-left:0
}
.btn-group .di-fifty-btn.active,
.btn-group .di-fifty-btn:hover,
.btn-group .di-fifty-btn:active {
 color:#fff;
 background-color:#92278f;
 border-color:#fff
}
.btn-group .di-fifty-btn a {
 color:#fff;
 display:block;
 padding:6px 12px
}
.btn-group .di-fifty-btn a:hover {
 text-decoration:none
}
.btn-group .di-fifty-btn ul {
 position:absolute;
 color:#2f2f2f;
 max-height:200px;
 overflow:hidden;
 overflow-y:scroll;
 background-color:#fff;
 list-style-type:none;
 display:none;
 top:100%;
 min-width:200px;
 max-width:250px;
 z-index:101;
 padding:5px 0;
 box-shadow:0 0 4px 0 rgba(0,0,0,0.6)
}
.btn-group .di-fifty-btn ul li {
 padding:6px 10px
}
.btn-group .di-fifty-btn ul li:hover {
 color:#92278f;
 cursor:pointer
}
.btn-group .opendrawer ul {
 display:block
}
.btn-group .di-fifty-btn ul .p50-disabled,
.btn-group .di-fifty-btn ul .p50-disabled:hover {
 cursor:default;
 color:#aaa;
 display:none
}
.p50_showing {
 font:300 22px/1 Roboto,Helvetica,Arial,sans-serif;
 text-transform:uppercase;
 width:100%;
 height:24px;
 max-width:800px;
 margin:14px auto 2px;
 text-align:center;
 color:#cfcfcf;
 clear:left
}
.p50_showing strong {
 color:#aaa
}
.p50nav_notapplicable {
 cursor:default;
 opacity:0.3
}
.di-fifty-donor-teaser {
 border:4px solid gray;
 padding:8px
}
#di-fifty-container {
 margin-left:0;
 margin-right:-15px;
 clear:left;
 padding-top:5px
}
.di-fifty-sort-label {
 display:none;
 margin-left:0;
 margin-right:3px;
 font:700 14px/36px Roboto,Helvetica,Arial,sans-serif
}
.di-fifty-select {
 height:29px;
 font:300 13px Roboto,Helvetica,Arial,sans-serif;
 border:1px solid #ccc;
 margin-right:10px;
 padding:0 4px;
 color:#92278f
}
.di-fifty-sort-container {
 display:block;
 margin:0;
 position:relative;
 top:0;
 float:right
}
.p50-yeargroup {
 float:left
}
.di-year-label {
 display:none
}
.table-year-label {
 display:inline-block
}
#di-fifty-button-sort {
 position:relative;
 display:inline-block;
 top:-1px
}
.topgive_key {
 padding:0;
 margin:0 auto;
 height:15px;
 list-style-type:none;
 max-width:550px
}
.topgive_key li {
 float:left;
 margin:0 5px 4px;
 font:300 13px/15px Roboto,Helvetica,Arial,sans-serif;
 text-transform:uppercase;
 color:#4f4f4f
}
.topgive_key li .key_item {
 height:13px;
 width:13px;
 display:block;
 float:left;
 margin-bottom:-1px;
 margin-right:4px
}
.topgive_key:after {
 content:'';
 visibility:hidden;
 clear:both
}
.di-fifty-donor {
 display:block;
 float:left;
 overflow:hidden;
 width:20%;
 left:0;
 right:0;
 position:relative;
 padding:15px 15px 0 0;
 text-align:center;
 cursor:default;
 height:auto
}
.di-fifty-donor a:hover div,
.di-fifty-donor a:hover {
 text-decoration:none
}
.di-fifty-donor.di-hidden {
 display:none
}
.di-fifty-donor-rank {
 background-color:#876f9d;
 box-shadow:3px 3px 4px 0 rgba(0,0,0,0.2);
 color:#fff;
 font:300 24px/24px Roboto,Helvetica,Arial,sans-serif;
 height:35px;
 left:0;
 position:absolute;
 text-align:center;
 padding:5px 5px;
 top:15px;
 width:40px;
 z-index:9
}
.key_hc .key_item {
 background-color:#876f9d
}
.di-it-rank,
.key_it .key_item {
 background-color:#6f92b2
}
.di-retail-rank,
.key_retailers .key_item {
 background-color:#e76e49
}
.di-banks-rank,
.key_banks .key_item {
 background-color:#53a97c
}
.di-energy-rank,
.key_energy .key_item {
 background-color:#cdb466
}
.di_box_retailers {
 border-color:#e76e49
}
.di_box_hc {
 border-color:#876f9d
}
.di_box_it {
 border-color:#6f92b2
}
.di_box_banks {
 border-color:#53a97c
}
.di_box_energy {
 border-color:#cdb466
}
.highlight_sourceWealth {
 font-size:14px;
 width:170px
}
.highlight_state {
 font-size:18px;
 width:125px
}
.di-image_box {
 position:relative;
 margin-bottom:10px
}
.di-donor-screen {
 display:none;
 position:absolute;
 width:100%;
 background-color:#92278f;
 background-image:url(../img/di_newdoc.png);
 background-repeat:no-repeat;
 background-position:center 80%;
 height:100%;
 color:#fff;
 padding:20% 10% 0;
 font:300 36px/1.2 Roboto,Helvetica,Arial,sans-serif;
 text-align:center;
 opacity:0.75
}
.di-fifty-browseReset {
 display:none
}
.di-fifty-resetbox {
 padding-bottom:100%;
 width:100%;
 background-color:#ccc;
 position:relative
}
.di-fifty-browseReset a {
 display:block;
 position:absolute;
 color:#fff;
 padding:32.5% 10%;
 height:100%;
 width:100%;
 font:300 23px/1.2 Roboto,Helvetica,Arial,sans-serif;
 text-align:center;
 text-transform:uppercase
}
.di-fifty-showReset {
 display:block
}
.di-fifty-browseReset a span {
 display:block;
 border-top:3px solid #fff;
 width:50%;
 margin:10px auto;
 opacity:0.7
}
.di-fifty-browseReset a:hover {
 background-color:#92278f
}
.di-fifty-donor-teaser {
 height:360px
}
.di-fifty-donor img {
 width:100%;
 background-color:#fff
}
.browse_state .residence,
.browse_topCause .topCause,
.browse_sourceWealth .sourceWealth,
.browse_sortName .di-fifty-donor-name {
 color:#92278f;
 font-weight:bold
}
.viewlinks {
 background-color:#f3f3f0;
 font:300 16px/20px Roboto,Helvetica,Arial,sans-serif;
 height:31px;
 margin:1em auto 0;
 padding:3px 0 3px 3px;
 width:100%;
 max-width:800px
}
.viewlinks a {
 color:#787872;
 display:block;
 padding:3px 7px;
 float:left;
 text-transform:uppercase;
 -webkit-transition:color 0.2s;
 transition:color 0.2s
}
.viewlinks a:hover,
.viewlinks a:active {
 color:#92278f;
 text-decoration:none
}
.viewlinks span {
 display:block;
 float:left;
 color:#ccc;
 padding:3px
}
.viewlinks .active {
 color:#92278f;
 cursor:default
}
.viewlink_search {
 display:block;
 float:left
}
.di-fifty-donor-name {
 font:300 18px Roboto,Helvetica,Arial,sans-serif;
 text-align:left;
 color:#3f3f3d;
 margin-bottom:6px
}
.di-fifty-donor-total {
 font:600 18px Roboto,Helvetica,Arial,sans-serif;
 text-align:left;
 color:#3f3f3d;
 margin-top:5px;
 margin-bottom:3px
}
.browse_state .di-fifty-donor-total,
.browse_sortName .di-fifty-donor-total,
.browse_topCause .di-fifty-donor-total,
.browse_sourceWealth .di-fifty-donor-total {
 color:#3f3f3d
}
.di-fifty-subtotal {
 font:300 14px Roboto,Helvetica,Arial,sans-serif;
 text-align:left;
 color:#3f3f3d;
 margin-bottom:3px;
 margin-left:10px
}
.di-fifty-donor-bio-description {
 font:16px Roboto,Helvetica,Arial,sans-serif;
 color:#3f3f3d;
 text-align:left;
 margin-bottom:10px
}
.di-fifty-donor-bio-description .donorbio_label,
.di-fifty-subtotal .donorbio_label {
 color:#787872;
 font-size:12px;
 text-transform:uppercase
}
.di-fifty-donor-bio-header {
 text-transform:uppercase;
 font:300 13px Roboto,Helvetica,Arial,sans-serif;
 color:#787872
}
.di-fifty-donor-bio-description a {
 font-size:16px
}
.oldYear .browse-donor_cause,
.oc_causes {
 display:none
}
.oldYear .topCause_label {
 display:none
}
@media only screen and (min-width:450px) {
 .di-fifty-browseReset a {
  font-size:24px
 }
}
@media only screen and (min-width:480px) {
 .btn-group .di-fifty-btn {
  font-size:12px;
  display:inline-block;
  border-left:2px #fff solid
 }
 .p50-browse-nav {
  height:40px
 }
}
@media only screen and (min-width:530px) {
 .btn-group .di-fifty-btn {
  font-size:12px
 }
 .interactive_table tbody td {
  font-size:16px
 }
 .interactive_table tbody .col_first {
  font-size:20px
 }
 .interactive_table tbody .p50-onecol {
  display:none
 }
}
@media only screen and (min-width:580px) {
 .di-fifty-donor {
  width:33.3%;
  height:375px
 }
 .di-fifty-browseReset a {
  font-size:20px
 }
}
@media only screen and (min-width:621px) {
 .viewLinks {
  font-size:18px
 }
 .di-fifty-browseReset a {
  font-size:23px
 }
}
@media only screen and (min-width:675px) {
 .di-fifty-sort-label {
  margin-right:3px;
  display:inline-block
 }
 .di-year-label {
  display:inline-block
 }
 .di-fifty-select {
  font-size:14px
 }
}
@media only screen and (min-width:690px) {
 .di-fifty-donor {
  height:375px
 }
}
@media only screen and (min-width:768px) {
 .di-fifty-donor {
  width:25%
 }
 .di-box-shadow-transition {
  -webkit-transition:box-shadow 0.2s;
  transition:box-shadow 0.2s
 }
 .di-feature-donor {
  float:left;
  width:33.33333333%
 }
 .di-feature-donor {
  -webkit-transition:all 1s;
  transition:all 1s
 }
 p.di-blurb {
  font-size:18px;
  line-height:1.7em
 }
 p.p50-byline {
  font-size:16px
 }
 .di-nav-title {
  -webkit-transition:opacity 0.2s;
  transition:opacity 0.2s
 }
 .di-fifty-donor {
  -webkit-transition:box-shadow 0.2s;
  transition:box-shadow 0.2s
 }
 .interactive_table .p50-narrow,
 .interactive_table .col_sortName .p50-narrow {
  display:none
 }
 .interactive_table #col_rank {
  width:70px;
  text-align:left
 }
 .interactive_table .col_total,
 .interactive_table .col_sourceWealth,
 #col_total,
 #col_sourceWealth {
  display:table-cell
 }
 .interactive_table .col_sortName .state {
  display:block;
  font-size:13px
 }
 .di-fifty-browseReset a {
  padding:29.5% 10% 28%;
  font-size:21px
 }
}
@media only screen and (min-width:992px) {
 .di-fifty-donor {
  width:20%
 }
 p.di-blurb {
  font-size:20px
 }
 p.p50-byline {
  font-size:17px
 }
 tr.di-highlight td {
  padding-top:20px!important;
  padding-bottom:20px!important
 }
 .interactive_table .col_first {
  width:80px
 }
 .interactive_table .col_pvt_support_thisYear {
  width:170px
 }
 .interactive_credit {
  font:18px/24px Roboto,Helvetica,sans-serif
 }
 .di-fifty-browseReset a {
  padding:27.5% 10% 28%;
  font-size:22px
 }
}
@media (min-width:1200px) {
 .di-feature-donor {
  float:left;
  width:16.66666667%
 }
 .currentYear .interactive_table .col_topCause,
 .currentYear #col_topCause,
 .interactive_table .col_topGift,
 #col_topGift {
  display:table-cell
 }
 .di-fifty-browseReset a {
  padding:32.5% 10% 29%;
  font-size:24px
 }
}
@media only screen and (max-width:991px) {
 .di-fifty-sort-container {
  top:0
 }
 .p50_details_hed {
  width:100%;
  padding:0 50px 0 280px;
  margin:0 auto
 }
 .next_detail {
  right:0
 }
 .previous_detail {
  left:0
 }
 .p50_showing {
  font-size:20px
 }
}
@media only screen and (max-width:767px) {
 .viewlinks {
  text-align:center;
  height:60px
 }
 .viewlinks a {
  display:inline-block;
  float:none
 }
 .viewlinks span {
  display:none
 }
 .viewlinks span:first-of-type {
  display:inline-block;
  float:none
 }
 .ec_search {
  width:100%;
  float:none;
  margin-top:3px
 }
 .viewlinks .search_button {
  float:right;
  margin-right:-114px;
  margin-top:2px
 }
 .viewlinks #sb_search {
  margin-right:-57px
 }
 .p50_showing {
  font-size:18px
 }
}
@media only screen and (max-width:710px) {
 .di-donor-screen {
  padding-top:15%
 }
}
@media only screen and (max-width:645px) {
 .di-donor-screen {
  padding-top:10%
 }
 .di-fifty-visual-credit {
  width:100%;
  max-width:300px;
  padding:2px 0 10px;
  margin:0 auto;
  float:none
 }
 .di-fifty-donor-bio {
  width:100%;
  max-width:300px;
  margin:1em auto 1em;
  display:block;
  float:none
 }
 .p50-profile p {
  font-size:14px
 }
}
@media only screen and (max-width:620px) {
 .di-donor-screen {
  line-height:1.1
 }
 .viewLinks {
  font-size:16px
 }
}
@media only screen and (max-width:579px) {
 .di-donor-screen {
  padding-top:20%;
  line-height:1.2
 }
 .di-fifty-donor {
  width:50%;
  height:410px
 }
 #di-fifty-container {
  margin:0 auto;
  padding-left:15px;
  max-width:435px
 }
}
@media only screen and (max-width:539px) {
 .di-fifty-nav {
  height:68px
 }
 .table_sort {
  display:block
 }
}
@media only screen and (max-width:523px) {
 #di-fifty-container {
  margin-left:0;
  margin-right:-15px;
  padding-left:0;
  max-width:500px
 }
}
@media only screen and (max-width:490px) {
 .di-donor-screen {
  padding-top:10%;
  line-height:1.1
 }
 .di-fifty-select {
  width:61px;
  top:1px
 }
}
@media only screen and (max-width:479px) {
 .viewlinks {
  height:auto;
  padding:0
 }
 .viewlinks>a {
  float:none;
  width:100%;
  border-bottom:1px solid #fff;
  padding:6px 6px 6px 21px
 }
 .viewlink_search,
 .viewlink_search li {
  float:none;
  height:31px
 }
 .viewlinks span,
 .viewlinks span:first-of-type {
  display:none
 }
 .ec_search {
  margin-top:3px;
  background-color:transparent;
  height:28px;
  padding-left:2px
 }
 .di-fifty-select {
  display:block;
  float:left;
  margin-bottom:0.5em
 }
 .di-fifty-nav {
  height:auto
 }
 .di-fifty-sort-container {
  float:none;
  clear:left;
  margin-top:10px
 }
 .btn-group .di-fifty-btn {
  width:100%;
  display:block;
  margin-bottom:1px;
  float:none
 }
 .p50-browse-nav {
  height:auto
 }
 .di-fifty-btn-group {
  float:none;
  display:block
 }
 .di-fifty-donor-close {
  position:fixed;
  right:20px
 }
 .p50-browse-nav {
  margin-top:10px
 }
 .di-fifty-sort-container {
  margin-top:3px
 }
 .p50_showing {
  font-size:16px;
  margin-top:10px;
  margin-bottom:10px
 }
}
@media only screen and (max-width:400px) {
 .btn-group .di-fifty-btn {
  margin-bottom:1px;
  font-size:11px
 }
 .di-nav-title {
  display:none
 }
 .di-fifty-donor {
  width:100%;
  height:auto
 }
 .di-fifty-browseReset {
  height:148px
 }
 .di-fifty-resetbox {
  padding-bottom:0;
  height:128px
 }
 .di-fifty-browseReset a {
  padding:1em 10px 10px;
  font-size:24px
 }
 .di-donor-screen {
  padding-top:30%;
  font-size:48px;
  line-height:1.2;
  background-position:center 60%
 }
}
@media only screen and (max-width:388px) {
 .btn-group .di-fifty-btn {
  font-size:11px
 }
}
@media only screen and (max-width:362px) {
 .di-donor-screen {
  padding-top:20%;
  font-size:48px;
  line-height:1.2;
  background-position:center 80%
 }
}