/*
    LOAD GOOGLE FONTS
*/
@import url('https://fonts.googleapis.com/css?family=ABeeZee|Magra|Signika|Bree+Serif|Merriweather|Prompt|Roboto|Roboto+Condensed|Itim');
@import url('https://fonts.googleapis.com/css?family=Amiko|Lato|Larezar|Oswald|BenchNine|Yatra+One');
/*
   GLOBAL DEFAULTS
*/
HTML { /* --mxwid see next section */
   --indent:     4rem;
   --negind:    -4rem;
   --dblind:     6rem;
   --ulind:      1em;
   --smlind:     2em;
   --text-color: #081616;
   --rem-color:  #321212;
   --tit-color:  #888888;
   --sec-color:  #666666;
   --sep-color:  #DD0000;
   --sel-color:  #DD0000;
   --sfr-color:  #CC0000;
   --prv-color:  #770000;
   --def-font:   Signika, Bahnschrift, Roboto, Arial, Helvetica, Tahoma, sans-serif;
   --nar-font:   "Roboto Condensed", "Arial Narrow", sans-serif;
   --tit-font:   var(--def-font);
   --ban-font:   "Consolas";
   }

HTML {
   margin: 0 0 0 0;
   background-image: url(_img/_bgd.jpg);
   background-attachment: scroll;
   background-repeat: repeat;
   background-color: #F4F4F4;
   font-family: var(--def-font);
   color: var(--text-color);
   -line-height: 2.4ex;
   }


body { /* no IE */
   text-align: justify;
   margin: 0 0 0 0;
   }

hr {
   width: 96%;
   max-width: var(--mxwid);
   border: 1px ridge #888888;
   margin: 1ex auto 1ex auto; /* IE! */
   text-align: center; /* IE! */
   }


/*
   FONT SIZE AND TABLE LIMIT VS. PAGE WIDTH
*/
/* wider than 1500px */      html { --mxwid: 72vw; font-size: 21px; }
@media (max-width: 1500px) { html { --mxwid: 78vw; font-size: 20px; }}
@media (max-width: 1200px) { html { --mxwid: 84vw; font-size: 19px; }}
@media (max-width: 1000px) { html { --mxwid: 90vw; font-size: 18px; }}
@media (max-width:  900px) { html { --mxwid: 95vw; font-size: 17px; }}
@media (max-width:  800px) { html { --mxwid: 96vw; font-size: 16px; }}
@media (max-width:  700px) { html { --mxwid: 97vw; font-size: 15px; }}
@media (max-width:  600px) { html { --mxwid: 98vw; font-size: 14px; }}

/*
   INDENTATION VS. PAGE WIDTH
*/

@media (max-width: 1000px) {
html {
   --indent:  3rem;
   --negind: -3rem;
   --smlind:  1.5rem;
   --dblind:  5rem;
   }}
@media (max-width: 800px) {
html {
   --indent:  2rem;
   --negind: -2rem;
   --smlind:  1rem;
   --dblind:  3rem;
   }}
@media (max-width: 600px) {
html {
   --indent:  0rem;
   --negind:  0rem;
   --smlind:  0rem;
   --dblind:  0rem;
   }}

/*
   TABLES FOR PAGE FORMATTING
*/

table.BODY, TABLE.SAMP, table.TOC { /* no IE */
   width: var(--mxwid);
   margin-top: 0;
   margin-bottom: 0;
   }
table.td, table.th {
   padding: 3pt;
   }
table a img {
   border: 3px ridge #888888;
   }
table a img:HOVER {
   border-color: var(--sfr-color);
   }
table.MINI {
   width: 96%;
   max-width: 800px;
   margin: 10pt auto 0 auto;
   font-size: 60%;
   white-space: nowrap;
   }
table.MINI td {
   width: 14.2% ! important;
   border: 1px solid #CCCCCC;
   text-align: center;
   padding: 0pt 3pt 0pt 3pt;
   }
table.MINI td p {
   margin: 0 0;
   padding:0;
   }
table.MINI a img {
   margin: 0;
   border: 2px ridge #888888;
   width: 100%;
   }
table.BACK {
   margin: O O O 0;
   }
/*
   TABLE OF SAMPLES
*/

table.SAMP {
   background-color: #AAAAAA;
   padding-right: 4pt;
   padding-left: 3pt;
   }
table.SAMP td.HI {
   background-color: #DDDDDD;
   }
table.SAMP td p {
   padding: 0;
   margin-bottom: 0;
   margin-top: 0;
   }
table.SAMP th, table.SAMP td {
   color: #005500;
   text-align: center;
   vertical-align: middle;
   font-size: 85%;
   }
table.SAMP th {
   -font-weight: bold;
   }
table td IMG {
   border: 1px solid #000000;
   margin: 0;
   }
/*
   TABLE FOR PANORAMA PICS
*/

table.PAN {
   width: 94vw;
   max-width: var(--mxwid);
   color: #006600;
   margin: 6pt auto 8pt auto;
   border-collapse: collapse;
   empty-cells: show;
   background-color: #C0C0C0;
   box-shadow: 6px 6px 6px #888888;
   font-size: 75%;
   }
