/*
	FUNCTIONAL CSS
*/
#laboite-dim {
	position:fixed;  /* required */
	height:100%; /* required */
	width:100%;  /* required */
	left:0;
	top:0;
}
#laboite-viewer {
	position:absolute; /* required */
}
	#laboite-content {
		height:300px; /* default (starting) viewer height */
		width:400px; /* default (starting) viewer width */
	}
/*
	INTERFACE LOOK AND FEEL
*/
#laboite-dim {
	background: #334352 /* background of the dimmer element */
}
#laboite-viewer {
	padding:20px 0px 20px 0px; /* padding of the viewer (box) useful to make room for controls */
	background: url(/assets/gfx/laboite_bg.png) repeat-x #262626; /* background of the viewer (box) */
	background: rgba(30,30,30,0.9); /* rgba background of the viewer (box) */
	border: 1px solid #333;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-webkit-box-shadow:0 0 10px #10161B;
	-moz-box-shadow:0 0 10px #10161B;
}
	/* 
		loader element
		can be center using the plugin option loader_x and loader_y) 
	*/
	#laboite-loader {
		background:url('/assets/gfx/laboite_loading.gif') no-repeat center center;
		height:30px;
		width:30px;
	}
	/*
		previous button
	*/
	#laboite-prev {
		background:url('images/laboite/arrows.gif') -42.5px 0px no-repeat;
		position:absolute;
		cursor:pointer;
		height:95%;
		width:45%;
		left:10px;
		bottom:20px;
		top:20px;
	}
		#laboite-prev.laboite-hover { /* hover state */
			background-position:-136px 0px;
		}
	/*
		next button
	*/
	#laboite-next {
		background:url('images/laboite/arrows.gif') 0px 0px no-repeat;
		position:absolute;
		cursor:pointer;
		height:95%;
		width:45%;
		right:10px;
		bottom:0px;
	}
		#laboite-next.laboite-hover { /* hover state */
			background-position:-92.5px 0px;
		}
	/*
		close button
	*/
	#laboite-close {
		background:url('/assets/gfx/closelabel.png') no-repeat top left;
		position:absolute;
		cursor:pointer;
		width:20px;
		height:20px;
		left:2px;
		top:2px;
		opacity:0.8;
	}
		#laboite-close.laboite-hover { /* hover state */
			opacity:1;
		}
	/*
		caption message
	*/
	#laboite-caption {
		position:absolute;
		text-align:center;
		top:0px;
		left:20%;
		right:20%;
		color: #fff;
		font-size: 80%;
	}
	/*
		Stats (content nb of total)
	*/
	#laboite-stats {
		position:absolute;
		text-align:center;
		bottom:5px;
		left:20%;
		right:20%;
	}