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

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

.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;
	
}
.sp_selecter div.left {
		
	background-position: 0px 0px;
	left:0px;
	width:7px;
}

.sp_selecter div.center {	

	line-height:24px;	
	overflow:hidden;
	font-size:13px;
	color: #666;
	padding:0px 8px;
  	background-position: 0px -24px;
	background-repeat:repeat-x;
	margin:0px 25px 0px 7px;
	position:relative;
	z-index:10;	
	
}

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

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



.sp_selecter > .select_listdata_area {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	background:#333;
}

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

.sp_selecter > .select_listdata_area > ul > li {	
	color:#FFF;
	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:#d38a14;
}

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



/*track*/

.sp_selecter .track,
.sp_selecter .track .drag {
	width:10px;
}

.sp_selecter .track{
	position:absolute;	
	height:100%;
	top:0px;
	right:0px;	
	background:#eee;
}

.sp_selecter .track .drag {
	background:#eee;

}