Basic CSS For Formidable Form

gistfile1.css

/* Form */

.with_frm_style label{
  font-size:12px;
	float:none;
	text-align:left;
	margin:0;
	padding:0;
	width:auto;
}

.with_frm_style label.frm_primary_label{
	font-weight:bold;
	display:block;
}

.with_frm_style .frm_top_container label.frm_primary_label{
	display:block;
	float:none;
	width:auto;
}

.with_frm_style .frm_left_container label.frm_primary_label{
	float:left;
	padding-right:10px;
	width:150px;
}

.with_frm_style .frm_right_container label.frm_primary_label{
	float:right;
	padding-left:10px;
	width:150px;
}

.with_frm_style .frm_none_container label.frm_primary_label{
	display:none;
}

.with_frm_style .frm_hidden_container label.frm_primary_label{
	visibility:hidden;
}

.with_frm_style .frm_inline_container label.frm_primary_label{
	display:inline;
    	padding-right:10px;
}

.with_frm_style .form-field, .with_frm_style .frm_form_field {
	margin-bottom:15px;
}

.with_frm_style .frm_blank_field label, .with_frm_style .frm_error {
	color:#be2e17;
}

.with_frm_style .frm_blank_field input, 
.with_frm_style .frm_blank_field textarea, 
.with_frm_style .frm_blank_field select, 
.with_frm_style .frm_blank_field #recaptcha_area {
	border:1px solid #be2e17;
}

.with_frm_style .frm_required {
	color:#ff0000;
    	font-weight:bold;
}

.with_frm_style input.required, 
.with_frm_style textarea.required, 
.with_frm_style select.required {
	color:inherit;
}

.with_frm_style .frm_checkbox, 
.with_frm_style .frm_radio {
	display:block;
    	margin:0;
}

.with_frm_style .frm_left_container .frm_checkbox, 
.with_frm_style .frm_left_container .frm_radio {
	margin-left:160px;
}

.with_frm_style fieldset{border:none;
	margin:0;
	padding:0;
}

.with_frm_style p.submit{padding-top:20px;
    	padding-bottom:20px;
}

.with_frm_style p.description, 
.with_frm_style div.description, 
.with_frm_style .frm_description, 
.with_frm_style .frm_error { 
	margin:0;
   	padding:0;
    	font-size:11px;
    	font-weight:normal;
    	text-align:left;
    	font-style:normal;
}

.with_frm_style .frm_left_container .description, 
.with_frm_style .frm_left_container .frm_error, 
.with_frm_style .frm_left_container .frm_description {
	margin-left:160px;
}

.with_frm_style .frm_error{
	font-weight:bold;
}

.with_frm_style .frm_form_fields input, 
.with_frm_style .frm_form_fields select, 
.with_frm_style .frm_form_fields textarea {
	font-size:13px;
    	margin-bottom:0;
}

.with_frm_style .frm_form_fields input, 
#wpcontent .with_frm_style .frm_form_fields select, 
.with_frm_style .frm_form_fields select, 
.with_frm_style .frm_form_fields textarea {
	border-width:1px;
    	border-style:solid;
   	width:400px;
    	font-size:13px;
    	padding:2px;
}

.with_frm_style .frm_form_fields input.auto_width, 
.with_frm_style .frm_form_fields select.auto_width, 
.with_frm_style .frm_form_fields textarea.auto_width {
	width:auto;
}

.frm_set_select .with_frm_style .frm_form_fields select, 
.frm_set_select .with_frm_style .frm_form_fields select.auto_width {
	width:95%;
}

.with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label {
	display:inline;
}

.with_frm_style input[type="radio"], 
.with_frm_style input[type="checkbox"]{
	width:auto;
    	margin-right:3px;
}

.with_frm_style .frm_message, .with_frm_style .frm_message p {
	font-size:14px;
    	margin:5px 0 15px;
    	padding:5px 10px;
    	background-color:#FFFFE0;
    	color:#444444;
}

.with_frm_style .frm_message{
	border:1px solid #E6DB55;
}



.frm_forms.with_frm_style{
	max-width:98%;
}

.frm_form_field.frm_third, 
.frm_form_field.frm_fourth, 
.frm_form_field.frm_fifth, 
.frm_form_field.frm_inline {
	clear:none;
    	float:left;
}

.frm_form_field.frm_left_half, 
.frm_form_field.frm_left_third, 
.frm_form_field.frm_left_fourth, 
.frm_form_field.frm_left_fifth, 
.frm_form_field.frm_left_inline, 
.frm_form_field.frm_first_half, 
.frm_form_field.frm_first_third, 
.frm_form_field.frm_first_fourth, 
.frm_form_field.frm_first_fifth, 
.frm_form_field.frm_first_inline {
	clear:left;
    	float:left;
}

