.jspContainer {
	overflow: hidden;
	position: relative
}
.jspPane {
	position: absolute;
	padding:10px 5px;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
	outline: 0;
}
.jspCap {
	display: none
}
.jspHorizontalBar .jspCap {
	float: left
}
.jspTrack {
	background: #dde;
	position: relative
}
.jspDrag {
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer
}
.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: 0
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%
}
* html .jspCorner {
	margin: 0 -3px 0 0
}
.jspVerticalBar {
	width: 8px;
	background: transparent;
	padding:10px;
}
.jspTrack {
	background: transparent;
}
.jspDrag {
	background: #a9a9a9;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	
}
.jspDrag:hover {
	background: #cdcdcd;
}
* {
	outline: 0;
}
