Modernize appearance of Alterator web interface

components/ahttpd/styles/alterator.css.in

@@ -14,6 +14,11 @@ a {
 	font-weight: bold;
 }
 
+#acl a {
+	color: #888;
+	font-weight: normal;
+}
+
 table {
 	font-size: 9pt;
 	border-color: #@MIDDLE_COLOR_HEX@;
@@ -112,7 +117,6 @@ color:#@MIDDLE_LABELS_HEX@;
 
     padding: 10px 20px;
     padding-top: 10px;
-
     background-color: #cfd4e3;
     border: 1px solid #@SHADOW_HEX@;
 }
@@ -280,6 +284,8 @@ border-color: #242a60;*/
 
 	background-color: #cfd4e3;
 	border: 1px solid #@MIDDLE_COLOR_HEX@;
+	-moz-border-radius: 0.8em;
+	-webkit-border-radius: 0.8em;
 }
 
 #main-td {
@@ -339,7 +345,7 @@ border-color: #242a60;*/
 
 .menu-group-name  {
 	color: #@DARK_LABELS_HEX@;
-	background-image: url(/design/images/menu-header.png);
+	/*background-image: url(/design/images/menu-header.png);*/
 	background-repeat:repeat-x;
 	font-size: 10pt;
 	
@@ -348,6 +354,9 @@ border-color: #242a60;*/
 	padding-right: 4px;
 	padding-left: 10px;
 	margin: 10px;
+
+	font-weight: bold;
+	border-bottom: 3px solid #6aacf1;
 }
 
 /* tables */
@@ -478,6 +487,33 @@ table.alterator-listbox thead tr .headerSortDown, table.alterator-listbox thead
     height:100%;
 }
 
+/* states */
+
+.ui-state-disabled {
+	cursor: default !important;
+	color: #c3c7cb;
+	background-color: #@LIGHT_COLOR_HEX@;
+}
+
+.btn.ui-state-disabled {
+	color: #@MIDDLE_LABELS_HEX@;
+	background-color: #@MIDDLE_COLOR_HEX@;
+}
+
+.btn.ui-state-disabled:hover {
+	background-color: #@MIDDLE_COLOR_HEX@;
+}
+
+/* progressbar */
+
+.ui-progressbar {
+    height:20px;
+    text-align: left;
+}
+.ui-progressbar .ui-progressbar-value {
+    height:100%;
+}
+
 /* accordion */
 
 div.alterator-accordion h3 {
@@ -567,8 +603,8 @@ div.alterator-accordion h3.ui-state-active {
 }
 
 .ui-corner-all {
-	-moz-border-radius: 0.8em;
-	-webkit-border-radius: 0.8em;
+	/*-moz-border-radius: 0.8em;
+	-webkit-border-radius: 0.8em;*/
 }
 
 /* overlays */
@@ -679,16 +715,17 @@ div.alterator-accordion h3.ui-state-active {
 
 #top {
 	text-align:left;
-	background: url(/design/images/header-gradient.png) repeat-x;
+	/*background: url(/design/images/header-gradient.png) repeat-x;*/
 
 	padding: 0em;
 	margin-bottom: 0px;
+	border-bottom: 1px solid #c1c3cb;
 }
 
 #product-logo {
 	background: url(/design/images/product-logo.png) no-repeat;
-	width: 521px;
-	height: 58px;
+	width: 194px;
+	height: 56px;
 	border: 0px;
 	padding: 0px;
 	margin: 0px;