figure.levelbadge {
    text-align: center;
}

div.pointinfo {
    text-align: center;
    font-family: "Open Sans", Arial, helvetica, sans-serif;
}
    div.pointinfo.complete {
        font-weight: bold;
    }

   div.pointinfo span.currentpoints {
        font-weight: bold;
    }

    div.pointinfo span.leveluppoints {
        font-weight: bold;
    }
div.teachermode {
    text-align: center;
}

td.block_gradelevel_addlevel {
    text-align: right;

}
input.jscolor[type=text] {
    width: 5em;
}

figure.levelset_icon {
    background-color: #ccc;
    background-image: -moz-linear-gradient(45deg, #aaa 25%, transparent 25%), -moz-linear-gradient(-45deg, #aaa 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #aaa 75%), -moz-linear-gradient(-45deg, transparent 75%, #aaa 75%);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #aaa), color-stop(.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #aaa), color-stop(.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #aaa)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #aaa));
    -moz-background-size: 32px 32px;
    background-size: 32px 33px;
    -webkit-background-size: 32px 33px; /* override value for shitty webkit */
    background-position: 0 0, 16px 0, 16px -16px, 0px 16px;
    display: inline-block;
}