/* ============================================================
   Northern Telecom Norstar Reference
   Stylesheet — designed for Netscape Navigator 3.0+
   ============================================================ */

BODY {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  padding: 4px;
}

A:link    { color: #0000CC; }
A:visited { color: #551A8B; }
A:hover   { color: #CC0000; }
A:active  { color: #CC0000; }

TD, TH {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

H1, H2, H3, H4 {
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 0 6px 0;
}

/* Navigation link override */
.navlink {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}
.navlink-gold {
  color: #FFD700;
  text-decoration: none;
  font-weight: bold;
}

/* Section header bars */
.sechdr {
  background-color: #002B7F;
  color: #FFFFFF;
  font-weight: bold;
  padding: 4px 8px;
  font-size: 12px;
}
.sechdr-gold {
  background-color: #B8960A;
  color: #FFFFFF;
  font-weight: bold;
  padding: 4px 8px;
  font-size: 12px;
}

/* Alternating table rows */
.row-a { background-color: #F0F4F8; }
.row-b { background-color: #FFFFFF; }

/* ============================================================
   Phone key button style — mimics Nortel documentation key caps
   Usage: <SPAN CLASS="key">Feature</SPAN><SPAN CLASS="key">8</SPAN>
   ============================================================ */
SPAN.key {
  display: inline-block;
  border: 1px solid #888888;
  background-color: #F4F4EC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  padding: 1px 4px;
  margin: 0 1px;
  line-height: 14px;
  vertical-align: middle;
  white-space: nowrap;
}

/* ============================================================
   Fluid Layout — retro-compatible, adapts from 780px upward
   Expands gracefully up to 1200px; centered on larger displays.
   No HTML changes required — CSS attribute selectors do the work.
   ============================================================ */

/* Cap the outer CENTER wrapper and keep it centered */
CENTER {
  display: block;
  margin: 0 auto;
  max-width: 1920px;
}

/* All structural 780px tables expand to fill available space */
TABLE[width="780"] {
  width: 100% !important;
}

/* Full-width content tables (docs, feature codes, wiring, etc.) */
TABLE[width="748"] {
  width: 100% !important;
}

/* Two-column pages: let the main content column expand */
TD[width="512"] {
  width: auto !important;
}

/* Tables inside the expanding main content column */
TABLE[width="512"],
TABLE[width="484"] {
  width: 100% !important;
}

/* Sidebar inner tables fill their fixed-width column */
TABLE[width="267"],
TABLE[width="247"] {
  width: 100% !important;
}

/* ============================================================
   Print stylesheet — hides navigation, shows content cleanly
   ============================================================ */
@media print {
  /* Hide header logo band, nav bar, sub-nav, and footer */
  TR[bgcolor="#002B7F"],
  TR[bgcolor="#1A3F8A"],
  TR[bgcolor="#DDE6EF"],
  TR[bgcolor="#B8960A"] { display: none !important; }

  /* Hide the grey page-title bar background, flatten it */
  TD[bgcolor="#E8EFF8"] { background-color: #FFFFFF !important; }

  /* Remove sidebar on print — show only main content column */
  TD[width="267"] { display: none !important; }
  TD[width="1"][bgcolor="#CCCCCC"] { display: none !important; }

  /* Expand main content column to full width */
  TD[width="512"] { width: 100% !important; }

  /* Remove body margins/padding */
  BODY { margin: 0; padding: 0; }

  /* Don't break tables across pages if possible */
  TABLE { page-break-inside: avoid; }

  /* Ensure links print as plain text */
  A[href]:after { content: ""; }

  /* Page header shown only when printing */
  .print-header { display: block !important; }
}