#lightbox					{position: absolute;left:0;width:100%;z-index:100;text-align:center;line-height: 0;}
#lightbox img				{width:auto;height:auto;border:1px solid #53B3D9;}
#lightbox a img				{border:none;}

#outerImageContainer		{position:relative; background-color:#2C70AD; width: 250px; height: 250px; margin: 0 auto;
							 border-top:2px solid #fff;
							 border-left:2px solid #fff;
							 border-bottom:0px none;
							 border-right:2px solid #fff;}
#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;}
#nextLink 					{right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {background: url(/img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer			{font:10px Verdana, Helvetica, sans-serif;background-color:#2C70AD; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;
							 border-top:0px none;
							 border-left:2px solid #fff;
							 border-right:2px solid #fff;
							 border-bottom:2px solid #fff;}

#imageData					{padding:0 10px; color: #fff;}
#imageData #imageDetails	{width:70%; float: left; text-align: justify;}	
#imageData #caption			{font-weight: bold;	}
#imageData #numberDisplay	{display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose	{width:66px; float: right;  padding-bottom: 0.7em; outline: none;margin-right:5px}	 	

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