/* Styles for custom selects */

.done select {

	height:1px;

	width:1px;

	border:none;

	background:none;

	padding:0;

	margin:0;

	position: relative;

	left:-2px;

	z-index: -10;

	outline:none;

	-webkit-appearance: 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

}

.disabled * {

	cursor:             default !important

}

/* Style for example*/

.custom-select {

}

.custom-select .custom-text, .custom-select.disabled span.custom-text:hover {

	

	text-align: left;

color: #777;

	/*overflow:			hidden;*/

width: 70%;

border: 1px solid #CCC;

padding: 8px 5px;

border-radius: 7px;

background: url(../img/arrow-down.png)  right no-repeat ;

background:url(../img/arrow-down.png)  95% 50% no-repeat, -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

background:url(../img/arrow-down.png)  95% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));

background:url(../img/arrow-down.png)  95% 50% no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

background:url(../img/arrow-down.png)  95% 50% no-repeat, -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

background:url(../img/arrow-down.png)  95% 50% no-repeat, -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

background:  url(../img/arrow-down.png)  95% 50% no-repeat, linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );

float: left;

/*margin-bottom: 9px !important;*/

}

/*.custom-select .custom-text:after {

	font-size:			26px;

	position:			relative;

	top:				-6px;

	right:				12px;

	display:			block;

	content:			'̬';

	float: 				right;

	width:				6px;

	z-index: 			2;

}

*/

.select-list {

	top:				28px;

	line-height:		25px;

	padding:			0 0 0 10px;





}

.select-list.custom-scroll {

	padding: 2px 0 2px 10px;

text-align: left;

background: #ffffff;

background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));

background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);

background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 );

border-radius:5px;

border: 1px solid #CCC;

margin-top: 11px;

}



.select-list .selected, .select-list li:hover {

	color:				#e48900;

}

.select-list li.disabled {

	color:				#CCCCCC;

	cursor:				default

}

.select-scroll {

	background-color:	#e1e1e1;

	width:				12px;

	-webkit-border-radius:2px;

	-moz-border-radius: 2px;

	border-radius: 		2px;

}

.scroll-drag {

	top:				0;

	width:				10px;

	background-color:	#ff9600;

	-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 -6px;

	color:#fff;

}

.custom-select .hover {

	color:				#FFF

}

.custom-select.disabled {

	opacity:            0.5 !important;

}

/************** New changes ******************/

.custom-select {

	width:70% !important;

	margin:0 auto !important;

	height: 47px;

}





.custom-select {

	width:70% !important;

}





.custom-select .custom-scroll {

	width:100% !important;

}

.custom-select .custom-text {

	width:100% !important;

	margin-bottom: 0px;

	text-transform:capitalize;
	margin-bottom: 9px;

}

.custom-select .select-list ul {

	width:100% !important;

}



#CourseBookingsForm > br {

display: none;

}

.custom-select {

 background: url(../img/down-arrow.png) 99% right no-repeat !important;

}

.custom-select .custom-text {

font-size:12px !important;

}

.custom-select .select-list ul li{white-space:nowrap;overflow:hidden;}