body {
  font: 10pt "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  color: white;
  background-color: black;
}

a {
  text-decoration: none;
  background-color: transparent;
}

a:link {
  color:#EE82EE;
}

a:visited {
  color:#EE82EE;
}

a:hover {
  color:##EE82EE;
}

a:active {
  color:#ffb24d;
}  

/* Italic style disabled because it just doesn't work right */
/*  for many scripts or fonts.                              */

h1 {
  font-size: 16pt;
  /* font-style: italic; */
  color: red;
  background-color: transparent;
}

h2 {
  /* font-style: italic; */
}

acronym {
	cursor : help;
}

tr.title {
  color: white;
  background-color: black;
  /* background-color: #FFE89B; */
  text-align: left;
}

tr.odd {
  color: white;
  background-color: black;
  padding: 0;
  margin: 0;
}

tr.even {
  color: white;
  /* background-color: rgb(210,245,255); */
  background-color: black;
  padding: 0;
  margin: 0;
}

tr.stfoot {
  color: white;
  /* background-color: #FFE89B; */
  background-color: black;
  text-align: left;
}

td#directory {
  font-weight: bold;
}

div#header {
  width: 100%;
  min-height: 60px;
  font-weight: bold;
  border: 0pt;
  position: relative;
  left: 0;
  top: 0;
}

div#mainicon {
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
}

div#mainicon >img {
  width: 60px;
  height: 60px;
}

div#maintitle {
  margin-left: 60px;
}

span.rarrow {
  display: inline;
  padding-right: 10px;
  width: 13px;
  height: 10px;
  background-image: url(/musicindex/right_arrow.gif);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}

span.dldok {
  display: inline;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 22px;
  height: 22px;
  background-image: url(/musicindex/fetchok.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}

span.streamok {
  display: inline;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 21px;
  height: 22px;
  background-image: url(/musicindex/soundok.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}

a.bigdir {
  position: absolute;
  margin-top: 4px;
  width: 34px;
  height: 34px;
  display: inline;
  background-image: url(/musicindex/directory.png);
  background-repeat: no-repeat;
  text-decoration: none;
}

a.dld {
  display: inline;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 22px;
  height: 22px;
  background-image: url(/musicindex/fetch.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}

a.stream {
  display: inline;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 21px;
  height: 22px;
  background-image: url(/musicindex/sound.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}

a.shuffle {
  display: inline;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 21px;
  height: 22px;
  background-image: url(/musicindex/shuffle.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}

a.rss {
  display: inline;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 22px;
  height: 22px;
  background-image: url(/musicindex/rss.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}

a.tarball {
  display: inline;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 22px;
  height: 22px;
  background-image: url(/musicindex/fetch.png);
  background-repeat: no-repeat;
  background-position: center center;
  text-decoration: none;
}

form#searching {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}

td {
  padding-left: 5px;
  padding-right: 5px;
}

td.Length {
  text-align: right;
}

td.Select {
  text-align: left;
}

td.Disc {
  text-align: center;
}

td.Track {
  text-align: center;
}

td.Bitrate {
  text-align: right;
}

td.Freq {
  text-align: right;
}

td.Size {
  text-align: right;
}

td.Filetype {
  text-align: right;
}

td.Filename {
  font-family: monospace;
}

table#directories {
  font-weight: bold;
  width: 95%;
  text-align: left;
  vertical-align: bottom;
  table-layout: fixed;	/* this may cause issues with twisted directory names... */
}

table#directories td {
/*  width: 33%; */
  padding-bottom: 5px;
}

table#directories div > a {
  font-size: 12pt;
}

table#directories td > a > img {
}

table#directories div {
  margin-left: 38px;
  min-height: 50px;
}

form#tracks table {
  width: 100%;
  border-spacing: 0;
  border: 0;
}

form#custom {
  border: maroon solid 2px;
  width: 99%;
  background-color: #ffe89b;
  margin: 0 auto;
}

form#custom table {
  width: 100%;
  border-spacing: 0;
  border: 0;
}

form#custom tr.odd {
  background-color: #ffe89b;
}

form#custom tr.even {
  background-color: #ffe89b;
}

form#custom div {
  background: transparent;
}

th {
  padding-left: 5px;
  padding-right: 5px;
}

th.Select {
  width: 70px;
  text-align: center;
}

th.Bitrate {
  text-align: right;
}

th.Freq {
  text-align: right;
}

th.Length {
  text-align: right;
}

th.Size {
  text-align: right;
}

th.Genre {
  text-align: center;
}

th.Filetype {
  text-align: right;
}

img {
  border: 0pt;
  vertical-align: middle;
}

button {
  color: white;
  background-color: black;
}

div {
  color: white;
  background-color: black;
}

.playlist {
  color: white;
  background-color: black;
  /* background-color: #FFE89B; */
}

div#footer {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  height: 41px;
}

div#valid {
  position: absolute;
  left: 0;
  display: none;
}

div#name {
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  vertical-align: middle;
}