.customSelect { position: relative; }
.customSelect .selectedValue { padding:18px 18px 12px 18px; margin-bottom: 0; font-size:20px; line-height:1.35em; color:#333;  background-color:#fff9e8; cursor: pointer; border-radius:3px; box-sizing:border-box; height:66px; vertical-align:middle; border-radius:7px; }

.select-open .selectedValue { box-shadow:0 5px 10px #555; }

.customSelect .caret { position:absolute; top:0; right:20px; display:inline-block; width:12px; height:100%; vertical-align:top; background-repeat:no-repeat; background-position:center 50%; background-image:url('../img/icon/icon_select.png'); cursor:pointer; }
.select-open .caret { background-image:url('../img/icon/icon_select_on.png'); }

.customSelect .selectList { position:absolute; left: -999em; top: -999em; margin:0; list-style: none; width:100%; background-color: #ffffff; border:0; z-index: 100; }
.customSelect.select-open .selectList { left:0 !important; top:60px !important; box-shadow:0 10px 10px #555; border-radius:0 0 7px 7px; overflow:hidden; }

.customSelect dl,
.customSelect dd { margin: 0; }
.customSelect dd { zoom: 1; cursor: pointer; padding: 2px 10px 2px 18px; color:#aaa; font-size:18px; line-height:52px; height:52px; box-sizing:border-box; } 
.customSelect .selected { color:#212121; background-color:#f8f8f8; }
.customSelect .disabled { color:#aaa; cursor: default; }



.customSelect .selectList dl { background: #fff; }
.customSelect .selectList dl.defaultScrollbar { overflow-x: hidden; overflow-y: scroll; }
.customSelect .selectList dd.hovered { background: #999; color: #fff; }
.customSelect .selectList dd.disabled.hovered { background: none; color: #999; }
.customSelect dt { font-weight: bold; font-style: italic; padding: 2px 10px 2px 6px; }
.selectbox select.custom { position: absolute; left: -999em; }
.selectbox select.custom.use-default {
	position: absolute; left: auto; height: auto; width: 100%;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	opacity: 0;
	font-size: 16px;
}
.customSelect.focused .selectedValue { box-shadow: 0 0 2px #00aedb; }
.customSelect.disabled .selectedValue { border: 1px solid #ccc; color: #ccc; cursor: default; }
.customSelect .jspPane { overflow-x: hidden; }
.customSelect .jspVerticalBar { background: none; width: 8px; }
.customSelect .jspHorizontalBar { height: 0; overflow: hidden; }
.customSelect .jspTrack { background: none; right: 5px; border-radius: 5px; }
.customSelect .jspDrag { 
	border-radius: 5px;
	color: #ffffff;
	opacity: .5;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	*background-color: #ccc;
	background-image: -moz-linear-gradient(top, #ccc, #ccc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#ccc));
	background-image: -webkit-linear-gradient(top, #ccc, #ccc);
	background-image: -o-linear-gradient(top, #ccc, #ccc);
	background-image: linear-gradient(to bottom, #ccc, #ccc);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
