/*
 * js-tabs widget
 * Use a DL > DT+DD setup where the tabset uses a static title in addition to the tab links
 * For 'naked' tabs w/o header text, use UL > LI
 */

.js-tabs {
  margin-bottom: 17px;
  border-top: 3px solid #fec527;
  padding-top: 6px;
}
.front .js-tabs {
  border-top: 3px solid #FEC527;
  margin-top: 17px;
  padding-top: 6px;
}
.tab-links {
  font-size: 16px;
  line-height: 18px;
  height: 18px;
  padding: 2px 0 8px 0;
  margin-left:0;
  margin-bottom: 6px;
  border-bottom: 1px dotted #B9BEC5;
}

.tab-links:after {
  content:"\0020";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
}

.tab-links li,
.tab-links dt,
.tab-links dd {
  display: block;
  float:left;
  border-left: 2px solid #fec527;
  padding-left: 12px;
  margin-left: 12px;
  text-align: center;
  font-size: 16px;
  line-height: 18px;
  height: 18px;
}

.tab-links a {
  display: block;
  font-size: 16px;
  line-height: 18px;
  height: 18px;
  outline:none;
}

.tab-links dt {
  text-transform: none;
  font-weight: bold;
  color: #00447a;
  border-left: none;
  margin: 0 0 0 0;
  padding: 0 12px 0 0;
}

.tab-links .first {
  border-left: none;
  padding-left: 0;
  margin-left:0;
}

.tab-links .last {
  border-right: none;
  padding-right: 0;
  margin-right:0;
}

.tab-links a.active {
  font-weight: bold;
  color: #00447a;
}


.js-tabs .block-title,
.hot-titles .block-title,
.new-spanish-titles .block-title { display:none; }




/*
 * HOT TITLES widget
 */

.hot-titles {
  margin-bottom: 17px;
 border-top: 3px solid #fec527; 
  padding-top: 6px;
}

.hot-titles .tab-links {
  border-bottom: 0;
}


.hot-titles .view-content {
  overflow:hidden;
  position:relative;
  height: 148px;
  width: 100%;
}


.hot-titles .scroller {
  margin:0;
  padding: 0;
  height: 148px;
}

.hot-titles .scroller:after { clear: both; }

.hot-titles .scroller li {
  margin:0 6px;
  padding:0 2px 0 0;
  list-style-type:none;
  float:left;
  height:148px;
  background:url(img/scroller-item-background.png) no-repeat right center;
  position:relative;
/*
 filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -ms-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  transition: opacity .25s linear;
*/
}

.hot-titles .scroller li .field-name-field-item-image {
  padding:2px 0 2px 2px;
  height:144px;
  background:url(img/scroller-item-background.png) no-repeat left center;
}

.hot-titles .scroller li .field-name-field-item-image a,
.hot-titles .scroller li .field-name-field-item-image img { display:block; }

.hot-titles .scroller li:hover,
.hot-titles .scroller li.hover {
/*
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
*/
}

.hot-titles .view { position:relative; }

.scroller-wrapper .caroufredsel_wrapper { z-index:1; }

.hot-titles .prev-page,
.hot-titles .next-page {
  position:absolute;
  top:50%;
  margin-top:-20px;
  z-index:999;
  display:block;
  width:40px;
  height:40px;
  outline:none;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.hot-titles .prev-page {
  background:url(img/scroller-prev.png);
  left:-15px;
}

.hot-titles .next-page {
  background:url(img/scroller-next.png);
  right:-15px;
}

.hot-titles .prev-page:hover,
.hot-titles .next-page:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}



/*
 * NEW SPANISH TITLES widget
 */

.new-spanish-titles {
  margin-bottom: 17px;
  border-top: 3px solid #fec527;
  padding-top: 6px;
}

.new-spanish-titles .tab-links {
  border-bottom: 0;
}


.new-spanish-titles .view-content {
  overflow:hidden;
  position:relative;
  height: 148px;
  width: 100%;
}


.new-spanish-titles .scroller {
  margin:0;
  padding: 0;
  height: 148px;
}

.new-spanish-titles .scroller:after { clear: both; }

.new-spanish-titles .scroller li {
  margin:0 6px;
  padding:0 2px 0 0;
  list-style-type:none;
  float:left;
  height:148px;
  background:url(img/scroller-item-background.png) no-repeat right center;
  position:relative;
/*
 filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -webkit-transition: opacity .25s linear;
  -moz-transition: opacity .25s linear;
  -ms-transition: opacity .25s linear;
  -o-transition: opacity .25s linear;
  transition: opacity .25s linear;
*/
}

