/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer{	overflow: hidden; position:relative; height:120px;}
.jspPane{	position: absolute;}
.jspVerticalBar{	position: absolute; 	top: 0; 	right: 0; 	width: 16px; 	height: 100%; }
.jspHorizontalBar{	position: absolute; 	bottom: 0; 	left: 0; 	width: 100%; 	height: 16px; }
.jspVerticalBar *,
.jspHorizontalBar *{	margin: 0; 	padding: 0;}
.jspCap{	display: none;}
.jspHorizontalBar .jspCap{	float: left;}
.jspTrack{	/* background: #dde;*/ position: relative;opacity:0.2;
			filter:alpha(opacity=20); /* For IE8 and earlier */}
.jspDrag{	background: #bbd; 	position: relative; 	top: 0; 	left: 0; 	cursor: pointer;opacity:0.4;
			filter:alpha(opacity=40); /* For IE8 and earlier */}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{	float: left; height: 100%;}
.jspHorizontalBar .jspDrag{width: 100px;background:none;}
.jspArrow{	/*background: #50506d;*/ 	text-indent: -20000px; 	display: block; 	cursor: pointer;}
.jspArrow.jspDisabled{	cursor: default; 	/*background: #80808d;*/}
.jspVerticalBar .jspArrow{	height: 16px;}
.jspHorizontalBar .jspArrow{	width: 16px; 	float: left; 	height: 100%;top:-50px;}
.jspArrowLeft {background: url(../img/arrow-menu-left.png) no-repeat;width: 16px;height: 16px;}
.jspArrowRight {background: url(../img/arrow-menu-right.png) no-repeat;width: 16px;height: 16px;}
.jspVerticalBar .jspArrow:focus{	outline: none;}
.jspCorner{	background: #eeeef4; 	float: left; 	height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{	margin: 0 -3px 0 0;}


#container{
	width: 860px;
	height:123px;
	padding: 20px;
	margin: 20px auto;
}

.scroll-pane{width:100%;height: 105px;  overflow: auto;}
.horizontal-only{  height: auto;  max-height: 200px;}