.checkbox.indent {
   margin-bottom: 10px;
}

.checkbox{
   display: block;
   margin: 2px 0px;
}

.checkbox span{
   margin: 2px 5px 0px 0px;
   vertical-align: top;
}

.checkbox input{
    opacity: 0;
    margin: 0px;
    padding: 0px;
    width: 11px;
    height: 11px;
}

.checkbox span:first-child{
    float: left;
    background: url('../img/checkbox.gif') left top no-repeat;
    width: 11px;
    height: 11px;
}

.checkbox span:first-child + span{
    display: block;
    margin-left: 16px;
    margin-right: 0px;
}

.checkbox span.checked{
    background: url('../img/checkbox.gif') -11px top no-repeat;
}