jquery.pp.scrollbar.css

.pp-scroll-both {
	position: relative;
	overflow: auto;
}	

.pp-scroll-vertical {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}	

.pp-scroll-horizontal {
	position: relative;
	overflow-y: hidden;
	overflow-x: auto;
}	

/*	- if you leave "width:0px", then system scrollbar width is assigned, on touch interface default is 34px
	- borders,margins,padding can be added
	- use right to position bar from box's right side
	- please do not remove border definition, or IE will choke 
*/
.pp-scroll-bar {
	border: 0;
	background-color: #EEE; 
	padding: 0;
	margin: 0;
	cursor: default;
}

.pp-scroll-bar-v {
	width: 0px;
	right: 0px;
	height: 1px; /* IE */
}

.pp-scroll-bar-h {
	height: 0px;
	bottom: 0px;
	width: 1px; /* IE */
}

/*	thumb cannot take borders, padding, & margins, that's because its easier this way for me to calculate movements
	IF you need those or want to have something special then add your own thumb _inside_ it, for example like this:
	$('.pp-scroll-thumb').html('<div class="mythumb"></div'); an do whatever you want with it
*/
.pp-scroll-thumb {
	background-color: #000;
}