.frm_form_field.frm_right_half, 
.frm_form_field.frm_right_third, 
.frm_form_field.frm_right_fourth, 
.frm_form_field.frm_right_fifth, 
.frm_form_field.frm_right_inline, 
.frm_form_field.frm_last_half, 
.frm_form_field.frm_last_third, 
.frm_form_field.frm_last_fourth, 
.frm_form_field.frm_last_fifth, 
.frm_form_field.frm_last_inline {
	clear:none;
    	float:right;
}

.frm_form_field.frm_left_half, 
.frm_form_field.frm_right_half, 
.frm_form_field.frm_first_half, 
.frm_form_field.frm_last_half {
	width:48%;
}

.frm_form_field.frm_left_half, 
.frm_form_field.frm_first_half {
	margin-right:4%;
}

.frm_form_field.frm_left_half.frm_left_container .frm_primary_label, .frm_form_field.frm_right_half.frm_left_container .frm_primary_label, .frm_form_field.frm_left_half.frm_right_container .frm_primary_label, .frm_form_field.frm_right_half.frm_right_container .frm_primary_label, .frm_form_field.frm_first_half.frm_left_container .frm_primary_label, .frm_form_field.frm_last_half.frm_left_container .frm_primary_label, .frm_form_field.frm_first_half.frm_right_container .frm_primary_label, .frm_form_field.frm_last_half.frm_right_container .frm_primary_label{-webkit-box-sizing:border-box;
    	-moz-box-sizing:border-box;
    	box-sizing:border-box;
    	max-width:25%;
    	margin-right:0;
    	margin-left:0;
}

.frm_form_field.frm_left_half.frm_left_container .frm_primary_label, 
.frm_form_field.frm_right_half.frm_left_container .frm_primary_label, 
.frm_form_field.frm_first_half.frm_left_container .frm_primary_label, 
.frm_form_field.frm_last_half.frm_left_container .frm_primary_label {
	padding-right:10px;
}

.frm_form_field.frm_left_half.frm_right_container .frm_primary_label, 
.frm_form_field.frm_right_half.frm_right_container .frm_primary_label, 
.frm_form_field.frm_first_half.frm_right_container .frm_primary_label, 
.frm_form_field.frm_last_half.frm_right_container .frm_primary_label {
	padding-left:10px;
}

.frm_form_field.frm_left_container input, 
.frm_form_field.frm_left_container select, 
.frm_form_field.frm_left_container textarea, 
.frm_form_field.frm_right_container input, 
.frm_form_field.frm_right_container select, 
.frm_form_field.frm_right_container textarea {
	max-width:75%;
}

.frm_form_field.frm_left_third, 
.frm_form_field.frm_third, 
.frm_form_field.frm_right_third, 
.frm_form_field.frm_first_third, 
.frm_form_field.frm_last_third {
	width:30%;
}

.frm_form_field.frm_left_third, 
.frm_form_field.frm_first_third, .frm_form_field.frm_third {
	margin-right:5%;
}

.frm_form_field.frm_left_fourth, 
.frm_form_field.frm_fourth, 
.frm_form_field.frm_right_fourth, 
.frm_form_field.frm_first_fourth, 
.frm_form_field.frm_last_fourth {
	width:22%;
}

.frm_form_field.frm_left_fourth, 
.frm_form_field.frm_fourth, 
.frm_form_field.frm_first_fourth {
	margin-right:4%;
}

.frm_form_field.frm_left_fifth, 
.frm_form_field.frm_fifth, 
.frm_form_field.frm_right_fifth, 
.frm_form_field.frm_first_fifth, 
.frm_form_field.frm_last_fifth  {
	width:16%;
}

.frm_form_field.frm_left_fifth, 
.frm_form_field.frm_fifth, 
.frm_form_field.frm_first_fifth { 
	margin-right:5%;
}

.frm_form_field.frm_left_inline, 
.frm_form_field.frm_first_inline, 
.frm_form_field.frm_inline, 
.frm_form_field.frm_right_inline, 
.frm_form_field.frm_last_inline {
	width:auto;
}

.frm_form_field.frm_left_inline, 
.frm_form_field.frm_first_inline, 
.frm_form_field.frm_inline {
	margin-right:4%;
}

.frm_full, 
.frm_full input, 
.frm_full select, 
.frm_full textarea {
	width:100% !important;
}

.frm_full .wp-editor-wrap input{
	width:auto !important;
}