.jspContainer{overflow: hidden;	position: relative;}
.jspPane{position:absolute; padding: 0 5% 0 0 !important;}
.jspVerticalBar{position:absolute;bottom: 0; right: 3%; top:auto;width: 50px;  } 
.jspArrowUp {background: url('../img/arrow_up.png') no-repeat;background-size: 100%;}
.jspArrowDown {background: url('../img/arrow_bt.png') no-repeat;background-size: 100%;}
.jspHorizontalBar{position:absolute;bottom: 0;left: 0;width:100%;height: 16px;background: red;display: none;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{	float: left;}
.jspTrack{background: #dde;	position: relative; display:none;}
.jspDrag{background: #bbd;	position: relative;	top: 0;	left:0;cursor: pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{	float: left;	height: 100%;}
.jspArrow{text-indent: -20000px;	display: block;	cursor: pointer;padding: 0;	margin: 0;}
/*.jspArrow.jspDisabled{cursor: default;	background: #80808d;}*/
.jspDragTop{}
.jspDragBottom{ }
.jspVerticalBar .jspArrow{height:52px;}
.jspHorizontalBar .jspArrow{width:60px;float:left;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height: 100%;}
* html .jspCorner{margin:0 -3px 0 0;}

@media only screen and (min-width : 991px) and (max-width : 1024px) {
.jspVerticalBar .jspArrow{height:37px;}	
.jspVerticalBar{width:34px; background: url(../img/totopicons.png) 42% 51%; }	}
@media only screen and (min-width : 801px) and (max-width : 990px) {
}
@media screen and (max-width: 1500px){
.jspVerticalBar{width:35px;}
.jspVerticalBar .jspArrow{height:43px;}
}