@font-face {
   font-family: "Century Gothic";
   src: url('images/CenturyGothic.woff') format('woff');
}
@font-face {
   font-family: "Century Gothic";
   font-weight: bold;
   src: url('images/CenturyGothicBold.woff') format('woff');
}

@font-face {
   font-family: keystroke;
   src: url('keystrok.woff');
}
body {
  color: #000000;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  margin: 0;
  padding:0;
}
nav {
   display: block;
}
menu {
  display: none;
}
h1 {
   font-size: 30px;
   text-decoration: underline;
   text-decoration-color: #eecc22;
   text-decoration-thickness: 4px;
   text-align: center;
}
h2 {
   font-size: 22px;
   text-align: center;
}
h3 {
   font-size: 18px;
   text-align: center;
}
.DarkGreen {
   color:         #2a5b29;
}

@media only screen and (max-width: 730px) {
   h1 {
      clear: none;
      margin: 0 auto 0 auto;
   }
   h2 {
      clear: none;
      margin: 0 auto 0 auto;
   }
   h3 {
      clear: none;
      margin: 0 auto 0 auto;
   }
}
@media only screen and (min-width: 731px) {
    body {
      /*background: rgb(35,99,15);
      background: linear-gradient(90deg, rgba(35,99,15,0.2) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 88%, rgba(35,99,15,0.2) 100%); */
    }
    h1 {
      margin-top: 1.5em;
      margin-bottom: 0.25em;
   }
   h2 {
      margin-top: 1em;
      margin-bottom: 0.25em;
   }
   h3 {
      margin-top: 0.75em;
      margin-bottom: 0.25em;
   }
   th h1, td h1 {
      margin: 1.5em auto;
   }
   th h2, td h2 {
      margin: 1em auto;
   }
   th h3, td h3 {
      margin: 0.75em auto;
   }
}

h4 {
   font-family: "Century Gothic", Arial, Helvetica, sans-serif;
   margin-bottom:0;
}
p li ol ul span dl dt dd tt {
   text-align: left;
   font-size: 12pt;
}
tt, code, samp, var, kbd {
   padding: 2px;
}
img {
  max-width:   100%;
  border-style: none;
}
pre {
   margin-left: -2pt;
   margin-right: -2pt;
   border: 2pt solid #f0f0f0;
   color: #106010;
   font-size: 8px;
   line-height: 1.3;
}

pre, tt, code, samp, var, kbd {
   background: #efefef;
   font-size: inherit;
   width: fit-content;
}
hr {
   border: 1px solid  #d0d0d0;
   margin: 1em auto;
}
ul, ol, li {
   /*padding-top: 0;*/
   margin-top: 0.25em;
   margin-bottom: 0.25em;
   margin-right: 1em;
   vertical-align: top;
}

li.print_all {
   font-size:  small;
   margin:     1em 0em;
}
table {
   border-collapse:  collapse;
   border:           1px solid #c7c7c7; /*0 none;*/
   padding:          0;
}
th {
   border:           1px solid #c7c7c7; /*0 none;*/
   color:            #666;
   font-weight:      normal;
   font-size:        9pt;
   font-family:      Arial, Helvetica, sans-serif;
   padding:          0.75em;
   background:       #ddffbb;
}
td {
   padding:    0.75em;
}
table.vcenter, table.vcenter tr, table.vcenter td {
   text-align: center;
   vertical-align: middle;
}

table.nopad, table.nopad tr, table.nopad td {
   padding: 0;
}

.noborder, table.noborder, table.noborder tr, table.noborder td {
   border: 0 none;
}
#ctHomeLink {
   clear: left;
   display: inline-block;
}
#contentDiv center table.noborder,
#contentDiv center table.noborder tr,
#contentDiv table.noborder td {
   border: 0 none;
}
div#contentDiv center table.noborder,
div#contentDiv center table.noborder tr,
div#contentDiv table.noborder td {
   border: 0 none;
}
div.contentDiv center table.noborder,
div.contentDiv center table.noborder tr,
div.contentDiv table.noborder td {
   border: 0 none;
}
.center {
   text-align: center;
}
.bordered {
   border:     1pt solid #a7a7a7;
}
.bordered td {
   border:     1pt solid #a7a7a7;
   padding:    0.75em;
}
.bordered td em {
   font-style: normal;
}
.scaled {
  max-width:   99%;
  height:      auto;
}
.default {
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: medium;
  font-style: normal;
  font-weight: normal;
}
.default b, .default dt {
   color: gray;
}

a:link    {color: #aa7700; text-decoration:none; }
a:visited {color: #aa7700; text-decoration:none; }
a:hover   {color: #3366aa; font-size:100%; text-decoration:underline;}
/*a:active  {color: #ff0000; }*/

.yellow td {
   border: 0 none;
   padding: 0;
}
ul.yellow {list-style-image: url(images/dot.gif);}
ul.blue   {list-style-image: url(images/dot2.gif);}
ul.green  {list-style-image: url(images/dot3.gif);}
ul.indent {
  list-style-image: url(images/white_spacer.gif);
  list-style-position: inside;
}
li.yellow {list-style-image: url(images/dot.gif);}
li.blue {list-style-image: url(images/dot2.gif);}
li.green {list-style-image: url(images/dot3.gif);}
li.indent {}

ol.nomargin {
  list-style-position:  inside;
  margin:               0;
  padding:              0;
  padding-left:         0;
}

ol.med {
  list-style-type:   decimal;
  font-family:       "Century Gothic", Arial, Helvetica, sans-serif;
  font-size:         x-large;
  font-weight:       normal;
  text-transform:    none;
  color:             #2A5B29;
}

nav#toc {
   position: relative;
   height: inherit;
   text-align: left;
   width: 6in;
   max-width: 8in;
}
nav#toc div#tocholder {
   display: block;
   margin:0.25em auto 0.25em auto;
   padding: 0 0 1em 2em;
}
nav#toc div#tocholder::before {
   content: '<h4>Contents</h4>';
}
nav#toc div {
   margin: 0;
   padding: 0;
}
nav#toc div a {
   font-size: 12px;
   line-height: 1.1;
   margin: 0;
   padding: 0;
}
nav#toc div a:hover {
   text-decoration: none;
   color: #aa7700; 
   background-color: rgba(250,240,100,0.5);
}
div#contentDiv a.eyedee {
   display: inline;
   line-height: 0;
}
nav#toc div.h1 {
   margin-left: 0em;
   margin-top: 6px;
}
nav#toc div.h1 a {
   font-size: 15px;
}
nav#toc div.h2 {
   margin-left: 1em;
   margin-top: 3px;
}
nav#toc div.h2 a {
   font-size: 14px;
   line-height: 1.0;
}
nav#toc div.h3 {
   margin-left: 2em;
}
nav#toc div.h3 a {
   font-size: 12px;
   line-height: 1.0;
}
nav#toc div.h4 {
   margin-left: 3em;
}
nav#toc div.h4 a {
   font-size: 11px;
}
nav#toc div.h5 {
   margin-left: 4em;
}
nav#toc div.h5 a {
   font-size: 8px;
}
nav#toc div.h6 {
   margin-left: 5em;
}
nav#toc div.h6 a {
   font-size: 7px;
}

