﻿
.CheckBox, .RadioBox {
    display:inline-block;
    margin-top:5px;
    vertical-align: top;
    cursor:pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.CheckBox-Label, .RadioBox-Label {
    cursor: pointer;
}

.CheckBox-Box, .RadioBox-Box {
    display:block;
    float:left;
    line-height:15px;
    padding:0;
    margin:-3px 5px 0 0;
    width:28px;
    height:28px;
    background:url('/Style/Default/Icons/Checkbox.png') no-repeat -24px -26px;
}

.CheckBox-Box {
    margin: -3px 0 0 0;
}

.CheckBox.Checked .CheckBox-Box {
    background-position: -24px 1px;
}

.CheckBox.Orange .CheckBox-Box { width: 17px; height: 17px; background-position: -58px -17px; }
.CheckBox.Orange.Checked .CheckBox-Box { background-position: -58px 0; }

.RadioBox-Box {
    width:18px;
    height:18px;
    margin:1px 5px 0 0;
    background-position: 0 -36px;
}

.RadioBox.Checked .RadioBox-Box {
    background-position: 0 -54px;
}

.RadioBox.RadioBox2 .RadioBox-Box{
    background-position: 0 0;
}
.RadioBox.RadioBox2.Checked .RadioBox-Box{
    background-position: 0 -17px;
}

.CheckBox[disabled], .RadioBox[disabled] {cursor:not-allowed;}
.CheckBox.Disabled {cursor:not-allowed;}
