/* clearfix */

.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* COLORS */
:root {
    --brand-blue: #1276FF;
    --brand-blue-ada: #0E6AE7;
    --brand-blue-hover: #0C5AC6;
    --light-blue: #E5FAFF;
    --blue-background: #1070F3;
    --gray-100: #262626;
    --gray-90: #464646;
    --gray-80: #666666;
    --gray-70: #757575;
    --gray-60: #868686;
    --gray-50: #959595;
    --gray-40: #A5A5A5;
    --gray-30: #B5B5B5;
    --gray-20: #C4C4C4;
    --gray-10: #D6D6D6;
    --gray-background: #F6F6F6;
    --error: #DC3A0F;
}

/* FONTS */
@font-face {
    font-family: plain;
    src: url(/fonts/Plain/Plain-Regular.otf);
    src: url(/fonts/Plain/Plain-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(/fonts/Plain/Plain-Regular.woff2) format('woff2'), /* Super Modern Browsers */
    url(/fonts/Plain/Plain-Regular.woff) format('woff'), /* Pretty Modern Browsers */
    url(/fonts/Plain/Plain-Regular.ttf) format('truetype'), /* Safari, Android, iOS */
    url(/fonts/Plain/Plain-Regular.svg#svgFontName) format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: plain-bold;
        src: url(/fonts/Plain/Plain-Bold.otf);
        src: url(/fonts/Plain/Plain-Bold.eot?#iefix) format('embedded-opentype'),
        url(/fonts/Plain/Plain-Bold.woff) format('woff'),
        url(/fonts/Plain/Plain-Bold.ttf)  format('truetype');
}

@font-face {
    font-family: plain-medium;
        src: url(/fonts/Plain/Plain-Medium.otf);
        src: url(/fonts/Plain/Plain-Medium.eot?#iefix) format('embedded-opentype'),
        url(/fonts/Plain/Plain-Medium.woff) format('woff'),
        url(/fonts/Plain/Plain-Medium.ttf)  format('truetype');
}

@font-face {
    font-family: plain-medium-it;
        src: url(/fonts/Plain/Plain-Medium-Oblique.otf);
        src: url(/fonts/Plain/Plain-Medium-Oblique.eot?#iefix) format('embedded-opentype'),
        url(/fonts/Plain/Plain-Medium-Oblique.woff) format('woff'),
        url(/fonts/Plain/Plain-Medium-Oblique.ttf)  format('truetype');
}

@font-face {
    font-family: f37drago;
    src: url(/fonts/F37Drago/F37Drago-Medium.otf);
    src: url(/fonts/F37Drago/F37Drago-Medium.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(/fonts/F37Drago/F37Drago-Medium.woff2) format('woff2'), /* Super Modern Browsers */
    url(/fonts/F37Drago/F37Drago-Medium.woff) format('woff'), /* Pretty Modern Browsers */
    url(/fonts/F37Drago/F37Drago-Medium.ttf) format('truetype'), /* Safari, Android, iOS */
    url(/fonts/F37Drago/F37Drago-Medium.svg#svgFontName) format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: f37drago-it;
    src: url(/fonts/F37Drago/F37Drago-Medium-Italic.otf);
    src: url(/fonts/F37Drago/F37Drago-Medium-Italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(/fonts/F37Drago/F37Drago-Medium-Italic.woof) format('woff'), /* Pretty Modern Browsers */
    url(/fonts/F37Drago/F37Drago-Medium-Italic.ttf) format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: f37drago-light;
    src: url(/fonts/F37Drago/F37Drago-Light.otf);
    src: url(/fonts/F37Drago/F37Drago-Light.eot?#iefix) format('embedded-opentype'), url(/fonts/F37Drago/F37Drago-Light.woff) format('woff'), url(/fonts/F37Drago/F37Drago-Light.ttf) format('truetype');
}


html {
    height: 100%;
    font-family: 'plain', sans-serif;
}
/* Flickity slider */

.carousel, .gallery-cell {
    height: 462px;
    }

.carousel img.mobile {
    display: none;
}

h1.slider {
    font-size: 2em;
    margin-bottom: 14px;
    line-height: 1em;
    font-family: 'f37drago-light', sans-serif;
    text-transform: uppercase;
    }

h1.slider.white {
    color: #ffffff;
    }


.flickity-slider {
    margin: auto !important;
    }

h2.slider {
    font-size: .8em !important;
    margin-bottom: 12px;
    letter-spacing: 1px;
    }

h2.slider.white {
    color: #ffffff;
    }


#slide-caption {
    font-size: 1.25em;
    line-height: 1.3em;
    margin: 30px 0 0 62px;
    width: 280px;
    height: 300px;
    color: #fff;
    }

#slide-caption.black {
    color: #000000;
}

#slide-caption.white {
    color: #ffffff;
}

#slide-caption.right {
    margin: 30px 0 0 662px !important;
}
#slide-caption a {
    text-decoration: underline;
    font-weight: normal;
}
#slide-caption.white a {
    color: white;
}
#slide-caption.black a {
    color: black;
}
#slide-caption.background {
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 50px 50px rgb(255 255 255 / 50%);
    padding-left: 1em;
    padding-right: 1em;
}

.flickity-slider {
  transform: none !important;
}

.gallery-cell {
  left: 0 !important;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: -1;
}

#caption-container {
    width: 1024px;
    margin: 0 auto;
    position: relative;
}


.gallery-cell.is-selected {
  opacity: 1;
  z-index: 0
}

.flickity-page-dots {
    margin: 0;
    bottom: 65px !important;
    width: 25% !important;
    float: right !important;
    position: relative !important;
}

.button {
    background-color: var(--brand-blue);
    border: none;
    color: white;
    letter-spacing: 0.5px;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    font-family: 'plain-medium', sans-serif;
    font-size: 16px;
    font-weight: normal;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 3em;
}

.flickity-prev-next-button {
    display: none;
}

/* @group General */

.hidden {
    height: 0 !important;
    left: -100000em !important;
    line-height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    text-indent: -100000em !important;
    width: 0 !important;
}

a {
    color: var(--brand-blue-ada);
    text-decoration: none;
    font-weight: bold;
}

p a {
    font-weight bold; 
    text-decoration: underline;
}

body {
    font-family: 'plain', sans-serif;
    font-size: 62.5%;
    text-align: center;
    height: 100%;
    /* background: url('/images/footer-bg.jpg') repeat-x left bottom; */
}

code {
    font-family: monospace;
}

details {
    cursor: pointer;
}

small {
    font-size: smaller;
}

#container {
    color: #666;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 100%;
    background: #ffffff;
}

body.home #container {
      flex: 1 0 auto;
      background: #282828;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'plain-medium', sans-serif; 
}

.section-header {
    font-family: 'f37drago-light', sans-serif;
    text-transform: uppercase;
}

h1.home {
    color: black;
    font-size: 2.5em;
    line-height: 1em;
    margin-top: 4px;
    margin-bottom: 12px;
    }


h1 {
    color: #000;
    font-size: 1.3em;
    margin-top: 15px;
}

h2 {
    color: #000;
    font-size: 1.6em;
}

body.home {
    display: flex;
    flex-direction: column;
}

body.home h2 {
    font-size: 2.0em;
    font-weight: normal;
}

body.home h2 span {
    color: black;
}

#environment {
    background: #bbb;
    color: #fff;
    display: none;
    font-size: 1.5em;
    font-style: italic;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

p {
    clear: both;
    margin-bottom: 7px;
}

body.error #content {
    margin-bottom: 30px;
}

body.staticPage #content {
    margin-bottom: 100px;
    font-size: 14px;
    margin-top: 3em;
}

body.staticPage h1 {
    color: black;
    font-family: 'plain-medium', sans-serif;
    font-variant-caps: initial;
    font-size: 56px;
    margin-top: 0;
    line-height: 1em;
    margin-bottom: 16px;
}

#twocol {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

blockquote {
    font-size: initial;
    padding-left: 2em;
    padding-right: 2em;
}


/* @end */

/* @exhibit General */

/* exhibit landing page */
.full-width .exhibit-link, .podcast .podcast-link {
    margin-bottom: 2em;
}
.full-width .exhibit-link img, .podcast .podcast-link img {
    max-width: 100%;
}
.podcast .static .podcast-link h3 {
    text-align: center;
    margin: .5em 0 1em;
}
.full-width .exhibit-link h3 {
    font-size: 2em;
    line-height: 1;
    padding: .5em 0;
    margin: 0;
}
.full-width .exhibit-link p {
    font-weight: normal;
    color: #666666;
}

/* exhibit pages */

header.goldner-banner, header.dailydoc-banner {
    display: none;
}

.exhibit h1.exhibit-title, .exhibit h2.exhibit-title {
    padding-top:0;
    padding-bottom:1em;
}

.exhibit sup {
    vertical-align: super;
    font-size: smaller;
}

.exhibit p.emphasis {
    font-weight: bolder;
    font-style: italic;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.exhibit blockquote {
    margin: 2em 1em;
    padding-left: 1em;
    border-left: 3px solid #999;
}

.exhibit audio, .exhibit video {
    width:100%;
    max-width:100%;
}

figure {
    display: block;
    margin-block-start: .5em;
    margin-block-end: 2em;
    margin-inline-start: 0;
    margin-inline-end: 0;
    clear: both;
}

figure img {
    width:100%;
    max-width: 100%;
}

.exhibit audio {
    padding: 1em 0;
}

.exhibit aside.audio {
    width: 90%;
    margin: 3em auto 2em auto;
    border: 2px solid black;
    padding: 1em;
}

.exhibit .page-links {
    font-size: 1.5em;
    text-align: center;
}

.exhibit .page-links a {
    font-weight: normal;
    margin: 2em 1em;
}

.exhibit .page-links .previous a {
    float:left;
}

.exhibit .page-links .next a {
    float:right;
}

.exhibit footer {
    clear: both;
    margin: 2em 0;
    padding-top: 2em;
    font-size: smaller;
}

.exhibit #references {
    border-top: 1px solid #dddddd;
}

.exhibit #references ol {
    list-style-type: decimal;
    margin: 1em;
}

/* @dailydocument */

.static.dailydocument {
    float: none;
    margin: auto;
}

.dailydocument article {
    border-top: 1px solid #dddddd;
    padding: 2em 0 1em 0;
    margin-top: 2em;
}

.dailydocument article h2 {
    font-size: 2em;
    text-align: center;
    margin-bottom: 1em;
}

.dailydocument aside {
    margin: 1em;
    padding: 1em;
    border: 1px solid #dddddd;
}

.dailydocument aside iframe {
    max-width: 100%;
    height: 35px;
}

.dailydocument #month-links {
    margin-top: 3em;
    text-align: center;
    border-top: 1px solid #dddddd;
}

.dailydocument #month-links h3 {
    margin: 1em;
    font-size: 1.5em;
}
.dailydocument #month-links a {
    color: var(--brand-blue-ada);
    padding: 1em;
    margin: 1em;
    white-space: nowrap;
    font-size: 1.25em;
    line-height: 1.5;
}

.dailydocument #month-links a:hover, .dailydocument #month-links a.active {
    text-decoration: none;
}

/* @group Header */


#mobilenav-toggle {
    display: none;
}

#globalnav-wrapper {
    background-color: white;
    width: 100%;
    height: 48px;
    }

#globalnav {
    width: 1024px;
    margin: 0 auto;
}

#header-container {
    width: 100%;
    background-color: #fff;
    }


#header {
    width: 1024px;

}

#logo {
    background-image: url(/images/digital-archives-lockup@2x.png);
    height: 200px;
    width: 535px;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}

#headContainer {
    margin-bottom: 55px;
    padding-bottom: 10px;

}


#header img.sponsor {
    float: right;
}

#header img.sponsor2 {
    float: left;
    left: -168px;
    top: 145px;
    position: relative;
}

/* @group Primary Navigation */

#nav-wrapper {
    width: 1024px;
    height: 77px;
    margin: 0 auto;
}

#nav {
    width: 1024px;
    margin: 0 auto;
}

ul#primaryNavigation {
    color: black;
    font-size: 0;
    font-weight: normal;
    margin: -126px 0 0 0;
    float: right;
}

ul#primaryNavigation li {
    font-size: 14px;
    margin-left: 16px;
    display: inline-block;
}

/*ul#primaryNavigation li.selected {
    font-weight: bold;
}*/

 ul#primaryNavigation li.last {
    margin-right: 0;
}

ul#primaryNavigation a {
    color: black;
    font-weight: normal;
}

ul#primaryNavigation .subnav {
    display: block;
}

div.socialbtns {
    float: right;
    padding-left: 60px;
    margin-top: -30px;
}

div.socialbtns img {
    height: 34px;
    width: 34px;
}

ul#subnav {
    padding-left: 0;
}

ul#subnav li {
    display: block;
    font-size: 1em;
    margin-left: 0;
    padding-top: 1em;
    padding-left: 0.5em;
    }

ul#subnav {
    display: none;
    position: absolute;
}

.hassubnav:hover > ul#subnav {
    display: block;
}



/* @end */



/* @end */

/* @group Search */

.search-results {
    margin-top: 50px !important;
}

#search-container {
    width: 100%;
    background-color: #F4F5F6;

    }

#search a.tooltip {
    position: relative;
    top: -12px;
    margin-left: 3px;
}

#searchform {
    width: 962px;
    margin: 0 auto;
    padding: 18px 0 30px 62px;
}

#search {
    width: 962px;
    margin: 50px 0 0 0;
}

#search label {
    display: block;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 5px;
}

#search-header {
    width: 300px;
    padding-right: 80px;
    float: left;
    }

#search-body {
    width: 520px;
    float: left;
    }


#performanceHistory {
    display: block;
    font-size: 1.2em;
    font-weight: normal;
    margin-bottom: 5px;
    float: right;
}



#search input.text {
    border: 1px solid #cdcdcd;
    color: #666;
    float: left;
    font-size: 1.1em;
    margin: 0 5px 12px 0;
    padding-left: .75em;
    padding-bottom: 2px;
    width: 570px;
    height: 26px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
#search input.text:focus{
box-shadow: 0 0 5px #999;
}

#search .singleFilterChooser {

}

#search .singleFilter {
    height: 30px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #666;
    border: 1px solid #cdcdcd;
}



#search .singleFilterChooser span {
    margin: 0 9px;
}

#search .singleFilterChooser select {
    width: 165px;
}

#search .controls {
    float: right;
    padding-bottom: 5px;
    width: 80px;
}

/*#search .controls a {
    float: right;
}*/

