/******************
******************   Control Bars
******************/
.control {
  width: 720px;
}
.control .track {
  width: 570px;
}
/***
**** Générique
****/
.control {
	position: relative;
}
/***
**** Play/Pause
****/
.control .play, .control .pause{
  display: block; float: left;
  width: 25px; height: 25px;
  background: transparent url(../../img/flowplayer/sprite_controlbar.png) no-repeat 0 0;
  cursor: pointer; text-indent: -9999px;
}
.control .play{
	background-position: -5px -5px;
}
.control .play:hover{
	background-position: -55px -5px;
}
.control .pause{
	background-position: -30px -5px;
}
.control .pause:hover{
	background-position: -80px -5px;
}
/***
**** Track Bar
****/
.control .track {
	height: 10px;
	padding-top: 8px;
	position: relative; float: left;
	background: transparent url(../../img/flowplayer/sprite_controlbar.png) no-repeat -5px -80px;
}
.control .track .buffer {
	height: 8px;
	position: absolute; top:0px; left: 1px;
	margin: 9px 2px 0px 2px;
	background: transparent url(../../img/flowplayer/sprite_controlbar.png) repeat-x -5px -114px;
}
.control .track .progress {
	height: 8px;
	position: absolute; top:0px; left: 0px;
	margin: 9px 2px 0px 2px;
	background: transparent url(../../img/flowplayer/sprite_controlbar.png) repeat-x -5px -139px;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.control .track .playhead {
	height: 25px; width: 25px;
	position: absolute; top:0px; left: 0px;
	margin-top: 1px;
	background: transparent url(../../img/flowplayer/sprite_controlbar.png) no-repeat -5px -156px;
	cursor: pointer;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}
.control .track .playhead:hover {
	background-position: -30px -156px;
}
/***
**** Time
****/
.control .time {
	height: 10px; width: 100px;
	float: left;
	padding: 7px 0;
	text-align: center;
  background: transparent url(../../img/flowplayer/sprite_controlbar.png) no-repeat 20px -30px;
}
.control .time span {
  padding-right: 10px;
  
}
/***
**** Mute/Unmute
****/
.control .mute, .control .unmute{
  display: block; float: left;
  width: 25px; height: 25px;
  background: transparent url(../../img/flowplayer/sprite_controlbar.png) no-repeat 0 0;
  cursor: pointer; text-indent: -9999px;
}
.control .mute{
	background-position: -5px -55px;
}
.control .mute:hover{
	background-position: -55px -55px;
}
.control .unmute{
	background-position: -30px -55px;
}
.control .unmute:hover{
	background-position: -80px -55px;
}








/***
**** Easy clearing
****/
.control:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
* html .control {
	zoom:1;
}









/***
**** Easy clearing
****/
* html .control .track .playhead {
	height: 25px; width: 10px;
	position: absolute; top:0px; left: 0px;
	margin-top: 1px;
	background: #EEEEEE;
	cursor: pointer;
}
* html .control .track .playhead:hover {
	background-position: -30px -131px;
}