#aiNavBarPlayer
{
  font: 1em "HelveticaNeue", "Helvetica";
  padding: 0;
  -webkit-text-size-adjust: none;
  height: 3.3em;
  width:22em;
  background-color:#555555;
  border:2px solid #5c9ec8;
  display:none;
  text-align: left;
  border-radius: 0.2em;
}

.AiNavPlayerCursor
{
  width:2px;
  height:1em;
  background-color:red;
}


.AiWavImg
{
  width:17em;
  height:1em;
}

#navPlayerActionSection
{
  width:13%;
  text-align: center;
  vertical-align: middle;
}

#navPlayerDirectionSection
{
  width:9%;
  text-align: center;
}

#navPlay
{
  width:2em;
  height:2em;
  cursor:pointer;
  vertical-align: middle;
  padding: 0 3px;
}

.AiDirectionIcon
{
  width:1em;
  height:1em;
  cursor:pointer;
  padding: 0 3px;
}

#navPrev
{
  margin-top:2px;
}

#navNext
{
  margin-top:3px;
}

#separator
{
  width:100%;
  border-top:2px solid #5c9ec8;
  margin-top:2px;
}

#navPlayerSection
{
  border:0;
  width:78%;
  vertical-align: top;
 }

#navPlayerTitle
{
  display:block;
  text-align: center;
  width:17em;
  padding-left: 2px;
  color:lightgray;
  font-size:80%;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

}

.AiNavPlayerSeekBar
{
  width:100%;
  height:1em;
  display:none;
}

#navPlayerSeekBar:hover
{
  cursor:text;
}

#navPlayerSongTime
{
  width:100%;
  position:relative;
}

#navPlayerSongTime span
{
  color:lightgray;
  font-size:80%;
  position:absolute;
  top:0px;
  display:inline-block;
}

#noSong
{
  height: 3em;
  text-align: center;
}

#noSong img
{
  width: 12em;
  padding-top: 1em;
}


#playerCurTime
{
  left:4px;
}

#playerTimeLeft
{
  right: 4px;
}