/* 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: 13px;
/* background-color: #C0C0C0; */
background-color: #000;
}
.vscrollerbar {
width: 13px;
background-color: black;
}
.hscrollerbase {
height: 10px;
background-color: #000;
/* background-color: #C0C0C0; */
}
.hscrollerbar {
height: 10px;
background-color: black;
}

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

/* This ends BASIC scrollbar style. */
/* styles for scrollbar images start here */

.hscrollerbar {
/* Main body of horizontal scrollbar */
background: black url(horizontalbarbody_cornerjog.png) 0px -30px repeat-x;
}

.vscrollerbar {
/* Main body of vertical scrollbar */
background: black url(basebarcaps_verticalbarbody.png) -15px 0px repeat-y;
height: 20px !important;
}

.vscrollerbar, .hscrollerbar {
/*padding information of these elements are only used for
padding of the scroll-bar with respect to the scroll-base,
the padding will automatically be turned off by the script
The greater the padding, the further away the scrollbar
stops away from both ends. This may be used, for example,
to provide space for our "faux" arrow heads.
*/
padding: 10px;

/* z-index for scrollbars define the z-index for the content, if left at
"auto" or "0", they are set to "2", if defined, content z-index is set the
same as the scrollbars. Version 1.7.5 and higher does not need this setting
to function properly, earlier versions need this for proper operation */
z-index: 2;
}

.vscrollerbarbeg {
/* Top image holder for vertical scrollbar*/
background: black url(basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
/* Height of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
height: 20px !important;
}

.vscrollerbarend {
/* Bottom image holder for vertical scrollbar*/
background: black url(basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 20px !important;
}

.hscrollerbarbeg {
/* Left image holder for horizontal scrollbar */
background: black url(basebarcaps_verticalbarbody.png) -60px -15px no-repeat;
height: 15px;
/* Width of this class is normally set by the script, to fit the scrollbar, but Webkit (Safari's rendering
engine) currently has a bug on no-repeat for negatively positioned backgrounds, causing the top
image to repeat on certain sizes. In this style, we do not need our script to strech the
vscrollerbarbeg, so we can fix the problem by forcing the size using CSS with an !important decleration: */
width: 15px !important;
}

.hscrollerbarend {
/* Right image holder for horizontal scrollbar */
background: black url(basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

.scrollerjogbox {
/* Scroller jog (scroll-pan) image holder, only visible when both scrollbars are used */
background: black url(horizontalbarbody_cornerjog.png) 0px 0px;
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
}

/* Following are for scrollbase images, may not always be required */

.vscrollerbase {
/* Vertical scrollbar's base body */ 
background: black url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
/* Vertical scrollbar's base top-cap */
/* This may be used for holding the up arrow */
background: black url(basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
/* height of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
height: 15px !important; /*  Safari BG repeat fix */
}

.vscrollerbaseend {
/* Vertical scrollbar's base bottom-cap */
/* This may be used for holding the down arrow */
background: black url(basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}

.hscrollerbase {
/* Horziontal scrollbar's base body */ 
background: black url(horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}

.hscrollerbasebeg {
/* Horizontal scrollbar's left-cap */
/* This may be used for holding the left arrow */
background: black url(basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
/* width of this element is normally auto set by the script to fit the scrollbase, to cover the base... */
width: 15px !important; /* Safari BG repeat fix */
}

.hscrollerbaseend {
/* Horizontal scrollbar's right-cap */
/* This may be used for holding the right arrow */
height: 15px;
width: 15px;
background: black url(basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}

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

/* this places vertical scrollbars on the LEFT */
/*.vscrollerbase {  */
.vscrollerbase {left: 0 !important;}
/* } */

/* Scrollbar style ends here */

/*
#scrollbar {
    width: 350px;
    height: 600px;
    overflow: auto;
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 5px 35px 5px 5px;
    text-align: left;
}
*/

#scrollbarBio {
    width: 335px;
    height: 520px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 5px 0px 5px 25px;
    text-align: justify;
}

#scrollbarVideo {
    width: 600px;
    height: 520px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

#scrollbarCDs {
    width: 160px;
    height: 520px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 5px 0px 5px 30px;
    text-align: left;
}

#scrollbarConnect {
    width: 180px;
    height: 510px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 5px 30px;
    text-align: right;
}
#scrollbarConnectIE {
    width: 250px;
    height: 510px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 5px 30px;
    text-align: right;
}

#scrollbarLyrics {
    width: 435px;
    height: 600px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 0 20px;
    text-align: left;
}
#scrollbarTOC {
    width: 580px;
    height: 600px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 0 20px;
    text-align: left;
}

#scrollbarLinks {
    width: 245px;
    height: 590px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 5px 30px;
    text-align: left;
}
#scrollbarLinksIE {
    width: 245px;
    height: 590px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 5px 30px;
    text-align: left;
}

#scrollbarPerformances {
    width: 380px;
    height: 500px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 5px 30px;
    text-align: left;
}

#scrollbarReviews {
    width: 200px;
    height: 450px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 5px 30px;
    text-align: left;
}

#scrollbarStore {
    width: 250px;
    height: 460px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 5px 30px;
    text-align: left;
}

#scrollbarWriting {
    width: 250px;
    height: 430px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0px 0px 0px 30px;
    text-align: left;
}

#scrollbarWritingIE {
    width: 280px;
    height: 430px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    background-color: #000;
    margin: 0px auto;
    padding: 0px 10px 5px 30px;
    text-align: justify;
}
/*
#scrollbarLinks {
    width: 330px;
    height: 600px;
    overflow: auto;
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 5px 15px 25px 5px;
    text-align: left;
}

#scrollbarWide {
    width: 870px;
    height: 600px;
    overflow: auto;
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
}

#scrollbarWideLight {
    width: 870px;
    height: 600px;
    overflow: auto;
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
}

#scrollbarNarrow {
    width: 330px;
    height: 600px;
    overflow: auto;
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 5px;
    text-align: left;
}

#scrollbarNarrow2 {
    width: 220px;
    height: 600px;
    overflow: auto;
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 5px 145px 25px 5px;
    text-align: left;
}

#scrollbarRightShift {
    width: 335px;
    height: 350px;
    overflow: auto;
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#scrollbarRightShiftNarrow {
    width: 270px;
    height: 130px;
    overflow: auto;
    position: relative;
    background-color: #000;
    margin: 0 auto;
    padding: 0;
    text-align: right;
}
*/