/* Single Widget Styles */
.squareWidget {
   width:199px;
   height:139px;
   border:8px solid #e9e9e9;
   overflow:hidden;
   position:relative;
}
.squareWidget .dualWidgetLink {
   position:absolute;
   width:97px;
   height:139px;
}
.squareWidget .dualWidgetLink.watchVideos {
   border-right:4px solid #fff;
}
.squareWidget .dualWidgetLink.viewGallery {
   right:0;
   border-left:4px solid #fff;
}
.squareWidget img {
   position:absolute;
}
.squareWidget .sqrWidgetTxt {
   display:block;
   position:absolute;
   z-index:1;
   bottom:2px;
   left:10px;
   width:120px;
   height:40px;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   font-size:18px;
   color:#363434;
}
.calloutWidget {
   background: #e9e9e9;
   width: 195px;
   height: 50px;
   padding: 5px 10px;
   font-size: 24px;
   color: #78A02E;
}
.calloutInner .calloutArrow,
.calloutInner .calloutDetails {
   text-align:right;
}
.calloutInner .calloutDetails {
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   margin-top:5px;
}
.calloutInner .calloutDetails .calloutTitle {
   color:#78a02e;
   font-size:22px;
   line-height:22px;
   text-align:right;
}
.calloutInner .calloutDetails .calloutTitle img {
   vertical-align: baseline;
}
.calloutInner .calloutDetails .calloutTxt {
   color:#000;
   font-size:11px;
   line-height:1.35em;
   white-space:nowrap; /* For iPad - DP */
}
.rectangleWidget {
   width:199px;
   height:91px;
   background:#f4f4f4;
   border:8px solid #e9e9e9;
   overflow:hidden;
}

/* Subpage Navigation / Breadcrumbs Widget */

.subpageNavWrapper,
.detailHeader {
   position:relative;
   border:8px solid #e9e9e9;
   width:944px;
   height:262px;
   overflow:hidden;
   background-color:#aaa; /* In case bg image is missing or not added yet */
}
.subpageNavWrapper.upcomingExhibitions {
   background: url('../theme_images/subpagenavwidget/upcomingexhibitions.jpg') 0 0 no-repeat;
}
.subpageNavWrapper.hoursAdmissionLocation {
   background: url('../theme_images/subpagenavwidget/hours-admission-location.jpg') 0 0 no-repeat;
}
.subpageNavWrapper.education {
   background: url('../theme_images/subpagenavwidget/educators.jpg') 0 0 no-repeat;
}
.subpageNavWrapper .subpageNav {
   position:relative;
   width:270px;
   background: url('../theme_images/subpagenavwidget/slidingmask.png') 246px -283px no-repeat;
   z-index:+2;
}
.subpageNav {
   border-top: 2px solid white;
}
.subpageNav a {
   position: relative;
   display: block;
   width: 226px;
   border-top: 1px dotted #666;
   border-left: 20px solid #fff;
   background-color: #fff;
   text-align: right;
   text-decoration: none;
   color: #666;
   font: 16px Arial, "Helvetica Neue", Helvetica, sans-serif;
   height: 19px;
   padding:4px 0 5px 0;
}

.subpageNav a:first-child {
   border-top:none;
}
.subpageNav a.active {
    color: #78A02E;
}
.subpageNav a:hover {
   color:#111;
}
.subpageNav a.active:hover {
    color: #78A02E;
}
.subpageMask {
   background: #fff;
   opacity: 0.7;
}
.subpageMask {
   width: 270px;
   height: 100%;
}
.detailCaption {
   position:relative;
   width:263px;
   height:100%;
}
.detailCaption img.detailCaptionTxt {
   position:absolute;
   top: 40px;
   right: 25px;
}
.detailHeader.exhibitionDetails {
   background: url('../theme_images/detailwidget/exhibition-details-img.jpg') right 0 no-repeat #fff;
}
.detailHeader.circleDetails {
   background: url('../theme_images/detailwidget/circles-details-img.jpg') right 0 no-repeat #fff;
}
/* Moved from SectionNavigationWidget.tpl - DP */
.subpageNavWrapper .sectionTitle {
   float:right;
   color:white;
   font-size: 40px;
   font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
   text-shadow: 2px 2px #666;
   margin-top: 15px;
   margin-right: 30px;
}
/* Buy Tickets Online */

.buyTickets {}
.buyTickets a {
   color:#77a02e;
   font-size:12px;
   font-weight:bold;
   padding-left:10px;
}
.buyTickets a:hover {
   color:#696c66;
}
.buyTickets img {
   vertical-align:middle;
}

/* Overview Widget */

