/* Styles for custom selects */
.done select{
	height:1px;
	width:1px;
	border:none;
	background:none;
	padding:0;
	margin:0;
    position: relative;
    left:-10px;
    z-index: -10;
	outline:none;    
	-webkit-appearance: none;
    display: none;
	}
.select-list{
	position:			absolute;
	left:				0
	}
.custom-select{
	z-index:			1
	}
.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_list{
	z-index:			10
	}
.custom-select ul,
.custom-select li{
	margin:				0;
	padding:			0;
	list-style:			none
	}
.custom-select,
.custom-select ul{
	position:			relative;
	top:				0;
	left:				0
	}
.custom-select .custom-text{
	cursor:				pointer;
	display:			inline-block;
	}
.custom-select li{
	cursor:				pointer;
	min-height:			25px;
	}
.select-scroll{
	position:			absolute;
	right:				2px;
	top:				2px;
	z-index:			2
	}
.default-scroll ul{
	overflow-y:			scroll
	}
.custom-scroll{
	overflow:			hidden
	}
.scroll-drag{
	display:			block;
	position:			absolute;
	left:				1px;
	cursor:				pointer
	}
.disable *{
    cursor:             default !important
    }
/* Style for example*/
.custom-select .custom-text,
.custom-select.disable span.custom-text:hover{
	overflow:			hidden;
	height:				30px;
	padding:			0 0 0 10px;
	line-height:		30px;
    border: 0;
    color: #666;

	/* background styles */
	background: 		#fff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */	
	}

.custom-select .custom-text
{
    background: #fff url(/Images/System/arrow-dropdown.gif) no-repeat right 12px;
    padding-right: 20px;
    text-transform: uppercase;
}
.custom-select span.custom-text:hover,
.active span.custom-text{
    
	
	}
.select-list{
	top:				28px;
	line-height:		25px;
	padding:			0 0 0 10px;
	background-color:	#fff;
	color:				#666;	
	}
.select-list.custom-scroll{
	border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 2px 8px 2px 10px !important;
    
	}
.select-list .selected
{
	font-weight: 700;
    color:				#666;
	}
.select-list li:hover
{
    color:#d8d8df;
}
.select-list li.disabled{
	color:				#CCCCCC;
	cursor:				default
	}
.select-scroll{
	background-color:	#73b0e2;
	width:				12px;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 		2px; 
	}
.scroll-drag{
	top:				0;
	width:				10px;
	background-color:	#14609e;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 		2px; 
	}
.maxlength .scroll-drag:after{
	display:			block;
	content:			'≡';
	font-size:			14px;
	position:			relative;
	left:				50%;
	top:				50%;
	margin:				-14px 0 0 -4px
	}
.custom-select .hover{
	color:				#FFF
	}
.disable{
    opacity:            0.5 !important;
    }