.jspContainer
{
overflow: hidden;
position: relative;
}

.jspPane
{
position: absolute;
width: 100% !important;
margin: 0 !important;
}

.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
height: 100%;
}

.jspVerticalBar:hover .jspDrag, .jspVerticalBar:active .jspDrag
{
width: 8px;
transition: width .10s ease;
-moz-transition: width .10s ease;
-webkit-transition: width .10s ease;
}

.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
background: #000;
display: none !important;
}

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

.jspCap
{
display: none;
}

.jspHorizontalBar .jspCap
{
float: left;
}

.jspTrack
{
position: relative;
background: transparent;
}

.jspDrag
{
background: #444;
position: relative;
top: 0;
left: 0;
cursor: pointer;
width: 5px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
transition: width .10s ease;
-moz-transition: width .10s ease;
-webkit-transition: width .10s ease;
}

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

.jspArrow
{
background: #3c3c3c;
text-indent: -20000px;
display: block;
cursor: pointer;
}

.jspArrow.jspDisabled
{
cursor: default;
background: #000;
}

.jspVerticalBar .jspArrow
{
height: 10px;
}

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

.jspVerticalBar .jspArrow:focus
{
outline: none;
}

.jspCorner
{
background: #000;
float: left;
height: 100%;
}

.jspActive
{
background: #0049f6;
}

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