@charset "ISO-8859-1";
#lightbox{
	position:		absolute;
	left:			0;
	top:			0;
	width:			100%;
	z-index:		100;
	text-align:		center;
	line-height:	0;
	margin:			0;
	padding:		0;
	}

#lightbox a img{border:none; }

#outerImageContainer{
	position:			relative;
	top:				0;
	background-color:	#fff;
	width:				250px;
	height:				250px;
	margin:				0 auto;
	}

#imageContainer{padding:0;}

#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:	transparent url("../images/icons.admin/lightbox_blank.gif") no-repeat; /* Trick IE into showing hover */
	display:	block;
	}
#prevLink {
	left:	0;
	float:	left;
}
#nextLink {
	right:	0;
	float:	right;
}
#prevLink:hover, #prevLink:visited:hover {background:url("../images/icons.admin/lightbox_prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background:url("../images/icons.admin/lightbox_nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font:				10px Verdana, Arial, Helvetica, sans-serif;
	background-color:	transparent;
	margin:				0 auto;
	line-height:		12px;
	overflow:			hidden;
	width:				100%;
	}

#imageData{
	padding:	3px 5px;
	color:		#fff;
}
#imageData #imageDetails{
	width:		70%;
	float:		left;
	text-align:	left;
}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{
	display:		block;
	clear:			left;
	padding-bottom:	0px;
}			
#imageData #bottomNavClose{
	width:			110px;
	float:			right;
	padding-bottom:	0;
}
		
#overlay{
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			90;
	width:				100%;
	height:				500px;
	background-color:	#000;
	margin:				0;
	padding:			0;
	}