/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.vscrollerbar {
	width: 11px;
	background: transparent url(scrollbar/scrollbar.png) repeat-y;
	/* do not forget to put colors for backgrounds for before image(s) can load , this is more important for
	the scrollbar itself than the scrollbase, as user can live without an image on the base but cannot see
	any scrollbar when images cannot load. */
}

.vscrollerbase {
	width: 11px;
	background: transparent url(scrollbar/scrollbase.png) 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: 11px;
	height: 0px !important; /*Again, the safari fix, normally this line is not needed.*/
	background: url(scrollbar/arrow_top.png) no-repeat;
}
.vscrollerbaseend {
	/* height of this element should be set */
	/* this element can be used to place a faux bottom arrow image */
	height: 11px;
	width: 0px;
	background: url(scrollbar/arrow_bottom.png) no-repeat;
}
/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {
	height: 0px;
	background-color: white;
}
.hscrollerbar {
	height: 0px;
	background-color: black;
}
.vscrollerbar, .hscrollerbar {
	/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
	used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
	padding: 0px;
	z-index: 2;
}
.vscrollerbarbeg {
	/* Left image holder for horizontal scrollbar */
	background: url(scrollbar/controller_top.png) no-repeat;
	height: 0px;
	/* Width of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
	engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
	image to repeat on certain sizes. In this style, we do not need our script to strech the
	vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
	width: 11px !important;
}
.vscrollerbarend {
	/* Right image holder for horizontal scrollbar */
	background: url(scrollbar/controller_bottom.png) no-repeat;
	height: 0px;
	width: 11px;
}
/* properties for scroller jog box, just in case */
.scrollerjogbox {
	width: 0px;
	height: 0px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background: #37917A;
}


/* Scroll Bar Master Styling Ends Here */