/* Select */
div.selector {
	background: url("../img/selector.png") no-repeat scroll 10px center;
	color: #000;
	height: 45px;
	width: 100% !important;
	border-radius: 4px;
	border:2px solid #e6ecee;
}
div.selector span{
	height:45px;
	line-height:40px;
	color:#000;
	width: 97%;
	font-size: 12px;
	padding: 0 3%;
	cursor: pointer;
}

div.selector select {
  top: 0px;
  right: 0px;
}

div.selector {
  position: relative;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div.selector select {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 45px;
    opacity: 0;
    position: absolute;
    width: 100%;
	cursor:pointer;
}
div.selector select option{
	padding:5px;
}
/*----checkbox----*/
div.checker {
    display:inline;
    vertical-align:middle;
}

div.checker input {
    width: 12px;
    height: 12px;
	margin:0;
}

div.checker span {
    width: 12px;
    height: 12px;
    background-position:0px 0px;
    background-image: url('../img/checkbox.png');
    background-repeat:no-repeat;
    float:right;
    margin-left: 6px;
	margin-top:6px;
	
}
div.checker:active span,
div.checker.active span {
    background-position:-26px 0;
}
div.checker.focus span,
div.checker:hover span {
    background-position:0px 0px;
}
div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
    background-position:0px 0px;
}
div.checker span.checked {
    background-position:-26px 0;
}
div.checker:active span.checked,
div.checker.active span.checked {
    background-position:-26px 0;
}
div.checker.focus span.checked,
div.checker:hover span.checked {
    background-position:-26px 0;
}
div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
    background-position:-26px 0;
}
div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
    background-position:-26px 0;
}
div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
    background-position:0px 0px;
}
div.checker {
    position: relative;
}
div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
}
div.checker input {
    opacity: 0;
    filter: alpha(opacity:0);
    display: inline-block;
    background: none;
}

/* Radio */
div.radio {
    float: right;
    margin-left: 6px;
	margin-top:10px;
	margin-bottom:0;
}
div.radio input {
    width:0px;
    height:0px;
	margin:0;
	opacity:0;
	cursor:pointer;
}
div.radio span {
	width: 16px;
	height: 16px;
	background-position: -26px 0px;
	background-image: url("../img/radio.png");
    background-repeat:no-repeat;
    float:right;
}
div.radio:active span,
div.radio.active span {
    background-position:center center;
}
div.radio.focus span,
div.radio:hover span {
    background-position:-2px 0px;
}
div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
    background-position:-2px 0px;
}
div.radio span.checked {
    background-position:-2px 0px;
}
div.radio:active span.checked,
div.radio.active span.checked {
    background-position:-2px 0px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
    background-position:-2px 0px;
}
div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
    background-position:center center;
}
div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
    background-position:center center;
}
div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
    background-position:0 -17px;
}