/* CSS Document */

				
	/* MODAL OVERLAY LOADING */
	
	/* 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 */
	   
		#modal-loading-overlay {
			display:    none;
			position:   fixed;
			z-index:    99999;
			top:        0;
			left:       0;
			height:     100%;
			width:      100%;
			background: rgba( 221, 221, 221, .5 ) 
						url('../js/loader.gif') 
						50% 50% 
						no-repeat;
		}		
		/* When the body has the loading class, we turn
		   the scrollbar off with overflow:hidden */
		body.modal-loading-overlay {
			overflow: hidden;   
		}
		
		/* Anytime the body has the loading class, our
		   modal element will be visible */
		body.modal-loading-overlay #modal-loading-overlay {
			display: block;
		}