/* basic html elements */
  /* font  style-variant-weight-size-fontfamily */
  /* margin & padding  top-right-bottom-left */
  /* background   color-image-repeat-attachment-position */


body     {
           font: normal normal normal medium Verdana, Helvetica, sans-serif;
           background-color:  #FFFFFF;
           color: #000000;
           min-width: 600px;
           border-collapse: collapse;
         }

h1, h2, h3
  { font-weight: bold;  font-size: medium;  text-align: center; }
    h2    { font-size: small; }
    h3    { font-variant: small-caps; font-size: small; }

table
  { background-color: #FFFFFF;
    color: #000000;
    border-collapse: collapse;
    empty-cells: show;
    padding: 0px;
    text-align: left;
  }
    thead { display: table-header-group; }
    tfoot { display: table-footer-group; }

    td.info, tr.info
      {
        background-color: #B0C4DE;
        font-size:  x-small;
        text-align: center;
        vertical-align: middle;
        white-space: normal;
      }

textarea
  {  font-size: small;    }
input
  { border: 1px solid #000000;
    font-size: small;
    font-family: arial, arial, sans-serif;
    text-align: left;
    margin: 0px;
    padding: 0px 0px 0px 5px;
  }
option  { font-size: small; }

a
  { cursor: pointer;
    color: #000000;
    text-align: center;
    white-space: nowrap;
  }
  a:link, a:visited { color: #000000; }
  a:hover, a:active { background-color: #808080; color: #FFFFFF; }

p { text-align: left; padding: 0px 10px 0px 10px; }

span  { color: red; }

/* classes for html elements */

  .btn, .btno, .btnB, .btnNext, .btnRadio, .btnRadioChkd
    { cursor: pointer;
      border: 2px outset #A9A9A9; background-color: #C0C0C0; color: #000000;
      visibility: visible;
      text-align: center;
      font-style: normal;
      font-weight: normal;
      font-size: x-small;
      position: relative;
      text-decoration:none;
      white-space: nowrap;
    }
      .btn  { padding: 1px 2px 1px 2px; }
        .btn:link , .btn:visited { color: #000000; }
        .btn:hover    { border: 2px inset #A9A9A9; background-color: #808080; color: #FFFFFF; }
        .btn:active   { color: #000000; }

      .btno  { border: 2px groove #A9A9A9; padding: 1px; margin: 1px; }
        .btno:link , .btno:visited { color: #000000; }
        .btno:hover    { border: 2px ridge #A9A9A9; background-color: #808080; color: #FFFFFF; }
        .btno:active   { color: #000000; }

      .btnB { padding: 3px 5px 3px 5px; font-size: medium;  font-weight: bold; }
        .btnB:link , .btnB:visited { color:#000000; }
        .btnB:hover   { border: 2px inset #A9A9A9; background-color: #808080; color: #FFFFFF; }
        .btnB:active  { color: #FFFFFF; }

      .btnRadio, .btnRadioChkd  { padding: 3px 6px 3px 6px; font-size: small; }
        .btnRadio {  border: 3px outset #A9A9A9; background-color: #C0C0C0; color: #000000; }
          .btnRadio:link , .btnRadio:visited { color:#000000; }
          .btnRadio:hover   { background-color: #808080; color: #FFFFFF; }
          .btnRadio:active  { ; }
        .btnRadioChkd { border: 3px inset #A9A9A9; background-color: #808080; color: #FFFFFF; }
          .btnRadio:link , .btnRadio:visited { color: #FFFFFF; }
          .btnRadioChkd:hover   { background-color: #C0C0C0; color: #000000; }
          .btnRadioChkd:active  { ; }

  .nosee  { display:none; }
  .clear  { background-color: transparent; }
  .blank  { background-color: transparent; }


  .aLft   { text-align: left;   }
  .aRt    { text-align: right;  }
  .aCtr   { text-align: center; }
  .aJst   { text-align: justify; }

  .nopad  { margin: 0px; padding: 0px; }

  .bld    { font-weight:bold; }
  .nowrp  { white-space: nowrap; }
  .wrap   { white-space: normal; }

  .bdr    { border: 1px solid #000000;  }
  .botbdr { border-bottom: 1px solid #000000;  }
  .nobdr  { border: 1px solid transparent;  }


  .CHide  { background-color: #778899; color: #778899; }

  .BGy    { background-color: #FFFF69; }
  .BGw    { background-color: #FFFFFF; }
  .BGr    { background-color: #FF6347; }

  .w5p    { width: 5%; min-width: 5%; max-width: 5%;}
  .w10p   { width:10%; min-width:10%; max-width:10%;}
  .w15p   { width:15%; min-width:15%; max-width:15%;}
  .w20p   { width:20%; min-width:20%; max-width:20%;}
  .w25p   { width:25%; min-width:25%; max-width:25%;}
  .w30p   { width:30%; min-width:30%; max-width:30%;}
  .w35p   { width:35%; min-width:35%; max-width:35%;}
  .w40p   { width:40%; min-width:40%; max-width:40%;}
  .w45p   { width:45%; min-width:45%; max-width:45%;}
  .w50p   { width:50%; min-width:50%; max-width:50%;}
  .w60p   { width:60%; min-width:60%; max-width:60%;}
  .w65p   { width:65%; min-width:65%; max-width:65%;}
  .w70p   { width:70%; min-width:70%; max-width:70%;}
  .w75p   { width:75%; min-width:75%; max-width:75%;}
  .w80p   { width:80%; min-width:80%; max-width:80%;}
  .w90p   { width:90%; min-width:90%; max-width:90%;}
  .w98p   { width:98%; min-width:98%; max-width:98%;}

  .w100   { width:100px; min-width:100px;}

  .box, .infobox, .infoboxx, .choicebox
    { border: 1px solid #000000;
      padding: 5px;
      margin: 0px 1px 0px 1px;
      position: relative;
      vertical-align: top;
    }
  .infoboxx   { background-color: white;
                font-size: small;
                text-align: left;
              }
  .infobox    { background-color:   #B0C4DE;
                padding: 5px 15px 5px 15px;
                text-align: center;
              }
  .choicebox  { background-color: #e4e4e4;
                text-align: center;
              }
    h1.choicebox
      { color:#FFFFFF;
        background-color: #447744;
        font-variant: small-caps;
        text-align: left;
        margin: 0px;
        padding: 10px;
      }

  .warnbox  { border: 4px solid #FF1919;
              padding: 4px 4px 4px 55px;
              margin: 0% 10% 0% 10%;
              text-align: left;
              font-weight: bold;
              /* left: 10%; right: 10%; */
              /* position: absolute; */
              width: 80%;
            }

  .optionSet  { padding: 5px;  }



 /* specific div tags */

  #tpanel
    {
      width: 100%;
      position: absolute;
      top: 0%; left: 0%; right: 0%;
    }
  #cpanel
    {
      width: 60%;
      position: absolute;
      top: 18%; left: 20%; right: 20%;
    }
  #lpanel
    {
      width: 20%;
      position: absolute;
      top: 18%; left: 0%; right: 80%;
    }
  #rpanel
    {
      width: 20%;
      position: absolute;
      top: 18%; left: 80%; right: 0%;
    }

  #c2panel
    {
      width: 90%;
      position: absolute;
      top: 18%; left: 10%; right: 0%;
      margin: 1%;
    }

  #l2panel
    {
      width: 10%;
      position: absolute;
      top: 18%; left: 0%; right: 90%;
      margin: 1%;
    }

  #bpanel
    {
      width: 90%;
      position: absolute;
      top: 70%; bottom: 0%; left: 5%; right: 5%;
      padding: 0px 0px 0px 0px;
    }

  #step    { text-align: center; white-space: nowrap; }
  #step h1 { font-weight: bold; font-size: 14pt;
             padding: 4px; margin: 0px;
           }
  #step span { color: #000000; font-size: small; font-variant: small-caps; font-weight: bold;}

  #IE8_mid { background: #FFFF69 url('compatible_ie.gif') no-repeat center left; }

  #IE8_tl  { background: #FFFFFF url('compatible_ie.gif') no-repeat top left;
             border: 1px solid #000000;
              padding: 4px 4px 4px 55px;
              margin: 0% 10% 0% 10%;
              text-align: left;
              font-weight: bold;
              width: 80%;
           }

  #BangWarning { background: #FFFF69 url('NoticeBang.gif') no-repeat center left;
                border: 4px solid #FF1919;
                padding: 4px 4px 4px 55px;
                margin: 0% 10% 0% 10%;
                text-align: left;
                font-weight: bold;
              width: 80%;
            }

  #notice { border: 2px solid #000000;
            /* background: #FFFF69 url('NoticeBang.gif') no-repeat center left; */
            background: #FFFFFF url('NoticeBang.gif') no-repeat center left;
            padding: 4px 0px 4px 55px;
            text-align: left;
          }

  #notice2 { border: 2px solid #000000;
             padding: 4px 4px 4px 0px;
             text-align: left;
             background: #FFFF69;
           }
  #notice2 p { background: #FFFF69 url('NoticeBang.gif') no-repeat center left;
               padding: 4px 0px 4px 55px;
             }

  #infoboxes { background-color: #447744; padding: 5px; }
  #msgbox    { font-weight: normal; font-size: medium; white-space: nowrap; color: #FFFFFF;
               margin: 5px 0px 5px 10px;

             }
  #arfBox    { margin: 0px 0px 0px 0px; padding: 5px; text-align: center; font-weight: bold;
               background-color: #DADADA; border: 1px solid #000000;
             }
  #arfBox span { color: red; }
  #arfBox p  { font-size: x-small; margin: 0px; padding: 8px 0px 0px 0px; text-align: center; vertical-align: bottom; }


  #pageHeader { display: table-header-group;
                width: 98%;
              }
  #pageHeader p  { padding-left: 10px;  }

  #pageFooter { display: table-footer-group;
                background-color:   #B0C4DE;
                width: 98%;
              }
  #pageFooter h1 { font-weight: bold; font-variant: small-caps; text-align: center; }
  #pageFooter p  { text-align: left; padding-left: 10px;  }
  #pageFooter input { display:none; }
  #pageFooter span input { display: inline;
                           position: relative;
                           float: left;
                           left: 45%;
                           font-size: x-small;
                           background-color: #C0C0C0;
                           border: 2px outset #000000;
                           text-decoration:none;
                           padding-left: 2px;  padding-right: 2px;
                         }

  #Accomm       { background-color: #D3D3D3;  }
  #Accomm h1    { color: #000000; font-weight: normal; font-size: medium; font-variant: small-caps; text-align: left; margin: 0px; padding: 0px; }
  #Accomm table { border-collapse: collapse;
                    overflow: auto;
                    empty-cells: show;
                    /* background-color: #e4e4e4; */
                    font-size: small;
                    text-align: left;
                    width: 100%;
                  }
  #Accomm tr    { font-weight: bold; }
  #Accomm td    { padding: 5px; vertical-align: middle;   }
  #Accomm input { border: 1px solid #000000;  font-size: x-small; }
  #Accomm textarea  { border: 1px solid #000000; }

      #distinfo table     { border-color: #000000; }
      #distinfo td.blank  { background-color: transparent; border-color: #000000; }
      #cdcblk td.info  { width: 20%; }

      #contactblk span { color: #000000; }

      #infoboxes div { font-size: x-small; padding: 5px; }


      #rqstinfo p     { background-color: #FFFFFF; margin:0px; padding: 4px; border: 1px solid #000000; font-weight: normal; }
      #rqstinfo div   { font-size: x-small; margin:0px; padding:0px; vertical-align: middle; }
      #rqstinfo td    { border: 1px solid #000000; }

      #cBoxes       { text-align: left; }
      #cBoxes input { margin-left:50px; }

      #admininfo p      { background-color: #e4e4e4; font-weight: bold; }
      #admininfo span   { color: red;  }
      #admininfo td     { width: 50%; }

      #rqst2info div    { font-size: x-small; margin:0px; padding:0px; vertical-align: middle; }
      #rqst2info input  { background-color: #C0C0C0; }
      #rqst2info td     { text-align: left; width: 50%; border: 1px solid #000000; }

      #actninfo td     { width: 50%;  }

      #suppinfo td  { width: 50%;  }
      #suppinfo p   { background-color: #e4e4e4; font-weight: bold; }

      #captcha  td  { width: 30%;  text-align: center;  }