/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* 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 h2 { margin: 0px; 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.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 h3 { margin: 2ex 1em; padding: 1ex 1em; 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; }
}

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