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


#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 310px; height: 120px; overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative; margin: 0; padding: 10px;}

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

/* the following line puts fleXcroll into scrollbar-on-left mode */
.vscrollerbase {right: 0 !important;}
/* fleXcroll detects this CSS setting and sets content positions correctly with
respect to whether a scrollbar is needed or not*/


/* following are the styles for fat & cuddly, comments and newlines removed */
.vscrollerbar {width: 36px; background: url(../../../images/bgs/scrollbar.png) -36px 0px repeat-y;}
.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(../../../images/bgs/scrollbar.png) -108px -32px no-repeat;}
.vscrollerbarend {height: 24px;width: 36px;background: url(../../../images/bgs/scrollbar.png) -108px 0px no-repeat;}
.vscrollerbase {width: 36px;background: url(../../../images/bgs/scrollbar.png) 0px 0px repeat-y;}
.vscrollerbasebeg {width: 36px;height: 28px !important;background: url(../../../images/bgs/scrollbar.png) -72px -28px no-repeat;}
.vscrollerbaseend {height: 28px;width: 36px; background: url(../../../images/bgs/scrollbar.png) -72px 0px no-repeat;}
.hscrollerbase {height: 16px; background-color: white;}
.hscrollerbar {height: 16px; }
.vscrollerbar, .hscrollerbar {padding: 28px;z-index: 2;}
.scrollerjogbox {width: 36px;height: 16px;top: auto; left: auto;bottom: 0px; right: 0px; }

/* Scroll Bar Master Styling Ends Here */