#realm-status{
    background:url('../images/backgrounds/007.jpg') center center no-repeat;
    background-size:100% 100%;
    border:1px solid rgba(255,255,0,1);
    border-radius:2px 2px;
    width:50vmin;
    margin-top:35vmin;
    margin-left:2vmin;
    float:left;
    position:absolute;
}
#realm-status .header .realm-name{
    color:rgba(255,255,0,1);
    font-size:1.5vmin;
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
    padding:2vmin;
    float:left;
}
#realm-status .header .realm-maxchars{
    color:rgba(255,255,0,1);
    font-size:1.5vmin;
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
    padding:2vmin;
    float:right;
}
#realm-status .progress{
    background-color:rgba(255,255,255,0.1);
}
#realm-status .progress .progress-box{
    background-color:rgba(255,255,255,0.1);
    padding:2vmin;
}
#realm-status .progress .progress-box .progress-bar{
    background-color:rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,0,1);
    box-shadow:inset 0px 0px 15px 8px rgba(0,0,0,0.8);
    width:100%;
    height:3.5vmin;
    margin:0 auto;
    position:relative;
}
#realm-status .progress .progress-box .progress-fill{
    background:url('../images/progress-fill.png') top left repeat;
    background-color:rgba(0, 119, 255, 0.562);
    box-shadow:inset 0px 0px 10px 8px rgba(255,255,255,0.4);
    width:70%;
    height:3.5vmin;
    float:left;
}
#realm-status .progress .progress-box .progress-fill-2{
    background:url('../images/progress-fill.png') top left repeat;
    background-color:rgba(255, 0, 43, 0.678);
    box-shadow:inset 0px 0px 10px 8px rgba(255,255,255,0.5);
    width:30%;
    height:3.5vmin;
    float:right;
}