.jq-checkbox { position: relative; width: 12px; height: 13px; background:url(../pic/check_box.png) no-repeat 0 100%;  cursor: pointer; position:relative; top:2px; margin-right:5px }
.jq-checkbox.checked { background-position:0 0!important}





.jq-radio { width: 14px; height: 14px; border-radius: 50%; background: url(../pic/radio_btns.png) 0 100%;  vertical-align: middle; cursor: pointer; margin-right:9px }
.jq-radio.checked{ background-position: 0 0}


.jq-file { border: 1px solid #c3c3c3;  background: #FFF; }
.jq-file.focused { border: 1px solid #5794BF; }
.jq-file input { cursor: pointer; height: auto; line-height: 1em; }
.jq-file__name { width: 196px; /*270px;*/ padding: 7px 10px 6px; border: none; background: none; color: #333; font: 14px Arial, Tahoma, sans-serif; }
.jq-file__browse { padding: 0 10px; border-left: 1px solid #CCC;  background: #c3c3c3;  color: #fff;  font: 14px/30px Arial, Tahoma, sans-serif; }
.jq-file:hover .jq-file__browse { background-color: #E6E6E6; background-position: 0 -10px; }
.jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; }
.jq-file.disabled, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; }




.jq-selectbox { vertical-align: middle; cursor: pointer; }
.jq-selectbox__select { width: 260px; height: 25px; padding: 0 20px 0 10px; color: #6d6d6d;  height:23px; line-height:23px; font-size:14px; border:solid #bababa 1px; background:#fff; border:solid #d7d7d7 1px; height:25px;  line-height:25px; behavior: url(css/pie.htc);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; }


.jq-selectbox__select:hover {  background-position: 0 -10px; }
.jq-selectbox__select:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; }

.jq-selectbox__select-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 23px; height: 100%;  }
.jq-selectbox__trigger-arrow { position: absolute; top: 12px; right: 7px; width: 0; height: 0; overflow: hidden; border-top: 5px solid #868482; border-right: 5px solid transparent; border-left: 5px solid transparent;  }
.jq-selectbox:hover .jq-selectbox__trigger-arrow { opacity: 1; filter: alpha(opacity=100); }
.jq-selectbox.disabled .jq-selectbox__trigger-arrow { opacity: 0.3; filter: alpha(opacity=30); }
.jq-selectbox__dropdown { top: 26px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid #C6CBD0;  background: #FFF;  font: 14px/18px Arial, Tahoma, sans-serif; }
.jq-selectbox ul { margin: 0; padding: 0; }
.jq-selectbox li { padding: 5px 10px 6px; color: #231F20; }
.jq-selectbox li.selected { background: #A3ABB1; color: #FFF; }
.jq-selectbox li:hover { background: #08C; color: #FFF; }
.jq-selectbox li.disabled { color: #AAA; }
.jq-selectbox li.disabled:hover { background: none; }
.jq-selectbox li.optgroup { font-weight: bold; }
.jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; }
.jq-selectbox li.option { padding-left: 25px; }
.jq-select-multiple { padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); background: #FFF; color: #333; font: 14px/18px Arial, Tahoma, sans-serif; cursor: default; }
.jq-select-multiple.focused { border: 1px solid #5794BF; }
.jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; }
.jq-select-multiple ul { margin: 0; padding: 0; }
.jq-select-multiple li { padding: 3px 9px 4px; list-style: none; }
.jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; }
.jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; }
.jq-select-multiple li.selected { background: #08C; color: #FFF; }
.jq-select-multiple li.disabled { color: #AAA; }
.jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; }
.jq-select-multiple li.optgroup { font-weight: bold; }
.jq-select-multiple li.option { padding-left: 25px; }
input[type="email"].styler, input[type="number"].styler, input[type="password"].styler, input[type="search"].styler, input[type="tel"].styler, input[type="text"].styler, input[type="url"].styler, textarea.styler { padding: 7px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; font: 14px Arial, Tahoma, sans-serif; }
input[type="search"].styler { -webkit-appearance: none; }
textarea.styler { overflow: auto; }
input[type="email"].styler:hover, input[type="number"].styler:hover, input[type="password"].styler:hover, input[type="search"].styler:hover, input[type="tel"].styler:hover, input[type="text"].styler:hover, input[type="url"].styler:hover, textarea.styler:hover { border-color: #B3B3B3; }
input[type="email"].styler:focus, input[type="number"].styler:focus, input[type="password"].styler:focus, input[type="search"].styler:focus, input[type="tel"].styler:focus, input[type="text"].styler:focus, input[type="url"].styler:focus, textarea.styler:focus { border-color: #CCC; border-top-color: #B3B3B3; box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); outline: none; }
button.styler, input[type="button"].styler, input[type="submit"].styler, input[type="reset"].styler { overflow: visible; padding: 7px 11px; outline: none; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x; box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); color: #333; text-shadow: 1px 1px #FFF; font: 14px Arial, Tahoma, sans-serif; cursor: pointer; }
button.styler::-moz-focus-inner, input[type="button"].styler::-moz-focus-inner, input[type="submit"].styler::-moz-focus-inner, input[type="reset"].styler::-moz-focus-inner {
 padding: 0;
 border: 0;
}
button.styler:after { content: ''; }
button.styler:hover, input[type="button"].styler:hover, input[type="submit"].styler:hover, input[type="reset"].styler:hover { background-color: #E6E6E6; background-position: 0 -10px; }
button.styler:active, input[type="button"].styler:active, input[type="submit"].styler:active, input[type="reset"].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; }