/*   ------------------------   */

                          /*      CSS    Style Sheet      */

                          /*   ------------------------   */
                       /*  margin: left right top  bottom 
                           margin: 10px 20px  10px 15px;   
                           there is no limit + or - on "z-index"
                        */

  .z-2 { z-index: -2 }
  .z-1 { z-index: -1 }

  .z1  { z-index:  1 }
  .z2  { z-index:  2 }

   body
      {
       margin-top:  0px;
       margin-left:  0px;
       margin-right:  0px;
       font-size:    12px;
       font-family:  verdana, tahoma, arial, 'sans serif';
       background-color:#FAE5D8;          /* #FAE5D8  F4CAB3  744A33 */  /* #cceeFF; */

       scrollbar-face-color:  #FbC4Aa;
       scrollbar-shadow-color:  #000000;
       scrollbar-highlight-color: #CCCCCC;
       scrollbar-3dlight-color:  #000000;
       scrollbar-darkshadow-color: #000000;
       scrollbar-track-color:  #FFeeDD;
       scrollbar-arrow-color:  #3333ff;
      }

   div
      {
       font-size:  12px;
      }


   a  { text-decoration: none;  }  


  /* a href colors set in order because the next overrides the previous one */
  /*        this order  LVFHA  link, visited, focus(by tabbing), hover, active */

   /*
   a.maroonbkgd:link
      { color: #FFFFFF; }    /*  ffffff=white     blue  */
   /*
   a.maroonbkgd:visited
      { color: #dddddd; }    /*  #007700 = green   #990033 = maroon  */
   /*
   a.maroonbkgd:hover
      { color: #ccCCcc; }
      /*  font-style : italic;  */
      /*  font-weight : bold;   */
   /*
   a.maroonbkgd:active  
      { color: #FFffFF; }    /*  #00FFFF = very pale blue    #990033 = maroon   */
                             /*  latest active page  */

   a:hover
      { color: red; }

   blockquote
      {
       margin-top:    0px;
       margin-left:  15px;
       margin-right: 15px;
       margin-bottom: 0px;
       font-size:    12px;
      }

   ul,ol
      {
       margin-top:    0px;
       margin-bottom: 0px;
      }


 /* these are the official standard H1-H6 defaults  
          8pt, 10pt, 12pt, 14pt, 18pt, 24pt  (bold) 
      or 11px, 13px, 16px, 18px, 24px, 32px  (bold)  */
   
   H1 { font-size:  32px; font-weight:bolder }
   H2 { font-size:  24px; font-weight:bolder }
   H3 { font-size:  19px; font-weight:bolder }
   H4 { font-size:  16px; font-weight:bolder }
   H5 { font-size:  13px; font-weight:bolder }
   H6 { font-size:  11px; font-weight:bolder } 


   H1, H2, H3, H4, H5, H6
      {
       margin-top:  0px;
       margin-bottom:  0px;
      }

   form
      {
       margin-bottom: 0px;
      }



   a  { text-decoration: none; }


   input
      {
       font-family: Verdana;       /*  Verdana; or "Courier New"; */
      /* font-size:13px; */
      }

   table
      {
       font-size:   12px;
       margin-top:   0px;
       margin-left:  0px;
       margin-right: 0px;
      }


   td.off
      {
        border: 1;
        color: blue;
        cursor: nw-resize;
        font-size: 14px;
        font-weight:  bold;
        border-color: #ffeeee;
        border-style: ridge;
        font-family:  arial, tahoma, verdana, 'sans serif';
      }

   td.ovr
      {
        border: 1;
        color: red;
        cursor: hand;
        font-size: 14px;
        border-color: red;
        border-style: ridge;
        font-family:  arial, tahoma, verdana, 'sans serif';
        font-weight: bold;
        background: #F4caB3;
      }

   td.act  
      {
        border: 1;
        color: green;
        cursor: nw-resize;
        font-size: 14px;
        border-color: red;
        border-style: ridge;
        font-family:  arial, tahoma, verdana, 'sans serif';
        font-style: italic;
        font-weight: bold;
        background: #F4caB3;
      }

   td.hid 
      {
       font-size: 12px;
       border: 1px solid white;
       color: white;
       background: #ffffff;
      }