/*
 * Standard fonts are sans-serif throughout, verdana preferably, and 11 pixels. By setting the
 * default font on the body, and not using a '*' rule, we avoid affects like anchors in heading
 * elements getting these properties instead of the ones they should inherit.hedley@
 */
body {
  border: 0;
  margin: 0;
  padding: 0;
  background: white;
  font-size: 11px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/*
 * This rule works around a bug in IE where font-size is not inherited through
 * table elements for some reason, and a bug in mozilla where font-size is
 * not inherited for input elements.
 */
table, input, select, option, textarea {
  font-size: 11px;
}


/*
 * These elements use fixed width fonts.
 */
pre, code, pre *, code *, pre a, code a, .monospace {
  font-family: monospace;
}


/*
 * This ensures that all heading elements can be flush with the top of a cell,
 * which is particularly important in the Molecule Pages.
 */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
}


/*
 * Standard link formatting.
 *   Inline links (i.e., within blocks of text) appear in standard blue (unvisited)
 *    and magenta (visited) but underline only on mouseover or on click.
 */
a:link,        a:visited         { text-decoration : none; }
a:link:hover,  a:visited:hover   { text-decoration : underline; }
a:link:active, a:visited:active  { text-decoration : underline; }


/*
 * Various additional hyperlink formatting rules (add colour and font info).
 *   .greenlink: non-inline links (i.e., those outside blocks of text)
 *     (e.g., the "resources" and "other highlights" links on this page:
 *      http://www.signaling-gateway.org/update/)
 *   .whitelink: links to other subsections in  second-level horiz nav bar
 *     (e.g., the "updates" and "news" links in the page quoted above)
 *   .orangelink: currently selected link in the second-level horiz nav bar
 *     (e.g., the "signaling update home" link on the page quoted above)
 */
.greenlink, .whitelink, .orangelink {
  font-family       : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight       : bold;
}

.greenlink     { color : #336666; }
.whitelink     { color : #FFFFFF; }
.orangelink    { color : #FF9900; }


/*
 * Headings.
 */
h1, .head1 { font-size: 14px; color: #336666; font-weight: bold; }
h2, .head2 { font-size: 13px; color: #000000; font-weight: bold; }
h3, .head3 { font-size: 11px; color: #CC0000; font-weight: bold; }
h4, .head4 { font-size: 11px; color: #000000; font-weight: bold; }


/*
 * Other.
 *   .small: small text
 *   .green: green text
 *   .white: white text
 *   .label: used for the labels of form elements
 */
.small { font-size: 10px; }
.green { color: #336666;}
.white { color: #FFFFFF;}
.label { font-weight: bold;}



/*
 *   To maintain Netscape 4.7* compatibility, all cells in the table must be
 *   assigned a class value that determines its celltype (heading, data, or
 *   tinted) and the alignment of the content within the cell (left or center).
 *   Rules that span the outer product of cell type and alignment are defined.
 *   By defining no class attribute on a cell, a spacer row can be added to a table.
 *
 *   For best results, set the cellspacing attribute to 1, and the cellpadding
 *   attribute to 3 on the table element.
 *
 *   When NS4.7* compatibility stops being an issue we can save on bandwidth
 *   by defining two classes of table 'data-top', and 'data-left' and set default
 *   text alignments based on that information.
 *
 * EXAMPLE HTML :
 *
 *   <table width="100%" border="0" cellspacing="1" cellpadding="3">
 *     <tr>
 *       <th class="dth-cnt">Column 1</th>
 *       <th class="dth-cnt">Column 2</th>
 *     </tr>
 *     <tr>
 *       <td class="dtd-cnt">Value 1</td>
 *       <td class="dtt-cnt">Special Value 2 (Tinted)</td>
 *     </tr>
 *   </table>
 */

.dt, .dt-cnt, .dt-lft, .dth, .dth-cnt, .dth-lft, .dtd, .dtd-cnt, .dtd-lft, .dtt, .dtt-cnt, .dtt-lft {
  font-weight        : normal;
  font-size          : 11px;
}

.dth, .dth-cnt, .dth-lft {
  color              : white;
  background-color   : #999999;
}

.dtd, .dtd-cnt, .dtd-lft {
  color              : black;
  background-color   : #E0E0E0;
}

.dtt, .dtt-cnt, .dtt-lft {
  color              : black;
  background-color   : #f0e0e0;
}

.dt-cnt, .dth-cnt, .dtd-cnt, .dtt-cnt {
  text-align         : center;
}

.dt-lft, .dth-lft, .dtd-lft, .dtt-lft {
  text-align         : left;
}