diff --git a/templates/default/table_footer.tpl b/templates/default/table_footer.tpl
index fc4f129..ee9d7d4 100644
--- a/templates/default/table_footer.tpl
+++ b/templates/default/table_footer.tpl
@@ -1,27 +1,26 @@
-
  <tr>
-  <th class="autoindex_th">
+  <th class="autoindex_th stat-block online-list">
    <span class="autoindex_small">{info:total_files} {words:files} - {info:total_folders} {words:folders}</span>
   </th>
   {if:download_count}
-  <th class="autoindex_th">
+  <th class="autoindex_th stat-block online-list">
     <span class="autoindex_small">{words:total downloads}: {info:total_downloads}</span>
   </th>
   {end if:download_count}
-  <th class="autoindex_th">
+  <th class="autoindex_th stat-block online-list">
     <span class="autoindex_small">{words:total size}: {info:total_size}</span>
   </th>
-  <th class="autoindex_th">
+  <th class="autoindex_th stat-block online-list">
    &nbsp;
   </th>
   {if:description_file}
-  <th class="autoindex_th">
+  <th class="autoindex_th stat-block online-list">
    &nbsp;
   </th>
   {end if:description_file}
  </tr>
 </table>
-<div class="autoindex_small" style="text-align: right;">
+<div class="autoindex_small stat-block online-list" style="text-align: right;">
 Powered by <a class="autoindex_a" href="http://autoindex.sourceforge.net/">Original AutoIndex PHP Script</a>
 and  <a class="autoindex_a" href="http://github.com/BeitDina/AutoIndex/">AutoIndex @ Beit Dina</a>
 </div>
@@ -53,19 +52,29 @@ and  <a class="autoindex_a" href="http://github.com/BeitDina/AutoIndex/">AutoInd
  <tr style="vertical-align: top;">
   {if:search_enabled}
   <td>
-   <table><tr class="paragraph"><td class="autoindex_td" style="padding: 8px;">
-    {if:icon_path}<img src="{config:icon_path}search.png" width="16" height="16" alt="{words:search}" /> {end if:icon_path}{words:search}:
+   <table><tr class="paragraph">
+   <td class="autoindex_td search_box" style="padding: 8px;">
+    {if:icon_path}
+	<a name="{words:search}"><i class="icon ion-ios-search fa-fw" aria-hidden="true"></i></a>	
+	{end if:icon_path}{words:search}:
      {info:search_box}
    </td></tr></table>
   </td>
   {end if:search_enabled}
   {if:use_login_system}
   <td>
-   <table><tr class="paragraph"><td class="autoindex_td" style="padding: 8px;">
-    {if:icon_path}<img src="{config:icon_path}login.png" width="12" height="14" alt="{words:login}" /> {end if:icon_path}{words:account}:
+   <table>
+   <tr class="paragraph">
+   <td class="autoindex_td login_box" style="padding: 8px;">
+    {if:icon_path}
+	<a name="{words:login}"><i class="icon ion-ios-log-in fa-fw" aria-hidden="true"></i><i class="icon ion-ios-log-out fa-fw" aria-hidden="true"></i></a>
+	{end if:icon_path}{words:account}:
      {info:login_box}
-   </td></tr></table>
+   </td>
+   </tr>
+   </table>
   </td>
   {end if:use_login_system}
  </tr>
 </table>
+<a name="bottom"></a>