/**
 * @file
 * Node-form related css tweaks.
 */


/**
 * ==========================================================================
 * LAYOUT: Compound field on Property node forms.
 */
.compound-option-group {
  border-top:1px solid #ccc;
  overflow:hidden;
}
.compound-option-group .form-text {
  max-width:95%;
}

.compound-option-name {
  float:left;
}
.compound-option-value {
  float:right;
}

.compound-option-name,
.compound-option-value {
  width:49%;
}



/**
 * ==========================================================================
 * LAYOUT: Media thumbnail on node edit forms.
 */
.media-thumbnail,
.media-thumbnail img {
  height:140px;
  max-height:140px;
  width:auto;
}




/**
 * ==========================================================================
 * LAYOUT: Suite Size on Suite node form.
 */
/* Display the radio buttons together on one row, to reduce the form height. */
.node-property_suite_page-form .form-item.form-type-radio {
  display:inline;
  margin-right:1.5em;
}


/**
 * ==========================================================================
 * LAYOUT: Suite pricing tables.
 *
 * Condense these so many rows can be seen at once on one screen.
 */
.group-suite-pricing .field-name-field-pricing-name,
.group-suite-pricing .field-name-field-pricing-price,
.group-suite-pricing .field-name-field-pricing-area {
  float:left;
}
.group-suite-pricing .form-text {
  max-width:80%;
  width:80%;
}

.group-suite-pricing .field-name-field-pricing-name {
  max-width:225px;
}
.group-suite-pricing .field-name-field-pricing-price .form-text {
  max-width:50px;
  margin-right:1em;
}
.group-suite-pricing .field-name-field-pricing-area {
  min-width:110px;
}
.group-suite-pricing .field-name-field-pricing-area .form-text {
  max-width:50px;
}

/* Hide the field descriptions for all items in the pricing table, except
 * for the *first* row.
 */
#field-suite-pricing-values .description {
  display:none;
}
#field-suite-pricing-values tr:first-child .description {
  display:block;
}

/* Ensure the description text can wrap. */
.group-suite-pricing tr.odd .form-item,
.group-suite-pricing tr.even .form-item {
  white-space:normal;
}