﻿
/* select-main */
div.select-main {
	background-color:#FFFFFF;

	border-radius:5px;
	font-size:14px;
	height:42px;
	position:relative;
	width:260px;
	color: #ff5f8c;
	-webkit-user-select:none; /* webkit (safari, chrome) browsers */
    -moz-user-select:none; /* mozilla browsers */
    -khtml-user-select:none; /* webkit (konqueror) browsers */
    -ms-user-select:none; /* IE10+ */
}

div.select-main.z-index {
	z-index:10;
}

div.select-main.disabled {
	cursor:default;
	filter:alpha(opacity=50);
	opacity:0.5;
	zoom:1;
}

div.select-main.disabled div.select-set {
	cursor:default;
}

div.select-main.disabled div.select-arrow {
	cursor:default;
}

div.select-set {
	background-color:#FFFFFF;
	border-radius:5px;
	color:#ff5f8c;
	cursor:pointer;
	height:42px;
	line-height:42px;
	overflow:hidden;
	position:relative;
	padding:0 35px 0 15px;
	width:210px;
	z-index:5;
}

div.select-arrow {
	border-top:7px solid #f15a9d;
	border-left:7px solid transparent;
	border-right:7px solid transparent;
	cursor:pointer;
	height:0px;
	position:absolute;
	top:18px;
	right:10px;
	width:0px;
	z-index:7;
}

div.select-arrow.reverse {
	border-top:7px solid transparent;
	border-bottom:7px solid #f15a9d;
	top:10px;
}

div.select-block {
	background-color:#FFFFFF;
    border-radius:5px;
    left:0;
    line-height:20px;
    position:absolute;
    top:32px;
    width:261px;
}

ul.select-list {
	cursor:pointer;
	margin:15px 0 7px;
}

/* Scroll view */

ul.select-list::-webkit-scrollbar {
    width:12px;
}

ul.select-list::-webkit-scrollbar-track {
    border-radius:10px;
}

ul.select-list::-webkit-scrollbar-thumb {
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5);
}

ul.select-list {
	scrollbar-face-color:#AEB1B1;
    scrollbar-shadow-color:#C7CACA;
    scrollbar-highlight-color:#CED1D1;
    scrollbar-3dlight-color:#CED1D1;
    scrollbar-darkshadow-color:#C7CACA;
    scrollbar-track-color:#CED1D1;
    scrollbar-arrow-color:#333;
}

/* End scroll view */

li.select-items {
	color:#333333;
	padding:7px 15px;
}

li.select-items:hover,
li.select-items.active {
	background-color:#ff5f8c;
	color:#FFFFFF;
} 