Sorry for the inline css, i had to use them because the styles are dynamic, thanks to that the styles can be edited kind-of-easily by non designers using the style editor (http://www.youtube.com/watch?v=R6PEbbN8bYw) and if someone really wanted to override the styles he/she could do so using the !important clause, i know this is not a perfect solution but is the best one that i could think to give non designers the ability to edit their buttons without affecting designers a lot (i might be wrong though)
Can’t you just use javascript to change the classes and ids?
Unfortunately i don’t think so, for example, in the style editor the user can pick the text color, so to be able to do that i create and inline color attribute, if i used classes and ids instead i would have to create a css object for each color so that would be around 16 millions css objects which is not feasible.