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 }

  .clear { clear:both; display:block; position:relative; text-align:left }

  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 }
  .tt { font-family:monospace; font-size:inherit }

  table.menu {
     width:50%; border-collapse:collapse; border-spacing:10px;
  }
  table.menu td {
     width:7.69%;
     border-right: 1px solid darkmagenta;
     text-align:center;
     vertical-align:middle;
     font-family:ariel,sans-serif;
     font-size:13px;
     font-weight:bold;
     padding:3px;
     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; text-decoration:underline }
  .menu a:active { color:black  }
  .menu .this { background-color:lightgrey }

  .qq { background: thistle; height:16; border: 2px solid;
        border-style: outset; font-family:sans-serif;
        border-color: pink;
        padding:0; margin:0; padding-left:4; padding-right:4 }
  .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 4 0 8; border:1px solid grey }


  .boton { background: #eeeeee; border: 2px solid grey; border-style:outset;
        font-family:sans-serif; font-size:11pt; 
        padding:0; margin:0; padding-left:4; padding-right:4 }
  .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: 8 0 8 0;
    border:1px solid black;
    font-size: 11pt
  }
  .buttonbox td { padding: 8 8 8 12; } 

  .normalmargins { margin: 0 20 0 14 }

  .contents form { margin:0; padding: 0 }
  .contents fieldset { padding:0 8 8 8;
    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:8;margin-bottom:4 }  
  ul.contents { font-size:14pt;margin-top:8;margin-bottom:4 }  
  ol.contents li { margin:0;padding:0 0 6 0 }  
  ul.contents li { margin:0;padding:0 0 6 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 }

  table.footnote {
    width:80%;
    max-width:400px;
    font-size:86%;
    border-top:1px solid black;
    margin-top:10px;
  }
  table.footnote td { font-size:90%; padding-left:10px; vertical-align:top; }
  table.footnote td:first-child {
    text-align:right; font-size:20px; font-weight:normal; padding:0;
  }

  div.references {
     margin-top:22px; margin-bottom:0; padding-bottom:0;
     font-size:110%; font-style:italic; border-top:1px dotted grey;
  }
  ol.references { font-size:86% }
  ol.references li { margin-bottom:6px; margin-right:4% }
  ol.references { margin-top:4px }

  div.references ol { font-size:86%; margin-top:4px }
  div.references ol li { margin: 0 4% 6px 0; font-style:normal }

  .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;
  }