
  BODY {font-family: arial; font-size: 14pt; }
  P {margin: 0.5em;}

  TABLE {padding:0; margin:0; border:0; border-collapse:collapse; empty-cells: show;}
  TR {padding:0; margin:0; border:0;}
  TD {padding:0; margin:0; border:0;}

  ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; cursor: default; }
  ul#tabs li { display: inline; }
  ul#tabs li a { color: #C0C0C0; background-color: #001845; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.5em 1.0em 0.3em 1.0em; text-decoration: none; }
  ul#tabs li a:hover { color: white; background-color: #00205B; }
  ul#tabs li a.selected { color: #FFFFFF; background-color: #00205B; font-weight: bold; padding: 0.7em 1.0em 0.3em 1.0em; }

  div.tabContent { border: 6px solid #00205B; padding: 0.5em; background-color: white; }
  div.tabContent.heading { border: 0; padding: 0.5em; background-color: #9099A7; }
  div.tabContent.hide { display: none; }
  div.tabContent table.metadata tr td { border: 0; padding: 0.5em; margin: 0; background-color: white; text-align: left; }
  div.tabContent table.metadata tr th { border: 0; padding: 0.5em; margin: 0; background-color: #9099A7; text-align: left; }
  div.tabContent table.metadata tr.empty { height:18px; }
  .leftcol {width: 30%;}

  ul#chooser { list-style-type: none; margin: 0 0 10px 0; padding: 0 0 0.3em 0; cursor: default; }
  ul#chooser li { display: inline; }
  ul#chooser li a { color: #000000; background-color: #9099A7; padding: 0.2em 0.5em 0.2em 0.5em; text-decoration: none; }
  ul#chooser li a:hover { color: white; background-color: #9099A7; }
  ul#chooser li a.selected { color: #FFFFFF; background-color: #9099A7; font-weight: bold; padding: 0.2em 0.6em 0.3em 0.6em; }

  .dem_ql_legend_img {display: inline-block; width: 30px; height: 200px; margin: 0.4em; border: 1px solid #000000; background: url(legendgradients.png) 0 0;}
  .dem_ql_legend_labels {display: inline-block; width: 50px; height: 200px; margin: 0.4em; position: relative;}
  .hem_ql_legend_img {display: inline-block; width: 30px; height: 200px; margin: 0.4em; border: 1px solid #000000; background: url(legendgradients.png) -30px 0;}
  .hem_ql_legend_labels {display: inline-block; width: 50px; height: 200px; margin: 0.4em; position: relative;}
  .gradient_top_label {position: absolute; top: 0; margin: 0;}
  .gradient_bottom_label {position: absolute; bottom: 0; margin: 0;}

  .container {position: relative; white-space: nowrap; overflow: visible; display: block;}
  .ql_map {display: table-cell; vertical-align: top; padding: 0; margin: 0; border: 1px solid #000000;}
  .y_axis_lines {display: table-cell; vertical-align: top; padding:1px 0 1px 0; width: 20px; margin: 0; position: relative;}
  .y_axis_labels {display: table-cell; vertical-align: top; padding: 0 0.2em 0 0.2em; width: 4em; font-size: 10pt; position: relative;}
  .y_axis_label {margin-top: -0.4em}
  .sidepane {display: table-cell; vertical-align: top; padding: 1em; height: 100%;}
  .x_axis_lines {padding: 0 1px 0 1px; height:20px; position: relative;}
  .x_axis_labels {padding: 0.2em 0 0.2em 0; height: 1em; font-size: 10pt; border: 0; position: relative;}
  .y_axis_line {height: 0px; width: 20px; border-bottom: 1px solid #000000;}
  .x_axis_line {width: 0px; height: 20px; border-right: 1px solid #000000; position: absolute;}
  .x_axis_label {position: absolute; height: 1em;}
  .axis_text {overflow: hidden;}
  .legend_cell {border: 1px solid #000000;}
  .copyright {margin-top: 1em; text-align:right; font-size: 10pt;}

