/* $Id: filefield.css,v 1.21 2009/04/08 20:04:52 quicksketch Exp $ */

/**
 * Overall styles
 */


/**
 * Formatter styles
 */

.filefield-icon {
  float: left; /* RTL */
  margin-right: 0.4em; /* RTL */
}

/* End formatter styles. */

/**
 * General widget form styles (applicable to all widgets).
 */
.filefield-element {
  margin: 1em 0;
  white-space: normal;
}

.filefield-element .widget-preview {
  float: left; /* RTL */
  padding-right: 10px; /* RTL */
  border-right: 1px solid #CCC; /* RTL */
  margin-right: 10px; /* RTL */
  max-width: 30%;
}

.filefield-element .widget-edit {
  float: right; /* RTL */
  max-width: 70%;
}

.filefield-element .filefield-preview {
  width: 16em;
  overflow: hidden;
}

.filefield-element .widget-edit .form-item {
  margin: 0 0 1em 0;
}

.filefield-element input.form-submit,
.filefield-element input.form-file {
  margin: 0;
}

.filefield-element input.progress-disabled {
  float: none;
  display: inline;
}

.filefield-element div.ahah-progress,
.filefield-element div.throbber {
  display: inline;
  float: none;
  padding: 1px 13px 2px 3px; /* RTL */
}

.filefield-element div.ahah-progress-bar {
  display: none;
  margin-top: 4px;
  width: 28em;
  padding: 0;
}

.filefield-element div.ahah-progress-bar div.bar {
  margin: 0;
}

/* End general widget form styles. */

/**
 * Generic file edit widget styles. Not applicable to other widgets that
 * might hook into filefield (say, a widget with an image preview).
 */

.filefield-generic-edit .filefield-icon {
  float: left; /* RTL */
  margin-right: 0.7em; /* RTL */
  margin-top: 0.3em;
}

.filefield-generic-edit-description {
  margin-right: 6em; /* RTL */
}

/* The text field is made unnecessarily long by node.css - shorten it. */
.filefield-generic-edit .form-text {
  width: 99%;
}

.filefield-generic-edit .description {
  white-space: normal;
  margin-bottom: 0;
  overflow: auto; /* Indent on line wraps, don't float around the icon. */
}

/* End widget form styles. */