Cannot Get Theme Working

Cannot Get Theme Working


Hi,
I downloaded the "Start" theme using ThemeRoller (1.7.2 version: UI
Core, Tabs & Datepicker widgets, no Effects or Interactions), unpacked
it and copied the contents of the "development-bundle\themes\base\"
folder to my website "../css/" folder.
The test html below works fine, except that:
a) the Theme is still the default Theme (it looks like "Smoothness")
b) the defaultDate is not working
The following test html is at: http://www.pointandslope.com/ac-play/ac-play.html
<HTML>
<HEAD>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/
jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/
jquery-ui.min.js"></script>
<link type="text/css" href="../css/ui.core.css" rel="stylesheet" />
<link type="text/css" href="../css/ui.theme.css" rel="stylesheet" />
<link type="text/css" href="../css/ui.datepicker.css"
rel="stylesheet" / >
<TITLE>datapicker test</TITLE>
<META name="description" content="">
<META name="keywords" content="">
<META name="generator" content="CuteHTML">
</HEAD>
<BODY>


<script type="text/javascript">
$(function(){
    $('.date-pick').datepicker({
        defaultDate: new Date(2009, 10, 20),
        minDate: -10,
        maxDate: 0,
        dateFormat: "yy-mm-dd"
    })
});
</script>
Start date: <input type="text" Class="date-pick" size="8"
id="startdate">

End date: <input type="text" Class="date-pick" size="8" id="enddate"></
p>
</BODY>
</HTML>
The page works OK except that:
a) the theme is still the default (looks like "Smoothness")
b) the defaultDate is not working
Can you point out what I need to change to:
a) get the "Start" theme displayed
b) get the defaultDate working?
Thanks