/* CSS Info for HTML documents created by capture of ncurses display data.
 * Copyright 2014-2015 The Software Samurai.
 * Version: 0.0.02 - 2015_06_13  (see VERSION_HISTORY for change details)
 * 
 *  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
 * Copyright Notice: This software is released under the GNU GPL version 3.
 * Please see NCurses.hpp for full notice.
 * 
 * ______________________________________________________________________________________________
 */

body
{
  /* Some \"standard\" HTML colors for a pale background:
   * #FFFFDD = terminal-off-white
   * #FFFFFF = white, #CCFFFF = pale blue, #FFFFCC = pale yellow,
   * #CCFFCC = pale green, #FFCCFF = pale magenta
   */
  background-color: #FFFFDD;    /* Default background color == terminal */
  color: #000000;               /* Default text color == black */
  font-size: 18px;              /* Default font size == 18 pixels */
  font-weight: normal;          /* Default font weight == normal */
  font-style: normal;           /* Default font style == not fancy */
  font-variant: normal;         /* Default font varient == not fancy */
  font-variant-east-asian: full-width; /* OpenType feature */
  font-family: "Liberation Mono", monospace;       /* Default font family == monospace */
/*  font-family: monospace;       /* Default font family == monospace */
  white-space: pre;             /* Default formatting == preformatted */
}

.curses_container
{
  margin-left: 0;
  margin-right: auto;
  margin-top: 0;
/*  max-width: 1170px;    /* holds 100-character width */
  max-width: 1400px;    /* holds 120-character width */
  padding-right: 15px;
  padding-left: 15px;
  text-align: left;
  line-height:110%;
  border: 1px solid #003300;
}
.caption    /* Class for adding captions and explanatory text to a screen capture */
{
  background-color: #CCFFCC;    /* Default background color == terminal */
  color: #000000;
  font-size: 24px;
  font-weight: bolder;
  font-style: normal;
  font-family: sans-serif;
  line-height:115%;
  text-align: left;
  white-space: normal;
  padding: 0.5em 3em 0.5em 3em;
  border: 1px solid #009900;
}
.timestamp
{
  color:black ;
  line-height:125% ;
  font-weight:bold ;
  font-style:italic ;
}

.dialog
{
  margin: 0 0 0 0;
  padding: 0em 0em 0em 0em;
  border-collapse: collapse;
}
.dialog tr
{
  margin: inherit;
  padding: inherit;
}
.dialog td
{
  margin: inherit;
  padding: inherit;
/*  border-left: 1px solid blue;
  border-right: 1px solid blue;*/
  font-kerning: none;
}

/*  text-transform: full-width;
  border-spacing: [length | horizontal vertical | inherit]
  border-collapse: collapse;
  tbody:
  tfoot:
  thead:
  letter-spacing: 0.001em;
  text-rendering: 
  font-feature-settings: 
  font-kerning: none;*/

/***********************
 ** Color Pairs 00-07 **
 ***********************/
