/*---------------------------------------------+
 | Site: The American College of Psychiatrists |
 | Part: Form styles                           |
 +---------------------------------------------*/

/* Global
======================================================================*/
fieldset { margin-bottom: 1em; }
input, select, textarea { font-size: 1em; }
legend { background: #fff; font-size: 1.2em; font-weight: bold; margin: 0 0 0 -1.5em; }
textarea { height: 5em; }

/* Specifics
======================================================================*/
/*--- Alerts ---*/
.alert { color: #f00; }


/*--- Buttons ---*/
.btn { overflow: visible; font-size: 0.9em; margin-right: 0.5em; padding: 0.2em 0.7em 0.3em; vertical-align: middle; }
.btns { margin: 1.5em 0 1.5em 20%; }

/*--- Character counters ---*/
.charcount { color: #777; float: right; font-weight: normal; margin-right: 0.5em; }
.charcount .over { color: #f00; font-weight: bold; }

/*--- 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 { font-size: 1em; white-space: nowrap; }
.checklist p { font-weight: bold; margin-bottom: 0.25em; }
.checklist .selected { background: #ffa; }
.checklist ul { margin-bottom: 1em; }

/*--- Datepicker ---*/
.ui-datepicker-trigger { background: none; border: 0; cursor: pointer; padding: 0; }

/* Dedicated searches */
#dedicated-search { font-size: 16px; margin-bottom: 40px; }
#dedicated-search input { font-size: 20px; }
#dedicated-search .btn { padding: 0.15em 0 0.25em; width: 100%; }
#dedicated-search .field-help { float: none; font-size: 12px; font-weight: normal; width: auto; }
#dedicated-search .fields { width: 100%; }
#dedicated-search .fields p { float: left; font-weight: bold; margin: 0 1% 0 0; width: 42%; }
#dedicated-search .fields p a { font-weight: normal; }
#dedicated-search .fields p.submit { margin: 1.3em 0 0; width: 13%; }
#dedicated-search .fields .txt { width: 90%; }

/*--- Google results ---*/
.google-results a { margin-left: 0.25em; }
.google-results h2 { font-size: 1em; }
.google-results ul { list-style: none; margin: 0; }

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

/*--- Hint text in fields ---*/
.ezpz-hint { color: #999; font-style: italic; }

/*--- List builders (add/remove) ---*/
.list-builder { list-style: none; margin: 0; }
.list-builder > li { clear: both; height: 1%; padding-top: 30px; }
.list-builder > li:first-child { padding: 0; }

/* Multiselects */
.multiSelect {
    background: #fff url(/images/shared/dropdown.gif) no-repeat 100% 50%;
    border: solid 1px #bbb;
    display: inline;
    padding: 0.3em 20px 0.3em 4px;
    width: 242px;
}

.multiSelect.active, .multiSelect.focus { border: inset 1px #000; }

.multiSelectOptions {
    background: #fff;
    border: solid 1px #b2b2b2;
    margin-top: -1px;
    max-height: 150px;
    overflow: auto;
    width: 266px;
}

.multiSelectOptions input { margin-right: 0.5em; }
.multiSelectOptions label { padding: 2px 25px; display: block; text-indent: -25px; }
.multiSelectOptions label.checked { background: #e6e6e6; }
.multiSelectOptions label.selectAll { border-bottom: 1px dotted #ccc; font-weight: bold; }
.multiSelectOptions label.hover { background: #cfcfcf; }

/* New forms */
dl.form dt { clear: both; font-weight: normal; margin: 0; padding: 0.5em 0 0 20%; }
dl.form .field { float: none; margin: 0; padding-left: 20%; }
dl.form .field p { margin-bottom: 0.5em; }
dl.form .label { float: left; margin-left: -25%; text-align: right; width: 20%; }
dl.form .options-h li, dl.form .options-v li { clear: none; }
dl.form .txt { width: 57%; }
dl.form textarea.txt { width: 98%; }

/*--- Notifications ---*/
div.alert, div.confirm, div.notice { color: #000; margin-bottom: 1em; padding: 0.5em 1em; }
div.alert *, div.confirm *, div.notice * { 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; font-weight: normal; }
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; }
.flash { margin-bottom: 2em; }
.flash h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 0.5em; }
.flash p { list-style: none; margin-bottom: 0.5em; }
.flash p:last-child { margin: 0; }

  /*--- Confirmations ---*/
  div.confirm { background: #d8ffd4; border: 3px solid #9edd98; }
  
  /*--- Errors ---*/
  .alert { color: #e30013; }
  div.alert { background: #ffd4d4; border: 3px solid #dd9898; }
  .error { background: url(/content/images/exclamation.gif) no-repeat 0 0.25em; color: #f00; padding: 3px 0 3px 20px; }
  #errorExplanation, .flash .error { background: #ffc; border: 2px solid #ea3c20; color: #f00; padding: 1.5em; }
  .field-with-errors { color: #f00; }
  .field-with-errors .txt, .field-with-errors .txt-med { border: 2px solid #f00; }
  .label .field-with-errors { display: inline; }
  
  /*--- Notices ---*/
  .flash .notice { background: #e0f0ff; border: 2px solid #a1d0fb; padding: 1.5em; }
  div.notice { background: #fff6d3; border: 3px solid #ffe27e; }
  
  /*--- Warnings ---*/
  .flash .warn { background: #fef5c6; border: 2px solid #ffcd36; margin-bottom: 2em; padding: 1.5em; }

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

/*--- Progress navigation ---*/
.progress { font-size: 1.2em; list-style: none; margin: 1em auto 3em; text-align: center; white-space: nowrap; }
.progress li { display: inline; margin-right: 2em; }
.progress li.current .step { background: #00345b; }
.progress li.current .title { color: #000; }

.progress .step {
  background: #aaa;
  -border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  color: #fff;
  line-height: 1;
  margin-right: 0.3em;
  padding: 0.25em 0.6em;
}

.progress .title { color: #aaa; font-size: 0.9em; }

/*--- Progress forms ---*/
#progress-form dt .field-help { color: #818181; display: block; float: none; font-size: 12px; width: auto; }
#progress-form dl.form .label { width: 25%; }
#progress-form dl.form .field { padding-left: 25%; }
#progress-form .form-content { background: #e9f5ff; float: right; min-height: 300px; padding: 30px 30px; width: 642px; }
#progress-form textarea.txt { height: 10em; width: 98%; }

  /* Tabs */
  #progress-form .form-nav { float: left; font-size: 16px; list-style: none; margin: 0; position: relative; width: 200px; }
  #progress-form .form-nav a { display: block; padding: 5px 10px; text-decoration: none; }
  #progress-form .form-nav a:hover { text-decoration: underline; }
  #progress-form .form-nav .current { background: #e9f5ff; font-weight: bold; }
  #progress-form .form-nav .current a { color: #000; }
  #progress-form .form-nav .current a, #progress-form .form-nav li:hover a { color: #414042; }

/*--- Required text ---*/
.req { color: #f00; }

/*--- Search ---*/
#search { background: url(/content/images/search-bg.jpg) no-repeat 0 0; float: right; margin-bottom: 3em; padding: 0.5em; text-align: right; width: 34%; }
#search input { font-size: 1.1em; vertical-align: middle; }
#search .txt { display: inline; width: 69%; }

/*--- Sign in form in header ---*/
#signin * { display: inline; vertical-align: middle; }
#signin .btn { font-size: 1em; }
#signin li .txt { border-color: #000; width: 10em; }
#signin li input.ezpz-hint { color: #777; }

/*--- Text boxes ---*/
.txt, .txt-date, .txt-med, .txt-num, .txt-tiny {
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -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;
}

.txt { width: 98%; }
.txt-date { width: 12em; }
.txt-med { width: 47%; }
.txt-num { width: 6em; }
.txt-tiny { text-align: center; width: 3em; }
div.txt-med { background: none; border: 0; padding: 0; }

  /* Fields - fields with text underneath them */
  dl.form .fields .txt { width: 90%; }
  .fields { width: 65%; }
  .fields label { display: block; }
  .fields .field-help { font-size: 11px; display: block; float: none; width: auto; }
  .form .fields p { float: left; margin: 0 1% 0 0; }

    /* Location fields */
    dl.form .fields .c-city { width: 50%; }
    dl.form .fields .c-city .txt { width: 89%; }
    dl.form .fields .c-state { width: 15%; }
    dl.form .fields .c-state .txt { width: 68%; }
    dl.form .fields .c-zip { margin-right: 0; width: 23%; }
    
    /* Name fields */
    dl.form .fields .c-name-first { width: 28%; }
    dl.form .fields .c-name-middle { width: 10%; }
    dl.form .fields .c-name-middle .txt { width: 68%; }
    dl.form .fields .c-name-last { width: 32%; }
    dl.form .fields .c-name-degree { margin-right: 0; width: 17%; }



.multi-add-border {
    border: 2px dashed #cccccc;
    margin-bottom: 0.5%;
    padding: 0.5em;
    border-radius: 5px;
    padding-right: 0.75em;
    background: #eee;
}