label {
    display: block;
}

/*
 * The "remaining" box.
 */
div.remaining {
    position: fixed;
    right: 0px;
    top: 0px;

    border-left: 1px solid black;
    border-bottom: 1px solid black;
    background-color: white;
    
    font-size: smaller;
}


/*
 * The results table.
 */

div.results {
    display: none;
}

div.results table.rank tr td.ptr {
    width: 12px;
}

div.results table.rank tr td.selected {
    width: 12px;
    background-color: green;
}

div.results table.rank tr td.index,
div.results table.rank tr.selected td.index {
    text-align: right;
    padding-left: 2ex;
    padding-right: 2ex;
}


/*
 * The highlighted row in the results table.
 */
div.results table.rank tr.selected td {
    background-color: #ddffdd;
}

div.results table.rank tr.selected td.ptr,
div.results table.rank tr.selected td.index,
div.results table.rank tr.selected td.desc
{
    font-weight: bold;
    border-bottom: solid black 1px;
    border-top: solid black 1px;
}


div.results table.rank tr.selected td.ptr {
    background-image: url(arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 12px;
}


/*
 * Questions
 */
label:hover {
    background-color: #dddddd;
}


li.incomplete {
    color: #000;
}

li.completed {
    color: #777;
}

li.completed:hover {
    color: #000;
}