/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

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

.vscrollerbar, .hscrollerbar {
z-index: 2;
cursor: pointer;
}

/* vertical scrollbar */
.vscrollerbase {
width: 13px;
background: url('../images/scrollbars/ver-track.png') repeat-y top #eee;
}
.vscrollerbar {
width: 13px;
height: 97px !important;
padding: 17px 0 17px 0;
background: url('../images/scrollbars/ver-handle.png') no-repeat 0 0;
}
.vscrollerbar:hover {
background: url('../images/scrollbars/ver-handle.png') no-repeat -13px 0;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #000;
}
.vscrollerbasebeg {
background: url('../images/scrollbars/ver-arrows-up.png') no-repeat 0 0;
width: 13px;
height: 17px !important;
}
.vscrollerbasebeg:hover {
background: url('../images/scrollbars/ver-arrows-up.png') no-repeat -13px 0;
}
.vscrollerbaseend {
background: url('../images/scrollbars/ver-arrows-down.png') no-repeat 0 0;
width: 13px;
height: 17px !important;
}
.vscrollerbaseend:hover {
background: url('../images/scrollbars/ver-arrows-down.png') no-repeat -13px 0;
}
/* horizontal scrollbar */
.hscrollerbase {
height: 15px;
background: url('../images/scrollbars/hor-track.png') repeat-x top #eee;
}
/* override for the grid layout and grid item view pages */
#grid-container .hscrollerbase {
width: 706px !important;
margin: 0 0 0 4px;
}
.grid-open #grid-container .hscrollerbase {
width: 669px !important;
margin: 0 0 0 40px;
}
.hscrollerbar {
width: 97px !important;
height: 15px;
padding: 0 19px 0 19px;
background: url('../images/scrollbars/hor-handle.png') no-repeat 0 -15px;
}
.hscrollerbar:hover {
background: url('../images/scrollbars/hor-handle.png') no-repeat 0 0;
}
.hscrollerbasebeg {
height: 15px;
width: 21px !important;
cursor: pointer;
background: url('../images/scrollbars/hor-arrows-left.png') no-repeat 0 0px;
}
.hscrollerbasebeg:hover {
background: url('../images/scrollbars/hor-arrows-left.png') no-repeat 0 -15px;
}
.hscrollerbaseend {
height: 15px;
width: 21px !important;
cursor: pointer;
background: url('../images/scrollbars/hor-arrows-right.png') no-repeat 0 0px;
}
.hscrollerbaseend:hover {
background: url('../images/scrollbars/hor-arrows-right.png') no-repeat 0 -15px;
}

/* hide not used items */
.vscrollerbarbeg {
display: none;
}
.vscrollerbarend {
display: none;
}
.hscrollerbarbeg {
display: none;
}
.hscrollerbarend {
display: none;
}