title: jquery-steps missing CSS file
body: <p>I'm using jquery-steps plugin to create a wizard in my application.
  I followed the instructions here: <a href="https://github.com/rstaib/jquery-steps" rel="noreferrer">https://github.com/rstaib/jquery-steps</a>
  I load the js files, created my markup, called the <code>.steps(settings)</code> function with the settings from the github wiki.</p>
  
  <p>I get the HTML elements on the page, but it seems that I'm missing the CSS file to go with it, so my interface doesn't look like the example code.</p>
  
  <p>My Markup:</p>
  
  <pre><code>&lt;div id="wizard" role="application" class="wizard clearfix"&gt;&lt;div class="steps clearfix"&gt;&lt;ul role="tablist"&gt;&lt;li role="tab" class="first current" aria-disabled="false" aria-selected="true"&gt;&lt;a id="wizard-t-0" href="#wizard-h-0" aria-controls="wizard-p-0"&gt;&lt;span class="current-info audible"&gt;current step: &lt;/span&gt;&lt;span class="number"&gt;1.&lt;/span&gt; Basic Info&lt;/a&gt;&lt;/li&gt;&lt;li role="tab" class="last done" aria-disabled="false" aria-selected="false"&gt;&lt;a id="wizard-t-1" href="#wizard-h-1" aria-controls="wizard-p-1"&gt;&lt;span class="number"&gt;2.&lt;/span&gt; Brief Info&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;div class="content clearfix"&gt;
      &lt;h1 id="wizard-h-0" tabindex="-1" class="title current"&gt;Basic Info&lt;/h1&gt;
      &lt;div id="wizard-p-0" role="tabpanel" aria-labelledby="wizard-h-0" class="body current" aria-hidden="false" style="display: block;"&gt;
          &lt;label&gt;Client&lt;/label&gt;
          &lt;input name="client" type="text" value=""&gt;
          &lt;br&gt;
          &lt;label&gt;Brief&lt;/label&gt;
          &lt;input name="brief" type="text" value=""&gt;
          &lt;br&gt;
          &lt;label&gt;Plan name&lt;/label&gt;
          &lt;input name="plan_name" type="text" value="Yes Comedy"&gt;
          &lt;br&gt;
          &lt;label&gt;Start Date&lt;/label&gt;
          &lt;input name="start_date" type="text" value="2013-10-01" id="dp1384690179731" class="hasDatepicker"&gt;
          &lt;br&gt;
          &lt;label&gt;Type&lt;/label&gt;
          &lt;input type="radio" name="plan_type" value="1" checked="checked"&gt;Recurring
          &lt;input type="radio" name="plan_type" value="2"&gt;One Time
          &lt;br&gt;
          &lt;div id="field_end_date" class="field" style="display: none;"&gt;
              &lt;label&gt;End Date&lt;/label&gt;
              &lt;input name="end_date" type="text" value="2013-10-31" id="dp1384690179732" class="hasDatepicker"&gt;
              &lt;br&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;h1 id="wizard-h-1" tabindex="-1" class="title"&gt;Brief Info&lt;/h1&gt;
      &lt;div id="wizard-p-1" role="tabpanel" aria-labelledby="wizard-h-1" class="body" aria-hidden="true" style="display: none;"&gt;
          &lt;label&gt;Start Date&lt;/label&gt;
          &lt;input name="age" type="text" value="2013-10-01"&gt;
          &lt;br&gt;
          &lt;label&gt;Start Date&lt;/label&gt;
          &lt;input name="age" type="text" value="2013-10-01"&gt;
          &lt;br&gt;
      &lt;/div&gt;
  &lt;/div&gt;&lt;div class="actions clearfix"&gt;&lt;ul role="menu" aria-label="Pagination"&gt;&lt;li class="disabled" aria-disabled="true"&gt;&lt;a href="#previous" role="menuitem"&gt;Previous&lt;/a&gt;&lt;/li&gt;&lt;li aria-hidden="false" aria-disabled="false" style="display: list-item;"&gt;&lt;a href="#next" role="menuitem"&gt;Next&lt;/a&gt;&lt;/li&gt;&lt;li aria-hidden="true" style="display: none;"&gt;&lt;a href="#finish" role="menuitem"&gt;Finish&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My UI:</p>
  
  <p><img src="https://i.stack.imgur.com/0iKf9.png" alt="http://i.stack.imgur.com/0iKf9.png"></p>
  
  <p>Can anyone suggest what CSS file I should load, or otherwise how to make my UI look and behave like the demo?</p>