a {
  color: #228427;
}

a:visited {
  color: #114413;
}

a:hover {
  text-decoration: none;
}

body,div,font,th,td,p {
  font-family: "Lucida Grande", Lucida, Geneva, Helvetica, Arial, sans-serif;
}

table, th, td {
  border: none;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body, div {
  margin: 0;
  padding: 0;
}

body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

div.alert {
  clear: both;
  background: red;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 3px;
}

div.bottom {
  position: relative;
  top: 0;
  left: 0;
  padding: 3px;
  background: #232323;
  color: white;
  font-size: x-small;
  letter-spacing: +0.3em;
}

div.left {
  float: left;
  padding: 3px;
  width: 5px;
  text-align: left;
}

div.right {
  float: right;
  padding: 3px;
  text-align: right;
}

div.bottom a, div.bottom a:visited {
  color: white;
  text-decoration: none;
}

div.middle {
  border: none;
  position: relative;
  top: 0;
  left: 0;
  background: #EAF1EB;
  clear: both;
  padding: 10px;
}

div.middle div.main {
  background: white;
  padding: 10px;
  border: 1px #577258 inset;
}

div.news {
  background: white;
  border: 1px #577258 inset;
  font-size: smaller;
  margin-bottom: 10px;
  padding: 10px;
}

div.news div.header {
  font-size: larger;
  font-weight: bold;
}

div.news div.header span.age {
  float: right;
  color: #5bc942;
}

div.news div.header span.subject {
  float: left;
  color: #387e29;
}

div.spacer {
  clear: both;
}

div.tab,div.tab_picked {
  border-left: 2px solid white;
  border-right: 2px solid white;
  float: left;
  font-weight: bold;
  padding: 4px 15px 4px 15px;
}

div.tab {
  border-bottom: none;
  background: #c9e4c3;
}

div.tabico {
  border: none;
  float: right;
  padding-right: 5px;
}

div.tab a {
  color: #1c4014;
  font-weight: bold;
}

div.tab_picked {
  position: relative;
  top: 1px;
  border: none;
  border-right: 1px solid #7d867b;
  border-left: 1px solid white;
  background: #EAF1EB;
  color: #0c2004;
}

div.text {
  padding: 0px 10% 0px 5%;
}

div.top {
  position: relative;
  top: 0;
  left: 0;
}

div.top div.logo {
  float: left;
  left: 0;
  top: 0;
  padding: 8px;
  padding-bottom: 6px;
}

img.logo {
  border: none;
}

div.top div.logout {
  float: right;
  left: 50%;
  width: 49%;
  font-size: x-small;
  padding: 10px 10px 0px 0px;
  text-align: right;
}

div.top div.name {
  clear: right;
  float: right;
  font-size: 36pt;
  padding-right: 10px;
  text-align: right;
}


div.top div.logout a {
  color: #a0a0a0;
}

div.tabs {
  clear: left;
  float: left;
  width: 100%;
}

div.bot_left {
  position: absolute;
}

div.bot_right {
  position: relative;
  text-align: right;
}

table.attrbox {
  background: white;
  border: 1px solid #7d867b;
  border-collapse:collapse;
}

table.simplebox {
  background: white;
}

table.simplebox-with-border {
  border: 1px solid #7d867b;
  border-collapse:collapse;
  background: white;
}

table.simplebox-with-border td, table.simplebox-with-border.th {
  border: 1px solid #7d867b;
}

table.attrbox td {
  border: 1px solid #7d867b;
  padding: 3px;
}

table.simplebox-with-border td, table.simplebox td {
  padding: 3px;
}

th.attrtitle, td.attrtitle {
  color: #387e29;
}

/* For the left-hand half of a name/value pair in a table */
td.attrname {
  text-align: right;
  font-weight: bold;
}

/* For the left-hand half of a name/value pair in a table */
td.attrvalue {
  text-align: left;
}

/*  For generic tables with multiple columns */
td.attribute {
  text-align: center;
}

tr.attrrow1 {
  background: #bdd6bb;
}

tr.attrrow2 {
  background: white;
}

/* Holds one block of an element in a SimpleForm, but we also want it
shoved over to the right.  Have several tables with two columns where
the right hand column should be using this element, instead of the way
it's being done now (either with align=right or overriding its style) */
td.rightsimpleelement {
  text-align:right;
}

td.leftsimpleelement {
  text-align:left;
}

tr.simpleformrow {
  background: #EAF1EB;
}

div.actionbox {
  position: relative;
  float: right;
  background: #387e29;
  padding: 10px;
  width: 220px;
  margin-bottom: 10px;
}

input.actionbox {
  background: #387e29;
  color: white;
  padding: 3px;
}

div.aboxtitle {
  background: #5bc942;
  color: white;
  padding: 3px 10px 3px 10px;
}

div.aboxbody {
  border-bottom: 1px dotted #5bc942;
  font-size: smaller;
  line-height: 200%;
}

div.aboxbody a, div.aboxbody a:visited {
  color: white;
}

table.list {
  border-bottom: 1px white solid;
  border-collapse: collapse;
  border-top: 1px #444444 solid;
  border-right: 1px white solid;
  border-left: 1px #444444 solid;
  margin-left: 0px;
  margin-right: auto;
  text-align: left;
  padding: 0px;
}

table.list td {
  padding: 0px 8px 0px 8px;
}

table.list th {
  background: #6bd952;
  color: white;
  font-weight: normal;
  padding: 0px 15px 0px 15px;
  text-align: center;
}

table.list tbody tr.row0 td {
  background: #f6fff8;
  color: black;
}

table.list tbody tr.row1 td {
  background: #ddeadb;
  color: black;
}

th.wizItem, th.wizError {
  border: 2px white solid;
  vertical-align: middle;
  padding: 10px;
  width: 100px;
}

th.wizItem {
  background: #ddeadb;
  color: #1c4014;
}

th.wizError {
  background: #eadddb;
  color: #401c14;
}

td.wizError input {
  background: #eadddb;
}

td.wizItem, td.wizError {
  border: 2px white solid;
  padding: 3px 10% 3px 3px;
}

div.wizHeader {
  text-align: center;
}

div.wizError {
  padding-left: 5px;
  color: #7e3829;
}

a.box { border: 1px outset; padding: 0px 5px 0px 5px; color: white; background: #387e29; font-size: smaller; }
a:visited.box { border: 1px outset; padding: 0px 5px 0px 5px; color: white; background: #387e29; font-size: smaller; }

.zebra tbody tr td a { color: #003000; }
.zebra tbody tr td a:visited { color: #400040; }


.zebra .renewal_exp:nth-child(odd) { background: #ff6666; }
.zebra .renewal_exp:nth-child(even) { background: #ffb2b2; }
.zebra .renewal_1day:nth-child(odd) { background: #ff8473; }
.zebra .renewal_1day:nth-child(even) { background: #ffc1b9; }
.zebra .renewal_1week:nth-child(odd) { background: #ffa381; }
.zebra .renewal_1week:nth-child(even) { background: #ffd1c0; }
.zebra .renewal_1month:nth-child(odd) { background: #ffc18e; }
.zebra .renewal_1month:nth-child(even) { background: #ffe0c6; }
.zebra .renewal_3months:nth-child(odd) { background: #ffe09c; }
.zebra .renewal_3months:nth-child(even) { background: #ffefcd; }
.zebra .renewal_6months:nth-child(odd) { background: #ffffaa; }
.zebra .renewal_6months:nth-child(even) { background: #ffffd4; }