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

#scrollable {
	overflow:auto;
	height: 290px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #336666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #336666;
}
#scrollable p {
	margin-right: 20px;
}

.scrollBar .bar{
	width:18px;
	height:18px;
	background-color:#333333;
}

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

.scrollBar .button.topButton{
	background-image:url('images/arrow-up2.gif');
}

.scrollBar .button.bottomButton{
	background-image:url('images/arrow-down2.gif');
}

.scrollBar .button.leftButton{
	background-image:url('images/arrow-left2.gif');
}

.scrollBar .button.rightButton{
	background-image:url('images/arrow-right2.gif');
}

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

.scrollBar .scrollable{
	cursor:pointer;
	background-image: url(images/scroll-line.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.scrollBar .knob{
	height:10px;
	width:10px;
	margin:auto;
	background-color:#666666;
	outline:none;
	border:1px solid #333333;
}

.scrollBar .active{
/*	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
*/
}

.scrollBar .corner{
}