@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: #CCC;
	opacity: .9;
	filter: alpha(opacity=90);
}

/* 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;
	padding: 45px 35px 14px;
}

/* topNav */
#topNav {
	position: absolute; z-index: 20;
	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(/img/lightbox_report/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: 31px; min-height: 31px; 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%; overflow: hidden;
}

/* imageData */
#imageData {
	position: relative; z-index: 10;
	width: 100%;
	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{
	display: block;
	padding-bottom: 1.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: 35px;
	width: 59px;
	background: url(/img/lightbox_report/nextlabel.gif) no-repeat 0 0;
}
#bottomNavPrev {
	right: 35px;
	width: 56px;
	background: url(/img/lightbox_report/prevlabel.gif) no-repeat 0 0;
}