/* for reverse compatibility */
@import "style.css";
/* for mobile friendly designs */
BODY     { font-family:open sans,arial,tahoma,sans-serif,helvetica;
           font-size:12pt; color:navy; background-color:#ffffff;
           letter-spacing:0.05em; margin:0px; padding:0; }
FORM     { margin:0; padding:0; }
DIV.main { margin:12px; padding:10px; }
DIV.bdr  { border:1px dotted #abc; } /* for test use: see borders */
.bo { border-radius:1em 1em; border:1px solid #80aefd; }
/*DIV*/
.inlblk  { display:inline-block; vertical-align:top; font-size:12pt;
           line-height:1.4em;letter-spacing:0.015em; min-width:200px;
           text-align:left; margin:1em auto; }
.inlblk2  { display:inline-block; font-size:12pt;
            line-height:1.5em; letter-spacing:0.015em; }
.cen { text-align:center; }
.bo { border-radius:1em 1em; border:1px solid #80aefd; }
DIV.hidenLoC { display:none; background-color:#789; color:#edf; 
               width:fit-content; position:fixed;right:0;top:40px; box-shadow:
       -25px 0px 25px -15px rgba(60,60,60,0.6),0px 25px 25px -15px rgba(80,80,80,0.8); }
A.hidenLoCa  { color:#eff; font-size:11pt; }
A.hidenLoCa:hover { color:#ff0; font-size:12pt; }
UL.guid {padding:12px; line-height:2em; list-style:none; max-height:85%; overflow:auto; width:280px; }

A     { text-decoration:none; }
P     { padding:6 0px; }
P.h2  { font-size:20pt;text-shadow:2px 2px 2px #abc;margin:18 3px; padding:0; }
fieldset.inlblk { display:inline-block; vertical-align:top; font-size:12pt;
           line-height:1.4em;letter-spacing:0.015em; min-width:200px; text-align:left;
           border:1px dotted #963; border-radius:1em; margin:12px; padding:10px; }
legend.hd { font-size:13pt;color:#610;padding:3 10px;text-shadow:2px 2px 3px #689;
            margin-left:10% }

TD   { font-size:11pt; color:navy; line-height:1.5em; letter-spacing:0.05em;
       font-family:verdana,sans-serif,arial,helvetica; }
H1   { margin:6px; padding:0px; line-height:1.2em; color:#23d; 
       text-shadow:#567898 0.06em 0.06em 0.09em; font-weight:400; }
H2   { margin-top:0px; padding:0px; line-height:1.3em; color:#1660de; 
       text-shadow:#566778 0.04em 0.04em 4px; font-weight:400; }
H3   { margin-top:0px; padding:0px; line-height:1.3em; color:#135; font-size:16pt;
       text-shadow:#566778 0.03em 0.03em 3px; font-weight:400; }
TD.r { text-align:right; }
LI     { color:inherit; }
LI.lst { line-height:1.1em; }
/* Styles for large screens */
  @media (min-width: 768px) {
    h1 { font-size: 2.70em; }
    h2 { font-size: 2.00em; }
    fieldset.inlblk { padding:10 28px; }
    BODY,DIV,TD { font-size:12pt; }
    #vrwidth { max-width:450px; }
  }
/* Styles for small screens */
  @media (max-width: 767px) {
    h1 { font-size: 1.85em; }
    h2 { font-size: 1.35em; }
    fieldset.inlblk { padding:10 10px; }
    BODY,DIV,TD { font-size:16pt; }
    #vrwidth { max-width:; }
  }

