.clr {
	clear:both;
	height:0
}

/***************/
/** EXEMPLE 1 **/
/***************/
	.jScrollbar_draggable { /* slider container */
		float:left;
/*		width:40px;
		height:209px;
*/		overflow:hidden;
		background:transparent url('../images/bg_jScrollbar_draggable.jpg') repeat-y center top;
		margin-left:10px;
		position:relative
	}
	
/***************/
/** EXEMPLE 3 **/
/***************/
.jScrollbar3 {
	/*width:690px;*/
	height:185px;
	*height:180px;
	overflow:hidden;
	position:relative;

}
	.jScrollbar3 .jScrollbar_mask {
		width:341px;
		position:relative;
		top:0;
		float:left;
		margin-bottom:5px;
	}
		.jScrollbar3 .jScrollbar_mask p {
			margin:0;
			padding:0;
			color:#242424;
			font-size:12px;
		}
	.jScrollbar3 .jScrollbar_draggable {
		float:left;
		width:3px;
		height:185px;
		overflow:hidden;
		background:none;
		background-color: #CCC;
/*		margin-left:30px;
*/		position:relative
	}
	.jScrollbar3 .jScrollbar_draggable a.draggable {
		position:relative;
		background-color:#313131;
		display:block;
		height:44px;
		width:3px;
		margin-left:0;
		cursor:s-resize
	}

/***************/
/** EXEMPLE 4 **/
/***************/
.jScrollbar4 {
	/*width:690px;*/
	height:120px;
	*height:180px;
	overflow:hidden;
	position:relative;

}
	.jScrollbar4 .jScrollbar_mask {
		width:441px;
		position:relative;
		top:0;
		float:left;
		margin-bottom:5px;
	}
		.jScrollbar4 .jScrollbar_mask p {
			margin:0;
			padding:0;
			color:#242424;
			font-size:12px;
		}
	.jScrollbar4 .jScrollbar_draggable {
		float:left;
		width:3px;
		height:120px;
		overflow:hidden;
		background:none;
		background-color: #CCC;
/*		margin-left:30px;
*/		position:relative
	}
	.jScrollbar4 .jScrollbar_draggable a.draggable {
		position:relative;
		background-color:#313131;
		display:block;
		height:44px;
		width:3px;
		margin-left:0;
		cursor:s-resize
	}