#search .controls .search-button {
background-color: var(--brand-blue);
border-color: #be251e;
color: #fff;
font-weight: normal;
letter-spacing: 0.5px;
border: 0 none;
cursor: pointer;
font-family: 'plain-medium', sans-serif;
font-size: 16px;
margin: 23px 0 0 0;
padding: 0 7px;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background-color 300ms ease-out;
-moz-transition: background-color 300ms ease-out;
transition: background-color 300ms ease-out;
display: block;
height: 30px;
width: 194px;
-webkit-appearance: none;
border-radius: 0;
}
#search .controls .search-button:hover {
background-color: var(--brand-blue-hover);

}
/*
#search .controls input.submit {
    background-image: url(/images/search-button.gif);
    border: none;
    cursor: pointer;
    float: right;
    width: 69px;
    height: 18px;
}
#search .controls input.submit.disabled {
    background-image: url(/images/search-button-disabled.gif);
}*/
#search .multiFilterChooser {
    /*float: right;
    width: 630px;*/
      padding-right: 0;
      display: inline-block;
}

#search .multiFilterChooser .legend {
    font-weight: bold;
    margin-bottom: 7px;
}

#search .multiFilterChooser fieldset#search-dates .legend {
    margin-left: 14px;
}


#search .multiFilterChooser fieldset#search-categories {
    border-right: 1px solid #ccc;
}

#search .multiFilterChooser fieldset#search-dates {

    /*width: 630px;*/
}

#search .multiFilterChooser fieldset#search-categories {
    float: left;
    width: 313px;
}

#search .multiFilterChooser .columnWrapper {
    border-top: 1px #ccc solid;
    float: left;
    margin-right: 14px;
    padding-top: 9px;
}

#search .multiFilterChooser fieldset#search-dates .columnWrapper {
    margin-right: 0;
    margin-left: 14px;
    width: 261px;
}

#search .multiFilterChooser #searchAll {
    float: left;
    width: 100px;
    margin: 0 20px 0 0;
    height: 26px;
}

#search .multiFilterChooser input.checkbox,
#search .multiFilterChooser input.radio {
    float: left;
    margin-right: 5px;
}

#search .multiFilterChooser .dateRange {
    float: left;
}

#search .multiFilterChooser .dateRange label {
    clear: both;
    width: 120px;
}

#search .multiFilterChooser .dateRange .dateSub {
    color: #999;

}

#search .multiFilterChooser .dateRange .dateSubTo{
    color: #999;
  }

#search .multiFilterChooser .dateRange label.dateRangeConjunction {
    clear: none;
    width: 120px;
}
#search .multiFilterChooser .dateRange label.dateRangeConjunctionTo {
    width: 120px;
}

#search .multiFilterChooser .dateRange div {
    float: left;
    margin-bottom: 10px;
    height: 20px;
}

#search .multiFilterChooser .dateRange input.date {
    float: left;
    font-size: 1em;
    width: 177px;
}

#search .multiFilterChooser .dateRange input.date.disabled {
    background-color: #fff;
    color: #aaa;
}

#search .multiFilterChooser .dateRange button.ui-datepicker-trigger {
    background: transparent;
    border: none;
    display: none;
    position: relative;
    left: -28px;
    top: 2px;
}

#search .multiFilterChooser label {
    font-size: 1em;
}

#search .multiFilterChooser .column {
    float: left;
    width: 133px;
}

#search .multiFilterChooser .column.last {
    width: 166px;
}

#search .multiFilterChooser input.offline.checkbox {
    display: none;
}

#search .multiFilterChooser label.offline {
    color: #999;
    margin-left: 22px;
}

/* @end */

/* @end */

/* @group Carousel */


.carousel img {
    width: 100%;
    margin: auto;
    min-width: 1050px;
    max-width: 1250px;
    margin-top: -330px;
}


.carouselControls {
   /* float: left;
    margin-left: 30px;*/
   text-align: center;
    position: relative;
    z-index: 10;
    width: 100%;
display: inline-block;
}

.carouselControls .slideNumbers {
    font-weight: bold;
    font-size: 0.9em;
    margin: auto;
    display: inline-block;
    float: right;
}

.carouselControls .slideNumbers a {
    color: #fff;
    display: block;
    float: left;
    text-align: center;
    width: 16px;
    height: 16px;
    border: 1px solid #b4b4b4;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 5px;

}

.carouselControls .slideNumbers a:hover {
    color: var(--brand-blue);
    background: var(--brand-blue);
    border: 1px solid var(--brand-blue);
}

/*.carouselControls .slideNumbers a.first {
    background: url(/images/bg-page-numbers.gif) no-repeat left;
    width: 23px;
}

.carouselControls .slideNumbers a.last {
    background: url(/images/bg-page-numbers.gif) no-repeat right;
}*/

.carouselControls .slideNumbers a.activeSlide {
    color: var(--brand-blue);
    font-weight: normal;
    background-color: var(--brand-blue);
    border: 1px solid var(--brand-blue);
}

.carouselControls a.pause {
    background: url(/images/btn-pause-play.gif) no-repeat 0 top;
    cursor: pointer;
    float: left;
    width: 16px;
    height: 16px;
    float: right;
}

.carouselControls a.pause:hover {
    background: url(/images/btn-pause-play.gif) no-repeat 0 -32px;
}

.carouselControls a.pause.active {
    background: url(/images/btn-pause-play.gif) no-repeat 0 -16px;
}

.carouselControls a.pause.active:hover {
    background: url(/images/btn-pause-play.gif) no-repeat 0 -48px;
}

.carouselControls a.pause span {
    display: none;
}

/* @end */

/* @group Content */

#content-container {
    width: 100%;
    background-color: black;
    }

#content {
    clear: both;
    margin: 0 auto;
    width: 1024px;
}



#content.home {
    width: 100%;
    max-width: 1250px;
    min-width: 1050px;
}

#content.podcast img {
    max-width: 100%;
}

.static p.smalltext {
    font-size: 13px;
    line-height: 19px;
    color: black;
    padding-top: 20px;
}
a.back {
    color: #666;
    float: left;
    padding-bottom: 6px;
}

a.back span {
    color: var(--brand-blue-ada);
}

/* @end */

/* @group Artifact Detail, Image Grid View  */

#content.artifact, #content.gridview {
    margin: 50px auto;
    }


/* @group View Tabs */

ul#viewTabs {
    border-top: 1px solid #cdcdcd;
    float: left;
    height: 24px;
    margin-bottom: 38px;
    width: 100%;
    background: url(/images/bg-tab-bar.gif) repeat-x 0 top;
}

ul#viewTabs li {
    color: #000;
    float: left;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 144px;
    height: 35px;
}

ul#viewTabs li span {
    float: left;
    padding-top: 2px;
    text-align: center;
    width: 144px;
    height: 35px;
}

ul#viewTabs li a {
    color: #000;
    display: block;
    float: left;
    padding-top: 2px;
    width: 144px;
    height: 35px;
}

ul#viewTabs li a:hover,
ul#viewTabs li.selected {
    background: url(/images/bg-document-tabs.png) no-repeat;
}

/* @end */

.physicalLocation {
    font-size: 0.95em;
    float: left;
    width: 100%;
}

.physicalLocation span {
    float: left;
    margin-right: 3px;
}

.physicalLocation ul {
    float: left;
}

.physicalLocation ul li {
    float: left;
    font-weight: bold;
    margin-right: 5px;
}

body.artifact #title {
    border-bottom: 1px solid #cdcdcd;
    float: left;
    padding-top: 20px;
    padding-bottom: 8px;
    width: 100%;
}

body.artifact #title h1 {
    float: left;
    width: 80%;
    font-size: 1.75em;
    line-height: 1.125em;
}

body.artifact.viewer #title h1 {
    width: 600px;
}

body.artifact #title dl.docId {
    float: right;
    font-size: 11px;
    margin-top: 15px;
}

body.artifact #title dl.docId dt {
    float: left;
    margin-right: 4px;
}

body.artifact #title dl.docId dd {
    float: left;
}

body.artifact .overview {
    /* border-bottom: 1px solid #cdcdcd; */
    clear: both;
    float: left;
    margin-bottom: 15px;
    padding: 30px 10px 40px 10px;
    width: 850px;
}

body.artifact .overview .thumb {
    float: left;
    margin-right: 15px;
}

.overview .column a, .overview .bothColumnsOuter a {
    color: black;
}

body.artifact .overview .listTitle img {
    float: none;
}

body.artifact .overview .thumb img {
    float: left;
    margin-bottom: 7px;
    max-width: 245px;
    height: auto
}

body.artifact .overview .column {
    float: left;
    padding-right: 10px;
    width: 285px;
}

body.artifact .overview .column a.expand, body.artifact .overview .column a.collapse {
    margin-left: 7px;
}

/* New CSS for Program artifact overview by Mitch 12-1-10 */
body.artifact .overview .columnProgramLeft {
    float: left;
    padding-right: 10px;
    width: 185px;
}

body.artifact .overview .columnProgramRight {
    float: left;
    padding-right: 10px;
    width: 385px;
}

body.artifact .overview .columnProgramLeft a.expand {
    margin-left: 7px;
}

body.artifact .overview .columnProgramRight a.expand {
    margin-left: 7px;
}
/* end addition */

body.artifact .column ul.full, .columnProgramLeft ul.full, .columnProgramRight ul.full, .suggestedMaterials ul.full, .metaSpan ul.full {
    display: none;
}

div.materialMatrix table tbody tr td div.listGroup ul li ul {
    margin-left: 10px;
}

div.materialMatrix table tbody tr td div.listGroup ul li ul li.movement {
    background-image: url(/images/bullet-tiny.gif);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    font-style: italic;
    padding-left: 5px;
}

body.artifact .overview .listTitle {
    font-weight: bold;
}

body.artifact .overview ul {
    margin-bottom: 13px;
    margin-left:10px;
}
body.artifact .overview ul.nested {
    margin-bottom: 0;
    margin-left: -5px;
}

body.artifact .overview ul li {
    margin-left: 8px;
    text-indent: -8px;

}

body.artifact .overview ul li.showExtra {
    background: none !important;
    padding-left: 0;
    margin-left: 0;
}

body.artifact .media p.intro {
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 24px 0;
}

body.artifact .media .inlineHeader {
    font-style: italic;
}

body.artifact .media p.mediaTitle {
    font-size: 1rem;
    color: #000000;
    margin: 26px 0 0 0;
}

body.artifact .media p.mediaDate {
    margin: 3px 0 10px 0;
}

body.artifact .media audio {
    margin-bottom: 30px;
}

body.artifact .media ul.jumpLinks li {
    list-style: none;
    background: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 5px;
}

body.artifact .media ul.jumpLinks li a {
    text-decoration: none;
    cursor: pointer;
}

body.artifact .media p.intro {
    font-size: 1rem;
    margin: 20px 0 24px 0;
}
body.artifact p.workList {
    font-weight: bold;
    margin-top:14px;
}

/* @group Discussion */

body.artifact .discuss {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
    margin-bottom: 33px;
    padding: 4px 0;
    width: 100%;
}

body.artifact .discuss .controlBar {
    background: #f1f1f1 url(/images/logo-watermark.png) no-repeat;
    color: #000;
    font-size: 0.9em;
    height: 25px;
    padding-top: 5px;
    padding-right: 7px;
    text-align: right;
}

body.artifact .discuss .controlBar span {
    margin-right: 3px;
}

body.artifact .discuss .controlBar a.expandControl {
    padding-right: 17px;
    background: url(/images/btn-expand-collapse.png) no-repeat right top;
}

body.artifact .discuss .controlBar a.expandControl:hover {
    text-decoration: none;
}

body.artifact .discuss .controlBar a.collapseControl {
    display: none;
}

/* @end */

.mainLists {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.mainLists .column {
    float: left;
    margin-right: 30px;
    padding-bottom: 5px;
    width: 46%;
}
.mainLists .listTitle {
    font-weight: bold;
}

.mainLists .column.last {
    padding-left: 30px;
    margin-right: 0;
    background: url(/images/border-columns.gif) no-repeat left top;
}

.mainLists h2 {
    margin-bottom: 25px;
}

.mainLists ul li {
    background: url(/images/bullet-tiny.gif) no-repeat left center;
    padding-left: 6px;
    margin-left: 5px;
}
.mainLists ul {
    margin:  0 0 15px 0;
}

.text {
    font-size: 1.1em;
    margin-bottom: 45px;
}

.text h2 {
    clear: both;
    margin-bottom: 23px;
}

.bothColumnsOuter {
    float: right;
}

.metaSpan {
    clear: right;
    margin-top: 15px;
    float: right;
    width: 590px;
}

.metaSpanPrinted {
    clear: right;
    float: right;
    width: 590px;
}

.metaSpan.viewer {
    clear: right;
    margin-top: 15px;
    float: right;
    width: 620px;
}

.metaSpanPrinted.viewer {
    clear: right;
    float: right;
    width: 620px;
}

.programLists {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

.programLists .column {
    float: left;
    padding-bottom: 5px;
    border-top: 1px solid #cdcdcd;
    padding-top: 14px;
}

.programLists .column.first {
    width: calc(60% - 30px);
    margin-right: 30px;

}
.programLists .column.last {
    width: calc(40% - 30px);
    /* padding-left: 30px; */
    margin-right: 0;
    /* background: url(/images/border-columns.gif) no-repeat left top; */
}

.programLists ul li {
    background: url(/images/bullet-tiny.gif) no-repeat left center;
    padding-left: 6px;
    margin-left: 5px;
}

.programLists ul {
    margin:  0 0 15px 0;
}

.programLists .listTitle {
    font-weight: bold;
}

.programLists .media audio, .programLists .media video {
    width: 100%;
    max-width: 100%;
}

.notesInfo, .citation {
    margin-left: 10px;
}

.citation .permalink {
    word-break: break-all;
}

body.artifact .backToSearch {
    margin-bottom: 10px;
}

/* @end */

/* @group Artifact Viewer */

body.fullview #content {

    float: none;

}

body.fullview .physicalLocation {

    margin-top: 10px;
    margin-bottom: 2px;
}

body.fullview .sponsor {

    float: right;
    margin-top: -20px;
}

body.fullview h1 {
    float: left;

}

#nypviewer {
    border: none;
    width: 870px;
    height: 500px;
    }

.viewLink {
    float: left;
    margin-left: 70px;
}

/* @end */

/* @group Suggested Materials */

.suggestedMaterials {
    font-size: 0.9em;
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    }

