/* scrolling horizontal */

a.jScrollArrowLeft
{
_SSSSbackground: url(/static/images/btn_scroll_left.gif) no-repeat 0 0;
  background-image: url(/static/images/btn_scroll_left.gif); 
  background-position: left;
  background-repeat:no-repeat;

 
}
a.jScrollArrowLeft:hover {
  background-image: url(/static/images/btn_scroll_left_r.gif); 
  background-position: left;
  background-repeat:no-repeat;

}
a.jScrollArrowRight
{
  background-image: url(/static/images/btn_scroll_right.gif); 
  background-position: left;
  background-repeat:no-repeat;
                         
_SSbackground: url(/static/images/btn_scroll_right.gif) no-repeat 0 0;
}
a.jScrollArrowRight:hover
{
_SSbackground-image: url(/static/images/btn_scroll_right_r.gif); 
  background-position: left;
  background-repeat:no-repeat;
_FFbackground-color:#009933;
}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.orange-bar .jScrollPaneTrack {
_SSSbackground: #f60;
}
.orange-bar .jScrollPaneDrag
{
_SSbackground: #00f url(/static/images/btn_scroll_horiz.gif) no-repeat 50% 50%;
  background-image: url(/static/images/btn_scroll_horiz.gif);
  background-position: left bottom;
  background-repeat:no-repeat;

                               
}
.orange-bar .scroll-pane {
_SSbackground: #69f;
}









.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
_SSbackground: #aaa;
}

.jScrollIntervalTrack { 
	position: absolute;

}

.jScrollPaneDrag
{
  position: absolute;
_SSSbackground: #666;
  background-image: url(/static/images/btn_scroll_horiz.gif);
  background-position: left bottom;
  background-repeat:no-repeat;
  
  cursor: pointer;
  overflow: hidden;
}
.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowLeft:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	width: 10px;
}
a.jScrollArrowRight:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}