validation error alignment « Gravity Support Forums

we created a form that is one line with the submit button.
http://goitd.com/form-test

I cannot figure out how to fix the alignment issue if there is an error.

The 2nd box shifts to the left.

Any ideas ?

here is the CSS ive pieced together..

#gform_wrapper_4 .validation_error, #gform_wrapper_4 .gform_body .gform_fields .gfield_error .validation_message {
	display: none!important;
}

#gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required {
	margin: 0!important;
	padding: 0!important;
	background: none!important;
	border: none!important;
}

#gform_wrapper_4 li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 0!important;
}

/* make the form container relative for positioning */
body #gform_wrapper_4 {
	position: relative;
}

/* resize and position the form footer with the button */
body #gform_wrapper_4 .gform_footer {
	width: auto;
	position: absolute;
	left: 683px;
	top: 20px;
	padding: 0;
	margin: 0;
}

/* align: 0 auto; text-align: center; */
body #gform_wrapper_4 .gform_body {
	position: relative;
	left: 280px;
	top: -6px;
}

body #gform_wrapper_4 .gform_footer input[type=submit] {
	border: 1px solid red;
	position: relative;
	left: 683px;
	top: 20px;
}