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

/* Select */
div.selector { display: inline-block; position: relative; height: 32px; width: 370px !important; overflow: hidden; }
div.selector span { display: block; position: relative; height: 28px; width: 326px !important; padding: 0 35px 0 5px; margin: 0; font: normal 1.4em/28px 'Arial', sans-serif; color: #474747; border: 2px solid #dbdde2; border-radius: 2px; text-overflow: ellipsis; white-space: nowrap; }
div.selector span:after { display: block; position: absolute; right: -2px; top: -2px; height: 32px; width: 30px; background: url('/img/select.png') left top no-repeat; content: ''; }
div.selector select {  display: block; position: absolute; left: 0; top: 0; height: 32px; width: 370px; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none;  }

/* Checkbox */
div.checker { position: relative; }
div.checker, div.checker span,div.checker input { width: 16px; height: 16px; cursor: pointer; }
div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 0; }
div.checker span.checked { background-position: -64px 0; }
div.checker input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; }
div.checker.active span { background-position: -16px 0; }
div.checker.active span.checked { background-position: -80px 0; }
div.checker.hover span, div.checker.focus span { background-position: -32px 0; }
div.checker.hover span.checked, div.checker.focus span.checked { background-position: -96px 0; }
div.checker.hover.active span, div.checker.focus.active span { background-position: -48px 0; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -112px 0; }
div.checker.disabled, div.checker.disabled.active { background-position: -128px 0; }
div.checker.disabled span.checked, div.checker.disabled.active span.checked { background-position: -144px 0; }

.b-form_error_field .checker span { background-position: right 0 !important; }

/* Radio */
div.radio {  position: relative; }
div.radio, div.radio span, div.radio input { width: 16px; height: 16px; cursor: pointer; }
div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 -16px; }
div.radio span.checked { background-position: -64px -16px; }
div.radio input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; }
div.radio.active span { background-position: -16px -16px; }
div.radio.active span.checked { background-position: -80px -16px; }
div.radio.hover span,div.radio.focus span { background-position: -32px -16px; }
div.radio.hover span.checked,div.radio.focus span.checked { background-position: -96px -16px; }
div.radio.hover.active span,div.radio.focus.active span { background-position: -48px -16px; }
div.radio.hover.active span.checked,div.radio.focus.active span.checked { background-position: -112px -16px; }
div.radio.disabled span,div.radio.disabled.active span { background-position: -128px -16px; }
div.radio.disabled span.checked,div.radio.disabled.active span.checked { background-position: -144px -16px; }

.b-form_error_field .radio span { background-position: right -16px !important; }
