.jq-checkbox { position: relative; width: 10px; height: 10px; background:url(../pic/checkbox.png) no-repeat;  cursor: pointer; position:relative; top:0px; margin-right:10px }
.jq-checkbox.checked { background-position:0 -13px!important}
label:hover  .jq-checkbox{background-position:0 -26px}




.jq-radio { width: 23px; height: 23px; border:solid #7bc34f 1px;   vertical-align: middle; cursor: pointer; margin-right:9px }
.jq-radio span{ display:block; margin:2px; height:19px; width:19px }
.jq-radio.checked span{ background:#7bc34f }


.jq-file { 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; }
.jq-file.focused { border: 1px solid #5794BF; }
.jq-file input { cursor: pointer; height: auto; line-height: 1em; }
.jq-file__name { width: 170px; 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; border-radius: 0 4px 4px 0; 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/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: 170px; height: 40px; padding: 0 40px 0 10px; color: #fff;   line-height:40px; font-size:16px;  background:#73bf44;  margin:0 0 30px 0  }


.jq-selectbox__select:hover { background-color: #6be321;  }
.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: 40px; height: 100%; border-left:solid 1px #fff  }
.jq-selectbox__trigger-arrow { position: absolute; top: 17px; right: 11px; width: 0; height: 0; overflow: hidden; border-top: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px 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: 40px; width: 218px; margin: 0; padding: 0; border: 1px solid #C6CBD0;  background: #FFF; border:solid #73bf44 1px; border-top:none  }
.jq-selectbox ul { margin: 0; padding: 2px 0; }
.jq-selectbox li { padding: 3px 10px 3px; color: #231F20; margin:0 2px; font-size:14px; line-height:16px;  }
.jq-selectbox li.selected { background: #6d6e71; color: #FFF; }
.jq-selectbox li:hover { background: #6d6e71; 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; }