.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;

	}