#overviewWidget .overviewBlock {
   margin:20px 0;
}
#overviewWidget .overviewTxt {
   float:left;
   font-size:12px;
   color:#666;
   width:640px;
   line-height:20px;
}
#overviewWidget .overviewTxt.wide {
   width:100%;
}
.overviewTxt span.overviewHighlight {
   color:#000;
}
#overviewWidget .overviewTxt a {
   text-decoration:none;
   color:#77a02e;
}
#overviewWidget .overviewTxt p {
   margin:0;
}
#overviewWidget .overviewTxt p:first-child {
   margin-bottom:20px;
}
#overviewWidget .overviewImg {
   float:right;
   width:255px;
   height:98px;
   overflow:hidden;
   border:8px solid #e9e9e9;
}

/* Breadcrumbs Widget */

#breadcrumb {
  width: 100%;
  position: relative;
  padding: 0 0 6px 0;
}
ul.crumbs {
   margin: 0;
   display: block;
   list-style-type: none;
   padding: 0;
}
.crumbs li {  
   display: inline;
}
.crumbs li.last a:link {
   text-align:left;
   background:transparent;
   color:#666;
}
#breadcrumb .crumbs li.last a {
   width:389px; /* Makes last breadcrumb span rest of the page's width - DP */
   white-space:nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.crumbs li a,
.crumbs li a:link,
.crumbs li a:visited {
   color: #77a02e;
   display: block;
   float: left;
   font: 15px Arial, "Helvetica Neue", Helvetica, sans-serif;
   margin-left: -13px;
   padding: 10px 30px 8px 25px;
   position: relative;
   text-decoration: none;
   width:215px;
   text-align:right;

}
.crumbs li.first a {
   margin-left: 0px;
}
.crumbs li a {
   background-image: url('../theme_images/crumbwidget/bg-crumbs.png');
   background-repeat: no-repeat;
   background-position: 100% 0;
   position: relative;
}
/*.crumbs li a:hover,*/
.crumbs li.first a {
   color: #fff;
   background-position: 100% -37px;
   cursor: pointer;
}
.crumbs li a:active {
   color: #fff;
   background-position: 100% -37px;
}

.breadcrumbrapper {
   position:relative;
   border:8px solid #e9e9e9;
   width:944px;
   height:262px;
   overflow:hidden;
   /*background-color:#fff; */
   background-color:#e9e9e9; 
}
.breadcrumbrapper .sectionTitle {
   float:right;
   margin-top: 30px;
   margin-right: 30px;
}
.breadcrumbrapper .sectionImage {
   display: block;
   float: left;
}
.breadcrumbrapper .sectionImage img:first-child {
   margin-left:0;
}
.breadcrumbrapper .sectionImage {
   /*margin-left:-8px; - Made right side have 16px border - DP*/
   margin-left:0; /* Now border is 8px which is correct - DP */
}
.sectionTitle .exhibitionName,
.sectionTitle .exhibitionTxt {
   float:right;
}
.sectionTitle .exhibitionName {}
.sectionTitle .exhibitionTxt {
   margin-top:30px;
}
.bc {
   display: block;
   width: 262px;
}
.breadcrumbrapper .leftsidebar {
   background: #fff;
   width: 262px;
   height: 100%;
   display: block;
   float: left;
}

/* Ajax Preloaders */

.smallSpinner {
   background:url('/theme_images/ajax-loader-small.gif') no-repeat center center #dedede;
   width:100px;
   height:100px;
   opacity:0.5;
   -khtml-opacity:.50;
   -moz-opacity:.50;
   -ms-filter:alpha(opacity=50);
   filter:alpha(opacity=50);
}
.largeSpinner {
   background:url('/theme_images/ajax-loader-large.gif') no-repeat center center #dedede;
   width:100px;
   height:100px;
   opacity:0.5;
   -khtml-opacity:.50;
   -moz-opacity:.50;
   -ms-filter:alpha(opacity=50);
   filter:alpha(opacity=50);
}
.xlargeSpinner {
   background:url('/theme_images/ajax-loader-xlarge.gif') no-repeat center center #dedede;
   width:500px;
   height:500px;
   opacity:0.5;
   -khtml-opacity:.50;
   -moz-opacity:.50;
   -ms-filter:alpha(opacity=50);
   filter:alpha(opacity=50);
}

/* -- Start Gallery Widget -- */
a.hasFlyout {
   display: block;  
   outline: none;
}
#flyoutImagePopup {
   position: absolute;
   top: 0;
   left: 20px;
   min-width: 100px;
   min-height: 100px;
   border: 3px solid #dadada;
   padding: 10px 10px 5px 10px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   background: #fff;
   z-index: 20;
   -moz-box-shadow: 0px 0px 6px 1px #777;
   -webkit-box-shadow: 0px 0px 6px 1px #777;
   box-shadow: 0px 0px 6px 1px #777;
   display: none;
}

