/*****************************************/
/* Document   : style.css                */
/* Created on : Jun 18, 2010, 1:44:36 AM */
/* Author     : damian.ignacio@gmail.com */
/*****************************************/

/*********/
/* RESET */
/*********/

#audio_player a,
#audio_player h1,
#audio_player h2,
#audio_player h3,
#audio_player h4,
#audio_player h5,
#audio_player h6,
#audio_player p,
#audio_player div,
#audio_player ul,
#audio_player li,
#audio_player input,
#audio_player body,
#audio_player html,
#audio_player img,
#audio_player td,
#audio_player tr,
#audio_player table,
#audio_player textarea{
    padding: 0; margin: 0; border: transparent 0 none;
    outline: 0;    
}
#audio_player a{
    text-decoration: none;
    color: red;
}
#audio_player li{
    list-style-type: none;
}

/**********/
/* COMMON */
/**********/

body.audio_player{
    background-color: #b22417;
}

#header .right .pad .bottom .player{
    background: #b22417;
}

#audio_player{
    /* margin-left: 300px; */
    position: relative;
    height: 41px;
    width: 145px;
    background: #b22417;
    margin: 30px auto;
}

#audio_player #jqjp_force_0{
    display: none;
}

#audio_player .jp-controls{
    position: absolute;
    top: 0;
    left: 3px;
    width: 140px;
    height: 22px;
}

#audio_player .jp-controls li{
    float: left;    
    margin-right: 0;
    height: 22px;    
}

#audio_player .jp-controls li a{
    display: block;
    height: 22px;
    width: 20px;
}

#audio_player .jp-controls li a.jp-play{
    width: 25px;
    background: transparent url("images/player_button_play.png") no-repeat;
}

#audio_player .jp-controls li.play_bg{
    width: 25px;
    background: transparent url("images/player_button_play.png") no-repeat;    
}

#audio_player .jp-controls li a.jp-pause{
    width: 25px;
    background: transparent url("images/player_button_pause.png") no-repeat;
}

#audio_player .jp-controls li.pause_bg{
    width: 25px;
    background: transparent url("images/player_button_pause.png") no-repeat;
}

#audio_player .jp-controls li a.jp-stop{
    width: 25px;
    background: transparent url("images/player_button_stop.png") no-repeat;
}

#audio_player .jp-controls li a.jp-next{
    width: 25px;
    background: transparent url("images/player_button_next.png") no-repeat;
}

#audio_player .jp-controls li a.jp-previous{
    width: 25px;
    background: transparent url("images/player_button_prev.png") no-repeat;
}

#audio_player #track_name{
    position: absolute;
    top: 25px;
    width: 142px;
    height: 16px;
    background: transparent url("images/player_track_bg.png") no-repeat;
    color: #fff;
    font-size: 11px;
    overflow: hidden;    
}

#audio_player #track_name .inner{
    position: absolute;
    height: 11px;
    top: 0;
    left: 0;
    padding-top: 2px;
    padding-left: 3px;    
}

#audio_player .jp-playlist{
    display: none;
}


/* <div class="jp-interface">
				<ul class="jp-controls">
					<li><a href="#" id="jplayer_play" class="jp-play" tabindex="1">play</a></li>
					<li><a href="#" id="jplayer_pause" class="jp-pause" tabindex="1">pause</a></li>
					<li><a href="#" id="jplayer_stop" class="jp-stop" tabindex="1">stop</a></li>
					<li><a href="#" id="jplayer_previous" class="jp-previous" tabindex="1">previous</a></li>
					<li><a href="#" id="jplayer_next" class="jp-next" tabindex="1">next</a></li>
				</ul>
			</div> */