@charset "UTF-8";

/* lightbox
-----------------------------------*/
#lightbox {
	position: absolute; z-index: 100;
	top: 0; left: 0;
	width: 100%;
	text-align: center; line-height: 0;
}
#lightbox img{
	width: auto; height: auto;
}
#lightbox a img{ border: none; }

/* overlay style
-----------------------------------*/
#overlay{
	position: absolute;
	z-index: 90;
	top: 0; left: 0;
	width: 100%; height: 500px;
}
#innerOverlay,
#innerOverlayBottom {
	background-color: #DD49B1;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

/* outerImageContainer section
-----------------------------------*/
#outerImageContainer{
	position: relative; z-index: 2;
	width: 250px; height: 250px;
	overflow: hidden;
	margin: 0 auto;
}

/* innerOverlay */
#innerOverlay {
	position: absolute; z-index: 1;
	left: 0;
	width: 100%; height: 100%;
	overflow: hidden;
}

/* loading */
#loading{
	position: absolute; z-index: 2;
	top: 40%; left: 0;
	height: 25%; width: 100%;
	text-align: center; line-height: 0;
}

/* imageContainer */
#imageContainer {
	position: relative;	z-index: 10;
	margin: 10px 10px 0;
/*	padding: 45px 35px 14px;*/
	padding: 35px 25px 16px;
	background-color: #FFF;
}

/* topNav */
#topNav {
	position: absolute; z-index: 20;
/*	top: 16px; right: 35px;*/
	top: 16px; right: 35px;
	height: 13px; overflow: hidden;
	line-height: 1.4em; text-align: right;
}
#topNavClose {
	position: relative; z-index: 20;
	display: block;
	width: 56px; height: 13px;
	margin: 0 0 0 auto;
	background: url(/special/bistory/img/lightbox_bistory/closelabel.gif) no-repeat 0 0;
	outline: none;
}

/* lightboxImage */
#lightboxImage {}

/* hoverNav section */
#hoverNav{
	position: absolute; top: 0; left: 0;
	height: 100%; width: 100%;
	padding-top: 45px;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a {outline-style: none; outline-width: 0;}

#nextLink, #prevLink {
	display: block;
	width: 48%; height: 100%;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
}
#nextLink {
	right: 0;
	float: left;
}
#prevLink {
	left: 0;
	float: right;
}

/* imageDataContainer section
-----------------------------------*/
#imageDataContainer{
	position: relative; z-index: 4;
	width: 100%; height: 41px; min-height: 41px; overflow: hidden;
	margin: 0 auto;
	text-align: center;
}
html>body #imageDataContainer {height: auto;}

/* innerOverlayBottom */
#innerOverlayBottom {
	position: absolute; z-index: 5;
	top: 0; left: 0;
	width: 100%; height: 100%; min-height: 100%; overflow: hidden;
}

/* imageData */
#imageData {
	position: relative; z-index: 10;
/*	width: 100%;*/
	margin: 0 10px 10px;
	background-color: #FFF;
	height: 31px; min-height: 31px;
	color: #333;
	font: 10px Verdana, Helvetica, sans-serif;
	line-height: 1.25;
}
#imageData #imageDetails {
	width: 70%;
	margin: 0 auto;
}
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{
	visibility: hidden;
	display: block;
	padding-bottom: 2.0em;
}

/* bottom nav section -*/
#bottomNav {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 0;
}
#bottomNavNext, #bottomNavPrev {
	display: block;
	position: absolute; z-index: 100;
	top: 0;
	height: 17px;
}
#bottomNavNext {
	left: 25px;
	width: 59px;
	background: url(/special/bistory/img/lightbox_bistory/nextlabel.gif) no-repeat 0 0;
}
#bottomNavPrev {
	right: 25px;
	width: 56px;
	background: url(/special/bistory/img/lightbox_bistory/prevlabel.gif) no-repeat 0 0;
}