@charset "utf-8";

body {
   background-color: #fffff7;
   color: #003300;
   font-family: Georgia, Times New Roman, Times Roman, serif;
   margin: 0px;
}

div.header {
  text-align: left;
  padding: 0;
}

div.logo {
  height: 150px;
  background: url('./images/grivellogo.jpg');
  background-repeat: no-repeat;
}

div.headerlinks {
  background-color: #006600;
  color: #ffffff;
  padding: 0.3em;
  text-align: right;
/*  padding-left: 117px; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

form {
  margin: 0;
}

.spaceleft {
  padding-left: 25pt;
}

.spaceright {
  padding-right: 25pt;
}

.headerlink {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;  
}

span.username {
  color: #ffffff;
  font-style: italic;
}

div.leftmenu {
  float: left;
/*   clear: both; */
  margin: 0px;
  margin-top: 1.5em;
  margin-left: 0.5em;
  padding: 0px;
  padding-bottom: 0.5em;
  background-color: #ffffff;
  font-size: 90%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 12em;
  border: solid 2px #99cc99;
}

div.body {
  padding-left: 13em;
  padding-right: 0.5em;
  padding-bottom: 1em;
  padding-top: 1.5em;
  max-width: 35em;
  min-width: 5em;
}

div.footer {
  clear: both;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: left;
  xborder-top: solid 1px #003300;
}

h1 {
  margin: 0px;
  margin-bottom: 1em;
}

h2 {
  margin-top: 1em;
  margin-bottom: 0.5em;
/*  padding-left: 0; */
}

div.leftmenu h2 {
  margin-top: 0px;
  color: #ffffff;
  background-color: #99cc99;
  padding: 0.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-bottom: 0.5em;
}

p {
  margin: 0px;
  margin-top: 0.3em;
}

/* left-menu level 1 paragraph */
p.menu1 {
  margin-top: 0px;
  padding-left: 0.5em;
  padding-right: 1em;
  font-weight: bold;
}

/* left-menu level 2 paragraph */
p.menu2 {
  margin-top: 0px;
  padding-left: 0.5em; /* 2.5em; */
  padding-right: 1em;
}

/* left-menu level 3 paragraph */
p.menu3 {
  margin-top: 0px;
  padding-left: 0.5em; /* 4em; */
  padding-right: 1em;
}

ul.menu1 {
  margin-left: 1em;
  padding-left: 0.5em;
  list-style: square;
  color: #0000cc;
}

ul.menu2 {
  margin-top: 0;
  margin-left: 0.5em;
  padding-left: 0.5em;
  list-style: square;
  color: #0000cc;
}

ul.menu3 {
  margin-top: 0;
  margin-left: 0.5em;
  padding-left: 0.5em;
  list-style: square;
  color: #0000cc;
}

li.menu1 {
  font-weight: bold;
  list-style-image: none;
}

li.menu2 {
  font-weight: normal;
  list-style-image: none;
}

li.menu3 {
  font-weight: normal;
  list-style-image: none;
}

ul.menu1 li.active {
/*  list-style-image: url(arrow.gif);*/
  margin-left: -1.5em;
  text-indent: 1.5em;
}

ul.menu2 li.active {
/*  list-style-image: url(arrow.gif); */
  margin-left: -2.5em;
  text-indent: 2.5em;
}

li.active {
  border-bottom: solid black 1px;
  border-top: solid black 1px;
}
ul.menu3 li.active {
/*  list-style-image: url(arrow.gif);*/
  list-style: none;
  margin-left: -3.5em;
  text-indent: 3.5em;
  marker-offset: 1.5em;
}
li {
  list-style: none;
}

li:before {
  margin-left: -0.5em;
  font-weight: normal;
  content: '\2022   ';
}

ul.menu3 li.active:before {
  margin-left: -0.5em;
  content: '\2022   ';
}

p.active {
  /* background-color: #99cc99; */
}

div.leftmenu p:before {
  font-family: Courier New;
  content: "\00a0  ";
}

