/*====================================================
CSS3 Progress Bar
http://cssload.net/
====================================================*/

.PBar
{
    position: relative;
    width: 124px;
    height: 15px;
    display: none;
}

div.PBar div
{
    position: absolute;
    top: 0;
    background-color: #000000;
    width: 15px;
    height: 15px;
    -moz-animation-name: bounce_fountainG;
    -moz-animation-duration: 1.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -moz-transform: scale(.3);
    -moz-border-radius: 10px;
    -webkit-animation-name: bounce_fountainG;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -webkit-transform: scale(.3);
    -webkit-border-radius: 10px;
    -ms-animation-name: bounce_fountainG;
    -ms-animation-duration: 1.3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -ms-transform: scale(.3);
    -ms-border-radius: 10px;
    -o-animation-name: bounce_fountainG;
    -o-animation-duration: 1.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    -o-transform: scale(.3);
    -o-border-radius: 10px;
    animation-name: bounce_fountainG;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-direction: linear;
    transform: scale(.3);
    border-radius: 10px;
}

.PBar-1
{
    left: 0;
    -moz-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    -ms-animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

.PBar-2
{
    left: 16px;
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

.PBar-3
{
    left: 31px;
    -moz-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    animation-delay: 0.78s;
}

.PBar-4
{
    left: 47px;
    -moz-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    animation-delay: 0.91s;
}

.PBar-5
{
    left: 62px;
    -moz-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    animation-delay: 1.04s;
}

.PBar-6
{
    left: 78px;
    -moz-animation-delay: 1.17s;
    -webkit-animation-delay: 1.17s;
    -ms-animation-delay: 1.17s;
    -o-animation-delay: 1.17s;
    animation-delay: 1.17s;
}

.PBar-7
{
    left: 93px;
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

.PBar-8
{
    left: 109px;
    -moz-animation-delay: 1.43s;
    -webkit-animation-delay: 1.43s;
    -ms-animation-delay: 1.43s;
    -o-animation-delay: 1.43s;
    animation-delay: 1.43s;
}

@-moz-keyframes bounce_fountainG
{
    0%
    {
        -moz-transform: scale(1);
        background-color: #000000;
    }

    100%
    {
        -moz-transform: scale(.3);
        background-color: #FFFFFF;
    }
}

@-webkit-keyframes bounce_fountainG
{
    0%
    {
        -webkit-transform: scale(1);
        background-color: #000000;
    }

    100%
    {
        -webkit-transform: scale(.3);
        background-color: #FFFFFF;
    }
}

@-ms-keyframes bounce_fountainG
{
    0%
    {
        -ms-transform: scale(1);
        background-color: #000000;
    }

    100%
    {
        -ms-transform: scale(.3);
        background-color: #FFFFFF;
    }
}

@-o-keyframes bounce_fountainG
{
    0%
    {
        -o-transform: scale(1);
        background-color: #000000;
    }

    100%
    {
        -o-transform: scale(.3);
        background-color: #FFFFFF;
    }
}

@keyframes bounce_fountainG
{
    0%
    {
        transform: scale(1);
        background-color: #000000;
    }

    100%
    {
        transform: scale(.3);
        background-color: #FFFFFF;
    }
}