/* FH Debugger */
.debug-header {background:#eee;border-bottom:1px dashed #888;font-family:monospace;font-weight:bold;padding:3px 10px;}
.debug-section {background:#eee;border-bottom:2px solid #888;font-family:monospace;font-size:12px;line-height:1.2;padding:10px;}
.debug-message {margin:.25em 0}
.debug-message .info {color:#369}
.debug-message .warning {color:#333}
.debug-message .error {color:#c30}



div.form-message {padding:20px; background:#f2f3f4; margin:0 0 1em;}
div.form-message > .head {font-size: 22px; font-weight: bold;}

/* misc fields */
form .field .inline.checkbox label {font-weight:bold;}

/* errror and validation */
form .field.required label:after {color:#D00;content:" *"}
form .field.error label {color:#c00;} 
form span.error {color:#c00; font-size:14px;} 

 
form div[class*='cols-'] {margin-left:-17.5px;margin-right:-17.5px;font-size:0;}
form div[class*='cols-'] > .field {
  font-size: 1rem;
  position: relative;
  display:inline-block;
  box-sizing: border-box;
  vertical-align:top;
  height:auto;

  padding: 0 17.5px;
  text-align:left;
}

form div.cols-2 > .field {width:49.7%;}
form div.cols-3 > .field {width:33.1%;}
form div.cols-4 > .field {width:24.8%;}

/* FH Uploads */
div[id*='Tx_Formhandler_UploadedFiles_'] {
  overflow:hidden;
  position:relative;
}
form ul.uploads {
  padding:0;
  margin:1em 0;
  list-style:none;
}

form ul.uploads li {
  padding: 0 0 0 20px;
  margin: 0 0 0.5em;
  background:none;
  position:relative;
  overflow:hidden;
  min-height:1em;
  font-weight:bold;
}

form ul.uploads a.formhandler_removelink {
  position:absolute;
  left:0;
  top:7px;
  
  color:#fff;
  border:none;
  vertical-align:middle;
  display:inline-block;
  background:#c00;
  text-align:center;
  font-weight:normal;
  
  width:14px;
  height:14px;
  line-height:14px;  
  border-radius:7px;  
  font-size:10px;
}

form label.upload {display:none;}



/* Sr Freecap */
form img.tx-srfreecap-pi1-image {margin:0;}

form .captcha-container {
  overflow:hidden;
  position:relative;
}

form .captcha-container .image {
  max-width:50%;
  box-sizing:border-box;
  padding-right:1em;
  float:left;
  width:200px;
}

form .captcha-container .input {
  max-width:50%;
  box-sizing:border-box;
  float:left;
  width:200px;
}

form .captcha-container .image img {
  max-width:100%;
}


form .tx-srfreecap-pi1-cant-read {
  display: block;
  font-size: 13px;
  color: #888;
  margin:0 0 0.3em;
  width:100%;
}