/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.ajax_spinner {
	display:    none;
	position:   fixed;
	z-index:    9000;
	
	height:     100px;
	width:      300px;
	left:50%;
	top:50%;
	margin-left:-150px;
	margin-top:-75px;
	border:solid rgba( 1, 1, 1, 0.24 ) 2px; 
	border-radius:10px;
	background: rgba( 1, 1, 1, 0.2 ) 
				url('../Images/ajax-loader4.gif') 
				50% 50% 
				no-repeat;
	opacity:0.9;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body .loading_ajax {
    /*overflow: hidden;*/
}