/* 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: 10px;
background-color: #160018;
}
.vscrollerbar {
width: 10px;
background-color: #27002D;
}
.hscrollerbase {
height: 0px;
background-color: white;
}
.hscrollerbar {
height: 0px;
background-color: black;
}

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;
}

 
.vscrollerbarbeg {
background: url(../images/blank.png) no-repeat;
width: 12px;
height: 12px !important;
}
.vscrollerbarend {
background: url(../images/blank.png) no-repeat;
width: 12px;
height: 12px;
}

.vscrollerbasebeg {
background: url(../images/top_arrow.jpg) no-repeat;
width: 12px;
height: 12px !important;
}
.vscrollerbaseend {
background: url(../images/bot_arrow.jpg) no-repeat;
width: 12px;
height: 12px; !important;
}

/* this is the padding to allow the end arrows to show and stop the scroll bar going over them*/
.vscrollerbar, .hscrollerbar {padding: 12px;z-index: 2;}

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