/*this must be set so that the loading div can be height:100% */
body {
	height: 100%
}
/*this is what we want the div to look like when it is not showing*/
div.loading-invisible { 
	/*make invisible*/
	display: none;
} 
/*this is what we want the div to look like when it IS showing*/
div.loading-visible { 
	/*make visible*/
	display: block; 
	
	/*position it at the very top-left corner*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	
	/*in supporting browsers, make it a little transparent*/
	background: lightgrey;
	_background: none; /*this line removes the background in IE*/
	filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
    -moz-opacity: 0.75;       /* mozilla, netscape */
    opacity: 0.75;           /* fx, safari, opera */
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	
	/*set the padding, so that the content of the div is centered vertically*/
	padding-top: 25%;
	z-index: 999;
}

/*this is for auto generate loading img*/
div.auto-loading-visible { 
    /*make visible*/
    display: block; 
    
    /*position it at the very top-left corner*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    
    /*in supporting browsers, make it a little transparent*/
    background: lightgrey;
    _background: none; /*this line removes the background in IE*/
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
    -moz-opacity: 0.75;       /* mozilla, netscape */
    opacity: 0.75;           /* fx, safari, opera */
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    z-index:999;
    
    /*set the padding, so that the content of the div is centered vertically*/
    padding-top: 25%;
    background-image: url(black-001-loading.gif);
    background-repeat:no-repeat;
    background-position:50% 200px;
}