@charset "utf-8";

.loading2 {
    background-color:#009933;
    border-radius:2px;
    height:20px;
    margin-top:60px;
    overflow:hidden;
    position:relative;
    width:140px;
}
.loading2 > div {
    background-color:#FFFFFF;
    height:100%;
    width:0;

    /* css3 animation */
    -webkit-animation-name:anim2;
    -webkit-animation-duration:2.0s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-animation-timing-function:ease;

    -moz-animation-name:anim2;
    -moz-animation-duration:2.0s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-animation-timing-function:ease;

    -ms-animation-name:anim2;
    -ms-animation-duration:2.0s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-animation-timing-function:ease;

    -o-animation-name:anim2;
    -o-animation-duration:2.0s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-animation-timing-function:ease;

    animation-name:anim2;
    animation-duration:2.0s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    animation-timing-function:ease;
}

/* css3 keyframes - animation 2 */
@-webkit-keyframes anim2 {
    from { width:0; }
    50% { width:100%; }
    to { width:0; }
}
@-moz-keyframes anim2 {
    from { width:0; }
    50% { width:100%; }
    to { width:0; }
}
@-ms-keyframes anim2 {
    from { width:0; }
    50% { width:100%; }
    to { width:0; }
}
@-o-keyframes anim2 {
    from { width:0; }
    50% { width:100%; }
    to { width:0; }
}
@keyframes anim2 {
    from { width:0; }
    50% { width:100%; }
    to { width:0; }
}