#mycustomscroll
{
	width: 585px;
	height: 330px;
	top:0;
	left:0;
	overflow: auto;
	position: relative;
	float:left;
	outline:none;
	padding:0;
	margin:0px;
}

#mycustomscroll2
{
	width: 566px;
	height: 190px;
	top:0;
	left:0;
	overflow: auto;
	position: relative;
	float:left;
	outline:none;
	margin:0px 0px 5px 0px;
}
.flexcroll{float:left !important;}

/* Scroll Bar Master Styling Starts Here */

.scrollgeneric{line-height: 1px;font-size: 1px;position: absolute;}
.vscrollerbase, .vscrollerbar {width: 18px;top: 0px;}
.vscrollerbar {left: 0px;}
.vscrollerbar
{
	padding: 20px;
	z-index: 2;
	/*
	background-color:#5c5c5c;
	height:20px !important;*/
	
	height:auto;
	background:url(../images/scrollbar.gif) top left repeat-y;
	float:left;visibility: visible !important;
}
.vscrollerbase {visibility: visible !important;}
.hscrollerbase {visibility: hidden !important;}
/*top image holder for vertical scroll bar*/
.vscrollerbarbeg {visibility: visible !important;width: 18px;height: 20px;top: 0px;}

/*bottom image holder for vertical scroll bar*/
.vscrollerbarend {visibility: visible !important;width: 18px;height: 20px;}

/* Following are OPTIONAL */
.vscrollerbase {background-color: #D1DDCB;border-left:1px solid #5c5c5c;border-right:1px solid #5c5c5c;visibility: visible !important;}
.vscrollerbasebeg {top: 0px;width: 18px;background: url(../images/toparrow.gif) top left no-repeat;background-color:#222222;}
.vscrollerbaseend {height: 19px;width: 18px;background: url(../images/bottomarrow.gif);}
.scrollerjogbox {width: 18px;height: 19px;bottom: 0px;right: 0px;background: url(../images/bottomarrow.gif);}
.clearfloat {clear:both;height:0px;line-height:0px; visibility: hidden;}