#webplayercontrols
{
  text-align: center;
  padding: 5px 2px 2px;
}

#webplayercontrols a
{
  font-family: mzxfont, "Lucida Console", Monaco, monospace;
  text-decoration: none;
  vertical-align: middle;
}

#webplayercontrols a:hover
{
  color: #f5f;
}

#webplayercontrols a.main
{
  font-size: 28px;
}

#webplayercontrols a.secondary
{
  font-size: 14px;
}

.webplayericon
{
  display: inline-block;
  width: 40px;
  height: 32px;
  padding: 2px;
  background-repeat: no-repeat;
  background-position: center;
}

.webplayericon.green   { background-image: url("webplayerIcons/webplayer_green.png"); }
.webplayericon.magenta { background-image: url("webplayerIcons/webplayer_magenta.png"); }

a:hover .webplayericon  { background-image: url("webplayerIcons/webplayer_yellow.png"); }