/*!
* jScrollpane CSS
*/
 
.jspContainer
{
overflow: hidden;
position: relative;
    height: 100%;
	color: #fff;
    background: #70644e;
	
	background: -ms-linear-gradient(top,  #35281c 0%,#5b4939 100%);
	filter:progid:DXImageTransform.Microsoft.Gradient
 (GradientType=0,StartColorStr='#35281c',EndColorStr='#5b4939',);
	
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(1, rgb(53,40,28)),
        color-stop(0, rgb(91,73,57))
        );
     background: -moz-linear-gradient(
       top,
		#35281c,
		#5b4939
			);
	background-image: -o-linear-gradient(
		top,
		#35281c,
		#5b4939 
			);
			background-image: linear-gradient(
				top,
				#35281c,
				#5b4939
			);
}

.jspPane
{
position: absolute;
}

.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 100%;
background: #70644e;
}

.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: #70644e;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}

.jspCap
{
display: none;
}

.jspHorizontalBar .jspCap
{
float: left;
}

.jspTrack
{
position: relative;
color: #fff;
    background: #70644e;
	
	background: -ms-linear-gradient(top,  #35281c 0%,#5b4939 100%);
	filter:progid:DXImageTransform.Microsoft.Gradient
 (GradientType=0,StartColorStr='#35281c',EndColorStr='#5b4939',);

    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(1, rgb(53,40,28)),
        color-stop(0, rgb(91,73,57))
        );
     background: -moz-linear-gradient(
       top,
		#35281c,
		#5b4939
			);
	background-image: -o-linear-gradient(
		top,
		#35281c,
		#5b4939 
			);
			background-image: linear-gradient(
				top,
				#35281c,
				#5b4939
			);
		}
.jspDrag
{
position: relative;
top: 0;
left: 0;
cursor: pointer;
width: 15px;
			margin-left: 4px;
			border-radius: 3px;
			-o-border-radius: 3px
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			background-color: #5b4939;
}

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

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

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