
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow:hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: -1px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: -1px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
}


/*============CHANGE JUST ONLY THE FOLLOWING -(REZA)===============*/
.jScrollPaneTrack{background:#371200}
.jScrollPaneDrag{background:#993300}

a.jScrollArrowUp{height:15px; background:#371200 url(../../images/interface/scrollUpBg.png) no-repeat center}
a.jScrollArrowUp:hover{background-color:#5e2b12}

a.jScrollArrowDown{height:15px; background:#371200 url(../../images/interface/scrollDownBg.png) no-repeat center}
a.jScrollArrowDown:hover{background-color:#5e2b12}

/*a.jScrollActiveArrowButton{background:blue}*/
a.jScrollActiveArrowButton:hover{background-color:#993300}