.new-spanish-titles .scroller li .field-name-field-item-image {
  padding:2px 0 2px 2px;
  height:144px;
  background:url(img/scroller-item-background.png) no-repeat left center;
}

.new-spanish-titles .scroller li .field-name-field-item-image a,
.new-spanish-titles .scroller li .field-name-field-item-image img { display:block; }

.new-spanish-titles .scroller li:hover,
.new-spanish-titles .scroller li.hover {
/*
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
*/
}

.new-spanish-titles .view { position:relative; }

.scroller-wrapper .caroufredsel_wrapper { z-index:1; }

.new-spanish-titles .prev-page,
.new-spanish-titles .next-page {
  position:absolute;
  top:50%;
  margin-top:-20px;
  z-index:999;
  display:block;
  width:40px;
  height:40px;
  outline:none;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: opacity .15s linear;
  -moz-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.new-spanish-titles .prev-page {
  background:url(img/scroller-prev.png);
  left:-15px;
}

.new-spanish-titles .next-page {
  background:url(img/scroller-next.png);
  right:-15px;
}

.new-spanish-titles .prev-page:hover,
.new-spanish-titles .next-page:hover {
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}



/* Fancybox Expand image */
a.fancybox img {
	z-index: 1;
	position: relative;
}
a.fancybox span,
a.nofancybox span {
	z-index: 2;
	position: absolute;
}
.node-type-exhibit .whats-on-exhibit-featured-image a.fancybox {
	display: block;
	width: 470px;
  position: relative;
}
.node-type-exhibit a.fancybox span {
	right: 10px;
	bottom: 10px;
}
.page-collection a.fancybox,
.page-collection a.nofancybox {
	display: block;
	width: 716px;
}
/* need to keep position abs. for image centering */
.page-collection a.fancybox img,
.page-collection a.nofancybox img {
	z-index: 1;
	position: absolute;
}
.page-collection a.fancybox span,
.page-collection a.nofancybox span {
	right: 10px;
	top: 10px;
}




/* EXHIBIT DETAILS: IMAGE SLIDER */
.view-display-id-exhibition_highlights {
  margin-bottom: 20px;
}
.view-display-id-exhibition_highlights .scroller-thumbs-wrapper {
  height: 150px;
  width: 220px;
  padding: 0 0;
  position: relative;
  overflow: hidden;
  background: #fff;
}

.view-display-id-exhibition_highlights .scroller-thumbs {
  margin:0;
  padding: 0;
  height: 150px;
  background: transparent;
}

/* base style for sets with only 1 image! */
.view-display-id-exhibition_highlights .scroller-thumb {
  list-style: none;
  float: none;
  width: 140px;
  height: 140px;
  padding:0 5px 10px 5px;
  margin: 0 auto;
}

/* bx-wrapper only applied if there is a legit set of thumbs (2+) */
.view-display-id-exhibition_highlights .bx-wrapper {
  left: -115px;
}

.view-display-id-exhibition_highlights .bx-wrapper .scroller-thumb {
  float: left;
  margin: 0;
}
.view-display-id-exhibition_highlights .view-footer {
  width: 220px;
  height: 30px;
  position: relative;
  background: #00457D url(img/exhibits--slider-sprite.png) no-repeat 0 0;
}
.view-display-id-exhibition_highlights p {
  line-height: 30px;
  height: 30px;
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.view-display-id-exhibition_highlights .bx-prev,
.view-display-id-exhibition_highlights .bx-next
 {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  overflow: hidden;
  text-indent: -999em;
  background: url(img/exhibits--slider-sprite.png) no-repeat;
}
.view-display-id-exhibition_highlights .bx-prev {
  left: 5px;
  background-position: -0px -51px;
}
.view-display-id-exhibition_highlights .bx-next {
  right: 5px;red;
  background-position: -82px -51px;
}
.view-display-id-exhibition_highlights .bx-prev:hover {
  background-position: -41px -51px;
}
.view-display-id-exhibition_highlights .bx-next:hover {
  background-position: -123px -51px;
}

div.closure-alert {
    width: 1172px;
    margin: 0;
    padding: 0;
}

.closure-alert p {
	margin-top: 17px;
	margin-bottom: 12px;
    margin-left: 10px;
    margin-right: 10px;
}

div.closure-alert-2 {
    border-style: solid;
    border-width: 2px;
    border-color: red;
    margin: 0;
    padding: 0;
}

.closure-alert-2 p {
	margin-top: 17px;
	margin-bottom: 12px;
}



audio { width: 200px; }