#lightbox{
	position: absolute;
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
	
#lightbox[id]{
	position:fixed;
}


#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ 
	background-image: url(overlay.png);
	position:absolute;	
}

#overlay[id]{
	position:fixed;
}

* html #overlay{
	background-color: #333; /* Try: background-color: transparent; */
	back\ground-color: transparent;
	background-image: url(blank.gif); /* Try: background-image: none; */
	/* Needed to put a copy of the overlay.png file in same location as my HTML file for MSie */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	/* Try this next time, so I don't need to have in two places
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../resources/overlay.png", sizingMethod="scale");
	*/
	}