.jspContainer
{
	overflow: hidden;
	position: relative;
}
.jspPane
{
	position: absolute;
}
.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 19px;
	height: 250px;
}
.jspVerticalBar *
{
	margin: 0;
	padding: -40px 0 0 0;
}
.jspCap
{
	display: none;
}
.jspHorizontalBar .jspCap
{
	float: left;
}
.jspTrack
{
	background: url(../img/story-bar.png) no-repeat;
	position: absolute;
	top: 40px;
	right: 6px;
	
	width: 6px;
	height: 291px;
}
.inner-detail .jspTrack{
	top: 20px;
}
.character .jspTrack{
	background: url(../img/character-bar.png) no-repeat;
	position: absolute;
	top: 0px;
	right: 50px;
	
	width: 5px;
	height: 190px;
}
#character-georges .jspTrack, #character-bear-chef .jspTrack{
	right: 250px;
}
#inner-generique .jspTrack{
	background: url(../img/generique-bar.png) no-repeat;
	position: absolute;
	top: 50px;
	right: 6px;
	
	width: 5px;
	height: 564px;
}
.jspDrag
{
	background: url(../img/story-cursor.png) no-repeat;
	width: 19px;
	height: 41px;
	position: absolute;
	top: 0px;
	left: -7px;
	cursor: pointer;
}
#inner-generique .jspDrag, .character .jspDrag{
	background: url(../img/generique-cursor.png) no-repeat;
	width: 19px;
	height: 42px;
	position: absolute;
	top: 0px;
	left: -8px;
}

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