/* 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;

}



.vscrollerbasebeg {

	width: 20px;

	height: 20px;

	background: url(../images/up.png) no-repeat;/* height is auto set to fill the base */

}

.vscrollerbaseend {

	height:20px;

	width: 20px;

	background: url(../images/down.png) no-repeat;

}



.hscrollerbasebeg {

	width: 20px;

	height: 20px;

	background: url(../images/left.png) no-repeat;/* height is auto set to fill the base */

}

.hscrollerbaseend {

	height:20px;

	width: 20px;

	background: url(../images/right.png) no-repeat;

}



.vscrollerbase {

	width:20px;

	background-image: url(../images/back.png);

}

.vscrollerbar {

	background: url(../images/roller.png);

	width: 20px;

	/* following is the bit that allows us fixed height scrollbars */

	height: 20px !important;

	/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

	background: url(../images/roller.png);/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are

using alpha images, thay have to be transparent.*/

}

* html .vscrollerbar {

/* IE6 alpha png trick */

/* IE7 is not affected by this trick, as it perfectly handles the normal png */

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/roller.png');

	background-image: none;

}



.hscrollerbase {

	height:20px;

	background: url(../images/backh.png) repeat-x;

}

.hscrollerbar {

	background: url(../images/roller.png);

	height:20px;

	/* following is the bit that allows us fixed height scrollbars */

	width: 20px !important;

	/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/

	background: url(../images/roller.png);/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are

using alpha images, thay have to be transparent.*/

}

* html .hscrollerbar {

/* IE6 alpha png trick */

/* IE7 is not affected by this trick, as it perfectly handles the normal png */

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/roller.png');

	background-image: none;

}





/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */

.hscrollerbase {

	height: 22px;

}



.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;

}

/* properties for scroller jog box, just in case */

.scrollerjogbox {

	width: 22px;

	height: 22px;

	top: auto;

	left: auto;

	bottom: 0px;

	right: 0px;

}





/* Scroll Bar Master Styling Ends Here */