table.PAN td {
   position: relative;
   text-align: center;
   padding:  8pt 9pt 6pt 6pt;
   }
table.PAN img {
   width:100%;
   padding: 0 0 0 0;
   border: 2px ridge #888888;
   }
table.PAN a:VISITED {
   color: #884400;
   }
table.PAN p {
   padding: 0pt 0 0 0;
   }

/*
   GALLERY TABLES
*/

table[class*="GAL"] {
   width: 92%;
   max-width: var(--mxwid);
   text-align: center;
   font-size: 86%;

   }
table[class*="GAL"] td.SIDE,
table[class*="GAL"] td.TXT {
   color: var(--color);
   font-size: 100%;
   text-align: justify;
   padding-bottom: 4pt;
   }
table[class*="GAL"] td.TXT {
   padding-left: 4em;
   padding-right: 4em;
   padding-top: 2em;
}

table[class*="GAL"] img {
   border: 3px groove #444444;
   width: 97%;
   height: auto;
   align: center;
   --box-shadow: 2px 1.5px 6px #AAAAAA;
   }
table.FGAL {
   width: 99%;
   max-width: 99%;
   }
table.FGAL td {
   -border: 1px solid red;
   padding: 12pt 4pt;
   }
table[CLASS*="GAL"] td[class^=H] img {
   width: auto;
   max-width:99.5%;
}
table[CLASS*="GAL"] td[class$=L] {
   width: 50%;
    text-align: right;
   padding-left: 0;
}
table[CLASS*="GAL"] td[class$=R] {
   width: 50%;
   text-align: left;
   padding-right: 0;
}
table[CLASS*="GAL"] td[class^=H1] img {
   max-height: 144px;
}
table[CLASS*="GAL"] td[class^=H2] img {
   max-height: 156px;
}
table[CLASS*="GAL"] td[class^=H3] img {
   max-height: 172px;
}
table[CLASS*="GAL"] td[class^=H4] img {
   max-height:188px;
}
table[CLASS*="GAL"] td[class^=H5] img {
   max-height:212px;
}

img.JAW {
   width: AUTO ! IMPORTANT;
   max-height:188px;
}
table[class*="GAL"] td.V32  {
   padding-top: .5em;
   padding-bottom: .5em;
}
table[class*="GAL"] td.V43  {
   padding-top: .5em;
   padding-bottom: .5em;
}
table[class*="GAL"] td.V11  {
   padding-top: 1.5em;
   padding-bottom: 1em;
}
table[class*="GAL"] td.V00  {
   padding-top: 2em;
   padding-bottom: 1.5em;
}
table[class*="GAL"] td[class^="V"]  {
   xcolor: #00FFAA;
   font-size: 70%;
}
table[class*="GAL"] td.V32 img {
   width: 66%;
}
table[class*="GAL"] td.V43 img {
   width: 75%;
}
table[class*="GAL"] td.V11 img {
   width: 77%;
}
table[class*="GAL"] td.V00 img {
   width: 88%;
}

table.GAL  td {
   width: 33.0%;
   padding-left: 4pt;
   padding-right: 4pt;
   -padding-top: 2em;
   -padding-bottom: 1.5em;
   text-align: center;
   vertical-align: middle;
   xcolor: #00FFAA;
   font-size: 75%;
   color: var(--color);
}
table.GAL  td.TOP {
   vertical-align: TOP;
}
table.GAL  td.COPY {
   width: 75.0%;
}
table.GAL4 td {
   width: 24.5% !important;
   padding: auto 2pt auto 2pt;
}
table.FGAL td {
   width: 100%;
   padding: auto 0 auto 0;
}
table.GTXT {
   width: 44rem;
   max-width: var(--mxwid);
   text-align: justify;
}

/*
   NO VARS IN MSIE: A WORKAROUND
*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

HTML {
   font-family: sans-serif;
   color: #081616;
   }

/* wider than 1500px */      table, hr { width: 72vw; font-size: 21px; }
@media (max-width: 1500px) { table, hr { width: 78vw; font-size: 20px; }}
@media (max-width: 1200px) { table, hr { width: 84vw; font-size: 19px; }}
@media (max-width: 1000px) { table, hr { width: 90vw; font-size: 18px; }}
@media (max-width:  900px) { table, hr { width: 95vw; font-size: 17px; }}
@media (max-width:  800px) { table, hr { width: 96vw; font-size: 16px; }}
@media (max-width:  700px) { table, hr { width: 97vw; font-size: 15px; }}
@media (max-width:  600px) { table, hr { width: 98vw; font-size: 14px; }}

table a img:HOVER {
   -color: #CC0000;
   }

table.TIT {
   -bottom-color: #DD0000;
}
p[class$=SEC], p.PARA {
   color: #888888;
  }
p[class$=TIT]       { /* MSIE */
   font-family: '';
   color: #888888;
  }
table.SLIM TD, table.SLIM TH  {
   font-family: "Arial Narrow", "Roboto Condensed";
   }

