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

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

/* force fleXcroll to always display the vertical scrollbase */
.vscrollerbase {
visibility: visible !important;

}
/* fleXcroll adapts to this CSS setting and sets positions correctly */


/* And style your scrollbar like you normally do */


.vscrollerbase {
width: 20px;
background: #221201 url(basebarcaps_verticalbarbody.png) 0px 0px repeat-y;
}
.vscrollerbar {
width: 25px;
background: #DC8301 url(images/vscrollbar_end.png) -15px 0px repeat-y;
padding-top:10px;
padding-bottom:10px;}







.vscrollerbar, .hscrollerbar {

z-index: 2;
}
.vscrollerbarbeg {
background:url(images/vscrollbar_beg.png) -45px -30px no-repeat;
width: 15px;
height: 10px !important;


}
.vscrollerbarend {
background: url(images/vscrollbar_end.png) -45px 0px no-repeat;
width: 15px;
height: 10px;

}


.vscrollerbasebeg {
background:#fde7c6 url(images/vscrollbar_beg.png) -30px -30px no-repeat; 
width: 10px;
height: 10px !important;
}
.vscrollerbaseend {
background: #fde7c6 url(images/vscrollbar_end.png) -60px -30px no-repeat;
width: 10px;
height: 10px;
}

.scrollerjogbox:hover {
background: #5E828C url(images/basebarcaps_verticalbarbody.png) -45px -15px;
}






/* Scroll Bar Master Styling Ends Here */
/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 600px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em auto;
padding: 15px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 650px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em auto;
padding: 15px;

}
#mycustomscroll3 {
/* Typical fixed height and fixed width example */
width: 650px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em auto;
padding: 15px;

}
#mycustomscroll5 {
/* Typical fixed height and fixed width example */
width: 650px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em 0.3em 1.3em 0.3em;
padding: 15px;
}

#mycustomscroll4 {
/* Typical fixed height and fixed width example */
width: 600px;
height: 280px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em auto;
padding: 15px;


}

#mycustomscroll6 {
/* Typical fixed height and fixed width example */
width: 600px;
height: 250px;
overflow: auto;

/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em auto;
padding: 15px;


}
#mycustomscroll7 {
/* Typical fixed height and fixed width example */
width: 600px;
height: 250px;
overflow: auto;

/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em auto;
padding: 15px;


}

#mycustomscroll8 {
/* Typical fixed height and fixed width example */
width: 625px;
height: 250px;
overflow: auto;

/* IE overflow fix, position must be relative or absolute*/
position: relative;

margin: 0.3em 0.3em 1.3em 0.3em;
padding: 15px;


}
/*this is to effect the color of the text in the mycustomscroll116 box above */





.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 600px;
height: auto;
position: relative;
color: black;
padding: 1px;
}

/* general page style ends here */