.suggestedMaterials h2 {
    border-bottom: 2px solid #000;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

/* @group Tabs */

.suggestedMaterials ul.tabs {
    background: url(/images/bg-tab-bar.gif) repeat-x 0 top;
    float: left;
    height: 24px;
    margin-bottom: 15px;
    width: 100%;
}

.suggestedMaterials ul.tabs li {
    float: left;
    margin-left: 4px;
    padding-bottom: 10px;
}

.suggestedMaterials ul.tabs li a {
    display: block;
    padding: 3px 5px 12px 5px;
}

.suggestedMaterials ul.tabs li.selected {
    background: url(/images/bg-suggested-materials-tabs.png) no-repeat center top;
}

.suggestedMaterials ul.tabs li.selected span {
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    color: #000;
    height: 9px;
    display: block;
    padding: 3px 4px 12px 4px;
}

.suggestedMaterials ul.tabs li:hover {
    background: url(/images/bg-suggested-materials-tabs.png) no-repeat center top;
}

.suggestedMaterials ul.tabs li:hover a {
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    color: #000;
    height: 9px;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
}

/* @end */

.suggestedMaterials .controls {
    clear: both;
    display: block;
    margin-top: 14px;
    margin-bottom: 9px;
    padding-bottom: 12px;
    width: 100%;
}

.suggestedMaterials .controls.top {
    border-bottom: 3px solid #cdcdcd;
    margin-top: 5px;
}

.suggestedMaterials .controls .info {
    padding-left: 15px;
}

.suggestedMaterials .controls .info span {
    font-weight: bold;
}

.suggestedMaterials .controls ul.pagination {
    float: right;
}

.suggestedMaterials .controls ul.pagination li {
    float: left;
    margin-right: 5px;
}

.suggestedMaterials .controls ul.pagination li.next {
    margin-right: 0;
    margin-left: 4px;
}

.suggestedMaterials .controls ul.pagination li.selected {
    color: #000;
    font-weight: bold;
}

.suggestedMaterials table {
    border-bottom: 2px solid #000;
    width: 100%;
}

.suggestedMaterials table thead th {
    font-weight: bold;
    padding: 0 13px 13px 13px;
}

.suggestedMaterials table tbody td {
    border-top: 1px solid #cdcdcd;
    padding: 13px;
}

.suggestedMaterials table thead th.online,
.suggestedMaterials table tbody td.online {
    text-align: center;
}

.movement{
    background-image: url(/images/bullet-tiny.gif);
    background-position: 0px 7px;
    background-repeat: no-repeat;
    font-style: italic;
    padding-left: 12px;
}

/* @end */

/* @group Parts List */
.partsList {
    font-size:0.9em;
    display:inline-block;
    width: 100%;
    padding-top:15px;
}
.partsList h2 {
    border-bottom: 2px solid #000;
    margin-bottom: 5px;
    padding-bottom: 10px;
}

.partsList table thead tr th {
    font-weight: bold;
    padding: 0 13px 13px 13px;
}

.partsList table {
    border-bottom: 1px solid #cdcdcd;
    width: 100%;
    margin-bottom: 12px;
}

.partsList table thead th {
    font-weight: bold;
    padding: 0 13px 13px 13px;
}

.partsList table tbody td {
    border-top: 1px solid #cdcdcd;
    padding: 13px;
}

.partsList table a {
    color: black;
}
/* @end */

/* @group banner */

.banner {
    float: left;
    height: 40px;
    width: 100%;
}

.banner.donate {
    border-top: 0px solid #000;
    border-bottom: 2px solid var(--brand-blue);
    height: auto;
    padding-top: 50px;
    width: 100%;
    text-align: center;

    }


.banner .socialBar {
    float: right;
    margin-top: 24px;
    display: none;
}

.banner .socialBar a {
    margin-left: 15px;
}
/* @end */


/* @subfooter */


/* @end */


/* @group SAT */

.SAT {
    color: #000;

    margin-bottom: 14px;
    width: 100%;
    text-align: center;
}

.SAT p {
    margin-top: 10px;
    margin-left: 47px;
    position: relative;
}

.SAT img {

}

/* @end */

/* @group footer */

#column1.footcol {
    width: 33%;
    float: left;
}

#column2.footcol {
    width: 67%;
    float: left;
}

.split.footcol {
    width:50%;
    float: left;
    }

#footer-wrapper, #footer-wrapper-home {
    width: 100%;
    padding-top: 60px;
    background: #000;
    background-image: url(/images/background-image.png);
}

#footer {
    margin-bottom: 50px;
    background-color: #f7f7f7;
    display: block;
    width: 100%;
    float: left;
}

a.email, a.tel {
    color: white;
    font-weight: normal;
    text-decoration: underline;
}

a.privacy {
    color: var(--gray-20);
    text-align: left;
    font-size: 12px;
    letter-spacing: 1px;
    float: right;
}

.copyright {
    font-size: 12px;
    color: var(--gray-20);
    letter-spacing: 1px;
}

.legal {
    padding-right: 160px;
    margin-bottom: 30px;
}

.legal p {
    font-size: 12px;
}

.home .subfooter-bg {
    background-repeat: no-repeat;
    height: 40px;
}

.subfooter-interior {
    background: #000000;
}
#footer ul#secondaryNavigation {
    color: #000;
    float: left;
    font-size: 0.9em;
    margin-bottom: 15px;
    width: 50%;
}

#footer ul#secondaryNavigation li {
    float: left;
}

#footer ul#secondaryNavigation li a {
    color: #000;
    text-decoration: underline;
}

#footer .copyright {
    color: #000;
    float: right;
    font-size: 0.9em;
    text-align: right;
    width: 50%;
    padding-top: 15px;
}

div.footcol {
    padding: 40px 0 40px 0;

}
.footcol p.head {
    clear: both;
    margin-bottom: 4px;
    padding: 0 15px;
}

#footer p.head a {
    text-decoration:none;
    color: #666;
    font-size: 18px;
    font-weight: 400;
}

#footer p.desc {
    color: #000;
    padding: 0 40px 0 15px;
}

#footer p.desc a {
    font-weight: bold;

}

div#subfooter {
    width: 1024px;
    padding: 20px 0;
    margin: 0 auto;
    text-align: left;
    line-height: 18px;
}

.footer-bg-wrapper {
    background: #282828;
    margin-top: -1px;
}

div#footer-wrapper-home #subfooter-wrapper {
    /* background:url(/images/footer-teal.png); */
    background: none;
    }


div#subfooter.second{
    padding:0;
    background-color: #000000;
    margin: 0;
    width: 100%;
    letter-spacing: .5px;
}

.subfooter-interior {
    width: 1024px;
    margin: 0 auto;
    padding: 24px 0;
    text-align: left;
    }

div#subfooter div#column1 {
    text-align: center;
}

div#subfooter p.head {
    text-decoration:none;
    font-size: 24px;
    color: white;
    text-transform: uppercase;
    font-family: 'f37drago-light', sans-serif;
}

div#subfooter .footcol p{
    color: white;
    padding: 5px;
    margin: 0px;
}

div#subfooter p.contact{
    font-size: 16px;
    padding-top: 10px;
    line-height: 21px;
}

div#subfooter p.address{
    font-size: 12px;
    margin-top: 10px;
}

ul.footer-social {
    padding: 11px 0 0 4px;
}

ul.footer-social a {
    background: transparent;
}

ul.footer-social li {
    display: inline;
    padding-right: 2px;
}

ul.footer-social li a:hover, ul.footer-social li a:focus {
    opacity: .7;
}

footer .socials {
    float:left;
    width:100%;
    margin: 32px 0 40px 0;
    font-size: 14px;
}
footer .socials li { float:left; margin-right: 1.25em; }
footer .socials li a {
    display: block;
}

footer .socials .ig {
    background-image: url(/images/logo-instagram.svg);
    width: 32px;
    height: 32px;
    top: 100%;
}

footer .socials .fb {
    background-image: url(/images/logo-facebook.svg);
    width: 32px;
    height: 32px;
    top: 100%;
}

footer .socials .tw {
    background-image: url(/images/logo-twitter.svg);
    width: 32px;
    height: 32px;
    top: 100%;
}

footer .socials .yt {
    background-image: url(/images/logo-youtube.svg);
    width: 32px;
    height: 32px;
    top: 100%;
}

div#subfooter div#column1 img {
    width: 200px;
    margin: 0 0 20px 20px;
    float: left;
}

#subfooter div.footcol {
    padding: 0px;

}

/* @end */

/* @group 3 Column Layout */

.threeColumns {
    float: left;
    font-size: 1.1em;
    margin-top: 20px;
    margin-bottom: 50px;
    width: 100%;
}

.threeColumns .column {
    float: left;
    margin-right: 17px;
    width: 330px;
}

.threeColumns .column.last {
    margin-right: 0;
}

.threeColumns .column p {
    line-height: 120%;

}

.threeColumns .column dl dt {
    float: left;
    font-weight: bold;
    margin-right: 5px;
}

.threeColumns .column h3 {
    color: #000;
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 18px;
}

.threeColumns .column h3 .category {
    color: #666;
    font-size: 0.8em;
}

.threeColumns .column a.more {
    color: var(--brand-blue-ada);
    display: block;
    font-weight: bold;
    margin-top: 10px;
}

.threeColumns .column img {
    width: 330px;
    height:162px;
    border: 1px solid #ccc;
}

/* @end */

/* @group Errors */

body.error h1 {
    color: var(--error);
    font-size: 2em;
    margin-top: 15px;
    margin-bottom: 10px;
}

body.error #content {
    margin-bottom: 50px;
    text-align: center;
}

body.error #content p {
    font-size: 2em;
}

body.error #content h1 {
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 3em;
    line-height: initial;
}

.errorMessage {
    background-color: #ffdede;
    border: 2px solid var(--error);
    clear: both;
    color: var(--error);
    display: none;
    margin-bottom: 1em;
    padding: 1em;
}

.errorMessage.serverSide {
    display: block;
}

body.error 

/* @end */

/* @group Search Results */

/* @group Category Tabs */

body.searchResults #secondaryColumn h2.sortheader {
    display: none;
}



body.searchResults #sidebarCategories #categoryTabs {
    display: none; /* hide tablet and mobile sidebar */
}


body.searchResults #sidebarCategories form#sortBy-mobile {
    display: none;
}


body.searchResults ul#categoryTabs {
    height: 45px;
    margin-bottom: 33px;
    width: 754px;
    display: inline-block;
    float: right;
}

body.searchResults ul#categoryTabs li {
    float: left;
    text-align: center;
    font-size: 1.4em;
    display: block;
}

body.searchResults #content h1{
    font-weight: bold;
}


body.searchResults ul#categoryTabs li.unselected a {
    height: 50px;
    padding: 20px 30px 40px 30px;
    top: 10px;
    background: var(--gray-background);
    margin-right: 2px;
    color: var(--gray-80);
}

body.searchResults ul#categoryTabs li.unselected a:hover {
    background-color: black;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

body.searchResults ul#categoryTabs li.unselected a:hover + div.resultCount {

    color: #fff ;
    text-decoration: none;
}

body.searchResults ul#categoryTabs li.unselected a + div.resultCount {

    color: var(--gray-80);
    text-decoration: none;
}

body.searchResults ul#categoryTabs li.unselected {
    padding-top: 21px;
    padding-bottom: 21px;
}

body.searchResults ul#categoryTabs li.selected {
    color: #fff;
    background: black;
    /* border: 1px solid #666; */
    padding: 2px;

}

body.searchResults ul#categoryTabs li.selected div {
padding: 20px 30px 0px 30px;
}

body.searchResults ul#categoryTabs li.selected div.resultCount {
    color: #fff;
    font-weight: normal;
    padding-bottom: 21px;
    padding-top: 0px
}

body.searchResults ul#categoryTabs li.unselected div {
    color: #666;
    font-weight: normal;

}

body.searchResults #content {
    font-size: 0.9em;
}

body.searchResults h1 {
    float: left;
    font-size: 2.5em;
    /*width: 500px;*/
}

body.searchResults h2 {
    clear: both;
    font-size: 1.3em;
    color: var(--gray-80);
}

body.searchResults ul.paginationControls {
   /* float: right;*/
   padding-left:21px;
}

body.searchResults ul.paginationControls li {
    float: left;
    margin-left: -1px;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 34px;
}

body.searchResults ul.paginationControls li a {
    padding: 9px 12px;
    color: black;
    font-weight: 400;
}

body.searchResults ul.paginationControls li:hover > a{
    background: #eee;
    text-decoration: none;
}

body.searchResults ul.paginationControls li span.current{
    padding: 9px 12px;
    background: var(--gray-background);
    color: var(--gray-80);
}

body.searchResults .paginationControls li.previous img{
  margin: 8px 0px -2px 0px;
}

body.searchResults .paginationControls li.next img {
   margin: 8px 0px -2px 0px;
}

body.searchResults #resultCount {
    font-size: 3em;
    font-weight: 700;
    padding-left: 5%;
    color: #000000;
    width: 754px;
    float: right;
    margin-top: 40px;
    line-height: 1;
}

body.searchResults .gridview #resultCount {
    margin-top: 80px;
}

body.searchResults #primaryColumn {
    /*border-top: 1px solid #b2b2b2;*/
    border-left: 1px solid #b2b2b2;
    float: left;
    /*margin-top: 12px;*/
    padding-left: 26px;
    padding-top: 20px;
    width: 684px;
}

body.searchResults #secondaryColumn {
    /*border-top: 1px solid #b2b2b2;*/
    clear: both;
    float: left;
    /*margin-top: 12px;*/
    width: 223px;
}

body.searchResults #secondaryColumn h2 {
    margin: 10px 0;
    color: black;
    font-weight: bold;
    font-size: 1.6em;
    font-family: 'plain', sans-serif;
}

body.searchResults #secondaryColumn h2.sortheader {
    font-family: 'f37drago-light', sans-serif;
    text-transform: uppercase;
    font-size: 2.5em;
    font-weight: 400;
}

body.searchResults ul.viewTypeControls {
    float: right;
    font-size: 12px;
    display: inline;
    height: 35px;
    background: url(/images/bg-search-results-tab-bar_new.png) repeat-x;
    width: 120px;
    padding-top: 10px;
}

body.searchResults ul.viewTypeControls li.nontab {
    color: #000;
    font-weight: bold;
    float: left;
}

body.searchResults ul.viewTypeControls li a {
    font-weight: normal;
}

body.searchResults ul.selectControls {
    float: right;
    font-size: 12px;
    height: 35px;
}

body.searchResults ul.selectControls li {
    font-weight: normal;
    display: inline;
}

body.searchResults form#sortBy {
    float: right;
    padding-right: 90px;
    padding-top: 17px;
}

body.searchResults form#sortBy label {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

body.searchResults form#sortBy select {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 2px;
    width: 120px;
}