#flyoutImagePopup table.imgTable
{
   caption-side:bottom;
}

#flyoutImagePopup span.close {
   float: right;
   cursor: pointer;
   color: #78a02e;
}
#flyoutImagePopup .imagePopupPointer {
   position: absolute;
   width: 20px;
   height: 23px;
   left: -20px;
   top: 40px;
   z-index: 21;
   background-image: url('/theme_images/gallerywidget/popup-pointer-right.png');
}
/* -- End Gallery Widget -- */

.legendcontainer {
   margin-top: -5px;
   margin-bottom: -10px;
}
.legendcontainer .legenditem {
   padding-left: 21px;
   font-size: 13px;
   line-height: 15px;
   height: 20px;
}
.legendcontainer .legenditem img {
   height: 15px;
   vertical-align: top;
   padding-right: 2px;
}

/* -- Start Video Widget -- */

#videoWidget {}
#videoWidget .videoNowPlaying h2.videoNowPlayingTitle {
   margin:0;
   border:none;
   color:#fff;
   font-size:20px;
   background:#77a02e;
   padding:4px 12px;
}
#videoWidget h2.videoHeading {
   margin-top:0;
   margin-bottom:1.2em;
}
#videoWidget .nowPlayingContainer .content.boxed {
   padding:0;
}
#videoWidget .nowPlayingContainer .videoNowPlaying {
   float:left;
   width:582px;
   height:376px;
   border-right:8px solid #e9e9e9;
   background:#cfcfcf;
}
#videoWidget .nowPlayingContainer .mainVideoDescription {
   float:left;
   width:332px;
   height:354px;
   padding:11px;
}
#videoWidget .nowPlayingContainer .mainVideoDescription h2.videoTitle {
   margin:0;
   color:#77a02e;
   font-size:24px;
}

#videoWidget .videoPlaylistContainer {
   margin-top: 12px;
}
#videoWidget .videoPlaylistContainer .playlistPagi {
   background:#666;
   height:30px;
   margin-bottom:12px;
}
#videoWidget .videoPlaylistContainer .playlistPagi .playlistTitle {
   float:left;
   color:#fff;
   font-size:12px;
   margin-top:6px;
   margin-left:16px;
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi {
   float:right;
   width:126px;
   line-height:14px;
   margin-top:8px;
   margin-right:24px;
   color:#fff;
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .plBtn,
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .currentPage {
   float:left;
   height:14px;
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .plBtn.gotoStart {
   width:12px;
   background:url('/theme_images/videoswidget/goto-start-btn.png');
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .plBtn.gotoStart:hover {
   background:url('/theme_images/videoswidget/goto-start-btn-hover.png');
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .plBtn.gotoEnd {
   width:12px;
   background:url('/theme_images/videoswidget/goto-end-btn.png');
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .plBtn.gotoEnd:hover {
   background:url('/theme_images/videoswidget/goto-end-btn-hover.png');
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .plBtn.previous {
   width:10px;
   margin-left:10px;
   background:url('/theme_images/videoswidget/previous-btn.png');
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .plBtn.previous:hover {
   background:url('/theme_images/videoswidget/previous-btn-hover.png');
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .plBtn.next {
   width:10px;
   margin-right:10px;
   background:url('/theme_images/videoswidget/next-btn.png');
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .plBtn.next:hover {
   background:url('/theme_images/videoswidget/next-btn-hover.png');
}
#videoWidget .videoPlaylistContainer .playlistPagi .pagi .currentPage {
   font-size:12px;
   width:62px;
   text-align:center;
}

#videoWidget .videoPlaylistContainer .playlistVideos {}
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo {
   float:left;
   margin-left:15px;
   width:120px;
   min-height:220px;
}
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo:hover {
   cursor:pointer;
}
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo .plThumbnail {
   display:inline-block;
   width:120px;
   max-height:120px;
   overflow:hidden;
   background:#cfcfcf;
   margin-bottom:20px;
   border:2px solid transparent;
}
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo a.plPlayLink {
   font-weight:bold;
   color:#555;
}
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo:hover a.plPlayLink,
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo a.plPlayLink:hover,
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo a.plPlayLink.active {
   color:#77a02e;
}
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo a.plPlayLink .plPlayIcon {
   display:inline-block;
   width:7px;
   height:12px;
   margin-left:4px;
   vertical-align:middle;
   background:url('/theme_images/videoswidget/play-icon-sprite.png') 0 0 no-repeat transparent;
}
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo:hover a.plPlayLink .plPlayIcon,
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo a.plPlayLink:hover .plPlayIcon,
#videoWidget .videoPlaylistContainer .playlistVideos .plVideo a.plPlayLink.active .plPlayIcon {
   background-position:0 -12px;
}

#videoWidget .videoTerminator {
   clear:both;
}