From 7f24893ba3f0313e0efb261d8aeb58d6b687bf3d Mon Sep 17 00:00:00 2001
From: Heng Sin Low <hengsin@gmail.com>
Date: Thu, 14 May 2009 08:38:37 +0000
Subject: [PATCH] 
 https://sourceforge.net/tracker/?func=detail&aid=2790994&group_id=176962&atid=955896
 - Implemented basic theme support, added new ZK_THEME key - Added content for
 www.testadempiere.com - default css move from default.css.dsp to
 /theme/default/css/theme.css.dsp - load calc.js and layout.js using
 lang-addon.xml instead - Implemented gradient background for selected window
 tab ( the vertical tab ) - Fixed combobox look and feel - Vertical tab will
 take less space now if the label is short, for e.g the tab for sales order
 window.

---
 .../WEB-INF/src/metainfo/zk/lang-addon.xml    |  19 +-
 .../org/adempiere/webui/AdempiereWebUI.java   |   2 +-
 .../src/org/adempiere/webui/WLogin.java       |  84 +++++--
 .../webui/component/ADButtonTabList.java      |  25 +-
 .../adempiere/webui/panel/ADWindowPanel.java  |  18 +-
 .../adempiere/webui/panel/HeaderPanel.java    |   8 +-
 .../org/adempiere/webui/panel/LoginPanel.java | 131 ++++++----
 .../org/adempiere/webui/panel/RolePanel.java  | 234 +++++++++++-------
 .../src/org/adempiere/webui/theme/ITheme.java |  58 +++++
 .../adempiere/webui/window/AboutWindow.java   |   8 +-
 .../adempiere/webui/window/LoginWindow.java   |  31 ++-
 .../zkmax/zul/render/Combobox2Default.java    |  79 ------
 zkwebui/index.zul                             |   7 +-
 zkwebui/theme.zs                              |   2 +
 .../default/css/theme.css.dsp}                | 123 ++++++++-
 .../theme/default/images/adtab-left-bg.png    | Bin 0 -> 306 bytes
 .../theme/default/images/adtab-right-bg.png   | Bin 0 -> 306 bytes
 zkwebui/theme/default/images/header-bg.png    | Bin 0 -> 281 bytes
 zkwebui/theme/default/images/header-logo.png  | Bin 0 -> 1848 bytes
 zkwebui/theme/default/images/icon.png         | Bin 0 -> 1060 bytes
 zkwebui/theme/default/images/login-box-bg.png | Bin 0 -> 382 bytes
 .../theme/default/images/login-box-footer.png | Bin 0 -> 1772 bytes
 .../theme/default/images/login-box-header.png | Bin 0 -> 1488 bytes
 zkwebui/theme/default/images/login-logo.png   | Bin 0 -> 15813 bytes
 zkwebui/theme/default/login-info.zul          |  71 ++++++
 zkwebui/theme/default/login-left.zul          |  15 ++
 zkwebui/theme/default/login-links.zul         |  38 +++
 zkwebui/theme/default/vendor-logo.zul         |  21 ++
 zkwebui/theme/default/version-info.zul        |  71 ++++++
 29 files changed, 760 insertions(+), 285 deletions(-)
 create mode 100644 zkwebui/WEB-INF/src/org/adempiere/webui/theme/ITheme.java
 delete mode 100644 zkwebui/WEB-INF/src/org/zkoss/zkmax/zul/render/Combobox2Default.java
 create mode 100644 zkwebui/theme.zs
 rename zkwebui/{css/default.css.dsp => theme/default/css/theme.css.dsp} (59%)
 create mode 100644 zkwebui/theme/default/images/adtab-left-bg.png
 create mode 100644 zkwebui/theme/default/images/adtab-right-bg.png
 create mode 100644 zkwebui/theme/default/images/header-bg.png
 create mode 100755 zkwebui/theme/default/images/header-logo.png
 create mode 100755 zkwebui/theme/default/images/icon.png
 create mode 100644 zkwebui/theme/default/images/login-box-bg.png
 create mode 100644 zkwebui/theme/default/images/login-box-footer.png
 create mode 100644 zkwebui/theme/default/images/login-box-header.png
 create mode 100755 zkwebui/theme/default/images/login-logo.png
 create mode 100644 zkwebui/theme/default/login-info.zul
 create mode 100644 zkwebui/theme/default/login-left.zul
 create mode 100644 zkwebui/theme/default/login-links.zul
 create mode 100644 zkwebui/theme/default/vendor-logo.zul
 create mode 100644 zkwebui/theme/default/version-info.zul

diff --git a/zkwebui/WEB-INF/src/metainfo/zk/lang-addon.xml b/zkwebui/WEB-INF/src/metainfo/zk/lang-addon.xml
index 4c75955e2a..fae963ea49 100644
--- a/zkwebui/WEB-INF/src/metainfo/zk/lang-addon.xml
+++ b/zkwebui/WEB-INF/src/metainfo/zk/lang-addon.xml
@@ -2,9 +2,9 @@
 
 <!-- lang.xml
 	Purpose:
-		
+
 	Description:
-		
+
 	History:
 		Saturday Mar 10 23:43:11     2007, Created by Ashley G Ramdass
 
@@ -12,15 +12,16 @@ Copyright (C) 2007 Ashley G Ramdass (ADempiere WebUI).
 -->
 
 <language>
-	
+
 	<addon-name>ADempiere WebUI</addon-name>
-	
+
 	<language-name>xul/html</language-name>
-	
+
 	<version>
 		<version-class>org.adempiere.webui.AdempiereWebUI</version-class>
-		<version-uid>1.0</version-uid>
-	</version>	
-	
-	<javascript src="/js/calc.js" charset="UTF-8"/>	
+		<version-uid>3.5</version-uid>
+	</version>
+
+	<javascript src="/js/calc.js" charset="UTF-8"/>
+	<javascript src="/js/layout.js" charset="UTF-8"/>
 </language>
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/AdempiereWebUI.java b/zkwebui/WEB-INF/src/org/adempiere/webui/AdempiereWebUI.java
index f990f21d89..fef4bb9678 100644
--- a/zkwebui/WEB-INF/src/org/adempiere/webui/AdempiereWebUI.java
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/AdempiereWebUI.java
@@ -64,7 +64,7 @@ public class AdempiereWebUI extends Window implements EventListener, IWebClient
 
 	public static final String APP_NAME = "Adempiere";
 
-    public static final String UID          = "1.0";
+    public static final String UID          = "3.5";
 
     private WLogin             loginDesktop;
 
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/WLogin.java b/zkwebui/WEB-INF/src/org/adempiere/webui/WLogin.java
index 07b476197e..b616a127f8 100644
--- a/zkwebui/WEB-INF/src/org/adempiere/webui/WLogin.java
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/WLogin.java
@@ -1,6 +1,6 @@
 /******************************************************************************
- * Product: Posterita Ajax UI 												  *
- * Copyright (C) 2007 Posterita Ltd.  All Rights Reserved.                    *
+ * Copyright (C) 2008 Low Heng Sin                                            *
+ * Copyright (C) 2009 Idalica Corporation                                     *
  * This program is free software; you can redistribute it and/or modify it    *
  * under the terms version 2 of the GNU General Public License as published   *
  * by the Free Software Foundation. This program is distributed in the hope   *
@@ -10,18 +10,23 @@
  * You should have received a copy of the GNU General Public License along    *
  * with this program; if not, write to the Free Software Foundation, Inc.,    *
  * 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA.                     *
- * For the text or an alternative of this public license, you may reach us    *
- * Posterita Ltd., 3, Draper Avenue, Quatre Bornes, Mauritius                 *
- * or via info@posterita.org or http://www.posterita.org/                     *
  *****************************************************************************/
 
 package org.adempiere.webui;
 
 import org.adempiere.webui.part.AbstractUIPart;
+import org.adempiere.webui.theme.ITheme;
 import org.adempiere.webui.window.LoginWindow;
+import org.compiere.model.MSysConfig;
 import org.zkoss.zk.ui.Component;
+import org.zkoss.zk.ui.Executions;
+import org.zkoss.zk.ui.metainfo.PageDefinition;
 import org.zkoss.zkex.zul.Borderlayout;
 import org.zkoss.zkex.zul.Center;
