/*
 * "simple" - Theme for Acorn Media Player. Extends "darkglass" theme.
 */

/*
 * darkglass - Theme for Acorn Media Player
 * simplesmall - Child theme of darkglass
 *
 * To be used with the vertical volume slider.
 *
 * Copyright (C) 2010 Cristian I. Colceriu
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 * www.ghinda.net
 * contact@ghinda.net
 *
 */

/* Start of simple theme */
.acorn-player.simple {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
}
.acorn-player.simple:after {
	display: block;
	clear: both;
	content: "";
}
/* <video> element */
.acorn-player.simple video {
	float: left;
	clear: both;
	margin-bottom: 5px;
}
/* Audio player */
/*
 * If you're playing <audio>, we're assigning a Width larger by 10%, because we're missing two buttons(Captions and Transcript)
 * each with a 5% Width
 */
.acorn-player.simple.audio-player .acorn-seek-slider {
	width: 82%;
}
/* Player Controls */
.acorn-player.simple .acorn-controls {
	position: relative;
	float: left;
	clear: both;
	width: 95%;
	padding-right: 5%;
	min-height: 26px;
}
/* <button>s */
.acorn-player.simple button {
	position: relative;
	height: 22px;
	width: 4%;
	margin-right: 1%;
	padding: 0px;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;

	opacity: 0.7;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	cursor: pointer;
	text-indent: -9999px;
}
.acorn-player.simple button:hover, .acorn-player.simple button:focus {
	opacity: 1;
}
.acorn-player.simple button:active {
	top: 1px;
}
/* Playback controls(Play, Pause) */
.acorn-player.simple .acorn-play-button {
	float: left;
	display: block;
	width: 10%;
	margin-left: 2%;
	background-image: url(simple-play.png);
}
.acorn-player.simple .acorn-paused-button {
	background-image: url(simple-pause.png);
}
/* Seek Slider */
.acorn-player.simple .acorn-seek-slider {
	position: relative;
	display: block;
	float: left;
	width: 75%;
	height: 10px;
	margin: 5px 1% 5px 1%;
	background: #949799;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.acorn-player.simple .acorn-seek-slider .ui-slider-handle {
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	border: 1px solid #333;
	top: -4px;
	background: #e6e6e6;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.acorn-player.simple .acorn-seek-slider .ui-slider-range {
	background: #0068b2;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.acorn-player.simple .acorn-buffer {
	background: #949799 !important;
}
.acorn-player.simple .acorn-seek-slider .ui-state-focus, .acorn-player.simple .acorn-seek-slider .ui-slider-handle.ui-state-hover {
	background: #fff !important;
}
/* Timer */
.acorn-player.simple .acorn-timer {
	float: right;
	width: 6%;
	overflow: hidden;
	margin-top: 5px;

	color: #949799;
	font-size: 0.7em;
	font-weight: bold;
}