body.searchResults #sortAscending {
    background: url(/images/icon-sortby.png) no-repeat right bottom;
    display: block;
    float: right;
    margin-right: 3px;
    width: 12px;
    height: 23px;
}

body.searchResults a#sortAscending:hover {
    text-decoration: none;
    background-position: top left;
}

body.searchResults #sortAscending.on {
    background-position: left top;
}

body.searchResults #sortDescending {
    background: url(/images/icon-sortby.png) no-repeat right top;
    display: block;
    float: right;
    width: 12px;
    height: 23px;
}

body.searchResults a#sortDescending:hover {
    background-position: left bottom;
}

body.searchResults #sortDescending.on {
    background-position: left bottom;
}

ul#searchResults.program {
    clear: both;
    padding-left: 140px;
}

ul#searchResults.program div.listingInfoSingular dl, ul#searchResults.program div.listingInfoGroups {
display: none;
}

ul#searchResults {
clear: both;
padding-top: 40px;
padding-left: 20px
}

ul#searchResults li .thumb {
    float: left;
    width: 112px;

}

ul#searchResults li .infoWrapper {
    float: left;
    width: 487px;

}

ul#searchResults.program li .infoWrapper {
    float: left;
    width: 507px;

    height: 112px;
}

ul#searchResults li .listingInfoSingular {
    border-bottom: 1px solid #b2b2b2;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 6px;
    width: 507px;
}

ul#searchResults.program li .listingInfoSingular {
    border-bottom: none;
}

ul#searchResults a {
    color: black;
}

ul#searchResults.program li .listingInfoSingular img.headphones-icon {
    height: 16px;
    vertical-align: top;
    padding-right: 3px;
}

ul#searchResults li .listingInfoSingular dl {
    float: left;
    width: 100%;
}

ul#searchResults li .listingInfoSingular dl dt {
    float: left;
    margin-right: 5px;
}

ul#searchResults li .listingInfoSingular dl dd {
    font-weight: bold;
}

ul#searchResults li .listingInfoGroups .column {
    float: left;
    width: 245px;
}

ul#searchResults li .listingInfoGroups .column ul {
    float: left;
    width: 175px;
}

ul#searchResults li .listingInfoGroups .groupDescr {
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
ul#searchResults li .listingInfoGroups .columnLast {
    float: left;
    width: 240px;
}

ul#searchResults li .listingInfoGroups .columnLast ul {
    float: left;
    width: 150px;
}

ul#searchResults li .listingInfoGroups .columnLast ul li {
    padding-left: 8px;
    text-indent: -8px;
}
ul#searchResults li .listingInfoGroups .columnProgram {
    float: left;
    width: 325px;

}



ul#searchResults li .listingInfoGroups .columnProgram ul {
    float: left;
    width: 250px;
}

ul#searchResults li .listingInfoGroups .columnProgram ul li{
    float: left;
    margin-left: 8px;
    text-indent: -8px;
    width: 250px;
}


ul#searchResults li .listingInfoGroups .columnLastProgram {
    float: left;
    width: 175px;

}



ul#searchResults li .listingInfoGroups .columnLastProgram ul {
    float: left;
    width: 100px;

}


ul#searchResults.program li .listingInfoGroups .column ul {
    float: left;
    margin-bottom: 13px;
    width: 190px;
}

ul#searchResults.program li .listingInfoGroups .column.last ul {
    width: 149px;
}

ul#searchResults.program li .listingInfoGroups .column ul li {
    background: url(/images/bullet-tiny.gif) no-repeat left 8px;
    margin-left: 5px;
}

ul#searchResults.program ul.explicitLinks {
    clear: both;
    float: left;
    margin-top:-30px;
    margin-left: -100px;
}

ul#searchResults ul.explicitLinks {
    clear: both;
padding-top: 5px;
}

ul#searchResults ul.explicitLinks img {
    height: 32px;
    width: 32px;

}

ul#searchResults.program li .infoWrapper:hover img{
    display: initial;
}

ul#searchResults ul.explicitLinks li {
    float: left;
    font-size: 1.2em;
    margin-bottom: 22px;
}

body.searchResults .paginationBottom {
    clear: both;
    float: left;
    margin-bottom: 17px;
    /*width: 100%;*/
    padding-left: 250px;
    padding-top: 50px;
}

body.searchResults #primaryColumn.noResults {
    padding-top: 20px;
}

body.searchResults #primaryColumn.noResults h2 {
    font-style: italic;
    margin-bottom: 15px;
}

body.searchResults #primaryColumn.noResults p {
    font-size: 1.2em;
    margin-bottom: 15px;
}

body.searchResults div#searchResults .row {
    float: left;
    width: 100%;
}

body.searchResults div#searchResults .row .thumb {
    float: left;
    margin-right: 6px;
    width: 75px;
    height: 80px;
}

body.searchResults div#searchResults .row .thumb.noImage {
    border: 1px solid #777;
    height: 65px;
    color: #777;
    padding-top: 15px;
    text-align: center;
}

body.searchResults div#searchResults .row .thumb.noImage, body.searchResults div#searchResults .row .thumb.noImage:hover { background-color: #eee; }

/* @group "Flyout" Tooltips */

body.searchResults .tipcontents {
    display: none;
    /*  float: left; */

}

body.searchResults .tipcontents.visible {
    display: block;
    background: #fff;
}

body.searchResults .tipcontents img {
    float: left;
}

body.searchResults .tipcontents .flyoutThumb {
    float: left;
    width: 190px;
}

body.searchResults .tipcontents .flyoutData {
    color: #666;
    float: left;
    margin: 10px 0 0 10px;

    overflow: hidden;
    text-align: left;
    width: 190px;
}

body.searchResults .tipcontents .flyoutData .title {
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 3px;
}

body.searchResults .tipcontents .flyoutData ul {
    margin-bottom: 10px;
}

body.searchResults .tipcontents .flyoutData li {
    margin-left: 7px;
    padding-left: 2em;
    text-indent: -2em;
}

body.searchResults .tipcontents .flyoutData a {
    margin-top: 5px;
}


/* @group Updated Search Results Grid View and Flyouts */
body.searchResults div#searchResults.gridView .row {
    padding:24px 0 0 14px;
}

body.searchResults div#searchResults.gridView .row .thumb {
    text-align: center;
    margin-bottom: 6px;
    width: 222px;
}

body.searchResults div#searchResults.gridView .row .thumb a {
    cursor: pointer;
}

/* Set height for thumbs AND thumbs with no flyouts */
body.searchResults div#searchResults.gridView .row .thumb, body.searchResults div#searchResults.gridView .row .thumb a.noFlyout {
    height: 260px;
}

/* Thumbs with flyouts */
body.searchResults div#searchResults.gridView .row .thumb a {
    display: block;
    height: 180px; /* Thumb height minus flyout height */
}


/* Hide thumb images in grid view by default - we're using some JS to scale them down if they're too large to fit in the thumb div and then fading them in */
body.searchResults div#searchResults.gridView .row .thumb img {
    display: none;
}

/* Flyouts */
body.searchResults div#searchResults.gridView .row .thumb .thumbMetadataFlyout {
    position: static;
    z-index: 1;
    background-color: #dddddd;
    color: #333333;
    display: none;
    padding: 10px 5px 5px 5px;
    overflow: hidden;
    height: 50px; /* Flyout height - make sure to update height of thumbs with flyouts above if you change this */
    text-align: left;
    line-height: 16px;
}

/* Need noImage divs to be 2px smaller than regular thumbs in width and height because of the border */
body.searchResults div#searchResults.gridView .row .thumb.noImage {
    width: 198px; /* 2px smaller than thumb width */
    height: 183px; /* 2px smaller than thumb height minus the 15px top padding */
}
body.searchResults div#searchResults.gridView .row .thumb.noImage a { color: #777777; }

body.searchResults div#searchResults.gridView .row .thumb .resultCheckboxContainer {
    text-align: right;
    padding: 3px;
}

/* Hover bg color */
body.searchResults div#searchResults.gridView .row .thumb:hover, body.searchResults div#searchResults.gridView .row .thumb.checkedThumb:hover { background-color: #dddddd; }
/* Checked thumb bg color */
body.searchResults div#searchResults.gridView .row .thumb.checkedThumb { background-color: #eeeeee; }


/* @group Highslide carousel */

body.searchResults #viewSelectedLink:hover { cursor: pointer; }
body.searchResults #viewSelectedLink img { display: none; }

/* highslide.css OVERRIDES */

/* Adjust control bar width because of our custom controls */
body.searchResults .highslide-controls {
    width: 235px;
    height: 55px;
}

.dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a {
    background-image: url(/images/highslide/controlbar-dark_2x.png);
    background-size: 360px 130px;
}

.highslide-controls li:last-child {
    padding-left:20px;
}

.highslide-controls {
    margin-left: 100px;
    margin-top: 0;
    }

#hsId10 {
    opacity: 1 !important;
    }



.highslide-dimming {
 background: #34302f;

}
/* Background color overrides */
.dark.transparentBg, .highslide-wrapper, .highslide-outline { background-color: transparent; }

/* Hide the Move and Full Expand controls (Highslide freaks out if they're removed completely, so just hide them) */
.highslide-controls .highslide-move, .highslide-controls .highslide-full-expand { display: none; }

/* Override positioning for Close */
.highslide-controls .highslide-close a {
    background-position: -330px 0;
}
.highslide-controls .highslide-close a:hover {
    background-position: -330px -30px;
}
.highslide-viewport td {
    background: none !important;
}

#oa-view {
    border: none !important;
}
/* Heading overrides */
div.highslide-heading {
    height: 70px;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1.3em;
    text-align: left;
    margin: 0;
    padding-top: 6px;
    /* background: url(/images/logo-archives-med.png) no-repeat 100% 0 transparent;
    background-size: 187px 70px;  */
}


.highslide-wrapper {
    top: 60px !important;
}

/* Caption overrides */
.floating-caption .highslide-caption {
    font-weight: normal;
    line-height: 1.2em;
    text-align: left;
    padding: 0;
    height: auto;
    overflow: visible;
        width: calc(100vw - 40px) !important;
    height: auto;
    margin-left: -100px;
    background: #222222;
    position: fixed;
    bottom: 0;
    padding: 20px 20px 10px 20px;
    opacity: .95;
}


.floating-caption .highslide-caption div { font-size: 0.9em; }

/* Thumbnail size for vertical thumbstrip */
.highslide-thumbstrip-vertical img {
    width: 90px; /* If you change this, make sure to update search-results-grid.php hs.stripItemFormatter with the same value */
}

/* force vertical position at top */

.highslide-container {
    position: fixed !important;
    top: 0 !important; }

/* END highslide.css OVERRIDES */

/* Custom highslide controls and styles*/

/* Set font color for captions and heading */
.highslide-caption div, .highslide-caption a, .highslide-heading { color: #999999; }
/* Caption divs */
.highslide-caption a { text-decoration: underline; }
.highslide-caption a:hover { cursor: pointer; }

.highslide-caption .captionWrapper {
    float: none;
    width: 100%;
}


.highslide-caption div.captionLeft { margin-right: 315px; /* Same as div.captionRight width */ }
.highslide-caption div.captionLeft div {
    padding: 0;
    font-size: 100%;
}
.highslide-caption div.captionRight {
    /* width: 315px; */
    text-align: left;
    float: left;
    margin-left: 0%;
    font-size: .9em;
}

.protected {
    font-size: .9em;
    max-width: 90%;
}
.highslide-caption div.captionRight div { padding-right: 40px; padding-bottom: 5px;}


#nyp-highslide-content, .highslide-html { background-color: #34302f; }

.highslide-controls .photoEmailLink {
    font-size: 0.8em;
    padding-top: 5px;
}

.highslide-controls .photoEmailLink, .highslide-controls .photoEmailLink a { color: #999; }

.highslide-controls .photoEmailLink a {
    float: none;
    height: auto;
    width: auto;
    display: inline;
    background-image: none;
    text-decoration: underline;
}

.highslide-container div {
    font-family: 'plain', sans-serif !important;
    font-size: 1.2em;

    }

.highslide-caption .photoEmailLink, .highslide-caption .protected, .highslide-caption .imageIdWrapper {
    font-size: 13px !important;
    line-height: 16px;
    max-width: 900px;
    color: #666666;
    }

.highslide-caption .photoEmailLink, .highslide-caption .protected {
    color: #666666;
    padding-bottom: 10px !important;

}
/* Zoom In icon */
.highslide-controls .highslide-zoom-in a {
    background-position: -120px 0;
}
.highslide-controls .highslide-zoom-in a:hover, .highslide-controls .highslide-zoom-in.active a {
    background-position: -120px -30px;
}
.highslide-controls .highslide-zoom-in a.disabled {
    background-position: -120px -60px !important;
}

/* Zoom Out icon */
.highslide-controls .highslide-zoom-out a {
    background-position: -150px 0;
}
.highslide-controls .highslide-zoom-out a:hover, .highslide-controls .highslide-zoom-out.active a {
    background-position: -150px -30px;
}
.highslide-controls .highslide-zoom-out a.disabled {
    background-position: -150px -60px !important;
}

/* View Info icon */
.highslide-controls .highslide-view-info a {
    background-position: -180px 0;
}
.highslide-controls .highslide-view-info a:hover, .highslide-controls .highslide-view-info.active a {
    background-position: -180px -30px;
}
.highslide-controls .highslide-view-info a.disabled {
    background-position: -180px -60px !important;
}

/* View Tags icon */
.highslide-controls .highslide-view-tags a {
    background-position: -210px 0;
}
.highslide-controls .highslide-view-tags a:hover, .highslide-controls .highslide-view-tags.active a {
    background-position: -210px -30px;
}
.highslide-controls .highslide-view-tags a.disabled {
    background-position: -210px -60px !important;
}

/* Hide Tags icon */
.highslide-controls .highslide-hide-tags {
    display: none;
}
.highslide-controls .highslide-hide-tags a {
    background-position: -240px 0;
}
.highslide-controls .highslide-hide-tags a:hover, .highslide-controls .highslide-hide-tags.active a {
    background-position: -240px -30px;
}
.highslide-controls .highslide-hide-tags a.disabled {
    background-position: -240px -60px !important;
}

/* Tag icon */
.highslide-controls .highslide-tag a {
    background-position: -270px 0;
}
.highslide-controls .highslide-tag a:hover, .highslide-controls .highslide-tag.active a {
    background-position: -270px -30px;
}
.highslide-controls .highslide-tag a.disabled {
    background-position: -270px -60px !important;
}

/* Save Tags icon */
.highslide-controls .highslide-save-tags a {
    background-position: -300px 0;
}
.highslide-controls .highslide-save-tags a:hover, .highslide-controls .highslide-save-tags.active a {
    background-position: -300px -30px;
}
.highslide-controls .highslide-save-tags a.disabled {
    background-position: -300px -60px !important;
}


/* @group Grid View Thumb Hovers w/ Metadata */
/* TODO */


/* overlays */

.simple_overlay {

    /* must be initially hidden */
    /* display:none; */

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#333;

    width:675px;
    min-height:200px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(../img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}
/* styling for elements inside overlay */
.details {
    position:absolute;
    top:15px;
    right:15px;
    font-size:11px;
    color:#fff;
    width:150px;
}

.details h3 {
    color:#aba;
    font-size:15px;
    margin:0 0 -10px 0;
}

/* @end */

#panelPosition {
    float: right;
    width: 30px;
}

body.searchResults h2.doctype {
    display: none;
}

.facetHeader {
    font-weight: normal;
    font-family: 'plain-medium', sans-serif;
    font-size: 1.6em;
    margin: 15px 0;
}

.facetHeader:hover > div.categoryArrow, .facetHeader:hover > span.facetHover {
    color: black;
    cursor: pointer;
}


.facetHeader .selectedFacet + .categoryArrow, .facetHeader .selectedFacet  {
     color: black;
}

.facetLinks {
    margin-left: 10%;
}

.nestedFacet {
    margin-left: 5%;
}

.nestedFacet strong {
    font-weight:bold;
}
.facetLinks .nestedFacet {
    margin-left: 0;
}
/*
#facetBrowser {
    display:none;
    position:absolute;
}
*/

.removeFacet, .categoryArrow {
    float:left;
    margin-right: 15px;
    cursor: pointer;
    clear: right;
    font-size: 1.6em;

}

h3.listen {
    color: black;
    font-family: 'plain', sans-serif;
    font-size: 1rem;
    margin: 30px 0 10px 0;
    font-weight: 700;
}

.h3-headphones {
    display: inline;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
#facetlinks input[type=checkbox] {
    display: inline-block;
    float: left;
}

#facetlinks label {
    font-size: 1rem;
    margin-left: 5px;
    margin-left: 30px;
    display: block;
    line-height: 1.25rem;
}
.categoryArrow:hover {
    color: black;
}

.parentFacet {
    cursor: pointer;
}

.parentFacet:hover {
    text-decoration: underline;
}

#facetBrowser .nestedFacet {
    display: none;
}

