.looper_wrap {
	clear: left;
	float: left;
	display: block;
	margin-bottom: 20px;
	font-family: Arial, sans-serif;
	}
	
.looper {
	position: relative;
	}
	
.overlay {
	position: absolute;
	display: none;
	z-index: 5;
	}
	
.overlay_toggle {
	top: 5px;
	left: 5px;
	position: absolute;
	padding: 5px 8px;
	padding-left: 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	z-index: 11;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	background: rgba(0,0,0,0.7) url(controls/overlay_toggle_bg.png) center left no-repeat;
	}
	
.overlay_toggle:visited {
	color: #fff;
	}
	
.overlay_toggle:hover {
	background-color: rgba(20,20,20,0.7);
	}
	
/* ////////////////////////////////
NAVIGATION
//////////////////////////////// */
	
.navigation {
	padding: 5px;
	overflow: hidden;
	color: #fff;
	background-color: #000;
	}
	
.nav_left {float: left;}
.nav_right {float: right;}

span.play,
span.pause {
	float: left;
	display: block;
	width: 46px;
	height: 26px;
	text-indent: -10000px;
	overflow: hidden;
	cursor: pointer;
	}

span.play {
	background: url(controls/play_btn.png) 0 0 no-repeat;
	}
	
span.play:hover {
	background-position: -49px 0;
	}
	
span.pause {
	background: url(controls/pause_btn.png) 0 0 no-repeat;
	}
	
span.pause:hover {
	background-position: -49px 0;
	}
	
span.caption {
	float: left;
	margin-left: 10px;
	padding: 4px 10px;
	border-left: 1px solid #333;
	font-size: 12px;
	font-weight: bold;
	}
	
span.prev,
span.next,
span.reset,
span.slower,
span.faster {
	float: left;
	display: block;
	width: 20px;
	height: 26px;
	margin: 0 3px;
	overflow: hidden;
	text-indent: -10000px;
	cursor: pointer;
	}
	
span.reset {
	width: 21px;
	background: url(controls/reset.png) 0 0 no-repeat;
	}
	
span.reset:hover {
	background-position: -28px 0;
	}
	
span.prev {
	background: url(controls/prev.png) 0 0 no-repeat;
	}
	
span.prev:hover {
	background-position: -27px 0;
	}
	
span.next {
	margin-right: 20px;
	background: url(controls/next.png) 0 0 no-repeat;
	}
	
span.next:hover {
	background-position: -27px 0;
	}
	
span.counter {
	float: left;
	padding: 3px;
	}
	
span.counter b {
	padding: 0 2px;
	}
	
span.speed {
	float: left;
	display: block;
	border-left: 1px solid #333;
	padding-left: 20px;
	}
	
b.slower,
b.faster {
	display: block;
	float: left;
	width: 16px;
	height: 26px;
	padding: 0 6px;
	overflow: hidden;
	text-indent: -10000px;
	cursor: pointer;
	}
	
b.slower {
	background: url(controls/slower.png) 0 0 no-repeat;
	}
	
b.slower:hover {
	background-position: -30px 0;
	}
	
b.faster {
	background: url(controls/faster.png) 0 0 no-repeat;
	}
	
b.faster:hover {
	background-position: -31px 0;
	}
	
.activeslide {
	z-index: 9999;
	}
	
.prevslide {
	z-index: 1;
	}

