.loading-modal-panel-show {
    height: 300px;
    padding-top: 70px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    background-color: #000; /*#808080;*/
}

.loading-modal-panel-none {
    height: 300px;
    padding-top: 70px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    background-color: #000; /*#808080;*/
    display: none;
}

.contentwidth {
    width: 450px;
}

.sk-three-bounce {
    margin: 20px auto;
    width: 200px;
    text-align: center;
    opacity: 0.5;
}

    .sk-three-bounce .sk-child {
        width: 30px;
        height: 30px;
        background-color: #ffffff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
        animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    }

    .sk-three-bounce .sk-bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .sk-three-bounce .sk-bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-three-bounce {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}