/* 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}



/* common styles */
form .hidden {display:none;}
form {margin:0 0 1em}
fieldset {border:none;margin-bottom:1em;}
legend {color:#888;font-size:1.25em;margin:0;padding:0}
label {display:block}

input, select, textarea {
  margin:.25em 0 .75em;
  vertical-align:top; 
  box-sizing: border-box;
}

textarea {resize:vertical}

input[type=text] {
    background:#F8F8F8;
    border:1px solid rgba(0,0,0,.15);
    border-left-color:rgba(0,0,0,.3);
    border-top-color:rgba(0,0,0,.3);
    box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);
    border-color:#cecece\9;
    color:#555;
    line-height:1;
    padding:.25em .35em;
    width:100%;
  max-width:300px;
}

input[type=radio] {
  width: 20px;
  float: left;
  display: block;
}


form .item.radio {
  overflow: hidden;
  position: relative;
  padding-left: 25px;
  min-height: 1.5em;
  margin:0 0 0.5em;
}

form .item.radio > input[type=radio] {
  position: absolute;
  left:0;
  top: 0px;
}

textarea {
    background:#F8F8F8;
    border:1px solid rgba(0,0,0,.15);
    border-left-color:rgba(0,0,0,.3);
    border-top-color:rgba(0,0,0,.3);
    box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);
    border-color:#cecece\9;
    
    /*height:2em;*/
    line-height:1.4;
    padding:.25em .35em;
    box-sizing: border-box;
    width:100%;
    *width:90%;
  max-width:650px;
  min-height:100px;
}



input[type=submit] {
    cursor:pointer;
    font-weight:normal;
    line-height:1em;
    padding:.5em 1em;
    border:none;
    
    border:solid 1px #efefef;
    border-color:rgba(0,0,0,.2);
    border-color:#efefef\9;
    
    background:#f3f4f5;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

input[type=submit]:hover {
  background-color:#c00;
  color:#fff;
  border-color:#c00;
}


input[type=file] {
  font-size:0.8rem;
  line-height:1;
  color:#888;
  padding:0;
}

form div.checkbox {
  overflow:hidden;
  position: relative;
  min-height: 20px;
}


form div.checkbox input[type=checkbox] {
  position: absolute;
  left:0;
  top:0;
}

form div.checkbox label,
form div.checkbox + .note
{
  padding-left: 20px;
}


form div.field {
  position: relative;overflow:hidden;
  margin:0 0 1em;
}

form div.field label.field-label {font-weight: bold;}


form .field-note {
  color:#888;
  font-size:0.8em;
}

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

/* errror and validation */
form .field.required label.field-label:after {color:#D00;content:" *"}
form .field.error label.field-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%;
}