/* CSS Document */
.slider1
{
	width: 316px;
	height: 16px;
	position: relative;
	border-bottom:#C5D6E5  solid 2px;
	border-top:#C5D6E5  solid 2px;
	float:left;
	background-color: #FF9900;
	z-index: 1;
}
.slider3
{
	width: 16px;
	height: 200px;
	position: relative;
	background-color: #B3FF1F;
	z-index: 1;
}
.indicator
{
	width: 16px;
	height: 16px;
	background-color: #FF9900;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;
}

.indicator4
{
	width: 16px;
	height: 16px;
	background-color: #FF9900;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;
}

.indicator1
{
	width: 40px;
	height: 16px;
	background: #66A3DF;
	cursor:pointer;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;
	z-index: 2;
}
.indicator2
{
	width: 16px;
	height: 40px;
	background-image: url(images/slider_handle2.png);
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;
	position: relative;
	z-index: 2;
}

.slider4
{
	width: 316px;
	height: 16px;
	float:left;
	background-image: url(images/slider_back.jpg);
	position: relative;
	float:left;
	border: 1px hidden #000;
}



#indicator1{
	background-image:url(images/indicator1.gif);
	background-color: transparent;
}
#indicator2{
	background-image:url(images/indicator2.gif);
	background-color: transparent;
}

.slider5
{
	width: 316px;
	height: 16px;
	float:left;
	background-image: url(images/slider_back.jpg);
	position: relative;
	float:left;
	border: 1px hidden #000;
}