.scrollbar{
	width: 15px;
	float: right;
}
.knob{
	cursor: default;
}
.vertical .knobTop{
	width: 15px;
	height: 4px;
	font-size: 0;
	background: url(../images/scrollbar/verticalKnobTop.png) no-repeat top left;
}
.vertical .knobMiddle{
	width: 15px;
	font-size: 0;
	background: url(../images/scrollbar/verticalKnobMiddle.gif) repeat-y top left;
}
.vertical .knobBottom{
	width: 15px;
	height: 4px;
	font-size: 0;
	background: url(../images/scrollbar/verticalKnobBottom.png) no-repeat top left;
}

.horizontal .knobTop{
	height: 15px;
	width: 4px;
	background: url(../images/scrollbar/horizontalKnobTop.png) no-repeat top left;
	float: left;
	font-size: 0;
}
.horizontal .knobMiddle{
	height: 15px;
	font-size: 0;
	background: url(../images/scrollbar/horizontalKnobMiddle.gif) repeat-X top left;
	float: left;
}
.horizontal .knobBottom{
	height: 15px;
	font-size: 0;
	width: 4px;
	background: url(../images/scrollbar/horizontalKnobBottom.png) no-repeat top left;
	float: left;
}
.vertical .track{
	background: url(../images/scrollbar/verticalTrackMiddle.gif) repeat-y top left;
}

.horizontal .track{
	float: left;
	background: url(../images/scrollbar/horizontalTrackMiddle.gif) repeat-x top left;
}
.horizontal .scrollbarUp, .horizontal .scrollbarDown{
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/scrollbar/horizontalArrowTop.png) no-repeat top right;
	cursor: pointer;
	float: left;
}
.horizontal .scrollbarDown{
	background: url(../images/scrollbar/horizontalArrowBottom.png) no-repeat top left;
	float: right;
}
.vertical .scrollbarUp, .vertical .scrollbarDown{
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/scrollbar/verticalArrowTop.png) no-repeat top left;
	cursor: pointer;
}
.vertical .scrollbarDown, .vertical .scrollbarDown:link{
	background: url(../images/scrollbar/verticalArrowBottom.png) no-repeat top left;
}
.vertical .scrollbarDown:hover{
	background-position: center left;
}
.vertical .scrollbarDown:active{
	background-position: bottom left;
}