/* form elements */

fieldset {
  border: none;
}

input,
textarea {
  border: none;
}

textarea {
  height: 10em;
}

button {
  position: relative;
  border: none;
  color: #fff;
  background: transparent;
}

button .icon {
  position: relative;
  top: -0.091em;
}

button div {
  position: relative;
  padding: 0.091em 0.546em 0.182em;
  color: #fff;
  background: #f7962c url('../gfx/controls/button.background.png') 0 100% repeat-x;
}

button span {
  position: relative;
  top: -0.091em;
}

.checkbox input {
  vertical-align: middle;
  width: auto !important;
}

.checkbox label {
  vertical-align: middle;
  position: relative;
  top: -0.091em;
}


.form legend {
  display: block;
}

.form dl {
  padding: 0.546em 0 1.546em;
}

.form dt {
  position: relative;
  padding-top: 0.182em;
  float: left;
  width: 16em;
}

.form dd {
  padding: 0 0 0.546em 17em;
}

.form-mandatory {
  position: absolute;
  top: 0;
  right: 0;
}

.form-text,
.form-textarea {
  padding: 0.273em 0.182em 0.364em;
  width: 20em;
  border: 0.091em solid #eee;
}

.form-buttons {
  padding-right: 1.546em;
  text-align: right;
}

.form-text:focus,
.form-textarea:focus {
  border-color: #999;
}

.form-select {
  width: 20.364em;
}

.form .form-note {
  padding-left: 18.455em;
  padding-right: 0.546em;
}

.form-pulldown {
  position: relative;
}

.box .form-response-error,
.box .form-response-success {
  margin: 0;
  padding: 0 0 1.546em;
  border-top: 1.546em solid;
}

.box .form-response-success {
  border-color: #efffef;
}

.box .form-response-success * {
  color: #000;
  background-color: #efffef;
}

.box .form-response-error {
  border-color: #ffefef;
}

.box .form-response-error * {
  color: #f00;
  background-color: #ffefef;
}

.box .form-response-error h3,
.box .form-response-success h3 {
  padding: 0 1.636em;
  color: #f00;
  background-color: #ffefef;
}
.box .form-response-error p,
.box .form-response-success p {
  padding: 0.273em 1.818em 1.546em;
}