﻿.scrollingHotSpotLeft, .scrollingHotSpotRight {
	width: 5%;
	height: 100%;
	position: absolute;
	z-index: 200;
	top: 0;
}
.scrollingHotSpotLeft {
	left: 0;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1 );
}
.scrollingHotSpotLeft:after, .scrollingHotSpotRight:after {
	font-family: 'Glyphicons Halflings';
	font-size: 30px;
	color: #000;
	top: calc(50% - 15px);
	position: absolute;
}
.scrollingHotSpotLeft:after {
	content: "\e257";
	left: 10px;
}
.scrollingHotSpotRight:after {
	content: "\e258";
	right: 10px;
}
.scrollingHotSpotRight {
	right: 0;
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%,  rgba(0,0,0,0.25) 100%);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,  rgba(0,0,0,0.25) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,  rgba(0,0,0,0.25) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=1 );
}
.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
}
