"Base" theme initial commit.

svn changeset:7371/svn branch:theme_2009_03

42 files changed, 2959 insertions, 0 deletions

diff --git a/WebContent/ITMILL/themes/base/accordion/accordion.css b/WebContent/ITMILL/themes/base/accordion/accordion.css
new file mode 100644
index 0000000000..7461f611b6
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/accordion/accordion.css
@@ -0,0 +1,28 @@
+.i-accordion {
+	position: relative;
+	outline: none;
+	overflow: hidden;
+	text-align: left /* Force default alignment */
+}
+
+.i-accordion-item {
+	position: relative; 
+}
+
+.i-accordion-item-caption {
+	white-space: nowrap;
+}
+
+.i-accordion-item-caption .i-caption {
+	cursor: pointer;
+}
+
+.i-accordion-item-open .i-accordion-item-caption .i-caption {
+	cursor: default;
+}
+
+.i-accordion-item-content {
+	position: absolute;
+	overflow: auto;
+	width: 100%;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/button/button.css b/WebContent/ITMILL/themes/base/button/button.css
new file mode 100644
index 0000000000..a3756827d3
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/button/button.css
@@ -0,0 +1,57 @@
+.i-button {

+	cursor: pointer;

+	white-space: nowrap;

+	margin: 0;

+}

+.i-button img {
+	display:inline;
+}

+
+.i-button-link {
+	border: none;
+	text-align: left;
+	text-decoration: underline;
+	background: none;

+	padding: 0;
+}

+.i-sa .i-button-link:focus {

+	outline-offset: -3px;

+}
+.i-button-link span {
+	text-decoration: underline;
+}
+
+/* fixes streched buttons in IE6 */
+.i-ie6 .i-button {
+	width: 1px;
+	overflow: visible;
+	padding-left: 10px;
+	padding-right: 10px;
+}
+/* fixes streched buttons in IE7 */
+.i-ie7 .i-button {
+	overflow: visible;
+	padding-left: 10px;
+	padding-right: 10px;
+	width: expression(this.offsetWidth + "px");
+}
+

+/* Error indicator on checkbox fix for IE */

+.i-ie .i-checkbox * {

+	display: block;

+	float: left;

+}

+

+.i-ie .i-checkbox .i-errorindicator {

+	padding-right: 4px;

+}

+

+.i-ie7 .i-checkbox .i-errorindicator {

+	padding-right: 7px;

+}

+

+/* Error indicator on button fix for IE */

+.i-ie button .i-errorindicator {

+	display: inline;

+	padding-right:5 px;

+}

diff --git a/WebContent/ITMILL/themes/base/caption/caption.css b/WebContent/ITMILL/themes/base/caption/caption.css
new file mode 100644
index 0000000000..a2ec3b7f63
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/caption/caption.css
@@ -0,0 +1,24 @@
+.i-captionwrapper {
+	text-align: left /* Force default alignment */
+}
+
+.i-caption {
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.i-errorindicator {
+	float: left;
+}
+
+.i-caption .i-icon {
+	float: left;
+}
+.i-caption .i-captiontext {
+	float: left;
+	overflow: hidden;
+}
+
+.i-caption .i-required-field-indicator {
+	float: left;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/common/common.css b/WebContent/ITMILL/themes/base/common/common.css
new file mode 100644
index 0000000000..e9a623ea1f
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/common/common.css
@@ -0,0 +1,213 @@
+.i-generated-body {
+	width:100%;
+	height:100%;
+	border:0;
+	margin:0;
+	overflow:hidden;
+}
+
+.i-app {
+	height: 100%;
+}
+
+.i-app-loading {
+	/* Specify initial loading-throbber styles with this selector (e.g. a banner that is shown before app starts) */
+}
+
+.i-view {
+	height: 100%;
+	width: 100%;
+	overflow: auto; 
+	/* avoid scrollbars with margins in root layout */
+	outline: none;
+	margin-top:-1px;
+	border-top:1px solid transparent;
+	position:relative;
+}
+
+
+/**
+ * Try to cope printing somehow. Reasonable printing support 
+ * needs application specific planning and CSS tuning.
+ */
+@media print {
+	
+	.i-generated-body {
+		height: auto;
+		min-height: 20cm;
+		overflow: visible;
+	}
+
+	.i-app {
+		height:auto;
+		min-height: 20cm;
+	}
+	
+	.i-view {
+		overflow: visible;
+	}
+	
+	.i-gridlayout {
+		overflow: visible !important;
+	}
+	
+}
+
+.i-view:active, .i-view:focus { 
+	outline: none;
+}
+
+.i-app input, 
+.i-window input, 
+.i-app select, 
+.i-window select, 
+.i-app textarea, 
+.i-window textarea, 
+.i-app button,
+.i-window button,
+.i-contextmenu,
+.i-datefield-popup {
+	/* Specify application global font style and color with this selector */
+}
+
+.i-app select,
+.i-window select {
+	padding: 0;
+	margin: 0;
+}
+
+.i-disabled {
+	opacity: 0.3;
+	filter: Alpha(opacity=30);
+}
+.i-ie .i-disabled {
+	zoom: 1;
+}
+.i-disabled .i-disabled {
+	opacity: 1.0;
+	filter: Alpha(opacity=100);
+}
+.i-required-field-indicator {
+	padding-left:2px;
+	color: red;
+}
+
+/**
+ * Custom tooltip
+ */
+.i-tooltip {
+ 	/* The outer element */
+}
+
+.i-tooltip-text {
+	/* The main tooltip text (i.e. help text) */
+	overflow: auto;
+}
+
+.i-tooltip .i-errormessage {
+	/* Additional error message that is shown in case of a component error */
+	overflow: auto;
+ }
+
+.i-tooltip .i-errormessage h2 {
+	/* Error messages often include HTML tags in them */
+}
+
+.i-tooltip .i-errormessage h3 {
+	
+}
+
+/**
+ * Context menu styles 
+ */
+
+.i-contextmenu {
+	background: #efefef;
+	border: 1px solid #ddd;
+}
+
+.i-contextmenu .gwt-MenuBar {
+	/* DIV element inside the context menu, which contains all actions */
+}
+
+.i-contextmenu table {
+	
+}
+
+.i-contextmenu .gwt-MenuItem {
+	cursor: pointer;
+	/* Action item (TD element) */
+}
+
+.i-contextmenu .gwt-MenuItem div {
+	white-space: nowrap;
+}
+
+.i-contextmenu .gwt-MenuItem-selected div {
+	
+}
+
+.i-contextmenu .gwt-MenuItem img {
+	/* Action icon */
+}
+
+
+/**
+ * Link component styles
+ */
+.i-link a {
+	
+}
+
+/**
+ * Label has tiny paddings to include contents margins.
+ */
+.i-label {
+	
+}
+
+/* Loading indicator states (top-right-corner throbber).
+ * Note: client side expects that loading indicator has a height. It depends on
+ * this css property to ensure browsers have applied all required styles.
+ */
+.i-loading-indicator,
+.i-loading-indicator-delay,
+.i-loading-indicator-wait {
+	/* remember to specify height */
+	height: 1px;
+}
+.i-loading-indicator-delay {
+	/* shown after ~3 seconds of loading */
+}
+.i-loading-indicator-wait {
+	/* shown after ~10 seconds of loading */
+}
+
+/* debug dialog */
+
+.i-debug-console {
+	background:white;
+	opacity: 0.85;	
+	border: 1px solid black;
+	font-family:sans-serif;
+}
+.i-debug-console-caption {
+	background:black;
+	border-bottom: 1px solid grey;
+	color: white;
+	font-weight: bold;
+}
+.i-debug-console-content {
+	font-size:x-small;
+	overflow: auto;
+}
+.i-debug-console-content input {
+	font-size:xx-small;
+}
+
+/* Debug style */
+.i-app .invalidlayout,
+.i-app .invalidlayout * {
+	background: #f99 !important;
+	
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/coordinatelayout/coordinatelayout.css b/WebContent/ITMILL/themes/base/coordinatelayout/coordinatelayout.css
new file mode 100644
index 0000000000..8caf47d5e6
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/coordinatelayout/coordinatelayout.css
@@ -0,0 +1,3 @@
+.i-coordinatelayout-margin-values {
+	margin: 0;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/datefield/datefield.css b/WebContent/ITMILL/themes/base/datefield/datefield.css
new file mode 100644
index 0000000000..bcf743246f
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/datefield/datefield.css
@@ -0,0 +1,76 @@
+.i-datefield {
+	white-space: nowrap;
+}
+
+.i-datefield-calendarpanel {
+	width: 19em;
+	font-size: 12px;
+}
+
+.i-datefield-popup .i-datefield-calendarpanel {
+	width: 16em;
+}
+
+.i-datefield-calendarpanel table {
+	width: 100%;
+}
+
+.i-datefield-calendarpanel td {
+	text-align: right;
+	width: 14.2%;
+	padding: 0;
+	margin: 0;
+}
+
+.i-datefield-calendarpanel td span {
+	display: block;
+}
+
+.i-datefield-calendarpanel-month {
+	white-space: nowrap;
+}
+
+.i-datefield-calendarpanel-day,
+.i-datefield-calendarpanel-day-today {
+	cursor: pointer;
+}
+
+.i-disabled .i-datefield-calendarpanel-day,
+.i-disabled .i-datefield-calendarpanel-day-today {
+	cursor: default;
+}
+
+.i-datefield-calendarpanel-day-entry {
+	color: #999;
+}
+
+.i-datefield-calendarpanel-day-disabled {
+	color: #ddd;
+}
+
+.i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled {
+	color: #bbb;
+}
+
+.i-datefield-calendarpanel-day-selected {
+	font-weight: bold;
+	cursor: default;
+}
+
+.i-datefield-time {
+	white-space: nowrap;
+}
+
+.i-datefield-time .i-label {
+	display: inline;
+}
+
+.i-datefield-rendererror .i-textfield {
+	background: #ff9999;
+}
+
+/* IE somehow loses generic i-disabled alpha. See #1960 */
+.i-ie .i-disabled .i-datefield-button,
+.i-ie .i-disabled .i-datefield-textfield {
+	filter: alpha(opacity=30);
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/formlayout/formlayout.css b/WebContent/ITMILL/themes/base/formlayout/formlayout.css
new file mode 100644
index 0000000000..fad6fcfa93
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/formlayout/formlayout.css
@@ -0,0 +1,77 @@
+.i-formlayout-errorcell .i-errorindicator {
+	width: 10px;
+	height: 16px;
+	display: block;
+	background: transparent url(../icons/16/error.png) no-repeat top right;
+}
+
+.i-formlayout-captioncell {
+	text-align: right;
+	white-space: nowrap;
+}
+
+.i-formlayout-captioncell .i-caption {
+	overflow: visible;
+}
+
+.i-formlayout-contentcell {
+	width:100%;
+}
+
+.i-formlayout-error-indicator {
+/* fix width so layout is not jumpy when error disappears */
+	width: 12px;
+}
+
+.i-formlayout-spacing .i-formlayout-row .i-formlayout-captioncell, 
+.i-formlayout-spacing .i-formlayout-row .i-formlayout-contentcell,
+.i-formlayout-spacing .i-formlayout-row .i-formlayout-errorcell {
+	padding-top: 8px;
+}
+
+.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-captioncell, 
+.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-contentcell,
+.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-errorcell {
+	padding-top: 0;
+}
+
+.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-captioncell, 
+.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-contentcell,
+.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-errorcell {
+	padding-top: 15px;
+}
+.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-captioncell,
+.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-contentcell,
+.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-errorcell {
+	padding-bottom: 15px;
+}
+.i-formlayout-margin-left .i-formlayout-captioncell {
+	padding-left: 18px;
+} 
+.i-formlayout-margin-right .i-formlayout-contentcell {
+	padding-right: 18px;
+}
+
+/* Form */
+
+.i-form-errormessage {
+	background: transparent url(../icons/16/error.png) no-repeat top left;
+	padding-left: 20px;
+	margin-bottom: 5px;
+	margin-top: 5px;
+	min-height: 20px;
+}
+
+* html .i-form-errormessage {
+	height: 20px
+}
+
+.i-form {
+	border: none;
+	margin: 0;
+	padding: 0;
+}
+
+.i-form .i-caption .i-required-field-indicator {
+	float: none;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/gridlayout/gridlayout.css b/WebContent/ITMILL/themes/base/gridlayout/gridlayout.css
new file mode 100644
index 0000000000..c973ba846c
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/gridlayout/gridlayout.css
@@ -0,0 +1,36 @@
+/* Margin values if defined from server side */
+.i-gridlayout-margin-top {
+	padding-top: 15px;
+}
+.i-gridlayout-margin-bottom {
+	padding-bottom: 15px;
+}
+.i-gridlayout-margin-left {
+	padding-left: 18px;
+} 
+.i-gridlayout-margin-right {
+	padding-right: 18px;
+}
+
+/* 
+ * Spacing values used by IGridLayout. (element does not exist in DOM)
+ * Use padding-left for horizontal spacing and padding-top for vertical.
+ */
+.i-gridlayout-spacing-on {
+	padding-left:8px;
+	padding-top:8px;
+}
+.i-gridlayout-spacing-off {
+	padding-left:0px;
+	padding-top:0px;
+}
+
+.i-gridlayout-spacing,
+.i-gridlayout-spacing-off {
+	padding-left:0px;
+	padding-top:0px;
+}
+
+.i-gridlayout {
+	overflow:hidden;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/menubar/menubar.css b/WebContent/ITMILL/themes/base/menubar/menubar.css
new file mode 100644
index 0000000000..b2523ae883
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/menubar/menubar.css
@@ -0,0 +1,24 @@
+/*Top menu */
+.i-menubar table {
+ 	white-space: nowrap;
+}
+
+.i-menubar .menuitem{
+	 cursor : default;
+ }
+
+.i-menubar .menuitem-selected {
+	background: #eee;
+ }
+
+.i-menubar-submenu {
+	 white-space: nowrap;
+}
+
+.i-menubar-submenu .menuitem { 
+    cursor: default;
+}
+
+.i-menubar-submenu .menuitem-selected {
+	background: #eee;
+}
diff --git a/WebContent/ITMILL/themes/base/notification/notification.css b/WebContent/ITMILL/themes/base/notification/notification.css
new file mode 100644
index 0000000000..2f52cbabf8
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/notification/notification.css
@@ -0,0 +1,46 @@
+.i-Notification {
+	background: #999;
+	color: #fff;
+	cursor: pointer;
+	overflow: hidden;
+	padding: 1em;
+}
+.i-Notification h1,
+.i-Notification p,
+.i-Notification.error h1,
+.i-Notification.error p,
+.i-Notification.warning h1,
+.i-Notification.warning p {
+	display: inline;
+	white-space: nowrap;
+	margin: 0 0.5em 0 0;
+}
+
+.i-Notification.warning {
+	background: orange;
+}
+
+.i-Notification.error {
+	background: red;
+}
+
+
+.i-Notification.tray h1 {
+	display: block;
+}
+.i-Notification.tray p {
+	display: block;
+}

+

+.i-Notification.system {

+	background-color: red;

+	opacity: 0.7;

+	filter: alpha(opacity=70);

+}

+.i-Notification.system h1 {

+	display: block;

+	margin: 0;

+}

+.i-Notification.system p {

+	white-space: nowrap;

+}
diff --git a/WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css b/WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css
new file mode 100644
index 0000000000..fd06f9f00f
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css
@@ -0,0 +1,29 @@
+.i-orderedlayout {
+	overflow: hidden;
+}
+
+.i-orderedlayout-margin-top {
+	padding-top: 15px;
+}
+
+.i-orderedlayout-margin-right {
+	padding-right: 18px;
+}
+
+.i-orderedlayout-margin-bottom {
+	padding-bottom: 15px;
+}
+
+.i-orderedlayout-margin-left {
+	padding-left: 18px;
+}
+
+.i-orderedlayout-spacing-on {
+	padding-top: 8px;
+	padding-left: 8px;
+}
+/** This can be used to define spacing if spacing is off server side */
+.i-orderedlayout-spacing-off {
+	padding-top: 0;
+	padding-left: 0;
+}
diff --git a/WebContent/ITMILL/themes/base/panel/panel.css b/WebContent/ITMILL/themes/base/panel/panel.css
new file mode 100644
index 0000000000..c448dacd9a
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/panel/panel.css
@@ -0,0 +1,29 @@
+.i-panel,
+.i-panel-caption,
+.i-panel-content,
+.i-panel-deco,
+.i-panel-light,
+.i-panel-caption-light,
+.i-panel-content-light,
+.i-panel-deco-light {
+	outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+	text-align: left /* Force default alignment */
+}
+
+.i-panel-caption .i-errorindicator {
+	float: none;
+	padding-right:1 8px;
+	display: inline;
+}
+
+.i-panel-caption .i-icon {
+	display: inline;
+}
+
+.i-panel-caption {
+	font-weight: bold;
+}
+
+.i-panel-content {
+	overflow: auto;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/popupview/popupview.css b/WebContent/ITMILL/themes/base/popupview/popupview.css
new file mode 100644
index 0000000000..accb1b5675
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/popupview/popupview.css
@@ -0,0 +1,8 @@
+.i-popupview {
+	cursor: pointer;
+}
+
+.i-popupview-popup {
+	background:	white;
+	overflow: auto;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/progressindicator/progressindicator.css b/WebContent/ITMILL/themes/base/progressindicator/progressindicator.css
new file mode 100644
index 0000000000..10e91a63a5
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/progressindicator/progressindicator.css
@@ -0,0 +1,34 @@
+.i-progressindicator-wrapper {
+	overflow: hidden; /* for IE6 */
+	height: 9px;
+}
+
+.i-progressindicator {
+	background: #eee;
+	overflow: hidden; /* for IE6 */
+	width: 150px;
+}
+.i-progressindicator-disabled {
+	background: #efefef;
+	height: 9px;
+	overflow: hidden; /* for IE6 */
+}
+
+.i-progressindicator-indicator {
+	background: #ddd;
+	height: 9px;
+	overflow: hidden; /* for IE6 */
+}
+
+.i-progressindicator-indeterminate {
+	background: #eee;
+	height: 16px;
+	width: 16px;
+	overflow: hidden; /* for IE6 */
+}
+.i-progressindicator-disabled-indeterminate {
+	background: #efefef;
+	height: 16px;
+	width: 16px;
+	overflow: hidden; /* for IE6 */
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/select/select.css b/WebContent/ITMILL/themes/base/select/select.css
new file mode 100644
index 0000000000..069296b104
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/select/select.css
@@ -0,0 +1,137 @@
+.i-select {
+	text-align: left /* Force default alignment */

+}

+

+.i-select-optiongroup .i-select-option {

+	display: block;

+	white-space: nowrap;
+}
+
+.i-ie .i-select-optiongroup .i-select-option {
+	zoom: 1;
+}
+

+.i-select-select {

+	display: block;

+}

+

+/* Twincol style */

+.i-select-twincol {

+	white-space: nowrap;

+}

+.i-select-twincol-options {

+	float: left;

+}

+.i-select-twincol-selections {

+	font-weight: bold;

+}

+

+.i-select-twincol-buttons {

+	float: left;

+	padding: 2px; /* does not work in first render in FF ? */

+	text-align: center;

+}

+

+.i-select-twincol-buttons .i-select-twincol-deco {

+	clear:both;

+}

+

+.i-select-twincol .i-textfield {

+	display: block;

+	float: left;

+	clear: left;

+}

+

+.i-select-twincol .i-button {

+	display: block;

+	float: left;

+}

+

+.i-select-twincol-buttons .i-button {

+	display: inline;

+	float: none;

+}
+
+/** Filterselect aka ComboBox styles */
+
+.i-filterselect {
+	white-space: nowrap;
+	text-align: left /* Force default alignment */
+}
+
+.i-filterselect-input {
+	float: left;
+	margin: 0;
+}
+
+.i-filterselect-button {
+	float: right;
+	width: 1em;
+	height: 1em;
+	cursor: pointer;
+	background: #ddd;
+}
+
+.i-filterselect-suggestpopup {
+	background: #eee;
+	border: 1px solid #ddd;
+}
+
+.i-filterselect-suggestmenu table {
+	border-collapse: collapse;
+	border: none;
+	padding: 0;
+	margin: 0;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem {
+	cursor: pointer;
+	height: 1em;
+	white-space: nowrap;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem-selected {
+	background: #999;
+	color: #fff;
+}
+
+.i-filterselect-nextpage,
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off,
+.i-filterselect-prevpage {
+	overflow: hidden;
+}
+
+.i-filterselect-nextpage span,
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span,
+.i-filterselect-prevpage span {
+	display: block;
+	background: #ddd;
+	cursor: pointer;
+	overflow: hidden;
+	text-align: center;
+}
+
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off {
+	opacity: 0.5;
+	filter: Alpha(opacity=50);
+}
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span {
+	cursor: default;
+}
+
+.i-filterselect-status {
+	white-space: nowrap;
+	text-align: center;
+}
+
+.i-filterselect-error {
+	background: #ff2222;
+}
+
+.i-filterselect-error .i-filterselect-button {
+	background: red;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/shadow/img/bottom-left.png b/WebContent/ITMILL/themes/base/shadow/img/bottom-left.png
new file mode 100644
index 0000000000..b119a13119
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/img/bottom-left.png
diff --git a/WebContent/ITMILL/themes/base/shadow/img/bottom-right.png b/WebContent/ITMILL/themes/base/shadow/img/bottom-right.png
new file mode 100644
index 0000000000..50aaa3bedc
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/img/bottom-right.png
diff --git a/WebContent/ITMILL/themes/base/shadow/img/bottom.png b/WebContent/ITMILL/themes/base/shadow/img/bottom.png
new file mode 100644
index 0000000000..96af859986
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/img/bottom.png
diff --git a/WebContent/ITMILL/themes/base/shadow/img/center.png b/WebContent/ITMILL/themes/base/shadow/img/center.png
new file mode 100644
index 0000000000..d6fb99a889
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/img/center.png
diff --git a/WebContent/ITMILL/themes/base/shadow/img/left.png b/WebContent/ITMILL/themes/base/shadow/img/left.png
new file mode 100644
index 0000000000..4c3611c842
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/img/left.png
diff --git a/WebContent/ITMILL/themes/base/shadow/img/right.png b/WebContent/ITMILL/themes/base/shadow/img/right.png
new file mode 100644
index 0000000000..34a46e7b13
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/img/right.png
diff --git a/WebContent/ITMILL/themes/base/shadow/img/top-left.png b/WebContent/ITMILL/themes/base/shadow/img/top-left.png
new file mode 100644
index 0000000000..27cf4d3f61
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/img/top-left.png
diff --git a/WebContent/ITMILL/themes/base/shadow/img/top-right.png b/WebContent/ITMILL/themes/base/shadow/img/top-right.png
new file mode 100644
index 0000000000..7f187ca556
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/img/top-right.png
diff --git a/WebContent/ITMILL/themes/base/shadow/img/top.png b/WebContent/ITMILL/themes/base/shadow/img/top.png
new file mode 100644
index 0000000000..b654d78da9
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/img/top.png
diff --git a/WebContent/ITMILL/themes/base/shadow/shadow.css b/WebContent/ITMILL/themes/base/shadow/shadow.css
new file mode 100644
index 0000000000..dbe1a7858a
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/shadow/shadow.css
@@ -0,0 +1,85 @@
+.i-shadow {
+	position: absolute;
+}
+
+.i-shadow .top-left {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: -4px;
+    width: 8px;         height: 8px;
+    background: transparent url(img/top-left.png);
+}
+
+.i-shadow .top {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: 4px;
+    height: 8px;           right: 4px;
+    background: transparent url(img/top.png);
+}
+
+.i-shadow .top-right {
+    position: absolute; overflow: hidden;
+    top: -3px;             right: -4px;
+    width: 8px;         height: 8px;
+    background: transparent url(img/top-right.png);
+}
+
+.i-shadow .left {
+    position: absolute; overflow: hidden;
+    top: 5px;           left: -4px;
+    width: 8px;
+    bottom: 3px;
+    background: transparent url(img/left.png);
+}
+
+.i-shadow .center {
+    position: absolute; overflow: hidden;
+    top: 5px;           left: 4px;
+    bottom: 3px;        right: 4px;
+    background: transparent url(img/center.png);
+}
+
+.i-shadow .right {
+    position: absolute; overflow: hidden;
+    top: 5px;           right: -4px;
+    width: 8px;
+    bottom: 3px;
+    background: transparent url(img/right.png);
+}
+
+.i-shadow .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           left: -4px;
+    width: 8px;          height: 8px;
+    background: transparent url(img/bottom-left.png);
+}
+
+.i-shadow .bottom {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           left: 4px;
+    right: 4px;          height: 8px;
+    background: transparent url(img/bottom.png);
+}
+
+.i-shadow .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           right: -4px;
+    width: 8px;          height: 8px;
+    background: transparent url(img/bottom-right.png);
+}
+
+
+
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+* html .i-shadow * {
+	display: none;
+}
+
+* html .i-shadow {
+	background: #000;
+	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20);
+	margin-top: -3px;
+	margin-left: -4px;
+}  
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/slider/slider.css b/WebContent/ITMILL/themes/base/slider/slider.css
new file mode 100644
index 0000000000..d92057e066
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/slider/slider.css
@@ -0,0 +1,75 @@
+/*--------------------------
+  Default (horizontal) styles
+  --------------------------*/
+
+.i-slider {
+	height: 12px;
+	width: 200px;
+	margin: 5px 0;	
+}
+
+.i-slider-base {
+	/* changing the borders will require adjustments to ISlider.java (offsetHeight should be 3px, 1px borders on the sides) */
+	height: 3px;
+	background: #efefef;
+	border-left: 1px solid #eee;
+	border-right: 1px solid #eee;
+	
+}
+
+.i-slider-handle {
+	background: #ddd;
+	width: 12px;
+	height: 12px;
+	margin-top: -5px;
+	font-size: 0;
+	cursor: pointer;
+}
+
+
+/*-----------------
+  Vertical styles 
+  -----------------*/
+
+.i-slider-vertical {
+	width: 3px;
+	height: auto;
+	margin: 0 5px;
+	border: none;
+	border-left: 1px solid #eee;
+	border-right: 1px solid #eee;
+}
+
+.i-slider-vertical .i-slider-base {
+	width: 3px;
+	border-left: none;
+	border-right: none;
+	background: #efefef;
+	border-top: 1px solid #eee;
+	border-bottom: 1px solid #eee;	
+}
+
+.i-slider-vertical .i-slider-handle {
+	background: #ddd;
+	width: 12px;
+	height: 12px;
+	font-size: 0;
+	cursor: pointer;
+	margin-left: -5px;
+}
+
+
+/* IE specific styles */
+
+.i-ie6 .i-slider,
+.i-ie6 .i-slider-vertical {
+	margin: 0;
+}
+
+.i-ie6 .i-slider .i-slider-handle {
+	margin: -1px 0;
+}
+
+.i-ie6 .i-slider-vertical .i-slider-handle {
+	margin: 0 -1px;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/splitpanel/splitpanel.css b/WebContent/ITMILL/themes/base/splitpanel/splitpanel.css
new file mode 100644
index 0000000000..4e0e1a09c7
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/splitpanel/splitpanel.css
@@ -0,0 +1,41 @@
+.i-splitpanel-horizontal,
+.i-splitpanel-vertical {
+	overflow: hidden;
+}
+
+.i-splitpanel-horizontal .i-splitpanel-hsplitter {
+	width: 6px;
+	font-size: 1px; /* for IE6 */
+}
+
+.i-splitpanel-horizontal .i-splitpanel-hsplitter div {
+	width: 6px;
+	font-size: 1px; /* for IE6 */
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	background: #ddd;
+	cursor: e-resize;
+}
+
+.i-splitpanel-vertical .i-splitpanel-vsplitter {
+	height: 6px;
+	font-size: 1px; /* for IE6 */
+}
+
+.i-splitpanel-vertical .i-splitpanel-vsplitter div {
+	height: 6px;
+	font-size: 1px; /* for IE6 */
+	background: #ddd;
+	cursor: n-resize;
+}
+
+
+
+
+
+/* IE specific styles */
+
+.i-ie6 .i-splitpanel-horizontal .i-splitpanel-hsplitter div {
+	height: 99%;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/styles.css b/WebContent/ITMILL/themes/base/styles.css
new file mode 100644
index 0000000000..12fb314508
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/styles.css
@@ -0,0 +1,1503 @@
+/* Automatically compiled css file from subdirectories. */
+
+/* ./WebContent/ITMILL/themes/base/accordion/accordion.css */
+.i-accordion {
+	position: relative;
+	outline: none;
+	overflow: hidden;
+	text-align: left /* Force default alignment */
+}
+
+.i-accordion-item {
+	position: relative; 
+}
+
+.i-accordion-item-caption {
+	white-space: nowrap;
+}
+
+.i-accordion-item-caption .i-caption {
+	cursor: pointer;
+}
+
+.i-accordion-item-open .i-accordion-item-caption .i-caption {
+	cursor: default;
+}
+
+.i-accordion-item-content {
+	position: absolute;
+	overflow: auto;
+	width: 100%;
+}
+
+/* ./WebContent/ITMILL/themes/base/button/button.css */
+.i-button {
+	cursor: pointer;
+	white-space: nowrap;
+	margin: 0;
+}
+.i-button img {
+	display:inline;
+}
+
+.i-button-link {
+	border: none;
+	text-align: left;
+	text-decoration: underline;
+	background: none;
+	padding: 0;
+}
+.i-sa .i-button-link:focus {
+	outline-offset: -3px;
+}
+.i-button-link span {
+	text-decoration: underline;
+}
+
+/* fixes streched buttons in IE6 */
+.i-ie6 .i-button {
+	width: 1px;
+	overflow: visible;
+	padding-left: 10px;
+	padding-right: 10px;
+}
+/* fixes streched buttons in IE7 */
+.i-ie7 .i-button {
+	overflow: visible;
+	padding-left: 10px;
+	padding-right: 10px;
+	width: expression(this.offsetWidth + "px");
+}
+
+/* Error indicator on checkbox fix for IE */
+.i-ie .i-checkbox * {
+	display: block;
+	float: left;
+}
+
+.i-ie .i-checkbox .i-errorindicator {
+	padding-right: 4px;
+}
+
+.i-ie7 .i-checkbox .i-errorindicator {
+	padding-right: 7px;
+}
+
+/* Error indicator on button fix for IE */
+.i-ie button .i-errorindicator {
+	display: inline;
+	padding-right:5 px;
+}
+
+/* ./WebContent/ITMILL/themes/base/caption/caption.css */
+.i-captionwrapper {
+	text-align: left /* Force default alignment */
+}
+
+.i-caption {
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.i-errorindicator {
+	float: left;
+}
+
+.i-caption .i-icon {
+	float: left;
+}
+.i-caption .i-captiontext {
+	float: left;
+	overflow: hidden;
+}
+
+.i-caption .i-required-field-indicator {
+	float: left;
+}
+
+/* ./WebContent/ITMILL/themes/base/common/common.css */
+.i-generated-body {
+	width:100%;
+	height:100%;
+	border:0;
+	margin:0;
+	overflow:hidden;
+}
+
+.i-app {
+	height: 100%;
+}
+
+.i-app-loading {
+	/* Specify initial loading-throbber styles with this selector (e.g. a banner that is shown before app starts) */
+}
+
+.i-view {
+	height: 100%;
+	width: 100%;
+	overflow: auto; 
+	/* avoid scrollbars with margins in root layout */
+	outline: none;
+	margin-top:-1px;
+	border-top:1px solid transparent;
+	position:relative;
+}
+
+
+/**
+ * Try to cope printing somehow. Reasonable printing support 
+ * needs application specific planning and CSS tuning.
+ */
+@media print {
+	
+	.i-generated-body {
+		height: auto;
+		min-height: 20cm;
+		overflow: visible;
+	}
+
+	.i-app {
+		height:auto;
+		min-height: 20cm;
+	}
+	
+	.i-view {
+		overflow: visible;
+	}
+	
+	.i-gridlayout {
+		overflow: visible !important;
+	}
+	
+}
+
+.i-view:active, .i-view:focus { 
+	outline: none;
+}
+
+.i-app input, 
+.i-window input, 
+.i-app select, 
+.i-window select, 
+.i-app textarea, 
+.i-window textarea, 
+.i-app button,
+.i-window button,
+.i-contextmenu,
+.i-datefield-popup {
+	/* Specify application global font style and color with this selector */
+}
+
+.i-app select,
+.i-window select {
+	padding: 0;
+	margin: 0;
+}
+
+.i-disabled {
+	opacity: 0.3;
+	filter: Alpha(opacity=30);
+}
+.i-ie .i-disabled {
+	zoom: 1;
+}
+.i-disabled .i-disabled {
+	opacity: 1.0;
+	filter: Alpha(opacity=100);
+}
+.i-required-field-indicator {
+	padding-left:2px;
+	color: red;
+}
+
+/**
+ * Custom tooltip
+ */
+.i-tooltip {
+ 	/* The outer element */
+}
+
+.i-tooltip-text {
+	/* The main tooltip text (i.e. help text) */
+	overflow: auto;
+}
+
+.i-tooltip .i-errormessage {
+	/* Additional error message that is shown in case of a component error */
+	overflow: auto;
+ }
+
+.i-tooltip .i-errormessage h2 {
+	/* Error messages often include HTML tags in them */
+}
+
+.i-tooltip .i-errormessage h3 {
+	
+}
+
+/**
+ * Context menu styles 
+ */
+
+.i-contextmenu {
+	background: #efefef;
+	border: 1px solid #ddd;
+}
+
+.i-contextmenu .gwt-MenuBar {
+	/* DIV element inside the context menu, which contains all actions */
+}
+
+.i-contextmenu table {
+	
+}
+
+.i-contextmenu .gwt-MenuItem {
+	cursor: pointer;
+	/* Action item (TD element) */
+}
+
+.i-contextmenu .gwt-MenuItem div {
+	white-space: nowrap;
+}
+
+.i-contextmenu .gwt-MenuItem-selected div {
+	
+}
+
+.i-contextmenu .gwt-MenuItem img {
+	/* Action icon */
+}
+
+
+/**
+ * Link component styles
+ */
+.i-link a {
+	
+}
+
+/**
+ * Label has tiny paddings to include contents margins.
+ */
+.i-label {
+	
+}
+
+/* Loading indicator states (top-right-corner throbber).
+ * Note: client side expects that loading indicator has a height. It depends on
+ * this css property to ensure browsers have applied all required styles.
+ */
+.i-loading-indicator,
+.i-loading-indicator-delay,
+.i-loading-indicator-wait {
+	/* remember to specify height */
+	height: 1px;
+}
+.i-loading-indicator-delay {
+	/* shown after ~3 seconds of loading */
+}
+.i-loading-indicator-wait {
+	/* shown after ~10 seconds of loading */
+}
+
+/* debug dialog */
+
+.i-debug-console {
+	background:white;
+	opacity: 0.85;	
+	border: 1px solid black;
+	font-family:sans-serif;
+}
+.i-debug-console-caption {
+	background:black;
+	border-bottom: 1px solid grey;
+	color: white;
+	font-weight: bold;
+}
+.i-debug-console-content {
+	font-size:x-small;
+	overflow: auto;
+}
+.i-debug-console-content input {
+	font-size:xx-small;
+}
+
+/* Debug style */
+.i-app .invalidlayout,
+.i-app .invalidlayout * {
+	background: #f99 !important;
+	
+}
+
+/* ./WebContent/ITMILL/themes/base/coordinatelayout/coordinatelayout.css */
+.i-coordinatelayout-margin-values {
+	margin: 0;
+}
+
+/* ./WebContent/ITMILL/themes/base/datefield/datefield.css */
+.i-datefield {
+	white-space: nowrap;
+}
+
+.i-datefield-calendarpanel {
+	width: 19em;
+	font-size: 12px;
+}
+
+.i-datefield-popup .i-datefield-calendarpanel {
+	width: 16em;
+}
+
+.i-datefield-calendarpanel table {
+	width: 100%;
+}
+
+.i-datefield-calendarpanel td {
+	text-align: right;
+	width: 14.2%;
+	padding: 0;
+	margin: 0;
+}
+
+.i-datefield-calendarpanel td span {
+	display: block;
+}
+
+.i-datefield-calendarpanel-month {
+	white-space: nowrap;
+}
+
+.i-datefield-calendarpanel-day,
+.i-datefield-calendarpanel-day-today {
+	cursor: pointer;
+}
+
+.i-disabled .i-datefield-calendarpanel-day,
+.i-disabled .i-datefield-calendarpanel-day-today {
+	cursor: default;
+}
+
+.i-datefield-calendarpanel-day-entry {
+	color: #999;
+}
+
+.i-datefield-calendarpanel-day-disabled {
+	color: #ddd;
+}
+
+.i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled {
+	color: #bbb;
+}
+
+.i-datefield-calendarpanel-day-selected {
+	font-weight: bold;
+	cursor: default;
+}
+
+.i-datefield-time {
+	white-space: nowrap;
+}
+
+.i-datefield-time .i-label {
+	display: inline;
+}
+
+.i-datefield-rendererror .i-textfield {
+	background: #ff9999;
+}
+
+/* IE somehow loses generic i-disabled alpha. See #1960 */
+.i-ie .i-disabled .i-datefield-button,
+.i-ie .i-disabled .i-datefield-textfield {
+	filter: alpha(opacity=30);
+}
+
+/* ./WebContent/ITMILL/themes/base/formlayout/formlayout.css */
+.i-formlayout-errorcell .i-errorindicator {
+	width: 10px;
+	height: 16px;
+	display: block;
+	background: transparent url(icons/16/error.png) no-repeat top right;
+}
+
+.i-formlayout-captioncell {
+	text-align: right;
+	white-space: nowrap;
+}
+
+.i-formlayout-captioncell .i-caption {
+	overflow: visible;
+}
+
+.i-formlayout-contentcell {
+	width:100%;
+}
+
+.i-formlayout-error-indicator {
+/* fix width so layout is not jumpy when error disappears */
+	width: 12px;
+}
+
+.i-formlayout-spacing .i-formlayout-row .i-formlayout-captioncell, 
+.i-formlayout-spacing .i-formlayout-row .i-formlayout-contentcell,
+.i-formlayout-spacing .i-formlayout-row .i-formlayout-errorcell {
+	padding-top: 8px;
+}
+
+.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-captioncell, 
+.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-contentcell,
+.i-formlayout-spacing .i-formlayout-firstrow .i-formlayout-errorcell {
+	padding-top: 0;
+}
+
+.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-captioncell, 
+.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-contentcell,
+.i-formlayout-margin-top .i-formlayout-firstrow .i-formlayout-errorcell {
+	padding-top: 15px;
+}
+.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-captioncell,
+.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-contentcell,
+.i-formlayout-margin-bottom .i-formlayout-lastrow .i-formlayout-errorcell {
+	padding-bottom: 15px;
+}
+.i-formlayout-margin-left .i-formlayout-captioncell {
+	padding-left: 18px;
+} 
+.i-formlayout-margin-right .i-formlayout-contentcell {
+	padding-right: 18px;
+}
+
+/* Form */
+
+.i-form-errormessage {
+	background: transparent url(icons/16/error.png) no-repeat top left;
+	padding-left: 20px;
+	margin-bottom: 5px;
+	margin-top: 5px;
+	min-height: 20px;
+}
+
+* html .i-form-errormessage {
+	height: 20px
+}
+
+.i-form {
+	border: none;
+	margin: 0;
+	padding: 0;
+}
+
+.i-form .i-caption .i-required-field-indicator {
+	float: none;
+}
+
+/* ./WebContent/ITMILL/themes/base/gridlayout/gridlayout.css */
+/* Margin values if defined from server side */
+.i-gridlayout-margin-top {
+	padding-top: 15px;
+}
+.i-gridlayout-margin-bottom {
+	padding-bottom: 15px;
+}
+.i-gridlayout-margin-left {
+	padding-left: 18px;
+} 
+.i-gridlayout-margin-right {
+	padding-right: 18px;
+}
+
+/* 
+ * Spacing values used by IGridLayout. (element does not exist in DOM)
+ * Use padding-left for horizontal spacing and padding-top for vertical.
+ */
+.i-gridlayout-spacing-on {
+	padding-left:8px;
+	padding-top:8px;
+}
+.i-gridlayout-spacing-off {
+	padding-left:0px;
+	padding-top:0px;
+}
+
+.i-gridlayout-spacing,
+.i-gridlayout-spacing-off {
+	padding-left:0px;
+	padding-top:0px;
+}
+
+.i-gridlayout {
+	overflow:hidden;
+}
+
+/* ./WebContent/ITMILL/themes/base/menubar/menubar.css */
+/*Top menu */
+.i-menubar table {
+ 	white-space: nowrap;
+}
+
+.i-menubar .menuitem{
+	 cursor : default;
+ }
+
+.i-menubar .menuitem-selected {
+	background: #eee;
+ }
+
+.i-menubar-submenu {
+	 white-space: nowrap;
+}
+
+.i-menubar-submenu .menuitem { 
+    cursor: default;
+}
+
+.i-menubar-submenu .menuitem-selected {
+	background: #eee;
+}
+
+/* ./WebContent/ITMILL/themes/base/notification/notification.css */
+.i-Notification {
+	background: #999;
+	color: #fff;
+	cursor: pointer;
+	overflow: hidden;
+	padding: 1em;
+}
+.i-Notification h1,
+.i-Notification p,
+.i-Notification.error h1,
+.i-Notification.error p,
+.i-Notification.warning h1,
+.i-Notification.warning p {
+	display: inline;
+	white-space: nowrap;
+	margin: 0 0.5em 0 0;
+}
+
+.i-Notification.warning {
+	background: orange;
+}
+
+.i-Notification.error {
+	background: red;
+}
+
+
+.i-Notification.tray h1 {
+	display: block;
+}
+.i-Notification.tray p {
+	display: block;
+}
+
+.i-Notification.system {
+	background-color: red;
+	opacity: 0.7;
+	filter: alpha(opacity=70);
+}
+.i-Notification.system h1 {
+	display: block;
+	margin: 0;
+}
+.i-Notification.system p {
+	white-space: nowrap;
+}
+
+/* ./WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css */
+.i-orderedlayout {
+	overflow: hidden;
+}
+
+.i-orderedlayout-margin-top {
+	padding-top: 15px;
+}
+
+.i-orderedlayout-margin-right {
+	padding-right: 18px;
+}
+
+.i-orderedlayout-margin-bottom {
+	padding-bottom: 15px;
+}
+
+.i-orderedlayout-margin-left {
+	padding-left: 18px;
+}
+
+.i-orderedlayout-spacing-on {
+	padding-top: 8px;
+	padding-left: 8px;
+}
+/** This can be used to define spacing if spacing is off server side */
+.i-orderedlayout-spacing-off {
+	padding-top: 0;
+	padding-left: 0;
+}
+
+/* ./WebContent/ITMILL/themes/base/panel/panel.css */
+.i-panel,
+.i-panel-caption,
+.i-panel-content,
+.i-panel-deco,
+.i-panel-light,
+.i-panel-caption-light,
+.i-panel-content-light,
+.i-panel-deco-light {
+	outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+	text-align: left /* Force default alignment */
+}
+
+.i-panel-caption .i-errorindicator {
+	float: none;
+	padding-right:1 8px;
+	display: inline;
+}
+
+.i-panel-caption .i-icon {
+	display: inline;
+}
+
+.i-panel-caption {
+	font-weight: bold;
+}
+
+.i-panel-content {
+	overflow: auto;
+}
+
+/* ./WebContent/ITMILL/themes/base/popupview/popupview.css */
+.i-popupview {
+	cursor: pointer;
+}
+
+.i-popupview-popup {
+	background:	white;
+	overflow: auto;
+}
+
+/* ./WebContent/ITMILL/themes/base/progressindicator/progressindicator.css */
+.i-progressindicator-wrapper {
+	overflow: hidden; /* for IE6 */
+	height: 9px;
+}
+
+.i-progressindicator {
+	background: #eee;
+	overflow: hidden; /* for IE6 */
+	width: 150px;
+}
+.i-progressindicator-disabled {
+	background: #efefef;
+	height: 9px;
+	overflow: hidden; /* for IE6 */
+}
+
+.i-progressindicator-indicator {
+	background: #ddd;
+	height: 9px;
+	overflow: hidden; /* for IE6 */
+}
+
+.i-progressindicator-indeterminate {
+	background: #eee;
+	height: 16px;
+	width: 16px;
+	overflow: hidden; /* for IE6 */
+}
+.i-progressindicator-disabled-indeterminate {
+	background: #efefef;
+	height: 16px;
+	width: 16px;
+	overflow: hidden; /* for IE6 */
+}
+
+/* ./WebContent/ITMILL/themes/base/select/select.css */
+.i-select {
+	text-align: left /* Force default alignment */
+}
+
+.i-select-optiongroup .i-select-option {
+	display: block;
+	white-space: nowrap;
+}
+
+.i-ie .i-select-optiongroup .i-select-option {
+	zoom: 1;
+}
+
+.i-select-select {
+	display: block;
+}
+
+/* Twincol style */
+.i-select-twincol {
+	white-space: nowrap;
+}
+.i-select-twincol-options {
+	float: left;
+}
+.i-select-twincol-selections {
+	font-weight: bold;
+}
+
+.i-select-twincol-buttons {
+	float: left;
+	padding: 2px; /* does not work in first render in FF ? */
+	text-align: center;
+}
+
+.i-select-twincol-buttons .i-select-twincol-deco {
+	clear:both;
+}
+
+.i-select-twincol .i-textfield {
+	display: block;
+	float: left;
+	clear: left;
+}
+
+.i-select-twincol .i-button {
+	display: block;
+	float: left;
+}
+
+.i-select-twincol-buttons .i-button {
+	display: inline;
+	float: none;
+}
+
+/** Filterselect aka ComboBox styles */
+
+.i-filterselect {
+	white-space: nowrap;
+	text-align: left /* Force default alignment */
+}
+
+.i-filterselect-input {
+	float: left;
+	margin: 0;
+}
+
+.i-filterselect-button {
+	float: right;
+	width: 1em;
+	height: 1em;
+	cursor: pointer;
+	background: #ddd;
+}
+
+.i-filterselect-suggestpopup {
+	background: #eee;
+	border: 1px solid #ddd;
+}
+
+.i-filterselect-suggestmenu table {
+	border-collapse: collapse;
+	border: none;
+	padding: 0;
+	margin: 0;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem {
+	cursor: pointer;
+	height: 1em;
+	white-space: nowrap;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem-selected {
+	background: #999;
+	color: #fff;
+}
+
+.i-filterselect-nextpage,
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off,
+.i-filterselect-prevpage {
+	overflow: hidden;
+}
+
+.i-filterselect-nextpage span,
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span,
+.i-filterselect-prevpage span {
+	display: block;
+	background: #ddd;
+	cursor: pointer;
+	overflow: hidden;
+	text-align: center;
+}
+
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off {
+	opacity: 0.5;
+	filter: Alpha(opacity=50);
+}
+.i-filterselect-nextpage-off span,
+.i-filterselect-prevpage-off span {
+	cursor: default;
+}
+
+.i-filterselect-status {
+	white-space: nowrap;
+	text-align: center;
+}
+
+.i-filterselect-error {
+	background: #ff2222;
+}
+
+.i-filterselect-error .i-filterselect-button {
+	background: red;
+}
+
+/* ./WebContent/ITMILL/themes/base/shadow/shadow.css */
+.i-shadow {
+	position: absolute;
+}
+
+.i-shadow .top-left {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: -4px;
+    width: 8px;         height: 8px;
+    background: transparent url(shadow/img/top-left.png);
+}
+
+.i-shadow .top {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: 4px;
+    height: 8px;           right: 4px;
+    background: transparent url(shadow/img/top.png);
+}
+
+.i-shadow .top-right {
+    position: absolute; overflow: hidden;
+    top: -3px;             right: -4px;
+    width: 8px;         height: 8px;
+    background: transparent url(shadow/img/top-right.png);
+}
+
+.i-shadow .left {
+    position: absolute; overflow: hidden;
+    top: 5px;           left: -4px;
+    width: 8px;
+    bottom: 3px;
+    background: transparent url(shadow/img/left.png);
+}
+
+.i-shadow .center {
+    position: absolute; overflow: hidden;
+    top: 5px;           left: 4px;
+    bottom: 3px;        right: 4px;
+    background: transparent url(shadow/img/center.png);
+}
+
+.i-shadow .right {
+    position: absolute; overflow: hidden;
+    top: 5px;           right: -4px;
+    width: 8px;
+    bottom: 3px;
+    background: transparent url(shadow/img/right.png);
+}
+
+.i-shadow .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           left: -4px;
+    width: 8px;          height: 8px;
+    background: transparent url(shadow/img/bottom-left.png);
+}
+
+.i-shadow .bottom {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           left: 4px;
+    right: 4px;          height: 8px;
+    background: transparent url(shadow/img/bottom.png);
+}
+
+.i-shadow .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -5px;           right: -4px;
+    width: 8px;          height: 8px;
+    background: transparent url(shadow/img/bottom-right.png);
+}
+
+
+
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+* html .i-shadow * {
+	display: none;
+}
+
+* html .i-shadow {
+	background: #000;
+	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20);
+	margin-top: -3px;
+	margin-left: -4px;
+}  
+
+/* ./WebContent/ITMILL/themes/base/slider/slider.css */
+/*--------------------------
+  Default (horizontal) styles
+  --------------------------*/
+
+.i-slider {
+	height: 12px;
+	width: 200px;
+	margin: 5px 0;	
+}
+
+.i-slider-base {
+	/* changing the borders will require adjustments to ISlider.java (offsetHeight should be 3px, 1px borders on the sides) */
+	height: 3px;
+	background: #efefef;
+	border-left: 1px solid #eee;
+	border-right: 1px solid #eee;
+	
+}
+
+.i-slider-handle {
+	background: #ddd;
+	width: 12px;
+	height: 12px;
+	margin-top: -5px;
+	font-size: 0;
+	cursor: pointer;
+}
+
+
+/*-----------------
+  Vertical styles 
+  -----------------*/
+
+.i-slider-vertical {
+	width: 3px;
+	height: auto;
+	margin: 0 5px;
+	border: none;
+	border-left: 1px solid #eee;
+	border-right: 1px solid #eee;
+}
+
+.i-slider-vertical .i-slider-base {
+	width: 3px;
+	border-left: none;
+	border-right: none;
+	background: #efefef;
+	border-top: 1px solid #eee;
+	border-bottom: 1px solid #eee;	
+}
+
+.i-slider-vertical .i-slider-handle {
+	background: #ddd;
+	width: 12px;
+	height: 12px;
+	font-size: 0;
+	cursor: pointer;
+	margin-left: -5px;
+}
+
+
+/* IE specific styles */
+
+.i-ie6 .i-slider,
+.i-ie6 .i-slider-vertical {
+	margin: 0;
+}
+
+.i-ie6 .i-slider .i-slider-handle {
+	margin: -1px 0;
+}
+
+.i-ie6 .i-slider-vertical .i-slider-handle {
+	margin: 0 -1px;
+}
+
+/* ./WebContent/ITMILL/themes/base/splitpanel/splitpanel.css */
+.i-splitpanel-horizontal,
+.i-splitpanel-vertical {
+	overflow: hidden;
+}
+
+.i-splitpanel-horizontal .i-splitpanel-hsplitter {
+	width: 6px;
+	font-size: 1px; /* for IE6 */
+}
+
+.i-splitpanel-horizontal .i-splitpanel-hsplitter div {
+	width: 6px;
+	font-size: 1px; /* for IE6 */
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	background: #ddd;
+	cursor: e-resize;
+}
+
+.i-splitpanel-vertical .i-splitpanel-vsplitter {
+	height: 6px;
+	font-size: 1px; /* for IE6 */
+}
+
+.i-splitpanel-vertical .i-splitpanel-vsplitter div {
+	height: 6px;
+	font-size: 1px; /* for IE6 */
+	background: #ddd;
+	cursor: n-resize;
+}
+
+
+
+
+
+/* IE specific styles */
+
+.i-ie6 .i-splitpanel-horizontal .i-splitpanel-hsplitter div {
+	height: 99%;
+}
+
+/* ./WebContent/ITMILL/themes/base/table/table.css */
+.i-table {
+	overflow: hidden;
+	text-align: left /* Force default alignment */
+}
+
+.i-table-header-wrap {
+	background: #efefef;
+	border: 1px solid #ddd;
+	overflow: hidden;
+}
+
+.i-table-header table,
+.i-table-table {
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+.i-table-header td,
+.i-table-table td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+.i-table-header td {
+	cursor: pointer;
+}
+
+.i-table-resizer {
+	display: block;
+	height: 1em;
+	float: right;
+	background: #ddd;
+	cursor: col-resize;
+}
+
+.i-table-caption-container {
+	float: right;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.i-table-row-spacer {
+	height: 10px;
+	overflow: hidden; /* IE hack to allow < one line height divs */
+}
+
+.i-table-row,
+.i-table-row-odd {
+	border: 0;
+	margin: 0;
+	padding: 0;
+}
+
+.i-table .i-selected {
+	background: #999;
+	color: #fff;
+}
+
+.i-table-row td,
+.i-table-row-odd td {
+	padding: 0;
+}
+.i-table-cell-content {
+	white-space: nowrap;
+	overflow: hidden;
+	padding: 3px 0 3px 3px;
+	margin-right: 5px;
+}
+
+.i-table-column-selector {
+	float: right;
+	background: #ddd;
+	margin: -1em 0 0 0;
+	height: 1em;
+	width: 0.5em;
+	position: relative; /* hide this from IE, it works without it */
+}
+
+.i-ie .i-table-column-selector {
+	position: static;
+}
+
+.i-table-focus-slot-left {
+	border-left: 2px solid #999;
+	margin-right: -2px;
+}
+.i-table-focus-slot-right {
+	border-right: 2px solid #999;
+	margin-left: -2px;
+}
+
+.i-table-header-drag {
+	position: absolute;
+	background: #efefef;
+	border: 1px solid #eee;
+	opacity: 0.5;
+	filter: alpha(opacity=50);
+	margin-top: 20px;
+	z-index: 30000;
+}
+
+.i-table-scrollposition {
+	width: 160px;
+	background: #eee;
+}
+
+.i-table-scrollposition span {
+	display: block;
+	text-align: center;
+}
+
+
+/* row in column selector */
+.i-on div {
+	
+}
+.i-off div {
+	color: #ddd;
+}
+
+/* ./WebContent/ITMILL/themes/base/tabsheet/tabsheet.css */
+.i-tabsheet,
+.i-tabsheet-content,
+.i-tabsheet-deco {
+	outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+	text-align: left /* Force default alignment */
+}
+
+.i-tabsheet-tabs {
+	empty-cells: hide;
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	width: 100%;
+	overflow: hidden;
+	border-bottom: 1px solid #ddd;
+}
+
+.i-tabsheet-tabs td {
+	margin:0;
+	padding:0;
+	vertical-align: bottom;
+}
+
+.i-tabsheet-spacertd {
+	width: 100%;
+}
+
+.i-tabsheet-hidetabs .i-tabsheet-tabcontainer {
+	display: none;
+}
+
+.i-tabsheet-scroller {
+	white-space: nowrap;
+	text-align: right;
+	margin-top: -1em;
+}
+
+.i-tabsheet-scrollerPrev,
+.i-tabsheet-scrollerNext {
+	border: none;
+	width: 0.5em;
+	height: 1em;
+	background: #ddd;
+	cursor: pointer;
+}
+.i-tabsheet-scrollerPrev-disabled,
+.i-tabsheet-scrollerNext-disabled {
+	border: none;
+	width: 0.5em;
+	height: 1em;
+	background: #efefef;
+}
+
+.i-tabsheet-tabs .i-caption {
+	white-space: nowrap;
+}
+
+/* for IE (does not inherit) */
+.i-tabsheet-tabs .i-caption span {
+	white-space: nowrap;
+}
+
+.i-tabsheet-tabitem {
+	cursor: pointer;
+}
+
+.i-tabsheet-tabitem-selected {
+	background: #ddd;
+}
+
+.i-tabsheet-content {
+	position: relative;
+}
+
+/* ./WebContent/ITMILL/themes/base/textfield/textfield.css */
+.i-textfield {
+	text-align: left /* Force default alignment */
+}
+
+.i-richtextarea {
+	overflow: hidden;
+}
+
+.i-richtextarea iframe {
+	border: 0;
+}
+
+/* ./WebContent/ITMILL/themes/base/tree/tree.css */
+.i-tree {
+	text-align: left /* Force default alignment */
+}
+
+/* ie6compatnode is hidden from non ie6 browsers, because ie6 
+ * uses weird hack to sink all events properly 
+ */
+.i-tree-node-ie6compatnode {
+	display: none;
+}
+
+.i-ie6 .i-tree-node-ie6compatnode {
+	display: inline;
+	float: left;
+	background: #000;
+	margin: 0;
+	width: 14px;
+	height: 10px;
+	padding: 1px;
+	filter: Alpha(opacity=0);
+}
+
+.i-ie6 .i-tree-node {
+	clear: both;
+}
+
+.i-tree-node-caption {
+	margin-left: 16px;
+}
+
+.i-tree-node span {
+	cursor: pointer;
+	white-space: nowrap;
+}
+.i-tree-node-selected span {
+	background: #999;
+	color: #fff;
+	cursor: pointer;
+}
+.i-tree-node-children {
+	padding-left: 16px;
+}
+
+/* ./WebContent/ITMILL/themes/base/window/window.css */
+.i-window {
+	background: #fff;
+}
+
+.i-window-outerheader {
+	cursor: move;
+}
+
+.i-window-header {
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.i-ie6 .i-window-header {
+	width: 100%;
+}
+
+.i-window-header .i-icon {
+	vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */
+}
+
+/* Partial fix for bug #1106 */
+/* Target Firefox 2 (somehow this will force almost all window borders on top of a Flash object) */
+.i-window-contents, x:-moz-any-link {
+	overflow: hidden;
+}
+/* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */
+.i-window-contents, x:-moz-any-link, x:default {
+	overflow: visible;
+}
+
+.i-window-footer {
+	height: 10px;
+}
+
+.i-window-resizebox {
+	position: relative; /* Needed to position the element over ScrollPanel, which is also relatively positioned */
+	display: inline; /* fix IE6 double float margin bug */
+	float: right;
+	width: 10px;
+	height: 10px;
+	cursor: se-resize;
+	background: #ddd;
+	overflow: hidden;
+}
+
+.i-window-resizebox-disabled {
+	cursor: default;
+	background: transparent;
+}
+
+.i-window-closebox {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 12px;
+	height: 12px;
+	background: red;
+	cursor: pointer;
+	overflow: hidden;
+}
+
+.i-window-modalitycurtain {
+	top: 0;
+	left: 0;
+	background: white;
+	opacity: 0.5;
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	filter: alpha(opacity=50);
+}
+
+/* IE6 workaround for position:fixed; */
+* html .i-window-modalitycurtain { 
+	position: absolute;
+	top: expression(document.documentElement.scrollTop + "px"); 
+}
+
+/* IE specific styles */
+
+* html .i-window {
+	width: 0; /* min-size for IE6 */
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Shadow for window */
+
+.i-shadow-window {
+	position: absolute;
+}
+
+.i-shadow-window .top-left {
+    position: absolute; overflow: hidden;
+    top: -13px;             left: -20px;
+    width: 39px;         height: 39px;
+    background: transparent url(window/img/shadow/top-left.png);
+}
+
+.i-shadow-window .top {
+    position: absolute; overflow: hidden;
+    top: -13px;             left: 19px;
+    height: 39px;
+    right: 19px;
+    background: transparent url(window/img/shadow/top.png);
+}
+
+.i-shadow-window .top-right {
+    position: absolute; overflow: hidden;
+    top: -13px;             right: -20px;
+    width: 39px;         height: 39px;
+    background: transparent url(window/img/shadow/top-right.png);
+}
+
+.i-shadow-window .left {
+    position: absolute; overflow: hidden;
+    top: 26px;           left: -20px;
+    width: 39px;
+    bottom: 12px;
+    background: transparent url(window/img/shadow/left.png);
+}
+
+.i-shadow-window .center {
+    position: absolute; overflow: hidden;
+    top: 26px;           left: 19px;
+    bottom: 12px;        right: 19px;
+    background: transparent url(window/img/shadow/center.png);
+}
+
+.i-shadow-window .right {
+    position: absolute; overflow: hidden;
+    top: 26px;           right: -20px;
+    width: 39px;
+    bottom: 12px;
+    background: transparent url(window/img/shadow/right.png);
+}
+
+.i-shadow-window .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           left: -20px;
+    width: 39px;          height: 39px;
+    background: transparent url(window/img/shadow/bottom-left.png);
+}
+
+.i-shadow-window .bottom {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           left: 19px;
+    right: 19px;          height: 39px;
+    background: transparent url(window/img/shadow/bottom.png);
+}
+
+.i-shadow-window .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           right: -20px;
+    width: 39px;          height: 39px;
+    background: transparent url(window/img/shadow/bottom-right.png);
+}
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+* html .i-shadow-window * {
+	display: none;
+}
+
+* html .i-shadow-window {
+	background: #000;
+	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20);
+	margin-top: 2px;
+	margin-left: 2px;
+}
diff --git a/WebContent/ITMILL/themes/base/table/table.css b/WebContent/ITMILL/themes/base/table/table.css
new file mode 100644
index 0000000000..c7ce94877b
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/table/table.css
@@ -0,0 +1,122 @@
+.i-table {
+	overflow: hidden;
+	text-align: left /* Force default alignment */
+}
+
+.i-table-header-wrap {
+	background: #efefef;
+	border: 1px solid #ddd;
+	overflow: hidden;
+}
+
+.i-table-header table,
+.i-table-table {
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+.i-table-header td,
+.i-table-table td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+
+.i-table-header td {
+	cursor: pointer;
+}
+
+.i-table-resizer {
+	display: block;
+	height: 1em;
+	float: right;
+	background: #ddd;
+	cursor: col-resize;
+}
+
+.i-table-caption-container {
+	float: right;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.i-table-row-spacer {
+	height: 10px;
+	overflow: hidden; /* IE hack to allow < one line height divs */
+}
+
+.i-table-row,
+.i-table-row-odd {
+	border: 0;
+	margin: 0;
+	padding: 0;
+}
+
+.i-table .i-selected {
+	background: #999;
+	color: #fff;
+}
+
+.i-table-row td,
+.i-table-row-odd td {
+	padding: 0;
+}
+.i-table-cell-content {
+	white-space: nowrap;
+	overflow: hidden;
+	padding: 3px 0 3px 3px;
+	margin-right: 5px;
+}
+
+.i-table-column-selector {
+	float: right;
+	background: #ddd;
+	margin: -1em 0 0 0;
+	height: 1em;
+	width: 0.5em;
+	position: relative; /* hide this from IE, it works without it */
+}
+
+.i-ie .i-table-column-selector {
+	position: static;
+}
+
+.i-table-focus-slot-left {
+	border-left: 2px solid #999;
+	margin-right: -2px;
+}
+.i-table-focus-slot-right {
+	border-right: 2px solid #999;
+	margin-left: -2px;
+}
+
+.i-table-header-drag {
+	position: absolute;
+	background: #efefef;
+	border: 1px solid #eee;
+	opacity: 0.5;
+	filter: alpha(opacity=50);
+	margin-top: 20px;
+	z-index: 30000;
+}
+
+.i-table-scrollposition {
+	width: 160px;
+	background: #eee;
+}
+
+.i-table-scrollposition span {
+	display: block;
+	text-align: center;
+}
+
+
+/* row in column selector */

+.i-on div {
+	

+}
+.i-off div {

+	color: #ddd;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/tabsheet/tabsheet.css b/WebContent/ITMILL/themes/base/tabsheet/tabsheet.css
new file mode 100644
index 0000000000..85c3daa89c
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/tabsheet/tabsheet.css
@@ -0,0 +1,74 @@
+.i-tabsheet,
+.i-tabsheet-content,
+.i-tabsheet-deco {
+	outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+	text-align: left /* Force default alignment */
+}
+
+.i-tabsheet-tabs {
+	empty-cells: hide;
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	width: 100%;
+	overflow: hidden;
+	border-bottom: 1px solid #ddd;
+}
+
+.i-tabsheet-tabs td {
+	margin:0;
+	padding:0;
+	vertical-align: bottom;
+}
+
+.i-tabsheet-spacertd {
+	width: 100%;
+}
+
+.i-tabsheet-hidetabs .i-tabsheet-tabcontainer {
+	display: none;
+}
+
+.i-tabsheet-scroller {
+	white-space: nowrap;
+	text-align: right;
+	margin-top: -1em;
+}
+
+.i-tabsheet-scrollerPrev,
+.i-tabsheet-scrollerNext {
+	border: none;
+	width: 0.5em;
+	height: 1em;
+	background: #ddd;
+	cursor: pointer;
+}
+.i-tabsheet-scrollerPrev-disabled,
+.i-tabsheet-scrollerNext-disabled {
+	border: none;
+	width: 0.5em;
+	height: 1em;
+	background: #efefef;
+}
+
+.i-tabsheet-tabs .i-caption {
+	white-space: nowrap;
+}
+
+/* for IE (does not inherit) */
+.i-tabsheet-tabs .i-caption span {
+	white-space: nowrap;
+}
+
+.i-tabsheet-tabitem {
+	cursor: pointer;
+}
+
+.i-tabsheet-tabitem-selected {
+	background: #ddd;
+}
+
+.i-tabsheet-content {
+	position: relative;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/textfield/textfield.css b/WebContent/ITMILL/themes/base/textfield/textfield.css
new file mode 100644
index 0000000000..7cf0e25227
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/textfield/textfield.css
@@ -0,0 +1,11 @@
+.i-textfield {
+	text-align: left /* Force default alignment */
+}
+
+.i-richtextarea {
+	overflow: hidden;
+}
+
+.i-richtextarea iframe {
+	border: 0;
+}
\ No newline at end of file
diff --git a/WebContent/ITMILL/themes/base/tree/tree.css b/WebContent/ITMILL/themes/base/tree/tree.css
new file mode 100644
index 0000000000..8bde3c4227
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/tree/tree.css
@@ -0,0 +1,42 @@
+.i-tree {
+	text-align: left /* Force default alignment */
+}
+
+/* ie6compatnode is hidden from non ie6 browsers, because ie6 
+ * uses weird hack to sink all events properly 
+ */
+.i-tree-node-ie6compatnode {
+	display: none;
+}
+
+.i-ie6 .i-tree-node-ie6compatnode {
+	display: inline;
+	float: left;
+	background: #000;
+	margin: 0;
+	width: 14px;
+	height: 10px;
+	padding: 1px;
+	filter: Alpha(opacity=0);
+}
+
+.i-ie6 .i-tree-node {
+	clear: both;
+}
+
+.i-tree-node-caption {
+	margin-left: 16px;
+}
+
+.i-tree-node span {
+	cursor: pointer;
+	white-space: nowrap;
+}
+.i-tree-node-selected span {
+	background: #999;
+	color: #fff;
+	cursor: pointer;
+}
+.i-tree-node-children {
+	padding-left: 16px;
+}
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/bottom-left.png b/WebContent/ITMILL/themes/base/window/img/shadow/bottom-left.png
new file mode 100644
index 0000000000..1ffd763faf
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/img/shadow/bottom-left.png
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/bottom-right.png b/WebContent/ITMILL/themes/base/window/img/shadow/bottom-right.png
new file mode 100644
index 0000000000..af3552a4bc
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/img/shadow/bottom-right.png
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/bottom.png b/WebContent/ITMILL/themes/base/window/img/shadow/bottom.png
new file mode 100644
index 0000000000..ed24b66705
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/img/shadow/bottom.png
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/center.png b/WebContent/ITMILL/themes/base/window/img/shadow/center.png
new file mode 100644
index 0000000000..f3825db0fb
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/img/shadow/center.png
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/left.png b/WebContent/ITMILL/themes/base/window/img/shadow/left.png
new file mode 100644
index 0000000000..4c0b430f22
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/img/shadow/left.png
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/right.png b/WebContent/ITMILL/themes/base/window/img/shadow/right.png
new file mode 100644
index 0000000000..f81cfa0ce4
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/img/shadow/right.png
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/top-left.png b/WebContent/ITMILL/themes/base/window/img/shadow/top-left.png
new file mode 100644
index 0000000000..7f79389398
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/img/shadow/top-left.png
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/top-right.png b/WebContent/ITMILL/themes/base/window/img/shadow/top-right.png
new file mode 100644
index 0000000000..feb490d565
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/img/shadow/top-right.png
diff --git a/WebContent/ITMILL/themes/base/window/img/shadow/top.png b/WebContent/ITMILL/themes/base/window/img/shadow/top.png
new file mode 100644
index 0000000000..10bcc450ee
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/img/shadow/top.png
diff --git a/WebContent/ITMILL/themes/base/window/window.css b/WebContent/ITMILL/themes/base/window/window.css
new file mode 100644
index 0000000000..41b7f54501
--- /dev/null
+++ b/WebContent/ITMILL/themes/base/window/window.css
@@ -0,0 +1,185 @@
+.i-window {
+	background: #fff;
+}
+
+.i-window-outerheader {
+	cursor: move;
+}
+
+.i-window-header {
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+}
+
+.i-ie6 .i-window-header {
+	width: 100%;
+}
+
+.i-window-header .i-icon {
+	vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */
+}
+
+/* Partial fix for bug #1106 */
+/* Target Firefox 2 (somehow this will force almost all window borders on top of a Flash object) */
+.i-window-contents, x:-moz-any-link {
+	overflow: hidden;
+}
+/* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */
+.i-window-contents, x:-moz-any-link, x:default {
+	overflow: visible;
+}
+
+.i-window-footer {
+	height: 10px;
+}
+
+.i-window-resizebox {
+	position: relative; /* Needed to position the element over ScrollPanel, which is also relatively positioned */
+	display: inline; /* fix IE6 double float margin bug */
+	float: right;
+	width: 10px;
+	height: 10px;
+	cursor: se-resize;
+	background: #ddd;
+	overflow: hidden;
+}
+
+.i-window-resizebox-disabled {
+	cursor: default;
+	background: transparent;
+}
+
+.i-window-closebox {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 12px;
+	height: 12px;
+	background: red;
+	cursor: pointer;
+	overflow: hidden;
+}
+
+.i-window-modalitycurtain {
+	top: 0;
+	left: 0;
+	background: white;
+	opacity: 0.5;
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	filter: alpha(opacity=50);
+}
+
+/* IE6 workaround for position:fixed; */
+* html .i-window-modalitycurtain { 
+	position: absolute;
+	top: expression(document.documentElement.scrollTop + "px"); 
+}
+
+/* IE specific styles */
+
+* html .i-window {
+	width: 0; /* min-size for IE6 */
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* Shadow for window */
+
+.i-shadow-window {
+	position: absolute;
+}
+
+.i-shadow-window .top-left {
+    position: absolute; overflow: hidden;
+    top: -13px;             left: -20px;
+    width: 39px;         height: 39px;
+    background: transparent url(img/shadow/top-left.png);
+}
+
+.i-shadow-window .top {
+    position: absolute; overflow: hidden;
+    top: -13px;             left: 19px;
+    height: 39px;
+    right: 19px;
+    background: transparent url(img/shadow/top.png);
+}
+
+.i-shadow-window .top-right {
+    position: absolute; overflow: hidden;
+    top: -13px;             right: -20px;
+    width: 39px;         height: 39px;
+    background: transparent url(img/shadow/top-right.png);
+}
+
+.i-shadow-window .left {
+    position: absolute; overflow: hidden;
+    top: 26px;           left: -20px;
+    width: 39px;
+    bottom: 12px;
+    background: transparent url(img/shadow/left.png);
+}
+
+.i-shadow-window .center {
+    position: absolute; overflow: hidden;
+    top: 26px;           left: 19px;
+    bottom: 12px;        right: 19px;
+    background: transparent url(img/shadow/center.png);
+}
+
+.i-shadow-window .right {
+    position: absolute; overflow: hidden;
+    top: 26px;           right: -20px;
+    width: 39px;
+    bottom: 12px;
+    background: transparent url(img/shadow/right.png);
+}
+
+.i-shadow-window .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           left: -20px;
+    width: 39px;          height: 39px;
+    background: transparent url(img/shadow/bottom-left.png);
+}
+
+.i-shadow-window .bottom {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           left: 19px;
+    right: 19px;          height: 39px;
+    background: transparent url(img/shadow/bottom.png);
+}
+
+.i-shadow-window .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -27px;           right: -20px;
+    width: 39px;          height: 39px;
+    background: transparent url(img/shadow/bottom-right.png);
+}
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+* html .i-shadow-window * {
+	display: none;
+}
+
+* html .i-shadow-window {
+	background: #000;
+	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20);
+	margin-top: 2px;
+	margin-left: 2px;
+}
\ No newline at end of file