/*!
 * jQuery Chord Transposer plugin v1.0 - styles
 * Light = on white chord sheet · Dark = on UG-dark chord sheet
 */
.transpose-keys {
  margin: 10px 0;
  overflow: auto;
  font: normal 11px sans-serif;
}
.transpose-keys a {
  display: block;
  float: left;
  min-width: 2.25em;
  min-height: 2em;
  text-align: center;
  vertical-align: middle;
  margin: 0 .25em .25em 0;
  color: #1b1b1d;
  background: #f0f0f2;
  text-decoration: none;
  padding: .4em .35em;
  border: solid 1px #e5e5e9;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
}
.transpose-keys a:hover {
  background: #e5e5e9;
}
.transpose-keys a.selected {
  background: #e64a19;
  color: #fff;
  border-color: #e64a19;
}
div.transpose-keys {
  width: 100%;
}
/* Dark chord-sheet variant */
#chord_div.chord-dark .transpose-keys a {
  background: #2c2c30 !important;
  color: #e8e8ea !important;
  border-color: #3a3a3e !important;
}
#chord_div.chord-dark .transpose-keys a:hover {
  background: #3a3a3e !important;
}
#chord_div.chord-dark .transpose-keys a.selected {
  background: #ff7800 !important;
  color: #1b1b1d !important;
  border-color: #ff7800 !important;
}