html, body  { font-family: Tahoma; margin: 0; padding: 0; height: 100% }

#overlay { background-color: #000; position: absolute; z-index: 90; top: 0; left: 0; width: 100%; height: 500px; -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6 }

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

#thumb  { padding: 5px; border: groove 1px #000 }

#outerImageContainer  { background-color: #fff; margin: 0 auto; padding: 10px; position: relative; width: 250px; height: 200px; border: groove 1px #000 }
#imageContainer #copy  { color: #000; font-size: 12px; font-family: Tahoma; font-weight: normal; padding-right: 16px; padding-bottom: 1px; position: absolute; right: 0; bottom: 0 }

#loading { background: url("../images/loading.gif") no-repeat center; position: absolute; z-index: 100; top: 0; left: 0; width: 100%; height: 100% }

#loading:hover{
	background-image: url(../images/close.gif);
}

#imageDataContainer { font-family: Tahoma; background-color: #fff; position: absolute; z-index: 100; top: 0; left: 0; width: 100%; border: solid 1px #000 }
#imageContainer { padding: 8px }
#imageData  { font-family: Tahoma; padding: 0.4em; height: 1em }

#imageData #caption { font-size: 9pt; font-family: Tahoma; font-weight: normal; float: left }

#imageData #nav{ 
	font-size:1em;
	float:right; 
  font-weight: bold;
	
}
#imageData #nav a  { color: #000; font-size: 9pt; font-family: Tahoma; font-weight: normal }

#imageData .navButton, #imageData #numberDisplay { 
	padding:0.4em;
}