#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 260px;
height: 300px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #000000;
margin: 0.3em auto;
padding: 15px;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 260px;
height: 100px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #000000;
margin: 0.3em auto;
padding: 15px;
}


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

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

.vscrollerbase {
width: 10px;
background-color: #333333;
}
.vscrollerbar {
width: 10px;
background-color: #FF3300;
}
.hscrollerbase {
height: 10px;
background-color: #333333;
}
.hscrollerbar {
height: 10px;
background-color: #FF3300;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}