/* 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;}

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


/* And style your scrollbar like you normally do */
.vscrollerbase {
width: 15px;
background: url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}

* html .vscrollerbase {

width: 15px;

background: url(basebarcaps_verticalbarbody.gif) 0px 0px repeat-y;

}
.vscrollerbar {
width: 15px;
background:  url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}

* html .vscrollerbar {

width: 15px;

background:  url(basebarcaps_verticalbarbody.gif) -15px 0px repeat-y;

}



.hscrollerbase {
height: 15px;
background:  url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background:  url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}

* html .vscrollerbarbeg {

background: url(basebarcaps_verticalbarbody.gif) -45px -30px no-repeat;

width: 15px;

height: 15px !important;

}


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

* html .vscrollerbarend {

background: url(basebarcaps_verticalbarbody.gif) -45px 0px no-repeat;

width: 15px;

height: 15px;

}


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

* html .hscrollerbarbeg {

background: url(basebarcaps_verticalbarbody.gif) -60px -15px no-repeat;

height: 15px;

width: 15px !important;

}


.hscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

* html .hscrollerbarend {

background: url(basebarcaps_verticalbarbody.gif) -30px -15px no-repeat;

height: 15px;

width: 15px;

}


.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background:  url(horizontalbarbody_cornerjog.png) 0px 0px;
}
.vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
* html .vscrollerbasebeg {

background: url(basebarcaps_verticalbarbody.gif) -30px -30px no-repeat;

width: 15px;

height: 15px !important;

}


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

* html .vscrollerbaseend {

background: url(basebarcaps_verticalbarbody.gif) -60px -30px no-repeat;

height: 15px;

width: 15px;

}


.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}


* html .hscrollerbasebeg {

background: url(basebarcaps_verticalbarbody.gif) -60px 0px no-repeat;

height: 15px;

width: 15px !important;

}

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


* html .hscrollerbaseend {

height: 15px;

width: 15px;

background: url(basebarcaps_verticalbarbody.gif) -30px 0px no-repeat;

}

.scrollerjogbox:hover {
background: url(basebarcaps_verticalbarbody.png) -45px -15px;
}

* html .scrollerjogbox:hover {

background: url(basebarcaps_verticalbarbody.gif) -45px -15px;

}
/* Scroll Bar Master Styling Ends Here */