Strange JQUERY Date Picker not loading when stylesheet is loaded.

Strange JQUERY Date Picker not loading when stylesheet is loaded.

Hi guys, this is my first time posting on the fourm.

I have a problem with my JQuery UI date picker. I have an input field with a date picker to be attached to it, like so. It has a class of jquerycalendar attached to it.

  1. <input type="text" name="txtFollowUpDate" id="txtFollowUpDate" class="jquerycalendar" tabindex="2" readonly="readonly" />

In my Javascript I have an event handler which will attached the input to a method called loadCalendar()

  1. $().ready(function() {
  2.        
  3.         //loads datepicker when the user clicks on a date textbox
  4.         loadCalendar();
  5.        
  6.         //load all of the tabs
  7.         loadTabs();
  8.        
  9.         //load all the tiny mce javascript for editor interface
  10.         tinyMCE();
  11.     });

and the loadCalendar() function just runs the standard code to load the datepicker from JQuery UI
  1. $(".jquerycalendar").datepicker();
This all works fine, without the CSS file that came with my JQueryUI when I downloaded my theme, like so:

But when I insert the CSS that I got from JQuery UI, I reload the page and the calendar suddenly dissapears.

It seems bizzare but I have looked around different forums to no avail and I have no Idea what is going on.

Some help will be greatly appreciated and thanks in advance.