/*    wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }

/* input, label positioning */
.custom-checkbox input,
.custom-radio input {
    position: absolute;
    left: 5px;
    top: 5px;
    margin: 0;
    z-index: 0;
    border: none;
    outline: none;
    background: none;
    opacity: 0;
}

.custom-checkbox label,
.custom-radio label, div.answer {
    display: block;
    position: relative;
    z-index: 1;
    line-height: 1;
    padding: 12px 0 10px 40px;
    margin: 0 0 .3em;
    cursor: pointer;
    width:800px;
}
div.answer {
    cursor:default;
}

/* states */
.custom-checkbox label, div.answer { background: url(../images/checkbox.gif) no-repeat; }

.custom-radio label, div.answer { background: url(../images/radiobutton.gif) no-repeat; }

.custom-checkbox label, .custom-radio label, div.answer {
    background-position: -5px -10px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
    background-position: -5px -110px;
}

.custom-checkbox label.checked,
.custom-radio label.checked, div.chosen_answer {
    background-position: -5px -210px;
}

.custom-checkbox label.checkedHover,
.custom-checkbox label.checkedFocus {
    background-position: -5px -310px;
}

.custom-checkbox label.focus,
.custom-radio label.focus {
    outline: 1px dotted #ccc;
}

div.answer {
    color:#999;
}
div.chosen_answer {
    color:#333;
    border:1px solid #333;
}

div.correct_answer {
    color:#02c800;
}