/* Always create a vertical scrollbar (like IE does)
 * which avoids the page adding/removing it in Firefox/
 * Opera, creating an annoying shift of page content */

html { min-height: 100%; margin-bottom: 1px; }

body {
   background-color: white;
   font-family: Trebuchet MS, arial, verdana, sans-serif;
   font-size: 10pt;
   margin-left: 3;
   margin-right: 3;
}

p {
   font-family: Trebuchet MS, arial, verdana, sans-serif;
   font-size: 10pt;
}

td {
   font-family: Trebuchet MS, arial, verdana, sans-serif;
   font-size: 10pt;
}

.center {text-align: center}

h1 {
   font-style: normal; 
   font-size: 24pt;
   color: #9F0000;
}

img { 
   float: left;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 10px;
}

table#main {
   border-collapse: collapse;
   table-layout: fixed;
   border-width: 0;
   width: 100%;
   padding: .1em;
}

table#intro td {
   border-style: none;
   border-width: 0;
   padding-left: 0.5em;
   padding-right: 0.5em;
   padding-top: 0;
   padding-bottom: 0;
}

thead td {
   background-color: #ccccff;
   font-size: 12pt;
}

#mp3table tr {
   background-color: #e6e6e6;
   padding: 0;
   margin: 0;
}

#mp3table td.series {
   background-color: #ccccff;
   font-family: Trebuchet MS, arial, verdana, sans-serif;
   font-size: 12pt;
}

#mp3table tr.none {
   background-color: #ffffff;
   padding: 0;
   margin: 0;
}

#mp3table tr.hl {
   background-color: #f3f3f3;
   padding: 0;
   margin: 0;
}

#mp3table td {
   /* text-overflow: ellipsis; */
   overflow: hidden;
   white-space: nowrap;
}

tr.hide { display: none; }
td.hide { display: none; }