.player .button {
  height: 2em;
  background: #f0f0f0;
  border: solid 3px #e0e0e0;
  margin: 0.2em;
  padding: 0.2em;
  cursor: default;
}

.oppanel {
  font: 16px "£Í£Ó £Ð¥´¥·¥Ã¥¯";
  width: 800px;
  background: #f0f0f0;
  padding-top: 0.5em; 
  border: solid 1px #e0e0e0;
}

.buttonbar {
  padding: 0.5em
}

.buttonbar .button {
  width: 3em;
  height: 2em;
  background: #f0f0f0;
  border: solid 3px #e0e0e0;
  margin: 0.2em;
  padding: 0.2em;
  cursor: default;
}

.player .pressed {
  border: inset 3px #e0e0e0;
}

.buttonbar .step {
  width: 6em;
  text-align: right;
  background: #f0f0f0;
  border: none;
  padding: 0.5em;
}

.buttonbar .speedval {
  width: 6em;
  text-align: right;
  background: #f0f0f0;
  border: none;
  padding: 0.5em;
}

.buttonbar .loop {
  padding: 0.5em;
}

.progressbar {
  height: 1em;
  border: solid 1px #e0e0e0;
  background: #ffffff;
  margin: 0.5em;
}

.progressbar .filler {
  background: #aaaaaa;
  height: 100%;
}

.txtpanel {
  font: 16px "£Í£Ó £Ð¥´¥·¥Ã¥¯";
  line-height: 18px;
  white-space: nowrap;
  color: #000000;
  margin: 0.5em;
}

.panel {
  border: solid 1px rgb(208, 208, 208);
  border-right: none;
}