div.slider {
	width: 200px;
	height: 22px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	border:0px solid rgb(200,215,220);
	background-image: url(cf_zoom_tlo.jpg);
	background-color:rgb(242,245,246);
	background-position:top left;
	background-repeat:no-repeat;
	float:left;
	position:relative;
	
	
}
div.slider div.knob {
	border:0px;
	/*background: rgb(231,235,236);*/
	width: 22px;
	height: 22px;
	margin:0px;
	padding:0px;
	cursor:e-resize;
	
	background-image: url(xmag.png);
	background-position:top left;
	background-repeat:no-repeat;
	
}
/*
div#fontSize {
	height: 50px;
}
*/

div.slider3 {
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
	width: 200px;
	height: 10px;
	background: #eee;
	
}
div.slider3 div.knob3 {
	background: #000;
	width: 16px;
	height: 16px;
}



div.slider2 {
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
	width: auto;
	height:8px;
	background: #eee;
	
}
div.slider2 div.knob2 {
	background: rgb(200,200,230);
	width: 8px;
	cursor:e-resize;
	height: 8px;
}
div#fontSize {
	height: 50px;
}

div.advanced {
	width: 400px;
	margin: 5px 0;
	background: url(images/slider.png) 0 center repeat-x;
}
div.advanced div.knob {
	background: no-repeat center center;
	cursor: pointer;
}
div#red div.knob {
	background-image: url(images/red.png);
}
div#green div.knob {
	background-image: url(images/green.png);
}
div#blue div.knob {
	background-image: url(images/blue.png);
}