/*Page related styles for you to view*/
#mycustomscroll {

width:711px;
	height:330px;
	overflow: auto;
	padding: 0px 10px 0px 0px;
	float:left;
	text-align:left;
	outline:none;
	outline-style:none;
	margin:20px 0px 0px 0px;
}

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

.vscrollerbase, .vscrollerbar {
width: 11px;
}


.vscrollerbar {
padding: 0px 0 0px 0;
z-index: 2;
}
.vscrollerbarbeg {

	background:url(../assets/images/scroll-bar.jpg) no-repeat 0px 5px;
	width:11px;
	float:left;
	height:50px !important

}

/*.vscrollerbarend {

background:url(../assets/images/scroll-bar.jpg) no-repeat;
width:11px; 
height:41px;
border:solid 1px #000
}
*/
.hscrollerbarend {

background: url(../../images/hscroller.png);
height: 0px;
width:17px;
}



.vscrollerbase, .hscrollerbase {
background:url(../assets/images/scrollbg.jpg) repeat-y;
 width:11px;
}

.hscrollerbasebeg {
height: 0px;
/*background: url(../images/scrollbases-new.png) -22px 0px no-repeat;*/
/* width is auto set to fill the base */
width:17px;
}

.hscrollerbaseend {
height: 0px; 
width:17px;
/*background:url(../images/scrollbases2-new3.png) 0% 0% no-repeat;*/
}

.vscrollerbasebeg {
width:17px;
/*background: url(../images/scrollbases2-new3.png) 0px 0px no-repeat;*/
/* height is auto set to fill the base */
}

.vscrollerbaseend {
/*height: 9px; */
width:17px;
/*background: url(../images/scrollbases2-new2.png) 0px 0px no-repeat;*/
padding:0px 0 0 0;
}

.scrollerjogbox {
width: 17px; 
height: 15px;
top: auto; 
left: auto; 
bottom: 0px; 
right: 0px;
background: white url(../../images/scrolljog.png) 50% 50%;
}