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

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

        input[type="checkbox"] + label:before {
            content: "";
            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="checkbox"]:checked + label:before {
        background: url(check_radio_sheet2.png) -57px top no-repeat;
    }

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

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

        input[type="radio"] + label:before {
            content: "";
            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:before {
        background: url(check_radio_sheet2.png) -57px top no-repeat;
    }