/* 2013-09-03 marcoponta.net // maxidiscos - backbox.css */

#lightbox{
	width:100%; position: absolute; left:0; top:0px; text-align:center; z-index:100; }
#lightbox a img{
	border:none; }
#outerImageContainer{
	width:450px; height:250px; margin:0 auto; position:relative; background:rgba(255,255,255,.9); border:1px solid #ccc; border-bottom:0px; }
#imageContainer{
	padding:10px; }
#loading{
	width:100%; height:25%; position:absolute; left:0%; top:40%; text-align:center; }
#hoverNav{
	width:0px; height:0px; position:absolute; left:0; top:0; z-index:0; }
#imageContainer>#hoverNav{ 
	left:0; }
#hoverNav a{
	outline:none;}
#prevLink, #nextLink{
	width:49%; height:100%; display:block; background:transparent url(../images/blank.gif) no-repeat;	} /* Trick IE into showing hover */
#prevLink {
	left:0; float:left; }
#nextLink {
	right:0; float:right; }
#prevLink2, #nextLink2 {
	font:bold 12px/12px Arial, Helvetica, sans-serif; color:#060; cursor:pointer; }
#imageDataContainer{
	height:50px; margin:auto; font:14px/14px Arial, Helvetica, sans-serif; background:rgba(255,255,255,.9); border:1px solid #ccc; border-top:0px; }
#imageData{
	height:40px; padding:0px 10px 10px 10px; position:relative; }
#imageData #imageDetails{
	width:100%; text-align:left; float:left; }

#imageData #imageDetails #bottomNav {
	height:15px; }

#imageData #caption{
	width:100%; max-height:60px; font:bold 11px/11px Arial, Helvetica, sans-serif; color:#666; }
#imageData #numberDisplay{
	margin:5px 0 0 0; padding:0; position:absolute; bottom:5px; display:block; clear:left; font:14px/14px Arial, Helvetica, sans-serif; color:#333; }
#imageData #slideshowLink{ width:55px; padding:5px 0px 0 0px; position:absolute; bottom:0px; right:5px; float:right; }
#imageData #bottomNavClose{ width:55px; padding:5px 0px 0 0px; position:absolute; bottom:0px; right:65px; float:right; }
#overlay{
	width:100%; height:500px; position:absolute; left:0; top:0; background:rgba(0,0,0,.5); z-index:90; }
.clearfix:after {
	height:0; content:"."; display:block; clear:both; visibility:hidden; }
* html>body .clearfix {
	width:100%; display:inline; }
* html .clearfix {
	/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

#bottomNav { width:100px; }