[gatein-commits] gatein SVN: r2098 - in portal/trunk/examples/skins/simpleskin/src/main: resources and 24 other directories.

do-not-reply at jboss.org do-not-reply at jboss.org
Wed Mar 10 07:35:02 EST 2010


Author: thuy.nguyen
Date: 2010-03-10 07:35:00 -0500 (Wed, 10 Mar 2010)
New Revision: 2098

Added:
   portal/trunk/examples/skins/simpleskin/src/main/resources/
   portal/trunk/examples/skins/simpleskin/src/main/resources/tomcat/
   portal/trunk/examples/skins/simpleskin/src/main/resources/tomcat/simpleDeployableSkin.xml
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/Stylesheet.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/BGDecoratorCenter1x18.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/DefaultTheme.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MDefaultTheme.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacBlack.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGray.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGreen.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacTheme.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerBlue.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerGreen.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerOrange.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerPink.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerViolet.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowBlue.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowGreen.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowOrange.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowPink.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowViolet.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaBlue.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaTheme.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacBlack.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGray.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGreen.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacTheme.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/Resize17x19.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea17x15.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerGreen.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerOrange.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerPink.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerViolet.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundCornerBlue.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowBlue.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowGreen.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowOrange.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowPink.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowViolet.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/SimpleStyle.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaBlue.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaTheme.png
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/icons/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/icons/SimpleIcons.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/Stylesheet.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/background/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/background/HomeIcon.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIPortalApplicationSkin.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/Stylesheet.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.jpg
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/ToolbarContainer.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/UseIcon.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/Stylesheet.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/background/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/background/LogoGatein.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/background/UIBanner.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIFooterPortlet/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIFooterPortlet/Stylesheet.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/HomePagePortlet.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/RightCol.jpg
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/RightHome.jpg
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/Button.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseAllIcon.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseIcon.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/Dotted.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandAllIcon.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandIcon.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/LastNode.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/NullItem.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/RootTree.gif
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/SitemapItemBoxTitle150x1.gif
Modified:
   portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/gatein-resources.xml
   portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/web.xml
   portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/Stylesheet.css
Log:
GTNPORTAL-750: CSSize the main view of the skin

Added: portal/trunk/examples/skins/simpleskin/src/main/resources/tomcat/simpleDeployableSkin.xml
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/resources/tomcat/simpleDeployableSkin.xml	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/resources/tomcat/simpleDeployableSkin.xml	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1 @@
+<Context path="/simpleDeployableSkin" docBase="../../../../../examples/skins/simpleskin/src/main/webapp/" debug="0" reloadable="true" crossContext="true"/>

Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/gatein-resources.xml
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/gatein-resources.xml	2010-03-10 11:59:45 UTC (rev 2097)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/gatein-resources.xml	2010-03-10 12:35:00 UTC (rev 2098)
@@ -24,5 +24,137 @@
     xsi:schemaLocation="http://www.gatein.org/xml/ns/gatein_resources_1_0 http://www.gatein.org/xml/ns/gatein_resources_1_0"
     xmlns="http://www.gatein.org/xml/ns/gatein_resources_1_0">
 
+	<portal-skin>
+		<skin-name>SimpleSkin</skin-name>
+		<css-path>/skin/Stylesheet.css</css-path>
+	</portal-skin>	
 
+	<!-- Skins for portlets in 'web' application -->
+	
+	<portlet-skin>
+		<application-name>web</application-name>
+		<portlet-name>BannerPortlet</portlet-name>
+		<skin-name>SimpleSkin</skin-name>
+		<css-path>/skin/webPortlet/webui/component/UIBannerPortlet/Stylesheet.css</css-path>
+	</portlet-skin>
+	
+	<portlet-skin>
+		<application-name>web</application-name>
+		<portlet-name>FooterPortlet</portlet-name>
+		<skin-name>SimpleSkin</skin-name>
+		<css-path>/skin/webPortlet/webui/component/UIFooterPortlet/Stylesheet.css</css-path>
+	</portlet-skin>
+	
+	<portlet-skin>
+		<application-name>web</application-name>
+		<portlet-name>NavigationPortlet</portlet-name>
+		<skin-name>SimpleSkin</skin-name>
+		<css-path>/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css</css-path>
+	</portlet-skin>
+	
+	<portlet-skin>
+		<application-name>web</application-name>
+		<portlet-name>PortalNavigationPortlet</portlet-name>
+		<skin-name>SimpleSkin</skin-name>
+		<css-path>/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css</css-path>
+	</portlet-skin>
+	
+	<portlet-skin>
+		<application-name>web</application-name>
+		<portlet-name>SiteMapPortlet</portlet-name>
+		<skin-name>SimpleSkin</skin-name>
+		<css-path>/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css</css-path>
+	</portlet-skin>
+	
+	<!-- Skin for HomePagePortlet -->
+	<portlet-skin>
+		<application-name>web</application-name>
+		<portlet-name>HomePagePortlet</portlet-name>
+		<skin-name>SimpleSkin</skin-name>
+		<css-path>/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css</css-path>
+	</portlet-skin>
+	
+	
+	<!-- Simple window style -->
+	<window-style>
+		<style-name>Simple</style-name>
+		<style-theme>
+			<theme-name>SimpleBlue</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>SimpleViolet</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>SimpleOrange</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>SimplePink</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>SimpleGreen</theme-name>
+		</style-theme>
+	</window-style>
+	
+	<!-- RoundConer window style -->
+	<window-style>
+		<style-name>RoundConer</style-name>
+		<style-theme>
+			<theme-name>RoundConerBlue</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>RoundConerViolet</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>RoundConerOrange</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>RoundConerPink</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>RoundConerGreen</theme-name>
+		</style-theme>
+	</window-style>
+	
+	<!-- Shadow window style -->
+	<window-style>
+		<style-name>Shadow</style-name>
+		<style-theme>
+			<theme-name>ShadowBlue</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>ShadowViolet</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>ShadowOrange</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>ShadowPink</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>ShadowGreen</theme-name>
+		</style-theme>
+	</window-style>
+	
+	<!-- MacStyle window style -->
+	<window-style>
+		<style-name>MacStyle</style-name>
+		<style-theme>
+			<theme-name>MacTheme</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>MacGray</theme-name>
+		</style-theme>
+		<style-theme>
+			<theme-name>MacGreenSteel</theme-name>
+		</style-theme>
+	</window-style>
+	
+	<!-- VistaStyle window style -->
+	<window-style>
+		<style-name>VistaStyle</style-name>
+		<style-theme>
+			<theme-name>VistaTheme</theme-name>
+		</style-theme>
+	</window-style>
+	
 </gatein-resources>
\ No newline at end of file

Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/web.xml
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/web.xml	2010-03-10 11:59:45 UTC (rev 2097)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/WEB-INF/web.xml	2010-03-10 12:35:00 UTC (rev 2098)
@@ -25,4 +25,24 @@
         xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
         version="2.5">
         <display-name>simpleDeployableSkin</display-name>
