body {
    margin: 5px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #364248;
    color: #ffffff;
}

hr {
    border: 0;
    background-color: #DDDDDD;
    height: 1px;
    margin: 5px;
}

table th {
    background: #364248 none repeat scroll 0 0;
    border-top: 1px solid #CCCCCC;
    font-size: small;
    padding-left: 5px;
    padding-right: 4px;
    padding-top: 4px;
    vertical-align: top;
    text-align: left;
}

table tr {
    font-size: small;
}

.topLine {
    height: 1.25em;
    background: #364248;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-top: 2px;
}

.headline {
    font-weight: bold;
    background: #364248;
    text-align: center;
}

.header {
    font-weight: bold;
    background: #364248;
    text-align: center;
}

.first {
    background: #ff99cc;
    color: #ff0000
}

.error {
    background: #ff99cc;
    color: #ff0000
}

.correct {
    background: #ff99cc;
    color: #00aa00
}

.standardtext {
    background-color: #263238;
    color: #bbdefb; /* light blue text */
}

.second {
    background: #33ccff;
    color: #ff0000
}

.third {
    background: #ccffcc;
    color: #ff0000
}

.commended {
    background: #eeee00
}

img {
    max-width: 50%;
}