body { color: black; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; line-height: 14px; margin:0;}
h1 { font-size: 14px; }
#login-form label { vertical-align: middle; }
#login-form-outer { width:100%; }
#login-form { color: #606060; font-size:11px; text-align:left; margin: 30px 2% 10px; width: 330px; }
.headline:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.headline { background: none repeat scroll 0 0 #585858; height: auto !important; margin: 0; min-height: 24px; padding-bottom: 2px; width: auto; }
.headline h2 { color: #FFFFFF; font-size: 11px !important; line-height: 24px; float: left; margin: 0; padding: 0 0 0 40px; vertical-align: middle; }
#login-form .headline h2 {
  background: url("ico/login-icon-key.gif") no-repeat scroll 10px 5px transparent;
  color: #FFFFFF;
  font-size: 11px !important;
  line-height: 24px;
  float: left;
  margin: 0; 
  padding: 0 0 0 40px; 
  vertical-align: middle;
  }
.login-box-body { background-color: #c9c9c9; background-image: -moz-linear-gradient(center top , #EBEBEB 0%, #C9C9C9 100%); background-repeat: repeat-x; padding: 10px; }
#login-form-fields { margin: 0; padding: 14px 0 5px 5px; }
.login-field { height:21px; line-height:18px; margin: 5px 0 0; }
.login-field label { float:left; padding-right: 10px; width:90px; }
.login-field input { height: 18px; margin: 0; padding: 2px 23px 0 5px; width: 168px; }
.login-submit { text-align: left; margin: 15px 0 0 100px; padding: 3px 16px; }
.login-alert-error {
  background: none repeat scroll 0 0 #F6D3CF;
  border: 1px solid #D66C68;
  }
.login-alert {
  padding: 15px;
  }
.login-alert h2 {
  background: none repeat scroll 0 0 transparent;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0 10px 0 30px;
  }  
.login-alert-error h2 {
  background: url("ico/login-alert-error.gif") no-repeat scroll left 2px transparent;
  color: #BE0027;
  }
.login-alert-error p, login-alert-error a {
  color: #BE0027;
  }
.login-alert p {
  font-size: 11px;
  line-height: 15px;
  }
.login-alert p {
  margin: 10px 0 0;
  padding: 0 10px 0 30px;
  }  
  
input[type="submit"], 
input[type="reset"], 
input[type="button"], 
input[type="submit"][disabled="disabled"]:hover, 
input[type="reset"][disabled="disabled"]:hover, 
input[type="button"][disabled="disabled"]:hover {
  background-color: #F6F6F6;
  background-image: -moz-linear-gradient(center top , #F6F6F6 10%, #D5D5D5 90%);
  background-position: center bottom;
  background-repeat: repeat-x;
  border: 1px solid #7C7C7C;
  border-radius: 1px 1px 1px 1px;
  color: #434343;
  cursor: pointer;
  }
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover {
  background-color: #C8C8C8;
  background-image: -moz-linear-gradient(center top , #F6F6F6 10%, #BDBCBC 90%);
  background-position: center bottom;
  background-repeat: repeat-x;
  border: 1px solid #737F91;
  color: #1E1E1E;
  cursor: pointer;
  }

.round-box {
  border: 5px solid #EBEBEB;
  border-radius: 1em;
  margin: 1em 0.5em;
}

.round-box h1 {
  margin:0;
  padding:5px;
  background-color: #c9c9c9; 
  background-image: -moz-linear-gradient(center top , #EBEBEB 0%, #C9C9C9 100%); 
  background-repeat: repeat-x;
}

.round-box .content {
  padding: 1em;
}

div.topline {
  padding: 10px 10px 0px 10px;
  font-size:110%;
  color: white;
  background: none repeat scroll 0 0 #585858; 
  height: auto !important; 
  margin-bottom: 10px; 
  min-height: 24px; 
  width: auto; 
  }
.topleft {
  float:left;
}
.topright {
  float:right;
}
.topline .user {
  color: #ffffff;
  padding-right: 10px;
}
.topline a {
  color:#ffffff;
  text-decoration:none;
}
.topline a:hover {
  text-decoration:underline;
}
  
.topline ul {
  display:inline;
  list-style-type: none;
  margin-left: 15px;
}
.topline li {
  display:inline; 
  margin-right: 15px;
}

.content ul {
  margin:0;
  padding-left:1em;
}