title: jQuery UI DatePicker theme
body: <p>I was wondering if there is a way when using DatePicker to override any CSS from the page it's being displayed on and simply show a default plain theme. I just want a basic grey calendar but DatePicker appears to be picking up elements from my website. The code i'm using is as follows </p>
  
  <pre><code>&lt;link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"&gt;  
  &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;  
  &lt;script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"&gt;&lt;/script&gt;  
  &lt;script&gt;
  $(function(){
  $( "#datepicker" ).datepicker({ dateFormat: 'dd-mm-yy' });  
  });  
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm unable to upload a picture of my calendar (as I do not have enough reputation points) but basically where the Days of the week would be (M, T, W, T, F, S, S) the background is dark green and the text red. The spacing is also quite large above and below the days. I'm hoping there is a quick and simple way to format this in the code above. </p>
  
  <p>Thanks in advance. </p>