* { margin:0px; padding:0px; }
body { text-align: center; }

div#phlogin {
   max-width:384px;
   display: inline-block;
   border:3px solid green;
   border-radius: 10px;
   margin-top:50px;
   padding:5px;
 }

div#phliteVersions {
 border: 2px inset #8189C4;
 margin-top: 20px;
 padding: 10px;
}
div#debug {
text-align: left;
position: absolute;
margin-top: 200px;
margin-left: -200px;
background: #F8F8FF;
}

div#phliteVersions table {
  width:100%;
  text-align:left;
  border-spacing: 5px;
 }
div#phliteVersions  th {
 border-bottom: 1px solid black;
}
div.logo {
 width:50%;
 display:table-cell;
 vertical-align:middle;
}

div.logo > img {
  max-height:80px;
  max-width:200px;
 }

div.clear {
  clear:both;
  height:1px;
  background-color:green;
 }

label {
  display:inline-block;
  min-width:105px;
  text-align:right;
  padding-right:5px;
 }
form p {
  padding-top:5px;
}
button {
  padding:2px 10px;
}

div.message { margin-top:5px; border-radius:4px; padding:2px; background-color: #FFFFA8;border:1px solid #FFFF98;}
div.message span { font-weight:bold; padding-right:5px; }
span.error {color:red;}
span.success {color:green;}

.zeus_links  {font-size:1.1em;}
.zeus_links p {margin-top:10px; display:inline-block; max-width:800px; line-height:1.3em;}
.zeus_links a {padding:8px;}

a#togglePass {
  display:inline-block;
  width:45px;
}
#password { width:100px;}
#username { width:150px;}
#captcha { width:150px;}
#phliteVersions tr.bold { font-weight:bold;}