Renaming ITMILL/ -> VAADIN/ part 1 (for #2904)

svn changeset:7762/svn branch:6.0

72 files changed, 3415 insertions, 0 deletions

diff --git a/WebContent/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.css b/WebContent/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.css
new file mode 100644
index 0000000000..a54d8d83fd
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.css
@@ -0,0 +1,5 @@
+/** sprite: verticals; sprite-image: url(../common/img/vertical-sprites.png); sprite-layout: vertical */
+
+/** sprite: horizontals; sprite-image: url(../common/img/horizontal-sprites.png); sprite-layout: horizontal */
+
+/** sprite: buttons; sprite-image: url(../button/img/button-sprites.png); sprite-layout: vertical */
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/button/button.css b/WebContent/VAADIN/themes/reindeer/button/button.css
new file mode 100644
index 0000000000..bd12e4622c
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/button.css
@@ -0,0 +1,239 @@
+/* We serve simpler buttons for IE6, since it doesn't support the adjacent 
+ * sibling selector (+) that is needed to position .v-icon properly.
+ */
+div > .v-button,
+.v-ie7 .v-button {
+	height: 26px;
+	padding: 0 0 0 6px;
+	background-color: transparent;
+	background-repeat: no-repeat;
+	background-image: url(img/left.png); /** sprite-ref: buttons */
+	border: none;
+	cursor: default;
+}
+div > .v-button span,
+.v-ie7 .v-button span {
+	display: inline-block;
+	height: 22px;
+	padding: 4px 15px 0 9px;
+	background-color: transparent;
+	background-repeat: no-repeat;
+	background-position: right top;
+	background-image: url(img/right.png);  /** sprite-ref: buttons; sprite-alignment: right */
+	text-shadow: #fff 0 1px 0;
+	font-weight: bold;
+	font-size: 11px;
+	line-height: 16px;
+	float: none;
+}
+.v-sa .v-button span {
+	height: 21px;
+	padding-top: 5px;
+}
+.v-button:focus {
+	background-image: url(img/left-focus.png); /** sprite-ref: buttons */
+	outline: none;
+}
+.v-button:focus span {
+	background-image: url(img/right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+	outline: none;
+}
+.v-button:active,
+.v-ie7 .v-button.v-pressed {
+	background-image: url(img/left-pressed.png); /** sprite-ref: buttons */
+	outline: none;
+}
+.v-button:active span,
+.v-ie7 .v-button.v-pressed span {
+	background-image: url(img/right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+	outline: none;
+}
+.v-ie7 .v-button.v-pressed span {
+	position: relative;
+}
+/* FF3 & FF2 */
+.v-button::-moz-focus-inner {
+	border: none;
+	padding: 0;
+}
+.v-ff2 .v-button span {
+	display: -moz-inline-box;
+	padding-top: 6px;
+	height: 20px;
+}
+/* IE7 */
+.v-ie7 .v-button.v-pressed .v-icon {
+	position: relative;
+	z-index: 2;
+}
+/* Opera */
+.v-op .v-button:active span {
+	margin-top: -1px;
+	margin-left: -1px;
+}
+/* Modifications for buttons with icons */
+div > .v-button .v-icon,
+.v-ie7 .v-button .v-icon {
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	overflow: hidden;
+	position: relative;
+	margin: 0 3px 0 0;
+}
+.v-ff2 .v-button .v-icon {
+	display: block;
+	float: left;
+	margin-top: 4px;
+}
+.v-ff2 .v-button-link .v-icon {
+	margin: 0;
+}
+.v-button .v-icon + span,
+.v-button .v-icon + .v-errorindicator + span {
+	margin-left: -19px;
+	padding-left: 19px;
+}
+.v-ie7 .v-button .v-icon + span,
+.v-ie7 .v-button .v-icon + .v-errorindicator + span {
+	margin-left: -23px;
+	padding-left: 23px;
+}
+/* Buttons with error indicator */
+div > .v-button .v-errorindicator,
+.v-ie7 .v-button .v-errorindicator {
+	display: inline;
+	position: absolute;
+	width: 5px;
+	height: 26px;
+	background: transparent url(../../default/icons/16/error.png) no-repeat 50%;
+	overflow: hidden;
+}
+.v-ie6 .v-button .v-errorindicator {
+	position: absolute;
+	width: 5px;
+	height: 18px;
+	background: transparent url(../../default/icons/16/error.gif) no-repeat 50%;
+	overflow: hidden;
+	margin-left: -10px;
+}
+/* Link style buttons */
+.v-button.v-button-link,
+.v-ie7 .v-button-link.v-pressed {
+	background: transparent;
+	height: auto;
+	padding: 0;
+	cursor: pointer;
+}
+.v-button.v-button-link span,
+.v-ie7 .v-button-link.v-pressed span {
+	background: transparent;
+	height: auto;
+	padding: 0;
+	display: inline;
+	font-weight: normal;
+	color: #1b699f;
+}
+.v-button.v-button-link .v-icon + span {
+	margin: 0;
+	padding: 0;
+}
+.v-button-link:focus {
+	outline: 1px dotted #1b699f;
+}
+/**
+ * Default action button style --------------------------
+ */
+div > .v-button-primary,
+.v-ie7 .v-button-primary {
+	background-image: url(img/primary-left.png); /** sprite-ref: buttons */
+}
+div > .v-button-primary span,
+.v-ie7 .v-button-primary span {
+	background-image: url(img/primary-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+.v-button-primary:focus {
+	background-image: url(img/primary-left-focus.png); /** sprite-ref: buttons */
+}
+.v-button-primary:focus span {
+	background-image: url(img/primary-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+.v-button-primary:active,
+.v-ie7 .v-button-primary.v-pressed {
+	background-image: url(img/primary-left-pressed.png); /** sprite-ref: buttons */
+}
+.v-button-primary:active span,
+.v-ie7 .v-button-primary.v-pressed span {
+	background-image: url(img/primary-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+/* 
+ * Small-style --------------------------
+ */
+div > .v-button-small,
+.v-ie7 .v-button-small {
+	background-image: url(img/small-left.png); /** sprite-ref: buttons */
+	height: 20px;
+}
+div > .v-button-small span,
+.v-ie7 .v-button-small span {
+	background-image: url(img/small-right.png); /** sprite-ref: buttons; sprite-alignment: right */
+	height: 19px;
+	padding: 1px 11px 0 5px;
+	font-weight: normal;
+}
+.v-ff2 .v-button-small span {
+	height: 17px;
+	padding-top: 3px;
+}
+.v-sa .v-button-small span {
+	height: 18px;
+	padding-top: 2px;
+}
+.v-button-small:focus {
+	background-image: url(img/small-left-focus.png); /** sprite-ref: buttons */
+}
+.v-button-small:focus span {
+	background-image: url(img/small-right-focus.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+.v-button-small:active,
+.v-ie7 .v-button-small.v-pressed {
+	background-image: url(img/small-left-pressed.png); /** sprite-ref: buttons */
+}
+.v-button-small:active span,
+.v-ie7 .v-button-small.v-pressed span {
+	background-image: url(img/small-right-pressed.png); /** sprite-ref: buttons; sprite-alignment: right */
+}
+
+/**
+ * IE6 buttons --------------------------
+ */
+.v-ie6 .v-button {
+	border: 1px solid #b3b3b3;
+	border-bottom-color: #9a9a9a;
+	background: #d8d8d8 url(img/right.png) no-repeat 0 -1px;
+	padding: 3px 15px 2px 15px;
+	font-weight: bold;
+	font-size: 11px;
+	line-height: 16px;
+	height: 16px;
+	outline: none;
+}
+.v-ie6 .v-button-primary {
+	background-image: url(img/primary-right.png);
+}
+.v-ie6 .v-button-small {
+	font-weight: normal;
+	padding: 1px 11px 0 11px;
+	height: 12px;
+	line-height: normal;
+	background-image: url(img/small-right.png);
+}
+.v-ie6 .v-button.v-pressed {
+	background: transparent url(img/right-pressed.png) no-repeat 0 -1px;
+}
+/* Buttons on blue background */
+.v-ie6 .blue .v-button {
+	border-color: #84949c;
+	border-top-color: #83939b;
+	border-bottom-color: #888d91;
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/button-sprites-ie6.png b/WebContent/VAADIN/themes/reindeer/button/img/button-sprites-ie6.png
new file mode 100644
index 0000000000..6ba8bc2864
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/button-sprites-ie6.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/button-sprites.png b/WebContent/VAADIN/themes/reindeer/button/img/button-sprites.png
new file mode 100644
index 0000000000..c14b6864ae
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/button-sprites.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/left-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/left-focus.png
new file mode 100644
index 0000000000..636cf840c3
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/left-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/left-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/left-pressed.png
new file mode 100644
index 0000000000..e70f56b84b
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/left-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/left.png b/WebContent/VAADIN/themes/reindeer/button/img/left.png
new file mode 100644
index 0000000000..c4209e8119
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/left.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-left-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-left-focus.png
new file mode 100644
index 0000000000..7952ae5022
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/primary-left-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-left-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-left-pressed.png
new file mode 100644
index 0000000000..7ff5296025
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/primary-left-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-left.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-left.png
new file mode 100644
index 0000000000..abb6bcc5af
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/primary-left.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-right-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-right-focus.png
new file mode 100644
index 0000000000..5fef4143e6
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/primary-right-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-right-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-right-pressed.png
new file mode 100644
index 0000000000..3c11bb3814
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/primary-right-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/primary-right.png b/WebContent/VAADIN/themes/reindeer/button/img/primary-right.png
new file mode 100644
index 0000000000..c304c9cfdf
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/primary-right.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/right-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/right-focus.png
new file mode 100644
index 0000000000..dbb0677ac7
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/right-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/right-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/right-pressed.png
new file mode 100644
index 0000000000..0a99111e60
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/right-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/right.png b/WebContent/VAADIN/themes/reindeer/button/img/right.png
new file mode 100644
index 0000000000..e70a7be739
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/right.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-left-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/small-left-focus.png
new file mode 100644
index 0000000000..96408f225f
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/small-left-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-left-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/small-left-pressed.png
new file mode 100644
index 0000000000..90f0d5cbef
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/small-left-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-left.png b/WebContent/VAADIN/themes/reindeer/button/img/small-left.png
new file mode 100644
index 0000000000..4efaa98ac2
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/small-left.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-right-focus.png b/WebContent/VAADIN/themes/reindeer/button/img/small-right-focus.png
new file mode 100644
index 0000000000..8a0c5cac33
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/small-right-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-right-pressed.png b/WebContent/VAADIN/themes/reindeer/button/img/small-right-pressed.png
new file mode 100644
index 0000000000..18e6c6ace1
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/small-right-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/button/img/small-right.png b/WebContent/VAADIN/themes/reindeer/button/img/small-right.png
new file mode 100644
index 0000000000..a9abdc5cf1
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/button/img/small-right.png
diff --git a/WebContent/VAADIN/themes/reindeer/common/common.css b/WebContent/VAADIN/themes/reindeer/common/common.css
new file mode 100644
index 0000000000..afd109c862
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/common/common.css
@@ -0,0 +1,87 @@
+.v-generated-body,
+.v-app {
+	background: #f5f5f5;
+}
+/* Global font styles */
+.v-app,
+.v-window,
+.v-popupview-popup,
+.v-tooltip,
+.v-app input,
+.v-app select,
+.v-app button,
+.v-app textarea,
+.v-window input,
+.v-window select,
+.v-window button,
+.v-window textarea,
+.v-popupview-popup input,
+.v-popupview-popup select,
+.v-popupview-popup button,
+.v-popupview-popup textarea,
+.v-filterselect-suggestpopup {
+	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+	font-size: 12px;
+	line-height: normal;
+	color: #222;
+}
+/* Fonts for Safari, exchange Helvetica for Arial */
+.v-sa .v-app,
+.v-sa .v-window,
+.v-sa .v-popupview-popup,
+.v-sa .v-tooltip,
+.v-sa .v-app input,
+.v-sa .v-app select,
+.v-sa .v-app button,
+.v-sa .v-app textarea,
+.v-sa .v-window input,
+.v-sa .v-window select,
+.v-sa .v-window button,
+.v-sa .v-window textarea,
+.v-sa .v-popupview-popup input,
+.v-sa .v-popupview-popup select,
+.v-sa .v-popupview-popup button,
+.v-sa .v-popupview-popup textarea,
+.v-sa .v-filterselect-suggestpopup {
+	font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
+}
+.v-errorindicator {
+	width: 12px;
+	height: 16px;
+	background: transparent url(../../default/icons/16/error.png) no-repeat top right;
+}
+.v-ie6 .v-errorindicator {
+	/* gif for transparency */
+	background-image: url(../../default/icons/16/error.gif);
+}
+.v-ie7 .v-errorindicator {
+	margin-left: -3px;
+}
+.v-tooltip {
+	background-color: #fffcdd;
+	border: 1px solid #b8b295;
+	font-size: 11px;
+	line-height: 13px;
+	color: #222;
+}
+.v-tooltip-text {
+	padding: 2px 4px;
+}
+.v-tooltip .v-errormessage {
+	padding: 3px 4px;
+	background: #ffecc6;
+	color: #b74100;
+	border: none;
+	border-top: 1px solid #fff3dc;
+}
+.v-tooltip .v-errormessage h2 {
+	font-size: 16px;
+	font-weight: normal;
+	color: #ab3101;
+	margin: 2px 0 8px 0;
+}
+.v-tooltip .v-errormessage h3 {
+	font-size: 13px;
+	font-weight: bold;
+	margin: 1px 0 4px 0;
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/common/img/horizontal-sprites.png b/WebContent/VAADIN/themes/reindeer/common/img/horizontal-sprites.png
new file mode 100644
index 0000000000..7980a5aa18
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/common/img/horizontal-sprites.png
diff --git a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png
new file mode 100644
index 0000000000..07fe1bdde0
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites-ie6.png
diff --git a/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png
new file mode 100644
index 0000000000..a45238a693
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/common/img/vertical-sprites.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/datefield.css b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
new file mode 100644
index 0000000000..0473ea8711
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/datefield.css
@@ -0,0 +1,112 @@
+.v-datefield-calendarpanel {
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+}
+.v-datefield-year .v-datefield-calendarpanel-prevmonth,
+.v-datefield-year .v-datefield-calendarpanel-nextmonth,
+.v-datefield-year .v-datefield-calendarpanel-weekdays {
+	display: none;
+}
+td.v-datefield-calendarpanel-month {
+	height: 23px;
+	background-repeat: repeat-x;
+	background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+span.v-datefield-calendarpanel-month {
+	display: block;
+	text-align: center;
+	height: 18px;
+	padding: 3px 10px 0 10px;
+	border-left: 1px solid #efefef;
+	border-right: 1px solid #d8d8d8;
+	text-shadow: #fff 0 1px 0;
+	overflow: hidden;
+}
+.v-datefield-year .v-datefield-calendarpanel-month {
+	width: 35px;
+}
+.v-datefield-month .v-datefield-calendarpanel-month,
+.v-datefield-day .v-datefield-calendarpanel-month,
+.v-datefield-full .v-datefield-calendarpanel-month {
+	width: 94px;
+}
+.v-datefield-year .v-datefield-calendarpanel td,
+.v-datefield-month .v-datefield-calendarpanel td,
+.v-datefield-day .v-datefield-calendarpanel td {
+	width: auto;
+}
+.v-datefield-year .v-datefield-calendarpanel {
+	width: 100px;
+}
+.v-datefield-calendarpanel-prevyear {
+	text-align: right;
+}
+.v-datefield-calendarpanel-prevyear button,
+.v-datefield-calendarpanel-nextyear button,
+.v-datefield-calendarpanel-prevmonth button,
+.v-datefield-calendarpanel-nextmonth button {
+	width: 24px;
+	height: 23px;
+	border: none;
+	background: transparent;
+	background-repeat: no-repeat;
+	background-image: url(img/year-prev.png); /** sprite-ref: verticals */
+	overflow: hidden;
+	padding: 0;
+	text-indent: -9999px;
+	outline: none;
+}
+.v-ie6 .v-datefield-calendarpanel-prevyear button,
+.v-ie6 .v-datefield-calendarpanel-nextyear button,
+.v-ie6 .v-datefield-calendarpanel-prevmonth button,
+.v-ie6 .v-datefield-calendarpanel-nextmonth button {
+	text-indent: 0;
+	font-size: 1px;
+}
+.v-datefield-calendarpanel-nextyear button {
+	background-position: left top;
+	background-image: url(img/year-next.png); /** sprite-ref: verticals */
+}
+.v-datefield-calendarpanel-prevyear button:active,
+.v-ie6 .v-datefield-calendarpanel-prevyear button.v-pressed {
+	background-image: url(img/year-prev-pressed.png); /** sprite-ref: verticals; sprite-alignment: right */
+}
+.v-datefield-calendarpanel-nextyear button:active,
+.v-ie6 .v-datefield-calendarpanel-nextyear button.v-pressed  {
+	background-image: url(img/year-next-pressed.png); /** sprite-ref: verticals */
+}
+.v-datefield-calendarpanel-prevmonth,
+.v-datefield-calendarpanel-nextmonth {
+	background-repeat: repeat-x;
+	background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.v-datefield-calendarpanel-prevmonth button,
+.v-datefield-calendarpanel-nextmonth button {
+	width: 100%;
+	height: 21px;
+	border-left: 1px solid #efefef;
+	border-right: 1px solid #d8d8d8;
+	background: transparent;
+	background-position: center top;
+	background-image: url(img/month-prev.png); /** sprite-ref: verticals; sprite-alignment: center */
+	min-width: 24px;
+}
+.v-ie6 .v-datefield-calendarpanel-prevmonth button,
+.v-ie6 .v-datefield-calendarpanel-nextmonth button {
+	width: 24px;
+	border: none;
+}
+.v-datefield-calendarpanel-nextmonth button {
+	background-image: url(img/month-next.png); /** sprite-ref: verticals; sprite-alignment: center */
+}
+.v-datefield-calendarpanel-prevmonth button:active,
+.v-ie6 .v-datefield-calendarpanel-prevmonth button.v-pressed {
+	background-position: center top;
+	background-image: url(img/month-prev-pressed.png); /** sprite-ref: verticals; sprite-alignment: center */
+}
+.v-datefield-calendarpanel-nextmonth button:active,
+.v-ie6 .v-datefield-calendarpanel-nextmonth button.v-pressed {
+	background-position: center top;
+	background-image: url(img/month-next-pressed.png); /** sprite-ref: verticals; sprite-alignment: center */
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png
new file mode 100644
index 0000000000..48a3bc8ff5
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg.png b/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg.png
new file mode 100644
index 0000000000..f033b5316d
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/header-bg.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png
new file mode 100644
index 0000000000..22393c7973
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/month-next-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-next.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-next.png
new file mode 100644
index 0000000000..50732c44ad
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/month-next.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png
new file mode 100644
index 0000000000..ad39a9ae22
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev.png b/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev.png
new file mode 100644
index 0000000000..19bb013151
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/month-prev.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png
new file mode 100644
index 0000000000..60b57c370b
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/year-next-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-next.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-next.png
new file mode 100644
index 0000000000..bb015ef73d
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/year-next.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png
new file mode 100644
index 0000000000..c760d022e8
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev.png b/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev.png
new file mode 100644
index 0000000000..3cd62e4e95
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/datefield/img/year-prev.png
diff --git a/WebContent/VAADIN/themes/reindeer/label/label.css b/WebContent/VAADIN/themes/reindeer/label/label.css
new file mode 100644
index 0000000000..7070bf04f4
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/label/label.css
@@ -0,0 +1,26 @@
+.v-label {
+	line-height: 18px;
+}
+.v-label-h1,
+.v-label-h2,
+.v-caption-h1,
+.v-caption-h2 {
+	font-size: 24px;
+	line-height: 30px;
+	font-weight: bold;
+	color: #44698b;
+}
+.v-ie6 .v-label-h1 {
+	font-size: 1px;
+	line-height: normal;
+}
+.v-label-h2,
+.v-caption-h2 {
+	font-size: 16px;
+	line-height: 22px;
+}
+.v-label-light {
+	font-size: 11px;
+	line-height: 13px;
+	color: #707070;
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/layouts/layouts.css b/WebContent/VAADIN/themes/reindeer/layouts/layouts.css
new file mode 100644
index 0000000000..a668e76433
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/layouts/layouts.css
@@ -0,0 +1,32 @@
+.v-orderedlayout-margin-top,
+.v-horizontallayout-margin-top,
+.v-verticallayout-margin-top {
+	padding-top: 18px;
+}
+.v-orderedlayout-margin-right,
+.v-horizontallayout-margin-right,
+.v-verticallayout-margin-right {
+	padding-right: 18px;
+}
+.v-orderedlayout-margin-bottom,
+.v-horizontallayout-margin-bottom,
+.v-verticallayout-margin-bottom {
+	padding-bottom: 18px;
+}
+.v-orderedlayout-margin-left,
+.v-horizontallayout-margin-left,
+.v-verticallayout-margin-left {
+	padding-left: 18px;
+}
+.v-orderedlayout-spacing-on,
+.v-horizontallayout-spacing-on,
+.v-verticallayout-spacing-on {
+	padding-top: 7px;
+	padding-left: 6px;
+}
+/* Blue background */
+.v-verticallayout-blue,
+.v-horizontallayout-blue,
+.v-orderedlayout-blue {
+	background-color: #bcd3de;
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/panel/panel.css b/WebContent/VAADIN/themes/reindeer/panel/panel.css
new file mode 100644
index 0000000000..6576c8233f
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/panel/panel.css
@@ -0,0 +1,35 @@
+.v-panel-caption,
+.v-panel-nocaption {
+	border-bottom: 1px solid #dcdcdc;
+	line-height: 16px; /* accommodate minimum icon size */
+}
+.v-sa .v-panel-caption,
+.v-sa .v-panel-nocaption,
+.v-ff3 .v-panel-caption,
+.v-ff3 .v-panel-nocaption {
+	border-bottom-color: rgba(0,0,0,.1);
+}
+.v-panel-caption {
+	padding-bottom: 2px;
+}
+.v-panel-content {
+	border: 1px solid #dcdcdc;
+	border-bottom: none;
+	border-top: none;
+	background: #fff;
+}
+.v-sa .v-panel-content,
+.v-ff3 .v-panel-content {
+	border-color: rgba(0,0,0,.1);
+}
+.v-panel-deco {
+	height: 1px;
+	border-top: 1px solid #bebebe;
+	background: #e2e2e2;
+	overflow: hidden;
+}
+.v-sa .v-panel-deco,
+.v-ff3 .v-panel-deco {
+	border-top-color: rgba(0,0,0,.1);
+	background: rgba(0,0,0,.08);
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/arrow-down-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/arrow-down-hover.png
new file mode 100644
index 0000000000..2061e31bee
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/arrow-down-hover.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/arrow-down.png b/WebContent/VAADIN/themes/reindeer/select/img/arrow-down.png
new file mode 100644
index 0000000000..6fba8ab906
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/arrow-down.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/arrow-up-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/arrow-up-hover.png
new file mode 100644
index 0000000000..a2d3ea6706
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/arrow-up-hover.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/arrow-up.png b/WebContent/VAADIN/themes/reindeer/select/img/arrow-up.png
new file mode 100644
index 0000000000..3c9b52c9fc
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/arrow-up.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/center-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/center-focus.png
new file mode 100644
index 0000000000..e236f2a24d
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/center-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/center.png b/WebContent/VAADIN/themes/reindeer/select/img/center.png
new file mode 100644
index 0000000000..fae6766cce
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/center.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/left-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/left-focus.png
new file mode 100644
index 0000000000..528d53203b
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/left-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/left.png b/WebContent/VAADIN/themes/reindeer/select/img/left.png
new file mode 100644
index 0000000000..e4179a0078
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/left.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/page-down-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/page-down-hover.png
new file mode 100644
index 0000000000..5479c21ee9
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/page-down-hover.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/page-down-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/page-down-pressed.png
new file mode 100644
index 0000000000..8d621bd96e
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/page-down-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/page-up-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/page-up-hover.png
new file mode 100644
index 0000000000..ba08d141fd
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/page-up-hover.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/page-up-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/page-up-pressed.png
new file mode 100644
index 0000000000..08c044abc6
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/page-up-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-focus-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/right-focus-hover.png
new file mode 100644
index 0000000000..9b8ddc7676
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/right-focus-hover.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-focus-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/right-focus-pressed.png
new file mode 100644
index 0000000000..9c7b6dc0ac
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/right-focus-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-focus.png b/WebContent/VAADIN/themes/reindeer/select/img/right-focus.png
new file mode 100644
index 0000000000..127c3e03d2
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/right-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-hover.png b/WebContent/VAADIN/themes/reindeer/select/img/right-hover.png
new file mode 100644
index 0000000000..5d1c8f8153
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/right-hover.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right-pressed.png b/WebContent/VAADIN/themes/reindeer/select/img/right-pressed.png
new file mode 100644
index 0000000000..f9450d2d43
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/right-pressed.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/right.png b/WebContent/VAADIN/themes/reindeer/select/img/right.png
new file mode 100644
index 0000000000..d341745cce
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/right.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/sel-bg.png b/WebContent/VAADIN/themes/reindeer/select/img/sel-bg.png
new file mode 100644
index 0000000000..6abfd1caf6
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/sel-bg.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/img/status-bg.png b/WebContent/VAADIN/themes/reindeer/select/img/status-bg.png
new file mode 100644
index 0000000000..c93bfeb350
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/img/status-bg.png
diff --git a/WebContent/VAADIN/themes/reindeer/select/select.css b/WebContent/VAADIN/themes/reindeer/select/select.css
new file mode 100644
index 0000000000..c9dc77bea4
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/select/select.css
@@ -0,0 +1,180 @@
+.v-filterselect {
+	height: 24px;
+	background-repeat: no-repeat;
+	background-image: url(img/left.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */
+	padding-left: 2px;
+}
+.v-app .v-filterselect-input,
+.v-window .v-filterselect-input,
+.v-popupview-popup .v-filterselect-input {
+	background: transparent;
+	background-repeat: repeat-x;
+	background-image: url(img/center.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+	border: none;
+	height: 21px;
+}
+/* More specific selector to override padding */
+.v-app input.v-filterselect-input,
+.v-window input.v-filterselect-input,
+.v-popupview-popup input.v-filterselect-input {
+	padding: 3px 0 0 2px;
+}
+.v-filterselect-prompt .v-filterselect-input {
+	font-style: normal;
+}
+.v-filterselect-input:focus {
+	outline: none;
+}
+.v-filterselect-focus {
+	background-image: url(img/left-focus.png); /** sprite-ref: verticals; sprite-margin-bottom: 1px */
+}
+.v-filterselect-focus .v-filterselect-input {
+	background-image: url(img/center-focus.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.v-filterselect-button {
+	overflow: hidden;
+	width: 25px;
+	height: 24px;
+	background-image: url(img/right.png); /** sprite-ref: verticals */
+	cursor: default;
+}
+.v-filterselect-button:hover {
+	background-image: url(img/right-hover.png); /** sprite-ref: verticals */
+}
+.v-filterselect-button:active {
+	background-image: url(img/right-pressed.png); /** sprite-ref: verticals */
+}
+.v-filterselect-focus .v-filterselect-button {
+	background-image: url(img/right-focus.png); /** sprite-ref: verticals */
+}
+.v-filterselect-focus .v-filterselect-button:hover {
+	background-image: url(img/right-focus-hover.png); /** sprite-ref: verticals */
+}
+.v-filterselect-focus .v-filterselect-button:active {
+	background-image: url(img/right-focus-pressed.png); /** sprite-ref: verticals */
+}
+.v-disabled .v-filterselect-button:hover,
+.v-readonly .v-filterselect-button:hover {
+	background-image: url(img/right.png); /** sprite-ref: verticals */
+}
+.v-filterselect-suggestpopup {
+	background: #f8f8f9;
+	border: none;
+	border-radius: 2px;
+	-webkit-border-radius: 2px;
+	-moz-border-radius: 2px;
+	-o-border-radius: 2px;
+	overflow: hidden;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem {
+	padding: 1px 8px;
+	height: 16px;
+	user-select: none;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
+	margin-right: 3px;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem-selected {
+	background: transparent;
+	background-repeat: repeat-x;
+	background-image: url(img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+	color: #fff;
+	text-shadow: #3b5a7a 0 1px 0;
+}
+.v-filterselect-nextpage,
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off,
+.v-filterselect-prevpage {
+	height: 11px;
+	width: 100%;
+	background: transparent;
+}
+.v-filterselect-nextpage:hover {
+	background-repeat: repeat-x;
+	background-image: url(img/page-down-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.v-filterselect-prevpage:hover {
+	background-repeat: repeat-x;
+	background-image: url(img/page-up-hover.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.v-filterselect-nextpage:active {
+	background-repeat: repeat-x;
+	background-image: url(img/page-down-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.v-filterselect-prevpage:active {
+	background-repeat: repeat-x;
+	background-image: url(img/page-up-pressed.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.v-filterselect-nextpage-off span,
+.v-filterselect-prevpage-off span {
+	display: none;
+}
+.v-filterselect-nextpage span,
+.v-filterselect-prevpage span {
+	display: block;
+	height: 11px;
+	width: 100%;
+	overflow: hidden;
+	text-indent: -99999px;
+	background-position: center 3px;
+	background-repeat: no-repeat;
+	background-image: url(img/arrow-down.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */
+	user-select: none;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+.v-filterselect-prevpage span {
+	background-image: url(img/arrow-up.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */
+}
+.v-filterselect-nextpage:hover span {
+	background-image: url(img/arrow-down-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */
+}
+.v-filterselect-prevpage:hover span {
+	background-image: url(img/arrow-up-hover.png); /** sprite-ref: verticals; sprite-margin-top: 3px; sprite-margin-bottom: 3px; sprite-alignment: center */
+}
+.v-filterselect-status {
+	text-shadow: #e9eaeb 0 1px 0;
+	font-size: 11px;
+	line-height: normal;
+	width: 100%;
+	padding: 3px 0;
+	height: 11px;
+	overflow: hidden;
+	background-repeat: repeat-x;
+	background-image: url(img/status-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+	-moz-border-radius-bottomleft: 2px;
+	-moz-border-radius-bottomright: 2px;
+	-webkit-border-bottom-left-radius: 2px;
+	-webkit-border-bottom-right-radius: 2px;
+	user-select: none;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+/* IE fails to position background images properly inside table elements */
+.v-ie .v-filterselect-suggestmenu .gwt-MenuItem-selected {
+	background: transparent url(img/sel-bg.png) repeat-x;
+}
+.v-ie .v-filterselect-nextpage:hover {
+	background: transparent url(img/page-down-hover.png) repeat-x;
+}
+.v-ie .v-filterselect-prevpage:hover {
+	background: transparent url(img/page-up-hover.png) repeat-x;
+}
+.v-ie .v-filterselect-prevpage span {
+	background: transparent url(img/arrow-up.png) no-repeat center 3px;
+}
+.v-ie .v-filterselect-nextpage span {
+	background: transparent url(img/arrow-down.png) no-repeat center 3px;
+}
+.v-ie .v-filterselect-prevpage:hover span {
+	background: transparent url(img/arrow-up-hover.png) no-repeat center 3px;
+}
+.v-ie .v-filterselect-nextpage:hover span {
+	background: transparent url(img/arrow-down-hover.png) no-repeat center 3px;
+}
+.v-ie .v-filterselect-status {
+	background: transparent url(img/status-bg.png) repeat-x;
+}
+/* Filterselect with icon needs a similar fix than in buttons */
diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png b/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png
new file mode 100644
index 0000000000..4ce1cabffc
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-bg.png
diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png b/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png
new file mode 100644
index 0000000000..50645f41f1
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/splitpanel/img/hor-handle.png
diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png b/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png
new file mode 100644
index 0000000000..1e6968dd1c
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-bg.png
diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png b/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png
new file mode 100644
index 0000000000..bf5ca89ca5
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/splitpanel/img/ver-handle.png
diff --git a/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.css b/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.css
new file mode 100644
index 0000000000..dbb7ae0aef
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.css
@@ -0,0 +1,24 @@
+.v-splitpanel-horizontal .v-splitpanel-hsplitter {
+	width: 7px;
+	background-repeat: repeat-y;
+	background-image: url(img/hor-bg.png); /** sprite-ref: horizontals; sprite-alignment: repeat */
+}
+.v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+	width: 7px;
+	background: transparent;
+	background-repeat: no-repeat;
+	background-position: 50%;
+	background-image: url(img/hor-handle.png); /** sprite-ref: horizontals; sprite-alignment: center */
+}
+.v-splitpanel-vertical .v-splitpanel-vsplitter {
+	height: 7px;
+	background-repeat: repeat-x;
+	background-image: url(img/ver-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+}
+.v-splitpanel-vertical .v-splitpanel-vsplitter div {
+	height: 7px;
+	background: transparent;
+	background-repeat: no-repeat;
+	background-position: 50%;
+	background-image: url(img/ver-handle.png); /** sprite-ref: verticals; sprite-alignment: center */
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css
new file mode 100644
index 0000000000..92b61d4cb7
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/styles.css
@@ -0,0 +1,2546 @@
+/* Automatically compiled css file from subdirectories. */
+
+/* ./WebContent/ITMILL/themes/base/absolutelayout/absolutelayout.css */
+.v-absolutelayout-wrapper {
+	position: absolute;
+	overflow: hidden;
+}
+
+/* ./WebContent/ITMILL/themes/base/accordion/accordion.css */
+.v-accordion {
+	position: relative;
+	outline: none;
+	overflow: hidden;
+	text-align: left /* Force default alignment */
+}
+.v-accordion-item {
+	position: relative;
+}
+.v-accordion-item-caption {
+	overflow: hidden;
+	white-space: nowrap;
+	background: #eee;
+	border-bottom: 1px solid #ddd;
+}
+.v-accordion-item-caption .v-caption {
+	cursor: pointer;
+}
+.v-accordion-item-open .v-accordion-item-caption .v-caption {
+	cursor: default;
+}
+.v-accordion-item-content {
+	position: absolute;
+	overflow: auto;
+	width: 100%;
+}
+
+/* ./WebContent/ITMILL/themes/base/button/button.css */
+.v-button {
+	cursor: pointer;
+	white-space: nowrap;
+	margin: 0;
+}
+.v-button span {
+	white-space: nowrap;
+}
+.v-checkbox input {
+	vertical-align: middle;
+}
+.v-button img,
+.v-checkbox img {
+	display: inline;
+	vertical-align: middle;
+	margin-right: 3px;
+}
+.v-button span,
+.v-checkbox label {
+	vertical-align: middle;
+}
+.v-button-link {
+	border: none;
+	text-align: left;
+	background: none;
+	padding: 0;
+}
+/* Inset Safari focus outline a bit */
+.v-sa .v-button-link:focus {
+	outline-offset: -3px;
+}
+.v-button-link span {
+	text-decoration: underline;
+}
+.v-checkbox {
+	white-space: nowrap;	
+}
+.v-checkbox .v-errorindicator {
+	float: none;
+	display: inline;
+	padding-left: 1em;
+	background-position: left;
+}
+/* Fixes streched buttons in IE6 and IE7*/
+.v-ie6 .v-button {
+	width: 1px;
+}
+.v-ie6 .v-button,
+.v-ie7 .v-button,
+.v-ie8 .v-button {
+	overflow: visible;
+	padding-left: 1em;
+	padding-right: 1em;
+}
+/* Error indicator on checkbox fix for IE6 */
+.v-ie6 .v-checkbox * {
+	float: left;
+	display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */
+}
+.v-ie6 .v-checkbox .v-errorindicator {
+	background-position: right;
+	display: inline;
+	float: left;
+	padding-left: 0; 
+	padding-right: 0.4em;
+}
+/* Error indicator on checkbox fix for IE7 */
+.v-ie7 .v-checkbox *,
+.v-ie8 .v-checkbox * {
+	float: left;
+}
+.v-ie7 .v-checkbox .v-errorindicator,
+.v-ie8 .v-checkbox .v-errorindicator {
+	background-position: right;
+	float: left;
+	padding-left: 0;
+	padding-right: 0.7em;
+}
+/* Error indicator on button fix for IE */
+.v-ie6 button .v-errorindicator,
+.v-ie7 button .v-errorindicator,
+.v-ie8 button .v-errorindicator {
+	display: inline;
+	padding-right: 0.5em;
+}
+/* Disabled by default
+.v-checkbox-error {
+	background: #ffe0e0;
+}
+*/
+/* Disabled by default
+.v-checkbox-required {
+	background: #ffe0e0;
+}
+*/
+
+/* ./WebContent/ITMILL/themes/base/caption/caption.css */
+.v-captionwrapper {
+	text-align: left; /* Force default alignment */
+}
+.v-caption {
+	overflow: hidden;
+	white-space: nowrap;
+}
+.v-errorindicator {
+	float: left;
+}
+.v-caption .v-icon {
+	float: left;
+	padding-right: 2px;
+	vertical-align: middle;
+}
+.v-caption .v-captiontext {
+	float: left;
+	overflow: hidden;
+	vertical-align: middle;
+}
+.v-caption .v-required-field-indicator {
+	float: left;
+}
+
+/* Fix IE6 "double-float-margin-bug" */
+.v-ie6 .v-errorindicator,
+.v-ie6 .v-icon,
+.v-ie6 .v-captiontext,
+.v-ie6 .v-required-field-indicator {
+	display: inline;
+}
+
+/* ./WebContent/ITMILL/themes/base/common/common.css */
+/* References the BODY tag generated by Vaadin application servlet */
+.v-generated-body {
+	width: 100%;
+	height: 100%;
+	border: 0;
+	margin: 0;
+	overflow: hidden;
+}
+.v-app {
+	height: 100%;
+}
+.v-app-loading {
+	/* You can use this to provide indication for the user that the application is loading. */
+	/* It is applied to the same element as .v-app */
+}
+.v-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 handle printing somehow. Reasonable printing support 
+ * needs application specific planning and CSS tuning.
+ */
+@media print {
+	.v-generated-body {
+		height: auto;
+		min-height: 20cm;
+		overflow: visible;
+	}
+	.v-app {
+		height: auto;
+		min-height: 20cm;
+	}
+	.v-view {
+		overflow: visible;
+	}
+	.v-gridlayout {
+		overflow: visible !important;
+	}
+}
+.v-view:active,
+.v-view:focus {
+	outline: none;
+}
+.v-app select,
+.v-window select {
+	margin: 0;
+}
+.v-disabled {
+	opacity: .3;
+	filter: alpha(opacity=30);
+	cursor: default;
+}
+.v-disabled * {
+	cursor: default;
+}
+* html .v-disabled {
+	zoom: 1;
+}
+*+html .v-disabled {
+	zoom: 1;
+}
+.v-disabled .v-disabled {
+	opacity: 1;
+}
+.v-required-field-indicator {
+	padding-left: 2px;
+	color: red;
+}
+.v-form fieldset {
+	border: none;
+	padding: 0;
+	margin: 0;
+}
+/* Field modified */ /* Disabled by default
+.v-modified,
+.v-richtextarea.v-modified iframe.gwt-RichTextArea,
+.v-checkbox.v-modified,
+.v-modified .v-select-option,
+.v-modified .v-textfield,
+.v-modified .v-datefield-calendarpanel,
+.v-modified .v-select-select,
+.v-modified .v-select-twincol-selections,
+.v-modified .v-select-twincol-options,
+.v-modified .v-slider-base {
+	background: #ffffe0;
+}
+*/
+.v-tooltip {
+	cursor: default;
+	background: #fff;
+}
+.v-tooltip-text {
+	overflow: auto;
+}
+.v-tooltip .v-errormessage {
+	overflow: auto;
+}
+.v-contextmenu {
+	background: #fff;
+}
+.v-contextmenu .gwt-MenuItem {
+	cursor: pointer;
+	vertical-align: middle;
+	padding: 0;
+	border: 0;
+	margin: 0;
+}
+.v-contextmenu .gwt-MenuItem div {
+	cursor: pointer;
+	vertical-align: middle;
+	white-space: nowrap;
+}
+.v-contextmenu .gwt-MenuItem-selected div {
+	background: #aaa;
+	color: #fff;
+}
+.v-contextmenu table {
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+}
+.v-contextmenu .gwt-MenuItem img {
+	margin-right: 1em;
+	vertical-align: middle;
+}
+/* Margins are not supported within Label */
+.v-label pre {
+	margin: 0;
+}
+/* A label with undefined width is always considered to be on one line */
+.v-label-undef-w {
+	white-space: nowrap;
+}
+/* Loading indicator states
+ * Note: client side expects that loading indicator has a height. It depends on
+ * this css property to ensure browsers have applied all required styles.
+ */
+.v-loading-indicator,
+.v-loading-indicator-delay,
+.v-loading-indicator-wait {
+	height: 16px;
+	position: absolute;
+	top: 0;
+	right: 0;
+	z-index: 30000;
+}
+/* Debug dialog */
+.v-debug-console {
+	background: #fff;
+	opacity: .9;
+	border: 1px solid #000;
+	font-family: sans-serif;
+}
+.v-debug-console-caption {
+	background: #000;
+	border-bottom: 1px solid grey;
+	color: white;
+	font-weight: bold;
+}
+.v-debug-console-content {
+	font-size: x-small;
+	overflow: auto;
+}
+.v-debug-console-content input {
+	font-size: xx-small;
+}
+/* Debug style */
+.v-app .invalidlayout,
+.v-app .invalidlayout * {
+	background: #f99 !important;
+}
+/* Fix for Liferay, issue #2384 */
+.v-app input[type="text"],
+.v-app input[type="password"],
+.v-app input[type="reset"],
+.v-app select,
+.v-app textarea {
+	padding: 2px;
+}
+
+/* ./WebContent/ITMILL/themes/base/customcomponent/customcomponent.css */
+.v-customcomponent {
+	overflow: hidden;
+}
+
+/* ./WebContent/ITMILL/themes/base/customlayout/customlayout.css */
+.v-customlayout {
+	overflow: hidden;
+}
+
+/* ./WebContent/ITMILL/themes/base/datefield/datefield.css */
+.v-datefield {
+	white-space: nowrap;
+}
+.v-datefield-textfield {
+	vertical-align: top;
+}
+.v-datefield-button {
+	cursor: pointer;
+}
+.v-datefield-calendarpanel table {
+	width: 100%;
+}
+.v-datefield-calendarpanel td {
+	width: 14.2%;
+	padding: 0;
+	margin: 0;
+}
+.v-datefield-calendarpanel-header td {
+	text-align: center;
+}
+.v-datefield-calendarpanel-month {
+	text-align: center;
+	white-space: nowrap;
+}
+.v-datefield-calendarpanel-day,
+.v-datefield-calendarpanel-day-today {
+	cursor: pointer;
+}
+.v-datefield-calendarpanel-day-today {
+	border: 1px solid #ddd;
+}
+.v-disabled .v-datefield-calendarpanel-day,
+.v-disabled .v-datefield-calendarpanel-day-today {
+	cursor: default;
+}
+.v-datefield-calendarpanel-day-disabled {
+	cursor: default;
+	opacity: .5;
+}
+.v-datefield-calendarpanel-day-selected {
+	cursor: default;
+	background: #333;
+	color: #fff;
+}
+.v-datefield-time {
+	white-space: nowrap;
+}
+.v-datefield-time .v-label {
+	display: inline;
+}
+/* Disabled by default
+.v-datefield-error .v-textfield,
+.v-datefield-error .v-datefield-calendarpanel {
+	background: #ffe0e0;
+}
+*/
+
+/* Disabled by default
+.v-datefield-required .v-textfield,
+.v-datefield-required .v-datefield-calendarpanel {
+	background:transparent;
+	background-color: #ffe0e0;
+}
+*/
+/* IE somehow loses generic v-disabled alpha. See #1960 */
+.v-ie6 .v-disabled .v-datefield-button,
+.v-ie6 .v-disabled .v-datefield-textfield,
+.v-ie7 .v-disabled .v-datefield-button,
+.v-ie7 .v-disabled .v-datefield-textfield {
+	filter: alpha(opacity=30);
+}
+
+/* ./WebContent/ITMILL/themes/base/formlayout/formlayout.css */
+.v-formlayout-cell .v-errorindicator {
+	display: block;
+}
+.v-formlayout-captioncell {
+	text-align:right;
+	white-space: nowrap;
+}
+.v-formlayout-captioncell .v-caption {
+	overflow: visible;
+}
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, 
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
+	padding-top: 1em;
+}
+.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-captioncell, 
+.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-contentcell,
+.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-errorcell {
+	padding-top: 0;
+}
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, 
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
+	padding-top: 2em;
+}
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
+	padding-bottom: 2em;
+}
+.v-formlayout-margin-left .v-formlayout-captioncell {
+	padding-left: 2em;
+} 
+.v-formlayout-margin-right .v-formlayout-contentcell {
+	padding-right: 2em;
+}
+.v-formlayout-captioncell .v-caption .v-required-field-indicator {
+	float: none;
+}
+
+/* ./WebContent/ITMILL/themes/base/gridlayout/gridlayout.css */
+.v-gridlayout-margin-top {
+	padding-top: 2em;
+}
+.v-gridlayout-margin-bottom {
+	padding-bottom: 2em;
+}
+.v-gridlayout-margin-left {
+	padding-left: 2em;
+} 
+.v-gridlayout-margin-right {
+	padding-right: 2em;
+}
+.v-gridlayout-spacing-on {
+	padding-left: 1em;
+	padding-top: 1em;
+	overflow: hidden;
+}
+.v-gridlayout-spacing,
+.v-gridlayout-spacing-off {
+	padding-left: 0;
+	padding-top: 0;
+}
+.v-gridlayout-spacing-off {
+	overflow: hidden;
+}
+/* Ensure that resizing gridlayout works in IE */
+.v-ie6 .v-gridlayout,
+.v-ie7 .v-gridlayout {
+	overflow: hidden;
+}
+
+/* ./WebContent/ITMILL/themes/base/link/link.css */
+.v-link {
+	white-space: nowrap;	
+}
+.v-link a {
+	vertical-align: middle;
+	text-decoration: none;
+}
+.v-link span {
+	text-decoration: underline;
+	vertical-align: middle;
+}
+.v-disabled a {
+	cursor: default;
+}
+.v-link img {
+	vertical-align: middle;
+	border:none;
+}
+
+/* ./WebContent/ITMILL/themes/base/menubar/menubar.css */
+.v-menubar table {
+	white-space: nowrap;
+	border-collapse: collapse;
+	padding: 0;
+	margin: 0;
+}
+.v-menubar table {
+	white-space: nowrap;
+	border-collapse: collapse;
+	padding: 0;
+	margin: 0;
+}
+.v-menubar .menuitem {
+	cursor : default;
+}
+.v-menubar-submenu {
+	background: #fff;
+}
+.v-menubar-submenu table {
+	white-space: nowrap;
+	border-collapse: collapse;
+	padding: 0;
+	margin: 0;
+}
+.v-menubar-submenu table td {
+	white-space: nowrap;
+	padding: 0;
+	margin: 0;
+}
+.v-menubar .menuitem-selected,
+.v-menubar-submenu .menuitem-selected {
+	background: #333;
+	color: #fff;
+}
+.v-menubar-submenu .menuitem { 
+	cursor: default;
+}
+
+/* ./WebContent/ITMILL/themes/base/notification/notification.css */
+.v-Notification {
+	background: #999;
+	color: #fff;
+	cursor: pointer;
+	overflow: hidden;
+	padding: 1em;
+}
+.v-Notification h1,
+.v-Notification p,
+.v-Notification.error h1,
+.v-Notification.error p,
+.v-Notification.warning h1,
+.v-Notification.warning p {
+	display: inline;
+	white-space: nowrap;
+	margin: 0 0.5em 0 0;
+}
+.v-Notification.warning {
+	background: orange;
+}
+.v-Notification.error {
+	background: red;
+}
+.v-Notification.tray h1 {
+	display: block;
+}
+.v-Notification.tray p {
+	display: block;
+}
+.v-Notification.system {
+	background-color: red;
+	opacity: .7;
+	filter: alpha(opacity=70);
+}
+.v-Notification.system h1 {
+	display: block;
+	margin: 0;
+}
+.v-Notification.system p {
+	white-space: nowrap;
+}
+
+/* ./WebContent/ITMILL/themes/base/orderedlayout/orderedlayout.css */
+.v-orderedlayout-margin-top,
+.v-horizontallayout-margin-top,
+.v-verticallayout-margin-top {
+	padding-top: 2em;
+}
+.v-orderedlayout-margin-right,
+.v-horizontallayout-margin-right,
+.v-verticallayout-margin-right {
+	padding-right: 2em;
+}
+.v-orderedlayout-margin-bottom,
+.v-horizontallayout-margin-bottom,
+.v-verticallayout-margin-bottom {
+	padding-bottom: 2em;
+}
+.v-orderedlayout-margin-left,
+.v-horizontallayout-margin-left,
+.v-verticallayout-margin-left {
+	padding-left: 2em;
+}
+.v-orderedlayout-spacing-on,
+.v-horizontallayout-spacing-on,
+.v-verticallayout-spacing-on {
+	padding-top: 1em;
+	padding-left: 1em;
+}
+/* This can be used to define spacing if spacing is off server side */
+.v-orderedlayout-spacing-off,
+.v-horizontallayout-spacing-off,
+.v-verticallayout-spacing-off {
+	padding-top: 0;
+	padding-left: 0;
+}
+/* To make sure IE don't expand elements larger than they should */
+.v-ie6 .v-orderedlayout,
+.v-ie6 .v-horizontallayout,
+.v-ie6 .v-verticallayout,
+.v-ie7 .v-orderedlayout,
+.v-ie7 .v-horizontallayout,
+.v-ie7 .v-verticallayout {
+	overflow: hidden;
+}
+
+/* ./WebContent/ITMILL/themes/base/panel/panel.css */
+.v-panel,
+.v-panel-caption,
+.v-panel-content,
+.v-panel-deco,
+.v-panel-light,
+.v-panel-caption-light,
+.v-panel-content-light,
+.v-panel-deco-light {
+	outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+	text-align: left /* Force default alignment */
+}
+.v-panel-caption .v-errorindicator {
+	float: none;
+	display: inline;
+}
+.v-panel-caption .v-icon {
+	display: inline;
+	vertical-align: middle;
+}
+.v-panel-caption span {
+	vertical-align: middle;
+}
+.v-panel-caption {
+	white-space: nowrap;
+	overflow:hidden;
+	font-weight: bold;
+}
+.v-panel-nocaption {
+	overflow: hidden;
+}
+.v-panel-content {
+	overflow: auto;
+}
+.v-panel-deco {
+}
+
+/* ./WebContent/ITMILL/themes/base/popupview/popupview.css */
+.v-popupview {
+	cursor: pointer;
+	width: 5px;
+	height: 5px;
+	background: #aaa;
+}
+.v-popupview-popup {
+	overflow: auto;
+}
+
+/* ./WebContent/ITMILL/themes/base/progressindicator/progressindicator.css */
+.v-progressindicator {
+	overflow: hidden; /* for IE6 */
+	width: 150px;
+}
+.v-progressindicator-wrapper {
+	overflow: hidden; /* for IE6 */
+	height: 9px;
+	border: 1px solid #ddd;
+}
+.v-progressindicator-disabled {
+	height: 9px;
+	overflow: hidden; /* for IE6 */
+}
+.v-progressindicator-indicator {
+	height: 9px;
+	overflow: hidden; /* for IE6 */
+	background: #ddd;
+}
+.v-progressindicator-indeterminate {
+	height: 16px;
+	width: 16px;
+	overflow: hidden; /* for IE6 */
+}
+/* Hide obsolete elements in indeterminate mode */
+.v-progressindicator-indeterminate .v-progressindicator-wrapper,
+.v-progressindicator-indeterminate .v-progressindicator-indicator,
+.v-progressindicator-indeterminate-disabled .v-progressindicator-wrapper,
+.v-progressindicator-indeterminate-disabled .v-progressindicator-indicator {
+	display: none;
+}
+.v-progressindicator-indeterminate-disabled {
+	height: 16px;
+	width: 16px;
+	overflow: hidden; /* for IE6 */
+}
+
+/* ./WebContent/ITMILL/themes/base/select/select.css */
+.v-select {
+	text-align: left;
+}
+.v-select-optiongroup .v-select-option {
+	display: block;
+	white-space: nowrap;
+}
+.v-ie .v-select-optiongroup .v-select-option {
+	zoom: 1;
+}
+.v-select-select {
+	display: block;
+}
+.v-select-twincol {
+	white-space: nowrap;
+}
+.v-select-twincol-options {
+	float: left;
+}
+.v-select-twincol-selections {
+	font-weight: bold;
+}
+.v-select-twincol-buttons {
+	float: left;
+	text-align: center;
+}
+.v-select-twincol-buttons .v-select-twincol-deco {
+	clear: both;
+}
+.v-select-twincol .v-textfield {
+	display: block;
+	float: left;
+	clear: left;
+}
+.v-select-twincol .v-button {
+	display: block;
+	float: left;
+}
+.v-select-twincol-buttons .v-button {
+	display: inline;
+	float: none;
+}
+.v-filterselect {
+	white-space: nowrap;
+	text-align: left;
+}
+.v-filterselect .v-icon {
+	float: left;
+}
+.v-app .v-filterselect-input,
+.v-window .v-filterselect-input,
+.v-popupview-popup .v-filterselect-input {
+	float: left;
+}
+.v-filterselect-prompt .v-filterselect-input {
+	color: #999;
+	font-style: italic;
+}
+.v-filterselect-button {
+	float: right;
+	cursor: pointer;
+}
+.v-filterselect.v-readonly .v-filterselect-button {
+	display: none;
+}
+.v-filterselect-suggestpopup {
+	background: #fff;
+	border: 1px solid #eee;
+}
+.v-filterselect-suggestmenu table {
+	border-collapse: collapse;
+	border: none;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem {
+	white-space: nowrap;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
+	margin-right: 3px;
+	vertical-align: middle;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem span {
+	vertical-align: middle;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem-selected {
+	background: #333;
+	color: #fff;
+}
+.v-filterselect-nextpage,
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off,
+.v-filterselect-prevpage {
+	width: 100%;
+	background: #aaa;
+	text-align: center;
+	overflow: hidden;
+	cursor: pointer;
+}
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off {
+	color: #666;
+	opacity: .5;
+	filter: alpha(opacity=50);
+	cursor: default;
+}
+.v-filterselect-nextpage-off span,
+.v-filterselect-prevpage-off span {
+	cursor: default;
+}
+.v-filterselect-status {
+	white-space: nowrap;
+	text-align: center;
+}
+
+/* Error styles (disabled by default)
+
+.v-filterselect-error .v-filterselect-input,
+.v-select-error .v-select-option,
+.v-select-error .v-select-select,
+.v-select-error .v-select-twincol-selections,
+.v-select-error .v-select-twincol-options {
+	background: #ffaaaa;
+}
+*/
+
+/*  Required field styles (disabled by default)
+   
+.v-filterselect-error .v-filterselect-input,
+.v-select-required .v-select-option,
+.v-select-required .v-select-select,
+.v-select-required .v-select-twincol-selections,
+.v-select-required .v-select-twincol-options {
+	background: #ffaaaa;
+}
+*/
+
+/* ./WebContent/ITMILL/themes/base/shadow/shadow.css */
+.v-shadow {
+	position: absolute;
+}
+
+.v-shadow .top-left {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: -5px;
+    width: 10px;         height: 10px;
+    background: transparent url(../base/shadow/img/top-left.png);
+}
+
+.v-shadow .top {
+    position: absolute; overflow: hidden;
+    top: -3px;             left: 5px;
+    height: 10px;           right: 5px;
+    background: transparent url(../base/shadow/img/top.png);
+}
+
+.v-shadow .top-right {
+    position: absolute; overflow: hidden;
+    top: -3px;             right: -5px;
+    width: 10px;         height: 10px;
+    background: transparent url(../base/shadow/img/top-right.png);
+}
+
+.v-shadow .left {
+    position: absolute; overflow: hidden;
+    top: 7px;           left: -5px;
+    width: 10px;
+    bottom: 3px;
+    background: transparent url(../base/shadow/img/left.png);
+}
+
+.v-shadow .center {
+    position: absolute; overflow: hidden;
+    top: 7px;           left: 5px;
+    bottom: 3px;        right: 5px;
+    background: transparent url(../base/shadow/img/center.png);
+}
+
+.v-shadow .right {
+    position: absolute; overflow: hidden;
+    top: 7px;           right: -5px;
+    width: 10px;
+    bottom: 3px;
+    background: transparent url(../base/shadow/img/right.png);
+}
+
+.v-shadow .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: -7px;           left: -5px;
+    width: 10px;          height: 10px;
+    background: transparent url(../base/shadow/img/bottom-left.png);
+}
+
+.v-shadow .bottom {
+    position: absolute; overflow: hidden;
+    bottom: -7px;           left: 5px;
+    right: 5px;          height: 10px;
+    background: transparent url(../base/shadow/img/bottom.png);
+}
+
+.v-shadow .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -7px;           right: -5px;
+    width: 10px;          height: 10px;
+    background: transparent url(../base/shadow/img/bottom-right.png);
+}
+
+
+
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+.v-ie6 .v-shadow * {
+	display: none;
+}
+
+.v-ie6 .v-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 */
+.v-slider {
+	margin: 5px 0;
+}
+.v-slider-base {
+	/* changing the borders will require adjustments to ISlider.java */
+	height: 2px;
+	border-top: 1px solid #ddd;
+	background: #eee;
+	border-left: 1px solid #ddd;
+	border-right: 1px solid #eee;
+	
+}
+.v-slider-handle {
+	background: #aaa;
+	width: 12px;
+	height: 12px;
+	margin-top: -5px;
+	font-size: 0;
+	cursor: pointer;
+}
+
+.v-slider-vertical {
+	width: 2px;
+	height: auto;
+	margin: 0 5px;
+	border: none;
+	border-left: 1px solid #cccfd0;
+	border-right: 1px solid #cccfd0;
+}
+.v-slider-vertical .v-slider-base {
+	width: 2px;
+	border-bottom: 1px solid #eee;
+	border-right: none;
+}
+.v-slider-vertical .v-slider-handle {
+	width: 12px;
+	height: 12px;
+	font-size: 0;
+	cursor: pointer;
+	margin-left: -5px;
+}
+
+/* Disabled by default
+.v-slider-error .v-slider-base {
+	background: #FFE0E0;
+}
+*/
+/* Disabled by default
+.v-slider-required .v-slider-base {
+	background: #FFE0E0;
+}
+*/
+
+/* IE specific styles */
+.v-ie6 .v-slider,
+.v-ie6 .v-slider-vertical {
+	margin: 0;
+}
+.v-ie6 .v-slider .v-slider-handle {
+	margin: -1px 0;
+}
+.v-ie6 .v-slider-vertical .v-slider-handle {
+	margin: 0 -1px;
+}
+
+/* ./WebContent/ITMILL/themes/base/splitpanel/splitpanel.css */
+.v-splitpanel-horizontal,
+.v-splitpanel-vertical {
+	overflow: hidden;
+}
+.v-splitpanel-horizontal .v-splitpanel-hsplitter {
+	width: 6px;
+	font-size: 1px; /* for IE6 */
+}
+.v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+	width: 6px;
+	font-size: 1px; /* for IE6 */
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	background: #ddd;
+	cursor: e-resize;
+}
+.v-splitpanel-vertical .v-splitpanel-vsplitter {
+	height: 6px;
+	font-size: 1px; /* for IE6 */
+}
+.v-splitpanel-vertical .v-splitpanel-vsplitter div {
+	height: 6px;
+	font-size: 1px; /* for IE6 */
+	background: #ddd;
+	cursor: n-resize;
+}
+/* IE specific styles */
+.v-ie6 .v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+	height: 99%;
+}
+
+/* ./WebContent/ITMILL/themes/base/table/table.css */
+/* Table theme building instructions
+ * 
+ * Toolkit scroll table is very complex widget with dozens of features. These 
+ * features set some limitations for theme builder. To keep things working, it
+ * is safest to try to just override values used in default theme and comfort to
+ * these instructions.
+ * 
+ * Borders in table header and in table body need to be same width
+ * - specify vertical borders on .v-table-header-wrap and .v-table-body
+ *
+ * Table cells in body:
+ *  - padding/border for cells is to be defined for td elements (class name: .v-table-cell-content)
+ *  - in default theme there are no borders, but they should work. Just set border-right or border-bottom
+ *  - no padding or border is allowed for div inside cells (class name: .v-table-cell-wrapper) element
+ *  - background is allowed for both elements
+ *
+ * Table headers:
+ *  - table cells in header contain .v-table-resizer and 
+ *	  .v-table-caption-container div elements, which are both floated to right
+ *  - to align header caption to body content resizer width + .v-table-caption-container
+ *    padding right should be equal to content cells padding-right and border-right.
+ *  - Possible cell border in header must be themed into column resizer.
+ *
+ */
+.v-table {
+	overflow: hidden;
+	text-align: left; /* Force default alignment */
+}
+.v-table-header-wrap {
+	overflow: hidden;
+	border: 1px solid #aaa;
+	border-bottom: none;
+	background: #efefef;
+}
+.v-table-header table,
+.v-table-table {
+	border-spacing: 0;
+	margin: 0;
+	padding: 0;
+	border: 0;
+}
+.v-table-header td {
+	padding: 0;
+}
+.v-table-header-cell,
+.v-table-header-cell-asc,
+.v-table-header-cell-desc {
+	cursor: pointer;
+}
+.v-table-resizer {
+	display: block;
+	height: 1.2em;
+	float: right;
+	background: #aaa;
+	cursor: col-resize;
+	width: 1px;
+	overflow: hidden;
+}
+.v-table-caption-container {
+	float: right;
+	overflow: hidden;
+	white-space: nowrap;
+	padding-right: 6px;
+}
+.v-table-header-cell-asc .v-table-caption-container {
+	background: transparent url(../base/common/img/sprites.png) no-repeat right 6px;
+}
+.v-table-header-cell-desc .v-table-caption-container {
+	background: transparent url(../base/common/img/sprites.png) no-repeat right -10px;
+}
+.v-table-body {
+	border: 1px solid #aaa;
+}
+.v-table-row-spacer {
+	height: 10px;
+	overflow: hidden; /* IE hack to allow < one line height divs */
+}
+.v-table-row,
+.v-table-row-odd {
+	border: 0;
+	margin: 0;
+	padding: 0;
+	cursor: default;
+}
+.v-table .v-selected {
+	background: #999;
+	color: #fff;
+}
+.v-table-cell-content {
+	white-space: nowrap;
+	overflow: hidden;
+	padding: 0 6px;
+	border-right: 1px solid #aaa;
+}
+.v-table-cell-wrapper {
+	/* Do not specify any margins, paddings or borders here */
+	white-space: nowrap;
+	overflow: hidden;
+}
+.v-table-column-selector {
+	float: right;
+	background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px;
+	margin: -1.2em 0 0 0;
+	height: 1.2em;
+	width: 14px;
+	position: relative; /* hide this from IE, it works without it */
+	cursor: pointer;
+}
+.v-ie6 .v-table-column-selector,
+.v-ie7 .v-table-column-selector {
+	position: static;
+}
+.v-table-focus-slot-left {
+	border-left: 2px solid #999;
+	margin-right: -2px;
+}
+.v-table-focus-slot-right {
+	border-right: 2px solid #999;
+	margin-left: -2px;
+}
+.v-table-header-drag {
+	position: absolute;
+	background: #efefef;
+	border: 1px solid #eee;
+	opacity: 0.9;
+	filter: alpha(opacity=90);
+	margin-top: 20px;
+	z-index: 30000;
+}
+.v-table-scrollposition {
+	width: 160px;
+	background: #eee;
+	border: 1px solid #aaa;
+}
+.v-table-scrollposition span {
+	display: block;
+	text-align: center;
+}
+/* row in column selector */
+.v-on div {
+	
+}
+.v-off div {
+	color: #ddd;
+}
+
+/* ./WebContent/ITMILL/themes/base/tabsheet/tabsheet.css */
+.v-tabsheet,
+.v-tabsheet-content,
+.v-tabsheet-deco {
+	outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+	text-align: left /* Force default alignment */
+}
+.v-tabsheet-tabs {
+	empty-cells: hide;
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	width: 100%;
+	overflow:hidden;
+}
+.v-tabsheet-tabitemcell,
+.v-tabsheet-spacertd {
+	margin: 0;
+	padding: 0;
+	vertical-align: bottom;
+}
+.v-tabsheet-spacertd {
+	width: 100%;
+}
+.v-tabsheet-spacertd div {
+	border-left: 1px solid #aaa;
+	border-bottom: 1px solid #aaa;
+	height: 1em;
+	padding: 0.2em 0;
+}
+.v-tabsheet-hidetabs .v-tabsheet-tabcontainer {
+	display: none;
+}
+.v-tabsheet-scroller {
+	white-space: nowrap;
+	text-align: right;
+	margin-top: -1em;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerNext,
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+	border: 1px solid #aaa;
+	background: #fff;
+	width: 12px;
+	height: 1em;
+	cursor: pointer;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+	opacity: 0.5;
+	cursor: default;
+}
+.v-tabsheet-tabs .v-caption,
+.v-tabsheet-tabs .v-caption span {
+	white-space: nowrap;
+}
+.v-tabsheet-tabitem {
+	border: 1px solid #aaa;
+	border-right: none;
+	cursor: pointer;
+	padding: 0.2em 0.5em;
+}
+.v-tabsheet-tabitem-selected {
+	cursor: default;
+	border-bottom-color: #fff;
+}
+.v-tabsheet-content {
+	border: 1px solid #aaa;
+	/* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */
+	border-top: none;
+	border-bottom: none;
+	position: relative;
+}
+.v-tabsheet-deco {
+	height: 1px;
+	background: #aaa;
+	overflow: hidden;
+}
+.v-tabsheet-hidetabs .v-tabsheet-content {
+	border: none;
+}
+.v-tabsheet-hidetabs .v-tabsheet-deco {
+	height: 0;
+}
+
+/* ./WebContent/ITMILL/themes/base/textfield/textfield.css */
+.v-textfield {
+	text-align: left /* Force default alignment */
+}
+.v-textarea {
+}
+.v-textfield-focus,
+.v-textarea-focus {
+}
+input.v-textfield-prompt,
+textarea.v-textarea-prompt {
+	color: #999;
+	font-style: italic;
+}
+.v-textfield.v-readonly,
+.v-textarea.v-readonly {
+	background: transparent;
+	color: #222;
+	border: none;
+}
+.v-richtextarea {
+	border: 1px solid #aaa;
+	overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
+	float: left;
+}
+.v-richtextarea .gwt-RichTextToolbar {
+	white-space: nowrap;
+}
+.v-richtextarea iframe {
+	border: 0;
+}
+/* Disabled by default
+.v-textarea-error,
+.v-textfield-error,
+.v-richtextarea-error iframe.gwt-RichTextArea {
+	background: #FFE0E0;	
+}
+*/
+/* Disabled by default
+.v-textarea-required,
+.v-textfield-required,
+.v-richtextarea-required iframe.gwt-RichTextArea {
+	background: #FFE0E0;	
+}
+*/
+/* Safari focus glow fix */
+.v-sa input:focus, 
+.v-sa textarea:focus {
+	outline-width: medium;
+}
+
+/* ./WebContent/ITMILL/themes/base/tree/tree.css */
+.v-tree {
+	text-align: left /* Force default alignment */
+}
+.v-tree-node {
+	background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
+}
+.v-tree-node-expanded {
+	background-position: -5px -10px;
+}
+div.v-tree-node-leaf {
+	background: none;
+}
+.v-tree-node-caption {
+	margin-left: 1em;
+}
+.v-tree-node span {
+	cursor: pointer;
+	white-space: nowrap;
+}
+.v-tree-node-selected span {
+	background: #999;
+	color: #fff;
+}
+.v-tree-node-children {
+	padding-left: 1em;
+}
+/* ie6compatnode is hidden from non ie6 browsers, for ie6 
+ * uses weird hack to sink all events properly 
+ */
+.v-tree-node-ie6compatnode {
+	display: none;
+}
+/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of v-tree-node-caption */
+.v-ie6 .v-tree-node-ie6compatnode {
+	display: inline;
+	float: left;
+	background: orange;
+	margin: 0;
+	width: 0.8em;
+	height: 0.8em;
+	padding: 0.1em;
+	filter: alpha(opacity=0);
+}
+.v-ie6 .v-tree-node,
+.v-ie6 .v-tree-node-children {
+	clear: left;
+}
+
+/* ./WebContent/ITMILL/themes/base/window/window.css */
+.v-window {
+	background: #fff;
+}
+.v-window-outerheader {
+	cursor: move;
+	padding: 0.3em 1em;
+	height: 1em;
+}
+.v-window-header {
+	font-weight: bold;
+}
+/* A more specific selector to make sure padding isn't so easily overridden */
+div.v-window-header {
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	-ms-text-overflow: ellipsis;
+	overflow: hidden;
+	padding: 0;
+}
+.v-ie6 .v-window-header {
+	width: 100%;
+}
+.v-window-header .v-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) */
+.v-window-contents, x:-moz-any-link {
+	overflow: hidden;
+}
+/* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */
+.v-window-contents, x:-moz-any-link, x:default {
+	overflow: visible;
+}
+.v-window-footer {
+	overflow: hidden;
+}
+.v-window-resizebox {
+	display: inline; /* fix IE6 double float margin bug */
+	float: right;
+	width: 10px;
+	height: 10px;
+	cursor: se-resize;
+	background: #ddd;
+	overflow: hidden;
+}
+.v-window-resizebox-disabled {
+	cursor: default;
+	display: none;
+}
+.v-window-closebox {
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 1em;
+	height: 1em;
+	background: red;
+	cursor: pointer;
+	overflow: hidden;
+}
+.v-window-modalitycurtain {
+	top: 0;
+	left: 0;
+	background: #999;
+	opacity: 0.5;
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	filter: alpha(opacity=50);
+}
+/* IE6 workaround for position:fixed; */
+.v-ie6 .v-window-modalitycurtain { 
+	position: absolute;
+	top: expression(document.documentElement.scrollTop + "px"); 
+}
+/* min-width for IE6 */
+.v-ie6 .v-window {
+	width: 0; /*  */
+}
+/* Shadow for window */
+.v-shadow-window {
+	position: absolute;
+}
+.v-shadow-window .top-left {
+    position: absolute; overflow: hidden;
+    top: -10px;             left: -15px;
+    width: 28px;         height: 28px;
+    background: transparent url(../base/window/img/shadow/top-left.png);
+}
+.v-shadow-window .top {
+    position: absolute; overflow: hidden;
+    top: -10px;             left: 13px;
+    height: 28px;
+    right: 13px;
+    background: transparent url(../base/window/img/shadow/top.png);
+}
+.v-shadow-window .top-right {
+    position: absolute; overflow: hidden;
+    top: -10px;             right: -15px;
+    width: 28px;         height: 28px;
+    background: transparent url(../base/window/img/shadow/top-right.png);
+}
+.v-shadow-window .left {
+    position: absolute; overflow: hidden;
+    top: 18px;           left: -15px;
+    width: 28px;
+    bottom: 10px;
+    background: transparent url(../base/window/img/shadow/left.png);
+}
+.v-shadow-window .center {
+    position: absolute; overflow: hidden;
+    top: 18px;           left: 13px;
+    bottom: 10px;        right: 13px;
+    background: transparent url(../base/window/img/shadow/center.png);
+}
+.v-shadow-window .right {
+    position: absolute; overflow: hidden;
+    top: 18px;           right: -15px;
+    width: 28px;
+    bottom: 10px;
+    background: transparent url(../base/window/img/shadow/right.png);
+}
+.v-shadow-window .bottom-left {
+    position: absolute; overflow: hidden;
+    bottom: -18px;           left: -15px;
+    width: 28px;          height: 28px;
+    background: transparent url(../base/window/img/shadow/bottom-left.png);
+}
+.v-shadow-window .bottom {
+    position: absolute; overflow: hidden;
+    bottom: -18px;           left: 13px;
+    right: 13px;          height: 28px;
+    background: transparent url(../base/window/img/shadow/bottom.png);
+}
+.v-shadow-window .bottom-right {
+    position: absolute; overflow: hidden;
+    bottom: -18px;           right: -15px;
+    width: 28px;          height: 28px;
+    background: transparent url(../base/window/img/shadow/bottom-right.png);
+}
+/* For IE6 (no transparent png's, we use a blur filter) */
+.v-ie6 .v-shadow-window * {
+	display: none;
+}
+.v-ie6 .v-shadow-window {
+	background: #000;
+	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20);
+	margin-top: 2px;
+	margin-left: 2px;
+}
+/* Automatically compiled css file from subdirectories. */
+
+/* ./WebContent/ITMILL/themes/reindeer/a-sprite-definitions/a-sprite-definitions.css */
+
+
+
+/* ./WebContent/ITMILL/themes/reindeer/button/button.css */
+/* We serve simpler buttons for IE6, since it doesn't support the adjacent 
+ * sibling selector (+) that is needed to position .v-icon properly.
+ */
+div > .v-button,
+.v-ie7 .v-button {
+	height: 26px;
+	padding: 0 0 0 6px;
+	background-color: transparent;
+	background-repeat: no-repeat;
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -0px;
+	border: none;
+	cursor: default;
+}
+div > .v-button span,
+.v-ie7 .v-button span {
+	display: inline-block;
+	height: 22px;
+	padding: 4px 15px 0 9px;
+	background-color: transparent;
+	background-repeat: no-repeat;
+	background-position: right top;
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -26px;
+	text-shadow: #fff 0 1px 0;
+	font-weight: bold;
+	font-size: 11px;
+	line-height: 16px;
+	float: none;
+}
+.v-sa .v-button span {
+	height: 21px;
+	padding-top: 5px;
+}
+.v-button:focus {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -52px;
+	outline: none;
+}
+.v-button:focus span {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -78px;
+	outline: none;
+}
+.v-button:active,
+.v-ie7 .v-button.v-pressed {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -104px;
+	outline: none;
+}
+.v-button:active span,
+.v-ie7 .v-button.v-pressed span {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -130px;
+	outline: none;
+}
+.v-ie7 .v-button.v-pressed span {
+	position: relative;
+}
+/* FF3 & FF2 */
+.v-button::-moz-focus-inner {
+	border: none;
+	padding: 0;
+}
+.v-ff2 .v-button span {
+	display: -moz-inline-box;
+	padding-top: 6px;
+	height: 20px;
+}
+/* IE7 */
+.v-ie7 .v-button.v-pressed .v-icon {
+	position: relative;
+	z-index: 2;
+}
+/* Opera */
+.v-op .v-button:active span {
+	margin-top: -1px;
+	margin-left: -1px;
+}
+/* Modifications for buttons with icons */
+div > .v-button .v-icon,
+.v-ie7 .v-button .v-icon {
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	overflow: hidden;
+	position: relative;
+	margin: 0 3px 0 0;
+}
+.v-ff2 .v-button .v-icon {
+	display: block;
+	float: left;
+	margin-top: 4px;
+}
+.v-ff2 .v-button-link .v-icon {
+	margin: 0;
+}
+.v-button .v-icon + span,
+.v-button .v-icon + .v-errorindicator + span {
+	margin-left: -19px;
+	padding-left: 19px;
+}
+.v-ie7 .v-button .v-icon + span,
+.v-ie7 .v-button .v-icon + .v-errorindicator + span {
+	margin-left: -23px;
+	padding-left: 23px;
+}
+/* Buttons with error indicator */
+div > .v-button .v-errorindicator,
+.v-ie7 .v-button .v-errorindicator {
+	display: inline;
+	position: absolute;
+	width: 5px;
+	height: 26px;
+	background: transparent url(../default/icons/16/error.png) no-repeat 50%;
+	overflow: hidden;
+}
+.v-ie6 .v-button .v-errorindicator {
+	position: absolute;
+	width: 5px;
+	height: 18px;
+	background: transparent url(../default/icons/16/error.gif) no-repeat 50%;
+	overflow: hidden;
+	margin-left: -10px;
+}
+/* Link style buttons */
+.v-button.v-button-link,
+.v-ie7 .v-button-link.v-pressed {
+	background: transparent;
+	height: auto;
+	padding: 0;
+	cursor: pointer;
+}
+.v-button.v-button-link span,
+.v-ie7 .v-button-link.v-pressed span {
+	background: transparent;
+	height: auto;
+	padding: 0;
+	display: inline;
+	font-weight: normal;
+	color: #1b699f;
+}
+.v-button.v-button-link .v-icon + span {
+	margin: 0;
+	padding: 0;
+}
+.v-button-link:focus {
+	outline: 1px dotted #1b699f;
+}
+/**
+ * Default action button style --------------------------
+ */
+div > .v-button-primary,
+.v-ie7 .v-button-primary {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -156px;
+}
+div > .v-button-primary span,
+.v-ie7 .v-button-primary span {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -182px;
+}
+.v-button-primary:focus {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -208px;
+}
+.v-button-primary:focus span {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -234px;
+}
+.v-button-primary:active,
+.v-ie7 .v-button-primary.v-pressed {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -260px;
+}
+.v-button-primary:active span,
+.v-ie7 .v-button-primary.v-pressed span {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -286px;
+}
+/* 
+ * Small-style --------------------------
+ */
+div > .v-button-small,
+.v-ie7 .v-button-small {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -312px;
+	height: 20px;
+}
+div > .v-button-small span,
+.v-ie7 .v-button-small span {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -332px;
+	height: 19px;
+	padding: 1px 11px 0 5px;
+	font-weight: normal;
+}
+.v-ff2 .v-button-small span {
+	height: 17px;
+	padding-top: 3px;
+}
+.v-sa .v-button-small span {
+	height: 18px;
+	padding-top: 2px;
+}
+.v-button-small:focus {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -352px;
+}
+.v-button-small:focus span {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -372px;
+}
+.v-button-small:active,
+.v-ie7 .v-button-small.v-pressed {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: left -392px;
+}
+.v-button-small:active span,
+.v-ie7 .v-button-small.v-pressed span {
+  background-image: url(button/img/button-sprites.png);
+  -background-image: url(button/img/button-sprites-ie6.png);
+  background-position: right -412px;
+}
+
+/**
+ * IE6 buttons --------------------------
+ */
+.v-ie6 .v-button {
+	border: 1px solid #b3b3b3;
+	border-bottom-color: #9a9a9a;
+	background: #d8d8d8 url(button/img/right.png) no-repeat 0 -1px;
+	padding: 3px 15px 2px 15px;
+	font-weight: bold;
+	font-size: 11px;
+	line-height: 16px;
+	height: 16px;
+	outline: none;
+}
+.v-ie6 .v-button-primary {
+	background-image: url(button/img/primary-right.png);
+}
+.v-ie6 .v-button-small {
+	font-weight: normal;
+	padding: 1px 11px 0 11px;
+	height: 12px;
+	line-height: normal;
+	background-image: url(button/img/small-right.png);
+}
+.v-ie6 .v-button.v-pressed {
+	background: transparent url(button/img/right-pressed.png) no-repeat 0 -1px;
+}
+/* Buttons on blue background */
+.v-ie6 .blue .v-button {
+	border-color: #84949c;
+	border-top-color: #83939b;
+	border-bottom-color: #888d91;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/common/common.css */
+.v-generated-body,
+.v-app {
+	background: #f5f5f5;
+}
+/* Global font styles */
+.v-app,
+.v-window,
+.v-popupview-popup,
+.v-tooltip,
+.v-app input,
+.v-app select,
+.v-app button,
+.v-app textarea,
+.v-window input,
+.v-window select,
+.v-window button,
+.v-window textarea,
+.v-popupview-popup input,
+.v-popupview-popup select,
+.v-popupview-popup button,
+.v-popupview-popup textarea,
+.v-filterselect-suggestpopup {
+	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+	font-size: 12px;
+	line-height: normal;
+	color: #222;
+}
+/* Fonts for Safari, exchange Helvetica for Arial */
+.v-sa .v-app,
+.v-sa .v-window,
+.v-sa .v-popupview-popup,
+.v-sa .v-tooltip,
+.v-sa .v-app input,
+.v-sa .v-app select,
+.v-sa .v-app button,
+.v-sa .v-app textarea,
+.v-sa .v-window input,
+.v-sa .v-window select,
+.v-sa .v-window button,
+.v-sa .v-window textarea,
+.v-sa .v-popupview-popup input,
+.v-sa .v-popupview-popup select,
+.v-sa .v-popupview-popup button,
+.v-sa .v-popupview-popup textarea,
+.v-sa .v-filterselect-suggestpopup {
+	font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
+}
+.v-errorindicator {
+	width: 12px;
+	height: 16px;
+	background: transparent url(../default/icons/16/error.png) no-repeat top right;
+}
+.v-ie6 .v-errorindicator {
+	/* gif for transparency */
+	background-image: url(../default/icons/16/error.gif);
+}
+.v-ie7 .v-errorindicator {
+	margin-left: -3px;
+}
+.v-tooltip {
+	background-color: #fffcdd;
+	border: 1px solid #b8b295;
+	font-size: 11px;
+	line-height: 13px;
+	color: #222;
+}
+.v-tooltip-text {
+	padding: 2px 4px;
+}
+.v-tooltip .v-errormessage {
+	padding: 3px 4px;
+	background: #ffecc6;
+	color: #b74100;
+	border: none;
+	border-top: 1px solid #fff3dc;
+}
+.v-tooltip .v-errormessage h2 {
+	font-size: 16px;
+	font-weight: normal;
+	color: #ab3101;
+	margin: 2px 0 8px 0;
+}
+.v-tooltip .v-errormessage h3 {
+	font-size: 13px;
+	font-weight: bold;
+	margin: 1px 0 4px 0;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/datefield/datefield.css */
+.v-datefield-calendarpanel {
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+}
+.v-datefield-year .v-datefield-calendarpanel-prevmonth,
+.v-datefield-year .v-datefield-calendarpanel-nextmonth,
+.v-datefield-year .v-datefield-calendarpanel-weekdays {
+	display: none;
+}
+td.v-datefield-calendarpanel-month {
+	height: 23px;
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -0px;
+}
+span.v-datefield-calendarpanel-month {
+	display: block;
+	text-align: center;
+	height: 18px;
+	padding: 3px 10px 0 10px;
+	border-left: 1px solid #efefef;
+	border-right: 1px solid #d8d8d8;
+	text-shadow: #fff 0 1px 0;
+	overflow: hidden;
+}
+.v-datefield-year .v-datefield-calendarpanel-month {
+	width: 35px;
+}
+.v-datefield-month .v-datefield-calendarpanel-month,
+.v-datefield-day .v-datefield-calendarpanel-month,
+.v-datefield-full .v-datefield-calendarpanel-month {
+	width: 94px;
+}
+.v-datefield-year .v-datefield-calendarpanel td,
+.v-datefield-month .v-datefield-calendarpanel td,
+.v-datefield-day .v-datefield-calendarpanel td {
+	width: auto;
+}
+.v-datefield-year .v-datefield-calendarpanel {
+	width: 100px;
+}
+.v-datefield-calendarpanel-prevyear {
+	text-align: right;
+}
+.v-datefield-calendarpanel-prevyear button,
+.v-datefield-calendarpanel-nextyear button,
+.v-datefield-calendarpanel-prevmonth button,
+.v-datefield-calendarpanel-nextmonth button {
+	width: 24px;
+	height: 23px;
+	border: none;
+	background: transparent;
+	background-repeat: no-repeat;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -23px;
+	overflow: hidden;
+	padding: 0;
+	text-indent: -9999px;
+	outline: none;
+}
+.v-ie6 .v-datefield-calendarpanel-prevyear button,
+.v-ie6 .v-datefield-calendarpanel-nextyear button,
+.v-ie6 .v-datefield-calendarpanel-prevmonth button,
+.v-ie6 .v-datefield-calendarpanel-nextmonth button {
+	text-indent: 0;
+	font-size: 1px;
+}
+.v-datefield-calendarpanel-nextyear button {
+	background-position: left top;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -46px;
+}
+.v-datefield-calendarpanel-prevyear button:active,
+.v-ie6 .v-datefield-calendarpanel-prevyear button.v-pressed {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: right -69px;
+}
+.v-datefield-calendarpanel-nextyear button:active,
+.v-ie6 .v-datefield-calendarpanel-nextyear button.v-pressed  {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -92px;
+}
+.v-datefield-calendarpanel-prevmonth,
+.v-datefield-calendarpanel-nextmonth {
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -115px;
+}
+.v-datefield-calendarpanel-prevmonth button,
+.v-datefield-calendarpanel-nextmonth button {
+	width: 100%;
+	height: 21px;
+	border-left: 1px solid #efefef;
+	border-right: 1px solid #d8d8d8;
+	background: transparent;
+	background-position: center top;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -138px;
+	min-width: 24px;
+}
+.v-ie6 .v-datefield-calendarpanel-prevmonth button,
+.v-ie6 .v-datefield-calendarpanel-nextmonth button {
+	width: 24px;
+	border: none;
+}
+.v-datefield-calendarpanel-nextmonth button {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -159px;
+}
+.v-datefield-calendarpanel-prevmonth button:active,
+.v-ie6 .v-datefield-calendarpanel-prevmonth button.v-pressed {
+	background-position: center top;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -180px;
+}
+.v-datefield-calendarpanel-nextmonth button:active,
+.v-ie6 .v-datefield-calendarpanel-nextmonth button.v-pressed {
+	background-position: center top;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -201px;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/label/label.css */
+.v-label {
+	line-height: 18px;
+}
+.v-label-h1,
+.v-label-h2,
+.v-caption-h1,
+.v-caption-h2 {
+	font-size: 24px;
+	line-height: 30px;
+	font-weight: bold;
+	color: #44698b;
+}
+.v-ie6 .v-label-h1 {
+	font-size: 1px;
+	line-height: normal;
+}
+.v-label-h2,
+.v-caption-h2 {
+	font-size: 16px;
+	line-height: 22px;
+}
+.v-label-light {
+	font-size: 11px;
+	line-height: 13px;
+	color: #707070;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/layouts/layouts.css */
+.v-orderedlayout-margin-top,
+.v-horizontallayout-margin-top,
+.v-verticallayout-margin-top {
+	padding-top: 18px;
+}
+.v-orderedlayout-margin-right,
+.v-horizontallayout-margin-right,
+.v-verticallayout-margin-right {
+	padding-right: 18px;
+}
+.v-orderedlayout-margin-bottom,
+.v-horizontallayout-margin-bottom,
+.v-verticallayout-margin-bottom {
+	padding-bottom: 18px;
+}
+.v-orderedlayout-margin-left,
+.v-horizontallayout-margin-left,
+.v-verticallayout-margin-left {
+	padding-left: 18px;
+}
+.v-orderedlayout-spacing-on,
+.v-horizontallayout-spacing-on,
+.v-verticallayout-spacing-on {
+	padding-top: 7px;
+	padding-left: 6px;
+}
+/* Blue background */
+.v-verticallayout-blue,
+.v-horizontallayout-blue,
+.v-orderedlayout-blue {
+	background-color: #bcd3de;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/panel/panel.css */
+.v-panel-caption,
+.v-panel-nocaption {
+	border-bottom: 1px solid #dcdcdc;
+	line-height: 16px; /* accommodate minimum icon size */
+}
+.v-sa .v-panel-caption,
+.v-sa .v-panel-nocaption,
+.v-ff3 .v-panel-caption,
+.v-ff3 .v-panel-nocaption {
+	border-bottom-color: rgba(0,0,0,.1);
+}
+.v-panel-caption {
+	padding-bottom: 2px;
+}
+.v-panel-content {
+	border: 1px solid #dcdcdc;
+	border-bottom: none;
+	border-top: none;
+	background: #fff;
+}
+.v-sa .v-panel-content,
+.v-ff3 .v-panel-content {
+	border-color: rgba(0,0,0,.1);
+}
+.v-panel-deco {
+	height: 1px;
+	border-top: 1px solid #bebebe;
+	background: #e2e2e2;
+	overflow: hidden;
+}
+.v-sa .v-panel-deco,
+.v-ff3 .v-panel-deco {
+	border-top-color: rgba(0,0,0,.1);
+	background: rgba(0,0,0,.08);
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/select/select.css */
+.v-filterselect {
+	height: 24px;
+	background-repeat: no-repeat;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -222px;
+	padding-left: 2px;
+}
+.v-app .v-filterselect-input,
+.v-window .v-filterselect-input,
+.v-popupview-popup .v-filterselect-input {
+	background: transparent;
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -247px;
+	border: none;
+	height: 21px;
+}
+/* More specific selector to override padding */
+.v-app input.v-filterselect-input,
+.v-window input.v-filterselect-input,
+.v-popupview-popup input.v-filterselect-input {
+	padding: 3px 0 0 2px;
+}
+.v-filterselect-prompt .v-filterselect-input {
+	font-style: normal;
+}
+.v-filterselect-input:focus {
+	outline: none;
+}
+.v-filterselect-focus {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -271px;
+}
+.v-filterselect-focus .v-filterselect-input {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -296px;
+}
+.v-filterselect-button {
+	overflow: hidden;
+	width: 25px;
+	height: 24px;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -320px;
+	cursor: default;
+}
+.v-filterselect-button:hover {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -344px;
+}
+.v-filterselect-button:active {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -368px;
+}
+.v-filterselect-focus .v-filterselect-button {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -392px;
+}
+.v-filterselect-focus .v-filterselect-button:hover {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -416px;
+}
+.v-filterselect-focus .v-filterselect-button:active {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -440px;
+}
+.v-disabled .v-filterselect-button:hover,
+.v-readonly .v-filterselect-button:hover {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -464px;
+}
+.v-filterselect-suggestpopup {
+	background: #f8f8f9;
+	border: none;
+	border-radius: 2px;
+	-webkit-border-radius: 2px;
+	-moz-border-radius: 2px;
+	-o-border-radius: 2px;
+	overflow: hidden;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem {
+	padding: 1px 8px;
+	height: 16px;
+	user-select: none;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
+	margin-right: 3px;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem-selected {
+	background: transparent;
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -488px;
+	color: #fff;
+	text-shadow: #3b5a7a 0 1px 0;
+}
+.v-filterselect-nextpage,
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off,
+.v-filterselect-prevpage {
+	height: 11px;
+	width: 100%;
+	background: transparent;
+}
+.v-filterselect-nextpage:hover {
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -506px;
+}
+.v-filterselect-prevpage:hover {
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -517px;
+}
+.v-filterselect-nextpage:active {
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -528px;
+}
+.v-filterselect-prevpage:active {
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -539px;
+}
+.v-filterselect-nextpage-off span,
+.v-filterselect-prevpage-off span {
+	display: none;
+}
+.v-filterselect-nextpage span,
+.v-filterselect-prevpage span {
+	display: block;
+	height: 11px;
+	width: 100%;
+	overflow: hidden;
+	text-indent: -99999px;
+	background-position: center 3px;
+	background-repeat: no-repeat;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -550px;
+	user-select: none;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+.v-filterselect-prevpage span {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -561px;
+}
+.v-filterselect-nextpage:hover span {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -572px;
+}
+.v-filterselect-prevpage:hover span {
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -583px;
+}
+.v-filterselect-status {
+	text-shadow: #e9eaeb 0 1px 0;
+	font-size: 11px;
+	line-height: normal;
+	width: 100%;
+	padding: 3px 0;
+	height: 11px;
+	overflow: hidden;
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -594px;
+	-moz-border-radius-bottomleft: 2px;
+	-moz-border-radius-bottomright: 2px;
+	-webkit-border-bottom-left-radius: 2px;
+	-webkit-border-bottom-right-radius: 2px;
+	user-select: none;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+}
+/* IE fails to position background images properly inside table elements */
+.v-ie .v-filterselect-suggestmenu .gwt-MenuItem-selected {
+	background: transparent url(select/img/sel-bg.png) repeat-x;
+}
+.v-ie .v-filterselect-nextpage:hover {
+	background: transparent url(select/img/page-down-hover.png) repeat-x;
+}
+.v-ie .v-filterselect-prevpage:hover {
+	background: transparent url(select/img/page-up-hover.png) repeat-x;
+}
+.v-ie .v-filterselect-prevpage span {
+	background: transparent url(select/img/arrow-up.png) no-repeat center 3px;
+}
+.v-ie .v-filterselect-nextpage span {
+	background: transparent url(select/img/arrow-down.png) no-repeat center 3px;
+}
+.v-ie .v-filterselect-prevpage:hover span {
+	background: transparent url(select/img/arrow-up-hover.png) no-repeat center 3px;
+}
+.v-ie .v-filterselect-nextpage:hover span {
+	background: transparent url(select/img/arrow-down-hover.png) no-repeat center 3px;
+}
+.v-ie .v-filterselect-status {
+	background: transparent url(select/img/status-bg.png) repeat-x;
+}
+/* Filterselect with icon needs a similar fix than in buttons */
+
+/* ./WebContent/ITMILL/themes/reindeer/splitpanel/splitpanel.css */
+.v-splitpanel-horizontal .v-splitpanel-hsplitter {
+	width: 7px;
+	background-repeat: repeat-y;
+  background-image: url(common/img/horizontal-sprites.png);
+  background-position: -0px top;
+}
+.v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+	width: 7px;
+	background: transparent;
+	background-repeat: no-repeat;
+	background-position: 50%;
+  background-image: url(common/img/horizontal-sprites.png);
+  background-position: -7px center;
+}
+.v-splitpanel-vertical .v-splitpanel-vsplitter {
+	height: 7px;
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -611px;
+}
+.v-splitpanel-vertical .v-splitpanel-vsplitter div {
+	height: 7px;
+	background: transparent;
+	background-repeat: no-repeat;
+	background-position: 50%;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: center -618px;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/tabsheet/tabsheet.css */
+.v-tabsheet-spacertd div {
+	border-color: #bfbfbf;
+	border-left: none;
+}
+.v-tabsheet-tabitem {
+	border: none;
+	border-bottom: 1px solid #bfbfbf;
+	color: #4d748f;
+	padding: 0;
+}
+.v-tabsheet-tabitem .v-caption {
+	padding: 5px 16px;
+}
+.v-tabsheet-tabitem-selected {
+	border: 1px solid #bfbfbf;
+	border-bottom: none;
+	color: #222;
+}
+.v-tabsheet-tabitem-selected .v-caption {
+	padding: 4px 15px 6px 15px;
+}
+.v-tabsheet-content {
+	border: none;
+}
+.v-tabsheet-deco {
+	height: 0;
+}
+.v-tabsheet-tabs .v-icon,
+.v-tabsheet-tabs .v-captiontext,
+.v-tabsheet-tabs .v-errorindicator {
+	display: inline;
+	float: none;
+}
+.v-sa .v-tabsheet-tabs .v-captiontext {
+	display: inline-block;
+}
+.v-tabsheet-tabs .v-icon {
+	width: 16px !important;
+	height: 16px !important;
+}
+.v-tabsheet-tabs .v-errorindicator {
+	display: inline-block;
+	width: 5px;
+	height: 16px;
+	background: transparent url(../default/icons/16/error.png) no-repeat -1px 50%;
+}
+.v-ff2 .v-tabsheet-tabs .v-icon,
+.v-ff2 .v-tabsheet-tabs .v-errorindicator {
+	display: -moz-inline-stack;
+}
+.v-ie6 .v-tabsheet-tabs .v-errorindicator {
+	background-image: url(../default/icons/16/error.gif);
+}
+.v-ie .v-tabsheet-tabs .v-errorindicator {
+	zoom: 1;
+	display: inline;
+}
+/* Tabsheet on blue background */
+.blue .v-tabsheet-spacertd div,
+.blue .v-tabsheet-tabitem,
+.blue .v-tabsheet-tabitem-selected  {
+	border-color: #7c8a91;
+}
+
+/* ./WebContent/ITMILL/themes/reindeer/textfield/textfield.css */
+.v-textfield {
+	line-height: normal;
+	height: 19px;
+	border: 1px solid #bcbdbe;
+	border-top-color: #a2a3a4;
+	border-bottom-color: #d2d3d4;
+	background: #fff;
+	background-repeat: repeat-x;
+  background-image: url(common/img/vertical-sprites.png);
+  -background-image: url(common/img/vertical-sprites-ie6.png);
+  background-position: left -625px;
+	-moz-border-radius: 3px;
+}
+/* Need more specific selector because of #2384 fixes in base/common/common.css */
+.v-app input.v-textfield {
+	padding: 3px 3px 0 3px;
+}
+.v-textfield-focus {
+	border-color: #5b97d0;
+	border-top-color: #4f83b4;
+	border-bottom-color: #5ca0df;
+	outline: none;
+}
+input.v-textfield-prompt {
+	font-style: normal;
+	color: #999;
+}
+/* Textfield on blue background */
+.blue .v-textfield {
+	border-color: #92a2aa;
+	border-top-color: #7c8a90;
+	border-bottom-color: #a1b3bc;
+}
+/* Capable browsers get fancier border images */
+.v-sa input.v-textfield,
+.v-ff35 input.v-textfield,
+.v-op input.v-textfield {
+	-moz-border-radius: 0;
+	border: none;
+	background: transparent;
+	border-width: 0 3px 0 3px;
+	padding: 4px 0 0 0;
+	height: 20px;
+	-webkit-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	-moz-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	-o-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	
+}
+.v-sa input.v-textfield-focus,
+.v-ff35 input.v-textfield-focus,
+.v-op input.v-textfield-focus {
+	-webkit-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+	-moz-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+	-o-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+}
+/* Small style textfield */
+.v-app input.v-textfield-small,
+.v-sa input.v-textfield-small,
+.v-ff35 input.v-textfield-small,
+.v-op input.v-textfield-small {
+	font-size: 11px;
+	height: 15px;
+}
+.v-sa input.v-textfield-small,
+.v-ff35 input.v-textfield-small,
+.v-op input.v-textfield-small {
+	height: 16px;
+}
diff --git a/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css
new file mode 100644
index 0000000000..dcdbd30add
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css
@@ -0,0 +1,63 @@
+.v-tabsheet-spacertd div {
+	border-color: #bfbfbf;
+	border-left: none;
+}
+.v-tabsheet-tabitem {
+	border: none;
+	border-bottom: 1px solid #bfbfbf;
+	color: #4d748f;
+	padding: 0;
+}
+.v-tabsheet-tabitem .v-caption {
+	padding: 5px 16px;
+}
+.v-tabsheet-tabitem-selected {
+	border: 1px solid #bfbfbf;
+	border-bottom: none;
+	color: #222;
+}
+.v-tabsheet-tabitem-selected .v-caption {
+	padding: 4px 15px 6px 15px;
+}
+.v-tabsheet-content {
+	border: none;
+}
+.v-tabsheet-deco {
+	height: 0;
+}
+.v-tabsheet-tabs .v-icon,
+.v-tabsheet-tabs .v-captiontext,
+.v-tabsheet-tabs .v-errorindicator {
+	display: inline;
+	float: none;
+}
+.v-sa .v-tabsheet-tabs .v-captiontext {
+	display: inline-block;
+}
+.v-tabsheet-tabs .v-icon {
+	width: 16px !important;
+	height: 16px !important;
+}
+.v-tabsheet-tabs .v-errorindicator {
+	display: inline-block;
+	width: 5px;
+	height: 16px;
+	background: transparent url(../../default/icons/16/error.png) no-repeat -1px 50%;
+}
+.v-ff2 .v-tabsheet-tabs .v-icon,
+.v-ff2 .v-tabsheet-tabs .v-errorindicator {
+	display: -moz-inline-stack;
+}
+.v-ie6 .v-tabsheet-tabs .v-errorindicator {
+	background-image: url(../../default/icons/16/error.gif);
+}
+.v-ie .v-tabsheet-tabs .v-errorindicator {
+	zoom: 1;
+	display: inline;
+}
+/* Tabsheet on blue background */
+.blue .v-tabsheet-spacertd div,
+.blue .v-tabsheet-tabitem,
+.blue .v-tabsheet-tabitem-selected  {
+	border-color: #7c8a91;
+}
\ No newline at end of file
diff --git a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png b/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png
new file mode 100644
index 0000000000..673212b408
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image-focus.png
diff --git a/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image.png b/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image.png
new file mode 100644
index 0000000000..38fe3e6d7b
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/textfield/img/bg-border-image.png
diff --git a/WebContent/VAADIN/themes/reindeer/textfield/img/bg.png b/WebContent/VAADIN/themes/reindeer/textfield/img/bg.png
new file mode 100644
index 0000000000..4096e9d524
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/textfield/img/bg.png
diff --git a/WebContent/VAADIN/themes/reindeer/textfield/textfield.css b/WebContent/VAADIN/themes/reindeer/textfield/textfield.css
new file mode 100644
index 0000000000..c04ca29398
--- /dev/null
+++ b/WebContent/VAADIN/themes/reindeer/textfield/textfield.css
@@ -0,0 +1,66 @@
+.v-textfield {
+	line-height: normal;
+	height: 19px;
+	border: 1px solid #bcbdbe;
+	border-top-color: #a2a3a4;
+	border-bottom-color: #d2d3d4;
+	background: #fff;
+	background-repeat: repeat-x;
+	background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
+	-moz-border-radius: 3px;
+}
+/* Need more specific selector because of #2384 fixes in base/common/common.css */
+.v-app input.v-textfield {
+	padding: 3px 3px 0 3px;
+}
+.v-textfield-focus {
+	border-color: #5b97d0;
+	border-top-color: #4f83b4;
+	border-bottom-color: #5ca0df;
+	outline: none;
+}
+input.v-textfield-prompt {
+	font-style: normal;
+	color: #999;
+}
+/* Textfield on blue background */
+.blue .v-textfield {
+	border-color: #92a2aa;
+	border-top-color: #7c8a90;
+	border-bottom-color: #a1b3bc;
+}
+/* Capable browsers get fancier border images */
+.v-sa input.v-textfield,
+.v-ff35 input.v-textfield,
+.v-op input.v-textfield {
+	-moz-border-radius: 0;
+	border: none;
+	background: transparent;
+	border-width: 0 3px 0 3px;
+	padding: 4px 0 0 0;
+	height: 20px;
+	-webkit-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	-moz-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	-o-border-image: url(img/bg-border-image.png) 0 3 0 3 stretch stretch;
+	
+}
+.v-sa input.v-textfield-focus,
+.v-ff35 input.v-textfield-focus,
+.v-op input.v-textfield-focus {
+	-webkit-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+	-moz-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+	-o-border-image: url(img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
+}
+/* Small style textfield */
+.v-app input.v-textfield-small,
+.v-sa input.v-textfield-small,
+.v-ff35 input.v-textfield-small,
+.v-op input.v-textfield-small {
+	font-size: 11px;
+	height: 15px;
+}
+.v-sa input.v-textfield-small,
+.v-ff35 input.v-textfield-small,
+.v-op input.v-textfield-small {
+	height: 16px;
+}
\ No newline at end of file