td.IND p[class$=SEC], div.IND p[class$=SEC] {
   margin-left: -3rem;
}
.IND {
   padding-left: 3rem;
}
.IND2 {
   padding-left: 5rem;
}

table.BODY, table.PAN, table.TOC {
   width: 56rem;
   max-width: 96%;
}
.REM {
   margin-left: 1.5rem;
   color: #481818;;
}
}
/* END MSIE */

/*
   LINKS
*/

a:ACTIVE {
   font-weight: bold;
   color: maroon;
   text-decoration: underline;
}
a:LINK {
   font-weight: bold;
   color: #805050;
   text-decoration: underline;
}
a:VISITED {
   font-weight: bold;
   color: #665050;
   text-decoration: underline;
   }
a:HOVER {
   color: var(--sel-color) ! important;
   text-decoration: underline;
   }
.BUT:HOVER {
   background-color: #FFFF00;
   border-color: var(--sfr-color);
   box-shadow: 2.5px 2px 2.5px #444444;
   }
.BUT, a.BUT {
   -min-width: 2em;
   display: inline-block;
   color: #222222;
   margin:   3pt 1pt 3pt 1pt;
   padding:  0pt 0.25em 1pt 0.25em;
   border-color: #DDDDDD;
   text-decoration: none ! important;
   border-style: GROOVE;
   border-width: 3px;
   background-color: #DDDDDD;
   line-height: 1.5em;
   }
a.BUT::BEFORE, a.BUT::after {
   -content: '\00A0';
   }
.HBUT {
   background-color: #777777;
   padding: 0pt 3pt 0pt 3pt;
   margin: 0pt 2pt 0pt 1pt;
   border: 2px solid #000000;
   border-radius: 2px;
   font-size: 85%;
   color: #66FF66;
   display: inline-block;
}

/*
   SIMPLE TAGS - FONT
*/

#FONTID {
   display: inline-block;
   }
.WIDE {
   display: inline-block;
   transform: 3(1.5,1);
   margin: auto 1em auto 1em;
   }
.AL {
   text-align: left;
   }
b, .B {
   font-weight: bold;
   }
i, .I {
   font-style: italic;
   padding-right: 3pt;
   }
em, .EM {
   color: #007070;
   font-style: normal;
   font-weight: bold;
   }
del, .DEL {
   text-decoration: none;
   color: #A00000;
   }
.DARK {
   background-color: #555555;
   }
loud, .LOUD {
   font-size: 110%;
   font-weight: bold;
   font-variant: small-caps;
   color: #DD5511;
   text-shadow: 1.2px 1.2x 1px #666666;
   }
sub, .SUB {
   padding-left: 1pt;
   font-size: 60%;
   vertical-align: -10%;
   }

sup, .SUP {
   padding-top: -4pt;
   margin-left: 2pt;
   font-size: 60%;
   vertical-align: 20%;
   }

TD.UP {
   padding-top: 0;
   }
TD.PAD {
   padding-top: .5ex;
   }
big, .BIG {
   font-size: 110%;

   }
huge, .HUGE {
   font-size: 120%;

   }
huger, .HUGER {
   font-size: 130%;

   }
.PAD {
   padding-left: .25en;
   padding-right: .25en;
   }
.RGT {
   font-size: 92%;

   text-align: right;
   }
.TOP {
   vertical-align: top;
   }
.MED {
   font-size: 94%;

   }
sml, .SML {
   font-size: 88%;

   }
.SMLI {
   font-size: 88%;
   padding-left: var(--indent);
   }

tiny, .TINY {
   font-size: 82%;

   }
.TINYI {
   padding-left: var(--indent);
   font-size: 80%;

   }
.PRV {
   display: NONE;
   color: var(--prv-color);
   }
.PRMK {
   display: NONE;
  font-weight: bold;
  color: #AA0000;
   }
.PRMK::before  { content:  "\2753"; }


/*
   ICONS
*/

.IC::before {
   content: '';
   }
._M::before {
   padding-left: 0pt ;
   padding-right: 6pt;
   }
.M_::before {
   padding-left: 6pt;
   padding-right: 0pt;
   }
.MM::before {
   padding-left: 6pt;
   padding-right: 6pt;
   }
.ICFON {
   font-family: 'Segoe MDL2 Assets', 'Segoe UI Symbol';
   -line-height: 2ex;
   font-size: 88%;
   vertical-align: 0pt;
   }
[class^="I_"]::before {
   text-decoration: none;
   display: inline-block;
   font-family: 'Segoe MDL2 Assets', 'Segoe UI Symbol';
   padding-right: 6px;
   -padding-top: -2pt;
   -padding-bottom: -2pt;
   color: var(--color);
   vertical-align: 0pt;
   line-height: 2ex;
   margin-top: -6pt;
   margin-bottom: -6pt;
   font-size: 88%;
   -white-space: nowrap;
   }

[class^="I_"] {
   padding-right: 4px;
   white-space: nowrap;
   }


.BI::before {
   font-size: 200%;
   }

