/* Deliberately 1997: fixed-width centred table, bevelled edges, system fonts, loud links.
   The data underneath is live FCC ULS; only the presentation is a period piece. */
body {
    background: #c0c0c0;
    color: #000;
    font-family: "Times New Roman", Times, serif;
    font-size: 15px;
    margin: 12px;
}
.page {
    width: 1040px;   /* 780 was authentic to 1997 but wastes a modern screen */
    max-width: 100%;
    background: #ffffff;
    border: 2px outset #dfdfdf;
}
.banner {
    background: #000080;
    color: #ffffff;
    border-bottom: 2px solid #000040;
}
.banner font { color: #ffffff; }
.navbar {
    background: #dfdfdf;
    border-top: 1px solid #ffffff;
    border-bottom: 2px groove #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
a { color: #0000ee; }
a:visited { color: #551a8b; }
a:hover { color: #ee0000; }
.sect {
    background: #000080;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    padding: 3px 8px;
    margin: 14px 0 6px;
    letter-spacing: .05em;
}
p { margin: 6px 4px 10px; line-height: 1.45; }
table.data {
    background: #808080;   /* shows through as 1px cell gridlines, the old trick */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
table.data td { background: #ffffff; }
table.data tr.hdr td { background: #c0c0c0; }
table.data tr.r1 td { background: #f0f0f0; }
tt, .mono { font-family: "Courier New", Courier, monospace; }
ul.links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 6px 0 6px 18px; padding: 0; }
ul.links li { margin: 3px 0; }
hr { border: 0; border-top: 2px groove #808080; margin: 14px 0 8px; }

@media (max-width: 1060px) {
    body { margin: 4px; }
    .page { width: 100%; }
    /* The two-column table layout has to give up on a phone. */
    .page table td[valign="top"] { display: block; width: 100% !important; }
}

/* Horizontal bars in the growth table, drawn with a div rather than a spacer GIF. */
.bar { background: #000080; height: 10px; min-width: 2px; }
table.phon td { font-size: 11px; }
table.phon tt { color: #000080; }

/* Plain-language propagation read, colour-coded but never colour-alone: the text says it. */
.verdict { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
           padding: 4px 6px; margin-top: 2px; border: 1px solid #808080; }
.verdict.v-good { background: #ccffcc; }
.verdict.v-ok   { background: #ffffcc; }
.verdict.v-warn { background: #ffe0b0; }
.verdict.v-bad  { background: #ffcccc; }
.verdict.v-dim  { background: #e8e8e8; color: #555; }

/* The net notice is the reason the site exists, so it outranks everything visually. */
.netbox { border: 3px double #000080; background: #f4f4ff; margin-bottom: 14px; }
.nethdr { background: #000080; color: #fff; font-family: Arial, Helvetica, sans-serif;
          font-weight: bold; font-size: 15px; padding: 6px 10px; text-align: center;
          letter-spacing: .04em; }
.netbody { padding: 10px 14px 12px; }
.netwhen { font-size: 19px; font-weight: bold; text-align: center; margin-bottom: 2px; }
.netfreq { font-family: "Courier New", monospace; font-size: 27px; font-weight: bold;
           color: #000080; text-align: center; letter-spacing: .02em; }
.netsub  { text-align: center; font-size: 12px; color: #444; margin-bottom: 8px; }
.netwhy  { font-size: 13px; margin: 8px 2px; }
.nethow  { background: #fff; border: 1px solid #b0b0c0; padding: 8px 10px; font-size: 13px; }
.nethow ol { margin: 6px 0 6px 22px; padding: 0; }
.nethow li { margin: 3px 0; }
.hook { background: #ffffcc; border: 1px solid #c0c000; padding: 8px 12px;
        font-size: 14px; font-weight: bold; margin: 8px 0 4px; }
/* Sub-heading inside a section: quieter than the navy .sect bar, still scannable. */
.subsect { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px;
           color: #000080; border-bottom: 1px solid #b0b0c0; margin: 12px 2px 4px; padding-bottom: 2px; }

/* Theme switch, above everything on both skins. */
.viewbar { text-align: right; max-width: 1040px; margin: 4px auto 6px; font-size: 11px;
           font-family: Arial, Helvetica, sans-serif; }
.viewbar a { color: #000080; }
/* The title is a link home, but it should not look like one: no underline, no link colour. */
.sitetitle, .sitetitle:visited { text-decoration: none; color: inherit; }
.sitetitle font { color: #ffffff; }
.sitetitle:hover font { color: #ffff99; }