/*
 * Mandatory CSS Styles needed by jScrollPane to operate correctly.
 *
*/

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

.jspPane {
	position: absolute;
}

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

.jspHorizontalBar {
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2rem;
}

.jspCap {
	display: none;
}

.jspTrack, .jspDrag, .jspArrow {
	cursor: pointer;
}

.jspVerticalBar .jspTrack {
	position: relative;
	background: url(../images/main/scrollTrackV.png) center repeat-y;
	background-size: auto !important;
}

.jspHorizontalBar .jspTrack {
	position: relative;
	float: left;
	background: url(../images/main/scrollTrackH.png) center repeat-x;
	background-size: auto !important;
}

.jspVerticalBar .jspDrag {
	position: relative;
	top: 0;
	left: 0;
	width: 2rem;
	height: 3.5rem;
	background: url(../images/main/scrollDragV.png) center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.jspHorizontalBar .jspDrag {
	position: relative;
	float: left;
	bottom: 0;
	left: 0;
	width: 3.5rem;
	height: 2rem;
	cursor: pointer;
	background: url(../images/main/scrollDragH.png) center no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.jspArrow {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 2rem;
	height: 2rem;
	padding: 0;
	margin: 0;
}

.jspVerticalBar .jspArrowUp { /* Move Up Arrow */
	background: url(../images/main/scrollArrowVUp.png) center bottom no-repeat;
}

.jspVerticalBar .jspArrowDown { /* Move Down Arrow */
	background: url(../images/main/scrollArrowVDown.png) center top no-repeat;
}

.jspHorizontalBar .jspArrowLeft { /* Move Left Arrow */
	background: url(../images/main/scrollArrowHLeft.png) center right no-repeat;
}

.jspHorizontalBar .jspArrowRight { /* Move Right Arrow */
	background: url(../images/main/scrollArrowHRight.png) center left no-repeat;
}

.jspArrow .jspDisabled {
	background-image: url(../images/main/scrollArrowDisabled.png) !important;
 }

.jspHorizontalBar .jspArrow {
	float: left;
}

.jspCorner {
	background: #000000;
	float: left;
}

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