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

h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
}

dt {
    font-family: sans-serif;
    font-weight: bold;
    display: compact;
}
dd {
    margin-left: 1em;
}

pre {
    margin-left: 2em;
    padding-left: 1em;
    padding-right: 1em;
    font-family: monospace;
    background-color: silver;
    color: black;
    width: 80%;
}
pre.c {
    background-color: aqua;
    color: black;
}
pre.python {
    background-color: lime;
    color: black;
}
pre.sh {
    background-color: yellow;
    color: black;
}
span.comment {
    font-style: italic;
    color: navy;
    background-color: inherit;
}

code.pyrex {
    background-color: silver;
    color: black;
}
code.c {
    background-color: aqua;
    color: black;

}

.code {
    font-family: monospace;
    font-weight: normal;
}
.note {
    font-family: sans-serif;
    font-weight: bold;
}
.keyword {
    font-family: monospace;
    font-weight: bold;
    color: blue;
    background-color: inherit;
}


div.xosdTitle {
    font-family: monospace;
    font-size: large;
    font-weight: bold;
    color: black;
    background-color: #a2aae1;
    width: 1em;
    padding-left: 0.5em;
    float: left;
}
div.padXOSD {
    padding-left: 2em;
    border-style: solid;
    border-width: 3px;
    border-color: #a2aae1;
    margin-bottom: 1em;
    margin-top: 1em;
    min-height: 18ex;
    /*cue-before: ;*/
}

div.cupsTitle {
    font-family: monospace;
    font-size: large;
    font-weight: bold;
    color: black;
    background-color: #cccc98;
    width: 1em;
    padding-left: 0.5em;
    float: left;
}
div.padCUPS {
    padding-left: 2em;
    border-style: solid;
    border-width: 3px;
    border-color: #cccc98;
    margin-top: 1em;
    margin-bottom: 1em;
    min-height: 18ex;
}



@media print {
  body {
      color: black;
      background-color: white;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
  }
  dt {
    font-family: sans-serif;
    font-weight: bold;
  }

  a {
    color: black;
    background-color: white;
    text-decoration: none;
  }
  a:link {
    color: black;
    background-color: white;
    text-decoration: none;
  }
  a:visited {
    color: black;
    background-color: white;
    text-decoration: none;
  }

  div.xosdTitle {
    border-style: solid;
    border-width: 3px;
    border-color: black;

    font-family: monospace;
    font-size: large;
    font-weight: bold;
    color: black;
    background-color: white;

    width: 1em;
    padding-left: 0.5em;
    float: left;
  }
  div.padXOSD {
    padding-left: 2em;
    border-style: solid;
    border-width: 3px;
    border-color: black;
    margin-bottom: 1em;
    margin-top: 1em;
    min-height: 18ex;
  }

  div.cupsTitle {
    font-family: monospace;
    font-size: large;
    font-weight: bold;
    color: white;
    background-color: black;

    width: 1em;
    padding-left: 0.5em;
    float: left;
  }
  div.padCUPS {
    padding-left: 2em;
    border-style: solid;
    border-width: 3px;
    border-color: black;
    margin-top: 1em;
    margin-bottom: 1em;
    min-height: 18ex;
  }
  table#rel {
    visibility: hidden;
  }
 
}