.loadmask {
    z-index: 1000000;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .2;
    background-color: black;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.loadmask-msg {
    z-index: 1000000000;
    position: fixed;
    top: 50%;
    left: 50% !important;
    width: 120px;
    height: 50px;
    border:1px solid #black;
    background: white url('images/loading.gif') no-repeat 1em center;
    box-shadow: 0 0 1em #666;
    font: normal 12px tahoma, arial, helvetica, sans-serif;
    border-radius: 0.25em;
    padding: 0;
    margin: -25px 0 0 -60px;

    -webkit-animation: searchLoadingFadeIn 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: searchLoadingFadeIn 2s; /* Firefox < 16 */
        -ms-animation: searchLoadingFadeIn 2s; /* Internet Explorer */
         -o-animation: searchLoadingFadeIn 2s; /* Opera < 12.1 */
            animation: searchLoadingFadeIn 2s;    
}
    .loadmask-msg div {
        padding: 0 1em 0 3em;
        line-height: 50px;
    	color:#333;
        cursor:wait;
    }
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

@keyframes searchLoadingFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes searchLoadingFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes searchLoadingFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes searchLoadingFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}