@charset "utf-8";

label.qCheckbox {
    cursor: pointer;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;      
    user-select: none;
    position: relative;
    display: inline-block;
}
/* keep available the actual input, but make it invisible and place it over the icon*/
label.qCheckbox input {
    height: 25px;
    position: absolute;
    left: 0;
    width: 25px;
    opacity: 0;
}
label.qCheckbox em.checkIcon {
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    background-position: -1px -1px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAAZCAYAAAAc5SFpAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOnAAADpwBB5RT3QAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8wNS8xNXGayAEAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAACwUlEQVRoge2asU4bMRiAv0ChSCgirsRSVAmJ7k0HJhamzH0DrlN5AXbmRn2Gmj5BB6ZmYQlLhpKhY6qqJVXVSDiEXhsFhXS4HD0fdyjH2bqG3DdZtqM/p8/2/b+Twmg0wjZKKftB7glCiILtGHO2A+T8f+TSZ5Bc+gySS59BplW6A7y3GaDedvl2cWkzBNVGh3rbtRlCAi/CndMo3RFCHGBRer3t0uoO+Nob2ApBtdHhw5cLjr//thVCAjvcA+m+cLAk3RcOWNvpvnA/ngUknnCYculB4RDxMGkJCgd4UlwwHUITDrC1tmw6hOSfcIjYHNMiXROulNrBezhjhIVvlBaNCwkLr6wX2dtcNRlCogs/wMt/NKZBei58MiQTCIdspe8DZaB7y5xUwpudPxy2egyG8bfAaYW/+6R4VTvl1+VV7JyUwveBE6B0yxzJhMIBChndvZ8IIZ6Px1aAI7wFECSV8LP+kMNWD4DF+QKV9SKPlua1OWmFt7oDdmunACwvzPFm+zEbpUVtTlLhobv3MvBx3D4HtvEWQBBJAuGQ3U53/IYQ4ny8AGRwPO2RfhzIigfDEYetnibYxJH+uvHzuu1eXrFbO9UEGzjSZaC9grcAnNB4IuEAD5J8A4OUgWawQwjxUil1NG6nfoeLpXnO+kOtr952+eF6ZZiJd/jT0kM+d/Vavtro0Oz0AUy8w0+AZ6G+t3g7Hu4gHLI73uFmCRb1uVRJW3g3R5E2aQvv5iiSCI/4aVWiy41iYuGQbSInx1IjMZGlb60t33jHBjGRpe9trlJZL8aOG8jSHTypcSQSDtmXbJHiTZZlceJNlmVx4g2WZQ7R4hMLh+ylQ0i8jTo8LN5GHR4Wb6EOd9DF30k4ZJfIhZFKqeu2jQBByRauPgE0yYaF+zgx7URkmcjlRJD/Ry7HCrn0GSSXPoPk0meQv8X0YOjSDXl8AAAAAElFTkSuQmCC');
    background-color: #eee;
    /*margin-right: 5px;*/
    border: 1px solid #aaa;
    border-radius: 1px;
    /*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;*/
    position: absolute;
}
label.qCheckbox em.checkIcon.active {
    background-position: -76px -1px;
    background-color: transparent;
}
label.qCheckbox:hover em.checkIcon:not(.active),
label.qCheckbox em.checkIcon.focused {
    /*background-color: #39c;*/
    /*background-position: -1px -1px;*/
}
label.qCheckbox:hover em.checkIcon,
label.qCheckbox:active em.checkIcon:not(.active),
label.qCheckbox em.checkIcon.focused.active {
    /*background-color: #39c;*/
    /*background-position: -101px -1px;*/
	border-color: #39c;
}
label.qCheckbox:active em.checkIcon,
label.qCheckbox:hover em.checkIcon.focused:not(.active),
label.qCheckbox:active em.checkIcon.focused:not(.active) {
    /*background-color: #39c;*/
    /*background-position: -101px -1px;*/
    background-position: -1px -1px;
}
label.qCheckbox.disabled {
    color: #aaa;
    cursor: default;
}
label.qCheckbox.disabled em.checkIcon {
    opacity: 0.5;
}
label.qCheckbox.disabled:active em.checkIcon,
label.qCheckbox.disabled:hover em.checkIcon {
    background-position: -1px -1px;
    background-color: #eee;
}
label.qCheckbox.disabled:active em.checkIcon.active,
label.qCheckbox.disabled:hover em.checkIcon.active {
    background-position: -76px -1px;
    background-color: #eee;
}
label.qCheckbox b {
    margin-right: 1em;
    display: block;
    margin-left: 40px;
}