/* Global */
body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11pt;
  line-height: 140%;
  color: #1a1a1a;
  width: 600pt;
  margin: 5pt auto;
}
p.error {
  color: #FF0040;
}
div.error {
  margin: 20pt auto 15pt auto;
  border: 2pt solid #FF5C5C;
  padding: 5pt;
  width: 50%;
  background: #FFDFDF;
}
div.message {
  margin: 20pt auto 15pt auto;
  border: 1px solid #cccccc;
  padding: 5pt;
  width: 50%;
  background:#E7EFF7;
}
span.inactive {
  color: #FF0040;
}
span.active {
  color: #32CD32;
}
span.pending {
  color: #F77C13;
}
h1, h2, h3 {
  margin: 15pt auto 10pt auto;
}
span.domain, span.email, span.alias, span.user, span.list, span.code {
  font-family: Inconsolata, "Lucida Console", "Droid Sans Mono", Cousine, monospace;
}
.errorhttp {
  font-family: serif, times;
  margin: 25pt auto;
  text-align: center;
  font-size: 25pt;
  font-weight: bold;
}


/* Login form */
form.loginform {
  margin: 0 auto;
  border: 1px solid #cccccc;
  padding: 10pt;
  position: relative;
  width: 300px;
  background: #F5F5F5;
}
table.loginform, table.antispam {
  margin:0 auto 5pt auto;
  border-collapse:collapse;
}
table.loginform td {
  padding:0 5pt 0 0;
}
.loginform {
  text-align: center;
  font-size: 12pt;
}
td.label {
  text-align: right;
  vertical-align: top;
}
table.antispam td.label {
  text-align: justify;
  vertical-align: middle;
  width: 65%;
}
table.antispam td {
  text-align: left;
  padding: 0 0 0 15pt;
  width: 35%;
  font-size: 10pt;
}
div.antispam {
  font-size: 10pt;
  margin:1.5em auto 0 auto;
  width: 95%;
}


/* Header */
#header {
  width: 100%;
}
#header .column {
  position: relative;
  padding: 0pt;
  border: 0pt;
  font-size: 9pt;
}
#header .left {
  width: 50%;
  float: left;
  text-align: left;
}
#header .right {
  width: 45%;
  float: right;
  text-align: right;
}


/* Listing modes */
#domainstatus {
  margin: 10pt auto;
}
.description {
  text-align: justify;
  font-style: italic;
  margin: auto;
  width: 80%;
}
table.list {
  border-top:1px solid #e5eff8;
  border-right:1px solid #e5eff8;
  margin:1em auto;
  border-collapse:collapse;
  margin: 0 auto;
  width: 90%;
}
table.list td {
  color:#678197;
  border-bottom:1px solid #e5eff8;
  border-left:1px solid #e5eff8;
  padding:.3em 1em;
  text-align:center;
}
table.list tr.odd td {
  background:#f7fbff
}
table.list th {
  font-weight: normal;
  color: #678197;
  text-align:left;
  border-bottom: 1px solid #e5eff8;
  border-left: 1px solid #e5eff8;
  padding: .3em 1em;
}
table.list thead th {
  font-size: 12pt;
  font-weight: 600;
  background: #f4f9fe;
  text-align: center;
  color:#66a3d3
}
table.align {
  border:1px solid #e5eff8;
  margin:1em auto;
  border-collapse:collapse;
  margin: 0 auto;
}
table.align td {
  color:#678197;
  border: 0;
  padding:.3em 1em;
  text-align:center;
}
table.align tr.odd td {
  background:#f7fbff
}
.permlist {
  font-size: 9pt;
font-weight: normal;
}
.none {
  font-size:  6pt;
  color: lightgray;
}
.dunno {
  font-weight: bolder;
  color: #888888;
}
a.dunno       { text-decoration: none; }
a.dunno:hover { color: purple}
.action {
  font-weight: normal;
  font-size: 11pt;
  margin: 10pt;
}
a.external {
  text-decoration: none;
  color:#ff0000;
  color: #1a1a1a;
}


/* Edit modes */
.help {
  font-size: 8pt;
  text-align: justify;
  color: #6A6A6A;
  padding: 0 50pt;
}
h4.label {
  font-weight: bold;
  text-align: center;
  font-size: 12pt;
}
form.editform {
  margin: 0 auto;
  border: 1px solid #cccccc;
  padding: 10pt;
  position: relative;
  width: 80ex;
  background:#E7EFF7;
}
div.editform {
  text-align: center;
}
.success {
  font-weight: bold;
  color: #32CD32;
  text-align: center;
}
.fail {
  font-weight: bold;
  color: #FF0040;
  text-align: center;
}
#content form {
  text-align: center;
}
input.hidden {
  border: 0 none;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
form.unlock {
  padding: 0pt;
}
form.unlock input {
  vertical-align: middle;
  font-size: 8pt;
}