.done select {height:0px; width:0px; border:none; background:#fff; padding:0; margin:0; outline:none; position:absolute; top:0; left:-1000px; color:#fff;}
.select-list {position:absolute; left:0; top:22px; left:0px; line-height:20px; background-color:#fff; color:#767887;}

.custom-select {z-index:1; height:20px; margin:0 0 10px 0; float:left; position:relative;}
.custom-select * {-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none;}
.open {z-index:10}
.custom-select ul {margin:0 !important; padding:0; list-style:none; border-width:1px; border-style:solid; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border-color:#c7c7c7; position:relative; float:left;}
div.custom-select .custom-text {cursor:pointer; display:block; overflow:hidden; padding:2px 5px 0 6px; 
background:url('../img/sarrow.png') no-repeat right 0 #fff; width:100px; height:16px; line-height:14px; border:1px solid #d1d1d1;}

div.custom-select ul li {list-style:none; overflow:hidden; cursor:pointer; margin:0px !important; padding:0 0 0 5px;}
.select-scroll {position:absolute; right:2px; top:2px; z-index:2; background-color:#fff; width:12px; -webkit-border-radius:2px; 
-moz-border-radius:2px; border-radius:2px; border-color:#999999;}
.default-scroll ul {overflow-y:scroll; overflow-x:hidden;}
.custom-scroll {overflow:hidden}
.scroll-drag {display:block; position:absolute; left:1px; cursor:pointer}

.select-list.custom-scroll {padding:2px 0;}
.select-list .selected, .select-list li:hover {color:#535353; background:#dbdbdb;}
.select-list li.disabled {color:#a0a0a0; cursor:default;}
.disable * {cursor:default !important}
.disable {opacity:0.5 !important; filter:alpha(opacity=50)}
.custom-select .hover {color:#FFF}