body {
    background-color : #000000;
    background-image : url('/obr/aback.jpg');
    background-repeat : no-repeat;
    color : #ffffff;
    font-family : Helvetica;
    font-size : medium;
    font-weight : bold;
  }


a {
    color : #FF7C7C;
  }


/* Sans-serifness turned off, because it often very aggressively */
/*  interferes with font choice in international encodings.      */
/* Italic style disabled because it just doesn't work right */
/*  for many scripts or fonts.                              */

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

h2 {
  /* font-family: sans-serif; */
  /* font-style: italic; */
}

tr.title {
  /* font-family: sans-serif; */
  color: black;
  background-color: #FFE89B;
  text-align: left;
}

tr.title a {
  color: blue;
}

tr.odd {
  /* font-family: sans-serif; */
  color: red;
  background-color: black;
  padding: 0;
  margin: 0;
}

tr.even {
  /* font-family: sans-serif; */
  color: black;
  background-color: red;
  padding: 0;
  margin: 0;
}

td#directory {
  /* font-family: sans-serif; */
  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;
}

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

td.Length {
  text-align: right;
}

td.Select {
  text-align: center;
}

td.Disc {
  text-align: center;
}

td.Track {
  text-align: center;
}

td.Bitrate {
  text-align: right;
}

table#directories {
  /* font-family: sans-serif; */
  font-weight: bold;
  width: 95%;
  text-align: left;
  vertical-align: bottom;
}

table#directories td {
/*  width: 33%; */
    text-align: left;
}

table#directories div {
  border: #2E2E2E 1px solid;
  padding: 10px;
  position: relative;
  top: -40px;
}

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

table#directories div > a.stream {
  font-size: 10pt;
}

table#directories div > a.shuffle {
  font-size: 10pt;
}

table#directories div > a.rss {
  font-size: 10pt;
}

table#directories img {
}

table#directories div {
  margin-left: 34px;
  min-height: 40px;
}

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

form#custom {
  border: maroon solid 2px;
  width: 98%;
  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.Select {
  width: 60pt;
  text-align: center;
}

th.Bitrate {
  width: 40pt;
  text-align: right;
}

th.Length {
  width: 6em;
  text-align: right;
}

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

a {
  /* font-family: sans-serif; */
  color: white;
  background-color: transparent;
}

input {
  /* font-family: sans-serif; */
  color: red;
  background-color: #870000;
  border-style: solod:
  border-width: 1px;
}

div {
  /* font-family: sans-serif; */
  color: black;
  background-color: black;
}

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

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

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

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