.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: relative;
	top: 0;
	left: 0;
}
.vscrollerbar {
	width: 20px;
	background: url(./images/scrollBar.gif) repeat-y;
}
.vscrollerbarbeg {
	height: 20px !important;
	width: 20px;
	background: url(./images/scrollTop.gif) no-repeat;
}
.vscrollerbarend {
	height: 20px !important;
	width: 20px;
	background: url(./images/scrollBottom.gif) no-repeat;
}
.vscrollerbase {
	width: 20px;
	background: url(./images/scrollBack.gif) repeat-y;
}
.vscrollerbasebeg {
	/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
width: 20px;
	height: 3px !important; /*Again, the safari fix, normally this line is not needed.*/
	background: url(./images/scrollBack.gif) no-repeat;
}
.vscrollerbaseend {
	/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 3px !important;
	width: 20px;
	background: url(./images/scrollBack.gif) no-repeat;
}
.vscrollerbar {
	padding-bottom: 20px;
	z-index: 2;
}