Having problems with Google Analytics event tracking

So I'm using the Google Analytics widget to track events and I understand that in addition I have to use the source code on the webpage to have the ability to track the event.  The problem is that when I use the source code, the formatting of the form is out of whack!  The fields and labels don't align properly.  

To see what I mean, view http://www.3csoftware.com/marketing/activity-based-costing-gatracking/

The first form on the right sidebar is what the form should look like (I've just added the source code script) and the form below is when I copy and paste the full source code onto the page.

Any ideas on how to resolve this?  

I know that JotForm has a form analytics feature now, but I'm not interested in tracking form analytics separate from the rest of my analytics results.

Thanks!

After testing your form seems that form when it is embedded to your website and when you are using source code the issue is that your form has the codes and that code is effected with code coming from your website. This happens because you have some styles set for span, for div, ul, etc. Probably some with !important rule. 

The only way to fix it would be to add a bit more code to your form that would neutralize this or to change CSS and other files that you are using on your website in order to not apply it to your form.

Usually the codes applied are for padding and margin.

Hope this will help. Let us know if you need further assistance.