Can't style Mailchimp with CSS3

I’m having a issue styling the Mailchimp plugin. I’ve turned off custom styling and included the following styles in my css

#mc_signup_container{}
#mc_signup_form {}
#mc_signup_form .mc_var_label { }
#mc_signup_form .mc_input { }
#mc-indicates-required { }
#mc_display_rewards { }
#mc_interests_header { }
div.mc_interest{width:100%; }
#mc_signup_form input.mc_interest { }
#mc_signup_form select { }
#mc_signup_form label.mc_interest_label { }
.mc_signup_submit { }

I’m trying to add css3 box shadow the the inputs but it doesn’t seem to change the outcome.

Any suggestions?