table.system1 th, table.system1 td {
  font-size: 100%;
}

.hideFromScreen { display: none;   }
.hideFromPrint  {  } /* display: initial; */

/* other table related items */

table.system2 {
  border-collapse: collapse;
  border:      0 none; /*solid 2px #006666;*/
}

table.system2 th {
   font-family: "Century Gothic", Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size:  small;
   color:      #666;
}
table.system2 td {
  border:         1pt solid #c7c7c7;
  padding:        0.75em;
  vertical-align: middle;
}
.system2 td:first-child, .system2 td:first-of-type {
   font-family:   "Century Gothic", Arial, Helvetica, sans-serif;
   font-weight:   normal;
   min-width:     14em;
   width:         14em;
   max-width:     18em;
}
table.system2 td.prod_desc {
   vertical-align: top;
}
table.system2 img.systemrow {
   clear:         left;
   float:         right;
   text-align:    center;
   width:         50%;
   max-width:     4in;
}
table.system2 td.buffer {
   border:        0 none;
   height:        2em;
}
table.system2 th:nth-child(3) {
   min-width:     3em;
}
table.system2 td:nth-child(3) {
   padding:        0.45em;
   font-family:   "Century Gothic", Arial, Helvetica, sans-serif;
   font-size:     small;
   text-align:    center;
   min-width:     5em;
   cursor: default;
}
table.system2 td:nth-child(3) > span {
   margin: 0 0.125em;
}

label {
  padding: 1px;
  border-top: 1px solid #d7d7d7;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 70%;
  display: block;
  text-align: right;
  color: #979797
}
pre + label {
  margin: -1.6em 0 0 0;
}


@media all {
   #headerDiv {
      clear:         both;
      height:        77px;
      max-height:    77px;
      font-family:   "Century Gothic", Arial, Helvetica, sans-serif, sans;
      white-space:   nowrap;
   }
   #headerDiv table {
      border:        0 none;
      margin:        0 auto 0 auto;
   }
   #headerDiv tr, #headerDiv td {
      border:        0 none;
      margin:        0;
      border-collapse: collapse;
      padding:       0;
   }
   #contactBlock{
      display:       inline-block;
      text-align:    right;
   }
}

@media only print {
   #headerDiv table {
      width:         8in;
      max-width:     8in;
   }
   td#headerTdLast {
      text-align:    right;
   }
}
/* Header related items */
@media only screen and (min-device-width:800px) {
   #headerDiv {
    background-color: #FFFFFF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='217' height='217' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%2399F27B' stroke-width='3.2'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23FAE68E'%3E%3Ccircle cx='769' cy='229' r='13'/%3E%3Ccircle cx='539' cy='269' r='13'/%3E%3Ccircle cx='603' cy='493' r='13'/%3E%3Ccircle cx='731' cy='737' r='13'/%3E%3Ccircle cx='520' cy='660' r='13'/%3E%3Ccircle cx='309' cy='538' r='13'/%3E%3Ccircle cx='295' cy='764' r='13'/%3E%3Ccircle cx='40' cy='599' r='13'/%3E%3Ccircle cx='102' cy='382' r='13'/%3E%3Ccircle cx='127' cy='80' r='13'/%3E%3Ccircle cx='370' cy='105' r='13'/%3E%3Ccircle cx='578' cy='42' r='13'/%3E%3Ccircle cx='237' cy='261' r='13'/%3E%3Ccircle cx='390' cy='382' r='13'/%3E%3C/g%3E%3C/svg%3E");
      border:        0 none;
      clear:          both;
      margin:         0 auto 0 auto;
      overflow:       hidden;
      padding:        0;
      text-align:     center;
      vertical-align: middle;
      width:          100%;
      /*max-width:      8in;*/
   }
   #headerTable {
      border:     0 none;
      clear:      none;
      margin:     0 auto;
      width:      8in;
      max-width:  8in;
   }
   #headerTable tr {
      background-color: rgba(255, 255, 255, 0.48);
   }
   #yeehawTd {
      min-width:  250px;
      width:      250px;
   }
   #searchglass {
      color:         gray;
      cursor:        pointer;
      font-size:     20px;
      margin:        0;
      padding:       0;
      vertical-align: bottom;
   }
   #yeehaw {
      clear:         right;
      display:       inline-block;
      height:        auto;
      margin:        0 auto;
      min-width:     250px;
      overflow:      hidden;
      padding:       0;
      text-align:    center;
      vertical-align: top;
      width:         inherit;
      max-width:     4in;
   }
   #yeehaw form {
      border:        0 none;
      height:        auto;
      margin:        4px auto 0 auto;
      padding:       0;
      text-align:    center;
      vertical-align: top;
      width:         inherit;
      max-width:     4in;
   }
   #yeehaw input[type=text] {
      border:        1px solid #e0e0e0;
      font-size:     14px;
      height:        22px;
      margin:        0;
      min-width:     20ch;
      padding:       0;
      vertical-align: top;
   }
   #yeehaw input[type=text]:hover {
      background:    #ddffcc;
   }
   #yeehaw input[type=button], #yeehaw input[type=submit] {
      font-size:     12px;
      height:        24px;
      line-height:   1;
      margin:        0;
      padding:       0 4px 0 4px;
      vertical-align: middle;
   }
   #sloganTextTd {
      text-align:    right;
      height:        50px;
      max-height:    50px;
      min-height:    50px;
   }
   #headerTdLast {
      vertical-align: top;
      text-align:    right;
      min-width:     250px;
   }
   #contactBlock {
      border:        0 none;
      display:       inline;
      float:         right;
      font-size:     12px;
      margin:        0 0 auto 0;
      padding:       0 0 10px 0;
      text-align:    right;
      min-width:     150px;
   }
   #contactBlock a {
      text-align:    right;
      padding:       0;
      margin:        0;
   }
   #logoImage {
     z-index:        2;
     float:          left;
   }
} /* (desktop) */

.shown {
   display:       inherit;
}
.hidden {
   display:       none;
}

.ilb {
   display:       inline-block;
}
.block {
   display:       block;
}
.il {
   display:       inline;
}
#logoImage {
   border: 0 none;
   margin: 0;
   padding: 0;
}

@media all {
   #sloganText {
      border-bottom:    1px solid #EECC22;
      color:            #2a5b29;
      font-family:      "Century Gothic", Arial, Helvetica, sans-serif; /* "Century Gothic", */
      text-align:       left;
      vertical-align:   top;
      white-space:      nowrap;
   }
}
@media only screen {
   #sloganText {
      font-size:        12px;
      line-height:      13px;
      margin:           -5px 0 0 -250px;
      padding:          0 0 0 162px;
   }
}
@media only print {
   #sloganText {
      font-size:        10pt;
      line-height:      6pt;
      margin:           0 0 0 -26pt;
      padding:          0 0 0 17pt;
   }
}

/* Content div */
.contentDiv, #contentDiv {
  clear:          both;
  color: #555;
  display:        block;
  font-family:   "Century Gothic", "DejaVu Serif", "Gentium", "Georgia",  "Liberation Serif",Tahoma, serif;
  font-size:      14px;
  line-height:    1.5;
  margin:        0em auto 1.5em auto;
  max-width:     8.5in;
  padding-left:   10px;
  overflow:       visible;
  vertical-align: top;
}

.contentDiv dd, #contentDiv dd {
   margin-top:    0.15em;
   margin-bottom: 1em;
}
div#contentDiv ul.yellow table,
div#contentDiv ul.yellow table tr,
div#contentDiv ul.yellow table td {
   border: 0 none !important;
}

div#contentDiv table,
div#contentDiv table tr,
div#contentDiv table td {
  border-color: #c7c7c7;
}
div#contentDiv form[target="paypal"] table,
.contentDiv form[target="paypal"] table {
   border: 0 none !important;
}

div#contentDiv ol.tblfoot li,
div#contentDiv ul.tblfoot li {
   font-size: 12px;
   color: #7A7A7A;
}
dl.dt1in dt {
   width: 1in;
   min-width: 1in;
}
dl.dt2in dt {
   width: 2in;
   min-width: 2in;
}
dl#phone dt {
  width: 5em;
}
dl#email dt {
  width: 9em;
}

.contentDiv dl, #contentDiv dl {
   margin-top:    0.15em;
   width: inherit;
}
.contentDiv dt {
   font-weight: bold;
   width: inherit;
}
.contentDiv p,
.contentDiv li,
.contentDiv td,
.contentDiv dd,
#contentDiv p,
#contentDiv li,
#contentDiv td,
#contentDiv dd {
   color:         #655555;
   font-family:   "Century Gothic", "DejaVu Serif", "Gentium", "Georgia",  "Liberation Serif",Tahoma, serif;
   font-size:     15px;
}
.contentDiv li,
#contentDiv li {
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}
tr.boldrow td {
   font-weight: bold;
}
tr.prodnamerow td span {
   font-weight: bold;
   color: #aa7700 !important;
   font-family: "Century Gothic", Arial, Helvetica, sans-serif, sans !important;
}

#contentDiv table.prodnamecol1 td:first-of-type * {
   border-color: #555;
   font-weight: bold !important;
   color: #aa7700 !important;
}

#contentDiv table.boldcol1 td:first-of-type {
   border-color: inherit !important;
   font-weight: bold !important;
   color: #7a7a7a !important;
}

/* @media screen and (max-width: 800px) {
   .contentDiv li,
   #contentDiv li {
      list-style-position: unset;
      display: inline-block;
   }
   .contentDiv li img {
      margin: 1em;
      padding: 1em;
   }
}
*/

.contentDiv p,
.contentDiv li,
.contentDiv dd,
#contentDiv p,
#contentDiv li,
#contentDiv dd {
   line-height:   150%;
}
.contentDiv dd pre {
   width: fit-content;
}
.undottedlist {
   list-style-type:none;
   margin-bottom: 1em;
}
.undottedlist li {
   line-height:90% !important;
   margin: 0;
   padding:0;
   font-family:"Courier 12",courier,monospace,mono,serif !important;
}

tt.key {
   border-radius: 4px;
   border: 1px solid gray;
   font-family: "Lucida Console", courier, mono;
   font-style: normal;
   font-weight: normal;
   font-size: inherit;
   background: white;
   box-shadow: 2px 2px #aaa;
}
div.smallnotes, p.smallnotes {
   font-size:      12px !important;
   color:          #a0a0a0 !important;
}
div:hover.smallnotes, p:hover.smallnotes {
   color:          #555 !important;
}
ol.smallnotes, ul.smallnotes {
  margin-left: 1em;
}
ol.smallnotes li, ul.smallnotes li, ol.smallnotes li p, ul.smallnotes li p {
  font-family:    "Century Gothic", Arial, Helvetica, sans-serif !important;
  font-size:      12px !important;
  padding:        2px;
  margin:         0 !important;
  line-height:    1.1 !important;
  color:          #a0a0a0 !important;
}

div ul:hover.smallnotes *, ul:hover.smallnotes *, ol:hover.smallnotes * {
   color: #555 !important;
}
.smallnotes li tt {
  color: #555;
  padding: 2px;
  font-size: 10px !important;
}
.contentDiv .al, #contentDiv .al { text-align: left;}
.contentDiv .ar, #contentDiv .ar { text-align: right;}
.contentDiv .ac, #contentDiv .ac { text-align: center;}
.contentDiv dt,
#contentDiv dt {
   font-size: 14px;
   font-weight: bold;
   margin-top: 0.5em;
}
.contentDiv td:first-child,
.contentDiv td:first-of-type,
#contentDiv td:first-child,
#contentDiv td:first-of-type  {
   font-family: "Century Gothic", Arial, Helvetica, sans-serif;
   font-weight: normal;
}
.contentDiv h1,
.contentDiv h2,
.contentDiv h3,
#contentDiv h1,
#contentDiv h2,
#contentDiv h3 {
   color:      #2A5B29;
   padding:    0;
}
.contentDiv h1,
.contentDiv h2,
#contentDiv h1,
#contentDiv h2 {
  text-align: center;
}
.contentDiv h3,
#contentDiv h3 {
  text-align: left;
}
.contentDiv>h1,
#contentDiv>h1 {
   margin-top: 3em;
}
.contentDiv h1,
#contentDiv h1 {
   font-size: 26px;
   font-weight: bold;
}
.contentDiv h2,
#contentDiv h2 {
   font-size: 22px;
   font-weight: bold;
}
.contentDiv h3,
#contentDiv h3 {
   font-size: 18px;
   font-weight: bold;
}
.contentDiv h4,
#contentDiv h4 {
   font-size: 16px;
   font-weight: bold;
}

.contentDiv ol li p.syntax,
#contentDiv ol li p.syntax {
   color: blue;
}

.redtext {
   color: #F00 !important;
}
.notetext {
   color: #181 !important;
}
.warningtext {
   color: #A22 !important;
}
.warning {
   color: orange;
   font-weight: bold;
   font-size: 200%;
}
.warning::before {
   display: inline-block;
   text-align: center;
   margin: 4px;
   content:"⚠"
}
tt.btcmd, tt.cmd, tt.lfconfig, tt.btcmd {
   color: #215c5c;
   overflow: scroll;
}
tt.powershell {
   color: #eee;
}
tt.lfconfig {
   border: 1px solid #eee;
   padding: 2px;
   overflow: scroll;
   font-size: 16px;
   font-family: Courier,"Courier 12",mono,monospace;
   font-weight: bold;
   white-space: nowrap;
}
tt.lfconfig::before {
   color: #555;
   font-weight: normal;
   content:"Your command: ";
}
tt.rcmd {
   color: #833;
}

tt.rcmd, tt.cmd, tt.btcmd, tt.lfconfig {
   border: 1px solid #eee;
   padding: 2px;
   overflow: scroll;
   font-size: 16px;
   font-family: Courier,"Courier 12",mono,monospace;
   font-weight: bold;
   white-space: nowrap;
   width: inherit;
   max-width: inherit;
   display: inline-block;
}
tt.powershell {
   border: 1px solid #666;
   background-color: #55c;
   padding: 2px;
   overflow: scroll;
   font-size: 16px;
   font-weight: bold;
   white-space: nowrap;
   font-family: Consolas, Arial, Helvetica, sans;
   display: inline-block;
   width: inherit;
}

tt.btcmd::before {
   color: #555;
   font-weight: normal;
   content:"[bluetooth]# ";
}
tt.cmd::before {
   color: #555;
   font-weight: normal;
   content:"$ ";
}
tt.rcmd::before {
   color: #966;
   font-weight: normal;
   content:"# ";
}
tt.powershell::before {
   color: #eee;
   font-family: Consolas, Arial, Helvetica, sans;
   font-weight: normal;
   content:"PS> ";
}
tt.cmd::after, tt.rcmd::after, tt.btcmd::after, tt.powershell::after, tt.lfconfig::after {
   background:    white;
   border:        1px solid #ccc;
   border-radius: 3px;
   color:         #9bb;
   content:       "↵";
   font-size:     14px;
   font-weight:   normal;
   line-height:   0.8;
   margin-left:   0.5em;
   padding:       0.125em;
}

.tip {
   border:          3px solid #c0c0ff;
   border-radius:   8px;
   margin:          4px 0;
   overflow:        hidden;
   padding:         4px 0 2px 28px;
   background:      white;
   font-size:       16px;
   font-family:     'Century Gothic', Arial, arial, sans, sans-serif;
   width: 80%;
   vertical-align:  bottom;
}
.tip h1, .tip h2, .tip h3, .tip h4 {
    font-weight: bold;
    font-family: 'Century Gothic', Arial, sans, sans-serif;
    color: #a0a0ff !important;
    margin: -24px -2px -1px -2px;
    padding: 0;
}

/* does not work in IE unless X-UA-Compatible = IE-9 */
p.tip::before,
div.tip::before {
   background:    #c0c0ff;
   /* ignore IE8, IE9 shims       */
   /* behavior:      url(PIE.htc);*/
   /* content:       "\01d55a"; */
   border:        2px solid white;
   border-radius: 50%;
   color:         white;
   content:       "i";
   display:       inline-block;
   font-family:   'Courier New',Courier,'Times New Roman',Times,serif;
   font-size:     22px;
   font-weight:   bold;
   height:        22px;
   line-height:   1;
   margin:        -12px 0px -10px -34px;
   padding:       4px 1px 0px 2px;
   text-align:    center;
   vertical-align: text-top;
   width:         22px;
}

.tip tt {
   background:    inherit;
   color:         gray;
   font-weight:   bold;
   font-size:     16px;
   font-family:   "Courier New",Courier,"Courier 12","Lucida Typewriter","DejaVu Sans Mono",monospace;
   margin:        0;
   padding:       0;
}

h1 tt,
h2 tt,
h3 tt {
   border:     none;
   font-family:Courier,"Courier 12",monospace;
   font-size:  inherit;
   background: inherit;
   color:      inherit;
}

.key {
   color: black;
   font-size: 14pt;
   font-style: oblique;
   font-family: keystroke;
}
key {
   background: white;
   border-radius: 4px;
   border: 1pt solid #aaa;
   box-shadow: 1pt 1pt #ababab;
   color: black;
   font-family: sans-serif;
   font-size: 11pt;
   margin: 2px 5px 2px 5px;
   padding: 1px 4px;
}
.hilite {
   background: yellow;
}

.notetext-box {
   border: 4px solid #c0f0fd;
   border-radius: 8px;
   padding: 0.25em 2px;
   margin-bottom: 0.25em;
   font-family: "Century Gothic";
   line-height: 1.1;
}
.notetext-box b {
   font-family: inherit;
}
.warning-box {
   border: 4px solid orange;
   border-radius: 4px;
   padding: 0.5em;
}
dl.notetext dt {
   color: #2A2 !important;
}
dl.notetext dd {
   background: #DFD;
   border: 2px solid #EFE;
}
ol.autoflow li pre {
   overflow: auto;
}

/* ---- collapsable text boxes ----*/
.collapse div {
   border: 4px solid #eeffcc;
   border-bottom: 1px dashed gray;
}
.collapse>input[type="checkbox"] {
   position: absolute;
}

.collapse .details {
   overflow-y: hidden;
   height: 2.1em;
   transition: height 0.3s ease;
   background-color: #eeffcc;
   display: none;
}

.collapse>input[type="checkbox"]:checked~.details,
section.collapse h2:target div.details,
section.collapse h3:target div.details {
   height: auto;
   overflow: visible;
   background-color: inherit;
   border-bottom: 4px solid #eeffcc;
   display: block;
}

.collapse label {
   display: block;
   cursor: wait;
}

/* ------------- menu ------------------------ */

#toprow {
   clear:            both;
   display:          block;
   width:            auto;
   margin:           0 auto 0 auto;
   text-align:       center;
   /*vertical-align:   top;*/
}

@media only screen and (min-device-width: 800px) {
   #toprow {
      min-width:        3.25in;
      width:            auto;
      max-width:        9in;
   }
}

#coldivs {
   border:           none;
   display:          block;
   margin:           0 auto 0 auto;

   white-space:      normal !important;
}
@media only screen and (min-width: 801px) {
   #coldivs {
      padding:          0.5em;
      max-width:        850px;
   }
}
@media only screen and (max-width: 800px) {
   #coldivs {
      padding: 0;
      width: 100%;
   }
}
/* min-width:        420px; */
:root #coldivs {
   width: inherit;
}
#toprow .menutext, #coldivs p {
   font-size:        14px;
   line-height:      140%;
   margin:           1em 0 0 0;
   padding:          0 2px 0 2px;
   text-indent:      0;
   text-align:       left;
   white-space:      normal;
   max-width:        400px;
}

#toprow h1 {
   font-size:        20px;
   /*margin:           1em 0 0 0;*/ /* top margin only */
   padding:          0;
   width:            400px;
   max-width:        4.25in;
}
#toprow h2 {
   font-size:        18px;
   margin:           0.25em;
   padding:          0;
   width:            400px;
   max-width:        4.25in;
}
#toprow h3 {
   color:            #2A5B29;
   font-size:        16px;
   margin:           0.25em 0 1em 0;
   padding:          0;
}
@media only screen and (max-width: 800px) {
   #toprow h1, #toprow h3 {
      margin: 0;
      width:            400px;
      max-width:        4.25in;
   }
}
@media only screen and (min-width: 801px) {
   #toprow h1, #toprow h3 {
      margin: 1em 0 0 0;
      width:            400px;
      max-width:        4.25in;
   }
}
#menuDiv {
   text-align:       left;
   float:            left;
   clear:            both;
   padding-bottom:   14px;
}

span#col1Div {
   clear: left;
   margin-left: auto;
}
span#col2Div {
   clear: right;
   margin-left: auto;
}
span#col1Div, span#col2Div {
   display: inline;
   min-width: 410px;
   width: 410px;
   max-width: 430px;
}
#col1Div, #col2Div {
   border:           none;
   display:          inline-block;
   white-space:      normal !important;
}

@media only screen and (min-width: 801px) {
   #col1Div a, #col2Div a, #col1Div img, #col2Div img, #col1Div p, #col2Div p {
      clear:            none;
      min-width:        400px !important;
      width:            400px !important;
      max-width:        400px !important;
   }
}
@media only screen and (max-width: 800px) {
   span#col1Div, span#col2Div {
      width: 99%;
   }
   #col1Div a, #col2Div a, #col1Div img, #col2Div img, #col1Div p, #col2Div p {
      clear:            both;
      width:            99% !important;
      max-width:        400px;
   }
}

#col1Div p, #col2Div p {
   vertical-align:   top;
   white-space:      normal !important;
   text-align: justify;
   text-justify: inter-word;
}

@media only screen and (max-width: 800px) {
   #col1Div p, #col2Div p {
      margin:     0 auto 0 auto;
   }
}

@media only screen and (min-width: 801px) {
   #col1Div p, #col2Div p {
      padding-right:     0.5em;
   }
}

