/**
 * Player.css - Youtube Player Styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */

/* Player */
#player-wrap {
	margin: 0 0 0px;
	width: 470px;
	height: 300px;
}

#player-placeholder {
	width: 100%;
	height: 300px;
	background-color: black;
}

#player-controls {
	padding: 10px;
	width: 450px;
	height: 10px;
	background: url(../img/player-sprite.png) repeat-x;
	overflow:hidden;
}

#player-bottom-controller{
	float:left;
	width:470px;
	margin-bottom:10px;
}

#player-prev {
	float:left;
	display:block;
}

#player-next {
	float:right;
	display:block;
}

#player-next img{
	display:block;
}

#player-prev img{
	display:block;
}

#toggle-play {
	display: block;
	float: left;
	margin-right: 10px;
	width: 15px;
	height: 10px;
	background: url(../img/player-sprite.png) no-repeat 0 -40px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}

.paused #toggle-play {
	background-position: 0 -30px;
}

#duration-bar {
	float: right;
	margin: 1px 0;
	width: 423px;
	height: 6px;
	background: url(../img/player-sprite.png) repeat-x 0 -50px;
	border: 1px solid white;
}

#elapsed-bar {
	height: 6px;
	background: url(../img/player-sprite.png) repeat-x 0 -56px;
	font-size: 6px;
}