captcha input field not playing ball

I've targeted the fields with css, but am unable to correct the field overflow in captcha.
I've tried reducing the text field length shorter than I need to see if anything changes, but no look.
The page in question is:
http://engageclinical.co.uk/?page_id=15

This is the current css i'm using:

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {background-color: rgba(200,232,251, .3);height:20px;width:270px!important;box-shadow: 0 1px 0 #E5E5EE;}

.gform_wrapper textarea {background-color: rgba(200,232,251, .3);height:20px;box-shadow: 0 1px 0 #E5E5EE;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=file] {background:#e9bbf8;height:20px;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex {
font-size:16px;
}

.recaptchatable #recaptcha_response_field {
    bottom: 7px !important;
    font-size: 10pt;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    width: 100px !important;
}

Any help will be greatly recieved.

Many Thanks
Bret

Sorry, yes just realised it would be locked down,
You should be able to view it now

Many thanks
Bret

Thanks David,
That's a great help, just wondering if you can help with the clipping at the end of each name field.

Many Thanks
Bret

http://www.engageclinical.co.uk