@charset "UTF-8";
/* .scrollgeneric is required for proper scrollbar display, not for user customization, and is mandatory */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

/* This way the scrollbars are visible until images load */
.vscrollerbase {
width: 15px;
background-color: #900;
}

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

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

.hscrollerbar {
height: 15px;
background-color: #fff;
}
/* basic style end */


/* styles for scrollbar images start */
.hscrollerbar {
background: #fff url(horizontalbarbody_cornerjog_white.png) 0px -30px repeat-x;
}

.vscrollerbar {
background: #fff url(basebarcaps_verticalbarbody_white.png) -15px 0px repeat-y;
}

.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: 2;
}

.vscrollerbarbeg {
background: url(basebarcaps_verticalbarbody_white.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: 15px !important;
margin-top: -3px;
}

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

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

.hscrollerbarend {
background: url(basebarcaps_verticalbarbody_white.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
margin-left: 3px;
}

.scrollerjogbox {
background: #fff url(horizontalbarbody_cornerjog_white.png) 0px 0px;
width: 15px;
height: 15px;
top: auto;
left: auto;
bottom: 0px;
right: 0px;
cursor: move;
}


/* Scrollbase images, may not always be required */
.vscrollerbase {
background: #900 url(basebarcaps_verticalbarbody_white.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody_white.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
margin-top: -3px;
}

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

.hscrollerbase {
background: #900 url(horizontalbarbody_cornerjog_white.png) 0px -15px repeat-x;
}

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

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

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





#Container .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }

#Container .vscrollerbase { width: 15px; background: #990000 url(additional/p7gw_line.gif) repeat-y center bottom; }

#Container .vscrollerbar { width: 15px; background: transparent url(additional/p7gw_dot.png) no-repeat center center; }

#Container .vscrollerbar { padding: 10px; z-index: 2; }

#Container .vscrollerbarbeg { background: transparent none; width: 15px; height: 15px !important; }

#Container .vscrollerbarend { background: transparent none; width: 15px; height: 15px; }

#Container .vscrollerbasebeg { height: 200px !important; background: #990000 url(additional/p7gw_oben.gif) no-repeat center top; }

#Container .vscrollerbaseend { height: 200px !important; background: #990000 url(additional/p7gw_unten.gif) no-repeat center bottom; }

#Container .scrollerjogbox { display: none; }