form {
}

form .element {
  width: 512px;
  margin: 0 0 .5em;
}

form .element.header {
  width: 100%;
}

form .element.actions {
  background: #DDD;
  width: 100%;
  padding: .2em 0;
}

form .errors.element {
  border: 1px solid #FCC;
  background: #FEE;
  color: #F66;
}

form .errors.element h3 {
  color: #D55;
  background: #FCC;
}

form .errors ul {
  list-style: none; margin-bottom: .5em;
  padding: 0 0.5em;
}

form .errors ul li {
  padding-left: 20px;
  background: url(images/icons/failure.png) left center no-repeat;
}


form .element.errors h3 {
  padding: .2em .5em;
}

label {
  display: block;
  font-weight: bold;
}

form h3 {
  font-size: 1em;
}

form input.inline, form label.inline {
  display: inline;
}

form .errorExplanation {
  margin-bottom: 1.5em;
}

form .header input {
  border: 1px solid transparent;
  font-size: 1.45em;
  font-weight: bold;
  margin: 2px;
  width: 80%;
}

form input[readonly] {
  background-color: #EEE;
}

form .header label {
  display: none;
}

form textarea {
  width: 99%;
}

form.search {
  float: right;
  background: transparent;
  padding: 0;
}


body form.search input {
  color: #444;
  width: 20em;
  margin: 0;
  line-height: 1.4em;
  padding: .35em;
  border: 1px solid #CCC;
}

body form.search button {
  margin: 0.25em 0.25em 0.25em 0em;
}

.fieldWithErrors input {
  background: #FDD;
}

form#new_user_session,
form#new_user{
  width: 360px;
  margin: 0 auto;
  border: 4px solid #ccc;
  background: #eee;
  padding: 20px;
}

form#new_user_session .buttons,
form#new_user .buttons{
  margin-top: 2em;
}

.in-place {
  display: none;
}
