/*Page related styles for you to view*/
.scrollgeneric {position: absolute;}


.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: #4E727C url(../images/horizontalbarbody_cornerjog.png) 0px 0px;
}

.scrollerjogbox:hover {
background: #5E828C url(../images/basebarcaps_verticalbarbody.png) -45px -15px;
}
/* general page style ends here */
/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.vscrollerbase {
visibility:visible !important;
}
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 250px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}
.vscrollerbase {
width: 15px;
background: #d9dadb url(../images/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background:#00a0c6 url(../images/horizontalbarbody_cornerjog0.png) no-repeat center;
}

.vscrollerbar, .hscrollerbar {
padding: 16px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(../images/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(../images/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;
width: 15px;
height: 15px;
}


.vscrollerbasebeg {
background: url(../images/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(../images/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;
height: 15px;
width: 15px;
}

/* Scroll Bar Master Styling Ends Here */
/* And style your scrollbar like you normally do */


/* force fleXcroll to always display the vertical scrollbase */
#mycustomscroll2 .vscrollerbase {
visibility:hidden !important;
}
/* fleXcroll adapts to this CSS setting and sets positions correctly */
#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width:600px;
height: 190px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
}


.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 900px;
height: auto;
position: relative;
color: black;
padding: 1px;
}
.hscrollerbase {
height: 15px;
background: #d9dadb url(../images/2horizontalbarbody_cornerjog.png) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #00a0c6 url(../images/2horizontalbarbody_cornerjog.png) no-repeat center;
}

.hscrollerbarbeg {
background: url(../images/horizontalbarbody_cornerjog0.png) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(../images/2basebarcaps_verticalbarbody.png) -30px -15px no-repeat;
height: 15px;
width: 15px;
}

.hscrollerbasebeg {
background: url(../images/2basebarcaps_verticalbarbody.png) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(../images/2basebarcaps_verticalbarbody.png) -30px 0px no-repeat;
}