initial commit for edit theme
authorCherian Mathew <c.mathew@bgbm.org>
Wed, 1 Apr 2015 11:22:41 +0000 (11:22 +0000)
committerCherian Mathew <c.mathew@bgbm.org>
Wed, 1 Apr 2015 11:22:41 +0000 (11:22 +0000)
.gitattributes
src/main/webapp/VAADIN/themes/edit/addons.scss [new file with mode: 0644]
src/main/webapp/VAADIN/themes/edit/edit.scss [new file with mode: 0644]
src/main/webapp/VAADIN/themes/edit/styles.css [new file with mode: 0644]
src/main/webapp/VAADIN/themes/edit/styles.scss [new file with mode: 0644]

index 9ae6889287e676102ced231d4c0fc85fb318176d..b4e38841bfc4ebd6faa5afca6a5a9f17dd963033 100644 (file)
@@ -45,6 +45,10 @@ src/main/resources/test.txt -text
 src/main/webapp/META-INF/MANIFEST.MF -text
 src/main/webapp/META-INF/context.xml -text
 src/main/webapp/META-INF/services/javax.servlet.ServletContainerInitializer -text
+src/main/webapp/VAADIN/themes/edit/addons.scss -text
+src/main/webapp/VAADIN/themes/edit/edit.scss -text
+src/main/webapp/VAADIN/themes/edit/styles.css -text
+src/main/webapp/VAADIN/themes/edit/styles.scss -text
 src/main/webapp/VAADIN/themes/mytheme/addons.scss -text
 src/main/webapp/VAADIN/themes/mytheme/favicon.ico -text
 src/main/webapp/VAADIN/themes/mytheme/icons/32/Thumbs.db -text
