/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.scroll-pane {
	width:100%;
	height:470px;
	overflow:auto;
}
.scroll-pane-news-archive {
	width:100%;
	height:450px;
	margin-top:35px;
	overflow:auto;
}
	.ie7 .scroll-pane-news-archive {
		clear:both;
		margin-top:55px;
	}
.horizontal-only {
	height:auto;
	max-height:430px;
}

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

.jspPane {
	position:absolute;
}

.jspVerticalBar {
	position:absolute;
	top:0;
	right:0;
	width:15px;
	height:100%;
	background:#868686;
}

.jspHorizontalBar {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:16px;
	background:red;
	display:none; /* not using horizontal bar */
}

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

.jspCap {
	display:none;
}

.jspHorizontalBar .jspCap {
	float:left;
}

.jspTrack {
	background:#f1f1f1;
	position:relative;
}

.jspDrag {
	background:#c3c3c3;
	position:relative;
	top:0;
	left:0;
	cursor:pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float:left;
	height:100%;
}

.jspArrow {
	text-indent:-20000px;
	display:block;
	cursor:pointer;
}

.jspArrowUp {
	background-image:url("../images/arrow-up.png");
	height:17px;
	display:block;
}
.jspArrowDown {
	background-image:url("../images/arrow-down.png");
	height:17px;
}
.jspArrow.jspDisabled {
	/*
	cursor:default;
	background:#80808d;
	/*
}

.jspVerticalBar .jspArrow {
	height:16px;
}

.jspHorizontalBar .jspArrow {
	width:16px;
	float:left;
	height:100%;
}

.jspVerticalBar .jspArrow:focus {
	outline:none;
}

.jspCorner {
	background:#eeeef4;
	float:left;
	height:100%;
}

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