input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label {
        color: #777777;
    }

input[type="checkbox"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: url(check_radio_sheet2.png) left top no-repeat;
    cursor: pointer;
}

input[type="checkbox"]:checked + label span {
    background: url(check_radio_sheet2.png) -19px top no-repeat;
}

input[type="radio"] {
    display: none;
}

    input[type="radio"] + label {
        color: #777777;
        font-family: inherit;
    }

input[type="radio"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -2px 10px 0 0;
    vertical-align: middle;
    background: url(check_radio_sheet2.png) -38px top no-repeat;
    cursor: pointer;
}

input[type="radio"]:checked + label span {
    background: url(check_radio_sheet2.png) -57px top no-repeat;
}