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

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


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

#mycustomscrollXL {
/* Typical fixed height and fixed width example */
width: 280px;
height: 505px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: black;
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;
}