:root #lastpar {
   /*.width: 8.25in;*/
}
#lastpar {
   clear: both;
   font-size: 14px;
}
#lastpar p {
   line-height: 1.4;
   text-align: justify;
   text-justify: inter-word;
}
@media screen and (max-width: 800px) {
   #lastpar p {
      padding: 0;
      margin: -0.5em auto 0 auto;
      max-width: 400px;
      width: 400px;
   }
}
@media only screen and (min-width: 801px) {
   div#lastpar {
      padding: 0.5em 0.5em;
   }
   #lastpar p {
      min-width: 3.25in;
      max-width: 8.25in;
      margin: 0.5em;
   }
}
#lastpar ul {
  list-style: none;
  text-align: center;
}
#lastpar ul li {
   line-height: 1;
   vertical-align: middle;
   text-align: center;
   display: inline-block;
}
#lastpar ul li a {
   vertical-align: middle;
   margin: auto auto;
}
p#qors, #qors p {
  text-align: center;
  color: #555;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 16px;
}
#below_fold {
   margin:           0 auto 0 auto;
   text-align:       center;
   width:            auto;
   /*.width:          50%;*/
   min-width:        3.5in;
   max-width:        8.5in;
   vertical-align:   top;
}
iframe.centerframe {
   margin: 0 auto;
   padding: 0;
   display: block;
   text-align: center;
   clear: both;
}
iframe#featuredvideo {
   margin: 0 auto 0 auto;
   padding: 0;
   display: block;
   text-align: center;
   clear: both;
}
@media only screen and (max-width: 800px) {
   iframe#featuredvideo {
      width: 340px;
      height: 192px;
   }
}
@media screen and (min-width: 801px) {
   iframe#featuredvideo {
      width: 800px;
      height: 450px;
   }
}
#below_fold, #lower_left, #lower_right, #top_row {
   vertical-align: top;
}
#below_fold ul li {
   padding-top:      0;
   padding-bottom:   0.5em;
   text-align:       left;
   min-width:        3.5in;
   max-width:        8in;
   vertical-align:   top;
}
#lower_left, #lower_right{
   display:          inline-block;
   clear:            none;
   width:            4in;
   max-width:        4.25in;
   min-width:        3.5in !important;
   vertical-align:   top;
}


@media only screen and (min-width: 801px) {
   #col1Div, #lower_left {
      clear:         left;
      float:         left;
      left:          0;
      margin:        0;
      padding-right: 0;
      width:         4in;
      min-width:     3.5in !important;
      white-space:   normal;
   }
}
@media only screen and (max-width: 800px) {
   #col1Div h1, #col2Div h1, #col1Div h3, #col2Div h3 {
      text-align: center;
      clear: none;
      float: none;
      width: inherit;
      padding: 0;
   }
   #col1Div h1, #col2Div h1 {
      margin: 0.75em auto 0 auto;
   }
   #col1Div h3, #col2Div h3 {
      margin: 0 auto 0 auto;
   }
   #col1Div, #lower_left {
      clear:         none;
      float:         none;
      margin:        auto;
      padding-right: 0;
   }
}
@media only screen and (min-width: 801px) {
   #col2Div, #lower_right {
      clear:         right;
      float:         left;
      right:         10px;
      width:         4in;
      min-width:     400px !important;
   }
}
@media only screen and (max-width: 800px) {
   #col2Div, #lower_right {
      clear:         none;
      float:         none;
      margin:        auto;
      padding-right: inherit;
   }
}


:root #col2Div  {
   /*.vertical-align:none;*/
   /*.float:none;*/
}

#col1Div img, #col2Div img {
   display:       inline-block;
   float:         none;
   text-align:    left;
   padding:       0;
   margin:        0;
}

#footerDiv {
  display:        table;
  width:          100%;
  clear:          both;
}

.sectionFooter {
   page-break-after:always;
}

table.gsc-branding {
   display: none;
}

.pdf_link, a.pdf_link {
   margin: 0 auto;
}
.small_pdf, img.small_pdf {
   display: inline;
   height: 1.5em;
   margin: 0;
   padding: 0;
}
a img.small_pdf {
   display: inline;
   float:right;
   margin-left: auto;
   margin-right: 0;
   margin-bottom: -1em;
   padding: 5px;
   vertical-align: top;
}
a img.small_pdf:hover {
   background-color: #aaffaa;
}
.prod_row {
   cursor: pointer;
}
.prod_row:hover {
   background:    #ddffcc;
}
.prod_name_b, a.prod_name_b, .prod_name a .prod_name_b {
   color:         #aa7700;
   font-weight:   bold;
   font-size:     20px;
   margin-right:  2em;
}
.prod_name, .prod_name>a, .prod_name>a:hover {
   text-decoration:  none;
}
.prod_name>a:link, .prod_name>a:visited {
   color:            #555;
}

.prod_desc {
   cursor:           pointer;
   font-size:        120%;
   line-height:      1.3;
   text-align:       left;
}
table.system2 tbody.prod_hilite:hover tr.prod_row td {
   background:    #ddffcc;
}
table.system2 tbody.prod_hilite:hover tr td.prod_desc {
   background: linear-gradient(30deg, rgba(55,199,15,0.2) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,1)  100%);
}
table.system2 tbody.prod_hilite tr td.prod_desc span.prod_custom {
   display:none;
}
table.system2 tbody.prod_hilite:hover tr td.prod_desc span.prod_custom {
   color: #ddaa22;
   display: inline-block;
   font-size: 26px;
   font-weight: bold;
   margin: 80px 0 0 50px;
   text-shadow: 0px 0px 12px rgba(255, 255, 255, 1);
}
#contentDiv table.system2:hover tbody.legacy:hover tr:hover,
#contentDiv table.system2:hover tbody.legacy:hover tr:hover td {
   background:    #eee;
}

#contentDiv table.system2 tbody.legacy tr.prod_row td.prod_name a,
#contentDiv table.system2 tbody.legacy td.prod_desc {
   color:         #888;
   font-size:     12px;
   font-weight:   normal;
}

div#contentDiv table.system2 tbody.legacy td.prod_price {
   color: rgba(255, 255, 255, 0) !important;
}
div#contentDiv table.system2 tbody.legacy tr.prod_row td.prod_name div.prod_name_b {
   color:         #444;
   font-size:     14px;
   font-weight:   normal;
}
/*
tr.prod_row + tr:hover {

}
tr.prod_row:hover + tr {
   background: linear-gradient(30deg, rgba(55,199,15,0.2) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,1)  100%);
}
td.prod_desc:hover {
   border: 1px solid #aa7700;
   background: linear-gradient(30deg, rgba(55,199,15,0.2) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,1)  100%);
}*/

