/*========================================
  form.css
  
  requires: reset.css
            pageframework.css
            section.css
            
  content
            * form row
            * buttons
            * inline form
                                       
                                
========================================*/

select {
  /* Fix for FF */
  padding:1px 0;
}

.form-content {
	clear: both;
}

/*----------------------------------------
  form-row
----------------------------------------*/

.form-content .row {
  margin: 30px 0; 
}

.form-content.registration .row {
  margin: 10px 0; 
}

.form-content  fieldset.login-fieldset .row {
  margin: 10px 0; 
}

div.form-content.credit_card_table_form  form fieldset .row {
  margin: 10px 0; 
}

.form-content .row.secret-answer{
  margin: 8px 0; 

}

.form-content .row .contains-related-node .readonly {
  float: left;
}

.contains-related-node input,
.contains-related-node .text-container,
.contains-related-node label,
.contains-related-node select,
.contains-related-node .related-node {
  float: left;
}

.contains-related-node .related-node {
  margin: 0 0 0 5px;
}

input.error {
  border: 1px solid #ff0000;
}

/*----------------------------------------
  buttons
----------------------------------------*/

.form-content .buttons .submit,
.form-content .buttons .cancel,
.form-content .buttons .reset {
  margin: 0 5px 0 0;
}

.form-content .personalimg-buttons .submit,
.form-content .personalimg-buttons .cancel {
  margin: 0 0 0 5px;
}

.form-content .buttons .submitPad {
  margin: 10px 5px 0 0;
}

.form-content .buttons .back {
  margin: 0 5px 0 0; 
}

.form-content .row:after, .form-content .row .contains-related-node:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
}


/*----------------------------------------
  inline form
----------------------------------------*/

.inline-form-content span.element {
  margin: 0 5px 0 0;
  padding: 0 5px;
  border-right: 1px solid #fff;
}

.inline-form-content input.submit , .inline-form-content input.button {
  margin: 0 5px 0 0;
  position: absolute;
}



.inline-form-content input.button [disabled=disabled]  {
  color: red;
}

.inline-form-content label, 
.inline-form-content span.readonly {
  padding: 2px 5px 0px 2px;
  line-height: 17px;
  vertical-align: middle;
  /* float: left; */
}

.inline-form-content span.readonly {
  margin: 0 5px 0 0;
  border-right: 1px solid #000;
}
 
/*-----------------------------------------
  Button placement fix
-----------------------------------------*/
div.content p + div.buttons, 
div.section-container > div.content + div.form-content {
    margin-top: 15px;
}