#lightbox			{position:absolute; left:0 !important; width:100% !important; z-index:9999999999; text-align:center; line-height:0;}

#lightbox img			{width:auto !important; height: auto !important;}

#lightbox a img			{border:none;}

#outerImageContainer		{position:relative; background-color:#ffffff !important; width:250px ; height:250px ; margin:30px auto !important;}

#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 !important}

#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(images/prevlabel.gif) left 15% no-repeat;}

#nextLink:hover, #nextLink:visited:hover {background:url(images/nextlabel.gif) right 15% no-repeat;}

 #imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #ffffff !important;
	margin: -31px auto !important;
	line-height: 1.4em;
	overflow: auto !important;
	width: auto!important;max-width: 620px;
} 

#imageData			{padding:0 10px; color:black;}

#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:66px; float:right; padding-bottom: 0.7em; outline: none;}	 	

#overlay			{position:absolute !important; top:0 !important; left:0 !important; z-index:9099999; width:100%; height:100% !important; background-color: #000000 !important;}