/*
 *
 *
 *****************************************************************************
 * messages sent to browser via JSON
 * --------------------------------------------------------------------------- 
 */
.error {
}

.warning {
}

.information {
}

.ok {
}


/*
 *
 *
 *****************************************************************************
 * rotating load/activity symbol ("hourglass").
 * --------------------------------------------------------------------------- 
 */
#loading {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#loading-message {
    color: #000;
    font-size: 32px;
    margin: 270px auto;
    text-align: center;
    width: 128px;
}
#circularG {
    position:relative;
    width:128px;
    height:128px
}
.circularG {
    position:absolute;
    background-color:#000000;
    width:29px;
    height:29px;
    -moz-border-radius:19px;
    -moz-animation-name:bounce_circularG;
    -moz-animation-duration:1.12s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:19px;
    -webkit-animation-name:bounce_circularG;
    -webkit-animation-duration:1.12s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:19px;
    -ms-animation-name:bounce_circularG;
    -ms-animation-duration:1.12s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:19px;
    -o-animation-name:bounce_circularG;
    -o-animation-duration:1.12s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:19px;
    animation-name:bounce_circularG;
    animation-duration:1.12s;
    animation-iteration-count:infinite;
    animation-direction:normal;/*linear;*/
}
#circularG_1 {
    left:0;
    top:50px;
    -moz-animation-delay:0.42s;
    -webkit-animation-delay:0.42s;
    -ms-animation-delay:0.42s;
    -o-animation-delay:0.42s;
    animation-delay:0.42s;
}
#circularG_2 {
    left:14px;
    top:14px;
    -moz-animation-delay:0.56s;
    -webkit-animation-delay:0.56s;
    -ms-animation-delay:0.56s;
    -o-animation-delay:0.56s;
    animation-delay:0.56s;
}
#circularG_3 {
    top:0;
    left:50px;
    -moz-animation-delay:0.7s;
    -webkit-animation-delay:0.7s;
    -ms-animation-delay:0.7s;
    -o-animation-delay:0.7s;
    animation-delay:0.7s;
}
#circularG_4 {
    right:14px;
    top:14px;
    -moz-animation-delay:0.84s;
    -webkit-animation-delay:0.84s;
    -ms-animation-delay:0.84s;
    -o-animation-delay:0.84s;
    animation-delay:0.84s;
}
#circularG_5 {
    right:0;
    top:50px;
    -moz-animation-delay:0.98s;
    -webkit-animation-delay:0.98s;
    -ms-animation-delay:0.98s;
    -o-animation-delay:0.98s;
    animation-delay:0.98s;
}
#circularG_6 {
    right:14px;
    bottom:14px;
    -moz-animation-delay:1.12s;
    -webkit-animation-delay:1.12s;
    -ms-animation-delay:1.12s;
    -o-animation-delay:1.12s;
    animation-delay:1.12s;
}
#circularG_7 {
    left:50px;
    bottom:0;
    -moz-animation-delay:1.26s;
    -webkit-animation-delay:1.26s;
    -ms-animation-delay:1.26s;
    -o-animation-delay:1.26s;
    animation-delay:1.26s;
}
#circularG_8 {
    left:14px;
    bottom:14px;
    -moz-animation-delay:1.4s;
    -webkit-animation-delay:1.4s;
    -ms-animation-delay:1.4s;
    -o-animation-delay:1.4s;
    animation-delay:1.4s;
}
@-moz-keyframes bounce_circularG {
    0%{-moz-transform:scale(1)}
    100%{-moz-transform:scale(.3)}
}
@-webkit-keyframes bounce_circularG {
    0%{-webkit-transform:scale(1)}
    100%{-webkit-transform:scale(.3)}
}
@-ms-keyframes bounce_circularG {
    0%{-ms-transform:scale(1)}
    100%{-ms-transform:scale(.3)}
}
@-o-keyframes bounce_circularG {
    0%{-o-transform:scale(1)}
    100%{-o-transform:scale(.3)}
}
@keyframes bounce_circularG {
    0%{transform:scale(1)}
    100%{transform:scale(.3)}
}