html
{
  background: #dfedf8;
}

h1
{
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 36px;
}

ul
{
  list-style-type: none;
  line-height: 20px;
}

ul, #button
{
  margin: 2px 0 0 112px;
}

ul input
{
  margin-right: 5px;
}

#login-details label
{
  width: 112px;
  font-size: 16px;
}

#button
{
  width: 121px;
  height: 26px;
  padding: 0;
  margin-top: 25px;
  border: 0;
  color: #d5dff4;
  font: 14px tahoma, sans-serif;
  background: url('../images/login-button-background.gif') repeat-x;
  letter-spacing: 1px;
}

#login-details label, #login-details input
{
  display: block;
  margin-bottom: 8px;
  float: left;
}

#login-details input
{
  width: 190px;
}

#content
{
  height: 719px;
  padding-left: 50px;
  border-top: 4px solid #bb1c2c;
  background: url('../images/login-background.jpg') no-repeat;
}

#login-form-top, #login-form-bottom
{
  width: 400px;
  height: 13px;
  overflow: hidden;
}

#login-form-top
{
  margin-top: 176px;  
  background: url('../images/login-form-top.gif') no-repeat;
}

#login-form-bottom
{
  background: url('../images/login-form-bottom.gif') no-repeat;
}

form
{
  width: 367px;
  height: 305px;
  font: 14px tahoma, sans-serif;
  background: #bed2e1 url('../images/login-form-background.jpg') repeat-x;
  color: #ffffff;
  padding-left: 33px;
  letter-spacing: 1px;
}

#logo
{
  margin: 40px 0 0;
}

#footer
{
  border-top: 6px solid #9bbcdd;
}

.form-error
{
  color: #cc0000;
  margin-bottom: 15px;
}