body {
 margin: 50px 50px;
 font-family: sans-serif, serif, monospace;
 font-size: 68%;
 background-color: #fff;
 color: #000;
}

object {
 padding: 0px;
 margin: 0px;
}

code {
 font-size: 120%;
}

/* the left margin is determined by the padding at the
   td elements of the horizontal galleries */

div.menu {
 margin: 0px 10px;
 padding: 1px 0px;
}

div.menu a {
 color: #c00;
}

div.menu input {
 font-size: 100%;
 padding: 0px;
 margin: 0px 5px;
 border: 1px dotted #ccc;
}

div.menu input.submit {
 display: none;
}

/* sub-menu */

div.sub-menu {
 margin: 0px 10px;
 display: block;
}

div.sub-menu span {
 padding: 0px 2px;
}

div.sub-menu span a {
 text-decoration: none;
 font-size: 90%;
}

/* main */

div.main {
 margin: 60px 0px;
}

img {
 border: none;
}

h2 {
 font-size: 115%;
}

h3 {
 font-size: 115%;
 color: #555;
}

tr.id {
}

tr.title {
 color: #666;
}

tr.preview {
 color: #333;
}

td {
 vertical-align: top;
 border-style: none dotted none none;
 border-width: 1px;
 border-color: #eee;
 padding: 0px 10px 0px 10px;
}

table.v_summary {
 white-space: nowrap;
}

table.v_summary tr td, table.v_summary tr td p {
 padding: 0px 0px;
 margin: 0px 0px;
}

table.v_summary tr td a {
 text-decoration: none;
}

table.v_summary tr td.to-preview {
 padding: 0px 5px;
}

table.v_summary tr td a.to-preview {
 background-color: #111;        /* persian pink (#f77fbe) */
 color: #fff;
 font-weight: bold;
 font-size: 120%;
 padding: 0px 2px;
}

td.md {
 min-width: 35em;               /* ie ignores this...*/
}

td.img {
 min-width: 300px;
}

tr.recording {
 text-align: right;
}

tr.recording a {
 text-decoration: none;
 color: #ddd;
}

td.audio {
 min-width: 300px;
}

td.audio div.emff {
 text-align: center;
 padding-bottom: 25px;
}

span.show-hide a {
 text-decoration: none;
}

/* default value for js show/hide code */
tr.mp {
 display: block;
}

td.inner {
 border-style: none;
 padding: 0px 10px 0px 0px;
}

ul li {
 list-style-type: none;
}

a {
 color: #333;
}

/* indexes and identifier blocks */

ul.index {
 margin: 10px;
 padding: 0px;
}

tr.id td {
 padding: 10px 0px 10px 10px;
}

ul.index li span {
 padding: 0px 2px;
}

ul.index li span a {
 text-decoration: none;
 font-size: 90%;
}

ul.index li {
 padding: 1px 0px 0px 0px;
}

.work, .work a {
 background-color: #000000;     /* black */
 color: #ffffff;                /* white */
}

.presser, .presser a {
 background-color: #c80815;     /* red (venetian) */
 color: #ffffff;                /* white */
}

.programme, .programme a {
 background-color: #005b99;     /* blue (swedish azure) */
 color: #ffffff;                /* white */
}

.property, .property a {
 background-color: #ff6600;     /* orange (safety) */
 color: #ffffff;                /* white */
}

.score, .score a {
 background-color: #ca1f7b;     /* magenta (dye) */
 color: #ffffff;                /* white */
}

.documentation, .documentation a {
 background-color: #fcd116;      /* yellow (candlelight approx.) */
 color: #000000;                 /* black */
}

.review, .review a {
 background-color: #00B7EB;     /* cyan (subtractive primary) */
 color: #000000;                /* black */
}

.archival-material, .archival-material a {
 background-color: #009246;     /* green (fern green)*/
 color: #ffffff;                /* white */
}

.institutional, .institutional a {
 background-color: #704214;     /* brown (sepia)*/
 color: #ffffff;                /* white */
}