/* Custom Scrollbar Master Styling */

/* corrective styling of elements, do not modify or remove */ 
.scrollgeneric {
line-height: 1px; 
font-size: 1px; 
position: absolute; 
top: 0; left: 0;
}

.vscrollerbar {
width: 11px; 
background: #dc291e url(/Files/System/Web/Telekiosken/gfx/handle.png) 0px 0px repeat-y;
}
.vscrollerbarbeg {
height: 10px !important; */safari fix*/ 
width: 11px; 
/*background: url(/Files/System/Web/Telekiosken/gfx/up.png) 0px 0px no-repeat;*/
}
.vscrollerbarend {
height: 10px; 
width: 11px; 
/* background: url(/Files/System/Web/Telekiosken/gfx/down.gif) 0px 0px no-repeat;*/
}
.vscrollerbase {
width: 11px; 
background: #eee url(/Files/System/Web/Telekiosken/gfx/bgscr.png) 0px 0px repeat-y;
}

/* height of this element is auto set to fit the scrollbase (cover the base), use element to place a faux top arrow image */
.vscrollerbasebeg {
width: 11px; 
height: 10px !important; /*safari fix*/ 
background: url(/Files/System/Web/Telekiosken/gfx/up.png) 0px 0px no-repeat;
}

/* height of this element should be set, use element to place a faux bottom arrow image */
.vscrollerbaseend {
height: 10px; 
width: 11px; 
background: url(/Files/System/Web/Telekiosken/gfx/down.png)  0px 0px no-repeat;
}

/* color properties for horizontal scrollbars, just in case */
.hscrollerbase {
height: 10px; 
background-color: #eee;
}
.hscrollerbar {
height: 10px; 
background-color: #dc291e;
}

/* padding to decide how far the scrollbar will stop in both ends, set to the size of faux arrows */
.vscrollerbar, .hscrollerbar {
padding: 10px; 
z-index: 2;
}

/* properties for scroller jog box, just in case */
.scrollerjogbox {
width: 10px; 
height: 10px; 
top: auto; left: auto; bottom: 0px; right: 0px; 
background: #fffff;
}

/* Custom Scrollbar Master Styling End */