#scrollbar{
	height: 355px;
	overflow: auto;
	width: 338px;
}


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

.scrollBar .button.topButton{
	background-image:url('arrow-up.png');
}

.scrollBar .button.bottomButton{
	background-image:url('arrow-down.png');
}

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

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

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

.scrollBar .scrollable{
	cursor:pointer;
	height: 30px;
	width: 28px;	
}



.scrollBar .knob.verticalKnob{
	cursor:move;
	background-image:url(scroll-bar.png);
	background-repeat: repeat-y;
}

/* Number Two */

#scrollbar2{
	height: 355px;
	overflow: auto;
	width: 338px;
}


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

.scrollBar2 .button.topButton{
	background-image:url('arrow-up.png');
}

.scrollBar2 .button.bottomButton{
	background-image:url('arrow-down.png');
}

.scrollBar2 .button.leftButton{
	background-image:url('arrow-left.gif');
}

.scrollBar2 .button.rightButton{
	background-image:url('arrow-right.gif');
}

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

.scrollBar2 .scrollable{
	cursor:pointer;
	height: 30px;
	width: 28px;	
}



.scrollBar2 .knob.verticalKnob{
	cursor:move;
	background-image:url(scroll-bar.png);
	background-repeat: repeat-y;
}


/* Number Three */

#scrollbar3{
	height: 355px;
	overflow: auto;
	width: 338px;
}


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

.scrollBar3 .button.topButton{
	background-image:url('arrow-up.png');
}

.scrollBar3 .button.bottomButton{
	background-image:url('arrow-down.png');
}

.scrollBar3 .button.leftButton{
	background-image:url('arrow-left.gif');
}

.scrollBar3 .button.rightButton{
	background-image:url('arrow-right.gif');
}

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

.scrollBar3 .scrollable{
	cursor:pointer;
	height: 30px;
	width: 28px;	
}



.scrollBar3 .knob.verticalKnob{
	cursor:move;
	background-image:url(scroll-bar.png);
	background-repeat: repeat-y;
}