CSS Class issue

Questions
4

I’ll just hit the first one, as an example.
Looks like your css is only using your class on the first class set, not all the subsequent ones that are comma delimited. Everywhere you see .ui-button, you should repace that with .TransparentButtonClass.ui-button, like so:

.TransparentButtonClass.ui-button, .ui-widget-content .TransparentButtonClass.ui-button.ui-state-default, .TransparentButtonClass.ui-button.ui-state-active, .ui-widget-content .TransparentButtonClass.ui-button.ui-state-default.ui-state-active, .TransparentButtonClass.ui-button.ui-state-hover, .ui-widget-content .TransparentButtonClass.ui-button.ui-state-default.ui-state-hover, .TransparentButtonClass.ui-button.ui-state-focus, .ui-widget-content .TransparentButtonClass.ui-button.ui-state-default.ui-state-focus  {

&nbsp; &nbsp; background: transparent;<br />&nbsp; &nbsp; font-family: Georgia,serif;<br />&nbsp; &nbsp; font-size: 12px;<br />&nbsp; &nbsp; font-weight: 600;<br />&nbsp; &nbsp; color: black;<br />&nbsp; &nbsp; border: none;<br />&nbsp; &nbsp; /* border-bottom: 3px solid #0097a7; */<br />&nbsp; &nbsp; box-shadow: 0px 0 rgba(0,0,0,0&#46;2);<br />&nbsp; &nbsp; -webkit-border-radius: 7px;<br />&nbsp; &nbsp; -moz-border-radius: 7px;<br />&nbsp; &nbsp; border-radius: 7px;<br />&nbsp; &nbsp; padding: 0px;<br />&nbsp; &nbsp; }