body { margin: 0; padding: 0; font-family: Calibri,sans-serif; background-color: AliceBlue; }
table { border-collapse: collapse; }

/*************************** GLOBAL *****************************/

.app-outer { }
.app-inner { margin: 1em; }
.app-title { font-size: 140%; font-weight: bold; color: steelblue; font-weight: bolder; }
.app-prim { font-weight: bold; }
.badge-common { margin-left: 1em; padding: 1px 4px 2px 4px; font-size: 9pt; font-family: Verdana,sans-serif; border-radius: 4px; cursor: pointer; }
.badge-donate { background-color: LightSeaGreen; color: white; }
.badge-none { background-color: Olive; color: white; }
.badge-discard { background-color: hotpink; color: white; }
.app-srch-btn { width: 7em; }
.app-disc-img { margin-left: 1em; }
.app-srch-inst { width: 30em; margin: 1.5em auto auto auto; }

/************************** HEADER ******************************/

.hd-out { background-color: DarkSlateGray; padding: 0.4em 0.6em; height: 4em; }
  .hd-out a { text-decoration: none; }
    .hd-out a:link, .hd-out a:visited, .hd-out a:active { color: white; }
    .hd-out a:hover { color: red; }
.hd-tab { width: 100%; }
.hd-logo { width: 40px; }
.hd-icon { width: 32px; }
.hd-name { font-size: 200%; color: white; font-weight: bold; }
.hd-title { font-size: 175%; color: lightyellow; font-family: Verdana,sans-serif; }
.hd-about { text-align: right; }
.hd-link { padding: 2px 8px 3px 8px; margin: 0 0.5rem; font-size: 140%; }
.hd-selink { border: 1px solid gray; background-color: black; border-radius: 8px; }
.hd-nselink { }

/**************************** INDEX *****************************/

.ix-intro { margin: 1em auto 0 auto; width: 38em; font-size: 120%; color: darkslategray; }
.ix-menu-tab { margin: 1em auto 0 auto; }
  .ix-menu-tab button { width: 16em; height: 4em; margin: 0.5em 0; display: block; text-align: left; }
  .ix-menu-tab img { margin: auto 1em auto 0.6em; }
.ix-build { text-align: center; font-size: 80%; font-family: Verdana,sans-serif; color: slategray; }

.ix-pin-text { width: 6em; margin-left: 0.4em; color: darkslategray; }

/**************************** CONTRIBUTOR ***********************/

.con-card { width: 26em; background: whitesmoke; }
.con-tab { }
  .con-tab td { vertical-align: top; }
.con-ttab { margin: 1em 0 0 1em; }
  .con-ttab td { padding: 0.5em; }
.con-discard { background-color: mistyrose; }
.con-busy { font-size: 150%; font-weight: bold; color: orangered; opacity: 0.8; margin: 0 0 0 2em; }
.con-findval { width: 23rem; }

/************************* LOCATION *****************************/

.loc-out { margin-top: 1em; }
.loc-left { width: 220px; text-align: center; float: left; }
  .loc-left img { }
  .loc-left button { }
.loc-right { padding-left: 1em; }
.loc-card { font-size: 150%; margin-left: 1em; margin-right: 1em; }

/************************** SEARCH ******************************/

.srch-card { margin: auto; background-color: whitesmoke; width: 32rem; }
.srch-tab { width: 100%; }
  .srch-tab td { padding: 0; }
    .srch-tab td > * { margin: 0; }
.srch-findval { width: 23rem; }

/*************************** XSEARCH ****************************/

.xs-card { width: 26em; background: whitesmoke; }
.xs-tab { white-space: nowrap; }
  .xs-tab td:nth-child(1) { padding-right: 1em; text-align: right; }
.xs-count { width: 25em; }

/**************************** DETAIL ****************************/

.det-card { background-color: GhostWhite; border: 1px solid LightSteelBlue; border-radius: 12px; }
.det-discard { background-color: snow; border: 1px solid LightSteelBlue; border-radius: 12px; }

.det-card1 { width: 100%; }
  .det-card1 td { padding: 4px 0.5em; }
    .det-card1 td:nth-child(1) { text-align: right; color: darkslategrey; white-space: nowrap; }
    .det-card1 td:nth-child(2) { font-weight: 500; }

.det-tab2 { font-size: 120%; background-color: white; }
  .det-tab2 td { padding: 1px 8px 2px 8px; border: 1px solid Silver; }

.det-prim-pic { border: 2px solid blue; }
.det-sec-pic { border: 0; }
.det-pic-tab { }
  .det-pic-tab td { padding: 3px 0; }
    .det-pic-tab td:nth-child(2) { padding-left: 1em; font-size: 120%; }

