/* Scroll Bar Master Styling Starts Here */
/* comments can freely be removed from this file */

/* do not modify .scrollgeneric class, required for proper operation */
.scrollgeneric {
line-height: 1px; font-size: 1px;
position: absolute; top: 0; left: 0;
}

.vscrollerbase, .vscrollerbar {
  width: 16px;
}

.hscrollerbase, .hscrollerbar {
  height: 16px;
}


.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*/
padding: 20px;
/* z-index for scrollbars no longer has to be given as of version
1.7.5 for correct operation, but it is still recommended, as this
decides the z-index for content.*/
z-index: 2;
}

.vscrollerbarbeg {
/*top image holder for vertical scroll bar*/
background: url(images/dcosmic_scrollbars/vscrollertop.png);
width: 16px;
/* height is auto set by the script to fit the scrollbar */
}

.vscrollerbarend {
/*bottom image holder for vertical scroll bar*/
background: url(images/dcosmic_scrollbars/vscrollerbot.png);
width: 16px; height: 6px;
}

.hscrollerbarbeg {
/*right image holder for horizontal scroll bar*/
background: url(images/dcosmic_scrollbars/hscrollerleft.png);
height:16px;
/* height is auto set by the script to fit the scrollbar */
}

.hscrollerbarend {
/*left image holder for horizontal scroll bar*/
background: url(images/dcosmic_scrollbars/hscrollerright.png);
width: 6px; height: 16px;
}

/* Following are OPTIONAL */

.vscrollerbase {
background-color: black;
background-image: url(images/dcosmic_scrollbars/vscrollbaseback.png);
}

.hscrollerbase {
background-color: black;
background-image: url(images/dcosmic_scrollbars/hscrollbaseback.png);
}

.vscrollerbasebeg {
width: 16px;
height:20px;
background: url(images/dcosmic_scrollbars/vscrollbasetop.png) 0 0 no-repeat;
/* height is auto set to fill the base */
}

.vscrollerbaseend {
height: 20px; width: 16px;
background: url(images/dcosmic_scrollbars/vscrollbasebot.png) 0 0 no-repeat;
}

.hscrollerbasebeg {
height: 16px; width : 20px;
background: url(images/dcosmic_scrollbars/hscrollbasesin.png) 0 0 no-repeat;
/* width is auto set to fill the base */
}

.hscrollerbaseend {
height: 16px; width : 20px;
background: url(images/dcosmic_scrollbars/hscrollbasedex.png) 0 0 no-repeat;
}

.scrollerjogbox {
width: 16px; height: 16px;
top: auto; left: auto; bottom: 0px; right: 0px;
background-color: #111111;
}
/* Scroll Bar Master Styling Ends Here */