+import org.zkoss.zkex.zul.East;
+import org.zkoss.zkex.zul.North;
+import org.zkoss.zkex.zul.South;
+import org.zkoss.zkex.zul.West;
 import org.zkoss.zul.Vbox;
 
 /**
@@ -33,41 +38,84 @@ import org.zkoss.zul.Vbox;
  */
 public class WLogin extends AbstractUIPart
 {
-    private IWebClient app;
+
+	private IWebClient app;
 	private Borderlayout layout;
-    
+
     public WLogin(IWebClient app)
     {
         this.app = app;
     }
-    
+
     protected Component doCreatePart(Component parent)
     {
+    	String theme = MSysConfig.getValue(ITheme.ZK_THEME, ITheme.ZK_THEME_DEFAULT);
+
         layout = new Borderlayout();
         if (parent != null)
         	layout.setParent(parent);
         else
         	layout.setPage(page);
-        Center c = new Center();
-        c.setParent(layout);
-        c.setBorder("none");
-        c.setFlex(true);
-        c.setAutoscroll(true);
-                
+        LayoutUtils.addSclass(ITheme.LOGIN_WINDOW_CLASS, layout);
+
+        Center center = new Center();
+        center.setParent(layout);
+        center.setBorder("none");
+        center.setFlex(true);
+        center.setAutoscroll(true);
+        center.setStyle("border: none; background-color: transparent;");
+
         Vbox vb = new Vbox();
-        vb.setParent(c);
+        vb.setParent(center);
         vb.setHeight("100%");
         vb.setWidth("100%");
         vb.setPack("center");
         vb.setAlign("center");
-        LayoutUtils.addSclass("login", vb);
-        
+        vb.setStyle("background-color: transparent;");
+
         LoginWindow loginWindow = new LoginWindow(app);
         loginWindow.setParent(vb);
-        
+
+        try {
+        	String right = ITheme.THEME_PATH_PREFIX + theme + ITheme.LOGIN_RIGHT_PANEL_ZUL;
+	        PageDefinition pageDefintion = Executions.getCurrent().getPageDefinition(right);
+	    	East east = new East();
+	    	east.setSclass(ITheme.LOGIN_EAST_PANEL_CLASS);
+	    	addContent(east, pageDefintion);
+        } catch (Exception e) {}
+
+        try {
+	        String left = ITheme.THEME_PATH_PREFIX + theme + ITheme.LOGIN_LEFT_PANEL_ZUL;
+	        PageDefinition pageDefintion = Executions.getCurrent().getPageDefinition(left);
+	    	West west = new West();
+	    	west.setSclass(ITheme.LOGIN_WEST_PANEL_CLASS);
+	    	addContent(west, pageDefintion);
+        } catch (Exception e){}
+
+        try {
+	        String top = ITheme.THEME_PATH_PREFIX + theme + ITheme.LOGIN_TOP_PANEL_ZUL;
+	        PageDefinition pageDefintion = Executions.getCurrent().getPageDefinition(top);
+	    	North north = new North();
+	    	north.setSclass(ITheme.LOGIN_NORTH_PANEL_CLASS);
+	    	addContent(north, pageDefintion);
+        } catch (Exception e) {}
+
+        try {
+	        String bottom = ITheme.THEME_PATH_PREFIX + theme + ITheme.LOGIN_BOTTOM_PANEL_ZUL;
+	        PageDefinition pageDefintion = Executions.getCurrent().getPageDefinition(bottom);
+	    	South south = new South();
+	    	south.setSclass(ITheme.LOGIN_SOUTH_PANEL_CLASS);
+	    	addContent(south, pageDefintion);
+        } catch (Exception e) {}
+
         return layout;
     }
 
+    private void addContent(Component parent, PageDefinition page) {
+    	layout.appendChild(parent);
+    	Executions.createComponents(page, parent, null);
+    }
+
 	public void detach() {
 		layout.detach();
 		layout = null;
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/component/ADButtonTabList.java b/zkwebui/WEB-INF/src/org/adempiere/webui/component/ADButtonTabList.java
index 81f1bdc66a..3fcc7aa7fb 100644
--- a/zkwebui/WEB-INF/src/org/adempiere/webui/component/ADButtonTabList.java
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/component/ADButtonTabList.java
@@ -1,5 +1,6 @@
 /******************************************************************************
  * Copyright (C) 2008 Low Heng Sin                                            *
+ * Copyright (C) 2009 Idalica Corporation                                     *
  * This program is free software; you can redistribute it and/or modify it    *
  * under the terms version 2 of the GNU General Public License as published   *
  * by the Free Software Foundation. This program is distributed in the hope   *
@@ -60,12 +61,14 @@ public class ADButtonTabList extends Panel implements IADTabList, EventListener
 	}
 
 	public synchronized void refresh() {
-		List childs = getChildren();
+		List<?> childs = getChildren();
 		int childCount = childs.size();
 		for (int c = childCount - 1; c >=0; c--) {
 			removeChild((Component) childs.get(c));
 		}
 		Object[] items = listItems.toArray();
+		int tabWidth = 100;
+		List<Button> btnList = new ArrayList<Button>();
 		for (int i = 0; i < items.length; i++) {
 			ADTabLabel tabLabel = (ADTabLabel) items[i];
 			Button button = new Button();
@@ -92,13 +95,29 @@ public class ADButtonTabList extends Panel implements IADTabList, EventListener
 			}
 
 			String style = (tabPlacement == IADTab.LEFT ? "margin-left:" : "margin-right:") + (tabLabel.tabLevel*15+5) + "px";
-			String width = (195 - tabLabel.tabLevel*15)+"px";
-			style = style + "; width:" + width;
+			if (button.isVisible()) {
+				int width = tabLabel.label.length() * 10 + 20;
+				if (width > tabWidth)
+					tabWidth = width;
+			}
+			btnList.add(button);
 			button.setStyle(style);
 
 			button.setParent(this);
 			button.addEventListener(Events.ON_CLICK, this);
 		}
+
+		//set width
+		if (tabWidth > 190)
+			tabWidth = 190;
+		for (int i = 0; i < items.length; i++) {
+			ADTabLabel tabLabel = (ADTabLabel) items[i];
+			Button button = btnList.get(i);
+			if (!button.isVisible())
+				continue;
+			String width = (tabWidth - tabLabel.tabLevel*15)+"px";
+			button.setStyle(button.getStyle() + "; display: block; width:" + width);
+		}
 	}
 
 	public int getSelectedIndex() {
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/panel/ADWindowPanel.java b/zkwebui/WEB-INF/src/org/adempiere/webui/panel/ADWindowPanel.java
index b047bf8d02..464f125773 100644
--- a/zkwebui/WEB-INF/src/org/adempiere/webui/panel/ADWindowPanel.java
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/panel/ADWindowPanel.java
@@ -13,6 +13,12 @@
  * For the text or an alternative of this public license, you may reach us    *
  * Posterita Ltd., 3, Draper Avenue, Quatre Bornes, Mauritius                 *
  * or via info@posterita.org or http://www.posterita.org/                     *
+ *                                                                            *
+ * Contributors:                                                              *
+ * - Heng Sin Low                                                             *
+ *                                                                            *
+ * Sponsors:                                                                  *
+ * - Idalica Corporation                                                      *
  *****************************************************************************/
 
 package org.adempiere.webui.panel;
@@ -58,12 +64,8 @@ import org.zkoss.zul.Tab;
  */
 public class ADWindowPanel extends AbstractADWindowPanel
 {
-    private static final CLogger logger;
-
-    static
-    {
-        logger = CLogger.getCLogger(ADWindowPanel.class);
-    }
+    @SuppressWarnings("unused")
+	private static final CLogger logger = CLogger.getCLogger(ADWindowPanel.class);
 
 	private Borderlayout layout;
 
@@ -125,6 +127,7 @@ public class ADWindowPanel extends AbstractADWindowPanel
     	        layout.appendChild(west);
     	        west.setSplittable(false);
     	        west.setAutoscroll(true);
+    	        west.setFlex(true);
     	        LayoutUtils.addSclass("adwindow-nav adwindow-left-nav", west);
     	        adTab.setTabplacement(IADTab.LEFT);
     	        adTab.getTabSelectionComponent().setParent(west);
@@ -135,6 +138,7 @@ public class ADWindowPanel extends AbstractADWindowPanel
 		        layout.appendChild(east);
 		        east.setSplittable(false);
 		        east.setAutoscroll(true);
+		        east.setFlex(true);
 		        LayoutUtils.addSclass("adwindow-nav adwindow-right-nav", east);
 		        adTab.setTabplacement(IADTab.RIGHT);
 		        adTab.getTabSelectionComponent().setParent(east);
@@ -218,7 +222,7 @@ public class ADWindowPanel extends AbstractADWindowPanel
 				Tabbox tabbox = (Tabbox) tab.getTabbox();
 				if (tabbox.getSelectedTab() == tab) {
 					Tabs tabs = (Tabs) tabbox.getTabs();
-					List childs = tabs.getChildren();
+					List<?> childs = tabs.getChildren();
 					for(int i = 0; i < childs.size(); i++) {
 						if (childs.get(i) == tab) {
 							if (i > 0)
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/panel/HeaderPanel.java b/zkwebui/WEB-INF/src/org/adempiere/webui/panel/HeaderPanel.java
index 4671bb80ef..39caa8cb72 100644
--- a/zkwebui/WEB-INF/src/org/adempiere/webui/panel/HeaderPanel.java
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/panel/HeaderPanel.java
@@ -19,6 +19,7 @@ package org.adempiere.webui.panel;
 
 import org.adempiere.webui.LayoutUtils;
 import org.adempiere.webui.component.Panel;
+import org.adempiere.webui.theme.ITheme;
 import org.adempiere.webui.window.AboutWindow;
 import org.compiere.model.MSysConfig;
 import org.zkoss.zk.ui.event.Event;
@@ -57,9 +58,12 @@ public class HeaderPanel extends Panel implements EventListener
 
     	UserPanel userPanel = new UserPanel();
 
-    	String logoURL = MSysConfig.getValue("ZK_LOGO_SMALL", null);
+    	String logoURL = MSysConfig.getValue("WEBUI_LOGOURL", null);
     	if (logoURL == null || logoURL.trim().length() == 0)
-    		logoURL = MSysConfig.getValue("WEBUI_LOGOURL", "/images/AD10030.png");
+    	{
+    		String theme = MSysConfig.getValue(ITheme.ZK_THEME, ITheme.ZK_THEME_DEFAULT);
+    		logoURL = ITheme.THEME_PATH_PREFIX + theme + ITheme.HEADER_LOGO_IMAGE;
+    	}
     	image.setSrc(logoURL);
     	image.addEventListener(Events.ON_CLICK, this);
     	image.setStyle("cursor: pointer;");
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/panel/LoginPanel.java b/zkwebui/WEB-INF/src/org/adempiere/webui/panel/LoginPanel.java
index ef948d5813..7646c0ea07 100644
--- a/zkwebui/WEB-INF/src/org/adempiere/webui/panel/LoginPanel.java
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/panel/LoginPanel.java
@@ -13,6 +13,12 @@
  * For the text or an alternative of this public license, you may reach us    *
  * Posterita Ltd., 3, Draper Avenue, Quatre Bornes, Mauritius                 *
  * or via info@posterita.org or http://www.posterita.org/                     *
+ *                                                                            *
+ * Contributors:                                                              *
+ * - Heng Sin Low                                                             *
+ *                                                                            *
+ * Sponsors:                                                                  *
+ * - Idalica Corporation                                                      *
  *****************************************************************************/
 
 package org.adempiere.webui.panel;
@@ -20,15 +26,15 @@ package org.adempiere.webui.panel;
 import java.util.Properties;
 import java.util.ResourceBundle;
 
+import org.adempiere.webui.LayoutUtils;
 import org.adempiere.webui.apps.AEnv;
+import org.adempiere.webui.component.Combobox;
 import org.adempiere.webui.component.ConfirmPanel;
-import org.adempiere.webui.component.Grid;
 import org.adempiere.webui.component.Label;
-import org.adempiere.webui.component.Row;
-import org.adempiere.webui.component.Rows;
 import org.adempiere.webui.component.Textbox;
 import org.adempiere.webui.component.Window;
 import org.adempiere.webui.session.SessionManager;
+import org.adempiere.webui.theme.ITheme;
 import org.adempiere.webui.util.UserPreference;
 import org.adempiere.webui.window.LoginWindow;
 import org.compiere.model.MSysConfig;
@@ -38,6 +44,10 @@ import org.compiere.util.KeyNamePair;
 import org.compiere.util.Language;
 import org.compiere.util.Login;
 import org.zkoss.util.Locales;
+import org.zkoss.zhtml.Div;
+import org.zkoss.zhtml.Table;
+import org.zkoss.zhtml.Td;
+import org.zkoss.zhtml.Tr;
 import org.zkoss.zk.au.out.AuFocus;
 import org.zkoss.zk.ui.Component;
 import org.zkoss.zk.ui.WrongValueException;
@@ -45,9 +55,8 @@ import org.zkoss.zk.ui.event.Event;
 import org.zkoss.zk.ui.event.EventListener;
 import org.zkoss.zk.ui.event.Events;
 import org.zkoss.zk.ui.util.Clients;
+import org.zkoss.zul.Comboitem;
 import org.zkoss.zul.Image;
-import org.zkoss.zul.Listbox;
-import org.zkoss.zul.Listitem;
 
 /**
  *
@@ -59,7 +68,7 @@ import org.zkoss.zul.Listitem;
  */
 public class LoginPanel extends Window implements EventListener
 {
-    /**
+	/**
 	 *
 	 */
 	private static final long serialVersionUID = -5823771596520748214L;
@@ -72,9 +81,7 @@ public class LoginPanel extends Window implements EventListener
     private Label lblLanguage;
     private Textbox txtUserId;
     private Textbox txtPassword;
-    private Listbox lstLanguage;
-/*    private Button btnOk;
-    private Button btnCancel;*/
+    private Combobox lstLanguage;
     private LoginWindow wndLogin;
 
     public LoginPanel(Properties ctx, LoginWindow loginWindow)
@@ -91,44 +98,78 @@ public class LoginPanel extends Window implements EventListener
 
     private void init()
     {
-        Grid grid = new Grid();
-        grid.setOddRowSclass("even");
-        grid.setId("grdLogin");
-        Rows rows = new Rows();
-        Row logo = new Row();
-        logo.setSpans("2");
-        Image image = new Image();
-        image.setSrc(MSysConfig.getValue("ZK_LOGO_LARGE", "images/logo.png"));
-        logo.appendChild(image);
-        Row rowUser = new Row();
-        rowUser.setId("rowUser");
-        Row rowPassword = new Row();
-        rowPassword.setId("rowPassword");
-        Row rowLanguage = new Row();
-        rowLanguage.setId("rowLanguage");
+    	String theme = MSysConfig.getValue(ITheme.ZK_THEME, ITheme.ZK_THEME_DEFAULT);
 
-        rowUser.appendChild(lblUserId.rightAlign());
-        rowUser.appendChild(txtUserId);
+    	Div div = new Div();
+    	div.setSclass(ITheme.LOGIN_BOX_HEADER_CLASS);
+    	Label label = new Label("Login");
+    	label.setSclass(ITheme.LOGIN_BOX_HEADER_TXT_CLASS);
+    	div.appendChild(label);
+    	this.appendChild(div);
 
-        rowPassword.appendChild(lblPassword.rightAlign());
-        rowPassword.appendChild(txtPassword);
+    	Table table = new Table();
+    	table.setId("grdLogin");
+    	table.setDynamicProperty("cellpadding", "0");
+    	table.setDynamicProperty("cellspacing", "5");
+    	table.setSclass(ITheme.LOGIN_BOX_BODY_CLASS);
 
-        rowLanguage.appendChild(lblLanguage.rightAlign());
-        rowLanguage.appendChild(lstLanguage);
+    	this.appendChild(table);
 
-        Row rowButtons = new Row();
-        rowButtons.setSpans("2");
+    	Tr tr = new Tr();
+    	table.appendChild(tr);
+    	Td td = new Td();
+    	td.setSclass(ITheme.LOGIN_BOX_HEADER_LOGO_CLASS);
+    	tr.appendChild(td);
+    	td.setDynamicProperty("colspan", "2");
+    	Image image = new Image();
+        image.setSrc(ITheme.THEME_PATH_PREFIX+theme+ITheme.LOGIN_LOGO_IMAGE);
+        td.appendChild(image);
+
+        tr = new Tr();
+        tr.setId("rowUser");
+        table.appendChild(tr);
+    	td = new Td();
+    	tr.appendChild(td);
+    	td.setSclass(ITheme.LOGIN_LABEL_CLASS);
+    	td.appendChild(lblUserId);
+    	td = new Td();
+    	td.setSclass(ITheme.LOGIN_FIELD_CLASS);
+    	tr.appendChild(td);
+    	td.appendChild(txtUserId);
+
+    	tr = new Tr();
+        tr.setId("rowPassword");
+        table.appendChild(tr);
+    	td = new Td();
+    	tr.appendChild(td);
+    	td.setSclass(ITheme.LOGIN_LABEL_CLASS);
+    	td.appendChild(lblPassword);
+    	td = new Td();
+    	td.setSclass(ITheme.LOGIN_FIELD_CLASS);
+    	tr.appendChild(td);
+    	td.appendChild(txtPassword);
+
+    	tr = new Tr();
+        tr.setId("rowLanguage");
+        table.appendChild(tr);
+    	td = new Td();
+    	tr.appendChild(td);
+    	td.setSclass(ITheme.LOGIN_LABEL_CLASS);
+    	td.appendChild(lblLanguage);
+    	td = new Td();
+    	td.setSclass(ITheme.LOGIN_FIELD_CLASS);
+    	tr.appendChild(td);
+    	td.appendChild(lstLanguage);
+
+    	div = new Div();
+    	div.setSclass(ITheme.LOGIN_BOX_FOOTER_CLASS);
         ConfirmPanel pnlButtons = new ConfirmPanel(false);
         pnlButtons.addActionListener(this);
-        rowButtons.appendChild(pnlButtons);
-
-        rows.appendChild(logo);
-        rows.appendChild(rowUser);
-        rows.appendChild(rowPassword);
-        rows.appendChild(rowLanguage);
-        rows.appendChild(rowButtons);
-        grid.appendChild(rows);
-        this.appendChild(grid);
+        LayoutUtils.addSclass(ITheme.LOGIN_BOX_FOOTER_PANEL_CLASS, pnlButtons);
+        pnlButtons.setWidth(null);
+        pnlButtons.getButton(ConfirmPanel.A_OK).setSclass(ITheme.LOGIN_BUTTON_CLASS);
+        div.appendChild(pnlButtons);
+        this.appendChild(div);
     }
 
     private void initComponents()
@@ -159,10 +200,10 @@ public class LoginPanel extends Window implements EventListener
         txtPassword.setMaxlength(40);
         txtPassword.setWidth("220px");
 
-        lstLanguage = new Listbox();
+        lstLanguage = new Combobox();
+        lstLanguage.setAutocomplete(true);
+        lstLanguage.setAutodrop(true);
         lstLanguage.setId("lstLanguage");
-        lstLanguage.setRows(1);
-        lstLanguage.setMold("select");
         lstLanguage.addEventListener(Events.ON_SELECT, this);
         lstLanguage.setWidth("220px");
 
@@ -206,7 +247,7 @@ public class LoginPanel extends Window implements EventListener
 	        			String initDefault = userPreference.getProperty(UserPreference.P_LANGUAGE);
 	        			for(int i = 0; i < lstLanguage.getItemCount(); i++)
 	        	        {
-	        	        	Listitem li = lstLanguage.getItemAtIndex(i);
+	        	        	Comboitem li = lstLanguage.getItemAtIndex(i);
 	        	        	if(li.getLabel().equals(initDefault))
 	        	        	{
 	        	        		lstLanguage.setSelectedIndex(i);
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/panel/RolePanel.java b/zkwebui/WEB-INF/src/org/adempiere/webui/panel/RolePanel.java
index 4ba06be705..d1e17e11f2 100644
--- a/zkwebui/WEB-INF/src/org/adempiere/webui/panel/RolePanel.java
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/panel/RolePanel.java
@@ -13,6 +13,12 @@
  * For the text or an alternative of this public license, you may reach us    *
  * Posterita Ltd., 3, Draper Avenue, Quatre Bornes, Mauritius                 *
  * or via info@posterita.org or http://www.posterita.org/                     *
+ *                                                                            *
+ * Contributors:                                                              *
+ * - Heng Sin Low                                                             *
+ *                                                                            *
+ * Sponsors:                                                                  *
+ * - Idalica Corporation                                                      *
  *****************************************************************************/
 
 package org.adempiere.webui.panel;
@@ -20,11 +26,15 @@ package org.adempiere.webui.panel;
 import java.util.Properties;
 import java.util.ResourceBundle;
 
+import org.adempiere.webui.LayoutUtils;
+import org.adempiere.webui.component.ComboItem;
+import org.adempiere.webui.component.Combobox;
 import org.adempiere.webui.component.ConfirmPanel;
 import org.adempiere.webui.component.Label;
 import org.adempiere.webui.component.Window;
 import org.adempiere.webui.exception.ApplicationException;
 import org.adempiere.webui.session.SessionManager;
+import org.adempiere.webui.theme.ITheme;
 import org.adempiere.webui.util.UserPreference;
 import org.adempiere.webui.window.LoginWindow;
 import org.compiere.db.CConnection;
@@ -34,19 +44,21 @@ import org.compiere.util.Env;
 import org.compiere.util.KeyNamePair;
 import org.compiere.util.Language;
 import org.compiere.util.Login;
+import org.compiere.util.Msg;
+import org.zkoss.zhtml.Table;
+import org.zkoss.zhtml.Td;
+import org.zkoss.zhtml.Tr;
 import org.zkoss.zk.au.out.AuFocus;
+import org.zkoss.zk.ui.WrongValueException;
+import org.zkoss.zk.ui.event.Deferrable;
 import org.zkoss.zk.ui.event.Event;
 import org.zkoss.zk.ui.event.EventListener;
 import org.zkoss.zk.ui.event.Events;
 import org.zkoss.zk.ui.util.Clients;
 import org.zkoss.zul.Button;
+import org.zkoss.zul.Comboitem;
 import org.zkoss.zul.Div;
-import org.zkoss.zul.Grid;
 import org.zkoss.zul.Image;
-import org.zkoss.zul.Listbox;
-import org.zkoss.zul.Listitem;
-import org.zkoss.zul.Row;
-import org.zkoss.zul.Rows;
 
 /**
  *
@@ -56,7 +68,7 @@ import org.zkoss.zul.Rows;
  * @author <a href="mailto:sendy.yagambrum@posterita.org">Sendy Yagambrum</a>
  * @date    July 18, 2007
  */
-public class RolePanel extends Window implements EventListener
+public class RolePanel extends Window implements EventListener, Deferrable
 {
     /**
 	 *
@@ -69,12 +81,10 @@ public class RolePanel extends Window implements EventListener
     private Login login;
     private KeyNamePair rolesKNPairs[];
 
-    private Label lblErrorMsg;
-    private Listbox lstRole, lstClient, lstOrganisation, lstWarehouse;
+    private Combobox lstRole, lstClient, lstOrganisation, lstWarehouse;
     private Label lblRole, lblClient, lblOrganisation, lblWarehouse;
     private Button btnOk, btnCancel;
 
-
     public RolePanel(Properties ctx, LoginWindow loginWindow, String userName, String password)
     {
         this.wndLogin = loginWindow;
@@ -96,53 +106,91 @@ public class RolePanel extends Window implements EventListener
 
     private void init()
     {
-        Grid grid = new Grid();
-        grid.setId("grdChooseRole");
-        grid.setOddRowSclass("even");
-        Rows rows = new Rows();
+    	String theme = MSysConfig.getValue(ITheme.ZK_THEME, ITheme.ZK_THEME_DEFAULT);
 
-        Row logo = new Row();
-        logo.setSpans("2");
-        Image image = new Image();
-        image.setSrc(MSysConfig.getValue("ZK_LOGO_LARGE", "images/logo.png"));
-        logo.appendChild(image);
+    	Div div = new Div();
+    	div.setSclass(ITheme.LOGIN_BOX_HEADER_CLASS);
+    	Label label = new Label("Login");
+    	label.setSclass(ITheme.LOGIN_BOX_HEADER_TXT_CLASS);
+    	div.appendChild(label);
+    	this.appendChild(div);
 
-        Row rowRole = new Row();
-        Row rowClient = new Row();
-        Row rowOrg = new Row();
-        Row rowWarehouse = new Row();
+        Table table = new Table();
+        table.setId("grdChooseRole");
+        table.setDynamicProperty("cellpadding", "0");
+    	table.setDynamicProperty("cellspacing", "5");
+    	table.setSclass(ITheme.LOGIN_BOX_BODY_CLASS);
 
-        rowRole.appendChild(lblRole.rightAlign());
-        rowRole.appendChild(lstRole);
+    	this.appendChild(table);
 
-        rowClient.appendChild(lblClient.rightAlign());
-        rowClient.appendChild(lstClient);
+    	Tr tr = new Tr();
+    	table.appendChild(tr);
+    	Td td = new Td();
+    	td.setSclass(ITheme.LOGIN_BOX_HEADER_LOGO_CLASS);
+    	tr.appendChild(td);
+    	td.setDynamicProperty("colspan", "2");
+    	Image image = new Image();
+        image.setSrc(ITheme.THEME_PATH_PREFIX+theme+ITheme.LOGIN_LOGO_IMAGE);
+        td.appendChild(image);
 
-        rowOrg.appendChild(lblOrganisation.rightAlign());
-        rowOrg.appendChild(lstOrganisation);
+        tr = new Tr();
+        tr.setId("rowRole");
+        table.appendChild(tr);
+    	td = new Td();
+    	tr.appendChild(td);
+    	td.setSclass(ITheme.LOGIN_LABEL_CLASS);
+    	td.appendChild(lblRole.rightAlign());
+    	td = new Td();
+    	td.setSclass(ITheme.LOGIN_FIELD_CLASS);
+    	tr.appendChild(td);
+    	td.appendChild(lstRole);
 
-        rowWarehouse.appendChild(lblWarehouse.rightAlign());
-        rowWarehouse.appendChild(lstWarehouse);
+    	tr = new Tr();
+        tr.setId("rowclient");
+        table.appendChild(tr);
+    	td = new Td();
+    	tr.appendChild(td);
+    	td.setSclass(ITheme.LOGIN_LABEL_CLASS);
+    	td.appendChild(lblClient.rightAlign());
+    	td = new Td();
+    	td.setSclass(ITheme.LOGIN_FIELD_CLASS);
+    	tr.appendChild(td);
+    	td.appendChild(lstClient);
 
-        Row rowButtons = new Row();
+    	tr = new Tr();
+        tr.setId("rowOrganisation");
+        table.appendChild(tr);
+    	td = new Td();
+    	tr.appendChild(td);
+    	td.setSclass(ITheme.LOGIN_LABEL_CLASS);
+    	td.appendChild(lblOrganisation.rightAlign());
+    	td = new Td();
+    	td.setSclass(ITheme.LOGIN_FIELD_CLASS);
+    	tr.appendChild(td);
+    	td.appendChild(lstOrganisation);
+
+    	tr = new Tr();
+        tr.setId("rowWarehouse");
+        table.appendChild(tr);
+    	td = new Td();
+    	tr.appendChild(td);
+    	td.setSclass(ITheme.LOGIN_LABEL_CLASS);
+    	td.appendChild(lblWarehouse.rightAlign());
+    	td = new Td();
+    	td.setSclass(ITheme.LOGIN_FIELD_CLASS);
+    	tr.appendChild(td);
+    	td.appendChild(lstWarehouse);
+
+    	div = new Div();
+    	div.setSclass(ITheme.LOGIN_BOX_FOOTER_CLASS);
         ConfirmPanel pnlButtons = new ConfirmPanel(true);
         pnlButtons.addActionListener(this);
-        rowButtons.setSpans("2");
-        rowButtons.appendChild(pnlButtons);
-
-        rows.appendChild(logo);
-        rows.appendChild(rowRole);
-        rows.appendChild(rowClient);
-        rows.appendChild(rowOrg);
-        rows.appendChild(rowWarehouse);
-        rows.appendChild(rowButtons);
-
-        grid.appendChild(rows);
-
-        Div divErr = new Div();
-        divErr.appendChild(lblErrorMsg);
-        this.appendChild(divErr);
-        this.appendChild(grid);
+        LayoutUtils.addSclass(ITheme.LOGIN_BOX_FOOTER_PANEL_CLASS, pnlButtons);
+        pnlButtons.setWidth(null);
+        pnlButtons.getButton(ConfirmPanel.A_OK).setSclass(ITheme.LOGIN_BUTTON_CLASS);
+        pnlButtons.getButton(ConfirmPanel.A_CANCEL).setSclass(ITheme.LOGIN_BUTTON_CLASS);
+        div.appendChild(pnlButtons);
+        this.appendChild(div);
     }
 
     private void initComponents()
@@ -151,9 +199,6 @@ public class RolePanel extends Window implements EventListener
 
     	ResourceBundle res = ResourceBundle.getBundle(RESOURCE, language.getLocale());
 
-        lblErrorMsg = new Label();
-        lblErrorMsg.setValue(" ");
-
         lblRole = new Label();
         lblRole.setId("lblRole");
         lblRole.setValue(res.getString("Role"));
@@ -170,31 +215,31 @@ public class RolePanel extends Window implements EventListener
         lblWarehouse.setId("lblWarehouse");
         lblWarehouse.setValue(res.getString("Warehouse"));
 
-        lstRole = new Listbox();
+        lstRole = new Combobox();
+        lstRole.setAutocomplete(true);
+        lstRole.setAutodrop(true);
         lstRole.setId("lstRole");
-        lstRole.setRows(1);
-        lstRole.setMold("select");
         lstRole.addEventListener(Events.ON_SELECT, this);
         lstRole.setWidth("220px");
 
-        lstClient = new Listbox();
+        lstClient = new Combobox();
+        lstClient.setAutocomplete(true);
+        lstClient.setAutodrop(true);
         lstClient.setId("lstClient");
-        lstClient.setRows(1);
-        lstClient.setMold("select");
         lstClient.addEventListener(Events.ON_SELECT, this);
         lstClient.setWidth("220px");
 
-        lstOrganisation = new Listbox();
+        lstOrganisation = new Combobox();
+        lstOrganisation.setAutocomplete(true);
+        lstOrganisation.setAutodrop(true);
         lstOrganisation.setId("lstOrganisation");
-        lstOrganisation.setRows(1);
-        lstOrganisation.setMold("select");
         lstOrganisation.addEventListener(Events.ON_SELECT, this);
         lstOrganisation.setWidth("220px");
 
-        lstWarehouse = new Listbox();
+        lstWarehouse = new Combobox();
+        lstWarehouse.setAutocomplete(true);
+        lstWarehouse.setAutodrop(true);
         lstWarehouse.setId("lstWarehouse");
-        lstWarehouse.setRows(1);
-        lstWarehouse.setMold("select");
         lstWarehouse.addEventListener(Events.ON_SELECT, this);
         lstWarehouse.setWidth("220px");
 
@@ -213,11 +258,12 @@ public class RolePanel extends Window implements EventListener
         String initDefault = userPreference.getProperty(UserPreference.P_ROLE);
         for(int i = 0; i < rolesKNPairs.length; i++)
         {
-        	Listitem li = lstRole.appendItem(rolesKNPairs[i].getName(), rolesKNPairs[i].getID());
+        	ComboItem ci = new ComboItem(rolesKNPairs[i].getName(), rolesKNPairs[i].getID());
+        	lstRole.appendChild(ci);
         	if(rolesKNPairs[i].getID().equals(initDefault))
-        		lstRole.setSelectedItem(li);
+        		lstRole.setSelectedItem(ci);
         }
-        if (lstRole.getSelectedIndex() == -1)
+        if (lstRole.getSelectedIndex() == -1 && lstRole.getItemCount() > 0)
         	lstRole.setSelectedIndex(0);
         //
         updateClientList();
@@ -226,7 +272,7 @@ public class RolePanel extends Window implements EventListener
     private void updateClientList()
     {
         lstClient.getItems().clear();
-        Listitem lstItemRole = lstRole.getSelectedItem();
+        Comboitem lstItemRole = lstRole.getSelectedItem();
         if(lstItemRole != null)
         {
         	//  initial client - Elaine 2009/02/06
@@ -238,11 +284,12 @@ public class RolePanel extends Window implements EventListener
             {
                 for(int i = 0; i < clientKNPairs.length; i++)
                 {
-                	Listitem li = lstClient.appendItem(clientKNPairs[i].getName(), clientKNPairs[i].getID());
+                	ComboItem ci = new ComboItem(clientKNPairs[i].getName(), clientKNPairs[i].getID());
+                	lstClient.appendChild(ci);
                     if(clientKNPairs[i].getID().equals(initDefault))
-                    	lstClient.setSelectedItem(li);
+                    	lstClient.setSelectedItem(ci);
                 }
-                if (lstClient.getSelectedIndex() == -1)
+                if (lstClient.getSelectedIndex() == -1 && lstClient.getItemCount() > 0)
                 	lstClient.setSelectedIndex(0);
             }
             //
@@ -256,7 +303,8 @@ public class RolePanel extends Window implements EventListener
     private void updateOrganisationList()
     {
         lstOrganisation.getItems().clear();
-        Listitem lstItemClient = lstClient.getSelectedItem();
+        lstOrganisation.setText("");
+        Comboitem lstItemClient = lstClient.getSelectedItem();
         if(lstItemClient != null)
         {
 			//  initial organisation - Elaine 2009/02/06
@@ -268,11 +316,13 @@ public class RolePanel extends Window implements EventListener
             {
                 for(int i = 0; i < orgKNPairs.length; i++)
                 {
-                	Listitem li = lstOrganisation.appendItem(orgKNPairs[i].getName(), orgKNPairs[i].getID());
+                	ComboItem ci = new ComboItem(orgKNPairs[i].getName(), orgKNPairs[i].getID());
+                	lstOrganisation.appendChild(ci);
                     if(orgKNPairs[i].getID().equals(initDefault))
-                    	lstOrganisation.setSelectedItem(li);
+                    	lstOrganisation.setSelectedItem(ci);
+
                 }
-                if (lstOrganisation.getSelectedIndex() == -1)
+                if (lstOrganisation.getSelectedIndex() == -1 && lstOrganisation.getItemCount() > 0)
                 	lstOrganisation.setSelectedIndex(0);
             }
             //
@@ -283,7 +333,8 @@ public class RolePanel extends Window implements EventListener
     private void updateWarehouseList()
     {
         lstWarehouse.getItems().clear();
-        Listitem lstItemOrganisation = lstOrganisation.getSelectedItem();
+        lstWarehouse.setText("");
+        Comboitem lstItemOrganisation = lstOrganisation.getSelectedItem();
         if(lstItemOrganisation != null)
         {
 			//  initial warehouse - Elaine 2009/02/06
@@ -295,11 +346,12 @@ public class RolePanel extends Window implements EventListener
             {
                 for(int i = 0; i < warehouseKNPairs.length; i++)
                 {
-                    Listitem li = lstWarehouse.appendItem(warehouseKNPairs[i].getName(), warehouseKNPairs[i].getID());
+                	ComboItem ci = new ComboItem(warehouseKNPairs[i].getName(), warehouseKNPairs[i].getID());
+                	lstWarehouse.appendChild(ci);
                     if(warehouseKNPairs[i].getID().equals(initDefault))
-                    	lstWarehouse.setSelectedItem(li);
+                    	lstWarehouse.setSelectedItem(ci);
                 }
-                if (lstWarehouse.getSelectedIndex() == -1)
+                if (lstWarehouse.getSelectedIndex() == -1 && lstWarehouse.getItemCount() > 0)
                 	lstWarehouse.setSelectedIndex(0);
             }
             //
@@ -334,27 +386,23 @@ public class RolePanel extends Window implements EventListener
     **/
     public void validateRoles()
     {
-        Listitem lstItemRole = lstRole.getSelectedItem();
-        Listitem lstItemClient = lstClient.getSelectedItem();
-        Listitem lstItemOrg = lstOrganisation.getSelectedItem();
-        Listitem lstItemWarehouse = lstWarehouse.getSelectedItem();
+    	Comboitem lstItemRole = lstRole.getSelectedItem();
+    	Comboitem lstItemClient = lstClient.getSelectedItem();
+    	Comboitem lstItemOrg = lstOrganisation.getSelectedItem();
+    	Comboitem lstItemWarehouse = lstWarehouse.getSelectedItem();
 
         if(lstItemRole == null || lstItemRole.getValue() == null)
         {
-            lblErrorMsg.setValue("Role is mandatory!!!");
-            return ;
+            throw new WrongValueException(lstRole, Msg.getMsg(Env.getCtx(), "FillMandatory") + lblRole.getValue());
         }
         else if(lstItemClient == null || lstItemClient.getValue() == null)
         {
-            lblErrorMsg.setValue("Client is mandatory!!!");
-            return ;
+        	throw new WrongValueException(lstClient, Msg.getMsg(Env.getCtx(), "FillMandatory") + lblClient.getValue());
         }
         else if(lstItemOrg == null || lstItemOrg.getValue() == null)
         {
-            lblErrorMsg.setValue("Organisation is mandatory!!!");
-            return ;
+        	throw new WrongValueException(lstOrganisation, Msg.getMsg(Env.getCtx(), "FillMandatory") + lblOrganisation.getValue());
         }
-        lblErrorMsg.setValue(" ");
         int orgId = 0, warehouseId = 0;
         orgId = Integer.parseInt((String)lstItemOrg.getValue());
         KeyNamePair orgKNPair = new KeyNamePair(orgId, lstItemOrg.getLabel());
@@ -368,15 +416,13 @@ public class RolePanel extends Window implements EventListener
         String msg = login.validateLogin(orgKNPair);
 		if (msg != null && msg.length() > 0)
 		{
-			lblErrorMsg.setValue("Error for user login: " + msg);
-			return;
+			throw new WrongValueException(msg);
 		}
 
         msg = login.loadPreferences(orgKNPair, warehouseKNPair, null, null);
         if(!(msg == null || msg.length() == 0))
         {
-            lblErrorMsg.setValue("Error for user login: " + msg);
-            return ;
+        	throw new WrongValueException(msg);
         }
         wndLogin.loginCompleted();
 
@@ -390,4 +436,8 @@ public class RolePanel extends Window implements EventListener
         userPreference.savePreference();
         //
     }
+
+	public boolean isDeferrable() {
+		return false;
+	}
 }
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/theme/ITheme.java b/zkwebui/WEB-INF/src/org/adempiere/webui/theme/ITheme.java
new file mode 100644
index 0000000000..642a8ff234
--- /dev/null
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/theme/ITheme.java
@@ -0,0 +1,58 @@
+/******************************************************************************
+ * Copyright (C) 2009 Low Heng Sin                                            *
+ * Copyright (C) 2009 Idalica Corporation                                     *
+ * This program is free software; you can redistribute it and/or modify it    *
+ * under the terms version 2 of the GNU General Public License as published   *
+ * by the Free Software Foundation. This program is distributed in the hope   *
+ * that it will be useful, but WITHOUT ANY WARRANTY; without even the implied *
+ * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.           *
+ * See the GNU General Public License for more details.                       *
+ * You should have received a copy of the GNU General Public License along    *
+ * with this program; if not, write to the Free Software Foundation, Inc.,    *
+ * 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA.                     *
+ *****************************************************************************/
+package org.adempiere.webui.theme;
+
+/**
+ * Interface to hold global theme constant
+ * @author hengsin
+ *
+ */
+public interface ITheme {
+
+	//theme key in MSysConfig
+	public static final String ZK_THEME = "ZK_THEME";
+	//default theme
+	public static final String ZK_THEME_DEFAULT = "default";
+	//theme resource url prefix
+	public static final String THEME_PATH_PREFIX = "/theme/";
+
+	//css for login window and box
+	public static final String LOGIN_WINDOW_CLASS = "login-window";
+	public static final String LOGIN_BOX_HEADER_CLASS = "login-box-header";
+	public static final String LOGIN_BOX_HEADER_TXT_CLASS = "login-box-header-txt";
+	public static final String LOGIN_BOX_HEADER_LOGO_CLASS = "login-box-header-logo";
+	public static final String LOGIN_BOX_BODY_CLASS = "login-box-body";
+	public static final String LOGIN_BOX_FOOTER_CLASS = "login-box-footer";
+	public static final String LOGIN_BOX_FOOTER_PANEL_CLASS = "login-box-footer-pnl";
+
+	//css for login control
+	public static final String LOGIN_BUTTON_CLASS = "login-btn";
+	public static final String LOGIN_LABEL_CLASS = "login-label";
+	public static final String LOGIN_FIELD_CLASS = "login-field";
+
+	//optional top, bottom, left, right content for the login page
+	public static final String LOGIN_NORTH_PANEL_CLASS = "login-north-panel";
+	public static final String LOGIN_SOUTH_PANEL_CLASS = "login-south-panel";
+	public static final String LOGIN_WEST_PANEL_CLASS = "login-west-panel";
+	public static final String LOGIN_EAST_PANEL_CLASS = "login-east-panel";
+
+	public static final String LOGIN_TOP_PANEL_ZUL = "/login-top.zul";
+	public static final String LOGIN_BOTTOM_PANEL_ZUL = "/login-bottom.zul";
+	public static final String LOGIN_LEFT_PANEL_ZUL = "/login-left.zul";
+	public static final String LOGIN_RIGHT_PANEL_ZUL = "/login-right.zul";
+
+	//logo
+	public static final String LOGIN_LOGO_IMAGE = "/images/login-logo.png";
+	public static final String HEADER_LOGO_IMAGE = "/images/header-logo.png";
+}
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/window/AboutWindow.java b/zkwebui/WEB-INF/src/org/adempiere/webui/window/AboutWindow.java
index 5130045bf0..512e055ba5 100644
--- a/zkwebui/WEB-INF/src/org/adempiere/webui/window/AboutWindow.java
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/window/AboutWindow.java
@@ -29,6 +29,7 @@ import org.adempiere.webui.component.Tabpanels;
 import org.adempiere.webui.component.Tabs;
 import org.adempiere.webui.component.ToolBarButton;
 import org.adempiere.webui.component.Window;
+import org.adempiere.webui.theme.ITheme;
 import org.compiere.Adempiere;
 import org.compiere.model.MSysConfig;
 import org.compiere.model.MUser;
@@ -302,9 +303,12 @@ public class AboutWindow extends Window implements EventListener {
 		vbox.setAlign("center");
 		vbox.setPack("center");
 		vbox.setParent(tabPanel);
-		String logoURL = MSysConfig.getValue("ZK_LOGO_SMALL", null);
+		String logoURL = MSysConfig.getValue("WEBUI_LOGOURL", null);
     	if (logoURL == null || logoURL.trim().length() == 0)
-    		logoURL = MSysConfig.getValue("WEBUI_LOGOURL", "/images/AD10030.png");
+    	{
+    		String theme = MSysConfig.getValue(ITheme.ZK_THEME, ITheme.ZK_THEME_DEFAULT);
+    		logoURL = ITheme.THEME_PATH_PREFIX + theme + ITheme.HEADER_LOGO_IMAGE;
+    	}
 		Image image = new Image(logoURL);
 		image.setParent(vbox);
 
diff --git a/zkwebui/WEB-INF/src/org/adempiere/webui/window/LoginWindow.java b/zkwebui/WEB-INF/src/org/adempiere/webui/window/LoginWindow.java
index 5ae2d45996..e26e117244 100644
--- a/zkwebui/WEB-INF/src/org/adempiere/webui/window/LoginWindow.java
+++ b/zkwebui/WEB-INF/src/org/adempiere/webui/window/LoginWindow.java
@@ -13,6 +13,12 @@
  * For the text or an alternative of this public license, you may reach us    *
  * Posterita Ltd., 3, Draper Avenue, Quatre Bornes, Mauritius                 *
  * or via info@posterita.org or http://www.posterita.org/                     *
+ *                                                                            *
+ * Contributors:                                                              *
+ * - Heng Sin Low                                                             *
+ *                                                                            *
+ * Sponsors:                                                                  *
+ * - Idalica Corporation                                                      *
  *****************************************************************************/
 
 package org.adempiere.webui.window;
@@ -39,48 +45,47 @@ import org.zkoss.zk.ui.event.Events;
 public class LoginWindow extends FWindow implements EventListener
 {
     /**
-	 * 
+	 *
 	 */
 	private static final long serialVersionUID = -365979563919913804L;
 	private IWebClient app;
     private Properties ctx;
     private LoginPanel pnlLogin;
     private RolePanel pnlRole;
-    
+
     public LoginWindow(IWebClient app)
     {
         this.ctx = Env.getCtx();
         this.app = app;
-        initComponents(); 
+        initComponents();
         init();
         // add listener on 'ENTER' key for the login window
         addEventListener(Events.ON_OK,this);
     }
-    
+
     private void init()
     {
         this.appendChild(pnlLogin);
-        this.setWidth("500px");
-        
+        this.setStyle("background-color: transparent");
     }
-    
+
     private void initComponents()
     {
         pnlLogin = new LoginPanel(ctx, this);
     }
-    
+
     public void loginOk(String userName, String password)
     {
         pnlRole = new RolePanel(ctx, this, userName, password);
         this.getChildren().clear();
         this.appendChild(pnlRole);
     }
-    
+
     public void loginCompleted()
     {
         app.loginCompleted();
     }
-    
+
     public void loginCancelled()
     {
         pnlLogin = new LoginPanel(ctx, this);
@@ -88,10 +93,10 @@ public class LoginWindow extends FWindow implements EventListener
         this.appendChild(pnlLogin);
     }
 
-    public void onEvent(Event event) 
+    public void onEvent(Event event)
     {
        // check that 'ENTER' key is pressed
-       if ("onOK".equals(event.getName()))
+       if (Events.ON_OK.equals(event.getName()))
        {
           /**
            * LoginWindow can have as a child, either LoginPanel or RolePanel
@@ -104,7 +109,7 @@ public class LoginWindow extends FWindow implements EventListener
            {
                rolePanel.validateRoles();
            }
-           
+
            LoginPanel loginPanel = (LoginPanel)this.getFellowIfAny("loginPanel");
            if (loginPanel != null)
            {
diff --git a/zkwebui/WEB-INF/src/org/zkoss/zkmax/zul/render/Combobox2Default.java b/zkwebui/WEB-INF/src/org/zkoss/zkmax/zul/render/Combobox2Default.java
deleted file mode 100644
index 1028ce4d26..0000000000
--- a/zkwebui/WEB-INF/src/org/zkoss/zkmax/zul/render/Combobox2Default.java
+++ /dev/null
@@ -1,79 +0,0 @@
-/* Combobox2Default.java
-
-{{IS_NOTE
-	Purpose:
-		
-	Description:
-		
-	History:
-		Jun 6, 2008 8:57:53 AM , Created by jumperchen
-}}IS_NOTE
-
-Copyright (C) 2008 Potix Corporation. All Rights Reserved.
-
-{{IS_RIGHT
-	This program is distributed under GPL Version 2.0 in the hope that
-	it will be useful, but WITHOUT ANY WARRANTY.
-}}IS_RIGHT
-*/
-package org.zkoss.zkmax.zul.render;
-
-import java.io.IOException;
-import java.io.Writer;
-
-import org.zkoss.zk.ui.Component;
-import org.zkoss.zk.ui.Execution;
-import org.zkoss.zk.ui.Executions;
-import org.zkoss.zk.ui.render.ComponentRenderer;
-import org.zkoss.zk.ui.render.SmartWriter;
-import org.zkoss.zul.Combobox;
-
-/**
- * {@link Combobox}'s default mold.
- * 
- * @author jumperchen
- * 
- * @since 3.5.0
- * 
- * @author hengsin
- * modify default zk layout for combobox
- */
-public class Combobox2Default implements ComponentRenderer {
-	public void render(Component comp, Writer out) throws IOException {
-		final SmartWriter wh = new SmartWriter(out);
-		final Combobox self = (Combobox) comp;
-		final String uuid = self.getUuid();
-		final String zcls = self.getZclass();
-		final Execution exec = Executions.getCurrent();
-
-		String tableStyle = "display:inline-block";
-		String inputAttrs = self.getInnerAttrs();
-		if (inputAttrs.indexOf("style") >= 0) {
-			inputAttrs = inputAttrs.substring(0, inputAttrs.indexOf("style"));			
-		}
-		inputAttrs = inputAttrs.trim() + " style='width: 100%'";
-		wh.write("<span id=\"").write(uuid).write("\"")
-			.write(self.getOuterAttrs())
-			.write(" z.type=\"zul.cb.Cmbox\" z.combo=\"true\">")
-			.write("<table border='0' cellspacing='0' cellpadding='0'")
-			.write(" width='").write(self.getWidth()).write("'")
-			.write(" style='"). write(tableStyle).write("'>")
-			.write("<tr style='width:100%; white-space:nowrap;'><td style='width: 100%'><input id=\"")
-			.write(uuid).write("!real\" autocomplete=\"off\"")
-			.write(" class=\"").write(zcls).write("-inp\" ")
-			.write(inputAttrs).write("/></td><td style='width: 17px'><span id=\"")
-			.write(uuid).write("!btn\" class=\"").write(zcls).write("-btn\"");
-
-		if (!self.isButtonVisible())
-			wh.write(" style=\"display:none\"");
-
-		wh.write("><img class=\"").write(zcls).write("-img\" onmousedown=\"return false;\"");
-		wh.write(" src=\"").write(exec.encodeURL("~./img/spacer.gif")).write("\"")
-			.write("\"/></span></td></tr></table><div id=\"").write(uuid).write("!pp\" class=\"")
-			.write(zcls).write("-pp\" style=\"display:none\" tabindex=\"-1\">")
-			.write("<table id=\"").write(uuid)
-			.write("!cave\" cellpadding=\"0\" cellspacing=\"0\">")
-			.writeChildren(self)
-			.write("</table></div></span>");
-	}
-}
diff --git a/zkwebui/index.zul b/zkwebui/index.zul
index 0ed246057c..cd1c37d5b1 100644
--- a/zkwebui/index.zul
+++ b/zkwebui/index.zul
@@ -3,10 +3,9 @@
 Copyright (C) 2007 Ashley G Ramdass.
 -->
 <?page style="height:100%"?>
-<?link rel="icon" type="image/png" href="/images/AD16.png"?>
-<?link rel="stylesheet" type="text/css" href="/css/default.css.dsp"?>
-<?link rel="javascript" type="text/javascript" href="/js/layout.js"?>
-<?link rel="javascript" type="text/javascript" href="/js/calc.js"?>
+<?init zscript="theme.zs" ?>
+<?link rel="icon" type="image/png" href="/theme/${theme}/images/icon.png"?>
+<?link rel="stylesheet" type="text/css" href="/theme/${theme}/css/theme.css.dsp"?>
 <zk>
 	<window use="org.adempiere.webui.AdempiereWebUI"/>
 </zk>
\ No newline at end of file
diff --git a/zkwebui/theme.zs b/zkwebui/theme.zs
new file mode 100644
index 0000000000..8116270bd9
--- /dev/null
+++ b/zkwebui/theme.zs
@@ -0,0 +1,2 @@
+import org.compiere.model.MSysConfig;
+var theme = MSysConfig.getValue("ZK_THEME", "default");
diff --git a/zkwebui/css/default.css.dsp b/zkwebui/theme/default/css/theme.css.dsp
similarity index 59%
rename from zkwebui/css/default.css.dsp
rename to zkwebui/theme/default/css/theme.css.dsp
index 1669aee903..d819f71071 100644
--- a/zkwebui/css/default.css.dsp
+++ b/zkwebui/theme/default/css/theme.css.dsp
@@ -8,10 +8,83 @@ html,body {
 	background-color: #D4E3F4;
 }
 
-.login {
-	background-color: #D4E3F4;
+<%-- login --%>
+.login-window {
+	background-color: #E5E5E5;
 }
 
+.login-box-body {
+	width: 660px;
+	height: 200px;
+	background-image: url(../images/login-box-bg.png);
+	background-repeat: repeat-y;
+	background-color: transparent;
+	z-index: 1;
+	padding: 0;
+	margin: 0;
+	text-align: center;
+	padding-bottom: 100px;
+}
+
+.login-box-header {
+	background-image: url(../images/login-box-header.png);
+	background-color: transparent;
+	z-index: 2;
+	height: 54px;
+	width: 660px;
+}
+
+.login-box-header-txt {
+	color: white;
+	font-weight: bold;
+	position: relative;
+	top: 30px;
+}
+
+.login-box-header-logo {
+	padding-top: 20px;
+	padding-bottom: 25px;
+}
+
+.login-box-footer {
+	background-image: url(../images/login-box-footer.png);
+	background-color: transparent;
+	z-index: 2;
+	height: 110px;
+	width: 660px;
+	margin-left: 2px;
+}
+
+.login-box-footer-pnl {
+	width: 604px;
+	margin-left: 10px;
+	margin-right: 10px;
+	margin-top: 40px;
+}
+
+.login-label {
+	color: black;
+	text-align: right;
+	width: 40%;
+}
+
+.login-field {
+	text-align: left;
+	width: 55%;
+}
+
+.login-btn {
+	height: 36px;
+	width: 72px;
+}
+
+.login-east-panel, .login-west-panel {
+	width: 350px;
+	background-color: #E0EAF7;
+	position: relative;
+}
+
+<%-- header --%>
 .header-left {
 	margin: 0;
 	margin-left: 5px;
@@ -40,7 +113,8 @@ html,body {
 }
 
 .header {
-	background-image: url(images/gradient-bg.gif);
+	--background-image: url(images/gradient-bg.gif);
+	background-image: url(../images/header-bg.png);
 	background-repeat: repeat-x;
 	width: 100%;
 	height: 35px;
@@ -51,6 +125,7 @@ html,body {
 	font-size: 10px;
 }
 
+<%-- button --%>
 .action-button {
 	height: 32px;
 	width: 48px;
@@ -72,6 +147,7 @@ html,body {
 	text-align: center;
 }
 
+<%-- desktop --%>
 div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
 	background-color: white;
 }
@@ -88,7 +164,6 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
 }
 
 <%-- adwindow and form --%>
-
 .adform-content-none {
 	overflow: auto;
 	position: absolute;
@@ -102,7 +177,6 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
 }
 
 .adwindow-nav {
-	width: 200px;
 }
 
 .adwindow-left-nav {
@@ -136,20 +210,36 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
 	font-weight: bold;
 	color: #274D5F;
 	cursor: pointer;
-	border-top: 1px solid #7EAAC6;
-	border-bottom: 1px solid #7EAAC6;
+	border-top: 2px solid #7EAAC6;
+	border-bottom: 2px solid #7EAAC6;
 }
 
 .adwindow-left-navbtn-sel {
-	border-left: 1px solid #7EAAC6;
+	border-left: 2px solid #7EAAC6;
 	border-right: none;
 	text-align: right;
+	-moz-border-radius-topleft: 5px;
+	-moz-border-radius-bottomleft: 5px;
+	-webkit-border-radius-top-left: 5px;
+	-webkit-border-radius-bottom-left: 5px;
+	background-color: #d1e7f6 !important;
+	background-image: url(../images/adtab-left-bg.png);
+	background-repeat: repeat-y;
+	background-position: top right;
 }
 
 .adwindow-right-navbtn-sel {
-	border-right: 1px solid #7EAAC6;
+	border-right: 2px solid #7EAAC6;
 	border-left: none;
 	text-align: left;
+	-moz-border-radius-topright: 5px;
+	-moz-border-radius-bottomright: 5px;
+	-webkit-border-radius-top-right: 5px;
+	-webkit-border-radius-bottom-right: 5px;
+	background-color: #d1e7f6 !important;
+	background-image: url(../images/adtab-right-bg.png);
+	background-repeat: repeat-y;
+	background-position: top left;
 }
 
 .adwindow-navbtn-uns {
@@ -172,16 +262,19 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
 	border-left: 1px solid #CCCCCC;
 	border-right: none;
 	text-align: right;
+	-moz-border-radius-topleft: 5px;
+	-moz-border-radius-bottomleft: 5px;
 }
 
 .adwindow-right-navbtn-uns, .adwindow-right-navbtn-dis {
 	border-right: 1px solid #CCCCCC;
 	border-left: none;
 	text-align: left;
+	-moz-border-radius-topright: 5px;
+	-moz-border-radius-bottomright: 5px;
 }
 
 <%-- ad tab --%>
-
 .adtab-body {
 	position: absolute;
 	margin: 0;
@@ -270,3 +363,13 @@ div.wc-modal, div.wc-modal-none, div.wc-highlighted, div.wc-highlighted-none {
 input:focus, textarea:focus, .z-combobox-inp:focus, z-datebox-inp:focus {
 	border: 1px solid #0000ff;
 }
+
+<%-- fixed combobox btn position when width is set 100% --%>
+.z-combobox-inp {
+	font-family: ${fontFamilyC};
+	font-size: ${fontSizeM};
+	font-weight: normal;
+	background: #FFF url(${c:encodeURL('~./zul/img/grid/text-bg.gif')}) repeat-x 0 0;
+	border: 1px solid #7F9DB9;
+	margin-right: -17px;
+}
diff --git a/zkwebui/theme/default/images/adtab-left-bg.png b/zkwebui/theme/default/images/adtab-left-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa762654076760f873805cdb35aef1a6fa59a95b
GIT binary patch
literal 306
zcmeAS@N?(olHy`uVBq!ia0vp^DL~A~!3-qjS%3EfDVB6cUq=Rpjs4tz5?O)#gaDrq
z*Ne};U3&5D%8PH;UVgv!>idmX-*3MGq91qO{J8h-#{(dG|MSs@pHDvieERX%vroTX
zeE#+7%kMW|f4}?o`~CMnAHM(j^yAN$pFs5Y+poVre*gXX=kKpS|Ni{__xInw|Ns97
zWo*0%a!8W5y9+}HtE>l*!&%@FS<Jw|Eeyhp4727)00r4gJbhi+Z?f{T3d-da<rD#h
zJUm?-LpZLd9=y%eAi%>A;3Ym&%v(J5@BjE&&(8(E@_+63<rvRdi?fHKc3V7WI8eP`
x>5-ZfhoPI&tzfTqi}kxt{;YJ>JoBfMYf>nyfzZkiCO|V8JYD@<);T3K0RU%xm}me1

literal 0
HcmV?d00001

diff --git a/zkwebui/theme/default/images/adtab-right-bg.png b/zkwebui/theme/default/images/adtab-right-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed43a38b7e0a5080ebc4732571bf9bd91dac23a5
GIT binary patch
literal 306
zcmeAS@N?(olHy`uVBq!ia0vp^DL~A~!3-qjS%3EfDVB6cUq=Rpjs4tz5?O)#gaDrq
z*Ne};U3&5D%8PH;UVgv!>idmX-*3MGq91qO{J8h-#{(dG|MSs@pHDvieERX%vroTX
zeE#+7%kMW|f4}?o`~CMnAHM(j^yAN$pFs5Y+poVre*gXX=kKpS|Ni{__xInw|Ns97
zWo*0%a!8W5y9+}HtE>l*!&%@FS<Jw|Eeyhp4727)00r4gJbhi+Z?f{T3W?h_w~GRW
zJUm?-LpZLd9=y%eAi%>A;3Ym&%v(J5@BjE&&(8(UPk0s-_wh-M`Sr?<DVO|Q437yM
xQWGfrdXKrGIB(;%b4gO|$7bvkj#|B+tBRl1KycH#<v=qTJYD@<);T3K0RTfwm>d8A

literal 0
HcmV?d00001

diff --git a/zkwebui/theme/default/images/header-bg.png b/zkwebui/theme/default/images/header-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..cbc7c0b2813f99dda730377b7a9667143d4f1ab3
GIT binary patch
literal 281
zcmeAS@N?(olHy`uVBq!ia0vp^j6f{M!3-pCdAEE82^0spJ29*~C-V}>NeJ)>alQEb
z+oc!ZuDtkm?dA7tufE@S_5Jo6Ao_9V&5wKUemnr8_dg$f`1$1H&!-=MJ^S?Q#phqI
zzWjdk_4m7Pzu$lV^WpoSPe1;A`3XdSzy13A<M-d6fBydZ^Y72!e}Dh|`~UxcP{ziK
zAd8c{-CY<uSY<tc9L@rd$YKTtZeb8+WSBKa0w~B{;_2(kev_4lNlD;PQ0P*ikddd0
zV+hA}--8#q91Iv34rHsgq`55a{r}&)y5#xS6<xPgt!2w*r-<sNO}@C``qqVie=<0y
WGxl_3sy+qkX7F_Nb6Mw<&;$S<fRE|`

literal 0
HcmV?d00001

diff --git a/zkwebui/theme/default/images/header-logo.png b/zkwebui/theme/default/images/header-logo.png
new file mode 100755
index 0000000000000000000000000000000000000000..6457459609f59083ed588a73850f5afe9a13fcac
GIT binary patch
literal 1848
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
Rq0{1Sz{eBk!NNus{s+AcIQako

literal 0
HcmV?d00001

diff --git a/zkwebui/theme/default/images/icon.png b/zkwebui/theme/default/images/icon.png
new file mode 100755
index 0000000000000000000000000000000000000000..e26be9dbee6880e1aa8fb4fd2899c9fa22a562cd
GIT binary patch
literal 1060
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`Y)RhkE)4%caKYZ?lYt_f1s;*b
zK-vS0-A-oPfdtD69Mgd`SU*F|v9*U87?^oIT^vI!PNz=x&xi??IC}o?=XcfL_nPPb
zJH=CIbj<VAgW#sXEUut~5gbZ8GR>P#F9_gTD1A_`D|YL;P2JK*=RR=SEG@oJVaLlu
zR(!`?R9#vG*PfqgxYl@P<@bB#cV{SGVBUX}z5Q_Hoc@UH!m#M*X#FXtpT73?_SO&A
znyMaq{b+*0kG<Dl-?g@~`c+U|yt(?CzaO)inOTO+@$J&R$G&deYU<9x==Ji<j8sXh
zxqiF$@2^j<t^M2F+RDn!Aj0tN+c%G$G5fCPnB9+#jV+xLG{bMX$7PYIY>lN0rZ}y>
zDx|HgZGQXhx9iIfiZI-I`|WMj-nxA^bDXkyvvnnsAIv##ksG`=%+TKc|0$qRybKAw
zZjXOHEcj6<b9_&LhJ#mUJ@4U<R~Ee3t<Z8Np~o?s_nc*4f4}~lH*abVP7Qkhq{uQn
zo7YRTMc{_5M*t7YzQ1evojAl!Gm4$IvtYG&{-IWWX^`fN@4xelolX>qxO&L>UikY`
zKE~?!#~|Ay=KJ{yzZW#@kUEskaMI+Ho~vI#!8ya3J`+wqoo2c8%S?@~3Fn`GEMD~S
z*mBtrrbg}4p&H2_s#Z5G?-IHe<rCEVFr({$qJ{|9iA`@T^;#SRSUMJQ<X36x+3)T-
zC$DTHxXa>Cb<e$mo}CvM6ApH`J`ng)W&7lFr9`sPyUKh0P95EWB8eta51%B;PZ!Hp
zXgToQwC1a~{BM4_hc&kC%enO?vDY8^UhARxu=3vb7><jIEiqqg_^(9?I89LDoD%e*
z=ip9-=4<L4YFvl+H7jr^ENz)0)H30Hg+$wYiR61%qjm>*8610H!MEiakaEiScsO2N
z;F7yWEQjKQU3wPJ`7fLNofDD0arf@(%~5ObX^C~8*u)b#%~6vz`OKQBjE(QP430Ty
z9<8w1cPneFozk@^9yaEpf`WqW7c=&FX}V5J-Ei%kg|(WOrbKf5wXChDH)~G!Qk6db
zG23&}p7WOWg);1OiY@w#AOEj@V{y*(+|Q}U_k9exn`hp)=*3zCp71qW^_dJ9-U&Os
z(_U&fd-iN=o7eyOoi7+i95%GF0Ok_Cs*s41<f7EXl2qLkAi=;;am(1qV8aDdgX^Y7
z+=eEbjkazv+Iqok!v-S*1_q}atlC?yG|hqO%*{{9OsgbT=e0Mb$v~Y-AUlKe(@M${
ui@+9Y>+4@Xede^DpP!D$)zkW3><nf%*dhdiPsIRLGkCiCxvX<aXaWG?p31ZU

literal 0
HcmV?d00001

diff --git a/zkwebui/theme/default/images/login-box-bg.png b/zkwebui/theme/default/images/login-box-bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..ad78f345dff6b33831c926960510fba275ac1a1b
GIT binary patch
literal 382
zcmeAS@N?(olHy`uVBq!ia0y~yV44DC%W|**Ns;$|Sb-E{age(c!@6@aFM%AkByV>Y
zhW{YAVDIwDKoQOYkH})6_Uj<b=%g{b0w~B{;_2(kev_4lNn1d8!n-#>A;}Wgh!W@g
z+}zZ>5(ej@)Wnk16ovB4k_-iRPv3y>Mm}+%qMM#Bjv*Dd-d=O`Vq#=)xES9e=+xnT
z-k{i>|KZuRa~HInS|+F*I{W63FSlX^|3BG(&f9JEY(rPS+F7;o+STl>E4N)OlW03^
z;=7xH;fMLL!kXF7E93Wu%X=Sx6;d1a{MG7RA@{GIzqCG+g`vUT80b|AF9rr4RR)GO
zAqEC#PB`7LkcHtu022d@PS9XvFaRot(J*Z=8mb+n9Apf#Hjps|?BNYJMXc&~w|@nC
OlEKr}&t;ucLK6T;>U8b^

literal 0
HcmV?d00001

diff --git a/zkwebui/theme/default/images/login-box-footer.png b/zkwebui/theme/default/images/login-box-footer.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e24eb60f4707bb3cbf785267a7de594c16cd801
GIT binary patch
literal 1772
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
L26*td?fvy{!N}R5

literal 0
HcmV?d00001

diff --git a/zkwebui/theme/default/images/login-box-header.png b/zkwebui/theme/default/images/login-box-header.png
new file mode 100644
index 0000000000000000000000000000000000000000..ece8b81462c367b3fabafeed8787911713cb558b
GIT binary patch
literal 1488
zcmaJ>i$By^6u%U+%49#<Essn>%O|7kNF{^CFfo(xF`8NL%uHGDH={C(4LdRwMoZI(
zq9nxT{Y-0?VZ;_0W>`Z$81MIcfAbIQxu1LPz31L@&-b2l?n!lYz`_ry9RdKr?XF;)
z0g%mv<`=$^hj?s~!U8nNggaxcKq>#k6ts}Pfx}|JzO>~v7G*#Zg^(+xa7cYX+GVWt
za$_JNEW+-p4Qx<OQC3gJ8O|0$BGm{RVuW>YU?3$Z0$7Jpd?F}h&1k=fTbfwAtB%)y
zJ#riXIej~frAv%pR%jWdPB_u>?|#=8u?_)QeLuf5|Akvp9j09W@VBs0Wh6~0s3p|9
z_1>Lx^rWA%oL*cg&MEXm2cTztQNGOC=O4zlpBKII<(8syIilr;RLK7S)953K1#P~I
zg8-uf7j^UMhpoo)<bLr80PgWFp8npRHjY$Wx<^kc4$x=r|Gg4QD{*aDD}Yh@l^^hI
zjkGGCa%6z!v4Oa&Mq2gl{Z6%hj!`ybQK;l-c7ie({UxD7A2F%Hee*sngNXArgmVc6
zcRg0p>`y6xj~2)w*1LZ~+>QHM-1W~4u%DG^ml^0V$m5K4eg@Z%c=oXLSovLIRkuT7
zYs}kAO*q7Ww%ZQ!(FkwLcH*+-p!-+8`XUjTKBf1__qt2YvxDFZTBqQ&&d`k|k1#y8
z=~Dk}Ry(=u<uLhPg^4zaD=w#evIypTewAVqB%t6Ov?u4@FE&ufj7jI^nlaVRufJW4
zRnBNj(aTQrQO-&v2D6-rvH+>nLB$tZZk|o;SWbx<QnBfyboWfvGbaQ%k;jiFKc_Xe
zhh}0Zb&8@idl?9_hc^VdpC^dKKQ(C2-7xIUj%)~C)?&X&s0j4WJFhoGA1=d^SYn8R
zx#GnE5=+QT*+ue_v_K2jxU6`(`?mT1^7#1pz+k`{Z*y~#w_!M#El(Nhw<3u*`9#Ul
z%&D$%LxqlBEiI+#(0NfK7mLMSTU%e}b&yelp&>@T-V+BvXO<KfKkk_frP0*Rc{QO;
z&CJX=-BgQiYUPO5SfuZh_GHyAT53ZR>h=_VqPTBnOGIw$V)OAL+QMk-di1<#*XJ@D
zF<cvd(~(6PkDUvU1v{_`Bm>=3faIw#xrw{GyC|(Dl_SZMy1Kf}+==e)+->KzEd&%C
zlGh8f0EJFBE|=?t(9kfejo;t%B(eCKpapKEqByp&P#&|rHhYsm*xlP&ooV)6rA`t`
zHV_m}9)6vP&#oWglAXRwRyt|E6MC7Qp4|4VQVxVzPsAc%Fjyjk!RX;w#P5X@2&)xQ
zjg24cZ#5f>U5zq5u17U{O+R%g8WA?#*?tYVBP0iapsIYmF^L4(TvHRXIQ{vx#n^~C
zd%$Nfjul1#Q9_L(k?hN~l-?Nh9u<w4ClDqSWq^d<*4EZbM#b((1}nY9ORmhRy-Yu)
zs&-F~KDBQ<`r`ZpqqG!M&+;{F!9$}1pj^ANA}wFfd@7|QVr1b@m>ZmyM8>R}XC|ho
zP)SwUld+Gb2@1Dy!mucDy?2i0RGF$(@txO5OLKLzH`KCfA4A(Fu{eB{@UtP~G)|N|
z%ro^*wXcNAP5mo_A981_m*86;$R8$1o#)TUodzvIXU3Mg$U|}_>@87yp=wrl%|YND
zomk<Y8b`s~u6QlY{ob*Dl6p@Wc<V;4dX!DfMJ9#~!VcR5y71El(^?i`NIudavZzeK
z63W_20jsK>)#O&T!mr*Ky{~@^(AAG;4WO)54c-Yl6d`;3_HoxTRrk;P7)K}*EEMbk
zFsC_E1DR4V{7zT2XJ_F!009&s^phy!`9Gu&j`bIwx+%<))Flm@Lq)d!<ioemS4&s=
z88}FvzOM_JZgF+bJOJ@7=-LpYgr&b2$M>M9C4_}v<CwFz!exOZ9m_=QMt(oPtQ6)H
VW*fh#ttl;Rb~X-}QY-I-{{Um`#UcOz

literal 0
HcmV?d00001

diff --git a/zkwebui/theme/default/images/login-logo.png b/zkwebui/theme/default/images/login-logo.png
new file mode 100755
index 0000000000000000000000000000000000000000..c5b37c0f033862e4554fed368682aed11599286f
GIT binary patch
literal 15813
zcmXAQ1yoyI({*rnDMbrKgS)%5SP8)$io3h}gS%6-Sa5fDC|;zv1&Uj7`}2N(R&wvk
z%F4ax&dfP8v-dtxpl@HW&`Hq&005T!R~azuoCf<upd!PLzqiMHU?)UZDS35N*vk*q
z>_6D|k8ZNsZfcGeZk{GC<^WGmPc~}@TUS#PCv!GO7t5S;5mEr)6F^=@Qr#;T`opt}
zPB!a4P=n%|*kMFg4*ek_0;aqflB$lDsw(EGt+u*8|3h?b?MWxe+;Uq0ahm@Jf@51`
zS!5^?x%_T)FkFOlrild!{iZzsmhbmb$bG`XV(Yj3bJuAsSIgPMn+m-RcOgyxXYV{8
zNC*2)?jF02;q&S;kUj8m^21R_kG^Uu9e|i)gxF=;m&9}<_r|;C#6u{4kVy8UDxrBM
zSO|3+k$RuR^t9ZBBoYM$1t;KuJ6~`_uvO(=^oIj=U=+xHv#Y&UpY8pJb#`rqI`GhS
z+FgMO5Co3aW{I%li-EnB=tJFv;>@_v201{$G!P51DkI_ljzE|xV>z|cH9QRN<wsW7
zJ<e9$M_YSe&pwykh^b_}3`@8#8+h6?62~}lE8hSIIhF{d7)uDlaR1%jn%o{Q{yjgJ
zqfZGgwPvMSb|z0%pu@z$G2QC%7x4MVsJ|S3(h+Y$qN1kIN-pO2aHr?cZqD$IQE@76
zTYlbtn1>M&8M$RnGBU|JsjGk*T*UY(tf0CYt5U0W1fo%yIBsTfmJ4<Hh=NVt*W>@p
zAtZ#p?A}kZ7h!U`mn-hKI}~-X>31^~nA=Q{7kq7rwupcuQunk{Z~AU&XLqUqkWnRM
zjD|N@u6KbdROz?lZ)|L^QpDiSyXBM%kyB6%yUvJ4BA{Rwr~`vJk(b>!zSp-wxBEl+
zH$B$uh09!wW<ESNh8*{!P@ReeygW>qnwl=VOlv4G5z4}q5GrP{4G(`Xij|?+aoj@9
z)HKGQFUJ-<tYg7gYq1}M4Y!X3!4$L9niT5t7;nGU;=f<hc`mehJ)VbhZ3(wXpdymA
z-syQ!CMPHNHs_rC69U1NC;>C+yUodJw>eP<IcXOGvYE79J|2=wOG~eGxHDfrija>6
zpLB32yLPDqH(I=J4pbbsdPKLb(PoUj4W->5E=`~~fe(Z4<dl>>b39YnCI^fqAPu5Q
z&FX=XII==(U93-%+S%2u!2S+QDI`G6$@ly7jg@ZSR-E*cj&gP2Xw2~LRQ}WNvbPjh
z2jvs^X<YA3soSy72~{htj$7$hS66A#MG_hssO2v0<kRBse!ud?x3&y}@PCC)nw(UB
zWtJHC7Rw(^Q4x!po0}tTyMBDR`yuRU=sQZ`DIyGw5s=>ZMqBK@-}Hs{hoW5YD04GN
z;8#>uVr1yMps8yhfsklXK_nn<xXO<p)st9GyR{aqFA0>@aFy!79|B&N+wMm1Ps>zR
zk2KStyf-DAVHO~ZCl_?#HdVrcU)<P;!(i{?AY>GD{8?R!u9Yd5oB<WF%i@fn5cVkO
z?WL+Yd2;#~p(+G(W}MN}e1?O6&v0uVKj>_$H(%^-#dJ%+d3WfRW|KCj>-^loZnbGV
zK^lqL260iTS%W)MhEhL$p~j%ortcb`jD+N2^-%o%@m@UtrRoq#T}9+d#$z;|;yx}m
zR-ZIXUPHsp({nG^b-Du1hOaL=q)OwxLZd)twb4?AM4N<+tn<C+`P_GMsah}6vQS8+
zJ@*P^|EIzHHW&froIOoJQC%baD?B7GkJ4_Xj+(HXv97eZnN<Gs8SS;^0xY&>x3(@2
zpdD;>YjTC4m2TVR8e7NS*Sj)H-Lf*>zehbma@Q-S3AdCYUYB#=iYA$bCei|Rjp3Ka
zn|g;0AwV1%n^Gx$tqnal68PI>2K#6T5=H?8$fF!u#5l`?^~cU*BLa);ynQ#CIbG?5
z<`6WkT}~PBVDg$}nfItsubs<oOAn_mLOFW8SP2(~Ku3!XG4@WqOHLsP!oK?y`phq+
za_KX;l)+{YZO5mFkY2<%X2zw+-urUBCM+a0U%j|{l*CO8>Gr+f6yxD>^T4HtTY*jZ
z0*Fod7ELXIl+DE8c9Ka_psj@*Q^{M;)E$OG>IHp`_i!{(VsoRmgQH{b{>DYX{W2=`
zaV+yA;rK_iMgE?vxC9(*Y{SpbpoW&?vol$~93<1K!YBe7{*D#Cs=49<tJI=+B27wU
z?bHzkT71|nD|CF@kA#$!9Zp^NU-&xaTHNNj2<{a;z1{Z)x(5cnD@&#@0Qu7tO!`BR
zl0@r1@t90XauZwZ?sqK`n$s88$W~1*vt~@?i&NR#+q>hWK_F&F^CeW>Z%-#%PQX>;
zQWv@Z3)0(2Y>Fpp)7X*k_1R@=>c_joG5&E2V;?hi@bOEsLU3gy@iZxs)R-;mlh6p4
zd!2R$gp{G8#`PMNn*O(t${Ha@4?U9uml26um{+0L<N|fW4OQxO@X$+1nxxBDZ0a}(
zJo5%VG&TaMm*Bs0q+i4Wa9QemQSD`{MIL=}9u0C`%OTM{Jv|*Oxe&-#`ji_!hxLcS
z+mmI_AIWlArMaA-v(@Gk+eg2Eq;&xrEe)b58TcPReiT~NsH(924f~SCMqP~zB)b)`
z{7woz!9Dq2)8(`TMPW@-sP25Zo_x30Br}b0k(0QcmBz6rAtCW9u43IE6D%P-J3Hfj
zZrUY`e3X|Q3wmPnud{;~kBiO}jG!Avwk>h6(kuG<`o@*wx7VEfJw5eXNYgU(KDTQc
zwj296$13XfcQ%7{5^PpYEgsiV^Eqc~iMON5pY)Mc(v|TJhmt|*L|JQq2U5fcfP{{v
zf}N%%nUG9>ZOKhTP3cnPxBj_Kzvi)1BW9P<E!P^oqe+eN=DPAR^K&2wo`E(3-(NFe
z0n@|s>jR#ODO(1{2LG>&=;L~{q~`xt*fE33Z^Gmojcsv_;gSKBL=1VZ@pgO|3p}<w
z#a@>}!osy32idl4D3>P@AB0g{R;P?$0h963R7?V%-WaS`vT!sTfyM1@@}@Y;^06f*
zbWoNMv$OCBqo(!y^}rq8i3=svGdxS)*|9<$J-hVLopw0|0y(~hPCC+rHN6G=VM<<r
zR0P~s8g*M+S^Zt-h}6uCaT7AQk-<Q7?HeThTrQYL0o+~MqU;MZ`AoKaxn<M@Z`;Yu
zdl_Z=ZIm#=y1Fhin^BFhL@snZTk*fH+;Ow*jv7aJB;#Dyrq)&?j}7<bZsNWlYCV@a
zsSBkQu)JSFF6#4d3-J5jKN)-w%zVAcgFteLDK)l1+86A4G0m3C@W{Mjr*U{wa@mCu
zPfB6LHS;$;w(sKJ-8$$FRO?!~;-}eRMvG(Ysf9}PDZIC|O<nx#`7HWvm!HEDA1WOC
ztpx2sxA*tGmR??775b7~+BGLMlnKv!zLMgM<%I*}SH{wt_0?2JgGr=BB*5$yer>Dq
zSY8aeFiF~cqc>&bIy~+EXCznv6(R{Drc7DPc+dE5-c0K_)-jD)huSzfUA{K_!O+A#
zB(K-5nx^H&_$FtKux##idP$OLWp|{D9hYv~f@PD>7`JFe_ULu(^4lYp(@1y{=PQX-
zM@=a1ZjSh$4;q9>u&BMDDRb_7Y|8bz*zC52<uUNba^qU%_zhIFY>D;^)Za5oi6+8A
zCdNhIr3(>bwK{Jx31j;ri&SfCvjT|@_>m@yU#hoT2CAYAzk_U}{_EHi;1$bS;mer(
z;eS+;Q3GGsxg(oTBghJ(fE7l)I_Zl}R?_OkAjfl=EC9%%ssM)u=+|WzEX|W!w%FG%
zC<)FF18+K(o9&EgBQabft1Bc%ReT*)|7nVzoE>e~)j>%Y*M}Y|&xRvryt`?zj0CXC
zhLtq0KKS))0FZ`8_kOaXVPr3D`N-&KZF*s129j}hX+Mv$_%=#dj)aad5^w6dRs3Wh
z35v#$Sc<NdtmV98YJGGZYbQ#5;7^#NK}_Kg-11b3LP8+X<YE_dwW+ryy5cIq*bwi#
zpA>2EXGIdT{>>_Yf>mWfX|ftH?a5YZ?9hvw$QRvgx^T5OFi@)yB=F^~Fhr%~KOGGq
z5iAIo`)GO6#>^Y(gl{BA19ZN?_k%thlHY(yI~Ifl4!w#3$#Xn&0ej>SsY1}MHMdt(
zuq*nAz<-uPk&474K)x0#veB;8_~A2omS4k3*G)#3eyZLpE_Dd_r+CpQAikvUYx-=S
z{jkN>7w*@iC+Pt>Bse&jpD;!i|6j2gibg8ui18Yqx<+-3D%@0X@=a=uvA-v&FS4R>
zY$zV~1lnd>{RhD1?>Xlet2I@Slt^z(s1FAxHpe#!K?pPqfN!@AK<)P$mh2xhosod+
z{zJ0#ONE+j)^Gudd8LzAx$(d}p+Kel#OHX`wzeC+&%SZdqk1Cu{tX!g#fS=#Ng$C0
zhyehmp$9!NvAVDW?F3l@pOG*U<CwPrjBtjYn*7t}Q++PvFJ{lqZL!bY(hs6MeXb)m
z6R(D}hZ<jX&fGBxm0sRvNj%8&CFWw*`8!(V?(t7Eaiu_P87BwYNX-HCDeX2jYacRA
zmEAA5`^_rUJ9tPGQ1wtCpEQ7J9UM}rSr`i-mmZD}qf@oIk)olpELMsI3~E?9cA{MI
zT|4SiKMoz0vqjErnU6E@`ivqjpDRo8&0MIEbARQKu<87r9I9&*g)^v#TWZ~HLnxoq
zOgDc#P+0;M#fM#_O<Ay0hwTd-5|lxd2hF|}W@l!4L5GH9SV%50Lly7xF$X2W>Fdgi
z`9LB>1u}WFjC`!W7Ef>b8V7sYb51`F%s`<){Vrs#G_afH_rFTkpr6=Me>_xqC^$x(
zi?;jI;tJWxZs3TQskc(bpf2rs3MJqlM+nD}8Te5$%UJyDPDnxdQ$IIKfv)I_D=RA)
z!MbYnIOAjS9WQ3-ljiH514C_s(f2)0)Gp5Ux)S5<ZP=sc0y-Rp52I3X;z%moNX_^F
z76%pMg%Fm5l7Ah(X*-NM*dr6z5emfL2r>7u$R>sGzgj6s*M&?Lp)mUR_fr~OzNCWP
zJUk5l6Spi^TF}Rh%|r3^H)%iV@Y-AT=sKziZS%Z9ee*E=VAxuS0h>JB@X@aEU6~aU
zX4SMvqTRhcExQu*rMpnugJNNV%J$wm4miM1HzIlE{t$gk@4<ej@u8j_E+1|o*nrZN
z3W8|MOF~4Y>bp@<PdYZa7d&zxznIkH_x^=vwUuw?SB>j8h6FxV%06tTzdnpC?LFM3
zFgWjoU>eq!5**%{*A;Q2p*JC_4_mD8>q|*#CH^Lq{~Z3Ty4VG&20J5Z<uAtBDOHDl
z{rb5&C5mZmD49_Y`x`M!YBl;(11AXF8#s%on-0BylDSxMH!xB}OWgM-lFhn#JaI)&
zJL%Yvv<f+31A3UR@frTk7%J`Id2=g5ofga!(d^6rMqG#+VyE9fl7~s$JUp8>n;27R
zrTEv0M0)N!BMG)bOH45V^0$3u#?<X&tc{hX0-@s6(BH8rOM76X8+S5@#NrD+yjJSc
z^(%#P|NNZ*JtoR1J?1Y(>;Ecwz-n-P4-aidR0AIqgj!Lf!3u}V_D<2}-wMCSy31OZ
z%f)wQHiH-mFKgL#|Lc7|+U$^HU&BnGn%b+_Lqta+1jmIjBZAUwX!WUwm@7weN0|A1
z8abJ`#Q$^>Og2dOREY-1|0J#`46@4HH*aSlQ%hW8iijr04FB{&OS+XgO`#_p9z>9n
z+?>`$RYC|$L@BuVd$~DkR*;Y5xx*E(eg)r^oZ&-k{1>dnvBdGhFtLr1>RKHGe~2t#
z9!JIn4-84^7(wPxZzxa=nf^)q5GRd@N-yeWEIqT&fEnhER=VwY-Qh>!@)2$}ZAlW1
z1Ke=j;%U$-rzjgI7baR4B~ygZmpfgXJ-KaJYp&zIr&EnAB@4`$6sY{MZL3u)NB^B;
z`AbMl8<f^BR+(?5a1Nbh@9*Tui}8UOsL`ije1&1O;Z8<5bUBwBkgQMKLav#<L<CDT
z^q7`hs2Ij(W<&QF(2kTX2wJ7I6e^Fh?a9%R{B+l&ZiZlJH151@wuN#n8)ntE8Y55%
zJLsE|lCgbcgri|2@);U$K}nHv3U0l@9}nju<L};IXxx~MOr5b6AgT{?r07;PB}IMs
zC!};^L#Z}?F|M%*3DUoF^l@Ce5v93Z_J4pCjIN@!{wa6vlv2AQYl!6=(Tdw&$D#0o
zXa6DPgQQSl*{z<ocsHk3FI2Yusm8xr=ie9I;{xAfZORWUze4Z@qYZCM_Wj*UdLX*N
ziiS9BU!aH*x>_7Usxo5vwZ7&1C>#QkD#(g<YYPjFUaMIASXtcVz%+$g@}C$Zr6D$Y
z>e|{O5xDT9&KzQ5@jbB-YwsQiVlKn@EEB_0KK3Tl+<rIL4|8byyTGL>l}FBsY<udE
z%3EBd8BT*OAPc`T0rZ7L-|&JhEUTY`O5?Y?(2u-@x`ABDG=-9g;HRT{$uFWdPCQlf
zN()0{W2mT>Uc<-V{4U~7oE8+*Vdg4Y3dHXg{vC-PA5XR-u0IeS)6f%v@uUR+aZ#)|
z{ENYDP#SGbb{*v4;Nk+Gbz9#CPc!CoS1s&`27PW^%Z@XjmO{@`Dm8i|<ONk$o2{6Y
zhq#6_R{LWkYQxHX5Ft_qyX|01Mysi9Amt2ZnzM-Gu37&8sQsyzf??|W;(Ey*dL9Ma
zo_VEEQWR79$}RhY3wB$VkSC-}o=_ChrJ=?cw42NCSFlf64^U!3p(g+M@yKygs*%C<
zW0??T!l=obN1P3I1WAaB0my7@=mNf~rG@XWkNe7Ak*tn>6XQw#pgB2$ECvHQF=K_t
zPUk%5(C=~AE<X*1^G#mbN6kEygYY2a7~-c<EIZxAs{{2#1@+pxMJTu;3<gdJ6$~_`
zzDS^-eSo9teSdpCB!sk|zEUI%fB*hxCiGYY!c`2^V96<kffK4E5pV@PbA$@B8F4!=
zNFQ^TGx`Vg$vecG+d9tZ6kYx**k+zSDhr*)A~4(_E2M|!pOJ={2rnGNO)S%A9Nu`x
z#>X%9;knP4kc$4wfCntQGu)m2QOjH$v7>QCUWE126WOIi!GBehCy9ulTD;d(<fHww
zv$)rf$Ku5{OLhJ3@Y@jH8ylbC1`%O!f5V-?)2Q-#w=D_MLWQ6v^C4=s@UlB67gtDB
zRMaeoB6n{Co?961N{cAG@pREqANkCSx`sOkCjCcjK}QWmq)7&PdYH@MCn0YsVVc|c
z<|mzMhU+$5a&+K1H{(w7_O_6n<Z!BYYk=M}gRzjq{uQZpHOy!P2%(G_lZE$l=rS%B
zIyGALc58PW`FrogoMj-UXcsUG%3>2E#&n5|`kbl+SV5I7!?uYS7h8+OSgST4C0u<A
zrz&0R-D&#jmoXZd@BDV|parH1#pK>}8OqhaaT=vg%9=X&g(j!%l}{d&AHz-rl!MV1
zrX{&as??HPr%^1|ozzkVDL_j+XJKxQ0p4|7`wS`q2iF~^eUa{yP-s*X8c9U3Ixt)v
zsL^P@(hQLB)E#ABcH8~n3+b*q)~`Hfi8z#-XtR^YPM|7rB0)hlZYN)hht}`O!2Pd`
z1PdLM@%(g0igj(<^oW3N4_Q%46VO?OnQB;)1L?4+;w|WtTn)7t;67%4)0>hxAOspL
zC&b8QNTTz(XwRrbDAve4DjTYfOZE+k{DhgyOC%mPlA8ty?xPQzVd^j}8RwBzdzk|S
zU^ecIP!Q-84!0l0*fzVqbsZ6uQ{aQ;B^0@xndt2rjO7+%J$h7u13JcZGt=4BC#{DZ
zNg_9teP1kBR=YK^D8Y0=-ar_PuqHDMXy!oj4`vJmR_*FtePJwtVTuF<1SF)S1F*cd
zrACPF)>dmMjw2uEQ_nibu)pF_6~udk|DWuyKzK+US!tACPtetsb1E|tt`m#nLVb}a
zwn1e=2!BTcV=tGsQU5ci@{LO4>VK?bxl(D9(15&gvvrOef|BZN!J2A#I)+haSa#&#
z;R#D&Q2B0VhFAg~_dE@UnX%S@ALp{P57pjW08<!6QJ|Oo%s{+PAk_R%ISCOVx@>HM
z%EPESV}D3&^i9X!Uj=K{;NKJeh?3|bXC3DctgY)V?-f>)a$IExwXLn5EI+<EvSv(X
zz<&3g2(jR>Iv(<9I3h5wrUf{WqqNu;>(>N4%KBA&TXqL2%vB?>>t+spj=WyXP(mvJ
zg^c3FZDZNG&gv6*55l!!pnDM@qN$_re+PDe(TOd1hSW>G6(jP3GMViDUE<=u#etmz
zOTb61Fd!!TCh$)5(2>#8&23$jgTpCG8|N<BEQ#6ZD~Uw^UK6^y_WGDJq@H0R7xRoI
z0fC{BTm^>=^wpiOLLN21b9T7>hfp3F!)!%#n?fNoB2!!ubBUDJv9HZ;&%jHu#hZpx
zegWc1J-Fhfs97`1AnS%d^>8LX&=QztL&}Iq8c6OTBwAAO)A;gs9to|=CIRkKkf$=r
z4V#_Z<p7er{z}Hc9|N?i9~pf``j}U!`4w~gw7R$T`%h62*orXqeBODnskWRv$8`w0
zy}P?B16OocBY!3fb_Z@-^QgR)D1x;!7wLJC;9Bx{j2r(Zyv=wdpUBj3Q}62OJ^H;x
z<-fli?u8|iQ2%_hr7i;<xSXm`hy4Y(87v1f`BB3qdQI~Evc};i;GR>8gRfG}mQ^ME
zn;orHHCDu4{k&}2*4H9gNoQQ<qb$kFvK(H{Obt&@4Fkq|kqdm84*Gc+&Zn6o6(Zz+
z*4Nkj@>IW7rxuJ{-`(FFh2iPi|I&o}&lbH#H*I(~7rVem`3pMs6UMiFk>@O%GR9t(
z2^BYk3>XRug{$o`b=jB+KM*np$#You|AT0CA7`lpc@dTFHqGMb^4jWD2;j>$fAb(n
zY7uq$$r3XQ@4nrNI?qdNM&}_cq6@?YC0`h&j&G3?-9oc^{s%Z;s8&ovBXy;T*k0B9
zc~3xiQj8S=pA2uoxIm(y36f{kON6R^baV_sL|+j195~L{200zV=yh~W4ol=gxbTq(
zy~4U7yfJSYmp!4Y3QJ%Y14{9L7faZT<taM1oj|1~r8d(P%xn%#f-sgx%3~=~z5e~;
zIBC)N*(6)RFdp*zNa#Whu59jNw^i|jrL&<UdKhjhMZ7pAGs4eDz2&KCx^tZ#&vusM
zoU`HYSF<w#ca6dy*bS@h{{1UY1@rz?KE|h(p)+xgwjQezaG*Rwha>{Q=mrU+dlU7h
zqb!pR4oH{ISIPiR%EJzajr#>MXzIMs`*+AyMfpy;1t$+cpq4-G+zqq$g5CJ%?)SBE
zbT-4xt5(~e&LI@Ik1MJcD*9S0;sgR7rz`yFYzD{JSXfNirIO3;Tmk}LF$X`D_mnSi
z;7RF=4F+cOm?{&^esclCPoe|p(iE6r#EOEJR>pO6t^ZkBmeRr3)O7qH*(~v-8H+J$
zmLc5qkTn*Yn7u_?VGi-?z00uh?$2_Q-#T8PeVRcuKc66-m?<Y6Fp5b92MbH|_u^uS
zo4fn}T~tLSVSa6`@+X*yZk9gDy0mAhi8rkbILHIeTq**jx(O)@3k#=BPk&qe^QVFq
zA8n<@AA@?|qVPx92)a$JT()3&_kfSw6puzRl>T;`-EtSbM*mMd1%u*>s96vg>7+B6
zcRR*^U_y7w9E)z-#ULXgE^cFKZ7n7#2@m-EQwqjU!FaMFAXj-kDj=g(7cW@}130tZ
zjEGNLAS5J|8Xu3ny17{c!!j0Nh0N3CAddL;{{<^7ZQpW%`f2kH7`Yi03H5hd<${;%
zp!DvljY@F2y&RF7RZ-$USb}jw8hz#qKZT!du`v96nl=Tg!B%8(*yG#hWM&q`?>RY=
zu{kn48o0N@^<gpPqzmS9sZ+nHeQsj}WGm5I>*<l%+u9bl>&G9s2xgC)S<$By9=T<=
z)jXRkFZAGfT^B$gM%25vHH_BC8QPAE`8G%pIVTo7#RC3}zD-#6`Uu=R&HEK=jNgtK
zrR_mJN*CtGoiT~G>|SB6v);h6(lTYgCI{d;ms~kTe#Q7lIi230jjxUsRHQ1u?4CVk
zVa=CQlBE=ZnmB*NBVPjMNmH1EF>0sUogQZwqobonjKX<Rt}twuoqs`7wUi5;qn^d_
z!#aBro76H?AFi&RKc;JETYGaT#O~L{pYSsRcXGiDDxs?ixyc4f?N*14;QD&b<gc_}
zxw2>@OmG)?Dy*|%!?MvKZne)@ZJDAN4c-%2&pH0QWlU=ohC3jLW77z-{s^I$2oI4(
zy=qPZFlH$wn{mnGM<FWH;?q(lq<D#ZV=Q^k`%2qms-vmtw*ZciKgZ+a_Ki!2-Wq4+
zs>l}cBqr)hNwXF9o2<XLSp5#Dwqi1QgK?SmYYZRQ^dFQBmgQN9Ki6x=4(&N-f2D0h
zA>qXg%_)`d{#e&Td}F9f#J^5h1Js)0)l}^61%OPV!dRYHVdI$KNP^vb@2brRt)nJI
zs*pp#akDD{7`^)+14uph#Z6AIUDdpQE5}|u<&*jEE7|$fC%ByofistGubaLJ7$%vo
z+hX^p4FZvQDR#h9z{RnHf&VG@PATd@*@dH~ElsS|mXSbuRz!syhfjjg>H!%zT!UqQ
zds?34AlT%3<gc|Ro#TlshoG;uwBFy|zEY_MyWpoB6^$U~^y4>gqK0r(FC2@h={O>P
zrv8ac&u$rA<mbK7;r{${7EzTj{6C>Zp18jq*z%!|iQYJZi|(Qjtj{|($eM#x^0y8-
z@U+#>24H6d{I4?0x7lQx8fjlc>%zbayH^jQ-QC^qDpvF}Z>?3;MWkhE5m*QnfA|)V
zD(9L}TurX+)`;nGTI{z1mUJv%GyEv}S2FImJ|XJU8q>T+ivGmPftMo{aZVCTLsVzx
zSOk<<>(YMBF2%cug5;c2|E#P$As%&3kByDB`{{PQwxbFsO|5oY5rY3aL@lY@f8djS
z6ZtQ=-&Rbc&c@jXj#@SPkFdU#;ird!Gl@R@V&<I&06?MmKP>>q43`ApAnU7cg?gL)
znv1Us6Ap7RK!7?de7K&}8dAE-2$cWy$WJ4^52ZaFKh!W`)~sq{N>jl4FFG~Fe$9O^
zgvL=8L%F1Dk>|%=#4B+Z6+7+rVT6gu^2WyNunbLqcOGqqDF|Ob41CN0>m0Tw`Qr?e
z*KklBFBn-h84APUScxEUMflXTR-1lPgufM}!WE>s^|POnjT$YczPK6Gh6O_fzHL}W
zlwwRO1!u>(hNme~BNP^nfGd7muCA?NDKOoGm0y@h<UeF9?n~Kvx8rCt+mpc)Qd7Ta
z7)YXmroeHC?<P&Zg=t)nd^oPQgUSyxT}Pc0zm?%sYuE37hBYl_taR*?Y0FBc;ng$5
zpt$%yR-&gb63xZmvr7YeORceOvhSku^77zn9sHH)9&_~}ifkypp@)g1oZ;4l8Dfhv
z`(!wwHbN+ADYHtdHz6UW&iG2}zFe={x%O*Tj*fvoQ`x*1^7JWR%*t6NLryy0I(-)4
zAVdPB<LW%%#xtn>(7Pbvy*0_mxf$1EFpRW1RM&t;7dgSDlXK#H%&vfAcG?KTrO``f
zl%0z{h>n=}TvNekQ(t5Yzz&X5qz)x57`hBG*U1G>q>S&6r!i}7CQd>rKYSXukPIWW
zKqyaq&b(`hn<i^!Iaj0|<e;3eXrwy-`<LX__?mz^%vYLgy|OWzQ(U$6x+>wn7Id+%
zaU@od>X7c<EUSu+X!M{V!9$sO1sN{)p-Ms;1iClLqM8%^<=g8b*%&cC4vx!n81-#y
zw!kn=X9&PbN7=z%kl{Xh9KYYJs+#L~>B}rVg3&!2FzR}PB4#)f0@42#UGyL^zUO!C
zm5=x#L%G-r=aE#m?V_A7V_6WF0-PB?0(lm-I-sqV3A4Z_`lR)rxz13fh}X2379mo0
zX+6vrwI>|`RxtJhd96i5%BDAh!6$q7r5c`>AkzkD5^Wr1j)S?<5(fiF-N+APV98p~
zJdsD)6rOR^xsCs2fOT@W)cR>vLE+k%OR5iY)jr^W61OInibDknI*O@kr0+!tvYQFb
zj_RyY>>?uy0MxU@*k&Ib8V;jb<`YOIex-fMLZ_gh=#3u!{zWBMz&XV_ThO5PtydJT
zw&ukB-BZw}YPR#<qLqg(3tf94@S2idJKa4O_d4tR{Cp7ZY~Pl7x*aF=D|}VmA2hYw
z_940=56n6uW?6wlefv7KK_3jJJ-~nWgia$QXjb&+0`Y(eeorn?p2co(-sca;f-nZj
z7)G}lz!VwX0Wd4r!|EsCbURQh{-mQv(2nncoUVErWaXY?oW<cu2{Ipb4oFuhIfqfe
z5k-u=rQeVt;0mWfj+gylSV2x|qzKRa`w*Yh4jF6;Pc{Y4OfNnc+~$=)OBCVOLP%Zy
z0R=OLp!mecde!4j3+`SC@Jt0Nw#_aq+-NNDTu^@e=pAXDoxwSRYKpnrEwz);{2h7N
zF#t)4AWyCrPwJ(RxHiQErUvPSKw1x7+MRd8COM+k-3=T_kZaX}UEqp3fIdq>eOuY%
zz&6YkVN2+mvI{v0xQm^06~}>iJvcRA;E9}u%%^0`&S<6S(DriG3ZsUCnh1Xj&#kRJ
zw=0xfr@(6O-d6i(eeda{Ouo+&!bI^tzXM>34Pc#pj$Zn$u&ip&^3sxr$VwwYz|UC_
z%=wq7b?~d`*9}$m`_n4wr~}n+?|l_PM1L?axdYXRs2BlpK5j#mUyZoES1U%=(WoE?
zh#HxhhsCf$0nPLm6*ibK+{-ldnILK?4(j5)Ff=sO3B$iBbB{PQrg({>gd#|AiN_nN
z%Fw8{tZi-AK2y?OnBe!&YH6gYDF^}#*)q(_ZIa8Hy-L6)lH!UF+VFJ+pQ&bbU3`((
zJQeUQ-e_$3Up?Ogkfz)W6$x)yaLqY0eG`Qb9Qd3b;&%^JMA_H|TI_eLyyjl!VhrCq
z=jsrg9q=zXr;MM4>~7|m|NLdo05#J1m9HwFg#6@9^fJ}T1uKZK%5!D?N{N!$t&l2o
zvaV3~iP{r56pT;7W!GG3F}O(x`4(PG$u&uH(Q%#<mT1)4+A7Y3)A$v%2%ry2OaXjZ
z(u6O^6|bC*N<fz^xT5W53YP6EOD*UZsaSz7yN^tF>|&_LbaTFN<Tfhopp2xyKjgZ5
zWfU@^kLy3II&^Jg^*Tan7!UVEJFad|d`AL~mB$OdAID~j5pcyJe<u#h6`_)};`S=2
zfJum6V2+iVejLud;qyimf3R6{`-Fkb>-`8YJ>^t5qH;6XsyOLjmcVZx6nq-3e(2cL
z*9oFmO2d>P)P`%b;n8Z>KY+SqX#t5efoW~6(+VZ{FqsK2jGDmI@Y?U1b6F8W=o{eC
zm^G3*J<ZsV)3`OC(@;QFHrpZ&9Da6PTHd_vfzUh89#5LaCbsN(>>BlYDG6Wv5S7k9
zg|jm`Hgjd*Njm&TfTx`C!o!(4MI?*&?7Hl3ue|V<Ib}iRYLGz^QQrfu&_5QKrh_pQ
z6C6mEE^<i7(4$c<Q0`4=Z2c&YvM*1{IQivWEu4JS`^B?|{mZl|ikOw4h;RRV{KeJ{
zPR6TtCexoe>;a-MpcOjS;N=f5Z(kkPaotJxjqTK3#_GjnWLv&3KMvonS^_`egL3OX
zcZs|aX|kP`jsFr#w(-TGZXyF%iQH!Y((Aqax`Xn5V#&703#te&oS}`|`2i`y)l%_T
zsbAOCi?VO1c$2DEj;aWJttPlhBkMpBr$zbSV<x<hb9i&hxAQp0#Ee^Sf{?D_<zd#(
z`c~%YGTm#UquFXgvJqSVKM5b#h!BbC4}cJ$3E}UjFj|qIiLgXGKrvth5DQZHf=2y0
zx(E}ta?=pU#GxnBer-pr##!1Bj_>KO)A;}p32@r)*g6$^ifQaj@h+@@M~iDpTgSi@
zy29&8&!-96r8Z{`CJKXfqKoFDkLU6Q>y}d}?-yw!+&F2fym7sYGp{+F_!-@2l2X>}
zfZ3Mw6TrFwzjvibhj{DF`PsbR(HB@z{O6DVV@%}UjrfErQsb}1i~!s6J=P1FP;t~J
z5STE}OHz%K;Xjx-FWYBuc-`JH8b#o6=w<=cG}boTgC<KU4^t*H3Iz`k#F-A*#+S0`
z;bBf#^A^OhY9p=dI%_*zzPbzZ@cQJaj|u2dkV`iM!RpYSQhbV>kJ(bhL6ykg*i&)S
zLK2%1HB(D>0bj49J%6GVGRqd~k-zirWkp6OS|I7JwZ@LjbRKIa=iFNZK1H`+|9M15
ztro;HU1W5c{h7;qne#<XSo2~vNz9U);U^X#Vq>K<FAo%0ADlK?GK+ZSlPV)q;BJsH
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

literal 0
HcmV?d00001

diff --git a/zkwebui/theme/default/login-info.zul b/zkwebui/theme/default/login-info.zul
new file mode 100644
index 0000000000..dd088affd7
--- /dev/null
+++ b/zkwebui/theme/default/login-info.zul
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Copyright (C) 2009 Low Heng Sin
+Copyright (C) 2009 Idalica Corporation
+-->
+<html>
+<![CDATA[
+<style>
+	.section-head {
+		margin-top: 20px;
+		font-size: 9pt;
+	}
+
+	.loginInfoBox {
+		background-color: #9CBDFF;
+		margin: 5px;
+		padding: 3px;
+		margin-top: 20px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+	}
+</style>
+<div class="loginInfoBox">
+<span class="section-head">Initially you can log into the system with the following users:
+</span>
+
+<table border="thin" cellpadding="5" cellspacing="0" style="margin-top: 10px; font-size: 8pt; background-color: transparent; border: 1px solid lightgray; border-collapse: collapse;">
+
+<tbody><tr valign="top">
+<th ><i><b>Usage</b></i>
+</th><th><i><b>User</b></i>
+</th><th><i><b>Password</b></i>
+</th></tr>
+
+
+
+<tr valign="top">
+<td>System Management
+</td><td>System
+</td><td>System
+</td></tr>
+
+
+
+<tr valign="top">
+<td>System Management or any role/company
+</td><td>SuperUser
+</td><td>System
+</td></tr>
+
+
+
+<tr valign="top">
+
+<td>Sample Client Administration
+</td><td>GardenAdmin
+</td><td>GardenAdmin
+</td></tr>
+
+
+
+<tr valign="top">
+<td>Sample Client User
+</td><td>GardenUser
+</td><td>GardenUser
+</td></tr>
+</tbody>
+</table>
+</div>
+]]>
+</html>
\ No newline at end of file
diff --git a/zkwebui/theme/default/login-left.zul b/zkwebui/theme/default/login-left.zul
new file mode 100644
index 0000000000..6df54ac21a
--- /dev/null
+++ b/zkwebui/theme/default/login-left.zul
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Copyright (C) 2009 Low Heng Sin
+Copyright (C) 2009 Idalica Corporation
+-->
+<?component name="vendorLogo" inline="true" macroURI="vendor-logo.zul"?>
+<?component name="loginInfo" macroURI="login-info.zul"?>
+<?component name="versionInfo" inline="true" macroURI="version-info.zul"?>
+<?component name="loginLinks" inline="true" macroURI="login-links.zul"?>
+<div>
+	<vendorLogo/>
+	<loginInfo if="${desktop.execution.serverName == &quot;www.testadempiere.com&quot; or desktop.execution.serverName == &quot;127.0.0.1&quot;}"/>
+	<versionInfo/>
+	<loginLinks/>
+</div>
diff --git a/zkwebui/theme/default/login-links.zul b/zkwebui/theme/default/login-links.zul
new file mode 100644
index 0000000000..62074927b8
--- /dev/null
+++ b/zkwebui/theme/default/login-links.zul
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Copyright (C) 2009 Low Heng Sin
+Copyright (C) 2009 Idalica Corporation
+-->
+<zk>
+
+<style>
+	.loginLinksBox {
+		padding: 0;
+		margin: 0;
+		padding-left: 3px;
+		font-size: 8pt;
+		background-color: transparent;
+	}
+</style>
+
+<div class="loginLinksBox" if="${desktop.execution.serverName == &quot;www.testadempiere.com&quot; or desktop.execution.serverName == &quot;127.0.0.1&quot;}"
+	style="position: absolute; bottom: 5px;">
+
+	<toolbarbutton href="http://www.zkoss.org" image="http://www.zkoss.org/img/zkpowered_s.png"
+		tooltiptext="Powered by Zk" target="_blank"
+		/>
+	<button href="http://www.mozilla.com/firefox" id="getFirefox"
+		image="http://sfx-images.mozilla.org/affiliates/Buttons/firefox3/110x32_get_ffx.png"
+		target="_blank"
+		/>
+	<button href="http://www.adempiere.org" image="images/AD32.png"
+		tooltiptext="ADempiere Community" style="height:32px; width:32px" target="_blank"/>
+</div>
+
+<zscript>
+<![CDATA[
+	getFirefox.setHref("http://www.mozilla.com/?from=sfx&uid=0&t=306");
+]]>
+</zscript>
+
+</zk>
diff --git a/zkwebui/theme/default/vendor-logo.zul b/zkwebui/theme/default/vendor-logo.zul
new file mode 100644
index 0000000000..76fe15ee00
--- /dev/null
+++ b/zkwebui/theme/default/vendor-logo.zul
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Copyright (C) 2009 Low Heng Sin
+Copyright (C) 2009 Idalica Corporation
+-->
+<zk>
+
+<div style="background-color: #E5E5E5; margin: 5px;"
+	if="${desktop.execution.serverName == &quot;www.testadempiere.com&quot;}">
+	<hbox valign="middle">
+		<toolbarbutton
+			href="http://www.idalica.com" image="http://www.testadempiere.com/images/Idalica_Logo-grey-sm.png" target="_blank"/>
+		<label value="ADempiere Online Demonstration - Built Nightly by Idalica"
+			style="font-family:Arial,sans-serif; color:#578BB8; font-size:1em; font-weight: bold;" />
+	</hbox>
+</div>
+<div style="height: 90px" if="${desktop.execution.serverName != &quot;www.testadempiere.com&quot;}">
+	<space/>
+</div>
+
+</zk>
diff --git a/zkwebui/theme/default/version-info.zul b/zkwebui/theme/default/version-info.zul
new file mode 100644
index 0000000000..bb9b27a81f
--- /dev/null
+++ b/zkwebui/theme/default/version-info.zul
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+Copyright (C) 2009 Low Heng Sin
+Copyright (C) 2009 Idalica Corporation
+-->
+<zk>
+<zscript>
+	import org.compiere.Adempiere;
+	var mainVersion = Adempiere.MAIN_VERSION;
+	var dateVersion = Adempiere.DATE_VERSION;
+	var dbVersion = Adempiere.DB_VERSION;
+	var vendor = Adempiere.getImplementationVendor();
+	var vendorVersion = Adempiere.getImplementationVersion();
+	var jvm = Adempiere.getJavaInfo();
+	var os = Adempiere.getOSInfo();
+</zscript>
+<html>
+<![CDATA[
+<style>
+	.versionInfoBox {
+		background-color: #9CBDFF;
+		margin: 5px;
+		padding: 3px;
+		margin-top: 20px;
+		-moz-border-radius: 5px;
+		-webkit-border-radius: 5px;
+		font-size: 8pt;
+	}
+</style>
+<div class="versionInfoBox">
+	<table border="0">
+		<tr>
+			<td align="right">Main Version</td>
+			<td>:</td>
+			<td aligh="left">${mainVersion}</td>
+		</tr>
+		<tr>
+			<td align="right">Date Version</td>
+			<td>:</td>
+			<td aligh="left">${dateVersion}</td>
+		</tr>
+		<tr>
+			<td align="right">Databse Version</td>
+			<td>:</td>
+			<td aligh="left">${dbVersion}</td>
+		</tr>
+		<tr>
+			<td align="right">Vendor</td>
+			<td>:</td>
+			<td aligh="left">${vendor}</td>
+		</tr>
+		<tr>
+			<td align="right">Vendor Version</td>
+			<td>:</td>
+			<td aligh="left">${vendorVersion}</td>
+		</tr>
+		<tr>
+			<td align="right">JVM</td>
+			<td>:</td>
+			<td aligh="left">${jvm}</td>
+		</tr>
+		<tr>
+			<td align="right">OS</td>
+			<td>:</td>
+			<td aligh="left">${os}</td>
+		</tr>
+	</table>
+</div>
+]]>
+</html>
+</zk>