/* SCROLLER */
[rui-scroller],
.rui-scroller-executed {
	position:relative;}

/* WRAPPERS */
.rui-scroller-outer {
	z-index:2;
	position:relative;
	overflow:hidden;
	width:100%;}
.rui-scroller-inner {
	position:absolute;
	width:100%;
	overflow:hidden;
	overflow-x:scroll;
	overflow-x:auto\9;}
.rui-scroller-content {
	overflow:hidden;}
	.rui-scroller-content:after {
		content:" ";
		display:block;
		clear:both;
		height:0px;
		line-height: 0;
		visibility:hidden;
		overflow:hidden;} 
	
	
/* SCROLLBAR */
.scroller-rail {
	display:none;
	z-index:10;
	position:absolute!important;
	left:0px;
	bottom:10px;
	width:100%;
	height:1px;}
	.scroller-handle {
		position:absolute;
		left:0px;
		top:-4px!important;
		cursor:pointer;
		width:10%;
		height:9px;
		background:#555;
		opacity:0.4;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;}
	/* PHONE */
	.mobile .scroller-rail {
		display:none!important;}
	
	
/* FADERS */
.scroller-fade-left {
	display:none;
	z-index:20;
	position:absolute;
	left:0px;
	bottom:0px;
	width:50px;
	height:210px;
	background:url(/cms/rui/version/1.1/components/scroller/images/fade-left.png) no-repeat top left;}	
.scroller-fade-right {
	display:none;
	z-index:20;
	position:absolute;
	right:0px;
	bottom:0px;
	width:50px;
	height:210px;
	background:url(/cms/rui/version/1.1/components/scroller/images/fade-right.png) no-repeat top left;}
	
	
/* OVERFLOW CONTROLS */
[rui-scroller] span.overflow-control,
.rui-scroller-executed span.overflow-control{
	position:absolute;
	z-index:10;
	cursor:pointer;
	top:50%;
	font-size:50px;
	background:none;
	opacity:0.8;}
	[rui-scroller] span.overflow-control:hover,
	.rui-scroller-executed span.overflow-control:hover {
		opacity:1.0;
		text-decoration:none;}
[rui-scroller] .ctl-left,
.rui-scroller-executed .ctl-left {
	left:10px;}
[rui-scroller] .ctl-right,
.rui-scroller-executed .ctl-right {
	right:10px;}