body {
  font: 12px Verdana, Helvetica, Arial, sans-serif;
  background: #eee;
  padding: 0px;
  margin: 20px;
}
a { text-decoration: none; font-weight: bold; color: #c00 }
a:focus { outline: none; }
img { border: none }
table { width: 100%; padding-right: 150px }
#main { border: 1px solid #000; background: #f8f8f8; width: 100% }
#menu {
  background: #eee;
  border-left: 1px solid #000; 
  border-bottom: 1px solid #000;
  float: right;
  width: 120px;
  margin: -1px -1px 10px 10px;
  padding: 5px;
}
#dates {
	max-height: 1100px;
	overflow: auto;
}
#playlists { text-align: center; margin: -6px 0px 3px 0px }
#download {
  border-right: 1px solid #000; 
  border-top: 1px solid #000;
  background: #f8f8f8;
  width: 125px;
  margin: 5px -5px -6px -6px;
  padding: 2px 5px 0 0;
  font-size: 7pt;
}
#dl {
	border: 1px solid transparent;
	margin: 0;
	padding: 2px 3px;
}
#dl.highlight {
	background-color: #f4f4f4;
	border: 1px dashed red;
}
h1 { font-size: 0pt; }
h1 span { display: none; }
#header { display: block; background-color: #ddd; height: 40px; text-align: right; border-bottom: 1px solid #000 }
#header:hover { background-color: #ccc }
#info { margin: 10px }
#info a { color: #888 }
#info a:hover { color: #aaa }
#playlistdate { text-align: right; font-weight: bold; font-size: 15pt; color: #454; border-bottom: 2px solid #898 }
#content { width: 100% }
#playlistdate a { color: #454; font-style: italic }
#playlistdate a:hover { color: #898 }
.tags, .downloadLink { margin: 1em }
.tags a, .taglist a, .downloadLink a { font-weight: normal; color: #555 }
.tags a:hover, .taglist a:hover { font-style: italic; color: #888 }
.downloadLink a:hover { font-weight: bold; color: #888; }
.tags .taglist { margin-left: 2em; font-size: 10pt }
tr:hover .artist, tr:hover .track { background-color: #f4f4f4 }
.artist { page-break-inside: avoid; border: 0px solid #898; border-bottom-width: 1px; border-right-width: 6px; text-align: right; padding-right: 5px; width: 33% }
.track { border-bottom: 1px solid #898; padding-left: 5px }
.artistsearch { page-break-inside: avoid; border: 0px solid #898; border-bottom-width: 1px; border-right-width: 6px; text-align: right; padding-right: 5px; width: 30% }
.tracksearch { border-bottom: 1px solid #898; padding-left: 5px; width: 60% }
.datesearch{ height: 100%; border: 0px solid #898; border-bottom-width: 1px; border-right-width: 6px; text-align: right; width: 10%; vertical-align: bottom }
.datesearch a { display: block; height: 100%; text-align: right; padding-right: 5px; font-size: 10pt; font-weight: bold; color: #b00 }
.datesearch a:hover { background-color: #eee } 
td.taglist { border-bottom: 1px solid #898; padding-left: 5px; width: 90% }
.year { display: block; background-color: #ddd; border: 1px solid #000; border-right: 6px solid #000; padding: 1px 1px 1px 5px; margin-bottom: 2px; font-weight: bold; color: #c00 }
.date { display: block; background-color: #ddd; border: 1px solid #000; border-right: 6px solid #000; padding: 1px 1px 1px 5px; margin-bottom: 2px }
.date:hover, .year:hover { padding-left: 10px; color: #b00; background-color: #ccc }
select { font-weight: bold; color: #c00; width: 120px; background-color: #ddd; border: 1px solid #000; border-right: 6px solid #000; padding: 1px ; margin-bottom: 2px }
option { font-size: 8pt; font-weight: normal; color: #333; width: 120px }
option.artistsel { font-size: 10pt; font-weight: bold; color: #c00 }
div.datesel { color: #b00; font-weight: bold; background-color: #d0d0d4; border: 1px solid #000; border-right: 6px solid #000; padding: 1px 1px 1px 8px; margin-bottom: 2px }
.dl { display: block; font-size: 10pt; text-align: center }
.dl:hover { background-color: #eee }
form { display: inline }
input { width: 120px; color: #b00; font-weight: bold; background-color: #ddd; border: 1px solid #000; border-right: 6px solid #000; padding: 1px 1px 1px 5px; margin-bottom: 2px }
.searched { background-color: #d0d0d4 }
.resultcount { font-size: 12pt }