Tabs CSS

Tabs CSS


Hi all.
I am working on implementing tabs and I cannot get the CSS to work to
save my life. I read some threads about there being a mix-up in the
CSS class names with themeroller and tabs, but that appears to be
fixed now. Yet, my tabs are still not being styled.
I am importing JQuery and JQueryUI from Google. I downloaded the
Cupertino theme from JQueryUI's Themeroller. I have not modified the
ui.all.css file at all. Here are the relevant snippets from my code:
<link type="text/css" href="js/theme/ui.all.css" rel="stylesheet" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/
jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/
jquery-ui.min.js"></script>
$(document).ready(function(){
checkCronJobStatus();
$("#tabs").tabs();
});
<div id="tabs">
<ul>
<li><a href="#managementConsole">Management Console</a></li>
<li><a href="#logViewer">Log Viewer</a></li>
</ul>
<div id="managementConsole">
The cron job is currently <strong><span id="cronState"></
span></strong>.
<br /><br /><a href="#" id="startCronLink">Start Cron Job</a>
&nbsp; <a href="#" id="stopCronLink">Stop Cron Job</a>
</div>
<div id="logViewer">Log viewer will go here.</div>
</div>
My tabs just show up as grey/white very generic tabs. I tried the
Smoothness theme as well to no avail. Does anyone know what I am doing
wrong? Seems like I am missing something simple, but I have been at
this now for hours, so I am just not seeing it.