/*****************************************************/
/*  rmg_screen.css -- Report On-screen Style Sheet   */
/*****************************************************/
body .normal {font-family: Arial, sans-serif; font-size: 10pt}

.condensed {font-family: Arial Narrow, sans-serif; font-size: 8pt}
/************************************/
/*  Scrolling Table stuff here...   */
/************************************/

/*
div.tableTitle {
  background-image: url(../images/logo.jpg);
  background-repeat: no-repeat;
  }
*/


.noDisplay {
  display: none;          /* Hide screen-only elements */
  }

div.tableContainer {
  width: 100%;
  height: 435px;  /* must be greater than tbody */
  overflow: auto;
  margin: 0 auto;
  }

pre {
  font: 10pt Courier, monospace;
  }

table {
  width: 100%;
  border: solid 1px slategray;
  vertical-align: top;
  }

table.sortable>tbody {
  overflow: auto;
  }

table.sortable thead th {
  /* font-size: 12pt; */
  font-weight: bold;
  text-align: left;
  background-color: navajowhite;
  border-top:    solid 1px slategray;
  border-bottom: solid 1px slategray;
  position: relative;
  top: expression(document.getElementById("data").scrollTop-2);
  }

table.fixed-header>tbody {
  overflow: auto;
  height: 380px;
  }

table.fixed-header thead th {
  /*font-size: 12pt; */
  font-weight: bold;
  text-align: left;
  background-color: navajowhite;
  border-top:    solid 1px slategray;
  border-bottom: solid 1px slategray;
  position: relative;
  top: expression(document.getElementById("data").scrollTop-2);
  }

table.striped thead th {
  /* font-size: 12pt; */
  font-weight: bold;
  text-align: left;
  background-color: navajowhite;
  border-top:    solid 1px slategray;
  border-bottom: solid 1px slategray;
  }

tr {
  height: 1em;
  }

td {
  color: #000;
  font-weight: normal;
  /* font-weight: bold; */
  /* font-size: 12pt; */
  text-align: left;
  vertical-align: top;
  border-bottom: solid 1px slategray;
  }

.borderless-label {
  color: #000;
  /* font-size: 12pt; */
  font-weight: normal;
  text-align: right;
  border-bottom: none;
  }

.borderless-head {
  color: #000;
  /* font-size: 12pt; */
  font-weight: normal;
  font-size: 90%;
  text-align: left;
  border-bottom: none;
  }

.borderless-data {
  color: #000;
  /* font-size: 12pt; */
  font-weight: bold;
  /* text-align: left; */
  border-bottom: none;
  }

/* Grins- separate 'borderless' and 'label/head/data' */
.borderless {
  color: #000;
  border-bottom: none;
  }

.label {
  text-align: right;
  }
.head {
  font-size: 90%
  }
.data {
  font-weight: bold;
  }
/* EOGrins */

table.sortable tfoot td,
table.fixed-header tfoot td,
table.striped tfoot td {
  /* font-size: 12pt; */
  /* text-align: left; */
  border-bottom: none;
  }

/*******************************************/
/*  Stripes / Row highlighting             */
/*  :hover only works for Mozilla & IE 7+  */
/*******************************************/

/* tr.odd, */
tbody.odd  {
  background-color: cornsilk;
  }

/*tr.even, */
tbody.even {
  background-color: white;
  }

/* tr.even:hover,tr.odd:hover, */
tbody.even:hover,tbody.odd:hover
 { background-color: lightblue; }

/************************************/
/*   Sortable table stuff here...   */
/************************************/

table.sortable a.sortheader {
  font-weight: bold;
  text-decoration: none;
  }

table.sortable span.sortarrow {
  color: black;
  text-decoration: none;
  }

/************************************/
/* hover mugshots...                */
/************************************/

a.hovershow           {text-decoration: none;}
a.hovershow img       {display: none;}
a.hovershow:hover     {position: relative;}
a.hovershow:hover img {display: block;
                       border: none;
                       position: relative;
                       top: 0em;
                       left: 1em;
                       height: 6em;
                       z-index: 100;
                       }
/************************************/
/* Report Options Menu bits here... */
/************************************/

#sortMenu {
        position:absolute;
        width:400px;
        background-color:#F4F4F4;
        border:1px solid #333;
        }

#sortMenuHeader {
  cursor:move;
        margin:2px;
        padding:2px;
        width: 98%;
        color:white;
        background-color: navy;
        font-weight: bold;
        }

.showstate{
  margin-top: 2px;
  margin-right: 3px;
  }

.headers{
  width: 300px;
  font-size: 120%;
  font-weight: bold;
  border: 1px solid black;
  background-color: lightyellow;
  }

.sortMenuTable{
  border-spacing: 0;
  text-align: center;
  }

.switchcontent{
  width: 400px;
  border: 1px solid black;
  border-top-width: 0;
  }