.I_GPS::before    { content:  "\E81D"; }
.I_ALIEN::before  { content:  "\1F47D"; }
.I_ARDN::before   { content:  "\2B63"; }
.I_ARLF::before   { content:  "\2B60"; } /*2190 */
.I_ARLR::before   { content:  "\2B64"; }
.I_ARRG::before   { content:  "\2B62"; }
.I_ARUP::before   { content:  "\2B61"; }
.I_ARUD::before   { content:  "\2B65"; }
.I_BARDN::before  { content:  "\1F847"; }
.I_BARLF::before  { content:  "\1F844"; }
.I_BARRG::before  { content:  "\1F846"; }
.I_BARUP::before  { content:  "\1F845"; }
.I_BOOK::before   { content:  "\1F4D6"; }
.I_CAMERA::before { content:  "\1F4F7"; }
.I_GAL::before    { content:  "\1F4F7"; }
.I_CANCEL::before { content:  "\2716"; }
.I_CAUT::before   { content:  "\1F6C6"; }
.I_CHECK::before  { content:  "\2714"; }
.I_COMP::before   { content:  "\1F4BB"; }
.I_CROSS::before  { content:  "\2718"; }
.I_DIAM::before   { content:  "\2666"; }
.I_DL::before     { content:  "\1F4E5"; }
.I_DOCP::before   { content:  "\1F5BB"; }
.I_DOCT::before   { content:  "\1F5B9"; }
.I_DOCTP::before  { content:  "\1F5BA"; }
.I_EAR::before    { content:  "\1F442"; }
.I_EARTH::before  { content:  "\1F30E"; }
.I_EMSAD::before  { content:  "\2639"; }
.I_EMSMI::before  { content:  "\263A"; }
.I_EMTON::before  { content:  "\1F61b"; }
.I_EMYEL::before  { content:  "\1F632"; }
.I_EXT::before    { content:  "\1F86D"; }
.X_EXT::before    { content:  "\1F86D"; }

.I_EYE::before    { content:  "\1F441"; }
.I_GLOBE::before  { content:  "\1F310"; }
.I_GRAPH::before  { content:  "\1F5E0"; }
.I_HEART::before  { content:  "\2665"; }
.I_HEARTL::before { content:  "\1F394"; }
.I_INFO::before   { content:  "\1F6C8"; }
.I_MAIL::before   { content:  "\2709"; }
.I_MINUS::before  { content:  "\2796"; }
.I_MONIT::before  { content:  "\1F4FA"; }
.I_NOGO::before   { content:  "\1F6C7"; }
.I_NOTE::before   { content:  "\1F5C9"; }
.I_NOTES::before  { content:  "\1F5CA"; }
.I_PICT::before   { content:  "\1F5BC"; }
.I_PLUS::before   { content:  "\271A"; }
.I_QUEST::before  { content:  "\2753"; }
.I_SPIDR::before  { content:  "\1F577"; }
.I_STAR::before   { content:  "\2605"; }
.I_STARB::before  { content:  "\2606"; }
.I_THDN::before   { content:  "\1F44E"; }
.I_THUP::before   { content:  "\1F44D"; }
.I_WEB::before    { content:  "\1F578"; }


.I_DEV::before  {
   content:  "\2692";
   }

.I_DEVBIG::before  {
   font-size: 200%;
   color: #DD0000;
   content:  "\2692";
   }

.SEE::before {
   content:  "\1F441";
   text-decoration: none;
   display: inline-block;
   font-family: 'Segoe MDL2 Assets', 'Segoe UI Symbol';
   padding-right: 6px;
   }
a[href ^='http']::before {
   display: inline-block;
   font-family: 'Segoe MDL2 Assets', 'Segoe UI Symbol';
   content: "\1F86D";
   padding-right: 4px;
   -vertical-align: -2pt;
   font-size: 75%;
   }

a[href ^='http'].IC::before {
   content: ' ';
   }
.HOLD {
   position: relative;
   -border: 1px solid red;
}
.FAT {
   font-weight: bold;
   font-size: 150%;
   transform: scale(1,.45);
   vertical-align: -2pt;
   display: inline-block;
   margin: -6pt 3pt -6pt 0;
   -padding: -5pt 0 -pt 0;
   text-shadow: 2px 2px 2px #6666AA;
   color: #444444;

}
.WIDE {
   font-weight: bold;
   font-size: 200%;
   transform: scale(1,.5);
   display: inline-block;
   margin: -6pt 3pt -6pt 0;
   padding: -5pt 0 -pt 0;
   text-shadow: 1px 1px 1px #6666AA;
   color: #444444;

}
td:hover .FLIP::before, td:hover .SWAP::before {
   color: var(--sfr-color);
   -color: #00FFFF ;
}
.MARK {
   position: absolute;
   top: 1pX;
   left: 100%;
   transform: translate(-120%,0) scale(1,.45);
   font-size: 16pt;
   font-weight: bold;
   font-variant: small-caps;
   font-style: italic;
   display: inline-block;
   color: #888888;
   text-shadow: 3px 3px 4px #6666FF;
}
.FLIP::before, .SWAP::before {
   position: absolute;
   top: 1.25ex;
   left:  12pt;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 160%;
   transform: scale(1,.4);
   font-variant: small-caps;
   font-style: italic;
   text-shadow: 1pt 1pt 4pt #666666;
   }
