.classicon {
    background-position: center;
    background-repeat-x: no-repeat;
    width: 40px;
    height: 40px;
}

.classicon.class0, .classicon.class1, .classicon.class2, .classicon.class3 {
    background-image: url(../images/classicon/0.png);
}


.classicon.class18 {
    background-image: url(../images/classicon/18.png);
}

.classicon.class20 {
    background-image: url(../images/classicon/20.png);
}

.classicon.class22 {
    background-image: url(../images/classicon/22.png);
}

.classicon.class24 {
    background-image: url(../images/classicon/24.png);
}

.classicon.class28 {
    background-image: url(../images/classicon/28.png);
}

.classicon.class29 {
    background-image: url(../images/classicon/29.png);
}

.classicon.class31 {
    background-image: url(../images/classicon/31.png);
}

.classicon.class34 {
    background-image: url(../images/classicon/34.png);
}

.classicon.class39 {
    background-image: url(../images/classicon/39.png);
}

.classicon.class41 {
    background-image: url(../images/classicon/41.png);
}

.classicon.class43 {
    background-image: url(../images/classicon/43.png);
}

.classicon.class44 {
    background-image: url(../images/classicon/44.png);
}

.progress {
    font-size: 20px;
}

.progress-bar {
    background-color: #8b0000;
}

#servergoal {
    color: #FFD700;
}

.progress {
    position: relative;
    background-color: darkgrey;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
 }