/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */
.flexcroll{
color:#FFFFFF;
width:475px;
height:450px;
text-align:left;
}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 23px;
background:url(basebarcaps_verticalscroll.gif) 10px 0 no-repeat;
}
.vscrollerbar {
width: 23px;
}
.hscrollerbase {
height: 23px;
}
.hscrollerbar {
height: 23px;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
width: 23px;
height: 23px !important;
}
.vscrollerbarend {
width: 23px;
height: 23px;
}
.hscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.gif) -60px -15px no-repeat;
height: 23px;
width: 23px !important;
}
.hscrollerbarend {
background: url(basebarcaps_verticalbarbody.gif) -30px -15px no-repeat;
height: 23px;
width: 23px;
}
.scrollerjogbox {
width: 23px;
height: 23px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(horizontalbarbody_cornerjog.gif) 0px 0px;
}
.vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.gif) -26px -22px no-repeat;
width: 30px !important;
height: 23px !important;
}
.vscrollerbaseend {
background: url(basebarcaps_verticalbarbody.gif) -52px -22px no-repeat;
height: 23px !important;
width: 23px !important;
}
.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.gif) -60px 0px no-repeat;
height: 23px;
width: 23px !important;
}
.hscrollerbaseend {
height: 23px;
width: 23px;
background: url(basebarcaps_verticalbarbody.gif) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(basebarcaps_verticalbarbody.gif) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */