/* ----------------------- Default ----------------------- */
input[type="checkbox"], input[type="radio"] { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; position: relative; vertical-align: top; margin: 3px 7px 0 0; }

/* ----------------------- Settings ----------------------- 
.checker span, .radio span, .uploader, .uploader span.action, .button, .button span { background-image:url('../../img/colorbox/controls.png'); background-repeat: no-repeat; }*/
.selector, .checker, .button, .radio, .uploader { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
.selector:focus, .checker:focus, .button:focus, .radio:focus, .uploader:focus { outline: 0; }
.selector, .selector *, .radio, .radio *, .checker, .checker *, .uploader, .uploader *, .button, .button * { margin:0; padding:0; }

/* ----------------------- Selector ----------------------- */
.selector { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.selector select { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); border: none; background: none; }

/* ----------------------- Checkboxes ----------------------- */
.checker { display: inline-block; *display: inline; zoom: 1; display: -moz-inline-box; position: relative; vertical-align: middle; margin: 0 7px 0 0; }
.checker, .checker span, .checker input  { width: 20px; height: 20px; }
.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 0; }
.checker input { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; margin: 0; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; }

.checker span.checked { background-position: -20px 0; }

.checker.hover span,
.checker.hover.active span { background-position: -40px 0; }

.checker.hover span.checked,
.checker.hover.active span.checked { background-position: -60px 0; }

.checker.disabled span { background-position: -80px 0 !important; }
.checker.disabled span.checked { background-position: -100px 0!important; }

.checker.active { }

.checker.focus span.checked,
.checker.focus.active span.checked { }

.checker.focus span,
.checker.focus.active span { }

.g-error .checker span { background-position: -120px 0; }

/* ----------------------- Radio-buttons ----------------------- */
.radio { display: inline-block; *display: inline; zoom: 1; display: -moz-inline-box; position: relative; vertical-align: middle; margin: 0 7px 0 0; }
.radio, .radio span, .radio input { width: 20px; height: 20px; }
.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom:1; text-align: center; background-position: 0 -20px; }
.radio input { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; margin: 0; text-align: center; opacity:0; filter:alpha(opacity=0); -moz-opacity:0; border:none; background:none;  }

.radio span.checked { background-position: -20px -20px; }

.radio.hover span,
.radio.hover.active span { background-position: -40px -20px; }

.radio.hover span.checked,
.radio.hover.active span.checked { background-position: -60px -20px; }

.radio.disabled span { background-position: -80px -20px !important; }
.radio.disabled span.checked { background-position: -100px -20px !important; }

.radio.active {  }

.radio.focus span,
.radio.focus.active span {  }

.radio.focus span.checked,
.radio.focus.active span.checked {  }

.g-error .radio span { background-position: -120px -20px; }