From vjrj@ourproject.org Sat Jul  5 20:27:35 2008
From: vjrj <vjrj@ourproject.org>
To: kune-commits@lists.ourproject.org
Subject: [kune-commits] r783 - in sandbox3/src/main/java/org/op: . client
	public public/css
Date: Sat, 05 Jul 2008 20:27:18 +0200
Message-ID: <E1KFCTe-0007L3-3c@mailhost.ourproject.org>
MIME-Version: 1.0
Content-Type: multipart/mixed; boundary="===============3259032497098993728=="

--===============3259032497098993728==
Content-Type: text/plain; charset="utf-8"
Content-Transfer-Encoding: quoted-printable

Author: vjrj
Date: 2008-07-05 20:27:10 +0200 (Sat, 05 Jul 2008)
New Revision: 783

Added:
   sandbox3/src/main/java/org/op/client/RoundedPanel.java
   sandbox3/src/main/java/org/op/client/Toolbar.java
   sandbox3/src/main/java/org/op/client/WsTheme.java
   sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java
   sandbox3/src/main/java/org/op/public/css/
   sandbox3/src/main/java/org/op/public/css/all.css
   sandbox3/src/main/java/org/op/public/css/sandbox.css
Removed:
   sandbox3/src/main/java/org/op/client/FakeToolbar.java
Modified:
   sandbox3/src/main/java/org/op/Sandbox.gwt.xml
   sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java
   sandbox3/src/main/java/org/op/client/Entity.java
   sandbox3/src/main/java/org/op/client/EntitySummary.java
   sandbox3/src/main/java/org/op/client/EntityWorkspace.java
   sandbox3/src/main/java/org/op/client/Sandbox.java
   sandbox3/src/main/java/org/op/client/Workspace.java
   sandbox3/src/main/java/org/op/public/Sandbox.html
Log:
more ext probes

Modified: sandbox3/src/main/java/org/op/Sandbox.gwt.xml
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/Sandbox.gwt.xml	2008-07-04 10:54:42 UTC (re=
v 782)
+++ sandbox3/src/main/java/org/op/Sandbox.gwt.xml	2008-07-05 18:27:10 UTC (re=
v 783)
@@ -9,15 +9,12 @@
   <script src=3D"js/ext/ext-all.js" />
=20
 <!--=20
-  <inherits name=3D'com.extjs.gxt.ui.GXT' />
-  <stylesheet src=3D"css/ext-all.css" />
-  <stylesheet src=3D"css/xtheme-gray.css" />
+  <stylesheet src=3D"js/ext/resources/css/ext-all.css" />
+  <stylesheet src=3D"js/ext/resources/css/xtheme-gray.css" />
  -->
+  <stylesheet src=3D"css/all.css" />
+  <stylesheet src=3D"css/sandbox.css" />
=20
-  <stylesheet src=3D"js/ext/resources/css/ext-all.css"/>
-  <stylesheet src=3D"js/ext/resources/css/xtheme-gray.css"/>
-  <stylesheet src=3D"sandbox.css" />
-
   <inherits name=3D"com.allen_sauer.gwt.log.gwt-log" />
   <extend-property name=3D"log_level" values=3D"DEBUG" />
   <set-property name=3D"log_DivLogger" value=3D"DISABLED" />

Modified: sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java	2008-07-04 =
10:54:42 UTC (rev 782)
+++ sandbox3/src/main/java/org/op/client/DefaultBorderLayout.java	2008-07-05 =
18:27:10 UTC (rev 783)
@@ -1,7 +1,5 @@
 package org.op.client;
=20
-import org.ourproject.kune.platf.client.View;
-
 import com.google.gwt.user.client.ui.Widget;
 import com.gwtext.client.core.RegionPosition;
 import com.gwtext.client.widgets.Panel;
@@ -15,7 +13,7 @@
 	NORTH, CENTER, SOUTH, EAST, WEST
     }
=20
-    protected static final int DEF_TOOLBAR_HEIGHT =3D 22;
+    protected static final int DEF_TOOLBAR_HEIGHT =3D 26;
=20
     private static final int NO_SIZE =3D -1;
=20
@@ -71,16 +69,11 @@
=20
     protected void add(final Panel panel, final Widget widget) {
 	panel.add(widget);
-	// FIXME: test if this is is necessary
 	if (panel.isRendered()) {
 	    panel.syncSize();
 	    panel.doLayout();
 	}
-	// FIXME: useDoLayoutIfNeeded
-	if (mainPanel.isRendered()) {
-	    mainPanel.syncSize();
-	    mainPanel.doLayout();
-	}
+	doLayoutIfNeeded();
     }
=20
     protected Toolbar createBottomBar(final Panel panel) {
@@ -125,8 +118,7 @@
 	mainPanel.setCls(style);
     }
=20
-    protected void setPanel(final Panel panel, final View view) {
-	final Widget widget =3D (Widget) view;
+    protected void setPanel(final Panel panel, final Widget widget) {
 	panel.clear();
 	add(panel, widget);
     }

Modified: sandbox3/src/main/java/org/op/client/Entity.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/Entity.java	2008-07-04 10:54:42 UTC =
(rev 782)
+++ sandbox3/src/main/java/org/op/client/Entity.java	2008-07-05 18:27:10 UTC =
(rev 783)
@@ -6,22 +6,30 @@
 public class Entity extends DefaultBorderLayout {
=20
     private final EntityWorkspace entityWorkspace;
+    private final EntitySummary entitySummary;
=20
     public Entity() {
-        Panel entityMainHeader =3D new Panel();
-        entityMainHeader.setBorder(false);
-        entityMainHeader.add(new Label("Group logo"));
-        EntitySummary entitySummary =3D new EntitySummary();
-        entityWorkspace =3D new EntityWorkspace();
-        super.setCls("entity");
+	final Panel entityMainHeader =3D new Panel();
+	entityMainHeader.setBorder(false);
+	entityMainHeader.add(new Label("Group logo"));
+	entitySummary =3D new EntitySummary();
+	entityWorkspace =3D new EntityWorkspace();
=20
-        add(entityMainHeader, DefaultBorderLayout.Position.NORTH, 65);
-        add(entityWorkspace.getPanel(), DefaultBorderLayout.Position.CENTER);
-        add(entitySummary.getPanel(), DefaultBorderLayout.Position.EAST, tru=
e, 150);
+	add(entityMainHeader, DefaultBorderLayout.Position.NORTH, 65);
+	add(entityWorkspace.getPanel(), DefaultBorderLayout.Position.CENTER);
+	add(entitySummary.getPanel(), DefaultBorderLayout.Position.EAST, true, 150);
     }
=20
+    public EntitySummary getEntitySummary() {
+	return entitySummary;
+    }
+
     public EntityWorkspace getEntityWorkspace() {
-        return entityWorkspace;
+	return entityWorkspace;
     }
=20
+    public void setTheme(final WsTheme theme) {
+	super.setCls("entity-" + theme);
+	entityWorkspace.setTheme(theme);
+    }
 }

Modified: sandbox3/src/main/java/org/op/client/EntitySummary.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/EntitySummary.java	2008-07-04 10:54:=
42 UTC (rev 782)
+++ sandbox3/src/main/java/org/op/client/EntitySummary.java	2008-07-05 18:27:=
10 UTC (rev 783)
@@ -2,21 +2,22 @@
=20
 import com.google.gwt.user.client.ui.Label;
 import com.gwtext.client.widgets.Panel;
+import com.gwtext.client.widgets.Toolbar;
+import com.gwtext.client.widgets.ToolbarMenuButton;
=20
 public class EntitySummary extends DefaultBorderLayout {
+    private final Toolbar trayBar;
+
     public EntitySummary() {
-        Panel entitySummary =3D new Panel();
-        entitySummary.setBorder(false);
-        entitySummary.add(new Label("Summary"));
-        // entitySummary.setCtCls("entity-separator");
-        // super.setCtCls("entity-separator");
-        createBottomBar(entitySummary, "toolbar-transparent");
+	final Panel entitySummary =3D new Panel();
+	entitySummary.setBorder(false);
+	entitySummary.add(new Label("Summary"));
+	trayBar =3D createBottomBar(entitySummary, "toolbar-transparent");
+	add(entitySummary, DefaultBorderLayout.Position.CENTER);
+    }
=20
-        // Panel separator =3D new Panel();
-        // separator.setBorder(false);
-        // entitySummary.setCls("entity-separator");
+    public void addMenuToTrayBar(final ToolbarMenuButton button) {
+	trayBar.addButton(button);
+    }
=20
-        add(entitySummary, DefaultBorderLayout.Position.CENTER);
-        // add(separator, DefaultBorderLayout.Position.west, 3);
-    }
 }

Modified: sandbox3/src/main/java/org/op/client/EntityWorkspace.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/EntityWorkspace.java	2008-07-04 10:5=
4:42 UTC (rev 782)
+++ sandbox3/src/main/java/org/op/client/EntityWorkspace.java	2008-07-05 18:2=
7:10 UTC (rev 783)
@@ -1,141 +1,135 @@
 package org.op.client;
=20
 import org.ourproject.kune.platf.client.View;
-import org.ourproject.kune.platf.client.ui.RoundedBorderDecorator;
=20
-import com.google.gwt.user.client.Window;
-import com.google.gwt.user.client.ui.Label;
-import com.gwtext.client.core.EventObject;
-import com.gwtext.client.widgets.Button;
+import com.google.gwt.user.client.ui.HorizontalPanel;
+import com.google.gwt.user.client.ui.Widget;
 import com.gwtext.client.widgets.Panel;
-import com.gwtext.client.widgets.Toolbar;
-import com.gwtext.client.widgets.ToolbarButton;
-import com.gwtext.client.widgets.event.ButtonListenerAdapter;
 import com.gwtext.client.widgets.layout.AnchorLayout;
 import com.gwtext.client.widgets.layout.AnchorLayoutData;
=20
 public class EntityWorkspace extends DefaultBorderLayout {
-    private static final String SAMPLE_COLOR =3D "blue";
+    private final Panel content;
+    private final Panel container;
+    private final HorizontalPanel title;
+    private final HorizontalPanel subTitle;
+    private final HorizontalPanel bottom;
     private final Toolbar contentTopBar;
-    @SuppressWarnings("unused")
     private final Toolbar contentBottomBar;
-    @SuppressWarnings("unused")
-    private final Panel container;
-    private final Panel content;
-    private final Panel bottom;
-    private final Panel title;
-    private final Panel subTitle;
-    private final FakeToolbar containerTopBar;
-    private final FakeToolbar containerBottomBar;
+    private final Toolbar containerTopBar;
+    private final Toolbar containerBottomBar;
+    private final RoundedPanel roundedTitle;
+    private final RoundedPanel roundedBottom;
=20
     public EntityWorkspace() {
 	super.setCls("entityworkspace");
 	final Panel titles =3D new Panel();
 	titles.setBorder(false);
 	titles.setLayout(new AnchorLayout());
+	final Panel bottomPanel =3D new Panel();
+	bottomPanel.setBorder(false);
+	bottomPanel.setLayout(new AnchorLayout());
=20
-	title =3D new Panel();
-	title.setBorder(false);
-	title.setBaseCls("entity-title");
-	subTitle =3D new Panel();
-	subTitle.setBorder(false);
-	subTitle.setBaseCls("entity-subtitle");
-	bottom =3D new Panel();
-	bottom.setBorder(false);
-	bottom.setBaseCls("entity-bottom");
+	title =3D new HorizontalPanel();
+	title.setWidth("100%");
+	title.setHeight("" + (DEF_TOOLBAR_HEIGHT - 2));
+	title.setStylePrimaryName("entity-title");
+	subTitle =3D new HorizontalPanel();
+	subTitle.setWidth("100%");
+	subTitle.setStylePrimaryName("entity-subtitle");
+	bottom =3D new HorizontalPanel();
+	bottom.setWidth("100%");
+	bottom.setHeight("" + (DEF_TOOLBAR_HEIGHT - 2));
+	bottom.setStylePrimaryName("entity-bottom");
=20
-	final RoundedBorderDecorator roundedTitle =3D new RoundedBorderDecorator(ti=
tle, RoundedBorderDecorator.TOPLEFT);
-	roundedTitle.setColor(SAMPLE_COLOR);
-	// roundedTitle.addStyleName("entity-title-rd");
-	roundedTitle.setHeight("" + DEF_TOOLBAR_HEIGHT);
+	roundedTitle =3D new RoundedPanel(title, RoundedPanel.TOPLEFT, 2);
+	roundedBottom =3D new RoundedPanel(bottom, RoundedPanel.BOTTOMLEFT, 2);
=20
-	final RoundedBorderDecorator roundedBottom =3D new RoundedBorderDecorator(b=
ottom,
-		RoundedBorderDecorator.BOTTOMLEFT);
-	roundedBottom.setColor(SAMPLE_COLOR);
-	// roundedBottom.addStyleName("entity-bottom-rd");
-	roundedBottom.setHeight("" + DEF_TOOLBAR_HEIGHT);
-
 	titles.add(roundedTitle, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT=
));
 	titles.add(subTitle, new AnchorLayoutData("100% -" + DEF_TOOLBAR_HEIGHT));
+	bottomPanel.add(roundedBottom, new AnchorLayoutData("100% -" + DEF_TOOLBAR_=
HEIGHT));
=20
 	final DefaultBorderLayout contentWrap =3D new DefaultBorderLayout();
 	final DefaultBorderLayout containerWrap =3D new DefaultBorderLayout();
+	contentWrap.setBorder(true);
 	containerWrap.setBorder(true);
 	content =3D new Panel();
+	content.setBorder(false);
+	content.setAutoScroll(true);
 	container =3D new Panel();
 	container.setBorder(false);
 	container.setCollapsible(true);
 	content.setPaddings(5);
 	container.setPaddings(5);
+	container.setAutoScroll(true);
=20
-	final Panel bottomPanel =3D new Panel();
-	bottomPanel.setBorder(false);
-	bottomPanel.setLayout(new AnchorLayout());
-	bottomPanel.add(roundedBottom, new AnchorLayoutData("100% -" + DEF_TOOLBAR_=
HEIGHT));
-
-	// contentTopBar =3D new FakeToolbar();
-	contentTopBar =3D createTopBar(content);
-	contentTopBar.addElement((new Label("l")).getElement());
-	contentTopBar.addSeparator();
-	contentTopBar.addElement((new Label("c")).getElement());
-	contentTopBar.addSpacer();
-	contentTopBar.addElement((new Label("r")).getElement());
-	containerTopBar =3D new FakeToolbar();
-	final ToolbarButton rula =3D new ToolbarButton("kkrula?");
-	containerTopBar.add(rula);
-
-	rula.addListener(new ButtonListenerAdapter() {
-	    public void onClick(final Button button, final EventObject e) {
-		Window.alert("click");
-	    }
-	});
-	containerBottomBar =3D new FakeToolbar();
-	containerTopBar.addClass("faketoolbar-bottom-line");
-	containerBottomBar.addClass("faketoolbar-top-line");
-	// contentWrap.add(contentTopBar.getPanel(), Position.NORTH, false,
-	// DEF_TOOLBAR_HEIGHT);
+	contentTopBar =3D new Toolbar();
+	contentBottomBar =3D new Toolbar();
+	containerTopBar =3D new Toolbar();
+	containerBottomBar =3D new Toolbar();
+	contentTopBar.addClass("k-toolbar-bottom-line");
+	contentBottomBar.addClass("k-toolbar-top-line");
+	containerTopBar.addClass("k-toolbar-bottom-line");
+	containerBottomBar.addClass("k-toolbar-top-line");
+	contentWrap.add(contentTopBar.getPanel(), Position.NORTH, false, DEF_TOOLBA=
R_HEIGHT);
+	contentWrap.add(content, Position.CENTER);
+	contentWrap.add(contentBottomBar.getPanel(), Position.SOUTH, false, DEF_TOO=
LBAR_HEIGHT);
 	containerWrap.add(containerTopBar.getPanel(), Position.NORTH, false, DEF_TO=
OLBAR_HEIGHT);
 	containerWrap.add(container, Position.CENTER);
 	containerWrap.add(containerBottomBar.getPanel(), Position.SOUTH, false, DEF=
_TOOLBAR_HEIGHT);
-	contentWrap.add(content, Position.CENTER);
-	contentBottomBar =3D createBottomBar(content);
=20
 	add(titles, DefaultBorderLayout.Position.NORTH, DEF_TOOLBAR_HEIGHT * 2);
 	add(contentWrap.getPanel(), DefaultBorderLayout.Position.CENTER);
 	add(containerWrap.getPanel(), DefaultBorderLayout.Position.EAST, true, 175);
-	add(bottomPanel, DefaultBorderLayout.Position.SOUTH, DEF_TOOLBAR_HEIGHT);
+	add(bottomPanel, DefaultBorderLayout.Position.SOUTH, DEF_TOOLBAR_HEIGHT + 2=
);
     }
=20
-    public void addItemToContentTopBar(final View view) {
-	setPanel(content, view);
-    }
-
-    public FakeToolbar getContainerBottomBar() {
+    public Toolbar getContainerBottomBar() {
 	return containerBottomBar;
     }
=20
-    public FakeToolbar getContainerTopBar() {
+    public Toolbar getContainerTopBar() {
 	return containerTopBar;
     }
=20
+    public Toolbar getContentBottomBar() {
+	return contentBottomBar;
+    }
+
+    public Toolbar getContentTopBar() {
+	return contentTopBar;
+    }
+
     public void setBottom(final View view) {
-	setPanel(bottom, view);
+	bottom.clear();
+	bottom.add((Widget) view);
     }
=20
     public void setContainer(final View view) {
-	setPanel(container, view);
+	setPanel(container, (Widget) view);
     }
=20
     public void setContent(final View view) {
-	setPanel(content, view);
+	setPanel(content, (Widget) view);
     }
=20
     public void setSubtitle(final View view) {
-	setPanel(subTitle, view);
+	subTitle.clear();
+	subTitle.add((Widget) view);
     }
=20
+    public void setTheme(final WsTheme theme) {
+	final String themeS =3D theme.toString();
+	roundedTitle.setCornerStyleName("entity-title-rd-" + theme);
+	roundedBottom.setCornerStyleName("entity-bottom-rd-" + theme);
+	title.addStyleDependentName(themeS);
+	subTitle.addStyleDependentName(themeS);
+	bottom.addStyleDependentName(themeS);
+    }
+
     public void setTitle(final View view) {
-	setPanel(title, view);
+	title.clear();
+	title.add((Widget) view);
     }
=20
 }

Deleted: sandbox3/src/main/java/org/op/client/FakeToolbar.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/FakeToolbar.java	2008-07-04 10:54:42=
 UTC (rev 782)
+++ sandbox3/src/main/java/org/op/client/FakeToolbar.java	2008-07-05 18:27:10=
 UTC (rev 783)
@@ -1,57 +0,0 @@
-package org.op.client;
-
-import com.google.gwt.user.client.ui.HorizontalPanel;
-import com.google.gwt.user.client.ui.Label;
-import com.google.gwt.user.client.ui.Widget;
-import com.gwtext.client.widgets.Panel;
-
-public class FakeToolbar {
-    private final Panel container;
-    private final HorizontalPanel horPanel;
-
-    public FakeToolbar() {
-	container =3D new Panel();
-	container.setBorder(false);
-	container.setBodyBorder(false);
-	container.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT);
-	container.setWidth("100%");
-	container.setHeader(false);
-	container.setBaseCls("x-toolbar");
-	container.addClass("x-panel");
-	horPanel =3D new HorizontalPanel();
-	container.add(horPanel);
-    }
-
-    public void add(final Widget widget) {
-	horPanel.add(widget);
-	if (container.isRendered()) {
-	    container.doLayout(false);
-	}
-    }
-
-    public void addClass(final String cls) {
-	container.addClass(cls);
-    }
-
-    public void addFill() {
-	final Label emptyLabel =3D new Label("");
-	horPanel.add(emptyLabel);
-	horPanel.setCellWidth(emptyLabel, "100%");
-    }
-
-    public void addSeparator() {
-	final Label emptyLabel =3D new Label("");
-	emptyLabel.setStyleName("ytb-sep");
-	horPanel.add(emptyLabel);
-    }
-
-    public void addSpacer() {
-	final Label emptyLabel =3D new Label("");
-	emptyLabel.setStyleName("ytb-spacer");
-	horPanel.add(emptyLabel);
-    }
-
-    public Panel getPanel() {
-	return container;
-    }
-}

