.scrollBar .bar {
	width: 15px;
	height: 20px;
}

.scrollBar .button {
	width: 13px;
	height: 15px;
	background-color: #FFB119;
	border: 1px outset #FF7A19;
	outline: none;
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
}

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

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

.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;
	background-image: url('stripe.gif');
	background-repeat: repeat;
}

.scrollBar .knob {
	height: 18px;
	background-color: #FFB119;
	outline: none;
	border: 1px outset #FF7A19;
	background-position: center center;
	background-repeat: no-repeat;	
}

.scrollBar .knob.verticalKnob {
	cursor: n-resize;
	background-image: url('vertical-knob.gif');
}

.scrollBar .knob.horizontalKnob {
	cursor: w-resize;
	background-image: url('horizontal-knob.gif');
}

.scrollBar .active {
	border-style: inset;
}

.scrollBar .corner {
	background-color: #FFB119;
	border: 1px outset #FF7A19;
}