Can you take a look on this: http://themes.shopall.nop-templates.com/ and this http://feeling.sdvariations.ca/
What is missing in my css to be exactly like your search bar? I change the "search" text by a magnify like you did, I put the code you have from inspect element in chrome. And there is still something missing because the magnify and the box are not exactly the same. And not ate the same position also.
PS: Is there some issues if we want to put all your theme on our nop 3.2 site? It is going to be multi-site so we can give different look to each site.