/**
 * Atrium form stylesheet.
 *
 * Provides styling for forms and form elements.
 */

/* Buttons */
a.button,
div.context-links a,
input.form-submit {
  padding:2px 5px;
  color:#fff;
  font-weight:normal;
  border:1px solid #444;
  background:url(images/sprite_base.png) 0px -400px repeat-x;

  text-shadow:#222 0px -1px 0px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  text-align: center; /* IE Fix */
  }

  a.button:active,
  div.context-links a:active,
  input.form-submit:active {
    border-color:#222;
    background:url(images/sprite_base.png) 0px 100% repeat-x;
    text-shadow:#222 0px -1px 0px;
    }

div.buttons { text-align:center; }

form div.buttons,
form div.form div.buttons {
  clear:both;
  padding:20px;
  background:#f8f8f8 url(images/bleeds.png) 0% 100% repeat-x;
  }

  form div.form div.buttons { border-width:1px 0px 0px; }
  form div.form div.sidebar div.buttons { border:0px; }

  form div.buttons input.form-submit { font-size:15px; }

  form input#edit-delete {
    background:#eee;
    border-color:#fff #ddd #ccc;
    text-shadow:none;
    color:#999;
    }

/* Nicer padding on input elements */
.form-text,
.form-textarea,
.form-select {
  width:90%;
  padding:5px;
  border:1px solid #ccc; border-top-color:#999;
  background:#fff;
  color:#333;
  }

  .form-text:focus,
  .form-textarea:focus,
  .form-select:focus {
    color:#000;
    border-color:#ace;
    }

  html.js input.form-autocomplete { background-position:100% 7px; }
  html.js input.throbbing { background-position:100% -13px; }

  /* Exceptions */
  #edit-purl-value { width:auto; }

  #diff-inline-form select,
  #content div.filter-options select { padding:0px; }

/* Simple form items */
#content div.form-item { margin:0px 0px 20px; }
#content div.form-option,
#content table div.form-item { margin:0px; }

/* Nicer checkboxes */
#ucreate-user-form div.form-checkboxes div.form-option,
#spaces-og-user-groups-form div.form-checkboxes div.form-option {
  margin:0px 0px 5px;
  width:25%;
  float:left;
  }

#ucreate-user-form div.form-checkboxes div.form-option label,
#spaces-og-user-groups-form div.form-checkboxes div.form-option label {
  display:block;
  padding:5px;
  margin:0px 5px 0px 0px;

  white-space:nowrap;
  overflow:hidden;

  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  background:#f8f8f8;
  }

/* CCK multiple values */
div.content-multiple-values { position:relative; }
div.content-multiple-values .content-add-more {
  position:absolute;
  top:5px;
  right:5px;
  }

/**
 * FIELDSETS  =========================================================
 */
div.fieldset,
form table {
  background: #f8f8f8 url(images/bleeds.png) 0% 100% repeat-x;
  border:1px solid #ddd;
  margin:0px 0px 10px;
  }

div.form div.sidebar div.form-item label,
div.fieldset h2.fieldset-title {
  background:transparent;
  font-size:11px;
  font-weight:bold;
  padding:4px 9px;
  }

  div.form div.sidebar div.form-item label { padding:0px; }

div.fieldset div.fieldset-content {
  background:transparent;
  border:0px;
  padding:4px 9px;
  }

div.fieldset table { background:#eee; }

div.form div.sidebar div.form-item,
div.form div.sidebar div.fieldset {
  background: #f8f8f8 url(images/bleeds.png) 0% 100% repeat-x;
  margin:0px;
  border:0px;
  padding:5px 10px 4px;
  border-bottom:1px solid #ddd;
  }

  div.form div.sidebar div.fieldset div.fieldset-content,
  div.form div.sidebar div.fieldset h2.fieldset-title { padding:0px; }

  div.form div.sidebar div.fieldset div.form-item {
    background:transparent;
    border:0px;
    padding:0px;
    margin:0px 0px 10px;
    }

/**
 * FORM CSS REPAIRS FOR OTHERS ========================================
 */

/* Admin filter forms */
div.container-inline div { display:inherit; }

/* Date module is confused about itself */
#content div.container-inline-date {
  float:left;
  clear:none;
  }

/* Input filter options */
#content div.filter-target div.form-item {
  padding-bottom:0px;
  margin:0px;
  border:0px;
  }

#content div.filter-options { margin:0px; }

/* Spaces form messages */
div.form div.form-message {
  color:#666;
  background:#f8f8f8;
  border-bottom:1px solid #ddd;
  line-height:25px;
  padding:10px 10px 9px;
  }

  div.form div.form-message-public span.icon,
  div.form div.form-message-private span.icon {
    float:left;
    width:25px;
    height:25px;
    margin-right:10px;
    background: url(images/sprite_base.png) -30px 0px no-repeat;
    }

    div.form div.form-message-public span.icon { background-position: -55px 0px; }

/* Dashboard form */
form#spaces-customize-form h3 {
  font-weight:bold;
  font-size:15px;
  line-height:30px;
  }

form#spaces-customize-form div.region-right {
  float:right;
  width:33%;
  }

form#spaces-customize-form div.region-content {
  float:left;
  width:66%;
  }

/* Login form */
form#user-pass input.form-text,
form#user-login input.form-text { font-size:18px; }

/* Forms in sidebar blocks */
div.sidebar div.block div.form-item {
  display:inline;
  vertical-align:middle;
  }

div.sidebar div.block form option { display:block; }

div.sidebar div.block form select,
div.sidebar div.block form input.form-text,
div.sidebar div.block form textarea {
  font-size:11px;
  width:95%;
  }

/**
 * Preview theming ====================================================
 */
div.node-preview {
  border:1px solid #eee;
  border-bottom-color:#ddd;
  padding:9px;
  margin:0px 0px 20px;
  }

div.node-preview h2.preview-title {
  background:#f8f8f8;
  padding:4px;
  font-size:11px;
  }

div.node-preview div.preview-content {
  padding:9px;
  height:300px;
  overflow:auto;
  position: relative;
  }