.bw_n                      /* Black on White, normal */
{
  color: black;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bw_b                      /* Black on White, bold   */
{
  color: black;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}
.bw_u                      /* Black on White, underline */
{
  color: black;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bw_r                      /* Black on White, reverse */
{
  color: white;
  background-color: black;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bw_g                      /* Black on White, bold + reverse */
{
  color: white;
  background-color: black;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bw_x                      /* Black on White, bold + underline */
{
  color: black;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.bw_y                      /* Black on White, reverse + underline */
{
  color: white;
  background-color: black;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bw_z                      /* Black on White, bold + reverse + underline */
{
  color: white;
  background-color: black;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


.re_n                      /* Red on White, normal */
{
  color: #CC0000;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.re_b                      /* Red on White, bold */
{
  color: #CC0000;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.re_u                      /* Red on White, underline */
{
  color: #CC0000;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.re_r                      /* Red on White, reverse */
{
  color: white;
  background-color: #CC0000;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.re_g                      /* Red on White, bold + reverse */
{
  color: white;
  background-color: #CC0000;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.re_x                      /* Red on White, bold + underline */
{
  color: #CC0000;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.re_y                      /* Red on White, reverse + underline */
{
  color: white;
  background-color: #CC0000;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.re_z                      /* Red on White, bold + reverse + underline */
{
  color: white;
  background-color: #CC0000;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


.gr_n                      /* Green on White, normal */
{
  color: green;
  background-color: white;
  font-weight: normal;
  text-decoration: none;
}
.gr_b                      /* Green on White, bold */
{
  color: green;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}
.gr_u                      /* Green on White, underline */
{
  color: green;
  background-color: white;
  font-weight: normal;
  text-decoration: underline;
}
.gr_r                      /* Green on White, reverse */
{
  color: white;
  background-color: green;
  font-weight: normal;
  text-decoration: none;
}
.gr_g                      /* Green on White, bold + reverse */
{
  color: white;
  background-color: green;
  font-weight: bold;
  text-decoration: none;
}
.gr_x                      /* Green on White, bold + underline */
{
  color: green;
  background-color: white;
  font-weight: bold;
  text-decoration: underline;
}
.gr_y                      /* Green on White, reverse + underline */
{
  color: white;
  background-color: green;
  font-weight: normal;
  text-decoration: underline;
}
.gr_z                      /* Green on White, bold + reverse + underline */
{
  color: white;
  background-color: green;
  font-weight: bold;
  text-decoration: underline;
}


.br_n                      /* Brown on White, normal */
{
  color: maroon;
  background-color: white;
  font-weight: normal;
  text-decoration: none;
}
.br_b                      /* Brown on White, bold */
{
  color: maroon;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}
.br_u                      /* Brown on White, underline */
{
  color: maroon;
  background-color: white;
  font-weight: normal;
  text-decoration: underline;
}
.br_r                      /* Brown on White, reverse */
{
  color: white;
  background-color: #993300;
  font-weight: normal;
  text-decoration: none;
}
.br_g                      /* Brown on White, bold + reverse */
{
  color: white;
  background-color: #993300;
  font-weight: bold;
  text-decoration: none;
}
.br_x                      /* Brown on White, bold + underline */
{
  color: maroon;
  background-color: white;
  font-weight: bold;
  text-decoration: underline;
}
.br_y                      /* Brown on White, reverse + underline */
{
  color: white;
  background-color: #993300;
  font-weight: normal;
  text-decoration: underline;
}
.br_z                      /* Brown on White, bold + reverse + underline */
{
  color: white;
  background-color: #993300;
  font-weight: bold;
  text-decoration: underline;
}


.bl_n                      /* Blue on White, normal */
{
  color: blue;
  background-color: white;
  font-weight: normal;
  text-decoration: none;
}
.bl_b                      /* Blue on White, bold */
{
  color: blue;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}
.bl_u                      /* Blue on White, underline */
{
  color: blue;
  background-color: white;
  font-weight: normal;
  text-decoration: underline;
}
.bl_r                      /* Blue on White, reverse */
{
  color: white;
  background-color: blue;
  font-weight: normal;
  text-decoration: none;
}
.bl_g                      /* Blue on White, bold + reverse */
{
  color: white;
  background-color: blue;
  font-weight: bold;
  text-decoration: none;
}
.bl_x                      /* Blue on White, bold + underline */
{
  color: blue;
  background-color: white;
  font-weight: bold;
  text-decoration: underline;
}
.bl_y                      /* Blue on White, reverse + underline */
{
  color: white;
  background-color: blue;
  font-weight: normal;
  text-decoration: underline;
}
.bl_z                      /* Blue on White, bold + reverse + underline */
{
  color: white;
  background-color: blue;
  font-weight: bold;
  text-decoration: underline;
}


.ma_n                      /* Magenta on White, normal */
{
  color: #990099;
  background-color: white;
  font-weight: normal;
  text-decoration: none;
}
.ma_b                      /* Magenta on White, bold */
{
  color: #990099;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}
.ma_u                      /* Magenta on White, underline */
{
  color: #990099;
  background-color: white;
  font-weight: normal;
  text-decoration: underline;
}
.ma_r                      /* Magenta on White, reverse */
{
  color: white;
  background-color: #990099;
  font-weight: normal;
  text-decoration: none;
}
.ma_g                      /* Magenta on White, bold + reverse */
{
  color: white;
  background-color: #990099;
  font-weight: bold;
  text-decoration: none;
}
.ma_x                      /* Magenta on White, bold + underline */
{
  color: #990099;
  background-color: white;
  font-weight: bold;
  text-decoration: underline;
}
.ma_y                      /* Magenta on White, reverse + underline */
{
  color: white;
  background-color: #990099;
  font-weight: normal;
  text-decoration: underline;
}
.ma_z                      /* Magenta on White, bold + reverse + underline */
{
  color: white;
  background-color: #990099;
  font-weight: bold;
  text-decoration: underline;
}


.cy_n                      /* Magenta on White, normal */
{
  color: #009999;
  background-color: white;
  font-weight: normal;
  text-decoration: none;
}
.cy_b                      /* Magenta on White, bold */
{
  color: #009999;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}
.cy_u                      /* Magenta on White, underline */
{
  color: #009999;
  background-color: white;
  font-weight: normal;
  text-decoration: underline;
}
.cy_r                      /* Magenta on White, reverse */
{
  color: white;
  background-color: #009999;
  font-weight: normal;
  text-decoration: none;
}
.cy_g                      /* Magenta on White, bold + reverse */
{
  color: white;
  background-color: #009999;
  font-weight: bold;
  text-decoration: none;
}
.cy_x                      /* Magenta on White, bold + underline */
{
  color: #009999;
  background-color: white;
  font-weight: bold;
  text-decoration: underline;
}
.cy_y                      /* Magenta on White, reverse + underline */
{
  color: white;
  background-color: #009999;
  font-weight: normal;
  text-decoration: underline;
}
.cy_z                      /* Magenta on White, bold + reverse + underline */
{
  color: white;
  background-color: #009999;
  font-weight: bold;
  text-decoration: underline;
}


.gy_n                      /* Grey on White, normal */
{
  color: gray;
  background-color: white;
  font-weight: normal;
  text-decoration: none;
}
.gy_b                      /* Grey on White, bold */
{
  color: gray;
  background-color: white;
  font-weight: bold;
  text-decoration: none;
}
.gy_u                      /* Grey on White, underline */
{
  color: gray;
  background-color: white;
  font-weight: normal;
  text-decoration: underline;
}
.gy_r                      /* Grey on White, reverse */
{
  color: white;
  background-color: gray;
  font-weight: normal;
  text-decoration: none;
}
.gy_g                      /* Grey on White, bold + reverse */
{
  color: white;
  background-color: gray;
  font-weight: bold;
  text-decoration: none;
}
.gy_x                      /* Grey on White, bold + underline */
{
  color: gray;
  background-color: white;
  font-weight: bold;
  text-decoration: underline;
}
.gy_y                      /* Grey on White, reverse + underline */
{
  color: white;
  background-color: gray;
  font-weight: normal;
  text-decoration: underline;
}
.gy_z                      /* Grey on White, bold + reverse + underline */
{
  color: white;
  background-color: gray;
  font-weight: bold;
  text-decoration: underline;
}


/***********************
 ** Color Pairs 08-15 **
 ***********************/
.bbkn                      /* Bright Black on White, normal */
{
  color: #606060;
  background-color: white;/* TEMP */
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bbkb                      /* Bright Black on White, bold   */
{
  color: #606060;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bbku                      /* Bright Black on White, underline */
{
  color: #606060;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bbkr                      /* Bright Black on White, reverse */
{
  color: white;
  background-color: #606060;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bbkg                      /* Bright Black on White, bold + reverse */
{
  color: white;
  background-color: #606060;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bbkx                      /* Bright Black on White, bold + underline */
{
  color: #606060;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.bbky                      /* Bright Black on White, reverse + underline */
{
  color: white;
  background-color: #606060;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bbkz                      /* Bright Black on White, bold + reverse + underline */
{
  color: white;
  background-color: #606060;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


.bren                      /* Bright Red on White, normal   */
{
  color: red;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.breb                      /* Bright Red on White, bold     */
{
  color: red;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.breu                      /* Bright Red on White, underline */
{
  color: red;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.brer                      /* Bright Red on White, reverse */
{
  color: white;
  background-color: red;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.breg                      /* Bright Red on White, bold + reverse */
{
  color: white;
  background-color: red;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.brex                      /* Bright Red on White, bold + underline */
{
  color: red;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.brey                      /* Bright Red on White, reverse + underline */
{
  color: white;
  background-color: red;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.brez                      /* Bright Red on White, bold + reverse + underline */
{
  color: white;
  background-color: red;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


.bgrn                      /* Bright Green on White, normal   */
{
  color: lime;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bgrb                      /* Bright Green on White, bold     */
{
  color: lime;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bgru                      /* Bright Green on White, underline */
{
  color: lime;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bgrr                      /* Bright Green on White, reverse */
{
  color: white;
  background-color: lime;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bgrg                      /* Bright Green on White, bold + reverse */
{
  color: white;
  background-color: lime;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bgrx                      /* Bright Green on White, bold + underline */
{
  color: lime;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.bgry                      /* Bright Green on White, reverse + underline */
{
  color: white;
  background-color: lime;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bgrz                      /* Bright Green on White, bold + reverse + underline */
{
  color: white;
  background-color: lime;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


.bbrn                      /* Bright Brown (yellow) on White, normal   */
{
  color: #FFFF00;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bbrb                      /* Bright Brown on White, bold     */
{
  color: #FFFF00;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bbru                      /* Bright Brown on White, underline */
{
  color: #FFFF00;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bbrr                      /* Bright Brown on White, reverse */
{
  color: white;
  background-color: #FFFF00;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bbrg                      /* Bright Brown on White, bold + reverse */
{
  color: white;
  background-color: #FFFF00;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bbrx                      /* Bright Brown on White, bold + underline */
{
  color: #FFFF00;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.bbry                      /* Bright Brown on White, reverse + underline */
{
  color: white;
  background-color: #FFFF00;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bbrz                      /* Bright Brown on White, bold + reverse + underline */
{
  color: white;
  background-color: #FFFF00;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


.bbln                      /* Bright Blue on White, normal   */
{
  color: #3366FF;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bblb                      /* Bright Blue on White, bold     */
{
  color: #3366FF;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bblu                      /* Bright Blue on White, underline */
{
  color: #3366FF;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bblr                      /* Bright Blue on White, reverse */
{
  color: white;
  background-color: #3366FF;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bblg                      /* Bright Blue on White, bold + reverse */
{
  color: white;
  background-color: #3366FF;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bblx                      /* Bright Blue on White, bold + underline */
{
  color: #3366FF;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.bbly                      /* Bright Blue on White, reverse + underline */
{
  color: white;
  background-color: #3366FF;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bblz                      /* Bright Blue on White, bold + reverse + underline */
{
  color: white;
  background-color: #3366FF;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


.bman                      /* Bright Magenta on White, normal   */
{
  color: fuchsia;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bmab                      /* Bright Magenta on White, bold     */
{
  color: fuchsia;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bmau                      /* Bright Magenta on White, underline */
{
  color: fuchsia;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bmar                      /* Bright Magenta on White, reverse */
{
  color: white;
  background-color: fuchsia;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bmag                      /* Bright Magenta on White, bold + reverse */
{
  color: white;
  background-color: fuchsia;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bmax                      /* Bright Magenta on White, bold + underline */
{
  color: fuchsia;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.bmay                      /* Bright Magenta on White, reverse + underline */
{
  color: white;
  background-color: fuchsia;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bmaz                      /* Bright Magenta on White, bold + reverse + underline */
{
  color: white;
  background-color: fuchsia;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


.bcyn                      /* Bright Cyan on White, normal   */
{
  color: aqua;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bcyb                      /* Bright Cyan on White, bold     */
{
  color: aqua;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bcyu                      /* Bright Cyan on White, underline */
{
  color: aqua;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bcyr                      /* Bright Cyan on White, reverse */
{
  color: white;
  background-color: aqua;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bcyg                      /* Bright Cyan on White, bold + reverse */
{
  color: white;
  background-color: aqua;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bcyx                      /* Bright Cyan on White, bold + underline */
{
  color: aqua;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.bcyy                      /* Bright Cyan on White, reverse + underline */
{
  color: white;
  background-color: aqua;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bcyz                      /* Bright Cyan on White, bold + reverse + underline */
{
  color: white;
  background-color: aqua;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


/* Note: Due to lack of contrast, this color group is invisible by default in   *
 *       the terminal window, but is visible in HTML due to greater color depth.*/
.bgyn                      /* Bright Grey on White, normal  */
{
  color: #CCCCCC;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bgyb                      /* Bright Grey on White, bold     */
{
  color: #CCCCCC;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bgyu                      /* Bright Grey on White, underline */
{
  color: #CCCCCC;
  background-color: white;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bgyr                      /* Bright Grey on White, reverse */
{
  color: white;
  background-color: #CCCCCC;
  font-size: inherit;
  font-weight: normal;
  text-decoration: none;
}
.bgyg                      /* Bright Grey on White, bold + reverse */
{
  color: white;
  background-color: #CCCCCC;
  font-size: inherit;
  font-weight: bold;
  text-decoration: none;
}
.bgyx                      /* Bright Grey on White, bold + underline */
{
  color: #CCCCCC;
  background-color: white;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}
.bgyy                      /* Bright Grey on White, reverse + underline */
{
  color: white;
  background-color: #CCCCCC;
  font-size: inherit;
  font-weight: normal;
  text-decoration: underline;
}
.bgyz                      /* Bright Grey on White, bold + reverse + underline */
{
  color: white;
  background-color: #CCCCCC;
  font-size: inherit;
  font-weight: bold;
  text-decoration: underline;
}


/***********************
 ** Color Pairs 16-63 **
 ***********************/
/* The following color pairs are not supported:                       *
 * Black-on-Black  Red-on-Red          Green-on-Green  Brown-on-Brown *
 * Blue-on-Blue    Magenta-on-Magenta  Cyan-on-Cyan    Grey-on-Grey   */
.rebk                      /* Red on Black      */
{
  color: #CC0000;
  background-color: black;
  font-weight: bold;
  text-decoration: none;
}
.grbk                      /* Green on Black    */
{
  color: lime;
  background-color: black;
  font-weight: bold;
  text-decoration: none;
}
.brbk                      /* Brown on Black    */
{
  color: yellow;
  background-color: black;
  font-weight: bold;
  text-decoration: none;
}
.blbk                      /* Blue on Black     */
{
  color: blue;
  background-color: black;
  font-weight: bold;
  text-decoration: none;
}
.mabk                      /* Magenta on Black  */
{
  color: #990099;
  background-color: black;
  font-weight: bold;
  text-decoration: none;
}
.cybk                      /* Cyan on Black     */
{
  color: aqua;
  background-color: black;
  font-weight: bold;
  text-decoration: none;
}
.gybk                      /* Grey on Black     */
{
  color: gray;
  background-color: black;
  font-weight: bold;
  text-decoration: none;
}


.bkre                      /* Black on Red      */
{
  color: black;
  background-color: red;
  font-weight: bold;
  text-decoration: none;
}
.grre                      /* Green on Red      */
{
  color: lime;
  background-color: red;
  font-weight: bold;
  text-decoration: none;
}
.brre                      /* Brown on Red      */
{
  color: yellow;
  background-color: red;
  font-weight: bold;
  text-decoration: none;
}
.blre                      /* Blue on Red       */
{
  color: blue;
  background-color: red;
  font-weight: bold;
  text-decoration: none;
}
.mare                      /* Magenta on Red    */
{
  color: #990099;
  background-color: red;
  font-weight: bold;
  text-decoration: none;
}
.cyre                      /* Cyan on Red       */
{
  color: aqua;
  background-color: red;
  font-weight: bold;
  text-decoration: none;
}
.gyre                      /* Grey on Red       */
{
  color: gray;
  background-color: red;
  font-weight: bold;
  text-decoration: none;
}


.bkgr                      /* Black on Green    */
{
  color: black;
  background-color: green;
  font-weight: bold;
  text-decoration: none;
}
.regr                      /* Red on Green      */
{
  color: #CC0000;
  background-color: green;
  font-weight: bold;
  text-decoration: none;
}
.brgr                      /* Brown on Green    */
{
  color: yellow;
  background-color: green;
  font-weight: bold;
  text-decoration: none;
}
.blgr                      /* Blue on Green     */
{
  color: blue;
  background-color: green;
  font-weight: bold;
  text-decoration: none;
}
.magr                      /* Magenta on Green  */
{
  color: #990099;
  background-color: green;
  font-weight: bold;
  text-decoration: none;
}
.cygr                      /* Cyan on Green     */
{
  color: aqua;
  background-color: green;
  font-weight: bold;
  text-decoration: none;
}
.gygr                      /* Grey on Green     */
{
  color: gray;
  background-color: green;
  font-weight: bold;
  text-decoration: none;
}


.bkbr                      /* Black on Brown    */
{
  color: black;
  background-color: #993300;
  font-weight: bold;
  text-decoration: none;
}
.rebr                      /* Red on Brown      */
{
  color: #CC0000;
  background-color: #993300;
  font-weight: bold;
  text-decoration: none;
}
.grbr                      /* Green on Brown    */
{
  color: lime;
  background-color: #993300;
  font-weight: bold;
  text-decoration: none;
}
.blbr                      /* Blue on Brown     */
{
  color: blue;
  background-color: #993300;
  font-weight: bold;
  text-decoration: none;
}
.mabr                      /* Magenta on Brown  */
{
  color: #990099;
  background-color: #993300;
  font-weight: bold;
  text-decoration: none;
}
.cybr                      /* Cyan on Brown     */
{
  color: aqua;
  background-color: #993300;
  font-weight: bold;
  text-decoration: none;
}
.gybr                      /* Grey on Brown     */
{
  color: gray;
  background-color: #993300;
  font-weight: bold;
  text-decoration: none;
}


.bkbl                      /* Black on Blue     */
{
  color: black;
  background-color: blue;
  font-weight: bold;
  text-decoration: none;
}
.rebl                      /* Red on Blue       */
{
  color: #CC0000;
  background-color: blue;
  font-weight: bold;
  text-decoration: none;
}
.grbl                      /* Green on Blue     */
{
  color: lime;
  background-color: blue;
  font-weight: bold;
  text-decoration: none;
}
.brbl                      /* Brown (yellow) on Blue     */
{
  color: yellow;
  background-color: blue;
  font-weight: bold;
  text-decoration: none;
}
.mabl                      /* Magenta on Blue   */
{
  color: #990099;
  background-color: blue;
  font-weight: bold;
  text-decoration: none;
}
.cybl                      /* Cyan on Blue      */
{
  color: aqua;
  background-color: blue;
  font-weight: bold;
  text-decoration: none;
}
.gybl                      /* Grey on Blue      */
{
  color: gray;
  background-color: blue;
  font-weight: bold;
  text-decoration: none;
}


.bkma                      /* Black on Magenta  */
{
  color: black;
  background-color: #990099;
  font-weight: bold;
  text-decoration: none;
}
.rema                      /* Red on Magenta    */
{
  color: #CC0000;
  background-color: #990099;
  font-weight: bold;
  text-decoration: none;
}
.grma                      /* Green on Magenta  */
{
  color: lime;
  background-color:#990099;
  font-weight: bold;
  text-decoration: none;
}
.brma                      /* Brown (yellow) on Magenta  */
{
  color: yellow;
  background-color: #990099;
  font-weight: bold;
  text-decoration: none;
}
.blma                      /* Blue on Magenta   */
{
  color: blue;
  background-color: #990099;
  font-weight: bold;
  text-decoration: none;
}
.cyma                      /* Cyan on Magenta   */
{
  color: aqua;
  background-color: #990099;
  font-weight: bold;
  text-decoration: none;
}
.gyma                      /* Grey on Magenta   */
{
  color: gray;
  background-color: #990099;
  font-weight: bold;
  text-decoration: none;
}


.bkcy                      /* Black on Cyan     */
{
  color: black;
  background-color: #009999;
  font-weight: bold;
  text-decoration: none;
}
.recy                      /* Red on Cyan       */
{
  color: #CC0000;
  background-color: #009999;
  font-weight: bold;
  text-decoration: none;
}
.grcy                      /* Green on Cyan     */
{
  color: lime;
  background-color: #009999;
  font-weight: bold;
  text-decoration: none;
}
.brcy                      /* Brown (yellow) on Cyan     */
{
  color: yellow;
  background-color: #009999;
  font-weight: bold;
  text-decoration: none;
}
.blcy                      /* Blue on Cyan      */
{
  color: blue;
  background-color: #009999;
  font-weight: bold;
  text-decoration: none;
}
.macy                      /* Cyan on Cyan      */
{
  color: #990099;
  background-color: #009999;
  font-weight: bold;
  text-decoration: none;
}
.gycy                      /* Grey on Cyan      */
{
  color: gray;
  background-color: #009999;
  font-weight: bold;
  text-decoration: none;
}


.bkgy                      /* Black on Grey     */
{
  color: black;
  background-color: gray;
  font-weight: bold;
  text-decoration: none;
}
.regy                      /* Red on Grey       */
{
  color: #CC0000;
  background-color: gray;
  font-weight: bold;
  text-decoration: none;
}
.grgy                      /* Green on Grey     */
{
  color: lime;
  background-color: gray;
  font-weight: bold;
  text-decoration: none;
}
.brgy                      /* Brown (yellow) on Grey     */
{
  color: yellow;
  background-color: gray;
  font-weight: bold;
  text-decoration: none;
}
.blgy                      /* Blue on Grey      */
{
  color: blue;
  background-color: gray;
  font-weight: bold;
  text-decoration: none;
}
.magy                      /* Magenta on Grey   */
{
  color: #990099;
  background-color: gray;
  font-weight: bold;
  text-decoration: none;
}
.cygy                      /* Cyan on Grey      */
{
  color: aqua;
  background-color: gray;
  font-weight: bold;
  text-decoration: none;
}



