.scrollbar {
	width: 15px;
	float: right;
	font-size: 0;
}

.knob {
	cursor: default;
	font-size: 0;
}

.vertical .knobTop {
	width: 15px;
	height: 4px;
	font-size: 0;
	background: url(../image/scrollcontainer/verticalKnobTop.png)
		no-repeat top left;
	font-size: 0;
}

.vertical .knobMiddle {
	width: 15px;
	font-size: 0;
	background: url(../image/scrollcontainer/verticalKnobMiddle.gif)
		repeat-y top left;
}

.vertical .knobBottom {
	width: 15px;
	height: 4px;
	font-size: 0;
	background: url(../image/scrollcontainer/verticalKnobBottom.png)
		no-repeat top left;
}



.horizontal .knobTop {
	height: 15px;
	width: 4px;
	background: url(../image/scrollcontainer/horizontalKnobTop.png)
		no-repeat top left;
	float: left;
	font-size: 0;
}

.horizontal .knobMiddle {
	height: 15px;
	font-size: 0;
	background: url(../image/scrollcontainer/horizontalKnobMiddle.gif)
		repeat-X top left;
	float: left;
}

.horizontal .knobBottom {
	height: 15px;
	font-size: 0;
	width: 4px;
	background: url(../image/scrollcontainer/horizontalKnobBottom.png)
		no-repeat top left;
	float: left;
}

.vertical .track {
	font-size: 0;
	background: url(../image/scrollcontainer/verticalTrackMiddle.gif)
		repeat-y top left;
}

.horizontal .track {
	float: left;
	background: url(../image/scrollcontainer/horizontalTrackMiddle.gif)
		repeat-x top left;
}

.horizontal .scrollbarUp,.horizontal .scrollbarDown {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../image/scrollcontainer/horizontalArrowTop.png)
		no-repeat top right;
	cursor: pointer;
	float: left;
	font-size: 0;
}

.horizontal .scrollbarDown {
	background: url(../image/scrollcontainer/horizontalArrowBottom.png)
		no-repeat top left;
	float: right;
	font-size: 0;
}

.vertical .scrollbarUp,.vertical .scrollbarDown {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../image/scrollcontainer/verticalArrowTop.png)
		no-repeat top left;
	cursor: pointer;
	font-size: 0;
}

.vertical .scrollbarDown,.vertical .scrollbarDown:link {
	font-size: 0;
	background: url(../image/scrollcontainer/verticalArrowBottom.png)
		no-repeat top left;
}

.vertical .scrollbarDown:hover {
	background-position: center left;
	font-size: 0;
}

.vertical .scrollbarDown:active {
	background-position: bottom left;
	font-size: 0;
}