/* Give the player a height & width of 0. Otherwise the player is visible on mobile devices (tested on iPhone 5). */

#player {

  height: 0;
  width: 0
}

/* Apologies for the large base64 image file */

.speaker {
  background-image: url("https://3.bp.blogspot.com/-JyimJH7FIK0/WHLFR413oNI/AAAAAAAADPY/oarIBa7-36QSbUVmZaLXXCJMVQqaArI-gCLcB/s1600/streamLight_fnl.png");
  background-repeat: no-repeat;
 /* background-color: #99FF00;

  background-size: 100%;*/
  background-position: 0px 63px;
  height: 130px;
  width: 142px;
  float: left;
  vertical-align:top;

  cursor: pointer;

  display: block;
  position: relative;
  
}

.speakerplay {
  background-position: 0px -48px;
}



a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}