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

#lightbox a img  { border: none }

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

#imageContainer  { padding: 10px; border: none }

#loading  { line-height: 0; text-align: center; position: absolute; top: 40%; left: 0; width: 100%; height: 25%; border: none }
#hoverNav  { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; border: none }
#imageContainer>#hoverNav  { left: 0; border: none }
#hoverNav a  { border: none; outline: none medium }

#prevLink, #nextLink  { background: url("http://www.trapdesign.com/lightbox2/images/blank.gif") no-repeat; display: block; width: 49%; height: 100%; border: none }
#prevLink   { left: 0; float: left; border: none }
#nextLink   { right: 0; float: right; border: none }
#prevLink:hover, #prevLink:visited:hover   { background: url("http://www.trapdesign.com/lightbox2/images/prevlabel.gif") no-repeat left 15%; border: none }
#nextLink:hover, #nextLink:visited:hover   { background: url("http://www.trapdesign.com/lightbox2/images/nextlabel.gif") no-repeat right 15%; border: none }


#imageDataContainer  { font: 10px/1.4em Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; width: 100%; overflow: auto; border: none }

#imageData  { color: #666; padding: 0 10px; border: none }
#imageData #imageDetails  { text-align: left; width: 70%; float: left; border: none }	
#imageData #caption  { font-weight: bold; border: none }
#imageData #numberDisplay  { display: block; padding-bottom: 1em; clear: left; border: none }			
#imageData #bottomNavClose  { padding-bottom: 0.7em; width: 66px; float: right; border: none }	
		
#overlay  { background-color: #000; position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 500px; border: none }