/*******************************
 **	PDG AJAX LOADING
 ** CSS Styles
 **
 **	@version 0.1	
 ** @author abel@pdg.gi
 *******************************/

.pdg-ajax-loading-container {
    position: relative;
}

.pdg-ajax-loading-screen {
    display:    none;
    position:   absolute;
    z-index:    1000;
    width:      100%;
    height:     100%;
    top: 0;
    
    background: white
                url(../images/pdg-ajax-loading/loading.gif)
                50% 50%
                no-repeat;
    /* These three lines are for transparency in all browsers. */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=80);
    opacity: .8;

}

.pdg-ajax-loading {
    overflow: hidden;   
}

.pdg-ajax-loading .pdg-ajax-loading-screen {
    display: block;
}