.det-trk-tab { text-align: center; background-color: white; }
  .det-trk-tab th { background-color: whitesmoke; }
  .det-trk-tab th, .det-trk-tab td { padding: 2px 6px; border: 1px solid Silver; }
    .det-trk-tab td:nth-child(5) { text-align: left; }
    .det-trk-tab td:nth-child(6) { text-align: right; }

.det-file-tab { font-size: 90%; background-color: white; }
  .det-file-tab th { background-color: whitesmoke; }
  .det-file-tab th, .det-file-tab td { padding: 0 10px; border: 1px solid Silver; }
    .det-file-tab td:nth-child(1) { text-align: center; }
    .det-file-tab td:nth-child(2) { text-align: center; }
    .det-file-tab td:nth-child(3) { font-family: Consolas,monospace; }
    .det-file-tab td:nth-child(4) { text-align: right; }
    .det-file-tab td:nth-child(5) { text-align: center; }

.det-title { font-size: 160%; font-weight: bolder; color: steelblue; }

.det-drop { margin: 0; }
.det-text { margin: 0; }
.det-show-td { padding: 6px 0; }
.det-show-val { border: 1px solid #ced4da; padding: .375rem .75rem; background-color: whitesmoke; color: #495057; border-radius: .25rem; vertical-align: middle; }

/************************ SEARCH RESULT *************************/

.sr-tab1 { margin: 1em auto 0 auto; }
  .sr-tab1 caption { font-size: 150%; }
  .sr-tab1 tr { border-top: 1px solid #999999; border-bottom: 1px solid #999999; }
  .sr-tab1 td { padding: 0.4em 0.5em; vertical-align: top; }
    .sr-tab1 td:nth-child(1) img { width: 80px; }

.sr-tab2 { margin: 1em auto 0 auto; background-color: white; }
  .sr-tab2 caption { font-size: 150%; }
  .sr-tab2 th { background-color: darkslategray; color: white; }
  .sr-tab2 td { }
  .sr-tab2 td, .sr-tab2 th { padding: 2px 5px 3px 5px; border: 1px solid gray; }
    .sr-tab2 td:nth-child(1) { white-space: nowrap; }
    .sr-tab2 td:nth-child(3) { text-align: center; }
    .sr-tab2 td:nth-child(4) { text-align: center; }
    .sr-tab2 td:nth-child(5) { text-align: center; }
    .sr-tab2 td:nth-child(6) { white-space: nowrap; }

  .sr-tab2 a { text-decoration: none; }
    .sr-tab2 a:link, .sr-tab2 a:visited, .sr-tab2 a:active { color: darkblue; }
    .sr-tab2 a:hover { color: red; }

.sr-cmnt-img { width: 16px; height: 16px; margin-left: 1em; }
.sr-match { background-color: yellow; }
.sr-doncell { background-color: LightSeaGreen; color: white; cursor: pointer; }
.sr-uncell { background-color: Khaki; cursor: pointer; }

/*************************** RANDOM *****************************/

.rnd-card { margin: auto; width: 30em; background: whitesmoke; }

/*************************** ABOUT ******************************/

.ab-head { color: steelblue; font-size: 140%; font-weight: bold; }
.ab-tab { margin: 1em auto 0 auto; }
  .ab-tab img { margin-left: 2em; border: 1px solid gray; }
.ab-samp-tab { margin: 1em 0; }
  .ab-samp-tab img { margin-right: 0.5em; }
.ab-meta-tab { font-family: Calibri,sans-serif; font-size: 90%; }
  .ab-meta-tab td { vertical-align: top; padding: 1px 4px 2px 4px; }
.ab-name { font-size: 400%; color: steelblue; opacity: 0.8; }
.ab-card { max-width: 50em; min-width: 30em; font-family: 'Bookman Old Style',serif; margin: auto; box-shadow: 5px 5px 8px #cccccc; }
.ab-code { font-family: Consolas,monospace; font-size: 90%; color: darkslategray; }
.ab-quote { font-family: Calibri,Arial,sans-serif; margin: 1em 2em; font-size: 90%; }
.ab-samp-btn { font-family: Calibri, sans-serif; }
.ab-samp-tab { font-size: 75%; font-family: monospace; margin: 0.6em auto auto auto; }
  .ab-samp-tab td { padding: 1px 5px 2px 5px; }
.ab-meta-c { background-color: ivory; }
.ab-meta-s { background-color: ghostwhite; }
.ab-meta-a { background-color: mintcream; }