div.scrollingHotSpotLeftVisible {
	background: url(../../images/blank.png) no-repeat;	
	display: block !important;
	height: 20px;			
	left: -44px;
	position: absolute;
	top: 10px;
	width: 20px;
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}


div.scrollingHotSpotRightVisible {
	background: url(../../images/blank.png) no-repeat;	
	display: block !important;
	height: 20px;			
	right: -46px;
	position: absolute;
	top: 10px;
	width: 20px;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
}


	/*opacity: 0.35;*/ /* Standard CSS3 opacity setting */
	/*-moz-opacity: 0.35;*/ /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	/*filter: alpha(opacity = 35);*/ /* Opacity for Internet Explorer. */