#lightbox						{ width:100%; position:absolute; left:0; text-align:center; line-height:0; z-index:100; }
#lightbox a img				{ border:none; }
#lightbox a:hover				{ background-color:transparent; }

#outerImageContainer			{ width:200px; height:200px; position:relative; margin:0 auto; background-color:#fff; }
#imageContainer				{ padding:10px; }
#loading							{ width:100%; height:25%; position:absolute; top:40%; left:0%; text-align:center; line-height:0; background:url('loading.gif') no-repeat; }

#hoverNav						{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; }
#imageContainer>#hoverNav	{ left:0; }
#hoverNav a						{ outline:none; }

#prevLink, #nextLink			{ width:49%; height:100%; display:block; background:transparent url('blank.gif') no-repeat; }
#prevLink 						{ margin-top:10px; left:0; float:left;}
#nextLink 						{ margin-top:10px; right:0; float:right;}
#prevLink:hover, 
#prevLink:visited:hover 	{ background:url('prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, 
#nextLink:visited:hover 	{ background:url('nextlabel.gif') right 15% no-repeat; }

#imageDataContainer			{ width:100%; margin:0 auto; font:10px Verdana, Helvetica, sans-serif; line-height:1.4em; background-color:#fff; overflow:auto; }
#imageData						{ color:#666; padding:0 10px; }
#imageData #imageDetails	{ width:80%; text-align:left; float:left; }	
#imageData #caption			{ font-weight:bold;	}
#imageData #numberDisplay	{ display:block; padding-bottom:1.0em;	clear:left; }	
#imageData #bottomNavClose	{ width:20px; height:20px; overflow:hidden; outline:none; background:url('close.gif') top right no-repeat; float:right; } /** padding-bottom:0.7em; */
#imageData #bottomNav 		{ overflow:hidden; }

#overlay							{ width:100%; height:500px; position:absolute; top:0; left:0; background-color:#000; z-index:90; }