.ctools-modal-content {
  background: #fff;
  color: #000;
  padding: 0;
  margin: 2px;
  border: 1px solid #000;
  width: 600px;
  text-align: left;
  height: auto!important;

  .modal-header {
    background-color: #2385c2;
    padding: 0 .25em 0 1em;

    a {
      color: white;
    }
  }

    .modal-title {
      font-size: 120%;
      font-weight: bold;
      color: white;
      overflow: hidden;
      white-space: nowrap;
    }

    .close {
      &, &:link {
        color: white;
        float: right;
      }

      &:hover {
        text-decoration: none;
      }

      img {
        position: relative;
        top: 1px;
      }
    }

  .modal-content {
    padding: 1em 1em 0 1em;
    overflow: auto;
    position: relative; /* Keeps IE7 from flowing outside the modal. */
    height: auto!important;

    .modal-throbber-wrapper {
      text-align: center;

      img {
        margin-top: 160px;
      }
    }
  }

  /** modal forms CSS **/
  .form-item {
    label {
      width: 15em;
      float: left;
    }

    label.option {
      width: auto;
      float: none;
    }

    .description {
      clear: left;

      .tips {
        margin-left: 2em;
      }
    }

  }

  .no-float .form-item * {
    float: none;
  }

  .modal-form .no-float label  {
    width: auto;
  }

  fieldset,
  .form-radios,
  .form-checkboxes {
    clear: left;
  }

  .resizable-textarea {
    width: auto;
    margin-left: 15em;
    margin-right: 5em;
  }

  .container-inline .form-item {
    margin-right: 2em;
  }

  label.hidden-options {
    background: transparent url(../images/arrow-active.png) no-repeat right;
    height: 12px;
    padding-right: 12px;
  }

  label.expanded-options {
    background: transparent url(../images/expanded-options.png) no-repeat right;
    height: 12px;
    padding-right: 16px;
  }

  .option-text-aligner label.expanded-options,
  .option-text-aligner label.hidden-options {
    background: none;
  }

  .dependent-options {
    padding-left: 30px;
  }
}