+   <filter>
+    <filter-name>ResourceRequestFilter</filter-name>
+    <filter-class>org.exoplatform.portal.application.ResourceRequestFilter</filter-class>
+  </filter>
+  
+  	 <filter-mapping>
+	    <filter-name>ResourceRequestFilter</filter-name>
+	    <url-pattern>/*</url-pattern>
+	  </filter-mapping>
+
+  <servlet>
+    <servlet-name>GateInServlet</servlet-name>
+    <servlet-class>org.gatein.wci.api.GateInServlet</servlet-class>
+    <load-on-startup>0</load-on-startup>
+  </servlet>
+  <servlet-mapping>
+    <servlet-name>GateInServlet</servlet-name>
+    <url-pattern>/gateinservlet</url-pattern>
+  </servlet-mapping>
+        
 </web-app>

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/Stylesheet.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,3500 @@
+/**
+ * Copyright (C) 2009 eXo Platform SAS.
+ * 
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ * 
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+
+/*-------------------------- DefaultTheme ---------------------------*/  
+
+.DefaultTheme .WindowBarCenter .WindowPortletInfo {
+	margin-right: 80px; /* orientation=lt */
+	margin-left: 80px; /* orientation=rt */
+}
+
+.DefaultTheme .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 24px; 
+	height: 17px;
+	cursor: pointer;
+	background-image: url('background/DefaultTheme.png');
+}
+
+.DefaultTheme .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.DefaultTheme .OverArrowDownIcon {
+	background-position: center 116px;
+}
+
+.DefaultTheme .MinimizedIcon {
+	background-position: center 44px;
+}
+
+.DefaultTheme .OverMinimizedIcon {
+	background-position: center 140px;
+}
+
+.DefaultTheme .MaximizedIcon {
+	background-position: center 68px;
+}
+
+.DefaultTheme .OverMaximizedIcon {
+	background-position: center 164px;
+}
+
+.DefaultTheme .RestoreIcon {
+	background-position: center 92px;
+}
+
+.DefaultTheme .OverRestoreIcon {
+	background-position: center 188px;
+}
+
+.DefaultTheme .NormalIcon {
+	background-position: center 92px;
+}
+
+.DefaultTheme .OverNormalIcon {
+	background-position: center 188px;
+}
+
+
+.UIPageDesktop .DefaultTheme .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 18px; height: 18px;
+	cursor: nw-resize;
+	background: url('background/ResizeArea18x18.gif') no-repeat left top; /* orientation=lt */
+	background: url('background/ResizeArea18x18-rt.gif') no-repeat right top; /* orientation=rt */
+}
+
+.DefaultTheme .Information {
+	height: 18px; line-height: 18px;
+	vertical-align: middle; font-size: 10px;
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+}
+
+.DefaultTheme .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+	line-height: 16px;
+}
+
+.DefaultTheme .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.DefaultTheme .WindowBarLeft {
+	padding-left: 12px;
+	background-image: url('background/DefaultTheme.png');
+	background-repeat: no-repeat;
+	background-position: left -148px;
+}
+
+.DefaultTheme .WindowBarRight {
+	padding-right: 11px;
+	background-image: url('background/DefaultTheme.png');
+	background-repeat: no-repeat;
+	background-position: right -119px;
+}
+
+.DefaultTheme .WindowBarCenter {
+	background-image: url('background/DefaultTheme.png');
+	background-repeat: repeat-x;
+	background-position: left -90px;
+}
+
+.DefaultTheme .WindowBarCenter .FixHeight {
+	height: 21px;
+	padding-top: 8px;
+}
+
+.DefaultTheme .MiddleDecoratorLeft {
+	padding-left: 12px;
+	background: url('background/MDefaultTheme.png') repeat-y left;
+}
+
+.DefaultTheme .MiddleDecoratorRight {
+	padding-right: 11px;
+	background: url('background/MDefaultTheme.png') repeat-y right;
+}
+
+.DefaultTheme .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.DefaultTheme .BottomDecoratorLeft {
+	padding-left: 12px;
+	background-image: url('background/DefaultTheme.png');
+	background-repeat: no-repeat;
+	background-position: left -60px;
+}
+
+.DefaultTheme .BottomDecoratorRight {
+	padding-right: 11px;
+	background-image: url('background/DefaultTheme.png');
+	background-repeat: no-repeat;
+	background-position: right -30px;
+}
+
+.DefaultTheme .BottomDecoratorCenter {
+	background-image: url('background/DefaultTheme.png');
+	background-repeat: repeat-x;
+	background-position: left top;
+}
+
+.DefaultTheme .BottomDecoratorCenter .FixHeight {
+	height: 30px;
+}
+
+/*-------------------------- MacTheme ---------------------------*/
+
+.MacTheme .WindowBarCenter .WindowPortletInfo {
+	margin: 0px 70px 0px 0px; /* orientation=lt */
+	margin: 0px 0px 0px 70px; /* orientation=rt */
+}
+
+.MacTheme .WindowBarCenter .WindowPortletIcon {
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.MacTheme .WindowBarCenter .PortletName {
+	font-weight: bold;
+	line-height: 17px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.MacTheme .WindowBarCenter .PortletIcon {
+	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
+	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat right top; /* orientation=rt */
+}
+
+.MacTheme .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 21px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;	
+	background-image: url('background/MacTheme.png');
+}
+
+.MacTheme .ArrowDownIcon {
+	background-position: center 18px;
+}
+
+.MacTheme .OverArrowDownIcon {
+	background-position: center 98px;
+}
+
+.MacTheme .MinimizedIcon {
+	background-position: center 37px;
+}
+
+.MacTheme .OverMinimizedIcon {
+	background-position: center 118px;
+}
+
+.MacTheme .MaximizedIcon {
+	background-position: center 57px;
+}
+
+.MacTheme .OverMaximizedIcon {
+	background-position: center 138px;
+}
+
+.MacTheme .NormalIcon {
+	background-position: center 78px;
+}
+
+.MacTheme .OverNormalIcon {
+	background-position: center 158px;
+}
+
+.MacTheme .RestoreIcon {
+	background-position: center 78px;
+}
+
+.MacTheme .OverRestoreIcon {
+	background-position: center 158px;
+}
+
+.MacTheme .BackgroundIcon {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	margin: 4px 2px 0px 2px;
+}
+
+.UIPageDesktop .MacTheme .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 15px;
+	cursor: nw-resize;
+	background: url('background/ResizeArea17x15.png') no-repeat right top; /* orientation=lt */
+	background: url('background/ResizeArea17x15-rt.png') no-repeat left top; /* orientation=rt */
+}
+
+.MacTheme .Information {
+	height: 16px; line-height: 14px; vertical-align: middle;
+	font-size: 10px;
+	margin-right: 18px;
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.MacTheme .MiddleDecoratorLeft {
+	background: url('background/MMacTheme.png') repeat-y left;
+	padding: 0px 0px 0px 5px;
+}
+
+.MacTheme .MiddleDecoratorRight {
+	padding: 0px 5px 0px 0px;
+	background: url('background/MMacTheme.png') repeat-y right;
+}
+
+.MacTheme .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .MacTheme .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.MacTheme .BottomDecoratorLeft {
+	background-image: url('background/MacTheme.png');
+	background-repeat: no-repeat;
+	background-position: left -46px;
+	padding: 0px 0px 0px 5px;
+}
+
+.MacTheme .BottomDecoratorRight {
+	background-image: url('background/MacTheme.png');
+	background-repeat: no-repeat;
+	background-position: right -23px;
+	padding: 0px 5px 0px 0px;
+}
+
+.MacTheme .BottomDecoratorCenter {
+	background-image: url('background/MacTheme.png');
+	background-repeat: repeat-x;
+	background-position: center top;
+}
+
+.MacTheme .BottomDecoratorCenter .FixHeight {
+	height: 23px; line-height: 23px;
+}
+
+.MacTheme .WindowBarLeft {
+	background-image: url('background/MacTheme.png');
+	background-repeat: no-repeat;
+	background-position: left -115px;
+	padding: 0px 0px 0px 12px;
+}
+
+.MacTheme .WindowBarRight {
+	background-image: url('background/MacTheme.png');
+	background-repeat: no-repeat;
+	background-position: right -92px;
+	padding: 0px 12px 0px 0px;
+}
+
+.MacTheme .WindowBarCenter {
+	background-image: url('background/MacTheme.png');
+	background-repeat: repeat-x;
+	background-position: center -69px;
+}
+
+.MacTheme .WindowBarCenter .FixHeight {
+	height: 19px;
+	padding-top: 4px;
+}
+
+/*-------------------------- MacGray ---------------------------*/
+
+.MacGray .WindowBarCenter .WindowPortletInfo {
+	margin: 0px 70px 0px 0px; /* orientation=lt */
+	margin: 0px 0px 0px 70px; /* orientation=rt */
+}
+
+.MacGray .WindowBarCenter .WindowPortletIcon {
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.MacGray .WindowBarCenter .PortletName {
+	font-weight: bold;
+	line-height: 17px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.MacGray .WindowBarCenter .PortletIcon {
+	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
+	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat right top; /* orientation=rt */
+}
+
+.MacGray .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 21px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;	
+	background-image: url('background/MacGray.png');
+}
+
+.MacGray .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.MacGray .OverArrowDownIcon {
+	background-position: center 100px;
+}
+
+.MacGray .MinimizedIcon {
+	background-position: center 37px;
+}
+
+.MacGray .OverMinimizedIcon {
+	background-position: center 120px;
+}
+
+.MacGray .MaximizedIcon {
+	background-position: center 57px;
+}
+
+.MacGray .OverMaximizedIcon {
+	background-position: center 140px;
+}
+
+.MacGray .NormalIcon {
+	background-position: center 78px;
+}
+
+.MacGray .OverNormalIcon {
+	background-position: center 160px;
+}
+
+.MacGray .RestoreIcon {
+	background-position: center 78px;
+}
+
+.MacGray .OverRestoreIcon {
+	background-position: center 160px;
+}
+
+.MacGray .BackgroundIcon {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	margin: 4px 2px 0px 2px;
+}
+
+.UIPageDesktop .MacGray .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 15px;
+	cursor: nw-resize;
+	background: url('background/ResizeArea17x15.png') no-repeat;
+}
+
+.MacGray .Information {
+	height: 16px; line-height: 14px; vertical-align: middle;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.MacGray .MiddleDecoratorLeft {
+	background: url('background/MMacGray.png') repeat-y left;
+	padding: 0px 0px 0px 8px;
+}
+
+.MacGray .MiddleDecoratorRight {
+	padding: 0px 8px 0px 0px;
+	background: url('background/MMacGray.png') repeat-y right;
+}
+
+.MacGray .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.MacGray .MiddleDecoratorCenter {
+	height:100%;
+}
+
+.MacGray .BottomDecoratorLeft {
+	background-image: url('background/MacGray.png');
+	background-repeat: no-repeat;
+	background-position: left -48px;
+	padding: 0px 0px 0px 9px;
+}
+
+.MacGray .BottomDecoratorRight {
+	padding: 0px 9px 0px 0px;
+	background-image: url('background/MacGray.png');
+	background-repeat: no-repeat;
+	background-position: right -24px;
+}
+
+.MacGray .BottomDecoratorCenter {
+	background-image: url('background/MacGray.png');
+	background-repeat: repeat-x;
+	background-position: left top;
+}
+
+.MacGray .BottomDecoratorCenter .FixHeight {
+	height: 24px; line-height: 24px;
+}
+
+.MacGray .WindowBarLeft {
+	padding: 0px 0px 0px 9px;
+	background-image: url('background/MacGray.png');
+	background-repeat: no-repeat;
+	background-position: left -118px;
+}
+
+.MacGray .WindowBarRight {
+	padding: 0px 9px 0px 0px;
+	background-image: url('background/MacGray.png');
+	background-repeat: no-repeat;
+	background-position: right -95px;
+}
+
+.MacGray .WindowBarCenter {
+	background-image: url('background/MacGray.png');
+	background-repeat: repeat-x;
+	background-position: center -72px;
+}
+
+.MacGray .WindowBarCenter .FixHeight {
+	height: 19px;
+	padding-top: 4px;
+}
+
+/*-------------------------- MacBlack ---------------------------*/
+
+.MacBlack .WindowBarCenter .WindowPortletInfo {
+	margin: 0px 70px 0px 0px; /* orientation=lt */
+	margin: 0px 0px 0px 70px; /* orientation=rt */
+}
+
+.MacBlack .WindowBarCenter .WindowPortletIcon {
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.MacBlack .WindowBarCenter .PortletName {
+	font-weight: bold;
+	line-height: 17px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.MacBlack .WindowBarCenter .PortletIcon {
+	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
+	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat right top; /* orientation=rt */
+}
+
+.MacBlack .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 21px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;	
+	background-image: url('background/MacBlack.png');
+}
+
+.MacBlack .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.MacBlack .OverArrowDownIcon {
+	background-position: center 100px;
+}
+
+.MacBlack .MinimizedIcon {
+	background-position: center 37px;
+}
+
+.MacBlack .OverMinimizedIcon {
+	background-position: center 120px;
+}
+
+.MacBlack .MaximizedIcon {
+	background-position: center 57px;
+}
+
+.MacBlack .OverMaximizedIcon {
+	background-position: center 140px;
+}
+
+.MacBlack .NormalIcon {
+	background-position: center 78px;
+}
+
+.MacBlack .OverNormalIcon {
+	background-position: center 160px;
+}
+
+.MacBlack .RestoreIcon {
+	background-position: center 78px;
+}
+
+.MacBlack .OverRestoreIcon {
+	background-position: center 160px;
+}
+
+.MacBlack .BackgroundIcon {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	margin: 4px 2px 0px 2px;
+}
+
+.UIPageDesktop .MacBlack .ResizeArea {
+	float: left; /* orientation=rt */
+	float: right; /* orientation=lt */
+	width: 17px; height: 15px;
+	cursor: nw-resize;
+	background: url('background/ResizeArea17x15.png') no-repeat;
+}
+
+.MacBlack .Information {
+	height: 16px; line-height: 14px; vertical-align: middle;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.MacBlack .MiddleDecoratorLeft {
+	background: url('background/MMacBlack.png') repeat-y left;
+	padding: 0px 0px 0px 8px;
+}
+
+.MacBlack .MiddleDecoratorRight {
+	padding: 0px 8px 0px 0px;
+	background: url('background/MMacBlack.png') repeat-y right;
+}
+
+.MacBlack .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .MacBlack .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.MacBlack .BottomDecoratorLeft {
+	background-image: url('background/MacBlack.png');
+	background-repeat: no-repeat;
+	background-position: left -48px;
+	padding: 0px 0px 0px 9px;
+}
+
+.MacBlack .BottomDecoratorRight {
+	padding: 0px 9px 0px 0px;
+	background-image: url('background/MacBlack.png');
+	background-repeat: no-repeat;
+	background-position: right -24px;
+}
+
+.MacBlack .BottomDecoratorCenter {
+	background-image: url('background/MacBlack.png');
+	background-repeat: repeat-x;
+	background-position: left top;
+}
+
+.MacBlack .BottomDecoratorCenter .FixHeight {
+	height: 24px; line-height: 24px;
+}
+
+.MacBlack .WindowBarLeft {
+	padding: 0px 0px 0px 9px;
+	background-image: url('background/MacBlack.png');
+	background-repeat: no-repeat;
+	background-position: left -118px;
+}
+
+.MacBlack .WindowBarRight {
+	padding: 0px 9px 0px 0px;
+	background-image: url('background/MacBlack.png');
+	background-repeat: no-repeat;
+	background-position: right -95px;
+}
+
+.MacBlack .WindowBarCenter {
+	background-image: url('background/MacBlack.png');
+	background-repeat: repeat-x;
+	background-position: center -72px;
+}
+
+.MacBlack .WindowBarCenter .FixHeight {
+	height: 19px;
+	padding-top: 4px;
+}
+
+/*-------------------------- MacGreenSteel ---------------------------*/
+
+.MacGreenSteel .WindowBarCenter .WindowPortletInfo {
+	margin: 0px 70px 0px 0px; /* orientation=lt */
+	margin: 0px 0px 0px 70px; /* orientation=rt */
+}
+
+.MacGreenSteel .WindowBarCenter .WindowPortletIcon {
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.MacGreenSteel .WindowBarCenter .PortletName {
+	font-weight: bold;
+	line-height: 17px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.MacGreenSteel .WindowBarCenter .PortletIcon {
+	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat left top; /* orientation=lt */
+	background: url('/eXoSkinMac/skin/MacSkin/skinIcons/16x16/icons/DefaultPortletIcon.png') no-repeat right top; /* orientation=rt */
+}
+
+.MacGreenSteel .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 21px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;	
+	background-image: url('background/MacGreen.png');
+}
+
+.MacGreenSteel .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.MacGreenSteel .OverArrowDownIcon {
+	background-position: center 100px;
+}
+
+.MacGreenSteel .MinimizedIcon {
+	background-position: center 37px;
+}
+
+.MacGreenSteel .OverMinimizedIcon {
+	background-position: center 120px;
+}
+
+.MacGreenSteel .MaximizedIcon {
+	background-position: center 57px;
+}
+
+.MacGreenSteel .OverMaximizedIcon {
+	background-position: center 140px;
+}
+
+.MacGreenSteel .NormalIcon {
+	background-position: center 78px;
+}
+
+.MacGreenSteel .OverNormalIcon {
+	background-position: center 160px;
+}
+
+.MacGreenSteel .RestoreIcon {
+	background-position: center 78px;
+}
+
+.MacGreenSteel .OverRestoreIcon {
+	background-position: center 160px;
+}
+
+.MacGreenSteel .BackgroundIcon {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	margin: 4px 2px 0px 2px;
+}
+
+.UIPageDesktop .MacGreenSteel .ResizeArea {
+	float: left; /* orientation=rt */
+	float: right; /* orientation=lt */
+	width: 17px; height: 15px;
+	cursor: nw-resize;
+	background: url('background/ResizeArea17x15.png') no-repeat;
+}
+
+.MacGreenSteel .Information {
+	height: 16px; line-height: 14px; vertical-align: middle;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.MacGreenSteel .MiddleDecoratorLeft {
+	background: url('background/MMacGreen.png') repeat-y left;
+	padding: 0px 0px 0px 8px;
+}
+
+.MacGreenSteel .MiddleDecoratorRight {
+	padding: 0px 8px 0px 0px;
+	background: url('background/MMacGreen.png') repeat-y right;
+}
+
+.MacGreenSteel .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .MacGreenSteel .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.MacGreenSteel .BottomDecoratorLeft {
+	background-image: url('background/MacGreen.png');
+	background-repeat: no-repeat;
+	background-position: left -48px;
+	padding: 0px 0px 0px 9px;
+}
+
+.MacGreenSteel .BottomDecoratorRight {
+	padding: 0px 9px 0px 0px;
+	background-image: url('background/MacGreen.png');
+	background-repeat: no-repeat;
+	background-position: right -24px;
+}
+
+.MacGreenSteel .BottomDecoratorCenter {
+	background-image: url('background/MacGreen.png');
+	background-repeat: repeat-x;
+	background-position: left top;
+}
+
+.MacGreenSteel .BottomDecoratorCenter .FixHeight {
+	height: 24px; line-height: 24px;
+}
+
+.MacGreenSteel .WindowBarLeft {
+	padding: 0px 0px 0px 9px;
+	background-image: url('background/MacGreen.png');
+	background-repeat: no-repeat;
+	background-position: left -118px;
+}
+
+.MacGreenSteel .WindowBarRight {
+	padding: 0px 9px 0px 0px;
+	background-image: url('background/MacGreen.png');
+	background-repeat: no-repeat;
+	background-position: right -95px;
+}
+
+.MacGreenSteel .WindowBarCenter {
+	background-image: url('background/MacGreen.png');
+	background-repeat: repeat-x;
+	background-position: center -72px;
+}
+
+.MacGreenSteel .WindowBarCenter .FixHeight {
+	height: 19px;
+	padding-top: 4px;
+}
+
+/*-------------------------------- VistaTheme -----------------------------*/
+
+.VistaTheme .WindowBarCenter .WindowPortletInfo {
+	margin-right: 95px; /* orientation=lt */
+	margin-left: 95px; /* orientation=rt */
+	
+}
+
+.VistaTheme .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 22px;
+}
+
+.VistaTheme .WindowBarCenter .PortletIcon {
+	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat left 3px; /* orientation=lt */
+	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon-rt.png') no-repeat right 3px; /* orientation=rt */
+}
+
+.VistaTheme .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 30px; 
+	height: 20px;
+	cursor: pointer;	
+	background-image: url('background/VistaTheme.png'); /* orientation=lt */
+	background-image: url('background/VistaTheme-rt.png'); /* orientation=rt */
+}
+
+.VistaTheme .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.VistaTheme .OverArrowDownIcon {
+	background-position: center 100px;
+}
+
+.VistaTheme .MinimizedIcon {
+	background-position: center 40px;
+}
+
+.VistaTheme .OverMinimizedIcon {
+	background-position: center 120px;
+}
+
+.VistaTheme .MaximizedIcon {
+	background-position: center 60px;
+}
+
+.VistaTheme .OverMaximizedIcon {
+	background-position: center 140px;
+}
+
+.VistaTheme .NormalIcon {
+	background-position: center 80px;
+}
+
+.VistaTheme .OverNormalIcon {
+	background-position: center 160px;
+}
+
+.VistaTheme .RestoreIcon {
+	background-position: center 80px;
+}
+
+.VistaTheme .OverRestoreIcon {
+	background-position: center 160px;
+}
+
+.VistaTheme .Information {
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+}
+
+.VistaTheme .MiddleDecoratorCenter {
+	background: #ffffff;
+	border: solid 1px #717171;
+}
+
+.UIPageDesktop .VistaTheme .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 9px; height: 12px;
+	cursor: nw-resize;
+	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG.gif') no-repeat bottom right; /* orientation=lt */
+	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG-rt.gif') no-repeat bottom left; /* orientation=rt */
+}
+
+.VistaTheme .MiddleDecoratorLeft {
+	padding-left:12px;
+	background: url('background/MVistaTheme.png') repeat-y left;
+}
+
+.VistaTheme .MiddleDecoratorRight {
+	padding-right: 13px;
+	background: url('background/MVistaTheme.png') repeat-y right;
+}
+
+.UIPageBody .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.VistaTheme .BottomDecoratorLeft {
+	background-image: url('background/VistaTheme.png');
+	background-repeat: no-repeat;
+	background-position: left -48px;
+	padding-left: 12px;
+}
+
+.VistaTheme .BottomDecoratorRight {
+	background-image: url('background/VistaTheme.png');
+	background-repeat: no-repeat;
+	background-position: right -24px;
+	padding-right: 13px;
+}
+
+.VistaTheme .BottomDecoratorCenter {
+	background-image: url('background/VistaTheme.png');
+	background-repeat: repeat-x;
+	background-position: left top;
+}
+
+.VistaTheme .BottomDecoratorCenter .FixHeight {
+	height: 24px;
+}
+
+.VistaTheme .WindowBarCenter .PortletName {
+	font-weight: bold;
+	line-height: 22px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.VistaTheme .WindowBarLeft {
+	background-image: url('background/VistaTheme.png');
+	background-repeat: no-repeat;
+	background-position: left -130px;
+	padding-left: 12px;
+}
+
+.VistaTheme .WindowBarRight {
+	background-image: url('background/VistaTheme.png');
+	background-repeat: no-repeat;
+	background-position: right -101px;
+	padding-right: 16px;
+}
+
+.VistaTheme .WindowBarCenter {
+	background-image: url('background/VistaTheme.png');
+	background-repeat: repeat-x;
+	background-position: left -72px;
+}
+
+.VistaTheme .WindowBarCenter .FixHeight {
+	height: 24px;
+	padding-top: 5px;
+}
+
+/*-------------------------------- VistaBlue -----------------------------*/
+
+.VistaBlue .WindowBarCenter .WindowPortletInfo {
+	margin-right: 95px; /* orientation=lt */
+	margin-left: 95px; /* orientation=rt */
+	
+}
+
+.VistaBlue .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 20px;
+}
+
+.VistaBlue .WindowBarCenter .PortletName {
+	font-weight: bold;
+	line-height: 22px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.VistaBlue .WindowBarCenter .PortletIcon {
+	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon.png') no-repeat left 3px; /* orientation=lt */
+	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/PortletIcon-rt.png') no-repeat right 3px; /* orientation=rt */
+}
+
+.VistaBlue .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 30px; height: 19px;
+	cursor: pointer;	
+	background-image: url('background/VistaBlue.png');
+}
+
+.VistaBlue .ArrowDownIcon {
+	background-position: center 19px;
+}
+
+.VistaBlue .OverArrowDownIcon {
+	background-position: center 99px;
+}
+
+.VistaBlue .MinimizedIcon {
+	background-position: center 39px;
+}
+
+.VistaBlue .OverMinimizedIcon {
+	background-position: center 119px;
+}
+
+.VistaBlue .MaximizedIcon {
+	background-position: center 59px;
+}
+
+.VistaBlue .OverMaximizedIcon {
+	background-position: center 139px;
+}
+
+.VistaBlue .NormalIcon {
+	background-position: center 79px;
+}
+
+.VistaBlue .OverNormalIcon {
+	background-position: center 159px;
+}
+
+.VistaBlue .RestoreIcon {
+	background-position: center 79px;
+}
+
+.VistaBlue .OverRestoreIcon {
+	background-position: center 159px;
+}
+
+.VistaBlue .Information {
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+}
+
+.VistaBlue .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .VistaBlue .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.UIPageDesktop .VistaBlue .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 9px; height: 12px;
+	cursor: nw-resize;
+	background: url('/eXoSkinVista/skin/VistaSkin/skinIcons/16x16/icons/ResizeBG.gif') no-repeat bottom right;
+}
+
+.VistaBlue .MiddleDecoratorLeft {
+	padding-left: 15px;
+	background: url('background/MVistaBlue.png') repeat-y left;
+}
+
+.VistaBlue .MiddleDecoratorRight {
+	padding-right: 18px;
+	background: url('background/MVistaBlue.png') repeat-y right;
+}
+
+.UIPortlet .VistaBlue .MiddleDecoratorRight {
+	padding-right: 16px;
+}
+
+.VistaBlue .BottomDecoratorLeft {
+	background-image: url('background/VistaBlue.png');
+	background-repeat: no-repeat;
+	background-position: left -54px;
+	padding-left: 15px;
+}
+
+.VistaBlue .BottomDecoratorRight {
+	background-image: url('background/VistaBlue.png');
+	background-repeat: no-repeat;
+	background-position: right -27px;
+	padding-right: 15px;
+}
+
+.VistaBlue .BottomDecoratorCenter {
+	background-image: url('background/VistaBlue.png');
+	background-repeat: repeat-x;
+	background-position: left top;
+}
+
+.VistaBlue .BottomDecoratorCenter .FixHeight {
+	height: 27px;
+}
+
+.VistaBlue .WindowBarLeft {
+	background-image: url('background/VistaBlue.png');
+	background-repeat: no-repeat;
+	background-position: left -151px;
+	padding-left: 15px;
+}
+
+.VistaBlue .WindowBarRight {
+	background-image: url('background/VistaBlue.png');
+	background-repeat: no-repeat;
+	background-position: right -116px;
+	padding-right: 15px;
+}
+
+.VistaBlue .WindowBarCenter {
+	background-image: url('background/VistaBlue.png');
+	background-repeat: repeat-x;
+	background-position: left -81px;
+}
+
+.VistaBlue .WindowBarCenter .FixHeight {
+	height: 27px;
+	padding-top: 8px;
+}
+
+/*-------------------------- RoundConerBlue ---------------------------*/
+
+.RoundConerBlue .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+	
+}
+
+.RoundConerBlue .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/RoundCornerBlue.png');
+}
+
+.RoundConerBlue .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.RoundConerBlue .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .RoundConerBlue .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.RoundConerBlue .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 19px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.RoundConerBlue .ArrowDownIcon {
+	background-position: center 21px;
+}
+
+.RoundConerBlue .OverArrowDownIcon {
+	background-position: center 117px;
+}
+
+.RoundConerBlue .MinimizedIcon {
+	background-position: center 45px;
+}
+
+.RoundConerBlue .OverMinimizedIcon {
+	background-position: center 141px;
+}
+
+.RoundConerBlue .MaximizedIcon {
+	background-position: center 69px;
+}
+
+.RoundConerBlue .OverMaximizedIcon {
+	background-position: center 165px;
+}
+
+.RoundConerBlue .RestoreIcon {
+	background-position: center 93px;
+}
+
+.RoundConerBlue .OverRestoreIcon {
+	background-position: center 189px;
+}
+
+.RoundConerBlue .NormalIcon {
+	background-position: center 93px;
+}
+
+.RoundConerBlue .OverNormalIcon {
+	background-position: center 189px;
+}
+
+.RoundConerBlue .WindowBarLeft {
+	padding-left: 12px;
+	background-image: url('background/RoundCornerBlue.png');
+	background-repeat: no-repeat;
+	background-position: left -154px;
+}
+
+.RoundConerBlue .WindowBarRight {
+	padding-right: 12px;
+	background-image: url('background/RoundCornerBlue.png');
+	background-repeat: no-repeat;
+	background-position: right -122px;
+}
+
+.RoundConerBlue .WindowBarCenter {
+	background: url('background/RoundCornerBlue.png') repeat-x;
+	background-position: left -90px;
+}
+
+.RoundConerBlue .WindowBarCenter .FixHeight {
+	height: 22px;
+	padding-top: 10px;
+}
+
+.RoundConerBlue .MiddleDecoratorLeft {
+	padding-left: 13px;
+	background: url('background/MRoundConerBlue.png') repeat-y left;
+}
+
+.RoundConerBlue .MiddleDecoratorRight {
+	padding-right: 13px;
+	background: url('background/MRoundConerBlue.png') repeat-y right;
+}
+
+.RoundConerBlue .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .RoundConerBlue .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.RoundConerBlue .BottomDecoratorLeft {
+	padding-left: 13px;
+	background-image: url('background/RoundCornerBlue.png');
+	background-repeat: no-repeat;
+	background-position: left -60px;
+}
+
+.RoundConerBlue .BottomDecoratorRight {
+	padding-right: 13px;
+	background-image: url('background/RoundCornerBlue.png');
+	background-repeat: no-repeat;
+	background-position: right -30px;
+}
+
+.RoundConerBlue .BottomDecoratorCenter {
+	background: url('background/RoundCornerBlue.png') repeat-x;
+	background-position: top;
+}
+
+.RoundConerBlue .BottomDecoratorCenter .FixHeight {
+	height: 30px;
+}
+
+/*------------------ RoundConerViolet -----------------*/
+
+.RoundConerViolet .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+	
+}
+
+.RoundConerViolet .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/RoundConerViolet.png');
+}
+
+.RoundConerViolet .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	padding-left: 5px;
+	margin-right: 18px;
+}
+
+.RoundConerViolet .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .RoundConerViolet .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.RoundConerViolet .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 19px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.RoundConerViolet .ArrowDownIcon {
+	background-position: center 21px;
+}
+
+.RoundConerViolet .OverArrowDownIcon {
+	background-position: center 117px;
+}
+
+.RoundConerViolet .MinimizedIcon {
+	background-position: center 45px;
+}
+
+.RoundConerViolet .OverMinimizedIcon {
+	background-position: center 141px;
+}
+
+.RoundConerViolet .MaximizedIcon {
+	background-position: center 69px;
+}
+
+.RoundConerViolet .OverMaximizedIcon {
+	background-position: center 165px;
+}
+
+.RoundConerViolet .RestoreIcon {
+	background-position: center 93px;
+}
+
+.RoundConerViolet .OverRestoreIcon {
+	background-position: center 189px;
+}
+
+.RoundConerViolet .NormalIcon {
+	background-position: center 93px;
+}
+
+.RoundConerViolet .OverNormalIcon {
+	background-position: center 189px;
+}
+
+.RoundConerViolet .WindowBarLeft {
+	padding-left: 13px;
+	background-image: url('background/RoundConerViolet.png');
+	background-repeat: no-repeat;
+	background-position: left -153px;
+}
+
+.RoundConerViolet .WindowBarRight {
+	padding-right: 13px;
+	background-image: url('background/RoundConerViolet.png');
+	background-repeat: no-repeat;
+	background-position: right -121px;
+}
+
+.RoundConerViolet .WindowBarCenter {
+	background: url('background/RoundConerViolet.png') repeat-x;
+	background-position: left -90px;
+}
+
+.RoundConerViolet .WindowBarCenter .FixHeight {
+	height: 22px;
+	padding-top: 10px;
+}
+
+.UIPortlet .RoundConerViolet .WindowBarCenter {
+	height: 31px;
+}
+
+.RoundConerViolet .MiddleDecoratorLeft {
+	padding-left: 13px;
+	background: url('background/MRoundConerViolet.png') repeat-y left;
+}
+
+.RoundConerViolet .MiddleDecoratorRight {
+	padding-right: 13px;
+	background: url('background/MRoundConerViolet.png') repeat-y right;
+}
+
+.RoundConerViolet .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .RoundConerViolet .MiddleDecoratorCenter {
+	height:100%;
+}
+
+.RoundConerViolet .BottomDecoratorLeft {
+	padding-left: 13px;
+	background-image: url('background/RoundConerViolet.png');
+	background-repeat: no-repeat;
+	background-position: left -60px;
+}
+
+.RoundConerViolet .BottomDecoratorRight {
+	padding-right: 13px;
+	background-image: url('background/RoundConerViolet.png');
+	background-repeat: no-repeat;
+	background-position: right -30px;
+}
+
+.RoundConerViolet .BottomDecoratorCenter {
+	background: url('background/RoundConerViolet.png') repeat-x;
+	background-position: top;
+}
+
+.RoundConerViolet .BottomDecoratorCenter .FixHeight {
+	height: 30px;
+}
+
+/*------------------------------- RoundConerOrange ----------------------------------*/
+
+.RoundConerOrange .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+}
+
+.RoundConerOrange .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/RoundConerOrange.png');
+}
+
+.RoundConerOrange .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.RoundConerOrange .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .RoundConerOrange .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.RoundConerOrange .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 19px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.RoundConerOrange .ArrowDownIcon {
+	background-position: center 21px;
+}
+
+.RoundConerOrange .OverArrowDownIcon {
+	background-position: center 117px;
+}
+
+.RoundConerOrange .MinimizedIcon {
+	background-position: center 45px;
+}
+
+.RoundConerOrange .OverMinimizedIcon {
+	background-position: center 141px;
+}
+
+.RoundConerOrange .MaximizedIcon {
+	background-position: center 69px;
+}
+
+.RoundConerOrange .OverMaximizedIcon {
+	background-position: center 165px;
+}
+
+.RoundConerOrange .RestoreIcon {
+	background-position: center 93px;
+}
+
+.RoundConerOrange .OverRestoreIcon {
+	background-position: center 189px;
+}
+
+.RoundConerOrange .NormalIcon {
+	background-position: center 93px;
+}
+
+.RoundConerOrange .OverNormalIcon {
+	background-position: center 189px;
+}
+
+.RoundConerOrange .WindowBarLeft {
+	padding-left: 13px;
+	background-image: url('background/RoundConerOrange.png');
+	background-repeat: no-repeat;
+	background-position: left -153px;
+}
+
+.RoundConerOrange .WindowBarRight {
+	padding-right: 13px;
+	background-image: url('background/RoundConerOrange.png');
+	background-repeat: no-repeat;
+	background-position: right -121px;
+}
+
+.RoundConerOrange .WindowBarCenter {
+	background: url('background/RoundConerOrange.png') repeat-x;
+	background-position: left -90px;
+}
+
+.RoundConerOrange .WindowBarCenter .FixHeight {
+	height: 22px;
+	padding-top: 10px;
+}
+
+.UIPortlet .RoundConerOrange .WindowBarCenter {
+	height: 31px;
+}
+
+.RoundConerOrange .MiddleDecoratorLeft {
+	padding-left: 13px;
+	background: url('background/MRoundConerOrange.png') repeat-y left;
+}
+
+.RoundConerOrange .MiddleDecoratorRight {
+	padding-right: 13px;
+	background: url('background/MRoundConerOrange.png') repeat-y right;
+}
+
+.RoundConerOrange .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .RoundConerOrange .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.RoundConerOrange .BottomDecoratorLeft {
+	padding-left: 13px;
+	background-image: url('background/RoundConerOrange.png');
+	background-repeat: no-repeat;
+	background-position: left -60px;
+}
+
+.RoundConerOrange .BottomDecoratorRight {
+	padding-right: 13px;
+	background-image: url('background/RoundConerOrange.png');
+	background-repeat: no-repeat;
+	background-position: right -30px;
+}
+
+.RoundConerOrange .BottomDecoratorCenter {
+	background: url('background/RoundConerOrange.png') repeat-x;
+	background-position: top;
+}
+
+.RoundConerOrange .BottomDecoratorCenter .FixHeight {
+	height: 30px;
+}
+
+/*------------------------------- RoundConerPink ----------------------------------*/
+
+.RoundConerPink .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+}
+
+.RoundConerPink .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/RoundConerPink.png');
+}
+
+.RoundConerPink .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.RoundConerPink .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .RoundConerPink .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.RoundConerPink .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 19px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.RoundConerPink .ArrowDownIcon {
+	background-position: center 21px;
+}
+
+.RoundConerPink .OverArrowDownIcon {
+	background-position: center 117px;
+}
+
+.RoundConerPink .MinimizedIcon {
+	background-position: center 45px;
+}
+
+.RoundConerPink .OverMinimizedIcon {
+	background-position: center 141px;
+}
+
+.RoundConerPink .MaximizedIcon {
+	background-position: center 69px;
+}
+
+.RoundConerPink .OverMaximizedIcon {
+	background-position: center 165px;
+}
+
+.RoundConerPink .RestoreIcon {
+	background-position: center 93px;
+}
+
+.RoundConerPink .OverRestoreIcon {
+	background-position: center 189px;
+}
+
+.RoundConerPink .NormalIcon {
+	background-position: center 93px;
+}
+
+.RoundConerPink .OverNormalIcon {
+	background-position: center 189px;
+}
+
+.RoundConerPink .WindowBarLeft {
+	padding-left: 13px;
+	background-image: url('background/RoundConerPink.png');
+	background-repeat: no-repeat;
+	background-position: left -153px;
+}
+
+.RoundConerPink .WindowBarRight {
+	padding-right: 13px;
+	background-image: url('background/RoundConerPink.png');
+	background-repeat: no-repeat;
+	background-position: right -121px;
+}
+
+.RoundConerPink .WindowBarCenter {
+	background: url('background/RoundConerPink.png') repeat-x;
+	background-position: left -90px;
+}
+
+.RoundConerPink .WindowBarCenter .FixHeight {
+	height: 22px;
+	padding-top: 10px;
+}
+
+.UIPortlet .RoundConerPink .WindowBarCenter {
+	height: 31px;
+}
+
+.RoundConerPink .MiddleDecoratorLeft {
+	padding-left: 13px;
+	background: url('background/MRoundConerPink.png') repeat-y left;
+}
+
+.RoundConerPink .MiddleDecoratorRight {
+	padding-right: 13px;
+	background: url('background/MRoundConerPink.png') repeat-y right;
+}
+
+.RoundConerPink .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .RoundConerPink .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.RoundConerPink .BottomDecoratorLeft {
+	padding-left: 13px;
+	background-image: url('background/RoundConerPink.png');
+	background-repeat: no-repeat;
+	background-position: left -60px;
+}
+
+.RoundConerPink .BottomDecoratorRight {
+	padding-right: 13px;
+	background-image: url('background/RoundConerPink.png');
+	background-repeat: no-repeat;
+	background-position: right -30px;
+}
+
+.RoundConerPink .BottomDecoratorCenter {
+	background: url('background/RoundConerPink.png') repeat-x;
+	background-position: top;
+}
+
+.RoundConerPink .BottomDecoratorCenter .FixHeight {
+	height: 30px;
+}
+
+/*------------------------------- RoundConerGreen ----------------------------------*/
+
+.RoundConerGreen .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+}
+
+.RoundConerGreen .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/RoundConerGreen.png');
+}
+
+.RoundConerGreen .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.RoundConerGreen .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .RoundConerGreen .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.RoundConerGreen .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 19px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.RoundConerGreen .ArrowDownIcon {
+	background-position: center 21px;
+}
+
+.RoundConerGreen .OverArrowDownIcon {
+	background-position: center 117px;
+}
+
+.RoundConerGreen .MinimizedIcon {
+	background-position: center 45px;
+}
+
+.RoundConerGreen .OverMinimizedIcon {
+	background-position: center 141px;
+}
+
+.RoundConerGreen .MaximizedIcon {
+	background-position: center 69px;
+}
+
+.RoundConerGreen .OverMaximizedIcon {
+	background-position: center 165px;
+}
+
+.RoundConerGreen .RestoreIcon {
+	background-position: center 93px;
+}
+
+.RoundConerGreen .OverRestoreIcon {
+	background-position: center 189px;
+}
+
+.RoundConerGreen .NormalIcon {
+	background-position: center 93px;
+}
+
+.RoundConerGreen .OverNormalIcon {
+	background-position: center 189px;
+}
+
+.RoundConerGreen .WindowBarLeft {
+	padding-left: 13px;
+	background-image: url('background/RoundConerGreen.png');
+	background-repeat: no-repeat;
+	background-position: left -153px;
+}
+
+.RoundConerGreen .WindowBarRight {
+	padding-right: 13px;
+	background-image: url('background/RoundConerGreen.png');
+	background-repeat: no-repeat;
+	background-position: right -121px;
+}
+
+.RoundConerGreen .WindowBarCenter {
+	background: url('background/RoundConerGreen.png') repeat-x;
+	background-position: left -90px;
+}
+
+.RoundConerGreen .WindowBarCenter .FixHeight {
+	height: 22px;
+	padding-top: 10px;
+}
+
+.UIPortlet .RoundConerGreen .WindowBarCenter {
+	height: 31px;
+}
+
+.RoundConerGreen .MiddleDecoratorLeft {
+	padding-left: 13px;
+	background: url('background/MRoundConerGreen.png') repeat-y left;
+}
+
+.RoundConerGreen .MiddleDecoratorRight {
+	padding-right: 13px;
+	background: url('background/MRoundConerGreen.png') repeat-y right;
+}
+
+.RoundConerGreen .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .RoundConerGreen .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.RoundConerGreen .BottomDecoratorLeft {
+	padding-left: 13px;
+	background-image: url('background/RoundConerGreen.png');
+	background-repeat: no-repeat;
+	background-position: left -60px;
+}
+
+.RoundConerGreen .BottomDecoratorRight {
+	padding-right: 13px;
+	background-image: url('background/RoundConerGreen.png');
+	background-repeat: no-repeat;
+	background-position: right -30px;
+}
+
+.RoundConerGreen .BottomDecoratorCenter {
+	background: url('background/RoundConerGreen.png') repeat-x;
+	background-position: top;
+}
+
+.RoundConerGreen .BottomDecoratorCenter .FixHeight {
+	height: 30px;
+}
+
+/*-------------------------- ShadowBlue ---------------------------*/
+
+.ShadowBlue .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+}
+
+.ShadowBlue .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/ShadowBlue.png');
+}
+
+.ShadowBlue .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.ShadowBlue .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .ShadowBlue .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.ShadowBlue .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 16px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.ShadowBlue .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.ShadowBlue .OverArrowDownIcon {
+	background-position: center 116px;
+}
+
+.ShadowBlue .MinimizedIcon {
+	background-position: center 44px;
+}
+
+.ShadowBlue .OverMinimizedIcon {
+	background-position: center 140px;
+}
+
+.ShadowBlue .MaximizedIcon {
+	background-position: center 68px;
+}
+
+.ShadowBlue .OverMaximizedIcon {
+	background-position: center 164px;
+}
+
+.ShadowBlue .RestoreIcon {
+	background-position: center 92px;
+}
+
+.ShadowBlue .OverRestoreIcon {
+	background-position: center 188px;
+}
+
+.ShadowBlue .NormalIcon {
+	background-position: center 92px;
+}
+
+.ShadowBlue .OverNormalIcon {
+	background-position: center 188px;
+}
+
+.ShadowBlue .WindowBarLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowBlue.png');
+	background-repeat: no-repeat;
+	background-position: left -142px;
+}
+
+.ShadowBlue .WindowBarRight {
+	padding-right: 10px;
+ 	background-image: url('background/ShadowBlue.png');
+	background-repeat: no-repeat;
+	background-position: right -113px;
+}
+
+.ShadowBlue .WindowBarCenter {
+	background-image: url('background/ShadowBlue.png');
+	background-repeat: repeat-x;
+	background-position: center -84px;
+}
+
+.ShadowBlue .WindowBarCenter .FixHeight {
+	height: 20px;
+	padding-top: 9px;
+}
+
+.ShadowBlue .MiddleDecoratorLeft {
+	padding-left: 11px;
+	background: url('background/MShadowBlue.png') repeat-y left;
+}
+
+.ShadowBlue .MiddleDecoratorRight {
+	padding-right: 10px;
+	background: url('background/MShadowBlue.png') repeat-y right;
+}
+
+.ShadowBlue .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .ShadowBlue .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.ShadowBlue .BottomDecoratorLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowBlue.png');
+	background-repeat: no-repeat;
+	background-position: left -56px;
+}
+
+.ShadowBlue .BottomDecoratorRight {
+	padding-right: 10px;
+	background-image: url('background/ShadowBlue.png');
+	background-repeat: no-repeat;
+	background-position: right -28px;
+}
+
+.ShadowBlue .BottomDecoratorCenter {
+	background-image: url('background/ShadowBlue.png');
+	background-repeat: repeat-x;
+	background-position: center top;
+}
+
+.ShadowBlue .BottomDecoratorCenter .FixHeight {
+	height: 28px;
+}
+
+/*------------------------------ ShadowViolet -----------------------------------*/
+
+.ShadowViolet .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+}
+
+.ShadowViolet .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/ShadowViolet.png');
+}
+
+.ShadowViolet .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.ShadowViolet .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .ShadowViolet .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.ShadowViolet .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 16px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.ShadowViolet .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.ShadowViolet .OverArrowDownIcon {
+	background-position: center 116px;
+}
+
+.ShadowViolet .MinimizedIcon {
+	background-position: center 44px;
+}
+
+.ShadowViolet .OverMinimizedIcon {
+	background-position: center 140px;
+}
+
+.ShadowViolet .MaximizedIcon {
+	background-position: center 68px;
+}
+
+.ShadowViolet .OverMaximizedIcon {
+	background-position: center 164px;
+}
+
+.ShadowViolet .RestoreIcon {
+	background-position: center 92px;
+}
+
+.ShadowViolet .OverRestoreIcon {
+	background-position: center 188px;
+}
+
+.ShadowViolet .NormalIcon {
+	background-position: center 92px;
+}
+
+.ShadowViolet .OverNormalIcon {
+	background-position: center 188px;
+}
+
+.ShadowViolet .WindowBarLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowViolet.png');
+	background-repeat: no-repeat;
+	background-position: left -142px;
+}
+
+.ShadowViolet .WindowBarRight {
+	padding-right: 10px;
+ 	background-image: url('background/ShadowViolet.png');
+	background-repeat: no-repeat;
+	background-position: right -113px;
+}
+
+.ShadowViolet .WindowBarCenter {
+	background-image: url('background/ShadowViolet.png');
+	background-repeat: repeat-x;
+	background-position: center -84px;
+}
+
+.ShadowViolet .WindowBarCenter .FixHeight {
+	height: 20px;
+	padding-top: 9px;
+}
+
+.ShadowViolet .MiddleDecoratorLeft {
+	padding-left: 11px;
+	background: url('background/MShadowViolet.png') repeat-y left;
+}
+
+.ShadowViolet .MiddleDecoratorRight {
+	padding-right: 10px;
+	background: url('background/MShadowViolet.png') repeat-y right;
+}
+
+.ShadowViolet .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .ShadowViolet .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.ShadowViolet .BottomDecoratorLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowViolet.png');
+	background-repeat: no-repeat;
+	background-position: left -56px;
+}
+
+.ShadowViolet .BottomDecoratorRight {
+	padding-right: 10px;
+	background-image: url('background/ShadowViolet.png');
+	background-repeat: no-repeat;
+	background-position: right -28px;
+}
+
+.ShadowViolet .BottomDecoratorCenter {
+	background-image: url('background/ShadowViolet.png');
+	background-repeat: repeat-x;
+	background-position: center top;
+}
+
+.ShadowViolet .BottomDecoratorCenter .FixHeight {
+	height: 28px;
+}
+
+/*------------------------------ ShadowOrange -----------------------------------*/
+
+.ShadowOrange .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+}
+
+.ShadowOrange .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/ShadowOrange.png');
+}
+
+.ShadowOrange .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.ShadowOrange .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .ShadowOrange .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.ShadowOrange .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 16px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.ShadowOrange .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.ShadowOrange .OverArrowDownIcon {
+	background-position: center 116px;
+}
+
+.ShadowOrange .MinimizedIcon {
+	background-position: center 44px;
+}
+
+.ShadowOrange .OverMinimizedIcon {
+	background-position: center 140px;
+}
+
+.ShadowOrange .MaximizedIcon {
+	background-position: center 68px;
+}
+
+.ShadowOrange .OverMaximizedIcon {
+	background-position: center 164px;
+}
+
+.ShadowOrange .RestoreIcon {
+	background-position: center 92px;
+}
+
+.ShadowOrange .OverRestoreIcon {
+	background-position: center 188px;
+}
+
+.ShadowOrange .NormalIcon {
+	background-position: center 92px;
+}
+
+.ShadowOrange .OverNormalIcon {
+	background-position: center 188px;
+}
+
+.ShadowOrange .WindowBarLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowOrange.png');
+	background-repeat: no-repeat;
+	background-position: left -142px;
+}
+
+.ShadowOrange .WindowBarRight {
+	padding-right: 10px;
+ 	background-image: url('background/ShadowOrange.png');
+	background-repeat: no-repeat;
+	background-position: right -113px;
+}
+
+.ShadowOrange .WindowBarCenter {
+	background-image: url('background/ShadowOrange.png');
+	background-repeat: repeat-x;
+	background-position: center -84px;
+}
+
+.ShadowOrange .WindowBarCenter .FixHeight {
+	height: 19px;
+	padding-top: 10px;
+}
+
+.ShadowOrange .MiddleDecoratorLeft {
+	padding-left: 11px;
+	background: url('background/MShadowOrange.png') repeat-y left;
+}
+
+.ShadowOrange .MiddleDecoratorRight {
+	padding-right: 10px;
+	background: url('background/MShadowOrange.png') repeat-y right;
+}
+
+.ShadowOrange .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .ShadowOrange .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.ShadowOrange .BottomDecoratorLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowOrange.png');
+	background-repeat: no-repeat;
+	background-position: left -56px;
+}
+
+.ShadowOrange .BottomDecoratorRight {
+	padding-right: 10px;
+	background-image: url('background/ShadowOrange.png');
+	background-repeat: no-repeat;
+	background-position: right -28px;
+}
+
+.ShadowOrange .BottomDecoratorCenter {
+	background-image: url('background/ShadowOrange.png');
+	background-repeat: repeat-x;
+	background-position: center top;
+}
+
+.ShadowOrange .BottomDecoratorCenter .FixHeight {
+	height: 28px;
+}
+
+/*------------------------------ ShadowPink -----------------------------------*/
+
+
+.ShadowPink .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+}
+
+.ShadowPink .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/ShadowPink.png');
+}
+
+.ShadowPink .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.ShadowPink .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .ShadowPink .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.ShadowPink .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 16px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.ShadowPink .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.ShadowPink .OverArrowDownIcon {
+	background-position: center 116px;
+}
+
+.ShadowPink .MinimizedIcon {
+	background-position: center 44px;
+}
+
+.ShadowPink .OverMinimizedIcon {
+	background-position: center 140px;
+}
+
+.ShadowPink .MaximizedIcon {
+	background-position: center 68px;
+}
+
+.ShadowPink .OverMaximizedIcon {
+	background-position: center 164px;
+}
+
+.ShadowPink .RestoreIcon {
+	background-position: center 92px;
+}
+
+.ShadowPink .OverRestoreIcon {
+	background-position: center 188px;
+}
+
+.ShadowPink .NormalIcon {
+	background-position: center 92px;
+}
+
+.ShadowPink .OverNormalIcon {
+	background-position: center 188px;
+}
+
+.ShadowPink .WindowBarLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowPink.png');
+	background-repeat: no-repeat;
+	background-position: left -142px;
+}
+
+.ShadowPink .WindowBarRight {
+	padding-right: 10px;
+ 	background-image: url('background/ShadowPink.png');
+	background-repeat: no-repeat;
+	background-position: right -113px;
+}
+
+.ShadowPink .WindowBarCenter {
+	background-image: url('background/ShadowPink.png');
+	background-repeat: repeat-x;
+	background-position: center -84px;
+}
+
+.ShadowPink .WindowBarCenter .FixHeight {
+	height: 19px;
+	padding-top: 10px;
+}
+
+.ShadowPink .MiddleDecoratorLeft {
+	padding-left: 11px;
+	background: url('background/MShadowPink.png') repeat-y left;
+}
+
+.ShadowPink .MiddleDecoratorRight {
+	padding-right: 10px;
+	background: url('background/MShadowPink.png') repeat-y right;
+}
+
+.ShadowPink .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .ShadowPink .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.ShadowPink .BottomDecoratorLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowPink.png');
+	background-repeat: no-repeat;
+	background-position: left -56px;
+}
+
+.ShadowPink .BottomDecoratorRight {
+	padding-right: 10px;
+	background-image: url('background/ShadowPink.png');
+	background-repeat: no-repeat;
+	background-position: right -28px;
+}
+
+.ShadowPink .BottomDecoratorCenter {
+	background-image: url('background/ShadowPink.png');
+	background-repeat: repeat-x;
+	background-position: center top;
+}
+
+.ShadowPink .BottomDecoratorCenter .FixHeight {
+	height: 28px;
+}
+
+/*------------------------------ ShadowGreen -----------------------------------*/
+
+
+.ShadowGreen .WindowBarCenter .WindowPortletInfo {
+	margin-right: 70px; /* orientation=lt */
+	margin-left: 70px; /* orientation=rt */
+}
+
+.ShadowGreen .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 20px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+	background-image: url('background/ShadowGreen.png');
+}
+
+.ShadowGreen .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.ShadowGreen .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .ShadowGreen .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.ShadowGreen .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	line-height: 16px;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.ShadowGreen .ArrowDownIcon {
+	background-position: center 20px;
+}
+
+.ShadowGreen .OverArrowDownIcon {
+	background-position: center 116px;
+}
+
+.ShadowGreen .MinimizedIcon {
+	background-position: center 44px;
+}
+
+.ShadowGreen .OverMinimizedIcon {
+	background-position: center 140px;
+}
+
+.ShadowGreen .MaximizedIcon {
+	background-position: center 68px;
+}
+
+.ShadowGreen .OverMaximizedIcon {
+	background-position: center 164px;
+}
+
+.ShadowGreen .RestoreIcon {
+	background-position: center 92px;
+}
+
+.ShadowGreen .OverRestoreIcon {
+	background-position: center 188px;
+}
+
+.ShadowGreen .NormalIcon {
+	background-position: center 92px;
+}
+
+.ShadowGreen .OverNormalIcon {
+	background-position: center 188px;
+}
+
+.ShadowGreen .WindowBarLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowGreen.png');
+	background-repeat: no-repeat;
+	background-position: left -142px;
+}
+
+.ShadowGreen .WindowBarRight {
+	padding-right: 10px;
+ 	background-image: url('background/ShadowGreen.png');
+	background-repeat: no-repeat;
+	background-position: right -113px;
+}
+
+.ShadowGreen .WindowBarCenter {
+	background-image: url('background/ShadowGreen.png');
+	background-repeat: repeat-x;
+	background-position: center -84px;
+}
+
+.ShadowGreen .WindowBarCenter .FixHeight {
+	height: 20px;
+	padding-top: 9px;
+}
+
+.ShadowGreen .MiddleDecoratorLeft {
+	padding-left: 11px;
+	background: url('background/MShadowGreen.png') repeat-y left;
+}
+
+.ShadowGreen .MiddleDecoratorRight {
+	padding-right: 10px;
+	background: url('background/MShadowGreen.png') repeat-y right;
+}
+
+.ShadowGreen .MiddleDecoratorCenter {
+	background: #ffffff;
+}
+
+.UIPortlet .ShadowGreen .MiddleDecoratorCenter {
+	height: 100%;
+}
+
+.ShadowGreen .BottomDecoratorLeft {
+	padding-left: 11px;
+	background-image: url('background/ShadowGreen.png');
+	background-repeat: no-repeat;
+	background-position: left -56px;
+}
+
+.ShadowGreen .BottomDecoratorRight {
+	padding-right: 10px;
+	background-image: url('background/ShadowGreen.png');
+	background-repeat: no-repeat;
+	background-position: right -28px;
+}
+
+.ShadowGreen .BottomDecoratorCenter {
+	background-image: url('background/ShadowGreen.png');
+	background-repeat: repeat-x;
+	background-position: center top;
+}
+
+.ShadowGreen .BottomDecoratorCenter .FixHeight {
+	height: 28px;
+}
+
+/*------------------------------ SimpleBlue -----------------------------------*/
+
+.SimpleBlue .WindowBarCenter .WindowPortletInfo {
+	margin-right: 60px; /* orientation=lt */
+	margin-left: 60px; /* orientation=rt */
+}
+
+.SimpleBlue .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 16px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+}
+
+.SimpleBlue .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.SimpleBlue .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .SimpleBlue .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.SimpleBlue .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.SimpleBlue .ArrowDownIcon {
+	background: url('background/SimpleStyle.gif') left 16px;
+}
+
+.SimpleBlue .OverArrowDownIcon {
+	background: url('background/SimpleStyle.gif') right 16px;
+}
+
+.SimpleBlue .MinimizedIcon {
+	background: url('background/SimpleStyle.gif') left 32px;
+}
+
+.SimpleBlue .OverMinimizedIcon {
+	background: url('background/SimpleStyle.gif') right 32px;
+}
+
+.SimpleBlue .MaximizedIcon {
+	background: url('background/SimpleStyle.gif') left 48px;
+}
+
+.SimpleBlue .OverMaximizedIcon {
+	background: url('background/SimpleStyle.gif') right 48px;
+}
+
+.SimpleBlue .RestoreIcon {
+	background: url('background/SimpleStyle.gif') left 64px;
+}
+
+.SimpleBlue .OverRestoreIcon {
+	background: url('background/SimpleStyle.gif') right 64px;
+}
+
+.SimpleBlue .NormalIcon {
+	background: url('background/SimpleStyle.gif') left 64px;
+}
+
+.SimpleBlue .OverNormalIcon {
+	background: url('background/SimpleStyle.gif') right 64px;
+}
+
+.SimpleBlue .WindowBarLeft {
+	border: 1px solid #3d589d;
+	border-bottom: none;
+}
+
+.SimpleBlue .WindowBarRight {
+	border: 1px solid #d7e5f2;
+}
+
+.SimpleBlue .WindowBarCenter {
+	background: #b0c0f5;
+}
+
+.SimpleBlue .WindowBarCenter .FixHeight {
+	height: 18px;
+	line-height: 18px;
+}
+
+
+.SimpleBlue .MiddleDecoratorLeft {
+	border-left: 1px solid #3d589d;
+	border-right: 1px solid #3d589d;
+}
+
+.SimpleBlue .MiddleDecoratorRight {
+	border: 2px solid #d7e5f2;
+	border-top: none;
+	border-bottom: none;
+}
+
+.SimpleBlue .MiddleDecoratorCenter {
+	border: 1px solid #4a67b1;
+	border-bottom: none;
+	background: #ffffff;
+	padding: 1px;
+}
+
+.SimpleBlue .BottomDecoratorLeft {
+	border-left: 1px solid #3d589d;
+	border-right: 1px solid #3d589d;
+	border-bottom: 1px solid #3d589d;
+}
+
+.SimpleBlue .BottomDecoratorRight {
+	border: 2px solid #d7e5f2;
+	border-top: none;
+}
+
+.SimpleBlue .BottomDecoratorCenter {
+	border: 1px solid #4a67b1;
+	border-top: none;
+	background: white url('background/BGDecoratorCenter1x18.gif') repeat-x; 
+}
+
+.SimpleBlue .BottomDecoratorCenter .FixHeight {
+	height: 19px;
+}
+
+/*------------------------------ SimpleViolet -----------------------------------*/
+
+.SimpleViolet .WindowBarCenter .WindowPortletInfo {
+	margin-right: 60px; /* orientation=lt */
+	margin-left: 60px; /* orientation=rt */
+}
+
+.SimpleViolet .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 16px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+}
+
+.SimpleViolet .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.SimpleViolet .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .SimpleViolet .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.SimpleViolet .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.SimpleViolet .ArrowDownIcon {
+	background: url('background/SimpleStyle.gif') left 80px;
+}
+
+.SimpleViolet .OverArrowDownIcon {
+	background: url('background/SimpleStyle.gif') right 80px;
+}
+
+.SimpleViolet .MinimizedIcon {
+	background: url('background/SimpleStyle.gif') left 96px;
+}
+
+.SimpleViolet .OverMinimizedIcon {
+	background: url('background/SimpleStyle.gif') right 96px;
+}
+
+.SimpleViolet .MaximizedIcon {
+	background: url('background/SimpleStyle.gif') left 112px;
+}
+
+.SimpleViolet .OverMaximizedIcon {
+	background: url('background/SimpleStyle.gif') right 112px;
+}
+
+.SimpleViolet .RestoreIcon {
+	background: url('background/SimpleStyle.gif') left 128px;
+}
+
+.SimpleViolet .OverRestoreIcon {
+	background: url('background/SimpleStyle.gif') right 128px;
+}
+
+.SimpleViolet .NormalIcon {
+	background: url('background/SimpleStyle.gif') left 128px;
+}
+
+.SimpleViolet .OverNormalIcon {
+	background: url('background/SimpleStyle.gif') right 128px;
+}
+
+.SimpleViolet .WindowBarLeft {
+	border: 1px solid #c41fdc;
+	border-bottom: none;
+}
+
+.SimpleViolet .WindowBarRight {
+	border: 1px solid #ece7ff;
+}
+
+.SimpleViolet .WindowBarCenter {
+	background: #c4a6ff;
+}
+
+.SimpleViolet .WindowBarCenter .FixHeight {
+	height: 18px;
+	line-height: 18px;
+}
+
+.SimpleViolet .MiddleDecoratorLeft {
+	border-left: 1px solid #c41fdc;
+	border-right: 1px solid #c41fdc;
+}
+
+.SimpleViolet .MiddleDecoratorRight {
+	border: 2px solid #ece7ff;
+	border-top: none;
+	border-bottom: none;
+}
+
+.SimpleViolet .MiddleDecoratorCenter {
+	border: 1px solid #5700a9;
+	border-bottom: none;
+	background: #ffffff;
+	padding: 1px;
+}
+
+.SimpleViolet .BottomDecoratorLeft {
+	border: 1px solid #c41fdc;
+	border-top: none;
+}
+
+.SimpleViolet .BottomDecoratorRight {
+	border: 2px solid #ece7ff;
+	border-top: none;
+}
+
+.SimpleViolet .BottomDecoratorCenter {
+	border: 1px solid #5700a9;
+	border-top: none;
+	background: url('background/BGDecoratorCenter1x18.gif') repeat-x; 
+}
+
+.SimpleViolet .BottomDecoratorCenter .FixHeight {
+	height: 19px;
+}
+
+.UIPortlet .SimpleViolet .BottomDecoratorCenter {
+	height: 18px;
+}
+
+/*------------------------------ SimpleOrange -----------------------------------*/
+
+.SimpleOrange .WindowBarCenter .WindowPortletInfo {
+	margin-right: 60px; /* orientation=lt */
+	margin-left: 60px; /* orientation=rt */
+}
+
+.SimpleOrange .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 16px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+}
+
+.SimpleOrange .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.SimpleOrange .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .SimpleOrange .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.SimpleOrange .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.SimpleOrange .ArrowDownIcon {
+	background: url('background/SimpleStyle.gif') left 144px;
+}
+
+.SimpleOrange .OverArrowDownIcon {
+	background: url('background/SimpleStyle.gif') right 144px;
+}
+
+.SimpleOrange .MinimizedIcon {
+	background: url('background/SimpleStyle.gif') left 160px;
+}
+
+.SimpleOrange .OverMinimizedIcon {
+	background: url('background/SimpleStyle.gif') right 160px;
+}
+
+.SimpleOrange .MaximizedIcon {
+	background: url('background/SimpleStyle.gif') left 192px;
+}
+
+.SimpleOrange .OverMaximizedIcon {
+	background: url('background/SimpleStyle.gif') right 192px;
+}
+
+.SimpleOrange .RestoreIcon {
+	background: url('background/SimpleStyle.gif') left 176px;
+}
+
+.SimpleOrange .OverRestoreIcon {
+	background: url('background/SimpleStyle.gif') right 176px;
+}
+
+.SimpleOrange .NormalIcon {
+	background: url('background/SimpleStyle.gif') left 176px;
+}
+
+.SimpleOrange .OverNormalIcon {
+	background: url('background/SimpleStyle.gif') right 176px;
+}
+
+.SimpleOrange .WindowBarLeft {
+	border: 1px solid #ffb27f;
+	border-bottom: none;
+}
+
+.SimpleOrange .WindowBarRight {
+	border: 1px solid #fff1e5;
+}
+
+.SimpleOrange .WindowBarCenter {
+	background: #ffd1a8;
+}
+
+.SimpleOrange .WindowBarCenter .FixHeight {
+	height: 18px;
+	line-height: 18px;
+}
+
+.SimpleOrange .MiddleDecoratorLeft {
+	border-left: 1px solid #ffb27f;
+	border-right: 1px solid #ffb27f;
+}
+
+.SimpleOrange .MiddleDecoratorRight {
+	border: 2px solid #fff1e5;
+	border-top: none;
+	border-bottom: none;
+}
+
+.SimpleOrange .MiddleDecoratorCenter {
+	border: 1px solid #b27a49;
+	border-bottom: none;
+	background: #ffffff;
+	padding: 1px;
+}
+
+.SimpleOrange .BottomDecoratorLeft {
+	border: 1px solid #ffb27f;
+	border-top: none;
+}
+
+.SimpleOrange .BottomDecoratorRight {
+	border: 2px solid #fff1e5;
+	border-top: none;
+}
+
+.SimpleOrange .BottomDecoratorCenter {
+	border: 1px solid #b27a49;
+	border-top: none;
+	background: url('background/BGDecoratorCenter1x18.gif') repeat-x; 
+}
+
+.SimpleOrange .BottomDecoratorCenter .FixHeight {
+	height: 19px;
+}
+
+.UIPortlet .SimpleOrange .BottomDecoratorCenter {
+	height: 18px;
+}
+
+/*------------------------------ SimplePink -----------------------------------*/
+
+.SimplePink .WindowBarCenter .WindowPortletInfo {
+	margin-right: 60px; /* orientation=lt */
+	margin-left: 60px; /* orientation=rt */
+}
+
+.SimplePink .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 16px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+}
+
+.SimplePink .Information {
+	height: 18px; line-height: 18px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.SimplePink .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .SimplePink .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.SimplePink .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.SimplePink .ArrowDownIcon {
+	background: url('background/SimpleStyle.gif') left 208px;
+}
+
+.SimplePink .OverArrowDownIcon {
+	background: url('background/SimpleStyle.gif') right 208px;
+}
+
+.SimplePink .MinimizedIcon {
+	background: url('background/SimpleStyle.gif') left 224px;
+}
+
+.SimplePink .OverMinimizedIcon {
+	background: url('background/SimpleStyle.gif') right 224px;
+}
+
+.SimplePink .MaximizedIcon {
+	background: url('background/SimpleStyle.gif') left 240px;
+}
+
+.SimplePink .OverMaximizedIcon {
+	background: url('background/SimpleStyle.gif') right 240px;
+}
+
+.SimplePink .RestoreIcon {
+	background: url('background/SimpleStyle.gif') left 256px;
+}
+
+.SimplePink .OverRestoreIcon {
+	background: url('background/SimpleStyle.gif') right 256px;
+}
+
+.SimplePink .NormalIcon {
+	background: url('background/SimpleStyle.gif') left 256px;
+}
+
+.SimplePink .OverNormalIcon {
+	background: url('background/SimpleStyle.gif') right 256px;
+}
+
+.SimplePink .WindowBarLeft {
+	border: 1px solid #b69db3;
+	border-bottom: none;
+}
+
+.SimplePink .WindowBarRight {
+	border: 1px solid #fff1fd;
+}
+
+.SimplePink .WindowBarCenter {
+	background: #fdd8f9;
+}
+
+.SimplePink .WindowBarCenter .FixHeight {
+	height: 18px;
+	line-height: 18px;
+}
+
+.SimplePink .MiddleDecoratorLeft {
+	border-left: 1px solid #b69db3;
+	border-right: 1px solid #b69db3;
+}
+
+.SimplePink .MiddleDecoratorRight {
+	border: 2px solid #fff1fd;
+	border-top: none;
+	border-bottom: none;
+}
+
+.SimplePink .MiddleDecoratorCenter {
+	border: 1px solid #9a5591;
+	border-bottom: none;
+	background: #ffffff;
+	padding: 1px;
+}
+
+.SimplePink .BottomDecoratorLeft {
+	border: 1px solid #b69db3;
+	border-top: none;
+}
+
+.SimplePink .BottomDecoratorRight {
+	border: 2px solid #fff1fd;
+	border-top: none;
+}
+
+.SimplePink .BottomDecoratorCenter {
+	border: 1px solid #9a5591;
+	border-top: none;
+	background: url('background/BGDecoratorCenter1x18.gif') repeat-x; 
+}
+
+.SimplePink .BottomDecoratorCenter .FixHeight {
+	height: 19px;
+}
+
+.UIPortlet .SimplePink .BottomDecoratorCenter {
+	height: 18px;
+}
+
+/*------------------------------ SimpleGreen -----------------------------------*/
+
+.SimpleGreen .WindowBarCenter .WindowPortletInfo {
+	margin-right: 60px; /* orientation=lt */
+	margin-left: 60px; /* orientation=rt */
+}
+
+.SimpleGreen .WindowBarCenter .ControlIcon {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 16px; height: 16px;
+	margin-right: 2px; /* orientation=lt */
+	margin-left: 2px; /* orientation=rt */
+	cursor: pointer;
+}
+
+.SimpleGreen .Information {
+	line-height: 18px;
+	width: 100px;
+	font-size: 10px;
+	margin-right: 18px; /* orientation=lt */
+	margin-left: 18px; /* orientation=rt */
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.SimpleGreen .WindowBarCenter .WindowPortletIcon {
+	background-position: left top; /* orientation=lt */
+	background-position: right top; /* orientation=rt */
+	padding-left: 20px; /* orientation=lt */
+	padding-right: 20px; /* orientation=rt */
+	height: 16px;
+}
+
+.UIPageDesktop .SimpleGreen .ResizeArea {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	width: 17px; height: 19px;
+	cursor: nw-resize;
+	background: url('background/Resize17x19.png') no-repeat;
+}
+
+.SimpleGreen .WindowBarCenter .PortletName {
+	font-weight: bold;
+	color: #333333;
+	overflow: hidden;
+	white-space: nowrap;
+	width: 100%;
+}
+
+.SimpleGreen .ArrowDownIcon {
+	background: url('background/SimpleStyle.gif') left 272px;
+}
+
+.SimpleGreen .OverArrowDownIcon {
+	background: url('background/SimpleStyle.gif') right 272px;
+}
+
+.SimpleGreen .MinimizedIcon {
+	background: url('background/SimpleStyle.gif') left 288px;
+}
+
+.SimpleGreen .OverMinimizedIcon {
+	background: url('background/SimpleStyle.gif') right 288px;
+}
+
+.SimpleGreen .MaximizedIcon {
+	background: url('background/SimpleStyle.gif') left 304px;
+}
+
+.SimpleGreen .OverMaximizedIcon {
+	background: url('background/SimpleStyle.gif') right 304px;
+}
+
+.SimpleGreen .RestoreIcon {
+	background: url('background/SimpleStyle.gif') left 320px;
+}
+
+.SimpleGreen .OverRestoreIcon {
+	background: url('background/SimpleStyle.gif') right 320px;
+}
+
+.SimpleGreen .NormalIcon {
+	background: url('background/SimpleStyle.gif') left 320px;
+}
+
+.SimpleGreen .OverNormalIcon {
+	background: url('background/SimpleStyle.gif') right 320px;
+}
+
+.SimpleGreen .WindowBarLeft {
+	border: 1px solid #a0b9b6;
+	border-bottom: none;
+}
+
+.SimpleGreen .WindowBarRight {
+	border: 1px solid #eaf4ff;
+}
+
+.SimpleGreen .WindowBarCenter {
+	background: #a3d0ff;
+}
+
+.SimpleGreen .WindowBarCenter .FixHeight {
+	height: 18px;
+	line-height: 18px;
+}
+
+
+.SimpleGreen .MiddleDecoratorLeft {
+	border-left: 1px solid #a0b9b6;
+	border-right: 1px solid #a0b9b6;
+}
+
+.SimpleGreen .MiddleDecoratorRight {
+	border: 2px solid #eaf4ff;
+	border-top: none;
+	border-bottom: none;
+}
+
+.SimpleGreen .MiddleDecoratorCenter {
+	background: #ffffff;
+	border: 1px solid #4c717e;
+	border-bottom: none;
+	padding: 1px;
+}
+
+.SimpleGreen .BottomDecoratorLeft {
+	border: 1px solid #a0b9b6;
+	border-top: none;
+}
+
+.SimpleGreen .BottomDecoratorRight {
+	background: #eaf4ff;
+	padding: 0px 2px 2px 2px;
+}
+
+.SimpleGreen .BottomDecoratorCenter {
+	border: 1px solid #4c717e;
+	border-top: none;
+	background: url('background/BGDecoratorCenter1x18.gif') repeat-x; 
+}
+
+.SimpleGreen .BottomDecoratorCenter .FixHeight {
+	height: 19px;
+}
+
+.UIPortlet .SimpleGreen .BottomDecoratorCenter {
+	height: 18px;	
+}

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/BGDecoratorCenter1x18.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/BGDecoratorCenter1x18.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/DefaultTheme.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/DefaultTheme.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MDefaultTheme.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MDefaultTheme.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacBlack.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacBlack.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGray.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGray.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGreen.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacGreen.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacTheme.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MMacTheme.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerBlue.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerBlue.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerGreen.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerGreen.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerOrange.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerOrange.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerPink.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerPink.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerViolet.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MRoundConerViolet.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowBlue.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowBlue.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowGreen.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowGreen.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowOrange.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowOrange.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowPink.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowPink.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowViolet.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MShadowViolet.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaBlue.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaBlue.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaTheme.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MVistaTheme.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacBlack.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacBlack.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGray.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGray.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGreen.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacGreen.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacTheme.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/MacTheme.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/Resize17x19.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/Resize17x19.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea17x15.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea17x15.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ResizeArea18x18.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerGreen.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerGreen.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerOrange.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerOrange.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerPink.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerPink.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerViolet.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundConerViolet.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundCornerBlue.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/RoundCornerBlue.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowBlue.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowBlue.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowGreen.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowGreen.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowOrange.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowOrange.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowPink.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowPink.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowViolet.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/ShadowViolet.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/SimpleStyle.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/SimpleStyle.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaBlue.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaBlue.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaTheme.png
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/background/VistaTheme.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/icons/SimpleIcons.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/PortletThemes/icons/SimpleIcons.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/Stylesheet.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,46 @@
+/**
+ * Copyright (C) 2009 eXo Platform SAS.
+ * 
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ * 
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+
+.UIBreadcumbs {
+	padding: 0 40px;
+}
+
+.UIBreadcumbs .LeftBreadcumbsBar {
+	background: none;
+}
+
+.UIBreadcumbs .HomeIcon {
+	background: url('background/HomeIcon.gif') no-repeat left top;
+	width: 16px;
+	height: 16px;
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	margin: 6px 5px 0 0; /* orientation=lt */
+	margin: 6px 0 0 5px; /* orientation=rt */
+}
+
+.UIBreadcumbs .BreadcumbsInfoBar {
+	padding: 0;
+}
+
+.UIBreadcumbs .RightBlackGridArrowIcon {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	margin: 5px 0px 0px 0px;
+}
\ No newline at end of file

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/background/HomeIcon.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIBreadcumb/background/HomeIcon.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIPortalApplicationSkin.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIPortalApplicationSkin.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIPortalApplicationSkin.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,175 @@
+/**
+ * Copyright (C) 2009 eXo Platform SAS.
+ * 
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ * 
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+
+ at import url(/eXoResources/skin/DefaultSkin/portal/webui/component/control/Stylesheet.css);
+ at import url(/eXoResources/skin/DefaultSkin/portal/webui/component/customization/Stylesheet.css);
+ at import url(/eXoResources/skin/DefaultSkin/portal/webui/component/view/Stylesheet.css);
+ at import url(/eXoResources/skin/DefaultSkin/portal/webui/component/widget/Stylesheet.css);
+ at import url(/eXoResources/skin/DefaultSkin/webui/component/Stylesheet.css);
+ at import url(UIBreadcumb/Stylesheet.css);
+ at import url(UIToolbarContainer/Stylesheet.css);
+ at import url(UITabPaneDashboard/Stylesheet.css);
+
+div {
+	padding: 0px; margin: 0px;
+	outline: none;
+}
+
+table {
+  width: 100%;
+	padding: 0px; margin: 0px;
+	border-spacing:	0px;
+	border-collapse: collapse;
+}
+
+th, td {
+	padding: 0px; margin: 0px;
+	vertical-align: top;
+}
+
+img {
+	padding: 0px; margin: 0px; border: none; vertical-align: middle;
+}
+
+form {
+	padding: 0px; margin: 0px;
+}
+
+html {
+	margin: 0px; padding: 0px;
+	*overflow-x: hidden;
+}
+
+body {
+	background: #eeeeee;
+	margin: 0px; padding: 0px;
+	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
+	font-size: 11px;
+	overflow-x: hidden;
+}
+
+a {
+	text-decoration: none;
+	color: black;
+}
+
+.UIWorkingWorkspace {
+	width: 1017px;
+	background: white;
+}
+
+.UIPageBody .BLPagebody {
+	display: none;
+}
+/*###############################################################################################*/
+
+.OverflowContainer {
+	overflow: hidden;
+	width: 100%;
+}
+
+.LeftBlock {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+}
+
+.RightBlock {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+}
+
+.ClearFix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.ClearFix {
+	!display: inline-block;
+  !zoom: 1;
+  !display: block; 
+}
+
+.InlineContainer {
+	overflow: hidden;
+}
+
+.InlineLeft {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+}
+
+.InlineRight {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+}
+
+.AjaxLoadingMask {
+  width: 180px; height: 110px;
+  background: white;
+  border: 1px solid #66667e;
+  padding: 1px;
+}
+
+.AjaxLoadingMask .LoadingContainer {
+  height: 108px;
+  background: #ffffff;
+  border: solid 1px #a8a9bb;
+}
+
+.AjaxLoadingMask .LoadingText {
+  text-align: center;
+  padding: 10px 0px 5px 0px;
+}
+
+.AjaxLoadingMask .LoadingProgressBar {
+  width: 32px; height: 40px;
+  background: url('../../../background/LoadingProgress.gif') no-repeat center;
+  margin: auto;
+}
+
+.AjaxLoadingMask .UIAction .ActionButton{
+  float: none;
+}
+
+.FloatLeft {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+}
+
+.FloatRight {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+}
+
+.ClearLeft {
+  clear: left; /* orientation=lt */
+  clear: right; /* orientation=rt */
+}
+
+.ClearRight {
+  clear: right; /* orientation=lt */
+  clear: left; /* orientation=rt */
+}
+
+.ClearBoth {
+  clear: both;
+}
\ No newline at end of file

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UITabPaneDashboard/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,89 @@
+#UITabbedDashboardPortlet {
+	padding: 0 8px;
+}
+
+.UITabPaneDashboard {
+	background: #f9f9f9;
+	border-bottom: 1px solid #e5e5e5;
+	padding: 0px 9px;
+}
+
+.UITabPaneDashboard .LtTabDashboard {
+	padding: 0;
+	background: none;
+}
+
+.UITabPaneDashboard .RtTabDashboard {
+	padding: 0;
+	background: none;
+}
+
+.UITabPaneDashboard .CtTabDashboard {
+	padding: 0;
+	background: none;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs {
+	padding: 5px 0px 4px 0px;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .TabsContainer {
+	height: auto;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle {
+	margin-right: 4px;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab,
+.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab {
+	padding: 0px;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .UITab span {
+	margin: 3px 10px;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .UITab .CloseIcon {
+	background: url('background/IconClose.gif') no-repeat left top;
+	width: 16px; height: 16px;
+	cursor: pointer;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .AddDashboard {
+	background: url('background/AddDashboard.gif') no-repeat left top;
+	width: 22px; height: 22px;
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	cursor: pointer;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .LeftTab {
+	background: url(background/TabDashboard.gif) no-repeat left -44px;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .RightTab {
+	background: url(background/TabDashboard.gif) no-repeat right -44px;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .NormalTab .MiddleTab {
+	background: url(background/TabDashboard.gif) repeat-x left -66px;
+	line-height: 22px;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .LeftTab {
+	background: #fff;
+	border: 1px solid #e5e5e5;
+	padding: 0px;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .RightTab {
+	background: #fff;
+	padding: 0px;
+}
+
+.UITabPaneDashboard .UIHorizontalTabs .GrayTabStyle .SelectedTab .MiddleTab {
+	background: #fff;
+	padding: 0px;
+	line-height: 20px;
+}

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/Stylesheet.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,165 @@
+/**
+ * Copyright (C) 2009 eXo Platform SAS.
+ * 
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ * 
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+
+.UIToolbarContainer .ToolbarContainer .TRContainer {
+	height: 30px;
+}
+
+.UIToolbarContainer .NormalContainerBlock .ToolbarContainer {
+	background: #232d36;	
+	height: 30px;
+	border: none;
+}
+
+.UIToolbarContainer .ToolbarContainer a {
+	padding: 0px 15px 0px 35px; /* orientation=lt */
+	padding: 0px 35px 0px 15px; /* orientation=rt */
+	color: #fff;
+}
+
+.UIToolbarContainer .UITab a:hover {
+	color: #9fc5ff;
+}
+
+.UIToolbarContainer .UIHorizontalTabs .TabsContainer {
+	height: 30px; /* orientation=lt */
+	height: auto; /* orientation=rt */
+}
+
+.UIToolbarContainer .UIHorizontalTabs .UITab {
+	line-height: 30px;
+	background: none;
+}
+
+
+/****************************/
+
+.UIToolbarContainer .MenuItemContainer {	
+	border: 1px solid #e7e6eb;
+	background: #e7e6eb;
+}
+
+.UIToolbarContainer .TitleBar {
+	color: #232d36;
+	background: none;
+}
+
+.UIToolbarContainer .MenuItem {	
+	background: none;
+}
+
+.UIToolbarContainer .MenuItem .ArrowIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat right bottom; /* orientation=lt */
+	background: url('background/ToolbarContainer-rt.gif') no-repeat -5px bottom; /* orientation=rt */
+}
+
+.UIToolbarContainer .MenuItem a {	
+	padding-right: 25px; /* orientation=lt */
+	padding-left: 25px; /* orientation=rt */
+	color: #232d36;
+}
+
+.UIToolbarContainer .MenuItem a:hover {
+	color: #000;
+	background-color: #c2c3c9;
+}
+
+.UIToolbarContainer .ItemIcon {	
+	background-position: 10px center; /* orientation=lt */
+	background-position: 95% center; /* orientation=rt */
+}
+
+/**********************************/
+
+.UIToolbarContainer .DashboardIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -65px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -65px; /* orientation=rt */
+}
+
+.UIToolbarContainer .SitesIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -96px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -96px; /* orientation=rt */
+}
+
+.UIToolbarContainer .GroupIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat left -131px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -131px; /* orientation=rt */
+	margin-left: 10px; /* orientation=lt */
+	margin-right: 10px; /* orientation=rt */
+}
+
+.UIToolbarContainer .EditorIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -164px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -164px; /* orientation=rt */
+}
+
+.UIToolbarContainer .AddPageIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -320px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -320px; /* orientation=rt */	
+}
+
+.UIToolbarContainer .EditPageIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -352px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -352px; /* orientation=rt */
+}
+
+.UIToolbarContainer .EditSiteIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -384px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -384px; /* orientation=rt */	
+}
+
+.UIToolbarContainer .ChangeLanguageIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -192px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -192px; /* orientation=rt */
+}
+
+.UIToolbarContainer .ChangeSkinIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -224px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -224px; /* orientation=rt */
+}
+
+.UIToolbarContainer .AccountSettingIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -256px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -256px; /* orientation=rt */
+}
+
+.UIToolbarContainer .SignOutIcon {
+	background: url('background/ToolbarContainer.gif') no-repeat 5px -288px; /* orientation=lt */
+	background: url('background/ToolbarContainer.gif') no-repeat 100% -288px; /* orientation=rt */
+}
+
+.UIToolbarContainer .Name a {
+	background: url('background/UseIcon.gif') no-repeat left center; /* orientation=lt */
+	background: url('background/UseIcon.gif') no-repeat right center; /* orientation=rt */
+	padding: 0px 10px 0px 25px; /* orientation=lt */
+	padding: 0px 25px 0px 10px; /* orientation=rt */
+	color: #fff;
+}
+
+.UIToolbarContainer .Name a:hover {
+	color: #9fc5ff;
+}
+/***************UIStarToolBarPortlet*****************/
+
+.UIStarToolBarPortlet {
+	background: url('background/GateinLogo.jpg') no-repeat 10px 6px; /* orientation=lt */
+	background: url('background/GateinLogo.jpg') no-repeat 23px 5px; /* orientation=rt */
+	width: 64px;
+	height: 32px;
+}
\ No newline at end of file

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.jpg
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/GateinLogo.jpg
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/ToolbarContainer.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/ToolbarContainer.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/UseIcon.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/SimpleSkin/UIToolbarContainer/background/UseIcon.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Modified: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/Stylesheet.css	2010-03-10 11:59:45 UTC (rev 2097)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -17,3 +17,4 @@
  * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
  */
 
