/* ------------------------------------------------------------------------
    This you can customize
------------------------------------------------------------------------- */

    label.checkbox span.holder {
        height: 63px; /* Total height of your checkbox image */
        background: url(../images/checkbox.gif) 0 1px no-repeat; /* Path to your checkbox image */
    }
    
    label.radioMale span.holder {
        height: 61px; /* Total height of your radio buttons image */
        background: url(../images/radioMale.gif) 0 -1px no-repeat; /* Path to your radio button image */
    }
    
    label.checkbox:hover span.holder,
    label.radioMale:hover span.holder { top: -19px !important; } /* Background position on mouseover */
    
    label.radioBox span.holder {
        height: 28px; /* Total height of your radio buttons image */
        background: url(../images/icons/radioBlue-trans.png) 0 0 no-repeat; /* Path to your radio button image */
    }

    label.checkbox:hover span.holder,
    label.radioBox:hover span.holder { top: 0px !important; } /* Background position on mouseover */

    label.checked span.holder,
    label.checked span.holder,
    label.checked:hover span.holder,
    label.checked:hover span.holder { top: -38px !important; } /* Background position when checked */

    label.checked.radioBox span.holder,
    label.checked.radioBox span.holder,
    label.checked.radioBox:hover span.holder,
    label.checked.radioBox:hover span.holder { top: -14px !important; } /* Background position when checked */
    
    label.radioFemale:hover span.holder { top: -20px !important; } /* Background position on mouseover */
    label.radioFemale span.holder {
        height: 61px; /* Total height of your radio buttons image */
        background: url(../images/radioFemale.gif) 0 0px no-repeat; /* Path to your radio button image */
    }
    label.checked.radioFemale span.holder,
    label.checked.radioFemale span.holder,
    label.checked.radioFemale:hover span.holder,
    label.checked.radioFemale:hover span.holder { top: -40px !important; } /* Background position when checked */

    label.radioFemaleRed span.holder {
        height: 69px; /* Total height of your radio buttons image */
        background: url(../images/radioFemaleRed.gif) 0 0px no-repeat; /* Path to your radio button image */
    }
    label.checked.radioFemaleRed span.holder,
    label.checked.radioFemaleRed span.holder,
    label.checked.radioFemaleRed:hover span.holder,
    label.checked.radioFemaleRed:hover span.holder { top: -46px !important; } /* Background position when checked */
    
/* ------------------------------------------------------------------------
    Customize at your own risk
------------------------------------------------------------------------- */

    label.list {
        float: left; clear: left;
        margin: 0 0 5px 0;
    }
    
    label.inline {
        float: left; margin: 0 10px 0 0;
    }
    
        input.hiddenCheckbox {
            position: absolute;
            left: -10000px;
        }
    
        label.radioMale span.holderWrap {
            display: block;
            float: left;
            position: relative;
            margin-top: 0px;
            margin-right: 5px;
            margin-left: 5px;
            overflow: hidden;
        }
        
        label.radioMale span.holder {
            display: block;
            position: absolute;
            top: 0; left: 0;
        }
        
        label.radioFemale span.holderWrap {
            display: block;
            float: left;
            position: relative;
            margin-top: 5px;
            margin-right: 5px;
            overflow: hidden;
        }
        
        label.radioFemale span.holder {
            display: block;
            position: absolute;
            top: 0; left: 0;
        }

        label.radioFemaleRed span.holderWrap {
            display: block;
            float: left;
            position: relative;
            margin-top: 5px;
            margin-right: 5px;
            margin-left: 5px;
            overflow: hidden;
        }

        label.radioFemaleRed span.holder {
            display: block;
            position: absolute;
            top: 0; left: 0;
        }
        label.radioBox span.holderWrap {
            display: block;
            float: left;
            position: relative;
            margin-top: 2px;
            margin-right: 5px;
            margin-left: 5px;
            overflow: hidden;
        }

        label.radioBox span.holder {
            display: block;
            position: absolute;
            top: 0; left: 0;
        }