/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * Skin Name: Santa Claus Writes
 */

div.jp-audio,
div.jp-audio-stream,
div.jp-video {

  /* Edit the font-size to counteract inherited font sizing.
   * Eg. 1.25em = 1 / 0.8em
   */

  font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */

  font-family:Verdana, Arial, sans-serif;
  line-height:1.6;
  color: #666;
  background-color:transparent;
}
div.jp-audio {
  width:36px; /* width of audio div */
}

div.jp-interface {
  position: relative;
  background-color:transparent;
  width:100%;
}

div.jp-audio div.jp-type-single div.jp-interface {
  height:36px;
}
div.jp-audio div.jp-type-playlist div.jp-interface {
  height:36px;
}

div.jp-audio-stream div.jp-type-single div.jp-interface {
  height:36px;
}

/* @group CONTROLS */

div.jp-controls-holder {
  clear: both;
  width:36px;
  margin:0 auto;
  position: relative;
  overflow:hidden;
  top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}

div.jp-interface ul.jp-controls {
  list-style-type:none;
  margin:0;
  padding: 0;
  overflow:hidden;
}

div.jp-audio ul.jp-controls {
  width: 36px;
  padding:0;
}

div.jp-audio-stream ul.jp-controls {
  width: 36px;
  padding:0;
}

div.jp-interface ul.jp-controls a {
  display:block;
  overflow:hidden;
  text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
  width:36px;
  height:36px;
}

a.jp-play {
  background: url("../images/jplayer.santa.png") 0 0 no-repeat;
}
a.jp-play:hover {
  background: url("../images/jplayer.santa.png") -37px 0 no-repeat;
}
a.jp-pause {
  background: url("../images/jplayer.santa.png") 0 -37px no-repeat;
  display: none;
}
a.jp-pause:hover {
  background: url("../images/jplayer.santa.png") -37px -37px no-repeat;
}

div.jp-jplayer audio,
div.jp-jplayer {
  width:0px;
  height:0px;
}

div.jp-jplayer {
  background-color: #000000;
}

/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {
  list-style-type:none;
  padding:0;
  margin:0 auto;
  overflow:hidden;
}

div.jp-audio .jp-type-single ul.jp-toggles {
  width:36px;
}
div.jp-audio .jp-type-playlist ul.jp-toggles {
  width:55px;
  margin: 0;
  position: absolute;
  left: 325px;
  top: 50px;
}

ul.jp-toggles li {
  display:block;
  float:right;
}

ul.jp-toggles li a {
  display:block;
  width:25px;
  height:18px;
  text-indent:-9999px;
  line-height:100%; /* need this for IE6 */
}

/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {
  padding:5px;
  font-size:.8em;
  background-color:transparent;
  color:#000;
  display:none;
}

.jp-no-solution a {
  color:#000;
}

.jp-no-solution span {
  font-size:1em;
  display:block;
  text-align:center;
  font-weight:bold;
}

/* @end */