/*
-----------------------------------------------
SpringBolt: login page CSS
----------------------------------------------- */

body { 
  margin: 0;
  padding: 0;
  height: 100%;
  background: #E4E3E3;
  text-align:center; 
}

body, div, p, select { 
  font: 11px "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
  color: #333; 
}

a { 
  color: #618BAA; 
  padding: 1px; 
}

a:hover { 
  background: #618BAA; 
  color: #fff; 
}

#login { 
  width: 540px;
  margin: 10% auto 5px auto;
  padding: 10px;
  background: #D5D5D5; 
}

#headings {
  padding: 1em 1em 2em 1em; 
  text-align: left;
  background: #002A4A;
}

#footer { 
  color: #AFAFAF; 
}

h1, h2 { 
  margin: 0; 
  font-weight: normal;
  font-family: Georgia, "Lucida Grande", Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}

h1 {
  font-size: 24px;
  color: #fff;
}

h2 { 
  font-size: 20px;
  color: #0073C6; 
}

form.createSession, form.set-password {
  margin: 0;
  padding: 2em 1em 3em 1em;
  text-align: left;
  background: #fff; 
}

div.attribute {
  padding: 6px;
}

form.set-password div.attribute label {
  width: 220px;
}

div.attribute label {
  margin: 0;
  padding: 0;
  padding-top: 1px;
  float: left;
  width: 110px;
  height: 22px;
  text-align: right;
  color: #618BAA;
  font-size: 14px;
  font-weight: bold;
}

div.attribute label:after {
  content: ':';
}

div.attribute input {
  margin-left: 10px;
}

input.button {
  margin-left: 126px;
}

form.set-password input.button {
  margin-left: 240px;
}

div.flash.failure {
  background: red; 
  color: white; 
  padding-top: 5px; 
  padding-bottom: 5px;
}

div.flash.success {
  background: green; 
  color: white; 
  padding-top: 5px; 
  padding-bottom: 5px;
}

div.explanation p {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 14px;
}

div.password_reset_thankyou, div.invalid_key_explanation, div.expired_key_explanation {
  padding: 1em;
  background-color: #fff;
}

div.password_reset_thankyou p, div.invalid_key_explanation p, div.expired_key_explanation p {
  font-size: 12px;
}

div.clear {
  clear: both;
}