title: jquery UI tab design doesnt wrk well
body: <p>I am trying to use the jquery UI tab feature from  the link <a href="http://jqueryui.com/demos/tabs/manipulation.html" rel="nofollow noreferrer">http://jqueryui.com/demos/tabs/manipulation.html</a></p>
  
  <p>What I did is copied the source code from the webpage to an html file in my pc.. Also added corresponding css and js files and linked them index page. bt there seems to be a problem with the css part as the design is not wrking fine in my page. The issue seems to be with the file jquery.ui.all.css </p>
  
  <p>whose content is </p>
  
  <pre><code>/*!
  * jQuery UI CSS Framework 1.8.21
  *
  * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  * Dual licensed under the MIT or GPL Version 2 licenses.
  * http://jquery.org/license
  *
  * http://docs.jquery.com/UI/Theming
  */
   @import "jquery.ui.base.css";
   @import "jquery.ui.theme.css";
  </code></pre>
  
  <p>Nw my page looks like the screenshot ive attached ... the list styling doesnt seem to be wrking....<img src="https://i.stack.imgur.com/DrJB4.jpg" alt="enter image description here"></p>
  
  <p>How does the <code>@import</code> thing wrk??Could that be the issue?</p>