#LoadingBackground {
	position:fixed;
	top:0;left:0;
	width:100%;
	height:100%;
	background-color:#000;
	opacity:0.7;
	color: white;
	z-index: 5;
}
#LoadingWindow {
	background-image: url(../images/loading.gif);
	background-position: right;
	background-repeat: no-repeat;
	position:fixed;
	top:32px; right:40px;
	z-index:4;
	width:126px;
	height: 22px;
	text-align:center;
	visibility:hidden;
	opacity: 0.7;
}
#LoadingWindow td {font: 11px tahoma;color: white;}

.loadingIndicator {
	width: 30px;
	height: 30px;
	background:url(../images/indicator2.gif);
	position: absolute;
}

/* ----------------------------------------*
	LIGHTBOX CSS
 * ----------------------------------------*/
 
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}
#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); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}
	

/* ----------------------------------------*
	THE NEW ANIMATION
 * ----------------------------------------*/
	
DIV.loadingSpinDIV {
	position: absolute;
	left: 0;
	top: 0;
	visibility:visible;
	z-index: 5;
	background: black;
	color: white;
}