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

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 13px;
	height: 100%;
	background: red;
}

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

.jspCap {
	display: none;
}

.jspTrack {
	background: #fff url("/images/scrollpane_sprite-white.gif") repeat-y 0px 0px;
	position: relative;
}

  .TabbedPanel .jspTrack {
  	background-color: #d5ddee;
  	background-image: url("/images/scrollpane_sprite-purple.gif");
  }

.jspDrag {
	background: #627397 url("/images/scrollpane_sprite-white.gif") repeat-y -13px 0px;
	cursor: pointer;
	left: 0;
	position: relative;
	top: 0;
}

  .TabbedPanel .jspDrag {
  	background-image: url("/images/scrollpane_sprite-purple.gif");
  }

	.jspDrag.jspHover,
	.jspDrag.jspActive {
		background-position: -26px 0px;
	}

.jspDrag .jspDragTop {
	background: url("/images/scrollpane_sprite-white.gif") no-repeat -39px -1px;
	height: 7px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 13px;
}

  .TabbedPanel .jspDragTop {
  	background-image: url("/images/scrollpane_sprite-purple.gif");
  }

	.jspDrag.jspHover .jspDragTop,
	.jspDrag.jspActive .jspDragTop {
		background-position: -39px -16px;
	}

.jspDrag .jspDragBottom {
	background: url("/images/scrollpane_sprite-white.gif") no-repeat -39px -7px;
	bottom: 0px;
	height: 7px;
	left: 0px;
	position: absolute;
	width: 13px;
}

  .TabbedPanel .jspDragBottom {
  	background-image: url("/images/scrollpane_sprite-purple.gif");
  }

	.jspDrag.jspHover .jspDragBottom,
	.jspDrag.jspActive .jspDragBottom {
		background-position: -39px -22px;
	}

.jspArrow {
	background: #FFF url("/images/scrollpane_sprite-white.gif") no-repeat;
	cursor: pointer;
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -999px;
	width: 13px;
}

  .TabbedPanel .jspArrow {
  	background-image: url("/images/scrollpane_sprite-purple.gif");
  }

	.jspArrow.jspDisabled {
		cursor: default;
	}

	.jspArrow.jspArrowUp {
		background-position: -63px -10px;
	}

		.jspArrow.jspArrowUp:hover {
			background-position: -63px -20px;
		}

		.jspArrow.jspArrowUp.jspDisabled {
			background-position: -63px 0px;
		}

	.jspArrow.jspArrowDown {
		background-position: -52px -10px;
	}

		.jspArrow.jspArrowDown:hover {
			background-position: -52px 0px;
		}

		.jspArrow.jspArrowDown.jspDisabled {
			background-position: -52px -20px;
		}

.jspArrow:focus {
	outline: none;
}
