/* Scroll Bar Master Styling Starts Here */

/* Basic styling with no images starts here */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 15px;
background-color: white;
}

.vscrollerbar {
width: 15px;
background-color: black;
}

.hscrollerbase {
height: 15px;
background-color: white;
}

.hscrollerbar {
height: 15px;
background-color: black;
}

/* styles for scrollbar images start here */
/* testing background: rgba(255, 255, 255, 0.5); */
.hscrollerbar {
/* old  background: #99CBCB url(../images/scrollbars/horizontalbarbody_cornerjog.gif) 0px -30px repeat-x; */
background: transparent url(../images/scrollbars/horizontalbarbody_cornerjog.gif) 0px -30px repeat-x;
filter: alpha(opacity=100);
opacity: 1.0;
}

.vscrollerbar {
background: transparent url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -15px 0px repeat-y;
filter: alpha(opacity=100);
opacity: 1.0;
}

.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}

.vscrollerbarbeg {
background: url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}

.vscrollerbarend {
background: url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -45px 0px no-repeat;
width: 15px;
height: 15px;
}

.hscrollerbarbeg {
background: url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}

.hscrollerbarend {
background: url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

.scrollerjogbox {
background: transparent url(../images/scrollbars/horizontalbarbody_cornerjog.gif) 0px 0px;
filter: alpha(opacity=80);
opacity: 0.80;
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}

/* Following are for scrollbase images, may not always be required */
.vscrollerbase {
background: transparent url(../images/scrollbars/basebarcaps_verticalbarbody.gif) 0px 0px repeat-y;
filter: alpha(opacity=30);
opacity: 0.30;
}

.vscrollerbasebeg {
background: url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -30px -30px no-repeat;
width: 15px;
height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
background: url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -60px -30px no-repeat;
height: 15px;
width: 15px;
}

.hscrollerbase {
background: transparent url(../images/scrollbars/horizontalbarbody_cornerjog.gif) 0px -15px repeat-x;
filter: alpha(opacity=30);
opacity: 0.30;
}

.hscrollerbasebeg {
background: url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -60px 0px no-repeat;
height: 15px;
width: 15px !important; /* Safari BG repeat fix */
}

.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -30px 0px no-repeat;
}

.scrollerjogbox:hover {
background: transparent url(../images/scrollbars/basebarcaps_verticalbarbody.gif) -45px -15px;
filter: alpha(opacity=30);
opacity: 0.30;
}