@import url( '/css/zebra.css' );

a {
  color: #228427;
}

a:visited {
  color: #114413;
}       

a:hover {
  text-decoration: none;
}      

abbr.tooltip {
  color: #228427;
  cursor: help;
}

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 {
	clear: both;
	position: relative;
	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.auto-right {
	overflow: hidden;
	text-align: right;
	width: auto;
}

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;
	background: #EAF1EB;
	clear: both;
	padding: 10px;
	min-height: calc( 100vh - 155px );
}

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

div.notify {
  background: white;
  border: 1px solid #7d867b;
  margin-left: 2%;
  margin-right: 2%;
}

div.notify div.header {
  background: #bdd6bb;
  border-bottom: 1px solid #7d867b;
  color: #387e29;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

div.notify div.body {
  padding: 30px 3% 10px 5%;
  text-align: left;
}

div.notify div.buttons {
  text-align: center;
  padding: 0px 10% 25px 10%;
}

div.buttons a.box {
  padding: 5px 10px;
  margin: 0px 30px;
}

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 {
	overflow: hidden;
	height: 80px;
	left: 0;
	padding: 5px;
	top: 0;
}

div.top div.logo {
  left: 0;
  top: 0;
  padding: 0px;
}

img.logo {
  float: left;
  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%;
	height: 26px;
	margin: none;
	padding: none;
}

div.error, div.success, div.warning {
	clear: both;
	border-radius: 8px;
	padding: 12px 32px;
	margin: 12px;
}

div.error {
	background: #ffc0c0;
	color: black;
}

div.success {
	background: #c0ffc0;
	color: black;
}

div.warning {
	background: #ffffc0;
	color: black;
}

div.alertbody {
	padding-bottom: 12px;
}

div.alertheader {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 12px;
}


div.bot_left {
  position: absolute;
}

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

table.simplebox {
  background: white;
}

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

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

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

table.results {
	white-space: nowrap;
}

table.results td {
	font-family: monospace;
	padding-right: 15px;
	text-align: left;
}

table.results th {
	text-align: left;
}

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;
}

td.attrvalue-wrap {
	text-align: left;
	white-space: normal;
}

/*  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 {
	background: #387e29;
	border-radius: 6px;
	position: relative;
	float: right;
	padding: 10px;
	width: 220px;
	margin-bottom: 10px;
	margin-left: 10px;
}

input.actionbox {
  background: #387e29;
  color: white;
  padding: 3px;
}
 
div.aboxtitle {
  background: #5bc942;
	border-radius: 6px 6px 0 0;
  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;
	white-space: nowrap;
}

table.list tbody tr td {
  padding: 0px 10px;
}

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; border-radius: 0; padding: 1px 5px 1px 5px; color: white; background: #387e29; font-size: smaller; font-weight: normal }
a:active.box { border: 1px inset; }
a:visited.box { border: 1px outset; padding: 0px 5px 0px 5px; color: white; background: #387e29; font-size: smaller; }
a.faq { font-size: 80% };

table.attrbox {
	border: none;
	border-collapse: separate;
	border-color: #7d867b;
	border-radius: 6px;
	white-space: nowrap;
}

span.subdomain {
  color: #444444;
}

dt {
	padding: 8px 2px 3px 2px;
	font-weight: bold;
}

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

table.data {
	background: white;
	border: 1px solid black;
	color: black;
}

table.data td, table.data th {
	border: 1px solid black;
	padding: 3px;
}

div.facepalm {
	background: #ff8080;
	background-image: url( '/images/facepalm.png' );
	background-position: 25px 25px;
	background-repeat: no-repeat;
	border: 2px solid red;
	clear: both;
	margin: 20px 5%;
	padding: 20px 20px 20px 200px;
}


a.button {
	background: #387e29;
	border: 1px outset;
	border-radius: 4px;
	color: white;
	font-size: smaller;
	font-weight: normal;
	padding: 1px 5px 1px 5px;
}
a:active.button {
	border: 1px inset;
}

td.empty_table {
	padding: 8px;
	max-width: 600px;
	min-width: 500px;
}

td.empty_table p {
	margin-left: 50px;
	margin-right: 50px;
}

.acenter { text-align:  center; }
.aleft   { text-align:  left;   }
.aright  { text-align:  right;  }
.nowrap  { white-space: nowrap; }

ul.spaced li {
	margin-bottom: 10px;
}

ul.blank {
	list-style-type: none;
}

ul.blank li {
	margin-bottom: 12px;
}