/*
  Where color is specified one should also specify background
  see http://www.htmlhelp.com/reference/css
*/

hr            { background: #44aa00; color: #44aa00; border-color: #44aa00;}  /* netscape uses background color for HRs */

th	{ color: #44bb00; font-weight: bold  }

img     { border-color: #44bb00; }
 /* IE set img border to black */
 
.invisible { color: black }

A:link     { color: #aaff00; text-decoration: none }
A:hover    { color: #aaff00; text-decoration: underline }
A:active   { color: #ffff00; text-decoration: underline }
A:visited  { color: #88ee00; text-decoration: underline } /* if not underline, IE does not show hover+visited as underline */

/* A heading but no space underneath */
.item       { font-weight: bold }
.note       { font-size: 85%; color: #225d00 }

/* to pack inputs */
.packed  { margin: 2 }
.packed-first { margin-right: 2 }

/* H1 is for the title of the page */
H1 { 
    text-align: center; 
    font-weight: bold; 
    font-size: 400%;
    margin-top: 0em;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/* H2 is sub title */
H2 { 
  text-align: center;
  padding-top: 0.4em;
  margin-top: 0em;
}

/* H3 is first listed header item */

.right       { text-align: right } 

/* some code in a box */
.code   {  background: #002400;
	   padding: 1em;
	   margin-bottom: 0.24em;
	   font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, 
	                Bitstream Vera Sans Mono, Courier New, monospace;
	   font-size: 90%;
	   border-style: dashed;
	   border-width: 1;
	   border-color: #228800
	} 

tt {
    /* used for code and keys */
    font-size: 120%;
    color: #00ff80;
}

  body, textarea, input {
      color: #00c000;
      background-color: black;
      font-family: verdana, sans-serif;
  }

  input  { 
      border-color: #44ff00;
      border-width: 1  
  }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px black  inset !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #44ff00 !important;
}
  textarea {
      border: 1px solid #44bb00;
  }
  
  table.lined,  table.lined tr,  table.lined th,  table.lined td {
      border: 1px solid #44bb00; 
      padding: 0em; 
      border-spacing: 0; 
      border-collapse: collapse;
  }
  table.lined th, table.lined td {
      vertical-align: top; 
      text-align: left; 
      padding: 0.1em
  }
  /*
  ul, li { color: #00ff00}
 */
  table.invis, tr.invis, td.invis {
      border: none; 
      vertical-align: middle;  
      text-align: center; 
  }  
  


#form-div {
  width: 80%;
}
.intro {
  width: 100%;
}
#form-table {
  width: 100%;
}

.wide {
    width: 100%;
}

#form-table th {
   text-align: left;
}

#email {
  padding-right: 0px;
}
#subject {
  padding-right: 0px;
}
#content {
  width: 100%;
  padding-right: 2px;
  /* moves edge to right outside containing table */
}
#send {
  margin-right: 0px;
  /* padding-right: 0px; */
  /* right edge stays the same */
}