.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}



#area {
	background: #ccc;
	height: 20px;
	width: 250px;
	float:right;
	margin-right:15px;
}
 
#knob {
	height: 20px;
	width: 20px;
	background: #000;
}
 
#area2 {
	position: relative;
	height: 15px;
	width: 280px;
	background: #000;
}
 
#knob2 {
	position: absolute;
	height: 15px;
	width: 20px;
	background: #ff3300;
	cursor: pointer;
}
 
#area3 {
	background: #ccc;
	height: 300px;
	width: 20px;
}
 
#knob3 {
	height: 20px;
	width: 20px;
	background: #000;
}