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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0px;
}
.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: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height:20px;
}
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;*/
	height:20px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* JAVASCRIPT */

a.jScrollArrowUp {background: url(/images/arrowPane.png) no-repeat 0 0;}
a.jScrollArrowUp:hover {background-position: top right;}
a.jScrollArrowDown {background: url(/images/arrowPane.png) no-repeat 0 -20px;}
a.jScrollArrowDown:hover {background-position: right -20px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -20px;}

.thin-bar .jScrollPaneTrack {
	background:#DCD801;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/PIE.htc);
}
.thin-bar .jScrollPaneDrag {background: url(/images/dragPane.png) top left no-repeat; height:50px!important;}
.thin-bar .scroll-pane {}
			
.holder {padding:30px 20px 0px 20px;}

.holder img.gallery 
{
	width:100px;
	padding:5px;
	background: #FAFAFA;
	-webkit-box-shadow: #171717 0px 0px 5px;
	-moz-box-shadow: #171717 0px 0px 5px;
	box-shadow: #171717 0px 0px 5px;
	behavior: url(/PIE.htc);
}

.holder img.gallery.selected
{
	width:100px;
	padding:5px;
	background: #DCD801;
	-webkit-box-shadow: #171717 0px 0px 0px;
	-moz-box-shadow: #171717 0px 0px 0px;
	box-shadow: #171717 0px 0px 0px;
	behavior: url(/PIE.htc);
}

.scroll-pane {width: 580px; height: 580px; overflow:auto; float: left;}
.wide {width: 400px;}
.super-wide {width: 700px;}
.tall {height: 400px;}

.sidebar .holder {padding:0px;}
.sidebar .scroll-pane {width: 270px; height: 200px; overflow:auto; float:left;}

.sidebar .thin-bar .jScrollPaneTrack {
	background:#FAFAFA;
	width:20px;
	height:200px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior: url(/PIE.htc);
}
.sidebar .thin-bar .jScrollPaneDrag {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #FAFAFA;
	left:0px!important;
	width:18px!important;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dbd701), to(#b49505));
	background: -moz-linear-gradient(#dbd701, #b49505);
	background: linear-gradient(#dbd701, #b49505);
	-pie-background: linear-gradient(#dbd701, #b49505);
	behavior: url(/PIE.htc);
}

#pane1 {}
#pane2 {}
#pane3 {}
#pane4 {}