div.SWAP::before {
   content: "Swapper";
   }
table.PAN div.SWAP::before {
   content: "Pan Swapper";
   }

div.FLIP::before {
   content: "Flipper";
   }
.NEW::before, .UPD::before, .PDF::before,
.NEW_AFT::after, .UPD_AFT::after, .PDF_AFT::after {
   font-size: 44%;
   -transform: scale(.5,1.8);
   width: 2.5em;
   text-align: center;
   display: inline-block;
   vertical-align: 4pt;
   line-height: 2ex;
   margin: -4pt 6pt -4pt 3pt;
   padding: 1.5pt 2pt 1pt 2pt;
   box-shadow: 2px 1.5px 2px #444444;
   color: #EEDD00;
   border: 1px SOLID #DDDDDD;
   font-weight: bold;
   transform: rotate(-14deg);
   }

.NEW::before, .NEW_AFT::after {
   content: " NEW ";
   background-color: #AA4400;
   }
.UPD::before, .UPD_AFT::after {
   content: " UPD ";
   background-color: #338800;
   }
.PDF::before, .PDF_AFT::after {
   content: " PDF ";
   width: 2em;
   color: #000088;
   background-color: #FFFFFF;
   transform: rotate(0deg);
   }
.WORK::before, .WORK_AFT::after   {
   content: url(_ico/atwork.sm.gif);
   vertical-align: -2pt;
   margin-top: -.5ex;
   margin-bottom: -.5ex;
   }
.WORK::before {
   padding-right: 4pt;
   }
.WORK_AFT::after {
   padding-left: 4pt;
   }
.WORK_BIG::before, .WORK_BIG_AFT::after    {
   content: url(_img/_ico/atwork.gif);
   vertical-align: -8pt;
   padding-right: 4px;
   }

/*
   SECTION AND TITLE HEADERS
*/

table.BANNER { /* O */
   width: 100%;
   background-image: url(_img/_bgd-tit.jpg);
   background-position: center;
   border-bottom-width: 1px;
   border-bottom-style: SOLID;
   border-bottom-color: var(--sep-color);
   text-align: center;
   }
table.BANNER td { /* In every branch */
   display: inline-block;
   background-color: #FF0000F00;
   color: #888888;
   transform: scale(1.75,1);
   font-weight: bold;
   font-style: normal;
   padding: 1.5ex 0 2ex 0;
   }
table.BANNER td::before {/* In every branch */
   content: "wrotniak.net";
   font-size: 128%;
   text-shadow: 2px 2px 2px #777777;
   color: #CCCCCC;
   font-family: var(--ban-font);
   line-height: 2.75ex;
   }

table.BANNER td img { /* O */
   display: none;
   width: 50%;
   max-width: 640px;
   }

table.TIT, table.SUBTAB {  /* O */
   width: 100%;
   border-bottom-width: 1px;
   border-bottom-style: SOLID;
   border-bottom-color: var(--sep-color);
   text-align: center;
   padding: 8pt;
   overflow: hidden;
   -margin-bottom: 2rem;
   }
p[class$=SEC] {
   font-weight: bold;
   color: var(--sec-color);
  }
p[class$=TIT] {
   font-family: var(--tit-font);
   color: var(--tit-color);
   font-weight: bold;
   transform: scale(1.75,1);
   text-shadow: 2px 2px 2px #999999;
  }
p.TIT {
   font-size: 160%;
   line-height: 2.5ex;
   }
p.SUBTIT {
   font-size: 120%;
   }
p.SMLTIT {
   font-size: 100%;
   }

[class$=SEC] {
   text-align: left;
   font-weight: bold;
   color: var(--sec-color);
   }
p.SEC {
   padding: 18pt 0 12pt 0;
   font-size: 155%;
   }
p.SUBSEC {
   padding: 15pt 0 9pt 0;
   font-size: 135%;
   }
p.SUBSUBSEC {
   padding: 12pt 0 6pt 0;
   font-size: 120%;
   }

.PARA {
   padding: 10pt 0 4pt 0;
   font-size: 110%;
   color: var(--sec-color);
   text-align: left;
   font-weight: bold;
   }

td.IND p[class$="SEC"], div.IND p[class$="SEC"] {
   margin-left: var(--negind);
   }

/*
   MISC
*/

table.SLIM td, table.SLIM th  {
   font-family: var(--nar-font);
   }

.LFT, .AL,  table.AL td {
   text-align: left ! important;
   padding-left: 4pt;
   }
.BLU {
   color: BLUE;
   }
.RED {
   color: RED;
   }
.BOX {
   background-color: #DDDDDD;
   border-style: SOLID;
   border-width: 1px;
   padding: 6pt;
   margin: 12pt auto ! important;
   }
.BOXI {
   background-color: #EEEEAA;
   border-style: SOLID;
   border-width: 1px;
   padding: 12px;
   margin-left: 30pt;
   margin-top: 12px;
   }
table.NOPAD td {
   padding: 0 ! important;
   }
.NOPAD {
   padding: 0 ! important;
   }
.NOVPAD, td.NOVPAD {
   padding-top: 0 ! important;
   padding-bottom: 0 ! important;
   }
.NOTMAR {
   margin-top: 0 ! important;
   }
.NOVMAR {
   margin-top: 0 ! important;
   margin-bottom: 0 ! important;
   }
.CC, table td.CC {
   text-align: center ! important;
   vertical-align: middle ! important;
   }
.CODE {
   color: BLACK;
   font-family: "Consolas", "Lucida Console", "Courier New", monospace;
   white-space: pre-wrap;
   text-align: left;


   margin: 0;
   }
.COPY {
   color: #505050;
   font-size: 80%;
   text-align: center;
   vertical-align: middle;
   }
.CRED {
   font-size: 80%;
   font-style: italic;
   color: GRAY;
   }
.EQN {
   xxfont-size: 110%;
   xxfont-family: "Lucida Console", "Courier New", monospace;
   font-style: italic;
   text-align: center;
   }
P.EQN {
   margin: 2ex auto 1.5ex auto;
   }
.CTR {
   text-align: center ! important;
   }
.REM {
   margin-left: var(--smlind);
   color: var(--rem-color);
   font-size: 88%;
   }
td.SIDE .REM {
   margin-left: var(--ulind);
   }
`REMI {
   margin-left: var(--dblind);
   color: var(--rem-color);
   font-size: 88%;

   }
.DT {
   margin-top: 1rem;
   margin-bottom: 2pt;
   }
.FIT {
   width: 98%;
   }
.FRAME {
   border: 1px ridge black;
   paddIng: 0 4pt 0 4pt;
   }
div.FRAME {
   margin: 8pt 0 8pt var(--smlind);
   paddIng: 8pt 4pt 8pt 4pt;
   }
.HI {
   background-color: #FFFFAA;
   }
.LO {
   background-color: #AAFFFF;
   }
.WH {
   background-color: #FFFFFF;
   }
.GR {
   background-color: #D8D8D8;
   }
.B_GRN {
   background-color: #22FF22;
   }
.YEL {
   background-color: #FFFF22;
   }
.DG {
   background-color: #555555;
   }
.BL {
   background-color: #AAAAFF;
   }
IMG.NB {
   border-style: none;
   border-width: 0;
   vertical-align: middle;
   text-align: center;
   }
.LFT {
   text-align: left;
}
td[class^="W"] img {
   border: 3px solid #999999;
   width: 100%;
   margin: 4pt 0 -4pt 0;
   }
td[class^="W"] a img:hover {
   border: 3px ridge var(--sfr-color);
   }
td[class^="W"] p {
   margin: 1ex 0 0 0;
   }
td[class^="W"] {
   font-size: 75%;
   color: #006600;
   text-align: center;
   vertical-align: top;
   position: relative;

   }
td.WL {
   text-align: left;
   }
td.WR {
   text-align: right;
   padding-right: 0;
   }
td.W000 { width: 24%; max-width: 300px; }
td.W00  { width: 36%; max-width: 400px; }
td.W0   { width: 44%; max-width: 480px; }
td.W1   { width: 50%; max-width: 528px; }
td.W2   { width: 55%; max-width: 576px; }
td.W3   { width: 60%; max-width: 640px; }
td.W4   { width: 65%; max-width: 700px; }
td.W5   { width: 70%; max-width: 750px; }

/*
   TABLES FOR IMAGE SIZING
*/

table.XX1 td, table.XX2 td, table.XX3 td, table.XX4 td, table.XX6 td, TABLE.XX8 td {
   text-align: center;
   vertical-align: top;
   padding: 3pt 3pt 3pt 3pt;
   -font-weight: bold;
   }
table.XX1 td {
   width: 100%;
   font-size: 92%;
   }
table.XX2 td {
   width: 50%;
   font-size: 88%;
   }
table.XX3 td {
   width: 33%;
   font-size: 84%;
   }
table.XX4 td {
   width: 24%;
   font-size: 80%;
   }
table.XX6 td {
   width: 16%;
   padding: .8pt;
   font-size: 76%;
   }
table.XX8 td {
   width: 12%;
   padding: .6pt;
   font-size: 75%;
   }
table.XX8 td.XZ {
   width: 6px ! important;
   padding: .6pt;
   }
table.XA td:first-child {
   width: auto;
   }
table.XV td:first-child {
   width: 3px ! important;
   COLOR: RED;
   }
table.XM {
   background-color: #CCCCCC;
   }
table.XM td:first-child {
   padding: 2pt 4pt 2pt 10pt;
   }
table.XM td:last-child {
   padding: 2pt 10pt 4pt 2pt;
   }
table.XX1 img, table.XX2 img, table.XX3 img, table.XX4 img, table.XX6 img, table.XX8 img   {
   width: 100%;
   margin: 2pt;
   }
table.XX1 td.TXT, table.XX2 td.TXT, table.XX3 td.TXT, table.XX4 td.TXT {
   text-align: justify;
   vertical-align: top;
   font-size: 110%;
   line-height: 115%;
   color: #222222;
   padding-left: 8pt;
   }
/*
   OBSOLETE IMAGE CLASSES
*/
IMG.ICO {
   vertical-align: middle;
   height: 0.75em;
   width: AUTO;
   border-style: NONE;
   padding-bottom: .06em;
   line-height: 2ex;
   margin-top: -6pt;
   margin-bottom: -6pt;
   }

IMG.ICON {
   border-style: NONE;
   width: 44px;
   height: 44px;
   }
.IND {
   padding-left: var(--indent);
   }
.IND2 {
   padding-left:  var(--dblind);
   }
INS, .INS {
   color: RED;
   text-decoration: none;
   }
.JUST {
   text-align: justify;
   }
.LFOOT, table.GAL td.LFOOT {
   color: var(--color);
   font-style: italic;
   font-size: 76%;
   text-align: left;

   }
li {
   margin-left: 0pt;
   margin-top: 4pt;
   margin-bottom: 2pt;
   }
li.UP {
   list-style-image: url(_ico/th-up-sm.png);
   }
li.DN {
   list-style-image: url(_ico/th-dn-sm.png);
   }
.LM {
   margin-left: 6pt;
   }
table.BACK td {
   white-space: nowrap;
   font-size: 92%;
   vertical-align: middle;
   }
table.BACK td img {
   width:96px;
   }
table.MAP {
   width: 96%;
   max-width: var(--mxwid);
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-size: 92%;
   white-space: nowrap;
   }
.MID, table.MID td, TD.MID {
   vertical-align: middle;
   }
.BOT, table.BOT td, TD.BOT {
   vertical-align: BOTTOM;
   }
TD.TOP, table.TOP td, TD.TOP {
   vertical-align: TOP;
   }
.NOBR, .NOBR {
   white-space: nowrap;
   }
OKBR, .OKBR  {
   white-space: normal;
   }
.NORM {
   font-style: normal;
   font-size: 100%;
   color: var(--text-color);
   }
P {
   margin-top: .8ex;;
   margin-bottom: .5ex;
   }
.MART, table.MART {
   margin-top: 1.0rem;
   }
.MARV {
   margin-top: 12pt;
   margin-bottom: 12pt;
   }

.MARG {
   margin-top: 2rem;
   margin-left: 3rem;
   margin-right: 3rem;
   text-align: justify;
   }
.MARH {
   margin-top: .5rem;
   margin-left: 3rem;
   margin-right: 3rem;
   text-align: justify;
   }
BOX.MARH p {
   padding-left: 3rem;
   padding-right: 3rem;
   }
.PAD {
   padding: 0 8pt 0 8pt;
   }
PRE {
   font-family: "Consolas", "Lucida Console", "Courier New", monospace;
   font-size: 110%;
   }
.QUO {
   font-size: 92%;
   font-style: italic;

   color: NAVY;
   }

.CAP {
   color: #006600;
   font-size: 75%;
   white-space: normal;
   text-align: center;
   }
td.CAP {
   vertical-align: MIDDLE;
   padding: 0 4pt 0 4pt;
   -border: 1px ridge #888888;
   }
td.VCAP {
   -font-weight: bold;
   text-align: center  ! important;
   vertical-align: middle ! important;
   }
td.VCAP p {
   white-space: nowrap;
   margin-right: -3.5em ! important;
   margin-left:  -3.5em ! important;
   padding: 0;
   }
td.VERT, th.VERT {
   vertical-align: middle ! important;
   width: 2em ! important;
   }
td.VERT p, th.VERT p {
   white-space: nowrap;
   margin-right: -2.5em ! important;
   margin-left:  -2.5em ! important;
   padding: 0;
   }
td.VERT:first-child p,
th.VERT:first-child p {
   transform: rotate(-90deg);
   }
td.VERT:last-child p,
th.VERT:last-child p {
   transform: rotate(90deg);
   }
td.VCAP:first-child p {
   -font-size: 85%;
   transform: rotate(-90deg);
   }
td.VCAP:last-child p {
   transform: rotate(90deg);
   }
P.UPDN {
   transform: rotate(180deg);
   }
P.QUO {
   font-size: 92%;
   padding-left: var(--smlind);
   font-style: italic;
   color: NAVY;
   }
.QUOI {
   font-size: 92%;
   font-style: italic;
   color: NAVY;
   padding-left: var(--dblind);
   }
.DIST {
   font-size: 92%;
   color: NAVY;
   }
P.t {
   color: var(--rem-color);
   padding-left: 64pt;
   font-size: 88%;
   }
table.REV .REM {
   padding-left: 1rem;
   font-size: 88%;
   }
.RFOOT, table.GAL td.RFOOT {
   color: var(--color);
   font-style: italic;
   font-size: 76%;
   text-align: right;
   }
.SIDE {
   text-align: justify;
   vertical-align: middle;
   }
table {
   margin-left: auto;
   margin-right: auto;
   empty-cells: show;
   }
table.CAT {
   width: 48em;
   table-layout:fixed;
   }
table.CAT td {
   vertical-align: middle;
   font-size: 92%;
   }
-shaD {
   box-shadow: 6px 6px 6px #666666;
   }
table.TAB {
   -width: 99%;
   border-width: 2px;
   border-style: ridge;
   border-color: silver;
   border-collapse: collapse;
   empty-cells: show;
   margin-left: auto;
   margin-right: auto;
   }
table.TAB td, table.TAB th {
   font-size: 84%;

   text-align: center;
   vertical-align: middle;
   border-width: 2px;
   border-style: ridge;
   border-color: silver;
   padding: 2pt;
   }
table.TAB TH {
   font-weight: bold;
   }
table.TAB TR {
   xborder-width: 2px;
   xborder-color: silver;
   }
TABLE.TAB TR:HOVER {
   border-width: 2px;
   border-color: var(--sel-color);
   border-style: SOLID;
   xbackground-color: #EEEEEE;
   xbackground-color: #CCDDFF;
   }

table.NBTAB {
   width: 1em;
   text-align: center;
   border-width: 2px;
   border-style: ridge;
   border-color: silver;
   border-collapse: collapse;
   padding: 6px;
   empty-cells: show;
   margin-left: auto;
   margin-right: auto;
   }
table.NBTAB td {
   vertical-align: middle;
   border-width: 2px;
   border-style: ridge;
   border-color: silver;
   white-space: nowrap;  /* MSIE7 requires this in td */
   }
table.NBTAB TH {
   vertical-align: middle;
   border-width: 2px;
   border-style: ridge;
   border-color: silver;
   white-space: nowrap; /* MSIE7 requires this in td */
   }
table.NBTAB TR {
   border-width: 2px;
   border-style: outset;
   border-color: silver;
   font-size: 84%;
   }
table.TIGHT {
   width: 1em;
   margin-left: auto;
   margin-right: auto;
   color: var(--text-color);
   }
table.TIGHT td {
   padding: 4px;
   vertical-align: middle;
   white-space: nowrap; /* MSIE7 requires this in td */
   }

table.TIGHT TH {
   padding: 4px;
   vertical-align: middle;
   white-space: nowrap; /* MSIE7 requires this in td */
   }
td {
   vertical-align: top;
   padding: 6pt 6pt 6pt 6pt;
   }
TH {
   -background-color: #DDDDDD; /* do not restore! */
   font-weight: normal;
   text-align: center;
   padding: 2pt;
   }
/*
   LISTS
*/
ol, ul {
   margin-top: 6pt;
   list-style-position: outside;
   margin-bottom: 4pt;
   padding-left:  var(--ulind);
   margin-left: var(--ulind);
   }
ul.IND, ol.IND {
   margin-left: var(--dblinnd);
   }
ul.COMP, OL.COMP {
   font-size: 94%;
   text-align: JUSTIFIED;
   margin-top: .4ex;
   margin-bottom: .2ex;
   margin-left: 2pt;
   -padding-left: 2pt;
   -color: red;
   }
ul.COMP li, OL.COMP li {
   font-size: 94%;
   margin-top: 0;
   margin-bottom: 0;
   }
XLI P {
   margin-left: var(--smlind);

   }
a:LINK {
   font-weight: bold;
   color: #805050;
   text-decoration: underline;
   }
.UPDATE {
   font-style: italic;
   font-size: 88%;
   }
.DATE {
   font-style: italic;
   font-size: 88%;
   }
.CUPD, .CNEW, .CREM {
   font-style: italic;
   font-size: 66%;
   font-weight: bold;
   text-decoration: none;
   }
.CNEW {
   color: #DD0000;
   }
.CUPD {
   color: #00AA00;
   }
.CREM {
   color: #0000DD;
   }

/*
   TABLE OF CONTENTS
*/

table.TOC .SUBSEC {
   padding: 0;
   margin-bottom:0;
   font-size: 135%;
   color: var(--sec-color);
   }
table.TOC {
   width: 60rem;
   max-width: var(--mxwid);
   margin: 0pt auto 0pt auto;
   empty-cells: show;
   }
ul[class^=TOC] {
   text-align: LEFT;
   margin-left: 1pt;
   margin-top: 0;
   margin-bottom: 0;
   }
ul[class^=TOC] li {
   margin-top: 0;
   margin-bottom: 0;
   font-weight: normal;
   color: #333366;
   }

ul[class^=TOC] li a:LINK {
   text-decoration: none;
   font-weight: normal;
   color: #333366;
   }
ul[class^=TOC] li a:HOVER {
   text-decoration: underline;
   font-weight: normal;
   color: #AA0000 ! IMPORTANT;
   background-color: #FFFF00;
   }
ul.TOC, ul.SQ {
   list-style-type: square;
   }
ul.EXT {
   list-style-type: none;
   }
ul.EXT li:BEFORE {
   content: "\1F86D";
   margin-left: -1em;
   font-family: 'Segoe MDL2 Assets', 'Segoe UI Symbol';
   font-size: 84%;

   }
ul.TOC2 {
   list-style-type: disc;
   font-size: 92%;
   }
ul.TOC3 {
   list-style-type: circle;
   font-size: 96%;
   }