.center{
	text-align:left;
	margin-left: auto;
	margin-right: auto;	
	width:530px;
}

#range{
	border:none;
	height:15px;
	background-image: url('/pic/range.png');	
}

#selection{
	/*background-image: url('/pic/range.png');
	background-position: 0px -15px;*/
	padding:0px;
	margin:0px;
	vertical-align:text-top;
}

#selection span{
	width:100%;
	height:15px;
	position:relative;
	display:block;
	content:"";
}

#selection span:after{
	/*background-image: url('/pic/range.png');
	background-position: 0px -30px;*/
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	content:"";
	height:15px;
	width:22px;
	display:block;
	content:"";
}

#selection span:before{
	/*background-image: url('/pic/range.png');
	background-position: 0px -45px;*/
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	content:"";
	height:15px;
	width:22px;
	display:block;
	content:"";
}

#range td{
	border:none;
}

.rangeGrip{
	width:14px;
	height:21px;
	cursor:e-resize;
	background-image: url('/pic/range.png');
	background-position: 0px -60px;
	position:absolute;
	left:-3px;
	top:-3px;
	z-index:8;
}

.rangeDrag .rangeGrip, .rangeGrip:hover{
	background-position: -14px -60px;
}

#text{
	color:#034a92;
	float:right;
}