/*
*************************************************

United States Holocaust Memorial Museum
Enhanced Screen Styles

Created by the friendly folks at Happy Cog
http://www.happycog.com/

*************************************************
*/

.social-tab:after, .social-footer div.has-scroll:after, .social-yt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }

.popped { display: none; }

.print { display: block; }

/*-------------------------------------------
   Login Functionality
-------------------------------------------*/
.login-link .drop-link { background: transparent url(/a/screen/login-arrows.png) no-repeat right 18px; padding: 15px 40px 15px 15px; position: relative; z-index: 101; }
.login-link .pop-open { background-color: #fff; color: #699ad6 !important; background-position: right -476px; }

.login-link { position: relative; }
	.login-link form { margin: 0; }
	.login-link .popped { z-index: 100; position: absolute; right: 0; top: 1.8em; background: #fff; width: 275px; padding: 25px 10px 10px; 
		-webkit-box-shadow: -1px 2px 2px 1px #e9e9e9;
-moz-box-shadow: -1px 2px 2px 1px #e9e9e9;
box-shadow: -1px 2px 2px 1px #e9e9e9;
	}
	.login-link .gamma { color: #111; margin: 0 0 5px; }
	.login-link p, .login-link div { padding: 0 15px; }
	.login-link .login-submit { background: #e9e9e9; padding: 10px 15px; margin: 0; }
	.login-link input[type="text"] { width: 90%; min-height: 2em; }
	.login-link .inline { padding: 5px 0 0; margin: 0 0 20px; }
		.login-link .inline li { margin: 0 0 5px; float: none; }
			.login-link .inline label { font: normal 13px Arial, sans-serif; color: #666; }
			.login-link input[type="password"] { width: 80%; margin: 5px 0 0 20px; min-height: 2em; }
			.login-submit a { float: right; position: relative; top: 3px; font: italic 11px Arial, sans-serif; text-transform: none; text-decoration: underline; }
			.login-submit a:hover, .login-submit a:focus { color: #4f6d91; }


/*-------------------------------------------
    Home Navigation
-------------------------------------------*/
.engaged li { display: none; }
.engaged .active { display: block; }


.open-nav { display: block; position: absolute; right: 0; top: 15px; width: 52px; height: 21px; text-indent: -9999px; background: transparent url(/a/screen/arrow-home-nav.png) no-repeat right 0; }
		.open-nav:hover, .open-nav:focus { background-position: right -521px; }

.active .open-nav { background: transparent url(/a/screen/arrow-back.png) no-repeat right 0; }
		.active .open-nav:hover, .active .open-nav:focus { background-position: right -432px; }

.active .nav-detail { display: block; }
.home-nav li.active { border: none; }
.home-nav li ul { margin-bottom: 1em; }
	.home-nav li li { display: list-item; list-style-type: disc; list-style-position: outside; border: none; color: #afaca6; line-height: 1; padding: 0; margin-bottom: 3px; }
		.home-nav .nav-detail img { margin-top: 20px; display: block; }
		.home-nav li li a, .home-nav .nav-more { text-decoration: none; color: #699ad6; font: bold 12px Arial, sans-serif; background: none; line-height: 1; }
		.home-nav .nav-detail p { margin-bottom: 1em; }
		.home-nav .nav-more { text-transform: uppercase; font-size: 11px; }
		.home-nav li li a:hover, .home-nav li li a:focus { color: #fff; }
		.home-nav .nav-more:focus, .home-nav .nav-more:hover { color: #fff; }


/*-------------------------------------------
   Home Carousel
-------------------------------------------*/
.home-carousel .bx-window { min-height: 554px; }
.home-carousel .vertical .bx-window { height: 554px !important; }

.home-carousel li { width: 646px; }

.home-carousel .vertical img { margin-bottom: 0; }

.horizontal .home-caption { padding: 0 120px 0 0; }
.vertical .home-caption { position: absolute; right: 0; top: 33px; width: 250px; padding: 0; }

.bx-controls .disabled { display: none; }

.home-hero { position: relative; }

.bx-prev, .bx-next { outline:none; }
.home-hero a.bx-prev, .home-hero a.bx-next { display: block; text-indent: -9999px; background: transparent url(/a/screen/arrow-slideshow-left.png) no-repeat 0 0; width: 35px; height: 36px; z-index: 1000; margin-left: 8px; position: absolute; left: 387px; bottom: 70px; }
.home-hero .horizontal a.bx-prev, .home-hero .horizontal a.bx-next { top: 443px; left: auto; right: 43px; }
.home-hero a.bx-prev:hover, .home-hero a.bx-prev:focus { background-position: 0 -36px; }
.home-hero a.bx-next { background-image: url(/a/screen/arrow-slideshow-right.png); background-position: right 0; left: 430px; }
.home-hero .horizontal a.bx-next { left: auto; right: 0;  }
.home-hero a.bx-next:hover, .home-hero a.bx-next:focus { background-position: right -36px; }

/*.landing-slideshow-wrap a.bx-prev, .landing-slideshow-wrap a.bx-next { display: block; text-indent: -9999px; background: transparent url(/a/screen/arrow-slideshow-left.png) no-repeat 0 0; width: 35px; height: 36px; z-index: 1000; margin-left: 8px; position: absolute; left: 387px; bottom: 70px; }*/
.landing-slideshow-wrap a.bx-prev, .landing-slideshow-wrap a.bx-next { display: block; text-indent: -9999px; background: transparent url(/a/screen/arrow-slideshow-left.png) no-repeat 0 0; width: 35px; height: 36px; z-index: 1000; float: right; position: relative;margin-bottom:20px;right:302px;}
.landing-slideshow-wrap .horizontal a.bx-prev, .landing-slideshow-wrap .horizontal a.bx-next { top: 443px; left: auto; right: 43px; }
.landing-slideshow-wrap a.bx-prev:hover, .landing-slideshow-wrap a.bx-prev:focus { background-position: 0 -36px; }
/*.landing-slideshow-wrap a.bx-next { background-image: url(/a/screen/arrow-slideshow-right.png); background-position: right 0; left: 430px; }*/
.landing-slideshow-wrap a.bx-next { background-image: url(/a/screen/arrow-slideshow-right.png); background-position: right 0; margin-right: -79px; }
.landing-slideshow-wrap .horizontal a.bx-next { left: auto; right: 0;  }
.landing-slideshow-wrap a.bx-next:hover, .landing-slideshow-wrap a.bx-next:focus { background-position: right -36px; }

.story-browser-wrap a.bx-prev, .story-browser-wrap a.bx-next { display: block; text-indent: -9999px; background: transparent url(/a/screen/arrow-slideshow-left.png) no-repeat 0 0; width: 35px; height: 36px; z-index: 1000; float: right; position: relative; margin-bottom: 20px; right: 666px; }
.story-browser-wrap a.bx-prev:hover, .story-browser-wrap a.bx-prev:focus { background-position: 0 -36px; }
.story-browser-wrap a.bx-next { background-image: url(/a/screen/arrow-slideshow-right.png); background-position: right 0; margin-right: -79px; }
.story-browser-wrap a.bx-next:hover, .story-browser-wrap a.bx-next:focus { background-position: right -36px; }


.img-hover-wrap { position: relative; width: 367px; position: relative; }
.horizontal .img-hover-wrap { width: 646px; }
.hovered .img-hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.55);
}
.img-hover { display: block; }

.browse-related { position: absolute; right: 10px; top: 10px; width: 200px; display: none; padding: 2px 4px 4px; }
.hovered .browse-related { display: block; }

	.browse-open { display: block; width: 27px; height: 30px; background: transparent url(/a/screen/bg-browse-more.png) no-repeat right 3px; padding: 7px 44px 0 0; padding: 6px 0 0; color: #fff; text-decoration: none; text-transform: uppercase; font: normal 400 16px 'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', Helvetica, sans-serif; text-indent: -9999px; float: right; }
	.browse-open:hover, .browse-open:focus { background-position: right -122px; }
	
.browse-opened .browse-related { background-color: #000; }
	.browse-opened .browse-open { text-indent: 0; width: 195px; background-color: #000; background-position: right -246px; }
	.browse-opened .browse-open:hover, .browse-opened .browse-open:focus { background-position: right -371px; }
	
	.browse-related ul { display: none; clear: both; }
	.browse-opened .browse-related ul { display: block; }
		.browse-related li { list-style: none; width: 100%; margin-bottom: 2px; }
		.browse-related li.all {  color: #fff; font-family: Arial, sans-serif; }
			.browse-related li a { display: block; padding: 5px; background: #212120; color: #fff; text-decoration: none; font: 11px Arial, sans-serif; }
			.browse-related li.all a { font-weight: bold; }
			.browse-related li a:hover, .browse-related li a:focus { background: #e67700; }
	
.browse-thumbs { position: absolute; bottom: 0; left: 0; width: 90%; padding: 15px; display: none; }
.hovered .browse-thumbs { display: block; }
	.browse-thumbs * { vertical-align: bottom; display: inline; }
	.browse-thumbs a { margin: 0 6px 10px 0; display: inline-block; }
	.browse-caption { clear: both; display: block; color: #999; font: 11px Arial, sans-serif; min-height: 80px; }
	.horizontal .browse-caption { min-height: 60px; }

/*-------------------------------------------
    Home Footer Social Tabs
-------------------------------------------*/
.social-footer div.wrap { padding: 20px 20px 80px; width: 938px; }
.social-tab { padding: 0 40px; }
	.social-tab li { line-height: 1; margin-left: 20px; }
		.social-tab a { padding: 15px 15px 10px; display: block; }
		.social-tab .active a { background: #fff; }

.social-footer div div { display: block; }

.social-tw, .social-it { position: relative; }
.social-yt, .social-fb, .social-oth { background: #fff; padding: 25px; }
.social-oth .text { max-width:100%; }
.social-yt iframe { float: right; }
.social-yt .video-description { width: 285px; float: left; }

.social-footer div.has-scroll { background: #fff url(/a/screen/bg-tab-scroll.gif) repeat-y right 0; padding: 30px 25px 20px 0; }
	.social-footer div.has-scroll h2 { padding-left: 30px; }

div.scrollable { width: 635px; float: left; }
	div.scroll-wrap { padding: 10px 0 50px; }
	.scrollable li { width: 167px; list-style: none; padding: 5px 28px; border-right: 1px solid #d0d0d0; }
		.scrollable li a { text-decoration: none; }
.twitter-timeline { width: 100%; }

.scrollable a.bx-prev, .scrollable a.bx-next { position: absolute; right: 40px; bottom: -40px; text-indent: -9999px; background: transparent url(/a/screen/arrow-social-left.png) no-repeat 0 0; width: 35px; height: 36px; }
.scrollable a.bx-prev:hover, .scrollable a.bx-prev:focus { background-position: 0 -37px; }
.scrollable a.bx-next { left: auto; right: 0; background-image: url(/a/screen/arrow-social-right.png); background-position: right 0; }
.scrollable a.bx-next:hover, .scrollable a.bx-next:focus { background-position: right -37px; }

.social-tw .meta { color: #a09f9f; }

.scroll-pair { float: right; width: 200px; }
.social-it .scroll-pair { padding-top: 55px; }
.social-tw .scroll-lead { display: block; margin-bottom: 15px; font: normal 400 18px 'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', Helvetica, sans-serif; text-decoration: none; }
.social-tw .scroll-lead img { margin-bottom: 5px; }

.scroll-pair .btn { position: absolute; bottom: 32px; left: 712px; }

.tab-content .move { position: absolute; left: -3838389px; }

/*-------------------------------------------
    Sub column sliders
-------------------------------------------*/
.slider, .video-slider { display: block; }
.slider ul, .video-slider ul { width: 364px; }
.slider .split li, .video-slider .split li { margin: 0; width: 174px; }
.slider a, .video-slider a { position: relative; z-index: 4; }
	.slider a:hover img, .slider a:focus img, .slider a.pager-active img,
	.video-slider a:hover img, .video-slider a:focus img, .video-slider a.pager-active img { border: 3px solid #e89a14; }
	/*.slider li a:hover:after, .slider li a:focus:after, .slider li a.pager-active:after { content: ""; width: 162px; height: 89px; border: 3px solid #e89a14; position: absolute; left: 0; top: 0; z-index: 5; } removed because of ticket #142 in LH */
	.slider a img, .video-slider a img { margin: 0; border: 3px solid transparent; }

.sub-lg .slide-count { padding: 10px 20px 5px; text-align: center; font: 11px Arial, sans-serif; color: #555; text-transform: uppercase; }
.mobile .sub-lg .slide-count { color: #ccc; letter-spacing: 1px; }

.accord-photos .slider a.bx-prev, .accord-photos .slider a.bx-next,
.accord-videos .video-slider a.bx-prev, .accord-videos .video-slider a.bx-next {
 	display: none !important;
 }

.sub-lg a.bx-prev, .sub-lg a.bx-next,
.accord-photos .slider-target a.bx-prev, .accord-photos .slider-target a.bx-next,
.accord-videos .video-slider-target a.bx-prev, .accord-videos .video-slider-target a.bx-next { position: absolute; left: 0; bottom: -23px; text-indent: -9999px; background: transparent url(/a/screen/arrow-timeline.gif) no-repeat 0 0; width: 16px; height: 13px; }

.sub-lg a.bx-prev:hover, .sub-lg a.bx-prev:focus,
.accord-photos .slider-target a.bx-prev:hover, .accord-photos .slider-target a.bx-prev:focus,
.accord-videos .video-slider-target a.bx-prev:hover, .accord-videos .video-slider-target a.bx-prev:focus { background-position: 0 -87px; }

.sub-lg a.bx-next,
.accord-photos .slider-target a.bx-next,
.accord-videos .video-slider-target a.bx-next { left: auto; right: 28px; background-position: right 0; }

.sub-lg a.bx-next:hover, .sub-lg a.bx-next:focus,
.accord-photos .slider-target a.bx-next:hover, .accord-photos .slider-target a.bx-next:focus,
.accord-videos .video-slider-target a.bx-next:hover, .accord-videos .video-slider-target a.bx-next:focus { background-position: right -87px; }


.accord-photos .slider-target a.bx-prev, .accord-photos .slider-target a.bx-next,
.accord-videos .video-slider-target a.bx-prev, .accord-videos .video-slider-target a.bx-next { position: absolute; left: 530px; bottom: 25px; }

.accord-photos .slider-target a.bx-next,
.accord-videos .video-slider-target a.bx-next { right: auto; left: 550px; }

.accord-photos .slide-count,
.accord-videos .slide-count {
	position: relative;
	top: -20px;
	left: 530px;
	width: 320px;
}


.slider-target ul { width: 364px; }
	.slider-target li { display: block; }

.accord-photos .slider ul, .accord-videos .video-slider ul { width: 850px; }
.accord-photos .slider-target ul, .accord-videos .video-slider-target ul { width: 850px; }


/*-------------------------------------------
    Timeline Slider 
-------------------------------------------*/
.slideshow-controls { display: block; }

.timeline .bx-prev, .timeline .bx-next { position: absolute; left: -50px; bottom: 10px; width: 40px; padding: 10px 0 !important; background: transparent url(/a/screen/arrow-timeline.png) no-repeat 20px 13px; text-indent: -9999px; }
.timeline .bx-prev:hover, .timeline .bx-prev:focus { background-position: 20px -74px; }
.timeline .bx-next { left: auto; right: -50px; background-position: -680px 13px; }
.timeline .bx-next:hover, .timeline .bx-next:focus { background-position: -680px -74px;}


.timeline .tabs-a strong { /*display: block; float: none;  padding: 10px 10px 10px 0; text-align: center;  */}
.timeline .tabs-a li { float: none; width: 93px; }
	.timeline .tabs-a li a { float: none; padding: 10px 0 20px; display: block; text-align: center; }
	
.tab-year { display: block; background: #fff;  position: absolute; width: 29px; padding: 10px 20px 10px 30px !important; z-index: 500; }
.tab-year:after { content: ""; width: 100%; height: 10px; background: #fff; position: absolute; left: 0; bottom: -12px; z-index: 500; }


/*-------------------------------------------
    Timeline Slider 
-------------------------------------------*/
.story-slider .bx-next, .story-slider .bx-prev { position: absolute; left: 0; top: 10px; width: 20px; height: 20px; background: transparent url(/a/screen/arrow-timeline.png) no-repeat 0 0px; text-indent: -9999px; }
.story-slider .bx-prev:hover { background-position: 0 -87px; }
.story-slider .bx-next { left: auto; right: 0; background-position: -680px 0px; }
.story-slider .bx-next:hover { background-position: -680px -87px; }

/*-------------------------------------------
    Permanent Exhibition 
-------------------------------------------*/
.pe-browse a { display: inline-block; font: bold 11px Arial, sans-serif; color: #edeee3; text-decoration: none; text-transform: uppercase; background: transparent url(/a/screen/bg-toggle.png) no-repeat right -184px; margin-left: 20px; padding: 2px 25px 4px 0; }
.pe-browse a:hover, .pe-browse a:focus { color: #6394d1; background-position: right -284px; }

.pe-browse-opened .pe-browse a { background-position: right 0; }
.pe-browse-opened .pe-browse a:hover, .pe-browse-opened .pe-browse a:focus { background-position: right -94px; }

.thumb-nav { display: none; }
.pe-browse-opened .thumb-nav { display: block; clear: both; }

.pe-image { margin-bottom: 30px; width: 808px; }
.pe-image li, .pe-image ul { width: 808px; }

.pe-vertical .caption { width: 309px; padding-right: 80px; margin-bottom: 0; }
.pe-horizontal .caption { width: 728px; padding-right: 80px; margin-bottom: 0; }
	.pe-image .caption p { margin: 0; }

.pe-image .bx-prev, .pe-image .bx-next { background: transparent url(/a/screen/arrow-pe-slider.png) no-repeat 0 -25px; width: 24px; height: 25px; text-indent: -9999px; display: inline-block; position: absolute; top: 562px; right: 240px; z-index: 100; 
	-webkit-transition: right 0.25s linear, top 0.25s linear;
	-moz-transition: right 0.25s linear, top 0.25s linear;
	-ms-transition: right 0.25s linear, top 0.25s linear;
	-o-transition: right 0.25s linear, top 0.25s linear;
	transition: right 0.25s linear, top 0.25s linear;
}
	.pe-image .bx-prev:hover, .pe-image .bx-prev:focus { background-position: 0 0; }
.pe-image .bx-next { background-position: right -25px; margin-left: 5px; right: 210px; }
	.pe-image .bx-next:hover, .pe-image .bx-next:focus { background-position: right 0; }
.pe-image .first-slide .bx-prev { background-position: 0 -50px; cursor: default; }
.pe-image .last-slide .bx-next { background-position: right -50px; cursor: default; }

.pe-image .pe-bx-horizontal .bx-prev { top: 552px; right: 30px; }
.pe-image .pe-bx-horizontal .bx-next { top: 552px; right: 0; }

.pe-image .bx-pager { font: bold 11px Arial, sans-serif; text-transform: uppercase; color: #616161; position: absolute; right: 210px; top: 595px; 
	-webkit-transition: right 0.25s linear, top 0.25s linear;
	-moz-transition: right 0.25s linear, top 0.25s linear;
	-ms-transition: right 0.25s linear, top 0.25s linear;
	-o-transition: right 0.25s linear, top 0.25s linear;
	transition: right 0.25s linear, top 0.25s linear;	
}
.pe-image .pe-bx-horizontal .bx-pager { right: 0; top: 585px; }


/*-------------------------------------------
    Toggles
-------------------------------------------*/
.toggle-link { color: #4f6d91; cursor: pointer; background: transparent url(/a/screen/bg-toggle.png) no-repeat right -92px; padding: 0 25px 0 0; display: inline-block; }
h3.toggle-link { background-position: right -95px; }
.toggle-link:hover, .toggle-link:focus { color: #699ad6; }
.toggled-off { background-position: right -282px; }
h3.toggled-off { background-position: right -280px; }


.transcript-toggle { padding: 3px 30px; background: url(/a/screen/bg-toggle.gif) no-repeat 0 2px; }
.transcript-toggle.toggled-off{ background-position: 0 -182px;}
.transcript-toggle:hover{ background-position: 0 -92px; }
.transcript-toggle.toggled-off:hover{ background-position: 0 -282px; }

/*body .toggled-off { background-position: 0 -182px; }*/
/*body .toggled-off:hover, .timeline .toggled-off:focus { background-position: 0 -282px; }*/

/*-------------------------------------------
    Form/Selects as Navigation
-------------------------------------------*/
.nav-form .btn { display: none; }

/*-------------------------------------------
    Modal
-------------------------------------------*/
iframe { border: none; }
div.modal { background: #fff; padding: 30px; box-shadow: 0 0 20px rgba(0,0,0,0.5); border: 1px solid #dcdddd; }
.modal-header { margin: -31px -31px 0; background: #383838; color: #fff; }
.modal-title { color: #fff; padding: 10px 70px 10px 15px; font: 24px 'Knockout 50 A', 'Knockout 50 B', 'Arial Narrow', Helvetica, sans-serif; text-transform: none; position: relative; }
.modal iframe { display :block; margin: auto;}
.modal object {display: block; margin: auto;}
.modal-info { background: #f4f1ed url(/a/screen/modal-fade.gif) repeat-x left top; margin: -24px -31px 0; padding: 20px 30px; }
.modal-info .kappa { color: #4f6d91; font-size: 24px; margin-bottom: 5px; }
.modal-info p:last-child { margin-bottom: 5px; }
.modal-title .close { position: absolute; top: 0; right: 0; margin: 10px 10px 0 0; padding-right: 15px; color: #fff; text-decoration: none; font: normal 11px 'Mercury SSm A', 'Mercury SSm B', Palatino, serif; background: url(/a/screen/close.jpg) no-repeat right center; }

a.modal-prev-link, a.modal-next-link { position: absolute; left: 30px; bottom: 15px; text-indent: -9999px; background: transparent url(/a/screen/arrow-timeline.gif) no-repeat 0 0; width: 16px; height: 13px; }
a.modal-prev-link:hover, a.modal-prev-link:focus { background-position: 0 -87px; }
a.modal-next-link { left: auto; right: 30px; background-position: right 0; }
a.modal-next-link:hover, a.modal-next-link:focus { background-position: right -87px; }