@charset "utf-8";
.sp_selecter ul, .sp_selecter li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

.sp_selecter{
	margin-top:-4px;	
}

.sp_selecter ,
.sp_selecter > div.main_part {
	height:28px;
}

.sp_selecter > div.main_part{	
	z-index:10;	
	/*background: url(style.png)*/
}

.sp_selecter div.left,
.sp_selecter div.right{
	position:absolute;
	top:0px;	
	
}

.sp_selecter {
	position:relative;
	z-index: 1;
	cursor: pointer;
	/*display:inline-block;
	*display:inline;
	zoom:1;*/
	display:block;
	float:left;
	
}
.sp_selecter div.left {		
	background-position: 0px 0px;
	left:0px;
	width:11px;	
}

.sp_selecter div.center {
	line-height:28px;	
	overflow:hidden;
	font-size:13px;
	color: #666;
	padding:0px 5px;
  	background-position: 0px -29px;
	background-repeat:repeat-x;
	margin:0px 27px 0px 11px;
	position:relative;
	z-index:10;	
	
}

.sp_selecter div.center >img {
	margin-right:5px;	
}

.sp_selecter div.right {
	background-position: -12px 0px ;	
	cursor: pointer;
	right: 0px;
	width:27px;
}



.sp_selecter > .select_listdata_area {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	background:#FFF;
	padding-bottom:0px;
	border:1px solid #CCC;	
}

.sp_selecter > .select_listdata_area > ul {
	overflow:hidden;	
}

.sp_selecter > .select_listdata_area li {	
	color:#666;
	font-size:13px;	
	text-align:left;
	padding:5px 0px;
	position:relative;
	z-index:5;
	
}

.sp_selecter > .select_listdata_area li > img {
	display:inline-block;
	*display:inline;
	zoom:1;
	margin-right:5px;	
}

.sp_selecter > .select_listdata_area li:hover {
	color:#fff;	
	background-color:#24d4d1;
}



.sp_selecter .select_arrow{
	background:url(style.png) 0px 0px;
	position:absolute;
	width:7px;
	height:6px;
	top:10px;
	right:10px;
	z-index:50;		
}



/*track*/
.sp_selecter .track{
	position:absolute;
	width:20px;
	height:100%;
	top:0px;
	right:0px;	
	background:#eee;
	border-radius:6px;
}

.sp_selecter .track .drag {
	background:#666;
	width:20px;
	border-radius:6px;
}