@charset "utf-8";

/* ****************************************************************************
 * CONTROL Modal Form
 *
 * Elements shown in modal form, using 'Modal Form' module.
 *
 * Disable 'modal_forms' CSS and use it instead.
 * ****************************************************************************
 */


/*
 * Styles for Modal Forms
 * ****************************************************************************
 */

div.modal-forms-modal-content {
  background-color      : #F5F5F5;
  font-size             : 14px;
  border                : 0;
  border-radius         : 5px;
  -webkit-border-radius : 5px;
     -moz-border-radius : 5px;
  margin                : 0;
  padding               : 5px 15px 15px 15px;
}

div.modal-forms-modal-content .popups-container {
  background-color      : #F5F5F5;
  text-align            : left;
  height                : 100%;
  border-radius         : 5px;
  -webkit-border-radius : 5px;
     -moz-border-radius : 5px;
  overflow              : hidden;
}

div.modal-forms-modal-content .modal-header {
  border-bottom         : #000 solid 1px;
  background-color      : transparent;
  min-height            : 25px;
  margin-bottom         : 10px;
  padding               : 0.5em 1em 0em 1em;
}

div.modal-forms-modal-content .modal-title {
  display               : inline-block;
  color                 : #000;
  padding-top           : 4px;
}

div.modal-forms-modal-content .popups-close {
  float                 : right;
  cursor                : pointer;
  background            : url(../images/close-dialog.png) 0px 0px no-repeat;
  width                 : 25px;
  height                : 25px;
  text-indent           : 100%;
  white-space           : nowrap;
  overflow              : hidden;
}

div.modal-forms-modal-content .popups-close:hover {
  background-position   : -25px 0px;
}

div.modal-forms-modal-content .modal-scroll {
  position              : relative;
}

/*
 * Modify CTools Modal content just for Modal Forms
 */
div.modal-forms-modal-content .modal-content {
  padding-top           : 0.6em;
}


div.modal-forms-modal-content div.messages {
  margin                : 0;
}

div.modal-forms-modal-content form {
  padding               : 0px 0px 0px 0px;
}

div.modal-forms-modal-content .form-item {
  margin-bottom         : 14px;
}

/*
 * Remove label padding-top -> vertical spacing between blocks is done through div.form-item
 */
div.modal-forms-modal-content .form-item label {
  display               : inline-block;
  float                 : none;
  font-weight           : bold;
  line-height           : 19px;
  width                 : auto;
  padding-top           : 0px;
}

div.modal-forms-modal-content .item-list ul li {
  padding               : 0 0;
}

div.modal-forms-modal-content .resizable-textarea {
  margin-left           : 0;
  margin-right          : 0;
}


/*
 * Modify Ajax Progress throbber just for Modal Forms
 */
div.modal-forms-modal-content .ajax-progress .throbber {
  background-position-y : 12px;
  float                 : none;
  height                : 25px;
  margin                : 4px;

}

div.modal-scroll div.message-wrapper {
  background-color      : #F5F5F5;
  height                : 100%;
  position              : absolute;
  top                   : 0px;
}



/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /*
   * Styles for Modal Forms
   --------------------------------------------------------------------------*/
  div.modal-forms-modal-content {
    padding               : 5px 5px 15px 5px;
  }

}