/* 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 {
width:17px;
background-color: #32210F;
background-image: url(scrollbarBackground.JPG);
visibility: visible !important;
}
.vscrollerbar {
background: #FFFFFF url(scrollbar.jpg) 0px 0px repeat-y;
width: 17px;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: url(scrollbar.jpg) -17px 0px no-repeat;
width: 17px;
/* Height 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: */
height: 17px !important;
}

.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: url(scrollbar.jpg) -17px -17px no-repeat;
width: 17px;
height: 17px;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase {height: 17px;}
.hscrollerbar {height: 17px; background-color: #84ADD6;}

.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: 17px;
height: 17px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #698AAA;
}


/* Scroll Bar Master Styling Ends Here */