.scrollgeneric {
	line-height: 1px;
    font-size: 1px;
    position: absolute;
	top: 0; 
	left: 0;
}

.vscrollerbase {
	/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
	width: 15px;
	background-color: white;
}

.vscrollerbar {
	width: 15px;
	background-color: black;
}

.hscrollerbase {
	/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
    height: 15px;
	background-color: white;

}

.hscrollerbar {
	height: 15px;
	background-color: black;
}

.hscrollerbar {
	/* Main body of horizontal scrollbar */
	background: #99CBCB url(/images/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}

.vscrollerbar {
	/* Main body of vertical scrollbar */
	background: #99CBCB url(/images/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}

.vscrollerbar, .hscrollerbar {
	padding: 0px;
    /* z-index for scrollbars define the z-index for the content, if left at
    "auto" or "0", they are set to "2", if defined, content z-index is set the
    same as the scrollbars. Version 1.7.5 and higher does not need this setting
    to function properly, earlier versions need this for proper operation */
	z-index: 2;
}

.vscrollerbarbeg {
	/* Top image holder for vertical scrollbar*/
	background: url(/images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
    width: 15px;
	height: 15px !important;
}



.vscrollerbarend {
	/* Bottom image holder for vertical scrollbar*/
	background: url(/images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
	width: 15px;
    height: 15px;
}

.hscrollerbarbeg {
	/* Left image holder for horizontal scrollbar */
    background: url(/images/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
	height: 15px;
	width: 15px !important;
}

.hscrollerbarend {
	/* Right image holder for horizontal scrollbar */
	background: url(/images/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
	height: 15px;
	width: 15px;
}

.scrollerjogbox {
	background: #4E727C url(/images/horizontalbarbody_cornerjog.png) 0px 0px;
	width: 15px;
	height: 15px;
	top: auto; 
	left: auto;
	bottom: 0px; 
	right: 0px;
}

	/* Following are for scrollbase images, may not always be required */

	.vscrollerbase {
	/* Vertical scrollbar's base body */ 
	background: #D7EBDF url(/images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
	/* Vertical scrollbar's base top-cap */
	/* This may be used for holding the up arrow */
	background: url(/images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
	width: 15px;
	/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
	height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
	/* Vertical scrollbar's base bottom-cap */
	/* This may be used for holding the down arrow */
	background: url(/images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
	height: 15px;
	width: 15px;
}

.hscrollerbase {
	/* Horziontal scrollbar's base body */ 
	background: #D7EBDF url(/images/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}

.hscrollerbasebeg {
	/* Horizontal scrollbar's left-cap */
	/* This may be used for holding the left arrow */
	background: url(/images/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
	height: 15px;
	/* width of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
	width: 15px !important; /* Safari BG repeat fix */
}

.hscrollerbaseend {
	/* Horizontal scrollbar's right-cap */
	/* This may be used for holding the right arrow */
    height: 15px;
	width: 15px;
	background: url(/images/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}

.scrollerjogbox:hover {
	background: #5E828C url(/images/basebarcaps_verticalbarbody.png) -45px -15px;
}

/* Scroll Bar Master Styling Ends Here */