.fire_sub_link, .fire_sub_link:hover {
   color:            #aa7700;
   font-size:        90%;
   text-decoration:  none;
   white-space:      nowrap;
}
.fire_sub_notes, td.fire_sub_notes {
   font-size:     70% !important;
   font-family:   "Century Gothic", Arial, Helvetica, sans-serif !important;
}
.prod_links {}
.prod_price {
   text-align:       right;
   color:            #00bb00 !important;
}

.htmlop {
   display:          inline-block;
   background:       inherit;
}
@media only screen and (min-width: 801px) {
   .htmlop {
      min-width:        5.5in;
      width:            5.5in;
      max-width:        5.5in;
   }
}
@media only screen and (max-width: 800px) {
   .htmlop {
      width: 99%;
   }
}
div.w800 {
   margin:0 auto;
   text-align: center;
}
div.w800 img {
   margin:0;
   padding:0;
   text-align:center;
   width:800px;
}
.vidframe {
   width: 480px;
   height: 270px;
}
.videoop, a.videoop {
   background: red;
   color: white;
   padding:0 2px 3px 5px;
   border-radius:3px;
   margin: 0;
   vertical-align: text-top;
   line-height: 0.9;
}
.videoopm, a.videoopm {
   background: red;
   color: white;
   padding:0 4px 3px 5px;
   border-radius:3px;
   margin: 0;
   vertical-align: text-top;
   line-height: 0.9;
}
a.pdfop img, a.videoop img, span.shareop img, dt a img.small_pdf {
   height: 1.5em;
   max-height: 1.5em;
   opacity: 0.5;
}
a.pdfop {
   min-height: 1.5em;
   padding: 7px;
}
span.shareop {
   min-height: 1.5em;
   padding: 7px;
}
a.pdfop:hover, span.shareop:hover, .htmlop:hover {
   background: #aaffaa;
}
a.pdfop:hover img, span.shareop:hover img, dt a:hover img.small_pdf {
   opacity: 1;
}
.videoop:hover {
   background: #aaffaa;
   color: white;
   text-decoration: none;
   opacity: 1;
}
@media screen and (max-width: 800px) {
   li.toc {
      display: block;
   }
   a.pdfop {
      clear: none;
      display: inline;
      padding: 0;
      margin-left: 0;
      margin-right: 0;
   }
   .shareop {
      clear: none;
      display: inline;
      padding: 1em;
      margin-left: 5em;
      margin-right: 5em;
   }
}
@media screen and (min-width: 801px) {
   .pdfop, .shareop, .videoop {
      margin-left: 2px;
      padding:     2px 1em 2px 0.5em;
   }
}
.whitetxt {
   margin-left:   1em;
   border:        none;
   background:    #fcfcfc;
   font-family:   "Courier 12",courier,monospace,mono,serif;
   line-height:   1.1;
   color:         #0c0c0c;
   font-size:     100%;
}
.smallterm {
   font-size: 75%;
   font-family:   "Courier 12",courier,monospace,mono,serif;
}
.plaintxt, pre.plaintxt ol.plaintext li tt {
   margin:        0 auto;
   border-bottom: 3px solid #cfcfcf;
   border-right:  3px solid #cfcfcf;
   background:    #fcfcfc;
   font-family:   "Courier 12",courier,monospace,mono,serif;
   line-height:   1.4;
   color:         #0c0c0c;
   font-size:     120%;
   padding:       1em;
   width:         80%;
}
.bigexample {
   font-family:"Courier 12",courier,monospace,mono,serif;
   padding:    0.25em;
   word-wrap:  normal;
   line-height:1.4;
   background: #ddd;
   display:    inline-block;
   font-size:  120%;
   border:     2px solid #eee;
}
.codeL {
   overflow: auto;
   font-size: 14px;
   font-family:"Courier 12",courier,monospace,mono,serif;
}
.bumpLeft {
  margin-left: -8em;
  min-width: 8in;
  width: 8in;
  max-width: 8.5in;
}
.code {
   overflow: scroll;
   font-size: 14px;
   font-family:"Courier 12",courier,monospace,mono,serif;
}
dl.code {
   overflow: auto;
}
dl.code dt {
   font-family:"Courier 12",courier,monospace,mono,serif;
}
dl.code dd {
   font-family: inherit;
}
.scroll-h {
   overflow-x: scroll;
   overflow-y: inherit;
}
.scroll-h img {
   max-width: none;
}
.scroll {
   overflow: scroll;
}
.hi1 {
   max-height: 1in !important;
}
.hi2 {
   max-height: 2in !important;
}
.hi3 {
   max-height: 3in !important;
}
.hi4 {
   max-height: 4in !important;
}
.med_prod_name {
   font-family:   "Century Gothic", "Arial Black", "DejaVu Sans",Arial, Helvetica, sans-serif;
   font-size:     large;
   font-style:    italic;
   font-weight:   bold;
   text-transform: none;
   color:         #2A5B29;
}

.big_prod_name {
   font-family:   "Century Gothic", "Arial Black", "DejaVu Sans", Arial, Helvetica, sans-serif;
   font-size:     x-large;
   font-style:    italic;
   font-weight:   bold;
   text-transform: none;
   color:         #2A5B29;
}

.big_heading {
   color:         #2A5B29;
   font-family:   "Century Gothic", "Arial Black", "DejaVu Sans", Arial, Helvetica, sans-serif;
   font-size:     x-large;
   font-weight:   bold;
   text-transform: none;
}
@media only screen and (max-width: 730px) {
   .big_heading {
      text-align: center;
      margin:     0;
      padding:    0;
   }
}
@media only screen and (min-width: 731px) {
   .big_heading {
      margin:     1.25em auto 0.75em auto;
      padding:    5px;
   }
}
h1.big_heading {
   font-size: 160%;
}
h2.big_heading {
   font-size: 135%;
}
h3.big_heading {
   font-size: 115%;
}
ol li a h2.big_heading,
ol li a h3.big_heading,
ol li a h4.big_heading {
   clear:            right;
   display:          inline-block;
   margin-left:      1em;
   vertical-align:   baseline;
}

