/*
 * =============================================================================
 *
 *   PRICE MINISTER APPLICATION
 *   Copyright (c) 2006 Babelstore.
 *   All Rights Reserved.
 *
 *   $Source$
 *   $Revision$
 *   $Date$
 *   marion.anfreville
 * =============================================================================
 */


/* ################################################## */
/*      CSS du player audio de la fiche produit       */
/* ################################################## */

.audiojs audio  {
  position: absolute;
  left: -1px;
}
.audiojs  {
  width: 100%;
  height: 25px;
  background:#F3F7FE;
  overflow: hidden;
  font-size: 12px;
  border: solid 1px #DEE3EC;
}
.audiojs .play-pause  {
  width: 25px;
  height: 25px;
  padding: 0px 6px;
  margin: 0px;
  float: left;
  overflow: hidden;
  border-right: 1px solid #DEE3EC;
}
.audiojs p  {
  display: none;
  width: 25px;
  height: 25px;
  margin: 0px;
  cursor: pointer;
}
.audiojs .play  {
  display: block;
}
.audiojs .scrubber  {
  position: relative;
  float: left;
  width: 515px;
  background: #fff;
  height: 11px;
  margin: 7px 10px;
  overflow: hidden;
}
.audiojs .progress  {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 14px;
  width: 0px;
  background: #f90;
  z-index: 1;
}
.audiojs .loaded  {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 14px;
  width: 0px;
  background: #DEE3EC;
}
.audiojs .time  {
  float: left;
  line-height: 25px;
  padding-left: 18px;
  border-left: 1px solid #DEE3EC;
  color: #333;
  position: relative;
}
.audiojs .time .played  {
  padding: 0px 2px 0px 0px;
  font-size: 12px;
}
.audiojs .time .duration  {
  padding: 0px 0px 0px 2px;
  font-size: 12px;
}
.audiojs .audioError-message  {
  float: left;
  display: none;
  margin: 0px 10px;
  height: 25px;
  width: 400px;
  overflow: hidden;
  white-space: nowrap;
  color: #333;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -icab-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
}
.audiojs .audioError-message a  {
  color: #333;
  text-decoration: none;
  padding-bottom: 1px;
  border-bottom: 1px solid #EBF2FE;
  white-space: wrap;
}
.audiojs .play  {
  background: url(img/default/icon/player-graphics.gif) -2px -2px no-repeat;
}
.audiojs .loading  {
  background: url(img/default/icon/player-graphics.gif) -2px -32px no-repeat;
}
.audiojs .audioError  {
  background: url(img/default/icon/player-graphics.gif) -2px -62px no-repeat;
}
.audiojs .pause  {
  background: url(img/default/icon/player-graphics.gif) -2px -92px no-repeat;
}
.playing .play, .playing .loading, .playing .audioError  {
  display: none;
}
.playing .pause  {
  display: block;
}
.loading .play, .loading .pause, .loading .audioError  {
  display: none;
}
.loading .loading  {
  display: block;
}
.audioError .time, .audioError .play, .audioError .pause, .audioError .scrubber, .audioError .loading  {
  display: none;
}
.audioError .audioError  {
  display: block;
}
.audioError .play-pause p  {
  cursor: auto;
}
.audioError .audioError-message  {
  display: block;
}
.track-details  {
  clear: both;
  width: 678px;
  height: 25px;
  background: #F8F9FE;
}
.track-details p  {
  font-size: 12px;
  padding: 5px;
}