img.ic  {position:relative;float:right;top:-4px;padding-left:10px;width:64px}  /* character icon */
p.bm {position:relative}
p.bm span {position:absolute;top:-20px}  /* so the bookmarks are 20px from the top of the page */
span.mo {font-family:monospace;white-space:pre-wrap}
p.no {position:relative;padding-left:10px;font-size:.85em}
p.no::before {position:absolute;top:-0px;left:1px;content:'\2022';font-size:1.3em}
p.no2 {position:relative;padding-left:20px;font-size:.85em}
p.no2::before {position:absolute;top:-0px;left:11px;content:'\25E6';font-size:1.4em}
p.no.nm,
p.no2.nm {margin-bottom:0}

table.dash {bor_der-top:1px solid #D0D0D0}
.dash td {padding:2px;vertical-align:top;font-size:.8rem}
.dash tr:nth-child(odd) td {border-bottom:1px solid #D0D0D0}
.dash td {out_line:1px dashed #FF0000}
.dash i  {padding-left:4px;color:#A0A0A0}
.dash tr:nth-child(1) td:nth-child(1)    {width:10px;out_line:1px dashed #FF0000}
.dash tr:nth-child(odd) td:nth-child(2),
.dash tr:nth-child(odd) td:nth-child(3),
.dash tr:nth-child(odd) td:nth-child(4) {width:25px;text-align:center}
.dash tr:nth-child(odd) td:nth-child(2),
.dash tr:nth-child(odd) td:nth-child(3),
.dash tr:nth-child(odd) td:nth-child(4),
.dash tr:nth-child(odd) td:nth-child(5) {border-left:1px solid #D0D0D0}
p.dash span:nth-child(2),
.dash tr:nth-child(odd) td:nth-child(3) {font-family:"Times New Roman",Times,serif}
p.dash span:nth-child(3),
.dash tr:nth-child(odd) td:nth-child(4),
.dash tr:nth-child(odd) td:nth-child(5),
.dash tr:nth-child(odd) td:nth-child(6) {font-family:"Consolas","Courier New",monospace;font-size:.85rem;line-height:.85rem}
.dash tr:nth-child(odd) td:nth-child(6) {wi_dth:125px}
.dash tr:nth-child(1) td:nth-child(5),
.dash tr:nth-child(1) td:nth-child(6) {font-family:Arial,Helvetica,sans-serif}
.dash tr:nth-child(1) td {font-weight:bold}
.dash tr:nth-child(odd) td:nth-child(5),
.dash tr:nth-child(odd) td:nth-child(6) {padding-left:5px;padding-right:5px;out_line:1px dashed #00FF00}
.dash tr:nth-child(odd) td:nth-child(5),
.dash tr:nth-child(odd) td:nth-child(6),
.dash tr:nth-child(odd) td:nth-child(7),
.dash tr:nth-child(odd) td:nth-child(8) {text-align:center}
p.dash  {font-size:.8rem;color:#A0A0A0}
p.dash span {padding:0 4px}

table.utf {border-spacing:0px 2px}
.utf td {padding:1px}
.utf td {out_line:1px dashed #FF0000}
.utf tr td:nth-child(odd)  {padding-left:4px;text-align:right;font-size:.7rem;color:#A0A0A0}
.utf tr td:nth-child(even) {width:25px;text-align:center;background-color:#D0D0D0}
.utf tr td:nth-child(even).nb {background-color:transparent}

table.alt {width:80%}
.alt td {vertical-align:bottom}
.alt td.ps {width:20px}
.alt td.pt {width:calc((100% - 20px) / 2)}
.alt table {table-layout:fixed;width:100%}
.alt table tr td {width:calc((100% - 22px) / 10);height:2.5ch;overflow:hidden;text-align:center;fon_t-family:monospace;out_line:1px dashed #8080FF;border-right:1px solid #C0C0C0;border-bottom:1px solid #D0D0D0}
.alt table tr td:first-child {padding-right:2px;width:20px;text-align:right;border-right-color:#808080}
.alt table tr td:first-child,
.alt table tr.fs td {color:#A0A0A0;font-family:Arial,Helvetica,sans-serif;font-size:.7em}
.alt table tr.bb td {background-color:#D0D0D0}
.alt table tr.bb td:first-child {border-top:none;border-bottom:none;background-color:transparent}
.alt table tr:last-child td {border-bottom:none}
.alt table tr td.nb,
.alt table tr td:nth-child(12),
.alt table tr td:nth-child(13) {border:none;background-color:transparent}

table.type {}
.type td {padding:0 10px;width:calc(33% - 20px)}
.type td {out_line:1px dashed #FF0000}
.type td input {padding:8px;width:calc(100% - 16px);font-size:1.5rem}
.type tr:nth-child(1) td:nth-child(1),
.type td:nth-child(1) input {font-family:sans-serif}
.type tr:nth-child(1) td:nth-child(2),
.type td:nth-child(2) input {font-family:serif}
.type tr:nth-child(1) td:nth-child(3),
.type td:nth-child(3) input {font-family:monospace}

/* screens <= 720px */
@media only screen AND (max-width:720px){
  table.alt {width:100%}
}

/* screens <= 561px */
@media only screen AND (max-width:561px){
  .utf td {padding:1px 0}
  .utf tr td:nth-child(odd)  {padding-left:1px}
  table.alt {width:100%}
  .alt td.ps {width:10px}
  .alt td.pt {width:calc((100% - 10px) / 2)}  /* 2 cells containg nested table */
  .alt table tr td {font-size:.85em}
}

/* screens <= 400px */
@media only screen AND (max-width:400px){
  .utf tr td:nth-child(odd)  {padding-left:0}
}

/* screens <= 350px */
@media only screen AND (max-width:350px){
  table.alt {width:274px}  /* 2 nested tables + 10px spacer column */
  .alt table {width:132px} /* width of nested table = 11 columns * 12px */
  .alt td.pt {width:12px}  /* fixed 12px column width */
}