/* 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: 0px; left: 0px;}

.vscrollerbase {
width: 15px;
background: /*#D7EBDF*/ url(images/basebarcaps_verticalbarbody.gif) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: /*#99CBCB*/ url(images/basebarcaps_verticalbarbody.gif) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: /*#D7EBDF*/ url(images/horizontalbarbody_cornerjog.gif) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: /*#99CBCB*/ url(images/horizontalbarbody_cornerjog.gif) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody.gif) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(images/basebarcaps_verticalbarbody.gif) -45px 0px no-repeat;
width:15px;
height:15px;
}
.hscrollerbarbeg {
background: url(images/basebarcaps_verticalbarbody.gif) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(images/basebarcaps_verticalbarbody.gif) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: /*#4E727C*/ url(images/horizontalbarbody_cornerjog.gif) 0px 0px;
}
.vscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody.gif) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(images/basebarcaps_verticalbarbody.gif) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(images/basebarcaps_verticalbarbody.gif) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(images/basebarcaps_verticalbarbody.gif) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: /*#5E828C*/ url(images/basebarcaps_verticalbarbody.gif) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */

.mycustomscroll {
/* Typical fixed height and fixed width example */
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/*
margin: 0.3em auto;
padding: 15px;*/
padding:0px;
margin:0px 0px 0px 0px;
float:left;
width:255px;
height:352px;
overflow:auto;
background-color:#FFFFFF;
border-left:1px solid #e8e8e8;
border-right:1px solid #e8e8e8;
}
.flexcroll ul
{
display:table;
}
.flexcroll ul li
{
display:table;
}
/*
.mycustomscroll2 {

float:left;
width: 520px;
height: 330px;
position: relative;
background-color: #D5EADE;/*
margin: 0.3em auto;
padding: 15px;
}*/
.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width:255px;
height:auto;
position: relative;
color: black;
padding: 1px;
}