#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 855px;
	height: 210px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: none;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	z-index:1;
	/*border:1px solid pink;*/
}

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: relative;
	top: 0; 
	left: 0;
}

/* the following line puts fleXcroll into scrollbar-on-left mode */
.vscrollerbase {
	/*left: 0 !important;*/
}
/* fleXcroll detects this CSS setting and sets content positions correctly with
respect to whether a scrollbar is needed or not*/


/* styles */
.vscrollerbar {
	margin:1px 0 0 1px;
	width: 15px;
	/*border:1p solid white;*/
	background: #336666 url('../img/scrollbar.png') -36px 0px repeat-y;
}
.vscrollerbarbeg {
	height: 1px !important;
	width: 15px;
	background: #fff url('../img/scrollbar.png') -108px -32px no-repeat;
}
.vscrollerbarend {
	height: 1px;
	width: 15px;
	background: #fff url('../img/scrollbar.png') -108px 0px no-repeat;
}
.vscrollerbase {
	width: 15px;
	background: yellow url('../img/scroll/bg_scrollbalk.gif') 0px 0px repeat-y;
}
.vscrollerbasebeg {
	width: 15px;
	height: 1px !important;
	background: #fff url('../img/scrollbar.png') -72px -28px no-repeat;
}
.vscrollerbaseend {
	height: 1px;
	width: 15px;
	background: #336666 url('../img/scrollbar.png')  -72px 0px no-repeat;
}
.hscrollerbase {
	height: 1px;
	background-color: #000;
	}
.hscrollerbar {
	height: 1px; 
	background-color: black;
}
.vscrollerbar, .hscrollerbar {
	padding: 7px 0 9px 0;
	z-index: 2;
}
.scrollerjogbox {
	width: 15px;
	height: 16px;
	top: auto; 
	left: auto;
	bottom: 0px; 
	right: 0px;
	background: #000000;
}