+ at import url(SimpleSkin/UIPortalApplicationSkin.css);
\ No newline at end of file

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/Stylesheet.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,41 @@
+/**
+ * Copyright (C) 2009 eXo Platform SAS.
+ * 
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ * 
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+
+#banner {
+	border-top: 1px solid #b5b6b6;
+}	
+
+.UIBannerPortlet {
+	zoom: 100%;
+	background: url('background/UIBanner.gif') repeat-x left top;
+}
+
+.UIBannerPortlet .LeftBanner {
+	padding-left: 35px; /* orientation=lt */
+	padding-right: 35px; /* orientation=rt */
+}
+
+.UIBannerPortlet .RightBanner {
+	background: url('background/LogoGatein.gif') no-repeat left top; /* orientation=lt */
+	background: url('background/LogoGatein.gif') no-repeat right top; /* orientation=rt */
+}
+
+.UIBannerPortlet .MiddleBanner {
+	height: 50px;
+}

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/background/LogoGatein.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/background/LogoGatein.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/background/UIBanner.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIBannerPortlet/background/UIBanner.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIFooterPortlet/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIFooterPortlet/Stylesheet.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIFooterPortlet/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,40 @@
+/**
+ * Copyright (C) 2009 eXo Platform SAS.
+ * 
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ * 
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+
+.UIFooterPortlet {
+  margin: 0;
+  background: #fff;
+}
+	
+.UIFooterPortlet .RepeatFooter {
+	padding: 0px;
+	margin: 0px;
+}
+
+.UIFooterPortlet .FooterInfoContainer {
+	line-height: 25px;
+}
+
+.UIFooterPortlet .CopyrightInfo {
+	text-align: center;
+	line-height: 30px;
+	height: 30px;
+	color: #666666;
+	font-weight: normal;
+}

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,190 @@
+.UIWorkingWorkspace {
+	width: 1017px;
+}
+
+.UIWindow .UIHomePagePortlet {	
+	margin: 0px;
+	padding: 10px;
+}
+
+.UIHomePagePortlet {	
+	background: white;
+}
+
+.UIHomePagePortlet .TRContainer .PortletDecoration {	
+	padding: 30px 12px 0;
+	font-size: 12px;
+}
+
+.UIHomePagePortlet .TRContainer {
+	width: 247px;
+	height: 390px;
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	text-align: center;
+}
+
+.UIHomePagePortlet .TRContainer .GuideText {
+	text-align: justify;
+	color: #4c4c4c;
+}
+
+.UIHomePagePortlet .TRContainer .DotLine {
+	padding-bottom: 15px;
+}
+
+.UIHomePagePortlet .TRContainer .VersionIcon {
+	background: url("background/RightCol.jpg") no-repeat left top; /* orientation=lt */
+	height: 65px;
+	width: 65px;
+	margin: 20px auto;
+	cursor: pointer;
+	display: block;
+}
+
+.UIHomePagePortlet .TRContainer .ContactIcon {
+	background: url("background/RightCol.jpg") no-repeat left -65px;
+	height: 70px;
+	width: 60px;
+	margin: 20px auto;
+	cursor: pointer;
+	display: block;
+}
+
+.UIHomePagePortlet .TLContainer {
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	width: 753px;
+}
+
+.UIHomePagePortlet .TLContainer .PortletDecoration {	
+	padding: 10px;
+}
+
+.UIHomePagePortlet .AdImageLeft {
+	background: url('background/RightHome.jpg') no-repeat left top; /* orientation=lt */
+	background: url('background/RightHome-rt.jpg') no-repeat right top; /* orientation=rt */
+}
+
+.UIHomePagePortlet .AdImageRight {
+	font-family: Arial,Helvetica,sans-serif;
+	height: 255px; 
+	padding: 0px 10px 0px 60px; /* orientation=lt */
+	padding: 0px 60px 0px 10px; /* orientation=rt */
+}
+
+.UIHomePagePortlet .AdImageLeft .EmptyBlock {
+	font-size: 18px;
+	text-align: right; /* orientation=lt */
+	text-align: left; /* orientation=rt */
+	color: #333333;
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	padding: 85px 0 0;
+}
+
+.UIHomePagePortlet .AdImageLeft .EmptyBlock div {
+	font-size: 30px;
+	color: #000000;
+	font-weight: bold;
+}
+
+.UIHomePagePortlet .HomePortletContent {
+	margin-top: 8px;
+}
+
+.UIHomePagePortlet .HomePortletContent .LeftAccountsContainer {
+	background: #ebebeb;
+}
+
+.UIHomePagePortlet .HomePortletContent .MiddleAccountsContainer {
+	background: #ebebeb;
+	height: 138px;
+	padding: 0px 14px;
+}
+
+.UIHomePagePortlet .HomePortletContent .RightAccountsContainer {
+	background: #ebebeb;
+}
+
+.UIHomePagePortlet .HomePortletContent .AccountsContainerDeco {
+	height: 105px;
+	overflow: hidden;
+}
+
+.UIHomePagePortlet .HomePortletContent .InstructionTitle {
+	font-size: 12px;
+	font-weight: bold;
+	color: #000000;
+	padding-top: 14px;
+	text-align: left; /* orientation=lt */
+	text-align: right; /* orientation=rt */
+}
+
+.UIHomePagePortlet .HomePortletContent .AccountBlock {
+	height: 105px; 
+	width: 95px;
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	padding-left: 70px; /* orientation=lt */
+	padding-right: 70px; /* orientation=rt */
+}
+
+.UIHomePagePortlet .HomePortletContent .AdministratorUser {
+	background: url('background/HomePagePortlet.gif') no-repeat left 6px; /* orientation=lt */
+	background: url('background/HomePagePortlet-rt.gif') no-repeat right 6px; /* orientation=rt */
+}
+
+.UIHomePagePortlet .HomePortletContent .ManagerUser {
+	background: url('background/HomePagePortlet.gif') no-repeat left -97px; /* orientation=lt */
+	background: url('background/HomePagePortlet-rt.gif') no-repeat right -97px; /* orientation=rt */
+}
+
+.UIHomePagePortlet .HomePortletContent .NormalUser {
+	background: url('background/HomePagePortlet.gif') no-repeat left -200px; /* orientation=lt */
+	background: url('background/HomePagePortlet-rt.gif') no-repeat right -200px; /* orientation=rt */
+}
+
+.UIHomePagePortlet .HomePortletContent .DemoUser {
+	background: url('background/HomePagePortlet.gif') no-repeat left -309px; /* orientation=lt */
+	background: url('background/HomePagePortlet-rt.gif') no-repeat right -309px; /* orientation=rt */
+}
+
+.UIHomePagePortlet .HomePortletContent .SeparatorLine {
+	height: 100px;
+	width: 1px;
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	border-right:1px solid #B7B7B7;
+	margin-right:13px; /* orientation=lt */
+	margin-left:13px; /* orientation=rt */
+}
+
+.UIHomePagePortlet .HomePortletContent .AccountInfos {
+	padding-top: 8px;
+}
+
+.UIHomePagePortlet .AccountInfos .Lable {
+	line-height: 16px;
+	color: #3e3d3d;
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	display: block;
+}
+
+.UIHomePagePortlet .AccountInfos span {
+	font-weight: bold;
+	color: #3d3d3d;
+	padding: 0px 3px;
+	line-height: 16px;
+	float: left; /* orientation=lt */
+	float: right; /* orientation=rt */
+	display: block;
+}
+
+.UIHomePagePortlet .HomePortletContent .AccountTitle {
+	font-size: 12px;
+	color: #454e56;
+	line-height: 40px;
+	font-weight: bold;
+}

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/HomePagePortlet.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/HomePagePortlet.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/RightCol.jpg
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/RightCol.jpg
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/RightHome.jpg
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIHomePagePortlet/background/RightHome.jpg
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,326 @@
+/**
+ * Copyright (C) 2009 eXo Platform SAS.
+ * 
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ * 
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+
+/**
+ * Created by The eXo Platform SARL
+ * Modifier : Nguyen Ngoc Thuy
+ * April 23, 2007
+ * version: $Id$
+ */
+
+.UINavigationPortlet {
+  border-bottom: 1px solid #e5e5e5;
+}
+	
+.UINavigationPortlet .UINavigationBar {
+	white-space: nowrap;
+}
+
+.UINavigationPortlet .UINavigationBar .UIHorizontalTabs {
+	height: 30px;
+}
+
+.UINavigationPortlet .UINavigationBar .UIHorizontalTabs .TabsContainer {
+	float: none;
+	!position: relative;
+	height: 30px;
+}
+
+.UINavigationPortlet .UINavigationBar .LeftNavigationBar {
+}
+
+.UINavigationPortlet .UINavigationBar .RightNavigationBar {
+}
+
+.UINavigationPortlet .UINavigationBar .MiddleNavigationBar {
+	padding: 0px 24px;
+}
+
+.UINavigationPortlet .UITab a.TabLabel {
+	display: block;
+	padding: 0px 0px 0px 20px; /* orientation=lt */
+	padding: 0px 20px 0px 0px; /* orientation=rt */
+	background-position: left; /* orientation=lt */
+	background-position: right; /* orientation=rt */
+}
+
+.UINavigationPortlet .UITab a.DefaultPageIcon {
+	background: none;
+	padding: 0px;
+}
+
+/*###########################--NavigationTabTab--############################*/
+
+.UINavigationPortlet .UITab .NormalNavigationTab {
+	line-height: 230px; 
+	margin: 0px 8px 0px 0px; 
+}
+
+.UINavigationPortlet .UITab .NormalNavigationTab .LeftTab {
+	line-height: 30px;
+}
+
+.UINavigationPortlet .UITab .NormalNavigationTab .RightTab {
+	line-height: 30px; 
+}
+
+.UINavigationPortlet .UITab .NormalNavigationTab .MiddleTab {
+	line-height: 30px;
+	text-align: center;
+	padding: 0px 10px;
+}
+
+.UINavigationPortlet .UITab .NormalNavigationTab .TabIcon {
+	line-height: 27px;
+}
+
+.UINavigationPortlet .UITab .NormalNavigationTab a {
+	color: #565656;
+	font-weight: normal;
+}
+
+.UINavigationPortlet .UITab .NormalNavigationTab .DropDownArrowIcon {
+	padding-right: 12px; /* orientation=lt */
+	padding-left: 12px; /* orientation=rt */
+	background: url('background/NavDownArrow.gif') no-repeat right; /* orientation=lt */
+	background: url('background/NavDownArrow.gif') no-repeat left; /* orientation=rt */
+	cursor: pointer;
+}
+
+/*###############-Hightlight Navigation Tab	-################*/
+
+.UINavigationPortlet .UITab .HighlightNavigationTab {
+	line-height: 30px;  
+	margin: 0px 8px 0px 0px; 
+}
+
+.UINavigationPortlet .UITab .HighlightNavigationTab .LeftTab {
+	line-height: 30px;
+}
+
+.UINavigationPortlet .UITab .HighlightNavigationTab .RightTab {
+	line-height: 30px;
+}
+
+.UINavigationPortlet .UITab .HighlightNavigationTab .MiddleTab {
+	height: 30px; 
+	text-align: center;
+	padding: 0px 10px;
+}
+
+.UINavigationPortlet .UITab .HighlightNavigationTab .TabIcon {
+	color: #000;
+	line-height: 27px;
+	border-bottom:3px solid #E5E5E5;
+}
+
+.UINavigationPortlet .UITab .HighlightNavigationTab a {
+	color: #000;
+	font-weight: normal;
+}
+
+.UINavigationPortlet .UITab .HighlightNavigationTab .DropDownArrowIcon {
+	padding-right: 12px; /* orientation=lt */
+	padding-left: 12px; /* orientation=rt */
+	background: url('background/NavDownArrow.gif') no-repeat right; /* orientation=lt */
+	background: url('background/NavDownArrow.gif') no-repeat left; /* orientation=rt */
+	cursor: pointer;
+}
+
+/*###############-Selected Navigation Tab-################*/
+
+.UINavigationPortlet .UITab .SelectedNavigationTab {
+	line-height: 30px; 
+	margin: 0px 8px 0px 0px; 
+}
+
+
+.UINavigationPortlet .UITab .SelectedNavigationTab .LeftTab {
+	line-height: 30px;
+}
+
+.UINavigationPortlet .UITab .SelectedNavigationTab .RightTab {
+	line-height: 30px;
+}
+
+.UINavigationPortlet .UITab .SelectedNavigationTab .MiddleTab {
+	line-height: 30px;
+	text-align: center;
+	padding: 0px 10px;
+}
+
+.UINavigationPortlet .UITab .SelectedNavigationTab .TabIcon {
+	color: #000;
+	line-height: 27px;
+	border-bottom: 3px solid #E5E5E5;
+}
+
+.UINavigationPortlet .UITab .SelectedNavigationTab a {
+	color: #000;
+}
+
+.UINavigationPortlet .UITab .SelectedNavigationTab .DropDownArrowIcon {
+	padding-right: 12px; /* orientation=lt */
+	padding-left: 12px; /* orientation=rt */
+	background: url('background/NavDownArrow.gif') no-repeat right center;	/* orientation=lt */
+	background: url('background/NavDownArrow.gif') no-repeat left center; /* orientation=rt */
+	cursor: pointer;
+}
+
+.UINavigationPortlet .MenuItemContainer {
+	white-space: nowrap;
+	border: solid #b7b7b7 1px; /*fix for IE*/
+	text-align: left; /* orientation=lt */
+	text-align: right; /* orientation=rt */
+}
+
+.UINavigationPortlet .MenuItemContainer .MenuItemDecorator {
+	border: 1px solid #fcfcfc;
+	background: white;
+	padding-bottom: 6px;
+}
+
+.UINavigationPortlet .MenuItemContainer .MenuItem {
+	border-bottom: 1px solid #fff;
+	cursor: pointer;
+	line-height: 24px;
+	height: 24px; width: auto;
+	display: block;
+	white-space: nowrap;
+	font-weight: normal;
+	padding-left: 5px; /* orientation=lt */
+	padding-right: 5px; /* orientation=rt */
+}
+
+.UINavigationPortlet .MenuItemContainer .MenuItem a {
+	padding: 0px 20px 0px 25px; /* orientation=lt */
+	padding: 0px 25px 0px 20px; /* orientation=rt */
+	display: block;
+}
+
+.UINavigationPortlet .MenuItemContainer .MenuItem a:hover {
+	color: #3e8df0;
+}
+
+.UINavigationPortlet .MenuItemContainer .SelectedItem {
+	line-height: 24px;
+	width: auto; 
+	background: #c7c7c7;
+	color: #3e8df0;
+}
+
+.UINavigationPortlet .MenuItemContainer .SelectedItem a {
+	color: #3e8df0;
+}
+
+.UINavigationPortlet .MenuItemContainer	.SelectedItem .NormalItem a {
+	color: #000;
+}
+
+.UINavigationPortlet .MenuItemContainer	.SelectedItem .NormalItem a:hover {
+	color: #3e8df0;
+}
+
+.UINavigationPortlet .MenuItemContainer	.NormalItem .SelectedItem a {
+	color: #3e8df0;
+}
+
+.UINavigationPortlet .MenuItemContainer .ItemIcon {
+	height: 24px; width: auto;
+}
+
+.UINavigationPortlet .MenuItemContainer .MenuItem .ArrowIcon {
+	height: 24px; 
+	width: auto;
+	background: url('background/Button.gif') no-repeat right -48px; /* orientation=lt */ 
+	background: url('background/Button-rt.gif') no-repeat left -48px; /* orientation=rt */ 
+}	
+
+/*============ Scroll Buttons =====================*/
+
+.UINavigationPortlet .ScrollButtons {
+	float: right; /* orientation=lt */
+	float: left; /* orientation=rt */
+	padding-top: 10px;
+	display: none;
+}
+
+.UINavigationPortlet .ScrollLeftButton {
+	cursor: pointer;
+	background: url('background/Button.gif') no-repeat left -15px; /* orientation=lt */
+	background: url('background/Button-rt.gif') no-repeat right -15px; /* orientation=rt */
+	width: 10px;
+	height: 15px;
+	padding-left: 12px; /* orientation=lt */
+	padding-right: 12px; /* orientation=rt */
+	margin: 0px 5px;
+}
+
+.UINavigationPortlet .ScrollRightButton {
+	cursor: pointer;
+	background: url('background/Button.gif') no-repeat right -15px; /* orientation=lt */
+	background: url('background/Button-rt.gif') no-repeat left -15px; /* orientation=rt */
+	width: 10px;
+	height: 15px;
+}
+
+.UINavigationPortlet .DisableScrollLeftButton {
+	cursor: pointer;
+	background: url('background/Button.gif') no-repeat left -30px; /* orientation=lt */
+	background: url('background/Button-rt.gif') no-repeat right -30px; /* orientation=rt */
+	width: 10px;
+	height: 15px;
+	padding-left: 12px; /* orientation=lt */
+	padding-right: 12px; /* orientation=rt */
+	margin: 0px 5px;
+}
+
+.UINavigationPortlet .DisableScrollRightButton { 
+	cursor: pointer;
+	background: url('background/Button.gif') no-repeat right -30px; /* orientation=lt */
+	background: url('background/Button-rt.gif') no-repeat left -30px; /* orientation=rt */
+	width: 10px;
+	height: 15px;
+}
+
+.UINavigationPortlet .HighlightScrollLeftButton {
+	cursor: pointer;
+	background: url('background/Button.gif') no-repeat left top; /* orientation=lt */
+	background: url('background/Button-rt.gif') no-repeat right top; /* orientation=rt */
+	width: 10px;
+	height: 15px;
+	padding-left: 12px; /* orientation=lt */
+	padding-right: 12px; /* orientation=rt */
+	margin: 0px 5px;
+}
+
+.UINavigationPortlet .HighlightScrollRightButton {
+	cursor: pointer;
+	background: url('background/Button.gif') no-repeat right top; /* orientation=lt */
+	background: url('background/Button-rt.gif') no-repeat left top; /* orientation=rt */
+	width: 10px;
+	height: 15px;
+}
+
+/***********GroupNavigation*************/
+
+.UINavigationPortlet .GroupNavigation {
+	background: #f9f9f9;
+}
+

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/Button.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/Button.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UIPortalNavigationPortlet/background/NavDownArrow.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css
===================================================================
--- portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css	                        (rev 0)
+++ portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/Stylesheet.css	2010-03-10 12:35:00 UTC (rev 2098)
@@ -0,0 +1,139 @@
+/**
+ * Copyright (C) 2009 eXo Platform SAS.
+ * 
+ * This is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 2.1 of
+ * the License, or (at your option) any later version.
+ * 
+ * This software is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
+ * Lesser General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this software; if not, write to the Free
+ * Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA
+ * 02110-1301 USA, or see the FSF site: http://www.fsf.org.
+ */
+
+/**
+ * Cated by The eXo Platform SAS
+ * Modifile : Vu Duy Tu
+ *           duytucntt at gmail.com
+ * January 10, 2007
+ * version: $Id$
+ */
+
+
+.UIWindow .UISitemapPortlet {
+	border: none;
+	margin: 0px;
+}
+
+.UISitemapPortlet {
+}
+
+.UISitemap {
+	background: white;
+	padding: 10px 30px;
+	color: #4e4e4e;
+}
+
+.UISitemap a {
+	color: #4e4e4e;
+}
+
+.UISitemap .ClearFix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden;
+}
+
+.UISitemap .ClearFix {
+	!display: inline-block;
+  !zoom: 1;
+  !display: block; 
+}
+
+.UISitemap .CollapseAll {
+	background: url('background/CollapseAllIcon.gif') no-repeat left center; /* orientation=lt */
+	background: url('background/CollapseAllIcon-rt.gif') no-repeat right center; /* orientation=rt */
+	padding: 0px 20px;
+	cursor: pointer;
+}
+
+.UISitemap .ExpandAll {
+	background:  url('background/ExpandAllIcon.gif') no-repeat left center; /* orientation=lt */
+	background:  url('background/ExpandAllIcon-rt.gif') no-repeat right center; /* orientation=rt */
+	padding: 0px 20px;
+	cursor: pointer;
+}
+
+.UISitemap .SitemapContent {
+	background:  url('background/RootTree.gif') no-repeat left top; /* orientation=lt */
+	background:  url('background/RootTree-rt.gif') no-repeat right top; /* orientation=rt */
+	padding-top: 8px; 
+	margin: 20px 0px;
+}
+
+.UISitemap .SitemapContent .UISiteTree a {
+	font-weight: bold;
+	display: block;
+}
+
+.UISitemap .SitemapContent .UISiteTree a:hover {
+	color: #058bb6;
+}
+
+.UISitemap .UISiteTree .Node {
+	line-height: 25px;
+	background: url('background/Dotted.gif') repeat-y 4px top; /* orientation=lt */
+	background: url('background/Dotted-rt.gif') repeat-y 99.6% top; /* orientation=rt */
+}
+
+.UISitemap .UISiteTree .LastNode {
+	line-height: 14px;
+	background: url('background/LastNode.gif') no-repeat 4px top; /* orientation=lt */
+	background: url('background/LastNode-rt.gif') no-repeat 99.6% top; /* orientation=rt */
+}
+
+.UISitemap .CollapseIcon {
+	background: url('background/CollapseIcon.gif') no-repeat left center; /* orientation=lt */
+	background: url('background/CollapseIcon-rt.gif') no-repeat right center; /* orientation=rt */
+	padding: 0px 5px 0px 35px; /* orientation=lt */
+	padding: 0px 35px 0px 5px; /* orientation=rt */
+	cursor: pointer;
+}
+
+.UISitemap .ExpandIcon {
+	background: url('background/ExpandIcon.gif') no-repeat left center; /* orientation=lt */
+	background: url('background/ExpandIcon-rt.gif') no-repeat right center; /* orientation=rt */
+	padding: 0px 5px 0px 35px; /* orientation=lt */
+	padding: 0px 35px 0px 5px; /* orientation=rt */
+	cursor: pointer;
+}
+
+.UISitemap .NullItem {
+	background: url('background/NullItem.gif') no-repeat left center; /* orientation=lt */
+	background: url('background/NullItem-rt.gif') no-repeat right center; /* orientation=rt */
+	padding: 0px 35px;
+}
+
+.UISitemap .DefaultPageIcon {
+	padding: 4px 0px 4px 20px; /* orientation=lt */
+	padding: 4px 20px 4px 0px; /* orientation=rt */
+	background-position: left center; /* orientation=lt */
+	background-position: right center; /* orientation=rt */
+	background-color: white;
+	width: auto;
+}
+
+.UISitemap .ChildrenContainer {
+	padding-top: 33px;
+	padding-left: 31px; /* orientation=lt */
+	padding-right: 31px; /* orientation=rt */
+	float: none;
+}
\ No newline at end of file

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseAllIcon.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseAllIcon.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseIcon.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/CollapseIcon.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/Dotted.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/Dotted.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandAllIcon.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandAllIcon.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandIcon.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/ExpandIcon.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/LastNode.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/LastNode.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/NullItem.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/NullItem.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/RootTree.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/RootTree.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/SitemapItemBoxTitle150x1.gif
===================================================================
(Binary files differ)


Property changes on: portal/trunk/examples/skins/simpleskin/src/main/webapp/skin/webPortlet/webui/component/UISiteMap/background/SitemapItemBoxTitle150x1.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream



More information about the gatein-commits mailing list