datepicker skins

datepicker skins

Hi.  On line 5 of the code below, I have chosen one of the default skins,  vader, for the datepicker.  It works great but I want to use one of the other default themes.  Please see http://jqueryui.com/themeroller/   On the left, in black, chose the GALLERY tab.  There are 24 skins available.  When I try the skins that have one word, like smoothness or vader , it works great.  When I choose a skin with two words, like UI lightness , I get only a shell of the datepicker.  Help?
  1. <!-- -------------------------------->
  2. <!-- Load jQuery from Google's CDN -->
  3. <!-- -------------------------------->
  4.     <!-- Load jQuery UI CSS  -->
  5.     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/ vader/jquery-ui.css" />
  6.     
  7.     <!-- Load jQuery JS -->
  8.     <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  9.     <!-- Load jQuery UI Main JS  -->
  10.     <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

  12.     
  13.     <script type="text/javascript">   
  14.     /*  jQuery ready function. Specify a function to execute when the DOM is fully loaded.  */
  15. $(document).ready(function () {
  16. $("#datepicker").datepicker({
  17. minDate: 0,
  18. maxDate: '+1Y',
  19. showAnim: 'clip',
  20. changeMonth: false,
  21. changeYear: false,
  22. dateFormat: "DD, MM d, yy",
  23. altField: "#altDate",
  24. altFormat: "yy-mm-dd"
  25. });
  26. });
  27. </script>