diff --git a/src/main/webapp/VAADIN/themes/edit/addons.scss b/src/main/webapp/VAADIN/themes/edit/addons.scss
new file mode 100644 (file)
index 0000000..a5670b7
--- /dev/null
@@ -0,0 +1,7 @@
+/* This file is automatically managed and will be overwritten from time to time. */
+/* Do not manually edit this file. */
+
+/* Import and include this mixin into your project theme to include the addon themes */
+@mixin addons {
+}
+
diff --git a/src/main/webapp/VAADIN/themes/edit/edit.scss b/src/main/webapp/VAADIN/themes/edit/edit.scss
new file mode 100644 (file)
index 0000000..f0de273
--- /dev/null
@@ -0,0 +1,42 @@
+// Global variable overrides. Must be declared before importing Valo.
+
+// Defines the plaintext font size, weight and family. Font size affects general component sizing.
+//$v-font-size: 16px;
+//$v-font-weight: 300;
+//$v-font-family: "Open Sans", sans-serif;
+
+// Defines the border used by all components.
+//$v-border: 1px solid (v-shade 0.7);
+//$v-border-radius: 4px;
+
+// Affects the color of some component elements, e.g Button, Panel title, etc
+//$v-background-color: hsl(210, 0%, 98%);
+// Affects the color of content areas, e.g  Panel and Window content, TextField input etc
+//$v-app-background-color: $v-background-color;
+
+// Affects the visual appearance of all components
+//$v-gradient: v-linear 8%;
+//$v-bevel-depth: 30%;
+//$v-shadow-opacity: 5%;
+
+// Defines colors for indicating status (focus, success, failure)
+//$v-focus-color: valo-focus-color(); // Calculates a suitable color automatically
+//$v-friendly-color: #2c9720;
+//$v-error-indicator-color: #ed473b;
+
+// For more information, see: https://vaadin.com/book/-/page/themes.valo.html
+// Example variants can be copy/pasted from https://vaadin.com/wiki/-/wiki/Main/Valo+Examples
+
+
+@import "../runo/runo.scss";
+
+@mixin edit {
+  @include runo;
+  // Insert your own theme rules here
+  
+    /* Style specifically for the row header cells. */
+    .v-table-cell-content-synonym {
+       font-style: italic;
+    }
+
+}
\ No newline at end of file
diff --git a/src/main/webapp/VAADIN/themes/edit/styles.css b/src/main/webapp/VAADIN/themes/edit/styles.css
new file mode 100644 (file)
index 0000000..814cebc
--- /dev/null
@@ -0,0 +1,5898 @@
+.v-assistive-device-only {
+       position: absolute;
+       top: -2000px;
+       left: -2000px;
+       width: 10px;
+       overflow: hidden;
+}
+
+.v-radiobutton {
+       -webkit-user-select: none;
+}
+
+@-webkit-keyframes v-notification-animate-out {
+               100% {
+               opacity: 0;
+       }
+       }
+
+@-moz-keyframes v-notification-animate-out {
+               100% {
+               opacity: 0;
+       }
+       }
+
+@keyframes v-notification-animate-out {
+               100% {
+               opacity: 0;
+       }
+       }
+
+.v-vaadin-version:after {
+       content: "7.3.5";
+}
+
+.v-generated-body {
+       width: 100%;
+       height: 100%;
+       border: 0;
+       margin: 0;
+       overflow: hidden;
+}
+
+.v-modal-window-open {
+       overflow: hidden;
+}
+
+@font-face {
+       font-family: FontAwesome;
+       src: url(../base/fonts/fontawesome-webfont.eot);
+       src: url(../base/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../base/fonts/fontawesome-webfont.woff) format("woff"), url(../base/fonts/fontawesome-webfont.ttf) format("truetype"), url(../base/fonts/fontawesome-webfont.svg) format("svg");
+       font-weight: normal;
+       font-style: normal;
+}
+
+.FontAwesome {
+       font-family: FontAwesome;
+       font-style: normal;
+       font-weight: normal;
+       -webkit-font-smoothing: antialiased;
+       -moz-osx-font-smoothing: grayscale;
+       display: inline-block;
+}
+
+.v-generated-body {
+       background: #e9eced;
+}
+
+.edit .v-widget {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+       text-align: left;
+       display: inline-block;
+       white-space: normal;
+       vertical-align: bottom;
+       font-size: 13px;
+       line-height: 18px;
+}
+
+.edit .v-absolutelayout-wrapper {
+       position: absolute;
+       overflow: hidden;
+}
+
+.edit .v-absolutelayout-margin, .edit .v-absolutelayout-canvas {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-absolutelayout.v-has-height > div, .edit .v-absolutelayout.v-has-height > div > div {
+       height: 100%;
+}
+
+.edit .v-absolutelayout.v-has-width > div, .edit .v-absolutelayout.v-has-width > div > div {
+       width: 100%;
+}
+
+.edit .v-accordion {
+       position: relative;
+       outline: none;
+       overflow: visible;
+       text-align: left;
+       font-size: 0;
+}
+
+.edit .v-accordion-item {
+       position: relative;
+       display: inline-block;
+       width: 100%;
+}
+
+.edit .v-accordion-item-caption {
+       overflow: visible;
+       white-space: nowrap;
+       background: #eee;
+       border-bottom: 1px solid #ddd;
+}
+
+.edit .v-accordion-item-caption .v-caption {
+       cursor: pointer;
+       font-size: 13px;
+}
+
+.edit .v-accordion-item-open .v-accordion-item-caption .v-caption {
+       cursor: default;
+}
+
+.edit .v-accordion-item-content {
+       position: absolute;
+       width: 100%;
+}
+
+.edit .v-browserframe {
+       font-size: 0;
+}
+
+.v-webkit.v-ios .edit .v-browserframe {
+       -webkit-overflow-scrolling: touch;
+       overflow: auto;
+}
+
+.edit .v-browserframe > span {
+       font-size: 13px;
+}
+
+.edit .v-button {
+       display: inline-block;
+       zoom: 1;
+       text-align: center !important;
+       text-decoration: none;
+       border: 2px outset #ddd;
+       background: #eee;
+       cursor: pointer;
+       white-space: nowrap;
+       margin: 0;
+       padding: 0.2em 1em;
+       color: inherit;
+       font: inherit;
+       font-size: 13px;
+       line-height: normal;
+       -webkit-touch-callout: none;
+       -webkit-user-select: none;
+       -khtml-user-select: none;
+       -moz-user-select: none;
+       -ms-user-select: none;
+       user-select: none;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-button.v-disabled {
+       cursor: default;
+}
+
+.edit .v-button-wrap, .edit .v-button-caption {
+       vertical-align: baseline;
+       white-space: nowrap;
+       font: inherit;
+       color: inherit;
+       line-height: normal;
+}
+
+.edit .v-button .v-icon {
+       vertical-align: middle;
+       margin-right: 3px;
+       border: none;
+}
+
+.edit .v-button .v-errorindicator {
+       display: inline-block;
+       zoom: 1;
+       vertical-align: middle;
+       float: none;
+}
+
+.edit .v-button-link {
+       border: none;
+       text-align: left !important;
+       background: transparent;
+       padding: 0;
+       color: inherit;
+       -khtml-user-select: text;
+       -moz-user-select: text;
+       -ie-user-select: text;
+       user-select: text;
+}
+
+.v-sa .edit .v-button-link:focus {
+       outline-offset: -3px;
+}
+
+.edit .v-button-link .v-button-caption {
+       text-decoration: underline;
+       color: inherit;
+       text-align: left;
+}
+
+.edit .v-nativebutton .v-icon {
+       vertical-align: middle;
+       margin-right: 3px;
+       border: none;
+}
+
+.edit .v-nativebutton .v-errorindicator {
+       display: inline-block;
+       zoom: 1;
+       vertical-align: middle;
+       float: none;
+}
+
+.edit .v-nativebutton-link {
+       border: none;
+       text-align: left !important;
+       background: transparent;
+       padding: 0;
+       color: inherit;
+       -khtml-user-select: text;
+       -moz-user-select: text;
+       -ie-user-select: text;
+       user-select: text;
+}
+
+.edit .v-nativebutton-link .v-nativebutton-caption {
+       text-decoration: underline;
+       color: inherit;
+       text-align: left;
+}
+
+.edit .v-nativebutton {
+       text-align: center !important;
+       cursor: pointer;
+       white-space: nowrap;
+       margin: 0;
+       color: inherit;
+       font: inherit;
+       line-height: normal;
+}
+
+.edit .v-nativebutton .v-nativebutton-caption {
+       vertical-align: middle;
+       white-space: nowrap;
+       font: inherit;
+       color: inherit;
+}
+
+.edit .v-nativebutton .v-icon {
+       vertical-align: middle;
+       margin-right: 3px;
+}
+
+.edit .v-nativebutton .v-errorindicator {
+       display: inline-block;
+       zoom: 1;
+       float: none;
+}
+
+.v-ie .edit .v-nativebutton {
+       overflow: visible;
+       padding-left: 1em;
+       padding-right: 1em;
+}
+
+.v-ie .edit .v-nativebutton-link {
+       padding: 0;
+}
+
+.edit .v-checkbox {
+       display: block;
+}
+
+.edit .v-checkbox, .edit .v-checkbox label, .edit .v-checkbox input, .edit .v-checkbox .v-icon {
+       vertical-align: middle;
+       white-space: nowrap;
+}
+
+.edit .v-checkbox .v-icon {
+       margin: 0 2px;
+}
+
+.edit .v-checkbox .v-errorindicator {
+       float: none;
+       display: inline;
+       display: inline-block;
+       zoom: 1;
+}
+
+.edit .v-captionwrapper {
+       text-align: left;
+}
+
+.edit .v-caption {
+       overflow: hidden;
+       white-space: nowrap;
+       font-size: 13px;
+}
+
+.edit .v-errorindicator {
+       display: inline-block;
+}
+
+.edit .v-caption .v-icon {
+       display: inline-block;
+       padding-right: 2px;
+       vertical-align: middle;
+}
+
+.edit .v-caption .v-captiontext {
+       display: inline-block;
+       overflow: hidden;
+       vertical-align: middle;
+}
+
+.edit .v-caption .v-required-field-indicator {
+       display: inline-block;
+}
+
+.edit .v-colorpicker {
+       text-align: center;
+}
+
+.edit .v-colorpicker-button-color {
+       border: 1px solid silver;
+       float: left;
+       width: 10px;
+       height: 10px;
+       margin-top: 2px;
+       margin-right: 5px;
+}
+
+.edit .v-colorpicker-area {
+       border: 1px solid silver;
+       margin: 1px auto;
+}
+
+.edit .v-colorpicker-history {
+       margin: 5px;
+}
+
+.edit .v-colorpicker-history td {
+       border: 1px solid silver !important;
+}
+
+.edit .v-colorpicker-history td {
+       line-height: 15px;
+}
+
+.edit .v-colorpicker-popup {
+       width: 244px;
+}
+
+.edit .v-colorpicker-popup .v-scrollable {
+       background-color: #dddddd;
+}
+
+.edit .v-colorpicker-popup .v-tabsheet-content .v-scrollable {
+       background-color: #eaeaea;
+}
+
+.edit .v-colorpicker-popup .v-tabsheet-content .v-tabsheet-tabsheetpanel {
+       background: transparent;
+}
+
+.edit .v-colorpicker-popup .resize-button {
+       border: 0px solid silver;
+       background: url(../base/colorpicker/images/resizebg.png);
+       margin-top: 5px;
+}
+
+.edit .v-colorpicker-popup .resize-button-caption {
+       display: none;
+}
+
+.edit .v-colorpicker-popup .resize-button:hover {
+       background: url(../base/colorpicker/images/resizebg-selected.png);
+}
+
+.edit .v-colorpicker-popup .resize-button:focus {
+       outline: none;
+}
+
+.edit .v-colorpicker-gradient {
+       width: 220px;
+       height: 220px;
+       padding-left: 10px;
+       margin-top: 0px;
+}
+
+.edit .v-colorpicker-gradient .v-colorpicker-gradient-clicklayer {
+       background-color: white;
+       filter: alpha(opacity = 0);
+       opacity: 0;
+}
+
+.edit .v-colorpicker-popup .rgb-gradient .v-colorpicker-gradient-background {
+       width: 220px;
+       height: 220px;
+       background: url(../base/colorpicker/images/gradient2.png);
+}
+
+.edit .v-colorpicker-popup .hsv-gradient .v-colorpicker-gradient-foreground {
+       background: url(../base/colorpicker/images/gradient.png);
+}
+
+.edit .v-colorpicker-popup .v-colorpicker-gradient-lowerbox {
+       border-right: 1px solid white;
+       border-top: 1px solid white;
+}
+
+.edit .v-colorpicker-popup .v-colorpicker-gradient-higherbox {
+       border-left: 1px solid white;
+       border-bottom: 1px solid white;
+}
+
+.edit .v-colorpicker-popup .rgb-sliders {
+       width: 227px;
+       padding-left: 10px;
+       color: #444444;
+       text-shadow: 0 1px 0 #FFFFFF;
+}
+
+.edit .v-colorpicker-popup .rgb-sliders .red .v-slider-base {
+       background-color: red;
+}
+
+.edit .v-colorpicker-popup .rgb-sliders .green .v-slider-base {
+       background-color: green;
+}
+
+.edit .v-colorpicker-popup .rgb-sliders .blue .v-slider-base {
+       background-color: blue;
+}
+
+.edit .v-colorpicker-popup .hsv-sliders {
+       padding-left: 10px;
+       color: #444444;
+       text-shadow: 0 1px 0 #FFFFFF;
+}
+
+.edit .v-colorpicker-popup .hue-slider {
+       height: 10px;
+       border: 0px solid silver;
+       background-image: url(../base/colorpicker/images/slider_hue_bg.png);
+       background-color: transparent;
+       background-repeat: no-repeat;
+       background-position: 0 3px;
+       margin-top: 0px;
+}
+
+.edit .v-colorpicker-popup .hue-slider .v-slider-handle {
+       margin-top: -2px;
+}
+
+.edit .v-colorpicker-popup .hue-slider .v-slider-base {
+       border: 0px none;
+       height: 0px;
+       background-color: transparent;
+}
+
+.edit .v-colorpicker-popup .v-colorpicker-preview {
+       margin-top: 5px;
+       padding-left: 11px;
+       padding-right: 10px;
+       margin-bottom: 0px;
+}
+
+.edit .v-colorpicker-popup .v-absolutelayout-wrapper {
+       width: 100%;
+       height: 100%;
+}
+
+.edit .v-colorpicker-popup .v-colorpicker-preview-textfield {
+       background: none;
+       overflow: hidden;
+       overflow-y: hidden;
+       overflow-x: hidden;
+}
+
+.edit .v-colorpicker-popup .v-textfield-dark {
+       color: #FFFFFF;
+}
+
+.edit .v-colorpicker-popup .v-textfield-light {
+       color: #000000;
+}
+
+.edit .v-colorpicker-popup .colorselect {
+       margin-top: 5px;
+       padding-left: 10px;
+       padding-right: 10px;
+}
+
+.edit .v-colorpicker-popup .v-tabsheet .v-colorpicker-grid {
+       height: 319px;
+}
+
+.edit .v-colorpicker-popup .colorselect td {
+       line-height: 15px;
+}
+
+.edit .v-colorpicker-popup .v-filterselect {
+       padding-right: 16px;
+}
+
+.edit .v-calendar-nresize DIV DIV {
+       cursor: n-resize !important;
+}
+
+.edit .v-calendar-sresize DIV DIV {
+       cursor: s-resize !important;
+}
+
+.edit .v-calendar {
+       background-color: #fff;
+}
+
+.edit .v-calendar-header-month, .edit .v-calendar-header-week {
+       border-bottom: 1px solid #c1c1c1;
+}
+
+.edit .v-calendar-header-day {
+       text-align: center;
+       color: #666;
+       font-size: 12px;
+       line-height: normal;
+}
+
+.edit .v-calendar-header-week .v-calendar-header-day:hover {
+       cursor: pointer;
+       color: #222;
+}
+
+.edit .v-calendar-header-day-today {
+       font-weight: bold;
+       color: #444;
+}
+
+.edit .v-calendar-header-month td:first-child {
+       padding-left: 19px;
+}
+
+.edit .v-calendar-header-week .v-calendar-back, .edit .v-calendar-header-week .v-calendar-next {
+       border: none;
+       padding: 0;
+       margin: 0;
+       height: 12px;
+       width: 12px;
+       overflow: hidden;
+       background: transparent url(../base/calendar/img/arrows.png) no-repeat 50% 0;
+       opacity: 0.3;
+       filter: alpha(opacity = 30);
+       cursor: default;
+}
+
+.edit .v-calendar-header-week .v-calendar-back:hover, .edit .v-calendar-header-week .v-calendar-next:hover {
+       opacity: 0.6;
+       filter: alpha(opacity = 60);
+}
+
+.edit .v-calendar-header-week .v-calendar-back:active, .edit .v-calendar-header-week .v-calendar-next:active {
+       opacity: 1;
+       filter: alpha(opacity = 100);
+}
+
+.edit .v-calendar-header-week .v-calendar-next {
+       background-position: 50% -12px;
+}
+
+.edit .v-calendar-month {
+       outline: none;
+}
+
+.edit .v-calendar-week-numbers {
+       width: 20px;
+       border-right: 1px solid #ccc;
+}
+
+.edit .v-calendar-week-number {
+       border: none;
+       background: transparent;
+       padding: 0;
+       margin: 0;
+       cursor: pointer;
+       opacity: 0.5;
+       width: 20px;
+       text-align: center;
+       border-bottom: 1px solid #ddd;
+}
+
+.edit .v-calendar-week-number:hover {
+       opacity: 1;
+}
+
+.edit .v-calendar-month-day {
+       border-bottom: 1px solid #ccc;
+       border-right: 1px solid #ccc;
+       outline: none;
+}
+
+.edit .v-calendar-month-day-today {
+       background-color: #e7f0f5;
+}
+
+.edit .v-calendar-month-day-selected {
+       background-color: #fffee7;
+}
+
+.edit .v-calendar-month-day-dragemphasis {
+       background-color: #a8a8a8;
+}
+
+.edit .v-calendar-month-day-scrollable {
+       overflow-y: scroll;
+}
+
+.edit .v-calendar-day-number {
+       height: 18px;
+       line-height: 18px;
+       font-size: 12px;
+       text-align: right;
+       padding-right: 3px;
+       white-space: nowrap;
+}
+
+.edit .v-calendar-day-number:hover {
+       cursor: pointer;
+       opacity: 0.6;
+       filter: alpha(opacity = 60);
+}
+
+.edit .v-calendar-month .v-calendar-spacer, .edit .v-calendar-month .v-calendar-bottom-spacer, .edit .v-calendar-month .v-calendar-bottom-spacer-empty {
+       height: 15px;
+       font-size: 11px;
+}
+
+.edit .v-calendar-month .v-calendar-bottom-spacer:hover {
+       cursor: pointer;
+       opacity: 0.6;
+       filter: alpha(opacity = 60);
+}
+
+.edit .v-calendar-event {
+       line-height: 14px;
+       font-size: 11px;
+       padding: 0 0 0 4px;
+       cursor: pointer;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       outline: none;
+}
+
+.edit .v-calendar-event-month {
+       margin-bottom: 1px;
+       white-space: nowrap;
+}
+
+.edit .v-calendar-event-month:hover {
+       text-decoration: underline;
+}
+
+.edit .v-calendar-event-all-day {
+       background: #999;
+       display: block;
+       margin-left: -2px;
+}
+
+.edit div.v-calendar-event-all-day {
+       color: #fff;
+       height: 14px;
+}
+
+.edit .v-calendar-event-continued-from {
+       margin-left: 0;
+}
+
+.edit .v-calendar-event-start {
+       -webkit-border-top-left-radius: 6px;
+       -webkit-border-bottom-left-radius: 6px;
+       -moz-border-radius-topleft: 6px;
+       -moz-border-radius-bottomleft: 6px;
+       border-top-left-radius: 6px;
+       border-bottom-left-radius: 6px;
+       margin-left: 0;
+}
+
+.edit .v-calendar-event-end {
+       -webkit-border-top-right-radius: 6px;
+       -webkit-border-bottom-right-radius: 6px;
+       -moz-border-radius-topright: 6px;
+       -moz-border-radius-bottomright: 6px;
+       border-top-right-radius: 6px;
+       border-bottom-right-radius: 6px;
+}
+
+.edit .v-calendar-week-wrapper {
+       position: relative;
+}
+
+.edit .v-calendar-times {
+       width: 51px;
+}
+
+.edit .v-calendar-time {
+       padding: 0 8px 7px 0;
+       margin-top: -7px;
+       text-align: right;
+       font-size: 11px;
+       color: #666;
+       border-right: 1px solid #ccc;
+}
+
+.edit .v-calendar-weekly-longevents {
+       border-left: 1px solid #ccc;
+       border-bottom: 2px solid #bbb;
+       margin-left: 50px;
+}
+
+.edit .v-calendar-weekly-longevents .v-calendar-datecell {
+       border-right: 1px solid #ccc;
+       padding: 1px 0 0;
+}
+
+.edit .v-calendar-weekly-longevents .v-calendar-event {
+       height: 14px;
+       margin-bottom: 1px;
+}
+
+.edit .v-calendar-weekly-longevents .v-calendar-event:hover {
+       text-decoration: underline;
+}
+
+.edit .v-calendar-day-times {
+       border-right: 1px solid #ccc;
+       outline: none;
+}
+
+.edit .v-calendar-day-times .v-datecellslot, .edit .v-calendar-day-times .v-datecellslot-even {
+       border-bottom: 1px solid #ccc;
+}
+
+.edit .v-calendar-day-times .v-datecellslot-even {
+       border-bottom-color: #eee;
+}
+
+.edit .v-calendar-day-times .v-daterange {
+       background-color: #a8a8a8;
+}
+
+.edit .v-calendar-day-times .v-reserved {
+       background-color: #FF3333;
+}
+
+.edit .v-calendar-day-times .dragemphasis {
+       background-color: #a8a8a8;
+}
+
+.edit .v-calendar-week-wrapper .v-calendar-event {
+       padding: 0;
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+       margin-top: -1px;
+}
+
+.edit .v-calendar-event-caption {
+       position: absolute;
+       z-index: 1;
+       top: 2px;
+       left: 4px;
+       width: 100%;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       line-height: normal;
+}
+
+.edit .v-calendar-event-content {
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+       border: 1px solid #777;
+       background: #eee;
+       opacity: 0.8;
+       filter: alpha(opacity = 80);
+       height: 14px;
+}
+
+.edit .v-calendar-current-time {
+       position: absolute;
+       left: 0;
+       width: 100%;
+       height: 1px;
+       overflow: hidden;
+       background: #5a6c86;
+       opacity: 0.6;
+       filter: alpha(opacity = 60);
+       z-index: 2;
+}
+
+.edit .v-calendar-event-resizetop {
+       position: absolute;
+       cursor: n-resize;
+       height: 5%;
+       min-height: 3px;
+       top: 0;
+       width: 100%;
+       z-index: 1;
+}
+
+.edit .v-calendar-event-resizebottom {
+       position: absolute;
+       cursor: s-resize;
+       height: 5%;
+       min-height: 3px;
+       bottom: 0;
+       width: 100%;
+       z-index: 1;
+}
+
+.edit .v-calendar-month-sizedheight .v-calendar-month-day {
+       height: 100px;
+}
+
+.edit .v-calendar-month-sizedwidth .v-calendar-month-day {
+       width: 100px;
+}
+
+.edit .v-calendar-header-month-Hsized .v-calendar-header-day {
+       width: 101px;
+}
+
+.edit .v-calendar-header-month-Hsized td:first-child {
+       padding-left: 21px;
+}
+
+.edit .v-calendar-header-day-Hsized {
+       width: 200px;
+}
+
+.edit .v-calendar-week-numbers-Vsized .v-calendar-week-number {
+       height: 100px;
+       line-height: 100px;
+}
+
+.edit .v-calendar-week-wrapper-Vsized {
+       height: 400px;
+       overflow-x: hidden !important;
+}
+
+.edit .v-calendar-times-Vsized .v-calendar-time {
+       height: 38px;
+}
+
+.edit .v-calendar-times-Hsized .v-calendar-time {
+       width: 42px;
+}
+
+.edit .v-calendar-day-times-Vsized .v-datecellslot, .edit .v-calendar-day-times-Vsized .v-datecellslot-even {
+       height: 18px;
+}
+
+.edit .v-calendar-day-times-Hsized, .edit .v-calendar-day-times-Hsized .v-datecellslot, .edit .v-calendar-day-times-Hsized .v-datecellslot-even {
+       width: 200px;
+}
+
+.edit.v-app {
+       height: 100%;
+}
+
+.edit.v-app, .edit .v-window, .edit .v-popupview-popup, .edit .v-label, .edit .v-caption {
+       cursor: default;
+}
+
+.edit .v-window {
+       box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.5);
+}
+
+.edit .v-datefield-popup, .edit .v-filterselect-suggestpopup, .edit .v-menubar-popup, .edit .v-slider-feedback, .edit .v-popupview-popup, .edit .v-contextmenu {
+       box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
+}
+
+body .edit.v-app .v-app-loading {
+       background-image: url(../base/common/img/loading-indicator.gif);
+       background-repeat: no-repeat;
+       background-position: 50%;
+       width: 100%;
+       height: 100%;
+}
+
+.edit .v-ui {
+       height: 100%;
+       width: 100%;
+       outline: none;
+       position: relative;
+}
+
+.edit .v-ui.v-ui-embedded {
+       margin-top: -1px;
+       border-top: 1px solid transparent;
+}
+
+.edit .v-ui:active, .edit .v-ui:focus {
+       outline: none;
+}
+
+.edit.v-app select, .edit .v-window select {
+       margin: 0;
+}
+
+.edit .v-disabled {
+       opacity: 0.3;
+       filter: alpha(opacity=30);
+       cursor: default;
+}
+
+.edit .v-disabled * {
+       cursor: default;
+}
+
+* html .edit .v-disabled {
+       zoom: 1;
+}
+
+* + html .edit .v-disabled {
+       zoom: 1;
+}
+
+.edit .v-disabled .v-disabled {
+       opacity: 1;
+}
+
+.edit .v-required-field-indicator {
+       padding-left: 2px;
+       color: red;
+}
+
+.edit .v-form fieldset {
+       border: none;
+       padding: 0;
+       margin: 0;
+       height: 100%;
+}
+
+.edit .v-form-content {
+       height: 100%;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-tooltip {
+       cursor: default;
+       background: #fff;
+       box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
+}
+
+.edit .v-tooltip-text {
+       overflow: auto;
+}
+
+.edit .v-tooltip .v-errormessage {
+       overflow: auto;
+}
+
+.edit .v-contextmenu {
+       background: #fff;
+}
+
+.edit .v-contextmenu .gwt-MenuItem {
+       cursor: pointer;
+       vertical-align: middle;
+       padding: 0;
+       border: 0;
+       margin: 0;
+}
+
+.edit .v-contextmenu .gwt-MenuBar {
+       overflow-y: auto;
+       overflow-x: hidden;
+}
+
+.edit .v-contextmenu .gwt-MenuItem div {
+       cursor: pointer;
+       vertical-align: middle;
+       white-space: nowrap;
+}
+
+.edit .v-contextmenu .gwt-MenuItem-selected div {
+       background: #aaa;
+       color: #fff;
+}
+
+.edit .v-contextmenu table {
+       border-collapse: collapse;
+       margin: 0;
+       padding: 0;
+}
+
+.edit .v-contextmenu .gwt-MenuItem img {
+       margin-right: 1em;
+       vertical-align: middle;
+}
+
+.edit .v-label pre {
+       margin: 0;
+}
+
+.edit .v-label-undef-w {
+       white-space: nowrap;
+}
+
+.edit .v-label h1, .edit .v-label h2, .edit .v-label h3, .edit .v-label h4, .edit .v-label h5, .edit .v-label h6 {
+       line-height: normal;
+}
+
+.edit .v-loading-indicator, .edit .v-loading-indicator-delay, .edit .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;
+}
+
+.edit .v-loading-indicator-delay {
+       background-image: url(../base/common/img/loading-indicator-delay.gif);
+}
+
+.edit .v-loading-indicator-wait {
+       background-image: url(../base/common/img/loading-indicator-wait.gif);
+}
+
+.edit.v-app input[type="text"], .edit.v-app input[type="password"], .edit.v-app input[type="reset"], .edit.v-app select, .edit.v-app textarea, .edit .v-window input[type="text"], .edit .v-window input[type="password"], .edit .v-window input[type="reset"], .edit .v-window select, .edit .v-window textarea {
+       padding: 2px;
+}
+
+.edit input::-ms-clear {
+       display: none;
+}
+
+.edit .v-drag-element {
+       z-index: 60000;
+       position: absolute !important;
+       opacity: 0.5;
+       filter: alpha(opacity=50);
+       cursor: default;
+}
+
+.edit .v-clip {
+       overflow: hidden;
+}
+
+.edit .v-scrollable {
+       overflow: auto;
+       font-size: 0;
+       line-height: normal;
+}
+
+.v-ff .edit .v-scrollable {
+       font-size: 13px;
+}
+
+.v-ios.v-webkit .edit .v-scrollable {
+       -webkit-overflow-scrolling: touch;
+}
+
+.v-ios5.v-webkit .edit .v-scrollable {
+       -webkit-overflow-scrolling: none;
+}
+
+.edit .v-scrollable.v-panel-content > .v-widget {
+       vertical-align: middle;
+       overflow: hidden;
+}
+
+.edit.v-overlay-container {
+       width: 0;
+       height: 0;
+}
+
+.edit .v-vertical.v-margin-top, .edit .v-horizontal.v-margin-top {
+       padding-top: 12px;
+}
+
+.edit .v-vertical.v-margin-right, .edit .v-horizontal.v-margin-right {
+       padding-right: 12px;
+}
+
+.edit .v-vertical.v-margin-bottom, .edit .v-horizontal.v-margin-bottom {
+       padding-bottom: 12px;
+}
+
+.edit .v-vertical.v-margin-left, .edit .v-horizontal.v-margin-left {
+       padding-left: 12px;
+}
+
+.edit .v-gridlayout.v-layout-margin-top {
+       padding-top: 24px;
+}
+
+.edit .v-gridlayout, .edit .v-verticallayout, .edit .v-horizontallayout {
+       font-size: 0;
+       line-height: normal;
+}
+
+.edit .v-gridlayout.v-layout-margin-bottom {
+       padding-bottom: 24px;
+}
+
+.edit .v-gridlayout.v-layout-margin-left {
+       padding-left: 24px;
+}
+
+.edit .v-gridlayout.v-layout-margin-right {
+       padding-right: 24px;
+}
+
+.edit .v-gridlayout .v-layout-spacing-on {
+       padding-left: 12px;
+       padding-top: 12px;
+}
+
+.edit .v-spacing {
+       width: 6px;
+       height: 6px;
+}
+
+.edit .v-vertical, .edit .v-horizontal {
+       display: inline-block;
+}
+
+.edit div.v-layout.v-horizontal.v-widget {
+       white-space: nowrap;
+}
+
+.edit .v-layout.v-vertical > .v-expand, .edit .v-layout.v-horizontal > .v-expand {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+       width: 100%;
+       height: 100%;
+}
+
+.edit .v-slot, .edit .v-spacing {
+       display: inline-block;
+       white-space: normal;
+       vertical-align: top;
+}
+
+.edit .v-vertical > .v-slot:after {
+       display: inline-block;
+       clear: both;
+       width: 0;
+       height: 0;
+       overflow: hidden;
+       line-height: 0;
+}
+
+.edit .v-vertical > .v-slot, .edit .v-vertical > .v-expand > .v-slot {
+       display: block;
+       clear: both;
+}
+
+.edit .v-horizontal > .v-slot, .edit .v-horizontal > .v-expand > .v-slot {
+       height: 100%;
+}
+
+.edit .v-horizontal > .v-expand > .v-slot {
+       position: relative;
+}
+
+.edit .v-vertical > .v-spacing, .edit .v-vertical > .v-expand > .v-spacing {
+       width: 0;
+       display: block;
+       clear: both;
+}
+
+.edit .v-horizontal > .v-spacing, .edit .v-horizontal > .v-expand > .v-spacing {
+       height: 0;
+}
+
+.edit .v-align-middle:before, .edit .v-align-bottom:before, .edit .v-expand > .v-align-middle:before, .edit .v-expand > .v-align-bottom:before {
+       content: "";
+       display: inline-block;
+       height: 100%;
+       vertical-align: middle;
+       width: 0;
+}
+
+.edit .v-align-middle, .edit .v-align-bottom {
+       white-space: nowrap;
+}
+
+.edit .v-align-middle > .v-widget, .edit .v-align-bottom > .v-widget {
+       display: inline-block;
+}
+
+.edit .v-align-middle, .edit .v-align-middle > .v-widget {
+       vertical-align: middle;
+}
+
+.edit .v-align-bottom, .edit .v-align-bottom > .v-widget {
+       vertical-align: bottom;
+}
+
+.edit .v-align-center {
+       text-align: center;
+}
+
+.edit .v-align-center > .v-widget {
+       margin-left: auto;
+       margin-right: auto;
+}
+
+.edit .v-align-right {
+       text-align: right;
+}
+
+.edit .v-align-right > .v-widget {
+       margin-left: auto;
+}
+
+.edit .v-has-caption, .edit .v-has-caption > .v-caption {
+       display: inline-block;
+}
+
+.edit .v-caption {
+       overflow: visible;
+       vertical-align: middle;
+}
+
+.edit .v-caption-on-left, .edit .v-caption-on-right {
+       white-space: nowrap;
+}
+
+.edit .v-caption-on-top > .v-caption, .edit .v-caption-on-bottom > .v-caption {
+       display: block;
+}
+
+.edit .v-caption-on-left > .v-caption {
+       padding-right: 0.5em;
+}
+
+.edit .v-caption-on-right > .v-caption {
+       vertical-align: top;
+}
+
+.edit .v-caption-on-left > .v-widget, .edit .v-caption-on-right > .v-widget {
+       display: inline-block;
+       vertical-align: middle;
+}
+
+.edit .v-has-caption.v-has-width > .v-widget {
+       width: 100% !important;
+}
+
+.edit .v-has-caption.v-has-height > .v-widget {
+       height: 100% !important;
+}
+
+.edit .v-errorindicator {
+       vertical-align: middle;
+}
+
+.edit .v-csslayout {
+       overflow: hidden;
+}
+
+.edit div.v-csslayout {
+       display: block;
+}
+
+.edit .v-csslayout-margin, .edit .v-csslayout-container {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-has-width > .v-csslayout-margin, .edit .v-has-width > .v-csslayout-margin > .v-csslayout-container {
+       width: 100%;
+}
+
+.edit .v-has-height > .v-csslayout-margin, .edit .v-has-height > .v-csslayout-margin > .v-csslayout-container {
+       height: 100%;
+}
+
+.edit .v-csslayout-margin-top {
+       padding-top: 12px;
+}
+
+.edit .v-csslayout-margin-bottom {
+       padding-bottom: 12px;
+}
+
+.edit .v-csslayout-margin-left {
+       padding-left: 12px;
+}
+
+.edit .v-csslayout-margin-right {
+       padding-right: 12px;
+}
+
+.edit .v-customlayout {
+       overflow: hidden;
+}
+
+.edit .v-datefield {
+       white-space: nowrap;
+       display: inline-block;
+}
+
+.edit .v-datefield-textfield {
+       vertical-align: top;
+}
+
+.v-ie .edit .v-datefield-button:after {
+       content: "\200B";
+}
+
+.edit .v-datefield-button {
+       cursor: pointer;
+       vertical-align: top;
+}
+
+.edit .v-has-width > input.v-datefield-textfield {
+       width: 100%;
+}
+
+.edit .v-datefield-prompt .v-datefield-textfield {
+       color: #999;
+       font-style: italic;
+}
+
+.edit .v-datefield .v-datefield-button-readonly {
+       display: none;
+}
+
+.edit .v-datefield-calendarpanel table {
+       width: 100%;
+}
+
+.edit .v-datefield-calendarpanel td {
+       padding: 0;
+       margin: 0;
+}
+
+.edit .v-datefield-calendarpanel:focus {
+       outline: none;
+}
+
+.edit .v-datefield-calendarpanel-header td {
+       text-align: center;
+}
+
+.edit .v-datefield-calendarpanel-month {
+       text-align: center;
+       white-space: nowrap;
+}
+
+.edit .v-datefield-calendarpanel-weeknumber {
+       color: #999;
+       border-right: 1px solid #ddd;
+       font-size: 11.7px;
+}
+
+.edit .v-datefield-calendarpanel-day, .edit .v-datefield-calendarpanel-day-today {
+       cursor: pointer;
+}
+
+.edit .v-datefield-calendarpanel-day-today {
+       border: 1px solid #ddd;
+}
+
+.edit .v-disabled .v-datefield-calendarpanel-day, .edit .v-disabled .v-datefield-calendarpanel-day-today, .edit .v-disabled.v-datefield-popupcalendar .v-datefield-button {
+       cursor: default;
+}
+
+.edit .v-datefield-calendarpanel-day-disabled, .edit .v-datefield-calendarpanel-day-outside-range {
+       cursor: default;
+       opacity: 0.5;
+}
+
+.edit .v-datefield-calendarpanel-prevyear button.outside-range, .edit .v-datefield-calendarpanel-nextyear button.outside-range, .edit .v-datefield-calendarpanel-prevmonth button.outside-range, .edit .v-datefield-calendarpanel-nextmonth button.outside-range {
+       opacity: 0.5;
+}
+
+.edit .v-datefield-calendarpanel-day-selected {
+       cursor: default;
+       background: #333;
+       color: #fff;
+}
+
+.edit .v-datefield-calendarpanel-day-focused {
+       outline: 1px dotted black;
+}
+
+.edit .v-datefield-calendarpanel-day-offmonth {
+       color: #666;
+}
+
+.edit .v-datefield-time {
+       white-space: nowrap;
+}
+
+.edit .v-datefield-time .v-label {
+       display: inline;
+}
+
+.edit .v-datefield-popup {
+       background: #fff;
+}
+
+.v-ie9 .edit .v-datefield-popup, .v-ie10 .edit .v-datefield-popup, .v-ie11 .edit .v-datefield-popup {
+       box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
+}
+
+.edit .v-datefield-popupcalendar input.v-datefield-textfield {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-inline-datefield {
+       white-space: nowrap;
+       display: inline-block;
+}
+
+.edit .v-inline-datefield-textfield {
+       vertical-align: top;
+}
+
+.v-ie .edit .v-inline-datefield-button:after {
+       content: "\200B";
+}
+
+.edit .v-inline-datefield-button {
+       cursor: pointer;
+       vertical-align: top;
+}
+
+.edit .v-has-width > input.v-inline-datefield-textfield {
+       width: 100%;
+}
+
+.edit .v-inline-datefield-prompt .v-inline-datefield-textfield {
+       color: #999;
+       font-style: italic;
+}
+
+.edit .v-inline-datefield .v-inline-datefield-button-readonly {
+       display: none;
+}
+
+.edit .v-inline-datefield-calendarpanel table {
+       width: 100%;
+}
+
+.edit .v-inline-datefield-calendarpanel td {
+       padding: 0;
+       margin: 0;
+}
+
+.edit .v-inline-datefield-calendarpanel:focus {
+       outline: none;
+}
+
+.edit .v-inline-datefield-calendarpanel-header td {
+       text-align: center;
+}
+
+.edit .v-inline-datefield-calendarpanel-month {
+       text-align: center;
+       white-space: nowrap;
+}
+
+.edit .v-inline-datefield-calendarpanel-weeknumber {
+       color: #999;
+       border-right: 1px solid #ddd;
+       font-size: 11.7px;
+}
+
+.edit .v-inline-datefield-calendarpanel-day, .edit .v-inline-datefield-calendarpanel-day-today {
+       cursor: pointer;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-today {
+       border: 1px solid #ddd;
+}
+
+.edit .v-disabled .v-inline-datefield-calendarpanel-day, .edit .v-disabled .v-inline-datefield-calendarpanel-day-today, .edit .v-disabled.v-inline-datefield-popupcalendar .v-inline-datefield-button {
+       cursor: default;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-disabled, .edit .v-inline-datefield-calendarpanel-day-outside-range {
+       cursor: default;
+       opacity: 0.5;
+}
+
+.edit .v-inline-datefield-calendarpanel-prevyear button.outside-range, .edit .v-inline-datefield-calendarpanel-nextyear button.outside-range, .edit .v-inline-datefield-calendarpanel-prevmonth button.outside-range, .edit .v-inline-datefield-calendarpanel-nextmonth button.outside-range {
+       opacity: 0.5;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-selected {
+       cursor: default;
+       background: #333;
+       color: #fff;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-focused {
+       outline: 1px dotted black;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-offmonth {
+       color: #666;
+}
+
+.edit .v-inline-datefield-time {
+       white-space: nowrap;
+}
+
+.edit .v-inline-datefield-time .v-label {
+       display: inline;
+}
+
+.edit .v-inline-datefield-popup {
+       background: #fff;
+}
+
+.v-ie9 .edit .v-inline-datefield-popup, .v-ie10 .edit .v-inline-datefield-popup, .v-ie11 .edit .v-inline-datefield-popup {
+       box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
+}
+
+.edit .v-inline-datefield-popupcalendar input.v-inline-datefield-textfield {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-ddwrapper {
+       padding: 2px;
+       -moz-border-radius: 4px;
+       -webkit-border-radius: 4px;
+       border-radius: 4px;
+       position: relative;
+       -ms-touch-action: none;
+       touch-action: none;
+}
+
+.edit [draggable=true] {
+       -khtml-user-drag: element;
+       -webkit-user-drag: element;
+       -khtml-user-select: none;
+       -webkit-user-select: none;
+}
+
+.v-ie .edit .v-ddwrapper a.drag-start {
+       display: block;
+       position: absolute;
+       top: 0;
+       bottom: 0;
+       left: 0;
+       right: 0;
+       width: 100%;
+       height: 100%;
+       opacity: 0;
+       background-color: cyan;
+       filter: alpha(opacity=0);
+}
+
+.edit .v-ddwrapper-over {
+       border: 2px solid #1d9dff;
+       background-color: #bcdcff;
+       padding: 0;
+}
+
+.edit .v-ddwrapper-over {
+       background-color: rgba(169, 209, 255, 0.6);
+}
+
+.edit .no-box-drag-hints .v-ddwrapper-over {
+       border: none;
+       background-color: transparent;
+       padding: 2px;
+}
+
+.edit.v-app .v-ddwrapper-over-top, .edit .v-window .v-ddwrapper-over-top, .edit .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;
+}
+
+.edit.v-app .v-ddwrapper-over-bottom, .edit .v-window .v-ddwrapper-over-bottom, .edit .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;
+}
+
+.edit.v-app .v-ddwrapper-over-left, .edit .v-window .v-ddwrapper-over-left, .edit .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;
+}
+
+.edit.v-app .v-ddwrapper-over-right, .edit .v-window .v-ddwrapper-over-right, .edit .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;
+}
+
+.edit .v-ddwrapper, .edit .v-ddwrapper-over, .edit.v-app .v-ddwrapper-over-top, .edit .v-window .v-ddwrapper-over-top, .edit .v-popupview-popup .v-ddwrapper-over-top, .edit.v-app .v-ddwrapper-over-bottom, .edit .v-window .v-ddwrapper-over-bottom, .edit .v-popupview-popup .v-ddwrapper-over-bottom, .edit.v-app .v-ddwrapper-over-left, .edit .v-window .v-ddwrapper-over-left, .edit .v-popupview-popup .v-ddwrapper-over-left, .edit.v-app .v-ddwrapper-over-right, .edit .v-window .v-ddwrapper-over-right, .edit .v-popupview-popup .v-ddwrapper-over-right {
+       border-color: rgba(0, 109, 232, 0.6);
+}
+
+.edit .v-ddwrapper-over-top:before, .edit .v-ddwrapper-over-bottom:after, .edit .v-ddwrapper-over-left:before, .edit .v-ddwrapper-over-right:before {
+       display: block;
+       position: absolute;
+       width: 6px;
+       height: 6px;
+       margin-top: -4px;
+       margin-left: -2px;
+       background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat;
+}
+
+.edit .v-ddwrapper-over-bottom:after {
+       margin-top: -2px;
+}
+
+.edit .v-ddwrapper-over-left:before, .edit .v-ddwrapper-over-right:before {
+       background-position: 0 -6px;
+       margin-top: -2px;
+       margin-left: -4px;
+}
+
+.edit .v-ddwrapper-over-right:before {
+       position: relative;
+       margin-bottom: -4px;
+       margin-right: -4px;
+       margin-left: 0;
+       width: auto;
+       background-position: 100% -6px;
+}
+
+.edit .no-horizontal-drag-hints .v-ddwrapper-over-left {
+       padding-left: 2px;
+       border-left: none;
+}
+
+.edit .no-horizontal-drag-hints .v-ddwrapper-over-right {
+       padding-right: 2px;
+       border-right: none;
+}
+
+.edit .no-vertical-drag-hints .v-ddwrapper-over-top {
+       padding-top: 2px;
+       border-top: none;
+}
+
+.edit .no-vertical-drag-hints .v-ddwrapper-over-bottom {
+       padding-bottom: 2px;
+       border-bottom: none;
+}
+
+.edit .no-horizontal-drag-hints .v-ddwrapper-over-left:before, .edit .no-horizontal-drag-hints .v-ddwrapper-over-right:before, .edit .no-vertical-drag-hints .v-ddwrapper-over-top:before, .edit .no-vertical-drag-hints .v-ddwrapper-over-bottom:after {
+       display: none;
+}
+
+.edit .v-table .v-embedded-image {
+       display: inline-block;
+}
+
+.edit .v-formlayout.v-has-width > table {
+       width: 100%;
+}
+
+.edit .v-formlayout.v-has-height > table {
+       height: 100%;
+}
+
+.edit .v-formlayout-cell .v-errorindicator {
+       display: block;
+}
+
+.edit .v-formlayout-error-indicator {
+       width: 12px;
+}
+
+.edit .v-formlayout-captioncell {
+       text-align: right;
+       white-space: nowrap;
+}
+
+.edit .v-formlayout-errorcell, .edit .v-formlayout-captioncell {
+       width: 1px;
+}
+
+.edit .v-formlayout-captioncell .v-caption {
+       overflow: visible;
+}
+
+.edit .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-captioncell, .edit .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-contentcell, .edit .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-errorcell {
+       padding-top: 6px;
+}
+
+.edit .v-formlayout-spacing > tbody > .v-formlayout-firstrow > .v-formlayout-captioncell, .edit .v-formlayout-spacing > tbody > .v-formlayout-firstrow > .v-formlayout-contentcell, .edit .v-formlayout-spacing > tbody > .v-formlayout-firstrow > .v-formlayout-errorcell {
+       padding-top: 0;
+}
+
+.edit .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-captioncell, .edit .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-contentcell, .edit .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-errorcell {
+       padding-top: 12px;
+}
+
+.edit .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-captioncell, .edit .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-contentcell, .edit .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-errorcell {
+       padding-bottom: 12px;
+}
+
+.edit .v-formlayout-margin-left > tbody > .v-formlayout-row > .v-formlayout-captioncell {
+       padding-left: 12px;
+}
+
+.edit .v-formlayout-margin-right > tbody > .v-formlayout-row > .v-formlayout-contentcell {
+       padding-right: 12px;
+}
+
+.edit .v-formlayout-captioncell .v-caption .v-required-field-indicator {
+       float: none;
+}
+
+.edit .v-gridlayout {
+       position: relative;
+}
+
+.edit .v-gridlayout-slot {
+       position: absolute;
+}
+
+.edit .v-gridlayout-margin-top {
+       padding-top: 12px;
+}
+
+.edit .v-gridlayout-margin-bottom {
+       padding-bottom: 12px;
+}
+
+.edit .v-gridlayout-margin-left {
+       padding-left: 12px;
+}
+
+.edit .v-gridlayout-margin-right {
+       padding-right: 12px;
+}
+
+.edit .v-gridlayout-spacing-on {
+       padding-left: 6px;
+       padding-top: 6px;
+       overflow: hidden;
+}
+
+.edit .v-gridlayout-spacing, .edit .v-gridlayout-spacing-off {
+       padding-left: 0;
+       padding-top: 0;
+}
+
+.edit .v-gridlayout-spacing-off {
+       overflow: hidden;
+}
+
+.edit .v-label {
+       overflow: hidden;
+}
+
+.edit .v-label.v-has-width {
+       white-space: normal;
+}
+
+.edit .v-link {
+       white-space: nowrap;
+}
+
+.edit .v-link a {
+       vertical-align: middle;
+       text-decoration: none;
+}
+
+.edit .v-link span {
+       text-decoration: underline;
+       vertical-align: middle;
+}
+
+.edit .v-disabled a {
+       cursor: default;
+}
+
+.edit .v-link img {
+       vertical-align: middle;
+       border: none;
+}
+
+.edit .v-loginform {
+       height: 140px;
+       width: 200px;
+}
+
+.edit .v-app-loginpage .v-button {
+       float: left;
+}
+
+.edit .v-menubar {
+       display: inline-block;
+       white-space: nowrap;
+       overflow: hidden;
+}
+
+.edit .v-menubar .v-menubar-menuitem {
+       cursor: default;
+       vertical-align: middle;
+       white-space: nowrap;
+       display: inline;
+       display: inline-block;
+       zoom: 1;
+}
+
+.edit .v-menubar .v-menubar-menuitem-caption .v-icon {
+       vertical-align: middle;
+       white-space: nowrap;
+}
+
+.edit .v-menubar-submenu {
+       background: #fff;
+}
+
+.edit .v-menubar-menuitem-selected {
+       background: #333;
+       color: #fff;
+}
+
+.edit .v-menubar-submenu .v-menubar-menuitem {
+       cursor: default;
+       display: block;
+       position: relative;
+       padding-right: 1.5em;
+}
+
+.edit .v-menubar-submenu .v-menubar-menuitem-caption {
+       display: block;
+}
+
+.edit .v-menubar-submenu .v-menubar-menuitem *, .edit .v-menubar-submenu .v-menubar-menuitem-caption * {
+       white-space: nowrap;
+}
+
+.edit .v-menubar-submenu-indicator {
+       display: none;
+       font-family: arial, helvetica, sans-serif;
+}
+
+.edit .v-menubar-submenu .v-menubar-submenu-indicator {
+       display: block;
+       position: absolute;
+       right: 0;
+       width: 1em;
+       height: 1em;
+       font-size: 11.7px;
+}
+
+.edit .v-menubar-menuitem-disabled, .edit .v-menubar span.v-menubar-menuitem-disabled:hover, .edit .v-menubar span.v-menubar-menuitem-disabled:focus, .edit .v-menubar span.v-menubar-menuitem-disabled:active {
+       color: #999;
+}
+
+.edit .v-menubar-more-menuitem {
+       font-family: arial, helvetica, sans-serif;
+}
+
+.edit .v-menubar-separator {
+       overflow: hidden;
+}
+
+.edit .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;
+}
+
+.edit .v-menubar .v-icon, .edit .v-menubar-submenu .v-icon {
+       margin-right: 3px;
+}
+
+.edit .v-menubar:focus, .edit .v-menubar-popup:focus, .edit .v-menubar-popup .popupContent:focus, .edit .v-menubar-popup .popupContent .v-menubar-submenu:focus {
+       outline: none;
+}
+
+.edit .v-menubar-submenu-check-column .v-menubar-menuitem {
+       padding-left: 6px;
+}
+
+.edit .v-menubar-submenu-check-column .v-menubar-menuitem-caption {
+       padding-left: 18px;
+}
+
+.edit .v-menubar-submenu .v-menubar-menuitem-checked .v-menubar-menuitem-caption {
+       background: transparent url(../base/menubar/img/check.gif) no-repeat left;
+}
+
+.edit .v-Notification {
+       background: #999;
+       color: #fff;
+       cursor: pointer;
+       overflow: hidden;
+       padding: 1em;
+       max-width: 85%;
+       opacity: 0.9;
+       filter: alpha(opacity=90);
+}
+
+.edit .v-Notification h1, .edit .v-Notification p, .edit .v-Notification-error h1, .edit .v-Notification-error p, .edit .v-Notification-warning h1, .edit .v-Notification-warning p {
+       display: inline;
+       margin: 0 0.5em 0 0;
+}
+
+.edit .v-Notification-warning {
+       background: orange;
+}
+
+.edit .v-Notification-error {
+       background: red;
+}
+
+.edit .v-Notification-tray h1 {
+       display: block;
+}
+
+.edit .v-Notification-tray p {
+       display: block;
+}
+
+.edit .v-Notification-system {
+       background-color: red;
+}
+
+.edit .v-Notification-system h1 {
+       display: block;
+       margin: 0;
+}
+
+.edit .v-Notification-animate-out {
+       -webkit-animation: v-notification-animate-out 400ms;
+       -moz-animation: v-notification-animate-out 400ms;
+       animation: v-notification-animate-out 400ms;
+}
+
+.edit .v-Notification.v-position-top {
+       top: 0;
+}
+
+.edit .v-Notification.v-position-right {
+       right: 0;
+}
+
+.edit .v-Notification.v-position-bottom {
+       bottom: 0;
+}
+
+.edit .v-Notification.v-position-left {
+       left: 0;
+}
+
+.edit .v-Notification.v-position-assistive {
+       top: -9999px;
+       left: -9999px;
+}
+
+.edit .v-orderedlayout, .edit .v-horizontallayout, .edit .v-verticallayout {
+       position: relative;
+}
+
+.edit .v-orderedlayout-margin-top, .edit .v-horizontallayout-margin-top, .edit .v-verticallayout-margin-top {
+       padding-top: 12px;
+}
+
+.edit .v-orderedlayout-margin-right, .edit .v-horizontallayout-margin-right, .edit .v-verticallayout-margin-right {
+       padding-right: 12px;
+}
+
+.edit .v-orderedlayout-margin-bottom, .edit .v-horizontallayout-margin-bottom, .edit .v-verticallayout-margin-bottom {
+       padding-bottom: 12px;
+}
+
+.edit .v-orderedlayout-margin-left, .edit .v-horizontallayout-margin-left, .edit .v-verticallayout-margin-left {
+       padding-left: 12px;
+}
+
+.edit .v-orderedlayout-spacing-on, .edit .v-horizontallayout-spacing-on, .edit .v-verticallayout-spacing-on {
+       padding-top: 6px;
+       padding-left: 6px;
+}
+
+.edit .v-orderedlayout-spacing-off, .edit .v-horizontallayout-spacing-off, .edit .v-verticallayout-spacing-off {
+       padding-top: 0;
+       padding-left: 0;
+}
+
+.edit .v-horizontallayout-slot, .edit .v-verticallayout-slot {
+       position: absolute;
+}
+
+.edit .v-panel, .edit .v-panel-caption, .edit .v-panel-content, .edit .v-panel-deco, .edit .v-panel-light, .edit .v-panel-caption-light, .edit .v-panel-content-light, .edit .v-panel-deco-light {
+       outline: none;
+       text-align: left;
+}
+
+.edit .v-panel-caption .v-errorindicator {
+       float: none;
+       display: inline;
+}
+
+.edit .v-panel-caption .v-icon {
+       display: inline;
+       vertical-align: middle;
+}
+
+.edit .v-panel-caption span {
+       vertical-align: middle;
+}
+
+.edit .v-panel-caption {
+       white-space: nowrap;
+       overflow: hidden;
+       font-weight: bold;
+}
+
+.edit .v-panel-nocaption {
+       overflow: hidden;
+}
+
+.edit .v-panel-content {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-panel.v-has-width > .v-panel-content {
+       width: 100%;
+}
+
+.edit .v-panel.v-has-height > .v-panel-content {
+       height: 100%;
+}
+
+.edit .v-popupview {
+       cursor: pointer;
+       text-decoration: underline;
+       white-space: nowrap;
+}
+
+.edit .v-popupview-popup {
+       overflow: auto;
+}
+
+.edit .v-popupview-loading {
+       width: 30px;
+       height: 30px;
+       background: transparent url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
+}
+
+.edit .v-progressbar {
+       width: 150px;
+}
+
+.edit .v-progressbar-wrapper {
+       height: 7px;
+       border: 1px solid #ddd;
+}
+
+.edit .v-progressbar-indicator {
+       height: 7px;
+       background: #ddd;
+}
+
+.edit div.v-progressbar-indeterminate {
+       height: 20px;
+       width: 20px;
+       background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
+       border-radius: 4px;
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+}
+
+.edit .v-progressbar-indeterminate .v-progressbar-wrapper, .edit .v-progressbar-indeterminate .v-progressbar-indicator, .edit .v-progressbar-indeterminate-disabled .v-progressbar-wrapper, .edit .v-progressbar-indeterminate-disabled .v-progressbar-indicator {
+       display: none;
+}
+
+.edit div.v-progressbar-indeterminate-disabled {
+       height: 20px;
+       width: 20px;
+       background: transparent;
+}
+
+.edit .v-progressindicator {
+       width: 150px;
+}
+
+.edit .v-progressindicator-wrapper {
+       height: 7px;
+       border: 1px solid #ddd;
+}
+
+.edit .v-progressindicator-indicator {
+       height: 7px;
+       background: #ddd;
+}
+
+.edit div.v-progressindicator-indeterminate {
+       height: 20px;
+       width: 20px;
+       background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
+       border-radius: 4px;
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+}
+
+.edit .v-progressindicator-indeterminate .v-progressindicator-wrapper, .edit .v-progressindicator-indeterminate .v-progressindicator-indicator, .edit .v-progressindicator-indeterminate-disabled .v-progressindicator-wrapper, .edit .v-progressindicator-indeterminate-disabled .v-progressindicator-indicator {
+       display: none;
+}
+
+.edit div.v-progressindicator-indeterminate-disabled {
+       height: 20px;
+       width: 20px;
+       background: transparent;
+}
+
+.edit .v-select {
+       text-align: left;
+}
+
+.edit .v-select-optiongroup .v-select-option {
+       display: block;
+       white-space: nowrap;
+}
+
+.edit .v-select-optiongroup .v-icon {
+       vertical-align: middle;
+       white-space: nowrap;
+       margin: 0 2px;
+}
+
+.v-ie .edit .v-select-optiongroup .v-select-option {
+       zoom: 1;
+}
+
+.edit .v-select-select {
+       display: block;
+}
+
+.edit .v-select-twincol {
+       white-space: nowrap;
+}
+
+.edit .v-select-twincol-options {
+       float: left;
+}
+
+.edit .v-select-twincol-caption-left {
+       float: left;
+       overflow: hidden;
+       text-overflow: ellipsis;
+}
+
+.edit .v-select-twincol-selections {
+       font-weight: bold;
+}
+
+.edit .v-select-twincol-caption-right {
+       float: right;
+       overflow: hidden;
+       text-overflow: ellipsis;
+}
+
+.edit .v-select-twincol-buttons {
+       float: left;
+       text-align: center;
+}
+
+.edit .v-select-twincol-buttons .v-select-twincol-deco {
+       clear: both;
+}
+
+.edit .v-select-twincol .v-textfield {
+       display: block;
+       float: left;
+       clear: left;
+}
+
+.edit .v-select-twincol .v-button {
+       float: left;
+}
+
+.edit .v-select-twincol-buttons .v-button {
+       float: none;
+}
+
+.edit .v-filterselect {
+       white-space: nowrap;
+       text-align: left;
+       display: inline-block;
+       padding-right: 1em;
+}
+
+.edit .v-filterselect .v-icon {
+       float: left;
+}
+
+.edit.v-app .v-filterselect-input, .edit .v-window .v-filterselect-input, .edit .v-popupview-popup .v-filterselect-input {
+       margin: 0;
+       float: left;
+       -webkit-border-radius: 0px;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-filterselect-prompt .v-filterselect-input {
+       color: #999;
+       font-style: italic;
+}
+
+.edit .v-filterselect-button {
+       display: inline-block;
+       cursor: pointer;
+       width: 1em;
+       margin-right: -1em;
+       height: 1em;
+       background: transparent url(../base/common/img/sprites.png) no-repeat -5px -8px;
+}
+
+.edit .v-filterselect.v-readonly .v-filterselect-button {
+       display: none;
+}
+
+.edit .v-filterselect.v-readonly, .edit .v-filterselect.v-readonly .v-filterselect-input {
+       background: transparent;
+}
+
+.edit .v-filterselect-suggestpopup {
+       background: #fff;
+       border: 1px solid #eee;
+}
+
+.edit .v-filterselect-suggestmenu table {
+       border-collapse: collapse;
+       border: none;
+       vertical-align: top;
+}
+
+.edit .v-filterselect-suggestmenu .gwt-MenuItem {
+       white-space: nowrap;
+}
+
+.edit .v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
+       margin-right: 3px;
+       vertical-align: middle;
+}
+
+.edit .v-filterselect-suggestmenu .gwt-MenuItem span {
+       vertical-align: middle;
+}
+
+.edit .v-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: #333;
+       color: #fff;
+}
+
+.edit .v-filterselect-nextpage, .edit .v-filterselect-nextpage-off, .edit .v-filterselect-prevpage-off, .edit .v-filterselect-prevpage {
+       width: 100%;
+       background: #aaa;
+       text-align: center;
+       overflow: hidden;
+       cursor: pointer;
+}
+
+.edit .v-filterselect-nextpage-off, .edit .v-filterselect-prevpage-off {
+       color: #666;
+       opacity: 0.5;
+       filter: alpha(opacity=50);
+       cursor: default;
+}
+
+.edit .v-filterselect-nextpage-off span, .edit .v-filterselect-prevpage-off span {
+       cursor: default;
+}
+
+.edit .v-filterselect-status {
+       white-space: nowrap;
+       text-align: center;
+}
+
+.edit .v-filterselect-no-input .v-filterselect-input {
+       cursor: default;
+}
+
+.edit .v-shadow {
+       position: absolute;
+       display: none;
+       pointer-events: none;
+}
+
+.v-ie8 .edit .v-shadow {
+       display: block;
+}
+
+.edit .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);
+}
+
+.edit .v-shadow .top {
+       position: absolute;
+       overflow: hidden;
+       top: -3px;
+       left: 5px;
+       height: 10px;
+       right: 5px;
+       background: transparent url(../base/shadow/img/top.png);
+}
+
+.edit .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);
+}
+
+.edit .v-shadow .left {
+       position: absolute;
+       overflow: hidden;
+       top: 7px;
+       left: -5px;
+       width: 10px;
+       bottom: 3px;
+       background: transparent url(../base/shadow/img/left.png);
+}
+
+.edit .v-shadow .center {
+       position: absolute;
+       overflow: hidden;
+       top: 7px;
+       left: 5px;
+       bottom: 3px;
+       right: 5px;
+       background: transparent url(../base/shadow/img/center.png);
+}
+
+.edit .v-shadow .right {
+       position: absolute;
+       overflow: hidden;
+       top: 7px;
+       right: -5px;
+       width: 10px;
+       bottom: 3px;
+       background: transparent url(../base/shadow/img/right.png);
+}
+
+.edit .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);
+}
+
+.edit .v-shadow .bottom {
+       position: absolute;
+       overflow: hidden;
+       bottom: -7px;
+       left: 5px;
+       right: 5px;
+       height: 10px;
+       background: transparent url(../base/shadow/img/bottom.png);
+}
+
+.edit .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);
+}
+
+.edit .v-slider {
+       margin: 5px 0;
+}
+
+.edit .v-slider-base {
+       height: 2px;
+       border-top: 1px solid #ddd;
+       background: #eee;
+       border-left: 1px solid #ddd;
+       border-right: 1px solid #eee;
+}
+
+.edit .v-slider-handle {
+       background: #aaa;
+       width: 12px;
+       height: 12px;
+       margin-top: -5px;
+       font-size: 0;
+       -ms-touch-action: none;
+       touch-action: none;
+}
+
+.edit .v-slider-vertical {
+       width: 2px;
+       height: auto;
+       margin: 0 5px;
+       border: none;
+       border-left: 1px solid #cccfd0;
+       border-right: 1px solid #cccfd0;
+}
+
+.edit .v-slider-vertical .v-slider-base {
+       width: 2px;
+       border-bottom: 1px solid #eee;
+       border-right: none;
+}
+
+.edit .v-slider-vertical .v-slider-handle {
+       width: 12px;
+       height: 12px;
+       font-size: 0;
+       margin-left: -5px;
+}
+
+.edit .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;
+}
+
+.edit .v-splitpanel-horizontal, .edit .v-splitpanel-vertical {
+       overflow: hidden;
+}
+
+.edit .v-splitpanel-hsplitter {
+       width: 6px;
+}
+
+.edit .v-splitpanel-hsplitter div {
+       width: 6px;
+       position: absolute;
+       top: 0;
+       bottom: 0;
+       background: #ddd;
+       cursor: e-resize;
+       cursor: col-resize;
+       -ms-touch-action: none;
+       touch-action: none;
+}
+
+.edit .v-disabled .v-splitpanel-hsplitter div {
+       cursor: default;
+}
+
+.edit .v-splitpanel-vsplitter {
+       height: 6px;
+}
+
+.edit .v-splitpanel-vsplitter div {
+       height: 6px;
+       background: #ddd;
+       cursor: s-resize;
+       cursor: row-resize;
+       -ms-touch-action: none;
+       touch-action: none;
+}
+
+.edit .v-disabled .v-splitpanel-vsplitter div {
+       cursor: default;
+}
+
+.edit .v-table {
+       overflow: hidden;
+       text-align: left;
+}
+
+.edit .v-table-header-wrap {
+       overflow: hidden;
+       border: 1px solid #aaa;
+       border-bottom: none;
+       background: #efefef;
+}
+
+.edit .v-table-header table, .edit .v-table-table {
+       border-spacing: 0;
+       border-collapse: separate;
+       margin: 0;
+       padding: 0;
+       border: 0;
+}
+
+.edit .v-table-table {
+       font-size: 13px;
+}
+
+.edit .v-table-header td {
+       padding: 0;
+}
+
+.edit .v-table-header-cell, .edit .v-table-header-cell-asc, .edit .v-table-header-cell-desc {
+       cursor: pointer;
+}
+
+.edit .v-table.v-disabled .v-table-header-cell, .edit .v-table.v-disabled .v-table-header-cell-asc, .edit .v-table.v-disabled .v-table-header-cell-desc {
+       cursor: default;
+}
+
+.edit .v-table-footer-wrap {
+       overflow: hidden;
+       border: 1px solid #aaa;
+       border-top: none;
+       background: #efefef;
+}
+
+.edit .v-table-footer table {
+       border-spacing: 0;
+       border-collapse: collapse;
+       margin: 0;
+       padding: 0;
+       border: 0;
+}
+
+.edit .v-table-footer td {
+       padding: 0;
+       border-right: 1px solid #aaa;
+}
+
+.edit .v-table-footer-cell {
+       cursor: pointer;
+}
+
+.edit .v-table-footer-container {
+       float: right;
+       padding-right: 6px;
+       overflow: hidden;
+       white-space: nowrap;
+}
+
+.edit .v-table-resizer {
+       display: block;
+       height: 1.2em;
+       float: right;
+       background: #aaa;
+       cursor: e-resize;
+       cursor: col-resize;
+       width: 1px;
+       overflow: hidden;
+}
+
+.edit .v-table.v-disabled .v-table-resizer {
+       cursor: default;
+}
+
+.edit .v-table-caption-container {
+       overflow: hidden;
+       white-space: nowrap;
+       margin-left: 6px;
+}
+
+.edit .v-table-caption-container-align-right {
+       float: right;
+}
+
+.edit .v-table-sort-indicator {
+       width: 0px;
+       height: 1.2em;
+       float: right;
+}
+
+.edit .v-table-header-cell-asc .v-table-sort-indicator, .edit .v-table-header-cell-desc .v-table-sort-indicator {
+       width: 16px;
+       height: 1.2em;
+       float: right;
+}
+
+.edit .v-table-header-cell-asc .v-table-sort-indicator {
+       background: transparent url(../base/common/img/sprites.png) no-repeat right 6px;
+}
+
+.edit .v-table-header-cell-desc .v-table-sort-indicator {
+       background: transparent url(../base/common/img/sprites.png) no-repeat right -10px;
+}
+
+.edit .v-table-caption-container-align-center {
+       text-align: center;
+}
+
+.edit .v-table-caption-container-align-right {
+       text-align: right;
+}
+
+.edit .v-table-caption-container .v-icon, .edit .v-table-header-drag .v-icon {
+       vertical-align: middle;
+}
+
+.edit .v-table-body {
+       border: 1px solid #aaa;
+}
+
+.edit .v-table-row-spacer {
+       height: 10px;
+       overflow: hidden;
+}
+
+.edit .v-table-row, .edit .v-table-row-odd {
+       background: #fff;
+       border: 0;
+       margin: 0;
+       padding: 0;
+       cursor: pointer;
+}
+
+.edit .v-table-generated-row {
+       background: #efefef;
+}
+
+.edit .v-table-body-noselection .v-table-row, .edit .v-table-body-noselection .v-table-row-odd {
+       cursor: default;
+}
+
+.edit .v-table .v-selected {
+       background: #999;
+       color: #fff;
+}
+
+.edit .v-table-cell-content {
+       white-space: nowrap;
+       overflow: hidden;
+       padding: 0 6px;
+       border-right: 1px solid #aaa;
+}
+
+.edit .v-table-cell-wrapper {
+       white-space: nowrap;
+       overflow: hidden;
+}
+
+.edit .v-table-cell-wrapper-align-center {
+       text-align: center;
+}
+
+.edit .v-table-cell-wrapper-align-right {
+       text-align: right;
+}
+
+.edit .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;
+       cursor: pointer;
+}
+
+.edit .v-table.v-disabled .v-table-column-selector {
+       cursor: default;
+}
+
+.edit .v-table-focus-slot-left {
+       border-left: 2px solid #999;
+       float: none;
+       margin-bottom: -1.2em;
+       width: auto;
+       background: transparent;
+       border-right: 1px solid #aaa;
+}
+
+.edit .v-table-focus-slot-right {
+       border-right: 2px solid #999;
+       margin-left: -2px;
+}
+
+.edit .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;
+}
+
+.edit .v-table-header-drag .v-icon {
+       vertical-align: middle;
+}
+
+.edit .v-table-scrollposition {
+       width: 160px;
+       background: #eee;
+       border: 1px solid #aaa;
+}
+
+.edit .v-table-scrollposition span {
+       display: block;
+       text-align: center;
+}
+
+.edit .v-table-body:focus, .edit .v-table-body-wrapper:focus {
+       outline: none;
+}
+
+.edit .v-table-body.focused {
+       border-color: #388ddd;
+}
+
+.edit .v-table-focus .v-table-cell-content {
+       border-top: 1px dotted #0066bd;
+       border-bottom: 1px dotted #0066bd;
+}
+
+.edit .v-table-focus .v-table-cell-wrapper {
+       margin-top: -1px;
+       margin-bottom: -1px;
+}
+
+.edit .v-off {
+       color: #ddd;
+}
+
+.edit .v-table-drag .v-table-body {
+       border-color: #1d9dff;
+}
+
+.edit .v-table-row-drag-middle .v-table-cell-content {
+       background-color: #bcdcff;
+}
+
+.edit .v-table-row-drag-top .v-table-cell-content {
+       border-top: 2px solid #1d9dff;
+}
+
+.edit .v-table-row-drag-top .v-table-cell-wrapper {
+       margin-top: -2px;
+}
+
+.edit .v-table-row-drag-bottom .v-table-cell-content {
+       border-bottom: 2px solid #1d9dff;
+}
+
+.edit .v-table-row-drag-bottom .v-table-cell-wrapper {
+       margin-bottom: -2px;
+}
+
+.edit .v-table-row-drag-top .v-table-cell-content:first-child:before, .edit .v-table-row-drag-bottom .v-table-cell-content:first-child:after {
+       display: block;
+       position: absolute;
+       width: 6px;
+       height: 6px;
+       margin-top: -4px;
+       margin-left: -6px;
+       background: transparent url(../base/common/img/drag-slot-dot.png);
+}
+
+.v-ff .edit .v-table-row-drag-bottom .v-table-cell-content:first-child:after, .v-ie .edit .v-table-row-drag-bottom .v-table-cell-content:first-child:after {
+       margin-top: -2px;
+}
+
+.edit .v-tabsheet, .edit .v-tabsheet-content, .edit .v-tabsheet-deco {
+       outline: none;
+       text-align: left;
+}
+
+.edit .v-tabsheet-tabs {
+       empty-cells: hide;
+       border-collapse: collapse;
+       margin: 0;
+       padding: 0;
+       border: 0;
+       width: 100%;
+       overflow: hidden;
+}
+
+.edit .v-tabsheet-tabitemcell:focus {
+       outline: none;
+}
+
+.edit .v-tabsheet-tabitemcell, .edit .v-tabsheet-spacertd {
+       margin: 0;
+       padding: 0;
+       vertical-align: bottom;
+}
+
+.edit .v-tabsheet-spacertd {
+       width: 100%;
+}
+
+.edit .v-tabsheet-spacertd div {
+       border-left: 1px solid #aaa;
+       border-bottom: 1px solid #aaa;
+       height: 1em;
+       padding: 0.2em 0;
+}
+
+.edit .v-tabsheet-hidetabs > .v-tabsheet-tabcontainer {
+       display: none;
+}
+
+.edit .v-tabsheet-scroller {
+       white-space: nowrap;
+       text-align: right;
+       margin-top: -1em;
+}
+
+.edit .v-disabled .v-tabsheet-scroller {
+       display: none;
+}
+
+.edit .v-tabsheet-scrollerPrev, .edit .v-tabsheet-scrollerNext, .edit .v-tabsheet-scrollerPrev-disabled, .edit .v-tabsheet-scrollerNext-disabled {
+       border: 1px solid #aaa;
+       background: #fff;
+       width: 12px;
+       height: 1em;
+       cursor: pointer;
+}
+
+.edit .v-tabsheet-scrollerPrev-disabled, .edit .v-tabsheet-scrollerNext-disabled {
+       opacity: 0.5;
+       cursor: default;
+}
+
+.edit .v-tabsheet-tabs .v-caption, .edit .v-tabsheet-tabs .v-caption span {
+       white-space: nowrap;
+}
+
+.edit .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;
+}
+
+.edit .v-tabsheet .v-disabled .v-tabsheet-caption-close {
+       cursor: default;
+       visibility: hidden;
+}
+
+.edit .v-tabsheet-tabitem:hover .v-tabsheet-caption-close {
+       visibility: visible;
+}
+
+.edit .v-tabsheet-tabitem {
+       border: 1px solid #aaa;
+       border-right: none;
+       cursor: pointer;
+       padding: 0.2em 0.5em;
+}
+
+.edit .v-tabsheet-tabitem .v-caption {
+       cursor: inherit;
+}
+
+.edit .v-tabsheet.v-disabled .v-tabsheet-tabitem, .edit .v-tabsheet-tabitemcell-disabled .v-tabsheet-tabitem {
+       cursor: default;
+}
+
+.edit .v-tabsheet-tabitem-selected {
+       cursor: default;
+       border-bottom-color: #fff;
+}
+
+.edit .v-tabsheet-tabitem-selected .v-caption {
+       cursor: default;
+}
+
+.edit .v-tabsheet-tabitem-focus .v-captiontext {
+       text-decoration: underline;
+}
+
+.edit .v-tabsheet-tabitem-selected.v-tabsheet-tabitem-focus .v-captiontext {
+       text-decoration: inherit;
+}
+
+.edit .v-tabsheet-content {
+       border: 1px solid #aaa;
+       border-top: none;
+       border-bottom: none;
+       position: relative;
+}
+
+.edit .v-tabsheet-deco {
+       height: 1px;
+       background: #aaa;
+       overflow: hidden;
+}
+
+.edit .v-tabsheet-hidetabs .v-tabsheet-content {
+       border: none;
+}
+
+.edit .v-tabsheet-hidetabs .v-tabsheet-deco {
+       height: 0;
+}
+
+.edit .v-textfield {
+       text-align: left;
+}
+
+.edit .v-textarea {
+       resize: none;
+       white-space: pre-wrap;
+}
+
+.edit input.v-textfield-prompt, .edit textarea.v-textarea-prompt {
+       color: #999;
+       font-style: italic;
+}
+
+.edit input.v-textfield-readonly, .edit textarea.v-textarea-readonly {
+       background: transparent;
+       border: none;
+       resize: none;
+}
+
+.edit input.v-disabled, .edit textarea.v-disabled {
+       resize: none;
+}
+
+.edit input.v-textfield-readonly:focus, .edit textarea.v-textarea-readonly:focus {
+       outline: none;
+}
+
+.v-sa .edit input:focus, .v-sa .edit textarea:focus {
+       outline-width: medium;
+}
+
+.edit .v-richtextarea {
+       border: 1px solid #aaa;
+       overflow: hidden;
+}
+
+.edit .v-richtextarea .gwt-RichTextArea {
+       background: #fff;
+       border: none;
+}
+
+.edit .v-richtextarea .gwt-HTML {
+       height: 100%;
+       font-size: 13px;
+}
+
+.edit .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;
+}
+
+.edit .v-richtextarea .gwt-RichTextToolbar-top {
+       padding-bottom: 1px;
+       overflow: hidden;
+       white-space: normal;
+}
+
+.edit .v-richtextarea .gwt-RichTextToolbar-bottom {
+       clear: left;
+       overflow: hidden;
+       white-space: nowrap;
+}
+
+.edit .v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton, .edit .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;
+}
+
+.edit .v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down, .edit .v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down, .edit .v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering, .edit .v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
+       background-position: 0 -21px;
+}
+
+.edit .v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
+       width: 24.5%;
+       margin-right: 2px;
+}
+
+.edit .v-richtextarea-readonly {
+       border: none;
+}
+
+.edit .v-tree {
+       text-align: left;
+       padding: 1px 0;
+       outline: none;
+}
+
+.edit .v-tree-node {
+       background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
+       padding: 1px 0;
+}
+
+.edit .v-tree-node-caption:focus {
+       outline: none;
+}
+
+.edit div.v-tree-node-leaf {
+       background: transparent;
+}
+
+.edit .v-tree-node-expanded {
+       background: transparent url(../base/common/img/sprites.png) no-repeat -5px -10px;
+}
+
+.edit .v-tree-node-caption {
+       margin-left: 1em;
+}
+
+.edit .v-tree-node span {
+       cursor: pointer;
+}
+
+.edit .v-tree-node-caption div {
+       white-space: nowrap;
+}
+
+.edit .v-tree-node-caption span, .edit .v-tree-node-caption .v-icon {
+       vertical-align: middle;
+}
+
+.edit .v-tree-node-selected span {
+       background: #999;
+       color: #fff;
+}
+
+.edit .v-tree-node-children {
+       padding-left: 1em;
+}
+
+.edit .v-tree .v-tree-node-drag-top {
+       border-top: 2px solid #1d9dff;
+       margin-top: -1px;
+       padding-top: 0;
+}
+
+.edit .v-tree .v-tree-node-drag-bottom {
+       border-bottom: 2px solid #1d9dff;
+       margin-bottom: -1px;
+       padding-bottom: 0;
+}
+
+.edit .v-tree .v-tree-node-drag-top:before, .edit .v-tree .v-tree-node-drag-bottom:after, .edit .v-tree .v-tree-node-caption-drag-center:after {
+       display: block;
+       position: absolute;
+       width: 6px;
+       height: 6px;
+       margin-top: -4px;
+       background: transparent url(../base/common/img/drag-slot-dot.png);
+}
+
+.edit .v-tree .v-tree-node-drag-bottom:after {
+       margin-top: -2px;
+}
+
+.edit .v-tree .v-tree-node-caption-drag-center:after {
+       margin-left: 14px;
+}
+
+.v-ff .edit .v-tree .v-tree-node-caption-drag-center:after, .v-ie .edit .v-tree .v-tree-node-caption-drag-center:after {
+       margin-top: -2px;
+}
+
+.edit .v-tree .v-tree-node-drag-top {
+       background-position: 5px -38px;
+}
+
+.edit .v-tree .v-tree-node-drag-top.v-tree-node-expanded {
+       background-position: -5px -11px;
+}
+
+.edit .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;
+}
+
+.edit .v-tree .v-tree-node-caption-drag-center div {
+       background-color: rgba(169, 209, 255, 0.6);
+}
+
+.edit .v-tree .v-tree-node-caption-drag-center div, .edit .v-tree .v-tree-node-drag-top, .edit .v-tree .v-tree-node-drag-bottom {
+       border-color: rgba(0, 109, 232, 0.6);
+}
+
+.edit .v-tree-connectors .v-tree-node-caption {
+       padding-top: 1px;
+}
+
+.edit .v-tree-connectors .v-tree-node {
+       background: transparent url(../base/tree/img/connector-expand.png) no-repeat 2px -52px;
+}
+
+.edit .v-tree-connectors .v-tree-node-expanded {
+       background: transparent url(../base/tree/img/connector-collapse.png) no-repeat 2px -52px;
+}
+
+.edit .v-tree-connectors .v-tree-node-last {
+       background: transparent url(../base/tree/img/connector-expand-last.png) no-repeat 2px -52px;
+}
+
+.edit .v-tree-connectors .v-tree-node-expanded.v-tree-node-last {
+       background: transparent url(../base/tree/img/connector-collapse-last.png) no-repeat 2px -52px;
+}
+
+.edit .v-tree-connectors .v-tree-node-leaf {
+       background: transparent url(../base/tree/img/connector-leaf.png) repeat-y 2px 50%;
+}
+
+.edit .v-tree-connectors .v-tree-node-leaf-last {
+       background: transparent url(../base/tree/img/connector-leaf-last.png) repeat-y 2px 50%;
+}
+
+.edit .v-tree-connectors .v-tree-node-children {
+       background: transparent url(../base/tree/img/connector.png) repeat-y 2px 0;
+}
+
+.edit .v-tree-connectors .v-tree-node-children-last {
+       background: transparent;
+}
+
+.edit .v-tree-connectors .v-tree-node-drag-top, .edit .v-tree-connectors .v-tree-node-expanded.v-tree-node-drag-top {
+       background-position: 2px -53px;
+}
+
+.edit .v-tree-connectors .v-tree-node-drag-top.v-tree-node-leaf {
+       background-position: 2px 50%;
+}
+
+.edit .v-treetable-treespacer {
+       display: inline-block;
+       background: transparent;
+       height: 10px;
+       width: 18px;
+       position: absolute;
+       left: 0;
+       top: 5px;
+}
+
+.edit .v-treetable-node-closed {
+       background: url(../base/treetable/img/arrow-right.png) right top no-repeat;
+}
+
+.edit .v-treetable-node-open {
+       background: url(../base/treetable/img/arrow-down.png) right top no-repeat;
+}
+
+.edit .v-treetable .v-checkbox {
+       display: inline-block;
+       padding-bottom: 4px;
+}
+
+.edit .v-treetable .v-table-row .v-table-cell-content, .edit .v-treetable .v-table-row-odd .v-table-cell-content {
+       z-index: 10;
+}
+
+.edit .v-treetable .v-table-cell-wrapper {
+       position: relative;
+}
+
+.edit .v-treetable .v-table-body .v-table-table .v-table-row-animating {
+       zoom: 1;
+       z-index: 1;
+}
+
+.edit .v-treetable .v-table-body .v-table-table .v-table-row-animating, .edit .v-treetable .v-table-body .v-table-table .v-table-row-animating .v-table-cell-content {
+       background: transparent;
+}
+
+.edit .v-treetable-animation-clone {
+       border-spacing: 0;
+       zoom: 1;
+}
+
+.edit div.v-treetable-animation-clone-wrapper {
+       position: absolute;
+       z-index: 2;
+       background-color: #fff;
+}
+
+.edit div.v-treetable-animation-clone-wrapper table.v-treetable-animation-clone {
+       background-color: #fff;
+}
+
+.edit div table.v-treetable-animation-clone tr.v-table-row, .edit div table.v-treetable-animation-clone tr.v-table-row-odd, .edit div table.v-treetable-animation-clone tr.v-table-row td.v-table-cell-content, .edit div table.v-treetable-animation-clone tr.v-table-row-odd td.v-table-cell-content {
+       visibility: visible;
+}
+
+.edit .v-upload {
+       white-space: nowrap;
+}
+
+.edit .v-upload-immediate {
+       position: relative;
+       margin: 0;
+       overflow: hidden;
+}
+
+.edit .v-upload-immediate .v-button {
+       width: 100%;
+}
+
+.v-ff .edit .v-upload-immediate, .v-op .edit .v-upload-immediate {
+       display: inline-block;
+}
+
+.edit .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;
+}
+
+.edit .v-upload-immediate button {
+       position: relative;
+       left: 0;
+       top: 0;
+       width: 100%;
+       text-align: left;
+}
+
+.edit .v-window {
+       background: #fff;
+}
+
+.edit .v-window-contents {
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-window.v-has-width > div.popupContent, .edit .v-window.v-has-width .v-window-wrap, .edit .v-window.v-has-width .v-window-contents, .edit .v-window.v-has-width .v-window-contents > div {
+       width: 100%;
+}
+
+.edit .v-window.v-has-height > div.popupContent, .edit .v-window.v-has-height .v-window-wrap, .edit .v-window.v-has-height .v-window-contents, .edit .v-window.v-has-height .v-window-contents > div {
+       height: 100%;
+}
+
+.edit .v-window-outerheader {
+       padding: 0.3em 1em;
+       height: 1.6em;
+       position: relative;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-window-outerheader, .edit .v-window-draggingCurtain {
+       cursor: move;
+}
+
+.edit .v-window-header {
+       font-weight: bold;
+       -khtml-user-select: none;
+       -moz-user-select: none;
+       -ie-user-select: none;
+       user-select: none;
+}
+
+.edit div.v-window-header {
+       white-space: nowrap;
+       text-overflow: ellipsis;
+       -ms-text-overflow: ellipsis;
+       overflow: hidden;
+       padding: 0;
+}
+
+.edit .v-window-header .v-icon {
+       vertical-align: middle;
+}
+
+.edit .v-window-contents > div {
+       outline: none;
+}
+
+.edit .v-window-footer {
+       overflow: hidden;
+       zoom: 1;
+       height: 10px;
+       position: relative;
+       cursor: move;
+}
+
+.edit .v-window-resizebox {
+       width: 10px;
+       height: 10px;
+       background: #ddd;
+       overflow: hidden;
+       position: absolute;
+       right: 0;
+}
+
+.edit .v-window-resizebox, .edit .v-window-resizingCurtain {
+       cursor: se-resize;
+}
+
+.edit .v-window div.v-window-footer-noresize {
+       height: 0;
+}
+
+.edit .v-window-resizebox-disabled, .edit .v-window-restorebox-disabled, .edit .v-window-maximizebox-disabled {
+       cursor: default;
+       display: none;
+}
+
+.edit .v-window-closebox, .edit .v-window-restorebox, .edit .v-window-maximizebox {
+       position: absolute;
+       top: 0;
+       right: 0;
+       width: 1em;
+       height: 1em;
+       cursor: pointer;
+       overflow: hidden;
+}
+
+.edit .v-window-maximizebox, .edit .v-window-restorebox {
+       right: 1.1em;
+}
+
+.edit .v-window-closebox {
+       background: red;
+}
+
+.edit .v-window-maximizebox {
+       background: blue;
+}
+
+.edit .v-window-restorebox {
+       background: yellow;
+}
+
+.edit .v-window-modalitycurtain {
+       top: 0;
+       left: 0;
+       background: #999;
+       opacity: 0.5;
+       position: fixed;
+       width: 100%;
+       height: 100%;
+       filter: alpha(opacity=50);
+}
+
+.edit .v-shadow-window {
+       position: absolute;
+       display: none;
+       pointer-events: none;
+}
+
+.v-ie8 .edit .v-shadow-window {
+       display: block;
+}
+
+.edit .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);
+}
+
+.edit .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);
+}
+
+.edit .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);
+}
+
+.edit .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);
+}
+
+.edit .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);
+}
+
+.edit .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);
+}
+
+.edit .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);
+}
+
+.edit .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);
+}
+
+.edit .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);
+}
+
+.edit .v-absolutelayout-wrapper {
+       position: absolute;
+       overflow: hidden;
+}
+
+.edit .v-accordion-item-caption {
+       height: 31px;
+       background: #edf0f0 url(../runo/accordion/img/bg.png);
+       color: #656d73;
+       border: none;
+       border-top: 1px solid #c8cccd;
+}
+
+.edit .v-accordion-item-caption .v-caption {
+       font-size: 15px;
+       padding: 7px 0 4px 31px;
+       background: transparent url(../runo/accordion/img/collapsed-icon.png) no-repeat 18px 55%;
+}
+
+.edit .v-accordion-item-open .v-accordion-item-caption {
+       color: #3b4b57;
+       background: #d5dee2 url(../runo/accordion/img/selected-bg.png);
+       border-bottom: 1px solid #b4b9ba;
+       text-shadow: 0 1px 0 #fff;
+}
+
+.edit .v-accordion-item-open .v-accordion-item-caption .v-caption {
+       background-image: url(../runo/accordion/img/expanded-icon.png);
+       background-position: 17px 55%;
+}
+
+.edit .v-accordion-item-first .v-accordion-item-caption {
+       border-top: none;
+}
+
+.edit .v-accordion-item-caption .v-caption:hover {
+       color: #3b4b57;
+}
+
+.edit .v-accordion-light .v-accordion-item-caption {
+       height: 24px;
+       padding: 3px 2px;
+       background: transparent;
+       border: none;
+}
+
+.edit .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%;
+}
+
+.edit .v-button {
+       padding: 1px;
+       border: none;
+       background: transparent;
+}
+
+.edit .v-button:focus {
+       outline: none;
+}
+
+.edit .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;
+}
+
+.edit .v-button:active .v-button-wrap, .edit .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, 0.9);
+       border-top-color: #929798;
+       -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
+       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
+       text-shadow: none;
+}
+
+.edit .v-button .v-button-wrap, .edit .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, 0.8);
+       border-top-color: rgba(146, 151, 152, 0.6);
+       background: #e6e8e8 url(../runo/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, 0.15);
+       -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
+       text-shadow: 0 1px 0 #fff;
+       color: #464f52;
+       overflow: hidden;
+       text-overflow: ellipsis;
+}
+
+.edit .v-button-small .v-button-wrap, .edit .v-disabled.v-button-small .v-button-wrap {
+       font-size: 11px;
+       line-height: 13px;
+       padding: 1px 12px;
+       min-height: 13px;
+}
+
+.edit .v-button-big .v-button-wrap, .edit .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;
+}
+
+.edit .v-button-default:focus .v-button-wrap {
+       background-color: #60839a;
+       background-position: 0 -158px;
+       text-shadow: 0 -1px 0 #657883;
+}
+
+.edit .v-button-default:active .v-button-wrap, .edit .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, 0.4) inset;
+       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
+}
+
+.edit .v-button-default .v-button-wrap, .edit .v-disabled.v-button-default .v-button-wrap {
+       border-color: #899395;
+       border-top-color: #a4abae;
+       border-bottom-color: #727b7d;
+       background: #869090 url(../runo/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, 0.22);
+       -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.22);
+}
+
+.edit .v-button-link, .edit .v-disabled.v-button-link {
+       padding: 0;
+}
+
+.edit .v-button-link .v-button-wrap, .edit .v-disabled.v-button-link .v-button-wrap, .edit .v-button-link:active .v-button-wrap, .edit .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;
+}
+
+.edit .v-button-link:focus {
+       outline: 1px dotted #4897dc;
+}
+
+.edit .v-button-link:focus .v-button-wrap {
+       -webkit-box-shadow: none;
+       -moz-box-shadow: none;
+}
+
+.edit .v-checkbox .v-errorindicator {
+       padding-left: 10px;
+}
+
+.edit .v-captionwrapper {
+       margin: 0.3em 0 0 0;
+}
+
+.edit .v-errorindicator {
+       width: 12px;
+       height: 16px;
+       background: transparent url(../runo/icons/16/error.png) no-repeat top right;
+}
+
+.edit .v-colorpicker-popup {
+       width: 248px;
+}
+
+.edit .v-colorpicker-popup .v-tabsheet .v-colorpicker-grid {
+       height: 305px;
+}
+
+.edit .v-colorpicker-popup .v-tabsheet-deco {
+       background: none;
+       height: 0;
+}
+
+.edit .v-colorpicker-popup .v-filterselect {
+       padding-right: 25px;
+}
+
+.edit.v-app {
+       background: #e9eced url(../runo/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;
+}
+
+.edit.v-app, .edit .v-window, .edit .v-popupview-popup, .edit .v-tooltip, .edit.v-app input, .edit.v-app select, .edit.v-app button, .edit.v-app textarea, .edit .v-window input, .edit .v-window select, .edit .v-window button, .edit .v-window textarea, .edit .v-popupview-popup input, .edit .v-popupview-popup select, .edit .v-popupview-popup button, .edit .v-popupview-popup textarea, .edit .v-filterselect-suggestpopup, .edit .v-datefield-popup, .edit .v-contextmenu, .edit .v-Notification, .edit .v-menubar-submenu, .edit .v-drag-element {
+       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+       color: #464f52;
+       font-size: 13px;
+}
+
+.edit.v-app select, .edit .v-window select {
+       padding: 0;
+}
+
+.edit .v-window .v-datefield-popup, .edit .v-filterselect-suggestpopup, .edit .v-menubar-popup, .edit .v-slider-feedback, .edit .v-popupview-popup, .edit .v-contextmenu {
+       box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.28);
+}
+
+.edit .v-tooltip {
+       background-color: #fffcdd;
+       border: 1px solid #b8b295;
+       border-top-color: #d5d2c1;
+       border-left-color: #d5d2c1;
+       font-size: 11px;
+       line-height: 14px;
+       font-family: arial, helvetica, tahoma, verdana, sans-serif;
+       color: #5d5444;
+}
+
+.edit .v-tooltip-text {
+       padding: 2px 4px;
+       border: none;
+       border-top: 1px solid #fffef5;
+       border-bottom: 1px solid #fbf8d9;
+}
+
+.edit .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;
+}
+
+.edit .v-tooltip .v-errormessage h2 {
+       font-size: 16px;
+       font-weight: normal;
+       color: #ab3101;
+       margin: 2px 0 8px 0;
+}
+
+.edit .v-tooltip .v-errormessage h3 {
+       font-size: 13px;
+       font-weight: bold;
+       margin: 1px 0 4px 0;
+}
+
+.edit .v-contextmenu {
+       background: #e9eced url(../runo/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;
+}
+
+.edit .v-contextmenu .gwt-MenuBar {
+       border-right: 1px solid #c6cbcc;
+       border-bottom: 1px solid #c6cbcc;
+       border-top: 1px solid #d0d4d5;
+       border-left: 1px solid #d0d4d5;
+}
+
+.edit .v-contextmenu .gwt-MenuItem {
+       padding: 2px 0;
+}
+
+.edit .v-contextmenu .gwt-MenuItem div {
+       padding: 1px 20px 1px 8px;
+}
+
+.edit .v-contextmenu .gwt-MenuItem-selected div {
+       color: #fff;
+       background: #5daee8;
+}
+
+.edit .v-contextmenu .gwt-MenuItem img {
+       margin-right: 10px;
+}
+
+.edit .v-embedded-icon-16 img {
+       width: 16px;
+       height: 16px;
+}
+
+.edit .v-datefield input.v-textfield, .edit .v-datefield input.v-textfield[type=text] {
+       height: 22px;
+}
+
+.edit .v-datefield-button {
+       font-size: 13px;
+       width: 22px;
+       margin-right: -22px;
+       height: 24px;
+       padding: 0;
+       overflow: hidden;
+       border: none;
+       background: transparent url(../runo/datefield/img/open-button.png) no-repeat right 0;
+}
+
+.edit .v-datefield-popupcalendar {
+       min-width: 0;
+       padding-right: 22px;
+}
+
+.edit .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;
+}
+
+.edit .v-datefield-calendarpanel {
+       width: 230px;
+}
+
+.edit .v-datefield-popup .v-datefield-calendarpanel {
+       width: 200px;
+}
+
+.edit .v-datefield-year .v-datefield-calendarpanel {
+       width: 100px;
+}
+
+.edit .v-datefield-calendarpanel td {
+       text-align: right;
+}
+
+.edit .v-datefield-calendarpanel td span {
+       display: block;
+}
+
+.edit .v-datefield-calendarpanel-header {
+       height: 30px;
+       font-size: 13px;
+}
+
+.edit td.v-datefield-calendarpanel-month {
+       font-weight: bold;
+       text-shadow: 0 1px 0 #fff;
+       width: 150px;
+}
+
+.edit .v-datefield-calendarpanel-prevyear, .edit .v-datefield-calendarpanel-nextyear, .edit .v-datefield-calendarpanel-prevmonth, .edit .v-datefield-calendarpanel-nextmonth {
+       width: 16px;
+}
+
+.edit .v-datefield-calendarpanel .v-button-prevyear, .edit .v-datefield-calendarpanel .v-button-nextyear {
+       display: block;
+       width: 16px;
+       height: 16px;
+       border: none;
+       padding: 0;
+       background: transparent url(../runo/datefield/img/prevyear.png) no-repeat;
+       text-indent: -90000px;
+       margin: 0 auto;
+}
+
+.edit .v-datefield-calendarpanel .v-button-nextyear {
+       background: transparent url(../runo/datefield/img/nextyear.png) no-repeat;
+}
+
+.edit .v-datefield-calendarpanel .v-button-prevyear:hover, .edit .v-datefield-calendarpanel .v-button-nextyear:hover {
+       background-position: left bottom;
+}
+
+.edit .v-datefield-calendarpanel .v-button-prevmonth, .edit .v-datefield-calendarpanel .v-button-nextmonth {
+       display: block;
+       width: 11px;
+       height: 16px;
+       border: none;
+       padding: 0;
+       background: transparent url(../runo/datefield/img/prevmonth.png) no-repeat;
+       text-indent: -90000px;
+       margin: 0 auto;
+}
+
+.edit .v-datefield-calendarpanel .v-button-nextmonth {
+       background: transparent url(../runo/datefield/img/nextmonth.png) no-repeat;
+}
+
+.edit .v-datefield-calendarpanel .v-button-prevmonth:hover, .edit .v-datefield-calendarpanel .v-button-nextmonth:hover {
+       background-position: left bottom;
+}
+
+.edit .v-datefield-calendarpanel strong {
+       color: #ee5311;
+       display: block;
+       width: 20px;
+       font-size: 12px;
+}
+
+.edit .v-datefield-calendarpanel-day, .edit .v-datefield-calendarpanel-weeknumber, .edit .v-datefield-calendarpanel-day-today {
+       padding: 1px 3px;
+       width: 14px;
+       height: 16px;
+}
+
+.edit .v-datefield-calendarpanel-weeknumber {
+       font-size: 11.7px;
+}
+
+.edit .v-datefield-calendarpanel-day-today {
+       border: 1px solid #429ce9;
+       width: 12px;
+       height: 14px;
+}
+
+.edit .v-datefield-calendarpanel-day-entry {
+       color: #6a98b5;
+}
+
+.edit .v-datefield-calendarpanel-day-disabled {
+       font-weight: normal;
+       color: #dddddd;
+}
+
+.edit .v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled {
+       color: #afd6f8;
+}
+
+.edit .v-datefield-calendarpanel-day-selected {
+       font-weight: bold;
+       width: 14px;
+       height: 16px;
+       color: #fff;
+       padding: 1px 3px;
+       background: transparent url(../runo/datefield/img/selected-bg.png) no-repeat 50% 50%;
+       border: none;
+}
+
+.edit .v-datefield-time {
+       font-size: 11px;
+}
+
+.edit .v-datefield-time .v-select {
+       font-size: 10px;
+       padding: 0;
+       margin: 0;
+}
+
+.edit .v-datefield-rendererror .v-textfield {
+       background: #ff9999;
+}
+
+.edit .v-datefield-prompt .v-datefield-textfield {
+       color: #999;
+       font-style: normal;
+}
+
+.edit .v-inline-datefield input.v-textfield, .edit .v-inline-datefield input.v-textfield[type=text] {
+       height: 22px;
+}
+
+.edit .v-inline-datefield-button {
+       font-size: 13px;
+       width: 22px;
+       margin-right: -22px;
+       height: 24px;
+       padding: 0;
+       overflow: hidden;
+       border: none;
+       background: transparent url(../runo/datefield/img/open-button.png) no-repeat right 0;
+}
+
+.edit .v-inline-datefield-popupcalendar {
+       min-width: 0;
+       padding-right: 22px;
+}
+
+.edit .v-inline-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;
+}
+
+.edit .v-inline-datefield-calendarpanel {
+       width: 230px;
+}
+
+.edit .v-inline-datefield-popup .v-inline-datefield-calendarpanel {
+       width: 200px;
+}
+
+.edit .v-inline-datefield-year .v-inline-datefield-calendarpanel {
+       width: 100px;
+}
+
+.edit .v-inline-datefield-calendarpanel td {
+       text-align: right;
+}
+
+.edit .v-inline-datefield-calendarpanel td span {
+       display: block;
+}
+
+.edit .v-inline-datefield-calendarpanel-header {
+       height: 30px;
+       font-size: 13px;
+}
+
+.edit td.v-inline-datefield-calendarpanel-month {
+       font-weight: bold;
+       text-shadow: 0 1px 0 #fff;
+       width: 150px;
+}
+
+.edit .v-inline-datefield-calendarpanel-prevyear, .edit .v-inline-datefield-calendarpanel-nextyear, .edit .v-inline-datefield-calendarpanel-prevmonth, .edit .v-inline-datefield-calendarpanel-nextmonth {
+       width: 16px;
+}
+
+.edit .v-inline-datefield-calendarpanel .v-button-prevyear, .edit .v-inline-datefield-calendarpanel .v-button-nextyear {
+       display: block;
+       width: 16px;
+       height: 16px;
+       border: none;
+       padding: 0;
+       background: transparent url(../runo/datefield/img/prevyear.png) no-repeat;
+       text-indent: -90000px;
+       margin: 0 auto;
+}
+
+.edit .v-inline-datefield-calendarpanel .v-button-nextyear {
+       background: transparent url(../runo/datefield/img/nextyear.png) no-repeat;
+}
+
+.edit .v-inline-datefield-calendarpanel .v-button-prevyear:hover, .edit .v-inline-datefield-calendarpanel .v-button-nextyear:hover {
+       background-position: left bottom;
+}
+
+.edit .v-inline-datefield-calendarpanel .v-button-prevmonth, .edit .v-inline-datefield-calendarpanel .v-button-nextmonth {
+       display: block;
+       width: 11px;
+       height: 16px;
+       border: none;
+       padding: 0;
+       background: transparent url(../runo/datefield/img/prevmonth.png) no-repeat;
+       text-indent: -90000px;
+       margin: 0 auto;
+}
+
+.edit .v-inline-datefield-calendarpanel .v-button-nextmonth {
+       background: transparent url(../runo/datefield/img/nextmonth.png) no-repeat;
+}
+
+.edit .v-inline-datefield-calendarpanel .v-button-prevmonth:hover, .edit .v-inline-datefield-calendarpanel .v-button-nextmonth:hover {
+       background-position: left bottom;
+}
+
+.edit .v-inline-datefield-calendarpanel strong {
+       color: #ee5311;
+       display: block;
+       width: 20px;
+       font-size: 12px;
+}
+
+.edit .v-inline-datefield-calendarpanel-day, .edit .v-inline-datefield-calendarpanel-weeknumber, .edit .v-inline-datefield-calendarpanel-day-today {
+       padding: 1px 3px;
+       width: 14px;
+       height: 16px;
+}
+
+.edit .v-inline-datefield-calendarpanel-weeknumber {
+       font-size: 11.7px;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-today {
+       border: 1px solid #429ce9;
+       width: 12px;
+       height: 14px;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-entry {
+       color: #6a98b5;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-disabled {
+       font-weight: normal;
+       color: #dddddd;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-entry.v-inline-datefield-calendarpanel-day-disabled {
+       color: #afd6f8;
+}
+
+.edit .v-inline-datefield-calendarpanel-day-selected {
+       font-weight: bold;
+       width: 14px;
+       height: 16px;
+       color: #fff;
+       padding: 1px 3px;
+       background: transparent url(../runo/datefield/img/selected-bg.png) no-repeat 50% 50%;
+       border: none;
+}
+
+.edit .v-inline-datefield-time {
+       font-size: 11px;
+}
+
+.edit .v-inline-datefield-time .v-select {
+       font-size: 10px;
+       padding: 0;
+       margin: 0;
+}
+
+.edit .v-inline-datefield-rendererror .v-textfield {
+       background: #ff9999;
+}
+
+.edit .v-inline-datefield-prompt .v-inline-datefield-textfield {
+       color: #999;
+       font-style: normal;
+}
+
+.edit .v-inline-datefield {
+       line-height: 18px;
+}
+
+.edit .v-formlayout-cell .v-errorindicator {
+       width: 10px;
+       height: 16px;
+       background: transparent url(../runo/icons/16/error.png) no-repeat top right;
+}
+
+.edit .v-formlayout-captioncell {
+       text-align: right;
+       white-space: nowrap;
+}
+
+.edit .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-captioncell, .edit .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-contentcell, .edit .v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-errorcell {
+       padding-top: 8px;
+}
+
+.edit .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-captioncell, .edit .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-contentcell, .edit .v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-errorcell {
+       padding-top: 15px;
+}
+
+.edit .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-captioncell, .edit .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-contentcell, .edit .v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-errorcell {
+       padding-bottom: 15px;
+}
+
+.edit .v-formlayout-margin-left > tbody > .v-formlayout-row > .v-formlayout-captioncell {
+       padding-left: 18px;
+}
+
+.edit .v-formlayout-margin-right > tbody > .v-formlayout-row > .v-formlayout-contentcell {
+       padding-right: 18px;
+}
+
+.edit .v-form-errormessage {
+       background: transparent url(../runo/icons/16/error.png) no-repeat top left;
+       padding-left: 20px;
+       margin-bottom: 5px;
+       margin-top: 5px;
+       min-height: 20px;
+}
+
+.edit .v-form fieldset {
+       border: none;
+       border-top: 1px solid #babfc0;
+}
+
+.edit .v-form-nocaption fieldset {
+       border: none;
+}
+
+.edit .v-form-nocaption legend {
+       display: none;
+}
+
+.edit .v-form legend {
+       margin: 0;
+       padding: 0 4px 0.3em 4px;
+       font-weight: bold;
+       color: #464f52;
+}
+
+.edit .v-gridlayout-margin-top {
+       padding-top: 15px;
+}
+
+.edit .v-gridlayout-margin-bottom {
+       padding-bottom: 15px;
+}
+
+.edit .v-gridlayout-margin-left {
+       padding-left: 18px;
+}
+
+.edit .v-gridlayout-margin-right {
+       padding-right: 18px;
+}
+
+.edit .v-gridlayout-spacing-on {
+       padding-left: 8px;
+       padding-top: 8px;
+}
+
+.edit .v-label h1, .edit .v-label h2, .edit .v-label h3, .edit .v-label h4, .edit .v-label h5, .edit .v-label h6 {
+       color: #404749;
+}
+
+.edit .v-label-h1, .edit .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;
+}
+
+.edit .v-label-h2, .edit .v-label h2 {
+       color: #f14c1a;
+       font-size: 18px;
+       letter-spacing: -0.03em;
+       font-weight: normal;
+       padding: 13px 0 5px;
+}
+
+.edit .v-label-h3, .edit .v-label h3 {
+       font-size: 15px;
+       letter-spacing: -0.03em;
+       font-weight: normal;
+       text-shadow: 0 1px 1px #fff;
+}
+
+.edit .v-label-h4, .edit .v-label h4 {
+       font-size: 13px;
+       font-weight: normal;
+       text-shadow: 0 1px 1px #fff;
+       margin: 0;
+       padding: 8px 0 4px;
+}
+
+.edit .v-label-small {
+       font-size: 11.31px;
+       line-height: 1.4;
+       color: #707679;
+}
+
+.edit .v-label hr, .edit .v-label-hr {
+       height: 2px;
+       overflow: hidden;
+       background: #ccd2d3;
+       color: #ccd2d3;
+       border: none;
+       border-bottom: 1px solid #fff;
+       margin: 0;
+}
+
+.edit .v-label-hr {
+       height: 1px;
+}
+
+.v-sa .edit .v-label hr, .v-ie8 .edit .v-label hr {
+       height: 1px;
+}
+
+.edit .v-link a {
+       color: #464f52;
+}
+
+.edit .v-menubar {
+       color: #464f52;
+       border-left: 1px solid #c6cbcc;
+}
+
+.edit .v-menubar .v-menubar-menuitem {
+       padding: 1px 10px;
+       border: 1px solid #c6cbcc;
+       border-left: none;
+       height: 18px;
+       line-height: 18x;
+}
+
+.edit .v-menubar-menuitem-selected {
+       color: #fff;
+       background: #5daee8;
+}
+
+.edit .v-menubar-submenu {
+       background: #e9eced url(../runo/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;
+}
+
+.edit .v-menubar-submenu .v-menubar-menuitem {
+       padding-top: 1px;
+       padding-bottom: 1px;
+       line-height: 16px;
+       padding-left: 10px;
+}
+
+.edit .v-menubar-submenu .v-menubar-menuitem-caption .v-icon {
+       vertical-align: middle;
+}
+
+.edit .v-menubar-submenu .v-menubar-submenu-indicator {
+       font-size: 11.7px;
+}
+
+.edit .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: 15.6px;
+       -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+       -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
+       margin: 10px;
+}
+
+.edit .v-Notification h1, .edit .v-Notification p, .edit .v-Notification-error h1, .edit .v-Notification-error p, .edit .v-Notification-warning h1, .edit .v-Notification-warning p {
+       display: inline;
+       font-weight: normal;
+       line-height: normal;
+       margin: 0 10px 0 0;
+}
+
+.edit .v-Notification-warning {
+       background: #fff1e4;
+       color: #dd3400;
+       border: 2px solid #ffaa90;
+       opacity: 1;
+}
+
+.edit .v-Notification-error {
+       background: #f13d13 url(../runo/notification/img/close-error.png) no-repeat right 5px;
+       padding-right: 50px;
+}
+
+.edit .v-Notification-tray {
+       background: #575e60;
+       padding: 3px;
+       -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
+       -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
+       max-width: 17em;
+}
+
+.edit .v-Notification-tray h1 {
+       display: block;
+       font-weight: bold;
+       font-size: 11.7px;
+       line-height: 1;
+       background: #3b4245;
+       padding: 2px 10px;
+       margin: 0;
+       -moz-border-radius: 2px;
+       -webkit-border-radius: 2px;
+       border-radius: 2px;
+}
+
+.edit .v-Notification-tray p {
+       display: block;
+       font-size: 10.4px;
+       line-height: 1.2;
+       margin: 4px 10px 5px 10px;
+       color: #e4e7ea;
+}
+
+.edit .v-Notification-system {
+       background-color: #ff0a0a;
+       font-size: 11.7px;
+       padding: 14px 32px;
+}
+
+.edit .v-orderedlayout-margin-top, .edit .v-horizontallayout-margin-top, .edit .v-verticallayout-margin-top, .edit .v-csslayout-margin-top, .edit .v-layout.v-margin-top {
+       padding-top: 15px;
+}
+
+.edit .v-orderedlayout-margin-right, .edit .v-horizontallayout-margin-right, .edit .v-verticallayout-margin-right, .edit .v-csslayout-margin-right, .edit .v-layout.v-margin-right {
+       padding-right: 18px;
+}
+
+.edit .v-orderedlayout-margin-bottom, .edit .v-horizontallayout-margin-bottom, .edit .v-verticallayout-margin-bottom, .edit .v-csslayout-margin-bottom, .edit .v-layout.v-margin-bottom {
+       padding-bottom: 15px;
+}
+
+.edit .v-orderedlayout-margin-left, .edit .v-horizontallayout-margin-left, .edit .v-verticallayout-margin-left, .edit .v-csslayout-margin-left, .edit .v-layout.v-margin-left {
+       padding-left: 18px;
+}
+
+.edit .v-orderedlayout-spacing-on, .edit .v-horizontallayout-spacing-on, .edit .v-verticallayout-spacing-on {
+       padding-top: 8px;
+       padding-left: 8px;
+}
+
+.edit .v-spacing {
+       width: 8px;
+       height: 8px;
+}
+
+.edit .v-verticallayout-darker, .edit .v-horizontallayout-darker, .edit .v-gridlayout-darker, .edit .v-formlayout-darker, .edit .v-absolutelayout-darker, .edit .v-csslayout-darker {
+       background-color: #f3f4f5;
+}
+
+.edit .v-csslayout-selectable *, .edit .v-csslayout-selectable-selected * {
+       cursor: pointer;
+}
+
+.edit .v-csslayout-selectable, .edit .v-csslayout-selectable-selected {
+       padding: 10px;
+       cursor: pointer;
+}
+
+.edit .v-csslayout-selectable-selected {
+       padding: 8px;
+       border: 2px solid #57a7ed;
+       background: #d8eaf9;
+       background: rgba(179, 211, 237, 0.5);
+       -webkit-border-radius: 7px;
+       -moz-border-radius: 7px;
+       border-radius: 7px;
+}
+
+.edit div.v-csslayout-box-shadow {
+       background: transparent url(../runo/shadow/img/bottom-right.png) no-repeat right bottom;
+       overflow: hidden;
+}
+
+.edit .v-csslayout-box-shadow > .v-csslayout-margin {
+       padding: 0 8px 0 0;
+       background: transparent url(../runo/shadow/img/right.png) repeat-y right;
+       margin: 0;
+       position: relative;
+       bottom: 8px;
+}
+
+.edit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container {
+       padding: 0 0 8px 0;
+       margin-left: 6px;
+       background: transparent url(../runo/shadow/img/bottom.png) repeat-x bottom;
+       position: relative;
+       top: 8px;
+}
+
+.edit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * {
+       margin-left: -6px;
+}
+
+.v-webkit .edit .v-csslayout-box-shadow, .v-webkit .edit .v-csslayout-box-shadow > .v-csslayout-margin, .v-webkit .edit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, .v-gecko .edit .v-csslayout-box-shadow, .v-gecko .edit .v-csslayout-box-shadow > .v-csslayout-margin, .v-gecko .edit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container, .v-gecko .edit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * {
+       background: transparent;
+       padding: 0;
+       margin: 0;
+       height: auto;
+       position: static;
+}
+
+.v-webkit .edit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > *, .v-gecko .edit .v-csslayout-box-shadow > .v-csslayout-margin > .v-csslayout-container > * {
+       margin-left: 0;
+}
+
+.v-webkit .edit .v-csslayout-box-shadow, .v-gecko .edit .v-csslayout-box-shadow {
+       padding: 4px 8px 10px;
+}
+
+.v-webkit .edit .v-csslayout-box-shadow > .v-csslayout-margin, .v-gecko .edit .v-csslayout-box-shadow > .v-csslayout-margin {
+       -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
+       -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
+}
+
+.edit .v-panel {
+       background: transparent url(../runo/panel/img/top-left.png) no-repeat;
+}
+
+.edit .v-panel-caption .v-errorindicator {
+       padding-right: 20px;
+       background: transparent url(../runo/icons/16/error.png) no-repeat bottom center;
+}
+
+.edit .v-panel-caption, .edit .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(../runo/panel/img/top-right.png) no-repeat right top;
+       text-overflow: ellipsis;
+}
+
+.edit .v-panel-nocaption {
+       height: 9px;
+       margin-left: 10px;
+       background: transparent url(../runo/panel/img/top-right.png) no-repeat right top;
+}
+
+.edit .v-panel-content {
+       border: 1px solid #babfc0;
+       border-bottom: 1px solid #dee2e3;
+       background-color: #fff;
+}
+
+.edit .v-panel-deco {
+       height: 9px;
+       background: transparent url(../runo/panel/img/bottom-right.png) repeat-x right top;
+       margin-left: 9px;
+}
+
+.edit .v-panel-deco:before {
+       display: block;
+       content: "";
+       width: 9px;
+       height: 9px;
+       margin-left: -9px;
+       background: transparent url(../runo/panel/img/bottom-left.png) no-repeat;
+}
+
+.edit .v-panel-light, .edit .v-panel-caption-light {
+       background: transparent;
+}
+
+.edit .v-panel-caption-light {
+       border-bottom: 1px solid #babfc0;
+       margin: 0;
+       padding-left: 18px;
+}
+
+.edit .v-panel-nocaption-light {
+       background: transparent;
+       border: none;
+       height: 0;
+       margin: 0;
+}
+
+.edit .v-panel-content-light {
+       border: none;
+       background: transparent;
+}
+
+.edit .v-panel-deco-light {
+       height: 0;
+       overflow: hidden;
+}
+
+.v-ie8 .edit .v-panel-content {
+       border-bottom: 1px solid #babfc0;
+}
+
+.v-ie8 .edit .v-panel-content-light {
+       border-bottom: none;
+}
+
+.v-ie8 .edit .v-panel-deco {
+       height: 0;
+       overflow: hidden;
+}
+
+.edit .v-popupview {
+       background: transparent;
+}
+
+.edit .v-popupview-popup {
+       border: 1px solid #babfc0;
+       border-bottom: 1px solid #dee2e3;
+       background: #fff;
+       padding: 3px;
+}
+
+.edit .v-progressbar-wrapper {
+       background: #dfe2e4 url(../runo/progressindicator/img/base.gif) repeat-x;
+       border: 1px solid #b6bbbc;
+}
+
+.edit .v-disabled .v-progressbar-wrapper {
+       background-image: url(../runo/progressindicator/img/disabled.gif);
+}
+
+.edit .v-progressbar-indicator {
+       background: #f7f9f9 url(../runo/progressindicator/img/progress.png);
+}
+
+.edit .v-progressbar-indicator {
+       background: #f7f9f9 url(../runo/progressindicator/img/progress.png);
+}
+
+.edit .v-progressbar-indeterminate {
+       background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
+}
+
+.edit .v-progressbar-indeterminate-disabled {
+       background: #dfe2e4;
+}
+
+.edit .v-progressindicator-wrapper {
+       background: #dfe2e4 url(../runo/progressindicator/img/base.gif) repeat-x;
+       border: 1px solid #b6bbbc;
+}
+
+.edit .v-disabled .v-progressindicator-wrapper {
+       background-image: url(../runo/progressindicator/img/disabled.gif);
+}
+
+.edit .v-progressindicator-indicator {
+       background: #f7f9f9 url(../runo/progressindicator/img/progress.png);
+}
+
+.edit .v-progressindicator-indicator {
+       background: #f7f9f9 url(../runo/progressindicator/img/progress.png);
+}
+
+.edit .v-progressindicator-indeterminate {
+       background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
+}
+
+.edit .v-progressindicator-indeterminate-disabled {
+       background: #dfe2e4;
+}
+
+.edit .v-select-select {
+       font-size: 13px;
+}
+
+.edit .v-select-twincol-options, .edit .v-select-twincol-selections {
+       font-size: 13px;
+}
+
+.edit .v-select-twincol-buttons {
+       padding: 2px;
+}
+
+.edit .v-filterselect {
+       height: 23px;
+       background: transparent url(../runo/select/img/bg-left-filter.png) no-repeat;
+       padding-left: 4px;
+       padding-right: 25px;
+}
+
+.edit.v-app .v-filterselect .v-filterselect-input, .edit .v-window .v-filterselect .v-filterselect-input, .edit .v-popupview-popup .v-filterselect .v-filterselect-input {
+       background: transparent url(../runo/select/img/bg-center-filter.png) no-repeat 1px 0;
+       border: none;
+       height: 23px;
+       margin: 0;
+       padding: 2px 0 1px 2px;
+       font-size: 13px;
+}
+
+.edit .v-filterselect-prompt .v-filterselect-input {
+       font-style: normal;
+}
+
+.edit .v-filterselect-input:focus {
+       outline: none;
+}
+
+.edit .v-filterselect-focus {
+       outline: 1px solid #5daee8;
+       outline-offset: -1px;
+}
+
+.v-sa .edit .v-filterselect-focus {
+       outline: 5px auto -webkit-focus-ring-color;
+       outline-offset: -4px;
+}
+
+.edit .v-filterselect-button {
+       width: 25px;
+       margin-right: -25px;
+       height: 23px;
+       background: transparent url(../runo/select/img/bg-right-filter.png);
+}
+
+.edit .v-filterselect-button:hover {
+       background-position: bottom left;
+}
+
+.edit .v-disabled .v-filterselect-button:hover, .edit .v-readonly .v-filterselect-button:hover {
+       background-position: top left;
+}
+
+.edit .v-filterselect.v-readonly .v-filterselect-input {
+       background: transparent;
+}
+
+.edit .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;
+}
+
+.edit .v-filterselect-suggestmenu .gwt-MenuItem {
+       padding: 1px 6px;
+       cursor: pointer;
+       height: 18px;
+}
+
+.edit .v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
+       margin-right: 3px;
+}
+
+.edit .v-filterselect-suggestmenu .gwt-MenuItem-selected {
+       background: #5daee8;
+       color: #fff;
+}
+
+.edit .v-filterselect-nextpage, .edit .v-filterselect-nextpage-off, .edit .v-filterselect-prevpage-off, .edit .v-filterselect-prevpage {
+       height: 11px;
+       width: 100%;
+       background: transparent url(../runo/select/img/button-bg.png) no-repeat 50% 0;
+       margin: 2px 0 0 0;
+}
+
+.edit .v-filterselect-prevpage, .edit .v-filterselect-prevpage-off {
+       background-position: 50% -1px;
+       margin: 0 0 2px 0;
+}
+
+.edit .v-filterselect-prevpage:hover {
+       background-position: 50% bottom;
+}
+
+.edit .v-filterselect-nextpage:hover {
+       background-position: 50% -12px;
+}
+
+.edit .v-filterselect-nextpage span, .edit .v-filterselect-nextpage-off span, .edit .v-filterselect-prevpage-off span, .edit .v-filterselect-prevpage span {
+       display: block;
+       height: 12px;
+       width: 100%;
+       background: transparent url(../runo/select/img/arrow-up.png) no-repeat 50% 40%;
+       text-indent: -90000px;
+       cursor: pointer;
+       overflow: hidden;
+}
+
+.edit .v-filterselect-nextpage span, .edit .v-filterselect-nextpage-off span {
+       background: transparent url(../runo/select/img/arrow-down.png) no-repeat 50% 60%;
+}
+
+.edit .v-filterselect-status {
+       font-size: 11px;
+       line-height: 11px;
+       width: 100%;
+       padding: 4px 0px;
+       height: 11px;
+       border-top: 1px solid #b6bbbc;
+}
+
+.edit .v-shadow {
+       position: absolute;
+}
+
+.edit .v-shadow .top-left {
+       position: absolute;
+       overflow: hidden;
+       top: -3px;
+       left: -4px;
+       width: 8px;
+       height: 8px;
+       background: transparent url(../runo/shadow/img/top-left.png);
+}
+
+.edit .v-shadow .top {
+       position: absolute;
+       overflow: hidden;
+       top: -3px;
+       left: 4px;
+       height: 8px;
+       right: 4px;
+       background: transparent url(../runo/shadow/img/top.png);
+}
+
+.edit .v-shadow .top-right {
+       position: absolute;
+       overflow: hidden;
+       top: -3px;
+       right: -4px;
+       width: 8px;
+       height: 8px;
+       background: transparent url(../runo/shadow/img/top-right.png);
+}
+
+.edit .v-shadow .left {
+       position: absolute;
+       overflow: hidden;
+       top: 5px;
+       left: -4px;
+       width: 8px;
+       bottom: 3px;
+       background: transparent url(../runo/shadow/img/left.png);
+}
+
+.edit .v-shadow .center {
+       position: absolute;
+       overflow: hidden;
+       top: 5px;
+       left: 4px;
+       bottom: 3px;
+       right: 4px;
+       background: transparent url(../runo/shadow/img/center.png);
+}
+
+.edit .v-shadow .right {
+       position: absolute;
+       overflow: hidden;
+       top: 5px;
+       right: -4px;
+       width: 8px;
+       bottom: 3px;
+       background: transparent url(../runo/shadow/img/right.png);
+}
+
+.edit .v-shadow .bottom-left {
+       position: absolute;
+       overflow: hidden;
+       bottom: -5px;
+       left: -4px;
+       width: 8px;
+       height: 8px;
+       background: transparent url(../runo/shadow/img/bottom-left.png);
+}
+
+.edit .v-shadow .bottom {
+       position: absolute;
+       overflow: hidden;
+       bottom: -5px;
+       left: 4px;
+       right: 4px;
+       height: 8px;
+       background: transparent url(../runo/shadow/img/bottom.png);
+}
+
+.edit .v-shadow .bottom-right {
+       position: absolute;
+       overflow: hidden;
+       bottom: -5px;
+       right: -4px;
+       width: 8px;
+       height: 8px;
+       background: transparent url(../runo/shadow/img/bottom-right.png);
+}
+
+.edit .v-slider {
+       border-top: 1px solid #cccfd0;
+       border-bottom: 1px solid #cccfd0;
+       margin: 5px 0;
+}
+
+.edit .v-slider-base {
+       height: 2px;
+       background: #f3f3f4;
+       border-top: 1px solid #cbcdce;
+       border-left: 1px solid #cccfd0;
+       border-right: 1px solid #cccfd0;
+}
+
+.edit .v-slider-handle {
+       background: transparent url(../runo/slider/img/handle-horizontal.png);
+       width: 12px;
+       height: 12px;
+       margin-top: -5px;
+       cursor: pointer;
+}
+
+.edit .v-slider-handle:hover {
+       background-position: left bottom;
+}
+
+.edit .v-slider-scrollbar .v-slider-handle, .edit .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;
+}
+
+.edit .v-slider-vertical {
+       width: 3px;
+       margin: 0 5px;
+       border: none;
+       border-left: 1px solid #cccfd0;
+       border-right: 1px solid #cccfd0;
+}
+
+.edit .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;
+}
+
+.edit .v-slider-vertical .v-slider-handle {
+       background: transparent url(../runo/slider/img/handle-vertical.png);
+       width: 12px;
+       height: 12px;
+       margin-left: -5px;
+}
+
+.edit .v-slider-vertical .v-slider-handle-active {
+       background-position: left bottom;
+}
+
+.edit .v-splitpanel-horizontal, .edit .v-splitpanel-vertical {
+       overflow: hidden;
+}
+
+.edit .v-splitpanel-hsplitter, .edit .v-splitpanel-hsplitter-locked {
+       width: 6px;
+}
+
+.edit .v-splitpanel-hsplitter div, .edit .v-splitpanel-hsplitter-locked div {
+       width: 6px;
+       position: absolute;
+       top: 0;
+       bottom: 0;
+       background: #ccd2d0 url(../runo/splitpanel/img/bg_hor.png);
+       border: 1px solid #b6bbbc;
+       margin: 0 -1px;
+}
+
+.edit .v-splitpanel-vsplitter, .edit .v-splitpanel-vsplitter-locked {
+       height: 6px;
+}
+
+.edit .v-splitpanel-vsplitter div, .edit .v-splitpanel-vsplitter-locked div {
+       height: 6px;
+       background: #ccd2d0 url(../runo/splitpanel/img/bg_ver.png);
+       border: 1px solid #b6bbbc;
+       margin: -1px 0;
+}
+
+.edit .v-splitpanel-hsplitter-rounded div, .edit .v-splitpanel-vsplitter-rounded div, .edit .v-splitpanel-hsplitter-rounded-locked div, .edit .v-splitpanel-vsplitter-rounded-locked div {
+       -webkit-border-radius: 4px;
+       -moz-border-radius: 4px;
+       border-radius: 4px;
+}
+
+.edit .v-splitpanel-hsplitter-rounded div, .edit .v-splitpanel-hsplitter-rounded-locked div {
+       top: 4px;
+       bottom: 4px;
+}
+
+.edit .v-splitpanel-vsplitter-rounded div, .edit .v-splitpanel-vsplitter-rounded-locked div {
+       margin: -1px 4px;
+}
+
+.edit .v-splitpanel-hsplitter-small, .edit .v-splitpanel-vsplitter-small, .edit .v-splitpanel-hsplitter-small-locked, .edit .v-splitpanel-vsplitter-small-locked {
+       background: #b6bbbc;
+}
+
+.edit .v-splitpanel-hsplitter-small, .edit .v-splitpanel-hsplitter-small-locked {
+       width: 1px;
+}
+
+.edit .v-splitpanel-vsplitter-small, .edit .v-splitpanel-vsplitter-small-locked {
+       height: 1px;
+}
+
+.edit .v-splitpanel-hsplitter-small div, .edit .v-splitpanel-hsplitter-small-locked div {
+       border: none;
+       background: transparent;
+       width: 5px;
+       margin: 0 0 0 -2px;
+}
+
+.edit .v-splitpanel-vsplitter-small div, .edit .v-splitpanel-vsplitter-small-locked div {
+       border: none;
+       background: transparent;
+       height: 5px;
+       margin: -2px 0 0 0;
+}
+
+.edit .v-table-header-wrap {
+       height: 36px;
+       border: 1px solid #b6bbbc;
+       border-bottom: none;
+       background: #e7e9ea url(../runo/table/img/header-bg.png) repeat-x;
+}
+
+.edit .v-table-header {
+       height: 36px;
+}
+
+.edit .v-table-footer-wrap {
+       border-color: #b6bbbc;
+       background: #e7e9ea url(../runo/table/img/header-bg.png) repeat-x;
+}
+
+.edit .v-table-footer td {
+       border-right-color: #e8eaec;
+       padding-top: 3px;
+       padding-bottom: 3px;
+}
+
+.edit .v-table-resizer {
+       height: 36px;
+       width: 4px;
+       background: transparent url(../runo/table/img/resizer-bg.png) repeat-y 100% 50%;
+}
+
+.edit .v-table-caption-container {
+       color: #393a3c;
+       font-size: 15px;
+       padding: 9px 2px 9px 0;
+       text-shadow: #ffffff 0 1px 0;
+       margin-left: 4px;
+}
+
+.edit .v-table-sort-indicator {
+       width: 0;
+       height: 36px;
+}
+
+.edit .v-table-header-cell-asc .v-table-sort-indicator {
+       background: transparent url(../runo/table/img/sort-asc.png) no-repeat right 50%;
+       width: 20px;
+       height: 36px;
+}
+
+.edit .v-table-header-cell-desc .v-table-sort-indicator {
+       background: transparent url(../runo/table/img/sort-desc.png) no-repeat right 50%;
+       width: 20px;
+       height: 36px;
+}
+
+.edit .v-table-header-cell:hover, .edit .v-table-header-cell-asc:hover, .edit .v-table-header-cell-desc:hover {
+       background: transparent url(../runo/table/img/header-bg-over.png) repeat-x;
+}
+
+.edit .v-table-body {
+       background: #fff;
+       border: 1px solid #b6bbbc;
+}
+
+.edit tr.v-table-row:hover, .edit tr.v-table-row-odd:hover {
+       background-color: #edeeee;
+}
+
+.edit .v-table-row, .edit .v-table-body-noselection .v-table-row:hover {
+       background-color: #fff;
+}
+
+.edit .v-table-row-odd, .edit .v-table-body-noselection .v-table-row-odd:hover {
+       background-color: #f6f7f7;
+}
+
+.edit .v-table-generated-row {
+       color: #393a3c;
+       font-size: 15px;
+       padding: 9px 2px 9px 0;
+       text-shadow: #ffffff 0 1px 0;
+       background: #e7e9ea;
+}
+
+.edit .v-table tr.v-selected {
+       background: #57a7ed;
+       color: #fff;
+}
+
+.edit .v-table-cell-content {
+       padding: 0 6px 0 4px;
+       border-right: none;
+}
+
+.edit .v-table-cell-wrapper {
+       white-space: nowrap;
+       overflow: hidden;
+       line-height: 23px;
+       padding: 3px 0 0 0;
+}
+
+.edit .v-table-cell-content .v-textfield, .edit .v-table-cell-content .v-button {
+       margin: -3px 0 0 0;
+}
+
+.edit .v-table-cell-content .v-textfield, .edit .v-table-cell-content .v-datefield {
+       width: 97%;
+}
+
+.edit .v-table-cell-content .v-datefield .v-textfield {
+       width: auto;
+}
+
+.edit .v-table-cell-content .v-datefield-button {
+       height: 25px;
+       margin: -3px 0 0 0;
+}
+
+.edit .v-table-column-selector {
+       background: transparent url(../runo/table/img/colsel.png) no-repeat;
+       margin: -36px 0 0 0;
+       height: 36px;
+       width: 15px;
+}
+
+.edit .v-table-focus-slot-left {
+       border-color: #b6bbbc;
+       margin-bottom: -36px;
+       width: auto;
+       border-right: none;
+}
+
+.edit .v-table-focus-slot-right {
+       border-color: #b6bbbc;
+}
+
+.edit .v-table-header-drag {
+       background: #e7edf3 url(../runo/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;
+}
+
+.edit .v-table-scrollposition {
+       width: 160px;
+       height: 39px;
+       background: transparent url(../runo/table/img/scroll-position-bg.png);
+       border: none;
+}
+
+.edit .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;
+}
+
+.edit .v-on div {
+       background: transparent url(../runo/table/img/check.gif) no-repeat 2px 50%;
+       text-indent: 6px;
+}
+
+.edit .v-off div {
+       text-indent: 6px;
+}
+
+.edit .v-table .v-link {
+       display: inline;
+}
+
+.edit .v-table-borderless .v-table-header-wrap, .edit .v-table-borderless .v-table-body {
+       border: none;
+}
+
+.edit .v-table-borderless .v-table-header-wrap {
+       border-bottom: 1px solid #b6bbbc;
+}
+
+.edit .v-table-borderless .v-table-body {
+       background: transparent;
+}
+
+.edit .v-table-borderless .v-table-row, .edit .v-table-borderless .v-table-row-odd, .edit .v-table-borderless .v-table-body-noselection .v-table-row:hover, .edit .v-table-borderless .v-table-body-noselection .v-table-row-odd:hover {
+       background-color: transparent;
+}
+
+.edit .v-table-small .v-table-header-wrap, .edit .v-table-small .v-table-header {
+       height: 22px;
+}
+
+.edit .v-table-small .v-table-sort-indicator, .edit .v-table-small .v-table-header-cell-asc .v-table-sort-indicator, .edit .v-table-small .v-table-header-cell-desc .v-table-sort-indicator {
+       height: 22px;
+}
+
+.edit .v-table-small .v-table-caption-container {
+       font-size: 13px;
+       padding-top: 3px;
+       padding-bottom: 3px;
+}
+
+.edit .v-table-small .v-table-column-selector {
+       margin-top: -21px;
+       height: 21px;
+}
+
+.edit .v-table-small .v-table-body {
+       font-size: 12px;
+}
+
+.edit .v-table-small .v-table-cell-wrapper {
+       line-height: 18px;
+       padding: 2px 0;
+}
+
+.edit .v-tabsheet-tabs {
+       height: 48px;
+}
+
+.edit .v-tabsheet-spacertd div {
+       height: 37px;
+       border: 1px solid #b6bbbc;
+       background: transparent url(../runo/tabsheet/img/tab-bg.png);
+       padding: 0;
+}
+
+.edit .v-tabsheet-scroller {
+       margin-top: -37px;
+       float: right;
+}
+
+.edit .v-tabsheet-scrollerPrev, .edit .v-tabsheet-scrollerNext, .edit .v-tabsheet-scrollerPrev-disabled, .edit .v-tabsheet-scrollerNext-disabled {
+       border: none;
+       width: 12px;
+       padding: 0;
+       height: 38px;
+       opacity: 0.9999;
+       margin-top: -1px;
+}
+
+.edit .v-tabsheet-scrollerNext, .edit .v-tabsheet-scrollerNext-disabled {
+       background: transparent url(../runo/tabsheet/img/next.png) no-repeat;
+}
+
+.edit .v-tabsheet-scrollerPrev, .edit .v-tabsheet-scrollerPrev-disabled {
+       background: transparent url(../runo/tabsheet/img/prev.png) no-repeat;
+}
+
+.edit .v-tabsheet-scrollerPrev:hover, .edit .v-tabsheet-scrollerNext:hover {
+       background-position: -24px 0px;
+}
+
+.edit .v-tabsheet-scrollerPrev-disabled, .edit .v-tabsheet-scrollerNext-disabled {
+       background-position: -12px 0px;
+}
+
+.edit .v-tabsheet-scrollerPrev-disabled:hover, .edit .v-tabsheet-scrollerNext-disabled:hover {
+       background-position: -12px 0px;
+}
+
+.edit .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(../runo/tabsheet/img/tab-bg.png);
+}
+
+.edit .v-tabsheet-tabitem .v-caption {
+       height: 20px;
+       padding: 9px 15px 8px 15px;
+}
+
+.edit .v-tabsheet-tabitem-selected {
+       border: none;
+       background: transparent url(../runo/panel/img/top-left.png) no-repeat;
+       margin: 0;
+       padding: 0;
+       height: 48px;
+       color: #ee5311;
+}
+
+.edit .v-tabsheet-tabitem:hover {
+       color: #4b5257;
+}
+
+.edit .v-tabsheet-tabitem-selected:hover {
+       color: #ee5311;
+}
+
+.edit .v-tabsheet-tabitem-selected .v-caption {
+       background: transparent url(../runo/panel/img/top-right.png) repeat-x right top;
+       margin: 0 -1px 0 9px;
+       height: 18px;
+       padding: 16px 16px 14px 7px;
+       overflow: visible;
+}
+
+.edit .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;
+}
+
+.edit .v-tabsheet-caption-close:hover {
+       background: #dce0e0;
+}
+
+.edit .v-tabsheet-caption-close:active {
+       background: #b6bbbc;
+       color: #fff;
+}
+
+.edit .v-tabsheet-content {
+       border: 1px solid #babfc0;
+       background-color: #fff;
+       border-bottom: 1px solid #dee2e3;
+       border-top: none;
+}
+
+.edit .v-tabsheet-hidetabs .v-tabsheet-content {
+       border-top: 1px solid #b5babb;
+}
+
+.edit .v-tabsheet-deco {
+       height: 10px;
+       background: transparent url(../runo/panel/img/bottom-right.png) repeat-x right top;
+       margin-left: 9px;
+       overflow: visible;
+}
+
+.edit .v-tabsheet-deco:before {
+       display: block;
+       content: "";
+       width: 9px;
+       height: 9px;
+       margin-left: -9px;
+       background: transparent url(../runo/panel/img/bottom-left.png) no-repeat;
+}
+
+.v-ie .edit .v-tabsheet-content {
+       border-bottom: none;
+}
+
+.v-ie .edit .v-tabsheet-deco {
+       height: 1px;
+       background: #babfc0;
+       overflow: hidden;
+       margin: 0;
+       width: 100%;
+}
+
+.edit .v-tabsheet-tabcontainer-light {
+       height: 32px;
+}
+
+.edit .v-tabsheet-tabs-light {
+       height: 32px;
+       width: 100%;
+       overflow: hidden;
+       background: transparent;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-spacertd div {
+       height: 31px;
+       border: none;
+       border-bottom: 1px solid #b6bbbc;
+       background: transparent url(../runo/tabsheet/img/inline-tab-bg.png) repeat-x;
+}
+
+.edit .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(../runo/tabsheet/img/inline-tab-bg.png) repeat-x;
+       cursor: pointer;
+       text-shadow: #fff 0 1px 0;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-tabitem .v-caption {
+       height: 24px;
+       padding: 8px 10px 0 11px;
+       background: transparent url(../runo/tabsheet/img/inline-tab-border.png) no-repeat;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-caption {
+       margin-left: 5px;
+       background: transparent;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected + .v-tabsheet-tabitemcell .v-caption, .edit .v-tabsheet-tabs-light .v-tabsheet-tabitemcell-selected-first + .v-tabsheet-tabitemcell .v-caption {
+       background: transparent;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected {
+       border: none;
+       background: transparent url(../runo/tabsheet/img/inline-tab-right.png) no-repeat right top;
+       margin: 0;
+       padding: 0;
+       height: 32px;
+       cursor: default;
+       color: #ee5311;
+       text-shadow: none;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-tabitem:hover {
+       color: #4b5257;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected:hover {
+       color: #ee5311;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-caption {
+       background: transparent url(../runo/tabsheet/img/inline-tab-left.png) no-repeat -7px 0;
+       margin: 0;
+       height: 23px;
+       padding: 9px 10px 0 11px;
+       overflow: visible;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption {
+       background: transparent url(../runo/tabsheet/img/inline-tab-left.png) no-repeat -3px 0;
+       padding-left: 16px;
+}
+
+.edit .v-tabsheet-tabs-light .v-tabsheet-caption-close {
+       margin-top: 0;
+       text-shadow: none;
+}
+
+.edit .v-tabsheet-content-light {
+       border: none;
+       background: transparent;
+}
+
+.edit .v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content {
+       border: none;
+}
+
+.edit .v-tabsheet-deco-light {
+       height: 0;
+       overflow: hidden;
+}
+
+.edit .v-tabsheet-deco-light:before {
+       display: none;
+}
+
+.edit .v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev, .edit .v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext {
+       margin-top: 2px;
+       height: 34px;
+}
+
+.edit .v-tabsheet-tabcontainer-light .v-tabsheet-scrollerPrev-disabled, .edit .v-tabsheet-tabcontainer-light .v-tabsheet-scrollerNext-disabled {
+       margin-top: 2px;
+       height: 34px;
+}
+
+.v-ie .edit .v-tabsheet-deco-light {
+       height: 0;
+}
+
+.edit .v-textfield, .edit .v-textarea {
+       background: #fff url(../runo/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;
+}
+
+.edit input.v-textfield, .edit input[type=text].v-textfield, .edit textarea.v-textarea {
+       font-size: 12px;
+       height: 22px;
+       padding: 2px;
+}
+
+.edit textarea.v-textarea {
+       height: auto;
+}
+
+.edit .v-textfield-focus, .edit .v-textarea-focus {
+       border-color: #5daee8;
+}
+
+.edit input.v-textfield-prompt, .edit textarea.v-textarea-prompt {
+       color: #999;
+       font-style: normal;
+}
+
+.edit .v-richtextarea {
+       border: 1px solid #b6b6b6;
+}
+
+.edit .v-richtextarea .gwt-RichTextArea {
+       background: #fff url(../runo/textfield/img/bg.png) repeat-x;
+}
+
+.edit input.v-textfield-small, .edit input[type=text].v-textfield-small, .edit textarea.v-textarea-small {
+       font-size: 11px;
+       height: 18px;
+       line-height: 12px;
+       padding: 1px 2px;
+}
+
+.edit .v-tree-node {
+       background: transparent url(../runo/tree/img/collapsed.png) no-repeat 2px 1px;
+}
+
+.edit .v-tree-node-expanded {
+       background: transparent url(../runo/tree/img/expanded.png) no-repeat 2px 1px;
+}
+
+.edit .v-tree-node-caption {
+       margin-left: 18px;
+}
+
+.edit .v-tree-connectors .v-tree-node-caption {
+       padding-bottom: 1px;
+}
+
+.edit .v-tree-node-caption .v-icon {
+       margin: 0 2px 0 -2px;
+}
+
+.edit .v-tree-node-caption span {
+       padding: 0 1px;
+}
+
+.edit .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;
+}
+
+.edit .v-tree-node-children {
+       padding-left: 16px;
+}
+
+.edit .v-tree {
+       outline: none;
+}
+
+.edit .v-tree-node-caption.v-tree-node-focused span {
+       padding-left: 1px;
+       padding-top: 0px;
+       padding-bottom: 0px;
+}
+
+.edit .v-tree-node-focused span {
+       border: 1px dotted black;
+}
+
+.edit .v-tree .v-tree-node-drag-top, .edit .v-tree .v-tree-node-drag-top.v-tree-node-expanded {
+       background-position: 2px 0;
+}
+
+.edit .v-tree-connectors .v-tree-node-drag-top, .edit .v-tree-connectors .v-tree-node-expanded.v-tree-node-drag-top {
+       background-position: 2px -53px;
+}
+
+.edit .v-tree-connectors .v-tree-node-drag-top.v-tree-node-leaf {
+       background-position: 2px 50%;
+}
+
+.edit .v-window {
+       box-shadow: 0 10px 24px 0 rgba(42, 45, 46, 0.4);
+       border-radius: 10px;
+}
+
+.edit .v-window {
+       color: #464f52;
+       font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+       font-size: 13px;
+       line-height: 18px;
+       background: transparent url(../runo/window/img/bottom-left.png) no-repeat left bottom;
+}
+
+.edit .v-window-wrap {
+       background: transparent url(../runo/window/img/top-left.png) no-repeat;
+}
+
+.edit .v-window-outerheader {
+       height: 49px;
+       margin-left: 9px;
+       padding: 15px 61px 11px 12px;
+       background: transparent url(../runo/window/img/top-right.png) no-repeat right top;
+}
+
+.edit .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;
+}
+
+.edit .v-window-contents > div {
+       background: #fff;
+       border: 2px solid #babfc0;
+       border-top: none;
+       border-bottom: none;
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+}
+
+.edit .v-window div.v-window-footer {
+       height: 8px;
+       margin-left: 9px;
+       background: transparent url(../runo/window/img/bottom-right.png) no-repeat right bottom;
+       overflow: visible;
+}
+
+.edit .v-window-resizebox {
+       position: absolute;
+       right: 5px;
+       width: 10px;
+       height: 10px;
+       margin-top: -7px;
+       background: transparent url(../runo/window/img/resize.png);
+}
+
+.edit .v-window-resizebox-disabled {
+       background: transparent;
+       display: block;
+}
+
+.edit .v-window-closebox, .edit .v-window-maximizebox, .edit .v-window-restorebox {
+       position: absolute;
+       top: 21px;
+       height: 12px;
+}
+
+.edit .v-window-closebox {
+       width: 12px;
+       height: 12px;
+       right: 24px;
+       background: transparent url(../runo/window/img/close.png);
+}
+
+.edit .v-window-closebox:hover {
+       background-position: 0 -12px;
+}
+
+.edit .v-window-maximizebox, .edit .v-window-restorebox {
+       right: 42px;
+}
+
+.edit .v-window-restorebox {
+       width: 15px;
+       height: 14px;
+       background: transparent url(../runo/window/img/restore.png);
+}
+
+.edit .v-window-restorebox:hover {
+       background-position: 0 -14px;
+}
+
+.edit .v-window-maximizebox {
+       width: 13px;
+       height: 12px;
+       background: transparent url(../runo/window/img/maximize.png);
+}
+
+.edit .v-window-maximizebox:hover {
+       background-position: 0 -12px;
+}
+
+.edit .v-window-modalitycurtain {
+       background: #fff;
+}
+
+.edit .v-window-dialog {
+       background-image: url(../runo/window/img/dialog/bottom-left.png);
+}
+
+.edit .v-window-dialog .v-window-outerheader {
+       height: 32px;
+       padding: 13px 30px 5px 8px;
+       background: transparent url(../runo/window/img/top-right.png) no-repeat right top;
+}
+
+.edit .v-window-dialog .v-window-header {
+       font-size: 12px;
+       line-height: normal;
+       font-weight: bold;
+       letter-spacing: 0;
+       text-shadow: 0 1px 0 #fff;
+}
+
+.edit .v-window-dialog .v-window-contents > div {
+       background: #f1f3f3;
+}
+
+.edit .v-window-dialog div.v-window-footer {
+       background-image: url(../runo/window/img/dialog/bottom-right.png);
+}
+
+.edit .v-window-dialog .v-window-closebox {
+       top: 14px;
+       right: 16px;
+       background-image: url(../runo/window/img/dialog/close.png);
+}
+
+.edit .v-window-dialog .v-window-restorebox {
+       width: 12px;
+       height: 12px;
+       top: 15px;
+       right: 32px;
+       background: transparent url(../runo/window/img/dialog/restore.png);
+}
+
+.edit .v-window-dialog .v-window-restorebox:hover {
+       background-position: 0 -12px;
+}
+
+.edit .v-window-dialog .v-window-maximizebox {
+       width: 11px;
+       height: 10px;
+       top: 15px;
+       right: 32px;
+       background: transparent url(../runo/window/img/dialog/maximize.png);
+}
+
+.edit .v-window-dialog .v-window-maximizebox:hover {
+       background-position: 0 -10px;
+}
+
+.edit .v-shadow-window .top-left {
+       top: -13px;
+       left: -20px;
+       width: 39px;
+       height: 39px;
+       background: transparent url(../runo/window/img/shadow/top-left.png);
+}
+
+.edit .v-shadow-window .top {
+       top: -13px;
+       left: 19px;
+       height: 39px;
+       right: 19px;
+       background: transparent url(../runo/window/img/shadow/top.png);
+}
+
+.edit .v-shadow-window .top-right {
+       top: -13px;
+       right: -20px;
+       width: 39px;
+       height: 39px;
+       background: transparent url(../runo/window/img/shadow/top-right.png);
+}
+
+.edit .v-shadow-window .left {
+       top: 26px;
+       left: -20px;
+       width: 39px;
+       bottom: 12px;
+       background: transparent url(../runo/window/img/shadow/left.png);
+}
+
+.edit .v-shadow-window .center {
+       top: 26px;
+       left: 19px;
+       bottom: 12px;
+       right: 19px;
+       background: transparent url(../runo/window/img/shadow/center.png);
+}
+
+.edit .v-shadow-window .right {
+       top: 26px;
+       right: -20px;
+       width: 39px;
+       bottom: 12px;
+       background: transparent url(../runo/window/img/shadow/right.png);
+}
+
+.edit .v-shadow-window .bottom-left {
+       bottom: -27px;
+       left: -20px;
+       width: 39px;
+       height: 39px;
+       background: transparent url(../runo/window/img/shadow/bottom-left.png);
+}
+
+.edit .v-shadow-window .bottom {
+       bottom: -27px;
+       left: 19px;
+       right: 19px;
+       height: 39px;
+       background: transparent url(../runo/window/img/shadow/bottom.png);
+}
+
+.edit .v-shadow-window .bottom-right {
+       bottom: -27px;
+       right: -20px;
+       width: 39px;
+       height: 39px;
+       background: transparent url(../runo/window/img/shadow/bottom-right.png);
+}
+
+.edit .v-table-cell-content-synonym {
+       font-style: italic;
+}
\ No newline at end of file
diff --git a/src/main/webapp/VAADIN/themes/edit/styles.scss b/src/main/webapp/VAADIN/themes/edit/styles.scss
new file mode 100644 (file)
index 0000000..2de1c1d
--- /dev/null
@@ -0,0 +1,11 @@
+@import "addons.scss";
+@import "edit.scss";
+
+/* This file prefixes all rules with the theme name to avoid causing conflicts with other themes. */
+/* The actual styles should be defined in mytheme.scss */
+.edit {
+  @include addons;
+
+  // Include mytheme theme styles in your theme
+  @include edit;
+}
\ No newline at end of file