jquery themeroller how do I change the style of my div

Hi, I am new to theme roller and am having trouble getting started.  I downloaded the sample and just want to create a div with a background color and rounded corners.  There is an example of an accordion with nice looking divs, but it looks like they just give it an id of accordion, and the rest is done magically.  I can't really see how to get started.
jackjohnson44Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

hieloCommented:
you need to read the documentation of each of the components you are interested in. For example, if you are interested in the accordion, the API is at:
http://jqueryui.com/demos/accordion/

You will see a "View Source" link that shows you how that particular example was implemented.
jackjohnson44Author Commented:
Thanks, but I am not looking for information on the accordion.

Let me try to clarify.

I want to be able to style my divs in the same manner as those in the accordion, without the actual accordion functionality.  I can't follow the example, because the only thing I can see in the example is that a particular div is has an id of accordion.  I am looking for a way to figure out how to style my form with a downloaded themeroller theme.
guru_samiCommented:
did you download the theme ?
If yes go to ..jquery-ui-1.8.custom\development-bundle\themes\base and you will see
jquery.ui.theme.css

Add this to your page...and add classes to your div:

<div class="ui-widget ui-widget-content ui-corner-all">
This is Test <br />
This is Test<br />
</div>

From Jquery site:
Note: ThemeRoller uses CSS3 border-radius for corner rounding, which is not currently supported by Internet Explorer.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.