div.autocomplete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #000080;
  margin: 0;
  padding: 0; }

div.autocomplete ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

div.autocomplete ul li.selected {
  background-color: #d8dfe6; }

div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 1px 3px;
  cursor: pointer; }

.progress_form .top_progress_item {
  margin-top: 3em; }

.progress_form input[id$=".title"] {
  font-weight: bold;
  font-size: 120%;
  width: 60%; }

.progress_form input[id$=".title"] {
  font-weight: bold;
  font-size: 120%;
  width: 60%; }

.progress_form fieldset.subtasks {
  margin-left: 3em; }

.ff.progress_form label {
  width: 10%; }

.ff.progress_form input[type="text"], .ff.progress_form textarea {
  width: 85%; }

.ff span.comment {
  display: block;
  font-size: 60%;
  float: right; }

.ff .entkey {
  border: solid 1px #000080;
  padding: .5em;
  margin-bottom: .5em; }

.ff .error {
  background: #ffe89a; }

.ff label {
  font-size: smaller; }

.ff fieldset {
  clear: both; }

.ff .button, .ff .checkbox, .ff .contentbutton, .ff .date, .ff .file, .ff .image,
.ff .password, .ff .radio, .ff .recaptcha, .ff .reset, .ff .select, .ff .multi,
.ff .text, .ff .textarea, .ff .rcmchtmlformfuelementserenevydate, .ff .rcmchtmlformfuelementserenevydatetime {
  display: block;
  clear: both;
  border: 0;
  margin: 1px;
  margin-left: 12em; }

.ff label {
  display: inline;
  float: left;
  width: 11em;
  text-align: right;
  padding-right: 1em; }

.ff .label, .ff .multi {
  margin-left: 1px; }

.ff input[type="text"], .ff textarea {
  width: 300px; }

.ff textarea {
  height: 5em; }

/* border + margin swap values with above, to ensure rows align */
.ff .error.label {
  border: 1px #fff;
  margin: 0; }

.ff .form_error_message {
  padding: 0.5em;
  border: 1px solid #ff0000;
  background-color: #ffdddd; }

.ff .error_message {
  display: block;
  color: #ff0000; }

/* padding-left eq label width + padding-right */
.ff .label .error_message {
  padding-left: 12em; }

.ff .error input, .ff .error textarea, .ff .error select {
  background-color: #ffdddd; }

.ff .checkboxgroup label {
  float: none; }

.ff label[for="classes"] {
  float: none; }

.ff .radiogroup span label {
  /* undo the above style */
  float: none;
  width: auto;
  text-align: left;
  padding-right: 0; }

.ff .multi .elements {
  display: block;
  float: left; }

/* .ff .multi .elements label { display: block; width: auto; padding-right: 0.25em; } */
.ff .multi input,
.ff .multi select {
  display: block;
  float: left;
  margin-right: 0.5em; }

fieldset.radiogroup.label {
  border: 0;
  margin-left: 0em; }

/*** Alternative Layouts ***/
.ff .notes {
  float: right;
  width: 30%;
  border: 1px dotted; }

.ff .multi.vertical input,
fieldset.checkboxgroup .vertical input,
fieldset.radiogroup .vertical input {
  display: block;
  float: left;
  clear: left;
  margin-right: 0.5em; }

.ff .multi.vertical select {
  display: block;
  float: left;
  clear: right; }

fieldset.checkboxgroup .vertical label,
fieldset.radiogroup .vertical label {
  display: block;
  clear: right; }

fieldset.radiogroup .vertical .subgroup {
  float: left; }

.ff .fullwidth label {
  display: block;
  float: left;
  width: auto;
  text-align: left; }

.ff .fullwidth .error_message {
  padding-left: 0em; }

.ff .fullwidth textarea {
  display: block;
  clear: left;
  width: 30em; }
