jQuery UI Themeroller-generated dialog's CSS not working

Question

I put together a page that shows what's happening here. The dialog is a confirmation that an email was sent, so you'll need to fill out the form to get the dialog to pop up. (I wanted to retain as much as the original functionality as possible.)

I generated a UI theme using Themeroller and the dialog I'm using is completely void of all styling. To the point that the dialog is completely transparent and all that shows in the dialog is the text in the dialog's div and the unstyled close buttons.

I tried both the compressed and un-compressed UI css and js files with no change.

I'm using some UI effects elsewhere in the same site (highlighting, etc), and they work fine.

Is this an issue with the Themeroller generator or am I missing something?

For now I can just display a label with a confirmation message, but I'd really like to use a dialog.

Answer 1

You haven't linked to the jQuery UI css anywhere. Here's a screenshot of the page after I injected the base jQuery UI theme.