.radio,
.checkbox,
.select {
    display: inline-block;
    cursor: pointer;
    background-position: 0 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.radio {
    background-image: url(radios.png);
    width: 12px;
    height: 11px;
}

.checkbox {
    background-image: url(checkbox.png);
    padding: 0;
    width: 12px;
    height: 12px;
}

.select {
    background-image: url(select-short.png);
    color: #8A7967;
    font: 10px/21px arial,sans-serif;
    overflow: hidden;
    position: absolute;
    padding: 0 24px 0 11px;
    width: 126px;
    height: 21px;
}

jQuery(document).ready(function($) {

    // Extremely minimum version:
    // Default settings apply. All input/select tags with a class of 'styled' are affected.
    var cf = new CustomFormElements();

    // Minimum version:
    var cf = new CustomFormElements({
        checkboxHeight: 12,
        radioHeight: 11,
        selectWidth: 161
    });

    // All options
    var cf = new CustomFormElements({
        styled: 'styled',
        uniqueClassName: 'customFormElement',
        checkboxHeight: 12,
        radioHeight: 11,
        selectWidth: 161
    });

    // If you need to reinitialize dynamically added form elements:
    cf.repaint();

});