#scrollbar-demo{
	margin:auto;
	width: 500px;
	height:600px;
	border:10px solid #888;
	padding:5px;
	text-align:justify;
	overflow:auto;
}


.scrollBar .bar{
	width:21px;
	height:21px;
}

.scrollBar .button{
	width:21px;
	height:21px;
	outline:none;
	background-position:top center;
	background-repeat:no-repeat;
	cursor:pointer;
}

.scrollBar .button.topButtonblack{
	background-image:url('../images/scrollbar/black/arrow-up.png');
}

.scrollBar .button.bottomButtonblack{
	background-image:url('../images/scrollbar/black/arrow-down.png');
}

.scrollBar .button.leftButtonblack{
	background-image:url('../images/scrollbar/black/arrow-left.png');
}

.scrollBar .button.rightButtonblack{
	background-image:url('../images/scrollbar/black/arrow-right.png');
}

.scrollBar .button.topButtonwhite{
	background-image:url('../images/scrollbar/white/arrow-up.png');
}

.scrollBar .button.bottomButtonwhite{
	background-image:url('../images/scrollbar/white/arrow-down.png');
}

.scrollBar .button.leftButtonwhite{
	background-image:url('../images/scrollbar/white/arrow-left.png');
}

.scrollBar .button.rightButtonwhite{
	background-image:url('../images/scrollbar/white/arrow-right.png');
}

.scrollBar .button.active{
	background-position:bottom center ;
}

.scrollBar .scrollableblack{
	cursor:pointer;
	background-image:url('../images/scrollbar/black/stripe.gif');
	background-position:center center;
}

.scrollBar .scrollablewhite{
	cursor:pointer;
	background-image:url('../images/scrollbar/white/stripe.gif');
	background-position:center center;
}

.vertical_scrollable{
	background-repeat:repeat-y;
}

.horizontal_scrollable{
	background-repeat:repeat-x;
}

.scrollBar .knob{
	height:20px;
}

.scrollBar .knob.verticalKnob{
	cursor:pointer;
	height:auto !important;
	height:expression(document.getElementById("verticalKnob").offsetHeight-24+"px");
}

.scrollBar .knob.horizontalKnob{
	cursor:pointer;
}

.scrollBar .knobHorizontalTip{
	width:12px;
	position:absolute;
	background-position:left center;
	background-repeat:no-repeat;
}

.scrollBar .active .knobHorizontalTip{
	background-position:right center;
}

.scrollBar .leftTipblack{
	left:0;
	background-image:url('../images/scrollbar/black/knob-left.png');
}

.scrollBar .rightTipblack{
	left:0;
	background-image:url('../images/scrollbar/black/knob-right.png');
}

.scrollBar  .knobHorizontalFillblack{
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('../images/scrollbar/black/horizontal-knob.gif');
	margin:0 12px;
}

.scrollBar .leftTipwhite{
	left:0;
	background-image:url('../images/scrollbar/white/knob-left.png');
}

.scrollBar .rightTipwhite{
	left:0;
	background-image:url('../images/scrollbar/white/knob-right.png');
}

.scrollBar  .knobHorizontalFillwhite{
	background-position:top center;
	background-repeat:repeat-x;
	background-image:url('../images/scrollbar/white/horizontal-knob.gif');
	margin:0 12px;
}

.scrollBar .active .knobHorizontalFill{
	background-position:bottom center;
}

.scrollBar .knobVerticalTip{
	height:12px;
	background-position:top center;
	background-repeat:no-repeat;
}

.scrollBar .active .knobVerticalTip{
	background-position:bottom center;
}

.scrollBar .knobVerticalFillblack{
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('../images/scrollbar/black/vertical-knob.gif');
	position:absolute;
	bottom:12px;
	top:12px;
}

.scrollBar .knobVerticalFillwhite{
	background-position:left center;
	background-repeat:repeat-y;
	background-image:url('../images/scrollbar/white/vertical-knob.gif');
	position:absolute;
	bottom:12px;
	top:12px;
}

.scrollBar .active .knobVerticalFill{
	background-position:right center;
}

.scrollBar .topTipblack{
	background-image:url('../images/scrollbar/black/knob-top.png');
	background-position:right top;
}

.scrollBar .bottomTipblack{
	position:absolute;
	top:0;
	background-image:url('../images/scrollbar/black/knob-bottom.png');
	background-position:right top;
}

.scrollBar .topTipwhite{
	background-image:url('../images/scrollbar/white/knob-top.png');
	background-position:right top;
}

.scrollBar .bottomTipwhite{
	position:absolute;
	top:0;
	background-image:url('../images/scrollbar/white/knob-bottom.png');
	background-position:right top;
}

.scrollBar .knob.active{
	border:none;
}

.scrollBar .cornerblack{
	background-image:url('../images/scrollbar/black/corner.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

.scrollBar .cornerwhite{
	background-image:url('../images/scrollbar/white/corner.gif');
	background-position: center center;
	background-repeat: no-repeat;
}