/* CSS form version: 5.4 */

body {
font-family: Roboto, sans-serif, monospace;
font-size: 14px; 
margin: 0;
}

form.inxform {
padding: 0; 
}

div.radiobutton input.radiobutton,
div.subscription input.checkbox {
clear: both;
}

div.label label,
div.listfield label,
div.textfield label,
div.textarea label,
div.paragraph label,
div.subscription label,
div.passfield label,
div.checkboxfield label,
div.radiobutton label {
display: block;
float: none;
font-size: 14px;
line-height: 20px;
margin: 0px 10px 8px 0;
}

div.label ,
div.listfield ,
div.textfield ,
div.textarea ,
div.paragraph ,
div.subscription ,
div.passfield ,
div.checkboxfield ,
div.radiobutton  {
margin: 2px 10px 8px 0;
}

label.missing {
color:red;
}

div.message_missing {
color:red; 
margin: 16px 0;
padding: 24px;
background-color: #ffcccd;
}

/*** general CSS ***/

input.text,
select, textarea {
font-size: 16px;
line-height: 24px;
padding-top: 11px;
padding-bottom: 11px;
padding-left: 14px;
padding-right: 14px;
border-color: rgba(218,218,218,1);
border-style: solid;
border-width: 1px;
border-radius: 4px;
background-color: #ffffff;
}

input.text, textarea {
width: 240px;
}

.width_25 input.text {
width: 40px;	
}

.width_75 input.text {
width: 160px;	
}

select {
max-width: 270px;
}

.full-width select {
width: 270px;
}

@media only screen and (min-width:560px) {
	.full-width input.text, .full-width textarea {
	width: 520px;
	}
	.full-width select {
	width: 550px;
	max-width: 550px;
	}
}

div.submit input {
height: 48px;
width: auto;
min-width: 128px;
border-radius: 4px;
padding: 4px 32px;
margin-right: 24px;
cursor: pointer;
}

div.submit input.submit_button {
border: 1px solid rgb(239, 125, 0);
background-color: rgb(239, 125, 0);
color: #fff;
}

div.submit input.reset_button {
border: 1px solid rgb(239, 125, 0);
background-color: #ffffff;
color: rgb(239, 125, 0);
}

div.listfield, div.textfield, div.textarea, .heading {
margin-bottom: 16px;
float: left;
}

div.subscription, div.submit, div.message_info, div.disclaimer, div.message_missing {
float: left;
width: 100%;
}

.full-line {
width: 100%;
}

.float-stop {
clear: both;
}

div.submit {
margin-top: 24px;
}

div.disclaimer {
margin-top: 32px;
font-size: 12px;
color: #666;
}

.heading {
font-weight: bold;
width: 100%;
}

.hidden {
display: none;
visibility: hidden;
}

.checkboxfield label.label,
.subscription label.label {
float: right;
margin: 0;
width: 100%;
}

.checkboxfield label.label span,
.subscription label.label span {
float: left;
margin-left: 24px;
}

.checkboxfield input.checkbox,
.subscription input.checkbox {
position: absolute;
}

.radiobutton {
float: left;
}

.radiobutton .radiobutton {
float: left;
width: 100%;

}
.radiobutton label.label,
.radiobutton label.missing {
float: left;
margin: 0 0 0 28px;
width: 100%;
}

.radiobutton input.radio {
position: absolute;
left: 0;
}

#success {
height: 1px;
width: 1px;
}

.subscription label.label span span.small {
margin-left: 0;
font-size: 12px;
line-height: 16px;
margin-top: 4px;
color: #666666;
}