dl.music-cats dt { margin: 0.3em 0.3em 0 0; font-weight: bold; float: left; clear: left; }
dl.music-cats dd { float: left; margin: 0.3em 0 0; padding: 0 0.3em; border: solid #009; border-width: 0 0 0 1px; }
ul.music-cats { list-style-type: none; }
ul.music-cats:after, dl.music-cats:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 1px; /* prevent vertical scrollbar when using overflow: auto with clearfix */
  clear: both;
  visibility: hidden;
}
body.sheet-music dl.music-cats a:hover { background-color: #ddf; }
a[href$=".pdf"] { padding-left: 20px; background: url(/img/filetypes/pdf.png)   no-repeat; }
a[href$=".mid"] { padding-left: 20px; background: url(/img/filetypes/mid.png)   no-repeat; }
a[href$=".ly"]  { padding-left: 20px; background: url(/img/filetypes/_edit.png) no-repeat; }

.noselect { -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -khtml-user-select: none; user-select: none; cursor: default; }
.chordname { position: absolute; font-weight: bold; color: #69f; font-size: 75%; cursor: default; }
.chordname:hover, .chord:hover .chordname { color: #33f; }

.uncertain { background: #ffc; border-bottom: 1px dotted #ccc; cursor: help; }
.instrumental { background: #d7d7d7; color: #333; text-transform: capitalize; border-radius: 0.75ex; }
.instrumental:before, .instrumental:after { content: "\266a"; padding: 0 0.5ex; }