/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* ux/pop_card.css */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* popup */

  div.popup div.blackdrop {
    position: fixed; top: 0%; left: 0%;
    width: 100%; height: 100%;
    background: black; opacity: 0.8;
  }
  div.popup div.content {
    position: fixed; top: 10%; left: 25%;
    width: 50%; height: 80%; overflow: auto;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* card */

  div.popup div.card {
    margin: 1ex; border: 1px solid; padding: 0px;
    background: #ffffff;
  }
  div.popup div.card h1 {
    margin: 0px; padding: 1ex 1em;
    background: #dedede;
  }
  div.popup div.card h2 {
    margin: 2ex 1em; padding: 1ex 1em;
    background: #dedede;
  }
  div.popup div.card h3 {
    margin: 2ex 1em; padding: 1ex 1em;
    background: #dedede;
  }
  div.popup div.card p { margin: 1ex 1em; line-height: 133%; }
  div.popup div.card p.type { font-style: italic; }
  div.popup div.card p.field_list { margin: 0px 1em; }
  div.popup div.card p.stat { margin: 0px 1em; }

  div.popup div.card table {
    width: 80%; margin: 2ex auto; border: 1px solid;
  }
  div.popup div.card tr:hover { background: #dedede; }

  div.popup div.card p.source {
    margin-top: 4ex;
    text-align: right; font-size: smaller;
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* handheld */

  @media screen and (max-device-width: 480px) {
    div.popup div.content {
      position: fixed; top: 0%; left: 0%;
      width: 100%; height: 100%; overflow: auto;
    }
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* print */

  @media print {
    form { display: none; }
    div.popup { display: none; }
  }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */