﻿span.ui-checkbox, 
span.ui-radio
{
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background: url(icon_checkbox.png) 0 -42px no-repeat;
}

.ui-radio-disabled,
.ui-checkbox-disabled
{
    opacity: 0.7;
}

span.ui-radio-state-hover, 
span.ui-checkbox-state-hover
{
    background-position: 0 -116px;
}

span.ui-checkbox-state-checked
{
    background-position: 0 -1px;
}

span.ui-checkbox-state-checked-hover
{
    background-position: 0 -75px;
}

.ui-radio-state-disabled, 
.ui-radio-state-checked-disabled, 
.ui-radio-state-disabled-hover, 
.ui-radio-state-checked-disabled-hover
{
    color: #999;
}

.check-styled span.ui-radio-state-checked-disabled-hover, 
.check-styled span.ui-radio-state-checked-disabled, 
.check-styled span.ui-radio-state-checked
{
    background-position: 0 -1px;
}

.check-styled span.ui-radio-state-checked-hover
{
    background-position: 0 -75px;
}

span.ui-radio-state-checked-disabled-hover, 
span.ui-radio-state-checked-disabled, 
span.ui-radio-state-checked
{
    background-position: 0 -161px;
}

span.ui-radio-state-checked-hover
{
    background-position: 0 -200px;
}

span.ui-helper-hidden
{
    display: none;
}

.ui-helper-hidden-accessible
{
    position: absolute;
    left: -999em;
}

label.ui-checkbox
{
    margin: 2px 0 0 5px;
}
