﻿/* General settings */
div.selector, div.selector span, div.checker span, div.radio span {-webkit-font-smoothing: antialiased; }
div.selector, div.checker,  div.radio { display: -moz-inline-box;   display: inline-block; vertical-align: middle; }
div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus{outline: 0;}
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker * {margin: 0; padding: 0;}

/* Select */
div.selector {background:#fff;  border:1px #cccccc solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; line-height: 30px; height: 30px;  padding: 0 0 0 10px;  position: relative;  overflow: hidden; }
div.selector span  {font-size:14px; font-family:"Droid Sans"; text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background: url('../images/select-arrow.png') right no-repeat; height: 28px; line-height: 26px; padding-right:28px; cursor: pointer; width: 100%; display: block; }
div.selector select {opacity: 0;  border: none; background: none; position: absolute; height: 28px; top: 0px; left: 0px; width: 100%;}
div.selector select option{ padding:3px 7px;}
div.selector select option:focus{ background:#000;}

/* Checkbox */
div.checker {  position: relative; background:url('../images/chack-box.png') left 0px no-repeat; }
div.checker, div.checker span, div.checker input { width:14px;  height: 13px; }
div.checker span { width:100% !important;  display: -moz-inline-box; display: inline-block; text-align: center; }
div.checker span.checked { background:url('../images/chack-box.png') left -14px no-repeat; }
div.checker input { opacity: 0;  border: none; background: none; display: -moz-inline-box; display: inline-block; }
div.checker.active span {background:url('../images/chack-box.png') left -14px no-repeat; }
div.checker.active span.checked { background:url('../images/chack-box.png') left -14px no-repeat; }
    

/* Radio */
div.radio { position: relative; }
div.radio, div.radio span, div.radio input {width:13px !important;  height: 13px; }
div.radio span {background:url('../images/radio.png') left 0px no-repeat; display: -moz-inline-box; display: inline-block; text-align: center;}
div.radio span.checked { background-position: 0px -15px; }
div.radio input { opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block;  text-align: center;  }

div.radio.active span.checked {background-position: 0px -15px; }
  
/* Select */
div.selector {font-weight:400;  width:100%; color:#444;}
div.selector span { color: #444; }
div.selector select { font-weight:400; }
div.selector.disabled span, div.selector.disabled.active span {  color: #bbb; }

/* Checker */
div.checker {margin-right: 5px; }

/* Radio */
div.radio { margin-right: 3px; }

