Помогите с кодом таблицей

[not-aviable=showfull] 
<div class="sh0">
   <div class="sh1">
        <div class="sh2">
         <h1 class="sh3">ТОП - По рейтингу</h1>
        </div>
    </div>
<table width="100%" class="tabltop">
     <tbody>
    {custom category="5" template="short_rating" aviable="global" from="0" limit="200" cache="no"}
 </tbody></table>
 </div>
[/not-aviable]

<tr>
    <th align="center">№</th>
    <th align="left">Название ленты</th>
    <th align="right" style="padding-right:20px">Рейтинг</th>
</tr>
<tr>
    <td width="30px" align="center">1</td>
    <td width="500px"><b><a href="{full-link}">{title}</a></b></td>
    <td width="200px" align="right" style="padding-right:20px">{vote-num}</td>
</tr>

.tabltop {
    border: solid #f1f1f1 1px;
 *border-collapse: collapse; /* Для IE7 и старше */
    border-spacing: 0;
    margin: 0px;
}
.tabltop tr:hover td {
    background: #f9f9f9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.tabltop th {
    background: #f3f3f3;
    border-top: solid #dddddd 1px;
    border-bottom: dashed #d0d0d0 1px;
    padding: 10px 9px;
    font-size: 14px;
}
.tabltop td {
    padding: 5px 5px 5px 10px;
    vertical-align: middle;
    border-bottom: dashed #d0d0d0 1px;
}
.tabltop a {
    color: #424242;
    text-decoration: none;
}
.tabltop a:hover {
    text-decoration: underline;
}