/**
 * USEUM Forms style: Default
 */

/* ~~ Form ~~ */
form.uu-el--form-style-default {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

form.uu-el--form-style-default.uu-solid-background {
  background: url('https://useumstorage.blob.core.windows.net/useumdir/white_tint_70.png');
  padding: 1px 10px;
  border: 3px solid white;
}

#content .uu-el--form-style-default {
  text-shadow: none;
}

/* ~~ General form element ~~ */
.uu-el--form-style-default div.uu-label-wrapper {
  float: left;
  width: 30%;
  margin-right: -100%;
  text-align: right;
}

.uu-el--form-style-default .uu-full-width > div.uu-label-wrapper {
  margin-right: 0;
  width: 100%;
  text-align: center;
}

.uu-el--form-style-default label,
.uu-el--form-style-default label.option {
  font-weight: 300;
}

.uu-el--form-style-default label.uu-wrapped-label {
  padding: 11px 10px;
  font-size: 16px;
  line-height: 19px;
}

.uu-el--form-style-default label > strong {
  font-weight: normal;
}

.uu-el--form-style-default div.uu-widget-wrapper {
  float: left;
  width: 70%;
  margin-right: -100%;
  margin-left: 30%;
}

.uu-el--form-style-default .uu-full-width > div.uu-widget-wrapper {
  float: left;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.uu-el--form-style-default div.uu-description {
  margin-top: 10px;
  font-size: 14px;
}

/* ~~ Textfield, textarea and autocomplete deluxe ~~ */
.uu-el--form-style-default div.uu-textfield-wrapper,
.uu-el--form-style-default div.uu-textarea-wrapper,
.uu-el--form-style-default div.uu-autocomplete-deluxe-wrapper {
  border: 1px solid #666666;
  background: white;
  padding: 10px;
  width: auto;
  display: block;
  border-radius: 0;
}

.uu-el--form-style-default div.uu-textarea-wrapper.resizable {
  padding-bottom: 1px;
}

.uu-el--form-style-default div.uu-error div.uu-textfield-wrapper,
.uu-el--form-style-default div.uu-error div.uu-textarea-wrapper,
.uu-el--form-style-default div.uu-error div.uu-autocomplete-deluxe-wrapper {
  border-color: red;
  border-style: solid;
}

.uu-el--form-style-default input.uu-textfield,
.uu-el--form-style-default input.uu-textfield.autocomplete-deluxe-multiple,
.uu-el--form-style-default textarea.uu-textarea {
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 16px;
  line-height: normal;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.uu-el--form-style-default input.uu-textfield:focus,
.uu-el--form-style-default input.uu-button:focus,
.uu-el--form-style-default input.uu-submit:focus,
.uu-el--form-style-default textarea.uu-textarea:focus {
  outline: none;
}

.uu-el--form-style-default input.uu-textfield.error,
.uu-el--form-style-default textarea.uu-textarea.error {
  border: 0;
}

.uu-el--form-style-default textarea.uu-textarea {
  resize: none;
}

.uu-el--form-style-default div.uu-textarea-wrapper .bue-ui {
  padding-bottom: 10px;
  margin: 0;
}

.uu-el--form-style-default div.uu-textarea-wrapper .grippie {
  background-color: white;
  border: 0;
}

/* ~~ Placeholder label ~~ */
html.js div.form-item.uu-placeholder-label div.uu-label-wrapper {
  display: none;
}

div.form-item.uu-placeholder-label div.uu-placeholder-container {
  position: relative;
}

div.form-item.uu-placeholder-label label.uu-placeholder {
  position: absolute;
  top: 11px;
  left: 11px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  color: #aaaaaa;
  cursor: text;

  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ~~ Radios and checkboxes ~~ */
.uu-el--form-style-default div.uu-radios,
.uu-el--form-style-default div.uu-checkboxes {
  padding: 6px 0;
}

.uu-el--form-style-default div.uu-radios div.uu-form-subitem,
.uu-el--form-style-default div.uu-checkboxes div.uu-form-subitem {
  margin-top: 5px;
  margin-bottom: 5px;
}

.uu-el--form-style-default label.uu-radio-label,
.uu-el--form-style-default label.uu-checkbox-label {
  font-size: 16px;
  line-height: 1.25em;

  display: inline;
}

.uu-el--form-style-default span.uu-radio-wrapper,
.uu-el--form-style-default span.uu-checkbox-wrapper {
  display: inline-block;
  padding: 0 4px;

  *display: inline;
  *zoom: 1;
}

.uu-el--form-style-default input.uu-radio,
.uu-el--form-style-default input.uu-checkbox {
  padding: 0;
  margin: 0;
  border: 0;
  display: block;

  *display: inline;
}

/* ~~ Select ~~ */
.uu-el--form-style-default select.uu-select {
  max-width: 95%;
  *width: 95%;
  padding: 7px;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

/* ~~ Item ~~ */
.uu-el--form-style-default div.uu-form-item.form-type-item div.uu-widget-wrapper {
  padding: 13px 0;
}

/* ~~ Fieldset ~~ */
.uu-el--form-style-default fieldset.uu-fieldset,
fieldset.uu-fieldset.uu-el--form-style-default {
  margin: 1em 0;
  background: white;
  border: 1px dotted #6c6c6c;
  border-radius: 10px;
}

.uu-el--form-style-default fieldset.uu-fieldset.vertical-tabs-pane,
fieldset.uu-fieldset.uu-el--form-style-default.vertical-tabs-pane {
  margin: 0;
  border: 0;
  border-radius: 0;
}

.uu-el--form-style-default span.uu-legend-inner,
.uu-el--form-style-default span.uu-legend-inner a.fieldset-title {
  color: white;
}

.uu-el--form-style-default span.uu-legend-inner {
  background: #666666;
  padding: 4px 9px;
  display: block;
  font-size: 16px;
  line-height: 22px;
  border-radius: 5px;

  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

html.js .uu-el--form-style-default fieldset.collapsible span.uu-legend-inner,
html.js fieldset.collapsible.uu-el--form-style-default span.uu-legend-inner {
  background: #666666;
  border-radius: 5px;
  padding-left: 9px;
  padding-right: 6px;
}

.uu-el--form-style-default span.uu-legend-inner a.fieldset-title {
  background: url('https://useumstorage.blob.core.windows.net/useumdir/modern-layout/fieldset-collapse.png') right center no-repeat;
  display: block;
  padding: 0 22px 0 0;
}

.uu-el--form-style-default span.uu-legend-inner a.fieldset-title:hover {
  text-decoration: none;
}

.uu-el--form-style-default fieldset.collapsed span.uu-legend-inner a.fieldset-title,
fieldset.collapsed.uu-el--form-style-default span.uu-legend-inner a.fieldset-title {
  background-image: url('https://useumstorage.blob.core.windows.net/useumdir/modern-layout/fieldset-expand.png');
}

.uu-el--form-style-default legend.uu-legend span.summary {
  margin-left: 0;
}

.uu-el--form-style-default div.uu-fieldset-description {
  margin-bottom: 1em;
}

/* ~~ Password with confirmation ~~ */
.uu-el--form-style-default div.uu-password-strength {
  margin-top: 0.75em;
}

.uu-el--form-style-default div.uu-confirm-result {
  margin-top: 0.75em;
}

.uu-el--form-style-default div.uu-password-suggestions {
  margin-top: 0.75em;
  padding: 0.2em;
  border: 1px solid #B4B4B4;
}

/* ~~ Tipsy & cleanup icons ~~ */
html.js .uu-el--form-style-default div.uu-tipsy-description {
  display: none;
}

.uu-el--form-style-default div.uu-tipsy-icon,
.uu-el--form-style-default div.uu-cleanup-icon {
  background: #cccccc;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  width: 25px;
  cursor: pointer;
  height: 25px;
}

.uu-el--form-style-default div.uu-widget-wrapper.uu-tipsy-icon-container div.uu-tipsy-icon {
  float: right;
  margin-left: 8px;
}

.uu-el--form-style-default div.uu-textfield-wrapper.uu-tipsy-icon-container,
.uu-el--form-style-default div.uu-textfield-wrapper.uu-cleanup-icon-container,
.uu-el--form-style-default div.uu-autocomplete-deluxe-wrapper.uu-tipsy-icon-container {
  position: relative;
  padding-right: 39px;
}

.uu-el--form-style-default div.uu-textfield-wrapper.uu-tipsy-icon-container div.uu-tipsy-icon,
.uu-el--form-style-default div.uu-textfield-wrapper.uu-cleanup-icon-container div.uu-cleanup-icon,
.uu-el--form-style-default div.uu-autocomplete-deluxe-wrapper.uu-tipsy-icon-container div.uu-tipsy-icon {
  position: absolute;
  top: 8px;
  right: 8px;
}

.uu-el--form-style-default div.uu-textarea-wrapper.uu-tipsy-icon-container div.uu-tipsy-icon {
  float: right;
  margin-left: 8px;
}

.uu-el--form-style-default span.uu-select-wrapper.uu-tipsy-icon-container,
.uu-el--form-style-default span.uu-file-input-wrapper.uu-tipsy-icon-container {
  display: block;
  position: relative;
}

.uu-el--form-style-default span.uu-select-wrapper.uu-tipsy-icon-container {
  padding-right: 25px;
}

.uu-el--form-style-default span.uu-file-input-wrapper.uu-tipsy-icon-container {
  padding-right: 35px;
}

.uu-el--form-style-default span.uu-select-wrapper.uu-tipsy-icon-container div.uu-tipsy-icon,
.uu-el--form-style-default span.uu-file-input-wrapper.uu-tipsy-icon-container div.uu-tipsy-icon {
  position: absolute;
  top: 6px;
  right: 0;
}

/* ~~ File and managed file ~~ */
.uu-el--form-style-default span.uu-file-input-wrapper {
  display: inline-block;
  padding: 10px 0;
}

.uu-el--form-style-default input.uu-file-input {
  padding: 0;
  border: 0;
  margin: 0;
}

.uu-el--form-style-default input.uu-submit.uu-managed-file-button {
  vertical-align: middle;
}

.uu-el--form-style-default div.uu-managed-file span.uu-file-input-wrapper {
  vertical-align: middle;
}

.uu-el--form-style-default div.uu-managed-file span.file {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 0;

  *display: inline;
  *zoom: 1;
}

#content .uu-el--form-style-default div.uu-managed-file img.file-icon {
  padding: 0;
  background: transparent;
}

/* ~~ Date fields ~~ */
.uu-el--form-style-default div.uu-date-text div.uu-form-subitem {
  margin: 0;
}

/* ~~ CAPTCHA ~~ */
.uu-el--form-style-default div.uu-captcha div.uu-form-subitem {
  margin: 0;
}

#content .uu-el--form-style-default div.uu-captcha img {
  background: transparent;
  padding: 0;
}

/* ~~ Submit and actions ~~ */
.uu-el--form-style-default div.uu-form-actions {
  text-align: center;
  margin-left: 5px;
}

.uu-el--form-style-default .uu-submit,
.uu-el--form-style-default .uu-button,
.uu-el--form-style-default a.uu-pseudo-button {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  background: #262626;
  font-weight: 300;
  color: #F2F2F2;
  padding: 6px 20px;
  text-decoration: none;

  -webkit-transition: background-color .2s linear;
  -moz-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear;

  text-shadow: none;
  border: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

  /* Fix for inconsistent button padding on IE 7 */
  *width: auto;
  *overflow: visible;
}

.uu-el--form-style-default a.uu-pseudo-button {
  display: inline-block;
  line-height: normal;
}

.uu-el--form-style-default .uu-submit:hover,
.uu-el--form-style-default .uu-submit:active,
.uu-el--form-style-default .uu-submit.uu-active,
.uu-el--form-style-default .uu-button:hover,
.uu-el--form-style-default .uu-button:active,
.uu-el--form-style-default .uu-button.uu-active,
.uu-el--form-style-default a.uu-pseudo-button:hover,
.uu-el--form-style-default a.uu-pseudo-button:active,
.uu-el--form-style-default a.uu-pseudo-button.uu-active {
  background: #0099CC;
}

.uu-el--form-style-default .uu-submit:active,
.uu-el--form-style-default .uu-submit.uu-active,
.uu-el--form-style-default .uu-button:active,
.uu-el--form-style-default .uu-button.uu-active,
.uu-el--form-style-default a.uu-pseudo-button:active {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}

.uu-el--form-style-default .uu-submit[disabled],
.uu-el--form-style-default .uu-button[disabled],
.uu-el--form-style-default .uu-submit[disabled]:hover,
.uu-el--form-style-default .uu-button[disabled]:hover,
.uu-el--form-style-default .uu-submit[disabled]:active,
.uu-el--form-style-default .uu-button[disabled]:active,
.uu-el--form-style-default .uu-submit.uu-active[disabled],
.uu-el--form-style-default .uu-button.uu-active[disabled] {
  background: #838383;
  box-shadow: none;
  cursor: default;
}

.uu-el--form-style-default .uu-submit.uu-pseudo-link,
.uu-el--form-style-default .uu-button.uu-pseudo-link,
.uu-el--form-style-default .uu-submit.uu-pseudo-link:hover,
.uu-el--form-style-default .uu-button.uu-pseudo-link:hover,
.uu-el--form-style-default .uu-submit.uu-pseudo-link:active,
.uu-el--form-style-default .uu-button.uu-pseudo-link:active,
.uu-el--form-style-default .uu-submit.uu-pseudo-link.uu-active,
.uu-el--form-style-default .uu-button.uu-pseudo-link.uu-active {
  padding: 0;
  background: transparent;
  box-shadow: none;
  color: #0099CC;
  font-size: 14px;
  cursor: pointer;

  -webkit-transition: color .2s linear;
  -moz-transition: color .2s linear;
  -o-transition: color .2s linear;
  transition: color .2s linear;
}

.uu-el--form-style-default .uu-submit.uu-pseudo-link:hover,
.uu-el--form-style-default .uu-button.uu-pseudo-link:hover {
  text-decoration: underline;
}

.uu-el--form-style-default .uu-submit.uu-pseudo-link[disabled],
.uu-el--form-style-default .uu-button.uu-pseudo-link[disabled],
.uu-el--form-style-default .uu-submit.uu-pseudo-link[disabled]:hover,
.uu-el--form-style-default .uu-button.uu-pseudo-link[disabled]:hover,
.uu-el--form-style-default .uu-submit.uu-pseudo-link[disabled]:active,
.uu-el--form-style-default .uu-button.uu-pseudo-link[disabled]:active {
  text-decoration: none;
  color: #838383;
}

/* ~~ User profile form ~~ */
form.uu-fm--user-profile div.user-picture {
  margin-left: 30%;
}