/* UNNECESSARY CSS FROM SAMPLE HTML FOR CHECKBOX REPLACE JQUERY */

.ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover
{
    color: #999;
}
span.ui-checkbox, span.ui-radio
{
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
span.ui-checkbox
{
    background: url(../Images/Backgrounds/Checkbox.png) 0 0 no-repeat;
}
span.ui-radio
{
    background: url(../Images/Backgrounds/Radiobox.png) 0 0 no-repeat;
}

span.ui-helper-hidden
{
    display: none;
}
span.ui-radio-state-hover, span.ui-checkbox-state-hover
{
    background-position: 0 0;
}

span.ui-checkbox-state-checked
{
    background-position: 0 -25px;
}

span.ui-checkbox-state-checked-hover
{
    background-position: 0 -25px;
}
span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked
{
    background-position: 0 -25px;
}


span.ui-radio-state-checked-hover
{
    background-position: 0 -25px;
}

.ui-helper-hidden-accessible
{
    position: absolute;
    left: -999em;
}