Problem of CSS

Problem of CSS

Hi everybody,
i am new using Jquery and Jquery UI, and i have got a small problem.

On a same page, i do have an accordion, and a tabs.
Problem is that both are sharing the same CSS as they do have some classes in common like :
ui-state-default or others.

My CSS for the accordion is fine, but for the tabs, that does not fit at all.

I wanted to know if it was possible to define a prefix for the class.
for example something like $('#tabs).tabs({
      prefix: 'tabs_';
}); and that way, all classes added automatically by jquery on my tabs contents will start with tabs_

That way, i could get a separate design between my tabs and my accordion.

Does such thing exist ? (i suppose i am not the first one to encounter this problem :p)

Thanks.