/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	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. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	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%;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNtb290aERpdlNjcm9sbC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0ZBQW9GOztBQUVwRiw0QkFBNEI7QUFDNUI7O0NBRUM7eUZBQ3dGO0NBQ3hGLGdCQUFnQjtDQUNoQixXQUFXO0NBQ1gsYUFBYTtDQUNiOzhCQUM2QjtDQUM3QixxREFBcUQ7Q0FDckQsMEJBQTBCO0NBQzFCLG1DQUFtQztDQUNuQyxtQkFBbUI7Q0FDbkIsYUFBYTtDQUNiLFFBQVE7Q0FDUiwyRkFBMkY7Q0FDM0YsNEdBQTRHO0NBQzVHOztBQUVELDBCQUEwQjtBQUMxQjs7Q0FFQyxnREFBZ0Q7Q0FDaEQsdUJBQXVCO0NBQ3ZCLDZCQUE2QjtDQUM3QixjQUFjLENBQUMsbUNBQW1DO0NBQ2xELG1CQUFtQixDQUFDLHVFQUF1RTtDQUMzRiw0QkFBNEIsQ0FBQyxvQ0FBb0M7Q0FDakUsUUFBUSxDQUFDLGtFQUFrRTtDQUMzRTs7QUFFRCw2QkFBNkI7QUFDN0I7O0NBRUMsZ0JBQWdCO0NBQ2hCLFdBQVc7Q0FDWCxhQUFhO0NBQ2IscURBQXFEO0NBQ3JELDBCQUEwQjtDQUMxQixtQ0FBbUM7Q0FDbkMsbUJBQW1CO0NBQ25CLGFBQWE7Q0FDYixTQUFTO0NBQ1QsOEdBQThHO0NBQzlHOztBQUVELDJCQUEyQjtBQUMzQjs7Q0FFQyxpREFBaUQ7Q0FDakQsdUJBQXVCO0NBQ3ZCLDZCQUE2QjtDQUM3QixjQUFjO0NBQ2QsNEJBQTRCO0NBQzVCLG1CQUFtQjtDQUNuQixRQUFRO0NBQ1I7O0FBRUQ7O0VBRUU7QUFDRjs7Q0FFQyxtQkFBbUI7Q0FDbkIsaUJBQWlCO0NBQ2pCLFlBQVk7Q0FDWixhQUFhO0NBQ2I7O0FBRUQ7O0NBRUMsbUJBQW1CO0NBQ25CLFlBQVk7Q0FDWixhQUFhO0NBQ2IiLCJmaWxlIjoic21vb3RoRGl2U2Nyb2xsLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIFlvdSBjYW4gYWx0ZXIgdGhpcyBDU1MgaW4gb3JkZXIgdG8gZ2l2ZSBTbW9vdGggRGl2IFNjcm9sbCB5b3VyIG93biBsb29rJ24nZmVlbCAqL1xyXG5cclxuLyogSW52aXNpYmxlIGxlZnQgaG90c3BvdCAqL1xyXG5kaXYuc2Nyb2xsaW5nSG90U3BvdExlZnRcclxue1xyXG5cdC8qIFRoZSBob3RzcG90cyBoYXZlIGEgbWluaW11bSB3aWR0aCBvZiAxMDAgcGl4ZWxzIGFuZCBpZiB0aGVyZSBpcyByb29tIHRoZSB3aWxsIGdyb3dcclxuICAgIGFuZCBvY2N1cHkgMTUlIG9mIHRoZSBzY3JvbGxhYmxlIGFyZWEgKDMwJSBjb21iaW5lZCkuIEFkanVzdCBpdCB0byB5b3VyIG93biB0YXN0ZS4gKi9cclxuXHRtaW4td2lkdGg6IDc1cHg7XHJcblx0d2lkdGg6IDEwJTtcclxuXHRoZWlnaHQ6IDEwMCU7XHJcblx0LyogVGhlcmUgaXMgYSBiaWcgYmFja2dyb3VuZCBpbWFnZSBhbmQgaXQncyB1c2VkIHRvIHNvbHZlIHNvbWUgcHJvYmxlbXMgSSBleHBlcmllbmNlZFxyXG4gICAgaW4gSW50ZXJuZXQgRXhwbG9yZXIgNi4gKi9cclxuXHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoLi4vaW1hZ2VzL2JpZ190cmFuc3BhcmVudC5naWYpO1xyXG5cdGJhY2tncm91bmQtcmVwZWF0OiByZXBlYXQ7XHJcblx0YmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcclxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XHJcblx0ei1pbmRleDogMjAwO1xyXG5cdGxlZnQ6IDA7XHJcblx0LyogIFRoZSBmaXJzdCB1cmwgaXMgZm9yIEZpcmVmb3ggYW5kIG90aGVyIGJyb3dzZXJzLCB0aGUgc2Vjb25kIGlzIGZvciBJbnRlcm5ldCBFeHBsb3JlciAqL1xyXG5cdGN1cnNvcjogdXJsKC4uL2ltYWdlcy9jdXJzb3JzL2N1cnNvcl9hcnJvd19sZWZ0LnBuZyksIHVybCguLi9pbWFnZXMvY3Vyc29ycy9jdXJzb3JfYXJyb3dfbGVmdC5jdXIpLHctcmVzaXplO1xyXG59XHJcblxyXG4vKiBWaXNpYmxlIGxlZnQgaG90c3BvdCAqL1xyXG5kaXYuc2Nyb2xsaW5nSG90U3BvdExlZnRWaXNpYmxlXHJcbntcclxuXHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoLi4vaW1hZ2VzL2Fycm93X2xlZnQuZ2lmKTtcdFx0XHRcdFxyXG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcblx0YmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcclxuXHRvcGFjaXR5OiAwLjM1OyAvKiBTdGFuZGFyZCBDU1MzIG9wYWNpdHkgc2V0dGluZyAqL1xyXG5cdC1tb3otb3BhY2l0eTogMC4zNTsgLyogT3BhY2l0eSBmb3IgcmVhbGx5IG9sZCB2ZXJzaW9ucyBvZiBNb3ppbGxhIEZpcmVmb3ggKDAuOSBvciBvbGRlcikgKi9cclxuXHRmaWx0ZXI6IGFscGhhKG9wYWNpdHkgPSAzNSk7IC8qIE9wYWNpdHkgZm9yIEludGVybmV0IEV4cGxvcmVyLiAqL1xyXG5cdHpvb206IDE7IC8qIFRyaWdnZXIgXCJoYXNMYXlvdXRcIiBpbiBJbnRlcm5ldCBFeHBsb3JlciA2IG9yIG9sZGVyIHZlcnNpb25zICovXHJcbn1cclxuXHJcbi8qIEludmlzaWJsZSByaWdodCBob3RzcG90ICovXHJcbmRpdi5zY3JvbGxpbmdIb3RTcG90UmlnaHRcclxue1xyXG5cdG1pbi13aWR0aDogNzVweDtcclxuXHR3aWR0aDogMTAlO1xyXG5cdGhlaWdodDogMTAwJTtcclxuXHRiYWNrZ3JvdW5kLWltYWdlOiB1cmwoLi4vaW1hZ2VzL2JpZ190cmFuc3BhcmVudC5naWYpO1xyXG5cdGJhY2tncm91bmQtcmVwZWF0OiByZXBlYXQ7XHJcblx0YmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGNlbnRlcjtcclxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XHJcblx0ei1pbmRleDogMjAwO1xyXG5cdHJpZ2h0OiAwO1xyXG5cdGN1cnNvcjogdXJsKC4uL2ltYWdlcy9jdXJzb3JzL2N1cnNvcl9hcnJvd19yaWdodC5wbmcpLCB1cmwoLi4vaW1hZ2VzL2N1cnNvcnMvY3Vyc29yX2Fycm93X3JpZ2h0LmN1ciksZS1yZXNpemU7XHJcbn1cclxuXHJcbi8qIFZpc2libGUgcmlnaHQgaG90c3BvdCAqL1xyXG5kaXYuc2Nyb2xsaW5nSG90U3BvdFJpZ2h0VmlzaWJsZVxyXG57XHJcblx0YmFja2dyb3VuZC1pbWFnZTogdXJsKC4uL2ltYWdlcy9hcnJvd19yaWdodC5naWYpO1xyXG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XHJcblx0YmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcclxuXHRvcGFjaXR5OiAwLjM1O1xyXG5cdGZpbHRlcjogYWxwaGEob3BhY2l0eSA9IDM1KTtcclxuXHQtbW96LW9wYWNpdHk6IDAuMzU7XHJcblx0em9vbTogMTtcclxufVxyXG5cclxuLyogVGhlIHNjcm9sbCB3cmFwcGVyIGlzIGFsd2F5cyB0aGUgc2FtZSB3aWR0aCBhbmQgaGVpZ2h0IGFzIHRoZSBjb250YWluaW5nIGVsZW1lbnQgKGRpdikuXHJcbiAgIE92ZXJmbG93IGlzIGhpZGRlbiBiZWNhdXNlIHlvdSBkb24ndCB3YW50IHRvIHNob3cgYWxsIG9mIHRoZSBzY3JvbGxhYmxlIGFyZWEuXHJcbiovXHJcbmRpdi5zY3JvbGxXcmFwcGVyXHJcbntcclxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XHJcblx0b3ZlcmZsb3c6IGhpZGRlbjtcclxuXHR3aWR0aDogMTAwJTtcclxuXHRoZWlnaHQ6IDEwMCU7XHJcbn1cclxuXHJcbmRpdi5zY3JvbGxhYmxlQXJlYVxyXG57XHJcblx0cG9zaXRpb246IHJlbGF0aXZlO1xyXG5cdHdpZHRoOiBhdXRvO1xyXG5cdGhlaWdodDogMTAwJTtcclxufSJdfQ== */