﻿#lightbox {
				position: absolute;
				left: 0;
				width: 100%;
				z-index: 100;
				text-align: center;
				line-height: 0;
}
#lightbox img {
				width: auto;
				height: auto;
}
#lightbox a img {
				border: none;
}
#outerImageContainer {
				position: relative;
				background-color: #333333;
				width: 250px;
				height: 250px;
				margin: 0 auto;
}
#imageContainer {
				padding: 10px;
}
#loading {
				position: absolute;
				top: 40%;
				left: 0%;
				height: 25%;
				width: 100%;
				text-align: center;
				line-height: 0;
}
#hoverNav {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 10;
}
#imageContainer > #hoverNav {
				left: 0;
}
#hoverNav a {
				outline: none;
}
#prevLink, #nextLink {
				width: 49%;
				height: 100%;
				background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */;
				display: block;
}
#prevLink {
				left: 0;
				float: left;
				background: url(../lightbox_images/prev.png) left 15% no-repeat;
}
#nextLink {
				right: 0;
				float: right;
				background: url(../lightbox_images/next.png) right 15% no-repeat;
}
#prevLink:hover, #prevLink:visited:hover {
				background: url(../lightbox_images/prev_hover.png) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
				background: url(../lightbox_images/next_hover.png) right 15% no-repeat;
}
#imageDataContainer {
				font: 10px Verdana, Helvetica, sans-serif;
				background-color: #fff;
				margin: 0 auto;
				line-height: 1.4em;
				overflow: auto;
				width: 100%;
}
#imageData {
				padding: 0 10px;
				color: #666;
}
#imageData #imageDetails {
				width: 70%;
				float: left;
				text-align: left;
}
#imageData #caption {
				font-weight: bold;
}
#imageData #numberDisplay {
				display: block;
				clear: left;
				padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
				width: 30px;
				float: right;
				padding-bottom: 0.7em;
				outline: none;
}
#overlay {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 90;
				width: 100%;
				height: 500px;
				background-color: #C0C0C0;
}

