Search fields to display horizontally

I would like the search fields to display horizontally (eg. dropdown beside search field, then search button beside search field). See attached image as example.

Demo site address is dev2.janadians.com/index.php/resources/m...hartered-accountants

Thanks for your help.

It worked on one template and not another. So on this other demo site - intra.janadians.com/e-directory.html I placed the said code, but it did not work. I placed it within the custom.css of the template and tried it in the grid.css of the component. But to noa avial. Where else do you think I could place the code to have the same result?