.flexcroll {
	outline:none;
}
.scrollgeneric {
	line-height:0;
	font-size:0;
	position:absolute;
	top:0;
	left:0;
}

/* For scrollbars, defining a color for background alongside with an image 
is always a good idea, this way the scrollbars are visible until images load */
.vscrollerbase {
	width:11px;
}
.vscrollerbar {
	width:11px;
}

.hscrollerbase {
	height:11px;
}
.hscrollerbar {
	height:11px;
}

/* styles for scrollbar images start here */
.hscrollerbar {
	background:url(/common/images/scroll-h.gif) 0 -22px repeat-x #f6f0d9;
}
.vscrollerbar {
	background:url(/common/images/scroll-v.gif) -22px 0 repeat-y #f6f0d9;
}
.vscrollerbar, .hscrollerbar {
	padding:9px 26px 9px 16px;
	z-index:2;
}
.vscrollerbarbeg {
	background:url(/common/images/scroll-v.gif) 0 0 no-repeat;
	width:11px;
	height:6px !important;
}
.vscrollerbarend {
	background:url(/common/images/scroll-v.gif) -11px 0 no-repeat;
	width:11px;
	height:6px;
}

.hscrollerbarbeg {
	background:url(/common/images/scroll-h.gif) 0 -11px no-repeat;
	height:11px;
	width:6px !important;
}
.hscrollerbarend {
	background:url(/common/images/scroll-h.gif) 0 0 no-repeat;
	height:11px;
	width:6px;
}

.scrollerjogbox {
	width:11px;
	height:11px;
	top:auto;
	left:auto;
	bottom:0;
	right:0;
}

/* Following are for scrollbase images, may not always be required */
.vscrollerbase {
	background:url(/common/images/scroll-v.gif) -33px 0 repeat-y;
}
.vscrollerbasebeg {
	width:11px;
	height:9px !important;
}
.vscrollerbaseend {
	height:9px;
	width:11px;
}

.hscrollerbase {
	background:url(/common/images/scroll-h2.gif) 7px 5px no-repeat;
}
.hscrollerbasebeg {
	height:11px;
	width:9px !important;
}
.hscrollerbaseend {
	height:11px;
	width:9px;
}