/*-------------------+
 | Part: Form styles |
 +-------------------*/

/* Attachments */
.attachments dt { font-weight: bold; margin-top: 0.75em; }
.attachments a, .attachments span, .attachments strong { margin-right: 1em; }

/* Basics */
.check { display: none; }
.form { font-size: 1.1em; line-height: 1.4; margin: 0; width: 100%; }
.form .c2l, .form .c2r { margin-bottom: 0; }
.form .mute { font-size: 12px; }
.form p { margin-bottom: 0.5em; }
.form td, .form th { border: 0; padding: 0.5em 0; }
.form th { font-weight: normal; padding-right: 2%; text-align: right; vertical-align: top; width: 22%; }
	
/* Checklists */
.checklist { border: 1px solid #ccc; max-height: 20em; line-height: 1.4;  margin: 0 0 1em 0; overflow: auto; }
.checklist input { margin-bottom: 1px; }
.checklist label { display: block; padding: 0.1em 0 0.1em 25px; height: 1%; text-indent: -25px; }
.checklist li { background: none; display: block; float: none; margin: 0; padding: 0; white-space: normal; width: 100%; }
.checklist li p { margin: 0; padding: 1em 0 0; }
.checklist li ul { margin: 0 0 0 2em; }
.checklist .mute { white-space: nowrap; }
.checklist p { font-weight: bold; margin-bottom: 0.25em; }
.checklist .selected { background: #ffa; }
.checklist ul { margin-bottom: 1em; }
.form .checklist { margin-top: 0.5em; position: relative; width: 97%; }
.form .checklist-ajax { height: 20em; }
.form .checklist-ajax-loading { background: url(/images/loading.gif) no-repeat 50% 50%; }

/* Help text */
.field-help { color: #777; font-weight: normal; }

/* New forms */
dl.form dt { clear: both; margin: 0; }
dl.form .label { float: left; text-align: right; width: 20%; }
dl.form .field { float: right; margin-bottom: 1em; width: 75%; }

/* Notifications */
div.alert, div.confirm, div.notice { color: #000; margin-bottom: 1em; padding: 0.5em 1em 0.5em 43px; }
div.alert dl, div.confirm dl, div.notice dl, div.alert p, div.confirm p, div.notice p { margin: 0; }
div.alert .mute, div.confirm .mute, div.notice .mute { font-size: 1em; }
div.alert h6, div.confirm h6, div.notice h6 { font-size: 1em; }
div.alert li, div.confirm li, div.notice li { background: none; padding: 0; }
div.alert ul, div.confirm ul, div.notice ul { list-style: disc outside; margin-left: 2em; }

  /* Alerts */
  .alert { color: #e30013; }
  input.txt.alert, textarea.alert { color: #000; }
  div.alert { background: #ffd4d4 url(/images/admin/notify-alert.gif) no-repeat 10px 0.5em; border: 3px solid #dd9898; }
  
  /* Confirmations */
  div.confirm { background: #d8ffd4 url(/images/admin/notify-confirm.gif) no-repeat 10px 0.6em; border: 3px solid #9edd98; }
  
  /* Notices */
  div.notice { background: #fff6d3 url(/images/admin/notify-notice.gif) no-repeat 10px 0.5em; border: 3px solid #ffe27e; }
  div.notice span.loading { background: url(/images/loading-small.gif) no-repeat 95% 50%; padding-right: 2em; }

/* Inline labels */
.ezpz-hint { color: #777; font-style: italic; }

  /* Location */
  .fields-loc { width: 48%; }
  .fields-loc div { float: left; }
  .fields-loc .fields-loc-city { margin-right: 1%; width: 63%; }
  .fields-loc .fields-loc-state { margin-right: 4%; width: 12%; }
  .fields-loc .fields-loc-zip { width: 18%; }
  
  /* Multiple fields on a single line */
  .form .field-single-line { width: 47%; }
  .form .field-single-line p { float: left; margin: 0 1% 0 0; }
  .form .field-single-line .txt { width: 90%; }
  
    /* Location fields */
    .form .field-single-line .field-loc-city { width: 49%; }
    .form .field-single-line .field-loc-state { width: 14%; }
    .form .field-single-line .field-loc-state .txt { width: 68%; }
    .form .field-single-line .field-loc-postal { float: right; margin-right: 0; width: 33%; }
    
    /* Name fields */
      /* Full name */
      .form .fields-name-full .field-name-first { width: 42%; }
      .form .fields-name-full .field-name-last { margin-right: 0; width: 42%; }
      .form .fields-name-full .field-name-middle { margin-right: 4%; width: 10%; }
      
      /* Short name */
      .form .fields-name-short .field-name-first { width: 49%; }
      .form .fields-name-short .field-name-last { margin-right: 0; width: 50%; }
      
      /* With suffix */
      .form .fields-name-long .field-name-first { margin-right: 3%; width: 26%; }
      .form .fields-name-long .field-name-last { width: 42%; }
      .form .fields-name-long .field-name-middle { margin-right: 4%; width: 10%; }
      .form .fields-name-long .field-name-suffix { margin-right: 0; width: 13%; }
  
  /* Name */
  .fields-name { width: 48%; }
  .fields-name div { float: left; margin-right: 5%; width: 47%; }
  .fields-name .fields-name-last { margin: 0; }

/* Options */
.options-h, .options-v { list-style: none; margin-left: 0; }
td .options-h, td .options-v { margin: 0; }
.options-h input, .options-v input { margin-bottom: -0.05em; }
.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
.options-h li, .options-v li { background: none; clear: both; margin-bottom: 0.3em; padding: 0; }
.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
.options-v li { padding-left: 25px; text-indent: -25px; }
.options-v li p { margin: 0; text-indent: 0; }

/* Placeholder */
.placeholder { color: #999; font-style: italic; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; font-style: italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; font-style: italic; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; font-style: italic; }

/* Text boxes */
.form .c2l .txt, .form .c2r .txt { margin-bottom: 0.2em; width: 98%; }
textarea.txt { height: 10em; }
.txt { width: 98%; }

.txt, .txt-date, .txt-med, .txt-num {
  border: 1px solid #ccc;
  -moz-box-shadow: inset 0 1px 1px #ddd;
  -webkit-box-shadow: inset 0 1px 1px #ddd;
  box-shadow: inset 0 1px 1px #ddd;
  margin-right: 0.5em;
  padding: 0.3em;
  vertical-align: middle;
}

.txt-date { width: 12em; }
.txt-med { width: 47%; }
.txt-num { width: 8em; }

/* TinyMCE */
.mceToolbarContainer { position: static; }
.mceEditorContainer td { padding: 0; }
.mceEditor { width: 98% !important; }
.mce-content-body { background: #fff; min-height: 0; padding: 0.5em; text-align: left; }
.mce-content-body a { color: #5d859d !important; }

/* since TinyMCE loads after page loads, there's a delay, so show loading gif */
.mceEditorFrontEnd, .mceEditorFrontEndIntro, .mceEditorFrontEndSummary, .mceEditorBackEndSummary {
  background: url(/images/loading.gif) no-repeat 50% 50%;
  background-color: #eee;
  height: 150px;
}

/* Sequencing */
.sequence { list-style: none; line-height: 1.4; margin-left: 0; }
.sequence .call-r { margin-top: 0; }

.sequence li {
	background: #f5f5f5;
    border-radius: 5px;
	border: 2px solid #ddd;
	cursor: url(/images/shared/grab.cur), move;
	height: 1%;
	margin-bottom: 1px;
	padding: 0.7em 1em;
}

.sequence ol li { font-weight: normal; list-style: none; }

.sequence-single li { cursor: default; }