#BRAudio {
    background: #222222;
    color: #bcbcbc;
    opacity: 1;
    padding: 5px 20px;
    display: block;
    text-align: left;
}

.artifact #maxminArrow {
    display: none;
}
#BRAudio #maxminArrow {
    display: block;
    float: right;
    font-size: 1rem;
    padding: 5px 0;
    cursor: pointer;
}


#BRAudio {
    transition-duration: .5s;
    top: 0;
    visibility: hidden;
    }


#BRAudio.minimized {
    transition-duration: .5s;
    -webkit-transform: translateY(-90%); 
    transform: translateY(-90%); 
    margin-top:18px;
    }

#BRAudio .showmp {
        display: block;
    }

#BRAudio .showmp img, #BRAudio .hidemp img {
        margin-right: 10px;
        opacity: .8;
    }
#BRAudio .showmp.hide {
        display: none;
    }

#BRAudio_h, #BRAudio .bd {
    background: transparent;
    color: #bcbcbc;
}

#BRAudio .listen h2, #BRAudio .intro {
    display: none;
}

#BRAudio .titleBlock {
    width: 25%;
    float: left;
}

#BRAudio .audioBlock {
    width: 35%;
    float: left;
}

#BRAudio .metaBlock {
    display: none;
}

#BRAudio .metaBlock.open {
    display: block;
}

#BRAudio .jumpLinks li {
  width: 90%;
  /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}

#BRAudio .jumpLinks li, #BRAudio .metaBlock p {
  margin: 6px 0 9px 0;

}
#BRAudio .jumpLinks {
  width: 90%;
  height: 90px;
  background: #222222;
  overflow-y: auto;
}

#BRAudio .jumpLinks::-webkit-scrollbar {
    width: 12px;
}

#BRAudio .jumpLinks::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5);
    border-radius: 0px;
}

#BRAudio .jumpLinks::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 12px rgba(0, 0, 0, 1);
    background: #111111; }

#BRAudio .jumpLinks li {
cursor: pointer;
}


#BRAudio .jumpLinks li a:hover {
    background: #444444;
    color: white;
}
#BRAudio .timingsandmetaBlock {
    width: 34%;
    float: left;
    font-size: 1rem;
    line-height: 1.3rem;
    margin-left:3%; 
    margin-right:3%; }

#BRAudio .mediaTitle {
    font-size: 1.5rem;
    font-family: plain-medium;
    color: #FFFFFF;
    margin-top: 10px;
}

#BRAudio .timecode, .timecode {
    width: 60px;
    display: inline-block;
    float: left;
}

#BRAudio .titlelink, .titlelink {
    display: inline-block;
    float: left;
    width: calc(100% - 80px);
}


#BRAudio div[id^="singleMediaBlock"] {
    margin-bottom: 5px;
}

#BRAudio #singleMediaBlock0 {
    display: block;
}

body.artifact #BRAudio .media p.mediaDate {
    font-size: 1.125rem;
    margin-top: 10px;

}

p.workList {
    font-family: 'plain-medium', sans-serif;
}

#BRAudio p.workList, #BRAudio p.moreInfo  {
    font-family: 'plain-medium', sans-serif;
    display: inline;
    color: #999999;
    padding-right: 12px;
    line-height: 2rem;
    cursor: pointer;
}
#BRAudio p.workList.open, #BRAudio p.moreInfo.open {
    color: #FFFFFF;
}


#BRAudio .mejs__time {
    color: #FFFFFF;
    font-size: 1rem;
}

#BRAudio .nexttrack, #BRAudio .prevtrack {
    color: var(--brand-blue);
    font-size: 1rem;
    margin: 10px 0;
    cursor: pointer;
}


.nexttrack, .prevtrack {
    display: none;
}
#BRAudio .nexttrack, #BRAudio .prevtrack {
  display: inline;
float: left;
margin-right: 20px;
}

img.next-icon, img.prev-icon {
    width: 11px;
    height: 24px;
    position: relative;
    top: 6px;
    opacity: .8;
}
#audioPlayer .mejs__player {
    float: left;
}

 .video-wrapper {
    width:100%;
    max-width: 640px;
    margin: 0 auto;
     height: auto;
}

.mejs__mediaelement video {
    object-fit: cover; /* resizes poster image to match video */
}

.mejs__video .mejs__mute > button {
  background-position: -222px 0 !important;
}

.mejs__video .mejs__skip-back-button > button, .mejs__video .mejs-skip-back-button > button, .mejs__video .mejs__jump-forward-button > button,.mejs__video .mejs-jump-forward-button > button {
  color: transparent !important;
}

.yui-skin-sam .yui-panel-container#BRVideo_c, .yui-skin-sam .yui-panel-container#BRAudio_c, .yui-skin-sam .yui-panel-container#NYPShare_c, .yui-skin-sam .yui-panel-container#NYPInfo_c {
    top: 0 !important;
}

.yui-skin-sam .yui-panel-container#BRVideo_c {
    width: 100% !important;
    height: 100% !important;
    background: #34302f;
    left: 0 !important;
    background: rgba(52,48,47,0.95)}

.yui-skin-sam #BRVideo.yui-panel .hd, .yui-skin-sam #BRVideo.yui-panel .bd {
    background: transparent;
    }

#videoPlayer {
    max-width: 100vw;
    }

/* audio player overrides */

.mejs__audio.mejs__container {
    z-index: 0;
}

.mejs__audio .mejs__player {
    max-width: 100%;
}

.mejs__audio .mejs__time-total {
        background: #cccccc;
    }

.mejs__audio .mejs__time {
        color: black;
    }

.mejs__audio .mejs__mediaelement {

    }

.mejs__audio .mejs__controls:not([style*="display: none"]) {
        background: none;
    }

.mejs__audio .mejs__controls {
    padding: 0;
}

.mejs__video .mejs__controls {
    z-index: 1;
}

.mejs__audio.mejs__container {
        background: none;
        margin-bottom: 60px;
}

.mejs__audio .mejs__time-current, .mejs__time-handle-content {
    background: var(--brand-blue);
}

.mejs__audio .mejs__play, .mejs__audio .mejs__pause {
    background-position: 5px 5px;
    border-radius: 50%;
    corner-radius: 5px;
    width: 40px;
    height: 40px;
    background: var(--brand-blue);
    position: absolute;
    margin-top: 50px;
    left: 40px;
}

.mejs__audio .mejs__play>button {
    background-position: 4px 1px;
    background-repeat: no-repeat;
}

.mejs__audio .mejs__pause>button {
    background-position: -17px 0;
}

.mejs__audio .mejs__time-rail {
        margin-left: 0;
}

.mejs__audio .mejs__time {
    position: absolute;
    top: 50px;
    left: 140px;
    color: #555555;
    font-size: 12px;
}

.mejs__audio .mejs__time-buffering, .mejs__audio .mejs__time-current, .mejs__audio .mejs__time-float, .mejs__audio .mejs__time-float-corner, .mejs__audio .mejs__time-float-current, .mejs__audio .mejs__time-hovered, .mejs__audio .mejs__time-loaded, .mejs__audio .mejs__time-marker, .mejs__audio .mejs__time-total {
    height: 16px;
    border-radius: 2px;
}

.mejs__audio .mejs__skip-back-button, .mejs__audio .mejs__jump-forward-button {
    position: absolute;
    top: 50px;
    left: 0px;
}

.mejs__audio .mejs__jump-forward-button {
    left: 90px;
}

.mejs__audio .mejs__horizontal-volume-slider {
    margin-top: 3px;
}

.mejs__audio .mejs__mute > button {
    background-position: -60px 2px;
}

.mejs__audio .mejs__jump-forward-button > button, .mejs__audio .mejs-jump-forward-button > button, .mejs__audio .mejs__skip-back-button > button, .mejs__audio .mejs-skip-back-button > button {
    font-size: 6px;
    line-height: 3px;
    font-weight: bold;
    color: transparent;
}

.mejs__audio .mejs__time-handle-content {
    top: -1px;
}

.mejs__container, .mejs__container video {
    max-width: 100%;
}

#BRAudio .mejs__container.mejs__video, .mejs__container video  {
    /* max-height: 480px; */
}

.mejs__video .mejs__volume-button > button {
        background: transparent url(../scripts/mediaelement/mejs-controls-video.svg);
    background-repeat: no-repeat;
}

.mejs__video .mejs__fullscreen-button > button  {
    background: transparent url(../scripts/mediaelement/mejs-controls-video.svg);
    background-position: -80px 0;
    background-repeat: no-repeat;
}

.mejs__video .mejs__overlay-button {
    background: transparent url(../scripts/mediaelement/mejs-controls-video.svg);
    background-position: 0 -39px;
    background-repeat: no-repeat;
}

.mejs__video .mejs__jump-forward-button > button {
    background: transparent url(../scripts/mediaelement/jump-forward/jumpforward-gray.svg);
    background-repeat: no-repeat;

}


.mejs__video .mejs__play > button  {
    background: transparent url(../scripts/mediaelement/mejs-controls-video.svg);
    background-position: 0 0px;
    background-repeat: no-repeat;
}

.mejs__video .mejs__pause > button {
    background: transparent url(../scripts/mediaelement/mejs-controls-video.svg);
    background-position: -20px 0px;
    background-repeat: no-repeat;
}

.mejs__video .mejs__skip-back-button > button  {
    background: transparent url(../scripts/mediaelement/skip-back/skipback-gray.svg);
    background-repeat: no-repeat;
}

#BRAudio .mejs__video .mejs__time {
    color: #aaaaaa;
    width: 130px;
}

.mejs__time-handle-content {
        border: 0px;
}

/* END media element player overrides */

.yui-skin-sam #BRVideo.yui-panel .hd {
    color: #BDBCBC;
    font-size: 16px;
    padding-top: 20px;
}
#audioPlayer {
    margin: 0 !important;
}

#BRAudio_c, #NYPShare_c {
    width: 100% !important;
    left: -1px !important;
}
#NYPInfo .container-close, #BRAudio .container-close {
    background: url(/images/modal-close-gray.png);
    height: 25px;
    background-size: 25px;
    margin-right: 20px;
}

.yui-skin-sam .container-close {
    background: url(/images/modal-close.png);
    height: 25px;
    background-size: 25px;
    margin-top: 10px;
    margin-right: 10px;
}

.yui-skin-sam #facetBrowser .container-close {
    background: url(/images/modal-close-gray.png);
    height: 25px;
    background-size: 25px;
    margin-top: 10px;
    margin-right: 10px;
}

.yui-skin-sam .yui-panel .hd, .yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft {
    background-color: #efefef;
}

.search-results .yui-skin-sam .yui-panel-container#facetBrowser_c {
    left: 20% !important;
    top: 30% !important;
    width: 60% !important;
}


.yui-skin-sam .yui-panel#facetBrowser .hd, .yui-skin-sam .yui-panel#facetBrowser .bd, .yui-skin-sam .yui-panel#facetBrowser .ft {
    background-color: #ffffff;
}


#BRAudio_h {
    padding-top:0px;
    text-align: left;
    font-size: 16px;
}

#NYPShare .bd, #NYPShare .hd, #NYPShare .ft, #mobileShare{
    background-color: #34302f;
    color: #bdbcbc;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
}

#NYPShare .bd {
    padding:  15px 30px;
}
#NYPShare, #mobileShare {

    background-color: #34302f;
    color: #bdbcbc;
    border: 0 !important;
}

#NYPShare h3, #mobileShare h3 {
    margin-bottom: 20px;
}
#NYPShare span.stFb {
width: 60px;
}


#NYPShare span.stTwbutton {
width: 60px;
}

#NYPInfo .bd , #NYPInfo .hd, #NYPInfo .ft{
    background-color: #EFEFEF;
}

.yui-skin-sam a.yui-pg-first:link, .yui-skin-sam a.yui-pg-first:visited, .yui-skin-sam a.yui-pg-first:active, .yui-skin-sam a.yui-pg-first:hover, .yui-skin-sam a.yui-pg-previous:link, .yui-skin-sam a.yui-pg-previous:visited, .yui-skin-sam a.yui-pg-previous:active, .yui-skin-sam a.yui-pg-previous:hover, .yui-skin-sam a.yui-pg-next:link, .yui-skin-sam a.yui-pg-next:visited, .yui-skin-sam a.yui-pg-next:active, .yui-skin-sam a.yui-pg-next:hover, .yui-skin-sam a.yui-pg-last:link, .yui-skin-sam a.yui-pg-last:visited, .yui-skin-sam a.yui-pg-last:active, .yui-skin-sam a.yui-pg-last:hover, .yui-skin-sam a.yui-pg-page:link, .yui-skin-sam a.yui-pg-page:visited, .yui-skin-sam a.yui-pg-page:active, .yui-skin-sam a.yui-pg-page:hover {
    color: black;
    outline: 0 none;
    text-decoration: none;
}

