.m-rules {
	width: 100%; 
	margin: 20px 0 10px;
	height: 200px; 
}
.m-rules .viewport { 
	width: 90%; 
	height: 200px; 
	overflow: hidden; 
	position: relative; 
}
.m-rules .overview { 
	list-style: none; 
	position: absolute; 
	left: 0; 
	top: 0; 
}
.m-rules .thumb .end,
.m-rules .thumb { 
	background-color: #4a4a4a; 
}
.m-rules .scrollbar { 
	position: relative; 
	float: right; 
	width: 15px; 
}
.m-rules .track { 
	background-color: #D8EEFD; 
	height: 100%; 
	width:13px; 
	position: relative; 
	padding: 0 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.m-rules .thumb { 
	height: 20px; 
	width: 13px; 
	cursor: pointer; 
	overflow: hidden; 
	position: absolute; 
	top: 0; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
.m-rules .thumb .end { 
	overflow: hidden; 
	height: 5px; 
	width: 13px; 
}
.m-rules .disable{ 
	display: none;
}
.rul-rid .track {
	background-color: #111111; 
}
.rul-rid .thumb .end,
.rul-rid .thumb { 
	background-color: #222222; 
}