Added: sandbox3/src/main/java/org/op/client/RoundedPanel.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/RoundedPanel.java	2008-07-04 10:54:4=
2 UTC (rev 782)
+++ sandbox3/src/main/java/org/op/client/RoundedPanel.java	2008-07-05 18:27:1=
0 UTC (rev 783)
@@ -0,0 +1,486 @@
+/*
+ * Copyright 2007 Hilbrand Bouwkamp, hs@bouwkamp.com
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may n=
ot
+ * use this file except in compliance with the License. You may obtain a cop=
y of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations u=
nder
+ * the License.
+ */
+package org.op.client;
+
+import com.google.gwt.user.client.DOM;
+import com.google.gwt.user.client.Element;
+import com.google.gwt.user.client.ui.SimplePanel;
+import com.google.gwt.user.client.ui.Widget;
+
+/**
+ * The <code>RoundedPanel</code> class adds similar rounded corners, as seen
+ * in other Google applications, to a widget. This is done by adding several
+ * <code>div</code> Elements around a Widget. The HTML code roughly for a
+ * corner height 2 looks as follows:
+ *=20
+ * <pre>
+ * &lt;div&gt;
+ *   &lt;div style=3D&quot;margin:0 2px&quot;&gt;&lt;/div&gt;
+ *   &lt;div style=3D&quot;margin:0 1px&quot;&gt;&lt;/div&gt;
+ *   &lt;div&gt;your widget&lt;/div&gt;
+ *   &lt;div style=3D&quot;margin:0 1px&quot;&gt;&lt;/div&gt;
+ *   &lt;div style=3D&quot;margin:0 2px&quot;&gt;&lt;/div&gt;
+ * &lt;/div&gt;
+ * </pre>
+ *=20
+ * To add the rounded corners to a widget start simply wrap your own widget =
in
+ * the <code>RoundedPanel</code> class, for example with all corners rounded:
+ *=20
+ * <pre>
+ * // all 4 corners are rounded.
+ * RoundedPanel rp =3D new RoundedPanel(yourWidget);
+ * // use rp where you would use 'yourWidget' otherwise
+ * </pre>
+ *=20
+ * Or with custom set corners, like only on the left:
+ *=20
+ * <pre>
+ * // custom set corners
+ * RoundedPanel rp =3D new RoundedPanel(yourWidget, RoundedPanel.LEFT);
+ * // use rp where you would use 'yourWidget' otherwise
+ * </pre>
+ *=20
+ * By default the height of the corners is 2px. It is possible to set a
+ * different height at construction time. The height can be a value between =
and
+ * including 1 and 9. This value doesn't correspond exactly with the height,
+ * e.g. 9 is 12px heigh.
+ *=20
+ * <pre>
+ * // all 4 corners are rounded and height index 5
+ * RoundedPanel rp =3D new RoundedPanel(yourWidget, ALL, 5);
+ * // use rp where you would use 'yourWidget' otherwise
+ * </pre>
+ *=20
+ * Programmatically set the color of the corners with
+ * {@link #setCornerColor(String)}:
+ *=20
+ * <pre>
+ * // all 4 corners are rounded.
+ * RoundedPanel rp =3D new RoundedPanel(yourWidget);
+ * rp.setCornerColor(&quot;red&quot;);
+ * </pre>
+ *=20
+ * Default the css style name of the rounded corner divs is <code>cbg-RP</co=
de>.
+ * Use it to set the colors of the corner. For example:
+ *=20
+ * <pre>
+ * .cbg-RP { background-color:#c3d9ff; }
+ * </pre>
+ *=20
+ * A custom style might be needed when the corners are visible only when a p=
anel
+ * is selected (see the KitchenSink example modification below). Use the
+ * <code>setCornerStyleName</code> method to set the custom style name. For
+ * example set a custom style <code>my-RP</code> and add something like the
+ * following to the stylesheet:
+ *=20
+ * <pre>
+ * .selected .my-RP { background-color:#c3d9ff; }
+ * </pre>
+ *=20
+ * <h3>Adding rounded corners to DialogBox widgets</h3>
+ * Adding rounded corners to a <code>DialogBox</code> is somewhat more
+ * complicated. The problem with <code>DialogBox</code> is that it uses a
+ * private panel and the <code>RoundedPanel</code> should be applied to this
+ * private <code>Panel</code>. To add the rounded corners to a
+ * <code>DialogBox</code> you have to rewrite the implementation of the
+ * <code>DialogBox</code>. For the <code>DialogBox</code> widget this can
+ * be done as follows. First create a new class like
+ * <code>RoundedDialogBox</code> and copy the code from the original
+ * <code>DialogBox</code> (Please take the copyright of this class into
+ * account). Next make the following changes to the code:
+ *=20
+ * <pre>
+ * // Private variable for RoundedPanel
+ * private RoundedPanel rp;
+ * </pre>
+ *=20
+ * In the constructor change:
+ *=20
+ * <pre>
+ * super.add(panel);
+ * </pre>
+ *=20
+ * into:
+ *=20
+ * <pre>
+ * rp =3D new RoundedPanel(panel);
+ * super.add(rp);
+ * </pre>
+ *=20
+ * Next change the style, otherwise the style of the dialog box is applied to
+ * the rounded lines too. Do this by changing the following line:
+ *=20
+ * <pre>
+ * setStyleName(&quot;gwt-DialogBox&quot;);
+ * </pre>
+ *=20
+ * into:
+ *=20
+ * <pre>
+ * panel.setStyleName(&quot;gwt-DialogBox&quot;);
+ * </pre>
+ *=20
+ * In your css add the color of the border, something like:
+ *=20
+ * <pre>
+ *  .cbg-RP { background-color:#AAAAAA; }
+ * </pre>
+ *=20
+ * There seems to be a problem with the width under IE. The RoundedPanel divs
+ * don't follow the width of the dialog. To fix this change the
+ * <code>show</code> method as follows:
+ *=20
+ * <pre>
+ * public void show() {
+ *     super.show();
+ *     // (The width must be set after the super.show() otherwise it will be=
 0).
+ *     // NOTE: As of GWT 1.1 the .getOffsetWidth() returns 0 at this point.
+ *     // This is different with earlier versions of GWT. Disable the line w=
ill make
+ *     // the rounded corners work in at least Firefox 1.5, but not in IE.
+ *     // I'm looking into this issue.
+ *     rp.setWidth(panel.getOffsetWidth() + &quot;px&quot;);
+ * }
+ * </pre>
+ *=20
+ * Now by extending your own dialog class on this <code>RoundedDialogBox</co=
de>
+ * instead of the original <code>DialogBox</code> you will have rounded
+ * corners around your dialog.
+ *=20
+ *=20
+ * @author Hilbrand Bouwkamp(hs@bouwkamp.com)
+ * @version 1.3
+ */
+public class RoundedPanel extends SimplePanel {
+
+    /**
+     * <code>TOPLEFT</code> top left rounded corner
+     */
+    public final static int TOPLEFT =3D 1;
+
+    /**
+     * <code>TOPRIGHT</code> top right rounded corner
+     */
+    public final static int TOPRIGHT =3D 2;
+
+    /**
+     * <code>BOTTOMLEFT</code> bottom left rounded corner
+     */
+    public final static int BOTTOMLEFT =3D 4;
+
+    /**
+     * <code>BOTTOMRIGHT</code> bottom right rounded corner
+     */
+    public final static int BOTTOMRIGHT =3D 8;
+
+    /**
+     * <code>BOTTOM</code> rounded corners at the top
+     */
+    public final static int TOP =3D TOPLEFT | TOPRIGHT;
+
+    /**
+     * <code>TOP</code> rounded corners at the bottom
+     */
+    public final static int BOTTOM =3D BOTTOMLEFT | BOTTOMRIGHT;
+
+    /**
+     * <code>LEFT</code> rounded corners on the left side
+     */
+    public final static int LEFT =3D TOPLEFT | BOTTOMLEFT;
+
+    /**
+     * <code>RIGHT</code> rounded corners on the right side
+     */
+    public final static int RIGHT =3D TOPRIGHT | BOTTOMRIGHT;
+
+    /**
+     * <code>ALL</code> rounded corners on all sides
+     */
+    public final static int ALL =3D TOP | BOTTOM;
+
+    /**
+     * Default border style
+     */
+    private final static String RPSTYLE =3D "cbg-RP";
+
+    /**
+     * Lookup table for corner border width
+     */
+    private final static String[][] CORNERBORDER =3D { { "1px" }, { "1px", "=
1px" }, { "1px", "1px", "1px" },
+	    { "1px", "1px", "1px", "1px" }, { "1px", "1px", "1px", "2px", "1px" },
+	    { "1px", "1px", "1px", "1px", "2px", "1px" }, { "1px", "1px", "1px", "1=
px", "1px", "2px", "1px" },
+	    { "1px", "1px", "1px", "1px", "1px", "2px", "2px", "1px" },
+	    { "1px", "1px", "1px", "1px", "1px", "1px", "2px", "3px", "1px" } };
+
+    /**
+     * Lookup table for corner height
+     */
+    private final static String[][] CORNERHEIGHT =3D { { "1px" }, { "1px", "=
1px" }, { "1px", "1px", "1px" },
+	    { "1px", "1px", "1px", "1px" }, { "2px", "1px", "1px", "1px", "1px" },
+	    { "2px", "1px", "1px", "1px", "1px", "1px" }, { "2px", "1px", "1px", "1=
px", "1px", "1px", "1px" },
+	    { "2px", "1px", "1px", "1px", "1px", "1px", "1px", "1px" },
+	    { "3px", "2px", "1px", "1px", "1px", "1px", "1px", "1px", "1px" } };
+
+    /**
+     * Lookup table for corner margin
+     */
+    private final static String[][] CORNERMARGIN =3D { { "1px" }, { "1px", "=
2px" }, { "1px", "2px", "3px" },
+	    { "1px", "2px", "3px", "4px" }, { "1px", "2px", "3px", "4px", "6px" },
+	    { "1px", "2px", "3px", "4px", "5px", "7px" }, { "1px", "2px", "3px", "4=
px", "5px", "6px", "8px" },
+	    { "1px", "2px", "3px", "4px", "5px", "6px", "8px", "10px" },
+	    { "1px", "2px", "3px", "4px", "5px", "6px", "7px", "9px", "12px" }, };
+
+    /**
+     * Element array containing all div elements of the top corner div's.
+     */
+    protected final Element[] divt;
+
+    /**
+     * Element array containing all div elements of the bottom corner div's.
+     */
+    protected final Element[] divb;
+
+    /**
+     * Index of the corner height.
+     */
+    protected final int cornerHeight;
+
+    /**
+     * Index of which corners are set.
+     */
+    protected final int corners;
+
+    private final Element body; // body of widget
+    private final Element divElement; // div element containing widget
+
+    /**
+     * Creates a new <code>RoundedPanel</code> with all corners rounded and
+     * height of corners 2px. Use <code>setWidget</code> to add the widget.
+     */
+    public RoundedPanel() {
+	this(ALL, 2);
+    }
+
+    /**
+     * Creates a new <code>RoundedPanel</code> with custom rounding and heig=
ht
+     * of corners 2px but with no widget set. Use <code>setWidget</code> to
+     * add widget.
+     *=20
+     * Every combination of corners can be set via <code>corners</code>. Use
+     * the static constants to set the corners. For example, to create a pan=
el
+     * with only rounded corners at the left, use:
+     *=20
+     * <code>new RoundedPanel(yourWidget, RoundedPanel.LEFT);</code>
+     *=20
+     * @param corners
+     *                set custom rounded corners
+     */
+    public RoundedPanel(final int corners) {
+	this(corners, 2);
+    }
+
+    /**
+     * Creates a new <code>RoundedPanel</code> with custom rounding and cust=
om
+     * height of the corners but with no widget set. Height can be value fro=
m 1
+     * to 9. The height for a value 5 or higher is actually larger, e.g. for=
 5
+     * the height is 6px. Use {@link #setWidget(Widget)} to add widget.
+     *=20
+     * @param corners
+     *                set custom rounded corners
+     * @param cornerHeight
+     *                height index between and including 1 and 9
+     * @throws IndexOutOfBoundsException
+     *                 when cornerHeight below 1 or above 9
+     */
+    public RoundedPanel(final int corners, final int cornerHeight) {
+	super(DOM.createDiv());
+	body =3D getElement();
+	if (cornerHeight < 1 || cornerHeight > 9) {
+	    throw new IndexOutOfBoundsException("RoundedPanel height range between =
and including 1 and 9");
+	}
+	this.cornerHeight =3D cornerHeight;
+	divt =3D new Element[cornerHeight];
+	divb =3D new Element[cornerHeight];
+	this.corners =3D corners;
+	if (inMask(corners, TOP)) {
+	    final int ct =3D corners & TOP;
+
+	    for (int i =3D 0; i < cornerHeight; ++i) {
+		divt[i] =3D addLine(ct, cornerHeight - (i + 1));
+	    }
+	}
+	divElement =3D DOM.createDiv();
+	DOM.appendChild(body, divElement);
+	if (inMask(corners, BOTTOM)) {
+	    final int cb =3D corners & BOTTOM;
+
+	    for (int i =3D cornerHeight - 1; i >=3D 0; --i) {
+		divb[i] =3D addLine(cb, cornerHeight - (i + 1));
+	    }
+	}
+	setCornerStyleName(RPSTYLE);
+    }
+
+    /**
+     * Creates a new <code>RoundedPanel</code> with all corners rounded and
+     * height 2px on the widget <code>w</code>.
+     *=20
+     * @param w
+     *                widget to add corners to
+     */
+    public RoundedPanel(final Widget w) {
+	this(w, ALL);
+    }
+
+    /**
+     * Creates a new <code>RoundedPanel</code> with custom rounded corners a=
nd
+     * height 2px on the widget <code>w</code>.
+     *=20
+     * @param w
+     *                widget to add corners to
+     * @param corners
+     *                set custom rounded corners
+     */
+    public RoundedPanel(final Widget w, final int corners) {
+	this(w, corners, 2);
+    }
+
+    /**
+     * Creates a new <code>RoundedPanel</code> with custom rounded corners a=
nd
+     * custom height on widget <code>w</code>.
+     *=20
+     * @param w
+     *                widget to add corners to
+     * @param corners
+     *                set custom rounded corners
+     * @param cornerHeight
+     *                height index between and including 1 and 9
+     */
+    public RoundedPanel(final Widget w, final int corners, final int cornerH=
eight) {
+	this(corners, cornerHeight);
+	setWidget(w);
+    }
+
+    /**
+     * <p>
+     * Set the bolder color of the rounded corner by setting the background
+     * color of the div's.
+     * </p>
+     *=20
+     * @param borderColor
+     *                border color
+     */
+    public void setCornerColor(final String borderColor) {
+	if (null !=3D divt[0]) {
+	    for (int i =3D 0; i < cornerHeight; ++i) {
+		DOM.setStyleAttribute(divt[i], "backgroundColor", borderColor);
+	    }
+	}
+	if (null !=3D divb[0]) {
+	    for (int i =3D 0; i < cornerHeight; ++i) {
+		DOM.setStyleAttribute(divb[i], "backgroundColor", borderColor);
+	    }
+	}
+    }
+
+    /**
+     * Set the css style name of the rounded corners div's. Default the css
+     * stylename is <code>cbg-RP</code>. Use it to set the colors of the
+     * corner. For example: <code>.cbg-RP { background-color:#c3d9ff; }</cod=
e>.
+     *=20
+     * A custom style might be needed when the corners are visible only when=
 a
+     * panel is selected. Use this method to set the custom style name and a=
dd
+     * something like the following to the stylesheet:
+     *=20
+     * <code>.selected .cbg-RP { background-color:#c3d9ff; }</code> Setting
+     * the color is also possible via the method {@link #setCornerColor(Stri=
ng)}.
+     *=20
+     * @param style
+     *                css style name
+     */
+    public void setCornerStyleName(final String style) {
+	if (null !=3D divt[0]) {
+	    for (int i =3D 0; i < cornerHeight; ++i) {
+		DOM.setElementProperty(divt[i], "className", style);
+	    }
+	}
+	if (null !=3D divb[0]) {
+	    for (int i =3D 0; i < cornerHeight; ++i) {
+		DOM.setElementProperty(divb[i], "className", style);
+	    }
+	}
+    }
+
+    /**
+     * Set the style of the RoundedPanel. In most cases this is not necessary
+     * and setting the style on the widget to which the
+     * <code>RoundedPanel</code> is applied should be set, as is done when n=
ot
+     * using the <code>RoundedPanel</code>
+     *=20
+     * @param style
+     *                css style name
+     */
+    public void setStyleName(final String style) {
+	DOM.setElementProperty(body, "className", style);
+    }
+
+    /**
+     * Overwrite of parent getContainerElement()
+     */
+    protected Element getContainerElement() {
+	return divElement;
+    }
+
+    /**
+     * Convenience method to check if given <code>input</code> is with the
+     * <code>mask</code>.
+     *=20
+     * @param input
+     *                input to check
+     * @param mask
+     *                mask to check against
+     * @return true if input within mask
+     */
+    protected boolean inMask(final int input, final int mask) {
+	return (input & mask) > 0;
+    }
+
+    /**
+     * Creates div element representing part of the rounded corner.
+     *=20
+     * @param corner
+     *                corner mask to set rounded corner
+     * @param heightIndex
+     *                margin width for line
+     */
+    private Element addLine(final int corner, final int heightIndex) {
+	// margin 2 fields : top/bottom right/left =3D> "0 <width>px"
+	// margin 4 fields : top right bottom left =3D> "0 <width>px 0 <width>px"
+	final String margin =3D corner =3D=3D TOP || corner =3D=3D BOTTOM ? "0 "
+		+ RoundedPanel.CORNERMARGIN[cornerHeight - 1][heightIndex] : inMask(corner=
, LEFT) ? "0 0 0 "
+		+ RoundedPanel.CORNERMARGIN[cornerHeight - 1][heightIndex] : "0 "
+		+ RoundedPanel.CORNERMARGIN[cornerHeight - 1][heightIndex] + " 0 0";
+	final Element div =3D DOM.createDiv();
+
+	DOM.setStyleAttribute(div, "fontSize", "0px");
+	DOM.setStyleAttribute(div, "height", RoundedPanel.CORNERHEIGHT[cornerHeight=
 - 1][heightIndex]);
+	DOM.setStyleAttribute(div, "borderWidth", "0 " + RoundedPanel.CORNERBORDER[=
cornerHeight - 1][heightIndex]);
+	DOM.setStyleAttribute(div, "lineHeight", RoundedPanel.CORNERHEIGHT[cornerHe=
ight - 1][heightIndex]);
+	DOM.setStyleAttribute(div, "margin", margin);
+	DOM.setInnerHTML(div, "&nbsp;");
+	DOM.appendChild(body, div);
+	return div;
+    }
+}
\ No newline at end of file

Modified: sandbox3/src/main/java/org/op/client/Sandbox.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/Sandbox.java	2008-07-04 10:54:42 UTC=
 (rev 782)
+++ sandbox3/src/main/java/org/op/client/Sandbox.java	2008-07-05 18:27:10 UTC=
 (rev 783)
@@ -98,23 +98,53 @@
 	panel.add(wk.getPanel());
=20
 	new Viewport(panel);
-	wk.getEntityWorkspace().addItemToContentTopBar(new MenuBarWrapper());
-	wk.getEntityWorkspace().getContainerTopBar().add(new MenuBarWrapper());
+	// wk.getEntityWorkspace().getContentTopBar().add(new MenuBarWrapper());
+	// wk.getEntityWorkspace().getContainerTopBar().add(new
+	// MenuBarWrapper());
+
 	wk.getEntityWorkspace().getContainerTopBar().addFill();
 	wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("uno"));
 	wk.getEntityWorkspace().getContainerTopBar().addSeparator();
 	wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("dos"));
 	wk.getEntityWorkspace().getContainerTopBar().addSpacer();
 	wk.getEntityWorkspace().getContainerTopBar().add(new LabelWrapper("tres"));
-	wk.getEntityWorkspace().getContainerBottomBar().add(new MenuBarWrapper());
+	// wk.getEntityWorkspace().getContainerBottomBar().add(new
+	// MenuBarWrapper());
+
+	wk.getEntitySummary().addMenuToTrayBar(new WsThemeMenuPanel());
 	wk.getEntityWorkspace().getContainerBottomBar().add(new LabelWrapper("otro"=
));
-	wk.getEntityWorkspace().setContainer(new LabelWrapper("Container"));
-	wk.getEntityWorkspace().setContent(new LabelWrapper("Content"));
+	wk
+		.getEntityWorkspace()
+		.setContainer(
+			new LabelWrapper(
+				"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean urna d=
olor, auctor nec, adipiscing vel, ullamcorper id, arcu. Nunc tempor. Suspendi=
sse eget felis. Phasellus sed mi. Phasellus elit. In lobortis lectus a turpis=
. Maecenas blandit. Ut consequat adipiscing ipsum. Aliquam justo. Sed vitae m=
etus ac sapien elementum feugiat. Nullam eget eros. Sed ornare justo eget ips=
um. Pellentesque quam turpis, lacinia in, sagittis vitae, aliquam in, lorem. =
Etiam auctor pretium orci.\n"
+					+ "\n"
+					+ "In sed augue. Suspendisse ac urna ut risus vulputate vestibulum. Pel=
lentesque habitant morbi tristique senectus et netus et malesuada fames ac tu=
rpis egestas. Proin imperdiet eros vel sapien. Integer ultrices nunc ut nulla=
. Donec gravida. Ut feugiat. Nunc feugiat cursus ante. Curabitur rutrum, odio=
 sagittis vulputate convallis, arcu erat congue magna, a varius dui nisi sed =
diam. Nullam suscipit nulla ac mauris. Sed placerat. Integer at ante id orci =
ultricies tristique. Praesent faucibus lectus ullamcorper ligula. Aliquam fac=
ilisis, eros a ornare vestibulum, neque urna consequat magna, at tempor sem v=
elit id est. Sed hendrerit.\n"
+					+ "\n"
+					+ "Proin at quam. Etiam neque diam, laoreet eu, pulvinar a, porta eu, n=
isi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ante. Curab=
itur eleifend, enim vehicula dapibus egestas, quam massa iaculis nulla, eget =
viverra arcu nisi lobortis leo. Proin quam. Sed fermentum facilisis lacus. Ve=
stibulum luctus purus sit amet magna. Class aptent taciti sociosqu ad litora =
torquent per conubia nostra, per inceptos himenaeos. Morbi iaculis, erat ultr=
ices feugiat tincidunt, libero sem suscipit mauris, sit amet dapibus diam nis=
i feugiat nunc. Quisque porttitor odio a ligula. Vivamus arcu diam, lacinia v=
itae, adipiscing eget, lobortis in, risus. Integer pharetra tempor augue. Nam=
 sit amet risus. Donec consequat tempus eros. Vestibulum a nibh. Integer moll=
is sollicitudin tellus. Ut at nisi.\n"
+					+ "\n"
+					+ "Suspendisse volutpat venenatis orci. Nullam a arcu et mi rutrum rhon=
cus. Suspendisse dictum imperdiet elit. Nullam in justo nec augue varius semp=
er. Quisque sagittis pede a neque. Phasellus ultrices. Mauris odio felis, luc=
tus a, lacinia nec, viverra eget, leo. Nulla congue augue quis magna. Aenean =
sed nunc quis quam sodales sodales. Cum sociis natoque penatibus et magnis di=
s parturient montes, nascetur ridiculus mus. Sed placerat. Aliquam a lorem. C=
um sociis natoque penatibus et magnis dis parturient montes, nascetur ridicul=
us mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetu=
r ridiculus mus. Cras mi velit, iaculis vitae, volutpat eu, egestas vel, pede=
.\n"
+					+ "\n"
+					+ "Aliquam erat volutpat. Nulla ac augue ut ligula dignissim ornare. Ut=
 porttitor consequat magna. Sed tempor. Lorem ipsum dolor sit amet, consectet=
uer adipiscing elit. Integer ipsum. Nam non tellus. Morbi at nulla. Aliquam e=
rat volutpat. Maecenas a dolor. Aliquam nec tellus vitae sapien porttitor fac=
ilisis. Integer ipsum. Etiam eget nibh sed nulla tincidunt ultrices. Proin en=
im. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et ne=
tus et malesuada fames ac turpis egestas. Suspendisse ac odio ut libero porta=
 tempus. Vivamus vel purus. Nam mauris magna, bibendum quis, aliquam ac, ferm=
entum nec, elit. Vestibulum justo sapien, sollicitudin non, mattis vitae, fac=
ilisis ac, libero."));
+	wk
+		.getEntityWorkspace()
+		.setContent(
+			new LabelWrapper(
+				"Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean urna d=
olor, auctor nec, adipiscing vel, ullamcorper id, arcu. Nunc tempor. Suspendi=
sse eget felis. Phasellus sed mi. Phasellus elit. In lobortis lectus a turpis=
. Maecenas blandit. Ut consequat adipiscing ipsum. Aliquam justo. Sed vitae m=
etus ac sapien elementum feugiat. Nullam eget eros. Sed ornare justo eget ips=
um. Pellentesque quam turpis, lacinia in, sagittis vitae, aliquam in, lorem. =
Etiam auctor pretium orci.\n"
+					+ "\n"
+					+ "In sed augue. Suspendisse ac urna ut risus vulputate vestibulum. Pel=
lentesque habitant morbi tristique senectus et netus et malesuada fames ac tu=
rpis egestas. Proin imperdiet eros vel sapien. Integer ultrices nunc ut nulla=
. Donec gravida. Ut feugiat. Nunc feugiat cursus ante. Curabitur rutrum, odio=
 sagittis vulputate convallis, arcu erat congue magna, a varius dui nisi sed =
diam. Nullam suscipit nulla ac mauris. Sed placerat. Integer at ante id orci =
ultricies tristique. Praesent faucibus lectus ullamcorper ligula. Aliquam fac=
ilisis, eros a ornare vestibulum, neque urna consequat magna, at tempor sem v=
elit id est. Sed hendrerit.\n"
+					+ "\n"
+					+ "Proin at quam. Etiam neque diam, laoreet eu, pulvinar a, porta eu, n=
isi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut ante. Curab=
itur eleifend, enim vehicula dapibus egestas, quam massa iaculis nulla, eget =
viverra arcu nisi lobortis leo. Proin quam. Sed fermentum facilisis lacus. Ve=
stibulum luctus purus sit amet magna. Class aptent taciti sociosqu ad litora =
torquent per conubia nostra, per inceptos himenaeos. Morbi iaculis, erat ultr=
ices feugiat tincidunt, libero sem suscipit mauris, sit amet dapibus diam nis=
i feugiat nunc. Quisque porttitor odio a ligula. Vivamus arcu diam, lacinia v=
itae, adipiscing eget, lobortis in, risus. Integer pharetra tempor augue. Nam=
 sit amet risus. Donec consequat tempus eros. Vestibulum a nibh. Integer moll=
is sollicitudin tellus. Ut at nisi.\n"
+					+ "\n"
+					+ "Suspendisse volutpat venenatis orci. Nullam a arcu et mi rutrum rhon=
cus. Suspendisse dictum imperdiet elit. Nullam in justo nec augue varius semp=
er. Quisque sagittis pede a neque. Phasellus ultrices. Mauris odio felis, luc=
tus a, lacinia nec, viverra eget, leo. Nulla congue augue quis magna. Aenean =
sed nunc quis quam sodales sodales. Cum sociis natoque penatibus et magnis di=
s parturient montes, nascetur ridiculus mus. Sed placerat. Aliquam a lorem. C=
um sociis natoque penatibus et magnis dis parturient montes, nascetur ridicul=
us mus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetu=
r ridiculus mus. Cras mi velit, iaculis vitae, volutpat eu, egestas vel, pede=
.\n"
+					+ "\n"
+					+ "Aliquam erat volutpat. Nulla ac augue ut ligula dignissim ornare. Ut=
 porttitor consequat magna. Sed tempor. Lorem ipsum dolor sit amet, consectet=
uer adipiscing elit. Integer ipsum. Nam non tellus. Morbi at nulla. Aliquam e=
rat volutpat. Maecenas a dolor. Aliquam nec tellus vitae sapien porttitor fac=
ilisis. Integer ipsum. Etiam eget nibh sed nulla tincidunt ultrices. Proin en=
im. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et ne=
tus et malesuada fames ac turpis egestas. Suspendisse ac odio ut libero porta=
 tempus. Vivamus vel purus. Nam mauris magna, bibendum quis, aliquam ac, ferm=
entum nec, elit. Vestibulum justo sapien, sollicitudin non, mattis vitae, fac=
ilisis ac, libero. "));
 	// wk.getEntityWorkspace().setContent(fooMenu);
 	wk.getEntityWorkspace().setBottom(new LabelWrapper("Bottom"));
 	wk.getEntityWorkspace().setTitle(new LabelWrapper("Title"));
 	wk.getEntityWorkspace().setSubtitle(new LabelWrapper("Subtitle"));
 	wk.getSiteBar().add(new LabelWrapper("sitebar-right"));
+	wk.setTheme(WsTheme.def);
=20
 	// final TabItem item1 =3D new TabItem();
 	// item1.setText("Nose que1");

Copied: sandbox3/src/main/java/org/op/client/Toolbar.java (from rev 782, sand=
box3/src/main/java/org/op/client/FakeToolbar.java)
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/FakeToolbar.java	2008-07-04 10:54:42=
 UTC (rev 782)
+++ sandbox3/src/main/java/org/op/client/Toolbar.java	2008-07-05 18:27:10 UTC=
 (rev 783)
@@ -0,0 +1,57 @@
+package org.op.client;
+
+import com.google.gwt.user.client.ui.HorizontalPanel;
+import com.google.gwt.user.client.ui.Label;
+import com.google.gwt.user.client.ui.Widget;
+import com.gwtext.client.widgets.Panel;
+
+public class Toolbar {
+    private final Panel container;
+    private final HorizontalPanel horPanel;
+
+    public Toolbar() {
+	container =3D new Panel();
+	container.setBorder(false);
+	container.setBodyBorder(false);
+	container.setHeight(DefaultBorderLayout.DEF_TOOLBAR_HEIGHT);
+	container.setWidth("100%");
+	container.setHeader(false);
+	container.setBaseCls("x-toolbar");
+	container.addClass("x-panel");
+	horPanel =3D new HorizontalPanel();
+	container.add(horPanel);
+    }
+
+    public void add(final Widget widget) {
+	horPanel.add(widget);
+	if (container.isRendered()) {
+	    container.doLayout(false);
+	}
+    }
+
+    public void addClass(final String cls) {
+	container.addClass(cls);
+    }
+
+    public void addFill() {
+	final Label emptyLabel =3D new Label("");
+	horPanel.add(emptyLabel);
+	horPanel.setCellWidth(emptyLabel, "100%");
+    }
+
+    public void addSeparator() {
+	final Label emptyLabel =3D new Label("");
+	emptyLabel.setStyleName("ytb-sep");
+	horPanel.add(emptyLabel);
+    }
+
+    public void addSpacer() {
+	final Label emptyLabel =3D new Label("");
+	emptyLabel.setStyleName("ytb-spacer");
+	horPanel.add(emptyLabel);
+    }
+
+    public Panel getPanel() {
+	return container;
+    }
+}

Modified: sandbox3/src/main/java/org/op/client/Workspace.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/Workspace.java	2008-07-04 10:54:42 U=
TC (rev 782)
+++ sandbox3/src/main/java/org/op/client/Workspace.java	2008-07-05 18:27:10 U=
TC (rev 783)
@@ -11,6 +11,10 @@
 	add(entity.getPanel(), DefaultBorderLayout.Position.CENTER);
     }
=20
+    public EntitySummary getEntitySummary() {
+	return entity.getEntitySummary();
+    }
+
     public EntityWorkspace getEntityWorkspace() {
 	return entity.getEntityWorkspace();
     }
@@ -18,4 +22,8 @@
     public SiteBar getSiteBar() {
 	return sitebar;
     }
+
+    public void setTheme(final WsTheme theme) {
+	entity.setTheme(theme);
+    }
 }

Added: sandbox3/src/main/java/org/op/client/WsTheme.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/WsTheme.java	2008-07-04 10:54:42 UTC=
 (rev 782)
+++ sandbox3/src/main/java/org/op/client/WsTheme.java	2008-07-05 18:27:10 UTC=
 (rev 783)
@@ -0,0 +1,5 @@
+package org.op.client;
+
+public enum WsTheme {
+    def, green, blue, grey, purple, red
+}

Added: sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java	2008-07-04 10:=
54:42 UTC (rev 782)
+++ sandbox3/src/main/java/org/op/client/WsThemeMenuPanel.java	2008-07-05 18:=
27:10 UTC (rev 783)
@@ -0,0 +1,19 @@
+package org.op.client;
+
+import com.gwtext.client.widgets.ToolbarMenuButton;
+import com.gwtext.client.widgets.menu.Menu;
+import com.gwtext.client.widgets.menu.MenuItem;
+
+public class WsThemeMenuPanel extends ToolbarMenuButton {
+
+    public WsThemeMenuPanel() {
+	final Menu menu =3D new Menu();
+	for (final WsTheme theme : WsTheme.values()) {
+	    final MenuItem item =3D new MenuItem();
+	    item.setText(theme.toString());
+	    menu.addItem(item);
+	}
+	menu.setDefaultAlign("br-tr");
+	super.setMenu(menu);
+    }
+}

Modified: sandbox3/src/main/java/org/op/public/Sandbox.html
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/public/Sandbox.html	2008-07-04 10:54:42 UTC=
 (rev 782)
+++ sandbox3/src/main/java/org/op/public/Sandbox.html	2008-07-05 18:27:10 UTC=
 (rev 783)
@@ -25,7 +25,6 @@
  -->
=20
     <script type=3D"text/javascript" language=3D"javascript" src=3D"org.op.S=
andbox.nocache.js"></script>
-	<!-- <link rel=3D"stylesheet" type=3D"text/css" href=3D"http://yui.yahooapi=
s.com/2.5.2/build/base/base-min.css"> -->=20
   </head>
=20
   <!--                                           -->
@@ -37,6 +36,7 @@
=20
     <!-- OPTIONAL: include this if you want history support -->
     <iframe src=3D"javascript:''" id=3D"__gwt_historyFrame" style=3D"positio=
n:absolute;width:0;height:0;border:0"></iframe>
+
 <!--
=20
     <h1>Sandbox</h1>

Added: sandbox3/src/main/java/org/op/public/css/all.css
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/public/css/all.css	2008-07-04 10:54:42 UTC =
(rev 782)
+++ sandbox3/src/main/java/org/op/public/css/all.css	2008-07-05 18:27:10 UTC =
(rev 783)
@@ -0,0 +1,38 @@
+/*
+Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.3.1
+*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5=
,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;=
padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{bord=
er:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-w=
eight:400;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{=
font-size:100%;font-weight:400;}q:before,q:after{content:'';}abbr,acronym{bor=
der:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}=
sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;fon=
t-size:inherit;font-weight:inherit;}/*
+Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.3.1
+*/body{font:13px/1.22 arial,helvetica,clean,sans-serif;font-size:small;font:=
x-small;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:=
monospace;font-size:108%;line-height:99%;}/*
+ * Ext JS Library 2.0.2
+ * Copyright(c) 2006-2008, Ext JS, LLC.
+ * licensing@extjs.com
+ *=20
+ * http://extjs.com/license
+ */html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input=
,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,capti=
on,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}ol,ul{li=
st-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}=
q:before,q:after{content:'';}.ext-el-mask{z-index:20000;position:absolute;top=
:0;left:0;-moz-opacity:.5;opacity:.50;filter:alpha(opacity=3D50);background-c=
olor:#CCC;width:100%;height:100%;zoom:1;}.ext-el-mask-msg{z-index:20001;posit=
ion:absolute;top:0;left:0;border:1px solid #6593cf;background:#c3daf9 url(../=
js/ext/resources/images/default/box/tb-blue.gif) repeat-x 0 -16px;padding:2px=
;}.ext-el-mask-msg div{padding:5px 10px;background:#eee;border:1px solid #a3b=
ad9;color:#222;font:normal 11px tahoma,arial,helvetica,sans-serif;cursor:wait=
;}.ext-shim{position:absolute;visibility:hidden;left:0;top:0;overflow:hidden;=
}.ext-ie .ext-shim{filter:alpha(opacity=3D0);}.ext-ie6 .ext-shim{margin-left:=
5px;margin-top:3px;}.x-mask-loading div{padding:5px 10px 5px 25px;background:=
#fbfbfb url(../js/ext/resources/images/default/grid/loading.gif) no-repeat 5p=
x 5px;line-height:16px;}.x-hidden,.x-hide-offsets{position:absolute;left:-100=
00px;top:-10000px;visibility:hidden;}.x-hide-display{display:none!important;}=
.x-hide-visibility{visibility:hidden!important;}.x-masked{overflow:hidden!imp=
ortant;}.x-masked select,.x-masked object,.x-masked embed{visibility:hidden;}=
.x-layer{visibility:hidden;}.x-unselectable,.x-unselectable *{-moz-user-selec=
t:none;-khtml-user-select:none;}.x-repaint{zoom:1;background-color:transparen=
t;-moz-outline:none;}.x-item-disabled{color:gray;cursor:default;opacity:.6;-m=
oz-opacity:.6;filter:alpha(opacity=3D60);}.x-item-disabled *{color:gray!impor=
tant;cursor:default!important;}.x-splitbar-proxy{position:absolute;visibility=
:hidden;z-index:20001;background:#aaa;zoom:1;line-height:1px;font-size:1px;ov=
erflow:hidden;}.x-splitbar-h,.x-splitbar-proxy-h{cursor:e-resize;cursor:col-r=
esize;}.x-splitbar-v,.x-splitbar-proxy-v{cursor:s-resize;cursor:row-resize;}.=
x-color-palette{width:150px;height:92px;cursor:pointer;}.x-color-palette a{bo=
rder:1px solid #fff;float:left;padding:2px;text-decoration:none;-moz-outline:=
0 none;outline:0 none;cursor:pointer;}.x-color-palette a:hover,.x-color-palet=
te a.x-color-palette-sel{border:1px solid #8BB8F3;background:#deecfd;}.x-colo=
r-palette em{display:block;border:1px solid #ACA899;}.x-color-palette em span=
{cursor:pointer;display:block;height:10px;line-height:10px;width:10px;}.x-ie-=
shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;background=
:#777;zoom:1;}.x-shadow{display:none;position:absolute;overflow:hidden;left:0=
;top:0;}.x-shadow *{overflow:hidden;}.x-shadow *{padding:0;border:0;margin:0;=
clear:none;zoom:1;}.x-shadow .xstc,.x-shadow .xsbc{height:6px;float:left;}.x-=
shadow .xstl,.x-shadow .xstr,.x-shadow .xsbl,.x-shadow .xsbr{width:6px;height=
:6px;float:left;}.x-shadow .xsc{width:100%;}.x-shadow .xsml,.x-shadow .xsmr{w=
idth:6px;float:left;height:100%;}.x-shadow .xsmc{float:left;height:100%;backg=
round:transparent url(../js/ext/resources/images/default/shadow-c.png);}.x-sh=
adow .xst,.x-shadow .xsb{height:6px;overflow:hidden;width:100%;}.x-shadow .xs=
ml{background:transparent url(../js/ext/resources/images/default/shadow-lr.pn=
g) repeat-y 0 0;}.x-shadow .xsmr{background:transparent url(../js/ext/resourc=
es/images/default/shadow-lr.png) repeat-y -6px 0;}.x-shadow .xstl{background:=
transparent url(../js/ext/resources/images/default/shadow.png) no-repeat 0 0;=
}.x-shadow .xstc{background:transparent url(../js/ext/resources/images/defaul=
t/shadow.png) repeat-x 0 -30px;}.x-shadow .xstr{background:transparent url(..=
/js/ext/resources/images/default/shadow.png) repeat-x 0 -18px;}.x-shadow .xsb=
l{background:transparent url(../js/ext/resources/images/default/shadow.png) n=
o-repeat 0 -12px;}.x-shadow .xsbc{background:transparent url(../js/ext/resour=
ces/images/default/shadow.png) repeat-x 0 -36px;}.x-shadow .xsbr{background:t=
ransparent url(../js/ext/resources/images/default/shadow.png) repeat-x 0 -6px=
;}.loading-indicator{font-size:11px;background-image:url(../js/ext/resources/=
images/default/grid/loading.gif);background-repeat:no-repeat;background-posit=
ion:left;padding-left:20px;line-height:16px;margin:3px;}.x-text-resize{positi=
on:absolute;left:-1000px;top:-1000px;visibility:hidden;zoom:1;}.x-drag-overla=
y{width:100%;height:100%;display:none;position:absolute;left:0;top:0;backgrou=
nd-image:url(../js/ext/resources/images/default/s.gif);z-index:20000;}.x-clea=
r{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}.x-spotlight=
{z-index:8999;position:absolute;top:0;left:0;-moz-opacity:.5;opacity:.50;filt=
er:alpha(opacity=3D50);background-color:#CCC;width:0;height:0;zoom:1;}.x-tab-=
panel{overflow:hidden;}.x-tab-panel-header,.x-tab-panel-footer{background:#de=
ecfd;border:1px solid #8db2e3;overflow:hidden;zoom:1;}.x-tab-panel-header{bor=
der:1px solid #8db2e3;padding-bottom:2px;}.x-tab-panel-footer{border:1px soli=
d #8db2e3;padding-top:2px;}.x-tab-strip-wrap{width:100%;overflow:hidden;posit=
ion:relative;zoom:1;}ul.x-tab-strip{display:block;width:5000px;zoom:1;}ul.x-t=
ab-strip-top{padding-top:1px;background:url(../js/ext/resources/images/defaul=
t/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;border-bottom:1px solid #8db=
2e3;}ul.x-tab-strip-bottom{padding-bottom:1px;background:url(../js/ext/resour=
ces/images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;border-top=
:1px solid #8db2e3;border-bottom:0 none;}.x-tab-panel-header-plain .x-tab-str=
ip-top{background:transparent!important;padding-top:0!important;}.x-tab-panel=
-header-plain{background:transparent!important;border-width:0!important;paddi=
ng-bottom:0!important;}.x-tab-panel-header-plain .x-tab-strip-spacer{border:1=
px solid #8db2e3;border-top:0 none;height:2px;background:#deecfd;font-size:1p=
x;line-height:1px;}.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spa=
cer{height:3px;}ul.x-tab-strip li{float:left;margin-left:2px;}ul.x-tab-strip =
li.x-tab-edge{float:left;margin:0!important;padding:0!important;border:0 none=
!important;font-size:1px!important;line-height:1px!important;overflow:hidden;=
zoom:1;background:transparent!important;width:1px;}.x-tab-strip a,.x-tab-stri=
p span,.x-tab-strip em{display:block;}.x-tab-strip a{text-decoration:none!imp=
ortant;-moz-outline:none;outline:none;cursor:pointer;}.x-tab-strip-inner{over=
flow:hidden;text-overflow:ellipsis;}.x-tab-strip span.x-tab-strip-text{font:n=
ormal 11px tahoma,arial,helvetica;color:#416aa3;white-space:nowrap;cursor:poi=
nter;padding:4px 0;}.x-tab-strip .x-tab-with-icon .x-tab-right{padding-left:6=
px;}.x-tab-strip .x-tab-with-icon span.x-tab-strip-text{padding-left:20px;bac=
kground-position:0 3px;background-repeat:no-repeat;}.x-tab-strip-over span.x-=
tab-strip-text{color:#15428b;}.x-tab-strip-active{cursor:default;}.x-tab-stri=
p-active span.x-tab-strip-text{cursor:default;color:#15428b;font-weight:700;}=
.x-tab-strip-disabled .x-tabs-text{cursor:default;color:#aaa;}.x-tab-panel-bo=
dy{overflow:hidden;}.x-tab-panel-bwrap{overflow:hidden;}.ext-ie .x-tab-strip =
.x-tab-right{position:relative;}.x-tab-strip-top .x-tab-strip-active .x-tab-r=
ight{margin-bottom:-1px;}.x-tab-strip-top .x-tab-strip-active .x-tab-right sp=
an.x-tab-strip-text{padding-bottom:5px;}.x-tab-strip-bottom .x-tab-strip-acti=
ve .x-tab-right{margin-top:-1px;}.x-tab-strip-bottom .x-tab-strip-active .x-t=
ab-right span.x-tab-strip-text{padding-top:5px;}.x-tab-strip-top .x-tab-right=
{background:transparent url(../js/ext/resources/images/default/tabs/tabs-spri=
te.gif) no-repeat 0 -51px;padding-left:10px;}.x-tab-strip-top .x-tab-left{bac=
kground:transparent url(../js/ext/resources/images/default/tabs/tabs-sprite.g=
if) no-repeat right -351px;padding-right:10px;}.x-tab-strip-top .x-tab-strip-=
inner{background:transparent url(../js/ext/resources/images/default/tabs/tabs=
-sprite.gif) repeat-x 0 -201px;}.x-tab-strip-top .x-tab-strip-over .x-tab-rig=
ht{background-position:0 -101px;}.x-tab-strip-top .x-tab-strip-over .x-tab-le=
ft{background-position:right -401px;}.x-tab-strip-top .x-tab-strip-over .x-ta=
b-strip-inner{background-position:0 -251px;}.x-tab-strip-top .x-tab-strip-act=
ive .x-tab-right{background-position:0 0;}.x-tab-strip-top .x-tab-strip-activ=
e .x-tab-left{background-position:right -301px;}.x-tab-strip-top .x-tab-strip=
-active .x-tab-strip-inner{background-position:0 -151px;}.x-tab-strip-bottom =
.x-tab-right{background:url(../js/ext/resources/images/default/tabs/tab-btm-i=
nactive-right-bg.gif) no-repeat bottom right;}.x-tab-strip-bottom .x-tab-left=
{background:url(../js/ext/resources/images/default/tabs/tab-btm-inactive-left=
-bg.gif) no-repeat bottom left;}.x-tab-strip-bottom .x-tab-strip-active .x-ta=
b-right{background:url(../js/ext/resources/images/default/tabs/tab-btm-right-=
bg.gif) no-repeat bottom left;}.x-tab-strip-bottom .x-tab-strip-active .x-tab=
-left{background:url(../js/ext/resources/images/default/tabs/tab-btm-left-bg.=
gif) no-repeat bottom right;}.x-tab-strip-bottom .x-tab-left{padding:0 10px;}=
.x-tab-strip-bottom .x-tab-right{padding:0;}.x-tab-strip .x-tab-strip-close{d=
isplay:none;}.x-tab-strip-closable{position:relative;}.x-tab-strip-closable .=
x-tab-left{padding-right:19px;}.x-tab-strip .x-tab-strip-closable a.x-tab-str=
ip-close{background-image:url(../js/ext/resources/images/default/tabs/tab-clo=
se.gif);opacity:.6;-moz-opacity:.6;background-repeat:no-repeat;display:block;=
width:11px;height:11px;position:absolute;top:3px;right:3px;cursor:pointer;z-i=
ndex:2;}.x-tab-strip .x-tab-strip-active a.x-tab-strip-close{opacity:.8;-moz-=
opacity:.8;}.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{back=
ground-image:url(../js/ext/resources/images/default/tabs/tab-close.gif);opaci=
ty:1;-moz-opacity:1;}.x-tab-panel-body{border:1px solid #8db2e3;background:#f=
ff;}.x-tab-panel-body-top{border-top:0 none;}.x-tab-panel-body-bottom{border-=
bottom:0 none;}.x-tab-scroller-left{background:transparent url(../js/ext/reso=
urces/images/default/tabs/scroll-left.gif) no-repeat -18px 0;border-bottom:1p=
x solid #8db2e3;width:18px;position:absolute;left:0;top:0;z-index:10;cursor:p=
ointer;}.x-tab-scroller-left-over{background-position:0 0;}.x-tab-scroller-le=
ft-disabled{background-position:-18px 0;opacity:.5;-moz-opacity:.5;filter:alp=
ha(opacity=3D50);cursor:default;}.x-tab-scroller-right{background:transparent=
 url(../js/ext/resources/images/default/tabs/scroll-right.gif) no-repeat 0 0;=
border-bottom:1px solid #8db2e3;width:18px;position:absolute;right:0;top:0;z-=
index:10;cursor:pointer;}.x-tab-scroller-right-over{background-position:-18px=
 0;}.x-tab-scroller-right-disabled{background-position:0 0;opacity:.5;-moz-op=
acity:.5;filter:alpha(opacity=3D50);cursor:default;}.x-tab-scrolling .x-tab-s=
trip-wrap{margin-left:18px;margin-right:18px;}.x-tab-scrolling{position:relat=
ive;}.x-tab-panel-bbar .x-toolbar{border:1px solid #99bbe8;border-top:0 none;=
overflow:hidden;padding:2px;}.x-tab-panel-tbar .x-toolbar{border:1px solid #9=
9bbe8;border-top:0 none;overflow:hidden;padding:2px;}.x-border-layout-ct .x-t=
ab-panel{background:#FFF;}.x-form-field{margin:0;font:normal 12px tahoma,aria=
l,helvetica,sans-serif;}.x-form-text,textarea.x-form-field{padding:1px 3px;ba=
ckground:#fff url(../js/ext/resources/images/default/form/text-bg.gif) repeat=
-x 0 0;border:1px solid #B5B8C8;}textarea.x-form-field{padding:2px 3px;}.x-fo=
rm-text{height:22px;line-height:18px;vertical-align:middle;}.ext-ie .x-form-t=
ext{margin:-1px 0;height:22px;line-height:18px;}.ext-ie textarea.x-form-field=
{margin:-1px 0;}.ext-strict .x-form-text{height:18px;}.ext-safari .x-form-tex=
t{height:20px;padding:0 3px;}.ext-safari.ext-mac textarea.x-form-field{margin=
-bottom:-2px;}.ext-gecko .x-form-text{padding-top:2px;padding-bottom:0;}texta=
rea{resize:none;}.x-form-select-one{height:20px;line-height:18px;vertical-ali=
gn:middle;background-color:#fff;border:1px solid #B5B8C8;}.x-form-field-wrap{=
position:relative;zoom:1;white-space:nowrap;}.x-editor .x-form-check-wrap{bac=
kground:#fff;}.x-form-field-wrap .x-form-trigger{width:17px;height:21px;borde=
r:0;background:transparent url(../js/ext/resources/images/default/form/trigge=
r.gif) no-repeat 0 0;cursor:pointer;border-bottom:1px solid #B5B8C8;position:=
absolute;top:0;}.ext-safari .x-form-field-wrap .x-form-trigger{height:21px;}.=
x-form-field-wrap .x-form-date-trigger{background-image:url(../js/ext/resourc=
es/images/default/form/date-trigger.gif);cursor:pointer;}.x-form-field-wrap .=
x-form-clear-trigger{background-image:url(../js/ext/resources/images/default/=
form/clear-trigger.gif);cursor:pointer;}.x-form-field-wrap .x-form-search-tri=
gger{background-image:url(../js/ext/resources/images/default/form/search-trig=
ger.gif);cursor:pointer;}.ext-safari .x-form-field-wrap .x-form-trigger{right=
:0;}.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{position:static;=
top:auto;vertical-align:top;}.x-form-field-wrap .x-form-trigger-over{backgrou=
nd-position:-17px 0;}.x-form-field-wrap .x-form-trigger-click{background-posi=
tion:-34px 0;}.x-trigger-wrap-focus .x-form-trigger{background-position:-51px=
 0;}.x-trigger-wrap-focus .x-form-trigger-over{background-position:-68px 0;}.=
x-trigger-wrap-focus .x-form-trigger-click{background-position:-85px 0;}.x-tr=
igger-wrap-focus .x-form-trigger{border-bottom:1px solid #7eadd9;}.x-item-dis=
abled .x-form-trigger-over{background-position:0 0!important;border-bottom:1p=
x solid #B5B8C8;}.x-item-disabled .x-form-trigger-click{background-position:0=
 0!important;border-bottom:1px solid #B5B8C8;}.x-form-focus,textarea.x-form-f=
ocus{border:1px solid #7eadd9;}.x-form-invalid,textarea.x-form-invalid{backgr=
ound:#fff url(../js/ext/resources/images/default/grid/invalid_line.gif) repea=
t-x bottom;border:1px solid #dd7870;}.ext-safari .x-form-invalid{background-c=
olor:#fee;border:1px solid #ff7870;}.x-editor{visibility:hidden;padding:0;mar=
gin:0;}.x-form-check-wrap{line-height:18px;}.ext-ie .x-form-check-wrap input{=
width:15px;height:15px;}.x-editor .x-form-check-wrap{padding:3px;}.x-editor .=
x-form-checkbox{height:13px;}.x-form-grow-sizer{font:normal 12px tahoma,arial=
,helvetica,sans-serif;left:-10000px;padding:8px 3px;position:absolute;visibil=
ity:hidden;top:-10000px;white-space:pre-wrap;white-space:0;white-space:0;whit=
e-space:0;word-wrap:break-word;zoom:1;}.x-form-grow-sizer p{margin:0!importan=
t;border:0 none!important;padding:0!important;}.x-form-item{font:normal 12px =
tahoma,arial,helvetica,sans-serif;display:block;margin-bottom:4px;}.x-form-it=
em label{display:block;float:left;width:100px;padding:3px;padding-left:0;clea=
r:left;z-index:2;position:relative;}.x-form-element{padding-left:105px;positi=
on:relative;}.x-form-invalid-msg{color:#e00;padding:2px;padding-left:18px;fon=
t:normal 11px tahoma,arial,helvetica,sans-serif;background:transparent url(..=
/js/ext/resources/images/default/shared/warning.gif) no-repeat 0 2px;line-hei=
ght:16px;width:200px;}.x-form-label-right label{text-align:right;}.x-form-lab=
el-top .x-form-item label{width:auto;float:none;clear:none;display:inline;mar=
gin-bottom:4px;position:static;}.x-form-label-top .x-form-element{padding-lef=
t:0;padding-top:4px;}.x-form-label-top .x-form-item{padding-bottom:4px;}.x-fo=
rm-empty-field{color:gray;}.x-small-editor .x-form-field{font:normal 11px ari=
al,tahoma,helvetica,sans-serif;}.x-small-editor .x-form-text{height:20px;line=
-height:16px;vertical-align:middle;}.ext-ie .x-small-editor .x-form-text{marg=
in-top:-1px!important;margin-bottom:-1px!important;height:20px!important;line=
-height:16px!important;}.ext-strict .x-small-editor .x-form-text{height:16px!=
important;}.ext-safari .x-small-editor .x-form-field{font:normal 12px arial,t=
ahoma,helvetica,sans-serif;}.ext-ie .x-small-editor .x-form-text{height:20px;=
line-height:16px;}.ext-border-box .x-small-editor .x-form-text{height:20px;}.=
x-small-editor .x-form-select-one{height:20px;line-height:16px;vertical-align=
:middle;}.x-small-editor .x-form-num-field{text-align:right;}.x-small-editor =
.x-form-field-wrap .x-form-trigger{height:19px;}.x-form-clear{clear:both;heig=
ht:0;overflow:hidden;line-height:0;font-size:0;}.x-form-clear-left{clear:left=
;height:0;overflow:hidden;line-height:0;font-size:0;}.x-form-cb-label{width:a=
uto!important;float:none!important;clear:none!important;display:inline!import=
ant;margin-left:4px;}.x-form-column{float:left;padding:0;margin:0;width:48%;o=
verflow:hidden;zoom:1;}.x-form .x-form-btns-ct .x-btn{float:right;clear:none;=
}.x-form .x-form-btns-ct .x-form-btns td{border:0;padding:0;}.x-form .x-form-=
btns-ct .x-form-btns-right table{float:right;clear:none;}.x-form .x-form-btns=
-ct .x-form-btns-left table{float:left;clear:none;}.x-form .x-form-btns-ct .x=
-form-btns-center{text-align:center;}.x-form .x-form-btns-ct .x-form-btns-cen=
ter table{margin:0 auto;}.x-form .x-form-btns-ct table td.x-form-btn-td{paddi=
ng:3px;}.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{background-position:=
0 -147px;}.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{background-positi=
on:0 -168px;}.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{background-po=
sition:0 -189px;}.x-form .x-form-btns-ct .x-btn-click .x-btn-center{backgroun=
d-position:0 -126px;}.x-form .x-form-btns-ct .x-btn-click .x-btn-right{backgr=
ound-position:0 -84px;}.x-form .x-form-btns-ct .x-btn-click .x-btn-left{backg=
round-position:0 -63px;}.x-form-invalid-icon{width:16px;height:18px;visibilit=
y:hidden;position:absolute;left:0;top:0;display:block;background:transparent =
url(../js/ext/resources/images/default/form/exclamation.gif) no-repeat 0 2px;=
}.x-fieldset{border:1px solid #B5B8C8;padding:10px;margin-bottom:10px;}.x-fie=
ldset legend{font:bold 11px tahoma,arial,helvetica,sans-serif;color:#15428b;}=
.ext-ie .x-fieldset legend{margin-bottom:10px;}.ext-ie .x-fieldset{padding-to=
p:0;padding-bottom:10px;}.x-fieldset legend .x-tool-toggle{margin-right:3px;m=
argin-left:0;float:left!important;}.x-fieldset legend input{margin-right:3px;=
float:left!important;height:13px;width:13px;}fieldset.x-panel-collapsed{paddi=
ng-bottom:0!important;border-width:1px 0 0!important;}fieldset.x-panel-collap=
sed .x-fieldset-bwrap{visibility:hidden;position:absolute;left:-1000px;top:-1=
000px;}.ext-ie .x-fieldset-bwrap{zoom:1;}.ext-ie td .x-form-text{position:rel=
ative;top:-1px;}.x-fieldset-noborder{border:0 none transparent;}.x-fieldset-n=
oborder legend{margin-left:-3px;}.ext-ie .x-fieldset-noborder legend{position=
:relative;margin-bottom:23px;}.ext-ie .x-fieldset-noborder legend span{positi=
on:absolute;left:-5px;}.ext-gecko .x-window-body .x-form-item{-moz-outline:no=
ne;overflow:auto;}.ext-gecko .x-form-item{-moz-outline:none;}.x-hide-label la=
bel.x-form-item-label{display:none;}.x-hide-label .x-form-element{padding-lef=
t:0!important;}.x-fieldset{overflow:hidden;}.x-fieldset-bwrap{overflow:hidden=
;zoom:1;}.x-fieldset-body{overflow:hidden;}.x-btn{font:normal 11px tahoma,ver=
dana,helvetica;cursor:pointer;white-space:nowrap;}.x-btn button{border:0 none=
;background:transparent;font:normal 11px tahoma,verdana,helvetica;padding-lef=
t:3px;padding-right:3px;cursor:pointer;margin:0;overflow:visible;width:auto;-=
moz-outline:0 none;outline:0 none;}* html .ext-ie .x-btn button{width:1px;}.e=
xt-gecko .x-btn button{padding-left:0;padding-right:0;}.ext-ie .x-btn button{=
padding-top:2px;}.x-btn-icon .x-btn-center .x-btn-text{background-position:ce=
nter;background-repeat:no-repeat;height:16px;width:16px;cursor:pointer;white-=
space:nowrap;padding:0;}.x-btn-icon .x-btn-center{padding:1px;}.x-btn em{font=
-style:normal;font-weight:400;}.x-btn-text-icon .x-btn-center .x-btn-text{bac=
kground-position:0 2px;background-repeat:no-repeat;padding-left:18px;padding-=
top:3px;padding-bottom:2px;padding-right:0;}.x-btn-left,.x-btn-right{font-siz=
e:1px;line-height:1px;}.x-btn-left{width:3px;height:21px;background:url(../js=
/ext/resources/images/default/button/btn-sprite.gif) no-repeat 0 0;}.x-btn-ri=
ght{width:3px;height:21px;background:url(../js/ext/resources/images/default/b=
utton/btn-sprite.gif) no-repeat 0 -21px;}.x-btn-left i,.x-btn-right i{display=
:block;width:3px;overflow:hidden;font-size:1px;line-height:1px;}.x-btn-center=
{background:url(../js/ext/resources/images/default/button/btn-sprite.gif) rep=
eat-x 0 -42px;vertical-align:middle;text-align:center;padding:0 5px;cursor:po=
inter;white-space:nowrap;}.x-btn-over .x-btn-left{background-position:0 -63px=
;}.x-btn-over .x-btn-right{background-position:0 -84px;}.x-btn-over .x-btn-ce=
nter{background-position:0 -105px;}.x-btn-click .x-btn-center,.x-btn-menu-act=
ive .x-btn-center{background-position:0 -126px;}.x-btn-disabled *{color:gray!=
important;cursor:default!important;}.x-btn-menu-text-wrap .x-btn-center{paddi=
ng:0 3px;}.ext-gecko .x-btn-menu-text-wrap .x-btn-center{padding:0 1px;}.x-bt=
n-menu-arrow-wrap .x-btn-center{padding:0;}.x-btn-menu-arrow-wrap .x-btn-cent=
er button{width:12px!important;height:21px;padding:0!important;display:block;=
background:transparent url(../js/ext/resources/images/default/button/btn-arro=
w.gif) no-repeat left 3px;}.x-btn-with-menu .x-btn-center{padding-right:2px!i=
mportant;}.x-btn-with-menu .x-btn-center em{display:block;background:transpar=
ent url(../js/ext/resources/images/default/toolbar/btn-arrow.gif) no-repeat r=
ight 0;padding-right:10px;}.x-btn-text-icon .x-btn-with-menu .x-btn-center em=
{display:block;background:transparent url(../js/ext/resources/images/default/=
toolbar/btn-arrow.gif) no-repeat right 3px;padding-right:10px;}.x-btn-pressed=
 .x-btn-left{background:url(../js/ext/resources/images/default/button/btn-spr=
ite.gif) no-repeat 0 -63px;}.x-btn-pressed .x-btn-right{background:url(../js/=
ext/resources/images/default/button/btn-sprite.gif) no-repeat 0 -84px;}.x-btn=
-pressed .x-btn-center{background:url(../js/ext/resources/images/default/butt=
on/btn-sprite.gif) repeat-x 0 -126px;}.x-toolbar{border-color:#a9bfd3;border-=
style:solid;border-width:0 0 1px;display:block;padding:2px;background:#d0def0=
 url(../js/ext/resources/images/default/toolbar/bg.gif) repeat-x top left;pos=
ition:relative;zoom:1;}.x-toolbar .x-item-disabled .x-btn-icon{opacity:.35;-m=
oz-opacity:.35;filter:alpha(opacity=3D35);}.x-toolbar td{vertical-align:middl=
e;}.mso .x-toolbar,.x-grid-mso .x-toolbar{border:0 none;background:url(../js/=
ext/resources/images/default/grid/mso-hd.gif);}.x-toolbar td,.x-toolbar span,=
.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{white-spac=
e:nowrap;font:normal 11px tahoma,arial,helvetica,sans-serif;}.x-toolbar .x-it=
em-disabled{color:gray;cursor:default;opacity:.6;-moz-opacity:.6;filter:alpha=
(opacity=3D60);}.x-toolbar .x-item-disabled *{color:gray;cursor:default;}.x-t=
oolbar .x-btn-left{background:none;}.x-toolbar .x-btn-right{background:none;}=
.x-toolbar .x-btn-center{background:none;padding:0;}.x-toolbar .x-btn-menu-te=
xt-wrap .x-btn-center button{padding-right:2px;}.ext-gecko .x-toolbar .x-btn-=
menu-text-wrap .x-btn-center button{padding-right:0;}.x-toolbar .x-btn-menu-a=
rrow-wrap .x-btn-center button{padding:0 2px;}.x-toolbar .x-btn-menu-arrow-wr=
ap .x-btn-center button{width:12px;background:transparent url(../js/ext/resou=
rces/images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;}.x-toolbar .x-btn=
-text-icon .x-btn-menu-arrow-wrap .x-btn-center button{width:12px;background:=
transparent url(../js/ext/resources/images/default/toolbar/btn-arrow.gif) no-=
repeat 0 3px;}.x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center but=
ton{background-position:0 -47px;}.x-toolbar .x-btn-over .x-btn-left{backgroun=
d:url(../js/ext/resources/images/default/toolbar/tb-btn-sprite.gif) no-repeat=
 0 0;}.x-toolbar .x-btn-over .x-btn-right{background:url(../js/ext/resources/=
images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;}.x-toolbar .x-bt=
n-over .x-btn-center{background:url(../js/ext/resources/images/default/toolba=
r/tb-btn-sprite.gif) repeat-x 0 -42px;}.x-toolbar .x-btn-click .x-btn-left,.x=
-toolbar .x-btn-pressed .x-btn-left,.x-toolbar .x-btn-menu-active .x-btn-left=
{background:url(../js/ext/resources/images/default/toolbar/tb-btn-sprite.gif)=
 no-repeat 0 -63px;}.x-toolbar .x-btn-click .x-btn-right,.x-toolbar .x-btn-pr=
essed .x-btn-right,.x-toolbar .x-btn-menu-active .x-btn-right{background:url(=
../js/ext/resources/images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84=
px;}.x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-pressed .x-btn-ce=
nter,.x-toolbar .x-btn-menu-active .x-btn-center{background:url(../js/ext/res=
ources/images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;}.x-toolba=
r .x-btn-with-menu .x-btn-center em{padding-right:8px;}.x-toolbar .ytb-text{p=
adding:2px;}.x-toolbar .ytb-sep{background-image:url(../js/ext/resources/imag=
es/default/grid/grid-blue-split.gif);background-position:center;background-re=
peat:no-repeat;display:block;font-size:1px;height:16px;width:4px;overflow:hid=
den;cursor:default;margin:0 2px;border:0;}.x-toolbar .ytb-spacer{width:2px;}.=
x-tbar-page-number{width:24px;height:14px;}.x-tbar-page-first{background-imag=
e:url(../js/ext/resources/images/default/grid/page-first.gif)!important;}.x-t=
bar-loading{background-image:url(../js/ext/resources/images/default/grid/done=
.gif)!important;}.x-tbar-page-last{background-image:url(../js/ext/resources/i=
mages/default/grid/page-last.gif)!important;}.x-tbar-page-next{background-ima=
ge:url(../js/ext/resources/images/default/grid/page-next.gif)!important;}.x-t=
bar-page-prev{background-image:url(../js/ext/resources/images/default/grid/pa=
ge-prev.gif)!important;}.x-item-disabled .x-tbar-loading{background-image:url=
(../js/ext/resources/images/default/grid/loading.gif)!important;}.x-item-disa=
bled .x-tbar-page-first{background-image:url(../js/ext/resources/images/defau=
lt/grid/page-first-disabled.gif)!important;}.x-item-disabled .x-tbar-page-las=
t{background-image:url(../js/ext/resources/images/default/grid/page-last-disa=
bled.gif)!important;}.x-item-disabled .x-tbar-page-next{background-image:url(=
../js/ext/resources/images/default/grid/page-next-disabled.gif)!important;}.x=
-item-disabled .x-tbar-page-prev{background-image:url(../js/ext/resources/ima=
ges/default/grid/page-prev-disabled.gif)!important;}.x-paging-info{position:a=
bsolute;top:5px;right:8px;color:#444;}.x-resizable-handle{position:absolute;z=
-index:100;font-size:1px;line-height:6px;overflow:hidden;background:#FFF;filt=
er:alpha(opacity=3D0);opacity:0;zoom:1;}.x-resizable-handle-east{width:6px;cu=
rsor:e-resize;right:0;top:0;height:100%;}.ext-ie .x-resizable-handle-east{mar=
gin-right:-1px;}.x-resizable-handle-south{width:100%;cursor:s-resize;left:0;b=
ottom:0;height:6px;}.ext-ie .x-resizable-handle-south{margin-bottom:-1px;}.x-=
resizable-handle-west{width:6px;cursor:w-resize;left:0;top:0;height:100%;}.x-=
resizable-handle-north{width:100%;cursor:n-resize;left:0;top:0;height:6px;}.x=
-resizable-handle-southeast{width:6px;cursor:se-resize;right:0;bottom:0;heigh=
t:6px;z-index:101;}.x-resizable-handle-northwest{width:6px;cursor:nw-resize;l=
eft:0;top:0;height:6px;z-index:101;}.x-resizable-handle-northeast{width:6px;c=
ursor:ne-resize;right:0;top:0;height:6px;z-index:101;}.x-resizable-handle-sou=
thwest{width:6px;cursor:sw-resize;left:0;bottom:0;height:6px;z-index:101;}.x-=
resizable-over .x-resizable-handle,.x-resizable-pinned .x-resizable-handle{fi=
lter:alpha(opacity=3D100);opacity:1;}.x-resizable-over .x-resizable-handle-ea=
st,.x-resizable-pinned .x-resizable-handle-east{background:url(../js/ext/reso=
urces/images/default/sizer/e-handle.gif);background-position:left;}.x-resizab=
le-over .x-resizable-handle-west,.x-resizable-pinned .x-resizable-handle-west=
{background:url(../js/ext/resources/images/default/sizer/e-handle.gif);backgr=
ound-position:left;}.x-resizable-over .x-resizable-handle-south,.x-resizable-=
pinned .x-resizable-handle-south{background:url(../js/ext/resources/images/de=
fault/sizer/s-handle.gif);background-position:top;}.x-resizable-over .x-resiz=
able-handle-north,.x-resizable-pinned .x-resizable-handle-north{background:ur=
l(../js/ext/resources/images/default/sizer/s-handle.gif);background-position:=
top;}.x-resizable-over .x-resizable-handle-southeast,.x-resizable-pinned .x-r=
esizable-handle-southeast{background:url(../js/ext/resources/images/default/s=
izer/se-handle.gif);background-position:top left;}.x-resizable-over .x-resiza=
ble-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{backgr=
ound:url(../js/ext/resources/images/default/sizer/nw-handle.gif);background-p=
osition:bottom right;}.x-resizable-over .x-resizable-handle-northeast,.x-resi=
zable-pinned .x-resizable-handle-northeast{background:url(../js/ext/resources=
/images/default/sizer/ne-handle.gif);background-position:bottom left;}.x-resi=
zable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-han=
dle-southwest{background:url(../js/ext/resources/images/default/sizer/sw-hand=
le.gif);background-position:top right;}.x-resizable-proxy{border:1px dashed #=
3b5a82;position:absolute;overflow:hidden;display:none;left:0;top:0;z-index:50=
000;}.x-resizable-overlay{width:100%;height:100%;display:none;position:absolu=
te;left:0;top:0;background:#FFF;z-index:200000;-moz-opacity:0;opacity:0;filte=
r:alpha(opacity=3D0);}.x-grid3{position:relative;overflow:hidden;background-c=
olor:#fff;}.x-grid-panel .x-panel-body{overflow:hidden!important;}.x-grid-pan=
el .x-panel-mc .x-panel-body{border:1px solid #99bbe8;}.ext-ie .x-grid3 table=
,.ext-safari .x-grid3 table{table-layout:fixed;}.x-grid3-viewport{overflow:hi=
dden;}.x-grid3-hd-row td,.x-grid3-row td,.x-grid3-summary-row td{font:normal =
11px arial,tahoma,helvetica,sans-serif;-moz-outline:none;-moz-user-focus:norm=
al;}.x-grid3-row td,.x-grid3-summary-row td{line-height:13px;vertical-align:t=
op;padding-left:1px;padding-right:1px;-moz-user-select:none;}.x-grid3-hd-row =
td{line-height:15px;vertical-align:middle;border-left:1px solid #eee;border-r=
ight:1px solid #d0d0d0;}.x-grid3-hd-row .x-grid3-marker-hd{padding:3px;}.x-gr=
id3-row .x-grid3-marker{padding:3px;}.x-grid3-cell-inner,.x-grid3-hd-inner{ov=
erflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding:3px 3p=
x 3px 5px;white-space:nowrap;}.x-grid3-hd-inner{position:relative;cursor:inhe=
rit;padding:4px 3px 4px 5px;}.x-grid3-row-body{white-space:normal;}.x-grid3-b=
ody-cell{-moz-outline:0 none;outline:0 none;}.ext-ie .x-grid3-cell-inner,.ext=
-ie .x-grid3-hd-inner{width:100%;}.ext-strict .x-grid3-cell-inner,.ext-strict=
 .x-grid3-hd-inner{width:auto;}.x-grid-row-loading{background:#fff url(../js/=
ext/resources/images/default/shared/loading-balls.gif) no-repeat center cente=
r;}.x-grid-page{overflow:hidden;}.x-grid3-row{cursor:default;border:1px solid=
 #ededed;border-top-color:#fff;width:100%;}.x-grid3-row-alt{background-color:=
#fafafa;}.x-grid3-row-over{border:1px solid #ddd;background:#efefef url(../js=
/ext/resources/images/default/grid/row-over.gif) repeat-x left top;}.x-grid3-=
resize-proxy{width:1px;left:0;background-color:#777;cursor:e-resize;cursor:co=
l-resize;position:absolute;top:0;height:100px;overflow:hidden;visibility:hidd=
en;border:0 none;z-index:7;}.x-grid3-resize-marker{width:1px;left:0;backgroun=
d-color:#777;position:absolute;top:0;height:100px;overflow:hidden;visibility:=
hidden;border:0 none;z-index:7;}.x-grid3-focus{position:absolute;top:0;-moz-o=
utline:0 none;outline:0 none;-moz-user-select:normal;-khtml-user-select:norma=
l;}.x-grid3-header{background:#f9f9f9 url(../js/ext/resources/images/default/=
grid/grid3-hrow.gif) repeat-x 0 bottom;cursor:default;zoom:1;padding:1px 0 0;=
}.x-grid3-header-pop{border-left:1px solid #d0d0d0;float:right;clear:none;}.x=
-grid3-header-pop-inner{border-left:1px solid #eee;width:14px;height:19px;bac=
kground:transparent url(../js/ext/resources/images/default/grid/hd-pop.gif) n=
o-repeat center center;}.ext-ie .x-grid3-header-pop-inner{width:15px;}.ext-st=
rict .x-grid3-header-pop-inner{width:14px;}.x-grid3-header-inner{overflow:hid=
den;zoom:1;float:left;}.x-grid3-header-offset{padding-left:1px;width:10000px;=
}td.x-grid3-hd-over,td.sort-desc,td.sort-asc,td.x-grid3-hd-menu-open{border-l=
eft:1px solid #aaccf6;border-right:1px solid #aaccf6;}td.x-grid3-hd-over .x-g=
rid3-hd-inner,td.sort-desc .x-grid3-hd-inner,td.sort-asc .x-grid3-hd-inner,td=
.x-grid3-hd-menu-open .x-grid3-hd-inner{background:#ebf3fd url(../js/ext/reso=
urces/images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;}.x-grid3=
-sort-icon{background-repeat:no-repeat;display:none;height:4px;width:13px;mar=
gin-left:3px;vertical-align:middle;}.sort-asc .x-grid3-sort-icon{background-i=
mage:url(../js/ext/resources/images/default/grid/sort_asc.gif);display:inline=
;}.sort-desc .x-grid3-sort-icon{background-image:url(../js/ext/resources/imag=
es/default/grid/sort_desc.gif);display:inline;}.ext-strict .ext-ie .x-grid3-h=
eader-inner{position:relative;}.ext-strict .ext-ie6 .x-grid3-hd{position:rela=
tive;}.ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}.x-grid3-body{z=
oom:1;}.x-grid3-scroller{overflow:auto;zoom:1;position:relative;}.x-grid3-cel=
l-text,.x-grid3-hd-text{display:block;padding:3px 5px;-moz-user-select:none;-=
khtml-user-select:none;color:#000;}.x-grid3-split{background-image:url(../js/=
ext/resources/images/default/grid/grid-split.gif);background-position:center;=
background-repeat:no-repeat;cursor:e-resize;cursor:col-resize;display:block;f=
ont-size:1px;height:16px;overflow:hidden;position:absolute;top:2px;width:6px;=
z-index:3;}.x-grid3-hd-text{color:#15428b;}.x-dd-drag-proxy .x-grid3-hd-inner=
{background:#ebf3fd url(../js/ext/resources/images/default/grid/grid3-hrow-ov=
er.gif) repeat-x left bottom;width:120px;padding:3px;border:1px solid #aaccf6=
;overflow:hidden;}.col-move-top,.col-move-bottom{width:9px;height:9px;positio=
n:absolute;top:0;line-height:1px;font-size:1px;overflow:hidden;visibility:hid=
den;z-index:20000;}.col-move-top{background:transparent url(../js/ext/resourc=
es/images/default/grid/col-move-top.gif) no-repeat left top;}.col-move-bottom=
{background:transparent url(../js/ext/resources/images/default/grid/col-move-=
bottom.gif) no-repeat left top;}.x-grid3-row-selected{background:#DFE8F6!impo=
rtant;border:1px dotted #a3bae9;}.x-grid3-cell-selected{background-color:#B8C=
FEE!important;color:#000;}.x-grid3-cell-selected span{color:#000!important;}.=
x-grid3-cell-selected .x-grid3-cell-text{color:#000;}.x-grid3-locked td.x-gri=
d3-row-marker,.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{bac=
kground:#ebeadb url(../js/ext/resources/images/default/grid/grid-hrow.gif) re=
peat-x 0 bottom!important;vertical-align:middle!important;color:#000;padding:=
0;border-top:1px solid #FFF;border-bottom:none!important;border-right:1px sol=
id #6fa0df!important;text-align:center;}.x-grid3-locked td.x-grid3-row-marker=
 div,.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{padding:=
0 4px;color:#15428b!important;text-align:center;}.x-grid3-dirty-cell{backgrou=
nd:transparent url(../js/ext/resources/images/default/grid/dirty.gif) no-repe=
at 0 0;}.x-grid3-topbar,.x-grid3-bottombar{font:normal 11px arial,tahoma,helv=
etica,sans-serif;overflow:hidden;display:none;zoom:1;position:relative;}.x-gr=
id3-topbar .x-toolbar{border-right:0 none;}.x-grid3-bottombar .x-toolbar{bord=
er-right:0 none;border-bottom:0 none;border-top:1px solid #a9bfd3;}.x-props-g=
rid .x-grid3-cell{padding:1px;}.x-props-grid .x-grid3-td-name .x-grid3-cell-i=
nner{background:transparent url(../js/ext/resources/images/default/grid/grid3=
-special-col-bg.gif) repeat-y -16px!important;padding-left:12px;color:#000!im=
portant;}.x-props-grid .x-grid3-body .x-grid3-td-name{padding:1px;padding-rig=
ht:0;background:#FFF!important;border:0 none;border-right:1px solid #eee;}.xg=
-hmenu-sort-asc .x-menu-item-icon{background-image:url(../js/ext/resources/im=
ages/default/grid/hmenu-asc.gif);}.xg-hmenu-sort-desc .x-menu-item-icon{backg=
round-image:url(../js/ext/resources/images/default/grid/hmenu-desc.gif);}.xg-=
hmenu-lock .x-menu-item-icon{background-image:url(../js/ext/resources/images/=
default/grid/hmenu-lock.gif);}.xg-hmenu-unlock .x-menu-item-icon{background-i=
mage:url(../js/ext/resources/images/default/grid/hmenu-unlock.gif);}.x-grid3-=
col-dd{border:0 none;padding:0;background:transparent;}.x-dd-drag-ghost .x-gr=
id3-dd-wrap{padding:1px 3px 3px 1px;}.x-grid3-hd{-moz-user-select:none;}.x-gr=
id3-hd-btn{display:none;position:absolute;width:14px;background:#c3daf9 url(.=
./js/ext/resources/images/default/grid/grid3-hd-btn.gif) no-repeat left cente=
r;right:0;top:0;z-index:2;cursor:pointer;}.x-grid3-hd-over .x-grid3-hd-btn,.x=
-grid3-hd-menu-open .x-grid3-hd-btn{display:block;}a.x-grid3-hd-btn:hover{bac=
kground-position:-14px center;}.x-grid3-body .x-grid3-td-expander{background:=
transparent url(../js/ext/resources/images/default/grid/grid3-special-col-bg.=
gif) repeat-y right;}.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner{p=
adding:0!important;height:100%;}.x-grid3-row-expander{width:100%;height:18px;=
background-position:4px 2px;background-repeat:no-repeat;background-color:tran=
sparent;background-image:url(../js/ext/resources/images/default/grid/row-expa=
nd-sprite.gif);}.x-grid3-row-collapsed .x-grid3-row-expander{background-posit=
ion:4px 2px;}.x-grid3-row-expanded .x-grid3-row-expander{background-position:=
-21px 2px;}.x-grid3-row-collapsed .x-grid3-row-body{display:none!important;}.=
x-grid3-row-expanded .x-grid3-row-body{display:block!important;}.x-grid3-body=
 .x-grid3-td-checker{background:transparent url(../js/ext/resources/images/de=
fault/grid/grid3-special-col-bg.gif) repeat-y right;}.x-grid3-body .x-grid3-t=
d-checker .x-grid3-cell-inner,.x-grid3-header .x-grid3-td-checker .x-grid3-hd=
-inner{padding:0!important;height:100%;}.x-grid3-row-checker,.x-grid3-hd-chec=
ker{width:100%;height:18px;background-position:2px 2px;background-repeat:no-r=
epeat;background-color:transparent;background-image:url(../js/ext/resources/i=
mages/default/grid/row-check-sprite.gif);}.x-grid3-row .x-grid3-row-checker{b=
ackground-position:2px 2px;}.x-grid3-row-selected .x-grid3-row-checker,.x-gri=
d3-hd-checker-on .x-grid3-hd-checker{background-position:-23px 2px;}.x-grid3-=
hd-checker{background-position:2px 3px;}.x-grid3-hd-checker-on .x-grid3-hd-ch=
ecker{background-position:-23px 3px;}.x-grid3-body .x-grid3-td-numberer{backg=
round:transparent url(../js/ext/resources/images/default/grid/grid3-special-c=
ol-bg.gif) repeat-y right;}.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-i=
nner{padding:3px 5px 0 0!important;text-align:right;color:#444;}.x-grid3-body=
 .x-grid3-row-selected .x-grid3-td-numberer,.x-grid3-body .x-grid3-row-select=
ed .x-grid3-td-checker,.x-grid3-body .x-grid3-row-selected .x-grid3-td-expand=
er{background:transparent url(../js/ext/resources/images/default/grid/grid3-s=
pecial-col-sel-bg.gif) repeat-y right;}.x-grid3-body .x-grid3-check-col-td .x=
-grid3-cell-inner{padding:1px 0 0!important;}.x-grid3-check-col{width:100%;he=
ight:16px;background-position:center center;background-repeat:no-repeat;backg=
round-color:transparent;background-image:url(../js/ext/resources/images/defau=
lt/menu/unchecked.gif);}.x-grid3-check-col-on{width:100%;height:16px;backgrou=
nd-position:center center;background-repeat:no-repeat;background-color:transp=
arent;background-image:url(../js/ext/resources/images/default/menu/checked.gi=
f);}.x-grid-group,.x-grid-group-body,.x-grid-group-hd{zoom:1;}.x-grid-group-h=
d{border-bottom:2px solid #99bbe8;cursor:pointer;padding-top:6px;}.x-grid-gro=
up-hd div{background:transparent url(../js/ext/resources/images/default/grid/=
group-expand-sprite.gif) no-repeat 3px -47px;padding:4px 4px 4px 17px;color:#=
3764a0;font:bold 11px tahoma,arial,helvetica,sans-serif;}.x-grid-group-collap=
sed .x-grid-group-hd div{background-position:3px 3px;}.x-grid-group-collapsed=
 .x-grid-group-body{display:none;}.x-group-by-icon{background-image:url(../js=
/ext/resources/images/default/grid/group-by.gif);}.x-cols-icon{background-ima=
ge:url(../js/ext/resources/images/default/grid/columns.gif);}.x-show-groups-i=
con{background-image:url(../js/ext/resources/images/default/grid/group-by.gif=
);}.ext-ie .x-grid3 .x-editor .x-form-text{position:relative;top:-1px;}.ext-i=
e .x-props-grid .x-editor .x-form-text{position:static;top:0;}.x-grid-empty{p=
adding:10px;color:gray;font:normal 11px tahoma,arial,helvetica,sans-serif;}.e=
xt-ie7 .x-grid-panel .x-panel-bbar{position:relative;}.x-dd-drag-proxy{positi=
on:absolute;left:0;top:0;visibility:hidden;z-index:15000;}.x-dd-drag-ghost{co=
lor:#000;font:normal 11px arial,helvetica,sans-serif;-moz-opacity:.85;opacity=
:.85;filter:alpha(opacity=3D85);border-top:1px solid #ddd;border-left:1px sol=
id #ddd;border-right:1px solid #bbb;border-bottom:1px solid #bbb;padding:3px;=
padding-left:20px;background-color:#FFF;white-space:nowrap;}.x-dd-drag-repair=
 .x-dd-drag-ghost{-moz-opacity:.4;opacity:.4;filter:alpha(opacity=3D40);borde=
r:0 none;padding:0;background-color:transparent;}.x-dd-drag-repair .x-dd-drop=
-icon{visibility:hidden;}.x-dd-drop-icon{position:absolute;top:3px;left:3px;d=
isplay:block;width:16px;height:16px;background-color:transparent;background-p=
osition:center;background-repeat:no-repeat;z-index:1;}.x-dd-drop-nodrop .x-dd=
-drop-icon{background-image:url(../js/ext/resources/images/default/dd/drop-no=
.gif);}.x-dd-drop-ok .x-dd-drop-icon{background-image:url(../js/ext/resources=
/images/default/dd/drop-yes.gif);}.x-dd-drop-ok-add .x-dd-drop-icon{backgroun=
d-image:url(../js/ext/resources/images/default/dd/drop-add.gif);}.x-view-sele=
ctor{position:absolute;left:0;top:0;width:0;background:#c3daf9;border:1px dot=
ted #39b;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=3D50);zoom:1;}.x-tre=
e .x-panel-body{background-color:#fff;}.ext-strict .ext-ie .x-tree .x-panel-b=
wrap{position:relative;overflow:hidden;}.x-tree-icon,.x-tree-ec-icon,.x-tree-=
elbow-line,.x-tree-elbow,.x-tree-elbow-end,.x-tree-elbow-plus,.x-tree-elbow-m=
inus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{border:0 none;height:18px=
;margin:0;padding:0;vertical-align:top;width:16px;background-repeat:no-repeat=
;}.x-tree-node-collapsed .x-tree-node-icon,.x-tree-node-expanded .x-tree-node=
-icon,.x-tree-node-leaf .x-tree-node-icon{border:0 none;height:18px;margin:0;=
padding:0;vertical-align:top;width:16px;background-position:center;background=
-repeat:no-repeat;}.ext-ie .x-tree-node-indent img,.ext-ie .x-tree-node-icon,=
.ext-ie .x-tree-ec-icon{vertical-align:middle!important;}.x-tree-node-expande=
d .x-tree-node-icon{background-image:url(../js/ext/resources/images/default/t=
ree/folder-open.gif);}.x-tree-node-leaf .x-tree-node-icon{background-image:ur=
l(../js/ext/resources/images/default/tree/leaf.gif);}.x-tree-node-collapsed .=
x-tree-node-icon{background-image:url(../js/ext/resources/images/default/tree=
/folder.gif);}.ext-ie input.x-tree-node-cb{width:15px;height:15px;}input.x-tr=
ee-node-cb{margin-left:1px;}.ext-ie input.x-tree-node-cb{margin-left:0;}.x-tr=
ee-noicon .x-tree-node-icon{width:0;height:0;}.x-tree-node-loading .x-tree-no=
de-icon{background-image:url(../js/ext/resources/images/default/tree/loading.=
gif)!important;}.x-tree-node-loading a span{font-style:italic;color:#444;}.ex=
t-ie .x-tree-node-el input{width:15px;height:15px;}.x-tree-lines .x-tree-elbo=
w{background-image:url(../js/ext/resources/images/default/tree/elbow.gif);}.x=
-tree-lines .x-tree-elbow-plus{background-image:url(../js/ext/resources/image=
s/default/tree/elbow-plus.gif);}.x-tree-lines .x-tree-elbow-minus{background-=
image:url(../js/ext/resources/images/default/tree/elbow-minus.gif);}.x-tree-l=
ines .x-tree-elbow-end{background-image:url(../js/ext/resources/images/defaul=
t/tree/elbow-end.gif);}.x-tree-lines .x-tree-elbow-end-plus{background-image:=
url(../js/ext/resources/images/default/tree/elbow-end-plus.gif);}.x-tree-line=
s .x-tree-elbow-end-minus{background-image:url(../js/ext/resources/images/def=
ault/tree/elbow-end-minus.gif);}.x-tree-lines .x-tree-elbow-line{background-i=
mage:url(../js/ext/resources/images/default/tree/elbow-line.gif);}.x-tree-no-=
lines .x-tree-elbow{background:transparent;}.x-tree-no-lines .x-tree-elbow-pl=
us{background-image:url(../js/ext/resources/images/default/tree/elbow-plus-nl=
.gif);}.x-tree-no-lines .x-tree-elbow-minus{background-image:url(../js/ext/re=
sources/images/default/tree/elbow-minus-nl.gif);}.x-tree-no-lines .x-tree-elb=
ow-end{background:transparent;}.x-tree-no-lines .x-tree-elbow-end-plus{backgr=
ound-image:url(../js/ext/resources/images/default/tree/elbow-end-plus-nl.gif)=
;}.x-tree-no-lines .x-tree-elbow-end-minus{background-image:url(../js/ext/res=
ources/images/default/tree/elbow-end-minus-nl.gif);}.x-tree-no-lines .x-tree-=
elbow-line{background:transparent;}.x-tree-arrows .x-tree-elbow{background:tr=
ansparent;}.x-tree-arrows .x-tree-elbow-plus{background:transparent url(../js=
/ext/resources/images/default/tree/arrows.gif) no-repeat 0 0;}.x-tree-arrows =
.x-tree-elbow-minus{background:transparent url(../js/ext/resources/images/def=
ault/tree/arrows.gif) no-repeat -16px 0;}.x-tree-arrows .x-tree-elbow-end{bac=
kground:transparent;}.x-tree-arrows .x-tree-elbow-end-plus{background:transpa=
rent url(../js/ext/resources/images/default/tree/arrows.gif) no-repeat 0 0;}.=
x-tree-arrows .x-tree-elbow-end-minus{background:transparent url(../js/ext/re=
sources/images/default/tree/arrows.gif) no-repeat -16px 0;}.x-tree-arrows .x-=
tree-elbow-line{background:transparent;}.x-tree-arrows .x-tree-ec-over .x-tre=
e-elbow-plus{background-position:-32px 0;}.x-tree-arrows .x-tree-ec-over .x-t=
ree-elbow-minus{background-position:-48px 0;}.x-tree-arrows .x-tree-ec-over .=
x-tree-elbow-end-plus{background-position:-32px 0;}.x-tree-arrows .x-tree-ec-=
over .x-tree-elbow-end-minus{background-position:-48px 0;}.x-tree-elbow-plus,=
.x-tree-elbow-minus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{cursor:poi=
nter;}.ext-ie ul.x-tree-node-ct{font-size:0;line-height:0;zoom:1;}.x-tree-nod=
e{color:#000;font:normal 11px arial,tahoma,helvetica,sans-serif;white-space:n=
owrap;}.x-tree-node-el{line-height:18px;cursor:pointer;}.x-tree-node a,.x-dd-=
drag-ghost a{text-decoration:none;color:#000;-khtml-user-select:none;-moz-use=
r-select:none;-kthml-user-focus:normal;-moz-user-focus:normal;-moz-outline:0 =
none;outline:0 none;}.x-tree-node a span,.x-dd-drag-ghost a span{text-decorat=
ion:none;color:#000;padding:1px 3px 1px 2px;}.x-tree-node .x-tree-node-disabl=
ed a span{color:gray!important;}.x-tree-node .x-tree-node-disabled .x-tree-no=
de-icon{-moz-opacity:.5;opacity:.5;filter:alpha(opacity=3D50);}.x-tree-node .=
x-tree-node-inline-icon{background:transparent;}.x-tree-node a:hover,.x-dd-dr=
ag-ghost a:hover{text-decoration:none;}.x-tree-node div.x-tree-drag-insert-be=
low{border-bottom:1px dotted #36c;}.x-tree-node div.x-tree-drag-insert-above{=
border-top:1px dotted #36c;}.x-tree-dd-underline .x-tree-node div.x-tree-drag=
-insert-below{border-bottom:0 none;}.x-tree-dd-underline .x-tree-node div.x-t=
ree-drag-insert-above{border-top:0 none;}.x-tree-dd-underline .x-tree-node di=
v.x-tree-drag-insert-below a{border-bottom:2px solid #36c;}.x-tree-dd-underli=
ne .x-tree-node div.x-tree-drag-insert-above a{border-top:2px solid #36c;}.x-=
tree-node .x-tree-drag-append a span{background:#ddd;border:1px dotted gray;}=
.x-tree-node .x-tree-node-over{background-color:#eee;}.x-tree-node .x-tree-se=
lected{background-color:#d9e8fb;}.x-dd-drag-ghost .x-tree-node-indent,.x-dd-d=
rag-ghost .x-tree-ec-icon{display:none!important;}.x-tree-drop-ok-append .x-d=
d-drop-icon{background-image:url(../js/ext/resources/images/default/tree/drop=
-add.gif);}.x-tree-drop-ok-above .x-dd-drop-icon{background-image:url(../js/e=
xt/resources/images/default/tree/drop-over.gif);}.x-tree-drop-ok-below .x-dd-=
drop-icon{background-image:url(../js/ext/resources/images/default/tree/drop-u=
nder.gif);}.x-tree-drop-ok-between .x-dd-drop-icon{background-image:url(../js=
/ext/resources/images/default/tree/drop-between.gif);}.x-date-picker{border:1=
px solid #1b376c;border-top:0 none;background:#fff;position:relative;}.x-date=
-picker a{-moz-outline:0 none;outline:0 none;}.x-date-inner,.x-date-inner td,=
.x-date-inner th{border-collapse:separate;}.x-date-middle,.x-date-left,.x-dat=
e-right{background:url(../js/ext/resources/images/default/shared/hd-sprite.gi=
f) repeat-x 0 -83px;color:#FFF;font:bold 11px "sans serif",tahoma,verdana,hel=
vetica;overflow:hidden;}.x-date-middle .x-btn-left,.x-date-middle .x-btn-cent=
er,.x-date-middle .x-btn-right{background:transparent!important;vertical-alig=
n:middle;}.x-date-middle .x-btn .x-btn-text{color:#fff;}.x-date-middle .x-btn=
-with-menu .x-btn-center em{background:transparent url(../js/ext/resources/im=
ages/default/toolbar/btn-arrow-light.gif) no-repeat right 0;}.x-date-right,.x=
-date-left{width:18px;}.x-date-right{text-align:right;}.x-date-middle{padding=
-top:2px;padding-bottom:2px;}.x-date-right a,.x-date-left a{display:block;wid=
th:16px;height:16px;background-position:center;background-repeat:no-repeat;cu=
rsor:pointer;-moz-opacity:.6;opacity:.6;filter:alpha(opacity=3D60);}.x-date-r=
ight a:hover,.x-date-left a:hover{-moz-opacity:1;opacity:1;filter:alpha(opaci=
ty=3D100);}.x-date-right a{background-image:url(../js/ext/resources/images/de=
fault/shared/right-btn.gif);margin-right:2px;text-decoration:none!important;}=
.x-date-left a{background-image:url(../js/ext/resources/images/default/shared=
/left-btn.gif);margin-left:2px;text-decoration:none!important;}table.x-date-i=
nner{width:100%;table-layout:fixed;}.x-date-inner th{width:25px;}.x-date-inne=
r th{background:#dfecfb url(../js/ext/resources/images/default/shared/glass-b=
g.gif) repeat-x left top;text-align:right!important;border-bottom:1px solid #=
a3bad9;font:normal 10px arial,helvetica,tahoma,sans-serif;color:#233d6d;curso=
r:default;padding:0;border-collapse:separate;}.x-date-inner th span{display:b=
lock;padding:2px;padding-right:7px;}.x-date-inner td{border:1px solid #fff;te=
xt-align:right;padding:0;}.x-date-inner a{padding:2px 5px;display:block;font:=
normal 11px arial,helvetica,tahoma,sans-serif;text-decoration:none;color:#000=
;text-align:right;zoom:1;}.x-date-inner .x-date-active{cursor:pointer;color:#=
000;}.x-date-inner .x-date-selected a{background:#dfecfb url(../js/ext/resour=
ces/images/default/shared/glass-bg.gif) repeat-x left top;border:1px solid #8=
db2e3;padding:1px 4px;}.x-date-inner .x-date-today a{border:1px solid #8B0000=
;padding:1px 4px;}.x-date-inner .x-date-selected span{font-weight:700;}.x-dat=
e-inner .x-date-prevday a,.x-date-inner .x-date-nextday a{color:#aaa;text-dec=
oration:none!important;}.x-date-bottom{padding:4px;border-top:1px solid #a3ba=
d9;background:#dfecfb url(../js/ext/resources/images/default/shared/glass-bg.=
gif) repeat-x left top;}.x-date-inner a:hover,.x-date-inner .x-date-disabled =
a:hover{text-decoration:none!important;color:#000;background:#ddecfe;}.x-date=
-inner .x-date-disabled a{cursor:default;background:#eee;color:#bbb;}.x-date-=
mmenu{background:#eee!important;}.x-date-mmenu .x-menu-item{font-size:10px;pa=
dding:1px 24px 1px 4px;white-space:nowrap;color:#000;}.x-date-mmenu .x-menu-i=
tem .x-menu-item-icon{width:10px;height:10px;margin-right:5px;background-posi=
tion:center -4px!important;}.x-date-mp{position:absolute;left:0;top:0;backgro=
und:#FFF;display:none;}.x-date-mp td{padding:2px;font:normal 11px arial,helve=
tica,tahoma,sans-serif;}td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybt=
n{border:0 none;text-align:center;vertical-align:middle;width:25%;}.x-date-mp=
-ok{margin-right:3px;}.x-date-mp-btns button{text-decoration:none;text-align:=
center;text-decoration:none!important;background:#083772;color:#FFF;border:1p=
x solid;border-color:#36c #005 #005 #36c;padding:1px 3px;font:normal 11px ari=
al,helvetica,tahoma,sans-serif;cursor:pointer;}.x-date-mp-btns{background:#df=
ecfb url(../js/ext/resources/images/default/shared/glass-bg.gif) repeat-x lef=
t top;}.x-date-mp-btns td{border-top:1px solid #c5d2df;text-align:center;}td.=
x-date-mp-month a,td.x-date-mp-year a{display:block;padding:2px 4px;text-deco=
ration:none;text-align:center;color:#15428b;}td.x-date-mp-month a:hover,td.x-=
date-mp-year a:hover{color:#15428b;text-decoration:none;cursor:pointer;backgr=
ound:#ddecfe;}td.x-date-mp-sel a{padding:1px 3px;background:#dfecfb url(../js=
/ext/resources/images/default/shared/glass-bg.gif) repeat-x left top;border:1=
px solid #8db2e3;}.x-date-mp-ybtn a{overflow:hidden;width:15px;height:15px;cu=
rsor:pointer;background:transparent url(../js/ext/resources/images/default/pa=
nel/tool-sprites.gif) no-repeat;display:block;margin:0 auto;}.x-date-mp-ybtn =
a.x-date-mp-next{background-position:0 -120px;}.x-date-mp-ybtn a.x-date-mp-ne=
xt:hover{background-position:-15px -120px;}.x-date-mp-ybtn a.x-date-mp-prev{b=
ackground-position:0 -105px;}.x-date-mp-ybtn a.x-date-mp-prev:hover{backgroun=
d-position:-15px -105px;}.x-date-mp-ybtn{text-align:center;}td.x-date-mp-sep{=
border-right:1px solid #c5d2df;}.x-tip{position:absolute;top:0;left:0;visibil=
ity:hidden;z-index:20000;border:0 none;}.x-tip .x-tip-close{background-image:=
url(../js/ext/resources/images/default/qtip/close.gif);height:15px;float:righ=
t;width:15px;margin:0 0 2px 2px;cursor:pointer;display:none;}.x-tip .x-tip-tc=
{background:transparent url(../js/ext/resources/images/default/qtip/tip-sprit=
e.gif) no-repeat 0 -62px;padding-top:3px;overflow:hidden;zoom:1;}.x-tip .x-ti=
p-tl{background:transparent url(../js/ext/resources/images/default/qtip/tip-s=
prite.gif) no-repeat 0 0;padding-left:6px;overflow:hidden;zoom:1;}.x-tip .x-t=
ip-tr{background:transparent url(../js/ext/resources/images/default/qtip/tip-=
sprite.gif) no-repeat right 0;padding-right:6px;overflow:hidden;zoom:1;}.x-ti=
p .x-tip-bc{background:transparent url(../js/ext/resources/images/default/qti=
p/tip-sprite.gif) no-repeat 0 -121px;height:3px;overflow:hidden;}.x-tip .x-ti=
p-bl{background:transparent url(../js/ext/resources/images/default/qtip/tip-s=
prite.gif) no-repeat 0 -59px;padding-left:6px;zoom:1;}.x-tip .x-tip-br{backgr=
ound:transparent url(../js/ext/resources/images/default/qtip/tip-sprite.gif) =
no-repeat right -59px;padding-right:6px;zoom:1;}.x-tip .x-tip-mc{border:0 non=
e;font:normal 11px tahoma,arial,helvetica,sans-serif;}.x-tip .x-tip-ml{backgr=
ound:#fff url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repe=
at 0 -124px;padding-left:6px;zoom:1;}.x-tip .x-tip-mr{background:transparent =
url(../js/ext/resources/images/default/qtip/tip-sprite.gif) no-repeat right -=
124px;padding-right:6px;zoom:1;}.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .=
x-tip-tc{font-size:0;line-height:0;}.x-tip .x-tip-header-text{font:bold 11px =
tahoma,arial,helvetica,sans-serif;padding:0;margin:0 0 2px;color:#444;}.x-tip=
 .x-tip-body{font:normal 11px tahoma,arial,helvetica,sans-serif;margin:0!impo=
rtant;line-height:14px;color:#444;padding:0;}.x-tip .x-tip-body .loading-indi=
cator{margin:0;}.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header=
-text{cursor:move;}.x-form-invalid-tip .x-tip-tc{background:url(../js/ext/res=
ources/images/default/form/error-tip-corners.gif) repeat-x 0 -12px;padding-to=
p:6px;}.x-form-invalid-tip .x-tip-tl{background-image:url(../js/ext/resources=
/images/default/form/error-tip-corners.gif);}.x-form-invalid-tip .x-tip-tr{ba=
ckground-image:url(../js/ext/resources/images/default/form/error-tip-corners.=
gif);}.x-form-invalid-tip .x-tip-bc{background:url(../js/ext/resources/images=
/default/form/error-tip-corners.gif) repeat-x 0 -18px;height:6px;}.x-form-inv=
alid-tip .x-tip-bl{background:url(../js/ext/resources/images/default/form/err=
or-tip-corners.gif) no-repeat 0 -6px;}.x-form-invalid-tip .x-tip-br{backgroun=
d:url(../js/ext/resources/images/default/form/error-tip-corners.gif) no-repea=
t right -6px;}.x-form-invalid-tip .x-tip-ml{background-image:url(../js/ext/re=
sources/images/default/form/error-tip-corners.gif);}.x-form-invalid-tip .x-ti=
p-mr{background-image:url(../js/ext/resources/images/default/form/error-tip-c=
orners.gif);}.x-form-invalid-tip .x-tip-body{padding:2px;}.x-form-invalid-tip=
 .x-tip-body{padding-left:24px;background:transparent url(../js/ext/resources=
/images/default/form/exclamation.gif) no-repeat 2px 2px;}.x-menu{border:1px s=
olid #718bb7;z-index:15000;zoom:1;background:#f0f0f0 url(../js/ext/resources/=
images/default/menu/menu.gif) repeat-y;padding:2px;}.x-menu a{text-decoration=
:none!important;}.ext-ie .x-menu{zoom:1;overflow:hidden;}.x-menu-list{backgro=
und:transparent;border:0 none;}.x-menu li{line-height:100%;}.x-menu li.x-menu=
-sep-li{font-size:1px;line-height:1px;}.x-menu-list-item{font:normal 11px tah=
oma,arial,sans-serif;white-space:nowrap;-moz-user-select:none;-khtml-user-sel=
ect:none;display:block;padding:1px;}.x-menu-item-arrow{background:transparent=
 url(../js/ext/resources/images/default/menu/menu-parent.gif) no-repeat right=
;}.x-menu-sep{display:block;font-size:1px;line-height:1px;margin:2px 3px;back=
ground-color:#e0e0e0;border-bottom:1px solid #fff;overflow:hidden;}.x-menu-fo=
cus{position:absolute;left:0;top:-5px;width:0;height:0;line-height:1px;}.x-me=
nu a.x-menu-item{display:block;line-height:16px;padding:3px 21px 3px 3px;whit=
e-space:nowrap;text-decoration:none;color:#222;-moz-outline:0 none;outline:0 =
none;cursor:pointer;}.x-menu-item-active{background:#ebf3fd url(../js/ext/res=
ources/images/default/menu/item-over.gif) repeat-x left bottom;border:1px sol=
id #aaccf6;padding:0;}.x-menu-item-active a.x-menu-item{color:#233d6d;}.x-men=
u-item-icon{border:0 none;height:16px;padding:0;vertical-align:top;width:16px=
;margin:0 8px 0 0;background-position:center;}.x-menu-check-item .x-menu-item=
-icon{background:transparent url(../js/ext/resources/images/default/menu/unch=
ecked.gif) no-repeat center;}.x-menu-item-checked .x-menu-item-icon{backgroun=
d-image:url(../js/ext/resources/images/default/menu/checked.gif);}.x-menu-gro=
up-item .x-menu-item-icon{background:transparent;}.x-menu-item-checked .x-men=
u-group-item .x-menu-item-icon{background:transparent url(../js/ext/resources=
/images/default/menu/group-checked.gif) no-repeat center;}.x-menu-plain{backg=
round:#fff!important;}.x-menu-date-item{padding:0;}.x-menu .x-color-palette,.=
x-menu .x-date-picker{margin-left:26px;margin-right:4px;}.x-menu .x-date-pick=
er{border:1px solid #a3bad9;margin-top:2px;margin-bottom:2px;}.x-menu-plain .=
x-color-palette,.x-menu-plain .x-date-picker{margin:0;border:0 none;}.x-date-=
menu{padding:0!important;}.x-cycle-menu .x-menu-item-checked{border:1px dotte=
d #a3bae9!important;background:#DFE8F6;padding:0;}.x-box-tl{background:transp=
arent url(../js/ext/resources/images/default/box/corners.gif) no-repeat 0 0;z=
oom:1;}.x-box-tc{height:8px;background:transparent url(../js/ext/resources/im=
ages/default/box/tb.gif) repeat-x 0 0;overflow:hidden;}.x-box-tr{background:t=
ransparent url(../js/ext/resources/images/default/box/corners.gif) no-repeat =
right -8px;}.x-box-ml{background:transparent url(../js/ext/resources/images/d=
efault/box/l.gif) repeat-y 0;padding-left:4px;overflow:hidden;zoom:1;}.x-box-=
mc{background:#eee url(../js/ext/resources/images/default/box/tb.gif) repeat-=
x 0 -16px;padding:4px 10px;font-family:"Myriad Pro","Myriad Web",Tahoma,Helve=
tica,Arial,sans-serif;color:#393939;font-size:12px;}.x-box-mc h3{font-size:14=
px;font-weight:700;margin:0 0 4px;zoom:1;}.x-box-mr{background:transparent ur=
l(../js/ext/resources/images/default/box/r.gif) repeat-y right;padding-right:=
4px;overflow:hidden;}.x-box-bl{background:transparent url(../js/ext/resources=
/images/default/box/corners.gif) no-repeat 0 -16px;zoom:1;}.x-box-bc{backgrou=
nd:transparent url(../js/ext/resources/images/default/box/tb.gif) repeat-x 0 =
-8px;height:8px;overflow:hidden;}.x-box-br{background:transparent url(../js/e=
xt/resources/images/default/box/corners.gif) no-repeat right -24px;}.x-box-tl=
,.x-box-bl{padding-left:8px;overflow:hidden;}.x-box-tr,.x-box-br{padding-righ=
t:8px;overflow:hidden;}.x-box-blue .x-box-bl,.x-box-blue .x-box-br,.x-box-blu=
e .x-box-tl,.x-box-blue .x-box-tr{background-image:url(../js/ext/resources/im=
ages/default/box/corners-blue.gif);}.x-box-blue .x-box-bc,.x-box-blue .x-box-=
mc,.x-box-blue .x-box-tc{background-image:url(../js/ext/resources/images/defa=
ult/box/tb-blue.gif);}.x-box-blue .x-box-mc{background-color:#c3daf9;}.x-box-=
blue .x-box-mc h3{color:#17385b;}.x-box-blue .x-box-ml{background-image:url(.=
./js/ext/resources/images/default/box/l-blue.gif);}.x-box-blue .x-box-mr{back=
ground-image:url(../js/ext/resources/images/default/box/r-blue.gif);}#x-debug=
-browser .x-tree .x-tree-node a span{color:#222297;font-size:11px;padding-top=
:2px;font-family:monotype,"courier new",sans-serif;line-height:18px;}#x-debug=
-browser .x-tree a i{color:#FF4545;font-style:normal;}#x-debug-browser .x-tre=
e a em{color:#999;}#x-debug-browser .x-tree .x-tree-node .x-tree-selected a s=
pan{background:#c3daf9;}#x-debug-browser .x-tool-toggle{background-position:0=
 -75px;}#x-debug-browser .x-tool-toggle-over{background-position:-15px -75px;=
}#x-debug-browser.x-panel-collapsed .x-tool-toggle{background-position:0 -60p=
x;}#x-debug-browser.x-panel-collapsed .x-tool-toggle-over{background-position=
:-15px -60px;}.x-combo-list{border:1px solid #98c0f4;background:#ddecfe;zoom:=
1;overflow:hidden;}.x-combo-list-inner{overflow:auto;background:#FFF;position=
:relative;zoom:1;overflow-x:hidden;}.x-combo-list-hd{font:bold 11px tahoma,ar=
ial,helvetica,sans-serif;color:#15428b;background-image:url(../js/ext/resourc=
es/images/default/layout/panel-title-light-bg.gif);border-bottom:1px solid #9=
8c0f4;padding:3px;}.x-resizable-pinned .x-combo-list-inner{border-bottom:1px =
solid #98c0f4;}.x-combo-list-item{font:normal 12px tahoma,arial,helvetica,san=
s-serif;padding:2px;border:1px solid #fff;white-space:nowrap;overflow:hidden;=
text-overflow:ellipsis;}.x-combo-list .x-combo-selected{border:1px dotted #a3=
bae9!important;background:#DFE8F6;cursor:pointer;}.x-combo-noedit{cursor:poin=
ter;}.x-combo-list .x-toolbar{border-top:1px solid #98c0f4;border-bottom:0 no=
ne;}.x-combo-list-small .x-combo-list-item{font:normal 11px tahoma,arial,helv=
etica,sans-serif;}.x-panel{border-style:solid;border-color:#99bbe8;border-wid=
th:0;}.x-panel-header{overflow:hidden;zoom:1;color:#15428b;font:bold 11px tah=
oma,arial,verdana,sans-serif;padding:5px 3px 4px 5px;border:1px solid #99bbe8=
;line-height:15px;background:transparent url(../js/ext/resources/images/defau=
lt/panel/white-top-bottom.gif) repeat-x 0 -1px;}.x-panel-body{border:1px soli=
d #99bbe8;border-top:0 none;overflow:hidden;background:#FFF;position:relative=
;}.x-panel-bbar .x-toolbar{border:1px solid #99bbe8;border-top:0 none;overflo=
w:hidden;padding:2px;}.x-panel-tbar .x-toolbar{border:1px solid #99bbe8;borde=
r-top:0 none;overflow:hidden;padding:2px;}.x-panel-tbar-noheader .x-toolbar,.=
x-panel-mc .x-panel-tbar .x-toolbar{border-top:1px solid #99bbe8;border-botto=
m:0 none;}.x-panel-body-noheader,.x-panel-mc .x-panel-body{border-top:1px sol=
id #99bbe8;}.x-panel-header{overflow:hidden;zoom:1;}.x-panel-tl .x-panel-head=
er{color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 0=
 4px;border:0 none;background:transparent;}.x-panel-tl .x-panel-icon,.x-windo=
w-tl .x-panel-icon{padding-left:20px!important;background-repeat:no-repeat;ba=
ckground-position:0 4px;zoom:1;}.x-panel-inline-icon{width:16px;height:16px;b=
ackground-repeat:no-repeat;background-position:0 0;vertical-align:middle;marg=
in-right:4px;margin-top:-1px;margin-bottom:-1px;}.x-panel-tc{background:trans=
parent url(../js/ext/resources/images/default/panel/top-bottom.gif) repeat-x =
0 0;overflow:hidden;}.ext-strict .ext-ie7 .x-panel-tc{overflow:visible;}.x-pa=
nel-tl{background:transparent url(../js/ext/resources/images/default/panel/co=
rners-sprite.gif) no-repeat 0 0;padding-left:6px;zoom:1;border-bottom:1px sol=
id #99bbe8;}.x-panel-tr{background:transparent url(../js/ext/resources/images=
/default/panel/corners-sprite.gif) no-repeat right 0;zoom:1;padding-right:6px=
;}.x-panel-bc{background:transparent url(../js/ext/resources/images/default/p=
anel/top-bottom.gif) repeat-x 0 bottom;zoom:1;}.x-panel-bc .x-panel-footer{zo=
om:1;}.x-panel-bl{background:transparent url(../js/ext/resources/images/defau=
lt/panel/corners-sprite.gif) no-repeat 0 bottom;padding-left:6px;zoom:1;}.x-p=
anel-br{background:transparent url(../js/ext/resources/images/default/panel/c=
orners-sprite.gif) no-repeat right bottom;padding-right:6px;zoom:1;}.x-panel-=
mc{border:0 none;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,s=
ans-serif;padding-top:6px;background:#dfe8f6;}.x-panel-mc .x-panel-body{backg=
round:transparent;border:0 none;}.x-panel-ml{background:#fff url(../js/ext/re=
sources/images/default/panel/left-right.gif) repeat-y 0 0;padding-left:6px;zo=
om:1;}.x-panel-mr{background:transparent url(../js/ext/resources/images/defau=
lt/panel/left-right.gif) repeat-y right 0;padding-right:6px;zoom:1;}.x-panel-=
bc .x-panel-footer{padding-bottom:6px;}.x-panel-nofooter .x-panel-bc{height:6=
px;font-size:0;line-height:0;}.x-panel-bwrap{overflow:hidden;zoom:1;}.x-panel=
-body{overflow:hidden;zoom:1;}.x-panel-collapsed .x-resizable-handle{display:=
none;}.ext-gecko .x-panel-animated div{overflow:hidden!important;}.x-plain-bo=
dy{overflow:hidden;}.x-plain-bbar .x-toolbar{overflow:hidden;padding:2px;}.x-=
plain-tbar .x-toolbar{overflow:hidden;padding:2px;}.x-plain-bwrap{overflow:hi=
dden;zoom:1;}.x-plain{overflow:hidden;}.x-tool{overflow:hidden;width:15px;hei=
ght:15px;float:right;cursor:pointer;background:transparent url(../js/ext/reso=
urces/images/default/panel/tool-sprites.gif) no-repeat;margin-left:2px;}.x-to=
ol-toggle{background-position:0 -60px;}.x-tool-toggle-over{background-positio=
n:-15px -60px;}.x-panel-collapsed .x-tool-toggle{background-position:0 -75px;=
}.x-panel-collapsed .x-tool-toggle-over{background-position:-15px -75px;}.x-t=
ool-close{background-position:0 0;}.x-tool-close-over{background-position:-15=
px 0;}.x-tool-minimize{background-position:0 -15px;}.x-tool-minimize-over{bac=
kground-position:-15px -15px;}.x-tool-maximize{background-position:0 -30px;}.=
x-tool-maximize-over{background-position:-15px -30px;}.x-tool-restore{backgro=
und-position:0 -45px;}.x-tool-restore-over{background-position:-15px -45px;}.=
x-tool-gear{background-position:0 -90px;}.x-tool-gear-over{background-positio=
n:-15px -90px;}.x-tool-pin{background-position:0 -135px;}.x-tool-pin-over{bac=
kground-position:-15px -135px;}.x-tool-unpin{background-position:0 -150px;}.x=
-tool-unpin-over{background-position:-15px -150px;}.x-tool-right{background-p=
osition:0 -165px;}.x-tool-right-over{background-position:-15px -165px;}.x-too=
l-left{background-position:0 -180px;}.x-tool-left-over{background-position:-1=
5px -180px;}.x-tool-up{background-position:0 -210px;}.x-tool-up-over{backgrou=
nd-position:-15px -210px;}.x-tool-down{background-position:0 -195px;}.x-tool-=
down-over{background-position:-15px -195px;}.x-tool-refresh{background-positi=
on:0 -225px;}.x-tool-refresh-over{background-position:-15px -225px;}.x-tool-m=
inus{background-position:0 -255px;}.x-tool-minus-over{background-position:-15=
px -255px;}.x-tool-plus{background-position:0 -240px;}.x-tool-plus-over{backg=
round-position:-15px -240px;}.x-tool-search{background-position:0 -270px;}.x-=
tool-search-over{background-position:-15px -270px;}.x-tool-save{background-po=
sition:0 -285px;}.x-tool-save-over{background-position:-15px -285px;}.x-tool-=
help{background-position:0 -300px;}.x-tool-help-over{background-position:-15p=
x -300px;}.x-tool-print{background-position:0 -315px;}.x-tool-print-over{back=
ground-position:-15px -315px;}.x-panel-ghost{background:#cbddf3;z-index:12000=
;overflow:hidden;position:absolute;left:0;top:0;opacity:.65;-moz-opacity:.65;=
filter:alpha(opacity=3D65);}.x-panel-ghost ul{margin:0;padding:0;overflow:hid=
den;font-size:0;line-height:0;border:1px solid #99bbe8;border-top:0 none;disp=
lay:block;}.x-panel-ghost *{cursor:move!important;}.x-panel-dd-spacer{border:=
2px dashed #99bbe8;}.x-panel-btns-ct{padding:5px;}.x-panel-btns-ct .x-btn{flo=
at:right;clear:none;}.x-panel-btns-ct .x-panel-btns td{border:0;padding:0;}.x=
-panel-btns-ct .x-panel-btns-right table{float:right;clear:none;}.x-panel-btn=
s-ct .x-panel-btns-left table{float:left;clear:none;}.x-panel-btns-ct .x-pane=
l-btns-center{text-align:center;}.x-panel-btns-ct .x-panel-btns-center table{=
margin:0 auto;}.x-panel-btns-ct table td.x-panel-btn-td{padding:3px;}.x-panel=
-btns-ct .x-btn-focus .x-btn-left{background-position:0 -147px;}.x-panel-btns=
-ct .x-btn-focus .x-btn-right{background-position:0 -168px;}.x-panel-btns-ct =
.x-btn-focus .x-btn-center{background-position:0 -189px;}.x-panel-btns-ct .x-=
btn-over .x-btn-left{background-position:0 -63px;}.x-panel-btns-ct .x-btn-ove=
r .x-btn-right{background-position:0 -84px;}.x-panel-btns-ct .x-btn-over .x-b=
tn-center{background-position:0 -105px;}.x-panel-btns-ct .x-btn-click .x-btn-=
center{background-position:0 -126px;}.x-panel-btns-ct .x-btn-click .x-btn-rig=
ht{background-position:0 -84px;}.x-panel-btns-ct .x-btn-click .x-btn-left{bac=
kground-position:0 -63px;}.x-window{zoom:1;}.x-window .x-resizable-handle{opa=
city:0;-moz-opacity:0;filter:alpha(opacity=3D0);}.x-window-proxy{background:#=
C7DFFC;border:1px solid #99bbe8;z-index:12000;overflow:hidden;position:absolu=
te;left:0;top:0;display:none;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=
=3D50);}.x-window-header{overflow:hidden;zoom:1;}.x-window-bwrap{z-index:1;po=
sition:relative;zoom:1;}.x-window-tl .x-window-header{color:#15428b;font:bold=
 11px tahoma,arial,verdana,sans-serif;padding:5px 0 4px;}.x-window-header-tex=
t{cursor:pointer;}.x-window-tc{background:transparent url(../js/ext/resources=
/images/default/window/top-bottom.png) repeat-x 0 0;overflow:hidden;zoom:1;}.=
x-window-tl{background:transparent url(../js/ext/resources/images/default/win=
dow/left-corners.png) no-repeat 0 0;padding-left:6px;zoom:1;z-index:1;positio=
n:relative;}.x-window-tr{background:transparent url(../js/ext/resources/image=
s/default/window/right-corners.png) no-repeat right 0;padding-right:6px;}.x-w=
indow-bc{background:transparent url(../js/ext/resources/images/default/window=
/top-bottom.png) repeat-x 0 bottom;zoom:1;}.x-window-bc .x-window-footer{padd=
ing-bottom:6px;zoom:1;font-size:0;line-height:0;}.x-window-bl{background:tran=
sparent url(../js/ext/resources/images/default/window/left-corners.png) no-re=
peat 0 bottom;padding-left:6px;zoom:1;}.x-window-br{background:transparent ur=
l(../js/ext/resources/images/default/window/right-corners.png) no-repeat righ=
t bottom;padding-right:6px;zoom:1;}.x-window-mc{border:1px solid #99bbe8;padd=
ing:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:=
#dfe8f6;}.x-window-ml{background:transparent url(../js/ext/resources/images/d=
efault/window/left-right.png) repeat-y 0 0;padding-left:6px;zoom:1;}.x-window=
-mr{background:transparent url(../js/ext/resources/images/default/window/left=
-right.png) repeat-y right 0;padding-right:6px;zoom:1;}.x-panel-nofooter .x-w=
indow-bc{height:6px;}.x-window-body{overflow:hidden;}.x-window-bwrap{overflow=
:hidden;}.x-window-maximized .x-window-bl,.x-window-maximized .x-window-br,.x=
-window-maximized .x-window-ml,.x-window-maximized .x-window-mr,.x-window-max=
imized .x-window-tl,.x-window-maximized .x-window-tr{padding:0;}.x-window-max=
imized .x-window-footer{padding-bottom:0;}.x-window-maximized .x-window-tc{pa=
dding-left:3px;padding-right:3px;background-color:#FFF;}.x-window-maximized .=
x-window-mc{border-left:0 none;border-right:0 none;}.x-window-tbar .x-toolbar=
,.x-window-bbar .x-toolbar{border-left:0 none;border-right:0 none;}.x-window-=
bbar .x-toolbar{border-top:1px solid #99bbe8;border-bottom:0 none;}.x-window-=
draggable,.x-window-draggable .x-window-header-text{cursor:move;}.x-window-ma=
ximized .x-window-draggable,.x-window-maximized .x-window-draggable .x-window=
-header-text{cursor:default;}.x-window-body{background:transparent;}.x-panel-=
ghost .x-window-tl{border-bottom:1px solid #99bbe8;}.x-panel-collapsed .x-win=
dow-tl{border-bottom:1px solid #84a0c4;}.x-window-maximized-ct{overflow:hidde=
n;}.x-window-maximized .x-resizable-handle{display:none;}.x-window-sizing-gho=
st ul{border:0 none!important;}.x-dlg-focus{-moz-outline:0 none;outline:0 non=
e;width:0;height:0;overflow:hidden;position:absolute;top:0;left:0;}.x-dlg-mas=
k{z-index:10000;display:none;position:absolute;top:0;left:0;-moz-opacity:.5;o=
pacity:.50;filter:alpha(opacity=3D50);background-color:#CCC;}body.ext-ie6.x-b=
ody-masked select{visibility:hidden;}body.ext-ie6.x-body-masked .x-window sel=
ect{visibility:visible;}.x-window-plain .x-window-mc{background:#CAD9EC;borde=
r-right:1px solid #DFE8F6;border-bottom:1px solid #DFE8F6;border-top:1px soli=
d #a3bae9;border-left:1px solid #a3bae9;}.x-window-plain .x-window-body{borde=
r-left:1px solid #DFE8F6;border-top:1px solid #DFE8F6;border-bottom:1px solid=
 #a3bae9;border-right:1px solid #a3bae9;background:transparent!important;}bod=
y.x-body-masked .x-window-plain .x-window-mc{background:#C7D6E9;}.x-html-edit=
or-wrap{border:1px solid #a9bfd3;background:#FFF;}.x-html-editor-tb .x-btn-te=
xt{background:transparent url(../js/ext/resources/images/default/editor/tb-sp=
rite.gif) no-repeat;}.x-html-editor-tb .x-edit-bold .x-btn-text{background-po=
sition:0 0;}.x-html-editor-tb .x-edit-italic .x-btn-text{background-position:=
-16px 0;}.x-html-editor-tb .x-edit-underline .x-btn-text{background-position:=
-32px 0;}.x-html-editor-tb .x-edit-forecolor .x-btn-text{background-position:=
-160px 0;}.x-html-editor-tb .x-edit-backcolor .x-btn-text{background-position=
:-176px 0;}.x-html-editor-tb .x-edit-justifyleft .x-btn-text{background-posit=
ion:-112px 0;}.x-html-editor-tb .x-edit-justifycenter .x-btn-text{background-=
position:-128px 0;}.x-html-editor-tb .x-edit-justifyright .x-btn-text{backgro=
und-position:-144px 0;}.x-html-editor-tb .x-edit-insertorderedlist .x-btn-tex=
t{background-position:-80px 0;}.x-html-editor-tb .x-edit-insertunorderedlist =
.x-btn-text{background-position:-96px 0;}.x-html-editor-tb .x-edit-increasefo=
ntsize .x-btn-text{background-position:-48px 0;}.x-html-editor-tb .x-edit-dec=
reasefontsize .x-btn-text{background-position:-64px 0;}.x-html-editor-tb .x-e=
dit-sourceedit .x-btn-text{background-position:-192px 0;}.x-html-editor-tb .x=
-edit-createlink .x-btn-text{background-position:-208px 0;}.x-html-editor-tip=
 .x-tip-bd .x-tip-bd-inner{padding:5px;padding-bottom:1px;}.x-html-editor-tb =
.x-toolbar{position:static!important;}.x-panel-noborder .x-panel-body-noborde=
r{border-width:0;}.x-panel-noborder .x-panel-header-noborder{border-width:0;b=
order-bottom:1px solid #99bbe8;}.x-panel-noborder .x-panel-tbar-noborder .x-t=
oolbar{border-width:0;border-bottom:1px solid #99bbe8;}.x-panel-noborder .x-p=
anel-bbar-noborder .x-toolbar{border-width:0;border-top:1px solid #99bbe8;}.x=
-window-noborder .x-window-mc{border-width:0;}.x-window-plain .x-window-body-=
noborder{border-width:0;}.x-tab-panel-noborder .x-tab-panel-body-noborder{bor=
der-width:0;}.x-tab-panel-noborder .x-tab-panel-header-noborder{border-top-wi=
dth:0;border-left-width:0;border-right-width:0;}.x-tab-panel-noborder .x-tab-=
panel-footer-noborder{border-bottom-width:0;border-left-width:0;border-right-=
width:0;}.x-tab-panel-bbar-noborder .x-toolbar{border-width:0;border-top:1px =
solid #99bbe8;}.x-tab-panel-tbar-noborder .x-toolbar{border-width:0;border-bo=
ttom:1px solid #99bbe8;}.x-border-layout-ct{background:#dfe8f6;}.x-border-pan=
el{position:absolute;left:0;top:0;}.x-tool-collapse-south{background-position=
:0 -195px;}.x-tool-collapse-south-over{background-position:-15px -195px;}.x-t=
ool-collapse-north{background-position:0 -210px;}.x-tool-collapse-north-over{=
background-position:-15px -210px;}.x-tool-collapse-west{background-position:0=
 -180px;}.x-tool-collapse-west-over{background-position:-15px -180px;}.x-tool=
-collapse-east{background-position:0 -165px;}.x-tool-collapse-east-over{backg=
round-position:-15px -165px;}.x-tool-expand-south{background-position:0 -210p=
x;}.x-tool-expand-south-over{background-position:-15px -210px;}.x-tool-expand=
-north{background-position:0 -195px;}.x-tool-expand-north-over{background-pos=
ition:-15px -195px;}.x-tool-expand-west{background-position:0 -165px;}.x-tool=
-expand-west-over{background-position:-15px -165px;}.x-tool-expand-east{backg=
round-position:0 -180px;}.x-tool-expand-east-over{background-position:-15px -=
180px;}.x-tool-expand-north,.x-tool-expand-south{float:right;margin:3px;}.x-t=
ool-expand-east,.x-tool-expand-west{float:none;margin:3px auto;}.x-accordion-=
hd .x-tool-toggle{background-position:0 -255px;}.x-accordion-hd .x-tool-toggl=
e-over{background-position:-15px -255px;}.x-panel-collapsed .x-accordion-hd .=
x-tool-toggle{background-position:0 -240px;}.x-panel-collapsed .x-accordion-h=
d .x-tool-toggle-over{background-position:-15px -240px;}.x-accordion-hd{color=
:#222;padding-top:4px;padding-bottom:3px;border-top:0 none;font-weight:400;ba=
ckground:transparent url(../js/ext/resources/images/default/panel/light-hd.gi=
f) repeat-x 0 -9px;}.x-layout-collapsed{position:absolute;left:-10000px;top:-=
10000px;visibility:hidden;background-color:#d2e0f2;width:20px;height:20px;ove=
rflow:hidden;border:1px solid #98c0f4;z-index:20;}.ext-border-box .x-layout-c=
ollapsed{width:22px;height:22px;}.x-layout-collapsed-over{cursor:pointer;back=
ground-color:#d9e8fb;}.x-layout-collapsed-west .x-layout-collapsed-tools,.x-l=
ayout-collapsed-east .x-layout-collapsed-tools{position:absolute;top:0;left:0=
;width:20px;height:20px;}.x-layout-split{position:absolute;height:5px;width:5=
px;line-height:1px;font-size:1px;z-index:3;background-color:transparent;}.x-l=
ayout-split-h{background-image:url(../js/ext/resources/images/default/s.gif);=
background-position:left;}.x-layout-split-v{background-image:url(../js/ext/re=
sources/images/default/s.gif);background-position:top;}.x-column-layout-ct{ov=
erflow:hidden;zoom:1;}.x-column{float:left;padding:0;margin:0;overflow:hidden=
;zoom:1;}.x-layout-mini{position:absolute;top:0;left:0;display:block;width:5p=
x;height:35px;cursor:pointer;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=
=3D50);}.x-layout-mini-over,.x-layout-collapsed-over .x-layout-mini{opacity:1=
;-moz-opacity:1;filter:none;}.x-layout-split-west .x-layout-mini{top:48%;back=
ground-image:url(../js/ext/resources/images/default/layout/mini-left.gif);}.x=
-layout-split-east .x-layout-mini{top:48%;background-image:url(../js/ext/reso=
urces/images/default/layout/mini-right.gif);}.x-layout-split-north .x-layout-=
mini{left:48%;height:5px;width:35px;background-image:url(../js/ext/resources/=
images/default/layout/mini-top.gif);}.x-layout-split-south .x-layout-mini{lef=
t:48%;height:5px;width:35px;background-image:url(../js/ext/resources/images/d=
efault/layout/mini-bottom.gif);}.x-layout-cmini-west .x-layout-mini{top:48%;b=
ackground-image:url(../js/ext/resources/images/default/layout/mini-right.gif)=
;}.x-layout-cmini-east .x-layout-mini{top:48%;background-image:url(../js/ext/=
resources/images/default/layout/mini-left.gif);}.x-layout-cmini-north .x-layo=
ut-mini{left:48%;height:5px;width:35px;background-image:url(../js/ext/resourc=
es/images/default/layout/mini-bottom.gif);}.x-layout-cmini-south .x-layout-mi=
ni{left:48%;height:5px;width:35px;background-image:url(../js/ext/resources/im=
ages/default/layout/mini-top.gif);}.x-layout-cmini-west,.x-layout-cmini-east{=
border:0 none;width:5px!important;padding:0;background:transparent;}.x-layout=
-cmini-north,.x-layout-cmini-south{border:0 none;height:5px!important;padding=
:0;background:transparent;}.x-viewport,.x-viewport body{margin:0;padding:0;bo=
rder:0 none;overflow:hidden;height:100%;}.x-abs-layout-item{position:absolute=
;left:0;top:0;}.ext-ie input.x-abs-layout-item,.ext-ie textarea.x-abs-layout-=
item{margin:0;}.x-progress-wrap{border:1px solid #6593cf;overflow:hidden;}.x-=
progress-inner{height:18px;background:#e0e8f3 url(../js/ext/resources/images/=
default/qtip/bg.gif) repeat-x;position:relative;}.x-progress-bar{height:18px;=
float:left;width:0;background:#9CBFEE url(../js/ext/resources/images/default/=
progress/progress-bg.gif) repeat-x left center;border-top:1px solid #D1E4FD;b=
order-bottom:1px solid #7FA9E4;border-right:1px solid #7FA9E4;}.x-progress-te=
xt{font-size:11px;font-weight:700;color:#fff;padding:1px 5px;overflow:hidden;=
position:absolute;left:0;text-align:center;}.x-progress-text-back{color:#3960=
95;line-height:16px;}.ext-ie .x-progress-text-back{line-height:15px;}.x-windo=
w-dlg .x-window-body{border:0 none!important;padding:5px 10px;overflow:hidden=
!important;}.x-window-dlg .x-window-mc{border:0 none!important;}.x-window-dlg=
 .ext-mb-text,.x-window-dlg .x-window-header-text{font-size:12px;}.x-window-d=
lg .ext-mb-input{margin-top:4px;width:95%;}.x-window-dlg .ext-mb-textarea{mar=
gin-top:4px;font:normal 12px tahoma,arial,helvetica,sans-serif;}.x-window-dlg=
 .x-progress-wrap{margin-top:4px;}.ext-ie .x-window-dlg .x-progress-wrap{marg=
in-top:6px;}.x-window-dlg .x-msg-box-wait{background:transparent url(../js/ex=
t/resources/images/default/grid/loading.gif) no-repeat left;display:block;wid=
th:300px;padding-left:18px;line-height:18px;}.x-window-dlg .ext-mb-icon{float=
:left;width:47px;height:32px;}.ext-ie .x-window-dlg .ext-mb-icon{width:44px;}=
.x-window-dlg .ext-mb-info{background:transparent url(../js/ext/resources/ima=
ges/default/window/icon-info.gif) no-repeat top left;}.x-window-dlg .ext-mb-w=
arning{background:transparent url(../js/ext/resources/images/default/window/i=
con-warning.gif) no-repeat top left;}.x-window-dlg .ext-mb-question{backgroun=
d:transparent url(../js/ext/resources/images/default/window/icon-question.gif=
) no-repeat top left;}.x-window-dlg .ext-mb-error{background:transparent url(=
../js/ext/resources/images/default/window/icon-error.gif) no-repeat top left;=
}/*
+ * Ext JS Library 2.0.2
+ * Copyright(c) 2006-2008, Ext JS, LLC.
+ * licensing@extjs.com
+ *=20
+ * http://extjs.com/license
+ */.x-panel{border-style:solid;border-color:#d0d0d0;}.x-panel-header{color:#=
333;border:1px solid #d0d0d0;background-image:url(../js/ext/resources/images/=
gray/panel/white-top-bottom.gif);}.x-panel-body{border-color:#d0d0d0;}.x-pane=
l-bbar .x-toolbar{border-color:#d0d0d0;}.x-panel-tbar .x-toolbar{border-color=
:#d0d0d0;}.x-panel-tbar-noheader .x-toolbar,.x-panel-mc .x-panel-tbar .x-tool=
bar{border-color:#d0d0d0;}.x-panel-body-noheader,.x-panel-mc .x-panel-body{bo=
rder-color:#d0d0d0;}.x-panel-tl .x-panel-header{color:#333;}.x-panel-tc{backg=
round-image:url(../js/ext/resources/images/gray/panel/top-bottom.gif);}.x-pan=
el-tl{background-image:url(../js/ext/resources/images/gray/panel/corners-spri=
te.gif);border-color:#d0d0d0;}.x-panel-tr{background-image:url(../js/ext/reso=
urces/images/gray/panel/corners-sprite.gif);}.x-panel-bc{background-image:url=
(../js/ext/resources/images/gray/panel/top-bottom.gif);}.x-panel-bl{backgroun=
d-image:url(../js/ext/resources/images/gray/panel/corners-sprite.gif);}.x-pan=
el-br{background-image:url(../js/ext/resources/images/gray/panel/corners-spri=
te.gif);}.x-panel-mc{background:#f1f1f1;}.x-panel-mc .x-panel-body{background=
:transparent;border:0 none;}.x-panel-ml{background-image:url(../js/ext/resour=
ces/images/gray/panel/left-right.gif);}.x-panel-mr{background-image:url(../js=
/ext/resources/images/gray/panel/left-right.gif);}/* Tools */.x-tool{backgrou=
nd-image:url(../js/ext/resources/images/gray/panel/tool-sprites.gif);}/* Ghos=
ting */.x-panel-ghost{background:#e0e0e0;}.x-panel-ghost ul{border-color:#b0b=
0b0;}.x-grid-panel .x-panel-mc .x-panel-body{border:1px solid #d0d0d0;}/* But=
tons */.x-btn-left{background-image:url(../js/ext/resources/images/gray/butto=
n/btn-sprite.gif);}.x-btn-right{background-image:url(../js/ext/resources/imag=
es/gray/button/btn-sprite.gif);}.x-btn-center{background-image:url(../js/ext/=
resources/images/gray/button/btn-sprite.gif);}/* Layout classes */.x-border-l=
ayout-ct{background:#f0f0f0;}.x-accordion-hd{background-image:url(../js/ext/r=
esources/images/gray/panel/light-hd.gif);}.x-layout-collapsed{background-colo=
r:#eee;border-color:#e0e0e0;}.x-layout-collapsed-over{background-color:#fbfbf=
b;}/* qtips */.x-tip .x-tip-top{background-image:url(../js/ext/resources/imag=
es/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-top-left{background-image:url(../=
js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-top-right{ba=
ckground-image:url(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-t=
ip .x-tip-ft{background-image:url(../js/ext/resources/images/gray/qtip/tip-sp=
rite.gif);}.x-tip .x-tip-ft-left{background-image:url(../js/ext/resources/ima=
ges/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-ft-right{background-image:url(..=
/js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-tip .x-tip-bd-left{bac=
kground-image:url(../js/ext/resources/images/gray/qtip/tip-sprite.gif);}.x-ti=
p .x-tip-bd-right{background-image:url(../js/ext/resources/images/gray/qtip/t=
ip-sprite.gif);}/* Toolbars */.x-toolbar{border-color:#d0d0d0;background:#f0f=
4f5 url(../js/ext/resources/images/gray/toolbar/bg.gif) repeat-x top left;}.x=
-toolbar button{color:#444;}.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center b=
utton{background-image:url(../js/ext/resources/images/gray/toolbar/btn-arrow.=
gif);}.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button=
{background-image:url(../js/ext/resources/images/gray/toolbar/btn-arrow.gif);=
}.x-toolbar .x-btn-over .x-btn-left{background-image:url(../js/ext/resources/=
images/gray/toolbar/tb-btn-sprite.gif);}.x-toolbar .x-btn-over .x-btn-right{b=
ackground-image:url(../js/ext/resources/images/gray/toolbar/tb-btn-sprite.gif=
);}.x-toolbar .x-btn-over .x-btn-center{background-image:url(../js/ext/resour=
ces/images/gray/toolbar/tb-btn-sprite.gif);}.x-toolbar .x-btn-over button{col=
or:#111;}.x-toolbar .x-btn-click .x-btn-left,.x-toolbar .x-btn-pressed .x-btn=
-left,.x-toolbar .x-btn-menu-active .x-btn-left{background-image:url(../js/ex=
t/resources/images/gray/toolbar/tb-btn-sprite.gif);}.x-toolbar .x-btn-click .=
x-btn-right,.x-toolbar .x-btn-pressed .x-btn-right,.x-toolbar .x-btn-menu-act=
ive .x-btn-right{background-image:url(../js/ext/resources/images/gray/toolbar=
/tb-btn-sprite.gif);}.x-toolbar .x-btn-click .x-btn-center,.x-toolbar .x-btn-=
pressed .x-btn-center,.x-toolbar .x-btn-menu-active .x-btn-center{background-=
image:url(../js/ext/resources/images/gray/toolbar/tb-btn-sprite.gif);}.x-tool=
bar .ytb-sep{background-image:url(../js/ext/resources/images/default/grid/gri=
d-split.gif);}/* Tabs */.x-tab-panel-header,.x-tab-panel-footer{background:#E=
AEAEA;border-color:#d0d0d0;}.x-tab-panel-header{border-color:#d0d0d0;}.x-tab-=
panel-footer{border-color:#d0d0d0;}ul.x-tab-strip-top{background:#dbdbdb url(=
../js/ext/resources/images/gray/tabs/tab-strip-bg.gif) repeat-x left top;bord=
er-color:#d0d0d0;padding-top:2px;}ul.x-tab-strip-bottom{background-image:url(=
../js/ext/resources/images/gray/tabs/tab-strip-btm-bg.gif);border-color:#d0d0=
d0;}.x-tab-strip span.x-tab-strip-text{color:#333;}.x-tab-strip-over span.x-t=
ab-strip-text{color:#111;}.x-tab-strip-active span.x-tab-strip-text{color:#33=
3;}.x-tab-strip-disabled .x-tabs-text{color:#AAA;}.x-tab-strip-top .x-tab-rig=
ht{background-image:url(../js/ext/resources/images/gray/tabs/tabs-sprite.gif)=
;}.x-tab-strip-top .x-tab-left{background-image:url(../js/ext/resources/image=
s/gray/tabs/tabs-sprite.gif);}.x-tab-strip-top .x-tab-strip-inner{background-=
image:url(../js/ext/resources/images/gray/tabs/tabs-sprite.gif);}.x-tab-strip=
-bottom .x-tab-right{background-image:url(../js/ext/resources/images/gray/tab=
s/tab-btm-inactive-right-bg.gif);}.x-tab-strip-bottom .x-tab-left{background-=
image:url(../js/ext/resources/images/gray/tabs/tab-btm-inactive-left-bg.gif);=
}.x-tab-strip-bottom .x-tab-strip-active .x-tab-right{background-image:url(..=
/js/ext/resources/images/gray/tabs/tab-btm-right-bg.gif);}.x-tab-strip-bottom=
 .x-tab-strip-active .x-tab-left{background-image:url(../js/ext/resources/ima=
ges/gray/tabs/tab-btm-left-bg.gif);}.x-tab-strip .x-tab-strip-closable a.x-ta=
b-strip-close{background-image:url(../js/ext/resources/images/gray/tabs/tab-c=
lose.gif);}.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{backg=
round-image:url(../js/ext/resources/images/gray/tabs/tab-close.gif);}.x-tab-p=
anel-body{border-color:#d0d0d0;background:#fff;}.x-tab-panel-bbar .x-toolbar{=
border-color:#d0d0d0;}.x-tab-panel-tbar .x-toolbar{border-color:#d0d0d0;}.x-t=
ab-panel-header-plain .x-tab-strip-spacer{border-color:#d0d0d0;background:#ea=
eaea;}.x-tab-scroller-left{background-image:url(../js/ext/resources/images/gr=
ay/tabs/scroll-left.gif);border-color:#aeaeae;}.x-tab-scroller-right{backgrou=
nd-image:url(../js/ext/resources/images/gray/tabs/scroll-right.gif);border-co=
lor:#aeaeae;}/* Window */.x-window-proxy{background:#e0e0e0;border-color:#b0b=
0b0;}.x-window-tl .x-window-header{color:#555;}.x-window-tc{background-image:=
url(../js/ext/resources/images/gray/window/top-bottom.png);}.x-window-tl{back=
ground-image:url(../js/ext/resources/images/gray/window/left-corners.png);}.x=
-window-tr{background-image:url(../js/ext/resources/images/gray/window/right-=
corners.png);}.x-window-bc{background-image:url(../js/ext/resources/images/gr=
ay/window/top-bottom.png);}.x-window-bl{background-image:url(../js/ext/resour=
ces/images/gray/window/left-corners.png);}.x-window-br{background-image:url(.=
./js/ext/resources/images/gray/window/right-corners.png);}.x-window-mc{border=
:1px solid #d0d0d0;background:#e8e8e8;}.x-window-ml{background-image:url(../j=
s/ext/resources/images/gray/window/left-right.png);}.x-window-mr{background-i=
mage:url(../js/ext/resources/images/gray/window/left-right.png);}.x-panel-gho=
st .x-window-tl{border-color:#d0d0d0;}.x-panel-collapsed .x-window-tl{border-=
color:#d0d0d0;}.x-window-plain .x-window-mc{background:#e8e8e8;border-right:1=
px solid #eee;border-bottom:1px solid #eee;border-top:1px solid #d0d0d0;borde=
r-left:1px solid #d0d0d0;}.x-window-plain .x-window-body{border-left:1px soli=
d #eee;border-top:1px solid #eee;border-bottom:1px solid #d0d0d0;border-right=
:1px solid #d0d0d0;background:transparent!important;}body.x-body-masked .x-wi=
ndow-mc,body.x-body-masked .x-window-plain .x-window-mc{background-color:#e4e=
4e4;}/* misc */.x-html-editor-wrap{border-color:#d0d0d0;}/* Borders go last f=
or specificity */.x-panel-noborder .x-panel-body-noborder{border-width:0;}.x-=
panel-noborder .x-panel-header-noborder{border-width:0;border-bottom:1px soli=
d #d0d0d0;}.x-panel-noborder .x-panel-tbar-noborder .x-toolbar{border-width:0=
;border-bottom:1px solid #d0d0d0;}.x-panel-noborder .x-panel-bbar-noborder .x=
-toolbar{border-width:0;border-top:1px solid #d0d0d0;}.x-window-noborder .x-w=
indow-mc{border-width:0;}.x-window-plain .x-window-body-noborder{border-width=
:0;}.x-tab-panel-noborder .x-tab-panel-body-noborder{border-width:0;}.x-tab-p=
anel-noborder .x-tab-panel-header-noborder{border-top-width:0;border-left-wid=
th:0;border-right-width:0;}.x-tab-panel-noborder .x-tab-panel-footer-noborder=
{border-bottom-width:0;border-left-width:0;border-right-width:0;}.x-tab-panel=
-bbar-noborder .x-toolbar{border-width:0;border-top:1px solid #d0d0d0;}.x-tab=
-panel-tbar-noborder .x-toolbar{border-width:0;border-bottom:1px solid #d0d0d=
0;}.kunebody{background-color:#FFF;color:#000;font-family:arial, sans;margin:=
5px;}#kuneinitialcurtain{position:absolute;left:0;top:0;width:100%;height:100=
%;background-color:#FFF;z-index:9999;}/* Global styles */.gwt-HorizontalSplit=
Panel .hsplitter{cursor:e-resize;width:6px;}.gwt-DialogBox{border:8px solid #=
C3D9FF;border:2px outset;background-color:#FFF;}.gwt-DialogBox .Caption{backg=
round-color:#C3D9FF;font-size:85%;font-weight:700;padding:3px;margin:2px;curs=
or:default;}.gwt-MenuBar{background-color:#F2F2F2;border:1px solid #999;verti=
cal-align:middle;padding:5px 0;}.gwt-MenuBar .gwt-MenuItem{cursor:pointer;pad=
ding:1px 10px;white-space:nowrap;}.gwt-MenuBar .gwt-MenuItem img{vertical-ali=
gn:middle;margin-right:3px;}.gwt-MenuBar .gwt-MenuItem{background-color:#F2F2=
F2;}.gwt-MenuBar .gwt-MenuItem-selected{background-color:#FFB958;}.kune-MenuB=
ar .gwt-MenuItem{background:transparent url(img/button-bg-hard.gif) repeat-x =
0 0;border-left:1px solid #AAA;border-right:1px solid #AAA;color:#999;cursor:=
pointer;cursor:hand;white-space:nowrap;padding:0 10px;}.kune-MenuBar .gwt-Men=
uItem-selected{background:transparent url(img/button-bg-soft.gif) repeat-x 0 =
0;color:#963;}.kune-expandHoriz{width:100%;}.kune-expandVert{height:100%;}.ku=
ne-floatleft{float:left;}.kune-floatright{float:right;}/* Deprecated */.kune-=
Default-Form{margin:10px;}.kune-valignmiddle{vertical-align:middle;}fieldset{=
border:1px solid #B5B8C8;/* margin-bottom:10px; */padding:10px 10px 5px;}lege=
nd{color:#15428B;font-size:85%;font-size-adjust:none;font-style:normal;font-v=
ariant:normal;font-weight:700;line-height:normal;}.gwt-RadioButton input{marg=
in:0 3px;vertical-align:middle;}.gwt-RadioButton label{margin:0 3px;vertical-=
align:middle;}.kune-pointer{cursor:pointer;}.kuneLabelPre{white-space:pre!imp=
ortant;}/* Buttons */.kune-CustomPushButton-space{margin-top:3px;margin-botto=
m:3px;}.kune-CustomPushButton{background:transparent url(img/button-bg-hard.g=
if) repeat-x 0 0;border-left:1px solid #AAA;border-right:1px solid #AAA;color=
:#999;cursor:pointer;white-space:nowrap;padding:0 12px;}.kune-CustomPushButto=
n-up{color:#161616;}.kune-CustomPushButton-down{color:#000;}.kune-CustomPushB=
utton-up-hovering{color:#161616;background:transparent url(img/button-bg-soft=
.gif) repeat-x 0 0;}.kune-CustomPushButton-down-hovering{color:#000;}.kune-Cu=
stomPushButton-up-disabled{background:transparent url(img/button-bg-soft.gif)=
 repeat-x 0 0;color:#E0E0E0;cursor:normal;}.kune-CustomPushButton-down-disabl=
ed{background:transparent url(img/button-bg-soft.gif) repeat-x 0 0;color:#E0E=
0E0;cursor:normal;}.kune-Button-Large-lrSpace{margin-left:12px;margin-right:1=
2px;}.kune-Button-Large-rSpace{margin-right:12px;}.kune-Button-Large-lSpace{m=
argin-left:12px;}.kune-Button-Large-tbSpace{margin-top:12px;margin-bottom:12p=
x;}.kune-Button-Small-lrSpace{margin-left:10px;margin-right:10px;}.kune-Butto=
n-Small-rSpace{margin-right:10px;}.kune-Button-Small-lSpace{margin-left:10px;=
}.kune-Button-Small-tbSpace{margin-top:10px;margin-bottom:10px;}.kune-Button-=
Mini-lSpace{margin-left:8px;}.kune-Button-Mini-lrSpace{margin-left:8px;margin=
-right:8px;}.kune-Button-Mini-rSpace{margin-right:8px;}.kune-Button-Mini-tbSp=
ace{margin-top:8px;margin-bottom:8px;}.kune-IconHyperlink{}.kune-IconHyperlin=
k a:link{/* text-decoration: underline; */color:green;}.kune-IconHyperlink a:=
hover{text-decoration:underline;}.kune-IconHyperlink a:visited{color:olive;}.=
kune-IconHyperlink img{margin-right:4px;vertical-align:middle;}.kune-IconLabe=
l{}.kune-IconLabel img{margin-right:4px;vertical-align:middle;}.kune-link{tex=
t-decoration:underline;color:green;cursor:pointer;}/* DropDowns */.kune-DropD=
ownOuter{background-color:green;}.kune-DropDownInner{margin:0 3px 1px;backgro=
und:green;background-color:#FFF;padding:3px;}.kune-DropDownLabel{color:#FFF;c=
ursor:pointer;}.kune-DropDownLabel .gwt-Label{margin:0 5px 0 0;width:100%;}.k=
une-DropDownLabel img{margin:0 3px 0 1px;}.kune-IconLabel{color:green;}.kune-=
IconLabel img{margin-right:4px;vertical-align:middle;}/* Used in multi chat p=
anel status change */.x-menu-item img{margin-right:4px;vertical-align:middle;=
}/* Margins */.kune-Margin-40-trbl{margin:40px;}.kune-Margin-40-lr{margin-lef=
t:40px;margin-right:40px;}.kune-Margin-40-tl{margin-top:40px;margin-left:40px=
;}.kune-Margin-40-tb{margin-top:40px;margin-bottom:40px;}.kune-Margin-40-t{ma=
rgin-top:40px;}.kune-Margin-40-r{margin-right:40px;}.kune-Margin-40-l{margin-=
left:40px;}.kune-Margin-20-trbl{margin:20px;}.kune-Margin-20-lr{margin-left:2=
0px;margin-right:20px;}.kune-Margin-20-tl{margin-top:20px;margin-left:20px;}.=
kune-Margin-20-tb{margin-top:20px;margin-bottom:20px;}.kune-Margin-20-t{margi=
n-top:20px;}.kune-Margin-20-r{margin-right:20px;}.kune-Margin-20-l{margin-lef=
t:20px;}.kune-Margin-Large-trbl{margin:10px;}.kune-Margin-Large-lr{margin-lef=
t:10px;margin-right:10px;}.kune-Margin-Large-tl{margin-top:10px;margin-left:1=
0px;}.kune-Margin-Large-tb{margin-top:10px;margin-bottom:: 10px;}.kune-Margin=
-Large-t{margin-top:10px;}.kune-Margin-Large-r{margin-right:10px;}.kune-Margi=
n-Large-l{margin-left:10px;}.kune-Margin-Medium-trbl{margin:5px;}.kune-Margin=
-Medium-lr{margin-left:5px;margin-right:5px;}.kune-Margin-Medium-tl{margin-to=
p:5px;margin-left:5px;}.kune-Margin-Medium-tb{margin-top:5px;margin-bottom:5p=
x;}.kune-Margin-Medium-t{margin-top:5px;}.kune-Margin-Medium-r{margin-right:5=
px;}.kune-Margin-Medium-b{margin-bottom:5px;}.kune-Margin-Medium-l{margin-lef=
t:5px;}.kune-Margin-Small-trbl{margin:3px;}.kune-Margin-Small-lr{margin-left:=
3px;margin-right:3px;}.kune-Margin-Small-tl{margin-top:3px;margin-left:3px;}.=
kune-Margin-Small-tb{margin-top:3px;margin-bottom:3px;}.kune-Margin-Small-t{m=
argin-top:3px;}.kune-Margin-Mini-trbl{margin:1px;}.kune-Margin-Mini-lr{margin=
-left:1px;margin-right:1px;}.kune-Margin-Mini-tl{margin-top:1px;margin-left:1=
px;}.kune-Margin-Mini-tb{margin-top:1px;margin-bottom:1px;}.kune-Margin-Mini-=
t{margin-top:1px;}.kune-Margin-Mini-r{margin-right:1px;}.kune-Margin-Mini-l{m=
argin-left:1px;}/* Fonts
+see: http://developer.yahoo.com/yui/fonts/ */.kune-ft10px{font-size:77%;}.ku=
ne-ft11px{font-size:85%;}.kune-ft12px{font-size:93%;}.kune-ft13px{font-size:1=
00%;}.kune-ft14px{font-size:108%;}.kune-ft15px{font-size:116%;}.kune-ft16px{f=
ont-size:123.099998%;}.kune-ft17px{font-size:131%;}.kune-ft18px{font-size:138=
.5%;}.kune-ft19px{font-size:146.5%;}.kune-ft20px{font-size:153.899994%;}.kune=
-ft21px{font-size:161.600006%;}.kune-ft22px{font-size:167%;}.kune-ft23px{font=
-size:174%;}.kune-ft24px{font-size:182%;}.kune-ft25px{font-size:189%;}.kune-f=
t26px{font-size:197px %;}/* Sitebar */#kuneprogresspanel{position:absolute;to=
p:2px;left:2px;z-index:30000;}.kune-Progress{background:#E5FF80;border:1px so=
lid #E5FF80;white-space:nowrap;height:16px;padding:0 3px;}.kune-SiteBarPanel =
.kune-IconHyperlink{white-space:nowrap;}.kune-SiteBarPanel .kune-IconHyperlin=
k a:link{cursor:pointer;text-decoration:underline;color:#B3B3B3;}.kune-SiteBa=
rPanel .kune-IconHyperlink a:hover{text-decoration:underline;}.kune-SiteBarPa=
nel .kune-IconHyperlink a:visited{color:#B3B3B3;}.kune-SiteBarPanel{margin-ri=
ght:10px;height:16px;}.kune-SiteBarPanel .gwt-TextBox{border:1px solid #E4A37=
4;margin:0 15px 0 3px;padding-left:3px;color:#B3B3B3;}.kune-SiteBarPanel .gwt=
-Hyperlink a{white-space:nowrap;color:#B3B3B3;text-decoration:underline;curso=
r:pointer;}.kune-SiteBarPanel .gwt-PushButton{cursor:pointer;}.kune-SiteBarPa=
nel-Separator{color:#E4A374;margin:0 5px;}.kune-SiteBarPanel-SpaceSeparator{w=
idth:10px;}.kune-SiteBarPanel-LabelLink{white-space:nowrap;color:#B3B3B3;marg=
in-left:3px;cursor:pointer;text-decoration:underline;}.kune-SiteMessagePanel{=
color:#250;position:absolute;z-index:10000;vertical-align:middle;}.kune-SiteM=
essagePanel .gwt-HTML{margin:15px 5px 15px 2px;}.kune-SiteMessagePanel .gwt-I=
mage{margin:5px;}.kune-SiteMessagePanel-error{background-color:#FFB380;border=
:1px solid #F06;}.kune-SiteMessagePanel-veryimp{background-color:#FFD4AA;bord=
er:1px solid #F59;}.kune-SiteMessagePanel-imp{background-color:#FFE6D5;border=
:1px solid #DE87AA;}.kune-SiteMessagePanel-info{background-color:#E5FF80;bord=
er:1px solid #87DE87;}/* Workspace styles */.kune-WorkspacePanel{width:100%;b=
ackground-color:#FFF;}.kune-WokspacePanel .Tab{}.kune-WorkspacePanel .General=
HP{}.kune-WorkspacePanel .ContextPanel{width:100%;border-right:3px solid #DD8=
A3D;}.kune-EntityTextLogo{border:2px solid #F2F2F2;height:60px;margin-bottom:=
4px;overflow:hidden;width:468px;}.kune-EntityTextLogo .gwt-Label{color:#A40;f=
ont-size:167%;font-weight:700;margin:5px;height:27px;}.kune-EntityTextLogo .g=
wt-Hyperlink a{color:#CCC;font-size:85%;margin:5px;text-decoration:underline;=
white-space:nowrap;background-color:#FFF;}.kune-GroupSummaryPanel{margin:5px =
0 0 5px;width:100%;}.kune-GroupToolsBar{width:150px;}.kune-GroupToolsBar-item=
Selected{margin-bottom:5px;}.kune-GroupToolsBar-itemSelected .gwt-Hyperlink a=
{color:#FFF;padding:0 9px;text-decoration:none;}.kune-GroupToolsBar-itemSelec=
ted .gwt-Hyperlink a:hover{text-decoration:none;}.kune-GroupToolsBar-itemNotS=
elected{margin-bottom:5px;}.kune-GroupToolsBar-itemNotSelected .gwt-Hyperlink=
 a{color:green;padding:0 9px;text-decoration:none;}.kune-GroupToolsBar-itemNo=
tSelected .gwt-Hyperlink a:hover{text-decoration:none;}/* Content titles */.k=
une-ContentTitleBar{border-left:2px solid #DD8A3D;width:100%;height:25px;vert=
ical-align:middle;}.kune-ContentTitleBar .gwt-Label{width:100%;}.kune-Content=
TitleBar-l{float:left;}.kune-ContentTitleBar-r{float:right;}.kune-ContentSubT=
itleBar{vertical-align:middle;font-weight:700;width:100%;height:23px;}.kune-C=
ontentSubTitleBar .gwt-Label{width:100%;white-space:nowrap;}.kune-ContentSubT=
itleBar-l{float:left;}.kune-ContentSubTitleBar-r{float:right;}.kune-ContentTo=
olBarPanel{background-color:#F2F2F2;padding:2px;height:24px;vertical-align:mi=
ddle;}.kune-ContentBottomBar{vertical-align:middle;height:24px;}.kune-Content=
BottomBar .gwt-Image{margin-left:5px;cursor:pointer;float:left;}.kune-Content=
BottomBar .gwt-Label a{}.kune-LicensePanel-licensetext{cursor:pointer;margin-=
left:5px;text-decoration:underline;}/* Main Content & Context */.kune-Workspa=
cePanel-Content{background-color:#FCFCFC;width:100%;height:100%;}.kune-Worksp=
acePanel-Content .main-content{margin:7px 5px 5px 10px;}.kune-WorkspacePanel-=
Context{background-color:#CFA;width:100%;height:100%;}.kune-NavigationBar{wid=
th:100%;}.kune-NavigationBar .topBar{background-color:#ececec;background:#ece=
cec;border-bottom:1px solid #e3dbdb;vertical-align:middle;}.kune-NavigationBa=
r .topBar .gwt-PushButton{margin:1px 3px 1px 0;}.kune-NavigationBar .topBar .=
gwt-Label{vertical-align:middle;}.kune-NavigationBar .kune-topBar-iconBar{mar=
gin:2px 0 2px 5px;}.kune-NavigationBar .kune-ContextItemsPanel-LabelLink{/*  =
text-decoration: underline; */color:green;cursor:pointer;margin-left:3px;}/*
+.topBar .gwt-PushButton-up-disabled {
+  filter: alpha(opacity =3D             20);
+  -moz-opacity: 0.2;
+  opacity: 0.2;
+}
+
+.topBar .gwt-PushButton-down-disabled {
+  filter: alpha(opacity =3D             20);
+  -moz-opacity: 0.2;
+  opacity: 0.2;
+}
+*/.kune-NavigationBar .topBar .gwt-Image{margin:0 2px 0 5px;}.kune-Navigatio=
nBar .Items{margin:2px 0;}.kune-NavigationBar .Items .gwt-Image{margin:2px 0;=
vertical-align:middle;}.kune-NavigationBar .Items .gwt-Hyperlink a{color:gree=
n;/* FIXME: other color */}.kune-NavigationBar .topBar .topBar-margin{margin-=
left:5px;}.kune-NavigationBar .pathMenu{vertical-align:middle;}.kune-Navigati=
onBar .pathMenu .gwt-MenuItem{background:transparent url(img/button-bg-hard.g=
if) repeat-x 0 0;border-left:1px solid #AAA;border-right:1px solid #AAA;color=
:#999;cursor:pointer;white-space:nowrap;padding:3px 6px;}.kune-NavigationBar =
.pathMenu .gwt-MenuItem-selected{background:transparent url(img/button-bg-sof=
t.gif) repeat-x 0 0;color:#000;}.kune-NavigationBar .kune-IconHyperlink{verti=
cal-align:middle;margin-left:5px;}.kune-NavigationBar .kune-IconHyperlink a{c=
olor:green;text-decoration:none;}.kune-NavigationBar .kune-IconHyperlink .gwt=
-Image{margin-right:3px;vertical-align:middle;}/* Social Network */.kune-Stac=
kedDropDownPanel{}.kune-StackedDropDownPanel .gwt-StackPanelItem{border-top:1=
px solid #CCC;border-bottom:1px solid #CCC;background-color:#EFA;cursor:point=
er;padding:1px 3px 0 6px;owerflow:hidden;}.kune-StackedDropDownPanel .gwt-Sta=
ckPanelItem img{margin:0 0 0 3px;vertical-align:middle;}.kune-StackedDropDown=
Panel .kune-DropDownInner table{width:100%;}.kune-StackedDropDownPanel .gwt-S=
tackPanelItem-selected{}.kune-StackedDropDownPanelLink{background-color:#E6E6=
E6;border-top:1px solid #CCC;border-bottom:1px solid #F2F2F2;/*  white-space:=
 nowrap; */cursor:pointer;}.kune-StackedDropDownPanel .kune-DropDownInner{pad=
ding:0;}/* StackedDropDownPanel Members */.kune-StackSubItemLabel{overflow:hi=
dden;}.kune-StackSubItemLabel .gwt-MenuItem{white-space:nowrap;cursor:pointer=
;border-bottom:1px solid #F2F2F2;}.kune-StackSubItemLabel table{width:100%;}.=
kune-StackSubItemLabel .gwt-MenuItem img{vertical-align:middle;margin-top:1px=
;margin-bottom:1px;margin-left:5px;margin-right:3px;}.kune-StackSubItemLabel =
.gwt-MenuItem-selected{background-color:#FFE6D5;}.kune-StackSubItemActions{ba=
ckground-color:#F2F2F2;border:1px solid #999;vertical-align:middle;padding:5p=
x 0;margin-left:-120px;margin-top:-2px;}.kune-StackSubItemActions .gwt-MenuIt=
em{cursor:pointer;padding:1px 10px;white-space:nowrap;}.kune-StackSubItemActi=
ons .gwt-MenuItem img{vertical-align:middle;margin-right:3px;}.kune-StackSubI=
temActions .gwt-MenuItem-selected{background-color:#FFB958;}/* AccessList */.=
kune-AccessListSubLabel{font-style:italic;}.kune-AccessList{margin:5px;width:=
100%;}.kune-AccessList .gwt-DisclosurePanel{margin:5px;width:100%;}.kune-Acce=
ssList .gwt-DisclosurePanel-open{width:100%;}.kune-AccessList .gwt-Disclosure=
Panel-closed{width:100%;}.kune-AccessList .header{margin:0 0 3px;text-decorat=
ion:none;width:100%;background-color:#8DD35F;}.kune-AccessList .header table{=
margin:0 5px 0 0;width:100%;color:#FFF;}.kune-AccessList .header img{margin:0=
 3px 0 0;}.kune-AccessList .content{margin:0 0 0 7px;width:100%;}.kune-Access=
List .content table{margin-bottom:5px;width:100%;}/* Rate */.kune-RatePanel-L=
abel{white-space:nowrap;vertical-align:middle;}.kune-RatePanel-Stars{margin-l=
eft:5px;vertical-align:middle;}.kune-RatePanel-Stars-RateIt{cursor:pointer;}/=
* Licenses */.kune-License-CC-Header{color:#15428B;font-weight:700;font-size:=
85%;margin-top:5px;}.kune-License-CC-Header .gwt-Label{color:#15428B;font-wei=
ght:700;font-size:85%;margin-top:5px;}/* Theme */.kune-IconBottomPanel .gwt-M=
enuItem{cursor:pointer;background-color:#FFF;margin:2px 2px 2px 5px;}.kune-Ic=
onBottomPanel .gwt-MenuItem-selected{background-color:#F2F2F2;}.gwt-MenuBar-b=
ottomMenu{margin-left:-60px;margin-top:-120px;}/* i18n */.kune-I18nTranslator=
Cell{white-space:normal;}.kune-i18nTranslator-recommend{margin:10px;}.kune-i1=
8nTranslator-recommend h1{font-size:131%;font-weight:700;}.kune-i18nTranslato=
r-recommend h2{font-size:116%;font-weight:700;}.kune-i18nTranslator-recommend=
 h3{font-size:108%;font-weight:700;font-style:italic;}.kune-i18nTranslator-re=
commend em{font-weight:700;}.kune-i18nTranslator-recommend strong{font-weight=
:700;}/* Admin Context */.kune-AdminContextPanel{margin:6px;width:100%;}.kune=
-AdminContextPanel .gwt-StackPanelItem{background:transparent url(img/arrow-r=
ight-white.gif) no-repeat scroll 3px 2px;cursor:pointer;padding:3px 10px 1px =
20px;owerflow:hidden;width:100%;}.kune-AdminContextPanel .gwt-StackPanelItem =
img{margin:0 0 0 3px;vertical-align:middle;}.kune-AdminContextPanel .gwt-Stac=
kPanelItem-selected{background:transparent url(img/arrow-down-white.gif) no-r=
epeat scroll 3px 2px;background-color:#DEE3DB;}.kune-AdminContextPanelLink{ba=
ckground-color:#E6E6E6;border-top:1px solid #CCC;border-bottom:1px solid #F2F=
2F2;/* white-space: nowrap; */cursor:pointer;}.kune-AdminContextPanel-inner{b=
ackground-color:#FFF;}.kune-AdminContextPanel-inner-wrap{margin:5px;}.kune-Ed=
itableLabel{}.kune-EditableLabel .kune-EditableLabel-editable{}.kune-Editable=
Label-high{background-color:#FFFBC1;cursor:pointer;}.kune-EditableLabel-high =
span{background-color:#FFFBC1;}.kune-EditableLabel a{margin-left:5px;}.kune-E=
ditableLabel a:link{color:green;}.kune-EditableLabel a:hover{text-decoration:=
underline;}.kune-EditableLabel a:visited{color:olive;}.kune-EditableLabel img=
{margin-right:4px;vertical-align:middle;}.kune-EditableLabel-editable img{mar=
gin-right:4px;vertical-align:middle;}.kune-EditableLabel-editable span{margin=
:3px;}.kune-EditableLabel span{margin:3px;}.kune-BottomIconsTrayPanel{width:1=
65px;height:21px;vertical-align:middle;background-color:#EFEFEF;}.kune-TagsPa=
nel-tag{float:left;margin-right:5px;cursor:pointer;}.kune-Content-Main{margin=
:5px;}/* Yahoo ui base.css */.kune-Content-Main h1{font-size:138.5%;}.kune-Co=
ntent-Main h2{font-size:123.099998%;}.kune-Content-Main h3{font-size:108%;}.k=
une-Content-Main h1{margin:1em 0;}.kune-Content-Main h2{margin:1em 0;}.kune-C=
ontent-Main h3{margin:1em 0;}.kune-Content-Main h1{font-weight:700;}.kune-Con=
tent-Main h2{font-weight:700;}.kune-Content-Main h3{font-weight:700;}.kune-Co=
ntent-Main h4{font-weight:700;}.kune-Content-Main h5{font-weight:700;}.kune-C=
ontent-Main h6{font-weight:700;}.kune-Content-Main strong{font-weight:700;}.k=
une-Content-Main abbr{border-bottom:1px dotted #000;cursor:help;}.kune-Conten=
t-Main acronym{border-bottom:1px dotted #000;cursor:help;}.kune-Content-Main =
em{font-style:italic;}.kune-Content-Main blockquote{margin:1em;}.kune-Content=
-Main ul{margin:1em;}.kune-Content-Main ol{margin:1em;}.kune-Content-Main dl{=
margin:1em;}.kune-Content-Main ol{margin-left:2em;}.kune-Content-Main ul{marg=
in-left:2em;}.kune-Content-Main dl{margin-left:2em;}.kune-Content-Main ol{lis=
t-style:decimal outside;}.kune-Content-Main li{list-style:decimal outside;}.k=
une-Content-Main li{list-style:disc outside;}.kune-Content-Main ul{list-style=
:disc outside;}.kune-Content-Main dl{margin-left:1em;}.kune-Content-Main dd{m=
argin-left:1em;}.kune-Content-Main th{border:1px solid #000;padding:.5em;font=
-weight:700;text-align:center;}.kune-Content-Main td{border:1px solid #000;pa=
dding:.5em;}.kune-Content-Main caption{margin-bottom:.5em;text-align:center;}=
.kune-Content-Main p{margin-bottom:1em;}.kune-Content-Main fieldset{margin-bo=
ttom:1em;}.kune-Content-Main table{margin-bottom:1em;}.kune-Content-Main pre{=
margin-bottom:1em;}.kune-Content-Main input[type=3Dtext]{width:12.25em;width:=
11.9em;}.kune-Content-Main input[type=3Dpassword]{width:12.25em;width:11.9em;=
}.kune-Content-Main textarea{width:12.25em;width:11.9em;}.search-icon{backgro=
und-image:url(img/search.gif)!important;}.i18n-icon{background-image:url(img/=
language.gif)!important;}.chat-icon{background-image:url(img/chat.gif)!import=
ant;}.group-icon{background-image:url(img/group.gif)!important;}.user-icon{ba=
ckground-image:url(img/user.gif)!important;}.userf-icon{background-image:url(=
img/userf.gif)!important;}.kune-RoomPanel-HorizDelimiter{white-space:nowrap;c=
olor:#B3B3B3;}.kune-MultiRoomPanel-Subject{font-size:108%;color:#2E5492;}.kun=
e-MultiRoomPanel-User{}.kune-MultiRoomPanel-User .kune-IconLabel{overflow:hid=
den;white-space:nowrap;}.kune-RoomPanel-Conversation{}.kune-RoomPanel-Message=
{margin:0 7px;}.kune-RoomPanel-EventMessage{font-style:italic;color:#69C;marg=
in:0 5px;}.kune-MultiRoomPanel-EmoticonPalette{background-color:#FFF;border:1=
px solid #AAA;margin:1px solid red;z-index:10000;position:absolute;}.kune-Mul=
tiRoomPanel-EmoticonPalette td{width:30px;height:30px;}/* RTE Text editor */.=
kune-TexEditorPanel-TextArea{margin:3px;}.gwt-RichTextArea{/* border: 1px sol=
id #000;
+    background-color: #FFF; */border:1px solid #4D4D4D;background-color:#FFF=
;margin:5px 0 5px 10px;}.gwt-RichTextToolbar{/* background-color: #F2F2F2;
+  padding: 5px; */height:24px;vertical-align:middle;}.gwt-RichTextToolbar ta=
ble{vertical-align:middle;}.gwt-RichTextToolbar .gwt-ToggleButton{float:left;=
margin-top:2px;}.gwt-RichTextToolbar .gwt-PushButton{float:left;margin-top:2p=
x;}.gwt-RichTextToolbar .gwt-PushButton-up{margin-right:2px;border:1px solid =
#F2F2F2;}.gwt-RichTextToolbar .gwt-PushButton-up-hovering{margin-right:2px;bo=
rder:1px solid #C3D9FF;border-color:#E8F1FF #9daecd #9daecd #e8f1ff;}.gwt-Ric=
hTextToolbar .gwt-PushButton-down{margin-right:2px;border:1px solid #C3D9FF;b=
order-color:#9DAECD #e8f1ff #e8f1ff #9daecd;}.gwt-RichTextToolbar .gwt-PushBu=
tton-down-hovering{margin-right:2px;border:1px solid #C3D9FF;border-color:#9D=
AECD #e8f1ff #e8f1ff #9daecd;}.gwt-RichTextToolbar .gwt-ToggleButton-up{margi=
n-right:2px;border:1px solid #F2F2F2;}.gwt-RichTextToolbar .gwt-ToggleButton-=
up-hovering{margin-right:2px;border:1px solid #C3D9FF;border-color:#E8F1FF #9=
daecd #9daecd #e8f1ff;}.gwt-RichTextToolbar .gwt-ToggleButton-down{margin-rig=
ht:2px;background-color:#E8F1FF;border:1px solid #C3D9FF;border-color:#9DAECD=
 #e8f1ff #e8f1ff #9daecd;}.gwt-RichTextToolbar .gwt-ToggleButton-down-hoverin=
g{margin-right:2px;background-color:#E8F1FF;border:1px solid #C3D9FF;border-c=
olor:#9DAECD #e8f1ff #e8f1ff #9daecd;}.gwt-RichTextToolbar .x-btn{float:left;=
}.gwt-RichTextToolbar .kune-Button-Large-lSpace{float:left;}.gwt-RichTextTool=
bar .kune-Button-Large-lrSpace{float:left;}.RichTextToolbar-menu{float:left;m=
argin-top:2px;}.RichTextToolbar-menu table{border-collapse:collapse;border-sp=
acing:0;margin:0;}.RichTextToolbar-menu .gwt-MenuItem{margin-right:2px;border=
:1px solid #F2F2F2;}.RichTextToolbar-menu .gwt-MenuItem-selected{margin-right=
:2px;background-color:#E8F1FF;border:1px solid #C3D9FF;border-color:#9DAECD #=
e8f1ff #e8f1ff #9daecd;}.RichTextToolbar-submenu{background-color:#FFFCD5;bor=
der:1px solid #D38D5F;cursor:default;}.RichTextToolbar-submenu .gwt-MenuItem{=
cursor:default;white-space:nowrap;border:1px solid #FFFCD5;padding:0 4px;}.Ri=
chTextToolbar-submenu .gwt-MenuItem-selected{background-color:#FFB958;border:=
1px solid #C83737;}.kune-WebSafePalette{background-color:#FFF;border:1px soli=
d #AAA;margin:1px solid red;}.kune-WebSafePalette td{width:12px;height:10px;}
\ No newline at end of file

Added: sandbox3/src/main/java/org/op/public/css/sandbox.css
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=
=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D
--- sandbox3/src/main/java/org/op/public/css/sandbox.css	2008-07-04 10:54:42 =
UTC (rev 782)
+++ sandbox3/src/main/java/org/op/public/css/sandbox.css	2008-07-05 18:27:10 =
UTC (rev 783)
@@ -0,0 +1,94 @@
+@CHARSET "UTF-8";
+
+.toolbar-transparent {
+  background: #EFEFEF none repeat scroll 0% 50%;
+  border-top: 0px;
+}
+
+.entity-def .x-layout-split {
+  background: #DD8A3D none repeat scroll 0% 50%;
+}
+
+.entity-green .x-layout-split {
+  background: #5FD35F none repeat scroll 0% 50%;
+}
+
+.entityworkspace .x-layout-split {
+  background: transparent none repeat scroll 0% 50%;
+}
+
+.entity-title {
+  line-height: 22px;
+}
+
+.entity-subtitle { =20
+  line-height: 2em;
+}
+
+.entity-title-rd-def {
+  background: #DD8A3D;
+}
+
+.entity-title-rd-green {
+  background: #5FD35F;
+}
+
+.entity-title-def {
+  background: #F1BB59 none repeat scroll 0% 50%; =20
+  color: #69312F;
+}
+
+.entity-title-green {
+  background: #AFA none repeat scroll 0% 50%;=20
+  color: #250;
+}
+
+.entity-subtitle-def {
+  background: #DD8A3D none repeat scroll 0% 50%;
+  color: #FFF;
+}
+
+.entity-subtitle-green {
+  background: #5FD35F none repeat scroll 0% 50%;
+  color: #FFF;
+}
+
+.entity-bottom-rd-def {
+  background: #DD8A3D;
+}
+
+.entity-bottom-rd-green {
+  background: #5FD35F;
+}
+
+.entity-bottom {
+  line-height:2em;
+}
+
+.entity-bottom-def {
+  background: #DD8A3D;
+  color: #FFF;
+}
+
+.entity-bottom-green {
+  background: #5FD35F;
+  color: #FFF;
+}
+
+.k-toolbar-top-line {
+  border-top-color: rgb(208, 208, 208);
+  border-top-style: solid;
+  border-top-width: 1px;
+}
+
+.k-toolbar-bottom-line {
+  border-bottom-color: rgb(208, 208, 208);
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+}
+
+.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar sel=
ect,.x-toolbar label {
+  white-space: nowrap;=20
+  font:normal 13px arial,sans;
+  line-height: 19px;
+}



--===============3259032497098993728==--