BODY {
    font-size: 14px;
    font-family: sans-serif;
    padding: 10px;
  }

  A {
    color: red;
  }

  A:active {
    color: darkred;
  }

  A:visited {
    color: darkgrey;
  }

  TABLE.customer-list {
    border-collapse: collapse;
  }

  TABLE.customer-list TD {
    font-size: 12px;
    border: 1px solid black;
    padding: 3px;
  }

  TABLE.support-request {
    border-collapse: collapse;
  }
    
  TABLE.support-request TD {
    text-align: left;
    border: 1px solid black;
    font-size: 12px;
    padding: 5px;
  }

  .warning, .error {
    color: red;
  }

  TR.even {
    background-color: rgb(240,240,240);
  }

  TR.odd {
    background-color: rgb(224,224,224);
  }

  TH {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
  }

  TD {
    font-size: 12px;
    /* text-align: center; */
  }

  TABLE.notes {
    border-spacing: 0px;
    border-style: none;
    border-collapse: collapse;
  }

  TR.note {
    background-color: rgb(224,224,224);
  }

  TD.note-delete {
    vertical-align: top;
    border-top: 10px solid rgb(240,240,240);
    border-bottom: 10px solid rgb(240,240,240);
    padding: 10px;
    text-align: left;
    width: 75px;
  }

  TD.note-time {
    vertical-align: top;
    border-top: 10px solid rgb(240,240,240);
    border-bottom: 10px solid rgb(240,240,240);
    padding: 10px;
    text-align: center;
    font-family: monospace;
    width: 175px;
  }

  TD.note-label {
    vertical-align: top;
    border-top: 10px solid rgb(240,240,240);
    border-bottom: 10px solid rgb(240,240,240);
    padding: 10px;
    text-align: center;
    font-family: monospace;
  }

  TD.note-text {
    border-top: 10px solid rgb(240,240,240);
    border-bottom: 10px solid rgb(240,240,240);
    padding: 10px;
    text-align: left;
    font-size: 12px;
    font-family: monospace;
    width: auto;
  }


  TR.note FORM {
    margin: 0;
    padding: 0;
  }
  
  TR.note INPUT.button {
    height: 20px;
    font-size: 10px;
  }

  #cruftblock {
    display: none;
  }