/* 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 {
width: 6px;
background-color: #323232;
cursor:pointer;
}
.vscrollerbar {
width: 6px;
background-color: #464747;
}
.hscrollerbase {
height: 6px;
background-color: #b1b1b1;
}
.hscrollerbar {
height: 6px;
background: #963d97;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

.vscrollerbarend {
height: 4px;
width: 6px;
background: url(../i/scroll.gif) left bottom no-repeat;
}

.vscrollerbarbeg{
height: 4px;
width: 6px;
background: url(../i/scroll.gif) -12px top no-repeat;
}

.vscrollerbasebeg {
width: 6px;
height: 4px !important;
background: url(../i/scroll.gif) right top no-repeat;
}

.vscrollerbaseend {
/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
height: 4px;
width: 6px;
background: url(../i/scroll.gif) -6px bottom no-repeat;
}