.yui-skin-sam .yui-dt table {
    border:none;
    border-collapse: separate;
    border-spacing: 0;
    font-family: 'plain', sans-serif;
    font-size: inherit;
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    line-height: 1.5em;
}

.yui-skin-sam .yui-dt th {
    background: none;
    border: none;
}

.yui-skin-sam .yui-dt tr.yui-dt-first td {
    border-top: none;
}

.yui-skin-sam .yui-dt td {
    border-color: -moz-use-text-color #CBCBCB -moz-use-text-color -moz-use-text-color;
    border-style: none;
    border-width: medium 1px medium medium;
    margin: 0;
    padding: 0;
    text-align: left;
}

.yui-skin-sam tr.yui-dt-odd {
    background-color: #FFFFFF;
}

#datatable li {
    padding-left: 2em;
    text-indent: -2em;
}

p.notAvailable {
    background-color: #EEE;
    border: 1px solid #777;
    clear: both;
    color: #777;
    margin: 0px 5px 0px 5px;
    padding: 5px 0px;
    text-align: center;
}

/* static pages (about us, help, contact) */

#sidebar {
    width: 25%;
    float: left;
    padding-right: 10%;
}

#sidebar h3 {
    font-weight: 700;
    color: #666;
    margin-bottom: 20px;
    font-size: 1.125em;
    letter-spacing: .45px;
}

.static {
    width: 65%;
    float: right;
}

.static.full-width {
    width: 100%;
}

.static.opendata {
    float: none;
    margin: auto;
}

.static h1{
    font-size: 18px;
    color: #000;
    padding-top: 5px;

}
ul.contentsList a {
    color: rgb(51, 48, 48);
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
}

ul.contentsList a:hover, ul.contentsList a.active {
    text-decoration: none;
    font-weight: bold;
}

ul.contentsList li {
    margin-bottom: 22px;
    }

#sidebar > ul > ul > li  {
    margin-left: 18px;
    font-size: .9em;
    }


.static ul {
    padding-bottom: 10px;
    list-style-type: disc;
    margin-left: 18px;
    color: black;
}

.static ul a {
    text-decoration: underline;
}

#subUL.indented h4 {
    color: rgb(51, 48, 48);
}

ul.contentsList a {

}

span#backToTop {

    float: right;
}

.static h2 {
    padding-top: 10px;
    font-size: 1.6em;
    line-height: 24px;
    text-decoration: none;
    display: block;
    margin: 2em 0;
    color: black;
    font-weight: bold;
}

.static h3 {
    font-size: 1.4em;
    font-weight: normal;
    color: black;
    margin: 1em 0;
}

.static h4 {
    font-weight: 500;
    color: black;
}

.static p {
    color: black;
    padding-top:3px;
    padding-bottom:3px;
    font-size: 16px;
    line-height: 24px;
}
.static .indented {
    padding-left: 40px;
    font-size: 16px;
    line-height: 24px;
}
.static .indented li {
    padding-bottom: 3px;
    line-height: 24px;
}

.static table {
    text-align: center;
    max-width: 700px;
    margin-left: 30px;
    border: 0;
    margin: 2em 0;
    width: 100%;
    padding: 0;
}
.static table td {
    border: 1px solid #ccc;
    padding: 5px;
}

table.dataTable {
    max-width: 100%;
}

.dataTables_wrapper {
    margin-top: 2em;
}

.dataTables_wrapper select {
    font-family: 'plain', sans-serif;
}

.dataTables_wrapper .filter {
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: transparent;
    padding: 4px;
    margin-top: 0.5em;
}

.dataTables_wrapper th.sorting {
    vertical-align: top;
    font-size: larger;
}

.dataTables_wrapper table.dataTable thead .sorting {
    background-position-y: 10px;
}

td.term {
    color: #000000;
    width: 160px;
}

.publisherName {
    font-weight: 700;
    color: #000;
}

.notAvailable h4{
    color:#666
}

table#rights ul li {
    margin-left: 30px;
}

table#rights {
    width: 400px;
    margin-left: 30px;
}

.static hr {
    margin-bottom: 20px;
    clear: both;
}
/* @end */



/*Qtip login modal window*/
#ui-tooltip-login{
    max-width: 500px;
    -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    box-shadow: 0 0 10px 1px rgba(0,0,0,.5);
    font-size: 1.2em;
    line-height: 1.5em;
}

#ui-tooltip-login .createAccount{
    display: none;
}

#ui-tooltip-login .toggle{
    cursor: pointer;
    text-align: right;
}

#ui-tooltip-login .ui-tooltip-content{
    padding: 10px;
    background-color: white;
    border: none;
}

#ui-tooltip-login input[type=text],
#ui-tooltip-login input[type=password]{
    width: 74%;
    margin: 3px 0;
    box-sizing: border-box;
    display: inline-block;

    border: 1px solid #ccc;
    background-color: #fafafa;
}

#ui-tooltip-login #recaptcha_div {
    margin-left: 26%;
}

#ui-tooltip-login input[disabled]{
    background-color: #eee !important;
    color: #999;
}

#ui-tooltip-login label{
    width: 25%;
    padding: 0;
    margin: 3px 0;
    display: inline-block;
    overflow: hidden;
}

#ui-tooltip-login input[type=submit]{
    margin: 3px 0 3px 26%;
    padding: 2px 5px;
}

#ui-tooltip-login .error{
    float: right;
    display: inline-block;
    margin: 5px 5px 0 0;

    vertical-align: text-bottom;
    line-height: 20px;
    font-weight: bold;
    color: var(--error);
}

#ui-tooltip-login .ui-tooltip-titlebar {
    background-color: black;
    border: none;
    color: black;
    text-align: left;
}

p.loginBtn {
display: none !important;}



#nyphilorgDIV_1 {
    box-sizing: border-box;
    color: rgb(51, 48, 48);
    float: left;
    height: 49px;
    width: 100%;
    perspective-origin: 1271.5px 24.5px;
    transform-origin: 1271.5px 24.5px;
    background: rgb(69, 67, 67) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 24px plain, sans-serif;
    outline: rgb(51, 48, 48) none 0px;
}/*#nyphilorgDIV_1*/
#nyphilorgDIV_2 {
    box-sizing: border-box;
    color: rgb(51, 48, 48);
    height: 49px;
    max-width: 1292px;
    width: 100%;
    perspective-origin: 646px 24.5px;
    transform-origin: 646px 24.5px;
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 24px plain, sans-serif;
    margin: 0px auto;
    padding-left: 146px;
    outline: rgb(51, 48, 48) none 0px;
}/*#nyphilorgDIV_2*/
/*#nyphilorgDIV_2:after {
    box-sizing: border-box;
    clear: both;
    color: rgb(51, 48, 48);
    display: table;
    content: '"' '"';
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 24px plain, sans-serif;
    outline: rgb(51, 48, 48) none 0px;
}#nyphilorgDIV_2:after
#nyphilorgDIV_2:before {
    box-sizing: border-box;
    color: rgb(51, 48, 48);
    display: table;
    content: '"' '"';
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 24px plain, sans-serif;
    outline: rgb(51, 48, 48) none 0px;
}/*#nyphilorgDIV_2:before*/
#nyphilorgDIV_3 {
    box-sizing: border-box;
    color: rgb(51, 48, 48);
    float: left;
    height: 49px;
    position: relative;
    width: 1292px;
    perspective-origin: 646px 24.5px;
    transform-origin: 646px 24.5px;
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 24px plain, sans-serif;
    outline: rgb(51, 48, 48) none 0px;
    padding: 0px 15px;
}/*#nyphilorgDIV_3*/
#nyphilorgUL_4 {
    box-sizing: border-box;
    color: rgb(51, 48, 48);
    float: right;
    height: 49px;
    display: block;
 /*   width: 717.063px;*/
    perspective-origin: 358.531px 24.5px;
    transform-origin: 358.531px 24.5px;
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 25.6px plain, sans-serif;
    list-style: none outside none;
    margin: 0 0 100px 0;
    outline: rgb(51, 48, 48) none 0px;
    padding: 12px 0px;
}/*#nyphilorgUL_4*/
#nyphilorgLI_5 {
    box-sizing: border-box;
    color: rgb(51, 48, 48);
    float: left;
    height: 25px;
/*    width: 241.031px;*/
    perspective-origin: 120.516px 12.5px;
    transform-origin: 120.516px 12.5px;
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 25.6px plain, sans-serif;
    list-style: none outside none;
    margin: 0px 24px 0px 0px;
    outline: rgb(51, 48, 48) none 0px;
}/*#nyphilorgLI_5*/

#nyphilorgLI_7 {
    box-sizing: border-box;
    color: rgb(51, 48, 48);
    float: left;
    height: 25px;
/*    width: 163.313px;*/
    perspective-origin: 81.6563px 12.5px;
    transform-origin: 81.6563px 12.5px;
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 25.6px plain, sans-serif;
    list-style: none outside none;
    margin: 0px 24px 0px 0px;
    outline: rgb(51, 48, 48) none 0px;
}/*#nyphilorgLI_7*/
#nyphilorgA_8, #nyphilorgA_6 {
    box-sizing: border-box;
    text-align: left;
    text-decoration: none;
    border: 0px none rgb(206, 206, 206);
    font: normal normal 600 normal 14px / 14px plain, sans-serif;
    list-style: none outside none;
    outline: rgb(206, 206, 206) none 0px;
}/*#nyphilorgA_8, #nyphilorgA_10*/
#nyphilorgA_10 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    text-align: left;
    text-decoration: none;
    border: 0px none rgb(255, 255, 255);
    font: normal normal 600 normal 14px / 14px plain, sans-serif;
    list-style: none outside none;
    outline: rgb(255, 255, 255) none 0px;
}/*#nyphilorgA_6*/
#nyphilorgLI_9 {
    box-sizing: border-box;
    color: rgb(51, 48, 48);
    float: left;
    height: 25px;
/*    width: 196.953px;*/
    perspective-origin: 98.4688px 12.5px;
    transform-origin: 98.4688px 12.5px;
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 25.6px plain, sans-serif;
    list-style: none outside none;
    margin: 0px 24px 0px 0px;
    outline: rgb(51, 48, 48) none 0px;
}/*#nyphilorgLI_9*/
#nyphilorgLI_11 {
    box-sizing: border-box;
    color: rgb(51, 48, 48);
    float: left;
    height: 25px;
/*    width: 43.7656px;*/
    perspective-origin: 21.875px 12.5px;
    transform-origin: 21.875px 12.5px;
    border: 0px none rgb(51, 48, 48);
    font: normal normal normal normal 16px / 25.6px plain, sans-serif;
    list-style: none outside none;
    outline: rgb(51, 48, 48) none 0px;
}/*#nyphilorgLI_11*/
#nyphilorgA_12 {
    box-sizing: border-box;
    color: rgb(206, 206, 206);
    text-align: left;
    text-decoration: none;
    border: 0px none rgb(206, 206, 206);
    font: normal normal 600 normal 14px / 14px plain, sans-serif;
    list-style: none outside none;
    outline: rgb(206, 206, 206) none 0px;
}/*#nyphilorgA_12*/
#nyphilorgA_12:after {
    box-sizing: border-box;
    color: rgb(206, 206, 206);
    display: none;
    text-align: left;
    border: 0px none rgb(206, 206, 206);
    font: normal normal 600 normal 14px / 14px plain, sans-serif;
    list-style: none outside none;
    margin: 0px 0px 0px 21px;
    outline: rgb(206, 206, 206) none 0px;
}/*#nyphilorgA_12:after*/

#nyphilorgUL_4 a {
    color: black;
    font-size: 12px;
    font-weight: 500;    
}

/* about */
.contentsList {
    display: block;
}

#sidebar h4 {
    display: none;
}

@media only screen and (min-width: 1025px){
/* for large screens only */

    .exhibit p {
        clear: none;
    }

    figure.wrap {
        width:50%;
    }

    figure.left {
        float:left;
        margin-inline-end: 1em;
    }

    figure.right {
        float:right;
        margin-inline-start: 1em;
    }
}

@media only screen and (min-width: 769px) {
    header.goldner-banner, header.dailydoc-banner, header.fassett-banner {
        display: block;
        background-repeat: no-repeat;
        background-position-x: right;
        max-width: 1024px;
        height: 230px;
        margin: 30px auto 0 auto;
    }
    header.dailydoc-banner {
        background-image: url('/images/dailydocument/DailyDocs_Header-1.png');
    }
    header.fassett-banner {
        background-image: url('/images/fassett/fassett-header.jpg');
    }
    header.goldner-banner {
        background-image: url('/images/goldner/steffy-header.jpg');
    }

    header.goldner-banner h1 {
        color: white;
        font-size: 4em;
        position: relative;
        top: 28%;
        left: 6%;
    }

    header.goldner-banner h2 {
        color: #D6D4D5;
        font-size: 2em;
        font-style: italic;
        font-weight: normal;
        position: relative;
        top: 28%;
        left: 6%;
    }

    .exhibit audio {
        padding: 1em 0;
    }

    .exhibit aside.audio {
        width: 67%;
        margin: 3em auto 2em auto;
        border: 2px solid black;
        padding: 1em;
    }
}

@media only screen and (min-width: 737px) {
    .full-width .exhibit-link, .podcast .podcast-link {
        width: 47.5%;
        margin: 0 1.25% 2em 1.25%;
        float: left;
    }
    .full-width div:nth-child(odd), .podcast div:nth-child(even) {
        clear: left;
    }
}

@media only screen and (max-width: 1250px){

/*.home #footer-wrapper-home:before {
    content: '';
    position: absolute;
    background: #653279;
    -webkit-transform: skewY(-2.5deg);
    -moz-transform: skewY(-2.5deg);
    -ms-transform: skewY(-2.5deg);
    -o-transform: skewY(-2.5deg);
    transform: skewY(-2.5deg);
    width: 50%;
    height: 75px;
    top: 770px;
    right: 0;
    z-index: 10;
    -webkit-background-clip: content-box;
}*/


/*.home #footer-wrapper-home:after {
    content: '';
    position: absolute;
    background: #282828;
    -webkit-transform: skewY(2.5deg);
    -moz-transform: skewY(2.5deg);
    -ms-transform: skewY(2.5deg);
    -o-transform: skewY(2.5deg);
    transform: skewY(2.5deg);
    width: 100%;
    height: 100px;
    top: 770px;
    z-index: 10;
    -webkit-background-clip: content-box;
}*/


.home div#subfooter.first {
    padding-top: 40px;
}
}

@media only screen and (max-width: 1024px){



/*home */
#content.home {
    min-width: 768px;
}

#footer-wrapper-home {
    padding-top: 80px;
}
#content {
    width: 90%;
}

.flickity-page-dots {
    bottom: 80px !important;
    width: 30% !important;
    left: 60%;
    float: left !important;
}

.flickity-page-dots .dot {
    margin: 0 8px 0 0 !important;
    float: left;
}

body.staticPage #content {
    width: calc(100% - 40px);
    padding: 0 20px;
}

.static {
    width: 65%;
    }

.static.full-width {
    width: 100%;
}

#globalnav {
    width: 100%;
    margin-left: -65px;

}

#search {
    width: 100%;
}

#nyphilorgA_6, #nyphilorgA_8, #nyphilorgA_12 {
    font-size: 12px;
}

#nyphilorgUL_4 {
    margin-right: -50px;
}

#nyphilorgA_6:after, #nyphilorgA_8:after {
    margin-left: 10px;
}

#nyphilorgLI_7, #nyphilorgLI_5 {
    margin-right: 10px;

}

ul#primaryNavigation {
    margin-right: -50px;
}

#searchform {
    width: 90%;
}

#search-body {
    width: 55%;
}

#search-header {
    width: 25%;
    padding-right: 15%;
}


#search .controls {
    width: 33%;
}

#search .multiFilterChooser .dateRange {
    width: 67%;
}

#search .multiFilterChooser .dateRange div {
    width: 50%;

}

#search .controls .search-button {
    width: 100%;

}

input#search-text.text {
    width: 98%;
    padding: 2px 0 2px 2%;
}


#sidebar {
    width: 25%;
    float: right;
    padding-left: 5%;
    padding-right: 5%;
}


#searchform {
    padding-left: 20px;
}

#search-header {
    width: 40%;
    padding-right: 5%;
}

#search .multiFilterChooser {
    width: 100%;
}

#search .multiFilterChooser .dateRange input.date {
    width: 93%;
    padding: 1px 2%;
    margin: 0 1% 0 0;
}


.byline {
    margin-bottom: 24px;
    font-size: 1rem;
    line-height: 1.25em;
}

h1.home {
    margin-bottom: 4px;
}

.split.footcol {
    width: 100%;
}

div#subfooter {
    width: auto;
}

div#subfooter div#column1 img {
    width: 80%;
}

.legal {
    padding-right: 20px;
    }

#column2.footcol {
    width: 60%;
    padding-left: 2% !important;
    padding-bottom: 40px !important;
}

.subfooter-interior {
    width: calc(100% - 40px);
    padding: 20px;
}

#content.home {
    width: 100%;
    max-width: 1024px;
    min-width: 100%;
}



#caption-container {
    width: auto;
}

.carousel img {
    max-width: auto;
    min-width: 768px;
}

#slide-caption {
    margin: 30px 0 0 5%;
    width: 255px;
}

.flickity-enabled.is-draggable .flickity-viewport {
    height: 370px;
}

#slide-caption.right {
    margin: 30px 0 0 60% !important;
}

.carousel, .gallery-cell {
    height: 380px;
}

h1.slider {
    font-size: 1.73333em;
    margin-bottom: 8px;
}

.button {
    margin-top: 10px;
}
/* SEARCH RESULTS */

body.searchResults #secondaryColumn h2.sortheader {
    display:block;
    color: #000000;
    font-size: 2.5em;
    font-weight: 400;
    font-family: 'f37drago-light', sans-serif;
    text-transform: uppercase;
}
body.searchResults h2.doctype {
    display: block;
}

body.searchResults h1 {
    font-size: 2.5em;
    width: 100%;
}

body.searchResults #resultCount {
    margin-top: 0;
}

body.searchResults #resultCount {
    width: auto;
    float: none;
    padding-left: 0;
    line-height: 1;
}

body.searchResults ul.paginationControls li {
    line-height: 32px;
}

body.searchResults ul.paginationControls li a {
    color: black;
    padding: 7px 15px;
}

body.searchResults ul.paginationControls li span.current {
    padding: 7px 15px;
}

body.searchResults ul#categoryTabs {
    display: none;
}

body.searchResults #sidebarCategories #categoryTabs {
    display: block;
}

body.searchResults #sidebarCategories ul#categoryTabs li {
    display: block;
    float: none;
    width: 100%;
}

body.searchResults #sidebarCategories ul#categoryTabs {
    width: 100%;
    height: auto;
}

body.searchResults #secondaryColumn {
    float: right;
    width: 27%;
    margin-top: -40px;
}

body.searchResults #primaryColumn {
    width: 58%;
    padding: 5%;;
}

body.searchResults ul.paginationControls {
        padding-left: 0;
        margin-top: 12px;
}

body.searchResults ul#categoryTabs li.unselected a {
    border: none;
}

ul#searchResults.program li .infoWrapper {
   height: auto;
}

body.searchResults .paginationBottom {
    padding-left: 5%;
}

body.searchResults h2 {
    clear: both;
    font-size: 1.75em;
    line-height: 1.5rem;
    padding-top: 8px;
}

body.searchResults #sidebarCategories ul#categoryTabs li {
    width: 100%;
    padding: 7px 0;
    text-align: left;
    margin-bottom: 2px;
}

body.searchResults #sidebarCategories ul#categoryTabs li.selected {
    margin-top: 9px;
    margin-bottom: -5px;
    height: 46px;
}

body.searchResults ul#categoryTabs li.selected div.resultCount {
    padding-bottom: 0;
}

ul#searchResults.program li .infoWrapper, ul#searchResults li .listingInfoSingular {
    width: 100%;
}

body.searchResults #sidebarCategories ul#categoryTabs li.unselected a {
    color: #000000;
    display: block;
    background-color: #eeeeee;
    margin-bottom: 18px;

}

body.searchResults #sidebarCategories ul#categoryTabs li.unselected a:hover {
    background-color: var(--brand-blue);
}

body.searchResults ul#categoryTabs li.unselected a + div.resultCount {
    color: #000000;
    padding-left: 15px;
    margin-top: -50px;
    width: 0;
}

    #primary form#sortBy {
        display: none;
    }
    body.searchResults #sidebarCategories form#sortBy-mobile {
        display: block;
    }
    

body.searchResults ul#categoryTabs li.unselected a {
     padding: 10px 5px 0 15px;
}

body.searchResults ul#categoryTabs li.unselected a {
    margin-right: 0;
}
body.searchResults ul#categoryTabs li.unselected {
    padding-top: 7px;
    padding-bottom: 7px;
}

body.searchResults ul#categoryTabs li.selected div {
    padding: 5px 15px 0 15px;
}

body.searchResults ul#categoryTabs li.selected {
        border: none;
    }

body.searchResults #secondaryColumn.fixed {
    position: fixed;
    top: 40px;
    right: 20px;
}

body.searchResults #secondaryColumn.bottom {
    position: static;
    bottom: 400px;
    right: 20px;
}

.search-results .yui-skin-sam .yui-panel-container#facetBrowser_c, .gridview .yui-skin-sam #facetBrowser_c {
    left: 10% !important; /* override inline styles to center facet browser */
    top: 20% !important; /* override inline styles to center facet browser */
    width: 80% !important;
    position: fixed;
    z-index: 9999;
}

.yui-panel-container {
   /* top: 20% !important; */
}

ul#searchResults.program ul.explicitLinks {
    clear: both;
    float: none;
    margin-top: 0px;
    margin-left: 0;
}

ul#searchResults.program {
    padding-left: 0;
}

body.searchResults form#sortBy {
    float: none;
    padding-right: 0;
}

body.searchResults form#sortBy label {
    float: none;
    margin: 10px 5px 15px 0;
    position: relative;
    top: 2px;
    color: var(--brand-blue);
    font-size: 1.6em;
    font-weight: bold;
    display: block;
}


ul#searchResults {
    padding-left: 0;
}

ul#searchResults li .listingInfoSingular dl {
    font-size: 14px;
}

.listingInfoGroups {
    font-size: 14px;
}

ul#searchResults ul.explicitLinks li {
    margin-bottom: 40px;
 }

ul#searchResults li .infoWrapper {
    width: 100%;
}

ul#searchResults li .listingInfoGroups .columnLast, ul#searchResults li .listingInfoGroups .column {
    width: 50%;
}

body.searchResults #primaryColumn {
    width: 58%;
    padding: 5% 5% 5% 0;
    border-left: 0;
}



/*search result scores */

ul#searchResults li .thumb {
    width: 20%;
    float: left;
}

ul#searchResults li .infoWrapper {
    width: 75%;
    float: right;
}
/* search result images */

.highslide-thumbstrip-vertical div {
    display: none;
}

body.searchResults div#searchResults.gridView .row .thumb .resultCheckboxContainer,
body.searchResults #content.gridview ul.selectControls {
    display: none;
}

body.searchResults div#searchResults.gridView .row .thumb {
    margin-bottom: 24px;
}
body.searchResults #content.gridview #primaryColumn {
    border-left: none;
}

body.searchResults #content.gridview #resultCount {
    padding-left: 0;
}

body.searchResults #content.gridview #primaryColumn {
    width: 68%;
    padding: 5% 5% 0 0;
}

body.searchResults #content.gridview ul.selectControls {
    width: 100%;
}

body.searchResults div#searchResults.gridView .row {
    padding: 24px 0 0 0;
}

body.searchResults ul.paginationControls li {
    background-color: white;
    border: 1px solid #ccc;
}

body.searchResults div#searchResults.gridView .row .thumb .thumbMetadataFlyout {
    display: block;
    background: white;
    text-align:left;
    width: 100%;
}

/* highslide */

.highslide-caption {
    padding-top: 10px;
}

.highslide-caption .captionToggle {
    text-align: right;
    padding-right: 10px;
    font-size: .75em;
    color: #666666;
    }


.highslide-caption .captionToggle:before {
    width: 100%;
    cursor: pointer;
    content: url(/images/arrow_down_gray.png);
    position: relative;
    padding-right: 10px;
}

.highslide-caption.closed .captionToggle:before {
    width: 100%;
    cursor: pointer;
    content: url(/images/arrow_up_gray.png);
    position: relative;
    padding-right: 10px;
}


/* Document Metadata Page */

#content.artifact, #content.gridview {
    margin: 50px 5%;
    width: 90%;
}

body.artifact .overview {
    width: 100%;
}

.bothColumnsOuter {
    float: right;
    width: calc(100% - 210px);
}

.metaSpanPrinted {
     width: calc(100% - 210px);
}
body.artifact .overview .columnProgramLeft {
        width: 30%;
        padding-right: 5%;
}

body.artifact .overview .columnProgramRight {
        width: 60%;
        padding-right: 5%;
}

body.artifact .overview {
    padding: 20px 10px 20px 0;
}

body.artifact .overview .metaSpan {
   width: calc(100% - 190px);

}

#BRAudio .timingsandmetaBlock {
    width: 60%;
    margin-top: 20px;
    float: right;
}

#BRAudio .titleBlock {
    width: 30%;
    margin-right: 10%;
    }

#BRAudio .audioBlock {
    width: 60%;
}


}
/* SMALLER TABLET STYLES */

@media only screen and (max-width: 768px){

/*home and nav */

#mobilenav-toggle {
    display: block;
}

#globalnav-wrapper {
    background-color: #ffffff;
    height: auto;
}

#globalnav {
    display: none;
}

#logo-mobile {
    float: left;
    width: 320px;
    background-image: url(/images/digital-archives-lockup-mobile@2x.png);
    background-size: contain;
    height: 114px;
    background-repeat: no-repeat;
}

#hamburger {
    float: right;
    padding: 48px 16px 0;
}

#hamburger img {
    vertical-align: middle;
}

#mobile-links {
    display: none;
}

.mobile-link li a {
    display: block;
    width: 100%;
    font-weight: 500;
    color: #fff;
    font-size: 1.25em;
    background-color: black;
    padding: 0.815em 1.250em 0.815em 1.115em;
    border-bottom: 1px solid #000;
}

.secondary li a {
    font-size: 1em;
    color: #888888;
    text-indent: 3.5px;
}

#mobilenav-head {
    width: 100%;
}

#submenu {
    display: none;
}
.mobile-link li a.subnav:after {
    content: url(/images/mob-nav-closed.png);
    float: right;
    padding-right: 30px;
}

.mobile-link li a.subnavopen:after {
    content: url(/images/mob-nav-active.png);
    float: right;
    padding-right: 30px;
}


#submenu ul li a {
    text-transform: none;
    font-size: 1.125em;
    background-color: black;
    border: none;
    text-indent: 1em;
}

.mobile-link li a.subnavopen {
    background-color: black;
    border-bottom: 1px solid black;
}

div#subfooter.second {
    padding-bottom: 20px;
}

#search {
    margin: 20px 0 0 0
}

#searchform {
    padding: 0;
    margin-bottom: 30px;
}

#search-header, #search-body, #search .multiFilterChooser {
    width: 100%;
}

#search-dates-from input.text, #search-dates-to input.text {
    width: auto;
}


#performanceHistory {
    float: left;
}

#footer-wrapper-home {
    padding-top: 50px;
}

.carousel img {
    max-width: auto;
    min-width: 100%;
    vertical-align: top;
}

/* end home and nav */

/* search results */



body.searchResults form#sortBy label {
    display: block;
    width: 100%;
    color: var(--brand-blue);
    font-weight: bold;
    font-size: 1.6em;
    margin: 10px 0;
}

.static table.ph-table {
    text-align: center;
    width: 100% !important;
    margin-left: 0;
    border: 0;
    padding: 0;
    margin: 5px 0px 5px 0px;
}
.static table.ph-table td {
    vertical-align:top;
}

/* search results: images */

body.searchResults div#searchResults.gridView .row .thumb {
    width: 48%;
}

body.searchResults div#searchResults.gridView .row .thumb img {
    display: none;
    width: 100% !important;
    width: auto !important;
    height: 180px !important;

}

body.searchResults div#searchResults.gridView .row .thumb a {
    display: block;
    height: auto;
}

body.searchResults div#searchResults.gridView .row .thumb {
    width: 48%;
    height: auto;
    margin-bottom: 30px;
}


