Index: src/main/resources/res/ui/admin.js
===================================================================
--- src/main/resources/res/ui/admin.js	(revision 1036913)
+++ src/main/resources/res/ui/admin.js	(working copy)
@@ -24,19 +24,19 @@
 
 function renderView() {
     renderStatusLine();
-    var txt = "<form method='post'><div class='table'><table id='create_instance_table' class='tablelayout'><tbody>" +
+    var txt = "<form method='post'><div class='ui-widget-header ui-corner-top buttonGroup'><table id='create_instance_table' class='nicetable ui-widget'><thead>" +
     "<tr><input type='hidden' name='action' value='create'/>" +
-    "<td>Name: <input id='name' type='text' name='name' style='width:70%' colspan='2'/></td>" +
-    "<td>Port: <input id='port' type='text' name='port' style='width:70%' colspan='2'/></td>" +
-    "<td>Location: <input id='location' type='text' name='location' style='width:70%' colspan='2'/></td>" +
-    "<td>JavaOpts: <input id='javaopts' type='text' name='javaopts' style='width:70%' colspan='2'/></td>" +
-    "<td />" +
-    "</tr><tr><td>Features: <input id='features' type='text' name='features' style='width:70%' colspan='2'" + 
-    " title='Specify initial features separated by commas.'/></td>" + 
-    "<td colspan='2'>Feature URLs: <input id='featureURLs' type='text' name='featureURLs' style='width:80%' colspan='2'" + 
-    " title='Specify additional feature URLs separate by commas.'/></td>" +
-    "<td class='col_Actions'><input type='button' value='Create' onclick='createInstance()'/></td>" +
-    "</tr></tbody></table></div></form><br/>";
+    "<th>Name: <input id='name' type='text' name='name' style='width:70%' colspan='2'/></th>" +
+    "<th>Port: <input id='port' type='text' name='port' style='width:70%' colspan='2'/></th>" +
+    "<th>Location: <input id='location' type='text' name='location' style='width:70%' colspan='2'/></th>" +
+    "<th>JavaOpts: <input id='javaopts' type='text' name='javaopts' style='width:70%' colspan='2'/></th>" +
+    "<th />" +
+    "</tr><tr><th>Features: <input id='features' type='text' name='features' style='width:70%' colspan='2'" + 
+    " title='Specify initial features separated by commas.'/></th>" + 
+    "<th colspan='2'>Feature URLs: <input id='featureURLs' type='text' name='featureURLs' style='width:80%' colspan='2'" + 
+    " title='Specify additional feature URLs separate by commas.'/></th>" +
+    "<th class='col_Actions'><input type='button' value='Create' onclick='createInstance()'/></th>" +
+    "</tr></thead></table></div></form>";
     $("#plugin_content").append( txt );
     renderTable( "Karaf Instances", "instances_table", ["Pid", "Name", "Port", "State", "JavaOpts", "Location", "Actions"] );
     renderStatusLine();
@@ -65,14 +65,14 @@
 }
 
 function renderTable( /* String */ title, /* String */ id, /* array of Strings */ columns ) {
-    var txt = "<div class='table'><table class='tablelayout'><tbody><tr>" +
-    "<td style='color:#6181A9;background-color:#e6eeee'>" +
-    title + "</td></tr></tbody></table>" +
-    "<table id='" + id + "' class='tablelayout'><thead><tr>";
+    var txt = "<table class='ui-widget-header nicetable noauto ui-widget'><thead><tr>" +
+    "<th>" +
+    title + "</th></tr></thead></table>" +
+    "<table id='" + id + "' class='tablesorter nicetable noauto ui-widget'><thead><tr>";
     for ( var name in columns ) {
-        txt = txt + "<th class='col_" + columns[name] + "' style='border-top:#e6eeee'>" + columns[name] + "</th>";
+        txt = txt + "<th class='col_" + columns[name] + " ui-widget-header header' >" + columns[name] + "</th>";
     }
-    txt = txt + "</tr></thead><tbody></tbody></table></div>";
+    txt = txt + "</tr></thead><tbody></tbody></table>";
     $("#plugin_content").append( txt );
 }