/* SPECIAL STYLESHEET for ch2_6.html
   @see stydef_inv.css for inverse styles
   always center auryn table and form within <div class="center auryn"
Two column table with progamming lines and comment */
div.auryn {
  margin-top: 22px; margin-bottom: 22px;
}
div.auryn table {
  max-width: 95%;
  background-color: #ddffff;
  border: solid #99cccc 4px;
  padding: 0;
  margin-top: 0; margin-bottom: 0;
}
.auryn th {
  background-color: #c9e9e9;
  color: #669999;
  font: bold 115%/130% Arial, sans-serif;
  letter-spacing: 1px;
  text-align: center;
  padding: 1px 5px;
  border-bottom: dotted #99cccc 2px;
}
.auryn th, .auryn td {
  vertical-align: top;
}
.auryn td {
  white-space: pre;
  text-align: left;
  padding: 0 12px 0 4px;
}
.auryn tr.com td {
  padding-top: 2px;
}
.auryn td, .auryn code  {
  font: 92%/150% Verdana, 'Courier New', monospace;
}
.auryn tr.top td {
  padding-top: 4px;
}
.auryn tr.bottom td {
  padding-bottom: 3px;
}
.auryn code {
  color: #000000;
  margin: 0;
}
.auryn b,            /* functions */
.auryn b.arr {       /* arrays */
  color: #0066c0;
  font-weight: bold;
  margin: 0 1px;
}
.auryn i {           /* index number */
  color: #ff00dd;
  font-size: 85%;
  font-style: normal;
  font-weight: normal;
  margin-right: 1px;
}
.auryn i.num {       /* proper number */
  color: #ff0000;
  font-weight: normal;
  font-size: 100%;
  margin: 0 1px;
}
.auryn var {         /* variable */
  color: #000000;
  font-style: normal;
  font-weight: normal;
}
div.auryn table var, div.auryn form var {
  margin: 0 1px;
}
.auryn td.com {      /* C style comment */
  white-space: normal;
  color: #808080;
  font-weight: normal;
}
.auryn .com code, .auryn .com i.num  {
  font-size: 90%;
  margin: 0 1px;
}
.auryn .com kbd {
  font: 95% 'Courier New', monospace;
}
.auryn .com b {
  font-weight: normal;
}
/* Form for testing the above program */
div.auryn form {
  margin: 0;
}
.auryn fieldset {
  padding-top: 0; padding-bottom: 0;
  border: solid #66bbbb 1px;
  margin-top: -6px;
}
.auryn legend,  /* bug Chrome centers legend, renders float: left; below top line */
.auryn legend code {
  color: #009999;
  font-weight: normal;
}
.auryn legend.bold {   /* dynamic by jAurynTracer.js */
  font-size: 1.1em;
  font-weight: bold;
}
.auryn div.fbody {
  margin-top: 12px;
}
.auryn div.fbody div {
  margin-bottom: 15px;
}
.auryn label {
  font: 1em Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  margin: 3px;
}
.auryn label var {
  font: 1.1em 'Courier New', monospace;
  letter-spacing: 0;
}
.auryn input {
  padding: 0 1px;
  margin-right: 16px;
}
.auryn input.button {
  cursor: pointer;
  padding: 0 4px;
  margin: 0 28px;
}
.auryn input#f1_print {
  margin-left: 16px;
  margin-right: 0;
}
.auryn div.tracer input {
  background-color: #ddffff;
  font: 1em 'Courier New', monospace;
  text-align: right;
  padding: 0 3px;
  margin-right: 20px;
}
.auryn p.printer {
  font: 90%/150% Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-align: justify;
  margin: 15px 5px 6px 3px;
}
.auryn .printer span {
  white-space: nowrap;
}
.auryn span.spot1 {
  color: #ff0000;
}
.auryn span.spot2 {
  color: #f600f6;
}
.auryn span.spot3 {
  color: #009999;
  font-weight: bold;
}
strong.auryn {   /* highlight in <p keywords from the form */
  color: #009999;
  white-space: nowrap;
  margin: 0 1px;
}