body.searchResults #content.gridview ul.selectControls {display: none;}

body.searchResults ul.paginationControls li span.current {background:var(--gray-background); color: var(--gray-80);}


/* about and static pages */
#sidebar {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
}

#sidebar img {
    display: none;
}

.static {
    width: 100%;
    float: none;
}

.static p {
    padding-right: 60px;
}

body.staticPage #content {
    margin-top: 60px;
}

.static.help, .static.about, .podcast .static {
    padding-top: 30px;
}

.dropdown-header {
    border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;
    padding: 8px 0;
}

.contentsList {
    display: none;
}


#sidebar h4 {
    display: block;
    margin-bottom: 12px;
    font-size: 14px;
    font-size: 1rem;
}

#sidebar.dropdown-open h4 {
    border-bottom: none;
}

#sidebar .contentsList {
     border-bottom: 1px solid #888888;
     margin-bottom: 20px;
}

h4.dropdown-header:after {
    content: url(/images/mob-nav-closed.png);
    float: right;
    padding-right: 10px;
}

#sidebar.dropdown-open h4.dropdown-header:after {
    content: url(/images/mob-nav-active-gray.png);
    float: right;
    padding-right: 10px;
}

/* Artifact Page */

body.artifact .overview .columnProgramRight, body.artifact .overview .columnProgramLeft {
    width: 80%;
}


body.artifact .overview {
    font-size: 1.25em;
    line-height: 1.5em;
}

body.artifact .overview .columnProgramRight, body.artifact .overview .columnProgramLeft {
    width: 100%;
}

.programLists .column.last {
    display: none;
}

body.artifact .overview ul {
    margin-left: 0;
}

body.artifact .overview .listTitle {
    color: #666666;
}

    .programLists .column.first, .programLists .column.last, .programLists .column {
        width: 100%;
        margin: 0;
    }

/* Highslide */

.highslide-controls {
    margin-left: 20px;
}

.highslide-html, .highslide-html div:first-child {
    width: 100% !important;
}

.highslide-html-content {
    padding: 0;
    float: left;
}
.highslide-wrapper {
    left: 20px !important;
    width: calc(100% - 40px) !important;
}

#oa-view, .highslide-body iframe  {
    width: 100% !important;
    }

.highslide-caption div.captionLeft {
    margin: 0;
    }


img#oa-image {
    width: 100% !important;
    }

.floating-caption .highslide-caption {
    margin-left: -20px;
    width: calc(100vw - 40px) !important;
    height: auto;
    bottom: 0;
    opacity: .95;
    position: fixed;
    padding-top: 10px;
    }



} /* end media query max width 768 */


/* Home carousel modifications */

@media screen and (max-width: 736px){

.carousel img {
    min-width: 120%;
}

h1.slider {
    font-size: 1.5em;
}
#slide-caption {
    width: 225px;
}


/* header on static pages */

body.staticPage #header-container {
    position: fixed;
    top: 0;
    z-index: 1;
}

body.staticPage #sidebar {
    top: 93px;
    position: fixed;
    background: white;
    padding-top: 30px;
    width: 90%;
    padding-right: 10%;
    opacity: .95;
}


.static h2 a.anchor {
    padding-top: 220px;
    margin-top: -220px; /* offsets anchor links for fixed header */
}

.static {
    padding-top: 100px;
}

.static.help, .static.about, .podcast .static {
    padding-top: 170px;
}

.exhibit .static, .dailydocument .static {
    padding-top: 200px;
}

body.staticPage #sidebar {
    top: 93px;
    position: fixed;
    background: white;
    padding-top: 30px;
    width: 90%;
    padding-right: 10%;
    opacity: .95;
    z-index: 1;
}

/* Book Reader AV modals */

#videoPlayer {
    left: 0 !important;
    }
.yui-skin-sam #BRVideo.yui-panel .bd {
    padding: 0 !important;
}

.yui-skin-sam #BRVideo.yui-panel .hd {
    color: #BDBCBC;
    font-size: 14px;
    padding-top: 20px;
    padding-right: 100px;
    text-align: left;
    line-height: 18px;
    padding-bottom: 30px;
}



} /* end max 736 media query */


@media screen and (orientation:landscape) and (max-width: 736px) {
#videoPlayer {
    max-width: 60vw;
    margin: 0 auto;
}


}






@media screen and (max-width: 600px){


/*highslide */

.highslide-caption .captionWrapper, .highslide-caption div.captionRight div {
    width: 100%;
    font-size: .8em !important;
    line-height: 20px;
    }

.highslide-caption div.captionRight div {
    font-size: .7em !important;
    line-height: 18px;

    }


.highslide-view-info {
    display: none;
    }

body.searchResults .highslide-controls {
    width: 100vw;
    height: 55px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0;
}

.highslide-controls li:last-child {
    padding-right: 20px;
    float: right;
}

/*home slider */

#content.home, .carousel img {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin-top: 0;
}

.carousel img {
    display: none;
}

.carousel img.mobile {
    display: block;
}

.carousel, .gallery-cell {
    height: 500px;
    display: flex;
    flex-direction: column;
}

.carousel img {
    order: 1;
}

#caption-container {
    order: 2;
    margin: 0;
}

#caption-container:before {
    content: '';
    position: absolute;
    background: #653279;
    -webkit-transform: skewY(-2.5deg);
    -moz-transform: skewY(-2.5deg);
    -ms-transform: skewY(-2.5deg);
    -o-transform: skewY(-2.5deg);
    transform: skewY(-2.5deg);
    width: 50%;
    height: 75px;
    top: 350px;
    right: 0;
    z-index: 10;
    -webkit-background-clip: content-box;
}

#slide-caption.right {
    margin: 30px 0 0 5% !important;
}

#slide-caption {
    width: 90%;
}

#slide-caption.black, #slide-caption.black a, #slide-caption.black h1, #slide-caption.black h2 {
    color: white;
}

.flickity-page-dots {
    bottom: 325px !important;
    width: 80% !important;
    left: 5%;
    float: left !important;
}

#column1.footcol, .footcol {
    width: 100%;
}

div#subfooter div#column1 img {
    width: 50%;
    max-width: 200px;
    display: block;
    float: none;
}

a.privacy {
    float: none;
    display: block;
    margin-top: 1em;
}

#column2.footcol {
    width: 100%;
}

div#subfooter {
    width: auto;
    padding: 20px 5% 50px 5%;
}

/*.home #footer-wrapper-home:after, .home #footer-wrapper-home:before {
    top: 860px;
}*/

div#subfooter div#column1 img {
    margin-left: 0;
}
.flickity-enabled.is-draggable .flickity-viewport {
    height: 500px !important;
}

/* home slider */

#twocol {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}


/* search results */



body.searchResults #secondaryColumn {
    position: relative;
    margin-top: 0px;
}


body.searchResults ul.paginationControls li a, body.searchResults ul.paginationControls li span.current {
    padding: 7px 10px;
}


body.searchResults #content.gridview #primaryColumn {
    width: 100%;
    padding: 5% 0 0 0;
}


body.searchResults #secondaryColumn {
    width: 100%;
    padding-left: 0;
    float: none;
}

body.searchResults #primaryColumn {
    width: 100%;
    padding: 0;
}

ul#searchResults li .infoWrapper {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 0px;
}

.search-results .yui-skin-sam .yui-panel-container#facetBrowser_c, .gridview .yui-skin-sam #facetBrowser_c {
    left: 0 !important;
    top: 0 !important;
    height: 100vh  !important;
    width: 100vw  !important;
    background-color: #FFFFFF;
   position: fixed;
   overflow-y: scroll;
}

.yui-skin-sam .yui-panel-container {
    top: 0 !important;

}


#search .controls {
    width: 100%;
    margin-top: 10px;
}

#search .multiFilterChooser .dateRange {
    width: 100%;
}

#search .multiFilterChooser .dateRange div {
    width: 50%;
}

#search .multiFilterChooser .dateRange input.date {
    width: 96%;
    margin: 0;
    padding: 0 2%;
}

body.searchResults h1 {
    font-weight: 400;
    font-size: 2.5em;
}


body.searchResults h2 {
    font-size: 1.125em;
    line-height: 1.25em;
}

ul#searchResults li .listingInfoGroups .column ul {
    width: auto;
}

body.searchResults #sidebarCategories ul#categoryTabs li.unselected {
    display: none;
}


body.searchResults #secondaryColumn h2:after {
    content: url(/images/darrowdown.gif);
    float: right;
    padding-right: 30px;
}

body.searchResults #secondaryColumn h2.sortheader:after {
    content: none;
}

body.searchResults #secondaryColumn .doctype {
  /* border-top: #aaaaaa 1px solid; */
  background-color: #eeeeee;
   padding: 10px 15px;
   margin: 10px 0 0 0;
}

body.searchResults #secondaryColumn #facets:after {
 content: url(/images/darrowdown.gif);
    float: right;
    padding-right: 30px;
}

body.searchResults ul#categoryTabs li div {
    display: inline;
}

body.searchResults #sidebarCategories ul#categoryTabs li.unselected a {
    display: inline;
    background-color: transparent;
}

body.searchResults #sidebarCategories ul#categoryTabs li.unselected {
   /* background: #eeeeee; */
}

body.searchResults ul#categoryTabs li.selected {
    background: none;
}
body.searchResults #sidebarCategories ul#categoryTabs li.selected {
    margin: 0;
    height: 30px;
    color: var(--brand-blue-ada);
    padding-top: 10px;
    padding-left: 20px;
    display:none;
}

body.searchResults #sidebarCategories ul#categoryTabs {
    font-size: 1.125em;
    background-color: #eeeeee;
}

ul#searchResults li .listingInfoGroups .columnLast, ul#searchResults li .listingInfoGroups .column {
    width: 100%;
    margin-bottom: 12px;
}

ul#searchResults li .listingInfoGroups .groupDescr, ul#searchResults li .listingInfoGroups .columnLast ul {
    width: 100%;
}
body.searchResults #secondaryColumn #facets {
    clear: both;
    padding: 10px 15px;
    clear: both;
    background: #eeeeee;
}

body.searchResults #secondaryColumn #facets.open {
    border-bottom: none;
}

#facetlinks {
    display: none;
    background: #eeeeee;
    margin-top: -15px;
    padding-bottom: 12px;
}

.facetHeader {
    padding-left: 20px;
    font-size: 1.6em;
    color: #000000;
    padding-bottom: 4px;
}

.facetHeader#npv\:ImageType_facet {
    padding-top: 10px;
    }

.facetHeader#npv\:PersonalNames_facet {
    padding-bottom: 10px;
    }


.yui-skin-sam .yui-dt-liner {
    font-size: 1.2em;
    line-height: 2em;
}

body.searchResults #secondaryColumn h2 {
    margin-bottom: 0;
}

body.searchResults ul#categoryTabs li.unselected a + div.resultCount {
    color: #000000;
    padding-left: 15px;
    margin-top: -50px;
    margin-left: 65%;
    width: 0;
    display: block;
}


body.searchResults ul#categoryTabs li.selected div.resultCount {
    color: var(--brand-blue);
    padding-left: 0;
    margin-top: -15px;
    margin-left: 63%;
    width: 0;
    display: block;
    font-weight: bold;
}

body.searchResults ul#categoryTabs li.unselected a {
    padding: 0;
    margin: 0;
}

body.searchResults #sidebarCategories ul#categoryTabs li.unselected a {
    display: block;
    padding-left: 35px;
    padding-top: 10px;
    height: 35px;
}

body.searchResults #sidebarCategories ul#categoryTabs li {
    padding: 0;
    margin: 2px 0;
    height: 40px;
    color: #666666;
}

body.searchResults form#sortBy {
    display: none;
}

/* Artifact Page */


body.artifact .overview .thumb a {
    color: initial;
}

body.artifact .overview .thumb p {
    text-align: left !important;
}

body.artifact .overview .thumb img {
    display: none;
}

body.artifact .overview .thumb {
    float: none;
    margin: 0;
}

.bothColumnsOuter, body.artifact .overview .metaSpan {
    width: 100%;
}

body.artifact #title h1 {
    width: 80%;
    font-size: 1.5em;
    line-height: 1.125em;
}

body.artifact .overview .thumb p {
    padding: 5px 0 15px 45px;
    background-image: url(/images/book_icon_red_2x.png);
    background-size: 32px;
    background-repeat: no-repeat;
}
.programLists .column {
    width: 90%;
}

.notesInfo, .citation {
    margin-left: 0px;
}


/* Performance History */
#performanceHistory {
    display: none;
}



#search-header .byline {
    display: none;
}


/* static pages */

body.staticPage #content {
    margin-top: 50px;
}

.podcast .static  iframe {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.static iframe {
    width: 370px;
    height: 208px;
}

.static p {
    padding-right: 20px;
}

.static .indented {
    padding-left: 0;
}

td.term {
    width: 120px;
}

body.searchResults form#sortBy select {
    float: left;
    margin-right: 5px;
    position: relative;
    top: 2px;
    width: 120px;
    background: #eeeeee;
}

    body.searchResults #sidebarCategories form#sortBy-mobile {
        display: none;
    }
    
    #facetlinks input[type=checkbox], h3.listen {
        margin-left: 10px;
    }
    
    
/* Book Reader AV modals */

#videoPlayer {
    left: 0 !important;
    }
.yui-skin-sam #BRVideo.yui-panel .bd {
    padding: 0 !important;
}

#BRAudio .titleBlock {
    width: 100%;
    margin-right: 0%;
}

#BRAudio .audioBlock {
    width: 100%;
}

#BRAudio .timingsandmetaBlock {
    width: 100%;
}

#BRAudio .mejs__container {
    width: 350px !important;
    }

#BRAudio .jumpLinks  {
  width: 100%;
}

#BRAudio #maxminArrow {
    display: block;
    float: right;
    font-size: 1rem;
    padding: 5px 0;
}


#BRAudio.minimized {
        margin-top: -5px;
    }


}



/* iphone 6/7/8 plus portrait and smaller */
@media screen and (max-width: 414px){
body.searchResults div#searchResults.gridView .row .thumb img {
    display: none;
    width: 100% !important;
    width: auto !important;
    height: 140px !important;
}
}


/* iphone 6/7/8 plus portrait and smaller */
@media screen and (max-width: 375px){
body.searchResults div#searchResults.gridView .row .thumb img {
    display: none;
    width: 100% !important;
    width: auto !important;
    height: 130px !important;
}
}


@media screen and (max-width: 360px){
body.searchResults div#searchResults.gridView .row .thumb img {
    display: none;
    width: 100% !important;
    height: auto !important;
}


body.searchResults div#searchResults.gridView .row .thumb {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

}