Как добавить таблицу в div с его работающим CSS

У меня есть скрипка, которая содержит таблицу. Таблица содержит эффекты css, чтобы таблица HTML выглядела хорошо. Теперь я хочу добавить эту таблицу в div. В настоящее время внутри div открывается jQuery dynamic Tab и я хочу, чтобы эта таблица получала добавлен ниже динамической вкладки..

Вот моя ссылка на HTML-таблицу.

Ссылка на HTML-таблицу

А вот моя div и динамическая вкладка HTML..

 <div id="main" style="float: left; width:83%; margin-left:5px; margin-top:0px;">
<div id="doclist">
        </div>
    <div id="wrapper">
    <ul id="tabs">
        <!-- Tabs go here -->
    </ul>
    <div id="content">
        <!-- Tab content goes here -->
    </div>
</div>
</div>

<div id="links" style="float:left; margin-left:0px; position: absolute; margin-top:180px">

<label name="" id="" style="font-style:normal; font-size:12px;font-weight:bold;"> </label>

  <br/><br/>
 <ul id="documents">
  <li><a href="#" rel="Document1" title="This is the content of Document1"></a></li>
<br/>
  <li><a href="#" rel="Document2" title="This is the content of Document1"></a></li>
<br/>
 <li><a href="#" rel="Document3" title="This is the content of Document1"></a></li>
<br/>
<li><a href="#" rel="Document4" title="This is the content of Document1"></a></li>
<br/>
<li><a href="#" rel="Document5" title="This is the content of Document1"></a></li>
<br/>
<li><a href="#" rel="Document6" title="This is the content of Document1">Cancelled Reservation List</a></li>
<br/>
<li><a href="#" rel="Document7" title="This is the content of Document1">Check Out Pending List</a></li>
<br/>
<li><a href="#" rel="Document8" title="This is the content of Document1"></a></li>
<br/>
<li><a href="#" rel="Document9" title="This is the content of Document1"></a></li>
<br/>
<li><a href="#" rel="Document10" title="This is the content of Document1"></a></li>
</ul>
</div>

И вот мой css..

    body { font-family:Lucida Sans, Lucida Sans Unicode, Arial, Sans-Serif; font-size:13px; margin:0px auto;}
    #tabs { margin:0; padding:0; list-style:none; overflow:hidden; }
    #tabs li { float:left; display:block; padding:5px; background-color:#bbb; margin-right:5px;}
    #tabs li a { color:#fff; text-decoration:none; }
    #tabs li.current { background-color:#e1e1e1;}
    #tabs li.current a { color:#000; text-decoration:none; }
    #tabs li a.remove { color:#f00; margin-left:10px;}
    #content { background-color:#e1e1e1;}
    #content p { margin: 0; padding:20px 20px 100px 20px;}

    #main { width:1050px; height:500px; margin:0px auto; overflow:hidden;background-color:#F6F6F6; margin-top:0px;
         -moz-border-radius:10px;  -webkit-border-radius:10px; padding:5px;}
    #wrapper, #doclist { float:left; margin:0 0px 0 0;}
    #doclist { width:150px; border-right:solid 1px #dcdcdc;}
    #doclist ul { margin:0; list-style:none;}
    #doclist li { margin:10px 0; padding:0;}
    #documents { margin:0; padding:0;}

    #wrapper { width:930px; margin-top:0px;}

    #header{ background-color:#F6F6F6; width:900px; margin:0px auto; margin-top:20px;
         -moz-border-radius:10px;  -webkit-border-radius:10px; padding:30px; position:relative;}
    #header h2 {font-size:16px; font-weight:normal; margin:0px; padding:0px;}

Поэтому мой вопрос заключается в том, как добавить скрипку в div со всеми ее эффектами.

Это файлы refrence, которые я добавил.

<link href="css/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
<link href="plugins/ui.multiselect.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jquery-ui-custom.min.js" type="text/javascript"></script>
<script src="plugins/ui.multiselect.js" type="text/javascript"></script>

Что еще мне нужно добавить?