/*.jspTrack,
.jspDrag
{
    float: left;
    height: 100%;
	height:448px;
	width:19px;
}*/

.jspCap
{
	display: none;
	float: right;
}

.jspan {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float:left;
}

.jspan2 {
	position: relative;
	overflow: hidden;
	z-index: 1;
	float:left;
}


.jspan .scrollwrapper {
	position: relative;
    top: 0;
    right: 0;
	height: 445px; 
	width:25px; 
	float: right;
	margin-left:15px;
}

.jspan .jScrollPaneTrack {
	position: relative;
	cursor: pointer;
	height:445px;
	width:19px; 
	padding-right:3px;
	padding-bottom:800px;
	float:right;
	/*background: #aaa;*/
	background:url(../images/scroll_track.png) no-repeat;
	
}


.jspan .jScrollPaneDrag {
	position:relative;
	background:url(../images/scroll_drag.png) no-repeat;
	margin: 20px 5px 20px 6px;
	top: 0;
	left: 0;
	bottom:0;
	cursor: pointer;
	overflow: hidden;
	/*border:1px solid blue;*/
}

.jspan .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

.jspan .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background:url(../images/scroll_up_arrow.png) no-repeat;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background:url(../images/scroll_dwn_arrow.png) no-repeat;
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


/*-----------CONTROLLER FOR LIVE FRINGE----------*/


.jspan2 .scrollwrapper {
	position: relative;
    top: 0;
    right: 0;
	height: 65px; 
	width:66px; 
	float: right;
}


.jspan2 .jScrollPaneTrack {
	position: relative;
	cursor: pointer;
	width:66px;
	height:65px;
	right:0px;
	margin-left:50px;
	margin-top:50px;
	float:left;
	/*background:url(../images/vgallery_control_bg.png) no-repeat;*/
}


/*.jspan2 .jScrollPaneDrag {
	position:relative;
	background:url(../images/scroll_drag.png) no-repeat;
	margin: 20px 5px 20px 6px;
	top: 0;
	left: 0;
	bottom:0;
	cursor: pointer;
	overflow: hidden;
	border:1px solid blue;
}*/

.jspan2 .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.jspan2 .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

 .jspan2 a.jScrollArrowUp {
	position: absolute;
	z-index: 1;
	top:0;
	margin-top:15px;
	width:34px;
	height:14px;
	padding-left:13px;
	right: 0;
	margin-left:550px;
	overflow: hidden;
	background:url(../images/scroll_up_arrow.png) no-repeat;
}
 .jspan2 a.jScrollArrowUp:hover {
	background:url(../images/scroll_up_arrow_ro.png) no-repeat;
}

.jspan2 a.jScrollArrowDown {
	position: absolute;
	z-index: 1;
	top: 0;
	padding-left:13px;
	margin-top:37px;
	padding-top:5px;
	margin-left:570px;
	width:24px;
	height:14px;
	background:url(../images/scroll_dwn_arrow.png) no-repeat;
}
.jspan2 a.jScrollArrowDown:hover {
	background:url(../images/scroll_dwn_arrow_ro.png) no-repeat;
}


.jspan2 a.jScrollActiveArrowButton, a.jScrollArrowUp:hover {
	background:url(../images/scroll_up_arrow_ro.png) no-repeat;
}

.jspan2 a.jScrollActiveArrowButton, a.jScrollArrowDown:hover {
	background:url(../images/scroll_up_arrow_ro.png) no-repeat;
}

/*---MAIN ARTIST--*/

.jspCap
{
	display: none;
	float: right;
}


.jspan3 {
	position: relative;
	overflow: hidden;
	z-index: 30;
	float:left;
}


.jspan3 .scrollwrapper {
	position: relative;
    top: 0;
    right: 0;
	height: 355px; 
	width:25px; 
	float: right;
	border:1px solid #0FF;
}

 .jspan3 .jScrollPaneTrack {
	position: relative;
	cursor: pointer;
	height:350px;
	width:19px; 
	padding-right:5px;
	float:right;
	/*background: #aaa;*/
	background:url(../images/scroll_track_artists.png) no-repeat;
}


 .jspan3 .jScrollPaneDrag {
	position:relative;
	background:url(../images/scroll_drag.png) no-repeat;
	margin: 20px 5px 20px 6px;
	top: 0;
	left: 0;
	bottom:0;
	cursor: pointer;
	overflow: hidden;
}

.jspan3 .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

.jspan3 .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 50;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background:url(../images/scroll_up_arrow.png) no-repeat;
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	background:url(../images/scroll_dwn_arrow.png) no-repeat;
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}