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

.jspPane{	position: absolute;}

.jspVerticalBar{	position: absolute;    bottom: 0;    right: 10em;    top: auto;    width: 30px;    /* height: 0; */    background:url(../images/totopicons.png) 50% 50%; } 

/*.jspHorizontalBar{	position: absolute;	bottom: 0;	left: 0;	width: 100%;	height: 16px;	background: red;}*/

.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{ background:url(../images/right.jpg) ;}

.jspDragBottom{background:url(../images/left.jpg); }

.jspVerticalBar .jspArrow{	height: 30px;}

.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 : 1367px) and (max-width : 1440px) {

.jspVerticalBar { right: 5px;}

}
@media only screen and (min-width : 1300px) and (max-width : 1366px) {
	.jspVerticalBar { right: 5em;}
}


@media only screen and (min-width : 1025px) and (max-width : 1280px) {

.jspVerticalBar .jspArrow {

    height: 28px;

}	

.jspVerticalBar{width:28px;right: 3em; }


	}



	@media only screen and (min-width : 991px) and (max-width : 1024px) {

.jspVerticalBar .jspArrow {

    height:35px;

}	

.jspVerticalBar{width: 34px;

    background: url(../images/totopicons.png) 42% 51%;right:3em; }	

	}

	

	@media only screen and (min-width : 0px) and (max-width : 800px) {
		
.jspVerticalBar{ display: none;right:1em;}

	}