/* http://www.alistapart.com/d/prettyaccessibles/ */

form.base {
  clear: both;
  margin-bottom: 1em;
}

/* fonts */

.base fieldset,
.base fieldset input,
.base fieldset select,
.base fieldset textarea {
  font-family: arial, sans-serif;
  font-size: 110%;
}

/* fieldsets */

.base fieldset {
  position: relative;
}
.base fieldset fieldset {
  font-size: 100%;
}

/* legends */

.base legend {
  padding: 0;
  color: #390;
  font-size: 125%;
  margin-left: 1em;
  padding: 0 .25em 0 0;
}
.table legend {
  font-weight: bold;
}
.base fieldset fieldset legend {
  padding: 0 0 5px 0;
}
.block fieldset fieldset legend {
  color: #666;
  font-size: 105%;
  font-weight: bold;
}

/* legend notes */

.base legend strong {
  color: #999;
  font-size: 90%;
  font-weight: normal;
}

/* fields */

.base fieldset li {
  clear: left;
  padding: 10px 0;
}
.table fieldset li {
  padding-top: 5px;
}

/* labels */

.base label {
  vertical-align: top;
}
.block label {
  display: block;
  color: #666;
  font-size: 105%;
  font-weight: bold;
}
.table label {
  display: inline-block;
  margin-top: 5px;
  width: 120px;
}

/* check boxes and radio buttons */
.block fieldset.options label {
  margin-left: 20px;
  font-weight: normal;
}
.table fieldset.options label {
  display: block;
  width: auto;
  margin-left: 123px;
}

/* required */

.base abbr {
  color: #f00;
  font-style: normal;
  line-height: 40%;
}

/* hints, e.g. "http://" */

.base span {
  padding-right: 2px;
}

/* inputs */

.base fieldset input,
.base fieldset textarea {
  padding: 2px;
  border: 1px solid #999;
  background-color: #fff !important;
}
.base fieldset input:focus,
.base fieldset textarea:focus {
  border: 1px solid #666;
  background-color: #ffc !important;
}

/* validations */

.base em {
  display: block;
  margin-top: 1px;
  color: #555;
  font-size: 85%;
  font-style: normal;
}
/* examples */
.base em span {
  font-style: italic;
}
.base em strong.do {
  color: #390;
}
.base em strong.dont {
  color: #f00;
  font-weight: normal;
  text-decoration: line-through;
}

.table em {
  display: block;
  margin-left: 123px;
  font-size: 95%;
}
.table em a {
  margin: 0;
  padding: 3px 2px;
}

/* auto-complete */

div.auto_complete {
  width: 350px;
  background: #fff;
}
div.auto_complete ul {
  border: 1px solid #888;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
}
div.auto_complete ul li {
  margin: 0;
  padding: 3px;
}
div.auto_complete ul li.selected {
  background-color: #ffb;
}
div.auto_complete ul strong.highlight {
  color: #800;
  margin: 0;
  padding: 0;
}

/* errors */

.base .fielderror input,
.base .fielderror textarea,
.base .fielderror input:focus,
.base .fielderror textarea:focus {
  border: 3px solid #f00;
}

.base .fielderror strong {
  display: block;
  margin: 5px 0 3px;
  padding-left: 19px;
  background: url(/images/icons/error.png) no-repeat center left;
  color: #c00;
  font-weight: bold;
}
.table .fielderror strong {
  margin: 5px 0 1em 123px;
}

/* actions block */

p.buttonblock {
  clear: both;
  margin: 0;
  color: #666;
}

/* Submit button */

input.editor_primary,
input.editor_only {
  padding: 2px;
  font-size: 125%;
}

.table input.editor_primary,
.table input.editor_only {
  margin-left: 123px;
}

/* Cancel link */

a.editor_cancel {
  font-size: 110%;
}
a.editor_cancel:link,
a.editor_cancel:visited {
  color: #f00;
}
a.editor_cancel:hover {
  background-color: #f00;
  color: #fff;
}

/* in-place editing */

.inplaceeditor-form {
  display: inline;
}

.inplaceeditor-form a {
  font-size: 100%;
}

.editor_field {
  width: 50%;
  padding: 2px;
  border: 1px solid #999;
  background-color: #fff !important;
}
.editor_field:focus {
  border: 1px solid #666;
  background-color: #ffc !important;
}

input.editor_ok_button {
  margin: 3px 10px 0 0;
  padding: 2px;
  font-weight: bold;
}

a.editor_cancel:link,
a.editor_cancel:visited {
  color: #f00;
}
a.editor_cancel:hover {
  background-color: #f00;
  color: #fff;
}