diff --git a/module/common/control.php b/module/common/control.php
index b1b3bcb7c5..f87729fd11 100644
--- a/module/common/control.php
+++ b/module/common/control.php
@@ -313,16 +313,18 @@ class common extends control
             if($type == 'button')
             {
                 echo "<span class='link-button'>";
-                echo html::a($link, '&nbsp;', $target, "class='$class' title='$title'", true);
+                // echo html::a($link, '&nbsp;', $target, "class='$class' title='$title'", true);
                 if($method != 'edit' and $method != 'copy' and $method != 'delete')
                 {
-                    echo html::a($link, $title, $target, "class='$extraClass'", true);
+                    // echo html::a($link, $title, $target, "class='$extraClass'", true);
+                    echo html::a($link, "<i class='$class'></i> " . $title, $target, "class='$extraClass'", true);
                 }
                 echo "</span>";
             }
             else
             {
-                echo html::a($link, '&nbsp;', $target, "class='$class' title='$title'", false);
+                // echo html::a($link, '&nbsp;', $target, "class='$class' title='$title'", false);
+                echo html::a($link, "<i class='$class'></i>", $target, "class='link-icon' title='$title'", false);
             }
         }
         else
diff --git a/www/theme/default/style.css b/www/theme/default/style.css
index 90a12fcc5a..9c72089dab 100644
--- a/www/theme/default/style.css
+++ b/www/theme/default/style.css
@@ -178,6 +178,11 @@ table.tablesorter thead tr .header         {background-image: url(./images/table
 table.tablesorter thead tr .headerSortUp   {background-image: url(./images/tablesorter/asc.gif);  background-repeat: no-repeat; background-position: center right; cursor: pointer;}
 table.tablesorter thead tr .headerSortDown {background-image: url(./images/tablesorter/desc.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
 
+/* data table. */
+table.data-table{border: none;width: 100%;}
+table.data-table td:first-child{padding-left: 20px;}
+table.data-table td:last-child{padding-right: 20px;}
+
 /*-----------------------HEIGHT SETTING--------------------------*/
 .h-5px   {height:5px}
 .h-10px  {height:10px}
@@ -469,7 +474,10 @@ table.tablesorter thead tr .headerSortDown {background-image: url(./images/table
 
 /*-----------------------ICONS --------------------*/
 .icon{color: #888;}
-
+.icon-arrow  {padding-left:10px; background:url(images/main/zt-icons.png) -102px -443px;}
+.link-icon{color: #036;display: inline-block;margin-right: 5px;}
+.link-icon:hover{color:#000;text-shadow:1px 1px 3px rgba(0,0,0,0.25);}
+.link-icon.disabled,.link-icon.disabled:hover,.link-icon .disabled,.link-icon .disabled:hover{color: #ccc;}
 
 /* Common icons. */
 #featurebar .f-right .icon-goback {padding:0px 9px}
@@ -482,7 +490,11 @@ table.tablesorter thead tr .headerSortDown {background-image: url(./images/table
 .icon-goback {padding:2px 8px; background:url(images/main/zt-icons.png) 0px    -42px;}
 .icon-pre    {padding:2px 8px; background:url(images/main/zt-icons.png) -20px  -42px;}
 .icon-next   {padding:2px 8px; background:url(images/main/zt-icons.png) -40px  -42px;}
+#searchicon  {padding:2px 8px; background:url(images/main/zt-icons.png) -102px -80px; margin-left:10px;}
+/*#searchmore  {padding:2px 8px; background:url(images/main/zt-icons.png) -62px  -80px no-repeat; margin-right:10px;}*/
+/*#searchlite  {padding:2px 8px; background:url(images/main/zt-icons.png) -82px  -80px no-repeat; margin-right:10px}*/
 .icon-add    {border:none; width:16px; padding:2px 8px; background:url(images/main/zt-icons.png) -120px  -3px no-repeat;}
+.icon-delete {border:none; width:16px; padding:2px 8px; background:url(images/main/zt-icons.png) -100px  -3px no-repeat;}
 .icon-add:hover, .icon-delete:hover {cursor:pointer}
 .icon-allProducts, .icon-allProjects {padding:2px 10px 2px 8px; background:url(images/main/zt-icons.png) 0px  -161px;}