/*
 * 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;
 }
 .jspPane
 {
 	margin: 0 !important;
 	position: absolute;
 	width: 100%!important;
 }

 .jspVerticalBar
 {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 2px;
 	height: 100%;
 }

 .jspHorizontalBar
 {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	height: 8px;
 	background: transparent;
 }

 .jspVerticalBar .jspCap
 {
 	height: 40px;
 	width: 2px;
 	display: none;
 	background-color: rgba(138, 150, 162, .1);
 }
 .jspHorizontalBar .jspCap
 {
 	float: left;
 }

 .jspTrack
 {
 	background-color: rgba(138, 150, 162, .1);
 	position: relative;
 	width: 2px;
 }

 .jspDrag
 {
 	border-radius: 0;
 	border: none;
 	position: relative;
 	top: 0;
 	left: 0;
 	right: 0;
 	background-color: #d9a80d;
 	cursor: pointer;
 }
 .jspScrollable,
 .jspScrollable:focus{
 	outline: none; 
 }

 .jspHorizontalBar .jspTrack,
 .jspHorizontalBar .jspDrag
 {
 	float: left;
 	height: 100%;
 }

 .jspArrow
 {
 	background: #50506d;
 	text-indent: -20000px;
 	display: block;
 	cursor: pointer;
 	padding: 0;
 	margin: 0;
 }

 .jspArrow.jspDisabled
 {
 	cursor: default;
 	background: #80808d;
 }

 .jspVerticalBar .jspArrow
 {
 	height: 16px;
 }

 .jspHorizontalBar .jspArrow
 {
 	width: 16px;
 	float: left;
 	height: 100%;
 }

 .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;
 	}