/*
 * Project: ButtonPlayer
 * http://www.invplayer.org
 *
 * Copyright (c) 2011 Happyworm Ltd
 *
 * Author: Silvia Benvenuti
 * Edited by: Mark J Panaghiston
 * Date: 6th May 2011
 * Artwork inspired by: http://forrst.com/posts/Untitled-CJz
 */

.inv-container {
	position: relative;
	width: 35px; /* 200 - (2 * 48) */
	height: 35px;
	background: url("bg.png") 0 0 no-repeat;
	padding: 0px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.inv-container :focus {
	border:none; 
	outline:0;
}

.inv-container .inv-fallback {
	background: url("progress_sprite.jpg") no-repeat;
	background-position: 0 104px; 
}

.inv-button-control {
	cursor:pointer;
}

.inv-controls {
	margin:0;
	padding: 8px 9px;/*26px;*/
}

.inv-controls li{
	list-style-type:none;
	display: block;

	/*IE Fix*/  
	position:absolute;
}

.inv-controls li a{
	position: relative;
	display: block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	z-index:1;      
}

.inv-controls .inv-play {
	background: url("controls.png") 0 0 no-repeat;
}

.inv-controls .inv-play:hover {
	background: url("controls.png") -17px 0 no-repeat;
}

.inv-controls .inv-pause {
	background: url("controls.png") 0 -17px no-repeat;
}

.inv-controls .inv-pause:hover {
	background: url("controls.png") -17px -17px no-repeat;
}

.inv-invplayer {
	width: 0;
	height: 0; 
}

.inv-times {
	 color: #FFFFFF;
    font-family: arial;
    font-size: 8px;
    margin: 0 0 0 50px;
    position: absolute;
}

.nextPlay {
	 margin: 74px 118px;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    background: url("../images/next2.png") 0 0 no-repeat;
    width: 20px;
    height: 20px;
    z-index: 9;
}
.nextPlay:hover {
	 margin: 74px 118px;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    background: url("../images/next3.png") 0 0 no-repeat;
    width: 20px;
    height: 20px;
}