body { font-family:calibri,arial narrow,sans-serif,times; font-size:12pt;
          color:black; background:white; margin:0; padding:0; border:0 }

  .white { color:white }
  .white a:link { color:white }
  .white a:visited { color:white }
  .white a:hover { color:fuchsia }
  .white a:active { color:fuchsia }

  .blue { color:blue }
  .blue a:link { color:blue }
  .blue a:visited { color:blue }
  .blue a:hover { color:fuchsia }
  .blue a:active { color:fuchsia }

  .green { background:#006060; color:lightgrey }
  .green a:link { color:gold }
  .green a:visited { color:gold }
  .green a:hover { color:yellow }
  .green a:active { color:white }

  .gray { background:gray; color:darkmagenta }
  .gray a:link { color:purple }
  .gray a:visited { color:purple }
  .gray a:hover { color:fuchsia }
  .gray a:active { color:fuchsia }

  .dm { color:darkmagenta }
  .dm a:link { color:darkmagenta }
  .dm a:visited { color:darkmagenta }
  .dm a:hover { color:fuchsia }
  .dm a:active { color:fuchsia }

  .dmx a:link { color:darkmagenta }
  .dmx a:visited { color:darkmagenta }
  .dmx a:hover { color:fuchsia }
  .dmx a:active { color:fuchsia }

  .tt { font-family:monospace; font-size:88% }
  my-tt { font-family:monospace; font-size:88% }
  my-big { font-size:110% }
  my-small { font-size:90% }

  td { vertical-align: top; }
  td.a { vertical-align: top; font-style: normal }
  td.b { vertical-align: top; font-weight: bold }
  td.c { vertical-align: middle }
  td.z { vertical-align: bottom }

  .shadedarea { border:1px solid darkgrey; background:#eeeeee; padding:12 }
  .noline { border:0 }

  .menuflex a { text-decoration:none }
  .menuflex a:link { color:darkmagenta  }
  .menuflex a:visited { color:darkmagenta }
  .menuflex a:hover { color:indigo; font-variant:small-caps }
  .menuflex a:active { color:black }

  div.menuflex {
     background:#eeeeee;
     border-top: 1px solid mediumorchid;
     border-bottom: 1px solid mediumorchid;
     width: 100%;
     font-family:calibri, arial narrow, arial, sans-serif, times;
     font-size:13px;
     display: table;
     table-layout: fixed;
  }
  div.menuflex ul {
     margin: 0;
     padding: 0;
  }
  div.menuflex ul li {
     background-color: lightblue;
     list-style: none;
     text-align: center;
     text-decoration: none;
     font-size:13px;
     font-weight:bold;
     color: darkmagenta;
     padding: 2px 0 2px 0;
     border-right: 1px solid plum;
  }
  div.menuflex ul li.this {
     color:black;
     background-color: #e0e0e0;
  }
  div.menuflex ul li:hover { background-color:thistle }

  div.menuflex ul {
     line-height:1.1;
     display: table-row;
  }
  div.menuflex ul li {
     display: table-cell;
  }
  div.menuflex.bottom {
     border-bottom:0;
  }

  .menu table {
     margin:0;
     width:inherit;
     background:lightblue;
     border-collapse:collapse;
     border-spacing:0
  }
  .menu td {
     width:7.69%;
     border-right: 1px solid darkmagenta;
     text-align:center;
     font-family:arial,sans-serif;
     font-size:12px;
     font-weight:bold;
     padding:3px;
     margin:0;
     background: lightblue
  }
  .menu td:hover { color:black; background-color:plum }
  .menu td.left { border-left:0 }
  .menu td.right { border-right:0 }
  .menu a { text-decoration:none }
  .menu a:link { color:darkmagenta  }
  .menu a:visited { color:darkmagenta }
  .menu a:hover { color:black }
  .menu a:active { color:black  }
  .menu .this { background-color:lightgrey }

  .qq { background: thistle; height:16px; border: 1px solid;
        border-style: outset; font-family:sans-serif;
        border-color: pink;
        padding:0; margin:0; padding-left:4px; padding-right:4px }
  .qq a:link { color:black; text-decoration:none }
  .qq a:visited { color:black; text-decoration:none }
  .qq a:hover { color:fuchsia; text-decoration:none }
  .qq a:active { color:fuchsia; text-decoration:none }
  span.qq:hover { background:mistyrose }

  table.compact { border-collapse:collapse }
  table.compact th { text-align:left; background:#eeeeee }
  table.compact td,th { padding:0 4px 0 8px; border:1px solid grey }


  .boton { background: #eeeeee; border: 1px solid grey; border-style:outset;
        font-family:sans-serif; font-size:11pt; 
        padding:0; margin:0; padding-left:4px; padding-right:4px }
  .boton a:link { color:purple; text-decoration:none }
  .boton a:visited { color:purple; text-decoration:none }
  .boton a:hover { color:fuchsia; text-decoration:underline; }
  .boton a:active { color:fuchsia; text-decoration:underline }
  span.boton:hover { background:mistyrose }
  td.boton:hover { background:mistyrose }

  .buttonbox { width:96%;
    background: #dddddd;
    background-image:url('bggray-8.jpg');
    margin: 8px 0 8px 0;
    border:1px solid black;
    font-size: 11pt
  }
  .buttonbox td { padding: 8px 8px 8px 12px; } 

  .normalmargins { margin: 0 20px 0 14px }

  .contents form { margin:0; padding: 0 }
  .contents fieldset { padding:0 8px 8px 8px;
    background:#eeeeee;border:1px solid plum }
  .contents legend { color:slateblue; font-size:16pt; font-weight:bold;
    font-style:italic; font-family:times }

  ol.contents { font-size:14pt;margin-top:8px;margin-bottom:4 }  
  ul.contents { font-size:14pt;margin-top:8px;margin-bottom:4 }  
  ol.contents li { margin:0;padding:0 0 6px 0 }  
  ul.contents li { margin:0;padding:0 0 6px 0 }  

  .contents a:link { color:darkmagenta; text-decoration:none }
  .contents a:visited { color:darkmagenta; text-decoration:none }
  .contents a:hover { color:fuchsia;  text-decoration:underline }
  .contents a:active { color:fuchsia; text-decoration:none }

  .buttons a:link { text-decoration:none }
  .buttons a:visited { text-decoration:none }
  .buttons a:hover { text-decoration:underline }
  .buttons a:active { text-decoration:underline }
  .buttons button { font-weight:bold }

  blockquote.inset { border:1px solid grey; padding:16px; background:#eeeeee }

  .simpleForm form label {
   display: block;
   float: left;
   width: 200px;
  }
  .appSection label {
   display: block;
   float: left;
   width: 200px;
  }
  .appSection input {
   font-size: 11px;
  }
  .appSection label,
  .appSection input,
  .appSection select {
   margin-bottom:0;
  }