/* 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;}
.vscrollerbase {left: 0 !important; width:10px;} /* .vscrollerbase {left: 0 !important; width:20px;} */

/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.
   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. -> width:22px -> height110px */
.vscrollerbar {background-image: url(scrollbar.png); width:10px; height:77px !important;}

/* IE6 alpha png trick, IE7 is not affected by this trick, as it perfectly handles the normal png */
* html .vscrollerbar {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='scroll/scrollbar.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: 10px;}
.hscrollerbar  {height: 10px; background-color: #84ADD6;}

/* 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 */
.vscrollerbar, .hscrollerbar {padding:0px; z-index:2;}

/* properties for scroller jog box, just in case */
.scrollerjogbox {width:10px; height:10px; top:auto; left:auto; bottom:0px; right:0px; background:#698AAA;}

/* Scroll Bar Master Styling Ends Here */