label[data-view="checkbox"],
label[data-view="checkbox-small"]{
    width: 100%;
    cursor: pointer;
}

label[data-view="checkbox"] > div.caption{
    margin-top: 1px;
    font-size: 0.85em;
    font-weight: 300;
    line-height: 135%;
    color: #7d8181;
}

label[data-view="checkbox"] > input,
label[data-view="checkbox-small"] > input{
    display: none;
}

label[data-view="checkbox"] >  span{
    display: block;
    width: 40px;     
    height: 22px;
    background: url("/img/forms/checkbox.png") no-repeat;      
}

label[data-view="checkbox-small"] >  span{
    display: block;
    width: 36px;     
    height: 16px;
    background: url("/img/forms/checkbox-small.png") no-repeat; 
    background-position: -73px 0;
         
}


label[data-view="checkbox"] > input:checked + span{
    background-position: -40px 0;
}

label[data-view="checkbox-small"] > input:checked + span{
    background-position: -36px 0;
}

label[data-view="checkbox"] > input:disabled + span{
    opacity: 0.6;       
}


label[data-view="checkbox-small"] > input:disabled + span{
    opacity: 0.6;
    background-position: 0 0;
}

.calculator{
    padding: 6px 15px 8px;
    font-size: 0.9em;
    border-top: 1px solid #fdfdfd;
    border-bottom: 1px solid #e9e9e9;
}

.calculator:last-child{
    border-bottom: 0 none;
}

.sub-calculator{
    display: none;
    font-weight: 300;
    padding: 0 15px;
    margin: 0;
    font-size: 0.85em;
}