@charset "UTF-8";

#scrollbar {
	width: 100%;
	height: 200px;
	margin: 15px 0 0 0;
	clear: both;
	position: relative;
}

#scrollbar .viewport {
	width: 96%;
	height: 200px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

#scrollbar .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
}

#scrollbar .thumb .end,
#scrollbar .thumb {
	background-color: #7D7D7D;
}

#scrollbar .scrollbar {
	width: 5px;
	float: right;
	position: relative;
}

#scrollbar .track {
	width: 5px;
	height: 100%;
	padding: 0;
	position: relative;
	background-color: #BDBDBD;
}

#scrollbar .thumb {
	width: 5px;
	height: 20px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
}

#scrollbar .thumb .end {
	width: 7px;
	height: 5px;
	overflow: hidden;
}

#scrollbar .disable{
	display: none;
}
	
.noSelect {
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

/*@media screen and (max-width: 650px) {
#scrollbar .viewport {
	width: 92%;
}
}*/