/* 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 */
#left .vscrollerbase {visibility: visible !important;}

#right .vscrollerbase {left: 0 !important; visibility: visible !important;  }
/* fleXcroll adapts to this CSS setting and sets positions correctly */

/* And style your scrollbar like you normally do */
/* Pour la partie gauche */
#left .vscrollerbase {
width: 15px;
background: #fff url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
#left .vscrollerbar {
width: 15px;
background: #fff url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
}
#left .hscrollerbase {
height: 15px;
background: #fff url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
#left .hscrollerbar {
height: 15px;
background: #fff url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
#left .vscrollerbar,#left .hscrollerbar {
padding: 10px;
z-index: 2;
}
#left .vscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
#left .vscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
#left .hscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
#left .hscrollerbarend {
background: url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
#left .scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #fff url(horizontalbarbody_cornerjog.png) 0px 0px;
}
#left .vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
#left .vscrollerbaseend {
background: url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
#left .hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
#left .hscrollerbaseend {
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}
#left .scrollerjogbox:hover {
background: #fff url(basebarcaps_verticalbarbody.png) -45px -15px;
}
/* Pour la partie droite */
#right .vscrollerbase {
width: 15px;
background: #fff url(basebarcaps_verticalbarbody_white.png) 0px 0px repeat-y;
}
#right .vscrollerbar {
width: 15px;
background: #fff url(basebarcaps_verticalbarbody_white.png) -15px 0px repeat-y;
}
#right .hscrollerbase {
height: 15px;
background: #fff url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
#right .hscrollerbar {
height: 15px;
background: #fff url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}
#right .vscrollerbar,#right .hscrollerbar {
padding: 15px;
z-index: 2;
}
#right .vscrollerbarbeg {
background: url(basebarcaps_verticalbarbody_white.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
#right .vscrollerbarend {
background: url(basebarcaps_verticalbarbody_white.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
#right .hscrollerbarbeg {
background: url(basebarcaps_verticalbarbody_white.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
#right .hscrollerbarend {
background: url(basebarcaps_verticalbarbody_white.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
#right .scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #fff url(horizontalbarbody_cornerjog.png) 0px 0px;
}
#right .vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody_white.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
#right .vscrollerbaseend {
background: url(basebarcaps_verticalbarbody_white.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
#right .hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody_white.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
#right .hscrollerbaseend {
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody_white.png) -30px 0px no-repeat;
}
#right .scrollerjogbox:hover {
background: #fff url(basebarcaps_verticalbarbody_white.png) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */