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

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
/* vscrollerbase is the div that holds the scrollbar (parent of vscrollerbar) */
.vscrollerbase {
width: 10px;
background: #D7EBDF url(../img/scroller.gif) 0px 0px repeat-y;
}
.vscrollerbar {
width: 10px;
background: #99CBCB url(../img/scroller.gif) -10px 0px repeat-y;
}
/* hscrollerbase is the div that holds the scrollbar (parent of hscrollerbar) */
.hscrollerbase {
height: 15px;
background: #D7EBDF url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #99CBCB url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
/* basic style ends here, this was actually all that is required to run fleXcroll,
albeit without images, my advice is to have this basic style and build the rest
on top of this. */


/* styles for scrollbar images start here */
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(../img/scroller.gif) 0px 0px no-repeat;
width: 0px;
height: 0px !important;
}
.vscrollerbarend {
background: url(../img/scroller.gif) 0px 0px no-repeat;
width: 0px;
height: 0px;
}
.hscrollerbarbeg {
background: url(../img/scroller.gif) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(../img/scroller.gif) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.png) 0px 0px;
}

/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
.vscrollerbasebeg {
background: url(../img/scroller.gif) -20px 0px no-repeat;
width: 10px;
height: 10px !important;
}
.vscrollerbaseend {
background: url(../img/scroller.gif) -20px -10px no-repeat; 
height: 10px;
width: 10px;
}
.hscrollerbasebeg {
background: url(../img/scroller.gif) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(../img/scroller.gif) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(../img/scroller.gif) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */