 body { background-color: white; 
        font-family: arial,helvetica,verdana,sans-serif }
 pre { font-family: monospace }
 
 a:link { text-decoration: none }
 a:visited { text-decoration: none }

 FF   {font-family: monospace;  font-size: large;  color: red }
 TT   {font-family: monospace;  font-size: large }

th, td { padding:3 }

/* Links/Fonts for defined fields */
a.ff:hover { background-color: #FFDDEE }
a.ff:link, a.ff:visited, ff
   { font-family: monospace; font-size: large; color: red } 

/* div.box { border-width: thin;
          border-style: solid;
          padding: 5;
          width: 400} */

div.cbox { border-width: thin;
          border-style: solid;
          padding: 5;
          width: 200}


div.fbox { border-width: thin;
           border-style: solid;
           font-family: monospace;
           font-size: large;
           width: fit-content;
           white-space: pre-wrap;
           padding: 5;
           margin: 10;
           background: #DDFFDD }

div.tbox { border-width: thin;
           border-style: solid;
           font-family: monospace;
           font-size: large;
           width: fit-content;
           white-space: pre-wrap;
           padding: 5;
           margin: 10;
           background: #FFDDEE }

table.fmt {border:1px solid black; margin:20px }


h1.sg {padding:5; background: #A0E0FF}
h1.ib {padding:5; background: #A0D0A0}
h1.l2 {padding:5; background: #FFCC66}
h1.hsdi {padding:5; background: LIGHTBLUE}

h2.sg {padding:5; background: #A0E0FF}
h2.ib {padding:5; background: #A0D0A0}
h2.l2 {padding:5; background: #FFCC66}
h2.hsdi {padding:5; background: LIGHTBLUE}

h3.l2 {padding:5; background: #FFCC66}

tr.hiros {background: LIGHTPINK}
tr.hsdi  {background: LIGHTBLUE}
tr.ib    {background: #A0D0A0}
tr.l2    {background: #FFCC66}
tr.sg    {background: #A0E0FF}

th.hiros {background: LIGHTPINK}
th.hsdi  {background: LIGHTBLUE}
th.ib    {background: #A0D0A0}
th.l2    {background: #FFCC66}
th.sg    {background: #A0E0FF}

td.both  {background: SILVER}
td.hiros {background: LIGHTPINK}
td.hsdi  {background: LIGHTBLUE}
td.l2    {background: #FFCC66}
td.sg    {background: #A0E0FF}

span.hsdi  {background: LIGHTBLUE} 
span.hiros {background: LIGHTPINK} 


/* MORSE links etc */
a.morse:hover { background-color: #FFFF88 }
a.morse:link, a.morse:visited, morse
   { font-weight: bold; color:orange }
