.vScrollbar {
	float: right;
}
		
.hScrollbar {
}

.vTrack {
	width: 18px;
	position: relative;
	overflow: hidden;			
}
		
.hTrack {
	float: left;
	height: 18px;
	width: 255px;
	position: relative;
	background: #ddd;
	overflow: hidden;			
}			

.vThumb, .hThumb {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background: #3e3a39 url('../images/icons/scrollbar-knob.gif') no-repeat 0px 50%;
	overflow: hidden;
	cursor: pointer;
}
	.vThumb:hover
	{
		background-position: -18px 50%;
	}
		
.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {
	height: 18px;
	width: 18px;
	overflow: hidden;
	cursor: pointer;
}
	.arrowUp { background: url('../images/icons/scrollbar-up.gif') no-repeat 0px 0px; }
	.arrowDown { background: url('../images/icons/scrollbar-down.gif') no-repeat 0px 0px; }
	.arrowUp:hover, .arrowDown:hover
	{
		background-position: 0px -18px;
	}
.arrowLeft, .arrowRight, .corner {
	float: left;
}
			
.corner {
	background: #000;
}