/*
 *
 * ============================================================================================
 *
 *                                A r m o r e d  I n f o   W e b
 *
 *                                     Copyright(c) 2014 By
 *
 *                                       Armored Info LLC
 *
 *                             A L L   R I G H T S   R E S E R V E D
 *
 *  ============================================================================================
 * /
 */


.AiAudioPlayer
{
  position:relative;
  display:inline-block;
  height:100%;
  width:100%;
}

.AiAudioSongSeek
{
  width:100%;
  height: 100%;
  position:relative;
}

#whiteProgressSeek
{
  position:absolute;
  overflow:hidden;
  height:73%;
  top:5%;
  width:0px;
}


#wavGraphImg
{
  cursor:text;
  width:100%;
  height:100%;
}

.AiAudioTimePointer
{
  position:absolute;
  left:0;
  top:1px;
  width:1px;
  background-color:red;
  height:100%;
}


.AiAudioPlayerBackground
{
  position:absolute;
  left:0;
  top:0;
  width:0;
  background-color:rgba(256,256,256,0.2);
  display:none;
  height:100%;
  pointer-events: none;
}


#timeDisplay
{
  display:none;
  position:absolute;
  top:-2em;
  left:0;
  width:2.5em;
  height:1.1em;
  background:#fefefe;
  font-size:80%;
  border-radius:5px;
  border:1px solid #ddd;
  z-index: 99999;

}

.ArrowDown
{
  margin-left:7px;
  width:0;
  height:0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f00;
}

#timeText
{
  display:block;
  margin-left:4px;
  height:1.1em;
  line-height:1.1em;
}

#progressSpinner
{
  position:absolute;
  top:25%;
  left:45%;

}