]> source.dussan.org Git - vaadin-framework.git/commitdiff
removed automatically compiled css files from svn. Derived files and should thus...
authorMatti Tahvonen <matti.tahvonen@itmill.com>
Thu, 21 Apr 2011 17:05:48 +0000 (17:05 +0000)
committerMatti Tahvonen <matti.tahvonen@itmill.com>
Thu, 21 Apr 2011 17:05:48 +0000 (17:05 +0000)
svn changeset:18438/svn branch:6.6

WebContent/VAADIN/themes/base/styles.css [deleted file]
WebContent/VAADIN/themes/liferay/styles.css [deleted file]
WebContent/VAADIN/themes/reindeer/styles.css [deleted file]
WebContent/VAADIN/themes/runo/styles.css [deleted file]

diff --git a/WebContent/VAADIN/themes/base/styles.css b/WebContent/VAADIN/themes/base/styles.css
deleted file mode 100644 (file)
index b726023..0000000
+++ /dev/null
@@ -1,2284 +0,0 @@
-.v-theme-version:after {content:"6_5_5_dev-20110406";}
-.v-theme-version-6_5_5_dev-20110406 {display: none;}
-/* Automatically compiled css file from subdirectories. */
-
-.v-absolutelayout-wrapper {
-       position: absolute;
-       overflow: hidden;
-}
-
-.v-accordion {
-       position: relative;
-       outline: none;
-       overflow: hidden;
-       text-align: left /* Force default alignment */
-}
-.v-accordion-item {
-       position: relative;
-       zoom: 1;
-}
-.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%;
-}
-
-/*
- * Default button (more customizable)
- * -------------------------------------- */
-.v-button {
-       display: inline-block;
-       zoom: 1;
-       text-align: center;
-       text-decoration: none;
-       border: 2px outset #ddd;
-       background: #eee;
-       cursor: pointer;
-       white-space: nowrap;
-       margin: 0;
-       padding: .2em 1em;
-       color: inherit;
-       font: inherit;
-       line-height: normal;
-       -khtml-user-select: none;
-       -moz-user-select: none;
-       -ie-user-select: none;
-       user-select: none;
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-       -ms-box-sizing: border-box;
-       box-sizing: border-box;
-}
-
-.v-button.v-disabled {
-       cursor: default;
-}
-
-.v-ie6 .v-button {
-       display: inline;
-}
-
-.v-ie7 .v-button {
-   display: inline;
-}
-
-.v-button-wrap,
-.v-button-caption {
-       vertical-align: middle;
-       white-space: nowrap;
-       font: inherit;
-       color: inherit;
-       line-height: normal;
-       }
-
-.v-button .v-icon,
-.v-nativebutton .v-icon {
-       vertical-align: middle;
-       margin-right: 3px;
-       border: none;
-       }
-
-.v-button .v-errorindicator,
-.v-nativebutton .v-errorindicator {
-       display: inline-block;
-       zoom: 1;
-       vertical-align: middle;
-       float: none;
-}
-
-/* Link style (we really should deprecate this) */
-.v-button-link,
-.v-nativebutton-link {
-       border: none;
-       text-align: left;
-       background: transparent;
-       padding: 0;
-       color: inherit;
-       -khtml-user-select: text;
-       -moz-user-select: text;
-       -ie-user-select: text;
-       user-select: text;
-}
-
-/* Inset Safari focus outline a bit */
-.v-sa .v-button-link:focus{
-       outline-offset: -3px;
-       }
-
-.v-button-link .v-button-caption,
-.v-nativebutton-link .v-nativebutton-caption {
-       text-decoration: underline;
-       color: inherit;
-       text-align: left;
-       }
-
-
-/*
- * NativeButton styles (html button element)
- * -------------------------------------- */
-.v-nativebutton {
-       text-align: center;
-       cursor: pointer;
-       white-space: nowrap;
-       margin: 0;
-       color: inherit;
-       font: inherit;
-       line-height: normal;
-       }
-.v-nativebutton .v-nativebutton-caption {
-       vertical-align: middle;
-       white-space: nowrap;
-       font: inherit;
-       color: inherit;
-       }
-
-.v-nativebutton .v-icon {
-       vertical-align: middle;
-       margin-right: 3px;
-       }
-
-.v-nativebutton .v-errorindicator {
-       display: inline-block;
-       zoom: 1;
-       float: none;
-}
-/* Fixes streched buttons in IE6 and IE7*/
-.v-ie6 .v-nativebutton {
-       width: 1px;
-}
-.v-ie .v-nativebutton {
-       overflow: visible;
-       padding-left: 1em;
-       padding-right: 1em;
-}
-
-.v-ie .v-nativebutton-link {
-       padding: 0;
-}
-
-/*
- * Checkbox styles
- * -------------------------------------- */
- .v-checkbox {
-       display: block;
- }
-
-.v-checkbox,
-.v-checkbox label,
-.v-checkbox input,
-.v-checkbox .v-icon {
-       vertical-align: middle;
-       white-space: nowrap;
-}
-
-/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */
-.v-ie6 .v-checkbox,
-.v-ie7 .v-checkbox {
-       vertical-align: baseline;
-}
-
-.v-checkbox .v-icon {
-       margin: 0 2px;
-}
-.v-checkbox .v-errorindicator {
-       float: none;
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-}
-
-
-/* Disabled by default
-.v-checkbox-error {
-       background: #ffe0e0;
-}
-*/
-/* Disabled by default
-.v-checkbox-required {
-       background: #ffe0e0;
-}
-*/
-
-.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;
-}
-
-.v-caption-clearelem {
-       clear: both;
-       width: 0;
-       height: 0;
-       overflow: hidden;
-}
-
-/* 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;
-}
-
-/* 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%;
-}
-/* Force arrow cursor for all elements inside the app */
-.v-app,
-.v-window,
-.v-popupview-popup,
-.v-label,
-.v-caption {
-       cursor: default;
-}
-div.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 */
-       background-image: url(common/img/loading-indicator.gif);
-       background-repeat: no-repeat;
-       background-position: 50%;
-       width: 100%;
-       height: 100%;
-}
-.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;
-}
-/* Revert line-height for heading elements inside labels */
-.v-label h1,
-.v-label h2,
-.v-label h3,
-.v-label h4,
-.v-label h5,
-.v-label h6 {
-       line-height: normal;
-} 
-/* 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 {
-       position: absolute;
-       top: 0;
-       right: 0;
-       z-index: 30000;
-       width: 31px;
-       height: 31px;
-       background: transparent url(common/img/loading-indicator.gif);
-       margin-right: 5px;
-       margin-top: 5px;
-}
-.v-loading-indicator-delay {
-       background-image: url(common/img/loading-indicator-delay.gif);
-}
-.v-loading-indicator-wait {
-       background-image: url(common/img/loading-indicator-wait.gif);
-}
-/* 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;
-       white-space: pre;
-}
-.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 ,
-.v-window input[type="text"],
-.v-window input[type="password"],
-.v-window input[type="reset"],
-.v-window select,
-.v-window textarea {
-       padding: 2px;
-}
-
-.v-drag-element {
-       z-index: 60000;
-       position: absolute;
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-    cursor: default;
-}
-
-.v-csslayout {
-       overflow: hidden;
-}
-.v-csslayout-margin-top {
-       padding-top: 12px;      
-}
-.v-csslayout-margin-bottom {
-       padding-bottom: 12px;   
-}
-.v-csslayout-margin-left {
-       padding-left: 12px;     
-}
-.v-csslayout-margin-right {
-       padding-right: 12px;    
-}
-
-.v-customcomponent {
-       overflow: hidden;
-}
-
-.v-customlayout {
-       overflow: hidden;
-}
-
-.v-datefield {
-       white-space: nowrap;
-       float: left; /* Force minimum width */
-}
-.v-datefield-textfield {
-       vertical-align: top;
-}
-.v-datefield-button {
-       cursor: pointer;
-}
-.v-datefield-prompt .v-datefield-textfield {
-       color: #999;
-       font-style: italic;
-}
-.v-datefield .v-datefield-button-readonly {
-       display: none;
-}
-.v-datefield-calendarpanel table {
-       width: 100%;
-}
-.v-datefield-calendarpanel td {
-       padding: 0;
-       margin: 0;
-}
-.v-datefield-calendarpanel:focus{
-       outline:none;   
-}
-.v-datefield-calendarpanel-header td {
-       text-align: center;
-}
-.v-datefield-calendarpanel-month {
-       text-align: center;
-       white-space: nowrap;
-}
-.v-datefield-calendarpanel-weeknumber {
-       color: #999;
-       border-right: 1px solid #ddd;
-       font-size: 0.9em;
-}
-.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-calendarpanel-day-focused {
-       outline: 1px dotted black;
-}
-.v-datefield-time {
-       white-space: nowrap;
-}
-.v-datefield-time .v-label {
-       display: inline;
-}
-.v-datefield-popup {
-       background: #fff;
-}
-/* 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);
-}
-
-.v-ddwrapper {
-       padding: 2px;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
-}
-.v-ddwrapper-over {
-       border: 2px solid #1d9dff;
-       background-color: #bcdcff;
-       padding: 0;
-}
-.v-ddwrapper-over {
-       background-color: rgba(169,209,255,.6);
-}
-.no-box-drag-hints .v-ddwrapper-over {
-       border: none;
-       background-color: transparent;
-       padding: 2px;
-}
-.v-app .v-ddwrapper-over-top,
-.v-window .v-ddwrapper-over-top,
-.v-popupview-popup .v-ddwrapper-over-top {
-       border: none;
-       border-top: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-top: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-bottom,
-.v-window .v-ddwrapper-over-bottom,
-.v-popupview-popup .v-ddwrapper-over-bottom {
-       border: none;
-       border-bottom: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-bottom: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-left,
-.v-window .v-ddwrapper-over-left,
-.v-popupview-popup .v-ddwrapper-over-left {
-       border: none;
-       border-left: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-left: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-right,
-.v-window .v-ddwrapper-over-right,
-.v-popupview-popup .v-ddwrapper-over-right {
-       border: none;
-       border-right: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-right: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-ddwrapper,
-.v-ddwrapper-over,
-.v-app .v-ddwrapper-over-top,
-.v-window .v-ddwrapper-over-top,
-.v-popupview-popup .v-ddwrapper-over-top,
-.v-app .v-ddwrapper-over-bottom,
-.v-window .v-ddwrapper-over-bottom,
-.v-popupview-popup .v-ddwrapper-over-bottom,
-.v-app .v-ddwrapper-over-left,
-.v-window .v-ddwrapper-over-left,
-.v-popupview-popup .v-ddwrapper-over-left,
-.v-app .v-ddwrapper-over-right,
-.v-window .v-ddwrapper-over-right,
-.v-popupview-popup .v-ddwrapper-over-right {
-       border-color: rgba(0,109,232,.6);
-}
-
-.v-ddwrapper-over-top:before,
-.v-ddwrapper-over-bottom:after,
-.v-ddwrapper-over-left:before,
-.v-ddwrapper-over-right:before {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       margin-left: -2px;
-       background: transparent url(common/img/drag-slot-dot.png) no-repeat;
-}
-.v-ddwrapper-over-bottom:after {
-       margin-top: -2px;
-}
-.v-ddwrapper-over-left:before,
-.v-ddwrapper-over-right:before {
-       background-position: 0 -6px;
-       margin-top: -2px;
-       margin-left: -4px;
-}
-.v-ddwrapper-over-right:before {
-       position: relative;
-       margin-bottom: -4px;
-       margin-right: -4px;
-       margin-left: 0;
-       width: auto;
-       background-position: 100% -6px;
-}
-
-.no-horizontal-drag-hints .v-ddwrapper-over-left {
-       padding-left: 2px;
-       border-left: none;
-}
-.no-horizontal-drag-hints .v-ddwrapper-over-right {
-       padding-right: 2px;
-       border-right: none;
-}
-.no-vertical-drag-hints .v-ddwrapper-over-top {
-       padding-top: 2px;
-       border-top: none;
-}
-.no-vertical-drag-hints .v-ddwrapper-over-bottom {
-       padding-bottom: 2px;
-       border-bottom: none;
-}
-.no-horizontal-drag-hints .v-ddwrapper-over-left:before,
-.no-horizontal-drag-hints .v-ddwrapper-over-right:before,
-.no-vertical-drag-hints .v-ddwrapper-over-top:before,
-.no-vertical-drag-hints .v-ddwrapper-over-bottom:after {
-       display: none;
-}
-
-
-.v-table .v-embedded-image {
-    /* make embeddeds be centered in centered table cells. */
-       display: inline-block;
-}
-
-.v-formlayout-cell .v-errorindicator {
-       display: block;
-}
-.v-formlayout-error-indicator {
-       /* fix width so layout is not jumpy when error disappears */
-       width: 12px;
-}
-.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: 6px;
-}
-.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: 12px;
-}
-.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: 12px;
-}
-.v-formlayout-margin-left .v-formlayout-captioncell {
-       padding-left: 12px;
-} 
-.v-formlayout-margin-right .v-formlayout-contentcell {
-       padding-right: 12px;
-}
-.v-formlayout-captioncell .v-caption .v-required-field-indicator {
-       float: none;
-}
-
-.v-gridlayout-margin-top {
-       padding-top: 12px;
-}
-.v-gridlayout-margin-bottom {
-       padding-bottom: 12px;
-}
-.v-gridlayout-margin-left {
-       padding-left: 12px;
-} 
-.v-gridlayout-margin-right {
-       padding-right: 12px;
-}
-.v-gridlayout-spacing-on {
-       padding-left: 6px;
-       padding-top: 6px;
-       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;
-}
-
-.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;
-}
-
-.v-loginform {
-       height: 140px;
-       width: 200px;
-}
-
-.v-app-loginpage .v-button,
-.v-app-loginpage .v-button {
-       float: left; /* Force minimum width for button */
-}
-
-.v-menubar {
-       float: left; /* Force minimum width */
-       white-space: nowrap;
-}
-.v-menubar .v-menubar-menuitem {
-       cursor: default;
-       vertical-align: middle;
-       white-space: nowrap;
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-}
-.v-menubar .v-menubar-menuitem-caption * {
-       vertical-align: middle;
-       white-space: nowrap;
-}
-.v-menubar-submenu {
-       background: #fff;
-}
-.v-menubar-menuitem-selected {
-       background: #333;
-       color: #fff;
-}
-.v-menubar-submenu .v-menubar-menuitem { 
-       cursor: default;
-       display: block;
-       position: relative;
-       padding-right: 1.5em;
-}
-.v-menubar-submenu .v-menubar-menuitem-caption {
-       display: block;
-}
-.v-menubar-submenu .v-menubar-menuitem *,
-.v-menubar-submenu .v-menubar-menuitem-caption * {
-       white-space: nowrap;
-}
-.v-menubar-submenu-indicator {
-       display: none;
-       /* Arial has the most coverage for geometric entity characters */
-       font-family: arial, helvetica, sans-serif;
-}
-.v-menubar-submenu .v-menubar-submenu-indicator {
-       display: block;
-       position: absolute;
-       right: 0;
-       width: 1em;
-       height: 1em;
-       font-size: 0.9em;
-}
-.v-menubar-menuitem-disabled,
-.v-menubar span.v-menubar-menuitem-disabled:hover,
-.v-menubar span.v-menubar-menuitem-disabled:focus,
-.v-menubar span.v-menubar-menuitem-disabled:active {
-       color: #999;
-}
-.v-menubar-more-menuitem {
-       /* Arial has the most coverage for geometric entity characters */
-       font-family: arial, helvetica, sans-serif;
-}
-.v-menubar-separator {
-       overflow: hidden;
-}
-.v-menubar-separator span {
-       display: block;
-       text-indent: -9999px;
-       font-size: 1px;
-       line-height: 1px;
-       border-top: 1px solid #ddd;
-       margin: 3px 0 2px;
-       overflow: hidden;
-}
-.v-menubar .v-icon,
-.v-menubar-submenu .v-icon {
-       margin-right: 3px;
-}
-
-.v-menubar-popup:focus,
-.v-menubar-popup .popupContent:focus,
-.v-menubar-popup .popupContent .v-menubar-submenu:focus{
-       outline: none;  
-}
-
-.v-Notification {
-       background: #999;
-       color: #fff;
-       cursor: pointer;
-       overflow: hidden;
-       padding: 1em;
-       max-width:85%;
-       
-}
-.v-Notification h1,
-.v-Notification p,
-.v-Notification-error h1,
-.v-Notification-error p,
-.v-Notification-warning h1,
-.v-Notification-warning p {
-       display: inline;
-       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-orderedlayout-margin-top,
-.v-horizontallayout-margin-top,
-.v-verticallayout-margin-top {
-       padding-top: 12px;
-}
-.v-orderedlayout-margin-right,
-.v-horizontallayout-margin-right,
-.v-verticallayout-margin-right {
-       padding-right: 12px;
-}
-.v-orderedlayout-margin-bottom,
-.v-horizontallayout-margin-bottom,
-.v-verticallayout-margin-bottom {
-       padding-bottom: 12px;
-}
-.v-orderedlayout-margin-left,
-.v-horizontallayout-margin-left,
-.v-verticallayout-margin-left {
-       padding-left: 12px;
-}
-.v-orderedlayout-spacing-on,
-.v-horizontallayout-spacing-on,
-.v-verticallayout-spacing-on {
-       padding-top: 6px;
-       padding-left: 6px;
-}
-/* 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;
-}
-
-.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 {
-}
-
-.v-popupview {
-       cursor: pointer;
-       text-decoration: underline;
-       white-space: nowrap;
-}
-.v-popupview-popup {
-       overflow: auto;
-}
-.v-popupview-loading {
-       width: 30px;
-       height: 30px;
-       background: transparent url(common/img/ajax-loader-medium.gif) no-repeat 50%;
-}
-
-.v-progressindicator {
-       overflow: hidden; /* for IE6 */
-       width: 150px;
-}
-.v-progressindicator-wrapper {
-       overflow: hidden; /* for IE6 */
-       height: 7px;
-       border: 1px solid #ddd;
-}
-.v-progressindicator-indicator {
-       height: 7px;
-       overflow: hidden; /* for IE6 */
-       background: #ddd;
-}
-div.v-progressindicator-indeterminate {
-       height: 20px;
-       width: 20px;
-       overflow: hidden; /* for IE6 */
-       background: #fff url(common/img/ajax-loader-medium.gif) no-repeat 50%;
-       border-radius: 4px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-}
-/* 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;
-}
-div.v-progressindicator-indeterminate-disabled {
-       height: 20px;
-       width: 20px;
-       overflow: hidden; /* for IE6 */
-       background: transparent;
-}
-
-.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-caption-left {
-       float: left;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-.v-select-twincol-selections {
-       font-weight: bold;
-}
-.v-select-twincol-caption-right {
-       float: right;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-.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 {
-       float: left;
-}
-.v-select-twincol-buttons .v-button {
-       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;
-       -webkit-border-radius: 0px;
-}
-.v-filterselect-prompt .v-filterselect-input {
-       color: #999;
-       font-style: italic;
-}
-.v-filterselect-button {
-       float: right;
-       cursor: pointer;
-       width: 1em;
-       height: 1em;
-       background: transparent url(common/img/sprites.png) no-repeat -5px -8px;
-}
-.v-filterselect.v-readonly .v-filterselect-button {
-       display: none;
-}
-.v-filterselect.v-readonly,
-.v-filterselect.v-readonly .v-filterselect-input {
-       background: transparent;
-}
-.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;
-}
-*/
-
-.v-shadow {
-       position: absolute;
-}
-
-.v-shadow .top-left {
-    position: absolute; overflow: hidden;
-    top: -3px;             left: -5px;
-    width: 10px;         height: 10px;
-    background: transparent url(shadow/img/top-left.png);
-}
-
-.v-shadow .top {
-    position: absolute; overflow: hidden;
-    top: -3px;             left: 5px;
-    height: 10px;           right: 5px;
-    background: transparent url(shadow/img/top.png);
-}
-
-.v-shadow .top-right {
-    position: absolute; overflow: hidden;
-    top: -3px;             right: -5px;
-    width: 10px;         height: 10px;
-    background: transparent url(shadow/img/top-right.png);
-}
-
-.v-shadow .left {
-    position: absolute; overflow: hidden;
-    top: 7px;           left: -5px;
-    width: 10px;
-    bottom: 3px;
-    background: transparent url(shadow/img/left.png);
-}
-
-.v-shadow .center {
-    position: absolute; overflow: hidden;
-    top: 7px;           left: 5px;
-    bottom: 3px;        right: 5px;
-    background: transparent url(shadow/img/center.png);
-}
-
-.v-shadow .right {
-    position: absolute; overflow: hidden;
-    top: 7px;           right: -5px;
-    width: 10px;
-    bottom: 3px;
-    background: transparent url(shadow/img/right.png);
-}
-
-.v-shadow .bottom-left {
-    position: absolute; overflow: hidden;
-    bottom: -7px;           left: -5px;
-    width: 10px;          height: 10px;
-    background: transparent url(shadow/img/bottom-left.png);
-}
-
-.v-shadow .bottom {
-    position: absolute; overflow: hidden;
-    bottom: -7px;           left: 5px;
-    right: 5px;          height: 10px;
-    background: transparent url(shadow/img/bottom.png);
-}
-
-.v-shadow .bottom-right {
-    position: absolute; overflow: hidden;
-    bottom: -7px;           right: -5px;
-    width: 10px;          height: 10px;
-    background: transparent url(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: -2px;
-       margin-left: -2px;
-}  
-
-.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;
-}
-
-.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;
-       margin-left: -5px;
-}
-
-.v-slider-feedback {
-       padding: 2px 5px;
-       background: #444;
-       color: #fff;
-       font-size: 11px;
-       line-height: 13px;
-       font-weight: bold;
-       font-family: Arial, Helvetica, sans-serif;
-       border-radius: 4px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       margin: -2px 0 0 2px;
-       text-shadow: 0 1px 0 #000;
-}
-
-/* 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;
-}
-
-.v-splitpanel-horizontal,
-.v-splitpanel-vertical {
-       overflow: hidden;
-}
-.v-splitpanel-hsplitter {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-hsplitter div {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-       position: absolute;
-       top: 0;
-       bottom: 0;
-       background: #ddd;
-       cursor: e-resize;
-       cursor: col-resize;
-}
-.v-disabled .v-splitpanel-hsplitter div {
-       cursor: default;
-}
-.v-splitpanel-vsplitter {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-vsplitter div {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-       background: #ddd;
-       cursor: s-resize;
-       cursor: row-resize;
-}
-.v-disabled .v-splitpanel-vsplitter div {
-       cursor: default;
-}
-/* IE specific styles */
-.v-ie6 .v-splitpanel-hsplitter div {
-       height: 99%;
-}
-.v-ie6 .v-splitpanel-first-container,
-.v-ie6 .v-splitpanel-second-container,
-.v-ie7 .v-splitpanel-first-container,
-.v-ie7 .v-splitpanel-second-container {
-       position: relative;
-}
-
-/* Table theme building instructions
- * 
- * Vaadin 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-ie7 .v-table {
-       overflow: visible;
-}
-.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;
-       border-collapse: separate;
-       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-footer-wrap {
-       overflow: hidden;
-       border: 1px solid #aaa;
-       border-top: none;
-       background: #efefef;
-}
-.v-table-footer table{
-       border-spacing: 0;
-       border-collapse: collapse;
-       margin: 0;
-       padding: 0;
-       border: 0;
-}
-.v-table-footer td {
-       padding: 0;
-       border-right: 1px solid #aaa;
-}
-.v-table-footer-cell{
-       cursor: pointer;
-}
-.v-table-footer-container{     
-       float:right;    
-       padding-right:6px;
-       overflow:hidden;
-       white-space:nowrap;
-}
-.v-table-resizer {
-       display: block;
-       height: 1.2em;
-       float: right;
-       background: #aaa;       
-       cursor: e-resize;       /* Opera does not support col-resize, so use e-resize instead */
-       cursor: col-resize;     
-       width: 1px;
-       overflow: hidden;
-}
-.v-table-caption-container {
-       overflow: hidden;
-       white-space: nowrap;
-       margin-left: 6px;
-}
-.v-ie7 .v-table-caption-container-align-right {
-       margin-left: 0px;
-       padding-left: 6px;
-}
-.v-table-caption-container-align-right {
-       float: right;
-}
-.v-table-sort-indicator {
-       width: 0px;
-       height: 1.2em;
-       float: right;
-}
-.v-table-header-cell-asc .v-table-sort-indicator,
-.v-table-header-cell-desc .v-table-sort-indicator {
-       width: 16px;
-       height: 1.2em;
-       float: right;
-}              
-.v-table-header-cell-asc .v-table-sort-indicator {
-       background: transparent url(common/img/sprites.png) no-repeat right 6px;
-}
-.v-table-header-cell-desc .v-table-sort-indicator {
-       background: transparent url(common/img/sprites.png) no-repeat right -10px;
-}
-.v-table-caption-container-align-center {
-       text-align: center;
-}
-.v-table-caption-container-align-right {
-       text-align: right;
-}
-.v-table-caption-container .v-icon,
-.v-table-header-drag .v-icon {
-       vertical-align: middle;
-}
-.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: pointer;
-}
-
-.v-table-body-noselection .v-table-row,
-.v-table-body-noselection .v-table-row-odd {
-       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-cell-wrapper-align-center {
-       text-align: center;
-}
-.v-table-cell-wrapper-align-right {
-       text-align: right;
-}
-.v-table-column-selector {
-       float: right;
-       background: transparent url(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-header-drag .v-icon {
-       vertical-align: middle;
-}
-.v-table-scrollposition {
-       width: 160px;
-       background: #eee;
-       border: 1px solid #aaa;
-}
-.v-table-scrollposition span {
-       display: block;
-       text-align: center;
-}
-.v-table-body:focus,
-.v-table-body-wrapper:focus {
-       outline: none;
-}
-.v-table-body.focused {
-       border-color: #388ddd;
-}
-.v-table-focus .v-table-cell-content {
-       border-top: 1px dotted #0066bd;
-       border-bottom: 1px dotted #0066bd;
-}
-/* row in column selector */
-.v-on {
-       
-}
-.v-off {
-       color: #ddd;
-}
-/*************************************
- * Drag'n'drop styles
- *************************************/
-.v-table-drag .v-table-body {
-       border-color: #1d9dff;
-}
-.v-table-row-drag-middle .v-table-cell-content {
-       background-color: #bcdcff;
-}
-.v-table-row-drag-top .v-table-cell-content {
-       border-top: 2px solid #1d9dff;
-}
-.v-table-row-drag-top .v-table-cell-wrapper {
-       margin-top: -2px; /* compensate the space consumed by border hint */
-}
-.v-table-row-drag-bottom .v-table-cell-content {
-       border-bottom: 2px solid #1d9dff;
-}
-.v-table-row-drag-bottom .v-table-cell-wrapper {
-       margin-bottom: -2px; /* compensate the space consumed by border hint */
-}
-.v-table-row-drag-top .v-table-cell-content:first-child:before,
-.v-table-row-drag-bottom .v-table-cell-content:first-child:after {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       margin-left: -6px;
-       background: transparent url(common/img/drag-slot-dot.png);
-}
-.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after,
-.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after {
-       margin-top: -2px;
-}
-
-.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-ff2 .v-tabsheet-scroller {
-       position: relative;
-}
-.v-disabled .v-tabsheet-scroller {
-       display: none;
-}
-.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-caption-close {
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-       width: 16px;
-       height: 16px;
-       text-align: center;
-       font-weight: bold;
-       cursor: pointer;
-       vertical-align: middle;
-       user-select: none;
-       -khtml-user-select: none;
-       -ms-user-select: none;
-       -moz-user-select: none;
-       -webkit-user-select: none;
-}
-.v-tabsheet .v-disabled .v-tabsheet-caption-close {
-       cursor: default;
-       visibility: hidden;
-}
-.v-tabsheet-tabitem:hover .v-tabsheet-caption-close,
-.v-ie6 .v-tabsheet-caption-close {
-       visibility: visible;
-}
-.v-ie6 .v-tabsheet-caption-close {
-       float: right;
-}
-.v-tabsheet-tabitem {
-       border: 1px solid #aaa;
-       border-right: none;
-       cursor: pointer;
-       padding: 0.2em 0.5em;
-}
-.v-tabsheet-tabitem .v-caption {
-       cursor: pointer;
-}
-.v-tabsheet-tabitem-selected {
-       cursor: default;
-       border-bottom-color: #fff;
-}
-.v-tabsheet-tabitem-selected .v-caption {
-       cursor: default;
-}
-.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-ie6 .v-tabsheet-content,
-.v-ie7 .v-tabsheet-content {
-       zoom: 1;
-}
-.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;
-}
-
-
-.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;
-}
-input.v-textfield-readonly,
-textarea.v-textarea-readonly {
-       background: transparent;
-       border: none;
-       resize: none;
-}
-input.v-disabled,
-textarea.v-disabled {
-       resize: none;
-}
-input.v-textfield-readonly:focus,
-textarea.v-textarea-readonly:focus {
-       outline: none;
-}
-/* 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;
-}
-
-.v-richtextarea {
-       border: 1px solid #aaa;
-       overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextArea {
-       background: #fff;
-       border: none;
-}
-
-.v-richtextarea .gwt-RichTextToolbar {
-       white-space: nowrap;
-       background: #959595 url(textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px;
-       border-bottom: 1px solid #7d7d7d;
-       padding: 2px;
-       overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextToolbar-top {
-       padding-bottom: 1px;
-       overflow: hidden;
-       white-space: normal;
-}
-.v-richtextarea .gwt-RichTextToolbar-bottom {
-       clear: left;
-       overflow: hidden;
-       white-space: nowrap;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
-       float: left;
-       display: inline;
-       width: 22px;
-       height: 21px;
-       overflow: hidden;
-       background: transparent url(textfield/img/richtext-toolbar-bg.png) repeat-x;
-       cursor: pointer;
-       margin-right: 2px;
-       text-align: center;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
-       background-position: 0 -21px;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
-       
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
-       width: 24.5%;
-       margin-right: 2px;
-}
-
-.v-richtextarea-readonly {
-       border: none;
-}
-
-.v-tree {
-       text-align: left; /* Force default alignment */
-       overflow: hidden;
-       padding: 1px 0;
-       outline: none;
-}
-.v-tree-node {
-       background: transparent url(common/img/sprites.png) no-repeat 5px -37px;
-       padding: 1px 0;
-}
-.v-tree-node-caption:focus {
-       outline: none;
-}
-.v-tree-node-expanded {
-       background-position: -5px -10px;
-}
-div.v-tree-node-leaf {
-       background: transparent;
-}
-.v-tree-node-caption {
-       margin-left: 1em;
-}
-.v-tree-node span {
-       cursor: pointer;
-}
-.v-tree-node-caption div {
-       white-space: nowrap;
-}
-.v-tree-node-caption span,
-.v-tree-node-caption .v-icon {
-       vertical-align: middle;
-}
-.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;
-}
-/***************************************
- * Drag'n'drop styles
- ***************************************/
-.v-tree .v-tree-node-drag-top {
-       border-top: 2px solid #1d9dff;
-       margin-top: -1px;
-       padding-top: 0;
-}
-.v-tree .v-tree-node-drag-bottom {
-       border-bottom: 2px solid #1d9dff;
-       margin-bottom: -1px;
-       padding-bottom: 0;
-}
-.v-tree .v-tree-node-drag-top:before,
-.v-tree .v-tree-node-drag-bottom:after,
-.v-tree .v-tree-node-caption-drag-center:after {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       background: transparent url(common/img/drag-slot-dot.png);
-}
-.v-tree .v-tree-node-drag-bottom:after {
-       margin-top: -2px;
-}
-.v-tree .v-tree-node-caption-drag-center:after {
-       margin-left: 14px;
-}
-.v-ff .v-tree .v-tree-node-caption-drag-center:after,
-.v-ie .v-tree .v-tree-node-caption-drag-center:after {
-       margin-top: -2px;
-}
-.v-tree .v-tree-node-drag-top {
-       background-position: 5px -38px;
-}
-.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
-       background-position: -5px -11px;
-}
-.v-tree .v-tree-node-caption-drag-center div {
-       border: 2px solid #1d9dff;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
-       margin: -2px 2px -2px -2px;
-       background-color: #bcdcff;
-}
-.v-ie6 .v-tree .v-tree-node-caption-drag-center div {
-       margin: -2px ;
-}
-.v-tree .v-tree-node-caption-drag-center div {
-       background-color: rgba(169,209,255,.6);
-}
-.v-tree .v-tree-node-caption-drag-center div,
-.v-tree .v-tree-node-drag-top,
-.v-tree .v-tree-node-drag-bottom {
-       border-color: rgba(0,109,232,.6);
-}
-
-.v-upload {
-       white-space: nowrap;
-}
-
-.v-ie6 .v-upload,
-.v-ie7 .v-upload {
-       margin:0;
-}
-
-.v-upload-immediate {
-       position: relative;
-       margin: 0;
-       overflow: hidden;
-}
-
-.v-ff .v-upload-immediate,
-.v-op .v-upload-immediate {
-       display: inline-block;
-}
-
-.v-upload-immediate input {
-       opacity: 0;
-       filter: alpha(opacity=0);
-       z-index: 2;
-       position: absolute;
-       right: 0;
-       height: 21px;
-       text-align: right;
-       border: none;
-       background: transparent;
-}
-
-.v-upload-immediate button {
-       position: relative;
-       left: 0;
-       top: 0;
-       width: 100%;
-       text-align: left;
-}
-  
-
-.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-contents > div {
-       outline: none;
-}
-.v-window-footer {
-       overflow: hidden;
-       zoom: 1;
-       height: 10px;
-       position: relative;
-}
-.v-window-resizebox {
-       width: 10px;
-       height: 10px;
-       cursor: se-resize;
-       background: #ddd;
-       overflow: hidden;
-       position: absolute;
-       right: 0;
-}
-.v-window div.v-window-footer-noresize {
-       height: 0;
-}
-.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(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(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(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(window/img/shadow/left.png);
-}
-.v-shadow-window .center {
-    position: absolute; overflow: hidden;
-    top: 18px;           left: 13px;
-    bottom: 10px;        right: 13px;
-    background: transparent url(window/img/shadow/center.png);
-}
-.v-shadow-window .right {
-    position: absolute; overflow: hidden;
-    top: 18px;           right: -15px;
-    width: 28px;
-    bottom: 10px;
-    background: transparent url(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(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(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(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;
-}
diff --git a/WebContent/VAADIN/themes/liferay/styles.css b/WebContent/VAADIN/themes/liferay/styles.css
deleted file mode 100644 (file)
index 7929641..0000000
+++ /dev/null
@@ -1,3531 +0,0 @@
-.v-theme-version:after {content:"6_6_0_dev-20110415";}
-.v-theme-version-6_6_0_dev-20110415 {display: none;}
-/* Automatically compiled css file from subdirectories. */
-
-.v-absolutelayout-wrapper {
-       position: absolute;
-       overflow: hidden;
-}
-
-.v-accordion {
-       position: relative;
-       outline: none;
-       overflow: hidden;
-       text-align: left /* Force default alignment */
-}
-.v-accordion-item {
-       position: relative;
-       zoom: 1;
-}
-.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%;
-}
-
-/*
- * Default button (more customizable)
- * -------------------------------------- */
-.v-button {
-       display: inline-block;
-       zoom: 1;
-       text-align: center;
-       text-decoration: none;
-       border: 2px outset #ddd;
-       background: #eee;
-       cursor: pointer;
-       white-space: nowrap;
-       margin: 0;
-       padding: .2em 1em;
-       color: inherit;
-       font: inherit;
-       line-height: normal;
-       -khtml-user-select: none;
-       -moz-user-select: none;
-       -ie-user-select: none;
-       user-select: none;
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-       -ms-box-sizing: border-box;
-       box-sizing: border-box;
-}
-
-.v-button.v-disabled {
-       cursor: default;
-}
-
-.v-ie6 .v-button {
-       display: inline;
-}
-
-.v-ie7 .v-button {
-   display: inline;
-}
-
-.v-button-wrap,
-.v-button-caption {
-       vertical-align: middle;
-       white-space: nowrap;
-       font: inherit;
-       color: inherit;
-       line-height: normal;
-       }
-
-.v-button .v-icon,
-.v-nativebutton .v-icon {
-       vertical-align: middle;
-       margin-right: 3px;
-       border: none;
-       }
-
-.v-button .v-errorindicator,
-.v-nativebutton .v-errorindicator {
-       display: inline-block;
-       zoom: 1;
-       vertical-align: middle;
-       float: none;
-}
-
-/* Link style (we really should deprecate this) */
-.v-button-link,
-.v-nativebutton-link {
-       border: none;
-       text-align: left;
-       background: transparent;
-       padding: 0;
-       color: inherit;
-       -khtml-user-select: text;
-       -moz-user-select: text;
-       -ie-user-select: text;
-       user-select: text;
-}
-
-/* Inset Safari focus outline a bit */
-.v-sa .v-button-link:focus{
-       outline-offset: -3px;
-       }
-
-.v-button-link .v-button-caption,
-.v-nativebutton-link .v-nativebutton-caption {
-       text-decoration: underline;
-       color: inherit;
-       text-align: left;
-       }
-
-
-/*
- * NativeButton styles (html button element)
- * -------------------------------------- */
-.v-nativebutton {
-       text-align: center;
-       cursor: pointer;
-       white-space: nowrap;
-       margin: 0;
-       color: inherit;
-       font: inherit;
-       line-height: normal;
-       }
-.v-nativebutton .v-nativebutton-caption {
-       vertical-align: middle;
-       white-space: nowrap;
-       font: inherit;
-       color: inherit;
-       }
-
-.v-nativebutton .v-icon {
-       vertical-align: middle;
-       margin-right: 3px;
-       }
-
-.v-nativebutton .v-errorindicator {
-       display: inline-block;
-       zoom: 1;
-       float: none;
-}
-/* Fixes streched buttons in IE6 and IE7*/
-.v-ie6 .v-nativebutton {
-       width: 1px;
-}
-.v-ie .v-nativebutton {
-       overflow: visible;
-       padding-left: 1em;
-       padding-right: 1em;
-}
-
-.v-ie .v-nativebutton-link {
-       padding: 0;
-}
-
-/*
- * Checkbox styles
- * -------------------------------------- */
- .v-checkbox {
-       display: block;
- }
-
-.v-checkbox,
-.v-checkbox label,
-.v-checkbox input,
-.v-checkbox .v-icon {
-       vertical-align: middle;
-       white-space: nowrap;
-}
-
-/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */
-.v-ie6 .v-checkbox,
-.v-ie7 .v-checkbox {
-       vertical-align: baseline;
-}
-
-.v-checkbox .v-icon {
-       margin: 0 2px;
-}
-.v-checkbox .v-errorindicator {
-       float: none;
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-}
-
-
-/* Disabled by default
-.v-checkbox-error {
-       background: #ffe0e0;
-}
-*/
-/* Disabled by default
-.v-checkbox-required {
-       background: #ffe0e0;
-}
-*/
-
-.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;
-}
-
-.v-caption-clearelem {
-       clear: both;
-       width: 0;
-       height: 0;
-       overflow: hidden;
-}
-
-/* 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;
-}
-
-/* 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%;
-}
-/* Force arrow cursor for all elements inside the app */
-.v-app,
-.v-window,
-.v-popupview-popup,
-.v-label,
-.v-caption {
-       cursor: default;
-}
-div.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 */
-       background-image: url(../base/common/img/loading-indicator.gif);
-       background-repeat: no-repeat;
-       background-position: 50%;
-       width: 100%;
-       height: 100%;
-}
-.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;
-}
-/* Revert line-height for heading elements inside labels */
-.v-label h1,
-.v-label h2,
-.v-label h3,
-.v-label h4,
-.v-label h5,
-.v-label h6 {
-       line-height: normal;
-} 
-/* 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 {
-       position: absolute;
-       top: 0;
-       right: 0;
-       z-index: 30000;
-       width: 31px;
-       height: 31px;
-       background: transparent url(../base/common/img/loading-indicator.gif);
-       margin-right: 5px;
-       margin-top: 5px;
-}
-.v-loading-indicator-delay {
-       background-image: url(../base/common/img/loading-indicator-delay.gif);
-}
-.v-loading-indicator-wait {
-       background-image: url(../base/common/img/loading-indicator-wait.gif);
-}
-/* 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;
-       white-space: pre;
-}
-.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 ,
-.v-window input[type="text"],
-.v-window input[type="password"],
-.v-window input[type="reset"],
-.v-window select,
-.v-window textarea {
-       padding: 2px;
-}
-
-.v-drag-element {
-       z-index: 60000;
-       position: absolute;
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-    cursor: default;
-}
-
-.v-csslayout {
-       overflow: hidden;
-}
-.v-csslayout-margin-top {
-       padding-top: 12px;      
-}
-.v-csslayout-margin-bottom {
-       padding-bottom: 12px;   
-}
-.v-csslayout-margin-left {
-       padding-left: 12px;     
-}
-.v-csslayout-margin-right {
-       padding-right: 12px;    
-}
-
-.v-customcomponent {
-       overflow: hidden;
-}
-
-.v-customlayout {
-       overflow: hidden;
-}
-
-.v-datefield {
-       white-space: nowrap;
-       float: left; /* Force minimum width */
-}
-.v-datefield-textfield {
-       vertical-align: top;
-}
-.v-datefield-button {
-       cursor: pointer;
-}
-.v-datefield-prompt .v-datefield-textfield {
-       color: #999;
-       font-style: italic;
-}
-.v-datefield .v-datefield-button-readonly {
-       display: none;
-}
-.v-datefield-calendarpanel table {
-       width: 100%;
-}
-.v-datefield-calendarpanel td {
-       padding: 0;
-       margin: 0;
-}
-.v-datefield-calendarpanel:focus{
-       outline:none;   
-}
-.v-datefield-calendarpanel-header td {
-       text-align: center;
-}
-.v-datefield-calendarpanel-month {
-       text-align: center;
-       white-space: nowrap;
-}
-.v-datefield-calendarpanel-weeknumber {
-       color: #999;
-       border-right: 1px solid #ddd;
-       font-size: 0.9em;
-}
-.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-calendarpanel-day-focused {
-       outline: 1px dotted black;
-}
-.v-datefield-time {
-       white-space: nowrap;
-}
-.v-datefield-time .v-label {
-       display: inline;
-}
-.v-datefield-popup {
-       background: #fff;
-}
-/* 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);
-}
-
-.v-ddwrapper {
-       padding: 2px;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
-}
-.v-ddwrapper-over {
-       border: 2px solid #1d9dff;
-       background-color: #bcdcff;
-       padding: 0;
-}
-.v-ddwrapper-over {
-       background-color: rgba(169,209,255,.6);
-}
-.no-box-drag-hints .v-ddwrapper-over {
-       border: none;
-       background-color: transparent;
-       padding: 2px;
-}
-.v-app .v-ddwrapper-over-top,
-.v-window .v-ddwrapper-over-top,
-.v-popupview-popup .v-ddwrapper-over-top {
-       border: none;
-       border-top: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-top: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-bottom,
-.v-window .v-ddwrapper-over-bottom,
-.v-popupview-popup .v-ddwrapper-over-bottom {
-       border: none;
-       border-bottom: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-bottom: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-left,
-.v-window .v-ddwrapper-over-left,
-.v-popupview-popup .v-ddwrapper-over-left {
-       border: none;
-       border-left: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-left: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-right,
-.v-window .v-ddwrapper-over-right,
-.v-popupview-popup .v-ddwrapper-over-right {
-       border: none;
-       border-right: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-right: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-ddwrapper,
-.v-ddwrapper-over,
-.v-app .v-ddwrapper-over-top,
-.v-window .v-ddwrapper-over-top,
-.v-popupview-popup .v-ddwrapper-over-top,
-.v-app .v-ddwrapper-over-bottom,
-.v-window .v-ddwrapper-over-bottom,
-.v-popupview-popup .v-ddwrapper-over-bottom,
-.v-app .v-ddwrapper-over-left,
-.v-window .v-ddwrapper-over-left,
-.v-popupview-popup .v-ddwrapper-over-left,
-.v-app .v-ddwrapper-over-right,
-.v-window .v-ddwrapper-over-right,
-.v-popupview-popup .v-ddwrapper-over-right {
-       border-color: rgba(0,109,232,.6);
-}
-
-.v-ddwrapper-over-top:before,
-.v-ddwrapper-over-bottom:after,
-.v-ddwrapper-over-left:before,
-.v-ddwrapper-over-right:before {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       margin-left: -2px;
-       background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat;
-}
-.v-ddwrapper-over-bottom:after {
-       margin-top: -2px;
-}
-.v-ddwrapper-over-left:before,
-.v-ddwrapper-over-right:before {
-       background-position: 0 -6px;
-       margin-top: -2px;
-       margin-left: -4px;
-}
-.v-ddwrapper-over-right:before {
-       position: relative;
-       margin-bottom: -4px;
-       margin-right: -4px;
-       margin-left: 0;
-       width: auto;
-       background-position: 100% -6px;
-}
-
-.no-horizontal-drag-hints .v-ddwrapper-over-left {
-       padding-left: 2px;
-       border-left: none;
-}
-.no-horizontal-drag-hints .v-ddwrapper-over-right {
-       padding-right: 2px;
-       border-right: none;
-}
-.no-vertical-drag-hints .v-ddwrapper-over-top {
-       padding-top: 2px;
-       border-top: none;
-}
-.no-vertical-drag-hints .v-ddwrapper-over-bottom {
-       padding-bottom: 2px;
-       border-bottom: none;
-}
-.no-horizontal-drag-hints .v-ddwrapper-over-left:before,
-.no-horizontal-drag-hints .v-ddwrapper-over-right:before,
-.no-vertical-drag-hints .v-ddwrapper-over-top:before,
-.no-vertical-drag-hints .v-ddwrapper-over-bottom:after {
-       display: none;
-}
-
-
-.v-table .v-embedded-image {
-    /* make embeddeds be centered in centered table cells. */
-       display: inline-block;
-}
-
-.v-formlayout-cell .v-errorindicator {
-       display: block;
-}
-.v-formlayout-error-indicator {
-       /* fix width so layout is not jumpy when error disappears */
-       width: 12px;
-}
-.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: 6px;
-}
-.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: 12px;
-}
-.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: 12px;
-}
-.v-formlayout-margin-left .v-formlayout-captioncell {
-       padding-left: 12px;
-} 
-.v-formlayout-margin-right .v-formlayout-contentcell {
-       padding-right: 12px;
-}
-.v-formlayout-captioncell .v-caption .v-required-field-indicator {
-       float: none;
-}
-
-.v-gridlayout-margin-top {
-       padding-top: 12px;
-}
-.v-gridlayout-margin-bottom {
-       padding-bottom: 12px;
-}
-.v-gridlayout-margin-left {
-       padding-left: 12px;
-} 
-.v-gridlayout-margin-right {
-       padding-right: 12px;
-}
-.v-gridlayout-spacing-on {
-       padding-left: 6px;
-       padding-top: 6px;
-       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;
-}
-
-.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;
-}
-
-.v-loginform {
-       height: 140px;
-       width: 200px;
-}
-
-.v-app-loginpage .v-button,
-.v-app-loginpage .v-button {
-       float: left; /* Force minimum width for button */
-}
-
-.v-menubar {
-       float: left; /* Force minimum width */
-       white-space: nowrap;
-}
-.v-menubar .v-menubar-menuitem {
-       cursor: default;
-       vertical-align: middle;
-       white-space: nowrap;
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-}
-.v-menubar .v-menubar-menuitem-caption * {
-       vertical-align: middle;
-       white-space: nowrap;
-}
-.v-menubar-submenu {
-       background: #fff;
-}
-.v-menubar-menuitem-selected {
-       background: #333;
-       color: #fff;
-}
-.v-menubar-submenu .v-menubar-menuitem { 
-       cursor: default;
-       display: block;
-       position: relative;
-       padding-right: 1.5em;
-}
-.v-menubar-submenu .v-menubar-menuitem-caption {
-       display: block;
-}
-.v-menubar-submenu .v-menubar-menuitem *,
-.v-menubar-submenu .v-menubar-menuitem-caption * {
-       white-space: nowrap;
-}
-.v-menubar-submenu-indicator {
-       display: none;
-       /* Arial has the most coverage for geometric entity characters */
-       font-family: arial, helvetica, sans-serif;
-}
-.v-menubar-submenu .v-menubar-submenu-indicator {
-       display: block;
-       position: absolute;
-       right: 0;
-       width: 1em;
-       height: 1em;
-       font-size: 0.9em;
-}
-.v-menubar-menuitem-disabled,
-.v-menubar span.v-menubar-menuitem-disabled:hover,
-.v-menubar span.v-menubar-menuitem-disabled:focus,
-.v-menubar span.v-menubar-menuitem-disabled:active {
-       color: #999;
-}
-.v-menubar-more-menuitem {
-       /* Arial has the most coverage for geometric entity characters */
-       font-family: arial, helvetica, sans-serif;
-}
-.v-menubar-separator {
-       overflow: hidden;
-}
-.v-menubar-separator span {
-       display: block;
-       text-indent: -9999px;
-       font-size: 1px;
-       line-height: 1px;
-       border-top: 1px solid #ddd;
-       margin: 3px 0 2px;
-       overflow: hidden;
-}
-.v-menubar .v-icon,
-.v-menubar-submenu .v-icon {
-       margin-right: 3px;
-}
-
-.v-menubar-popup:focus,
-.v-menubar-popup .popupContent:focus,
-.v-menubar-popup .popupContent .v-menubar-submenu:focus{
-       outline: none;  
-}
-
-.v-Notification {
-       background: #999;
-       color: #fff;
-       cursor: pointer;
-       overflow: hidden;
-       padding: 1em;
-       max-width:85%;
-       
-}
-.v-Notification h1,
-.v-Notification p,
-.v-Notification-error h1,
-.v-Notification-error p,
-.v-Notification-warning h1,
-.v-Notification-warning p {
-       display: inline;
-       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-orderedlayout-margin-top,
-.v-horizontallayout-margin-top,
-.v-verticallayout-margin-top {
-       padding-top: 12px;
-}
-.v-orderedlayout-margin-right,
-.v-horizontallayout-margin-right,
-.v-verticallayout-margin-right {
-       padding-right: 12px;
-}
-.v-orderedlayout-margin-bottom,
-.v-horizontallayout-margin-bottom,
-.v-verticallayout-margin-bottom {
-       padding-bottom: 12px;
-}
-.v-orderedlayout-margin-left,
-.v-horizontallayout-margin-left,
-.v-verticallayout-margin-left {
-       padding-left: 12px;
-}
-.v-orderedlayout-spacing-on,
-.v-horizontallayout-spacing-on,
-.v-verticallayout-spacing-on {
-       padding-top: 6px;
-       padding-left: 6px;
-}
-/* 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;
-}
-
-.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 {
-}
-
-.v-popupview {
-       cursor: pointer;
-       text-decoration: underline;
-       white-space: nowrap;
-}
-.v-popupview-popup {
-       overflow: auto;
-}
-.v-popupview-loading {
-       width: 30px;
-       height: 30px;
-       background: transparent url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
-}
-
-.v-progressindicator {
-       overflow: hidden; /* for IE6 */
-       width: 150px;
-}
-.v-progressindicator-wrapper {
-       overflow: hidden; /* for IE6 */
-       height: 7px;
-       border: 1px solid #ddd;
-}
-.v-progressindicator-indicator {
-       height: 7px;
-       overflow: hidden; /* for IE6 */
-       background: #ddd;
-}
-div.v-progressindicator-indeterminate {
-       height: 20px;
-       width: 20px;
-       overflow: hidden; /* for IE6 */
-       background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
-       border-radius: 4px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-}
-/* 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;
-}
-div.v-progressindicator-indeterminate-disabled {
-       height: 20px;
-       width: 20px;
-       overflow: hidden; /* for IE6 */
-       background: transparent;
-}
-
-.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-caption-left {
-       float: left;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-.v-select-twincol-selections {
-       font-weight: bold;
-}
-.v-select-twincol-caption-right {
-       float: right;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-.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 {
-       float: left;
-}
-.v-select-twincol-buttons .v-button {
-       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;
-       -webkit-border-radius: 0px;
-}
-.v-filterselect-prompt .v-filterselect-input {
-       color: #999;
-       font-style: italic;
-}
-.v-filterselect-button {
-       float: right;
-       cursor: pointer;
-       width: 1em;
-       height: 1em;
-       background: transparent url(../base/common/img/sprites.png) no-repeat -5px -8px;
-}
-.v-filterselect.v-readonly .v-filterselect-button {
-       display: none;
-}
-.v-filterselect.v-readonly,
-.v-filterselect.v-readonly .v-filterselect-input {
-       background: transparent;
-}
-.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;
-}
-*/
-
-.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: -2px;
-       margin-left: -2px;
-}  
-
-.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;
-}
-
-.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;
-       margin-left: -5px;
-}
-
-.v-slider-feedback {
-       padding: 2px 5px;
-       background: #444;
-       color: #fff;
-       font-size: 11px;
-       line-height: 13px;
-       font-weight: bold;
-       font-family: Arial, Helvetica, sans-serif;
-       border-radius: 4px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       margin: -2px 0 0 2px;
-       text-shadow: 0 1px 0 #000;
-}
-
-/* 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;
-}
-
-.v-splitpanel-horizontal,
-.v-splitpanel-vertical {
-       overflow: hidden;
-}
-.v-splitpanel-hsplitter {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-hsplitter div {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-       position: absolute;
-       top: 0;
-       bottom: 0;
-       background: #ddd;
-       cursor: e-resize;
-       cursor: col-resize;
-}
-.v-disabled .v-splitpanel-hsplitter div {
-       cursor: default;
-}
-.v-splitpanel-vsplitter {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-vsplitter div {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-       background: #ddd;
-       cursor: s-resize;
-       cursor: row-resize;
-}
-.v-disabled .v-splitpanel-vsplitter div {
-       cursor: default;
-}
-/* IE specific styles */
-.v-ie6 .v-splitpanel-hsplitter div {
-       height: 99%;
-}
-.v-ie6 .v-splitpanel-first-container,
-.v-ie6 .v-splitpanel-second-container,
-.v-ie7 .v-splitpanel-first-container,
-.v-ie7 .v-splitpanel-second-container {
-       position: relative;
-}
-
-/* Table theme building instructions
- * 
- * Vaadin 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-ie7 .v-table {
-       overflow: visible;
-}
-.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;
-       border-collapse: separate;
-       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-footer-wrap {
-       overflow: hidden;
-       border: 1px solid #aaa;
-       border-top: none;
-       background: #efefef;
-}
-.v-table-footer table{
-       border-spacing: 0;
-       border-collapse: collapse;
-       margin: 0;
-       padding: 0;
-       border: 0;
-}
-.v-table-footer td {
-       padding: 0;
-       border-right: 1px solid #aaa;
-}
-.v-table-footer-cell{
-       cursor: pointer;
-}
-.v-table-footer-container{     
-       float:right;    
-       padding-right:6px;
-       overflow:hidden;
-       white-space:nowrap;
-}
-.v-table-resizer {
-       display: block;
-       height: 1.2em;
-       float: right;
-       background: #aaa;       
-       cursor: e-resize;       /* Opera does not support col-resize, so use e-resize instead */
-       cursor: col-resize;     
-       width: 1px;
-       overflow: hidden;
-}
-.v-table-caption-container {
-       overflow: hidden;
-       white-space: nowrap;
-       margin-left: 6px;
-}
-.v-ie7 .v-table-caption-container-align-right {
-       margin-left: 0px;
-       padding-left: 6px;
-}
-.v-table-caption-container-align-right {
-       float: right;
-}
-.v-table-sort-indicator {
-       width: 0px;
-       height: 1.2em;
-       float: right;
-}
-.v-table-header-cell-asc .v-table-sort-indicator,
-.v-table-header-cell-desc .v-table-sort-indicator {
-       width: 16px;
-       height: 1.2em;
-       float: right;
-}              
-.v-table-header-cell-asc .v-table-sort-indicator {
-       background: transparent url(../base/common/img/sprites.png) no-repeat right 6px;
-}
-.v-table-header-cell-desc .v-table-sort-indicator {
-       background: transparent url(../base/common/img/sprites.png) no-repeat right -10px;
-}
-.v-table-caption-container-align-center {
-       text-align: center;
-}
-.v-table-caption-container-align-right {
-       text-align: right;
-}
-.v-table-caption-container .v-icon,
-.v-table-header-drag .v-icon {
-       vertical-align: middle;
-}
-.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: pointer;
-}
-
-.v-table-body-noselection .v-table-row,
-.v-table-body-noselection .v-table-row-odd {
-       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-cell-wrapper-align-center {
-       text-align: center;
-}
-.v-table-cell-wrapper-align-right {
-       text-align: right;
-}
-.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-header-drag .v-icon {
-       vertical-align: middle;
-}
-.v-table-scrollposition {
-       width: 160px;
-       background: #eee;
-       border: 1px solid #aaa;
-}
-.v-table-scrollposition span {
-       display: block;
-       text-align: center;
-}
-.v-table-body:focus,
-.v-table-body-wrapper:focus {
-       outline: none;
-}
-.v-table-body.focused {
-       border-color: #388ddd;
-}
-.v-table-focus .v-table-cell-content {
-       border-top: 1px dotted #0066bd;
-       border-bottom: 1px dotted #0066bd;
-}
-/* row in column selector */
-.v-on {
-       
-}
-.v-off {
-       color: #ddd;
-}
-/*************************************
- * Drag'n'drop styles
- *************************************/
-.v-table-drag .v-table-body {
-       border-color: #1d9dff;
-}
-.v-table-row-drag-middle .v-table-cell-content {
-       background-color: #bcdcff;
-}
-.v-table-row-drag-top .v-table-cell-content {
-       border-top: 2px solid #1d9dff;
-}
-.v-table-row-drag-top .v-table-cell-wrapper {
-       margin-top: -2px; /* compensate the space consumed by border hint */
-}
-.v-table-row-drag-bottom .v-table-cell-content {
-       border-bottom: 2px solid #1d9dff;
-}
-.v-table-row-drag-bottom .v-table-cell-wrapper {
-       margin-bottom: -2px; /* compensate the space consumed by border hint */
-}
-.v-table-row-drag-top .v-table-cell-content:first-child:before,
-.v-table-row-drag-bottom .v-table-cell-content:first-child:after {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       margin-left: -6px;
-       background: transparent url(../base/common/img/drag-slot-dot.png);
-}
-.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after,
-.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after {
-       margin-top: -2px;
-}
-
-.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-ff2 .v-tabsheet-scroller {
-       position: relative;
-}
-.v-disabled .v-tabsheet-scroller {
-       display: none;
-}
-.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-caption-close {
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-       width: 16px;
-       height: 16px;
-       text-align: center;
-       font-weight: bold;
-       cursor: pointer;
-       vertical-align: middle;
-       user-select: none;
-       -khtml-user-select: none;
-       -ms-user-select: none;
-       -moz-user-select: none;
-       -webkit-user-select: none;
-}
-.v-tabsheet .v-disabled .v-tabsheet-caption-close {
-       cursor: default;
-       visibility: hidden;
-}
-.v-tabsheet-tabitem:hover .v-tabsheet-caption-close,
-.v-ie6 .v-tabsheet-caption-close {
-       visibility: visible;
-}
-.v-ie6 .v-tabsheet-caption-close {
-       float: right;
-}
-.v-tabsheet-tabitem {
-       border: 1px solid #aaa;
-       border-right: none;
-       cursor: pointer;
-       padding: 0.2em 0.5em;
-}
-.v-tabsheet-tabitem .v-caption {
-       cursor: pointer;
-}
-.v-tabsheet-tabitem-selected {
-       cursor: default;
-       border-bottom-color: #fff;
-}
-.v-tabsheet-tabitem-selected .v-caption {
-       cursor: default;
-}
-.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-ie6 .v-tabsheet-content,
-.v-ie7 .v-tabsheet-content {
-       zoom: 1;
-}
-.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;
-}
-
-
-.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;
-}
-input.v-textfield-readonly,
-textarea.v-textarea-readonly {
-       background: transparent;
-       border: none;
-       resize: none;
-}
-input.v-disabled,
-textarea.v-disabled {
-       resize: none;
-}
-input.v-textfield-readonly:focus,
-textarea.v-textarea-readonly:focus {
-       outline: none;
-}
-/* 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;
-}
-
-.v-richtextarea {
-       border: 1px solid #aaa;
-       overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextArea {
-       background: #fff;
-       border: none;
-}
-
-.v-richtextarea .gwt-RichTextToolbar {
-       white-space: nowrap;
-       background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px;
-       border-bottom: 1px solid #7d7d7d;
-       padding: 2px;
-       overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextToolbar-top {
-       padding-bottom: 1px;
-       overflow: hidden;
-       white-space: normal;
-}
-.v-richtextarea .gwt-RichTextToolbar-bottom {
-       clear: left;
-       overflow: hidden;
-       white-space: nowrap;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
-       float: left;
-       display: inline;
-       width: 22px;
-       height: 21px;
-       overflow: hidden;
-       background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x;
-       cursor: pointer;
-       margin-right: 2px;
-       text-align: center;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
-       background-position: 0 -21px;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
-       
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
-       width: 24.5%;
-       margin-right: 2px;
-}
-
-.v-richtextarea-readonly {
-       border: none;
-}
-
-.v-tree {
-       text-align: left; /* Force default alignment */
-       overflow: hidden;
-       padding: 1px 0;
-       outline: none;
-}
-.v-tree-node {
-       background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
-       padding: 1px 0;
-}
-.v-tree-node-caption:focus {
-       outline: none;
-}
-.v-tree-node-expanded {
-       background-position: -5px -10px;
-}
-div.v-tree-node-leaf {
-       background: transparent;
-}
-.v-tree-node-caption {
-       margin-left: 1em;
-}
-.v-tree-node span {
-       cursor: pointer;
-}
-.v-tree-node-caption div {
-       white-space: nowrap;
-}
-.v-tree-node-caption span,
-.v-tree-node-caption .v-icon {
-       vertical-align: middle;
-}
-.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;
-}
-/***************************************
- * Drag'n'drop styles
- ***************************************/
-.v-tree .v-tree-node-drag-top {
-       border-top: 2px solid #1d9dff;
-       margin-top: -1px;
-       padding-top: 0;
-}
-.v-tree .v-tree-node-drag-bottom {
-       border-bottom: 2px solid #1d9dff;
-       margin-bottom: -1px;
-       padding-bottom: 0;
-}
-.v-tree .v-tree-node-drag-top:before,
-.v-tree .v-tree-node-drag-bottom:after,
-.v-tree .v-tree-node-caption-drag-center:after {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       background: transparent url(../base/common/img/drag-slot-dot.png);
-}
-.v-tree .v-tree-node-drag-bottom:after {
-       margin-top: -2px;
-}
-.v-tree .v-tree-node-caption-drag-center:after {
-       margin-left: 14px;
-}
-.v-ff .v-tree .v-tree-node-caption-drag-center:after,
-.v-ie .v-tree .v-tree-node-caption-drag-center:after {
-       margin-top: -2px;
-}
-.v-tree .v-tree-node-drag-top {
-       background-position: 5px -38px;
-}
-.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
-       background-position: -5px -11px;
-}
-.v-tree .v-tree-node-caption-drag-center div {
-       border: 2px solid #1d9dff;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
-       margin: -2px 2px -2px -2px;
-       background-color: #bcdcff;
-}
-.v-ie6 .v-tree .v-tree-node-caption-drag-center div {
-       margin: -2px ;
-}
-.v-tree .v-tree-node-caption-drag-center div {
-       background-color: rgba(169,209,255,.6);
-}
-.v-tree .v-tree-node-caption-drag-center div,
-.v-tree .v-tree-node-drag-top,
-.v-tree .v-tree-node-drag-bottom {
-       border-color: rgba(0,109,232,.6);
-}
-
-.v-upload {
-       white-space: nowrap;
-}
-
-.v-ie6 .v-upload,
-.v-ie7 .v-upload {
-       margin:0;
-}
-
-.v-upload-immediate {
-       position: relative;
-       margin: 0;
-       overflow: hidden;
-}
-
-.v-ff .v-upload-immediate,
-.v-op .v-upload-immediate {
-       display: inline-block;
-}
-
-.v-upload-immediate input {
-       opacity: 0;
-       filter: alpha(opacity=0);
-       z-index: 2;
-       position: absolute;
-       right: 0;
-       height: 21px;
-       text-align: right;
-       border: none;
-       background: transparent;
-}
-
-.v-upload-immediate button {
-       position: relative;
-       left: 0;
-       top: 0;
-       width: 100%;
-       text-align: left;
-}
-  
-
-.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-contents > div {
-       outline: none;
-}
-.v-window-footer {
-       overflow: hidden;
-       zoom: 1;
-       height: 10px;
-       position: relative;
-}
-.v-window-resizebox {
-       width: 10px;
-       height: 10px;
-       cursor: se-resize;
-       background: #ddd;
-       overflow: hidden;
-       position: absolute;
-       right: 0;
-}
-.v-window div.v-window-footer-noresize {
-       height: 0;
-}
-.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. */
-
-.v-accordion {
-       border: 1px solid #999;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-
-.v-accordion-item-caption {
-       color: #222;
-       text-shadow: 1px 1px #FFFFFF;
-       font-size: 12px;
-       font-weight: bold;
-       background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x scroll 0 0;
-       border-top: 1px solid #999;
-       border-bottom: none;
-       padding: 4px 5px 5px 5px;
-}
-
-.v-accordion-item-first .v-accordion-item-caption {
-       border-top: none;
-       -webkit-border-radius: 4px 4px 0 0;
-       -moz-border-radius: 4px 4px 0 0;
-       border-radius: 4px 4px 0 0;
-}
-
-.v-accordion-item-open .v-accordion-item-caption {
-       border-bottom: 1px solid #999;
-}
-
-.v-button:focus {
-       outline: none;
-}
-
-.v-button:hover .v-button-wrap {
-       background: #b9ced9 url(/html/themes/classic/images/application/state_hover_bg.png) repeat-x 0 0;
-       border-color: #627782;
-       color: #369;
-}
-
-.v-button:active .v-button-wrap,
-.v-button.v-pressed .v-button-wrap,
-.v-button:focus .v-button-wrap {
-       background: #ebebeb url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0;
-       border-color: #555;
-}
-
-.v-button {
-       padding: 0;
-       border: none;
-       height: 26px;
-       overflow: hidden;
-}
-
-
-.v-button .v-button-wrap,
-.v-disabled.v-button .v-button-wrap {
-       display: block;
-       font-size: 11px;
-       font-weight: bold;
-       border: 1px solid #c8c9ca;
-       border-right-color: #9e9e9e;
-       border-bottom-color: #9e9e9e;
-       background: #d4d4d4 url(/html/themes/classic/images/portlet/header_bg.png) repeat-x 0 0;
-       -webkit-background-origin: padding;
-       -moz-background-origin: padding;
-       padding: 4px 4px 0px 4px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-       line-height: 16px;
-       min-height: 16px;
-       text-shadow: 1px 1px #fff;
-       color: #34404f;
-       text-overflow: ellipsis;
-       height: 20px;
-}
-
-.v-button-caption {
-       line-height: 16px;      
-}
-
-.v-ie6 .v-button .v-button-wrap {
-       display: inline;
-       zoom: 1;
-}
-
-/* Link style button */
-.v-button-link,
-.v-disabled.v-button-link,
-.v-button-link:focus,
-.v-button-link:active,
-.v-button-link:hover,
-.v-button-link-pressed,
-button.v-nativebutton-link,
-.v-disabled.v-nativebutton-link,
-button.v-nativebutton-link:focus,
-button.v-nativebutton-link:active,
-button.v-nativebutton-link:hover,
-button.v-nativebutton-link-pressed,
-.v-button.v-button-link .v-button-wrap,
-.v-button.v-button-link:focus .v-button-wrap,
-.v-button.v-button-link:active .v-button-wrap,
-.v-disabled.v-button.v-button-link .v-button-wrap {
-       color: #5B677D;
-       font-weight: normal;
-       border: none;
-       border-style: none;
-       background: transparent;
-       padding: 0;
-       font-size: inherit;
-       -webkit-box-shadow: none;
-       -mox-box-shadow: none;
-       -webkit-border-radius: 0;
-       -moz-border-radius: 0;
-       border-radius: 0;
-       text-shadow: none;
-       height: auto;
-}
-
-.v-button-link:hover {
-       color: #0066cc;
-       text-decoration: none;
-}
-
-.v-button-link:focus,
-.v-sa .v-button-link:focus {
-       outline: 1px dotted #1b699f;
-       outline-offset: -1px;
-}
-
-.v-sa .v-button-link:focus {
-       outline-offset: -1px;
-}
-
-/* CheckBox */
-.v-checkbox input {
-       margin-right: 3px;      
-}
-
-div.v-app {
-       background-color: transparent;
-}
-
-.v-caption {
-       font-weight: bold;
-}
-
-.v-tooltip {
-       background-color: #fffcdd;
-       border: 1px solid #b8b295;
-       font-size: 11px;
-       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;
-}
-
-.v-ie8 .v-menubar-popup,
-.v-ie8 .v-datefield-popup,
-.v-ie8 .v-filterselect-suggestpopup, 
-.v-ie8 .v-shadow,
-.v-ie8 .v-shadow-window,
-.v-ie8 .v-window,
-.v-ie8 .v-popupview-popup,
-.v-ie8 .v-tooltip,
-.v-ie8 .v-slider-feedback,
-.v-ie8 .v-Notification,
-.v-ie8 .v-contextmenu {
-       margin-top: -16px;
-}
-
-.v-ie9 .v-menubar-popup,
-.v-ie9 .v-datefield-popup,
-.v-ie9 .v-filterselect-suggestpopup, 
-.v-ie9 .v-shadow,
-.v-ie9 .v-shadow-window,
-.v-ie9 .v-window,
-.v-ie9 .v-popupview-popup,
-.v-ie9 .v-tooltip,
-.v-ie9 .v-slider-feedback,
-.v-ie9 .v-Notification,
-.v-ie9 .v-contextmenu {
-       margin-top: -16px;
-}
-
-.v-ie6 .v-view {
-       border-top: none;
-}
-
-.v-contextmenu {
-       background: #ccc9c9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0;
-       border: 1px solid;
-       border-color: #aeafb1 #777879 #777879 #aeafb1;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-
-.v-contextmenu table {
-       border-collapse: separate;      
-}
-
-.v-contextmenu .gwt-MenuItem {
-       padding: 3px 8px 2px 8px;
-       height: 16px;
-       color: #2c2f34;
-       text-shadow: -1px -1px #fff;
-       font-weight: bold;
-       border-bottom: 1px solid #bcbbbb;
-       border-top: 1px solid #eee;
-}
-
-.v-contextmenu tr:last-child .gwt-MenuItem {
-       border-bottom-width: 0; 
-}
-
-.v-contextmenu .gwt-MenuItem img {
-       margin-right: 4px;      
-}
-
-.v-contextmenu .gwt-MenuItem-selected {
-       background-color: #5b677d;
-       color: #FFF;
-       text-shadow: -1px -1px #2c2f34; 
-}
-
-.v-contextmenu .gwt-MenuItem-selected div {
-       background: transparent;        
-}
-
-.v-datefield-popup {
-       padding: 3px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-
-.v-datefield-calendarpanel-header {
-       height: 28px;   
-}
-
-.v-datefield-calendarpanel:focus {
-       outline: none;  
-}
-
-.v-datefield-calendarpanel-body {
-       text-align: right;
-       vertical-align: top;
-}
-
-.v-datefield-popupcalendar .v-datefield-button {
-       background: transparent url(common/buttons_sprites.png) no-repeat 0 -48px;
-       width: 24px;
-       height: 24px;
-       border: none;
-}
-
-.v-datefield-popupcalendar .v-datefield-button:hover {
-       background-position: 0px -72px;
-}
-
-.v-datefield-popupcalendar .v-datefield-button:focus {
-       background-position: 0px -96px;
-}
-
-.v-datefield-month .v-datefield-calendarpanel-month,
-.v-datefield-day .v-datefield-calendarpanel-month,
-.v-datefield-full .v-datefield-calendarpanel-month {
-       width: 124px;
-}
-
-.v-datefield-year .v-datefield-calendarpanel-month {
-       width: 35px;
-}
-
-.v-datefield-calendarpanel-month {
-       background: transparent url(datefield/datefield_sprites.png) repeat-x 0 -112px;
-       font-weight: bold;
-}
-
-span.v-datefield-calendarpanel-month {
-       display: block;
-       text-align: center;
-       background: transparent;
-       overflow: hidden;
-       padding: 1px 3px 0;
-}
-
-.v-datefield-calendarpanel-prevyear,
-.v-datefield-calendarpanel-nextyear {
-       width: 22px;    
-}
-       
-.v-datefield-calendarpanel-prevyear button,
-.v-datefield-calendarpanel-prevmonth button,
-.v-datefield-calendarpanel-nextmonth button,
-.v-datefield-calendarpanel-nextyear button {
-       width: 22px;
-       height: 28px;
-       border: none;
-       background: transparent;
-       background-repeat: no-repeat;
-       background-image: url(datefield/datefield_sprites.png);
-       background-position: 0 0;
-       overflow: hidden;
-       padding: 0;
-       text-indent: -9999px;
-       outline: none;
-       -webkit-border-radius: 0;
-       -moz-border-radius: 0;
-       border-radius: 0;
-}
-
-.v-ie .v-datefield-calendarpanel-prevyear button,
-.v-ie .v-datefield-calendarpanel-nextyear button,
-.v-ie .v-datefield-calendarpanel-prevmonth button,
-.v-ie .v-datefield-calendarpanel-nextmonth button {
-       text-indent: 0;
-       font-size: 1px;
-}
-
-.v-datefield-calendarpanel-prevmonth button {
-       background-position: 0 -56px;
-}
-
-.v-datefield-calendarpanel-prevmonth {
-       background: transparent url(datefield/datefield_sprites.png) repeat-x 0 -112px;
-}
-
-.v-datefield-calendarpanel-nextyear button {
-       background-position: 0 -28px;
-       width: 100%;
-       min-width: 22px;
-}
-
-.v-datefield-calendarpanel-nextmonth button {
-       background-position: 0 -84px;
-}
-
-.v-datefield-calendarpanel-nextmonth {
-       background: transparent url(datefield/datefield_sprites.png) repeat-x 0 -112px;
-}
-
-.v-datefield-calendarpanel-prevyear button {
-       width: 100%;
-       min-width: 22px;
-}
-
-.v-ie6 .v-datefield-calendarpanel-prevyear button,
-.v-ie6 .v-datefield-calendarpanel-nextyear button,
-.v-ie7 .v-datefield-calendarpanel-prevyear button,
-.v-ie7 .v-datefield-calendarpanel-nextyear button {
-       width: 22px;
-}
-
-.v-datefield-calendarpanel-day {
-       display: block;
-       width: 22px;
-       margin: 0 0 3px 3px;
-       text-align: center;
-       background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0;
-       border-color: #c8c9ca #9e9e9e #9e9e9e #c8c9ca;
-       border-style: solid;
-       border-width: 1px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-
-.v-datefield-calendarpanel-day-today {
-       font-weight: bold;
-}
-
-.v-datefield-calendarpanel-day-selected {
-       background: #b5b5b5 url(/html/themes/classic/images/application/state_active_bg.png) repeat-x 0 0;
-       color: #000;
-       border-color: #555;
-}
-
-.v-datefield-calendarpanel-day-focused {
-       outline: 1px dotted #555;
-}
-
-
-.v-datefield-calendarpanel-weekdays {
-       text-align: center;
-}
-
-.v-datefield-calendarpanel-weekdays strong {
-       font-weight: normal;
-}
-
-.v-datefield-calendarpanel-weeknumber {
-       display: block;
-       border: none;
-       padding: 2px 0 2px 0;
-       margin: 0;
-}
-
-.v-datefield-calendarpanel-body table {
-       margin: 0 auto;
-       width: 200px;   
-}
-
-.v-formlayout .v-caption {
-       font-weight: normal;
-}
-
-.v-menubar {
-       background: #97A1AE url(/html/themes/classic/images/dockbar/dockbar_bg.png) repeat-x 0 0;
-       border-bottom: 1px solid #636364;
-}
-
-.v-menubar-separator span {
-       display: none;
-}
-
-.v-menubar-menuitem {
-       padding: 3px 8px;
-       line-height: 16px;
-       font-weight: bold;
-       color: #2c2f34;
-       text-shadow: -1px -1px #FFF;
-}
-
-.v-menubar-menuitem-selected {
-       color: #FFF;
-       text-shadow: -1px -1px #2c2f34;
-}
-
-.v-menubar-submenu {
-       background: #CCC9C9 url(/html/themes/classic/images/application/menu_bg.png) repeat-x 0 0;
-       border: 1px solid;
-       border-color: #aeafb1 #777879 #777879 #aeafb1;
-       -webkit-border-radius: 0 0 4px 4px;
-       -moz-border-radius: 0 0 4px 4px;
-       border-radius: 0 0 4px 4px;
-       padding: 2px 0;
-}
-
-.v-menubar-submenu .v-menubar-menuitem {
-       color: #2c2f34;
-       font-weight: bold;
-       text-shadow: 1px 1px #fff;
-       padding: 1px 26px 1px 10px;
-       line-height: 16px;
-       border-bottom: 1px solid #bcbbbb;
-       border-top: 1px solid #eee;
-}
-
-.v-menubar-submenu .v-menubar-menuitem:last-child {
-       border-bottom-width: 0;
-}
-
-.v-menubar-submenu .v-menubar-menuitem-caption * { 
-       vertical-align: middle;
-}
-
-.v-menubar .v-menubar-menuitem-selected,
-.v-menubar-submenu .v-menubar-menuitem-selected {
-       color: #fff;
-       text-shadow: 1px 1px #000;
-       background-color: #5b677d;
-}
-
-.v-menubar-menuitem-disabled,
-.v-menubar-submenu .v-menubar-menuitem-disabled,
-.v-menubar span.v-menubar-menuitem-disabled:hover,
-.v-menubar span.v-menubar-menuitem-disabled:focus,
-.v-menubar span.v-menubar-menuitem-disabled:active {
-       color: #999;
-}
-
-.v-Notification {
-       background: #dff4ff;
-       color: #34404F;
-       font-weight: bold;
-       cursor: pointer;
-       overflow: hidden;
-       padding: 1em;
-       max-width: 85%;
-       border: 1px solid #a7cedf;
-}
-
-.v-Notification h1,
-.v-Notification p,
-.v-Notification-error h1,
-.v-Notification-error p,
-.v-Notification-warning h1,
-.v-Notification-warning p {
-       display: inline;
-       margin: 0 0.5em 0 0;
-}
-.v-Notification-warning {
-       background: #ffc;
-       border-color: #fc0;
-}
-.v-Notification-error {
-       background-color: #ffdddd;
-       border-color: #ff0000;
-}
-
-.v-Notification-tray {
-       color: #111111;
-       background-color: #e5e5e5;
-       border-color: #b5b5b5;
-}
-.v-Notification-tray h1 {
-       display: block;
-}
-.v-Notification-tray p {
-       display: block;
-}
-.v-Notification-system {
-       background-color: #ffdddd;
-       border-color: #ff0000;
-}
-.v-Notification-system h1 {
-       display: block;
-       margin: 0;
-}
-
-.v-panel {
-       background: transparent url(panel/top-left.png) no-repeat;
-}
-
-.v-panel-caption,
-.v-panel-nocaption {
-       text-shadow: 1px 1px #fff;
-       font-size: 12px;
-       color: #222;
-       margin-left: 4px;
-       background: transparent url(panel/top-right.png) no-repeat right top;
-       padding: 5px 5px 10px 2px;
-       height: 12px;
-}
-
-.v-panel-caption .v-icon { 
-       padding-right: 2px;
-}
-
-.v-panel-content {
-       border: 1px solid #999;
-       -webkit-border-radius: 0 0 4px 4px;
-       -moz-border-radius: 0 0 4px 4px;
-       border-radius: 0 0 4px 4px;
-}
-
-/* Light style Panel */
-
-.v-panel-light {
-       background: transparent;
-}
-
-.v-panel-caption-light,
-.v-panel-nocaption-light {
-       margin: 0;
-       border: none;
-       background: none;
-}
-
-.v-panel-caption-light {
-       border-bottom: 1px solid #999;
-}
-
-.v-panel-nocaption-light {
-       padding: 0;
-       height: 0;
-}
-
-.v-panel-content-light {
-       border: none;
-}
-.v-panel-content-light > div {
-       background: transparent;
-}
-
-.v-panel-deco {
-       height: 0;
-       overflow: hidden;
-}
-
-/* IE specific rules */
-.v-ie .v-panel {
-       background: transparent;
-}
-.v-ie .v-panel-caption,
-.v-ie .v-panel-nocaption {
-       border: 1px solid #999;
-       border-bottom: none;
-       background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0;
-       margin: 0;
-       padding-left: 5px;
-}
-
-.v-ie .v-panel-caption-light,
-.v-ie .v-panel-nocaption-light {
-       border: none;
-       background: transparent;
-}
-
-.v-ie .v-panel-caption-light {
-       border-bottom: 1px solid #999;
-}
-
-.v-popupview-popup {
-       background: #d4d4d4 url(/html/themes/classic/images/application/state_default_bg.png) repeat-x 0 0;
-       padding: 8px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-       border: 1px solid #c8c9ca;
-       border-color :#c8c9ca #9e9e9e #9e9e9e #c8c9ca; 
-}
-
-.v-progressindicator-wrapper {
-       background: #dfe2e4 url(../reindeer/progressindicator/img/base.gif) repeat-x;
-       border: 1px solid #bfbfbf;
-}
-
-.v-disabled .v-progressindicator-wrapper {
-       background-image: url(../reindeer/progressindicator/img/disabled.gif);
-}
-
-.v-progressindicator-indicator {
-       background: #f7f9f9 url(../reindeer/progressindicator/img/progress.png);
-}
-
-.v-app select,
-.v-window select {
-       padding: 1px;   
-}
-
-select {
-       background-color: #fff; 
-}
-
-.v-ie6 select { 
-       font-size: 1em;
-}
-
-.v-filterselect-button {
-       width: 24px;
-       height: 24px;
-       background: transparent url(common/buttons_sprites.png) no-repeat 0 0;
-}
-
-.v-filterselect-button:hover {
-       background-position: 0px -24px;
-}
-
-.v-filterselect-suggestpopup {
-       border: 1px solid #98C0F4;      
-}
-
-.v-filterselect-suggestmenu {
-       min-height: 2px;        
-}
-
-.v-filterselect-prevpage,
-.v-filterselect-prevpage-off,
-.v-filterselect-nextpage,
-.v-filterselect-nextpage-off {
-       background-color: #fff;
-}
-
-.v-filterselect-prevpage span,
-.v-filterselect-prevpage-off span,
-.v-filterselect-nextpage span,
-.v-filterselect-nextpage-off span {
-       display: block;
-       height: 8px;
-       width: 16px;
-       margin-left: auto;
-       margin-right: auto;
-       text-indent: -99999px;
-}
-
-.v-filterselect-prevpage span, .v-filterselect-nextpage span {
-       background: transparent no-repeat 0 -4px;
-       background-image: url(/html/themes/classic/images/aui/icon_sprite.png);
-}
-
-.v-filterselect-nextpage span {
-       background-position: -65px -4px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem span {
-       display: block;
-       width: 100%;
-       height: 18px;
-       border: 1px solid #fff;
-       border-style: solid none;
-       
-}
-
-.v-filterselect-suggestmenu .gwt-MenuItem-selected span {
-       color: #000;
-       background: #dfe8f6;
-       border-color: #a3bae9;
-}
-
-.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
-       float: left;
-}
-
-.v-select-twincol-buttons .v-button-wrap { 
-       padding-left: 11px;
-       padding-right: 11px;
-}
-
-.v-slider {
-       border: 1px solid #9e9e9e;
-       border-right: 1px solid #c8c9ca;
-       border-bottom: 1px solid #c8c9ca;
-       margin: 4px 0;
-}
-
-.v-slider-base {
-       height: 1px;
-}
-
-.v-slider-vertical {
-       margin: 0 5px;
-       width: 2px;     
-}
-
-.v-slider-vertical .v-slider-base {
-       width: 1px;
-}
-
-.v-slider-handle {
-       background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -115px -147px;
-       width: 10px;
-       height: 10px;
-}
-
-.v-slider-feedback {
-       background: #33;
-}
-
-.v-splitpanel-hsplitter, 
-.v-splitpanel-hsplitter-locked {
-       font-size: 1px;
-       width: 3px;
-       background-color: #c8c9ca;
-}
-
-.v-splitpanel-hsplitter div {
-       font-size: 1px;
-       width: 3px;
-       background: transparent;
-       background-repeat: no-repeat;
-       background-image: url(splitpanel/hsplit.png);
-       background-position: center;
-}
-
-.v-splitpanel-hsplitter-locked div {
-       font-size: 1px;
-       width: 3px;
-}
-
-.v-splitpanel-vsplitter,
-.v-splitpanel-vsplitter-locked {
-       font-size: 1px;
-       height: 3px;
-}
-
-.v-splitpanel-vsplitter div {
-       font-size: 1px;
-       height: 3px;
-       background: transparent;
-       background-color: #c8c9ca;
-       background-repeat: no-repeat;
-       background-image: url(splitpanel/vsplit.png);
-       background-position: center;
-}
-
-.v-splitpanel-vsplitter-locked,
-.v-splitpanel-vsplitter-locked div {
-       font-size: 1px;
-       height: 3px;
-       background-color: #c8c9ca;
-}
-
-/* Small SplitPanel */
-
-.v-splitpanel-hsplitter-small,
-.v-splitpanel-hsplitter-small div,
-.v-splitpanel-hsplitter-small-locked,
-.v-splitpanel-hsplitter-small-locked div {
-       font-size: 1px;
-       width: 1px;
-       background: #c8c9ca;
-}
-
-.v-splitpanel-vsplitter-small,
-.v-splitpanel-vsplitter-small div,
-.v-splitpanel-vsplitter-small-locked,
-.v-splitpanel-vsplitter-small-locked div {
-       font-size: 1px;
-       height: 1px;
-       background: #c8c9ca;
-}
-
-.v-table-body {
-       border: 1px solid #999;
-}
-
-.v-table-body:focus,
-.v-table-body-wrapper:focus {
-       outline: none;
-}
-
-.v-table-body.focused {
-       border-color: #555;
-}
-
-.v-table-focus .v-table-cell-content {
-       border-top: 1px dotted #555;
-       border-bottom: 1px dotted #555;
-}
-
-.v-table-header-wrap,
-.v-table-footer-wrap {
-       border-color: #999;
-       background: #c0c2c5 url(/html/themes/classic/images/application/panel_header_bg.png) repeat-x 0 0;
-       height: 26px;
-}
-
-.v-table-footer-wrap {
-       border: 1px solid #999;
-       border-top: none;
-}
-
-.v-table-footer td {
-       height: 100%;
-       border-right: 1px solid #999;
-       padding-bottom: 5px;
-       padding-top: 5px;
-}
-
-.v-table-footer-container {
-       height: 16px;
-       float: right;
-       padding-right: 7px;
-       overflow: hidden;
-       white-space: nowrap;
-}
-
-.v-table-caption-container {
-       color: #336699;
-       font-weight: bold;
-       font-size: 11px;
-       padding-left: 0px;
-       padding-top: 6px;
-}
-
-.v-table-caption-container-align-right {
-       margin-left: 0;
-       margin-right: 6px;
-       padding-left: 0;
-}
-
-.v-table-caption-container .v-icon {
-       height: 16px;
-       margin: -4px 3px 0 0;
-}
-
-.v-ie .v-table-caption-container .v-icon {
-       margin-top: -2px;
-}
-
-.v-table-header-cell-asc .v-table-sort-indicator {
-       background: transparent url(/html/themes/control_panel/images/arrows/05_up.png) no-repeat right 8px;
-       height: 26px;
-}
-
-.v-table-header-cell-desc .v-table-sort-indicator {
-       background: transparent url(/html/themes/control_panel/images/arrows/05_down.png) no-repeat right 10px;
-       height: 26px;
-}
-
-.v-table-resizer {
-       height: 26px;
-       background: #999;
-}
-
-.v-table-column-selector {
-       background: transparent url(table/columnselect.png);
-       width: 16px;
-       height: 26px;
-       margin: -26px 0 0;
-}
-
-.v-table-row-odd {
-       background: #dde1e6;
-}
-
-.v-table .v-selected {
-       background-color: #5B677D;
-       color: #FFF;
-       text-shadow: -1px -1px #2C2F34; 
-}
-
-.v-table-cell-wrapper {
-       padding-top: 3px;
-       padding-bottom: 3px;
-}
-
-.v-table-focus .v-table-cell-wrapper {
-       padding-top: 2px;
-       padding-bottom: 2px;
-}
-
-.v-table-cell-content {
-       border-right: 1px solid #999;
-       padding: 0 6px;
-}
-
-.v-table-cell-content:last-child {
-       border-right-color: transparent;
-}
-
-.v-off {
-       color: #999;
-}
-
-.v-tabsheet-content {
-       border: none;
-}
-
-.v-tabsheet-deco {
-       background: transparent;
-}
-
-.v-tabsheet-tabitem {
-       border: none;
-}
-
-.v-tabsheet-tabitem .v-caption {
-       height: 14px;
-       padding: 3px 10px;
-}
-
-.v-tabsheet-tabitem .v-captiontext {
-       color: #336699;
-       font-size: 11px;
-       font-weight: bold;
-       text-decoration: underline;
-}
-
-.v-tabsheet-tabitem-selected .v-caption {
-       background: none repeat scroll 0 0 #333;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-
-.v-tabsheet-tabitem-selected .v-captiontext {
-       color: #fff;
-       text-decoration: none;
-       text-shadow: -1px -1px #000;
-}
-
-.v-tabsheet-tabitem-selected {
-       position: relative;
-}
-
-.v-tabsheet-tabitem-selected:after {
-       border: 10px solid;
-       border-bottom-width: 0;
-       border-color: #333 transparent transparent;
-       bottom: -6px;
-       content: '-';
-       display: block;
-       height: 0;
-       left: 50%;
-       margin-left: -10px;
-       position: absolute;
-       text-indent: -9999px;
-       width: 0;
-}
-
-.v-tabsheet-tabs {
-       height: 35px;
-}
-
-.v-tabsheet-tabcontainer,
-.v-tabsheet-tabs {
-       overflow: visible !important;
-}
-
-.v-tabsheet-tabitemcell-first .v-tabsheet-tabitem {
-       border-left: 1px solid #c8c9ca;
-       -webkit-border-radius: 4px 0 0 4px;
-       -moz-border-radius: 4px 0 0 4px;
-       border-radius: 4px 0 0 4px;
-}
-
-.v-tabsheet-tabitemcell, .v-tabsheet-spacertd {
-       vertical-align: top;
-}
-
-.v-tabsheet-spacertd div {
-       height: 28px;
-       border: 1px solid #c8c9ca;
-       border-left: none;
-       -webkit-border-radius: 0 4px 4px 0;
-       -moz-border-radius: 0 4px 4px 0;
-       border-radius: 0 4px 4px 0;
-       padding: 0;
-}
-
-.v-tabsheet-tabitem {
-       height: 20px;
-       border-top: 1px solid #c8c9ca;
-       border-bottom: 1px solid #c8c9ca;
-       padding: 4px;
-}
-
-.v-tabsheet-scroller {
-       float: right;
-       width: 33px;
-       height: 28px;
-       margin-top: -35px;
-       background-color: #eef0f2;
-       border: 1px solid #c8c9ca;
-       border-left: none;
-       -webkit-border-radius: 0 4px 4px 0;
-       -moz-border-radius: 0 4px 4px 0;
-       border-radius: 0 4px 4px 0;
-       position: relative;
-}
-       
-.v-tabsheet-scroller button {
-       padding: 0;
-       margin-top: 6px;
-       width: 16px;
-       height: 16px;
-       border: none;
-       background: transparent;        
-}
-
-.v-tabsheet-scroller .v-tabsheet-scrollerPrev,
-.v-tabsheet-scroller .v-tabsheet-scrollerPrev-disabled {
-       background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -80px -192px;
-}
-
-.v-tabsheet-scroller .v-tabsheet-scrollerNext,
-.v-tabsheet-scroller .v-tabsheet-scrollerNext-disabled {
-       background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat -48px -192px;
-}
-
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
-       opacity: 0.5;
-       filter: alpha(opacity=50);
-}
-
-.v-tabsheet-caption-close {
-       background: transparent url(tabsheet/close.png) no-repeat right top;
-       -background-image: url(tabsheet/close-ie6.png);
-       cursor: default;
-       float: right;
-       margin: 3px -1px 0;
-       overflow: hidden;
-       text-indent: -999px;
-       width: 13px;
-       height: 9px;
-}
-
-.v-app input[type="text"],
-.v-app input[type="password"],
-.v-app input[type="reset"],
-.v-app textarea ,
-.v-window input[type="text"],
-.v-window input[type="password"],
-.v-window input[type="reset"],
-.v-window textarea {
-       padding: 5px 1px;
-}
-
-input.v-textfield-prompt, 
-textarea.v-textarea-prompt {
-       font-style: normal;     
-}
-
-.v-tree-node {
-       background: transparent url(tree/arrows_sprites.png) no-repeat -42px 1px;
-       -background: transparent url(tree/arrows_sprites-ie6.png) no-repeat -42px 1px;
-}
-
-.v-tree-node span {
-       color: #336699;
-       padding: 1px 2px;
-       display: inline-block;
-}
-
-.v-tree-node:hover {
-       background-position: -14px -30px;
-}
-
-.v-tree-node-expanded {
-       background-position: -28px -14px;
-}
-
-.v-tree-node-expanded:hover {
-       background-position: 0 -47px;
-}
-
-.v-tree .v-tree-node-drag-top {
-       background-position: -42px 0px;
-}
-
-.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
-       background-position: -28px -15px;
-}
-
-.v-tree-node-selected {
-       background: #333;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-
-.v-tree-node-selected span {
-       display: inline-block;
-       background: transparent;
-       color: #fff;
-       text-shadow: -1px -1px #000;
-       padding: 1px 2px;
-}
-
-.v-tree-node-caption {
-       margin-left: 14px;
-       padding: 1px;
-}
-
-.v-tree-node-focused {
-       border: 1px dotted #555;
-       padding: 0;
-}
-
-.v-tree-node-children {
-       padding-left: 14px;
-}
-
-.v-window {
-       background: transparent;
-}
-
-.v-window-wrap {
-       border: 1px solid #c8c9ca;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-       background: #fff url(window/top-left.png) no-repeat;
-}
-
-.v-ie6 .v-window-wrap,
-.v-ie7 .v-window-wrap {
-       background-position: 1px 1px;
-}
-
-.v-ie6 .v-window-wrap {
-       border-bottom: none;
-}
-
-.v-ie6 .v-window-footer {
-       border-bottom: 1px solid #c8c9ca;
-       margin-top: -1px;
-       padding-top: 1px;
-}
-
-.v-window-outerheader {
-       height: 16px;
-       margin-left: 9px;
-       padding: 10px 40px 12px 2px;
-       background: transparent url(window/top-right.png) no-repeat right top;
-       
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-
-.v-window-header {
-       color: #000;
-       font-size: 12px;
-       text-shadow: 1px 1px #fff;      
-}
-
-.v-window-contents {
-       padding: 0 5px 0 5px;
-}
-
-.v-window-footer {
-       height: 5px;
-       overflow: visible;
-}
-
-.v-window div.v-window-footer-noresize {
-       height: 5px;
-}
-
-.v-window-closebox {
-       background: url(window/closebutton_sprites.png) no-repeat scroll 0 0 transparent;
-       position: absolute;
-       width: 24px;
-       height: 24px;
-       right: 9px;
-       top: 8px;
-}
-
-.v-window-closebox:hover {
-       background-position: 0 -24px;   
-}
-
-.v-window-closebox:active {
-       background-position: 0 -48px;   
-}
-
-.v-window-resizebox {
-       background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat scroll -69px -229px;
-       width: 10px;
-       height: 10px;
-       bottom: 0;      
-}
diff --git a/WebContent/VAADIN/themes/reindeer/styles.css b/WebContent/VAADIN/themes/reindeer/styles.css
deleted file mode 100644 (file)
index da73b51..0000000
+++ /dev/null
@@ -1,5650 +0,0 @@
-.v-theme-version:after {content:"6_6_0_dev-20110411";}
-.v-theme-version-6_6_0_dev-20110411 {display: none;}
-/* Automatically compiled css file from subdirectories. */
-
-.v-absolutelayout-wrapper {
-       position: absolute;
-       overflow: hidden;
-}
-
-.v-accordion {
-       position: relative;
-       outline: none;
-       overflow: hidden;
-       text-align: left /* Force default alignment */
-}
-.v-accordion-item {
-       position: relative;
-       zoom: 1;
-}
-.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%;
-}
-
-/*
- * Default button (more customizable)
- * -------------------------------------- */
-.v-button {
-       display: inline-block;
-       zoom: 1;
-       text-align: center;
-       text-decoration: none;
-       border: 2px outset #ddd;
-       background: #eee;
-       cursor: pointer;
-       white-space: nowrap;
-       margin: 0;
-       padding: .2em 1em;
-       color: inherit;
-       font: inherit;
-       line-height: normal;
-       -khtml-user-select: none;
-       -moz-user-select: none;
-       -ie-user-select: none;
-       user-select: none;
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-       -ms-box-sizing: border-box;
-       box-sizing: border-box;
-}
-
-.v-button.v-disabled {
-       cursor: default;
-}
-
-.v-ie6 .v-button {
-       display: inline;
-}
-
-.v-ie7 .v-button {
-   display: inline;
-}
-
-.v-button-wrap,
-.v-button-caption {
-       vertical-align: middle;
-       white-space: nowrap;
-       font: inherit;
-       color: inherit;
-       line-height: normal;
-       }
-
-.v-button .v-icon,
-.v-nativebutton .v-icon {
-       vertical-align: middle;
-       margin-right: 3px;
-       border: none;
-       }
-
-.v-button .v-errorindicator,
-.v-nativebutton .v-errorindicator {
-       display: inline-block;
-       zoom: 1;
-       vertical-align: middle;
-       float: none;
-}
-
-/* Link style (we really should deprecate this) */
-.v-button-link,
-.v-nativebutton-link {
-       border: none;
-       text-align: left;
-       background: transparent;
-       padding: 0;
-       color: inherit;
-       -khtml-user-select: text;
-       -moz-user-select: text;
-       -ie-user-select: text;
-       user-select: text;
-}
-
-/* Inset Safari focus outline a bit */
-.v-sa .v-button-link:focus{
-       outline-offset: -3px;
-       }
-
-.v-button-link .v-button-caption,
-.v-nativebutton-link .v-nativebutton-caption {
-       text-decoration: underline;
-       color: inherit;
-       text-align: left;
-       }
-
-
-/*
- * NativeButton styles (html button element)
- * -------------------------------------- */
-.v-nativebutton {
-       text-align: center;
-       cursor: pointer;
-       white-space: nowrap;
-       margin: 0;
-       color: inherit;
-       font: inherit;
-       line-height: normal;
-       }
-.v-nativebutton .v-nativebutton-caption {
-       vertical-align: middle;
-       white-space: nowrap;
-       font: inherit;
-       color: inherit;
-       }
-
-.v-nativebutton .v-icon {
-       vertical-align: middle;
-       margin-right: 3px;
-       }
-
-.v-nativebutton .v-errorindicator {
-       display: inline-block;
-       zoom: 1;
-       float: none;
-}
-/* Fixes streched buttons in IE6 and IE7*/
-.v-ie6 .v-nativebutton {
-       width: 1px;
-}
-.v-ie .v-nativebutton {
-       overflow: visible;
-       padding-left: 1em;
-       padding-right: 1em;
-}
-
-.v-ie .v-nativebutton-link {
-       padding: 0;
-}
-
-/*
- * Checkbox styles
- * -------------------------------------- */
- .v-checkbox {
-       display: block;
- }
-
-.v-checkbox,
-.v-checkbox label,
-.v-checkbox input,
-.v-checkbox .v-icon {
-       vertical-align: middle;
-       white-space: nowrap;
-}
-
-/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */
-.v-ie6 .v-checkbox,
-.v-ie7 .v-checkbox {
-       vertical-align: baseline;
-}
-
-.v-checkbox .v-icon {
-       margin: 0 2px;
-}
-.v-checkbox .v-errorindicator {
-       float: none;
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-}
-
-
-/* Disabled by default
-.v-checkbox-error {
-       background: #ffe0e0;
-}
-*/
-/* Disabled by default
-.v-checkbox-required {
-       background: #ffe0e0;
-}
-*/
-
-.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;
-}
-
-.v-caption-clearelem {
-       clear: both;
-       width: 0;
-       height: 0;
-       overflow: hidden;
-}
-
-/* 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;
-}
-
-/* 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%;
-}
-/* Force arrow cursor for all elements inside the app */
-.v-app,
-.v-window,
-.v-popupview-popup,
-.v-label,
-.v-caption {
-       cursor: default;
-}
-div.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 */
-       background-image: url(../base/common/img/loading-indicator.gif);
-       background-repeat: no-repeat;
-       background-position: 50%;
-       width: 100%;
-       height: 100%;
-}
-.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;
-}
-/* Revert line-height for heading elements inside labels */
-.v-label h1,
-.v-label h2,
-.v-label h3,
-.v-label h4,
-.v-label h5,
-.v-label h6 {
-       line-height: normal;
-} 
-/* 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 {
-       position: absolute;
-       top: 0;
-       right: 0;
-       z-index: 30000;
-       width: 31px;
-       height: 31px;
-       background: transparent url(../base/common/img/loading-indicator.gif);
-       margin-right: 5px;
-       margin-top: 5px;
-}
-.v-loading-indicator-delay {
-       background-image: url(../base/common/img/loading-indicator-delay.gif);
-}
-.v-loading-indicator-wait {
-       background-image: url(../base/common/img/loading-indicator-wait.gif);
-}
-/* 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;
-       white-space: pre;
-}
-.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 ,
-.v-window input[type="text"],
-.v-window input[type="password"],
-.v-window input[type="reset"],
-.v-window select,
-.v-window textarea {
-       padding: 2px;
-}
-
-.v-drag-element {
-       z-index: 60000;
-       position: absolute;
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-    cursor: default;
-}
-
-.v-csslayout {
-       overflow: hidden;
-}
-.v-csslayout-margin-top {
-       padding-top: 12px;      
-}
-.v-csslayout-margin-bottom {
-       padding-bottom: 12px;   
-}
-.v-csslayout-margin-left {
-       padding-left: 12px;     
-}
-.v-csslayout-margin-right {
-       padding-right: 12px;    
-}
-
-.v-customcomponent {
-       overflow: hidden;
-}
-
-.v-customlayout {
-       overflow: hidden;
-}
-
-.v-datefield {
-       white-space: nowrap;
-       float: left; /* Force minimum width */
-}
-.v-datefield-textfield {
-       vertical-align: top;
-}
-.v-datefield-button {
-       cursor: pointer;
-}
-.v-datefield-prompt .v-datefield-textfield {
-       color: #999;
-       font-style: italic;
-}
-.v-datefield .v-datefield-button-readonly {
-       display: none;
-}
-.v-datefield-calendarpanel table {
-       width: 100%;
-}
-.v-datefield-calendarpanel td {
-       padding: 0;
-       margin: 0;
-}
-.v-datefield-calendarpanel:focus{
-       outline:none;   
-}
-.v-datefield-calendarpanel-header td {
-       text-align: center;
-}
-.v-datefield-calendarpanel-month {
-       text-align: center;
-       white-space: nowrap;
-}
-.v-datefield-calendarpanel-weeknumber {
-       color: #999;
-       border-right: 1px solid #ddd;
-       font-size: 0.9em;
-}
-.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-calendarpanel-day-focused {
-       outline: 1px dotted black;
-}
-.v-datefield-time {
-       white-space: nowrap;
-}
-.v-datefield-time .v-label {
-       display: inline;
-}
-.v-datefield-popup {
-       background: #fff;
-}
-/* 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);
-}
-
-.v-ddwrapper {
-       padding: 2px;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
-}
-.v-ddwrapper-over {
-       border: 2px solid #1d9dff;
-       background-color: #bcdcff;
-       padding: 0;
-}
-.v-ddwrapper-over {
-       background-color: rgba(169,209,255,.6);
-}
-.no-box-drag-hints .v-ddwrapper-over {
-       border: none;
-       background-color: transparent;
-       padding: 2px;
-}
-.v-app .v-ddwrapper-over-top,
-.v-window .v-ddwrapper-over-top,
-.v-popupview-popup .v-ddwrapper-over-top {
-       border: none;
-       border-top: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-top: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-bottom,
-.v-window .v-ddwrapper-over-bottom,
-.v-popupview-popup .v-ddwrapper-over-bottom {
-       border: none;
-       border-bottom: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-bottom: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-left,
-.v-window .v-ddwrapper-over-left,
-.v-popupview-popup .v-ddwrapper-over-left {
-       border: none;
-       border-left: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-left: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-right,
-.v-window .v-ddwrapper-over-right,
-.v-popupview-popup .v-ddwrapper-over-right {
-       border: none;
-       border-right: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-right: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-ddwrapper,
-.v-ddwrapper-over,
-.v-app .v-ddwrapper-over-top,
-.v-window .v-ddwrapper-over-top,
-.v-popupview-popup .v-ddwrapper-over-top,
-.v-app .v-ddwrapper-over-bottom,
-.v-window .v-ddwrapper-over-bottom,
-.v-popupview-popup .v-ddwrapper-over-bottom,
-.v-app .v-ddwrapper-over-left,
-.v-window .v-ddwrapper-over-left,
-.v-popupview-popup .v-ddwrapper-over-left,
-.v-app .v-ddwrapper-over-right,
-.v-window .v-ddwrapper-over-right,
-.v-popupview-popup .v-ddwrapper-over-right {
-       border-color: rgba(0,109,232,.6);
-}
-
-.v-ddwrapper-over-top:before,
-.v-ddwrapper-over-bottom:after,
-.v-ddwrapper-over-left:before,
-.v-ddwrapper-over-right:before {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       margin-left: -2px;
-       background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat;
-}
-.v-ddwrapper-over-bottom:after {
-       margin-top: -2px;
-}
-.v-ddwrapper-over-left:before,
-.v-ddwrapper-over-right:before {
-       background-position: 0 -6px;
-       margin-top: -2px;
-       margin-left: -4px;
-}
-.v-ddwrapper-over-right:before {
-       position: relative;
-       margin-bottom: -4px;
-       margin-right: -4px;
-       margin-left: 0;
-       width: auto;
-       background-position: 100% -6px;
-}
-
-.no-horizontal-drag-hints .v-ddwrapper-over-left {
-       padding-left: 2px;
-       border-left: none;
-}
-.no-horizontal-drag-hints .v-ddwrapper-over-right {
-       padding-right: 2px;
-       border-right: none;
-}
-.no-vertical-drag-hints .v-ddwrapper-over-top {
-       padding-top: 2px;
-       border-top: none;
-}
-.no-vertical-drag-hints .v-ddwrapper-over-bottom {
-       padding-bottom: 2px;
-       border-bottom: none;
-}
-.no-horizontal-drag-hints .v-ddwrapper-over-left:before,
-.no-horizontal-drag-hints .v-ddwrapper-over-right:before,
-.no-vertical-drag-hints .v-ddwrapper-over-top:before,
-.no-vertical-drag-hints .v-ddwrapper-over-bottom:after {
-       display: none;
-}
-
-
-.v-table .v-embedded-image {
-    /* make embeddeds be centered in centered table cells. */
-       display: inline-block;
-}
-
-.v-formlayout-cell .v-errorindicator {
-       display: block;
-}
-.v-formlayout-error-indicator {
-       /* fix width so layout is not jumpy when error disappears */
-       width: 12px;
-}
-.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: 6px;
-}
-.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: 12px;
-}
-.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: 12px;
-}
-.v-formlayout-margin-left .v-formlayout-captioncell {
-       padding-left: 12px;
-} 
-.v-formlayout-margin-right .v-formlayout-contentcell {
-       padding-right: 12px;
-}
-.v-formlayout-captioncell .v-caption .v-required-field-indicator {
-       float: none;
-}
-
-.v-gridlayout-margin-top {
-       padding-top: 12px;
-}
-.v-gridlayout-margin-bottom {
-       padding-bottom: 12px;
-}
-.v-gridlayout-margin-left {
-       padding-left: 12px;
-} 
-.v-gridlayout-margin-right {
-       padding-right: 12px;
-}
-.v-gridlayout-spacing-on {
-       padding-left: 6px;
-       padding-top: 6px;
-       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;
-}
-
-.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;
-}
-
-.v-loginform {
-       height: 140px;
-       width: 200px;
-}
-
-.v-app-loginpage .v-button,
-.v-app-loginpage .v-button {
-       float: left; /* Force minimum width for button */
-}
-
-.v-menubar {
-       float: left; /* Force minimum width */
-       white-space: nowrap;
-}
-.v-menubar .v-menubar-menuitem {
-       cursor: default;
-       vertical-align: middle;
-       white-space: nowrap;
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-}
-.v-menubar .v-menubar-menuitem-caption * {
-       vertical-align: middle;
-       white-space: nowrap;
-}
-.v-menubar-submenu {
-       background: #fff;
-}
-.v-menubar-menuitem-selected {
-       background: #333;
-       color: #fff;
-}
-.v-menubar-submenu .v-menubar-menuitem { 
-       cursor: default;
-       display: block;
-       position: relative;
-       padding-right: 1.5em;
-}
-.v-menubar-submenu .v-menubar-menuitem-caption {
-       display: block;
-}
-.v-menubar-submenu .v-menubar-menuitem *,
-.v-menubar-submenu .v-menubar-menuitem-caption * {
-       white-space: nowrap;
-}
-.v-menubar-submenu-indicator {
-       display: none;
-       /* Arial has the most coverage for geometric entity characters */
-       font-family: arial, helvetica, sans-serif;
-}
-.v-menubar-submenu .v-menubar-submenu-indicator {
-       display: block;
-       position: absolute;
-       right: 0;
-       width: 1em;
-       height: 1em;
-       font-size: 0.9em;
-}
-.v-menubar-menuitem-disabled,
-.v-menubar span.v-menubar-menuitem-disabled:hover,
-.v-menubar span.v-menubar-menuitem-disabled:focus,
-.v-menubar span.v-menubar-menuitem-disabled:active {
-       color: #999;
-}
-.v-menubar-more-menuitem {
-       /* Arial has the most coverage for geometric entity characters */
-       font-family: arial, helvetica, sans-serif;
-}
-.v-menubar-separator {
-       overflow: hidden;
-}
-.v-menubar-separator span {
-       display: block;
-       text-indent: -9999px;
-       font-size: 1px;
-       line-height: 1px;
-       border-top: 1px solid #ddd;
-       margin: 3px 0 2px;
-       overflow: hidden;
-}
-.v-menubar .v-icon,
-.v-menubar-submenu .v-icon {
-       margin-right: 3px;
-}
-
-.v-menubar-popup:focus,
-.v-menubar-popup .popupContent:focus,
-.v-menubar-popup .popupContent .v-menubar-submenu:focus{
-       outline: none;  
-}
-
-.v-Notification {
-       background: #999;
-       color: #fff;
-       cursor: pointer;
-       overflow: hidden;
-       padding: 1em;
-       max-width:85%;
-       
-}
-.v-Notification h1,
-.v-Notification p,
-.v-Notification-error h1,
-.v-Notification-error p,
-.v-Notification-warning h1,
-.v-Notification-warning p {
-       display: inline;
-       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-orderedlayout-margin-top,
-.v-horizontallayout-margin-top,
-.v-verticallayout-margin-top {
-       padding-top: 12px;
-}
-.v-orderedlayout-margin-right,
-.v-horizontallayout-margin-right,
-.v-verticallayout-margin-right {
-       padding-right: 12px;
-}
-.v-orderedlayout-margin-bottom,
-.v-horizontallayout-margin-bottom,
-.v-verticallayout-margin-bottom {
-       padding-bottom: 12px;
-}
-.v-orderedlayout-margin-left,
-.v-horizontallayout-margin-left,
-.v-verticallayout-margin-left {
-       padding-left: 12px;
-}
-.v-orderedlayout-spacing-on,
-.v-horizontallayout-spacing-on,
-.v-verticallayout-spacing-on {
-       padding-top: 6px;
-       padding-left: 6px;
-}
-/* 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;
-}
-
-.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 {
-}
-
-.v-popupview {
-       cursor: pointer;
-       text-decoration: underline;
-       white-space: nowrap;
-}
-.v-popupview-popup {
-       overflow: auto;
-}
-.v-popupview-loading {
-       width: 30px;
-       height: 30px;
-       background: transparent url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
-}
-
-.v-progressindicator {
-       overflow: hidden; /* for IE6 */
-       width: 150px;
-}
-.v-progressindicator-wrapper {
-       overflow: hidden; /* for IE6 */
-       height: 7px;
-       border: 1px solid #ddd;
-}
-.v-progressindicator-indicator {
-       height: 7px;
-       overflow: hidden; /* for IE6 */
-       background: #ddd;
-}
-div.v-progressindicator-indeterminate {
-       height: 20px;
-       width: 20px;
-       overflow: hidden; /* for IE6 */
-       background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
-       border-radius: 4px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-}
-/* 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;
-}
-div.v-progressindicator-indeterminate-disabled {
-       height: 20px;
-       width: 20px;
-       overflow: hidden; /* for IE6 */
-       background: transparent;
-}
-
-.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-caption-left {
-       float: left;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-.v-select-twincol-selections {
-       font-weight: bold;
-}
-.v-select-twincol-caption-right {
-       float: right;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-.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 {
-       float: left;
-}
-.v-select-twincol-buttons .v-button {
-       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;
-       -webkit-border-radius: 0px;
-}
-.v-filterselect-prompt .v-filterselect-input {
-       color: #999;
-       font-style: italic;
-}
-.v-filterselect-button {
-       float: right;
-       cursor: pointer;
-       width: 1em;
-       height: 1em;
-       background: transparent url(../base/common/img/sprites.png) no-repeat -5px -8px;
-}
-.v-filterselect.v-readonly .v-filterselect-button {
-       display: none;
-}
-.v-filterselect.v-readonly,
-.v-filterselect.v-readonly .v-filterselect-input {
-       background: transparent;
-}
-.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;
-}
-*/
-
-.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: -2px;
-       margin-left: -2px;
-}  
-
-.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;
-}
-
-.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;
-       margin-left: -5px;
-}
-
-.v-slider-feedback {
-       padding: 2px 5px;
-       background: #444;
-       color: #fff;
-       font-size: 11px;
-       line-height: 13px;
-       font-weight: bold;
-       font-family: Arial, Helvetica, sans-serif;
-       border-radius: 4px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       margin: -2px 0 0 2px;
-       text-shadow: 0 1px 0 #000;
-}
-
-/* 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;
-}
-
-.v-splitpanel-horizontal,
-.v-splitpanel-vertical {
-       overflow: hidden;
-}
-.v-splitpanel-hsplitter {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-hsplitter div {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-       position: absolute;
-       top: 0;
-       bottom: 0;
-       background: #ddd;
-       cursor: e-resize;
-       cursor: col-resize;
-}
-.v-disabled .v-splitpanel-hsplitter div {
-       cursor: default;
-}
-.v-splitpanel-vsplitter {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-vsplitter div {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-       background: #ddd;
-       cursor: s-resize;
-       cursor: row-resize;
-}
-.v-disabled .v-splitpanel-vsplitter div {
-       cursor: default;
-}
-/* IE specific styles */
-.v-ie6 .v-splitpanel-hsplitter div {
-       height: 99%;
-}
-.v-ie6 .v-splitpanel-first-container,
-.v-ie6 .v-splitpanel-second-container,
-.v-ie7 .v-splitpanel-first-container,
-.v-ie7 .v-splitpanel-second-container {
-       position: relative;
-}
-
-/* Table theme building instructions
- * 
- * Vaadin 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-ie7 .v-table {
-       overflow: visible;
-}
-.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;
-       border-collapse: separate;
-       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-footer-wrap {
-       overflow: hidden;
-       border: 1px solid #aaa;
-       border-top: none;
-       background: #efefef;
-}
-.v-table-footer table{
-       border-spacing: 0;
-       border-collapse: collapse;
-       margin: 0;
-       padding: 0;
-       border: 0;
-}
-.v-table-footer td {
-       padding: 0;
-       border-right: 1px solid #aaa;
-}
-.v-table-footer-cell{
-       cursor: pointer;
-}
-.v-table-footer-container{     
-       float:right;    
-       padding-right:6px;
-       overflow:hidden;
-       white-space:nowrap;
-}
-.v-table-resizer {
-       display: block;
-       height: 1.2em;
-       float: right;
-       background: #aaa;       
-       cursor: e-resize;       /* Opera does not support col-resize, so use e-resize instead */
-       cursor: col-resize;     
-       width: 1px;
-       overflow: hidden;
-}
-.v-table-caption-container {
-       overflow: hidden;
-       white-space: nowrap;
-       margin-left: 6px;
-}
-.v-ie7 .v-table-caption-container-align-right {
-       margin-left: 0px;
-       padding-left: 6px;
-}
-.v-table-caption-container-align-right {
-       float: right;
-}
-.v-table-sort-indicator {
-       width: 0px;
-       height: 1.2em;
-       float: right;
-}
-.v-table-header-cell-asc .v-table-sort-indicator,
-.v-table-header-cell-desc .v-table-sort-indicator {
-       width: 16px;
-       height: 1.2em;
-       float: right;
-}              
-.v-table-header-cell-asc .v-table-sort-indicator {
-       background: transparent url(../base/common/img/sprites.png) no-repeat right 6px;
-}
-.v-table-header-cell-desc .v-table-sort-indicator {
-       background: transparent url(../base/common/img/sprites.png) no-repeat right -10px;
-}
-.v-table-caption-container-align-center {
-       text-align: center;
-}
-.v-table-caption-container-align-right {
-       text-align: right;
-}
-.v-table-caption-container .v-icon,
-.v-table-header-drag .v-icon {
-       vertical-align: middle;
-}
-.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: pointer;
-}
-
-.v-table-body-noselection .v-table-row,
-.v-table-body-noselection .v-table-row-odd {
-       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-cell-wrapper-align-center {
-       text-align: center;
-}
-.v-table-cell-wrapper-align-right {
-       text-align: right;
-}
-.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-header-drag .v-icon {
-       vertical-align: middle;
-}
-.v-table-scrollposition {
-       width: 160px;
-       background: #eee;
-       border: 1px solid #aaa;
-}
-.v-table-scrollposition span {
-       display: block;
-       text-align: center;
-}
-.v-table-body:focus,
-.v-table-body-wrapper:focus {
-       outline: none;
-}
-.v-table-body.focused {
-       border-color: #388ddd;
-}
-.v-table-focus .v-table-cell-content {
-       border-top: 1px dotted #0066bd;
-       border-bottom: 1px dotted #0066bd;
-}
-/* row in column selector */
-.v-on {
-       
-}
-.v-off {
-       color: #ddd;
-}
-/*************************************
- * Drag'n'drop styles
- *************************************/
-.v-table-drag .v-table-body {
-       border-color: #1d9dff;
-}
-.v-table-row-drag-middle .v-table-cell-content {
-       background-color: #bcdcff;
-}
-.v-table-row-drag-top .v-table-cell-content {
-       border-top: 2px solid #1d9dff;
-}
-.v-table-row-drag-top .v-table-cell-wrapper {
-       margin-top: -2px; /* compensate the space consumed by border hint */
-}
-.v-table-row-drag-bottom .v-table-cell-content {
-       border-bottom: 2px solid #1d9dff;
-}
-.v-table-row-drag-bottom .v-table-cell-wrapper {
-       margin-bottom: -2px; /* compensate the space consumed by border hint */
-}
-.v-table-row-drag-top .v-table-cell-content:first-child:before,
-.v-table-row-drag-bottom .v-table-cell-content:first-child:after {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       margin-left: -6px;
-       background: transparent url(../base/common/img/drag-slot-dot.png);
-}
-.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after,
-.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after {
-       margin-top: -2px;
-}
-
-.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-ff2 .v-tabsheet-scroller {
-       position: relative;
-}
-.v-disabled .v-tabsheet-scroller {
-       display: none;
-}
-.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-caption-close {
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-       width: 16px;
-       height: 16px;
-       text-align: center;
-       font-weight: bold;
-       cursor: pointer;
-       vertical-align: middle;
-       user-select: none;
-       -khtml-user-select: none;
-       -ms-user-select: none;
-       -moz-user-select: none;
-       -webkit-user-select: none;
-}
-.v-tabsheet .v-disabled .v-tabsheet-caption-close {
-       cursor: default;
-       visibility: hidden;
-}
-.v-tabsheet-tabitem:hover .v-tabsheet-caption-close,
-.v-ie6 .v-tabsheet-caption-close {
-       visibility: visible;
-}
-.v-ie6 .v-tabsheet-caption-close {
-       float: right;
-}
-.v-tabsheet-tabitem {
-       border: 1px solid #aaa;
-       border-right: none;
-       cursor: pointer;
-       padding: 0.2em 0.5em;
-}
-.v-tabsheet-tabitem .v-caption {
-       cursor: pointer;
-}
-.v-tabsheet-tabitem-selected {
-       cursor: default;
-       border-bottom-color: #fff;
-}
-.v-tabsheet-tabitem-selected .v-caption {
-       cursor: default;
-}
-.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-ie6 .v-tabsheet-content,
-.v-ie7 .v-tabsheet-content {
-       zoom: 1;
-}
-.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;
-}
-
-
-.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;
-}
-input.v-textfield-readonly,
-textarea.v-textarea-readonly {
-       background: transparent;
-       border: none;
-       resize: none;
-}
-input.v-disabled,
-textarea.v-disabled {
-       resize: none;
-}
-input.v-textfield-readonly:focus,
-textarea.v-textarea-readonly:focus {
-       outline: none;
-}
-/* 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;
-}
-
-.v-richtextarea {
-       border: 1px solid #aaa;
-       overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextArea {
-       background: #fff;
-       border: none;
-}
-
-.v-richtextarea .gwt-RichTextToolbar {
-       white-space: nowrap;
-       background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px;
-       border-bottom: 1px solid #7d7d7d;
-       padding: 2px;
-       overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextToolbar-top {
-       padding-bottom: 1px;
-       overflow: hidden;
-       white-space: normal;
-}
-.v-richtextarea .gwt-RichTextToolbar-bottom {
-       clear: left;
-       overflow: hidden;
-       white-space: nowrap;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
-       float: left;
-       display: inline;
-       width: 22px;
-       height: 21px;
-       overflow: hidden;
-       background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x;
-       cursor: pointer;
-       margin-right: 2px;
-       text-align: center;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
-       background-position: 0 -21px;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
-       
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
-       width: 24.5%;
-       margin-right: 2px;
-}
-
-.v-richtextarea-readonly {
-       border: none;
-}
-
-.v-tree {
-       text-align: left; /* Force default alignment */
-       overflow: hidden;
-       padding: 1px 0;
-       outline: none;
-}
-.v-tree-node {
-       background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
-       padding: 1px 0;
-}
-.v-tree-node-caption:focus {
-       outline: none;
-}
-.v-tree-node-expanded {
-       background-position: -5px -10px;
-}
-div.v-tree-node-leaf {
-       background: transparent;
-}
-.v-tree-node-caption {
-       margin-left: 1em;
-}
-.v-tree-node span {
-       cursor: pointer;
-}
-.v-tree-node-caption div {
-       white-space: nowrap;
-}
-.v-tree-node-caption span,
-.v-tree-node-caption .v-icon {
-       vertical-align: middle;
-}
-.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;
-}
-/***************************************
- * Drag'n'drop styles
- ***************************************/
-.v-tree .v-tree-node-drag-top {
-       border-top: 2px solid #1d9dff;
-       margin-top: -1px;
-       padding-top: 0;
-}
-.v-tree .v-tree-node-drag-bottom {
-       border-bottom: 2px solid #1d9dff;
-       margin-bottom: -1px;
-       padding-bottom: 0;
-}
-.v-tree .v-tree-node-drag-top:before,
-.v-tree .v-tree-node-drag-bottom:after,
-.v-tree .v-tree-node-caption-drag-center:after {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       background: transparent url(../base/common/img/drag-slot-dot.png);
-}
-.v-tree .v-tree-node-drag-bottom:after {
-       margin-top: -2px;
-}
-.v-tree .v-tree-node-caption-drag-center:after {
-       margin-left: 14px;
-}
-.v-ff .v-tree .v-tree-node-caption-drag-center:after,
-.v-ie .v-tree .v-tree-node-caption-drag-center:after {
-       margin-top: -2px;
-}
-.v-tree .v-tree-node-drag-top {
-       background-position: 5px -38px;
-}
-.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
-       background-position: -5px -11px;
-}
-.v-tree .v-tree-node-caption-drag-center div {
-       border: 2px solid #1d9dff;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
-       margin: -2px 2px -2px -2px;
-       background-color: #bcdcff;
-}
-.v-ie6 .v-tree .v-tree-node-caption-drag-center div {
-       margin: -2px ;
-}
-.v-tree .v-tree-node-caption-drag-center div {
-       background-color: rgba(169,209,255,.6);
-}
-.v-tree .v-tree-node-caption-drag-center div,
-.v-tree .v-tree-node-drag-top,
-.v-tree .v-tree-node-drag-bottom {
-       border-color: rgba(0,109,232,.6);
-}
-
-.v-upload {
-       white-space: nowrap;
-}
-
-.v-ie6 .v-upload,
-.v-ie7 .v-upload {
-       margin:0;
-}
-
-.v-upload-immediate {
-       position: relative;
-       margin: 0;
-       overflow: hidden;
-}
-
-.v-ff .v-upload-immediate,
-.v-op .v-upload-immediate {
-       display: inline-block;
-}
-
-.v-upload-immediate input {
-       opacity: 0;
-       filter: alpha(opacity=0);
-       z-index: 2;
-       position: absolute;
-       right: 0;
-       height: 21px;
-       text-align: right;
-       border: none;
-       background: transparent;
-}
-
-.v-upload-immediate button {
-       position: relative;
-       left: 0;
-       top: 0;
-       width: 100%;
-       text-align: left;
-}
-  
-
-.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-contents > div {
-       outline: none;
-}
-.v-window-footer {
-       overflow: hidden;
-       zoom: 1;
-       height: 10px;
-       position: relative;
-}
-.v-window-resizebox {
-       width: 10px;
-       height: 10px;
-       cursor: se-resize;
-       background: #ddd;
-       overflow: hidden;
-       position: absolute;
-       right: 0;
-}
-.v-window div.v-window-footer-noresize {
-       height: 0;
-}
-.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. */
-
-/*------------
- * General vertical and horizontal sprites 
- * -----------*/
-
-
-/*------------
- * Buttons 
- * -----------*/
-
-.v-accordion {
-       border: 1px solid #bebebe;
-       border-radius: 2px;
-       -webkit-border-radius: 2px;
-       -moz-border-radius: 2px;
-       overflow: hidden;
-}
-.v-accordion-item {
-       background-color: #fff;
-}
-.v-accordion-item-caption {
-       height: 19px;
-       background: #e4e4e4 repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -0px;
-       font-size: 11px;
-       line-height: normal;
-       border-top: 1px solid #bebebe;
-       text-shadow: #fff 0 1px 0;
-}
-.v-accordion-item-first .v-accordion-item-caption {
-       border-top: none;
-}
-.v-accordion-item-caption .v-caption {
-       padding: 3px 0 5px 10px;
-}
-.v-ie .v-accordion-item-caption .v-caption {
-       padding: 2px 0 6px 10px;
-}
-.v-accordion-item-open .v-accordion-item-caption {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -19px;
-       border-bottom: 1px solid #bbb;
-}
-.v-accordion-item-caption .v-icon {
-       margin-top: -1px;
-}
-.v-ie .v-accordion-item-caption .v-icon {
-       vertical-align: top;
-}
-/* Borderless style */
-.v-accordion-borderless {
-       border: none;
-       border-radius: 0;
-       -webkit-border-radius: 0;
-       -moz-border-radius: 0;
-}
-
-/* Standard implementation of the button theme
- * These files contain styles that apply to all browsers
- */
-
-.v-button:focus {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: left -0px;
-       outline: none;
-       }
-
-.v-button:focus .v-button-wrap {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: right -26px;
-       outline: none;
-       }
-
-.v-button:active,
-.v-button.v-pressed {
-  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:active .v-button-wrap,
-.v-button.v-pressed .v-button-wrap {
-  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,
-.v-disabled.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 -104px;
-       border: none;
-       cursor: default;
-       }
-
-.v-button-wrap,
-.v-disabled.v-button .v-button-wrap {
-       display: 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 -130px;
-       }
-
-.v-button-caption {
-       color: #222;
-       text-shadow: #fff 0 1px 0;
-       font-weight: bold;
-       font-size: 11px;
-       line-height: 16px;
-       }
-
-
-
-
-/**************************
- * Black style
- **************************/
-.black .v-button:focus {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: left -0px;
-       }
-       
-.black .v-button:focus .v-button-wrap {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: right -26px;
-       }
-       
-.black .v-button:active,
-.black .v-button.v-pressed {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: left -52px;
-       }
-       
-.black .v-button:active .v-button-wrap,
-.black .v-button.v-pressed .v-button-wrap {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: right -78px;
-       }
-
-.black .v-button,
-.black .v-disabled.v-button {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: left -104px;
-       }
-       
-.black .v-button-wrap,
-.black .v-disabled.v-button .v-button-wrap {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: right -130px;
-       }
-       
-.black .v-button-caption {
-       color: #c9ccce;
-       text-shadow: #121314 0 -1px 0;
-       }
-
-.v-button-primary:focus {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: left -156px;
-       }
-       
-.v-button-primary:focus .v-button-wrap {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: right -182px;
-       }
-       
-.v-button-primary:active,
-.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 -208px;
-       }
-
-.v-button-primary:active .v-button-wrap,
-.v-button-primary.v-pressed .v-button-wrap {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: right -234px;
-       }
-
-.v-button-primary,
-.v-disabled.v-button-primary {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: left -260px;
-       }
-       
-.v-button-primary .v-button-wrap,
-.v-disabled.v-button-primary .v-button-wrap {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: right -286px;
-       }
-       
-
-
-
-/* Black style */
-
-
-.black .v-button-primary:focus {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: left -156px;
-       }
-       
-.black .v-button-primary:focus .v-button-wrap {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: right -182px;
-       color: #eaf4fb;
-       }
-       
-.black .v-button-primary:active,
-.black .v-button-primary.v-pressed {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: left -208px;
-       }
-       
-.black .v-button-primary:active .v-button-wrap,
-.black .v-button-primary.v-pressed .v-button-wrap {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: right -234px;
-       }
-
-.black .v-button-primary,
-.black .v-disabled.v-button-primary {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: left -260px;
-       }
-       
-.black .v-button-primary .v-button-wrap,
-.black .v-disabled.v-button-primary .v-button-wrap {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: right -286px;
-       }
-
-.v-button-small:focus {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: left -312px;
-       }
-       
-.v-button-small:focus .v-button-wrap {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: right -332px;
-       }
-       
-.v-button-small:active,
-.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 -352px;
-       }
-
-.v-button-small:active .v-button-wrap,
-.v-button-small.v-pressed .v-button-wrap {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: right -372px;
-       }
-
-.v-button-small,
-.v-disabled.v-button-small {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: left -392px;
-       height: 20px;
-       }
-       
-.v-button-small .v-button-wrap,
-.v-disabled.v-button-small .v-button-wrap {
-  background-image: url(button/img/button-sprites.png);
-  -background-image: url(button/img/button-sprites-ie6.png);
-  background-position: right -412px;
-       height: 19px;
-       padding: 1px 14px 0 8px;
-       }
-
-.v-button-small .v-button-caption {
-       font-weight: normal;
-       }
-       
-
-
-
-/* Black style */
-
-.black .v-button-small:focus {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: left -312px;
-       }
-       
-.black .v-button-small:focus .v-button-wrap {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: right -332px;
-       }
-       
-.black .v-button-small:active,
-.black .v-button-small.v-pressed {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: left -352px;
-       }
-       
-.black .v-button-small:active .v-button-wrap,
-.black .v-button-small.v-pressed .v-button-wrap {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: right -372px;
-       }
-
-.black .v-button-small,
-.black .v-disabled.v-button-small {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: left -392px;
-       }
-       
-.black .v-button-small .v-button-wrap,
-.black .v-disabled.v-button-small .v-button-wrap {
-  background-image: url(button/img/black-button-sprites.png);
-  -background-image: url(button/img/black-button-sprites-ie6.png);
-  background-position: right -412px;
-       }
-
-.v-button.v-button-link,
-.v-button.v-button-link:focus,
-.v-button.v-button-link:active,
-.v-button-link.v-pressed,
-.v-disabled.v-button.v-button-link,
-.v-button.v-button-link .v-button-wrap,
-.v-button.v-button-link:focus .v-button-wrap,
-.v-button.v-button-link:active .v-button-wrap,
-.v-button-link.v-pressed .v-button-wrap,
-.v-disabled.v-button.v-button-link .v-button-wrap {
-       background: transparent;
-       height: auto;
-       padding: 0;
-       cursor: pointer;
-       line-height: inherit;
-       }
-
-.v-button.v-button-link.v-disabled,
-.v-button.v-button-link.v-disabled .v-button-wrap {
-       cursor: default;
-       }
-       
-.v-button-link .v-button-caption,
-.v-nativebutton-link .v-nativebutton-caption {
-       line-height: inherit;
-       font-weight: normal;
-       color: #1b699f;
-       font-size: 12px;
-       text-shadow: none;
-       }
-       
-.v-button-link:focus .v-button-caption,
-.v-nativebutton-link:focus .v-nativebutton-caption {
-       outline: 1px dotted #1b699f;
-       }
-
-/* Browser-specific corrections to the standard implementation */
-
-.v-ff2 .v-button .v-button-caption {
-       display: -moz-inline-box;
-       padding-top: 6px;
-       height: 20px;
-       }
-
-.v-ie6 .v-nativebutton-link,
-.v-ie7 .v-nativebutton-link,
-.v-ie8 .v-nativebutton-link {
-       padding: 0;
-       text-align: left;
-}
-
-/**
- * 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: 0 15px;
-       height: 23px;
-}
-.v-ie6 .v-button .v-button-wrap {
-       background: transparent;
-       height: 20px;
-       padding: 3px 0 0;
-       display: inline;
-       zoom: 1;
-}
-.v-ie6 .v-button-primary {
-       background-image: url(button/img/primary-right.png);
-}
-.v-ie6 .v-button-small {
-       background-image: url(button/img/small-right.png);
-       height: 17px;
-}
-.v-ie6 .v-button-small .v-button-wrap {
-       height: 17px;
-       padding: 0;
-}
-.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;
-}
-/* Buttons on black background */
-.v-ie6 .black .v-button {
-       border: 1px solid #0d0e0f;
-       background: #202224 url(button/img/black/right.png) no-repeat 0 -1px;
-       color: #c9ccce;
-}
-.v-ie6 .black .v-button-primary {
-       background-image: url(button/img/black/primary-right.png);
-}
-.v-ie6 .black .v-button-small {
-       background-image: url(button/img/black/small-right.png);
-}
-.v-ie6 .black .v-button.v-pressed {
-       background-image: url(button/img/black/right-pressed.png);
-}
-
-
-/* Link style button */
-.v-ie6 .v-button-link,
-.v-ie6 .black .v-button-link {
-       background: transparent;
-       border: none;
-       height: auto;
-       line-height: normal;
-       padding: 0;
-}
-.v-ie6 .v-button-link .v-button-wrap,
-.v-ie6 .black .v-button-link .v-button-wrap {
-       padding: 0;
-       height: auto;
-}
-
-.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,
-.v-datefield-popup,
-.v-contextmenu,
-.v-Notification,
-.v-menubar-submenu,
-.v-drag-element {
-       font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
-       font-size: 12px;
-       line-height: normal;
-       color: #222;
-}
-/* Fonts on black background */
-.v-app .black,
-.v-window-black,
-.v-window .black,
-.v-popupview-popup .black {
-       color: #c9ccce;
-       text-shadow: #000 0 0 1px;
-}
-.v-errorindicator {
-       width: 13px;
-       height: 16px;
-       background: transparent url(common/icons/error.png) no-repeat 50%;
-}
-.v-ie6 .v-errorindicator {
-       background-image: url(common/icons/error-ie6.png);
-}
-.v-tooltip {
-       background-color: #fffcdd;
-       border: 1px solid #b8b295;
-       font-size: 11px;
-       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;
-}
-.v-contextmenu {
-       background: #f8f8f9;
-       border: none;
-       border-radius: 3px;
-       -webkit-border-radius: 3px;
-       -moz-border-radius: 3px;
-       -o-border-radius: 3px;
-       overflow: hidden;
-       padding: 4px 0;
-}
-.v-contextmenu .gwt-MenuItem {
-       padding: 1px 12px 1px 8px;
-       height: 16px;
-       user-select: none;
-       -moz-user-select: none;
-       -webkit-user-select: none;
-       cursor: default;
-}
-.v-contextmenu .gwt-MenuItem .v-icon {
-       margin-right: 3px;
-}
-.v-contextmenu .gwt-MenuItem-selected {
-       background: transparent repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -38px;
-       color: #fff;
-       text-shadow: #3b5a7a 0 1px 0;
-}
-.v-ie .v-contextmenu .gwt-MenuItem-selected {
-       background-image: url(common/img/sel-bg.png);
-       background-position: left top;
-}
-.v-contextmenu .gwt-MenuItem-selected div {
-       background: transparent;
-       cursor: default;
-}
-
-/* Fixes for Liferay 6.0 */
-.portlet .v-app {
-       background: transparent;
-}
-.portlet .v-app .v-radiobutton input,
-.portlet .v-window .v-radiobutton input,
-.portlet .v-popupview-popup .v-radiobutton input,
-.portlet .v-app .v-checkbox input,
-.portlet .v-window .v-checkbox input,
-.portlet .v-popupview-popup .v-checkbox input {
-       margin-right: 3px;
-       background: transparent;
-}
-
-input.v-textfield-readonly:focus{
-       background-color: transparent;  
-}
-.v-datefield-calendarpanel {
-       border-collapse: collapse;
-       margin: 0;
-       padding: 0;
-       height: auto !important;
-}
-.v-datefield-year .v-datefield-calendarpanel-prevmonth,
-.v-datefield-year .v-datefield-calendarpanel-nextmonth {
-       display: none;
-}
-.v-datefield-calendarpanel td {
-       vertical-align: top;
-}
-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 -58px;
-}
-span.v-datefield-calendarpanel-month {
-       display: block;
-       text-align: center;
-       height: 16px;
-       padding: 3px 10px 0 10px;
-       border-left: 1px solid #efefef;
-       border-right: 1px solid #d8d8d8;
-       text-shadow: #fff 0 1px 0;
-       overflow: hidden;
-       margin-top: 1px;
-}
-.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: 124px;
-}
-.v-datefield-month,
-.v-datefield-day,
-.v-datefield-full {
-       min-width: 240px;
-}
-.v-ff2 .v-datefield-month,
-.v-ff2 .v-datefield-day,
-.v-ff2 .v-datefield-full {
-       min-width: 254px;
-}
-.v-datefield-popupcalendar,
-.v-ff2 .v-datefield-popupcalendar {
-       min-width: 0;
-}
-.v-datefield-year .v-datefield-calendarpanel {
-       width: 100px;
-}
-td.v-datefield-calendarpanel-prevyear {
-       text-align: right;
-}
-td.v-datefield-calendarpanel-nextyear {
-       text-align: left;
-}
-.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 -81px;
-       overflow: hidden;
-       padding: 0;
-       text-indent: -9999px;
-       outline: none;
-       -webkit-border-radius: 0;
-       -moz-border-radius: 0;
-       border-radius: 0;
-}
-.v-ie .v-datefield-calendarpanel-prevyear button,
-.v-ie .v-datefield-calendarpanel-nextyear button,
-.v-ie .v-datefield-calendarpanel-prevmonth button,
-.v-ie .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 -104px;
-}
-.v-datefield-calendarpanel-prevyear button:active,
-.v-ie .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: left -127px;
-}
-.v-datefield-calendarpanel-nextyear button:active,
-.v-ie .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 -150px;
-}
-.v-datefield-calendarpanel-prevmonth,
-.v-datefield-calendarpanel-nextmonth {
-       width: 24px;
-       background-repeat: repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -173px;
-}
-.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 -196px;
-       min-width: 24px;
-       margin-top: 1px;
-}
-.v-ie .v-datefield-calendarpanel-prevmonth button,
-.v-ie .v-datefield-calendarpanel-nextmonth button {
-       border: none;
-}
-.v-ie6 .v-datefield-calendarpanel-prevmonth button,
-.v-ie6 .v-datefield-calendarpanel-nextmonth button {
-       width: 24px;
-}
-.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 -217px;
-}
-.v-datefield-calendarpanel-prevmonth button:active,
-.v-ie .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 -238px;
-}
-.v-datefield-calendarpanel-nextmonth button:active,
-.v-ie .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 -259px;
-}
-.v-datefield-calendarpanel-body,
-.v-datefield-calendarpanel-time {
-       text-align: center;
-       vertical-align: top;
-}
-.v-datefield-calendarpanel-body table {
-       border-collapse: collapse;
-       margin: 0;
-       padding: 0;
-       width: 220px;
-       margin: 0 auto;
-}
-.v-datefield-calendarpanel-weekdays td {
-       width: 14.2%;
-       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 -280px;
-       font-size: 10px;
-       line-height: normal;
-       text-transform: uppercase;
-       color: #eaeff1;
-       text-shadow: #3b4651 0 -1px 0;
-       vertical-align: top;
-}
-.v-datefield-calendarpanel-weeknumbers td {
-       width: 12.4%;
-}
-.v-datefield-calendarpanel-weekdays strong {
-       display: block;
-       text-align: right;
-       padding: 1px 5px 0 0;
-       height: 14px;
-       border-top: 1px solid #596775;
-}
-.v-datefield-calendarpanel-weekdays .v-first {
-       background-repeat: no-repeat;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -299px;
-}
-.v-datefield-calendarpanel-weekdays .v-last {
-       background-repeat: no-repeat;
-       background-position: right top;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -318px;
-}
-/* IE fails to position backgrounds inside table element */
-.v-ie .v-datefield-calendarpanel-weekdays td {
-       background: url(datefield/img/weekday-bg.png) repeat-x;
-       background-position: left top;
-}
-.v-ie .v-datefield-calendarpanel .v-first {
-       background: url(datefield/img/weekday-first.png) no-repeat;
-}
-.v-ie .v-datefield-calendarpanel .v-last {
-       background: url(datefield/img/weekday-last.png) no-repeat right top;
-}
-.v-datefield-calendarpanel-body td {
-       text-align: right;
-       height: 19px;
-}
-.v-datefield-calendarpanel-day,
-.v-datefield-calendarpanel-weeknumber,
-.v-datefield-calendarpanel-day-today {
-       padding: 2px 5px 2px 0;
-       display: block;
-       margin: 1px 0 0 5px;
-}
-.v-datefield-calendarpanel-weeknumber {
-       margin: 0;
-       padding-top: 4px;
-       padding-bottom: 3px;
-}
-.v-datefield-calendarpanel-day-today {
-       color: #4095d1;
-       border: none;
-}
-.v-datefield-calendarpanel-day-selected {
-       background: #507ba3;
-       color: #fff;
-       text-shadow: #3b5b79 0 1px 0;
-       border-radius: 2px;
-       -webkit-border-radius: 2px;
-       -moz-border-radius: 2px;
-}
-.v-datefield-calendarpanel-time select {
-       padding: 0;
-       font-size: 11px;
-}
-.v-datefield-popup {
-       background: #f8f8f9;
-       padding: 8px 4px;
-       border-radius: 3px;
-       -webkit-border-radius: 3px;
-       -moz-border-radius: 3px;
-}
-.v-sa .v-datefield-popup,
-.v-ff3 .v-datefield-popup,
-.v-op .v-datefield-popup {
-       background: rgba(255,255,255,.95);
-}
-.v-datefield-year .v-datefield-textfield {
-       width: 4em;
-}
-.v-datefield-month .v-datefield-textfield {
-       width: 5em;
-}
-.v-datefield-day .v-datefield-textfield {
-       width: 5.5em;
-}
-.v-datefield-full .v-datefield-textfield {
-       width: 12em;
-}
-.v-datefield-popupcalendar input.v-datefield-textfield {
-       border-right-width: 0;
-       -moz-border-radius-topright: 0;
-       -moz-border-radius-bottomright: 0;
-       -webkit-border-top-right-radius: 0;
-       -webkit-border-bottom-right-radius: 0;
-       height: 14px;
-}
-.v-datefield.v-readonly input.v-datefield-textfield {
-       border-right-width: 1px;
-       border-radius: 3px;
-       -moz-border-radius: 3px;
-       -webkit-border-radius: 3px;
-}
-.v-datefield-prompt .v-datefield-textfield {
-       color: #999;
-       font-style: normal;
-}
-.v-datefield-popupcalendar .v-datefield-button {
-       width: 24px;
-       height: 23px;
-       background: transparent;
-       border: none;
-       padding: 0;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -337px;
-       cursor: pointer;
-       -webkit-border-radius: 0;
-       -moz-border-radius: 0;
-       border-radius: 0;
-}
-.v-datefield-popupcalendar .v-datefield-button:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -360px;
-}
-
-/* over black background */
-.black .v-datefield-popupcalendar .v-datefield-button {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -0px;
-}
-.black .v-datefield-popupcalendar .v-datefield-button:active {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -23px;
-}
-
-/* Small adjustment for IE6 */
-.v-ie6 .v-datefield-popupcalendar .v-datefield-button {
-       margin-top: 1px;
-}
-
-
-/*------------
-* on black background
-*/
-
-.black td.v-datefield-calendarpanel-month {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -46px;
-       height: 21px;
-}
-.black span.v-datefield-calendarpanel-month {
-       border-left: 1px solid #333638;
-       border-right: 1px solid #232527;
-       color: #c9ccce;
-       text-shadow: #000 0 -1px 0;
-       padding: 4px 10px 1px 10px;
-       margin-top: 0;
-}
-.black .v-datefield-calendarpanel-prevyear button,
-.black .v-datefield-calendarpanel-nextyear button,
-.black .v-datefield-calendarpanel-prevmonth button,
-.black .v-datefield-calendarpanel-nextmonth button {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -67px;
-       height: 21px;
-}
-.black .v-datefield-calendarpanel-nextyear button {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -88px;
-}
-.black .v-datefield-calendarpanel-prevyear button:active,
-.v-ie .black .v-datefield-calendarpanel-prevyear button.v-pressed {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -109px;
-}
-.black .v-datefield-calendarpanel-nextyear button:active,
-.v-ie .black .v-datefield-calendarpanel-nextyear button.v-pressed  {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -130px;
-}
-.black .v-datefield-calendarpanel-prevmonth,
-.black .v-datefield-calendarpanel-nextmonth {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -151px;
-}
-.black .v-datefield-calendarpanel-prevmonth button,
-.black .v-datefield-calendarpanel-nextmonth button {
-       border-left: 1px solid #333638;
-       border-right: 1px solid #232527;
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: center -172px;
-       margin-top: 0;
-}
-.black .v-datefield-calendarpanel-nextmonth button {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: center -193px;
-}
-.black .v-datefield-calendarpanel-prevmonth button:active,
-.v-ie .black .v-datefield-calendarpanel-prevmonth button.v-pressed {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: center -214px;
-}
-.black .v-datefield-calendarpanel-nextmonth button:active,
-.v-ie .black .v-datefield-calendarpanel-nextmonth button.v-pressed {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: center -235px;
-}
-.v-ie .black .v-datefield-calendarpanel-prevmonth button,
-.v-ie .black .v-datefield-calendarpanel-nextmonth button {
-       border: none;
-}
-.black .v-datefield-calendarpanel-weekdays td {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -256px;
-       color: #0a0b0b;
-       text-shadow: #5a5c5e 0 1px 0;
-}
-.black .v-datefield-calendarpanel-weekdays strong {
-       border-top-color: #1b1c1d;
-}
-.black .v-datefield-calendarpanel .v-first {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -275px;
-}
-.black .v-datefield-calendarpanel .v-last {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: right -294px;
-}
-.black .v-datefield-prompt .v-datefield-textfield {
-       color: #5f6366;
-}
-
-.v-formlayout-errorcell {
-       width: 13px;
-}
-.v-formlayout-cell .v-errorindicator {
-       width: 13px;
-       height: 16px;
-       background: transparent url(common/icons/error.png) no-repeat 50%;
-}
-.v-ie6 .v-formlayout-cell .v-errorindicator {
-       background-image: url(common/icons/error-ie6.png);
-}
-.v-formlayout-captioncell {
-       text-align: right;
-       white-space: nowrap;
-}
-.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: 8px;
-}
-.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: 15px;
-}
-.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: 15px;
-}
-.v-formlayout-margin-left .v-formlayout-captioncell {
-       padding-left: 18px;
-} 
-.v-formlayout-margin-right .v-formlayout-contentcell {
-       padding-right: 18px;
-}
-/* form */
-.v-form-errormessage {
-       background: transparent url(common/icons/error.png) no-repeat 3px 2px;
-       padding-left: 20px;
-       margin-bottom: 5px;
-       margin-top: 5px;
-       min-height: 20px;
-}
-.v-ie6 .v-form-errormessage {
-       height: 20px;
-       background-image: url(common/icons/error-ie6.png);
-}
-.v-form fieldset {
-       border: none;
-       border-top: 1px solid #babfc0;
-}
-.v-form-nocaption fieldset {
-       border: none;
-}
-.v-form-nocaption legend {
-       display: none;
-}
-.v-form legend {
-       margin: 0 0 0 20px;
-       padding: 0 5px;
-       font-weight: bold;
-       color: #222;
-}
-
-.v-label {
-       line-height: 18px;
-}
-
-/**********************
- * Black styles
- **********************/
-.white .black,
-.blue .black {
-       color: #C9CCCE;
-       text-shadow: 0 0 1px #000;
-}
-.black .v-label-h1,
-.black .v-label-h2,
-.black .v-caption-h1,
-.black .v-caption-h2,
-.white .black .v-label-h1,
-.white .black .v-label-h2,
-.white .black .v-caption-h1,
-.white .black .v-caption-h2,
-.blue .black .v-label-h1,
-.blue .black .v-label-h2,
-.blue .black .v-caption-h1,
-.blue .black .v-caption-h2 {
-       color: #fff;
-       text-shadow: rgba(0,0,0,.8) 0 2px 2px;
-}
-.black .v-label-light,
-.white .black .v-label-light {
-       color: #72787c;
-}
-.black .v-label hr,
-.white .black .v-label hr {
-       background: #0c0d0e;
-       color: #0c0d0e;
-       border-bottom-color: #292b2e;
-}
-
-/**********************
- * Blue styles
- **********************/
-.v-app .white,
-.v-window .white,
-.v-app .blue,
-.v-window .blue {
-       color: #222;
-       text-shadow: none;
-}
-.blue .v-label-h1,
-.blue .v-label-h2,
-.blue .v-caption-h1,
-.blue .v-caption-h2,
-.white .blue .v-label-h1,
-.white .blue .v-label-h2,
-.white .blue .v-caption-h1,
-.white .blue .v-caption-h2 {
-       color: #fff;
-       text-shadow: rgba(0,0,0,.3) 0 1px 1px;
-}
-.blue .v-label-light,
-.white .blue .v-label-light {
-       color: #6e7c83;
-}
-.blue .v-label hr,
-.white .blue .v-label hr {
-       background: #a3bcc9;
-       color: #a3bcc9;
-       border-bottom-color: #cfe2eb;
-}
-
-/**********************
- * Default & white styles
- **********************/
-.v-label-h1,
-.v-label-h2,
-.v-caption-h1,
-.v-caption-h2,
-.white .v-label-h1,
-.white .v-label-h2,
-.white .v-caption-h1,
-.white .v-caption-h2 {
-       font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
-       font-size: 24px;
-       line-height: 30px;
-       font-weight: bold;
-       color: #44698b;
-       letter-spacing: -0.02em;
-       text-shadow: #fff 0 -1px 1px;
-}
-.v-label-h2,
-.v-caption-h2,
-.white .v-label-h2,
-.white .v-caption-h2 {
-       font-size: 16px;
-       line-height: 22px;
-}
-.v-label-light,
-.white .v-label-light {
-       font-size: 11px;
-       line-height: 13px;
-       color: #707070;
-}
-
-.v-label hr,
-.white .v-label hr {
-       height: 2px;
-       overflow: hidden;
-       background: #dcdcdc;
-       color: #dcdcdc; /* For IE */
-       border: none;
-       border-bottom: 1px solid #fff;
-}
-
-.v-sa .v-label hr,
-.v-ie8 .v-label hr {
-       height: 1px;
-}
-
-/* Labels inside Table don't need a line-height */
-.v-table .v-label {
-       line-height: normal;
-}
-
-.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;
-}
-/* Different for historical reasons: previously was inherited directly from Base theme */
-/* TODO unify these values in version 7 */
-.v-gridlayout-margin-top {
-       padding-top: 24px;
-}
-.v-gridlayout-margin-bottom {
-       padding-bottom: 24px;
-}
-.v-gridlayout-margin-left {
-       padding-left: 24px;
-} 
-.v-gridlayout-margin-right {
-       padding-right: 24px;
-}
-.v-gridlayout-spacing-on {
-       padding-left: 12px;
-       padding-top: 12px;
-}
-/* Blue background */
-.v-verticallayout-blue,
-.v-horizontallayout-blue,
-.v-orderedlayout-blue,
-.v-gridlayout-blue,
-.v-csslayout-blue,
-.v-formlayout-blue,
-.v-splitpanel-vertical-blue,
-.v-splitpanel-horizontal-blue {
-       background-color: #bcd3de;
-}
-.v-panel-content > div.blue {
-       background-color: #bcd3de;
-}
-/* White background */
-.v-verticallayout-white,
-.v-horizontallayout-white,
-.v-orderedlayout-white,
-.v-gridlayout-white,
-.v-csslayout-white,
-.v-formlayout-white,
-.v-splitpanel-vertical-white,
-.v-splitpanel-horizontal-white  {
-       background-color: #fff;
-       color: #222;
-}
-.v-panel-content > div.white {
-       background-color: #fff;
-       color: #222;
-}
-/* Black background */
-.v-verticallayout-black,
-.v-horizontallayout-black,
-.v-orderedlayout-black,
-.v-gridlayout-black,
-.v-csslayout-black,
-.v-formlayout-black,
-.v-splitpanel-vertical-black,
-.v-splitpanel-horizontal-black {
-       background: #1e2022 url(layouts/img/black-bg.png) repeat-x;
-}
-.v-panel-content > div.black {
-       background: #1e2022 url(layouts/img/black-bg.png) repeat-x;
-}
-
-.v-link a:link span {
-       color: #1b699f;
-}
-.v-link a:visited span {
-       color: #5c7485;
-}
-.v-link a:hover span {
-       color: #2483c4;
-}
-
-.v-menubar {
-       height: 23px;
-       background: #323336 repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -383px;
-       color: #d1d3d6;
-       text-shadow: rgba(0,0,0,.9) 0 1px 0;
-       padding: 0 8px;
-}
-.v-menubar .v-menubar-menuitem {
-       padding: 3px 8px;
-       height: 17px;
-       line-height: 16px;
-}
-.v-menubar .v-menubar-menuitem:hover {
-       color: #fff;
-}
-.v-menubar-submenu {
-       background: #f8f8f9;
-       border: none;
-       border-radius: 3px;
-       -webkit-border-radius: 3px;
-       -moz-border-radius: 3px;
-       -o-border-radius: 3px;
-       overflow: hidden;
-       padding: 4px 0;
-}
-.v-menubar-submenu .v-menubar-menuitem {
-       padding: 1px 26px 1px 10px;
-       line-height: 16px;
-}
-.v-menubar-submenu .v-menubar-menuitem-caption * { 
-       vertical-align: middle;
-}
-.v-menubar .v-menubar-menuitem-selected,
-.v-menubar-submenu .v-menubar-menuitem-selected {
-       background: #4d749f repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -406px;
-       color: #fff;
-       text-shadow: 0 1px 0 #3b5a7a;
-}
-.v-menubar .v-menubar-menuitem-selected {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -426px;
-}
-.v-menubar-submenu .v-menubar-submenu-indicator {
-       background: transparent url(menubar/img/submenu-icon.png) no-repeat right 70%;
-       width: 26px;
-       height: 16px;
-       text-indent: -9999px;
-}
-.v-menubar-submenu .v-menubar-menuitem-selected .v-menubar-submenu-indicator {
-       background-image: url(menubar/img/submenu-icon-hover.png);
-}
-
-.v-Notification {
-       color: #fff;
-       border-radius: 4px;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       font-size: 100%;
-       background: #c8ccd0;
-       font-weight: bold;
-}
-
-.v-ie9 .v-Notification H1 {
-       /* Fix for #6793 */
-       font-weight: bold;
-}
-       
-.v-Notification p {
-       line-height: 1.3;
-}
-.v-Notification-warning {
-       background: #fdf3b5;
-       color: #ca9a61;
-       border: 3px solid #fee3af;
-}
-.v-Notification-error {
-       background: #b40000 url(notification/img/error-close.png) no-repeat right top;
-       border: 3px solid #ca3030;
-}
-.v-Notification-tray {
-       margin: 0 5px 5px 0;
-       background: #3b3c3e;
-       border: 2px solid #585b5c;
-       padding: 0.8em 0.9em;
-}
-.v-Notification-tray h1 {
-       font-size: 14px;
-       line-height: 18px;
-}
-.v-Notification-tray p {
-       font-size: 12px;
-       font-weight: normal;
-}
-.v-Notification-system {
-       background-color: #b40000;
-}
-
-.blue .v-panel-caption,
-.blue .v-panel-nocaption,
-.blue .v-panel-content {
-       border-color: #a8bcc5;
-}
-.v-panel-caption,
-.v-panel-nocaption,
-.white .v-panel-caption,
-.white .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;
-}
-.v-sa .v-panel-content,
-.v-ff3 .v-panel-content {
-       border-color: rgba(0,0,0,.1);
-}
-.v-panel-content > div {
-       background: #fff;
-       min-height: 100%;
-}
-.v-ie6 .v-panel-content {
-       background: #fff;
-}
-.v-panel-deco {
-       height: 1px;
-       border-top: 1px solid #bebebe;
-       background: #e2e2e2;
-       overflow: hidden;
-}
-.blue .v-panel-deco {
-       border-color: #92a3ac;
-       background: #adc2cd;
-}
-.v-sa .v-panel-deco,
-.v-ff3 .v-panel-deco {
-       border-top-color: rgba(0,0,0,.1);
-       background: rgba(0,0,0,.08);
-}
-.v-panel-caption .v-errorindicator {
-       height: 16px;
-       width: 13px;
-       background: url(common/icons/error.png) no-repeat 50%;
-       display: inline;
-       display: inline-block;
-       vertical-align: middle;
-}
-.v-ie6 .v-panel-caption .v-errorindicator {
-       background-image: url(common/icons/error-ie6.png);
-}
-.v-ff2 .v-panel-caption .v-errorindicator  {
-       display: -moz-inline-stack;
-}
-
-/* Light style */
-.v-panel-caption-light,
-.v-panel-nocaption-light {
-       border: none;
-}
-.v-panel-content-light {
-       border: none;
-}
-.v-panel-content-light > div {
-       background: transparent;
-}
-.v-ie6 .v-panel-content-light {
-       background: transparent;
-}
-.v-panel-deco-light {
-       height: 0;
-       border: none;
-}
-
-.v-popupview {
-       color: #1b699f;
-}
-.v-popupview:hover {
-       color: #2483c4;
-}
-.v-popupview-popup {
-       background: #fff;
-       padding: 3px;
-}
-
-.v-progressindicator-wrapper {
-       background: #dfe2e4 url(progressindicator/img/base.gif) repeat-x;
-       border: 1px solid #bfbfbf;
-}
-.v-disabled .v-progressindicator-wrapper {
-       background-image: url(progressindicator/img/disabled.gif);
-}
-.v-progressindicator-indicator {
-       background: #f7f9f9 url(progressindicator/img/progress.png);
-}
-
-.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 -450px;
-       padding-left: 2px;
-}
-.v-ie6 .v-filterselect {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -475px;
-}
-.v-app .v-filterselect-input,
-.v-window .v-filterselect-input,
-.v-popupview-popup .v-filterselect-input {
-       background: transparent repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -499px;
-       border: none;
-       height: 16px;
-}
-/* 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: 4px 0 4px 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 -524px;
-}
-.v-ie6 .v-filterselect-focus {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -549px;
-}
-.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 -573px;
-}
-.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 -597px;
-       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 -622px;
-}
-.v-filterselect-button:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -646px;
-}
-.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 -670px;
-}
-.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 -694px;
-}
-.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 -718px;
-}
-.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 -742px;
-}
-.v-filterselect-suggestpopup {
-       background: #f8f8f9;
-       border: none;
-       border-radius: 3px;
-       -webkit-border-radius: 3px;
-       -moz-border-radius: 3px;
-       -o-border-radius: 3px;
-       overflow: hidden;
-}
-.v-filterselect-suggestmenu {
-       margin: 4px 0;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem {
-       padding: 1px 8px;
-       height: 16px;
-       user-select: none;
-       -moz-user-select: none;
-       -webkit-user-select: none;
-       cursor: default;
-}
-.v-ff .v-filterselect-suggestmenu .gwt-MenuItem {
-       height: 18px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
-       margin-right: 3px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem-selected {
-       background: transparent repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -766px;
-       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;
-       margin-bottom: -4px;
-}
-.v-filterselect-nextpage,
-.v-filterselect-nextpage-off {
-       margin: -4px 0 0;
-}
-.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 -786px;
-}
-.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 -797px;
-}
-.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 -808px;
-}
-.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 -819px;
-}
-.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: transparent no-repeat center 3px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: center -830px;
-       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 -841px;
-}
-.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 -852px;
-}
-.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 -863px;
-}
-.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 -874px;
-       -moz-border-radius-bottomleft: 3px;
-       -moz-border-radius-bottomright: 3px;
-       -webkit-border-bottom-left-radius: 3px;
-       -webkit-border-bottom-right-radius: 3px;
-       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(common/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 */
-.v-filterselect .v-icon {
-       width: 16px;
-       position: relative;
-}
-.v-filterselect .v-icon + .v-filterselect-input {
-       margin-left: -16px;
-       padding-left: 18px;
-}
-
-
-
-
-/* Combobox on black background */
-.black .v-filterselect {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -310px;
-}
-.v-ie6 .black .v-filterselect {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -334px;
-}
-.v-app .black .v-filterselect-input,
-.v-window .black .v-filterselect-input,
-.v-window-black .v-filterselect-input,
-.v-popupview-popup .black .v-filterselect-input {
-       color: #c9ccce;
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -358px;
-}
-.black .v-filterselect-focus {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -382px;
-}
-.v-ie6 .black .v-filterselect-focus {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -406px;
-}
-.black .v-filterselect-focus .v-filterselect-input {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -430px;
-}
-.black .v-filterselect-button {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -454px;
-}
-.black .v-filterselect-button:hover {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -478px;
-}
-.black .v-filterselect-button:active {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -502px;
-}
-.black .v-filterselect-focus .v-filterselect-button {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -526px;
-}
-.black .v-filterselect-focus .v-filterselect-button:hover {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -550px;
-}
-.black .v-filterselect-focus .v-filterselect-button:active {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -574px;
-}
-.black .v-disabled .v-filterselect-button:hover,
-.black .v-readonly .v-filterselect-button:hover {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -598px;
-}
-.black .v-filterselect-prompt .v-filterselect-input {
-       color: #5f6366;
-}
-
-
-
-/* Native selects on black background */
-.black .v-select select,
-.black .v-select-twincol select {
-       border-color: #38393a;
-       border-top-color: #2c2d2e;
-       border-bottom-color: #3e3f3f;
-       background: #151717;
-       color: #c9ccce;
-}
-
-/* Twincolselect needs a little tweak in IE6 */
-.v-ie6 .v-select-twincol-buttons .v-button {
-       padding-left: 12px;
-       padding-right: 12px;
-}
-
-/* IE6 needs some help identifying when the input is readonly */
-.v-ie6 .v-filterselect.v-readonly,
-.v-ie6 .v-filterselect .v-filterselect-input-readonly {
-       background: transparent;
-}
-
-.v-slider {
-       border-top: 1px solid #9a9c9e;
-       border-bottom: 1px solid #bdbfc1;
-       margin: 4px 0;
-}
-.v-slider-base {
-       height: 1px;
-       background: #e0e2e2;
-       border-top: 1px solid #adb0b1;
-       border-left: 1px solid #a0a3a6;
-       border-right: 1px solid #a0a3a6;
-}
-.v-slider-handle {
-       background: transparent;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -891px;
-       width: 10px;
-       height: 10px;
-       margin-top: -5px;
-}
-.v-slider-handle-active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -901px;
-}
-.v-slider-vertical {
-       width: 2px;
-       margin: 0 5px;
-       border: none;
-       border-left: 1px solid #9a9c9e;
-       border-right: 1px solid #bdbfc1;
-}
-.v-slider-vertical .v-slider-base {
-       width: 2px;
-       border-left: 1px solid #adb0b1;
-       border-right: none;
-       border-top: 1px solid #adb0b1;
-       border-bottom: 1px solid #adb0b1;       
-}
-.v-slider-vertical .v-slider-handle {
-       width: 10px;
-       height: 10px;
-       margin-left: -5px;
-}
-
-.v-splitpanel-hsplitter,
-.v-splitpanel-hsplitter-locked {
-       width: 7px;
-       background-repeat: repeat-y;
-  background-image: url(common/img/horizontal-sprites.png);
-  background-position: -0px top;
-}
-.v-splitpanel-hsplitter div {
-       width: 7px;
-       height: 100%; /* for Opera */
-       background: transparent;
-       background-repeat: no-repeat;
-       background-position: 50%;
-  background-image: url(common/img/horizontal-sprites.png);
-  background-position: -7px center;
-}
-.v-splitpanel-vsplitter,
-.v-splitpanel-vsplitter-locked {
-       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 -911px;
-}
-.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 -918px;
-}
-
-
-/* Splitpanels on blue background */
-.blue .v-splitpanel-hsplitter-small,
-.blue .v-splitpanel-hsplitter-small-locked {
-       background: #7c8a91;
-}
-
-/* Splitpanels on black background */
-.black .v-splitpanel-hsplitter-small,
-.black .v-splitpanel-hsplitter-small-locked {
-       background: #4e5253;
-}
-
-/* Small style */
-.v-splitpanel-hsplitter-small,
-.v-splitpanel-hsplitter-small-locked,
-.white .v-splitpanel-hsplitter-small,
-.white .v-splitpanel-hsplitter-small-locked {
-       width: 1px;
-       background: #949698;
-}
-.v-splitpanel-vsplitter-small,
-.v-splitpanel-vsplitter-small-locked,
-.white .v-splitpanel-vsplitter-small,
-.white .v-splitpanel-vsplitter-small-locked {
-       height: 1px;
-       background: #949698;
-}
-.v-splitpanel-hsplitter-small div {
-       width: 5px;
-       margin-left: -2px;
-       background: transparent;
-}
-.v-splitpanel-vsplitter-small div {
-       height: 5px;
-       margin-top: -2px;
-       background: transparent;
-}
-
-/* Table on blue background */
-.blue .v-table-header-wrap {
-       border-color: #92a2aa;
-}
-.blue .v-table-body {
-       border-color: #92a2aa;
-       border-top-color: #c2c3c4;
-}
-
-/* Default & white style */
-.v-table-header-wrap,
-.white .v-table-header-wrap,
-.v-table-footer-wrap,
-.white .v-table-footer-wrap {
-       border-color: #c2c3c4;
-       background: transparent repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -925px;
-       height: 20px;
-       text-transform: uppercase;
-       font-size: 10px;
-       font-weight: bold;
-       color: #222;
-       text-shadow: #f3f5f8 0 1px 0;
-       line-height: normal;
-}
-
-.v-table-footer-wrap,
-.white .v-table-footer-wrap {
-       text-transform: none;
-       font-size: 12px;
-       font-weight: normal;
-}
-
-.v-table-footer td,
-.white .v-table-footer td {
-       border-color: #c2c3c4;
-}
-
-.v-table-footer-container {
-       padding-right: 7px;
-}
-
-.v-table-header,
-.v-table-footer,
-.v-table-footer table {
-       height: 20px;
-}
-
-.v-table-caption-container {
-       heigth: 16px;
-       padding-top: 4px;
-       padding-right: 4px;
-}
-.v-table-caption-container .v-icon {
-       height: 16px;
-       margin: -4px 3px 0 0;
-       vertical-align: middle;
-}
-.v-ie .v-table-caption-container .v-icon {
-       margin-top: -3px;
-}
-.v-table-footer-container {
-       heigth: 16px;   
-}
-.v-table-resizer {
-       height: 20px;
-       width: 2px;
-       background: transparent;
-       border-right: 1px solid #c2c3c4;
-}
-
-.v-table-sort-indicator {
-       background: transparent;
-       width: 0px;
-       height: 20px;
-}
-
-.v-table-header-cell-asc .v-table-sort-indicator {
-       background: transparent no-repeat right 7px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -945px;
-       width: 16px;
-}
-.v-table-header-cell-desc .v-table-sort-indicator {
-       background: transparent no-repeat right 7px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -965px;
-       width: 16px;
-}
-.v-table-body,
-.white .v-table-body {
-       border-color: #c2c3c4;
-       background: #fff;
-}
-.v-table-cell-content {
-       padding-top: 0;
-       border-right-color: #d3d4d5;
-       vertical-align: top;
-}
-.v-table-cell-wrapper {
-       padding-top: 3px;
-       padding-bottom: 3px;
-}
-.v-table-row-odd {
-       background: #eff0f1;
-}
-.v-table-cell-content:last-child {
-       border-right-color: transparent;
-}
-.v-table .v-selected,
-.black .v-table .v-selected {
-       background: #4d749f url(common/img/sel-bg.png) repeat-x; /* We can't include this in the sprite, since we don't know the row height */
-       color: #fff;
-       text-shadow: #3b5a7a 0 1px 0;
-}
-.v-table .v-selected .v-table-cell-content {
-       border-right-color: #466c90;
-}
-.v-table-focus .v-table-cell-wrapper {
-       padding-top: 2px;
-       padding-bottom: 2px;    
-}
-.v-table-column-selector {
-       width: 16px;
-       height: 20px;
-       margin-top: -20px;
-       background: transparent no-repeat;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -985px;
-}
-.v-table-column-selector:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1005px;
-}
-.v-table-focus-slot-left {
-       border-left-color: #222;
-       margin-left: 0;
-}
-.v-table-focus-slot-right {
-       border-right-color: #222;
-       margin-right: 0;
-}
-.v-table-header-drag {
-       font-family: arial, helvetica, verdana, sans-serif;
-       background: transparent repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1025px;
-       padding: 4px;
-       text-transform: uppercase;
-       font-size: 10px;
-       font-weight: bold;
-       color: #222;
-       text-shadow: #fff 0 1px 0;
-       line-height: normal;
-}
-.v-table-header-drag * {
-       vertical-align: middle;
-}
-.v-table-header-drag img {
-       height: 16px;
-       margin: -3px 3px 0 0;
-}
-.v-table-scrollposition {
-       width: auto;
-       background: transparent;
-       border: none;
-}
-.v-table-scrollposition span {
-       background: transparent repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1045px;
-       border: 1px solid #939494;
-       border: none;
-       border-radius-bottomleft: 4px;
-       border-radius-bottomright: 4px;
-       -moz-border-radius-bottomleft: 4px;
-       -moz-border-radius-bottomright: 4px;
-       -webkit-border-bottom-left-radius: 4px;
-       -webkit-border-bottom-right-radius: 4px;
-       height: 13px;
-       padding: 4px 30px;
-       white-space: nowrap;
-       color: #222;
-       text-shadow: #fff 0 1px 0;
-       position: relative;
-       top: 1px;
-       -webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px;
-       -moz-box-shadow: rgba(0,0,0,.5) 0 1px 2px;
-}
-.v-table-borderless .v-table-scrollposition span {
-       top: 0;
-}
-/* row in column selector */
-.v-contextmenu .v-on,
-.v-contextmenu .v-off {
-       display: block;
-       background: transparent no-repeat 0 4px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1067px;
-       padding-left: 12px;
-       padding-right: 4px;
-}
-.v-contextmenu .v-off {
-       background-image: none;
-       color: #666;
-}
-.v-contextmenu .gwt-MenuItem-selected .v-on {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1081px;
-}
-
-
-/* Strong style */
-.v-table-strong .v-table-header-wrap {
-       border-color: #2b3033;
-       border-top-color: #2b3033;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1096px;
-       color: #e7e9ea;
-       text-shadow: #000 0 -1px 0;
-}
-.v-table-strong .v-table-body {
-       border-top-color: #2b3033;
-}
-.v-table-strong .v-table-resizer {
-       border-right-color: #1c1f21;
-}
-.v-table-strong .v-table-header-cell-asc .v-table-sort-indicator {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -1116px;
-}
-.v-table-strong .v-table-header-cell-desc .v-table-sort-indicator {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -1135px;
-}
-.v-table-strong .v-table-column-selector {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1154px;
-}
-.v-table-strong .v-table-column-selector:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1174px;
-}
-.v-table-strong .v-table-header-drag {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1194px;
-       color: #e7e9ea;
-       text-shadow: #000 0 -1px 0;
-}
-.v-table-strong .v-table-focus-slot-left,
-.v-table-strong .v-table-focus-slot-right {
-       border-color: #9ca1a5;
-}
-
-
-/* Table on black background (normal style) */
-.black .v-table-header-wrap {
-       border-color: #252729;
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -622px;
-       color: #e7eaee;
-       text-shadow: #000 0 -1px 0;
-}
-.black .v-table-resizer {
-       border-right-color: #252729;
-}
-.black .v-table-header-cell-asc .v-table-sort-indicator {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: right -642px;
-}
-.black .v-table-header-cell-desc .v-table-sort-indicator {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: right -661px;
-}
-.black .v-table-column-selector {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -680px;
-}
-.black .v-table-column-selector:active {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -700px;
-}
-.black .v-table-header-drag {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -720px;
-       color: #e7eaee;
-       text-shadow: #000 0 -1px 0;
-}
-.black .v-table-focus-slot-left,
-.black .v-table-focus-slot-right {
-       border-color: #9ca1a5;
-}
-.black .v-table-body {
-       border-color: #252729;
-       background: transparent;
-}
-.black .v-table-cell-content {
-       border-right-color: #252729;
-       border-bottom: 1px solid #252729;
-}
-.black .v-table-cell-wrapper {
-       padding-bottom: 2px;
-}
-.black .v-table-row-odd {
-       background: transparent;
-}
-/* Selection background-color combined with default style selector, so we don't have to duplicate the sprite image in the final sprite collection */
-.black .v-table .v-selected .v-table-cell-content {
-       border-bottom: 1px solid #4d749f;
-}
-
-
-/* Borderless style */
-.v-table-borderless .v-table-header-wrap,
-.v-table-borderless .v-table-body {
-       border: none;
-}
-
-
-
-/* These styles get catenated together on build */
-
-/* Default Tabsheet styles */
-
-.v-tabsheet-tabitemcell,
-.v-tabsheet-spacertd {
-       height: 32px;
-}
-.v-tabsheet-tabitemcell {
-       background: no-repeat;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1214px;
-       padding-left: 3px;
-}
-.v-tabsheet-tabitemcell-first {
-       padding-left: 10px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1246px;
-}
-.v-tabsheet-tabitem,
-.v-tabsheet-spacertd div {
-       border: none;
-       height: 32px;
-       background: transparent repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1278px;
-       padding: 0;
-       color: #222;
-       text-shadow: #fff 0 1px 0;
-}
-.v-tabsheet-tabitem .v-caption {
-       border: none;
-       height: 23px;
-       background: no-repeat right top;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -1310px;
-       padding: 9px 8px 0 6px;
-}
-.v-tabsheet-tabitem .v-caption-closable {
-       padding-right: 0;
-       padding-left: 17px;
-}
-.v-tabsheet-tabitem .v-captiontext {
-       height: 16px;
-       line-height: 16px;
-}
-.v-tabsheet-caption-close {
-       float: right;
-       width: 19px;
-       height: 18px;
-       margin: -1px -1px 0;
-       padding-left: 2px;
-       background: transparent;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1342px;
-       cursor: default;
-       text-indent: -999px;
-       overflow: hidden;
-       font-size: 14px;
-       font-weight: normal;
-}
-.v-ff .v-tabsheet-caption-close,
-.v-ie7 .v-tabsheet-caption-close {
-       margin-top: -17px;
-}
-.v-ie6 .v-tabsheet-caption-close {
-       float: none;
-}
-.v-tabsheet-caption-close:hover {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1360px;
-}
-.v-tabsheet-caption-close:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1378px;
-}
-.v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1396px;
-}
-.v-tabsheet-tabitem-selected .v-tabsheet-caption-close:hover {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1414px;
-}
-.v-tabsheet-tabitem-selected .v-tabsheet-caption-close:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1432px;
-}
-.v-tabsheet-tabitemcell-selected {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1450px;
-}
-.v-tabsheet-tabitemcell-selected-first {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1482px;
-}
-.v-tabsheet-tabitem-selected {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1514px;
-       color: #232930;
-}
-.v-tabsheet-tabitem-selected .v-caption {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -1546px;
-}
-.v-tabsheet-spacertd div {
-       margin-right: 4px;
-}
-.v-tabsheet-spacertd {
-       background: transparent no-repeat right top;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -1578px;
-}
-.blue .v-tabsheet-content {
-       border-color: #a8bcc5;
-}
-.v-tabsheet-content,
-.white .v-tabsheet-content {
-       border: 1px solid #dcdcdc;
-       border-bottom: none;
-       border-top: none;
-       color: #222;
-       text-shadow: none;
-}
-.v-tabsheet-tabsheetpanel {
-       background: #fff;
-}
-.v-sa .v-tabsheet-content,
-.v-ff3 .v-tabsheet-content {
-       border-color: rgba(0,0,0,.1);
-}
-.blue .v-tabsheet-deco {
-       border-color: #92a3ac;
-       background: #adc2cd;
-}
-.v-tabsheet-deco,
-.white .v-tabsheet-deco {
-       height: 1px;
-       border-top: 1px solid #bebebe;
-       background: #e2e2e2;
-       overflow: hidden;
-}
-.v-sa .v-tabsheet-deco,
-.v-ff3 .v-tabsheet-deco {
-       border-top-color: rgba(0,0,0,.1);
-       background: rgba(0,0,0,.08);
-}
-
-
-/* Icons & error indicators */
-
-.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: 13px;
-       height: 16px;
-       background: transparent url(common/icons/error.png) no-repeat 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(common/icons/error-ie6.png);
-}
-.v-ie .v-tabsheet-tabs .v-errorindicator {
-       zoom: 1;
-       display: inline;
-}
-.v-ie8 .v-tabsheet-tabs .v-errorindicator,
-.v-ie9 .v-tabsheet-tabs .v-errorindicator {
-       display: inline-block;
-}
-
-/* Tabsheet scroller styles */
-
-.v-tabsheet-scroller {
-       height: 31px;
-       margin-top: -31px;
-       padding: 0 3px 0 4px;
-       border-right: 1px solid #c2c2c2;
-       border-left: 1px solid #cfcfcf;
-       position: relative;
-       float: right;
-       background: transparent url(tabsheet/img/framed/tab-bg.png) repeat-x left -1px;
-       width: 36px;
-}
-.v-tabsheet-scroller button {
-       margin-top: 7px;
-}
-.v-tabsheet-scrollerPrev,
-.v-tabsheet-scrollerNext,
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
-       border: none;
-       background: transparent;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1610px;
-       width: 18px;
-       height: 17px;
-       overflow: hidden;
-       cursor: default;
-}
-.v-tabsheet-scroller button::-moz-focus-inner {
-       border: none;
-}
-.v-tabsheet-scrollerNext {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1627px;
-}
-.v-tabsheet-scrollerPrev:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1644px;
-}
-.v-tabsheet-scrollerNext:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1661px;
-}
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerPrev-disabled:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1678px;
-       opacity: 1;
-       filter: none;
-}
-.v-tabsheet-scrollerNext-disabled,
-.v-tabsheet-scrollerNext-disabled:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1695px;
-       opacity: 1;
-       filter: none;
-}
-
-.v-tabsheet-borderless .v-tabsheet-tabitemcell-first {
-       padding-left: 7px;
-       background: url(tabsheet/img/framed/tab-first-left.png) no-repeat -3px 0;
-}
-.v-tabsheet-borderless .v-tabsheet-tabitemcell-selected-first {
-       background: url(tabsheet/img/framed/tab-first-left-sel.png) no-repeat -3px 0;
-}
-.v-tabsheet-borderless .v-tabsheet-spacertd div {
-       margin-right: 0;
-}
-.v-tabsheet-borderless .v-tabsheet-spacertd {
-       background: transparent;
-}
-.v-tabsheet-borderless .v-tabsheet-content {
-       border: none;
-}
-.v-tabsheet-borderless .v-tabsheet-deco {
-       height: 0;
-       border-top: none;
-}
-
-/**
- * Tabsheet "minimal" style --------------
- */
-
-/* Minimal tabsheet on blue background */
-.blue .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div,
-.blue .v-tabsheet-tabs-minimal .v-tabsheet-tabitem,
-.blue .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected  {
-       border-color: #7c8a91;
-}
-.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close {
-       color: #7c8a91;
-}
-.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover {
-       color: #BCD3DE;
-       background: #778d98;
-}
-.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active {
-       background: #4f6874;
-}
-
-/* Default & white styles */
-.v-tabsheet-tabs-minimal .v-tabsheet-spacertd div,
-.white .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div {
-       border-bottom: 1px solid #bfbfbf;
-       height: auto;
-       background: transparent;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-tabitemcell,
-.v-tabsheet-tabs-minimal .v-tabsheet-spacertd {
-       height: auto;
-       background: transparent;
-       padding-left: 0;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-tabitem,
-.white .v-tabsheet-tabs-minimal .v-tabsheet-tabitem {
-       border: none;
-       border-bottom: 1px solid #bfbfbf;
-       color: #4d748f;
-       padding: 0;
-       height: auto;
-       background: transparent;
-       text-shadow: none;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-tabitem .v-caption {
-       padding: 5px 16px;
-       height: auto;
-       background: transparent;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-tabitemcell-selected {
-       background: transparent;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected,
-.white .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected {
-       background: transparent;
-       border: 1px solid #bfbfbf;
-       border-bottom: none;
-       color: #222;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected .v-caption {
-       background: transparent;
-       padding: 4px 15px 6px 15px;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-tabitem .v-caption-closable,
-.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected .v-caption-closable {
-       padding-right: 6px;
-}
-.v-tabsheet-content-minimal,
-.white .v-tabsheet-content-minimal {
-       border: none;
-}
-.v-tabsheet-content-minimal .v-tabsheet-tabsheetpanel {
-       background: transparent;
-}
-.v-tabsheet-deco-minimal,
-.white .v-tabsheet-deco-minimal {
-       height: 0;
-       border: none;
-}
-.v-tabsheet-tabcontainer-minimal .v-tabsheet-scroller {
-       margin-top: -20px;
-       height: 17px;
-       padding: 0;
-       border: none;
-       background: transparent;
-}
-.v-tabsheet-tabcontainer-minimal .v-tabsheet-scroller button {
-       margin-top: 0;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-caption-close,
-.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover,
-.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active {
-       text-indent: 0;
-       background: transparent;
-       margin-left: 3px;
-       margin-right: -3px;
-       padding: 0;
-       color: #999;
-       width: 14px;
-       height: 14px;
-       line-height: 14px;
-       -webkit-border-radius: 7px;
-       -moz-border-radius: 7px;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-caption-close {
-       margin-top: 1px;
-}
-.v-ff .v-tabsheet-tabs-minimal .v-tabsheet-caption-close,
-.v-ie7 .v-tabsheet-tabs-minimal .v-tabsheet-caption-close {
-       margin-top: -15px;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover,
-.white .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover {
-       color: #fff;
-       background: #aaa;
-}
-.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active,
-.white .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active {
-       background: #777;
-}
-
-/* Minimal tabsheet on black background */
-.black .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div,
-.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem,
-.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected  {
-       border-color: #3e4044;
-       color: #6a7f89;
-}
-.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected {
-       color: #c9ccce;
-}
-.black .v-tabsheet-content-minimal,
-.black .v-tabsheet-content-bar {
-       color: #c9ccce;
-       text-shadow: #000 0 0 1px;
-}
-.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close {
-       color: #72787c;
-}
-.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover {
-       color: #1d2021;
-       background: #4d5154;
-}
-.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active {
-       background: #626669;
-}
-
-/**
- * Tabsheet bar style ---------------
- */
-.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell,
-.v-tabsheet-tabs-bar .v-tabsheet-spacertd {
-       height: 20px;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-spacertd {
-       background: transparent;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1713px;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell-first {
-       padding-left: 6px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1733px;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitem,
-.v-tabsheet-tabs-bar .v-tabsheet-spacertd div {
-       height: 20px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1753px;
-       font-size: 11px;
-       margin: 0;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitem .v-caption {
-       height: 18px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -1773px;
-       padding: 2px 12px 0 10px;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitem .v-caption-closable,
-.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-caption-closable {
-       padding-right: 8px;
-       padding-left: 14px;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-caption-close,
-.v-tabsheet-tabs-bar .v-tabsheet-caption-close:hover,
-.v-tabsheet-tabs-bar .v-tabsheet-caption-close:active {
-       text-indent: 0;
-       background: transparent;
-       margin-left: 3px;
-       margin-right: -3px;
-       padding: 1px 0 0 1px;
-       color: #3c3c3c;
-       width: 13px;
-       height: 13px;
-       line-height: 12px;
-       -webkit-border-radius: 7px;
-       -moz-border-radius: 7px;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-caption-close {
-       margin-top: 1px;
-}
-.v-ff .v-tabsheet-tabs-bar .v-tabsheet-caption-close,
-.v-ie7 .v-tabsheet-tabs-bar .v-tabsheet-caption-close {
-       margin-top: -14px;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-caption-close:hover {
-       background: #bfbfbf;
-       -webkit-box-shadow: 0 1px 0 #fff;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-caption-close:active {
-       background: #a9a9a9;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
-       color: #404142;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close:hover {
-       background: #5e666e;
-       color: #fff;
-       text-shadow: 0 -1px 0 #222;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close:active {
-       background: #404142;
-}
-
-.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell-selected {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1793px;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell-selected-first {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1813px;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1833px;
-       color: #232930;
-}
-.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-caption {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: right -1853px;
-}
-.v-tabsheet-tabcontainer-bar .v-tabsheet-scroller {
-       margin-top: -20px;
-       height: 19px;
-       border-right: none;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1873px;
-}
-.v-tabsheet-tabcontainer-bar .v-tabsheet-scroller button {
-       margin-top: 1px;
-}
-.v-tabsheet-content-bar,
-.white .v-tabsheet-content-bar {
-       border: none;
-}
-.v-tabsheet-content-bar .v-tabsheet-tabsheetpanel {
-       background: transparent;
-}
-.v-tabsheet-deco-bar,
-.white .v-tabsheet-deco-bar {
-       height: 0;
-       border: none;
-}
-/* Content area font color specified with minimal style (reduces additional selectors) */
-
-.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem .v-tabsheet-caption-close,
-.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem:hover .v-tabsheet-caption-close {
-       visibility: hidden;
-}
-.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem-selected .v-tabsheet-caption-close,
-.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem-selected:hover .v-tabsheet-caption-close {
-       visibility: visible;
-}
-
-.v-tabsheet-tabs-hover-closable .v-tabsheet-caption-close {
-       visibility: hidden;
-}
-.v-tabsheet-tabs-hover-closable .v-tabsheet-tabitem:hover .v-tabsheet-caption-close {
-       visibility: visible;
-}
-
-/* Textfield on blue background */
-.blue .v-textfield,
-.blue .v-textarea {
-       border-color: #92a2aa;
-       border-top-color: #7c8a90;
-       border-bottom-color: #a1b3bc;
-}
-/* Default & white background */
-.v-textfield,
-.v-textarea,
-.white .v-textfield,
-.white .v-textarea {
-       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 -1893px;
-       -moz-border-radius: 3px;
-       -webkit-border-radius: 3px;
-       border-radius: 3px;
-       margin: 0;
-       height: 15px;
-       line-height: normal;
-}
-.v-textarea,
-.white .v-textarea {
-       background-image: none;
-       height: auto;
-}
-/* Need more specific selector because of #2384 fixes in base/common/common.css */
-.v-app input.v-textfield,
-.v-window input.v-textfield,
-.v-app textarea.v-textarea,
-.v-window textarea.v-textarea  {
-       padding: 3px 3px 4px;
-}
-.v-app .v-textfield-focus,
-.v-window .v-textfield-focus,
-.v-popupview-popup .v-textfield-focus,
-.v-app .v-textarea-focus,
-.v-window .v-textarea-focus,
-.v-popupview-popup .v-textarea-focus {
-       border-color: #5b97d0;
-       border-top-color: #4f83b4;
-       border-bottom-color: #5ca0df;
-       outline: none;
-       background-color: #fff;
-}
-input.v-textfield-prompt,
-textarea.v-textarea-prompt {
-       font-style: normal;
-       color: #999;
-}
-/* Small style textfield */
-.v-app input.v-textfield-small {
-       font-size: 11px;
-       line-height: normal;
-       height: auto;
-       padding: 2px;
-}
-.v-app textarea.v-textarea-small {
-       font-size: 11px;
-}
-.v-table input.v-textfield {
-       padding: 1px 2px;
-       height: auto;
-       line-height: normal;
-}
-.v-table-cell-wrapper > input.v-textfield {
-       margin-top: -2px;
-       margin-bottom: -2px;
-}
-.v-ie6 .v-table-cell-wrapper input.v-textfield {
-       margin-top: -2px;
-       margin-bottom: -2px;
-}
-.v-ie6 .v-table-cell-wrapper div input.v-textfield {
-       margin-top: 0;
-       margin-bottom: 0;
-}
-/* Textfield on black background */
-.black .v-textfield,
-.black .v-textarea {
-       border-color: #38393a;
-       border-top-color: #2c2d2e;
-       border-bottom-color: #3e3f3f;
-       background: #151717;
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -740px;
-       color: #c9ccce;
-       text-shadow: #000 0 0 1px;
-}
-.black .v-textarea {
-       background-image: none;
-}
-.v-app .black .v-textfield-focus,
-.v-window-black .v-textfield-focus,
-.v-window .black .v-textfield-focus,
-.v-popupview-popup .black .v-textfield-focus,
-.v-app .black .v-textarea-focus,
-.v-window-black .v-textarea-focus,
-.v-window .black .v-textarea-focus,
-.v-popupview-popup .black .v-textarea-focus {
-       border-color: #4b7192;
-       border-top-color: #3b5a75;
-       border-bottom-color: #507596;
-       background-color: #151717;
-}
-.black input.v-textfield-prompt {
-       color: #5f6366;
-}
-/* Readonly */
-input.v-textfield-readonly,
-.black input.v-textfield-readonly,
-textarea.v-textarea-readonly,
-.black textarea.v-textarea-readonly {
-       border: none;
-       background: transparent;
-}
-
-.v-tree-node {
-       background: transparent url(tree/img/arrows.png) no-repeat 6px -10px;
-}
-.v-ie6 .v-tree-node {
-       background-image: url(tree/img/arrows-ie6.png);
-       background-repeat: no-repeat;
-}
-.v-ie6 div.v-tree-node-leaf {
-       background: transparent;
-}
-.v-tree-node-expanded {
-       background-position: -7px 5px;
-}
-.v-tree-node-caption {
-       margin-left: 16px;
-       padding-bottom: 1px;
-}
-.v-tree-node span {
-       padding: 1px 2px;
-       display: inline-block;
-}
-.v-tree-node-selected span {
-       background: #4d749f repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1916px;
-       color: #fff;
-       padding: 1px 2px;
-       -webkit-border-radius: 2px;
-       -moz-border-radius: 2px;
-       text-shadow: #2b425a 0 1px 0;
-       display: inline-block;
-}
-.v-tree-node-children {
-       padding-left: 16px;
-}
-/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of v-tree-node-caption */
-.v-ie6 .v-tree-node-ie6compatnode {
-       width: 14px;
-       height: 10px;
-       padding: 1px;
-}
-.v-tree-node-caption.v-tree-node-focused span{
-       padding-left: 1px;
-       padding-top: 0px;
-       padding-bottom: 0px;
-}
-.v-tree-node-focused span{
-       border: 1px dotted black;       
-}
-.v-ie6 .v-tree-node-ie6compatnode.v-tree-node-focused{
-       padding-left: 0px;
-}
-/***************************************
- * Drag'n'drop styles
- ***************************************/
-.v-tree .v-tree-node-drag-top {
-       background-position: 6px -11px;
-}
-.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
-       background-position: -7px 4px;
-}
-
-.v-window {
-       background: transparent;
-}
-.v-window-wrap {
-       border: 1px solid #808386;
-}
-.v-sa .v-window-wrap,
-.v-ff3 .v-window-wrap,
-.v-op .v-window-wrap {
-       border-color: rgba(0,0,0,.2);
-}
-.v-ff2 .v-window-wrap,
-.v-ie6 .v-window-wrap {
-       border: none;
-}
-.v-ff2 .v-window-outerheader,
-.v-ie6 .v-window-outerheader {
-       border: 1px solid #808386;
-       border-bottom: none;
-}
-.v-ff2 .v-window-contents,
-.v-ie6 .v-window-contents {
-       border: 1px solid #808386;
-       border-top: none;
-       border-bottom: none;
-}
-.v-ff2 .v-window-footer,
-.v-ie6 .v-window-footer {
-       border: 1px solid #808386;
-       border-top: none;
-}
-.v-window-outerheader {
-       padding: 12px 32px 0 14px;
-       height: 25px;
-       background: black repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1936px;
-}
-.v-window-header {
-       font-weight: bold;
-       font-size: 12px;
-       line-height: normal;
-       color: #fff;
-       text-shadow: #000 0 -1px 0;
-       white-space: nowrap;
-       overflow: hidden;
-       text-overflow: ellipsis;
-       -ms-text-overflow: ellipsis;
-}
-.v-window-error .v-window-header {
-       padding-left: 13px;
-       background: transparent url(common/icons/error.png) no-repeat 0 50%;
-}
-.v-ie6 .v-window-error .v-window-header {
-       background-image: url(common/icons/error-ie6.png);
-}
-.v-window-resizebox {
-       width: 15px;
-       height: 15px;
-       cursor: se-resize;
-       background: transparent;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1973px;
-}
-.v-window-footer {
-       background-color:white;
-       background-repeat: repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -1988px;
-       height: 15px;
-}
-.v-window-closebox {
-       top: 12px;
-       right: 10px;
-       width: 15px;
-       height: 16px;
-       background: transparent;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -2003px;
-}
-.v-window-closebox:hover {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -2019px;
-}
-.v-window-closebox:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -2035px;
-}
-.v-window-contents {
-       background: #fff;
-}
-.v-window-modalitycurtain {
-       background: #56595b;
-}
-
-
-
-
-
-
-/**
- Light style window -----------------------------
-**/
-
-.v-window-light .v-window-outerheader {
-       background: transparent;
-       padding: 15px 32px 0 18px;
-       height: 23px;
-}
-.v-window-light .v-window-header {
-       font-size: 16px;
-       color: #292e34;
-       text-shadow: none;
-}
-.v-window-light .v-window-resizebox {
-       width: 12px;
-       height: 12px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -2051px;
-}
-.v-window-light .v-window-footer {
-       background: transparent;
-       height: 12px;
-}
-.v-window-light .v-window-closebox {
-       right: 1px;
-       top: 17px;
-       width: 19px;
-       height: 15px;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -2063px;
-}
-.v-window-light .v-window-closebox:hover {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -2078px;
-}
-.v-window-light .v-window-closebox:active {
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -2093px;
-}
-.v-window-light .v-window-contents {
-       background: transparent;
-}
-/* This must be the last sprite added to the verticals-sprite image */
-.v-window-light .v-window-wrap2 {
-       background: #f7f7f8 repeat-x;
-  background-image: url(common/img/vertical-sprites.png);
-  -background-image: url(common/img/vertical-sprites-ie6.png);
-  background-position: left -2108px;
-}
-.v-ie6 .v-window-light .v-window-wrap2 {
-       background-image: none;
-}
-
-
-
-
-
-/**
- Black style window -----------------------------
-**/
-
-.v-window-black .v-window-wrap {
-       border-color: #2e3030;
-       border-radius: 8px;
-       -webkit-border-radius: 8px;
-       -moz-border-radius: 8px;
-       overflow: hidden;
-}
-.v-sa .v-window-black .v-window-wrap,
-.v-ff3 .v-window-black .v-window-wrap,
-.v-op .v-window-black .v-window-wrap {
-       border-color: rgba(0,0,0,.8);
-}
-.v-window-black .v-window-wrap2 {
-       background-color: #1d2021;
-       -moz-border-radius: 7px;
-       -webkit-border-radius: 7px;
-}
-.v-sa .v-window-black .v-window-wrap2,
-.v-ff3 .v-window-black .v-window-wrap2,
-.v-op .v-window-black .v-window-wrap2 {
-       background-color: rgba(29,32,33,.9);
-}
-.v-window-black .v-window-outerheader {
-       height: auto;
-       padding: 7px 14px;
-       height: 15px;
-       background: transparent repeat-x;
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -763px;
-       text-align: center;
-       -moz-border-radius-topright: 7px;
-       -moz-border-radius-topleft: 7px;
-       -webkit-border-top-right-radius: 7px;
-       -webkit-border-top-left-radius: 7px;
-       overflow: hidden;
-       border: none;
-}
-.v-window-black .v-window-header {
-       font-size: 12px;
-       font-weight: normal;
-       color: #dddfe1;
-}
-.v-window-black .v-window-closebox {
-       top: 8px;
-}
-.v-window-black .v-window-footer {
-       background: transparent;
-       border: none;
-       height: 14px;
-}
-.v-window-black .v-window-resizebox {
-       background: transparent no-repeat;
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -792px;
-       width: 14px;
-       height: 14px;
-}
-.v-ie6 .v-window-black .v-window-resizebox {
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -806px;
-}
-.v-ie6 .v-window-black .v-window-contents {
-       background: transparent url(window/img/black/content-bg-ie6.png) repeat-x;
-}
-/* Must be last to make this image last in the sprites */
-.v-window-black .v-window-contents {
-       border: none;
-       background: transparent repeat-x;
-  background-image: url(common/img/black-vertical-sprites.png);
-  -background-image: url(common/img/black-vertical-sprites-ie6.png);
-  background-position: left -820px;
-}
diff --git a/WebContent/VAADIN/themes/runo/styles.css b/WebContent/VAADIN/themes/runo/styles.css
deleted file mode 100644 (file)
index a9fb712..0000000
+++ /dev/null
@@ -1,4471 +0,0 @@
-.v-theme-version:after {content:"6_6_0_dev-20110411";}
-.v-theme-version-6_6_0_dev-20110411 {display: none;}
-/* Automatically compiled css file from subdirectories. */
-
-.v-absolutelayout-wrapper {
-       position: absolute;
-       overflow: hidden;
-}
-
-.v-accordion {
-       position: relative;
-       outline: none;
-       overflow: hidden;
-       text-align: left /* Force default alignment */
-}
-.v-accordion-item {
-       position: relative;
-       zoom: 1;
-}
-.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%;
-}
-
-/*
- * Default button (more customizable)
- * -------------------------------------- */
-.v-button {
-       display: inline-block;
-       zoom: 1;
-       text-align: center;
-       text-decoration: none;
-       border: 2px outset #ddd;
-       background: #eee;
-       cursor: pointer;
-       white-space: nowrap;
-       margin: 0;
-       padding: .2em 1em;
-       color: inherit;
-       font: inherit;
-       line-height: normal;
-       -khtml-user-select: none;
-       -moz-user-select: none;
-       -ie-user-select: none;
-       user-select: none;
-       -webkit-box-sizing: border-box;
-       -moz-box-sizing: border-box;
-       -ms-box-sizing: border-box;
-       box-sizing: border-box;
-}
-
-.v-button.v-disabled {
-       cursor: default;
-}
-
-.v-ie6 .v-button {
-       display: inline;
-}
-
-.v-ie7 .v-button {
-   display: inline;
-}
-
-.v-button-wrap,
-.v-button-caption {
-       vertical-align: middle;
-       white-space: nowrap;
-       font: inherit;
-       color: inherit;
-       line-height: normal;
-       }
-
-.v-button .v-icon,
-.v-nativebutton .v-icon {
-       vertical-align: middle;
-       margin-right: 3px;
-       border: none;
-       }
-
-.v-button .v-errorindicator,
-.v-nativebutton .v-errorindicator {
-       display: inline-block;
-       zoom: 1;
-       vertical-align: middle;
-       float: none;
-}
-
-/* Link style (we really should deprecate this) */
-.v-button-link,
-.v-nativebutton-link {
-       border: none;
-       text-align: left;
-       background: transparent;
-       padding: 0;
-       color: inherit;
-       -khtml-user-select: text;
-       -moz-user-select: text;
-       -ie-user-select: text;
-       user-select: text;
-}
-
-/* Inset Safari focus outline a bit */
-.v-sa .v-button-link:focus{
-       outline-offset: -3px;
-       }
-
-.v-button-link .v-button-caption,
-.v-nativebutton-link .v-nativebutton-caption {
-       text-decoration: underline;
-       color: inherit;
-       text-align: left;
-       }
-
-
-/*
- * NativeButton styles (html button element)
- * -------------------------------------- */
-.v-nativebutton {
-       text-align: center;
-       cursor: pointer;
-       white-space: nowrap;
-       margin: 0;
-       color: inherit;
-       font: inherit;
-       line-height: normal;
-       }
-.v-nativebutton .v-nativebutton-caption {
-       vertical-align: middle;
-       white-space: nowrap;
-       font: inherit;
-       color: inherit;
-       }
-
-.v-nativebutton .v-icon {
-       vertical-align: middle;
-       margin-right: 3px;
-       }
-
-.v-nativebutton .v-errorindicator {
-       display: inline-block;
-       zoom: 1;
-       float: none;
-}
-/* Fixes streched buttons in IE6 and IE7*/
-.v-ie6 .v-nativebutton {
-       width: 1px;
-}
-.v-ie .v-nativebutton {
-       overflow: visible;
-       padding-left: 1em;
-       padding-right: 1em;
-}
-
-.v-ie .v-nativebutton-link {
-       padding: 0;
-}
-
-/*
- * Checkbox styles
- * -------------------------------------- */
- .v-checkbox {
-       display: block;
- }
-
-.v-checkbox,
-.v-checkbox label,
-.v-checkbox input,
-.v-checkbox .v-icon {
-       vertical-align: middle;
-       white-space: nowrap;
-}
-
-/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */
-.v-ie6 .v-checkbox,
-.v-ie7 .v-checkbox {
-       vertical-align: baseline;
-}
-
-.v-checkbox .v-icon {
-       margin: 0 2px;
-}
-.v-checkbox .v-errorindicator {
-       float: none;
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-}
-
-
-/* Disabled by default
-.v-checkbox-error {
-       background: #ffe0e0;
-}
-*/
-/* Disabled by default
-.v-checkbox-required {
-       background: #ffe0e0;
-}
-*/
-
-.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;
-}
-
-.v-caption-clearelem {
-       clear: both;
-       width: 0;
-       height: 0;
-       overflow: hidden;
-}
-
-/* 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;
-}
-
-/* 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%;
-}
-/* Force arrow cursor for all elements inside the app */
-.v-app,
-.v-window,
-.v-popupview-popup,
-.v-label,
-.v-caption {
-       cursor: default;
-}
-div.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 */
-       background-image: url(../base/common/img/loading-indicator.gif);
-       background-repeat: no-repeat;
-       background-position: 50%;
-       width: 100%;
-       height: 100%;
-}
-.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;
-}
-/* Revert line-height for heading elements inside labels */
-.v-label h1,
-.v-label h2,
-.v-label h3,
-.v-label h4,
-.v-label h5,
-.v-label h6 {
-       line-height: normal;
-} 
-/* 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 {
-       position: absolute;
-       top: 0;
-       right: 0;
-       z-index: 30000;
-       width: 31px;
-       height: 31px;
-       background: transparent url(../base/common/img/loading-indicator.gif);
-       margin-right: 5px;
-       margin-top: 5px;
-}
-.v-loading-indicator-delay {
-       background-image: url(../base/common/img/loading-indicator-delay.gif);
-}
-.v-loading-indicator-wait {
-       background-image: url(../base/common/img/loading-indicator-wait.gif);
-}
-/* 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;
-       white-space: pre;
-}
-.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 ,
-.v-window input[type="text"],
-.v-window input[type="password"],
-.v-window input[type="reset"],
-.v-window select,
-.v-window textarea {
-       padding: 2px;
-}
-
-.v-drag-element {
-       z-index: 60000;
-       position: absolute;
-    opacity: 0.5;
-    filter: alpha(opacity=50);
-    cursor: default;
-}
-
-.v-csslayout {
-       overflow: hidden;
-}
-.v-csslayout-margin-top {
-       padding-top: 12px;      
-}
-.v-csslayout-margin-bottom {
-       padding-bottom: 12px;   
-}
-.v-csslayout-margin-left {
-       padding-left: 12px;     
-}
-.v-csslayout-margin-right {
-       padding-right: 12px;    
-}
-
-.v-customcomponent {
-       overflow: hidden;
-}
-
-.v-customlayout {
-       overflow: hidden;
-}
-
-.v-datefield {
-       white-space: nowrap;
-       float: left; /* Force minimum width */
-}
-.v-datefield-textfield {
-       vertical-align: top;
-}
-.v-datefield-button {
-       cursor: pointer;
-}
-.v-datefield-prompt .v-datefield-textfield {
-       color: #999;
-       font-style: italic;
-}
-.v-datefield .v-datefield-button-readonly {
-       display: none;
-}
-.v-datefield-calendarpanel table {
-       width: 100%;
-}
-.v-datefield-calendarpanel td {
-       padding: 0;
-       margin: 0;
-}
-.v-datefield-calendarpanel:focus{
-       outline:none;   
-}
-.v-datefield-calendarpanel-header td {
-       text-align: center;
-}
-.v-datefield-calendarpanel-month {
-       text-align: center;
-       white-space: nowrap;
-}
-.v-datefield-calendarpanel-weeknumber {
-       color: #999;
-       border-right: 1px solid #ddd;
-       font-size: 0.9em;
-}
-.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-calendarpanel-day-focused {
-       outline: 1px dotted black;
-}
-.v-datefield-time {
-       white-space: nowrap;
-}
-.v-datefield-time .v-label {
-       display: inline;
-}
-.v-datefield-popup {
-       background: #fff;
-}
-/* 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);
-}
-
-.v-ddwrapper {
-       padding: 2px;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
-}
-.v-ddwrapper-over {
-       border: 2px solid #1d9dff;
-       background-color: #bcdcff;
-       padding: 0;
-}
-.v-ddwrapper-over {
-       background-color: rgba(169,209,255,.6);
-}
-.no-box-drag-hints .v-ddwrapper-over {
-       border: none;
-       background-color: transparent;
-       padding: 2px;
-}
-.v-app .v-ddwrapper-over-top,
-.v-window .v-ddwrapper-over-top,
-.v-popupview-popup .v-ddwrapper-over-top {
-       border: none;
-       border-top: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-top: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-bottom,
-.v-window .v-ddwrapper-over-bottom,
-.v-popupview-popup .v-ddwrapper-over-bottom {
-       border: none;
-       border-bottom: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-bottom: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-left,
-.v-window .v-ddwrapper-over-left,
-.v-popupview-popup .v-ddwrapper-over-left {
-       border: none;
-       border-left: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-left: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-app .v-ddwrapper-over-right,
-.v-window .v-ddwrapper-over-right,
-.v-popupview-popup .v-ddwrapper-over-right {
-       border: none;
-       border-right: 2px solid #1d9dff;
-       background-color: transparent;
-       padding: 2px;
-       padding-right: 0;
-       -moz-border-radius: 0;
-       -webkit-border-radius: 0;
-       border-radius: 0;
-}
-.v-ddwrapper,
-.v-ddwrapper-over,
-.v-app .v-ddwrapper-over-top,
-.v-window .v-ddwrapper-over-top,
-.v-popupview-popup .v-ddwrapper-over-top,
-.v-app .v-ddwrapper-over-bottom,
-.v-window .v-ddwrapper-over-bottom,
-.v-popupview-popup .v-ddwrapper-over-bottom,
-.v-app .v-ddwrapper-over-left,
-.v-window .v-ddwrapper-over-left,
-.v-popupview-popup .v-ddwrapper-over-left,
-.v-app .v-ddwrapper-over-right,
-.v-window .v-ddwrapper-over-right,
-.v-popupview-popup .v-ddwrapper-over-right {
-       border-color: rgba(0,109,232,.6);
-}
-
-.v-ddwrapper-over-top:before,
-.v-ddwrapper-over-bottom:after,
-.v-ddwrapper-over-left:before,
-.v-ddwrapper-over-right:before {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       margin-left: -2px;
-       background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat;
-}
-.v-ddwrapper-over-bottom:after {
-       margin-top: -2px;
-}
-.v-ddwrapper-over-left:before,
-.v-ddwrapper-over-right:before {
-       background-position: 0 -6px;
-       margin-top: -2px;
-       margin-left: -4px;
-}
-.v-ddwrapper-over-right:before {
-       position: relative;
-       margin-bottom: -4px;
-       margin-right: -4px;
-       margin-left: 0;
-       width: auto;
-       background-position: 100% -6px;
-}
-
-.no-horizontal-drag-hints .v-ddwrapper-over-left {
-       padding-left: 2px;
-       border-left: none;
-}
-.no-horizontal-drag-hints .v-ddwrapper-over-right {
-       padding-right: 2px;
-       border-right: none;
-}
-.no-vertical-drag-hints .v-ddwrapper-over-top {
-       padding-top: 2px;
-       border-top: none;
-}
-.no-vertical-drag-hints .v-ddwrapper-over-bottom {
-       padding-bottom: 2px;
-       border-bottom: none;
-}
-.no-horizontal-drag-hints .v-ddwrapper-over-left:before,
-.no-horizontal-drag-hints .v-ddwrapper-over-right:before,
-.no-vertical-drag-hints .v-ddwrapper-over-top:before,
-.no-vertical-drag-hints .v-ddwrapper-over-bottom:after {
-       display: none;
-}
-
-
-.v-table .v-embedded-image {
-    /* make embeddeds be centered in centered table cells. */
-       display: inline-block;
-}
-
-.v-formlayout-cell .v-errorindicator {
-       display: block;
-}
-.v-formlayout-error-indicator {
-       /* fix width so layout is not jumpy when error disappears */
-       width: 12px;
-}
-.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: 6px;
-}
-.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: 12px;
-}
-.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: 12px;
-}
-.v-formlayout-margin-left .v-formlayout-captioncell {
-       padding-left: 12px;
-} 
-.v-formlayout-margin-right .v-formlayout-contentcell {
-       padding-right: 12px;
-}
-.v-formlayout-captioncell .v-caption .v-required-field-indicator {
-       float: none;
-}
-
-.v-gridlayout-margin-top {
-       padding-top: 12px;
-}
-.v-gridlayout-margin-bottom {
-       padding-bottom: 12px;
-}
-.v-gridlayout-margin-left {
-       padding-left: 12px;
-} 
-.v-gridlayout-margin-right {
-       padding-right: 12px;
-}
-.v-gridlayout-spacing-on {
-       padding-left: 6px;
-       padding-top: 6px;
-       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;
-}
-
-.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;
-}
-
-.v-loginform {
-       height: 140px;
-       width: 200px;
-}
-
-.v-app-loginpage .v-button,
-.v-app-loginpage .v-button {
-       float: left; /* Force minimum width for button */
-}
-
-.v-menubar {
-       float: left; /* Force minimum width */
-       white-space: nowrap;
-}
-.v-menubar .v-menubar-menuitem {
-       cursor: default;
-       vertical-align: middle;
-       white-space: nowrap;
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-}
-.v-menubar .v-menubar-menuitem-caption * {
-       vertical-align: middle;
-       white-space: nowrap;
-}
-.v-menubar-submenu {
-       background: #fff;
-}
-.v-menubar-menuitem-selected {
-       background: #333;
-       color: #fff;
-}
-.v-menubar-submenu .v-menubar-menuitem { 
-       cursor: default;
-       display: block;
-       position: relative;
-       padding-right: 1.5em;
-}
-.v-menubar-submenu .v-menubar-menuitem-caption {
-       display: block;
-}
-.v-menubar-submenu .v-menubar-menuitem *,
-.v-menubar-submenu .v-menubar-menuitem-caption * {
-       white-space: nowrap;
-}
-.v-menubar-submenu-indicator {
-       display: none;
-       /* Arial has the most coverage for geometric entity characters */
-       font-family: arial, helvetica, sans-serif;
-}
-.v-menubar-submenu .v-menubar-submenu-indicator {
-       display: block;
-       position: absolute;
-       right: 0;
-       width: 1em;
-       height: 1em;
-       font-size: 0.9em;
-}
-.v-menubar-menuitem-disabled,
-.v-menubar span.v-menubar-menuitem-disabled:hover,
-.v-menubar span.v-menubar-menuitem-disabled:focus,
-.v-menubar span.v-menubar-menuitem-disabled:active {
-       color: #999;
-}
-.v-menubar-more-menuitem {
-       /* Arial has the most coverage for geometric entity characters */
-       font-family: arial, helvetica, sans-serif;
-}
-.v-menubar-separator {
-       overflow: hidden;
-}
-.v-menubar-separator span {
-       display: block;
-       text-indent: -9999px;
-       font-size: 1px;
-       line-height: 1px;
-       border-top: 1px solid #ddd;
-       margin: 3px 0 2px;
-       overflow: hidden;
-}
-.v-menubar .v-icon,
-.v-menubar-submenu .v-icon {
-       margin-right: 3px;
-}
-
-.v-menubar-popup:focus,
-.v-menubar-popup .popupContent:focus,
-.v-menubar-popup .popupContent .v-menubar-submenu:focus{
-       outline: none;  
-}
-
-.v-Notification {
-       background: #999;
-       color: #fff;
-       cursor: pointer;
-       overflow: hidden;
-       padding: 1em;
-       max-width:85%;
-       
-}
-.v-Notification h1,
-.v-Notification p,
-.v-Notification-error h1,
-.v-Notification-error p,
-.v-Notification-warning h1,
-.v-Notification-warning p {
-       display: inline;
-       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-orderedlayout-margin-top,
-.v-horizontallayout-margin-top,
-.v-verticallayout-margin-top {
-       padding-top: 12px;
-}
-.v-orderedlayout-margin-right,
-.v-horizontallayout-margin-right,
-.v-verticallayout-margin-right {
-       padding-right: 12px;
-}
-.v-orderedlayout-margin-bottom,
-.v-horizontallayout-margin-bottom,
-.v-verticallayout-margin-bottom {
-       padding-bottom: 12px;
-}
-.v-orderedlayout-margin-left,
-.v-horizontallayout-margin-left,
-.v-verticallayout-margin-left {
-       padding-left: 12px;
-}
-.v-orderedlayout-spacing-on,
-.v-horizontallayout-spacing-on,
-.v-verticallayout-spacing-on {
-       padding-top: 6px;
-       padding-left: 6px;
-}
-/* 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;
-}
-
-.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 {
-}
-
-.v-popupview {
-       cursor: pointer;
-       text-decoration: underline;
-       white-space: nowrap;
-}
-.v-popupview-popup {
-       overflow: auto;
-}
-.v-popupview-loading {
-       width: 30px;
-       height: 30px;
-       background: transparent url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
-}
-
-.v-progressindicator {
-       overflow: hidden; /* for IE6 */
-       width: 150px;
-}
-.v-progressindicator-wrapper {
-       overflow: hidden; /* for IE6 */
-       height: 7px;
-       border: 1px solid #ddd;
-}
-.v-progressindicator-indicator {
-       height: 7px;
-       overflow: hidden; /* for IE6 */
-       background: #ddd;
-}
-div.v-progressindicator-indeterminate {
-       height: 20px;
-       width: 20px;
-       overflow: hidden; /* for IE6 */
-       background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
-       border-radius: 4px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-}
-/* 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;
-}
-div.v-progressindicator-indeterminate-disabled {
-       height: 20px;
-       width: 20px;
-       overflow: hidden; /* for IE6 */
-       background: transparent;
-}
-
-.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-caption-left {
-       float: left;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-.v-select-twincol-selections {
-       font-weight: bold;
-}
-.v-select-twincol-caption-right {
-       float: right;
-       overflow: hidden;
-       text-overflow: ellipsis;
-}
-.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 {
-       float: left;
-}
-.v-select-twincol-buttons .v-button {
-       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;
-       -webkit-border-radius: 0px;
-}
-.v-filterselect-prompt .v-filterselect-input {
-       color: #999;
-       font-style: italic;
-}
-.v-filterselect-button {
-       float: right;
-       cursor: pointer;
-       width: 1em;
-       height: 1em;
-       background: transparent url(../base/common/img/sprites.png) no-repeat -5px -8px;
-}
-.v-filterselect.v-readonly .v-filterselect-button {
-       display: none;
-}
-.v-filterselect.v-readonly,
-.v-filterselect.v-readonly .v-filterselect-input {
-       background: transparent;
-}
-.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;
-}
-*/
-
-.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: -2px;
-       margin-left: -2px;
-}  
-
-.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;
-}
-
-.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;
-       margin-left: -5px;
-}
-
-.v-slider-feedback {
-       padding: 2px 5px;
-       background: #444;
-       color: #fff;
-       font-size: 11px;
-       line-height: 13px;
-       font-weight: bold;
-       font-family: Arial, Helvetica, sans-serif;
-       border-radius: 4px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       margin: -2px 0 0 2px;
-       text-shadow: 0 1px 0 #000;
-}
-
-/* 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;
-}
-
-.v-splitpanel-horizontal,
-.v-splitpanel-vertical {
-       overflow: hidden;
-}
-.v-splitpanel-hsplitter {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-hsplitter div {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-       position: absolute;
-       top: 0;
-       bottom: 0;
-       background: #ddd;
-       cursor: e-resize;
-       cursor: col-resize;
-}
-.v-disabled .v-splitpanel-hsplitter div {
-       cursor: default;
-}
-.v-splitpanel-vsplitter {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-vsplitter div {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-       background: #ddd;
-       cursor: s-resize;
-       cursor: row-resize;
-}
-.v-disabled .v-splitpanel-vsplitter div {
-       cursor: default;
-}
-/* IE specific styles */
-.v-ie6 .v-splitpanel-hsplitter div {
-       height: 99%;
-}
-.v-ie6 .v-splitpanel-first-container,
-.v-ie6 .v-splitpanel-second-container,
-.v-ie7 .v-splitpanel-first-container,
-.v-ie7 .v-splitpanel-second-container {
-       position: relative;
-}
-
-/* Table theme building instructions
- * 
- * Vaadin 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-ie7 .v-table {
-       overflow: visible;
-}
-.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;
-       border-collapse: separate;
-       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-footer-wrap {
-       overflow: hidden;
-       border: 1px solid #aaa;
-       border-top: none;
-       background: #efefef;
-}
-.v-table-footer table{
-       border-spacing: 0;
-       border-collapse: collapse;
-       margin: 0;
-       padding: 0;
-       border: 0;
-}
-.v-table-footer td {
-       padding: 0;
-       border-right: 1px solid #aaa;
-}
-.v-table-footer-cell{
-       cursor: pointer;
-}
-.v-table-footer-container{     
-       float:right;    
-       padding-right:6px;
-       overflow:hidden;
-       white-space:nowrap;
-}
-.v-table-resizer {
-       display: block;
-       height: 1.2em;
-       float: right;
-       background: #aaa;       
-       cursor: e-resize;       /* Opera does not support col-resize, so use e-resize instead */
-       cursor: col-resize;     
-       width: 1px;
-       overflow: hidden;
-}
-.v-table-caption-container {
-       overflow: hidden;
-       white-space: nowrap;
-       margin-left: 6px;
-}
-.v-ie7 .v-table-caption-container-align-right {
-       margin-left: 0px;
-       padding-left: 6px;
-}
-.v-table-caption-container-align-right {
-       float: right;
-}
-.v-table-sort-indicator {
-       width: 0px;
-       height: 1.2em;
-       float: right;
-}
-.v-table-header-cell-asc .v-table-sort-indicator,
-.v-table-header-cell-desc .v-table-sort-indicator {
-       width: 16px;
-       height: 1.2em;
-       float: right;
-}              
-.v-table-header-cell-asc .v-table-sort-indicator {
-       background: transparent url(../base/common/img/sprites.png) no-repeat right 6px;
-}
-.v-table-header-cell-desc .v-table-sort-indicator {
-       background: transparent url(../base/common/img/sprites.png) no-repeat right -10px;
-}
-.v-table-caption-container-align-center {
-       text-align: center;
-}
-.v-table-caption-container-align-right {
-       text-align: right;
-}
-.v-table-caption-container .v-icon,
-.v-table-header-drag .v-icon {
-       vertical-align: middle;
-}
-.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: pointer;
-}
-
-.v-table-body-noselection .v-table-row,
-.v-table-body-noselection .v-table-row-odd {
-       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-cell-wrapper-align-center {
-       text-align: center;
-}
-.v-table-cell-wrapper-align-right {
-       text-align: right;
-}
-.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-header-drag .v-icon {
-       vertical-align: middle;
-}
-.v-table-scrollposition {
-       width: 160px;
-       background: #eee;
-       border: 1px solid #aaa;
-}
-.v-table-scrollposition span {
-       display: block;
-       text-align: center;
-}
-.v-table-body:focus,
-.v-table-body-wrapper:focus {
-       outline: none;
-}
-.v-table-body.focused {
-       border-color: #388ddd;
-}
-.v-table-focus .v-table-cell-content {
-       border-top: 1px dotted #0066bd;
-       border-bottom: 1px dotted #0066bd;
-}
-/* row in column selector */
-.v-on {
-       
-}
-.v-off {
-       color: #ddd;
-}
-/*************************************
- * Drag'n'drop styles
- *************************************/
-.v-table-drag .v-table-body {
-       border-color: #1d9dff;
-}
-.v-table-row-drag-middle .v-table-cell-content {
-       background-color: #bcdcff;
-}
-.v-table-row-drag-top .v-table-cell-content {
-       border-top: 2px solid #1d9dff;
-}
-.v-table-row-drag-top .v-table-cell-wrapper {
-       margin-top: -2px; /* compensate the space consumed by border hint */
-}
-.v-table-row-drag-bottom .v-table-cell-content {
-       border-bottom: 2px solid #1d9dff;
-}
-.v-table-row-drag-bottom .v-table-cell-wrapper {
-       margin-bottom: -2px; /* compensate the space consumed by border hint */
-}
-.v-table-row-drag-top .v-table-cell-content:first-child:before,
-.v-table-row-drag-bottom .v-table-cell-content:first-child:after {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       margin-left: -6px;
-       background: transparent url(../base/common/img/drag-slot-dot.png);
-}
-.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after,
-.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after {
-       margin-top: -2px;
-}
-
-.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-ff2 .v-tabsheet-scroller {
-       position: relative;
-}
-.v-disabled .v-tabsheet-scroller {
-       display: none;
-}
-.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-caption-close {
-       display: inline;
-       display: inline-block;
-       zoom: 1;
-       width: 16px;
-       height: 16px;
-       text-align: center;
-       font-weight: bold;
-       cursor: pointer;
-       vertical-align: middle;
-       user-select: none;
-       -khtml-user-select: none;
-       -ms-user-select: none;
-       -moz-user-select: none;
-       -webkit-user-select: none;
-}
-.v-tabsheet .v-disabled .v-tabsheet-caption-close {
-       cursor: default;
-       visibility: hidden;
-}
-.v-tabsheet-tabitem:hover .v-tabsheet-caption-close,
-.v-ie6 .v-tabsheet-caption-close {
-       visibility: visible;
-}
-.v-ie6 .v-tabsheet-caption-close {
-       float: right;
-}
-.v-tabsheet-tabitem {
-       border: 1px solid #aaa;
-       border-right: none;
-       cursor: pointer;
-       padding: 0.2em 0.5em;
-}
-.v-tabsheet-tabitem .v-caption {
-       cursor: pointer;
-}
-.v-tabsheet-tabitem-selected {
-       cursor: default;
-       border-bottom-color: #fff;
-}
-.v-tabsheet-tabitem-selected .v-caption {
-       cursor: default;
-}
-.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-ie6 .v-tabsheet-content,
-.v-ie7 .v-tabsheet-content {
-       zoom: 1;
-}
-.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;
-}
-
-
-.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;
-}
-input.v-textfield-readonly,
-textarea.v-textarea-readonly {
-       background: transparent;
-       border: none;
-       resize: none;
-}
-input.v-disabled,
-textarea.v-disabled {
-       resize: none;
-}
-input.v-textfield-readonly:focus,
-textarea.v-textarea-readonly:focus {
-       outline: none;
-}
-/* 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;
-}
-
-.v-richtextarea {
-       border: 1px solid #aaa;
-       overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextArea {
-       background: #fff;
-       border: none;
-}
-
-.v-richtextarea .gwt-RichTextToolbar {
-       white-space: nowrap;
-       background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px;
-       border-bottom: 1px solid #7d7d7d;
-       padding: 2px;
-       overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextToolbar-top {
-       padding-bottom: 1px;
-       overflow: hidden;
-       white-space: normal;
-}
-.v-richtextarea .gwt-RichTextToolbar-bottom {
-       clear: left;
-       overflow: hidden;
-       white-space: nowrap;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
-       float: left;
-       display: inline;
-       width: 22px;
-       height: 21px;
-       overflow: hidden;
-       background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x;
-       cursor: pointer;
-       margin-right: 2px;
-       text-align: center;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
-       background-position: 0 -21px;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
-       
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
-       width: 24.5%;
-       margin-right: 2px;
-}
-
-.v-richtextarea-readonly {
-       border: none;
-}
-
-.v-tree {
-       text-align: left; /* Force default alignment */
-       overflow: hidden;
-       padding: 1px 0;
-       outline: none;
-}
-.v-tree-node {
-       background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
-       padding: 1px 0;
-}
-.v-tree-node-caption:focus {
-       outline: none;
-}
-.v-tree-node-expanded {
-       background-position: -5px -10px;
-}
-div.v-tree-node-leaf {
-       background: transparent;
-}
-.v-tree-node-caption {
-       margin-left: 1em;
-}
-.v-tree-node span {
-       cursor: pointer;
-}
-.v-tree-node-caption div {
-       white-space: nowrap;
-}
-.v-tree-node-caption span,
-.v-tree-node-caption .v-icon {
-       vertical-align: middle;
-}
-.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;
-}
-/***************************************
- * Drag'n'drop styles
- ***************************************/
-.v-tree .v-tree-node-drag-top {
-       border-top: 2px solid #1d9dff;
-       margin-top: -1px;
-       padding-top: 0;
-}
-.v-tree .v-tree-node-drag-bottom {
-       border-bottom: 2px solid #1d9dff;
-       margin-bottom: -1px;
-       padding-bottom: 0;
-}
-.v-tree .v-tree-node-drag-top:before,
-.v-tree .v-tree-node-drag-bottom:after,
-.v-tree .v-tree-node-caption-drag-center:after {
-       display: block;
-       content: "";
-       position: absolute;
-       width: 6px;
-       height: 6px;
-       margin-top: -4px;
-       background: transparent url(../base/common/img/drag-slot-dot.png);
-}
-.v-tree .v-tree-node-drag-bottom:after {
-       margin-top: -2px;
-}
-.v-tree .v-tree-node-caption-drag-center:after {
-       margin-left: 14px;
-}
-.v-ff .v-tree .v-tree-node-caption-drag-center:after,
-.v-ie .v-tree .v-tree-node-caption-drag-center:after {
-       margin-top: -2px;
-}
-.v-tree .v-tree-node-drag-top {
-       background-position: 5px -38px;
-}
-.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
-       background-position: -5px -11px;
-}
-.v-tree .v-tree-node-caption-drag-center div {
-       border: 2px solid #1d9dff;
-       -moz-border-radius: 4px;
-       -webkit-border-radius: 4px;
-       border-radius: 4px;
-       margin: -2px 2px -2px -2px;
-       background-color: #bcdcff;
-}
-.v-ie6 .v-tree .v-tree-node-caption-drag-center div {
-       margin: -2px ;
-}
-.v-tree .v-tree-node-caption-drag-center div {
-       background-color: rgba(169,209,255,.6);
-}
-.v-tree .v-tree-node-caption-drag-center div,
-.v-tree .v-tree-node-drag-top,
-.v-tree .v-tree-node-drag-bottom {
-       border-color: rgba(0,109,232,.6);
-}
-
-.v-upload {
-       white-space: nowrap;
-}
-
-.v-ie6 .v-upload,
-.v-ie7 .v-upload {
-       margin:0;
-}
-
-.v-upload-immediate {
-       position: relative;
-       margin: 0;
-       overflow: hidden;
-}
-
-.v-ff .v-upload-immediate,
-.v-op .v-upload-immediate {
-       display: inline-block;
-}
-
-.v-upload-immediate input {
-       opacity: 0;
-       filter: alpha(opacity=0);
-       z-index: 2;
-       position: absolute;
-       right: 0;
-       height: 21px;
-       text-align: right;
-       border: none;
-       background: transparent;
-}
-
-.v-upload-immediate button {
-       position: relative;
-       left: 0;
-       top: 0;
-       width: 100%;
-       text-align: left;
-}
-  
-
-.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-contents > div {
-       outline: none;
-}
-.v-window-footer {
-       overflow: hidden;
-       zoom: 1;
-       height: 10px;
-       position: relative;
-}
-.v-window-resizebox {
-       width: 10px;
-       height: 10px;
-       cursor: se-resize;
-       background: #ddd;
-       overflow: hidden;
-       position: absolute;
-       right: 0;
-}
-.v-window div.v-window-footer-noresize {
-       height: 0;
-}
-.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. */
-
-.v-absolutelayout-wrapper {
-       position: absolute;
-       overflow:hidden;
-}
-
-.v-accordion-item-caption {
-       height: 31px;
-       background: #edf0f0 url(accordion/img/bg.png);
-       font-size: 15px;
-       color: #656d73;
-       border: none;
-       border-top: 1px solid #c8cccd;
-}
-.v-accordion-item-caption .v-caption {
-       padding: 7px 0 6px 31px;
-       background: transparent url(accordion/img/collapsed-icon.png) no-repeat 18px 50%;
-}
-.v-accordion-item-open .v-accordion-item-caption {
-       color: #3b4b57;
-       background: #d5dee2 url(accordion/img/selected-bg.png);
-       border-bottom: 1px solid #b4b9ba;
-       text-shadow: 0 1px 0 #fff;
-}
-.v-accordion-item-open .v-accordion-item-caption .v-caption {
-       background-image: url(accordion/img/expanded-icon.png);
-       background-position: 17px 50%;
-}
-.v-accordion-item-first .v-accordion-item-caption {
-       border-top: none;
-}
-.v-accordion-item-caption .v-caption:hover {
-       color: #3b4b57;
-}
-
-/* Light style */
-.v-accordion-light .v-accordion-item-caption {
-       height: 24px;
-       padding: 3px 2px;
-       background: transparent;
-       border: none;
-}
-.v-accordion-light .v-accordion-item-caption .v-caption {
-       padding: 4px 15px 4px 28px;
-       font-size: 12px;
-       line-height: 16px;
-       height: 16px;
-       font-weight: bold;
-       border: 1px solid #c8cccd;
-       -webkit-border-radius: 12px;
-       -moz-border-radius: 12px;
-       border-radius: 12px;
-       background-position: 15px 50%;
-}
-
-.v-button {
-       padding: 1px;
-       border: none;
-       background: transparent;
-       }
-
-.v-button:focus {
-       outline: none;
-       }
-
-.v-button:focus .v-button-wrap {
-       border-color: #57a7ed;
-       border-top-color: #60aef1;
-       border-bottom-color: #4c9adf;
-       -webkit-box-shadow: 0 0 2px #57a7ed;
-       -moz-box-shadow:  0 0 2px #57a7ed;
-       }
-       
-.v-button:active .v-button-wrap,
-.v-button.v-pressed .v-button-wrap {
-       background-position: 0 -79px;
-       background-color: #e7e9e9;
-       border-color: #b8bdbe;
-       border-top-color: #9da1a2;
-       border-bottom-color: #babfc0;
-       border-color: rgba(146,151,152,.9);
-       border-top-color: rgba(146,151,152,1);
-       -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;
-       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
-       text-shadow: none;
-       }
-
-.v-button .v-button-wrap,
-.v-disabled.v-button .v-button-wrap {
-       display: block;
-       font-size: 12px;
-       border: 1px solid #bdc1c2;
-       border-top-color: #cbcfd0;
-       border-bottom-color: #b6bbbb;
-       border-color: rgba(146,151,152,.8);
-       border-top-color: rgba(146,151,152,.6);
-       background: #e6e8e8 url(button/img/bg.png) repeat-x;
-       -webkit-background-origin: padding;
-       -moz-background-origin: padding;
-       padding: 3px 15px;
-       -webkit-border-radius: 11px;
-       -moz-border-radius: 11px;
-       border-radius: 11px;
-       line-height: 14px;
-       min-height: 14px;
-       -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15);
-       -moz-box-shadow: 0 1px 0 rgba(0,0,0,.15);
-       text-shadow: 0 1px 0 #fff;
-       color: #464f52;
-       overflow: hidden;
-       text-overflow: ellipsis;
-       }
-
-.v-ie7 .v-button .v-button-wrap {
-       overflow: visible;
-}
-
-
-
-/* Small style */
-.v-button-small .v-button-wrap,
-.v-disabled.v-button-small .v-button-wrap {
-       font-size: 11px;
-       line-height: 13px;
-       padding: 1px 12px;
-       min-height: 13px;
-       }
-
-
-/* Big style */
-.v-button-big .v-button-wrap,
-.v-disabled.v-button-big .v-button-wrap {
-       font-size: 15px;
-       line-height: 18px;
-       padding: 4px 18px;
-       min-height: 18px;
-       -webkit-border-radius: 14px;
-       -moz-border-radius: 14px;
-       border-radius: 14px;
-       }
-
-
-
-/* Default style */
-.v-button-default:focus .v-button-wrap {
-       background-color: #60839a;
-       background-position: 0 -158px;
-       text-shadow: 0 -1px 0 #657883;
-       }
-
-.v-button-default:active .v-button-wrap,
-.v-button-default.v-pressed .v-button-wrap {
-       background-position: 0 -79px;
-       background-color: #8f9898;
-       border-color: #737e81;
-       border-top-color: #576063;
-       border-bottom-color: #747f82;
-       color: #f0f2f2;
-       text-shadow: 0 -1px 0 #5d6969;
-       -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
-       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4) inset;;
-       }
-
-.v-button-default .v-button-wrap,
-.v-disabled.v-button-default .v-button-wrap {
-       border-color: #899395;
-       border-top-color: #a4abae;
-       border-bottom-color: #727b7d;
-       background: #869090 url(button/img/bg-default.png) repeat-x;
-       text-shadow: 0 -1px 0 #797e7e;
-       color: #fff;
-       font-weight: bold;
-       -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.22);
-       -moz-box-shadow: 0 1px 0 rgba(0,0,0,.22);
-       }
-
-
-
-
-/* Link style */
-.v-button-link,
-.v-disabled.v-button-link {
-       padding: 0;
-       }
-
-.v-button-link .v-button-wrap,
-.v-disabled.v-button-link .v-button-wrap,
-.v-button-link:active .v-button-wrap,
-.v-disabled.v-button-pressedv-button-link .v-button-wrap {
-       border: none;
-       background: transparent;
-       padding: 0;
-       font-size: 13px;
-       -webkit-box-shadow: none;
-       -mox-box-shadow: none;
-       -webkit-border-radius: 0;
-       -moz-border-radius: 0;
-       border-radius: 0;
-       text-shadow: none;
-       }
-
-.v-button-link:focus {
-       outline: 1px dotted #4897dc;
-       }
-
-.v-button-link:focus .v-button-wrap {
-       -webkit-box-shadow: none;
-       -moz-box-shadow: none;
-       }
-
-
-
-
-/* Checkbox styles */
-.v-checkbox .v-errorindicator {
-       padding-left: 10px;
-       }
-.v-ie6 .v-checkbox .v-errorindicator {
-       padding-right: 4px;
-       }
-.v-ie7 .v-checkbox .v-errorindicator {
-       padding-right: 7px;
-       }
-.v-ie6 .v-button .v-errorindicator,
-.v-ie7 .v-button .v-errorindicator {
-       padding-right: 5px;
-       }
-
-.v-captionwrapper {
-       margin: 0.3em 0 0 0;
-}
-.v-errorindicator {
-       width: 12px;
-       height: 16px;
-       background: transparent url(icons/16/error.png) no-repeat top right;
-}
-.v-ie6 .v-errorindicator {
-       /* gif for transparency */
-       background-image: url(icons/16/error.gif);
-}
-.v-ie7 .v-errorindicator {
-       margin-left: -3px;
-}
-
-.v-generated-body {
-       background: #e9eced;
-}
-.v-app {
-       background: #e9eced url(common/img/main-bg.png) repeat-x;
-       font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       color: #464f52;
-       font-size: 13px;
-       line-height: 18px;
-}
-/* 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,
-.v-datefield-popup,
-.v-contextmenu,
-.v-Notification,
-.v-menubar-submenu,
-.v-drag-element {
-       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       color: #464f52;
-       font-size: 13px;
-}
-.v-app select,
-.v-window select {
-       padding: 0;
-}
-/* Custom tooltip */
-.v-tooltip {
-       background-color: #fffcdd;
-       border: 1px solid #b8b295;
-       border-top-color: #d5d2c1;
-       border-left-color: #d5d2c1;
-       font-size: 11px;
-       font-family: arial, helvetica, tahoma, verdana, sans-serif;
-       color: #5d5444;
-}
-.v-tooltip-text {
-       padding: 2px 4px;
-       border: none;
-       border-top: 1px solid #fffef5;
-       border-bottom: 1px solid #fbf8d9;
-}
-.v-tooltip .v-errormessage {
-       padding: 3px 4px 3px 4px;
-       background: #ffecc6;
-       color: #b74100;
-       border: none;
-       border-top: 1px solid #fff3dc;
-       border-bottom: 1px solid #ead7b1;
-}
-.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;
-}
-.v-contextmenu {
-       background: #e9eced url(tabsheet/img/tab-bg.png);
-       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       background-color: #f6f7f7;
-       color: #464f52;
-       font-size: 12px;
-       line-height: 14px;
-}
-.v-contextmenu .gwt-MenuBar {
-       border-right: 1px solid #c6cbcc;
-       border-bottom: 1px solid #c6cbcc;
-       border-top: 1px solid #d0d4d5;
-       border-left: 1px solid #d0d4d5;
-}
-.v-contextmenu .gwt-MenuItem {
-       padding: 2px 0;
-}
-.v-contextmenu .gwt-MenuItem div {
-       padding: 1px 20px 1px 8px;
-}
-.v-contextmenu .gwt-MenuItem-selected div {
-       color: #fff;
-       background: #5daee8;
-}
-.v-contextmenu .gwt-MenuItem img {
-       margin-right: 10px;
-}
-/* Fix icon height to help browsers to load page smoother */
-.v-embedded-icon-16 img {
-       width:16px;
-       height:16px;
-}
-
-.v-datefield input.v-textfield,
-.v-datefield input.v-textfield[type=text] {
-       height: 18px;
-}
-.v-datefield-button {
-       font-size:13px;
-       width: 22px;
-       height: 24px;
-       padding: 0;
-       overflow: hidden;
-       border: none;
-       background: transparent url(datefield/img/open-button.png) no-repeat right 0;
-       vertical-align: top;
-}
-.v-datefield-popup {
-       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       color: #464f52;
-       font-size: 12px;
-       background: #f6f7f7;
-       border: 1px solid #b6bbbc;
-       padding: 2px 6px;
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-.v-datefield-calendarpanel {
-       width: 230px;
-}
-.v-datefield-popup .v-datefield-calendarpanel {
-       width: 200px;
-}
-.v-datefield-year .v-datefield-calendarpanel {
-       width: 100px;
-}
-.v-datefield-calendarpanel td {
-       text-align: right;
-}
-.v-datefield-calendarpanel td span {
-       display: block;
-}
-.v-datefield-calendarpanel-header {
-       height: 30px;
-       font-size: 13px;
-}
-td.v-datefield-calendarpanel-month {
-       font-weight: bold;
-       text-shadow: 0 1px 0 #fff;
-       width: 150px;
-}
-.v-datefield-calendarpanel-prevyear,
-.v-datefield-calendarpanel-nextyear,
-.v-datefield-calendarpanel-prevmonth,
-.v-datefield-calendarpanel-nextmonth {
-       width: 16px;
-}
-/* Year buttons */
-.v-datefield-calendarpanel .v-button-prevyear,
-.v-datefield-calendarpanel .v-button-nextyear {
-       display: block;
-       width: 16px;
-       height: 16px;
-       border: none;
-       padding: 0;
-       background: transparent url(datefield/img/prevyear.png) no-repeat;
-       text-indent: -90000px;
-       margin: 0 auto;
-}
-.v-datefield-calendarpanel .v-button-nextyear {
-       background: transparent url(datefield/img/nextyear.png) no-repeat;
-}
-.v-datefield-calendarpanel .v-button-prevyear:hover,
-.v-datefield-calendarpanel .v-button-nextyear:hover {
-       background-position: left bottom;
-}
-/* Month buttons */
-.v-datefield-calendarpanel .v-button-prevmonth,
-.v-datefield-calendarpanel .v-button-nextmonth {
-       display: block;
-       width: 11px;
-       height: 16px;
-       border: none;
-       padding: 0;
-       background: transparent url(datefield/img/prevmonth.png) no-repeat;
-       text-indent: -90000px;
-       margin: 0 auto;
-}
-.v-datefield-calendarpanel .v-button-nextmonth {
-       background: transparent url(datefield/img/nextmonth.png) no-repeat;
-}
-.v-datefield-calendarpanel .v-button-prevmonth:hover,
-.v-datefield-calendarpanel .v-button-nextmonth:hover {
-       background-position: left bottom;
-}
-.v-datefield-calendarpanel strong {
-       color: #ee5311;
-       display: block;
-       width: 20px;
-       font-size: 12px;
-}
-.v-datefield-calendarpanel-day,
-.v-datefield-calendarpanel-weeknumber,
-.v-datefield-calendarpanel-day-today {
-       padding: 1px 3px;
-       width: 14px;
-       height: 16px;
-}
-.v-datefield-calendarpanel-day-today {
-       border: 1px solid #429ce9;
-       width: 12px;
-       height: 14px
-}
-.v-datefield-calendarpanel-day-entry {
-       color: #6a98b5;
-}
-.v-datefield-calendarpanel-day-disabled {
-       font-weight: normal;
-       color: #dddddd;
-}
-.v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled {
-       color: #afd6f8;
-}
-.v-datefield-calendarpanel-day-selected {
-       font-weight: bold;
-       width: 14px;
-       height: 16px;
-       color: #fff;
-       padding: 1px 3px;
-       background: transparent url(datefield/img/selected-bg.png) no-repeat 50% 50%;
-       border: none;
-}
-.v-datefield-time {
-       font-size: 11px;
-}
-.v-datefield-time .v-select {
-       font-size: 10px;
-       padding: 0;
-       margin: 0;
-}
-.v-datefield-rendererror .v-textfield {
-       background: #ff9999;
-}
-.v-datefield-prompt .v-datefield-textfield {
-       color: #999;
-       font-style: normal;
-}
-/* IE specific styles */
-.v-ie7 .v-datefield-button {
-       background-position: right 1px;
-       height: 25px;
-       margin: 0;
-}
-
-.v-formlayout-cell .v-errorindicator {
-       width: 10px;
-       height: 16px;
-       background: transparent url(icons/16/error.png) no-repeat top right;
-}
-.v-formlayout-captioncell {
-       text-align:right;
-       white-space: nowrap;
-}
-.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: 8px;
-}
-.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: 15px;
-}
-.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: 15px;
-}
-.v-formlayout-margin-left .v-formlayout-captioncell {
-       padding-left: 18px;
-} 
-.v-formlayout-margin-right .v-formlayout-contentcell {
-       padding-right: 18px;
-}
-/* form */
-.v-form-errormessage {
-       background: transparent url(icons/16/error.png) no-repeat top left;
-       padding-left: 20px;
-       margin-bottom: 5px;
-       margin-top: 5px;
-       min-height: 20px;
-}
-.v-ie6 .v-form-errormessage {
-       height: 20px
-}
-.v-form fieldset {
-       border: none;
-       border-top: 1px solid #babfc0;
-}
-.v-form-nocaption fieldset {
-       border: none;
-}
-.v-form-nocaption legend {
-       display: none;
-}
-.v-form legend {
-       margin: 0;
-       padding: 0 4px 0.3em 4px;
-       font-weight: bold;
-       color: #464f52;
-}
-
-.v-gridlayout-margin-top {
-       padding-top: 15px;
-}
-.v-gridlayout-margin-bottom {
-       padding-bottom: 15px;
-}
-.v-gridlayout-margin-left {
-       padding-left: 18px;
-} 
-.v-gridlayout-margin-right {
-       padding-right: 18px;
-}
-.v-gridlayout-spacing-on {
-       padding-left: 8px;
-       padding-top: 8px;
-}
-
-.v-label h1,
-.v-label h2,
-.v-label h3,
-.v-label h4,
-.v-label h5,
-.v-label h6 {
-       color: #404749;
-}
-
-.v-label-h1,
-.v-label h1 {
-       margin: 0;
-       padding: 8px 0 4px;
-       font-size: 24px;
-       line-height: normal;
-       letter-spacing: -0.03em;
-       font-weight: normal;
-       text-shadow: 0 1px 1px #fff;
-}
-
-.v-label-h2,
-.v-label h2 {
-       color: #f14c1a;
-       font-size: 18px;
-       letter-spacing: -0.03em;
-       font-weight: normal;
-       padding: 13px 0 5px;
-}
-
-.v-label-h3,
-.v-label h3 {
-       font-size: 15px;
-       letter-spacing: -0.03em;
-       font-weight: normal;
-       text-shadow: 0 1px 1px #fff;
-}
-
-.v-label-h4,
-.v-label h4 {
-       font-size: 13px;
-       font-weight: normal;
-       text-shadow: 0 1px 1px #fff;
-       margin: 0;
-       padding: 8px 0 4px;
-}
-
-.v-label-small {
-       font-size: .87em;
-       line-height: 1.4;
-       color: #707679;
-}
-
-.v-label hr,
-.v-label-hr {
-       height: 2px;
-       overflow: hidden;
-       background: #ccd2d3;
-       color: #ccd2d3; /* For IE */
-       border: none;
-       border-bottom: 1px solid #fff;
-       margin: 0;
-}
-.v-label-hr {
-       height: 1px;
-}
-
-.v-sa .v-label hr,
-.v-ie8 .v-label hr {
-       height: 1px;
-}
-
-.v-link a {
-       color: #464f52;
-}
-
-.v-menubar {
-       color: #464f52;
-       border-left: 1px solid #c6cbcc;
-}
-.v-menubar .v-menubar-menuitem {
-       padding: 1px 10px;
-       border: 1px solid #c6cbcc;
-       border-left: none;
-       height: 18px;
-       line-height: 18x;
-}
-.v-menubar-menuitem-selected {
-       color: #fff;
-       background: #5daee8;
-}
-.v-menubar-submenu {
-       background: #e9eced url(tabsheet/img/tab-bg.png);
-       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       color: #464f52;
-       font-size: 12px;
-       line-height: 14px;
-       border-right: 1px solid #c6cbcc;
-       border-bottom: 1px solid #c6cbcc;
-       border-top: 1px solid #d0d4d5;
-       border-left: 1px solid #d0d4d5;
-}
-.v-menubar-submenu .v-menubar-menuitem {
-       padding-top: 1px;
-       padding-bottom: 1px;
-       line-height: 16px;
-       padding-left: 10px;
-}
-.v-menubar-submenu .v-menubar-menuitem-caption * { 
-       vertical-align: middle;
-}
-
-.v-Notification {
-       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       background-color: #94a0a3;
-       color: #ffffff;
-       padding: 20px 45px;
-       cursor: pointer;
-       -moz-border-radius: 3px;
-       -webkit-border-radius: 3px;
-       border-radius: 3px;
-       overflow: hidden;
-       font-size: 1.2em;
-       -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.3);
-       -moz-box-shadow: 0 3px 10px rgba(0,0,0,.3);
-       margin: 10px;
-}
-.v-Notification h1,
-.v-Notification p,
-.v-Notification-error h1,
-.v-Notification-error p,
-.v-Notification-warning h1,
-.v-Notification-warning p {
-       display: inline;
-       font-weight: normal;
-       line-height: normal;
-       margin: 0 10px 0 0;
-}
-.v-Notification-warning {
-       background: #fff1e4;
-       color: #dd3400;
-       border: 2px solid #ffaa90;
-       opacity: 1;
-}
-.v-Notification-error {
-       background: #f13d13 url(notification/img/close-error.png) no-repeat right 5px;
-       padding-right: 50px;
-}
-.v-Notification-tray {
-       background: #575e60;
-       padding: 3px;
-       -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-       -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
-       max-width: 17em;
-}
-.v-Notification-tray h1 {
-       display: block;
-       font-weight: bold;
-       font-size: 0.9em;
-       line-height: 1;
-       background: #3b4245;
-       padding: 2px 10px;
-       margin: 0;
-       -moz-border-radius: 2px;
-       -webkit-border-radius: 2px;
-       border-radius: 2px;
-}
-.v-Notification-tray p {
-       display: block;
-       font-size: 0.8em;
-       line-height: 1.2;
-       margin: 4px 10px 5px 10px;
-       color: #e4e7ea;
-}
-.v-Notification-system {
-       background-color: #ff0a0a;
-       font-size: .9em;
-       padding: 14px 32px;
-}
-
-.v-orderedlayout-margin-top,
-.v-horizontallayout-margin-top,
-.v-verticallayout-margin-top,
-.v-csslayout-margin-top {
-       padding-top: 15px;
-}
-.v-orderedlayout-margin-right,
-.v-horizontallayout-margin-right,
-.v-verticallayout-margin-right,
-.v-csslayout-margin-right {
-       padding-right: 18px;
-}
-.v-orderedlayout-margin-bottom,
-.v-horizontallayout-margin-bottom,
-.v-verticallayout-margin-bottom,
-.v-csslayout-margin-bottom {
-       padding-bottom: 15px;
-}
-.v-orderedlayout-margin-left,
-.v-horizontallayout-margin-left,
-.v-verticallayout-margin-left,
-.v-csslayout-margin-left {
-       padding-left: 18px;
-}
-.v-orderedlayout-spacing-on,
-.v-horizontallayout-spacing-on,
-.v-verticallayout-spacing-on {
-       padding-top: 8px;
-       padding-left: 8px;
-}
-.v-verticallayout-darker,
-.v-horizontallayout-darker,
-.v-gridlayout-darker,
-.v-formlayout-darker,
-.v-absolutelayout-darker,
-.v-csslayout-darker {
-       background-color: #f3f4f5;
-}
-
-/* Selectable style */
-.v-csslayout-selectable *,
-.v-csslayout-selectable-selected * {
-       cursor: pointer;
-}
-.v-csslayout-selectable,
-.v-csslayout-selectable-selected {
-       padding: 10px;
-       cursor: pointer;
-}
-.v-csslayout-selectable-selected {
-       padding: 8px;
-       border: 2px solid #57a7ed;
-       background: #d8eaf9;
-       background: rgba(179,211,237,.5);
-       -webkit-border-radius: 7px;
-       -moz-border-radius: 7px;
-       border-radius: 7px;
-}
-
-/* Shadow style */
-div.v-csslayout-box-shadow {
-       background: transparent url(shadow/img/bottom-right.png) no-repeat right bottom;
-       overflow: hidden;
-}
-.v-csslayout-box-shadow > .v-csslayout-margin {
-       padding: 0 8px 0 0;
-       background: transparent url(shadow/img/right.png) repeat-y right;
-       margin: 0;
-       position: relative;
-       bottom: 8px;
-}
-.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container {
-       padding: 0 0 8px 0;
-       margin-left: 6px;
-       background: transparent url(shadow/img/bottom.png) repeat-x bottom;
-       position: relative;
-       top: 8px;
-}
-.v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * {
-       margin-left: -6px;
-}
-/* Fancier shadows for capable browsers */
-.v-webkit .v-csslayout-box-shadow,
-.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin,
-.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container,
-.v-gecko .v-csslayout-box-shadow,
-.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin,
-.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container,
-.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * {
-       background: transparent;
-       padding: 0;
-       margin: 0;
-       height: auto;
-       position: static;
-}
-.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > *,
-.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * {
-       margin-left: 0;
-}
-.v-webkit .v-csslayout-box-shadow,
-.v-gecko .v-csslayout-box-shadow {
-       padding: 4px 8px 10px;
-}
-.v-webkit .v-csslayout-box-shadow > .v-csslayout-margin,
-.v-gecko .v-csslayout-box-shadow > .v-csslayout-margin {
-       -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.4);
-       -moz-box-shadow: 0 2px 8px rgba(0,0,0,.4);
-}
-
-.v-panel {
-       background: transparent url(panel/img/top-left.png) no-repeat;
-}
-.v-panel-caption .v-errorindicator {
-       padding-right: 20px;
-       background: transparent url(icons/16/error.png) no-repeat bottom center;
-       
-}
-.v-panel-caption,
-.v-panel-caption-light {
-       font-size: 18px;
-       line-height: normal;
-       font-weight: normal;
-       letter-spacing: -0.03em;
-       color: #f14c1a;
-       height: 18px;
-       padding: 13px 18px 16px 8px;
-       margin-left: 10px;
-       background: transparent url(panel/img/top-right.png) no-repeat right top;
-       text-overflow: ellipsis;
-}
-.v-panel-nocaption {
-       height: 9px;
-       margin-left: 10px;
-       background: transparent url(panel/img/top-right.png) no-repeat right top;
-}
-.v-panel-content {
-       border: 1px solid #babfc0;
-       border-bottom: 1px solid #dee2e3;
-       background-color: #fff;
-}
-.v-panel-deco {
-       height: 9px;
-       background: transparent url(panel/img/bottom-right.png) repeat-x right top;
-       margin-left: 9px;
-}
-.v-panel-deco:before {
-       display: block;
-       content: "";
-       width: 9px;
-       height: 9px;
-       margin-left: -9px;
-       background: transparent url(panel/img/bottom-left.png) no-repeat;
-}
-/* Light panel style */
-.v-panel-light,
-.v-panel-caption-light {
-       background: transparent;
-}
-.v-panel-caption-light {
-       border-bottom: 1px solid #babfc0;
-       margin: 0;
-       padding-left: 18px;
-}
-.v-panel-nocaption-light {
-       background: transparent;
-       border: none;
-       height: 0;
-       margin: 0;
-}
-.v-panel-content-light {
-       border: none;
-       background: transparent;
-}
-.v-panel-deco-light {
-       height: 0;
-       overflow: hidden;
-}
-/* IE specific rules */
-.v-ie6 .v-panel {
-       background: transparent;
-}
-.v-ie6 .v-panel-caption {
-       border: 1px solid #babfc0;
-       border-bottom: none;
-       background: #fff;
-       margin: 0;
-       padding-left: 18px
-}
-.v-ie6 .v-panel-nocaption {
-       border: none;
-       background: transparent;
-       margin: 0;
-       height: 0;
-}
-.v-ie6 .v-panel-caption-light {
-       border: none;
-       background: transparent;
-}
-.v-ie6 .v-panel-content,
-.v-ie7 .v-panel-content,
-.v-ie8 .v-panel-content {
-       border-bottom: 1px solid #babfc0;
-}
-.v-ie6 .v-panel-content-light, 
-.v-ie7 .v-panel-content-light, 
-.v-ie8 .v-panel-content-light {
-       border-bottom: none;
-}
-.v-ie6 .v-panel-deco, 
-.v-ie7 .v-panel-deco,           
-.v-ie8 .v-panel-deco { 
-       height: 0;
-       overflow: hidden;
-}
-
-.v-popupview {
-       background: transparent;
-}
-.v-popupview-popup {
-       border: 1px solid #babfc0;
-       border-bottom: 1px solid #dee2e3;
-       background: #fff;
-       padding: 3px;
-}
-
-.v-progressindicator-wrapper {
-       background: #dfe2e4 url(progressindicator/img/base.gif) repeat-x;
-       border: 1px solid #b6bbbc;
-}
-.v-disabled .v-progressindicator-wrapper {
-       background-image: url(progressindicator/img/disabled.gif);
-}
-.v-progressindicator-indicator {
-       background: #f7f9f9 url(progressindicator/img/progress.png);
-}
-.v-progressindicator-indicator {
-       background: #f7f9f9 url(progressindicator/img/progress.png);
-}
-.v-progressindicator-indeterminate {
-       background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
-}
-.v-progressindicator-indeterminate-disabled {
-       background: #dfe2e4;
-}
-
-.v-select-select {
-       font-size: 13px;
-}
-/* Twincol style */
-.v-select-twincol-options,
-.v-select-twincol-selections {
-       font-size: 13px;
-}
-.v-select-twincol-buttons {
-       padding: 2px; /* does not work in first render in FF ? */
-}
-
-/** Filterselect aka ComboBox styles */
-
-.v-filterselect {
-       height: 23px;
-       background: transparent url(select/img/bg-left-filter.png) no-repeat;
-       padding-left: 4px;
-}
-.v-app .v-filterselect .v-filterselect-input,
-.v-window .v-filterselect .v-filterselect-input,
-.v-popupview-popup .v-filterselect .v-filterselect-input {
-       background: transparent url(select/img/bg-center-filter.png) no-repeat 1px 0;
-       border: none;
-       height: 20px;
-       margin: 0;
-       padding: 3px 0 0 2px;
-       font-size: 13px;
-}
-.v-filterselect-prompt .v-filterselect-input {
-       font-style: normal;
-}
-.v-filterselect-input:focus {
-       /* remove safari/mac outline from this element */
-       outline: none;
-}
-.v-filterselect-focus {
-       outline: 1px solid #5daee8;
-       outline-offset: -1px;
-}
-.v-sa .v-filterselect-focus {
-       /* place safari focus outline around the whole thing */
-       outline: 5px auto -webkit-focus-ring-color;
-       outline-offset: -4px;
-}
-.v-filterselect-button {
-       width: 25px;
-       height: 23px;
-       background: transparent url(select/img/bg-right-filter.png);
-}
-.v-filterselect-button:hover {
-       background-position: bottom left;
-}
-.v-disabled .v-filterselect-button:hover,
-.v-readonly .v-filterselect-button:hover {
-       background-position: top left;
-}
-.v-filterselect.v-readonly .v-filterselect-input {
-       background: transparent;
-}
-.v-filterselect-suggestpopup {
-       background: #f6f7f7;
-       border: 1px solid #b6bbbc;
-       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       color: #464f52;
-       font-size: 12px;
-       line-height: 18px;
-       margin-top: -1px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem {
-       padding: 1px 6px;
-       cursor: pointer;
-       height: 18px;
-}
-.v-ff .v-filterselect-suggestmenu .gwt-MenuItem {
-       height: 20px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
-       margin-right: 3px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem-selected {
-       background: #5daee8;
-       color: #fff;
-}
-.v-filterselect-nextpage,
-.v-filterselect-nextpage-off,
-.v-filterselect-prevpage-off,
-.v-filterselect-prevpage {
-       height: 11px;
-       width:100%;
-       background: transparent url(select/img/button-bg.png) no-repeat 50% 0;
-       margin: 2px 0 0 0;
-}
-.v-filterselect-prevpage,
-.v-filterselect-prevpage-off {
-       background-position: 50% -1px;
-       margin: 0 0 2px 0;
-}
-.v-filterselect-prevpage:hover {
-       background-position: 50% bottom;
-}
-.v-filterselect-nextpage:hover {
-       background-position: 50% -12px;
-}
-.v-filterselect-nextpage span,
-.v-filterselect-nextpage-off span,
-.v-filterselect-prevpage-off span,
-.v-filterselect-prevpage span {
-       display: block;
-       height: 12px;
-       width:100%;
-       background: transparent url(select/img/arrow-up.png) no-repeat 50% 40%;
-       text-indent: -90000px;
-       cursor: pointer;
-       overflow: hidden;
-}
-.v-filterselect-nextpage span,
-.v-filterselect-nextpage-off span {
-       background: transparent url(select/img/arrow-down.png) no-repeat 50% 60%;
-}
-.v-filterselect-status {
-       font-size: 11px;
-       line-height: 11px;
-       width: 100%;
-       padding: 4px 0px;
-       height: 11px;
-       border-top: 1px solid #b6bbbc;
-}
-
-/* IE6 needs some help identifying when the input is readonly */
-.v-ie6 .v-filterselect.v-readonly,
-.v-ie6 .v-filterselect .v-filterselect-input-readonly {
-       background: transparent;
-}
-
-
-/* Error styles (disabled by default)
-   ----------------------------------
-
-.v-filterselect-error {
-       background-image: url(select/img/bg-left-filter-error.png);
-}
-.v-filterselect-error .v-filterselect-input {
-       background-image: url(select/img/bg-center-filter-error.png);
-}
-.v-filterselect-error .v-filterselect-button {
-       background-image: url(select/img/bg-right-filter-error.png);
-}
-.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: #FFE0E0;
-}
-*/
-
-/*  Required field styles (disabled by default)
-   --------------------------------------------
-   
-.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: #FFE0E0;
-}
-*/
-
-.v-shadow {
-       position: absolute;
-}
-
-.v-shadow .top-left {
-    position: absolute; overflow: hidden;
-    top: -3px;             left: -4px;
-    width: 8px;         height: 8px;
-    background: transparent url(shadow/img/top-left.png);
-}
-
-.v-shadow .top {
-    position: absolute; overflow: hidden;
-    top: -3px;             left: 4px;
-    height: 8px;           right: 4px;
-    background: transparent url(shadow/img/top.png);
-}
-
-.v-shadow .top-right {
-    position: absolute; overflow: hidden;
-    top: -3px;             right: -4px;
-    width: 8px;         height: 8px;
-    background: transparent url(shadow/img/top-right.png);
-}
-
-.v-shadow .left {
-    position: absolute; overflow: hidden;
-    top: 5px;           left: -4px;
-    width: 8px;
-    bottom: 3px;
-    background: transparent url(shadow/img/left.png);
-}
-
-.v-shadow .center {
-    position: absolute; overflow: hidden;
-    top: 5px;           left: 4px;
-    bottom: 3px;        right: 4px;
-    background: transparent url(shadow/img/center.png);
-}
-
-.v-shadow .right {
-    position: absolute; overflow: hidden;
-    top: 5px;           right: -4px;
-    width: 8px;
-    bottom: 3px;
-    background: transparent url(shadow/img/right.png);
-}
-
-.v-shadow .bottom-left {
-    position: absolute; overflow: hidden;
-    bottom: -5px;           left: -4px;
-    width: 8px;          height: 8px;
-    background: transparent url(shadow/img/bottom-left.png);
-}
-
-.v-shadow .bottom {
-    position: absolute; overflow: hidden;
-    bottom: -5px;           left: 4px;
-    right: 4px;          height: 8px;
-    background: transparent url(shadow/img/bottom.png);
-}
-
-.v-shadow .bottom-right {
-    position: absolute; overflow: hidden;
-    bottom: -5px;           right: -4px;
-    width: 8px;          height: 8px;
-    background: transparent url(shadow/img/bottom-right.png);
-} 
-
-.v-slider {
-       border-top: 1px solid #cccfd0;
-       border-bottom: 1px solid #cccfd0;
-       margin: 5px 0;
-}
-.v-slider-base {
-       /* changing the borders will require adjustments to ISlider.java */
-       height: 2px;
-       background: #f3f3f4;
-       border-top: 1px solid #cbcdce;
-       border-left: 1px solid #cccfd0;
-       border-right: 1px solid #cccfd0;
-}
-.v-slider-handle {
-       background: transparent url(slider/img/handle-horizontal.png);
-       width: 12px;
-       height: 12px;
-       margin-top: -5px;
-       cursor: pointer;
-}
-.v-slider-handle:hover {
-       background-position: left bottom;
-}
-.v-slider-scrollbar .v-slider-handle,
-.v-slider-scrollbar.v-slider-vertical .v-slider-handle {
-       background: #ffffff;
-       border: 1px solid #cccfd0;
-       border-radius: 6px;
-       -moz-border-radius: 6px;
-       -webkit-border-radius: 6px;
-}
-
-.v-slider-vertical {
-       width: 3px;
-       margin: 0 5px;
-       border: none;
-       border-left: 1px solid #cccfd0;
-       border-right: 1px solid #cccfd0;
-}
-.v-slider-vertical .v-slider-base {
-       width: 2px;
-       border-left: 1px solid #cbcdce;
-       border-right: none;
-       background: #f3f3f4;
-       border-top: 1px solid #cccfd0;
-       border-bottom: 1px solid #cccfd0;       
-}
-.v-slider-vertical .v-slider-handle {
-       background: transparent url(slider/img/handle-vertical.png);
-       width: 12px;
-       height: 12px;
-       margin-left: -5px;
-}
-.v-slider-vertical .v-slider-handle-active {
-       background-position: left bottom;
-}
-
-/* Disabled by default
-.v-slider-error .v-slider-base {
-       background:transparent;
-       background-color: #FFE0E0;
-}
-*/
-
-/* Disabled by default
-.v-slider-required .v-slider-base {
-       background:transparent;
-       background-color: #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;
-}
-
-.v-splitpanel-horizontal,
-.v-splitpanel-vertical {
-       overflow: hidden;
-}
-
-.v-splitpanel-hsplitter,
-.v-splitpanel-hsplitter-locked {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-}
-
-.v-splitpanel-hsplitter div,
-.v-splitpanel-hsplitter-locked div {
-       width: 6px;
-       font-size: 1px; /* for IE6 */
-       position: absolute;
-       top: 0;
-       bottom: 0;
-       background: #ccd2d0 url(splitpanel/img/bg_hor.png);
-       border: 1px solid #b6bbbc;
-       margin: 0 -1px;
-}
-
-.v-splitpanel-vsplitter,
-.v-splitpanel-vsplitter-locked {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-}
-
-.v-splitpanel-vsplitter div,
-.v-splitpanel-vsplitter-locked div {
-       height: 6px;
-       font-size: 1px; /* for IE6 */
-       background: #ccd2d0 url(splitpanel/img/bg_ver.png);
-       border: 1px solid #b6bbbc;
-       margin: -1px 0;
-}
-
-/* IE6 specific styles */
-
-.v-ie6 .v-splitpanel-hsplitter div,
-.v-ie6 .v-splitpanel-hsplitter-locked div {
-       height: 99%;
-}
-
-.v-ie6 .v-splitpanel-vsplitter,
-.v-ie6 .v-splitpanel-vsplitter-locked {
-       height: 8px;
-}
-
-.v-ie6 .v-splitpanel-vsplitter div,
-.v-ie6 .v-splitpanel-vsplitter-locked div {
-       margin: 0;
-}
-
-
-/* Rounded style */
-.v-splitpanel-hsplitter-rounded div,
-.v-splitpanel-vsplitter-rounded div,
-.v-splitpanel-hsplitter-rounded-locked div,
-.v-splitpanel-vsplitter-rounded-locked div {
-       -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-       border-radius: 4px;
-}
-.v-splitpanel-hsplitter-rounded div,
-.v-splitpanel-hsplitter-rounded-locked div {
-       top: 4px;
-       bottom: 4px;
-}
-.v-splitpanel-vsplitter-rounded div,
-.v-splitpanel-vsplitter-rounded-locked div {
-       margin: -1px 4px;
-}
-.v-ie6 .v-splitpanel-hsplitter-rounded div,
-.v-ie6 .v-splitpanel-hsplitter-rounded-locked div {
-       height: 97%;
-}
-
-
-/* Small style */
-.v-splitpanel-hsplitter-small,
-.v-splitpanel-vsplitter-small,
-.v-splitpanel-hsplitter-small-locked,
-.v-splitpanel-vsplitter-small-locked {
-       background: #b6bbbc;
-}
-.v-splitpanel-hsplitter-small,
-.v-splitpanel-hsplitter-small-locked {
-       width: 1px;
-}
-.v-splitpanel-vsplitter-small,
-.v-splitpanel-vsplitter-small-locked {
-       height: 1px;
-}
-.v-splitpanel-hsplitter-small div,
-.v-splitpanel-hsplitter-small-locked div {
-       border: none;
-       background: transparent;
-       width: 5px;
-       margin: 0 0 0 -2px;
-}
-.v-splitpanel-vsplitter-small div,
-.v-splitpanel-vsplitter-small-locked div {
-       border: none;
-       background: transparent;
-       height: 5px;
-       margin: -2px 0 0 0;
-}
-
-.v-table-header-wrap {
-       height: 36px;
-       border: 1px solid #b6bbbc;
-       border-bottom: none;
-       background: #e7e9ea url(table/img/header-bg.png) repeat-x;
-}
-.v-table-header {
-       height: 36px;
-}
-.v-table-footer-wrap {
-       border-color: #b6bbbc;
-       background: #e7e9ea url(table/img/header-bg.png) repeat-x;
-}
-.v-table-footer td {
-       border-right-color: #e8eaec;
-       padding-top: 3px;
-       padding-bottom: 3px;
-}
-.v-table-resizer {
-       height: 36px;
-       width: 4px;
-       background: transparent url(table/img/resizer-bg.png) repeat-y 100% 50%;
-}
-.v-table-caption-container {
-       color: #393a3c;
-       font-size: 15px;
-       padding: 9px 2px 9px 0;
-       text-shadow: #ffffff 0 1px 0;
-       margin-left: 4px;
-}
-.v-ie7 .v-table-caption-container-align-right {
-       margin-left: 0px;
-       padding-left: 0px;
-}
-.v-table-sort-indicator {
-       width: 0;
-       height: 36px;
-}
-.v-table-header-cell-asc .v-table-sort-indicator {
-       background: transparent url(table/img/sort-asc.png) no-repeat right 50%;
-       width: 20px;
-       height: 36px;
-}
-.v-table-header-cell-desc .v-table-sort-indicator {
-       background: transparent url(table/img/sort-desc.png) no-repeat right 50%;
-       width: 20px;
-       height: 36px;
-}
-.v-table-header-cell:hover,
-.v-table-header-cell-asc:hover,
-.v-table-header-cell-desc:hover {
-       background: transparent url(table/img/header-bg-over.png) repeat-x;
-}
-.v-table-body {
-       background: #fff;
-       border: 1px solid #b6bbbc;
-}
-tr.v-table-row:hover,
-tr.v-table-row-odd:hover {
-       background-color: #edeeee;
-}
-.v-table-row,
-.v-table-body-noselection .v-table-row:hover {
-       background-color: #fff;
-}
-.v-table-row-odd,
-.v-table-body-noselection .v-table-row-odd:hover {
-       background-color: #f6f7f7;
-}
-.v-table tr.v-selected {
-       background: #57a7ed;
-       color: #fff;
-}
-.v-table-cell-content {
-       padding: 0 6px 0 4px;
-       border-right: none;
-}
-.v-table-cell-wrapper {
-       white-space: nowrap;
-       overflow: hidden;
-       line-height: 23px;
-       /* Do not specify horizontal padding here */
-       padding: 3px 0 0 0;
-}
-.v-table-focus .v-table-cell-wrapper {
-       line-height: 21px;
-}
-/* Fix textfield size to correspond label size inside table */
-.v-table-cell-content .v-textfield,
-.v-table-cell-content .v-button {
-       margin: -3px 0 0 0;
-}
-.v-table-cell-content .v-textfield,
-.v-table-cell-content .v-datefield {
-       width: 97%; /* approximate */
-}
-/* ...but not for datefield textarea */
-.v-table-cell-content .v-datefield .v-textfield {
-       width: auto;
-       
-}
-/* datefield button is too high for table cell */
-.v-table-cell-content .v-datefield-button {
-       height: 25px;
-       margin: -3px 0 0 0;
-}
-.v-table-column-selector {
-       background: transparent url(table/img/colsel.png) no-repeat;
-       margin: -36px 0 0 0;
-       height: 36px;
-       width: 15px;
-}
-.v-table-focus-slot-left {
-       border-color: #b6bbbc;
-}
-.v-table-focus-slot-right {
-       border-color: #b6bbbc;
-}
-.v-table-header-drag {
-       background: #e7edf3 url(table/img/header-bg.png) repeat-x;
-       border: 1px solid #b6bbbc;
-       padding: 4px;
-       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       color: #464f52;
-       font-size: 15px;
-       margin-top: 20px;
-}
-.v-table-scrollposition {
-       width: 160px;
-       height: 39px;
-       background: transparent url(table/img/scroll-position-bg.png);
-       border: none;
-}
-.v-table-scrollposition span {
-       display: block;
-       margin-top: 8px;
-       text-align: center;
-       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       color: #464f52;
-       font-size: 15px;
-       text-shadow: #ffffff 2px 2px 0;
-}
-/* row in column selector */
-.v-on div {
-       background: transparent url(table/img/check.gif) no-repeat 2px 50%;
-       text-indent: 6px;
-}
-.v-off div {
-       text-indent: 6px;
-}
-.v-table .v-link {
-       display: inline;
-}
-/* IE6 hack */
-.v-ie6 .v-table-scrollposition {
-       background: transparent;
-       /* 
-       AlphaImageLoader uses src attribute relative to host page, not CSS
-       We need multiple different filters because we cannot be sure how host page is served compared to theme resources
-       TODO: This actually does not work as expected, since only the last filter is applied. Can we chain filters together (i.e. contain all versions on one line)?
-        */
-       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
-       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
-       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
-       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
-}
-
-
-/* Borderless style */
-.v-table-borderless .v-table-header-wrap,
-.v-table-borderless .v-table-body {
-       border: none;
-}
-.v-table-borderless .v-table-header-wrap {
-       border-bottom: 1px solid #b6bbbc;
-}
-.v-table-borderless .v-table-body {
-       background: transparent;
-}
-.v-table-borderless .v-table-row,
-.v-table-borderless .v-table-row-odd,
-.v-table-borderless .v-table-body-noselection .v-table-row:hover,
-.v-table-borderless .v-table-body-noselection .v-table-row-odd:hover {
-       background-color: transparent;
-}
-
-
-/* Small style */
-.v-table-small .v-table-header-wrap,
-.v-table-small .v-table-header {
-       height: 22px;
-}
-.v-table-small .v-table-sort-indicator,
-.v-table-small .v-table-header-cell-asc .v-table-sort-indicator,
-.v-table-small .v-table-header-cell-desc .v-table-sort-indicator {
-       height: 22px;
-}
-.v-table-small .v-table-caption-container {
-       font-size: 13px;
-       padding-top: 3px;
-       padding-bottom: 3px;
-}
-.v-table-small .v-table-column-selector {
-       margin-top: -21px;
-       height: 21px;
-}
-.v-table-small .v-table-body {
-       font-size: 12px;
-}
-.v-table-small .v-table-cell-wrapper {
-       line-height: 18px;
-       padding: 2px 0;
-}
-
-.v-tabsheet-tabs {
-       height: 48px;
-}
-
-.v-tabsheet-spacertd div {
-       height: 37px;
-       border: 1px solid #b6bbbc;
-       background: transparent url(tabsheet/img/tab-bg.png);
-       padding: 0;
-}
-.v-tabsheet-scroller {
-       margin-top: -37px;
-       float: right;
-}
-.v-tabsheet-scrollerPrev,
-.v-tabsheet-scrollerNext,
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
-       border: none;
-       width: 12px;
-       padding: 0;
-       height: 38px;
-       opacity: 0.9999;
-       margin-top: -1px;
-}
-.v-tabsheet-scrollerNext,
-.v-tabsheet-scrollerNext-disabled {
-       background: transparent url(tabsheet/img/next.png) no-repeat;
-}
-.v-tabsheet-scrollerPrev,
-.v-tabsheet-scrollerPrev-disabled {
-       background: transparent url(tabsheet/img/prev.png) no-repeat;
-}
-.v-tabsheet-scrollerPrev:hover,
-.v-tabsheet-scrollerNext:hover {
-       background-position: -24px 0px;
-}
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
-       background-position: -12px 0px;
-}
-.v-tabsheet-scrollerPrev-disabled:hover,
-.v-tabsheet-scrollerNext-disabled:hover {
-       background-position: -12px 0px;
-}
-.v-tabsheet-tabitem {
-       border: 1px solid #b6bbbc;
-       border-right: none;
-       height: 37px;
-       padding: 0;
-       margin-top: 9px;
-       color: #777f85;
-       font-size: 15px;
-       line-height: 18px;
-       background: #f8f9f9 url(tabsheet/img/tab-bg.png);
-}
-.v-tabsheet-tabitem .v-caption {
-       height: 20px;
-       padding: 9px 15px 8px 15px;
-}
-.v-tabsheet-tabitem-selected {
-       border: none;
-       background: transparent url(panel/img/top-left.png) no-repeat;
-       margin: 0;
-       padding: 0;
-       height: 48px;
-       color: #ee5311;
-}
-.v-tabsheet-tabitem:hover {
-       color: #4b5257;
-}
-.v-tabsheet-tabitem-selected:hover {
-       color: #ee5311;
-}
-.v-tabsheet-tabitem-selected .v-caption {
-       background: transparent url(panel/img/top-right.png) repeat-x right top;
-       margin: 0 -1px 0 9px;
-       height: 18px;
-       padding: 16px 16px 14px 7px;
-       overflow: visible;
-}
-.v-tabsheet-caption-close {
-       margin-left: 3px;
-       margin-right: -3px;
-       margin-top: 2px;
-       font-size: 15px;
-       width: 15px;
-       height: 15px;
-       -webkit-border-radius: 7px;
-       -moz-border-radius: 7px;
-       color: #777f85;
-       line-height: 13px;
-}
-.v-tabsheet-caption-close:hover {
-       background: #dce0e0;
-}
-.v-tabsheet-caption-close:active {
-       background: #b6bbbc;
-       color: #fff;
-}
-.v-tabsheet-content {
-       border: 1px solid #babfc0;
-       background-color: #fff;
-       border-bottom: 1px solid #dee2e3;
-       border-top: none;
-}
-.v-tabsheet-hidetabs .v-tabsheet-content {
-       border-top: 1px solid #b5babb;
-}
-.v-tabsheet-deco {
-       height: 10px;
-       background: transparent url(panel/img/bottom-right.png) repeat-x right top;
-       margin-left: 9px;
-       overflow: visible;
-}
-.v-tabsheet-deco:before {
-       display: block;
-       content: "";
-       width: 9px;
-       height: 9px;
-       margin-left: -9px;
-       background: transparent url(panel/img/bottom-left.png) no-repeat;
-}
-/* Progress indication *
-.v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext {
-       background: transparent url(../base/common/img/ajax-loader.gif) no-repeat top right;
-       margin-left: -10px;
-       padding-left: 10px;
-       margin-right: -10px;
-       padding-right: 10px;
-       margin-top: -12px;
-       padding-top: 12px;
-}*/
-/* IE specific styles */
-.v-ie6 .v-tabsheet-tabs {
-       height: 46px;
-}
-.v-ie6 .v-tabsheet-tabitem-selected {
-       border: 1px solid #babfc0;
-       border-bottom: none;
-       background: #fff;
-       margin-top: 0;
-       height: 23px;
-       padding: 18px 14px 6px 15px;
-       cursor: default;
-       color: #ee5311;
-}
-.v-ie6 .v-tabsheet-tabitem-selected .v-caption {
-       background: transparent;
-       padding: 0;
-       margin: 0;
-}
-.v-ie .v-tabsheet-content {
-       border-bottom: none;
-}
-.v-ie .v-tabsheet-deco {
-       height: 1px;
-       background: #babfc0;
-       overflow: hidden;
-       margin: 0;
-}
-.v-ie7 .v-tabsheet-deco,
-.v-ie8 .v-tabsheet-deco,
-.v-ie9 .v-tabsheet-deco {
-       width: 100%;
-}
-/* Light-style */
-.v-tabsheet-tabcontainer-light {
-       height: 32px;
-}
-.v-tabsheet-tabs-light {
-       height: 32px;
-       width: 100%;
-       overflow:hidden;
-       background: transparent;
-}
-.v-tabsheet-tabs-light .v-tabsheet-spacertd div {
-       height: 31px;
-       border: none;
-       border-bottom: 1px solid #b6bbbc;
-       background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x;
-}
-.v-tabsheet-tabs-light .v-tabsheet-tabitem {
-       border: none;
-       border-bottom: 1px solid #b6bbbc;
-       height: 30px;
-       padding: 0;
-       margin-top: 0;
-       color: #656d73;
-       font-size: 12px;
-       line-height: normal;
-       background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x;
-       cursor: pointer;
-       text-shadow: #fff 0 1px 0;
-}
-.v-tabsheet-tabs-light .v-tabsheet-tabitem .v-caption {
-       height: 24px;
-       padding: 8px 10px 0 11px;
-       background: transparent url(tabsheet/img/inline-tab-border.png) no-repeat;
-}
-.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-caption {
-       margin-left: 5px;
-       background: transparent;
-}
-.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected + .v-tabsheet-tabitemcell .v-caption,
-.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected-first + .v-tabsheet-tabitemcell .v-caption {
-       background: transparent;
-}
-.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected {
-       border: none;
-       background: transparent url(tabsheet/img/inline-tab-right.png) no-repeat right top;
-       margin: 0;
-       padding: 0;
-       height: 32px;
-       cursor: default;
-       color: #ee5311;
-       text-shadow: none;
-}
-.v-tabsheet-tabs-light .v-tabsheet-tabitem:hover {
-       color: #4b5257;
-}
-.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected:hover {
-       color: #ee5311;
-}
-.v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption {
-       background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0;
-       margin: 0;
-       height: 23px;
-       padding: 9px 10px 0 11px;
-       overflow: visible;
-}
-.v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption {
-       background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -3px 0;
-       padding-left: 16px;
-}
-.v-tabsheet-tabs-light .v-tabsheet-caption-close {
-       margin-top: 0;
-       text-shadow: none;
-}
-.v-tabsheet-content-light {
-       border: none;
-       background: transparent;
-}
-.v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content {
-       border: none;
-}
-.v-tabsheet-deco-light {
-       height: 0;
-       overflow: hidden;
-}
-.v-tabsheet-deco-light:before {
-       display: none;
-}
-/* Scroller */
-.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev,
-.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext {
-       margin-top: 2px;
-       height: 34px;
-}
-.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext-disabled {
-       margin-top: 2px;
-       height: 34px;
-}
-/* Progress indication *
-.v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext {
-       margin-left: -3px;
-       padding-left: 3px;
-}*/
-/* IE specific styles */
-.v-ie6 .v-tabsheet-tabs-light,
-.v-ie7 .v-tabsheet-tabs-light {
-       height: 32px;
-}
-.v-ie6 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected,
-.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected {
-       border: none;
-       background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top;
-       padding: 0;
-       height: 32px;
-}
-.v-ie6 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption,
-.v-ie7 .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption {
-       background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0;
-       padding: 9px 11px 0 11px;
-}
-.v-ie .v-tabsheet-deco-light {
-       height: 0;
-}
-
-.v-textfield,
-.v-textarea {
-       background: #fff url(textfield/img/bg.png) repeat-x;
-       border: 1px solid #b6b6b6;
-       border-top-color: #9d9d9d;
-       border-bottom-color: #d6d6d6;
-       border-right-color: #d6d6d6;
-       margin: 0;
-       line-height: 14px;
-}
-input.v-textfield,
-input[type=text].v-textfield,
-textarea.v-textarea {
-       font-size: 12px;
-       height: 16px;
-       padding: 4px 2px 0;
-}
-textarea.v-textarea {
-       height: auto;
-       padding-bottom: 2px;
-}
-.v-textfield-focus,
-.v-textarea-focus {
-       border-color: #5daee8;
-}
-input.v-textfield-prompt,
-textarea.v-textarea-prompt {
-       color: #999;
-       font-style: normal;
-}
-.v-richtextarea {
-       border: 1px solid #b6b6b6;
-}
-.v-richtextarea .gwt-RichTextArea {
-       background: #fff url(textfield/img/bg.png) repeat-x;
-}
-
-/* Small style */
-input.v-textfield-small,
-input[type=text].v-textfield-small,
-textarea.v-textarea-small {
-       font-size: 11px;
-       height: 14px;
-       line-height: 12px;
-       padding: 1px 2px;
-}
-
-.v-tree-node {
-       background: transparent url(tree/img/collapsed.png) no-repeat 2px 1px;
-}
-.v-tree-node-expanded {
-       background: transparent url(tree/img/expanded.png) no-repeat 2px 1px;
-}
-.v-tree-node-caption {
-       margin-left: 18px;
-}
-.v-tree-node-caption .v-icon {
-       margin: 0 2px 0 -2px;
-}
-.v-tree-node-caption span {
-       padding: 0 1px;
-}
-.v-tree-node-selected span {
-       background: #57a7ed;
-       color: #fff;
-       padding: 1px 2px 0;
-       display: inline-block;
-       zoom: 1;
-       margin: -1px -1px 0;
-       -webkit-border-radius: 2px;
-       -moz-border-radius: 2px;
-       border-radius: 2px;     
-}
-.v-tree-node-children {
-       padding-left: 16px;
-}
-/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of v-tree-node-caption */
-.v-ie6 .v-tree-node-ie6compatnode {
-       width: 14px;
-       height: 10px;
-       padding: 1px;
-}
-.v-tree{
-       outline:none;   
-}
-.v-tree-node-caption.v-tree-node-focused span{
-       padding-left: 1px;
-       padding-top: 0px;
-       padding-bottom: 0px;
-}
-.v-tree-node-focused span{
-       border: 1px dotted black;       
-}
-.v-ie6 .v-tree-node-ie6compatnode.v-tree-node-focused{
-       padding-left: 0px;
-}
-/***************************************
- * Drag'n'drop styles
- ***************************************/
-.v-tree .v-tree-node-drag-top,
-.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
-       background-position: 2px 0;
-}
-
-.v-window {
-       color: #464f52;
-       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
-       font-size: 13px;
-       line-height: 18px;
-       background: transparent url(window/img/bottom-left.png) no-repeat left bottom;
-}
-.v-window-wrap {
-       background: transparent url(window/img/top-left.png) no-repeat;
-}
-.v-window-outerheader {
-       height: 23px;
-       margin-left: 9px;
-       padding: 15px 40px 11px 12px;
-       background: transparent url(window/img/top-right.png) no-repeat right top;
-}
-.v-window-header {
-       font-size: 18px;
-       line-height: 1.2;
-       font-weight: normal;
-       letter-spacing: -0.03em;
-       color: #f14c1a;
-       text-shadow: 0 1px 0 #fff;
-       /* This element is 100% wide in IE6 */
-}
-.v-window-contents {
-       background: #fff;
-       border: 2px solid #babfc0;
-       border-top: none;
-       border-bottom: none;
-}
-.v-window div.v-window-footer {
-       height: 8px;
-       margin-left: 9px;
-       background: transparent url(window/img/bottom-right.png) no-repeat right bottom;
-       overflow: visible;
-}
-.v-ie7 .v-window-footer {
-       position: relative;
-       overflow: visible;
-}
-.v-window-resizebox,
-.v-ie7 .v-window-resizebox {
-       position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */
-       right: 5px;
-       width: 10px;
-       height: 10px;
-       margin-top: -7px;
-       background: transparent url(window/img/resize.png);
-}
-.v-window-resizebox-disabled {
-       background: transparent;
-       display: block;
-}
-.v-window-closebox {
-       position: absolute;
-       top: 21px;
-       right: 24px;
-       width: 12px;
-       height: 12px;
-       background: transparent url(window/img/close.png);
-}
-.v-window-closebox:hover {
-       background-position: 0 -12px;
-}
-.v-window-modalitycurtain {
-       background: #fff;
-}
-/* Dialog style */
-.v-window-dialog {
-       background-image: url(window/img/dialog/bottom-left.png);
-}
-.v-window-dialog .v-window-outerheader {
-       height: 14px;
-       padding: 13px 30px 5px 8px;
-       background: transparent url(window/img/top-right.png) no-repeat right top;
-}
-.v-window-dialog .v-window-header {
-       font-size: 12px;
-       line-height: normal;
-       font-weight: bold;
-       letter-spacing: 0;
-       text-shadow: 0 1px 0 #fff;
-}
-.v-window-dialog .v-window-contents {
-       background: #f1f3f3;
-}
-.v-window-dialog div.v-window-footer {
-       background-image: url(window/img/dialog/bottom-right.png);
-}
-.v-window-dialog .v-window-closebox {
-       top: 14px;
-       right: 16px;
-       background-image: url(window/img/dialog/close.png);
-}
-/* Shadow for window */
-.v-shadow-window .top-left {
-    top: -13px;             left: -20px;
-    width: 39px;         height: 39px;
-    background: transparent url(window/img/shadow/top-left.png);
-}
-.v-shadow-window .top {
-    top: -13px;             left: 19px;
-    height: 39px;
-    right: 19px;
-    background: transparent url(window/img/shadow/top.png);
-}
-.v-shadow-window .top-right {
-    top: -13px;             right: -20px;
-    width: 39px;         height: 39px;
-    background: transparent url(window/img/shadow/top-right.png);
-}
-.v-shadow-window .left {
-    top: 26px;           left: -20px;
-    width: 39px;
-    bottom: 12px;
-    background: transparent url(window/img/shadow/left.png);
-}
-.v-shadow-window .center {
-    top: 26px;           left: 19px;
-    bottom: 12px;        right: 19px;
-    background: transparent url(window/img/shadow/center.png);
-}
-.v-shadow-window .right {
-    top: 26px;           right: -20px;
-    width: 39px;
-    bottom: 12px;
-    background: transparent url(window/img/shadow/right.png);
-}
-.v-shadow-window .bottom-left {
-    bottom: -27px;           left: -20px;
-    width: 39px;          height: 39px;
-    background: transparent url(window/img/shadow/bottom-left.png);
-}
-.v-shadow-window .bottom {
-    bottom: -27px;           left: 19px;
-    right: 19px;          height: 39px;
-    background: transparent url(window/img/shadow/bottom.png);
-}
-.v-shadow-window .bottom-right {
-    bottom: -27px;           right: -20px;
-    width: 39px;          height: 39px;
-    background: transparent url(window/img/shadow/bottom-right.png);
-}