body {
   background-color: #f3f8f0;
   text-align: center;
   margin: 0px;
}

/* START:notice */
.notice, .info {
   float: right;

   color: red;

   border: 2px solid red;
   padding: 0.1em 5px;
   margin: 5px 0px;
   font: smaller sans-serif;
}

.info {
   border: 2px solid #a27b5d;
   color: black;
}

/* END:notice */

/* Styles for main page */

#main {
  background: transparent url(/images/login/banner.png) repeat-x scroll left top;
  color: #B8EECF;

  text-align: left; 
  margin: 100px auto;
  padding: 0px 2em 0px 0em;
  width: 750px;
  border: 1px solid #09429b;

  font-family: sans-serif;
}

.logo {
   float: left;
}

.clear {
   clear: both;
}

#login-form {
   float: right;
   width: 350px;
   padding: 20px 0px 0px 100px;
}

html>body #login-form {
   width: 250px;
}

#login-form label {
   /* font-family: Helvetica, sans-serif; */
   font-size: 1em;
}

#login-form input.text {
   width: 100%;
   border: 1px solid #c1cdd4;
   font-size: 1.5em;
   padding: 0px;
   margin-bottom: 5px;
}

#login-form #actions {
   float: right;
   width: 100%;
}

#login-form #actions a {
   font-size: 11px;
   font-family: Arial;
   color: #000;
   text-decoration: none;
}

#login-form #actions a:hover {
   text-decoration: underline;
}

#login-form #actions input {
   border: 1px solid #bcbcbc;

   background-color: #156ba4;
   background-color: #1160a2;

   font-family: Helvetica;
   font-size: 0.9em;
   font-weight: bold;

/*   width: 125px; */
   width: 115px;
   height: 30px;

   float: right;
   margin-top: 0px;
   color: #ffffff;
}

.warning {
  text-align: left;
  width: 770px;

  border: 2px solid #c00;
  background-color: #e26d6d;

  margin: 0.5em auto;
  padding: 0.5em;

  font-family: arial, sans-serif;
  font-size: 13px;
}

.warning img {
  float: left;
  margin: -0.5em 1em 0 0;
}