
.nowrap { white-space: nowrap; }


ul.menu { margin-left: 0; padding: 0; margin-top: 2em; max-width: 15em; }
ul.menu li { list-style-type: none;}
ul.menu li h3 { margin-bottom: 0; font-size: 1.11em; }
ul.menu li { margin: 0; padding: 0; border-bottom: 1px solid gray; }
ul.menu a  { text-decoration: none; border-bottom: none; }

ul.menu,
ul.menu a  { color: rgb(199, 60, 39); }

ul.menu a.disable { color: GrayText ; text-decoration: none; border-bottom: none; cursor: pointer; }

/*
, a.disable :link , a.disable :visited,
.disable
*/

table.resultset th { text-align: left; vertical-align: top; }
table.resultset th { padding-left: 0.5em; padding-right: 0.5em; border-bottom: 1px solid DarkGray; }
table.resultset td { padding: 0.5em; border-bottom: 1px solid DarkGray; padding-left: 0.52em; padding-bottom: 0.2em;}
table.resultset tr:active { background-color: #DFEBF4; }
table.resultset caption { padding-top: 1em; text-align: left; text-transform: uppercase; font-size-adjust: none; font-weight: bold; color: #00275D; } /* like h2 */
table.resultset { margin-bottom: 0.5em; }

table.resultset .email {
  display: inline-block;
  max-width: 8em;
  word-wrap: break-word; /* new name is overflow-wrap */
  font-size: 80%;
}



/* -----
   Status box
*/
    div.status p button { margin: 0.5ex 0.4em ; } /* override main.css # specifics */

    div.status { border: 0.3em solid #2C347D ; padding: 0.7em; margin-top: 2em; }
    /* border-color like top-menu */
    div.status h3 { margin-top: 0; }
    div.status p { clear: both; margin-bottom: 0.5em; }

  /* uploading status */
    div.status span.status_0, div.status span.status_1 {
      display: block;
      float: right;
      width: 7em;
      height: 2.5ex;
      padding: 0.2ex 0.2em;
      margin:  0 0.3em;
      font-weight: bold;
      font-size: 80%;
      color: white;
    }
    div.status span.status_0 { background-color: orange;    }
    div.status span.status_1 { background-color: green;     }
    div.status span.status_0::after { content: "N/A";       }
    div.status span.status_1::after { content: "SUCCEEDED";  }


  /* presentation status */
    div.status span.caption {
      display: inline-block;
      width: 6em;
      text-transform: uppercase;
      font-size-adjust: none;
      padding-left: 0.3em;
    }
    div.status input.current:checked + * {
      color: white;
      background-color: gray;
    }
    div.status input[value=withdrawn].current:checked + * {
      background-color: orange;
    }
    div.status input[value=confirmed].current:checked + * {
      background-color: green;
    }
