/**** scroller **********************/
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width			: 310px;
	height			: 138px;
	overflow		: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position		: relative;
	margin			: 0px 0 0 0;
	padding			: 0px 0 0 0;
	/*background		: url(profiles/alllanguage/track_bg.gif) no-repeat bottom left;*/
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	/*width	: 1500px;*/
	position: relative;
}

/* No need to setup for horizontal if no use , the scroller bar will only show if the contain is longer. */
/* content */
.scrollgeneric {
	line-height	: 1px;
	font-size	: 1px;
	position	: absolute;
	top			: 0; 
	left		: 0;
}

/****************************************************************************************
/ HORIZONTAL SCROLLER
/****************************************************************************************/

/*************************
  *** track ***
*************************/
/* scroller track */
.hscrollerbase {
	background		: url(allsection/alllanguage/scroller_track.jpg) repeat-x;
	height			: 6px;
}
/* track top */
.hscrollerbasebeg {
	background		: url(allsection/alllanguage/scroller_left.jpg) no-repeat;
	height			: 6px;
	width			: 8px !important;
}
/* track end */
.hscrollerbaseend {
	height			: 6px;
	width			: 8px;
	background		: url(allsection/alllanguage/scroller_right.jpg) no-repeat;
}
/*************************
  *** handle ***
*************************/
/* scroller handle */
.hscrollerbar {
	margin			: 0;
	padding			: 0 8px 0 8px;
	z-index			: 2;
	height			: 6px;
	background		: url(allsection/alllanguage/scroller_handle.jpg) center repeat-x;
}
/* handle top */
.hscrollerbarbeg {
	background		: url(allsection/alllanguage/scroller_handle.jpg) no-repeat;
	height			: 6px;
	width			: 9px !important;
}
/* handle bottom */
.hscrollerbarend {
	background		: url(allsection/alllanguage/scroller_handle.jpg) no-repeat;
	height			: 6px;
	width			: 0px;
	margin			: 0 0 0 8px;
}