#footer {
   color:         gray;
   display:       block;
   font-size:     8pt;
   min-height:    2em;
   text-align:    center;
   vertical-align:middle;
}
#footer address {
   color:         #909090;
   font-size:     10px;
   text-align:    center;
}
a[name]:hover {
   color:         inherit;
   font-style:    normal !important;
   text-decoration: none !important;
}
dl.oneline {
    display: table;
    clear: both;
    line-height: 1.15;
    margin: 1em;
    padding: 2px;
}

dl.oneline dt {
  clear:       left;
  display:     inline-block;
  padding:     0;
}

dl.oneline dt {
  border: 1px blue;
  clear: left;
  float: left;
  display: table-cell;
  font-weight: bold;
}
dl.oneline dd {
  border: 1px blue;
  clear: right;
  float: left;
  display: table-cell;
}

dl.oneline dt:first-child {
  clear:       none;
  display:     inline-block;
  padding:     0;
  white-space: normal;
}

.indent {
   margin-left: 1em !important;
}
.hasIcons,
h1.hasIcons,
h2.hasIcons,
h3.hasIcons {
   clear:      none;
   display:    inline-block;
}
.icon_header,
table.icon_header {
   border:           1px solid gray;
   border-collapse:  collapse;
   margin:           3em 0 0.5em 0;
   width:            100%;
}
.icon {
   border:     0 none;
   display:    inline-block;
   font-size:  10px;
   margin:     0;
   padding:    4px;
   width:      40px;
}
img.icon {
   clear:      right;
   display:    inline-block;
   margin:     0;
   padding:    0;
   max-width:  40px;
   width:      40px;
}
a.icon {
   border:     0 none;
   margin:     0;
   padding:    0;
}

img.sample {
   border:     5px solid gray;
   display:    block;
   margin:     5px auto;
   text-align: center;
}

div#contentDiv h4{
  cursor:zoom-in;
}
div#contentDiv div[name="json_tests"] {
  display: none;
}
div#contentDiv h4 + pre {
  display: none;
}
div#contentDiv h4:hover {
  background: #ffffee;
}
div#contentDiv h4:hover + div,
div#contentDiv h4:hover + pre {
  display: block;
}
div#contentDiv div[name="json_tests"] ol {
  padding: 0 0 0 1.1em;
  margin: 1px;
}
div#contentDiv div[name="json_tests"] ol[type="build"] {
  background: #eeeeff;
}
div#contentDiv div[name="json_tests"] ol[type="start"] {
  background: #eeffee;
}
div#contentDiv div[name="json_tests"] ol[type="stop"] {
  background: #ffeeee;
}
div#contentDiv div[name="json_tests"] ol[type="cleanup"] {
  background: #efefef;
}
div#contentDiv div[name="json_tests"] ol li {
  padding: 0;
  margin: 1px 0 0 1em;
  font-size: 75%;
  line-height: 0.9;
  font-family: "Courier New",Courier,"Courier 12","Lucida Typewriter","DejaVu Sans Mono",monospace;
}
div#contentDiv div[name="json_tests"] h5 {
   margin: 3px 0 1px 0;
   text-align: left;
   font-weight: bold;
   margin: 1px;
   line-height: 1;
}
pre.small7 {
   font-size: 7px;
}
pre.small8 {
   font-size: 8px;
}
pre.small9 {
   font-size: 9px;
}
pre.small10 {
   font-size: 10px;
}
pre.shell {
   padding: 0.5em;
   background: #1e3e1e;
   color: #bfbfbf;
   border-radius: 4px;
   border: 2px solid #4e7e4e;
}
pre.shell span::before {
   content:"$ ";
   color: gray;
}
pre.shell span:nth-child(2n - 1) {
   color: #bfbfbf;
   font-size: 90%;
}
pre.shell span:nth-child(2n - 2) {
   color: #9f9f9f;
   font-size: 90%;
}
pre.cmd span:nth-child(1)::before {
   content:"$ ";
   color: gray;
}
pre.cmd span:nth-child(2n-3) {
   color: #4f6f4f;
   font-size: 90%;
}
pre.cmd span:nth-child(2n - 2) {
   color: #2f4f2f;
   font-size: 90%;
}
pre.cmd span:nth-child(1) {
   color: inherit;
   font-weight: bold;
   font-size: 100%;
}
.tooltip {
   position: relative;
   display: inline-block;
}
.tooltip span {
   visibility: hidden;
   position: absolute;
   text-align: right;
   vertical-align: middle;
   width: 10em;
   height: 2em;
   margin: 0.5em 0 1em -11em;
   padding:4px;
   z-index: 1;
   color: white;
   background-color: gray;
   top: -1.5em;
   left:50%;
   bottom: 100%;
   line-height: 0.85;
}
.tooltip:hover span {
   visibility: visible;
}
table.options {
   border-collapse: collapse;
   border: none;
 }
 table.options td {
   vertical-align: top;
   padding: 0 1em 0px 0.5em;
   border: 5px solid white !important;
   background-color: #eee;
   color: #555;
 }
 table.options td small {
   vertical-align: bottom;
   margin: 0.5em 0 0 0;
   padding: 0;
   min-height: 4em;
   display: inline-block;
 }
 table.options td:hover, table.options td:hover a {
   background-color: #efffdf;
   color: #105010;
   text-decoration: none;
 }
 table.options td a {
   display: inline-block;
   margin: 0.25em;
   min-height: 3em;
 }
 table.options td sup {
   text-align: center;
   clear: right;
   border: none;
 }
 
 div.options {
   border: 4px solid #eee;
   border-radius: 3% 3%;
   margin: 1.5em;
   padding: 0.25em 1em 1em 1em;
   background-color: #dfffdf;
   color: #105010;
 }
 div.options h2, div.options h3 {
   margin: 0.125em 0 1em 0;
 }
 table.options sup, div.options h3 sup {
   border: none;
   background-color: green;
   border-radius: 50% 50%;
   padding:  2px 10px 2px 5px;
   min-width: 1em;
   display: inline-block;
   margin: -14px 0 0 -7px;
   color: white !important;
   font-size: 24px !important;
   font-weight: bold !important;
   font-style: italic !important;
   font-family: "Century Gothic", Arial, Helvetica, sans;
 }
/* eof */