Form States

Part of a bit of a design challenge. At the top is the fully static state, next has the focus in the search input, and finally, we have the focus on the submit button.

Everything here is pure CSS.

Had trouble getting an inset -box-shadow working in Webkit browsers for the final one. Looks like -moz takes an inset property, but not -webkit. Or am I confused?