div.leftmenu p.active:before {
   font-family: Courier New;
   content: "> ";
}

/* signature line (author of a page) */
p.signature {
  text-align: right;
}

/* signature follow-up line */
p.signature2 {
   text-align: right;
   margin-top: 0px;
}

blockquote {
  margin: 0px;
  margin-top: 0.3em;
  margin-left: 2em;
  font-style: italic;
}

blockquote i {
  font-style: normal;
}

q:before {
   content: "\201c";
}

q:after {
   content: "\201d";
}

/* list has same top-spacing as paragraphs */
ul {
  margin-top: 0.3em;
  padding-top: 0px;
}

li {
  margin-top: 0em;
}

a.menu1 {
  text-decoration: none;
}

a.menu2 {
  text-decoration: none;
}

a.menu3 {
  text-decoration: none;
}

a.active {
  /* color: #ffffff; */
}

a:hover {
  color: #cc0000;
}

/*
a.active:before {
  content: "[";
}
a.active:after {
  content: "]";
}
*/

/* Regular tables */

table {
/*  cell-spacing: 0; */
  border: solid 1px black;
  background-color: white;
  margin-top: 0.3em;
}

tr {
  vertical-align: top;
}

th {
  text-align: left;
}

td {
  padding: 2pt;
}

/* Special: top border on cells other than the first row */
tr+tr>td, tr+tr>th {
  border-top: 1px solid black;
}


caption {
  font-weight: bold;
  text-align: left;
  font-size: 90%;
}

img {
  border: 0;
}

/* Elements for data pages */

div.tabs {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 90%;
  xborder-bottom: solid 1px black;
  margin-bottom: 0; 
  padding: 0.3em;
  padding-left: 0;
  width: 30em;
}

span.tabspace {
  padding: 0.3em;
  xborder-bottom: solid 1px black;
}

span.tabactive {
  padding-top: 0.2em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #dddddd;
  border: solid 1px black;
  border-bottom: solid 1px #dddddd;
}

span.tablink {
  padding-top: 0.2em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #eeeeee;
  border: solid 1px black;
  xborder-bottom: solid 1px black;
}

span.tabdisabled {
  padding-top: 0.2em;
  padding-bottom: 0.3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  background-color: #eeeeee;
  border: solid 1px black;
  color: #999999;
  xborder-bottom: solid 1px black;
}

a.tablink {
  text-decoration: none;
  color: black;
}

table.genrecord {
  background-color: #ffffff;
  border: solid 1px black;
  xborder-top: none;
  border-collapse: collapse;
  /*width: 100%; */
  margin-bottom: 0.5em;
  margin-top: 0;
}

table.genrecord tr {
  vertical-align: top;
}

tr.section1, tr.section3, tr.section5, tr.section7, tr.section9 {
  background-color: #dddddd;
}

tr.section2, tr.section4, tr.section6, tr.section8, tr.section10 {
  background-color: #ffffff;
}

th.label, th.label1, th.label2 {
  text-align: right;
  padding: 0.1em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  border: 0;
}

td.data, td.data1, td.data2 {
  padding: 0.1em;
  border: 0;
}

span.data, span.data1, span.data2 {
  font-family: Courier New, Courier, monospace;
  font-size: 95%;
}

span.instruction {
  font-weight: normal;
  display: block;
}

span.note {
  font-size: 90%;
}

span.editref {
  padding-left: 1em;
  text-align: right;
  font-size: 80%;
}

a.editref {
  background-color: #cccccc;
  border: 1px solid black;
  padding: 2px;
  color: black;
  text-decoration: none;
}

/*
 * Elements for edit pages
 */

table.edit {
  width: 35em;
}

tr.edit {
}

th.edit {
  text-align: right;
  vertical-align: top;
  width: 8em;
}

td.edit {
}

input.edit, textarea.edit {
  font-family: Courier New, Courier, monospace;
}

.error {
  color: #ff3333;
  font-weight: bold;
  margin-top: 0.5em;
}