- @import url(../itmill5/styles.css);
+ @import url(../runo/styles.css);
/* Add some padding to the tree */
.v-tree {
-@import url(../itmill5/styles.css);
+@import url(../runo/styles.css);
.v-app, body.v-generated-body {
background-color: black;
-@import url(../itmill5/styles.css);
+@import url(../runo/styles.css);
.v-generated-body {
/* full height layout does not need scrollable body;
+++ /dev/null
-.v-absolutelayout-wrapper {
- position: absolute;
- overflow:hidden;
-}
+++ /dev/null
-.v-accordion-item {
- background-color: #fff;
-}
-.v-accordion-item-caption {
- height: 31px;
- background: #edf0f0 url(../tabsheet/img/tab-bg.png);
- font-size: 15px;
- color: #656d73;
- border-top: 1px solid #c8cccd;
-}
-.v-accordion-item-caption .v-caption {
- padding: 7px 0 6px 18px;
-}
-.v-accordion-item-open .v-accordion-item-caption {
- color: #3b4b57;
- background: #d5dee2 url(img/selected-bg.png);
- border-top-color: #cbd7de;
- border-bottom-color: #bfc9d4;
- text-shadow: #fafafa 0 1px 0;
- border-bottom: 1px solid #c8cccd;
-}
\ No newline at end of file
+++ /dev/null
-.v-button {\r
- font-size: 13px;\r
-}\r
-.v-checkbox .v-errorindicator {\r
- padding-left: 10px;\r
-}
-.v-ie6 .v-button,\r
-.v-ie7 .v-button {
- padding-left: 10px;
- padding-right: 10px;
-}
-.v-ie6 .v-checkbox .v-errorindicator {\r
- padding-right: 4px;\r
-}
-.v-ie7 .v-checkbox .v-errorindicator {\r
- padding-right: 7px;\r
-}
-.v-ie6 .v-button .v-errorindicator,\r
-.v-ie7 .v-button .v-errorindicator {\r
- padding-right: 5px;\r
-}
\ No newline at end of file
+++ /dev/null
-.v-captionwrapper {
- margin: 0.3em 0 0 0;
-}
-.v-errorindicator {
- width: 12px;
- height: 16px;
- background: transparent url(../icons/16/error.png) no-repeat top right;
-}
-.v-ie6 .v-errorindicator {
- /* gif for transparency */
- background-image: url(../icons/16/error.gif);
-}
-.v-ie7 .v-errorindicator {
- margin-left: -3px;
-}
\ No newline at end of file
+++ /dev/null
-.v-generated-body {
- background: #e9eced;
-}
-.v-app {
- background: #e9eced;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 13px;
- line-height: 18px;
-}
-.v-app-loading {
- background-image: url(img/loading-indicator.gif);
- background-repeat: no-repeat;
- background-position: 50%;
-}
-/* Global font styles */
-.v-window,
-.v-popupview-popup,
-.v-app input,
-.v-app select,
-.v-app button,
-.v-app textarea,
-.v-window input,
-.v-window select,
-.v-window button,
-.v-window textarea,
-.v-popupview-popup input,
-.v-popupview-popup select,
-.v-popupview-popup button,
-.v-popupview-popup textarea {
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 13px;
-}
-.v-app select,
-.v-window select {
- padding: 0;
-}
-/* Custom tooltip */
-.v-tooltip {
- background-color: #fffcdd;
- border: 1px solid #b8b295;
- border-top-color: #d5d2c1;
- border-left-color: #d5d2c1;
- font-size: 11px;
- line-height: 13px;
- font-family: arial, helvetica, tahoma, verdana, sans-serif;
- color: #5d5444;
-}
-.v-tooltip-text {
- padding: 2px 4px;
- border: none;
- border-top: 1px solid #fffef5;
- border-bottom: 1px solid #fbf8d9;
-}
-.v-tooltip .v-errormessage {
- padding: 3px 4px 3px 4px;
- background: #ffecc6;
- color: #b74100;
- border: none;
- border-top: 1px solid #fff3dc;
- border-bottom: 1px solid #ead7b1;
-}
-.v-tooltip .v-errormessage h2 {
- font-size: 16px;
- font-weight: normal;
- color: #ab3101;
- margin: 2px 0 8px 0;
-}
-.v-tooltip .v-errormessage h3 {
- font-size: 13px;
- font-weight: bold;
- margin: 1px 0 4px 0;
-}
-.v-contextmenu {
- background: #e9eced url(../tabsheet/img/tab-bg.png);
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- background-color: #f6f7f7;
- color: #464f52;
- font-size: 12px;
- line-height: 14px;
-}
-.v-contextmenu .gwt-MenuBar {
- border-right: 1px solid #c6cbcc;
- border-bottom: 1px solid #c6cbcc;
- border-top: 1px solid #d0d4d5;
- border-left: 1px solid #d0d4d5;
-}
-.v-contextmenu .gwt-MenuItem {
- padding: 2px 0;
-}
-.v-contextmenu .gwt-MenuItem div {
- padding: 1px 20px 1px 8px;
-}
-.v-contextmenu .gwt-MenuItem-selected div {
- color: #fff;
- background: #5daee8;
-}
-.v-contextmenu .gwt-MenuItem img {
- margin-right: 10px;
-}
-.v-loading-indicator,
-.v-loading-indicator-delay,
-.v-loading-indicator-wait {
- width: 31px;
- height: 31px;
- background: transparent url(img/loading-indicator.gif);
- margin-right: 5px;
- margin-top: 5px;
-}
-.v-loading-indicator-delay {
- background-image: url(img/loading-indicator-delay.gif);
-}
-.v-loading-indicator-wait {
- background-image: url(img/loading-indicator-wait.gif);
-}
\ No newline at end of file
+++ /dev/null
-.v-datefield-button {
- font-size:13px;\r
- width: 22px;\r
- height: 24px;\r
- padding: 0;\r
- overflow: hidden;\r
- border: none;\r
- background: transparent url(img/open-button.png) no-repeat right 0;
- vertical-align: top;\r
-}\r
-.v-datefield-popup {\r
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;\r
- color: #464f52;\r
- font-size: 12px;\r
- background: #f6f7f7;\r
- border: 1px solid #b6bbbc;\r
- padding: 6px;\r
-}\r
-.v-datefield-calendarpanel {\r
- width: 19em;\r
- font-size: 12px;\r
-}\r
-.v-datefield-popup .v-datefield-calendarpanel {\r
- width: 16em;\r
-}\r
-.v-datefield-calendarpanel td {\r
- text-align: right;\r
-}\r
-.v-datefield-calendarpanel td span {\r
- display: block;\r
-}\r
-.v-datefield-calendarpanel-header {\r
- height: 30px;\r
-}\r
-.v-datefield-calendarpanel-header,\r
-.v-datefield-calendarpanel strong {\r
- font-size: 13px;\r
-}\r
-.v-datefield-popup .v-datefield-calendarpanel-header,\r
-.v-datefield-popup .v-datefield-calendarpanel strong {\r
- font-size: 12px;\r
-}\r
-.v-datefield-calendarpanel-month {\r
- font-weight: bold;\r
- text-shadow: #ffffff 2px 2px 0;\r
-}\r
-/* Year buttons */\r
-.v-datefield-calendarpanel .v-button-prevyear,\r
-.v-datefield-calendarpanel .v-button-nextyear {\r
- display: block;\r
- width: 16px;\r
- height: 16px;\r
- border: none;\r
- padding: 0;\r
- background: transparent url(img/prevyear.png) no-repeat;\r
- text-indent: -90000px;\r
- margin: 0 auto;\r
-}\r
-.v-datefield-calendarpanel .v-button-nextyear {\r
- background: transparent url(img/nextyear.png) no-repeat;\r
-}\r
-.v-datefield-calendarpanel .v-button-prevyear:hover,\r
-.v-datefield-calendarpanel .v-button-nextyear:hover {\r
- background-position: left bottom;\r
-}\r
-/* Month buttons */\r
-.v-datefield-calendarpanel .v-button-prevmonth,\r
-.v-datefield-calendarpanel .v-button-nextmonth {\r
- display: block;\r
- width: 11px;\r
- height: 16px;\r
- border: none;\r
- padding: 0;\r
- background: transparent url(img/prevmonth.png) no-repeat;\r
- text-indent: -90000px;\r
- margin: 0 auto;\r
-}\r
-.v-datefield-calendarpanel .v-button-nextmonth {\r
- background: transparent url(img/nextmonth.png) no-repeat;\r
-}\r
-.v-datefield-calendarpanel .v-button-prevmonth:hover,\r
-.v-datefield-calendarpanel .v-button-nextmonth:hover {\r
- background-position: left bottom;\r
-}\r
-.v-datefield-calendarpanel strong {\r
- color: #ee5311;\r
- display: block;\r
- width: 20px;\r
-}\r
-.v-datefield-calendarpanel-day,\r
-.v-datefield-calendarpanel-day-today {\r
- padding: 1px 3px;\r
- width: 14px;\r
- height: 16px;\r
-}\r
-.v-datefield-calendarpanel-day-today {\r
- border: 1px solid #429ce9;\r
- width: 12px;\r
- height: 14px\r
-}\r
-.v-datefield-calendarpanel-day-entry {\r
- color: #6a98b5;\r
-}\r
-.v-datefield-calendarpanel-day-disabled {\r
- font-weight: normal;\r
- color: #dddddd;\r
-}\r
-.v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled {\r
- color: #afd6f8;\r
-}\r
-.v-datefield-calendarpanel-day-selected {\r
- font-weight: bold;\r
- width: 14px;\r
- height: 16px;\r
- color: #fff;\r
- padding: 1px 3px;\r
- background: transparent url(img/selected-bg.png) no-repeat 50% 50%;\r
- border: none;\r
-}\r
-.v-datefield-time {\r
- font-size: 11px;\r
-}\r
-.v-datefield-time .v-select {\r
- font-size: 10px;\r
- padding: 0;\r
- margin: 0;\r
-}
-.v-datefield-rendererror .v-textfield {
- background: #ff9999;
-}
-/* IE specific styles */
-.v-ie7 .v-datefield-button {
- background-position: right 1px;
- height: 25px;
- margin: 0;
-}
\ No newline at end of file
+++ /dev/null
-.v-formlayout-cell .v-errorindicator {
- width: 10px;
- height: 16px;
- background: transparent url(../icons/16/error.png) no-repeat top right;
-}
-.v-formlayout-captioncell {
- text-align:right;
- white-space: nowrap;
-}
-.v-formlayout-error-indicator {
- /* fix width so layout is not jumpy when error disapear */
- width: 12px;
-}
-.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
-.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
-.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
- padding-top: 8px;
-}
-.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell,
-.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
-.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
- padding-top: 15px;
-}
-.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
-.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
-.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
- padding-bottom: 15px;
-}
-.v-formlayout-margin-left .v-formlayout-captioncell {
- padding-left: 18px;
-}
-.v-formlayout-margin-right .v-formlayout-contentcell {
- padding-right: 18px;
-}
-/* form */
-.v-form-errormessage {
- background: transparent url(../icons/16/error.png) no-repeat top left;
- padding-left: 20px;
- margin-bottom: 5px;
- margin-top: 5px;
- min-height: 20px;
-}
-.v-ie6 .v-form-errormessage {
- height: 20px
-}
-.v-form fieldset {
- border: none;
- border-top: 1px solid #babfc0;
-}
-.v-form legend {
- margin: 0;
- padding: 0 4px 0.3em 4px;
- font-weight: bold;
-}
\ No newline at end of file
+++ /dev/null
-.v-gridlayout-margin-top {
- padding-top: 15px;
-}
-.v-gridlayout-margin-bottom {
- padding-bottom: 15px;
-}
-.v-gridlayout-margin-left {
- padding-left: 18px;
-}
-.v-gridlayout-margin-right {
- padding-right: 18px;
-}
-.v-gridlayout-spacing-on {
- padding-left: 8px;
- padding-top: 8px;
-}
\ No newline at end of file
+++ /dev/null
-.v-link a {
- color: #464f52;
-}
\ No newline at end of file
+++ /dev/null
-.v-menubar {
- color: #464f52;
- border: 1px solid #c6cbcc;
- border-right: none;
-}
-.v-menubar .menuitem {
- padding: 0 10px;
- margin: 0 10px;
- border-right: 1px solid #c6cbcc;
-}
-.v-menubar .menuitem-selected {
- color: #fff;
- background: #5daee8;
-}
-.v-menubar-submenu {
- background: #e9eced url(../tabsheet/img/tab-bg.png);
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 12px;
- line-height: 14px;
- border-right: 1px solid #c6cbcc;
- border-bottom: 1px solid #c6cbcc;
- border-top: 1px solid #d0d4d5;
- border-left: 1px solid #d0d4d5;
-}
-.v-menubar-submenu .menuitem {
- padding: 2px 10px;
-}
-.v-menubar-submenu .menuitem-selected {
- color: #fff;
- background: #5daee8;
-}
\ No newline at end of file
+++ /dev/null
-.v-Notification {
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- background-color: #818e92;
- color: #ffffff;
- padding: 9px 12px;
- cursor: pointer;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- overflow: hidden;
-}
-.v-Notification h1,
-.v-Notification p,
-.v-Notification.error h1,
-.v-Notification.error p,
-.v-Notification.warning h1,
-.v-Notification.warning p {
- display: inline;
- font-weight: normal;
- white-space: nowrap;
- margin: 0 10px 0 0;
-}
-.v-Notification.warning {
- background: #fff1e4;
- color: #dd3400;
- border: 2px solid #ffaa90;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- opacity: 1;
-}
-.v-Notification.error {
- background: #f23d00 url(img/close-error.png) no-repeat right 5px;
- padding-right: 30px;
- border: 3px solid #c30000;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- border-radius: 6px;
-}
-.v-Notification.tray {
- background: #575e60;
- padding: 0.5em;
- margin: 0 5px 5px 0;
-}
-.v-Notification.tray h1 {
- display: block;
- font-weight: bold;
- font-size: 0.9em;
- line-height: 1.1;
- background: #3b4245;
- padding: 4px 10px;
- margin: 0;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
-}
-.v-Notification.tray p {
- display: block;
- font-size: 0.9em;
- line-height: 1.1;
- margin: 8px 10px 5px 10px;
- color: #e4e7ea;
-}\r
-.v-Notification.system {\r
- background-color: #ff0a0a;\r
- opacity: 0.7;\r
- filter: alpha(opacity=70);\r
-}\r
-.v-Notification.system h1 {\r
- display: block;\r
- margin: 0;\r
-}\r
-.v-Notification.system p {\r
- white-space: nowrap;\r
-}
\ No newline at end of file
+++ /dev/null
-.v-orderedlayout-margin-top,
-.v-horizontallayout-margin-top,
-.v-verticallayout-margin-top {
- padding-top: 15px;
-}
-.v-orderedlayout-margin-right,
-.v-horizontallayout-margin-right,
-.v-verticallayout-margin-right {
- padding-right: 18px;
-}
-.v-orderedlayout-margin-bottom,
-.v-horizontallayout-margin-bottom,
-.v-verticallayout-margin-bottom {
- padding-bottom: 15px;
-}
-.v-orderedlayout-margin-left,
-.v-horizontallayout-margin-left,
-.v-verticallayout-margin-left {
- padding-left: 18px;
-}
-.v-orderedlayout-spacing-on,
-.v-horizontallayout-spacing-on,
-.v-verticallayout-spacing-on {
- padding-top: 8px;
- padding-left: 8px;
-}
\ No newline at end of file
+++ /dev/null
-.v-panel {
- background: transparent url(img/top-left.png) no-repeat;
-}
-.v-panel-caption .v-errorindicator {
- padding-right: 20px;
- background: transparent url(../icons/16/error.png) no-repeat bottom center;
-
-}
-.v-panel-caption,
-.v-panel-caption-light {
- font-size: 18px;
- line-height: 18px;
- font-weight: normal;
- letter-spacing: -0.03em;
- color: #f14c1a;
- height: 18px;
- padding: 15px 18px 14px 8px;
- margin-left: 10px;
- background: transparent url(img/top-right.png) no-repeat right top;
-}
-.v-panel-nocaption {
- height: 9px;
- margin-left: 10px;
- background: transparent url(img/top-right.png) no-repeat right top;
-}
-.v-panel-content {
- border: 1px solid #babfc0;
- border-bottom: 1px solid #dee2e3;
- background-color: #fff;
-}
-.v-panel-deco {
- height: 9px;
- background: transparent url(img/bottom-right.png) repeat-x right top;
- margin-left: 9px;
-}
-.v-panel-deco:before {
- display: block;
- content: "";
- width: 9px;
- height: 9px;
- margin-left: -9px;
- background: transparent url(img/bottom-left.png) no-repeat;
-}
-/* Light panel style */
-.v-panel-light,
-.v-panel-caption-light {
- background: transparent;
-}
-.v-panel-nocaption-light {
- background: transparent;
- height: 0;
- margin: 0;
-}
-.v-panel-content-light {
- border: none;
- border-top: 1px solid #babfc0;
- background: transparent;
-}
-.v-panel-deco-light {
- height: 0;
- overflow: hidden;
-}
-/* IE specific rules */
-.v-ie6 .v-panel {
- background: transparent;
-}
-.v-ie6 .v-panel-caption {
- border: 1px solid #babfc0;
- border-bottom: none;
- background: #fff;
- margin: 0;
- padding-left: 18px
-}
-.v-ie6 .v-panel-nocaption {
- border: none;
- background: transparent;
- margin: 0;
- height: 0;
-}
-.v-ie6 .v-panel-caption-light {
- border: none;
- background: transparent;
-}
-.v-ie6 .v-panel-content,
-.v-ie7 .v-panel-content,
-.v-ie8 .v-panel-content {
- border-bottom: 1px solid #babfc0;
-}
-.v-ie6 .v-panel-content-light,
-.v-ie7 .v-panel-content-light,
-.v-ie8 .v-panel-content-light {
- border-bottom: none;
-}
-.v-ie6 .v-panel-deco,
-.v-ie7 .v-panel-deco,
-.v-ie8 .v-panel-deco {
- height: 0;
- overflow: hidden;
-}
\ No newline at end of file
+++ /dev/null
-.v-popupview-popup {
- border: 1px solid #babfc0;
- border-bottom: 1px solid #dee2e3;
- background: #fff;
- padding: 3px;
-}
\ No newline at end of file
+++ /dev/null
-.v-progressindicator {
- background: #dfe2e4 url(img/base.gif) repeat-x 0 1px;
-}
-.v-progressindicator-wrapper {
- border: 1px solid #b6bbbc;
-}
-.v-progressindicator-disabled {
- background: #dfe2e4 url(img/disabled.gif);
- border: 1px solid #b6bbbc;
-}
-.v-progressindicator-indicator {
- background: #f7f9f9 url(img/progress.png);
-}
-.v-progressindicator-indeterminate {
- background: #dfe2e4 url(../common/img/ajax-loader-medium.gif);
-}
-.v-progressindicator-indeterminate-disabled {
- background: #dfe2e4 url(../common/img/blank.gif);
-}
\ No newline at end of file
+++ /dev/null
-.v-select-select {\r
- font-size: 13px;\r
-}\r
-/* Twincol style */\r
-.v-select-twincol-options,\r
-.v-select-twincol-selections {\r
- font-size: 13px;\r
-}\r
-.v-select-twincol-buttons {\r
- padding: 2px; /* does not work in first render in FF ? */\r
-}
-
-/** Filterselect aka ComboBox styles */
-
-.v-filterselect {
- height: 23px;
- background: transparent url(img/bg-left-filter.png) no-repeat;
- padding-left: 4px;
-}
-.v-app .v-filterselect .v-filterselect-input,
-.v-window .v-filterselect .v-filterselect-input,
-.v-popupview-popup .v-filterselect .v-filterselect-input {
- background: transparent url(img/bg-center-filter.png) no-repeat 1px 0;
- border: none;
- height: 20px;
- margin: 0;
- padding: 3px 0 0 2px;
- font-size: 13px;
-}\r
-.v-filterselect-prompt .v-filterselect-input {\r
- font-style: normal;\r
-}
-.v-filterselect-input:focus {
- /* remove safari/mac outline from this element */
- outline: none;
-}
-.v-filterselect-focus {
- outline: 1px solid #5daee8;
- outline-offset: -1px;
-}
-.v-sa .v-filterselect-focus {
- /* place safari focus outline around the whole thing */
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -4px;
-}
-.v-filterselect-button {
- width: 25px;
- height: 23px;
- background: transparent url(img/bg-right-filter.png);
-}
-.v-filterselect-button:hover {
- background-position: bottom left;
-}
-.v-disabled .v-filterselect-button:hover,
-.v-readonly .v-filterselect-button:hover {
- background-position: top left;
-}
-.v-filterselect.v-readonly .v-filterselect-input {
- background: transparent;
- color: black;
-}
-.v-filterselect-suggestpopup {
- background: #f6f7f7;
- border: 1px solid #b6bbbc;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 12px;
- line-height: 18px;
- margin-top: -1px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem {
- padding: 1px 6px;
- cursor: pointer;
- height: 18px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
- margin-right: 3px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem-selected {
- background: #5daee8;
- color: #fff;
-}
-.v-filterselect-nextpage,
-.v-filterselect-nextpage-off,
-.v-filterselect-prevpage-off,
-.v-filterselect-prevpage {
- height: 11px;
- width:100%;
- background: transparent url(img/button-bg.png) no-repeat 50% 0;
- margin: 2px 0 0 0;
-}
-.v-filterselect-prevpage,
-.v-filterselect-prevpage-off {
- background-position: 50% -1px;
- margin: 0 0 2px 0;
-}
-.v-filterselect-prevpage:hover {
- background-position: 50% bottom;
-}
-.v-filterselect-nextpage:hover {
- background-position: 50% -12px;
-}
-.v-filterselect-nextpage span,
-.v-filterselect-nextpage-off span,
-.v-filterselect-prevpage-off span,
-.v-filterselect-prevpage span {
- display: block;
- height: 12px;
- width:100%;
- background: transparent url(img/arrow-up.png) no-repeat 50% 40%;
- text-indent: -90000px;
- cursor: pointer;
- overflow: hidden;
-}
-.v-filterselect-nextpage span,
-.v-filterselect-nextpage-off span {
- background: transparent url(img/arrow-down.png) no-repeat 50% 60%;
-}
-.v-filterselect-status {
- font-size: 11px;
- line-height: 11px;
- width: 100%;
- padding: 4px 0px;
- height: 11px;
- border-top: 1px solid #b6bbbc;
-}
-
-
-/* Error styles (disabled by default)
- ----------------------------------
-
-.v-filterselect-error {
- background-image: url(img/bg-left-filter-error.png);
-}
-.v-filterselect-error .v-filterselect-input {
- background-image: url(img/bg-center-filter-error.png);
-}
-.v-filterselect-error .v-filterselect-button {
- background-image: url(img/bg-right-filter-error.png);
-}
-.v-select-error .v-select-option,
-.v-select-error .v-select-select,
-.v-select-error .v-select-twincol-selections,
-.v-select-error .v-select-twincol-options {
- background: #FFE0E0;
-}
-*/
-
-/* Required field styles (disabled by default)
- --------------------------------------------
-
-.v-select-required .v-select-option,
-.v-select-required .v-select-select,
-.v-select-required .v-select-twincol-selections,
-.v-select-required .v-select-twincol-options {
- background: #FFE0E0;
-}
-*/
\ No newline at end of file
+++ /dev/null
-.v-shadow {
- position: absolute;
-}
-
-.v-shadow .top-left {
- position: absolute; overflow: hidden;
- top: -3px; left: -4px;
- width: 8px; height: 8px;
- background: transparent url(img/top-left.png);
-}
-
-.v-shadow .top {
- position: absolute; overflow: hidden;
- top: -3px; left: 4px;
- height: 8px; right: 4px;
- background: transparent url(img/top.png);
-}
-
-.v-shadow .top-right {
- position: absolute; overflow: hidden;
- top: -3px; right: -4px;
- width: 8px; height: 8px;
- background: transparent url(img/top-right.png);
-}
-
-.v-shadow .left {
- position: absolute; overflow: hidden;
- top: 5px; left: -4px;
- width: 8px;
- bottom: 3px;
- background: transparent url(img/left.png);
-}
-
-.v-shadow .center {
- position: absolute; overflow: hidden;
- top: 5px; left: 4px;
- bottom: 3px; right: 4px;
- background: transparent url(img/center.png);
-}
-
-.v-shadow .right {
- position: absolute; overflow: hidden;
- top: 5px; right: -4px;
- width: 8px;
- bottom: 3px;
- background: transparent url(img/right.png);
-}
-
-.v-shadow .bottom-left {
- position: absolute; overflow: hidden;
- bottom: -5px; left: -4px;
- width: 8px; height: 8px;
- background: transparent url(img/bottom-left.png);
-}
-
-.v-shadow .bottom {
- position: absolute; overflow: hidden;
- bottom: -5px; left: 4px;
- right: 4px; height: 8px;
- background: transparent url(img/bottom.png);
-}
-
-.v-shadow .bottom-right {
- position: absolute; overflow: hidden;
- bottom: -5px; right: -4px;
- width: 8px; height: 8px;
- background: transparent url(img/bottom-right.png);
-}
\ No newline at end of file
+++ /dev/null
-.v-slider {
- border-top: 1px solid #cccfd0;
- border-bottom: 1px solid #cccfd0;
- margin: 5px 0;
-}
-.v-slider-base {
- /* changing the borders will require adjustments to ISlider.java */
- height: 2px;
- background: #f3f3f4;
- border-top: 1px solid #cbcdce;
- border-left: 1px solid #cccfd0;
- border-right: 1px solid #cccfd0;
-}
-.v-slider-handle {
- background: transparent url(img/handle-horizontal.png);
- width: 12px;
- height: 12px;
- margin-top: -5px;
- cursor: pointer;
-}
-.v-slider-handle:hover {
- background-position: left bottom;
-}
-.v-slider-scrollbar .v-slider-handle,
-.v-slider-scrollbar.v-slider-vertical .v-slider-handle {
- background: #ffffff;
- border: 1px solid #cccfd0;
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
-}
-
-.v-slider-vertical {
- width: 3px;
- margin: 0 5px;
- border: none;
- border-left: 1px solid #cccfd0;
- border-right: 1px solid #cccfd0;
-}
-.v-slider-vertical .v-slider-base {
- width: 2px;
- border-left: 1px solid #cbcdce;
- border-right: none;
- background: #f3f3f4;
- border-top: 1px solid #cccfd0;
- border-bottom: 1px solid #cccfd0;
-}
-.v-slider-vertical .v-slider-handle {
- background: transparent url(img/handle-vertical.png);
- width: 12px;
- height: 12px;
- margin-left: -5px;
-}
-.v-slider-vertical .v-slider-handle:hover {
- background-position: left bottom;
-}
-
-/* Disabled by default
-.v-slider-error .v-slider-base {
- background:transparent;
- background-color: #FFE0E0;
-}
-*/
-
-/* Disabled by default
-.v-slider-required .v-slider-base {
- background:transparent;
- background-color: #FFE0E0;
-}
-*/
-
-/* IE specific styles */
-
-.v-ie6 .v-slider,
-.v-ie6 .v-slider-vertical {
- margin: 0;
-}
-.v-ie6 .v-slider .v-slider-handle {
- margin: -1px 0;
-}
-.v-ie6 .v-slider-vertical .v-slider-handle {
- margin: 0 -1px;
-}
\ No newline at end of file
+++ /dev/null
-.v-splitpanel-horizontal, .v-splitpanel-vertical {
- overflow: hidden;
-}
-
-.v-splitpanel-horizontal .v-splitpanel-hsplitter {
- width: 6px;
- font-size: 1px; /* for IE6 */
-}
-
-.v-splitpanel-horizontal .v-splitpanel-hsplitter div {
- width: 6px;
- font-size: 1px; /* for IE6 */
- position: absolute;
- top: 0;
- bottom: 0;
- background: #ccd2d0 url(img/bg_hor.png);
- border: 1px solid #b6bbbc;
- cursor: e-resize;
- margin: 0 -1px;
-}
-
-.v-splitpanel-vertical .v-splitpanel-vsplitter {
- height: 6px;
- font-size: 1px; /* for IE6 */
-}
-
-.v-splitpanel-vertical .v-splitpanel-vsplitter div {
- height: 6px;
- font-size: 1px; /* for IE6 */
- background: #ccd2d0 url(img/bg_ver.png);
- border: 1px solid #b6bbbc;
- cursor: n-resize;
- margin: -1px 0;
-}
-
-
-
-
-
-/* IE specific styles */
-
-* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div {
- height: 99%;
-}
-
-* html .v-splitpanel-vertical .v-splitpanel-vsplitter {
- height: 8px;
-}
-
-* html .v-splitpanel-vertical .v-splitpanel-vsplitter div {
- margin: 0;
-}
-
+++ /dev/null
-/* Automatically compiled css file from subdirectories. */
-
-/* ./WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.css */
-.v-absolutelayout-wrapper {
- position: absolute;
- overflow: hidden;
-}
-
-/* ./WebContent/VAADIN/themes/base/accordion/accordion.css */
-.v-accordion {
- position: relative;
- outline: none;
- overflow: hidden;
- text-align: left /* Force default alignment */
-}
-.v-accordion-item {
- position: relative;
-}
-.v-accordion-item-caption {
- overflow: hidden;
- white-space: nowrap;
- background: #eee;
- border-bottom: 1px solid #ddd;
-}
-.v-accordion-item-caption .v-caption {
- cursor: pointer;
-}
-.v-accordion-item-open .v-accordion-item-caption .v-caption {
- cursor: default;
-}
-.v-accordion-item-content {
- position: absolute;
- overflow: auto;
- width: 100%;
-}
-
-/* ./WebContent/VAADIN/themes/base/button/button.css */
-.v-button {
- cursor: pointer;
- white-space: nowrap;
- margin: 0;
-}
-.v-button span {
- white-space: nowrap;
-}
-.v-checkbox input {
- vertical-align: middle;
-}
-.v-button img,
-.v-checkbox img {
- display: inline;
- vertical-align: middle;
- margin-right: 3px;
-}
-.v-button span,
-.v-checkbox label {
- vertical-align: middle;
-}
-.v-button-link {
- border: none;
- text-align: left;
- background: none;
- padding: 0;
-}
-/* Inset Safari focus outline a bit */
-.v-sa .v-button-link:focus {
- outline-offset: -3px;
-}
-.v-button-link span {
- text-decoration: underline;
-}
-.v-checkbox {
- white-space: nowrap;
-}
-.v-checkbox .v-errorindicator {
- float: none;
- display: inline;
- padding-left: 1em;
- background-position: left;
-}
-/* Fixes streched buttons in IE6 and IE7*/
-.v-ie6 .v-button {
- width: 1px;
-}
-.v-ie6 .v-button,
-.v-ie7 .v-button,
-.v-ie8 .v-button {
- overflow: visible;
- padding-left: 1em;
- padding-right: 1em;
-}
-/* Error indicator on checkbox fix for IE6 */
-.v-ie6 .v-checkbox * {
- float: left;
- display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */
-}
-.v-ie6 .v-checkbox .v-errorindicator {
- background-position: right;
- display: inline;
- float: left;
- padding-left: 0;
- padding-right: 0.4em;
-}
-/* Error indicator on checkbox fix for IE7 */
-.v-ie7 .v-checkbox *,
-.v-ie8 .v-checkbox * {
- float: left;
-}
-.v-ie7 .v-checkbox .v-errorindicator,
-.v-ie8 .v-checkbox .v-errorindicator {
- background-position: right;
- float: left;
- padding-left: 0;
- padding-right: 0.7em;
-}
-/* Error indicator on button fix for IE */
-.v-ie6 button .v-errorindicator,
-.v-ie7 button .v-errorindicator,
-.v-ie8 button .v-errorindicator {
- display: inline;
- padding-right: 0.5em;
-}
-/* Disabled by default
-.v-checkbox-error {
- background: #ffe0e0;
-}
-*/
-/* Disabled by default
-.v-checkbox-required {
- background: #ffe0e0;
-}
-*/
-
-/* ./WebContent/VAADIN/themes/base/caption/caption.css */
-.v-captionwrapper {
- text-align: left; /* Force default alignment */
-}
-.v-caption {
- overflow: hidden;
- white-space: nowrap;
-}
-.v-errorindicator {
- float: left;
-}
-.v-caption .v-icon {
- float: left;
- padding-right: 2px;
- vertical-align: middle;
-}
-.v-caption .v-captiontext {
- float: left;
- overflow: hidden;
- vertical-align: middle;
-}
-.v-caption .v-required-field-indicator {
- float: left;
-}
-
-/* Fix IE6 "double-float-margin-bug" */
-.v-ie6 .v-errorindicator,
-.v-ie6 .v-icon,
-.v-ie6 .v-captiontext,
-.v-ie6 .v-required-field-indicator {
- display: inline;
-}
-
-/* ./WebContent/VAADIN/themes/base/common/common.css */
-/* References the BODY tag generated by Vaadin application servlet */
-.v-generated-body {
- width: 100%;
- height: 100%;
- border: 0;
- margin: 0;
- overflow: hidden;
-}
-.v-app {
- height: 100%;
-}
-.v-app-loading {
- /* You can use this to provide indication for the user that the application is loading. */
- /* It is applied to the same element as .v-app */
-}
-.v-view {
- height: 100%;
- width: 100%;
- overflow: auto;
- /* avoid scrollbars with margins in root layout */
- outline: none;
- margin-top: -1px;
- border-top: 1px solid transparent;
- position: relative;
-}
-/**
- * Try to handle printing somehow. Reasonable printing support
- * needs application specific planning and CSS tuning.
- */
-@media print {
- .v-generated-body {
- height: auto;
- min-height: 20cm;
- overflow: visible;
- }
- .v-app {
- height: auto;
- min-height: 20cm;
- }
- .v-view {
- overflow: visible;
- }
- .v-gridlayout {
- overflow: visible !important;
- }
-}
-.v-view:active,
-.v-view:focus {
- outline: none;
-}
-.v-app select,
-.v-window select {
- margin: 0;
-}
-.v-disabled {
- opacity: .3;
- filter: alpha(opacity=30);
- cursor: default;
-}
-.v-disabled * {
- cursor: default;
-}
-* html .v-disabled {
- zoom: 1;
-}
-*+html .v-disabled {
- zoom: 1;
-}
-.v-disabled .v-disabled {
- opacity: 1;
-}
-.v-required-field-indicator {
- padding-left: 2px;
- color: red;
-}
-.v-form fieldset {
- border: none;
- padding: 0;
- margin: 0;
-}
-/* Field modified */ /* Disabled by default
-.v-modified,
-.v-richtextarea.v-modified iframe.gwt-RichTextArea,
-.v-checkbox.v-modified,
-.v-modified .v-select-option,
-.v-modified .v-textfield,
-.v-modified .v-datefield-calendarpanel,
-.v-modified .v-select-select,
-.v-modified .v-select-twincol-selections,
-.v-modified .v-select-twincol-options,
-.v-modified .v-slider-base {
- background: #ffffe0;
-}
-*/
-.v-tooltip {
- cursor: default;
- background: #fff;
-}
-.v-tooltip-text {
- overflow: auto;
-}
-.v-tooltip .v-errormessage {
- overflow: auto;
-}
-.v-contextmenu {
- background: #fff;
-}
-.v-contextmenu .gwt-MenuItem {
- cursor: pointer;
- vertical-align: middle;
- padding: 0;
- border: 0;
- margin: 0;
-}
-.v-contextmenu .gwt-MenuItem div {
- cursor: pointer;
- vertical-align: middle;
- white-space: nowrap;
-}
-.v-contextmenu .gwt-MenuItem-selected div {
- background: #aaa;
- color: #fff;
-}
-.v-contextmenu table {
- border-collapse: collapse;
- margin: 0;
- padding: 0;
-}
-.v-contextmenu .gwt-MenuItem img {
- margin-right: 1em;
- vertical-align: middle;
-}
-/* Margins are not supported within Label */
-.v-label pre {
- margin: 0;
-}
-/* A label with undefined width is always considered to be on one line */
-.v-label-undef-w {
- white-space: nowrap;
-}
-/* Loading indicator states
- * Note: client side expects that loading indicator has a height. It depends on
- * this css property to ensure browsers have applied all required styles.
- */
-.v-loading-indicator,
-.v-loading-indicator-delay,
-.v-loading-indicator-wait {
- height: 16px;
- position: absolute;
- top: 0;
- right: 0;
- z-index: 30000;
-}
-/* Debug dialog */
-.v-debug-console {
- background: #fff;
- opacity: .9;
- border: 1px solid #000;
- font-family: sans-serif;
-}
-.v-debug-console-caption {
- background: #000;
- border-bottom: 1px solid grey;
- color: white;
- font-weight: bold;
-}
-.v-debug-console-content {
- font-size: x-small;
- overflow: auto;
-}
-.v-debug-console-content input {
- font-size: xx-small;
-}
-/* Debug style */
-.v-app .invalidlayout,
-.v-app .invalidlayout * {
- background: #f99 !important;
-}
-/* Fix for Liferay, issue #2384 */
-.v-app input[type="text"],
-.v-app input[type="password"],
-.v-app input[type="reset"],
-.v-app select,
-.v-app textarea {
- padding: 2px;
-}
-
-/* ./WebContent/VAADIN/themes/base/customcomponent/customcomponent.css */
-.v-customcomponent {
- overflow: hidden;
-}
-
-/* ./WebContent/VAADIN/themes/base/customlayout/customlayout.css */
-.v-customlayout {
- overflow: hidden;
-}
-
-/* ./WebContent/VAADIN/themes/base/datefield/datefield.css */
-.v-datefield {
- white-space: nowrap;
-}
-.v-datefield-textfield {
- vertical-align: top;
-}
-.v-datefield-button {
- cursor: pointer;
-}
-.v-datefield-calendarpanel table {
- width: 100%;
-}
-.v-datefield-calendarpanel td {
- padding: 0;
- margin: 0;
-}
-.v-datefield-calendarpanel-header td {
- text-align: center;
-}
-.v-datefield-calendarpanel-month {
- text-align: center;
- white-space: nowrap;
-}
-.v-datefield-calendarpanel-day,
-.v-datefield-calendarpanel-day-today {
- cursor: pointer;
-}
-.v-datefield-calendarpanel-day-today {
- border: 1px solid #ddd;
-}
-.v-disabled .v-datefield-calendarpanel-day,
-.v-disabled .v-datefield-calendarpanel-day-today {
- cursor: default;
-}
-.v-datefield-calendarpanel-day-disabled {
- cursor: default;
- opacity: .5;
-}
-.v-datefield-calendarpanel-day-selected {
- cursor: default;
- background: #333;
- color: #fff;
-}
-.v-datefield-time {
- white-space: nowrap;
-}
-.v-datefield-time .v-label {
- display: inline;
-}
-/* Disabled by default
-.v-datefield-error .v-textfield,
-.v-datefield-error .v-datefield-calendarpanel {
- background: #ffe0e0;
-}
-*/
-
-/* Disabled by default
-.v-datefield-required .v-textfield,
-.v-datefield-required .v-datefield-calendarpanel {
- background:transparent;
- background-color: #ffe0e0;
-}
-*/
-/* IE somehow loses generic v-disabled alpha. See #1960 */
-.v-ie6 .v-disabled .v-datefield-button,
-.v-ie6 .v-disabled .v-datefield-textfield,
-.v-ie7 .v-disabled .v-datefield-button,
-.v-ie7 .v-disabled .v-datefield-textfield {
- filter: alpha(opacity=30);
-}
-
-/* ./WebContent/VAADIN/themes/base/formlayout/formlayout.css */
-.v-formlayout-cell .v-errorindicator {
- display: block;
-}
-.v-formlayout-captioncell {
- text-align:right;
- white-space: nowrap;
-}
-.v-formlayout-captioncell .v-caption {
- overflow: visible;
-}
-.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
-.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
-.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
- padding-top: 1em;
-}
-.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-captioncell,
-.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-contentcell,
-.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-errorcell {
- padding-top: 0;
-}
-.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell,
-.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
-.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
- padding-top: 2em;
-}
-.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
-.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
-.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
- padding-bottom: 2em;
-}
-.v-formlayout-margin-left .v-formlayout-captioncell {
- padding-left: 2em;
-}
-.v-formlayout-margin-right .v-formlayout-contentcell {
- padding-right: 2em;
-}
-.v-formlayout-captioncell .v-caption .v-required-field-indicator {
- float: none;
-}
-
-/* ./WebContent/VAADIN/themes/base/gridlayout/gridlayout.css */
-.v-gridlayout-margin-top {
- padding-top: 2em;
-}
-.v-gridlayout-margin-bottom {
- padding-bottom: 2em;
-}
-.v-gridlayout-margin-left {
- padding-left: 2em;
-}
-.v-gridlayout-margin-right {
- padding-right: 2em;
-}
-.v-gridlayout-spacing-on {
- padding-left: 1em;
- padding-top: 1em;
- overflow: hidden;
-}
-.v-gridlayout-spacing,
-.v-gridlayout-spacing-off {
- padding-left: 0;
- padding-top: 0;
-}
-.v-gridlayout-spacing-off {
- overflow: hidden;
-}
-/* Ensure that resizing gridlayout works in IE */
-.v-ie6 .v-gridlayout,
-.v-ie7 .v-gridlayout {
- overflow: hidden;
-}
-
-/* ./WebContent/VAADIN/themes/base/link/link.css */
-.v-link {
- white-space: nowrap;
-}
-.v-link a {
- vertical-align: middle;
- text-decoration: none;
-}
-.v-link span {
- text-decoration: underline;
- vertical-align: middle;
-}
-.v-disabled a {
- cursor: default;
-}
-.v-link img {
- vertical-align: middle;
- border:none;
-}
-
-/* ./WebContent/VAADIN/themes/base/menubar/menubar.css */
-.v-menubar table {
- white-space: nowrap;
- border-collapse: collapse;
- padding: 0;
- margin: 0;
-}
-.v-menubar table {
- white-space: nowrap;
- border-collapse: collapse;
- padding: 0;
- margin: 0;
-}
-.v-menubar .menuitem {
- cursor : default;
-}
-.v-menubar-submenu {
- background: #fff;
-}
-.v-menubar-submenu table {
- white-space: nowrap;
- border-collapse: collapse;
- padding: 0;
- margin: 0;
-}
-.v-menubar-submenu table td {
- white-space: nowrap;
- padding: 0;
- margin: 0;
-}
-.v-menubar .menuitem-selected,
-.v-menubar-submenu .menuitem-selected {
- background: #333;
- color: #fff;
-}
-.v-menubar-submenu .menuitem {
- cursor: default;
-}
-
-/* ./WebContent/VAADIN/themes/base/notification/notification.css */
-.v-Notification {
- background: #999;
- color: #fff;
- cursor: pointer;
- overflow: hidden;
- padding: 1em;
-}
-.v-Notification h1,
-.v-Notification p,
-.v-Notification.error h1,
-.v-Notification.error p,
-.v-Notification.warning h1,
-.v-Notification.warning p {
- display: inline;
- white-space: nowrap;
- margin: 0 0.5em 0 0;
-}
-.v-Notification.warning {
- background: orange;
-}
-.v-Notification.error {
- background: red;
-}
-.v-Notification.tray h1 {
- display: block;
-}
-.v-Notification.tray p {
- display: block;
-}
-.v-Notification.system {
- background-color: red;
- opacity: .7;
- filter: alpha(opacity=70);
-}
-.v-Notification.system h1 {
- display: block;
- margin: 0;
-}
-.v-Notification.system p {
- white-space: nowrap;
-}
-
-/* ./WebContent/VAADIN/themes/base/orderedlayout/orderedlayout.css */
-.v-orderedlayout-margin-top,
-.v-horizontallayout-margin-top,
-.v-verticallayout-margin-top {
- padding-top: 2em;
-}
-.v-orderedlayout-margin-right,
-.v-horizontallayout-margin-right,
-.v-verticallayout-margin-right {
- padding-right: 2em;
-}
-.v-orderedlayout-margin-bottom,
-.v-horizontallayout-margin-bottom,
-.v-verticallayout-margin-bottom {
- padding-bottom: 2em;
-}
-.v-orderedlayout-margin-left,
-.v-horizontallayout-margin-left,
-.v-verticallayout-margin-left {
- padding-left: 2em;
-}
-.v-orderedlayout-spacing-on,
-.v-horizontallayout-spacing-on,
-.v-verticallayout-spacing-on {
- padding-top: 1em;
- padding-left: 1em;
-}
-/* This can be used to define spacing if spacing is off server side */
-.v-orderedlayout-spacing-off,
-.v-horizontallayout-spacing-off,
-.v-verticallayout-spacing-off {
- padding-top: 0;
- padding-left: 0;
-}
-/* To make sure IE don't expand elements larger than they should */
-.v-ie6 .v-orderedlayout,
-.v-ie6 .v-horizontallayout,
-.v-ie6 .v-verticallayout,
-.v-ie7 .v-orderedlayout,
-.v-ie7 .v-horizontallayout,
-.v-ie7 .v-verticallayout {
- overflow: hidden;
-}
-
-/* ./WebContent/VAADIN/themes/base/panel/panel.css */
-.v-panel,
-.v-panel-caption,
-.v-panel-content,
-.v-panel-deco,
-.v-panel-light,
-.v-panel-caption-light,
-.v-panel-content-light,
-.v-panel-deco-light {
- outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
- text-align: left /* Force default alignment */
-}
-.v-panel-caption .v-errorindicator {
- float: none;
- display: inline;
-}
-.v-panel-caption .v-icon {
- display: inline;
- vertical-align: middle;
-}
-.v-panel-caption span {
- vertical-align: middle;
-}
-.v-panel-caption {
- white-space: nowrap;
- overflow:hidden;
- font-weight: bold;
-}
-.v-panel-nocaption {
- overflow: hidden;
-}
-.v-panel-content {
- overflow: auto;
-}
-.v-panel-deco {
-}
-
-/* ./WebContent/VAADIN/themes/base/popupview/popupview.css */
-.v-popupview {
- cursor: pointer;
- width: 5px;
- height: 5px;
- background: #aaa;
-}
-.v-popupview-popup {
- overflow: auto;
-}
-
-/* ./WebContent/VAADIN/themes/base/progressindicator/progressindicator.css */
-.v-progressindicator {
- overflow: hidden; /* for IE6 */
- width: 150px;
-}
-.v-progressindicator-wrapper {
- overflow: hidden; /* for IE6 */
- height: 9px;
- border: 1px solid #ddd;
-}
-.v-progressindicator-disabled {
- height: 9px;
- overflow: hidden; /* for IE6 */
-}
-.v-progressindicator-indicator {
- height: 9px;
- overflow: hidden; /* for IE6 */
- background: #ddd;
-}
-.v-progressindicator-indeterminate {
- height: 16px;
- width: 16px;
- overflow: hidden; /* for IE6 */
-}
-/* Hide obsolete elements in indeterminate mode */
-.v-progressindicator-indeterminate .v-progressindicator-wrapper,
-.v-progressindicator-indeterminate .v-progressindicator-indicator,
-.v-progressindicator-indeterminate-disabled .v-progressindicator-wrapper,
-.v-progressindicator-indeterminate-disabled .v-progressindicator-indicator {
- display: none;
-}
-.v-progressindicator-indeterminate-disabled {
- height: 16px;
- width: 16px;
- overflow: hidden; /* for IE6 */
-}
-
-/* ./WebContent/VAADIN/themes/base/select/select.css */
-.v-select {
- text-align: left;
-}
-.v-select-optiongroup .v-select-option {
- display: block;
- white-space: nowrap;
-}
-.v-ie .v-select-optiongroup .v-select-option {
- zoom: 1;
-}
-.v-select-select {
- display: block;
-}
-.v-select-twincol {
- white-space: nowrap;
-}
-.v-select-twincol-options {
- float: left;
-}
-.v-select-twincol-selections {
- font-weight: bold;
-}
-.v-select-twincol-buttons {
- float: left;
- text-align: center;
-}
-.v-select-twincol-buttons .v-select-twincol-deco {
- clear: both;
-}
-.v-select-twincol .v-textfield {
- display: block;
- float: left;
- clear: left;
-}
-.v-select-twincol .v-button {
- display: block;
- float: left;
-}
-.v-select-twincol-buttons .v-button {
- display: inline;
- float: none;
-}
-.v-filterselect {
- white-space: nowrap;
- text-align: left;
-}
-.v-filterselect .v-icon {
- float: left;
-}
-.v-app .v-filterselect-input,
-.v-window .v-filterselect-input,
-.v-popupview-popup .v-filterselect-input {
- float: left;
-}
-.v-filterselect-prompt .v-filterselect-input {
- color: #999;
- font-style: italic;
-}
-.v-filterselect-button {
- float: right;
- cursor: pointer;
-}
-.v-filterselect.v-readonly .v-filterselect-button {
- display: none;
-}
-.v-filterselect-suggestpopup {
- background: #fff;
- border: 1px solid #eee;
-}
-.v-filterselect-suggestmenu table {
- border-collapse: collapse;
- border: none;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem {
- white-space: nowrap;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
- margin-right: 3px;
- vertical-align: middle;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem span {
- vertical-align: middle;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem-selected {
- background: #333;
- color: #fff;
-}
-.v-filterselect-nextpage,
-.v-filterselect-nextpage-off,
-.v-filterselect-prevpage-off,
-.v-filterselect-prevpage {
- width: 100%;
- background: #aaa;
- text-align: center;
- overflow: hidden;
- cursor: pointer;
-}
-.v-filterselect-nextpage-off,
-.v-filterselect-prevpage-off {
- color: #666;
- opacity: .5;
- filter: alpha(opacity=50);
- cursor: default;
-}
-.v-filterselect-nextpage-off span,
-.v-filterselect-prevpage-off span {
- cursor: default;
-}
-.v-filterselect-status {
- white-space: nowrap;
- text-align: center;
-}
-
-/* Error styles (disabled by default)
-
-.v-filterselect-error .v-filterselect-input,
-.v-select-error .v-select-option,
-.v-select-error .v-select-select,
-.v-select-error .v-select-twincol-selections,
-.v-select-error .v-select-twincol-options {
- background: #ffaaaa;
-}
-*/
-
-/* Required field styles (disabled by default)
-
-.v-filterselect-error .v-filterselect-input,
-.v-select-required .v-select-option,
-.v-select-required .v-select-select,
-.v-select-required .v-select-twincol-selections,
-.v-select-required .v-select-twincol-options {
- background: #ffaaaa;
-}
-*/
-
-/* ./WebContent/VAADIN/themes/base/shadow/shadow.css */
-.v-shadow {
- position: absolute;
-}
-
-.v-shadow .top-left {
- position: absolute; overflow: hidden;
- top: -3px; left: -5px;
- width: 10px; height: 10px;
- background: transparent url(../base/shadow/img/top-left.png);
-}
-
-.v-shadow .top {
- position: absolute; overflow: hidden;
- top: -3px; left: 5px;
- height: 10px; right: 5px;
- background: transparent url(../base/shadow/img/top.png);
-}
-
-.v-shadow .top-right {
- position: absolute; overflow: hidden;
- top: -3px; right: -5px;
- width: 10px; height: 10px;
- background: transparent url(../base/shadow/img/top-right.png);
-}
-
-.v-shadow .left {
- position: absolute; overflow: hidden;
- top: 7px; left: -5px;
- width: 10px;
- bottom: 3px;
- background: transparent url(../base/shadow/img/left.png);
-}
-
-.v-shadow .center {
- position: absolute; overflow: hidden;
- top: 7px; left: 5px;
- bottom: 3px; right: 5px;
- background: transparent url(../base/shadow/img/center.png);
-}
-
-.v-shadow .right {
- position: absolute; overflow: hidden;
- top: 7px; right: -5px;
- width: 10px;
- bottom: 3px;
- background: transparent url(../base/shadow/img/right.png);
-}
-
-.v-shadow .bottom-left {
- position: absolute; overflow: hidden;
- bottom: -7px; left: -5px;
- width: 10px; height: 10px;
- background: transparent url(../base/shadow/img/bottom-left.png);
-}
-
-.v-shadow .bottom {
- position: absolute; overflow: hidden;
- bottom: -7px; left: 5px;
- right: 5px; height: 10px;
- background: transparent url(../base/shadow/img/bottom.png);
-}
-
-.v-shadow .bottom-right {
- position: absolute; overflow: hidden;
- bottom: -7px; right: -5px;
- width: 10px; height: 10px;
- background: transparent url(../base/shadow/img/bottom-right.png);
-}
-
-
-
-
-
-/* For IE6 (no transparent png's, we use a blur filter) */
-
-.v-ie6 .v-shadow * {
- display: none;
-}
-
-.v-ie6 .v-shadow {
- background: #000;
- filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20);
- margin-top: -3px;
- margin-left: -4px;
-}
-
-/* ./WebContent/VAADIN/themes/base/slider/slider.css */
-.v-slider {
- margin: 5px 0;
-}
-.v-slider-base {
- /* changing the borders will require adjustments to ISlider.java */
- height: 2px;
- border-top: 1px solid #ddd;
- background: #eee;
- border-left: 1px solid #ddd;
- border-right: 1px solid #eee;
-
-}
-.v-slider-handle {
- background: #aaa;
- width: 12px;
- height: 12px;
- margin-top: -5px;
- font-size: 0;
-}
-
-.v-slider-vertical {
- width: 2px;
- height: auto;
- margin: 0 5px;
- border: none;
- border-left: 1px solid #cccfd0;
- border-right: 1px solid #cccfd0;
-}
-.v-slider-vertical .v-slider-base {
- width: 2px;
- border-bottom: 1px solid #eee;
- border-right: none;
-}
-.v-slider-vertical .v-slider-handle {
- width: 12px;
- height: 12px;
- font-size: 0;
- margin-left: -5px;
-}
-
-/* Disabled by default
-.v-slider-error .v-slider-base {
- background: #FFE0E0;
-}
-*/
-/* Disabled by default
-.v-slider-required .v-slider-base {
- background: #FFE0E0;
-}
-*/
-
-/* IE specific styles */
-.v-ie6 .v-slider,
-.v-ie6 .v-slider-vertical {
- margin: 0;
-}
-.v-ie6 .v-slider .v-slider-handle {
- margin: -1px 0;
-}
-.v-ie6 .v-slider-vertical .v-slider-handle {
- margin: 0 -1px;
-}
-
-/* ./WebContent/VAADIN/themes/base/splitpanel/splitpanel.css */
-.v-splitpanel-horizontal,
-.v-splitpanel-vertical {
- overflow: hidden;
-}
-.v-splitpanel-horizontal .v-splitpanel-hsplitter {
- width: 6px;
- font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-horizontal .v-splitpanel-hsplitter div {
- width: 6px;
- font-size: 1px; /* for IE6 */
- position: absolute;
- top: 0;
- bottom: 0;
- background: #ddd;
- cursor: e-resize;
-}
-.v-splitpanel-vertical .v-splitpanel-vsplitter {
- height: 6px;
- font-size: 1px; /* for IE6 */
-}
-.v-splitpanel-vertical .v-splitpanel-vsplitter div {
- height: 6px;
- font-size: 1px; /* for IE6 */
- background: #ddd;
- cursor: n-resize;
-}
-/* IE specific styles */
-.v-ie6 .v-splitpanel-horizontal .v-splitpanel-hsplitter div {
- height: 99%;
-}
-
-.v-ie6 .v-splitpanel-first-container,
-.v-ie6 .v-splitpanel-second-container,
-.v-ie7 .v-splitpanel-first-container,
-.v-ie7 .v-splitpanel-second-container {
- position:relative;
-}
-
-/* ./WebContent/VAADIN/themes/base/table/table.css */
-/* Table theme building instructions
- *
- * Toolkit scroll table is very complex widget with dozens of features. These
- * features set some limitations for theme builder. To keep things working, it
- * is safest to try to just override values used in default theme and comfort to
- * these instructions.
- *
- * Borders in table header and in table body need to be same width
- * - specify vertical borders on .v-table-header-wrap and .v-table-body
- *
- * Table cells in body:
- * - padding/border for cells is to be defined for td elements (class name: .v-table-cell-content)
- * - in default theme there are no borders, but they should work. Just set border-right or border-bottom
- * - no padding or border is allowed for div inside cells (class name: .v-table-cell-wrapper) element
- * - background is allowed for both elements
- *
- * Table headers:
- * - table cells in header contain .v-table-resizer and
- * .v-table-caption-container div elements, which are both floated to right
- * - to align header caption to body content resizer width + .v-table-caption-container
- * padding right should be equal to content cells padding-right and border-right.
- * - Possible cell border in header must be themed into column resizer.
- *
- */
-.v-table {
- overflow: hidden;
- text-align: left; /* Force default alignment */
-}
-.v-table-header-wrap {
- overflow: hidden;
- border: 1px solid #aaa;
- border-bottom: none;
- background: #efefef;
-}
-.v-table-header table,
-.v-table-table {
- border-spacing: 0;
- margin: 0;
- padding: 0;
- border: 0;
-}
-.v-table-header td {
- padding: 0;
-}
-.v-table-header-cell,
-.v-table-header-cell-asc,
-.v-table-header-cell-desc {
- cursor: pointer;
-}
-.v-table-resizer {
- display: block;
- height: 1.2em;
- float: right;
- background: #aaa;
- cursor: col-resize;
- width: 1px;
- overflow: hidden;
-}
-.v-table-caption-container {
- float: right;
- overflow: hidden;
- white-space: nowrap;
- padding-right: 6px;
-}
-.v-table-header-cell-asc .v-table-caption-container {
- background: transparent url(../base/common/img/sprites.png) no-repeat right 6px;
-}
-.v-table-header-cell-desc .v-table-caption-container {
- background: transparent url(../base/common/img/sprites.png) no-repeat right -10px;
-}
-.v-table-body {
- border: 1px solid #aaa;
-}
-.v-table-row-spacer {
- height: 10px;
- overflow: hidden; /* IE hack to allow < one line height divs */
-}
-.v-table-row,
-.v-table-row-odd {
- border: 0;
- margin: 0;
- padding: 0;
- cursor: default;
-}
-.v-table .v-selected {
- background: #999;
- color: #fff;
-}
-.v-table-cell-content {
- white-space: nowrap;
- overflow: hidden;
- padding: 0 6px;
- border-right: 1px solid #aaa;
-}
-.v-table-cell-wrapper {
- /* Do not specify any margins, paddings or borders here */
- white-space: nowrap;
- overflow: hidden;
-}
-.v-table-column-selector {
- float: right;
- background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px;
- margin: -1.2em 0 0 0;
- height: 1.2em;
- width: 14px;
- position: relative; /* hide this from IE, it works without it */
- cursor: pointer;
-}
-.v-ie6 .v-table-column-selector,
-.v-ie7 .v-table-column-selector {
- position: static;
-}
-.v-table-focus-slot-left {
- border-left: 2px solid #999;
- margin-right: -2px;
-}
-.v-table-focus-slot-right {
- border-right: 2px solid #999;
- margin-left: -2px;
-}
-.v-table-header-drag {
- position: absolute;
- background: #efefef;
- border: 1px solid #eee;
- opacity: 0.9;
- filter: alpha(opacity=90);
- margin-top: 20px;
- z-index: 30000;
-}
-.v-table-scrollposition {
- width: 160px;
- background: #eee;
- border: 1px solid #aaa;
-}
-.v-table-scrollposition span {
- display: block;
- text-align: center;
-}
-/* row in column selector */
-.v-on {
-
-}
-.v-off {
- color: #ddd;
-}
-
-/* ./WebContent/VAADIN/themes/base/tabsheet/tabsheet.css */
-.v-tabsheet,
-.v-tabsheet-content,
-.v-tabsheet-deco {
- outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
- text-align: left /* Force default alignment */
-}
-.v-tabsheet-tabs {
- empty-cells: hide;
- border-collapse: collapse;
- margin: 0;
- padding: 0;
- border: 0;
- width: 100%;
- overflow:hidden;
-}
-.v-tabsheet-tabitemcell,
-.v-tabsheet-spacertd {
- margin: 0;
- padding: 0;
- vertical-align: bottom;
-}
-.v-tabsheet-spacertd {
- width: 100%;
-}
-.v-tabsheet-spacertd div {
- border-left: 1px solid #aaa;
- border-bottom: 1px solid #aaa;
- height: 1em;
- padding: 0.2em 0;
-}
-.v-tabsheet-hidetabs .v-tabsheet-tabcontainer {
- display: none;
-}
-.v-tabsheet-scroller {
- white-space: nowrap;
- text-align: right;
- margin-top: -1em;
-}
-.v-tabsheet-scrollerPrev,
-.v-tabsheet-scrollerNext,
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
- border: 1px solid #aaa;
- background: #fff;
- width: 12px;
- height: 1em;
- cursor: pointer;
-}
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
- opacity: 0.5;
- cursor: default;
-}
-.v-tabsheet-tabs .v-caption,
-.v-tabsheet-tabs .v-caption span {
- white-space: nowrap;
-}
-.v-tabsheet-tabitem {
- border: 1px solid #aaa;
- border-right: none;
- cursor: pointer;
- padding: 0.2em 0.5em;
-}
-.v-tabsheet-tabitem-selected {
- cursor: default;
- border-bottom-color: #fff;
-}
-.v-tabsheet-content {
- border: 1px solid #aaa;
- /* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */
- border-top: none;
- border-bottom: none;
- position: relative;
-}
-.v-tabsheet-deco {
- height: 1px;
- background: #aaa;
- overflow: hidden;
-}
-.v-tabsheet-hidetabs .v-tabsheet-content {
- border: none;
-}
-.v-tabsheet-hidetabs .v-tabsheet-deco {
- height: 0;
-}
-
-/* ./WebContent/VAADIN/themes/base/textfield/textfield.css */
-.v-textfield {
- text-align: left /* Force default alignment */
-}
-.v-textarea {
-}
-.v-textfield-focus,
-.v-textarea-focus {
-}
-input.v-textfield-prompt,
-textarea.v-textarea-prompt {
- color: #999;
- font-style: italic;
-}
-.v-textfield.v-readonly,
-.v-textarea.v-readonly {
- background: transparent;
- color: #222;
- border: none;
-}
-.v-richtextarea {
- border: 1px solid #aaa;
- overflow: hidden;
-}
-.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
-.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
- float: left;
-}
-.v-richtextarea .gwt-RichTextToolbar {
- white-space: nowrap;
-}
-.v-richtextarea iframe {
- border: 0;
-}
-/* Disabled by default
-.v-textarea-error,
-.v-textfield-error,
-.v-richtextarea-error iframe.gwt-RichTextArea {
- background: #FFE0E0;
-}
-*/
-/* Disabled by default
-.v-textarea-required,
-.v-textfield-required,
-.v-richtextarea-required iframe.gwt-RichTextArea {
- background: #FFE0E0;
-}
-*/
-/* Safari focus glow fix */
-.v-sa input:focus,
-.v-sa textarea:focus {
- outline-width: medium;
-}
-
-/* ./WebContent/VAADIN/themes/base/tree/tree.css */
-.v-tree {
- text-align: left /* Force default alignment */
-}
-.v-tree-node {
- background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
-}
-.v-tree-node-expanded {
- background-position: -5px -10px;
-}
-div.v-tree-node-leaf {
- background: transparent;
-}
-.v-tree-node-caption {
- margin-left: 1em;
-}
-.v-tree-node span {
- cursor: pointer;
- white-space: nowrap;
-}
-.v-tree-node-selected span {
- background: #999;
- color: #fff;
-}
-.v-tree-node-children {
- padding-left: 1em;
-}
-/* ie6compatnode is hidden from non ie6 browsers, for ie6
- * uses weird hack to sink all events properly
- */
-.v-tree-node-ie6compatnode {
- display: none;
-}
-/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of v-tree-node-caption */
-.v-ie6 .v-tree-node-ie6compatnode {
- display: inline;
- float: left;
- background: orange;
- margin: 0;
- width: 0.8em;
- height: 0.8em;
- padding: 0.1em;
- filter: alpha(opacity=0);
-}
-.v-ie6 .v-tree-node,
-.v-ie6 .v-tree-node-children {
- clear: left;
-}
-
-/* ./WebContent/VAADIN/themes/base/window/window.css */
-.v-window {
- background: #fff;
-}
-.v-window-outerheader {
- cursor: move;
- padding: 0.3em 1em;
- height: 1em;
-}
-.v-window-header {
- font-weight: bold;
-}
-/* A more specific selector to make sure padding isn't so easily overridden */
-div.v-window-header {
- white-space: nowrap;
- text-overflow: ellipsis;
- -ms-text-overflow: ellipsis;
- overflow: hidden;
- padding: 0;
-}
-.v-ie6 .v-window-header {
- width: 100%;
-}
-.v-window-header .v-icon {
- vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */
-}
-/* Partial fix for bug #1106 */
-/* Target Firefox 2 (somehow this will force almost all window borders on top of a Flash object) */
-.v-window-contents, x:-moz-any-link {
- overflow: hidden;
-}
-/* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */
-.v-window-contents, x:-moz-any-link, x:default {
- overflow: visible;
-}
-.v-window-footer {
- overflow: hidden;
-}
-.v-window-resizebox {
- display: inline; /* fix IE6 double float margin bug */
- float: right;
- width: 10px;
- height: 10px;
- cursor: se-resize;
- background: #ddd;
- overflow: hidden;
-}
-.v-window-resizebox-disabled {
- cursor: default;
- display: none;
-}
-.v-window-closebox {
- position: absolute;
- top: 0;
- right: 0;
- width: 1em;
- height: 1em;
- background: red;
- cursor: pointer;
- overflow: hidden;
-}
-.v-window-modalitycurtain {
- top: 0;
- left: 0;
- background: #999;
- opacity: 0.5;
- position: fixed;
- width: 100%;
- height: 100%;
- filter: alpha(opacity=50);
-}
-/* IE6 workaround for position:fixed; */
-.v-ie6 .v-window-modalitycurtain {
- position: absolute;
- top: expression(document.documentElement.scrollTop + "px");
-}
-/* min-width for IE6 */
-.v-ie6 .v-window {
- width: 0; /* */
-}
-/* Shadow for window */
-.v-shadow-window {
- position: absolute;
-}
-.v-shadow-window .top-left {
- position: absolute; overflow: hidden;
- top: -10px; left: -15px;
- width: 28px; height: 28px;
- background: transparent url(../base/window/img/shadow/top-left.png);
-}
-.v-shadow-window .top {
- position: absolute; overflow: hidden;
- top: -10px; left: 13px;
- height: 28px;
- right: 13px;
- background: transparent url(../base/window/img/shadow/top.png);
-}
-.v-shadow-window .top-right {
- position: absolute; overflow: hidden;
- top: -10px; right: -15px;
- width: 28px; height: 28px;
- background: transparent url(../base/window/img/shadow/top-right.png);
-}
-.v-shadow-window .left {
- position: absolute; overflow: hidden;
- top: 18px; left: -15px;
- width: 28px;
- bottom: 10px;
- background: transparent url(../base/window/img/shadow/left.png);
-}
-.v-shadow-window .center {
- position: absolute; overflow: hidden;
- top: 18px; left: 13px;
- bottom: 10px; right: 13px;
- background: transparent url(../base/window/img/shadow/center.png);
-}
-.v-shadow-window .right {
- position: absolute; overflow: hidden;
- top: 18px; right: -15px;
- width: 28px;
- bottom: 10px;
- background: transparent url(../base/window/img/shadow/right.png);
-}
-.v-shadow-window .bottom-left {
- position: absolute; overflow: hidden;
- bottom: -18px; left: -15px;
- width: 28px; height: 28px;
- background: transparent url(../base/window/img/shadow/bottom-left.png);
-}
-.v-shadow-window .bottom {
- position: absolute; overflow: hidden;
- bottom: -18px; left: 13px;
- right: 13px; height: 28px;
- background: transparent url(../base/window/img/shadow/bottom.png);
-}
-.v-shadow-window .bottom-right {
- position: absolute; overflow: hidden;
- bottom: -18px; right: -15px;
- width: 28px; height: 28px;
- background: transparent url(../base/window/img/shadow/bottom-right.png);
-}
-/* For IE6 (no transparent png's, we use a blur filter) */
-.v-ie6 .v-shadow-window * {
- display: none;
-}
-.v-ie6 .v-shadow-window {
- background: #000;
- filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20);
- margin-top: 2px;
- margin-left: 2px;
-}
-/* Automatically compiled css file from subdirectories. */
-
-/* ./WebContent/VAADIN/themes/itmill5/absolutelayout/absolutelayout.css */
-.v-absolutelayout-wrapper {
- position: absolute;
- overflow:hidden;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/accordion/accordion.css */
-.v-accordion-item {
- background-color: #fff;
-}
-.v-accordion-item-caption {
- height: 31px;
- background: #edf0f0 url(tabsheet/img/tab-bg.png);
- font-size: 15px;
- color: #656d73;
- border-top: 1px solid #c8cccd;
-}
-.v-accordion-item-caption .v-caption {
- padding: 7px 0 6px 18px;
-}
-.v-accordion-item-open .v-accordion-item-caption {
- color: #3b4b57;
- background: #d5dee2 url(accordion/img/selected-bg.png);
- border-top-color: #cbd7de;
- border-bottom-color: #bfc9d4;
- text-shadow: #fafafa 0 1px 0;
- border-bottom: 1px solid #c8cccd;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/button/button.css */
-.v-button {
- font-size: 13px;
-}
-.v-checkbox .v-errorindicator {
- padding-left: 10px;
-}
-.v-ie6 .v-button,
-.v-ie7 .v-button {
- padding-left: 10px;
- padding-right: 10px;
-}
-.v-ie6 .v-checkbox .v-errorindicator {
- padding-right: 4px;
-}
-.v-ie7 .v-checkbox .v-errorindicator {
- padding-right: 7px;
-}
-.v-ie6 .v-button .v-errorindicator,
-.v-ie7 .v-button .v-errorindicator {
- padding-right: 5px;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/caption/caption.css */
-.v-captionwrapper {
- margin: 0.3em 0 0 0;
-}
-.v-errorindicator {
- width: 12px;
- height: 16px;
- background: transparent url(icons/16/error.png) no-repeat top right;
-}
-.v-ie6 .v-errorindicator {
- /* gif for transparency */
- background-image: url(icons/16/error.gif);
-}
-.v-ie7 .v-errorindicator {
- margin-left: -3px;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/common/common.css */
-.v-generated-body {
- background: #e9eced;
-}
-.v-app {
- background: #e9eced;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 13px;
- line-height: 18px;
-}
-.v-app-loading {
- background-image: url(common/img/loading-indicator.gif);
- background-repeat: no-repeat;
- background-position: 50%;
-}
-/* Global font styles */
-.v-window,
-.v-popupview-popup,
-.v-app input,
-.v-app select,
-.v-app button,
-.v-app textarea,
-.v-window input,
-.v-window select,
-.v-window button,
-.v-window textarea,
-.v-popupview-popup input,
-.v-popupview-popup select,
-.v-popupview-popup button,
-.v-popupview-popup textarea {
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 13px;
-}
-.v-app select,
-.v-window select {
- padding: 0;
-}
-/* Custom tooltip */
-.v-tooltip {
- background-color: #fffcdd;
- border: 1px solid #b8b295;
- border-top-color: #d5d2c1;
- border-left-color: #d5d2c1;
- font-size: 11px;
- line-height: 13px;
- font-family: arial, helvetica, tahoma, verdana, sans-serif;
- color: #5d5444;
-}
-.v-tooltip-text {
- padding: 2px 4px;
- border: none;
- border-top: 1px solid #fffef5;
- border-bottom: 1px solid #fbf8d9;
-}
-.v-tooltip .v-errormessage {
- padding: 3px 4px 3px 4px;
- background: #ffecc6;
- color: #b74100;
- border: none;
- border-top: 1px solid #fff3dc;
- border-bottom: 1px solid #ead7b1;
-}
-.v-tooltip .v-errormessage h2 {
- font-size: 16px;
- font-weight: normal;
- color: #ab3101;
- margin: 2px 0 8px 0;
-}
-.v-tooltip .v-errormessage h3 {
- font-size: 13px;
- font-weight: bold;
- margin: 1px 0 4px 0;
-}
-.v-contextmenu {
- background: #e9eced url(tabsheet/img/tab-bg.png);
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- background-color: #f6f7f7;
- color: #464f52;
- font-size: 12px;
- line-height: 14px;
-}
-.v-contextmenu .gwt-MenuBar {
- border-right: 1px solid #c6cbcc;
- border-bottom: 1px solid #c6cbcc;
- border-top: 1px solid #d0d4d5;
- border-left: 1px solid #d0d4d5;
-}
-.v-contextmenu .gwt-MenuItem {
- padding: 2px 0;
-}
-.v-contextmenu .gwt-MenuItem div {
- padding: 1px 20px 1px 8px;
-}
-.v-contextmenu .gwt-MenuItem-selected div {
- color: #fff;
- background: #5daee8;
-}
-.v-contextmenu .gwt-MenuItem img {
- margin-right: 10px;
-}
-.v-loading-indicator,
-.v-loading-indicator-delay,
-.v-loading-indicator-wait {
- width: 31px;
- height: 31px;
- background: transparent url(common/img/loading-indicator.gif);
- margin-right: 5px;
- margin-top: 5px;
-}
-.v-loading-indicator-delay {
- background-image: url(common/img/loading-indicator-delay.gif);
-}
-.v-loading-indicator-wait {
- background-image: url(common/img/loading-indicator-wait.gif);
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/datefield/datefield.css */
-.v-datefield-button {
- font-size:13px;
- width: 22px;
- height: 24px;
- padding: 0;
- overflow: hidden;
- border: none;
- background: transparent url(datefield/img/open-button.png) no-repeat right 0;
- vertical-align: top;
-}
-.v-datefield-popup {
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 12px;
- background: #f6f7f7;
- border: 1px solid #b6bbbc;
- padding: 6px;
-}
-.v-datefield-calendarpanel {
- width: 19em;
- font-size: 12px;
-}
-.v-datefield-popup .v-datefield-calendarpanel {
- width: 16em;
-}
-.v-datefield-calendarpanel td {
- text-align: right;
-}
-.v-datefield-calendarpanel td span {
- display: block;
-}
-.v-datefield-calendarpanel-header {
- height: 30px;
-}
-.v-datefield-calendarpanel-header,
-.v-datefield-calendarpanel strong {
- font-size: 13px;
-}
-.v-datefield-popup .v-datefield-calendarpanel-header,
-.v-datefield-popup .v-datefield-calendarpanel strong {
- font-size: 12px;
-}
-.v-datefield-calendarpanel-month {
- font-weight: bold;
- text-shadow: #ffffff 2px 2px 0;
-}
-/* Year buttons */
-.v-datefield-calendarpanel .v-button-prevyear,
-.v-datefield-calendarpanel .v-button-nextyear {
- display: block;
- width: 16px;
- height: 16px;
- border: none;
- padding: 0;
- background: transparent url(datefield/img/prevyear.png) no-repeat;
- text-indent: -90000px;
- margin: 0 auto;
-}
-.v-datefield-calendarpanel .v-button-nextyear {
- background: transparent url(datefield/img/nextyear.png) no-repeat;
-}
-.v-datefield-calendarpanel .v-button-prevyear:hover,
-.v-datefield-calendarpanel .v-button-nextyear:hover {
- background-position: left bottom;
-}
-/* Month buttons */
-.v-datefield-calendarpanel .v-button-prevmonth,
-.v-datefield-calendarpanel .v-button-nextmonth {
- display: block;
- width: 11px;
- height: 16px;
- border: none;
- padding: 0;
- background: transparent url(datefield/img/prevmonth.png) no-repeat;
- text-indent: -90000px;
- margin: 0 auto;
-}
-.v-datefield-calendarpanel .v-button-nextmonth {
- background: transparent url(datefield/img/nextmonth.png) no-repeat;
-}
-.v-datefield-calendarpanel .v-button-prevmonth:hover,
-.v-datefield-calendarpanel .v-button-nextmonth:hover {
- background-position: left bottom;
-}
-.v-datefield-calendarpanel strong {
- color: #ee5311;
- display: block;
- width: 20px;
-}
-.v-datefield-calendarpanel-day,
-.v-datefield-calendarpanel-day-today {
- padding: 1px 3px;
- width: 14px;
- height: 16px;
-}
-.v-datefield-calendarpanel-day-today {
- border: 1px solid #429ce9;
- width: 12px;
- height: 14px
-}
-.v-datefield-calendarpanel-day-entry {
- color: #6a98b5;
-}
-.v-datefield-calendarpanel-day-disabled {
- font-weight: normal;
- color: #dddddd;
-}
-.v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled {
- color: #afd6f8;
-}
-.v-datefield-calendarpanel-day-selected {
- font-weight: bold;
- width: 14px;
- height: 16px;
- color: #fff;
- padding: 1px 3px;
- background: transparent url(datefield/img/selected-bg.png) no-repeat 50% 50%;
- border: none;
-}
-.v-datefield-time {
- font-size: 11px;
-}
-.v-datefield-time .v-select {
- font-size: 10px;
- padding: 0;
- margin: 0;
-}
-.v-datefield-rendererror .v-textfield {
- background: #ff9999;
-}
-/* IE specific styles */
-.v-ie7 .v-datefield-button {
- background-position: right 1px;
- height: 25px;
- margin: 0;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/formlayout/formlayout.css */
-.v-formlayout-cell .v-errorindicator {
- width: 10px;
- height: 16px;
- background: transparent url(icons/16/error.png) no-repeat top right;
-}
-.v-formlayout-captioncell {
- text-align:right;
- white-space: nowrap;
-}
-.v-formlayout-error-indicator {
- /* fix width so layout is not jumpy when error disapear */
- width: 12px;
-}
-.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
-.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
-.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
- padding-top: 8px;
-}
-.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell,
-.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
-.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
- padding-top: 15px;
-}
-.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
-.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
-.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
- padding-bottom: 15px;
-}
-.v-formlayout-margin-left .v-formlayout-captioncell {
- padding-left: 18px;
-}
-.v-formlayout-margin-right .v-formlayout-contentcell {
- padding-right: 18px;
-}
-/* form */
-.v-form-errormessage {
- background: transparent url(icons/16/error.png) no-repeat top left;
- padding-left: 20px;
- margin-bottom: 5px;
- margin-top: 5px;
- min-height: 20px;
-}
-.v-ie6 .v-form-errormessage {
- height: 20px
-}
-.v-form fieldset {
- border: none;
- border-top: 1px solid #babfc0;
-}
-.v-form legend {
- margin: 0;
- padding: 0 4px 0.3em 4px;
- font-weight: bold;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/gridlayout/gridlayout.css */
-.v-gridlayout-margin-top {
- padding-top: 15px;
-}
-.v-gridlayout-margin-bottom {
- padding-bottom: 15px;
-}
-.v-gridlayout-margin-left {
- padding-left: 18px;
-}
-.v-gridlayout-margin-right {
- padding-right: 18px;
-}
-.v-gridlayout-spacing-on {
- padding-left: 8px;
- padding-top: 8px;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/link/link.css */
-.v-link a {
- color: #464f52;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/menubar/menubar.css */
-.v-menubar {
- color: #464f52;
- border: 1px solid #c6cbcc;
- border-right: none;
-}
-.v-menubar .menuitem {
- padding: 0 10px;
- margin: 0 10px;
- border-right: 1px solid #c6cbcc;
-}
-.v-menubar .menuitem-selected {
- color: #fff;
- background: #5daee8;
-}
-.v-menubar-submenu {
- background: #e9eced url(tabsheet/img/tab-bg.png);
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 12px;
- line-height: 14px;
- border-right: 1px solid #c6cbcc;
- border-bottom: 1px solid #c6cbcc;
- border-top: 1px solid #d0d4d5;
- border-left: 1px solid #d0d4d5;
-}
-.v-menubar-submenu .menuitem {
- padding: 2px 10px;
-}
-.v-menubar-submenu .menuitem-selected {
- color: #fff;
- background: #5daee8;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/notification/notification.css */
-.v-Notification {
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- background-color: #818e92;
- color: #ffffff;
- padding: 9px 12px;
- cursor: pointer;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- overflow: hidden;
-}
-.v-Notification h1,
-.v-Notification p,
-.v-Notification.error h1,
-.v-Notification.error p,
-.v-Notification.warning h1,
-.v-Notification.warning p {
- display: inline;
- font-weight: normal;
- white-space: nowrap;
- margin: 0 10px 0 0;
-}
-.v-Notification.warning {
- background: #fff1e4;
- color: #dd3400;
- border: 2px solid #ffaa90;
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- opacity: 1;
-}
-.v-Notification.error {
- background: #f23d00 url(notification/img/close-error.png) no-repeat right 5px;
- padding-right: 30px;
- border: 3px solid #c30000;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
- border-radius: 6px;
-}
-.v-Notification.tray {
- background: #575e60;
- padding: 0.5em;
- margin: 0 5px 5px 0;
-}
-.v-Notification.tray h1 {
- display: block;
- font-weight: bold;
- font-size: 0.9em;
- line-height: 1.1;
- background: #3b4245;
- padding: 4px 10px;
- margin: 0;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
-}
-.v-Notification.tray p {
- display: block;
- font-size: 0.9em;
- line-height: 1.1;
- margin: 8px 10px 5px 10px;
- color: #e4e7ea;
-}
-.v-Notification.system {
- background-color: #ff0a0a;
- opacity: 0.7;
- filter: alpha(opacity=70);
-}
-.v-Notification.system h1 {
- display: block;
- margin: 0;
-}
-.v-Notification.system p {
- white-space: nowrap;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/orderedlayout/orderedlayout.css */
-.v-orderedlayout-margin-top,
-.v-horizontallayout-margin-top,
-.v-verticallayout-margin-top {
- padding-top: 15px;
-}
-.v-orderedlayout-margin-right,
-.v-horizontallayout-margin-right,
-.v-verticallayout-margin-right {
- padding-right: 18px;
-}
-.v-orderedlayout-margin-bottom,
-.v-horizontallayout-margin-bottom,
-.v-verticallayout-margin-bottom {
- padding-bottom: 15px;
-}
-.v-orderedlayout-margin-left,
-.v-horizontallayout-margin-left,
-.v-verticallayout-margin-left {
- padding-left: 18px;
-}
-.v-orderedlayout-spacing-on,
-.v-horizontallayout-spacing-on,
-.v-verticallayout-spacing-on {
- padding-top: 8px;
- padding-left: 8px;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/panel/panel.css */
-.v-panel {
- background: transparent url(panel/img/top-left.png) no-repeat;
-}
-.v-panel-caption .v-errorindicator {
- padding-right: 20px;
- background: transparent url(icons/16/error.png) no-repeat bottom center;
-
-}
-.v-panel-caption,
-.v-panel-caption-light {
- font-size: 18px;
- line-height: 18px;
- font-weight: normal;
- letter-spacing: -0.03em;
- color: #f14c1a;
- height: 18px;
- padding: 15px 18px 14px 8px;
- margin-left: 10px;
- background: transparent url(panel/img/top-right.png) no-repeat right top;
-}
-.v-panel-nocaption {
- height: 9px;
- margin-left: 10px;
- background: transparent url(panel/img/top-right.png) no-repeat right top;
-}
-.v-panel-content {
- border: 1px solid #babfc0;
- border-bottom: 1px solid #dee2e3;
- background-color: #fff;
-}
-.v-panel-deco {
- height: 9px;
- background: transparent url(panel/img/bottom-right.png) repeat-x right top;
- margin-left: 9px;
-}
-.v-panel-deco:before {
- display: block;
- content: "";
- width: 9px;
- height: 9px;
- margin-left: -9px;
- background: transparent url(panel/img/bottom-left.png) no-repeat;
-}
-/* Light panel style */
-.v-panel-light,
-.v-panel-caption-light {
- background: transparent;
-}
-.v-panel-nocaption-light {
- background: transparent;
- height: 0;
- margin: 0;
-}
-.v-panel-content-light {
- border: none;
- border-top: 1px solid #babfc0;
- background: transparent;
-}
-.v-panel-deco-light {
- height: 0;
- overflow: hidden;
-}
-/* IE specific rules */
-.v-ie6 .v-panel {
- background: transparent;
-}
-.v-ie6 .v-panel-caption {
- border: 1px solid #babfc0;
- border-bottom: none;
- background: #fff;
- margin: 0;
- padding-left: 18px
-}
-.v-ie6 .v-panel-nocaption {
- border: none;
- background: transparent;
- margin: 0;
- height: 0;
-}
-.v-ie6 .v-panel-caption-light {
- border: none;
- background: transparent;
-}
-.v-ie6 .v-panel-content,
-.v-ie7 .v-panel-content,
-.v-ie8 .v-panel-content {
- border-bottom: 1px solid #babfc0;
-}
-.v-ie6 .v-panel-content-light,
-.v-ie7 .v-panel-content-light,
-.v-ie8 .v-panel-content-light {
- border-bottom: none;
-}
-.v-ie6 .v-panel-deco,
-.v-ie7 .v-panel-deco,
-.v-ie8 .v-panel-deco {
- height: 0;
- overflow: hidden;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/popupview/popupview.css */
-.v-popupview-popup {
- border: 1px solid #babfc0;
- border-bottom: 1px solid #dee2e3;
- background: #fff;
- padding: 3px;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/progressindicator/progressindicator.css */
-.v-progressindicator {
- background: #dfe2e4 url(progressindicator/img/base.gif) repeat-x 0 1px;
-}
-.v-progressindicator-wrapper {
- border: 1px solid #b6bbbc;
-}
-.v-progressindicator-disabled {
- background: #dfe2e4 url(progressindicator/img/disabled.gif);
- border: 1px solid #b6bbbc;
-}
-.v-progressindicator-indicator {
- background: #f7f9f9 url(progressindicator/img/progress.png);
-}
-.v-progressindicator-indeterminate {
- background: #dfe2e4 url(common/img/ajax-loader-medium.gif);
-}
-.v-progressindicator-indeterminate-disabled {
- background: #dfe2e4 url(common/img/blank.gif);
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/select/select.css */
-.v-select-select {
- font-size: 13px;
-}
-/* Twincol style */
-.v-select-twincol-options,
-.v-select-twincol-selections {
- font-size: 13px;
-}
-.v-select-twincol-buttons {
- padding: 2px; /* does not work in first render in FF ? */
-}
-
-/** Filterselect aka ComboBox styles */
-
-.v-filterselect {
- height: 23px;
- background: transparent url(select/img/bg-left-filter.png) no-repeat;
- padding-left: 4px;
-}
-.v-app .v-filterselect .v-filterselect-input,
-.v-window .v-filterselect .v-filterselect-input,
-.v-popupview-popup .v-filterselect .v-filterselect-input {
- background: transparent url(select/img/bg-center-filter.png) no-repeat 1px 0;
- border: none;
- height: 20px;
- margin: 0;
- padding: 3px 0 0 2px;
- font-size: 13px;
-}
-.v-filterselect-prompt .v-filterselect-input {
- font-style: normal;
-}
-.v-filterselect-input:focus {
- /* remove safari/mac outline from this element */
- outline: none;
-}
-.v-filterselect-focus {
- outline: 1px solid #5daee8;
- outline-offset: -1px;
-}
-.v-sa .v-filterselect-focus {
- /* place safari focus outline around the whole thing */
- outline: 5px auto -webkit-focus-ring-color;
- outline-offset: -4px;
-}
-.v-filterselect-button {
- width: 25px;
- height: 23px;
- background: transparent url(select/img/bg-right-filter.png);
-}
-.v-filterselect-button:hover {
- background-position: bottom left;
-}
-.v-disabled .v-filterselect-button:hover,
-.v-readonly .v-filterselect-button:hover {
- background-position: top left;
-}
-.v-filterselect.v-readonly .v-filterselect-input {
- background: transparent;
- color: black;
-}
-.v-filterselect-suggestpopup {
- background: #f6f7f7;
- border: 1px solid #b6bbbc;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 12px;
- line-height: 18px;
- margin-top: -1px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem {
- padding: 1px 6px;
- cursor: pointer;
- height: 18px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
- margin-right: 3px;
-}
-.v-filterselect-suggestmenu .gwt-MenuItem-selected {
- background: #5daee8;
- color: #fff;
-}
-.v-filterselect-nextpage,
-.v-filterselect-nextpage-off,
-.v-filterselect-prevpage-off,
-.v-filterselect-prevpage {
- height: 11px;
- width:100%;
- background: transparent url(select/img/button-bg.png) no-repeat 50% 0;
- margin: 2px 0 0 0;
-}
-.v-filterselect-prevpage,
-.v-filterselect-prevpage-off {
- background-position: 50% -1px;
- margin: 0 0 2px 0;
-}
-.v-filterselect-prevpage:hover {
- background-position: 50% bottom;
-}
-.v-filterselect-nextpage:hover {
- background-position: 50% -12px;
-}
-.v-filterselect-nextpage span,
-.v-filterselect-nextpage-off span,
-.v-filterselect-prevpage-off span,
-.v-filterselect-prevpage span {
- display: block;
- height: 12px;
- width:100%;
- background: transparent url(select/img/arrow-up.png) no-repeat 50% 40%;
- text-indent: -90000px;
- cursor: pointer;
- overflow: hidden;
-}
-.v-filterselect-nextpage span,
-.v-filterselect-nextpage-off span {
- background: transparent url(select/img/arrow-down.png) no-repeat 50% 60%;
-}
-.v-filterselect-status {
- font-size: 11px;
- line-height: 11px;
- width: 100%;
- padding: 4px 0px;
- height: 11px;
- border-top: 1px solid #b6bbbc;
-}
-
-
-/* Error styles (disabled by default)
- ----------------------------------
-
-.v-filterselect-error {
- background-image: url(select/img/bg-left-filter-error.png);
-}
-.v-filterselect-error .v-filterselect-input {
- background-image: url(select/img/bg-center-filter-error.png);
-}
-.v-filterselect-error .v-filterselect-button {
- background-image: url(select/img/bg-right-filter-error.png);
-}
-.v-select-error .v-select-option,
-.v-select-error .v-select-select,
-.v-select-error .v-select-twincol-selections,
-.v-select-error .v-select-twincol-options {
- background: #FFE0E0;
-}
-*/
-
-/* Required field styles (disabled by default)
- --------------------------------------------
-
-.v-select-required .v-select-option,
-.v-select-required .v-select-select,
-.v-select-required .v-select-twincol-selections,
-.v-select-required .v-select-twincol-options {
- background: #FFE0E0;
-}
-*/
-
-/* ./WebContent/VAADIN/themes/itmill5/shadow/shadow.css */
-.v-shadow {
- position: absolute;
-}
-
-.v-shadow .top-left {
- position: absolute; overflow: hidden;
- top: -3px; left: -4px;
- width: 8px; height: 8px;
- background: transparent url(shadow/img/top-left.png);
-}
-
-.v-shadow .top {
- position: absolute; overflow: hidden;
- top: -3px; left: 4px;
- height: 8px; right: 4px;
- background: transparent url(shadow/img/top.png);
-}
-
-.v-shadow .top-right {
- position: absolute; overflow: hidden;
- top: -3px; right: -4px;
- width: 8px; height: 8px;
- background: transparent url(shadow/img/top-right.png);
-}
-
-.v-shadow .left {
- position: absolute; overflow: hidden;
- top: 5px; left: -4px;
- width: 8px;
- bottom: 3px;
- background: transparent url(shadow/img/left.png);
-}
-
-.v-shadow .center {
- position: absolute; overflow: hidden;
- top: 5px; left: 4px;
- bottom: 3px; right: 4px;
- background: transparent url(shadow/img/center.png);
-}
-
-.v-shadow .right {
- position: absolute; overflow: hidden;
- top: 5px; right: -4px;
- width: 8px;
- bottom: 3px;
- background: transparent url(shadow/img/right.png);
-}
-
-.v-shadow .bottom-left {
- position: absolute; overflow: hidden;
- bottom: -5px; left: -4px;
- width: 8px; height: 8px;
- background: transparent url(shadow/img/bottom-left.png);
-}
-
-.v-shadow .bottom {
- position: absolute; overflow: hidden;
- bottom: -5px; left: 4px;
- right: 4px; height: 8px;
- background: transparent url(shadow/img/bottom.png);
-}
-
-.v-shadow .bottom-right {
- position: absolute; overflow: hidden;
- bottom: -5px; right: -4px;
- width: 8px; height: 8px;
- background: transparent url(shadow/img/bottom-right.png);
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/slider/slider.css */
-.v-slider {
- border-top: 1px solid #cccfd0;
- border-bottom: 1px solid #cccfd0;
- margin: 5px 0;
-}
-.v-slider-base {
- /* changing the borders will require adjustments to ISlider.java */
- height: 2px;
- background: #f3f3f4;
- border-top: 1px solid #cbcdce;
- border-left: 1px solid #cccfd0;
- border-right: 1px solid #cccfd0;
-}
-.v-slider-handle {
- background: transparent url(slider/img/handle-horizontal.png);
- width: 12px;
- height: 12px;
- margin-top: -5px;
- cursor: pointer;
-}
-.v-slider-handle:hover {
- background-position: left bottom;
-}
-.v-slider-scrollbar .v-slider-handle,
-.v-slider-scrollbar.v-slider-vertical .v-slider-handle {
- background: #ffffff;
- border: 1px solid #cccfd0;
- border-radius: 6px;
- -moz-border-radius: 6px;
- -webkit-border-radius: 6px;
-}
-
-.v-slider-vertical {
- width: 3px;
- margin: 0 5px;
- border: none;
- border-left: 1px solid #cccfd0;
- border-right: 1px solid #cccfd0;
-}
-.v-slider-vertical .v-slider-base {
- width: 2px;
- border-left: 1px solid #cbcdce;
- border-right: none;
- background: #f3f3f4;
- border-top: 1px solid #cccfd0;
- border-bottom: 1px solid #cccfd0;
-}
-.v-slider-vertical .v-slider-handle {
- background: transparent url(slider/img/handle-vertical.png);
- width: 12px;
- height: 12px;
- margin-left: -5px;
-}
-.v-slider-vertical .v-slider-handle:hover {
- background-position: left bottom;
-}
-
-/* Disabled by default
-.v-slider-error .v-slider-base {
- background:transparent;
- background-color: #FFE0E0;
-}
-*/
-
-/* Disabled by default
-.v-slider-required .v-slider-base {
- background:transparent;
- background-color: #FFE0E0;
-}
-*/
-
-/* IE specific styles */
-
-.v-ie6 .v-slider,
-.v-ie6 .v-slider-vertical {
- margin: 0;
-}
-.v-ie6 .v-slider .v-slider-handle {
- margin: -1px 0;
-}
-.v-ie6 .v-slider-vertical .v-slider-handle {
- margin: 0 -1px;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/splitpanel/splitpanel.css */
-.v-splitpanel-horizontal, .v-splitpanel-vertical {
- overflow: hidden;
-}
-
-.v-splitpanel-horizontal .v-splitpanel-hsplitter {
- width: 6px;
- font-size: 1px; /* for IE6 */
-}
-
-.v-splitpanel-horizontal .v-splitpanel-hsplitter div {
- width: 6px;
- font-size: 1px; /* for IE6 */
- position: absolute;
- top: 0;
- bottom: 0;
- background: #ccd2d0 url(splitpanel/img/bg_hor.png);
- border: 1px solid #b6bbbc;
- cursor: e-resize;
- margin: 0 -1px;
-}
-
-.v-splitpanel-vertical .v-splitpanel-vsplitter {
- height: 6px;
- font-size: 1px; /* for IE6 */
-}
-
-.v-splitpanel-vertical .v-splitpanel-vsplitter div {
- height: 6px;
- font-size: 1px; /* for IE6 */
- background: #ccd2d0 url(splitpanel/img/bg_ver.png);
- border: 1px solid #b6bbbc;
- cursor: n-resize;
- margin: -1px 0;
-}
-
-
-
-
-
-/* IE specific styles */
-
-* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div {
- height: 99%;
-}
-
-* html .v-splitpanel-vertical .v-splitpanel-vsplitter {
- height: 8px;
-}
-
-* html .v-splitpanel-vertical .v-splitpanel-vsplitter div {
- margin: 0;
-}
-
-
-/* ./WebContent/VAADIN/themes/itmill5/table/table.css */
-.v-table-header-wrap {
- height: 36px;
- border: 1px solid #b6bbbc;
- border-bottom: none;
- background: #e7edf3 url(table/img/header-bg.png) repeat-x;
-}
-.v-table-header {
- height: 36px;
-}
-.v-table-resizer {
- height: 36px;
- width: 4px;
- background: transparent url(table/img/resizer-bg.png) repeat-y 50% 50%;
-}
-.v-table-caption-container {
- color: #393a3c;
- font-size: 15px;
- padding-top: 9px;
- text-shadow: #ffffff 0 1px 0;
- padding-right: 2px; /* See themes/base/table.css for explanation */
-}
-.v-table-header-cell-asc .v-table-caption-container {
- background: transparent url(table/img/sort-asc.png) no-repeat right 80%;
-}
-.v-table-header-cell-desc .v-table-caption-container {
- background: transparent url(table/img/sort-desc.png) no-repeat right 80%;
-}
-.v-table-header-cell:hover,
-.v-table-header-cell-asc:hover,
-.v-table-header-cell-desc:hover {
- background: transparent url(table/img/header-bg-over.png) repeat-x;
-}
-.v-table-body {
- background: #fff;
- border: 1px solid #b6bbbc;
-}
-.v-table-row,
-.v-table-row-odd {
- background-color: #fff;
-}
-.v-table-row-odd {
- background-color: #f6f7f7;
-}
-.v-table-row:hover,
-.v-table-row-odd:hover {
- background-color: #edeeee;
-}
-.v-table .v-selected {
- background: #57a7ed;
- color: #fff;
-}
-.v-table-cell-content {
- padding: 0 6px 0 4px;
- border-right: none;
-}
-.v-table-cell-wrapper {
- white-space: nowrap;
- overflow: hidden;
- line-height: 23px;
- /* Do not specify horizontal padding here */
- padding: 3px 0 0 0;
-}
-/* Fix textfield size to correspond label size inside table */
-.v-table-cell-content .v-textfield,
-.v-table-cell-content .v-button {
- margin: -3px 0 0 0;
-}
-.v-table-cell-content .v-textfield,
-.v-table-cell-content .v-datefield {
- width: 97%; /* approximate */
-}
-/* ...but not for datefield textarea */
-.v-table-cell-content .v-datefield .v-textfield {
- width: auto;
-
-}
-/* datefield button is too high for table cell */
-.v-table-cell-content .v-datefield-button {
- height: 25px;
- margin: -3px 0 0 0;
-}
-.v-table-column-selector {
- background: transparent url(table/img/colsel.png) no-repeat;
- margin: -36px 0 0 0;
- height: 36px;
- width: 15px;
-}
-.v-table-focus-slot-left {
- border-color: #b6bbbc;
-}
-.v-table-focus-slot-right {
- border-color: #b6bbbc;
-}
-.v-table-header-drag {
- background: #e7edf3 url(table/img/header-bg.png) repeat-x;
- border: 1px solid #b6bbbc;
- padding: 4px;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 15px;
- margin-top: 20px;
-}
-.v-table-scrollposition {
- width: 160px;
- height: 39px;
- background: transparent url(table/img/scroll-position-bg.png);
- border: none;
-}
-.v-table-scrollposition span {
- display: block;
- margin-top: 8px;
- text-align: center;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 15px;
- text-shadow: #ffffff 2px 2px 0;
-}
-/* row in column selector */
-.v-on div {
- background: transparent url(table/img/check.gif) no-repeat 2px 50%;
- text-indent: 6px;
-}
-.v-off div {
- text-indent: 6px;
-}
-.v-table .v-link {
- display: inline;
-}
-/* IE6 hack */
-.v-ie6 .v-table-scrollposition {
- background: transparent;
- /*
- AlphaImageLoader uses src attribute relative to host page, not CSS
- We need multiple different filters because we cannot be sure how host page is served compared to theme resources
- TODO: This actually does not work as expected, since only the last filter is applied. Can we chain filters together (i.e. contain all versions on one line)?
- */
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/tabsheet/tabsheet.css */
-.v-tabsheet-tabs {
- height: 48px;
-}
-
-.v-tabsheet-spacertd div {
- height: 37px;
- border: 1px solid #b6bbbc;
- background: transparent url(tabsheet/img/tab-bg.png);
- padding: 0;
-}
-.v-tabsheet-scroller {
- margin-top: -37px;
-}
-.v-tabsheet-scrollerPrev,
-.v-tabsheet-scrollerNext {
- border: none;
- width: 12px;
- height: 38px;
- opacity: 0.9999;
- margin-top: -1px;
-}
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
- border: none;
- width: 12px;
- height: 38px;
- margin-top: -1px;
- opacity: 0.9999;
-}
-.v-tabsheet-scrollerNext,
-.v-tabsheet-scrollerNext-disabled {
- background: transparent url(tabsheet/img/next.png) no-repeat;
-}
-.v-tabsheet-scrollerPrev,
-.v-tabsheet-scrollerPrev-disabled {
- background: transparent url(tabsheet/img/prev.png) no-repeat;
-}
-.v-tabsheet-scrollerPrev:hover,
-.v-tabsheet-scrollerNext:hover {
- background-position: -24px 0px;
-}
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
- background-position: -12px 0px;
-}
-.v-tabsheet-scrollerPrev-disabled:hover,
-.v-tabsheet-scrollerNext-disabled:hover {
- background-position: -12px 0px;
-}
-.v-tabsheet-tabitem {
- border: 1px solid #b6bbbc;
- border-right: none;
- height: 37px;
- padding: 0;
- margin-top: 9px;
- color: #777f85;
- font-size: 15px;
- line-height: 18px;
- background: #f8f9f9 url(tabsheet/img/tab-bg.png);
-}
-.v-tabsheet-tabitem .v-caption {
- height: 20px;
- padding: 9px 15px 8px 15px;
-}
-.v-tabsheet-tabitem-selected {
- border: none;
- background: transparent url(panel/img/top-left.png) no-repeat;
- margin: 0;
- padding: 0;
- height: 48px;
- color: #ee5311;
-}
-.v-tabsheet-tabitem:hover {
- color: #4b5257;
-}
-.v-tabsheet-tabitem-selected:hover {
- color: #ee5311;
-}
-.v-tabsheet-tabitem-selected .v-caption {
- background: transparent url(panel/img/top-right.png) repeat-x right top;
- margin: 0 -1px 0 9px;
- height: 18px;
- padding: 16px 16px 14px 7px;
- overflow: visible;
-}
-.v-tabsheet-content {
- border: 1px solid #babfc0;
- background-color: #fff;
- border-bottom: 1px solid #dee2e3;
- border-top: none;
-}
-.v-tabsheet-hidetabs .v-tabsheet-content {
- border-top: 1px solid #b5babb;
-}
-.v-tabsheet-deco {
- height: 10px;
- background: transparent url(panel/img/bottom-right.png) repeat-x right top;
- margin-left: 9px;
- overflow: visible;
-}
-.v-tabsheet-deco:before {
- display: block;
- content: "";
- width: 9px;
- height: 9px;
- margin-left: -9px;
- background: transparent url(panel/img/bottom-left.png) no-repeat;
-}
-/* Progress indication */
-.v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext {
- background: transparent url(common/img/ajax-loader.gif) no-repeat top right;
- margin-left: -10px;
- padding-left: 10px;
- margin-right: -10px;
- padding-right: 10px;
- margin-top: -12px;
- padding-top: 12px;
-}
-/* IE specific styles */
-.v-ie6 .v-tabsheet-tabs {
- height: 46px;
-}
-.v-ie6 .v-tabsheet-tabitem-selected {
- border: 1px solid #babfc0;
- border-bottom: none;
- background: #fff;
- margin-top: 0;
- height: 23px;
- padding: 18px 14px 6px 15px;
- cursor: default;
- color: #ee5311;
-}
-.v-ie6 .v-tabsheet-tabitem-selected .v-caption {
- background: transparent;
- padding: 0;
- margin: 0;
-}
-.v-ie6 .v-tabsheet-content,
-.v-ie7 .v-tabsheet-content,
-.v-ie8 .v-tabsheet-content {
- border-bottom: none;
-}
-.v-ie6 .v-tabsheet-deco,
-.v-ie7 .v-tabsheet-deco,
-.v-ie8 .v-tabsheet-deco {
- height: 1px;
- background: #babfc0;
- overflow: hidden;
- margin: 0;
-}
-.v-ie7 .v-tabsheet-deco,
-.v-ie8 .v-tabsheet-deco {
- width: 100%;
-}
-/* Light-style */
-.v-tabsheet-light .v-tabsheet-tabcontainer {
- height: 32px;
-}
-.v-tabsheet-tabs-light {
- height: 32px;
- width: 100%;
- overflow:hidden;
- background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x;
-}
-.v-tabsheet-light .v-tabsheet-spacertd div {
- height: 31px;
- border: none;
- border-bottom: 1px solid #b6bbbc;
- background: transparent;
-}
-.v-tabsheet-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;
- cursor: pointer;
- text-shadow: #fff 0 1px 0;
-}
-.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption {
- margin-left: 6px;
-}
-.v-tabsheet-light .v-tabsheet-tabitem .v-caption {
- height: 24px;
- padding: 8px 9px 0 9px;
-}
-.v-tabsheet-light .v-tabsheet-tabitem-selected {
- border: none;
- background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top;
- margin: 0;
- padding: 0;
- height: 32px;
- cursor: default;
- color: #ee5311;
- text-shadow: none;
-}
-.v-tabsheet-light .v-tabsheet-tabitem:hover {
- color: #4b5257;
-}
-.v-tabsheet-light .v-tabsheet-tabitem-selected:hover {
- color: #ee5311;
-}
-.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
- background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0;
- margin: 0;
- height: 23px;
- padding: 9px 11px 0 11px;
- overflow: visible;
-}
-.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption {
- background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -3px 0;
- padding-left: 15px;
-}
-.v-tabsheet-light .v-tabsheet-content {
- border: none;
- background: transparent;
-}
-.v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content {
- border: none;
-}
-.v-tabsheet-deco-light {
- height: 0;
- overflow: hidden;
-}
-.v-tabsheet-deco-light:before {
- display: none;
-}
-/* Scroller */
-.v-tabsheet-light .v-tabsheet-scrollerPrev,
-.v-tabsheet-light .v-tabsheet-scrollerNext {
- margin-top: 2px;
- height: 34px;
-}
-.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-light .v-tabsheet-scrollerNext-disabled {
- margin-top: 2px;
- height: 34px;
-}
-/* Progress indication */
-.v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext {
- margin-left: -3px;
- padding-left: 3px;
-}
-/* IE specific styles */
-.v-ie6 .v-tabsheet-tabs-light,
-.v-ie7 .v-tabsheet-tabs-light {
- height: 32px;
-}
-.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected,
-.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected {
- border: none;
- background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top;
- padding: 0;
- height: 32px;
-}
-.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption,
-.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
- background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0;
- padding: 9px 11px 0 11px;
-}
-.v-ie6 .v-tabsheet-deco-light,
-.v-ie7 .v-tabsheet-deco-light,
-.v-ie8 .v-tabsheet-deco-light {
- height: 0;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/textfield/textfield.css */
-.v-textfield {
- background: #fff url(textfield/img/bg.png) repeat-x;
- padding: 2px;
- border: 1px solid #b6b6b6;
- border-top-color: #9d9d9d;
- border-bottom-color: #d6d6d6;
- border-right-color: #d6d6d6;
- margin: 0;
- font-size: 13px;
- height: 18px;
-}
-.v-textarea {
- background: #fff url(textfield/img/bg.png) repeat-x;
- padding: 2px;
- border: 1px solid #b6b6b6;
- border-top-color: #9d9d9d;
- border-bottom-color: #d6d6d6;
- border-right-color: #d6d6d6;
- margin: 0;
- font-size: 13px;
-}
-.v-textfield-focus,
-.v-textarea-focus {
- border-color: #5daee8;
-}
-input.v-textfield-prompt,
-textarea.v-textarea-prompt {
- color: #999;
- font-style: normal;
-}
-.v-richtextarea {
- border: 1px solid #b6b6b6;
-}
-.v-richtextarea .gwt-RichTextArea {
- background: #fff url(textfield/img/bg.png) repeat-x;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/tree/tree.css */
-.v-tree-node {
- background: transparent url(tree/img/collapsed.png) no-repeat 2px 1px;
-}
-.v-tree-node-expanded {
- background: transparent url(tree/img/expanded.png) no-repeat 2px 1px;
-}
-.v-tree-node-caption {
- margin-left: 16px;
-}
-.v-tree-node span {
- padding: 0 2px;
-}
-.v-tree-node-selected span {
- background: #5daee8;
- color: #fff;
- padding: 0 2px;
-}
-.v-tree-node-children {
- padding-left: 16px;
-}
-/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of v-tree-node-caption */
-.v-ie6 .v-tree-node-ie6compatnode {
- width: 14px;
- height: 10px;
- padding: 1px;
-}
-
-/* ./WebContent/VAADIN/themes/itmill5/window/window.css */
-.v-window {
- color: #464f52;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- font-size: 13px;
- line-height: 18px;
- background: transparent url(window/img/bottom-left.png) no-repeat left bottom;
-}
-.v-window-wrap {
- background: transparent url(window/img/top-left.png) no-repeat;
-}
-.v-window-outerheader {
- height: 23px;
- margin-left: 9px;
- padding: 15px 40px 11px 12px;
- background: transparent url(window/img/top-right.png) no-repeat right top;
-}
-.v-window-header {
- font-size: 18px;
- line-height: 1.2;
- font-weight: normal;
- letter-spacing: -0.03em;
- color: #f14c1a;
- text-shadow: 0 1px 0 #fff;
- /* This element is 100% wide in IE6 */
-}
-.v-window-contents {
- background: #fff;
- border: 2px solid #acb2b3;
- border-top: none;
- border-bottom: none;
-}
-.v-window-footer {
- height: 8px;
- margin-left: 9px;
- background: transparent url(window/img/bottom-right.png) no-repeat right top;
-}
-.v-ie7 .v-window-footer {
- position: relative;
-}
-.v-window-resizebox {
- position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */
- right: 5px;
- width: 10px;
- height: 10px;
- margin-top: -7px;
- background: transparent url(window/img/resize.png);
-}
-.v-window-resizebox-disabled {
- background: transparent;
- display: block;
-}
-.v-window-closebox {
- position: absolute;
- top: 21px;
- right: 24px;
- width: 12px;
- height: 12px;
- background: transparent url(window/img/close.png);
-}
-.v-window-closebox:hover {
- background-position: 0 -12px;
-}
-.v-window-modalitycurtain {
- background: #fff;
-}
-/* Shadow for window */
-.v-shadow-window .top-left {
- top: -13px; left: -20px;
- width: 39px; height: 39px;
- background: transparent url(window/img/shadow/top-left.png);
-}
-.v-shadow-window .top {
- top: -13px; left: 19px;
- height: 39px;
- right: 19px;
- background: transparent url(window/img/shadow/top.png);
-}
-.v-shadow-window .top-right {
- top: -13px; right: -20px;
- width: 39px; height: 39px;
- background: transparent url(window/img/shadow/top-right.png);
-}
-.v-shadow-window .left {
- top: 26px; left: -20px;
- width: 39px;
- bottom: 12px;
- background: transparent url(window/img/shadow/left.png);
-}
-.v-shadow-window .center {
- top: 26px; left: 19px;
- bottom: 12px; right: 19px;
- background: transparent url(window/img/shadow/center.png);
-}
-.v-shadow-window .right {
- top: 26px; right: -20px;
- width: 39px;
- bottom: 12px;
- background: transparent url(window/img/shadow/right.png);
-}
-.v-shadow-window .bottom-left {
- bottom: -27px; left: -20px;
- width: 39px; height: 39px;
- background: transparent url(window/img/shadow/bottom-left.png);
-}
-.v-shadow-window .bottom {
- bottom: -27px; left: 19px;
- right: 19px; height: 39px;
- background: transparent url(window/img/shadow/bottom.png);
-}
-.v-shadow-window .bottom-right {
- bottom: -27px; right: -20px;
- width: 39px; height: 39px;
- background: transparent url(window/img/shadow/bottom-right.png);
-}
+++ /dev/null
-.v-table-header-wrap {
- height: 36px;
- border: 1px solid #b6bbbc;
- border-bottom: none;
- background: #e7edf3 url(img/header-bg.png) repeat-x;
-}
-.v-table-header {
- height: 36px;
-}
-.v-table-resizer {
- height: 36px;
- width: 4px;
- background: transparent url(img/resizer-bg.png) repeat-y 50% 50%;
-}
-.v-table-caption-container {
- color: #393a3c;
- font-size: 15px;
- padding-top: 9px;
- text-shadow: #ffffff 0 1px 0;
- padding-right: 2px; /* See themes/base/table.css for explanation */
-}
-.v-table-header-cell-asc .v-table-caption-container {
- background: transparent url(img/sort-asc.png) no-repeat right 80%;
-}
-.v-table-header-cell-desc .v-table-caption-container {
- background: transparent url(img/sort-desc.png) no-repeat right 80%;
-}
-.v-table-header-cell:hover,
-.v-table-header-cell-asc:hover,
-.v-table-header-cell-desc:hover {
- background: transparent url(img/header-bg-over.png) repeat-x;
-}
-.v-table-body {
- background: #fff;
- border: 1px solid #b6bbbc;
-}
-.v-table-row,
-.v-table-row-odd {
- background-color: #fff;
-}
-.v-table-row-odd {
- background-color: #f6f7f7;
-}
-.v-table-row:hover,
-.v-table-row-odd:hover {
- background-color: #edeeee;
-}
-.v-table .v-selected {
- background: #57a7ed;
- color: #fff;
-}
-.v-table-cell-content {
- padding: 0 6px 0 4px;
- border-right: none;
-}
-.v-table-cell-wrapper {
- white-space: nowrap;
- overflow: hidden;
- line-height: 23px;
- /* Do not specify horizontal padding here */
- padding: 3px 0 0 0;
-}
-/* Fix textfield size to correspond label size inside table */
-.v-table-cell-content .v-textfield,
-.v-table-cell-content .v-button {
- margin: -3px 0 0 0;
-}
-.v-table-cell-content .v-textfield,
-.v-table-cell-content .v-datefield {
- width: 97%; /* approximate */
-}
-/* ...but not for datefield textarea */
-.v-table-cell-content .v-datefield .v-textfield {
- width: auto;
-
-}
-/* datefield button is too high for table cell */
-.v-table-cell-content .v-datefield-button {
- height: 25px;
- margin: -3px 0 0 0;
-}
-.v-table-column-selector {
- background: transparent url(img/colsel.png) no-repeat;
- margin: -36px 0 0 0;
- height: 36px;
- width: 15px;
-}
-.v-table-focus-slot-left {
- border-color: #b6bbbc;
-}
-.v-table-focus-slot-right {
- border-color: #b6bbbc;
-}
-.v-table-header-drag {
- background: #e7edf3 url(img/header-bg.png) repeat-x;
- border: 1px solid #b6bbbc;
- padding: 4px;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 15px;
- margin-top: 20px;
-}
-.v-table-scrollposition {
- width: 160px;
- height: 39px;
- background: transparent url(img/scroll-position-bg.png);
- border: none;
-}
-.v-table-scrollposition span {
- display: block;
- margin-top: 8px;
- text-align: center;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- color: #464f52;
- font-size: 15px;
- text-shadow: #ffffff 2px 2px 0;
-}
-/* row in column selector */
-.v-on div {
- background: transparent url(img/check.gif) no-repeat 2px 50%;
- text-indent: 6px;
-}
-.v-off div {
- text-indent: 6px;
-}
-.v-table .v-link {
- display: inline;
-}
-/* IE6 hack */
-.v-ie6 .v-table-scrollposition {
- background: transparent;
- /*
- AlphaImageLoader uses src attribute relative to host page, not CSS
- We need multiple different filters because we cannot be sure how host page is served compared to theme resources
- TODO: This actually does not work as expected, since only the last filter is applied. Can we chain filters together (i.e. contain all versions on one line)?
- */
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
-}
\ No newline at end of file
+++ /dev/null
-.v-tabsheet-tabs {
- height: 48px;
-}
-
-.v-tabsheet-spacertd div {
- height: 37px;
- border: 1px solid #b6bbbc;
- background: transparent url(img/tab-bg.png);
- padding: 0;
-}
-.v-tabsheet-scroller {
- margin-top: -37px;
-}
-.v-tabsheet-scrollerPrev,
-.v-tabsheet-scrollerNext {
- border: none;
- width: 12px;
- height: 38px;
- opacity: 0.9999;
- margin-top: -1px;
-}
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
- border: none;
- width: 12px;
- height: 38px;
- margin-top: -1px;
- opacity: 0.9999;
-}
-.v-tabsheet-scrollerNext,
-.v-tabsheet-scrollerNext-disabled {
- background: transparent url(img/next.png) no-repeat;
-}
-.v-tabsheet-scrollerPrev,
-.v-tabsheet-scrollerPrev-disabled {
- background: transparent url(img/prev.png) no-repeat;
-}
-.v-tabsheet-scrollerPrev:hover,
-.v-tabsheet-scrollerNext:hover {
- background-position: -24px 0px;
-}
-.v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-scrollerNext-disabled {
- background-position: -12px 0px;
-}
-.v-tabsheet-scrollerPrev-disabled:hover,
-.v-tabsheet-scrollerNext-disabled:hover {
- background-position: -12px 0px;
-}
-.v-tabsheet-tabitem {
- border: 1px solid #b6bbbc;
- border-right: none;
- height: 37px;
- padding: 0;
- margin-top: 9px;
- color: #777f85;
- font-size: 15px;
- line-height: 18px;
- background: #f8f9f9 url(img/tab-bg.png);
-}
-.v-tabsheet-tabitem .v-caption {
- height: 20px;
- padding: 9px 15px 8px 15px;
-}
-.v-tabsheet-tabitem-selected {
- border: none;
- background: transparent url(../panel/img/top-left.png) no-repeat;
- margin: 0;
- padding: 0;
- height: 48px;
- color: #ee5311;
-}
-.v-tabsheet-tabitem:hover {
- color: #4b5257;
-}
-.v-tabsheet-tabitem-selected:hover {
- color: #ee5311;
-}
-.v-tabsheet-tabitem-selected .v-caption {
- background: transparent url(../panel/img/top-right.png) repeat-x right top;
- margin: 0 -1px 0 9px;
- height: 18px;
- padding: 16px 16px 14px 7px;
- overflow: visible;
-}
-.v-tabsheet-content {
- border: 1px solid #babfc0;
- background-color: #fff;
- border-bottom: 1px solid #dee2e3;
- border-top: none;
-}\r
-.v-tabsheet-hidetabs .v-tabsheet-content {\r
- border-top: 1px solid #b5babb;\r
-}\r
-.v-tabsheet-deco {
- height: 10px;
- background: transparent url(../panel/img/bottom-right.png) repeat-x right top;
- margin-left: 9px;
- overflow: visible;
-}
-.v-tabsheet-deco:before {
- display: block;
- content: "";
- width: 9px;
- height: 9px;
- margin-left: -9px;
- background: transparent url(../panel/img/bottom-left.png) no-repeat;
-}
-/* Progress indication */
-.v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext {
- background: transparent url(../common/img/ajax-loader.gif) no-repeat top right;
- margin-left: -10px;
- padding-left: 10px;
- margin-right: -10px;
- padding-right: 10px;
- margin-top: -12px;
- padding-top: 12px;
-}
-/* IE specific styles */
-.v-ie6 .v-tabsheet-tabs {
- height: 46px;
-}
-.v-ie6 .v-tabsheet-tabitem-selected {
- border: 1px solid #babfc0;
- border-bottom: none;
- background: #fff;
- margin-top: 0;
- height: 23px;
- padding: 18px 14px 6px 15px;
- cursor: default;
- color: #ee5311;
-}
-.v-ie6 .v-tabsheet-tabitem-selected .v-caption {
- background: transparent;
- padding: 0;
- margin: 0;
-}
-.v-ie6 .v-tabsheet-content,
-.v-ie7 .v-tabsheet-content,
-.v-ie8 .v-tabsheet-content {
- border-bottom: none;
-}
-.v-ie6 .v-tabsheet-deco,
-.v-ie7 .v-tabsheet-deco,
-.v-ie8 .v-tabsheet-deco {
- height: 1px;
- background: #babfc0;
- overflow: hidden;
- margin: 0;
-}
-.v-ie7 .v-tabsheet-deco,
-.v-ie8 .v-tabsheet-deco {
- width: 100%;
-}
-/* Light-style */
-.v-tabsheet-light .v-tabsheet-tabcontainer {
- height: 32px;
-}
-.v-tabsheet-tabs-light {
- height: 32px;
- width: 100%;
- overflow:hidden;
- background: transparent url(img/inline-tab-bg.png) repeat-x;
-}
-.v-tabsheet-light .v-tabsheet-spacertd div {
- height: 31px;
- border: none;
- border-bottom: 1px solid #b6bbbc;
- background: transparent;
-}
-.v-tabsheet-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;
- cursor: pointer;
- text-shadow: #fff 0 1px 0;
-}
-.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption {
- margin-left: 6px;
-}
-.v-tabsheet-light .v-tabsheet-tabitem .v-caption {
- height: 24px;
- padding: 8px 9px 0 9px;
-}
-.v-tabsheet-light .v-tabsheet-tabitem-selected {
- border: none;
- background: #fff url(img/inline-tab-right.png) no-repeat right top;
- margin: 0;
- padding: 0;
- height: 32px;
- cursor: default;
- color: #ee5311;
- text-shadow: none;
-}
-.v-tabsheet-light .v-tabsheet-tabitem:hover {
- color: #4b5257;
-}
-.v-tabsheet-light .v-tabsheet-tabitem-selected:hover {
- color: #ee5311;
-}
-.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
- background: transparent url(img/inline-tab-left.png) no-repeat -7px 0;
- margin: 0;
- height: 23px;
- padding: 9px 11px 0 11px;
- overflow: visible;
-}
-.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption {
- background: transparent url(img/inline-tab-left.png) no-repeat -3px 0;
- padding-left: 15px;
-}
-.v-tabsheet-light .v-tabsheet-content {
- border: none;
- background: transparent;
-}
-.v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content {
- border: none;
-}
-.v-tabsheet-deco-light {
- height: 0;
- overflow: hidden;
-}
-.v-tabsheet-deco-light:before {
- display: none;
-}
-/* Scroller */
-.v-tabsheet-light .v-tabsheet-scrollerPrev,
-.v-tabsheet-light .v-tabsheet-scrollerNext {
- margin-top: 2px;
- height: 34px;
-}
-.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled,
-.v-tabsheet-light .v-tabsheet-scrollerNext-disabled {
- margin-top: 2px;
- height: 34px;
-}
-/* Progress indication */
-.v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext {
- margin-left: -3px;
- padding-left: 3px;
-}
-/* IE specific styles */
-.v-ie6 .v-tabsheet-tabs-light,
-.v-ie7 .v-tabsheet-tabs-light {
- height: 32px;
-}
-.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected,
-.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected {
- border: none;
- background: #fff url(img/inline-tab-right.png) no-repeat right top;
- padding: 0;
- height: 32px;
-}
-.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption,
-.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
- background: transparent url(img/inline-tab-left.png) no-repeat -7px 0;
- padding: 9px 11px 0 11px;
-}
-.v-ie6 .v-tabsheet-deco-light,
-.v-ie7 .v-tabsheet-deco-light,
-.v-ie8 .v-tabsheet-deco-light {
- height: 0;
-}
\ No newline at end of file
+++ /dev/null
-.v-textfield {
- background: #fff url(img/bg.png) repeat-x;
- padding: 2px;
- border: 1px solid #b6b6b6;
- border-top-color: #9d9d9d;
- border-bottom-color: #d6d6d6;
- border-right-color: #d6d6d6;
- margin: 0;
- font-size: 13px;
- height: 18px;
-}
-.v-textarea {
- background: #fff url(img/bg.png) repeat-x;
- padding: 2px;
- border: 1px solid #b6b6b6;
- border-top-color: #9d9d9d;
- border-bottom-color: #d6d6d6;
- border-right-color: #d6d6d6;
- margin: 0;
- font-size: 13px;
-}
-.v-textfield-focus,
-.v-textarea-focus {
- border-color: #5daee8;
-}
-input.v-textfield-prompt,
-textarea.v-textarea-prompt {
- color: #999;
- font-style: normal;
-}
-.v-richtextarea {
- border: 1px solid #b6b6b6;
-}
-.v-richtextarea .gwt-RichTextArea {
- background: #fff url(img/bg.png) repeat-x;
-}
\ No newline at end of file
+++ /dev/null
-.v-tree-node {
- background: transparent url(img/collapsed.png) no-repeat 2px 1px;
-}
-.v-tree-node-expanded {
- background: transparent url(img/expanded.png) no-repeat 2px 1px;
-}
-.v-tree-node-caption {
- margin-left: 16px;
-}
-.v-tree-node span {
- padding: 0 2px;
-}
-.v-tree-node-selected span {
- background: #5daee8;
- color: #fff;
- padding: 0 2px;
-}
-.v-tree-node-children {
- padding-left: 16px;
-}
-/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of v-tree-node-caption */
-.v-ie6 .v-tree-node-ie6compatnode {
- width: 14px;
- height: 10px;
- padding: 1px;
-}
\ No newline at end of file
+++ /dev/null
-.v-window {
- color: #464f52;
- font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
- font-size: 13px;
- line-height: 18px;
- background: transparent url(img/bottom-left.png) no-repeat left bottom;
-}
-.v-window-wrap {
- background: transparent url(img/top-left.png) no-repeat;
-}
-.v-window-outerheader {
- height: 23px;
- margin-left: 9px;
- padding: 15px 40px 11px 12px;
- background: transparent url(img/top-right.png) no-repeat right top;
-}
-.v-window-header {
- font-size: 18px;
- line-height: 1.2;
- font-weight: normal;
- letter-spacing: -0.03em;
- color: #f14c1a;
- text-shadow: 0 1px 0 #fff;
- /* This element is 100% wide in IE6 */
-}
-.v-window-contents {
- background: #fff;
- border: 2px solid #acb2b3;
- border-top: none;
- border-bottom: none;
-}
-.v-window-footer {
- height: 8px;
- margin-left: 9px;
- background: transparent url(img/bottom-right.png) no-repeat right top;
-}
-.v-ie7 .v-window-footer {
- position: relative;
-}
-.v-window-resizebox {
- position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */
- right: 5px;
- width: 10px;
- height: 10px;
- margin-top: -7px;
- background: transparent url(img/resize.png);
-}
-.v-window-resizebox-disabled {
- background: transparent;
- display: block;
-}
-.v-window-closebox {
- position: absolute;
- top: 21px;
- right: 24px;
- width: 12px;
- height: 12px;
- background: transparent url(img/close.png);
-}
-.v-window-closebox:hover {
- background-position: 0 -12px;
-}
-.v-window-modalitycurtain {
- background: #fff;
-}
-/* Shadow for window */
-.v-shadow-window .top-left {
- top: -13px; left: -20px;
- width: 39px; height: 39px;
- background: transparent url(img/shadow/top-left.png);
-}
-.v-shadow-window .top {
- top: -13px; left: 19px;
- height: 39px;
- right: 19px;
- background: transparent url(img/shadow/top.png);
-}
-.v-shadow-window .top-right {
- top: -13px; right: -20px;
- width: 39px; height: 39px;
- background: transparent url(img/shadow/top-right.png);
-}
-.v-shadow-window .left {
- top: 26px; left: -20px;
- width: 39px;
- bottom: 12px;
- background: transparent url(img/shadow/left.png);
-}
-.v-shadow-window .center {
- top: 26px; left: 19px;
- bottom: 12px; right: 19px;
- background: transparent url(img/shadow/center.png);
-}
-.v-shadow-window .right {
- top: 26px; right: -20px;
- width: 39px;
- bottom: 12px;
- background: transparent url(img/shadow/right.png);
-}
-.v-shadow-window .bottom-left {
- bottom: -27px; left: -20px;
- width: 39px; height: 39px;
- background: transparent url(img/shadow/bottom-left.png);
-}
-.v-shadow-window .bottom {
- bottom: -27px; left: 19px;
- right: 19px; height: 39px;
- background: transparent url(img/shadow/bottom.png);
-}
-.v-shadow-window .bottom-right {
- bottom: -27px; right: -20px;
- width: 39px; height: 39px;
- background: transparent url(img/shadow/bottom-right.png);
-}
\ No newline at end of file
-@import url(../itmill5/styles.css);
+@import url(../runo/styles.css);
/*
* Simplified default theme to work seamlessly with Liferay
-@import url(../itmill5/styles.css);
+@import url(../runo/styles.css);
/* Reservr styles */\r
.v-app-ReservationApplication {\r
--- /dev/null
+.v-absolutelayout-wrapper {
+ position: absolute;
+ overflow:hidden;
+}
--- /dev/null
+.v-accordion-item {
+ background-color: #fff;
+}
+.v-accordion-item-caption {
+ height: 31px;
+ background: #edf0f0 url(../tabsheet/img/tab-bg.png);
+ font-size: 15px;
+ color: #656d73;
+ border-top: 1px solid #c8cccd;
+}
+.v-accordion-item-caption .v-caption {
+ padding: 7px 0 6px 18px;
+}
+.v-accordion-item-open .v-accordion-item-caption {
+ color: #3b4b57;
+ background: #d5dee2 url(img/selected-bg.png);
+ border-top-color: #cbd7de;
+ border-bottom-color: #bfc9d4;
+ text-shadow: #fafafa 0 1px 0;
+ border-bottom: 1px solid #c8cccd;
+}
\ No newline at end of file
--- /dev/null
+.v-button {\r
+ font-size: 13px;\r
+}\r
+.v-checkbox .v-errorindicator {\r
+ padding-left: 10px;\r
+}
+.v-ie6 .v-button,\r
+.v-ie7 .v-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+.v-ie6 .v-checkbox .v-errorindicator {\r
+ padding-right: 4px;\r
+}
+.v-ie7 .v-checkbox .v-errorindicator {\r
+ padding-right: 7px;\r
+}
+.v-ie6 .v-button .v-errorindicator,\r
+.v-ie7 .v-button .v-errorindicator {\r
+ padding-right: 5px;\r
+}
\ No newline at end of file
--- /dev/null
+.v-captionwrapper {
+ margin: 0.3em 0 0 0;
+}
+.v-errorindicator {
+ width: 12px;
+ height: 16px;
+ background: transparent url(../icons/16/error.png) no-repeat top right;
+}
+.v-ie6 .v-errorindicator {
+ /* gif for transparency */
+ background-image: url(../icons/16/error.gif);
+}
+.v-ie7 .v-errorindicator {
+ margin-left: -3px;
+}
\ No newline at end of file
--- /dev/null
+.v-generated-body {
+ background: #e9eced;
+}
+.v-app {
+ background: #e9eced;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 13px;
+ line-height: 18px;
+}
+.v-app-loading {
+ background-image: url(img/loading-indicator.gif);
+ background-repeat: no-repeat;
+ background-position: 50%;
+}
+/* Global font styles */
+.v-window,
+.v-popupview-popup,
+.v-app input,
+.v-app select,
+.v-app button,
+.v-app textarea,
+.v-window input,
+.v-window select,
+.v-window button,
+.v-window textarea,
+.v-popupview-popup input,
+.v-popupview-popup select,
+.v-popupview-popup button,
+.v-popupview-popup textarea {
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 13px;
+}
+.v-app select,
+.v-window select {
+ padding: 0;
+}
+/* Custom tooltip */
+.v-tooltip {
+ background-color: #fffcdd;
+ border: 1px solid #b8b295;
+ border-top-color: #d5d2c1;
+ border-left-color: #d5d2c1;
+ font-size: 11px;
+ line-height: 13px;
+ font-family: arial, helvetica, tahoma, verdana, sans-serif;
+ color: #5d5444;
+}
+.v-tooltip-text {
+ padding: 2px 4px;
+ border: none;
+ border-top: 1px solid #fffef5;
+ border-bottom: 1px solid #fbf8d9;
+}
+.v-tooltip .v-errormessage {
+ padding: 3px 4px 3px 4px;
+ background: #ffecc6;
+ color: #b74100;
+ border: none;
+ border-top: 1px solid #fff3dc;
+ border-bottom: 1px solid #ead7b1;
+}
+.v-tooltip .v-errormessage h2 {
+ font-size: 16px;
+ font-weight: normal;
+ color: #ab3101;
+ margin: 2px 0 8px 0;
+}
+.v-tooltip .v-errormessage h3 {
+ font-size: 13px;
+ font-weight: bold;
+ margin: 1px 0 4px 0;
+}
+.v-contextmenu {
+ background: #e9eced url(../tabsheet/img/tab-bg.png);
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ background-color: #f6f7f7;
+ color: #464f52;
+ font-size: 12px;
+ line-height: 14px;
+}
+.v-contextmenu .gwt-MenuBar {
+ border-right: 1px solid #c6cbcc;
+ border-bottom: 1px solid #c6cbcc;
+ border-top: 1px solid #d0d4d5;
+ border-left: 1px solid #d0d4d5;
+}
+.v-contextmenu .gwt-MenuItem {
+ padding: 2px 0;
+}
+.v-contextmenu .gwt-MenuItem div {
+ padding: 1px 20px 1px 8px;
+}
+.v-contextmenu .gwt-MenuItem-selected div {
+ color: #fff;
+ background: #5daee8;
+}
+.v-contextmenu .gwt-MenuItem img {
+ margin-right: 10px;
+}
+.v-loading-indicator,
+.v-loading-indicator-delay,
+.v-loading-indicator-wait {
+ width: 31px;
+ height: 31px;
+ background: transparent url(img/loading-indicator.gif);
+ margin-right: 5px;
+ margin-top: 5px;
+}
+.v-loading-indicator-delay {
+ background-image: url(img/loading-indicator-delay.gif);
+}
+.v-loading-indicator-wait {
+ background-image: url(img/loading-indicator-wait.gif);
+}
\ No newline at end of file
--- /dev/null
+.v-datefield-button {
+ font-size:13px;\r
+ width: 22px;\r
+ height: 24px;\r
+ padding: 0;\r
+ overflow: hidden;\r
+ border: none;\r
+ background: transparent url(img/open-button.png) no-repeat right 0;
+ vertical-align: top;\r
+}\r
+.v-datefield-popup {\r
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;\r
+ color: #464f52;\r
+ font-size: 12px;\r
+ background: #f6f7f7;\r
+ border: 1px solid #b6bbbc;\r
+ padding: 6px;\r
+}\r
+.v-datefield-calendarpanel {\r
+ width: 19em;\r
+ font-size: 12px;\r
+}\r
+.v-datefield-popup .v-datefield-calendarpanel {\r
+ width: 16em;\r
+}\r
+.v-datefield-calendarpanel td {\r
+ text-align: right;\r
+}\r
+.v-datefield-calendarpanel td span {\r
+ display: block;\r
+}\r
+.v-datefield-calendarpanel-header {\r
+ height: 30px;\r
+}\r
+.v-datefield-calendarpanel-header,\r
+.v-datefield-calendarpanel strong {\r
+ font-size: 13px;\r
+}\r
+.v-datefield-popup .v-datefield-calendarpanel-header,\r
+.v-datefield-popup .v-datefield-calendarpanel strong {\r
+ font-size: 12px;\r
+}\r
+.v-datefield-calendarpanel-month {\r
+ font-weight: bold;\r
+ text-shadow: #ffffff 2px 2px 0;\r
+}\r
+/* Year buttons */\r
+.v-datefield-calendarpanel .v-button-prevyear,\r
+.v-datefield-calendarpanel .v-button-nextyear {\r
+ display: block;\r
+ width: 16px;\r
+ height: 16px;\r
+ border: none;\r
+ padding: 0;\r
+ background: transparent url(img/prevyear.png) no-repeat;\r
+ text-indent: -90000px;\r
+ margin: 0 auto;\r
+}\r
+.v-datefield-calendarpanel .v-button-nextyear {\r
+ background: transparent url(img/nextyear.png) no-repeat;\r
+}\r
+.v-datefield-calendarpanel .v-button-prevyear:hover,\r
+.v-datefield-calendarpanel .v-button-nextyear:hover {\r
+ background-position: left bottom;\r
+}\r
+/* Month buttons */\r
+.v-datefield-calendarpanel .v-button-prevmonth,\r
+.v-datefield-calendarpanel .v-button-nextmonth {\r
+ display: block;\r
+ width: 11px;\r
+ height: 16px;\r
+ border: none;\r
+ padding: 0;\r
+ background: transparent url(img/prevmonth.png) no-repeat;\r
+ text-indent: -90000px;\r
+ margin: 0 auto;\r
+}\r
+.v-datefield-calendarpanel .v-button-nextmonth {\r
+ background: transparent url(img/nextmonth.png) no-repeat;\r
+}\r
+.v-datefield-calendarpanel .v-button-prevmonth:hover,\r
+.v-datefield-calendarpanel .v-button-nextmonth:hover {\r
+ background-position: left bottom;\r
+}\r
+.v-datefield-calendarpanel strong {\r
+ color: #ee5311;\r
+ display: block;\r
+ width: 20px;\r
+}\r
+.v-datefield-calendarpanel-day,\r
+.v-datefield-calendarpanel-day-today {\r
+ padding: 1px 3px;\r
+ width: 14px;\r
+ height: 16px;\r
+}\r
+.v-datefield-calendarpanel-day-today {\r
+ border: 1px solid #429ce9;\r
+ width: 12px;\r
+ height: 14px\r
+}\r
+.v-datefield-calendarpanel-day-entry {\r
+ color: #6a98b5;\r
+}\r
+.v-datefield-calendarpanel-day-disabled {\r
+ font-weight: normal;\r
+ color: #dddddd;\r
+}\r
+.v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled {\r
+ color: #afd6f8;\r
+}\r
+.v-datefield-calendarpanel-day-selected {\r
+ font-weight: bold;\r
+ width: 14px;\r
+ height: 16px;\r
+ color: #fff;\r
+ padding: 1px 3px;\r
+ background: transparent url(img/selected-bg.png) no-repeat 50% 50%;\r
+ border: none;\r
+}\r
+.v-datefield-time {\r
+ font-size: 11px;\r
+}\r
+.v-datefield-time .v-select {\r
+ font-size: 10px;\r
+ padding: 0;\r
+ margin: 0;\r
+}
+.v-datefield-rendererror .v-textfield {
+ background: #ff9999;
+}
+/* IE specific styles */
+.v-ie7 .v-datefield-button {
+ background-position: right 1px;
+ height: 25px;
+ margin: 0;
+}
\ No newline at end of file
--- /dev/null
+.v-formlayout-cell .v-errorindicator {
+ width: 10px;
+ height: 16px;
+ background: transparent url(../icons/16/error.png) no-repeat top right;
+}
+.v-formlayout-captioncell {
+ text-align:right;
+ white-space: nowrap;
+}
+.v-formlayout-error-indicator {
+ /* fix width so layout is not jumpy when error disapear */
+ width: 12px;
+}
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
+ padding-top: 8px;
+}
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
+ padding-top: 15px;
+}
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
+ padding-bottom: 15px;
+}
+.v-formlayout-margin-left .v-formlayout-captioncell {
+ padding-left: 18px;
+}
+.v-formlayout-margin-right .v-formlayout-contentcell {
+ padding-right: 18px;
+}
+/* form */
+.v-form-errormessage {
+ background: transparent url(../icons/16/error.png) no-repeat top left;
+ padding-left: 20px;
+ margin-bottom: 5px;
+ margin-top: 5px;
+ min-height: 20px;
+}
+.v-ie6 .v-form-errormessage {
+ height: 20px
+}
+.v-form fieldset {
+ border: none;
+ border-top: 1px solid #babfc0;
+}
+.v-form legend {
+ margin: 0;
+ padding: 0 4px 0.3em 4px;
+ font-weight: bold;
+}
\ No newline at end of file
--- /dev/null
+.v-gridlayout-margin-top {
+ padding-top: 15px;
+}
+.v-gridlayout-margin-bottom {
+ padding-bottom: 15px;
+}
+.v-gridlayout-margin-left {
+ padding-left: 18px;
+}
+.v-gridlayout-margin-right {
+ padding-right: 18px;
+}
+.v-gridlayout-spacing-on {
+ padding-left: 8px;
+ padding-top: 8px;
+}
\ No newline at end of file
--- /dev/null
+.v-link a {
+ color: #464f52;
+}
\ No newline at end of file
--- /dev/null
+.v-menubar {
+ color: #464f52;
+ border: 1px solid #c6cbcc;
+ border-right: none;
+}
+.v-menubar .menuitem {
+ padding: 0 10px;
+ margin: 0 10px;
+ border-right: 1px solid #c6cbcc;
+}
+.v-menubar .menuitem-selected {
+ color: #fff;
+ background: #5daee8;
+}
+.v-menubar-submenu {
+ background: #e9eced url(../tabsheet/img/tab-bg.png);
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 12px;
+ line-height: 14px;
+ border-right: 1px solid #c6cbcc;
+ border-bottom: 1px solid #c6cbcc;
+ border-top: 1px solid #d0d4d5;
+ border-left: 1px solid #d0d4d5;
+}
+.v-menubar-submenu .menuitem {
+ padding: 2px 10px;
+}
+.v-menubar-submenu .menuitem-selected {
+ color: #fff;
+ background: #5daee8;
+}
\ No newline at end of file
--- /dev/null
+.v-Notification {
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ background-color: #818e92;
+ color: #ffffff;
+ padding: 9px 12px;
+ cursor: pointer;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ overflow: hidden;
+}
+.v-Notification h1,
+.v-Notification p,
+.v-Notification.error h1,
+.v-Notification.error p,
+.v-Notification.warning h1,
+.v-Notification.warning p {
+ display: inline;
+ font-weight: normal;
+ white-space: nowrap;
+ margin: 0 10px 0 0;
+}
+.v-Notification.warning {
+ background: #fff1e4;
+ color: #dd3400;
+ border: 2px solid #ffaa90;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ opacity: 1;
+}
+.v-Notification.error {
+ background: #f23d00 url(img/close-error.png) no-repeat right 5px;
+ padding-right: 30px;
+ border: 3px solid #c30000;
+ -moz-border-radius: 6px;
+ -webkit-border-radius: 6px;
+ border-radius: 6px;
+}
+.v-Notification.tray {
+ background: #575e60;
+ padding: 0.5em;
+ margin: 0 5px 5px 0;
+}
+.v-Notification.tray h1 {
+ display: block;
+ font-weight: bold;
+ font-size: 0.9em;
+ line-height: 1.1;
+ background: #3b4245;
+ padding: 4px 10px;
+ margin: 0;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+.v-Notification.tray p {
+ display: block;
+ font-size: 0.9em;
+ line-height: 1.1;
+ margin: 8px 10px 5px 10px;
+ color: #e4e7ea;
+}\r
+.v-Notification.system {\r
+ background-color: #ff0a0a;\r
+ opacity: 0.7;\r
+ filter: alpha(opacity=70);\r
+}\r
+.v-Notification.system h1 {\r
+ display: block;\r
+ margin: 0;\r
+}\r
+.v-Notification.system p {\r
+ white-space: nowrap;\r
+}
\ No newline at end of file
--- /dev/null
+.v-orderedlayout-margin-top,
+.v-horizontallayout-margin-top,
+.v-verticallayout-margin-top {
+ padding-top: 15px;
+}
+.v-orderedlayout-margin-right,
+.v-horizontallayout-margin-right,
+.v-verticallayout-margin-right {
+ padding-right: 18px;
+}
+.v-orderedlayout-margin-bottom,
+.v-horizontallayout-margin-bottom,
+.v-verticallayout-margin-bottom {
+ padding-bottom: 15px;
+}
+.v-orderedlayout-margin-left,
+.v-horizontallayout-margin-left,
+.v-verticallayout-margin-left {
+ padding-left: 18px;
+}
+.v-orderedlayout-spacing-on,
+.v-horizontallayout-spacing-on,
+.v-verticallayout-spacing-on {
+ padding-top: 8px;
+ padding-left: 8px;
+}
\ No newline at end of file
--- /dev/null
+.v-panel {
+ background: transparent url(img/top-left.png) no-repeat;
+}
+.v-panel-caption .v-errorindicator {
+ padding-right: 20px;
+ background: transparent url(../icons/16/error.png) no-repeat bottom center;
+
+}
+.v-panel-caption,
+.v-panel-caption-light {
+ font-size: 18px;
+ line-height: 18px;
+ font-weight: normal;
+ letter-spacing: -0.03em;
+ color: #f14c1a;
+ height: 18px;
+ padding: 15px 18px 14px 8px;
+ margin-left: 10px;
+ background: transparent url(img/top-right.png) no-repeat right top;
+}
+.v-panel-nocaption {
+ height: 9px;
+ margin-left: 10px;
+ background: transparent url(img/top-right.png) no-repeat right top;
+}
+.v-panel-content {
+ border: 1px solid #babfc0;
+ border-bottom: 1px solid #dee2e3;
+ background-color: #fff;
+}
+.v-panel-deco {
+ height: 9px;
+ background: transparent url(img/bottom-right.png) repeat-x right top;
+ margin-left: 9px;
+}
+.v-panel-deco:before {
+ display: block;
+ content: "";
+ width: 9px;
+ height: 9px;
+ margin-left: -9px;
+ background: transparent url(img/bottom-left.png) no-repeat;
+}
+/* Light panel style */
+.v-panel-light,
+.v-panel-caption-light {
+ background: transparent;
+}
+.v-panel-nocaption-light {
+ background: transparent;
+ height: 0;
+ margin: 0;
+}
+.v-panel-content-light {
+ border: none;
+ border-top: 1px solid #babfc0;
+ background: transparent;
+}
+.v-panel-deco-light {
+ height: 0;
+ overflow: hidden;
+}
+/* IE specific rules */
+.v-ie6 .v-panel {
+ background: transparent;
+}
+.v-ie6 .v-panel-caption {
+ border: 1px solid #babfc0;
+ border-bottom: none;
+ background: #fff;
+ margin: 0;
+ padding-left: 18px
+}
+.v-ie6 .v-panel-nocaption {
+ border: none;
+ background: transparent;
+ margin: 0;
+ height: 0;
+}
+.v-ie6 .v-panel-caption-light {
+ border: none;
+ background: transparent;
+}
+.v-ie6 .v-panel-content,
+.v-ie7 .v-panel-content,
+.v-ie8 .v-panel-content {
+ border-bottom: 1px solid #babfc0;
+}
+.v-ie6 .v-panel-content-light,
+.v-ie7 .v-panel-content-light,
+.v-ie8 .v-panel-content-light {
+ border-bottom: none;
+}
+.v-ie6 .v-panel-deco,
+.v-ie7 .v-panel-deco,
+.v-ie8 .v-panel-deco {
+ height: 0;
+ overflow: hidden;
+}
\ No newline at end of file
--- /dev/null
+.v-popupview-popup {
+ border: 1px solid #babfc0;
+ border-bottom: 1px solid #dee2e3;
+ background: #fff;
+ padding: 3px;
+}
\ No newline at end of file
--- /dev/null
+.v-progressindicator {
+ background: #dfe2e4 url(img/base.gif) repeat-x 0 1px;
+}
+.v-progressindicator-wrapper {
+ border: 1px solid #b6bbbc;
+}
+.v-progressindicator-disabled {
+ background: #dfe2e4 url(img/disabled.gif);
+ border: 1px solid #b6bbbc;
+}
+.v-progressindicator-indicator {
+ background: #f7f9f9 url(img/progress.png);
+}
+.v-progressindicator-indeterminate {
+ background: #dfe2e4 url(../common/img/ajax-loader-medium.gif);
+}
+.v-progressindicator-indeterminate-disabled {
+ background: #dfe2e4 url(../common/img/blank.gif);
+}
\ No newline at end of file
--- /dev/null
+.v-select-select {\r
+ font-size: 13px;\r
+}\r
+/* Twincol style */\r
+.v-select-twincol-options,\r
+.v-select-twincol-selections {\r
+ font-size: 13px;\r
+}\r
+.v-select-twincol-buttons {\r
+ padding: 2px; /* does not work in first render in FF ? */\r
+}
+
+/** Filterselect aka ComboBox styles */
+
+.v-filterselect {
+ height: 23px;
+ background: transparent url(img/bg-left-filter.png) no-repeat;
+ padding-left: 4px;
+}
+.v-app .v-filterselect .v-filterselect-input,
+.v-window .v-filterselect .v-filterselect-input,
+.v-popupview-popup .v-filterselect .v-filterselect-input {
+ background: transparent url(img/bg-center-filter.png) no-repeat 1px 0;
+ border: none;
+ height: 20px;
+ margin: 0;
+ padding: 3px 0 0 2px;
+ font-size: 13px;
+}\r
+.v-filterselect-prompt .v-filterselect-input {\r
+ font-style: normal;\r
+}
+.v-filterselect-input:focus {
+ /* remove safari/mac outline from this element */
+ outline: none;
+}
+.v-filterselect-focus {
+ outline: 1px solid #5daee8;
+ outline-offset: -1px;
+}
+.v-sa .v-filterselect-focus {
+ /* place safari focus outline around the whole thing */
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -4px;
+}
+.v-filterselect-button {
+ width: 25px;
+ height: 23px;
+ background: transparent url(img/bg-right-filter.png);
+}
+.v-filterselect-button:hover {
+ background-position: bottom left;
+}
+.v-disabled .v-filterselect-button:hover,
+.v-readonly .v-filterselect-button:hover {
+ background-position: top left;
+}
+.v-filterselect.v-readonly .v-filterselect-input {
+ background: transparent;
+ color: black;
+}
+.v-filterselect-suggestpopup {
+ background: #f6f7f7;
+ border: 1px solid #b6bbbc;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 12px;
+ line-height: 18px;
+ margin-top: -1px;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem {
+ padding: 1px 6px;
+ cursor: pointer;
+ height: 18px;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
+ margin-right: 3px;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem-selected {
+ background: #5daee8;
+ color: #fff;
+}
+.v-filterselect-nextpage,
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off,
+.v-filterselect-prevpage {
+ height: 11px;
+ width:100%;
+ background: transparent url(img/button-bg.png) no-repeat 50% 0;
+ margin: 2px 0 0 0;
+}
+.v-filterselect-prevpage,
+.v-filterselect-prevpage-off {
+ background-position: 50% -1px;
+ margin: 0 0 2px 0;
+}
+.v-filterselect-prevpage:hover {
+ background-position: 50% bottom;
+}
+.v-filterselect-nextpage:hover {
+ background-position: 50% -12px;
+}
+.v-filterselect-nextpage span,
+.v-filterselect-nextpage-off span,
+.v-filterselect-prevpage-off span,
+.v-filterselect-prevpage span {
+ display: block;
+ height: 12px;
+ width:100%;
+ background: transparent url(img/arrow-up.png) no-repeat 50% 40%;
+ text-indent: -90000px;
+ cursor: pointer;
+ overflow: hidden;
+}
+.v-filterselect-nextpage span,
+.v-filterselect-nextpage-off span {
+ background: transparent url(img/arrow-down.png) no-repeat 50% 60%;
+}
+.v-filterselect-status {
+ font-size: 11px;
+ line-height: 11px;
+ width: 100%;
+ padding: 4px 0px;
+ height: 11px;
+ border-top: 1px solid #b6bbbc;
+}
+
+
+/* Error styles (disabled by default)
+ ----------------------------------
+
+.v-filterselect-error {
+ background-image: url(img/bg-left-filter-error.png);
+}
+.v-filterselect-error .v-filterselect-input {
+ background-image: url(img/bg-center-filter-error.png);
+}
+.v-filterselect-error .v-filterselect-button {
+ background-image: url(img/bg-right-filter-error.png);
+}
+.v-select-error .v-select-option,
+.v-select-error .v-select-select,
+.v-select-error .v-select-twincol-selections,
+.v-select-error .v-select-twincol-options {
+ background: #FFE0E0;
+}
+*/
+
+/* Required field styles (disabled by default)
+ --------------------------------------------
+
+.v-select-required .v-select-option,
+.v-select-required .v-select-select,
+.v-select-required .v-select-twincol-selections,
+.v-select-required .v-select-twincol-options {
+ background: #FFE0E0;
+}
+*/
\ No newline at end of file
--- /dev/null
+.v-shadow {
+ position: absolute;
+}
+
+.v-shadow .top-left {
+ position: absolute; overflow: hidden;
+ top: -3px; left: -4px;
+ width: 8px; height: 8px;
+ background: transparent url(img/top-left.png);
+}
+
+.v-shadow .top {
+ position: absolute; overflow: hidden;
+ top: -3px; left: 4px;
+ height: 8px; right: 4px;
+ background: transparent url(img/top.png);
+}
+
+.v-shadow .top-right {
+ position: absolute; overflow: hidden;
+ top: -3px; right: -4px;
+ width: 8px; height: 8px;
+ background: transparent url(img/top-right.png);
+}
+
+.v-shadow .left {
+ position: absolute; overflow: hidden;
+ top: 5px; left: -4px;
+ width: 8px;
+ bottom: 3px;
+ background: transparent url(img/left.png);
+}
+
+.v-shadow .center {
+ position: absolute; overflow: hidden;
+ top: 5px; left: 4px;
+ bottom: 3px; right: 4px;
+ background: transparent url(img/center.png);
+}
+
+.v-shadow .right {
+ position: absolute; overflow: hidden;
+ top: 5px; right: -4px;
+ width: 8px;
+ bottom: 3px;
+ background: transparent url(img/right.png);
+}
+
+.v-shadow .bottom-left {
+ position: absolute; overflow: hidden;
+ bottom: -5px; left: -4px;
+ width: 8px; height: 8px;
+ background: transparent url(img/bottom-left.png);
+}
+
+.v-shadow .bottom {
+ position: absolute; overflow: hidden;
+ bottom: -5px; left: 4px;
+ right: 4px; height: 8px;
+ background: transparent url(img/bottom.png);
+}
+
+.v-shadow .bottom-right {
+ position: absolute; overflow: hidden;
+ bottom: -5px; right: -4px;
+ width: 8px; height: 8px;
+ background: transparent url(img/bottom-right.png);
+}
\ No newline at end of file
--- /dev/null
+.v-slider {
+ border-top: 1px solid #cccfd0;
+ border-bottom: 1px solid #cccfd0;
+ margin: 5px 0;
+}
+.v-slider-base {
+ /* changing the borders will require adjustments to ISlider.java */
+ height: 2px;
+ background: #f3f3f4;
+ border-top: 1px solid #cbcdce;
+ border-left: 1px solid #cccfd0;
+ border-right: 1px solid #cccfd0;
+}
+.v-slider-handle {
+ background: transparent url(img/handle-horizontal.png);
+ width: 12px;
+ height: 12px;
+ margin-top: -5px;
+ cursor: pointer;
+}
+.v-slider-handle:hover {
+ background-position: left bottom;
+}
+.v-slider-scrollbar .v-slider-handle,
+.v-slider-scrollbar.v-slider-vertical .v-slider-handle {
+ background: #ffffff;
+ border: 1px solid #cccfd0;
+ border-radius: 6px;
+ -moz-border-radius: 6px;
+ -webkit-border-radius: 6px;
+}
+
+.v-slider-vertical {
+ width: 3px;
+ margin: 0 5px;
+ border: none;
+ border-left: 1px solid #cccfd0;
+ border-right: 1px solid #cccfd0;
+}
+.v-slider-vertical .v-slider-base {
+ width: 2px;
+ border-left: 1px solid #cbcdce;
+ border-right: none;
+ background: #f3f3f4;
+ border-top: 1px solid #cccfd0;
+ border-bottom: 1px solid #cccfd0;
+}
+.v-slider-vertical .v-slider-handle {
+ background: transparent url(img/handle-vertical.png);
+ width: 12px;
+ height: 12px;
+ margin-left: -5px;
+}
+.v-slider-vertical .v-slider-handle:hover {
+ background-position: left bottom;
+}
+
+/* Disabled by default
+.v-slider-error .v-slider-base {
+ background:transparent;
+ background-color: #FFE0E0;
+}
+*/
+
+/* Disabled by default
+.v-slider-required .v-slider-base {
+ background:transparent;
+ background-color: #FFE0E0;
+}
+*/
+
+/* IE specific styles */
+
+.v-ie6 .v-slider,
+.v-ie6 .v-slider-vertical {
+ margin: 0;
+}
+.v-ie6 .v-slider .v-slider-handle {
+ margin: -1px 0;
+}
+.v-ie6 .v-slider-vertical .v-slider-handle {
+ margin: 0 -1px;
+}
\ No newline at end of file
--- /dev/null
+.v-splitpanel-horizontal, .v-splitpanel-vertical {
+ overflow: hidden;
+}
+
+.v-splitpanel-horizontal .v-splitpanel-hsplitter {
+ width: 6px;
+ font-size: 1px; /* for IE6 */
+}
+
+.v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+ width: 6px;
+ font-size: 1px; /* for IE6 */
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ background: #ccd2d0 url(img/bg_hor.png);
+ border: 1px solid #b6bbbc;
+ cursor: e-resize;
+ margin: 0 -1px;
+}
+
+.v-splitpanel-vertical .v-splitpanel-vsplitter {
+ height: 6px;
+ font-size: 1px; /* for IE6 */
+}
+
+.v-splitpanel-vertical .v-splitpanel-vsplitter div {
+ height: 6px;
+ font-size: 1px; /* for IE6 */
+ background: #ccd2d0 url(img/bg_ver.png);
+ border: 1px solid #b6bbbc;
+ cursor: n-resize;
+ margin: -1px 0;
+}
+
+
+
+
+
+/* IE specific styles */
+
+* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+ height: 99%;
+}
+
+* html .v-splitpanel-vertical .v-splitpanel-vsplitter {
+ height: 8px;
+}
+
+* html .v-splitpanel-vertical .v-splitpanel-vsplitter div {
+ margin: 0;
+}
+
--- /dev/null
+/* Automatically compiled css file from subdirectories. */
+
+/* ./WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.css */
+.v-absolutelayout-wrapper {
+ position: absolute;
+ overflow: hidden;
+}
+
+/* ./WebContent/VAADIN/themes/base/accordion/accordion.css */
+.v-accordion {
+ position: relative;
+ outline: none;
+ overflow: hidden;
+ text-align: left /* Force default alignment */
+}
+.v-accordion-item {
+ position: relative;
+}
+.v-accordion-item-caption {
+ overflow: hidden;
+ white-space: nowrap;
+ background: #eee;
+ border-bottom: 1px solid #ddd;
+}
+.v-accordion-item-caption .v-caption {
+ cursor: pointer;
+}
+.v-accordion-item-open .v-accordion-item-caption .v-caption {
+ cursor: default;
+}
+.v-accordion-item-content {
+ position: absolute;
+ overflow: auto;
+ width: 100%;
+}
+
+/* ./WebContent/VAADIN/themes/base/button/button.css */
+.v-button {
+ cursor: pointer;
+ white-space: nowrap;
+ margin: 0;
+}
+.v-button span {
+ white-space: nowrap;
+}
+.v-checkbox input {
+ vertical-align: middle;
+}
+.v-button img,
+.v-checkbox img {
+ display: inline;
+ vertical-align: middle;
+ margin-right: 3px;
+}
+.v-button span,
+.v-checkbox label {
+ vertical-align: middle;
+}
+.v-button-link {
+ border: none;
+ text-align: left;
+ background: none;
+ padding: 0;
+}
+/* Inset Safari focus outline a bit */
+.v-sa .v-button-link:focus {
+ outline-offset: -3px;
+}
+.v-button-link span {
+ text-decoration: underline;
+}
+.v-checkbox {
+ white-space: nowrap;
+}
+.v-checkbox .v-errorindicator {
+ float: none;
+ display: inline;
+ padding-left: 1em;
+ background-position: left;
+}
+/* Fixes streched buttons in IE6 and IE7*/
+.v-ie6 .v-button {
+ width: 1px;
+}
+.v-ie6 .v-button,
+.v-ie7 .v-button,
+.v-ie8 .v-button {
+ overflow: visible;
+ padding-left: 1em;
+ padding-right: 1em;
+}
+/* Error indicator on checkbox fix for IE6 */
+.v-ie6 .v-checkbox * {
+ float: left;
+ display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */
+}
+.v-ie6 .v-checkbox .v-errorindicator {
+ background-position: right;
+ display: inline;
+ float: left;
+ padding-left: 0;
+ padding-right: 0.4em;
+}
+/* Error indicator on checkbox fix for IE7 */
+.v-ie7 .v-checkbox *,
+.v-ie8 .v-checkbox * {
+ float: left;
+}
+.v-ie7 .v-checkbox .v-errorindicator,
+.v-ie8 .v-checkbox .v-errorindicator {
+ background-position: right;
+ float: left;
+ padding-left: 0;
+ padding-right: 0.7em;
+}
+/* Error indicator on button fix for IE */
+.v-ie6 button .v-errorindicator,
+.v-ie7 button .v-errorindicator,
+.v-ie8 button .v-errorindicator {
+ display: inline;
+ padding-right: 0.5em;
+}
+/* Disabled by default
+.v-checkbox-error {
+ background: #ffe0e0;
+}
+*/
+/* Disabled by default
+.v-checkbox-required {
+ background: #ffe0e0;
+}
+*/
+
+/* ./WebContent/VAADIN/themes/base/caption/caption.css */
+.v-captionwrapper {
+ text-align: left; /* Force default alignment */
+}
+.v-caption {
+ overflow: hidden;
+ white-space: nowrap;
+}
+.v-errorindicator {
+ float: left;
+}
+.v-caption .v-icon {
+ float: left;
+ padding-right: 2px;
+ vertical-align: middle;
+}
+.v-caption .v-captiontext {
+ float: left;
+ overflow: hidden;
+ vertical-align: middle;
+}
+.v-caption .v-required-field-indicator {
+ float: left;
+}
+
+/* Fix IE6 "double-float-margin-bug" */
+.v-ie6 .v-errorindicator,
+.v-ie6 .v-icon,
+.v-ie6 .v-captiontext,
+.v-ie6 .v-required-field-indicator {
+ display: inline;
+}
+
+/* ./WebContent/VAADIN/themes/base/common/common.css */
+/* References the BODY tag generated by Vaadin application servlet */
+.v-generated-body {
+ width: 100%;
+ height: 100%;
+ border: 0;
+ margin: 0;
+ overflow: hidden;
+}
+.v-app {
+ height: 100%;
+}
+.v-app-loading {
+ /* You can use this to provide indication for the user that the application is loading. */
+ /* It is applied to the same element as .v-app */
+}
+.v-view {
+ height: 100%;
+ width: 100%;
+ overflow: auto;
+ /* avoid scrollbars with margins in root layout */
+ outline: none;
+ margin-top: -1px;
+ border-top: 1px solid transparent;
+ position: relative;
+}
+/**
+ * Try to handle printing somehow. Reasonable printing support
+ * needs application specific planning and CSS tuning.
+ */
+@media print {
+ .v-generated-body {
+ height: auto;
+ min-height: 20cm;
+ overflow: visible;
+ }
+ .v-app {
+ height: auto;
+ min-height: 20cm;
+ }
+ .v-view {
+ overflow: visible;
+ }
+ .v-gridlayout {
+ overflow: visible !important;
+ }
+}
+.v-view:active,
+.v-view:focus {
+ outline: none;
+}
+.v-app select,
+.v-window select {
+ margin: 0;
+}
+.v-disabled {
+ opacity: .3;
+ filter: alpha(opacity=30);
+ cursor: default;
+}
+.v-disabled * {
+ cursor: default;
+}
+* html .v-disabled {
+ zoom: 1;
+}
+*+html .v-disabled {
+ zoom: 1;
+}
+.v-disabled .v-disabled {
+ opacity: 1;
+}
+.v-required-field-indicator {
+ padding-left: 2px;
+ color: red;
+}
+.v-form fieldset {
+ border: none;
+ padding: 0;
+ margin: 0;
+}
+/* Field modified */ /* Disabled by default
+.v-modified,
+.v-richtextarea.v-modified iframe.gwt-RichTextArea,
+.v-checkbox.v-modified,
+.v-modified .v-select-option,
+.v-modified .v-textfield,
+.v-modified .v-datefield-calendarpanel,
+.v-modified .v-select-select,
+.v-modified .v-select-twincol-selections,
+.v-modified .v-select-twincol-options,
+.v-modified .v-slider-base {
+ background: #ffffe0;
+}
+*/
+.v-tooltip {
+ cursor: default;
+ background: #fff;
+}
+.v-tooltip-text {
+ overflow: auto;
+}
+.v-tooltip .v-errormessage {
+ overflow: auto;
+}
+.v-contextmenu {
+ background: #fff;
+}
+.v-contextmenu .gwt-MenuItem {
+ cursor: pointer;
+ vertical-align: middle;
+ padding: 0;
+ border: 0;
+ margin: 0;
+}
+.v-contextmenu .gwt-MenuItem div {
+ cursor: pointer;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+.v-contextmenu .gwt-MenuItem-selected div {
+ background: #aaa;
+ color: #fff;
+}
+.v-contextmenu table {
+ border-collapse: collapse;
+ margin: 0;
+ padding: 0;
+}
+.v-contextmenu .gwt-MenuItem img {
+ margin-right: 1em;
+ vertical-align: middle;
+}
+/* Margins are not supported within Label */
+.v-label pre {
+ margin: 0;
+}
+/* A label with undefined width is always considered to be on one line */
+.v-label-undef-w {
+ white-space: nowrap;
+}
+/* Loading indicator states
+ * Note: client side expects that loading indicator has a height. It depends on
+ * this css property to ensure browsers have applied all required styles.
+ */
+.v-loading-indicator,
+.v-loading-indicator-delay,
+.v-loading-indicator-wait {
+ height: 16px;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 30000;
+}
+/* Debug dialog */
+.v-debug-console {
+ background: #fff;
+ opacity: .9;
+ border: 1px solid #000;
+ font-family: sans-serif;
+}
+.v-debug-console-caption {
+ background: #000;
+ border-bottom: 1px solid grey;
+ color: white;
+ font-weight: bold;
+}
+.v-debug-console-content {
+ font-size: x-small;
+ overflow: auto;
+}
+.v-debug-console-content input {
+ font-size: xx-small;
+}
+/* Debug style */
+.v-app .invalidlayout,
+.v-app .invalidlayout * {
+ background: #f99 !important;
+}
+/* Fix for Liferay, issue #2384 */
+.v-app input[type="text"],
+.v-app input[type="password"],
+.v-app input[type="reset"],
+.v-app select,
+.v-app textarea {
+ padding: 2px;
+}
+
+/* ./WebContent/VAADIN/themes/base/customcomponent/customcomponent.css */
+.v-customcomponent {
+ overflow: hidden;
+}
+
+/* ./WebContent/VAADIN/themes/base/customlayout/customlayout.css */
+.v-customlayout {
+ overflow: hidden;
+}
+
+/* ./WebContent/VAADIN/themes/base/datefield/datefield.css */
+.v-datefield {
+ white-space: nowrap;
+}
+.v-datefield-textfield {
+ vertical-align: top;
+}
+.v-datefield-button {
+ cursor: pointer;
+}
+.v-datefield-calendarpanel table {
+ width: 100%;
+}
+.v-datefield-calendarpanel td {
+ padding: 0;
+ margin: 0;
+}
+.v-datefield-calendarpanel-header td {
+ text-align: center;
+}
+.v-datefield-calendarpanel-month {
+ text-align: center;
+ white-space: nowrap;
+}
+.v-datefield-calendarpanel-day,
+.v-datefield-calendarpanel-day-today {
+ cursor: pointer;
+}
+.v-datefield-calendarpanel-day-today {
+ border: 1px solid #ddd;
+}
+.v-disabled .v-datefield-calendarpanel-day,
+.v-disabled .v-datefield-calendarpanel-day-today {
+ cursor: default;
+}
+.v-datefield-calendarpanel-day-disabled {
+ cursor: default;
+ opacity: .5;
+}
+.v-datefield-calendarpanel-day-selected {
+ cursor: default;
+ background: #333;
+ color: #fff;
+}
+.v-datefield-time {
+ white-space: nowrap;
+}
+.v-datefield-time .v-label {
+ display: inline;
+}
+/* Disabled by default
+.v-datefield-error .v-textfield,
+.v-datefield-error .v-datefield-calendarpanel {
+ background: #ffe0e0;
+}
+*/
+
+/* Disabled by default
+.v-datefield-required .v-textfield,
+.v-datefield-required .v-datefield-calendarpanel {
+ background:transparent;
+ background-color: #ffe0e0;
+}
+*/
+/* IE somehow loses generic v-disabled alpha. See #1960 */
+.v-ie6 .v-disabled .v-datefield-button,
+.v-ie6 .v-disabled .v-datefield-textfield,
+.v-ie7 .v-disabled .v-datefield-button,
+.v-ie7 .v-disabled .v-datefield-textfield {
+ filter: alpha(opacity=30);
+}
+
+/* ./WebContent/VAADIN/themes/base/formlayout/formlayout.css */
+.v-formlayout-cell .v-errorindicator {
+ display: block;
+}
+.v-formlayout-captioncell {
+ text-align:right;
+ white-space: nowrap;
+}
+.v-formlayout-captioncell .v-caption {
+ overflow: visible;
+}
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
+ padding-top: 1em;
+}
+.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-captioncell,
+.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-contentcell,
+.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-errorcell {
+ padding-top: 0;
+}
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
+ padding-top: 2em;
+}
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
+ padding-bottom: 2em;
+}
+.v-formlayout-margin-left .v-formlayout-captioncell {
+ padding-left: 2em;
+}
+.v-formlayout-margin-right .v-formlayout-contentcell {
+ padding-right: 2em;
+}
+.v-formlayout-captioncell .v-caption .v-required-field-indicator {
+ float: none;
+}
+
+/* ./WebContent/VAADIN/themes/base/gridlayout/gridlayout.css */
+.v-gridlayout-margin-top {
+ padding-top: 2em;
+}
+.v-gridlayout-margin-bottom {
+ padding-bottom: 2em;
+}
+.v-gridlayout-margin-left {
+ padding-left: 2em;
+}
+.v-gridlayout-margin-right {
+ padding-right: 2em;
+}
+.v-gridlayout-spacing-on {
+ padding-left: 1em;
+ padding-top: 1em;
+ overflow: hidden;
+}
+.v-gridlayout-spacing,
+.v-gridlayout-spacing-off {
+ padding-left: 0;
+ padding-top: 0;
+}
+.v-gridlayout-spacing-off {
+ overflow: hidden;
+}
+/* Ensure that resizing gridlayout works in IE */
+.v-ie6 .v-gridlayout,
+.v-ie7 .v-gridlayout {
+ overflow: hidden;
+}
+
+/* ./WebContent/VAADIN/themes/base/link/link.css */
+.v-link {
+ white-space: nowrap;
+}
+.v-link a {
+ vertical-align: middle;
+ text-decoration: none;
+}
+.v-link span {
+ text-decoration: underline;
+ vertical-align: middle;
+}
+.v-disabled a {
+ cursor: default;
+}
+.v-link img {
+ vertical-align: middle;
+ border:none;
+}
+
+/* ./WebContent/VAADIN/themes/base/menubar/menubar.css */
+.v-menubar table {
+ white-space: nowrap;
+ border-collapse: collapse;
+ padding: 0;
+ margin: 0;
+}
+.v-menubar table {
+ white-space: nowrap;
+ border-collapse: collapse;
+ padding: 0;
+ margin: 0;
+}
+.v-menubar .menuitem {
+ cursor : default;
+}
+.v-menubar-submenu {
+ background: #fff;
+}
+.v-menubar-submenu table {
+ white-space: nowrap;
+ border-collapse: collapse;
+ padding: 0;
+ margin: 0;
+}
+.v-menubar-submenu table td {
+ white-space: nowrap;
+ padding: 0;
+ margin: 0;
+}
+.v-menubar .menuitem-selected,
+.v-menubar-submenu .menuitem-selected {
+ background: #333;
+ color: #fff;
+}
+.v-menubar-submenu .menuitem {
+ cursor: default;
+}
+
+/* ./WebContent/VAADIN/themes/base/notification/notification.css */
+.v-Notification {
+ background: #999;
+ color: #fff;
+ cursor: pointer;
+ overflow: hidden;
+ padding: 1em;
+}
+.v-Notification h1,
+.v-Notification p,
+.v-Notification.error h1,
+.v-Notification.error p,
+.v-Notification.warning h1,
+.v-Notification.warning p {
+ display: inline;
+ white-space: nowrap;
+ margin: 0 0.5em 0 0;
+}
+.v-Notification.warning {
+ background: orange;
+}
+.v-Notification.error {
+ background: red;
+}
+.v-Notification.tray h1 {
+ display: block;
+}
+.v-Notification.tray p {
+ display: block;
+}
+.v-Notification.system {
+ background-color: red;
+ opacity: .7;
+ filter: alpha(opacity=70);
+}
+.v-Notification.system h1 {
+ display: block;
+ margin: 0;
+}
+.v-Notification.system p {
+ white-space: nowrap;
+}
+
+/* ./WebContent/VAADIN/themes/base/orderedlayout/orderedlayout.css */
+.v-orderedlayout-margin-top,
+.v-horizontallayout-margin-top,
+.v-verticallayout-margin-top {
+ padding-top: 2em;
+}
+.v-orderedlayout-margin-right,
+.v-horizontallayout-margin-right,
+.v-verticallayout-margin-right {
+ padding-right: 2em;
+}
+.v-orderedlayout-margin-bottom,
+.v-horizontallayout-margin-bottom,
+.v-verticallayout-margin-bottom {
+ padding-bottom: 2em;
+}
+.v-orderedlayout-margin-left,
+.v-horizontallayout-margin-left,
+.v-verticallayout-margin-left {
+ padding-left: 2em;
+}
+.v-orderedlayout-spacing-on,
+.v-horizontallayout-spacing-on,
+.v-verticallayout-spacing-on {
+ padding-top: 1em;
+ padding-left: 1em;
+}
+/* This can be used to define spacing if spacing is off server side */
+.v-orderedlayout-spacing-off,
+.v-horizontallayout-spacing-off,
+.v-verticallayout-spacing-off {
+ padding-top: 0;
+ padding-left: 0;
+}
+/* To make sure IE don't expand elements larger than they should */
+.v-ie6 .v-orderedlayout,
+.v-ie6 .v-horizontallayout,
+.v-ie6 .v-verticallayout,
+.v-ie7 .v-orderedlayout,
+.v-ie7 .v-horizontallayout,
+.v-ie7 .v-verticallayout {
+ overflow: hidden;
+}
+
+/* ./WebContent/VAADIN/themes/base/panel/panel.css */
+.v-panel,
+.v-panel-caption,
+.v-panel-content,
+.v-panel-deco,
+.v-panel-light,
+.v-panel-caption-light,
+.v-panel-content-light,
+.v-panel-deco-light {
+ outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+ text-align: left /* Force default alignment */
+}
+.v-panel-caption .v-errorindicator {
+ float: none;
+ display: inline;
+}
+.v-panel-caption .v-icon {
+ display: inline;
+ vertical-align: middle;
+}
+.v-panel-caption span {
+ vertical-align: middle;
+}
+.v-panel-caption {
+ white-space: nowrap;
+ overflow:hidden;
+ font-weight: bold;
+}
+.v-panel-nocaption {
+ overflow: hidden;
+}
+.v-panel-content {
+ overflow: auto;
+}
+.v-panel-deco {
+}
+
+/* ./WebContent/VAADIN/themes/base/popupview/popupview.css */
+.v-popupview {
+ cursor: pointer;
+ width: 5px;
+ height: 5px;
+ background: #aaa;
+}
+.v-popupview-popup {
+ overflow: auto;
+}
+
+/* ./WebContent/VAADIN/themes/base/progressindicator/progressindicator.css */
+.v-progressindicator {
+ overflow: hidden; /* for IE6 */
+ width: 150px;
+}
+.v-progressindicator-wrapper {
+ overflow: hidden; /* for IE6 */
+ height: 9px;
+ border: 1px solid #ddd;
+}
+.v-progressindicator-disabled {
+ height: 9px;
+ overflow: hidden; /* for IE6 */
+}
+.v-progressindicator-indicator {
+ height: 9px;
+ overflow: hidden; /* for IE6 */
+ background: #ddd;
+}
+.v-progressindicator-indeterminate {
+ height: 16px;
+ width: 16px;
+ overflow: hidden; /* for IE6 */
+}
+/* Hide obsolete elements in indeterminate mode */
+.v-progressindicator-indeterminate .v-progressindicator-wrapper,
+.v-progressindicator-indeterminate .v-progressindicator-indicator,
+.v-progressindicator-indeterminate-disabled .v-progressindicator-wrapper,
+.v-progressindicator-indeterminate-disabled .v-progressindicator-indicator {
+ display: none;
+}
+.v-progressindicator-indeterminate-disabled {
+ height: 16px;
+ width: 16px;
+ overflow: hidden; /* for IE6 */
+}
+
+/* ./WebContent/VAADIN/themes/base/select/select.css */
+.v-select {
+ text-align: left;
+}
+.v-select-optiongroup .v-select-option {
+ display: block;
+ white-space: nowrap;
+}
+.v-ie .v-select-optiongroup .v-select-option {
+ zoom: 1;
+}
+.v-select-select {
+ display: block;
+}
+.v-select-twincol {
+ white-space: nowrap;
+}
+.v-select-twincol-options {
+ float: left;
+}
+.v-select-twincol-selections {
+ font-weight: bold;
+}
+.v-select-twincol-buttons {
+ float: left;
+ text-align: center;
+}
+.v-select-twincol-buttons .v-select-twincol-deco {
+ clear: both;
+}
+.v-select-twincol .v-textfield {
+ display: block;
+ float: left;
+ clear: left;
+}
+.v-select-twincol .v-button {
+ display: block;
+ float: left;
+}
+.v-select-twincol-buttons .v-button {
+ display: inline;
+ float: none;
+}
+.v-filterselect {
+ white-space: nowrap;
+ text-align: left;
+}
+.v-filterselect .v-icon {
+ float: left;
+}
+.v-app .v-filterselect-input,
+.v-window .v-filterselect-input,
+.v-popupview-popup .v-filterselect-input {
+ float: left;
+}
+.v-filterselect-prompt .v-filterselect-input {
+ color: #999;
+ font-style: italic;
+}
+.v-filterselect-button {
+ float: right;
+ cursor: pointer;
+}
+.v-filterselect.v-readonly .v-filterselect-button {
+ display: none;
+}
+.v-filterselect-suggestpopup {
+ background: #fff;
+ border: 1px solid #eee;
+}
+.v-filterselect-suggestmenu table {
+ border-collapse: collapse;
+ border: none;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem {
+ white-space: nowrap;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
+ margin-right: 3px;
+ vertical-align: middle;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem span {
+ vertical-align: middle;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem-selected {
+ background: #333;
+ color: #fff;
+}
+.v-filterselect-nextpage,
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off,
+.v-filterselect-prevpage {
+ width: 100%;
+ background: #aaa;
+ text-align: center;
+ overflow: hidden;
+ cursor: pointer;
+}
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off {
+ color: #666;
+ opacity: .5;
+ filter: alpha(opacity=50);
+ cursor: default;
+}
+.v-filterselect-nextpage-off span,
+.v-filterselect-prevpage-off span {
+ cursor: default;
+}
+.v-filterselect-status {
+ white-space: nowrap;
+ text-align: center;
+}
+
+/* Error styles (disabled by default)
+
+.v-filterselect-error .v-filterselect-input,
+.v-select-error .v-select-option,
+.v-select-error .v-select-select,
+.v-select-error .v-select-twincol-selections,
+.v-select-error .v-select-twincol-options {
+ background: #ffaaaa;
+}
+*/
+
+/* Required field styles (disabled by default)
+
+.v-filterselect-error .v-filterselect-input,
+.v-select-required .v-select-option,
+.v-select-required .v-select-select,
+.v-select-required .v-select-twincol-selections,
+.v-select-required .v-select-twincol-options {
+ background: #ffaaaa;
+}
+*/
+
+/* ./WebContent/VAADIN/themes/base/shadow/shadow.css */
+.v-shadow {
+ position: absolute;
+}
+
+.v-shadow .top-left {
+ position: absolute; overflow: hidden;
+ top: -3px; left: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(../base/shadow/img/top-left.png);
+}
+
+.v-shadow .top {
+ position: absolute; overflow: hidden;
+ top: -3px; left: 5px;
+ height: 10px; right: 5px;
+ background: transparent url(../base/shadow/img/top.png);
+}
+
+.v-shadow .top-right {
+ position: absolute; overflow: hidden;
+ top: -3px; right: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(../base/shadow/img/top-right.png);
+}
+
+.v-shadow .left {
+ position: absolute; overflow: hidden;
+ top: 7px; left: -5px;
+ width: 10px;
+ bottom: 3px;
+ background: transparent url(../base/shadow/img/left.png);
+}
+
+.v-shadow .center {
+ position: absolute; overflow: hidden;
+ top: 7px; left: 5px;
+ bottom: 3px; right: 5px;
+ background: transparent url(../base/shadow/img/center.png);
+}
+
+.v-shadow .right {
+ position: absolute; overflow: hidden;
+ top: 7px; right: -5px;
+ width: 10px;
+ bottom: 3px;
+ background: transparent url(../base/shadow/img/right.png);
+}
+
+.v-shadow .bottom-left {
+ position: absolute; overflow: hidden;
+ bottom: -7px; left: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(../base/shadow/img/bottom-left.png);
+}
+
+.v-shadow .bottom {
+ position: absolute; overflow: hidden;
+ bottom: -7px; left: 5px;
+ right: 5px; height: 10px;
+ background: transparent url(../base/shadow/img/bottom.png);
+}
+
+.v-shadow .bottom-right {
+ position: absolute; overflow: hidden;
+ bottom: -7px; right: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(../base/shadow/img/bottom-right.png);
+}
+
+
+
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+.v-ie6 .v-shadow * {
+ display: none;
+}
+
+.v-ie6 .v-shadow {
+ background: #000;
+ filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20);
+ margin-top: -3px;
+ margin-left: -4px;
+}
+
+/* ./WebContent/VAADIN/themes/base/slider/slider.css */
+.v-slider {
+ margin: 5px 0;
+}
+.v-slider-base {
+ /* changing the borders will require adjustments to ISlider.java */
+ height: 2px;
+ border-top: 1px solid #ddd;
+ background: #eee;
+ border-left: 1px solid #ddd;
+ border-right: 1px solid #eee;
+
+}
+.v-slider-handle {
+ background: #aaa;
+ width: 12px;
+ height: 12px;
+ margin-top: -5px;
+ font-size: 0;
+}
+
+.v-slider-vertical {
+ width: 2px;
+ height: auto;
+ margin: 0 5px;
+ border: none;
+ border-left: 1px solid #cccfd0;
+ border-right: 1px solid #cccfd0;
+}
+.v-slider-vertical .v-slider-base {
+ width: 2px;
+ border-bottom: 1px solid #eee;
+ border-right: none;
+}
+.v-slider-vertical .v-slider-handle {
+ width: 12px;
+ height: 12px;
+ font-size: 0;
+ margin-left: -5px;
+}
+
+/* Disabled by default
+.v-slider-error .v-slider-base {
+ background: #FFE0E0;
+}
+*/
+/* Disabled by default
+.v-slider-required .v-slider-base {
+ background: #FFE0E0;
+}
+*/
+
+/* IE specific styles */
+.v-ie6 .v-slider,
+.v-ie6 .v-slider-vertical {
+ margin: 0;
+}
+.v-ie6 .v-slider .v-slider-handle {
+ margin: -1px 0;
+}
+.v-ie6 .v-slider-vertical .v-slider-handle {
+ margin: 0 -1px;
+}
+
+/* ./WebContent/VAADIN/themes/base/splitpanel/splitpanel.css */
+.v-splitpanel-horizontal,
+.v-splitpanel-vertical {
+ overflow: hidden;
+}
+.v-splitpanel-horizontal .v-splitpanel-hsplitter {
+ width: 6px;
+ font-size: 1px; /* for IE6 */
+}
+.v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+ width: 6px;
+ font-size: 1px; /* for IE6 */
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ background: #ddd;
+ cursor: e-resize;
+}
+.v-splitpanel-vertical .v-splitpanel-vsplitter {
+ height: 6px;
+ font-size: 1px; /* for IE6 */
+}
+.v-splitpanel-vertical .v-splitpanel-vsplitter div {
+ height: 6px;
+ font-size: 1px; /* for IE6 */
+ background: #ddd;
+ cursor: n-resize;
+}
+/* IE specific styles */
+.v-ie6 .v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+ height: 99%;
+}
+
+.v-ie6 .v-splitpanel-first-container,
+.v-ie6 .v-splitpanel-second-container,
+.v-ie7 .v-splitpanel-first-container,
+.v-ie7 .v-splitpanel-second-container {
+ position:relative;
+}
+
+/* ./WebContent/VAADIN/themes/base/table/table.css */
+/* Table theme building instructions
+ *
+ * Toolkit scroll table is very complex widget with dozens of features. These
+ * features set some limitations for theme builder. To keep things working, it
+ * is safest to try to just override values used in default theme and comfort to
+ * these instructions.
+ *
+ * Borders in table header and in table body need to be same width
+ * - specify vertical borders on .v-table-header-wrap and .v-table-body
+ *
+ * Table cells in body:
+ * - padding/border for cells is to be defined for td elements (class name: .v-table-cell-content)
+ * - in default theme there are no borders, but they should work. Just set border-right or border-bottom
+ * - no padding or border is allowed for div inside cells (class name: .v-table-cell-wrapper) element
+ * - background is allowed for both elements
+ *
+ * Table headers:
+ * - table cells in header contain .v-table-resizer and
+ * .v-table-caption-container div elements, which are both floated to right
+ * - to align header caption to body content resizer width + .v-table-caption-container
+ * padding right should be equal to content cells padding-right and border-right.
+ * - Possible cell border in header must be themed into column resizer.
+ *
+ */
+.v-table {
+ overflow: hidden;
+ text-align: left; /* Force default alignment */
+}
+.v-table-header-wrap {
+ overflow: hidden;
+ border: 1px solid #aaa;
+ border-bottom: none;
+ background: #efefef;
+}
+.v-table-header table,
+.v-table-table {
+ border-spacing: 0;
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+.v-table-header td {
+ padding: 0;
+}
+.v-table-header-cell,
+.v-table-header-cell-asc,
+.v-table-header-cell-desc {
+ cursor: pointer;
+}
+.v-table-resizer {
+ display: block;
+ height: 1.2em;
+ float: right;
+ background: #aaa;
+ cursor: col-resize;
+ width: 1px;
+ overflow: hidden;
+}
+.v-table-caption-container {
+ float: right;
+ overflow: hidden;
+ white-space: nowrap;
+ padding-right: 6px;
+}
+.v-table-header-cell-asc .v-table-caption-container {
+ background: transparent url(../base/common/img/sprites.png) no-repeat right 6px;
+}
+.v-table-header-cell-desc .v-table-caption-container {
+ background: transparent url(../base/common/img/sprites.png) no-repeat right -10px;
+}
+.v-table-body {
+ border: 1px solid #aaa;
+}
+.v-table-row-spacer {
+ height: 10px;
+ overflow: hidden; /* IE hack to allow < one line height divs */
+}
+.v-table-row,
+.v-table-row-odd {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ cursor: default;
+}
+.v-table .v-selected {
+ background: #999;
+ color: #fff;
+}
+.v-table-cell-content {
+ white-space: nowrap;
+ overflow: hidden;
+ padding: 0 6px;
+ border-right: 1px solid #aaa;
+}
+.v-table-cell-wrapper {
+ /* Do not specify any margins, paddings or borders here */
+ white-space: nowrap;
+ overflow: hidden;
+}
+.v-table-column-selector {
+ float: right;
+ background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px;
+ margin: -1.2em 0 0 0;
+ height: 1.2em;
+ width: 14px;
+ position: relative; /* hide this from IE, it works without it */
+ cursor: pointer;
+}
+.v-ie6 .v-table-column-selector,
+.v-ie7 .v-table-column-selector {
+ position: static;
+}
+.v-table-focus-slot-left {
+ border-left: 2px solid #999;
+ margin-right: -2px;
+}
+.v-table-focus-slot-right {
+ border-right: 2px solid #999;
+ margin-left: -2px;
+}
+.v-table-header-drag {
+ position: absolute;
+ background: #efefef;
+ border: 1px solid #eee;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+ margin-top: 20px;
+ z-index: 30000;
+}
+.v-table-scrollposition {
+ width: 160px;
+ background: #eee;
+ border: 1px solid #aaa;
+}
+.v-table-scrollposition span {
+ display: block;
+ text-align: center;
+}
+/* row in column selector */
+.v-on {
+
+}
+.v-off {
+ color: #ddd;
+}
+
+/* ./WebContent/VAADIN/themes/base/tabsheet/tabsheet.css */
+.v-tabsheet,
+.v-tabsheet-content,
+.v-tabsheet-deco {
+ outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+ text-align: left /* Force default alignment */
+}
+.v-tabsheet-tabs {
+ empty-cells: hide;
+ border-collapse: collapse;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ width: 100%;
+ overflow:hidden;
+}
+.v-tabsheet-tabitemcell,
+.v-tabsheet-spacertd {
+ margin: 0;
+ padding: 0;
+ vertical-align: bottom;
+}
+.v-tabsheet-spacertd {
+ width: 100%;
+}
+.v-tabsheet-spacertd div {
+ border-left: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+ height: 1em;
+ padding: 0.2em 0;
+}
+.v-tabsheet-hidetabs .v-tabsheet-tabcontainer {
+ display: none;
+}
+.v-tabsheet-scroller {
+ white-space: nowrap;
+ text-align: right;
+ margin-top: -1em;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerNext,
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ border: 1px solid #aaa;
+ background: #fff;
+ width: 12px;
+ height: 1em;
+ cursor: pointer;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ opacity: 0.5;
+ cursor: default;
+}
+.v-tabsheet-tabs .v-caption,
+.v-tabsheet-tabs .v-caption span {
+ white-space: nowrap;
+}
+.v-tabsheet-tabitem {
+ border: 1px solid #aaa;
+ border-right: none;
+ cursor: pointer;
+ padding: 0.2em 0.5em;
+}
+.v-tabsheet-tabitem-selected {
+ cursor: default;
+ border-bottom-color: #fff;
+}
+.v-tabsheet-content {
+ border: 1px solid #aaa;
+ /* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */
+ border-top: none;
+ border-bottom: none;
+ position: relative;
+}
+.v-tabsheet-deco {
+ height: 1px;
+ background: #aaa;
+ overflow: hidden;
+}
+.v-tabsheet-hidetabs .v-tabsheet-content {
+ border: none;
+}
+.v-tabsheet-hidetabs .v-tabsheet-deco {
+ height: 0;
+}
+
+/* ./WebContent/VAADIN/themes/base/textfield/textfield.css */
+.v-textfield {
+ text-align: left /* Force default alignment */
+}
+.v-textarea {
+}
+.v-textfield-focus,
+.v-textarea-focus {
+}
+input.v-textfield-prompt,
+textarea.v-textarea-prompt {
+ color: #999;
+ font-style: italic;
+}
+.v-textfield.v-readonly,
+.v-textarea.v-readonly {
+ background: transparent;
+ color: #222;
+ border: none;
+}
+.v-richtextarea {
+ border: 1px solid #aaa;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
+ float: left;
+}
+.v-richtextarea .gwt-RichTextToolbar {
+ white-space: nowrap;
+}
+.v-richtextarea iframe {
+ border: 0;
+}
+/* Disabled by default
+.v-textarea-error,
+.v-textfield-error,
+.v-richtextarea-error iframe.gwt-RichTextArea {
+ background: #FFE0E0;
+}
+*/
+/* Disabled by default
+.v-textarea-required,
+.v-textfield-required,
+.v-richtextarea-required iframe.gwt-RichTextArea {
+ background: #FFE0E0;
+}
+*/
+/* Safari focus glow fix */
+.v-sa input:focus,
+.v-sa textarea:focus {
+ outline-width: medium;
+}
+
+/* ./WebContent/VAADIN/themes/base/tree/tree.css */
+.v-tree {
+ text-align: left /* Force default alignment */
+}
+.v-tree-node {
+ background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
+}
+.v-tree-node-expanded {
+ background-position: -5px -10px;
+}
+div.v-tree-node-leaf {
+ background: transparent;
+}
+.v-tree-node-caption {
+ margin-left: 1em;
+}
+.v-tree-node span {
+ cursor: pointer;
+ white-space: nowrap;
+}
+.v-tree-node-selected span {
+ background: #999;
+ color: #fff;
+}
+.v-tree-node-children {
+ padding-left: 1em;
+}
+/* ie6compatnode is hidden from non ie6 browsers, for ie6
+ * uses weird hack to sink all events properly
+ */
+.v-tree-node-ie6compatnode {
+ display: none;
+}
+/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of v-tree-node-caption */
+.v-ie6 .v-tree-node-ie6compatnode {
+ display: inline;
+ float: left;
+ background: orange;
+ margin: 0;
+ width: 0.8em;
+ height: 0.8em;
+ padding: 0.1em;
+ filter: alpha(opacity=0);
+}
+.v-ie6 .v-tree-node,
+.v-ie6 .v-tree-node-children {
+ clear: left;
+}
+
+/* ./WebContent/VAADIN/themes/base/window/window.css */
+.v-window {
+ background: #fff;
+}
+.v-window-outerheader {
+ cursor: move;
+ padding: 0.3em 1em;
+ height: 1em;
+}
+.v-window-header {
+ font-weight: bold;
+}
+/* A more specific selector to make sure padding isn't so easily overridden */
+div.v-window-header {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ -ms-text-overflow: ellipsis;
+ overflow: hidden;
+ padding: 0;
+}
+.v-ie6 .v-window-header {
+ width: 100%;
+}
+.v-window-header .v-icon {
+ vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */
+}
+/* Partial fix for bug #1106 */
+/* Target Firefox 2 (somehow this will force almost all window borders on top of a Flash object) */
+.v-window-contents, x:-moz-any-link {
+ overflow: hidden;
+}
+/* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */
+.v-window-contents, x:-moz-any-link, x:default {
+ overflow: visible;
+}
+.v-window-footer {
+ overflow: hidden;
+}
+.v-window-resizebox {
+ display: inline; /* fix IE6 double float margin bug */
+ float: right;
+ width: 10px;
+ height: 10px;
+ cursor: se-resize;
+ background: #ddd;
+ overflow: hidden;
+}
+.v-window-resizebox-disabled {
+ cursor: default;
+ display: none;
+}
+.v-window-closebox {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 1em;
+ height: 1em;
+ background: red;
+ cursor: pointer;
+ overflow: hidden;
+}
+.v-window-modalitycurtain {
+ top: 0;
+ left: 0;
+ background: #999;
+ opacity: 0.5;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ filter: alpha(opacity=50);
+}
+/* IE6 workaround for position:fixed; */
+.v-ie6 .v-window-modalitycurtain {
+ position: absolute;
+ top: expression(document.documentElement.scrollTop + "px");
+}
+/* min-width for IE6 */
+.v-ie6 .v-window {
+ width: 0; /* */
+}
+/* Shadow for window */
+.v-shadow-window {
+ position: absolute;
+}
+.v-shadow-window .top-left {
+ position: absolute; overflow: hidden;
+ top: -10px; left: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(../base/window/img/shadow/top-left.png);
+}
+.v-shadow-window .top {
+ position: absolute; overflow: hidden;
+ top: -10px; left: 13px;
+ height: 28px;
+ right: 13px;
+ background: transparent url(../base/window/img/shadow/top.png);
+}
+.v-shadow-window .top-right {
+ position: absolute; overflow: hidden;
+ top: -10px; right: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(../base/window/img/shadow/top-right.png);
+}
+.v-shadow-window .left {
+ position: absolute; overflow: hidden;
+ top: 18px; left: -15px;
+ width: 28px;
+ bottom: 10px;
+ background: transparent url(../base/window/img/shadow/left.png);
+}
+.v-shadow-window .center {
+ position: absolute; overflow: hidden;
+ top: 18px; left: 13px;
+ bottom: 10px; right: 13px;
+ background: transparent url(../base/window/img/shadow/center.png);
+}
+.v-shadow-window .right {
+ position: absolute; overflow: hidden;
+ top: 18px; right: -15px;
+ width: 28px;
+ bottom: 10px;
+ background: transparent url(../base/window/img/shadow/right.png);
+}
+.v-shadow-window .bottom-left {
+ position: absolute; overflow: hidden;
+ bottom: -18px; left: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(../base/window/img/shadow/bottom-left.png);
+}
+.v-shadow-window .bottom {
+ position: absolute; overflow: hidden;
+ bottom: -18px; left: 13px;
+ right: 13px; height: 28px;
+ background: transparent url(../base/window/img/shadow/bottom.png);
+}
+.v-shadow-window .bottom-right {
+ position: absolute; overflow: hidden;
+ bottom: -18px; right: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(../base/window/img/shadow/bottom-right.png);
+}
+/* For IE6 (no transparent png's, we use a blur filter) */
+.v-ie6 .v-shadow-window * {
+ display: none;
+}
+.v-ie6 .v-shadow-window {
+ background: #000;
+ filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20);
+ margin-top: 2px;
+ margin-left: 2px;
+}
+/* Automatically compiled css file from subdirectories. */
+
+/* ./WebContent/VAADIN/themes/runo/absolutelayout/absolutelayout.css */
+.v-absolutelayout-wrapper {
+ position: absolute;
+ overflow:hidden;
+}
+
+/* ./WebContent/VAADIN/themes/runo/accordion/accordion.css */
+.v-accordion-item {
+ background-color: #fff;
+}
+.v-accordion-item-caption {
+ height: 31px;
+ background: #edf0f0 url(tabsheet/img/tab-bg.png);
+ font-size: 15px;
+ color: #656d73;
+ border-top: 1px solid #c8cccd;
+}
+.v-accordion-item-caption .v-caption {
+ padding: 7px 0 6px 18px;
+}
+.v-accordion-item-open .v-accordion-item-caption {
+ color: #3b4b57;
+ background: #d5dee2 url(accordion/img/selected-bg.png);
+ border-top-color: #cbd7de;
+ border-bottom-color: #bfc9d4;
+ text-shadow: #fafafa 0 1px 0;
+ border-bottom: 1px solid #c8cccd;
+}
+
+/* ./WebContent/VAADIN/themes/runo/button/button.css */
+.v-button {
+ font-size: 13px;
+}
+.v-checkbox .v-errorindicator {
+ padding-left: 10px;
+}
+.v-ie6 .v-button,
+.v-ie7 .v-button {
+ padding-left: 10px;
+ padding-right: 10px;
+}
+.v-ie6 .v-checkbox .v-errorindicator {
+ padding-right: 4px;
+}
+.v-ie7 .v-checkbox .v-errorindicator {
+ padding-right: 7px;
+}
+.v-ie6 .v-button .v-errorindicator,
+.v-ie7 .v-button .v-errorindicator {
+ padding-right: 5px;
+}
+
+/* ./WebContent/VAADIN/themes/runo/caption/caption.css */
+.v-captionwrapper {
+ margin: 0.3em 0 0 0;
+}
+.v-errorindicator {
+ width: 12px;
+ height: 16px;
+ background: transparent url(icons/16/error.png) no-repeat top right;
+}
+.v-ie6 .v-errorindicator {
+ /* gif for transparency */
+ background-image: url(icons/16/error.gif);
+}
+.v-ie7 .v-errorindicator {
+ margin-left: -3px;
+}
+
+/* ./WebContent/VAADIN/themes/runo/common/common.css */
+.v-generated-body {
+ background: #e9eced;
+}
+.v-app {
+ background: #e9eced;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 13px;
+ line-height: 18px;
+}
+.v-app-loading {
+ background-image: url(common/img/loading-indicator.gif);
+ background-repeat: no-repeat;
+ background-position: 50%;
+}
+/* Global font styles */
+.v-window,
+.v-popupview-popup,
+.v-app input,
+.v-app select,
+.v-app button,
+.v-app textarea,
+.v-window input,
+.v-window select,
+.v-window button,
+.v-window textarea,
+.v-popupview-popup input,
+.v-popupview-popup select,
+.v-popupview-popup button,
+.v-popupview-popup textarea {
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 13px;
+}
+.v-app select,
+.v-window select {
+ padding: 0;
+}
+/* Custom tooltip */
+.v-tooltip {
+ background-color: #fffcdd;
+ border: 1px solid #b8b295;
+ border-top-color: #d5d2c1;
+ border-left-color: #d5d2c1;
+ font-size: 11px;
+ line-height: 13px;
+ font-family: arial, helvetica, tahoma, verdana, sans-serif;
+ color: #5d5444;
+}
+.v-tooltip-text {
+ padding: 2px 4px;
+ border: none;
+ border-top: 1px solid #fffef5;
+ border-bottom: 1px solid #fbf8d9;
+}
+.v-tooltip .v-errormessage {
+ padding: 3px 4px 3px 4px;
+ background: #ffecc6;
+ color: #b74100;
+ border: none;
+ border-top: 1px solid #fff3dc;
+ border-bottom: 1px solid #ead7b1;
+}
+.v-tooltip .v-errormessage h2 {
+ font-size: 16px;
+ font-weight: normal;
+ color: #ab3101;
+ margin: 2px 0 8px 0;
+}
+.v-tooltip .v-errormessage h3 {
+ font-size: 13px;
+ font-weight: bold;
+ margin: 1px 0 4px 0;
+}
+.v-contextmenu {
+ background: #e9eced url(tabsheet/img/tab-bg.png);
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ background-color: #f6f7f7;
+ color: #464f52;
+ font-size: 12px;
+ line-height: 14px;
+}
+.v-contextmenu .gwt-MenuBar {
+ border-right: 1px solid #c6cbcc;
+ border-bottom: 1px solid #c6cbcc;
+ border-top: 1px solid #d0d4d5;
+ border-left: 1px solid #d0d4d5;
+}
+.v-contextmenu .gwt-MenuItem {
+ padding: 2px 0;
+}
+.v-contextmenu .gwt-MenuItem div {
+ padding: 1px 20px 1px 8px;
+}
+.v-contextmenu .gwt-MenuItem-selected div {
+ color: #fff;
+ background: #5daee8;
+}
+.v-contextmenu .gwt-MenuItem img {
+ margin-right: 10px;
+}
+.v-loading-indicator,
+.v-loading-indicator-delay,
+.v-loading-indicator-wait {
+ width: 31px;
+ height: 31px;
+ background: transparent url(common/img/loading-indicator.gif);
+ margin-right: 5px;
+ margin-top: 5px;
+}
+.v-loading-indicator-delay {
+ background-image: url(common/img/loading-indicator-delay.gif);
+}
+.v-loading-indicator-wait {
+ background-image: url(common/img/loading-indicator-wait.gif);
+}
+
+/* ./WebContent/VAADIN/themes/runo/datefield/datefield.css */
+.v-datefield-button {
+ font-size:13px;
+ width: 22px;
+ height: 24px;
+ padding: 0;
+ overflow: hidden;
+ border: none;
+ background: transparent url(datefield/img/open-button.png) no-repeat right 0;
+ vertical-align: top;
+}
+.v-datefield-popup {
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 12px;
+ background: #f6f7f7;
+ border: 1px solid #b6bbbc;
+ padding: 6px;
+}
+.v-datefield-calendarpanel {
+ width: 19em;
+ font-size: 12px;
+}
+.v-datefield-popup .v-datefield-calendarpanel {
+ width: 16em;
+}
+.v-datefield-calendarpanel td {
+ text-align: right;
+}
+.v-datefield-calendarpanel td span {
+ display: block;
+}
+.v-datefield-calendarpanel-header {
+ height: 30px;
+}
+.v-datefield-calendarpanel-header,
+.v-datefield-calendarpanel strong {
+ font-size: 13px;
+}
+.v-datefield-popup .v-datefield-calendarpanel-header,
+.v-datefield-popup .v-datefield-calendarpanel strong {
+ font-size: 12px;
+}
+.v-datefield-calendarpanel-month {
+ font-weight: bold;
+ text-shadow: #ffffff 2px 2px 0;
+}
+/* Year buttons */
+.v-datefield-calendarpanel .v-button-prevyear,
+.v-datefield-calendarpanel .v-button-nextyear {
+ display: block;
+ width: 16px;
+ height: 16px;
+ border: none;
+ padding: 0;
+ background: transparent url(datefield/img/prevyear.png) no-repeat;
+ text-indent: -90000px;
+ margin: 0 auto;
+}
+.v-datefield-calendarpanel .v-button-nextyear {
+ background: transparent url(datefield/img/nextyear.png) no-repeat;
+}
+.v-datefield-calendarpanel .v-button-prevyear:hover,
+.v-datefield-calendarpanel .v-button-nextyear:hover {
+ background-position: left bottom;
+}
+/* Month buttons */
+.v-datefield-calendarpanel .v-button-prevmonth,
+.v-datefield-calendarpanel .v-button-nextmonth {
+ display: block;
+ width: 11px;
+ height: 16px;
+ border: none;
+ padding: 0;
+ background: transparent url(datefield/img/prevmonth.png) no-repeat;
+ text-indent: -90000px;
+ margin: 0 auto;
+}
+.v-datefield-calendarpanel .v-button-nextmonth {
+ background: transparent url(datefield/img/nextmonth.png) no-repeat;
+}
+.v-datefield-calendarpanel .v-button-prevmonth:hover,
+.v-datefield-calendarpanel .v-button-nextmonth:hover {
+ background-position: left bottom;
+}
+.v-datefield-calendarpanel strong {
+ color: #ee5311;
+ display: block;
+ width: 20px;
+}
+.v-datefield-calendarpanel-day,
+.v-datefield-calendarpanel-day-today {
+ padding: 1px 3px;
+ width: 14px;
+ height: 16px;
+}
+.v-datefield-calendarpanel-day-today {
+ border: 1px solid #429ce9;
+ width: 12px;
+ height: 14px
+}
+.v-datefield-calendarpanel-day-entry {
+ color: #6a98b5;
+}
+.v-datefield-calendarpanel-day-disabled {
+ font-weight: normal;
+ color: #dddddd;
+}
+.v-datefield-calendarpanel-day-entry.v-datefield-calendarpanel-day-disabled {
+ color: #afd6f8;
+}
+.v-datefield-calendarpanel-day-selected {
+ font-weight: bold;
+ width: 14px;
+ height: 16px;
+ color: #fff;
+ padding: 1px 3px;
+ background: transparent url(datefield/img/selected-bg.png) no-repeat 50% 50%;
+ border: none;
+}
+.v-datefield-time {
+ font-size: 11px;
+}
+.v-datefield-time .v-select {
+ font-size: 10px;
+ padding: 0;
+ margin: 0;
+}
+.v-datefield-rendererror .v-textfield {
+ background: #ff9999;
+}
+/* IE specific styles */
+.v-ie7 .v-datefield-button {
+ background-position: right 1px;
+ height: 25px;
+ margin: 0;
+}
+
+/* ./WebContent/VAADIN/themes/runo/formlayout/formlayout.css */
+.v-formlayout-cell .v-errorindicator {
+ width: 10px;
+ height: 16px;
+ background: transparent url(icons/16/error.png) no-repeat top right;
+}
+.v-formlayout-captioncell {
+ text-align:right;
+ white-space: nowrap;
+}
+.v-formlayout-error-indicator {
+ /* fix width so layout is not jumpy when error disapear */
+ width: 12px;
+}
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
+ padding-top: 8px;
+}
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
+ padding-top: 15px;
+}
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
+ padding-bottom: 15px;
+}
+.v-formlayout-margin-left .v-formlayout-captioncell {
+ padding-left: 18px;
+}
+.v-formlayout-margin-right .v-formlayout-contentcell {
+ padding-right: 18px;
+}
+/* form */
+.v-form-errormessage {
+ background: transparent url(icons/16/error.png) no-repeat top left;
+ padding-left: 20px;
+ margin-bottom: 5px;
+ margin-top: 5px;
+ min-height: 20px;
+}
+.v-ie6 .v-form-errormessage {
+ height: 20px
+}
+.v-form fieldset {
+ border: none;
+ border-top: 1px solid #babfc0;
+}
+.v-form legend {
+ margin: 0;
+ padding: 0 4px 0.3em 4px;
+ font-weight: bold;
+}
+
+/* ./WebContent/VAADIN/themes/runo/gridlayout/gridlayout.css */
+.v-gridlayout-margin-top {
+ padding-top: 15px;
+}
+.v-gridlayout-margin-bottom {
+ padding-bottom: 15px;
+}
+.v-gridlayout-margin-left {
+ padding-left: 18px;
+}
+.v-gridlayout-margin-right {
+ padding-right: 18px;
+}
+.v-gridlayout-spacing-on {
+ padding-left: 8px;
+ padding-top: 8px;
+}
+
+/* ./WebContent/VAADIN/themes/runo/link/link.css */
+.v-link a {
+ color: #464f52;
+}
+
+/* ./WebContent/VAADIN/themes/runo/menubar/menubar.css */
+.v-menubar {
+ color: #464f52;
+ border: 1px solid #c6cbcc;
+ border-right: none;
+}
+.v-menubar .menuitem {
+ padding: 0 10px;
+ margin: 0 10px;
+ border-right: 1px solid #c6cbcc;
+}
+.v-menubar .menuitem-selected {
+ color: #fff;
+ background: #5daee8;
+}
+.v-menubar-submenu {
+ background: #e9eced url(tabsheet/img/tab-bg.png);
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 12px;
+ line-height: 14px;
+ border-right: 1px solid #c6cbcc;
+ border-bottom: 1px solid #c6cbcc;
+ border-top: 1px solid #d0d4d5;
+ border-left: 1px solid #d0d4d5;
+}
+.v-menubar-submenu .menuitem {
+ padding: 2px 10px;
+}
+.v-menubar-submenu .menuitem-selected {
+ color: #fff;
+ background: #5daee8;
+}
+
+/* ./WebContent/VAADIN/themes/runo/notification/notification.css */
+.v-Notification {
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ background-color: #818e92;
+ color: #ffffff;
+ padding: 9px 12px;
+ cursor: pointer;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+ overflow: hidden;
+}
+.v-Notification h1,
+.v-Notification p,
+.v-Notification.error h1,
+.v-Notification.error p,
+.v-Notification.warning h1,
+.v-Notification.warning p {
+ display: inline;
+ font-weight: normal;
+ white-space: nowrap;
+ margin: 0 10px 0 0;
+}
+.v-Notification.warning {
+ background: #fff1e4;
+ color: #dd3400;
+ border: 2px solid #ffaa90;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ opacity: 1;
+}
+.v-Notification.error {
+ background: #f23d00 url(notification/img/close-error.png) no-repeat right 5px;
+ padding-right: 30px;
+ border: 3px solid #c30000;
+ -moz-border-radius: 6px;
+ -webkit-border-radius: 6px;
+ border-radius: 6px;
+}
+.v-Notification.tray {
+ background: #575e60;
+ padding: 0.5em;
+ margin: 0 5px 5px 0;
+}
+.v-Notification.tray h1 {
+ display: block;
+ font-weight: bold;
+ font-size: 0.9em;
+ line-height: 1.1;
+ background: #3b4245;
+ padding: 4px 10px;
+ margin: 0;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+.v-Notification.tray p {
+ display: block;
+ font-size: 0.9em;
+ line-height: 1.1;
+ margin: 8px 10px 5px 10px;
+ color: #e4e7ea;
+}
+.v-Notification.system {
+ background-color: #ff0a0a;
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+}
+.v-Notification.system h1 {
+ display: block;
+ margin: 0;
+}
+.v-Notification.system p {
+ white-space: nowrap;
+}
+
+/* ./WebContent/VAADIN/themes/runo/orderedlayout/orderedlayout.css */
+.v-orderedlayout-margin-top,
+.v-horizontallayout-margin-top,
+.v-verticallayout-margin-top {
+ padding-top: 15px;
+}
+.v-orderedlayout-margin-right,
+.v-horizontallayout-margin-right,
+.v-verticallayout-margin-right {
+ padding-right: 18px;
+}
+.v-orderedlayout-margin-bottom,
+.v-horizontallayout-margin-bottom,
+.v-verticallayout-margin-bottom {
+ padding-bottom: 15px;
+}
+.v-orderedlayout-margin-left,
+.v-horizontallayout-margin-left,
+.v-verticallayout-margin-left {
+ padding-left: 18px;
+}
+.v-orderedlayout-spacing-on,
+.v-horizontallayout-spacing-on,
+.v-verticallayout-spacing-on {
+ padding-top: 8px;
+ padding-left: 8px;
+}
+
+/* ./WebContent/VAADIN/themes/runo/panel/panel.css */
+.v-panel {
+ background: transparent url(panel/img/top-left.png) no-repeat;
+}
+.v-panel-caption .v-errorindicator {
+ padding-right: 20px;
+ background: transparent url(icons/16/error.png) no-repeat bottom center;
+
+}
+.v-panel-caption,
+.v-panel-caption-light {
+ font-size: 18px;
+ line-height: 18px;
+ font-weight: normal;
+ letter-spacing: -0.03em;
+ color: #f14c1a;
+ height: 18px;
+ padding: 15px 18px 14px 8px;
+ margin-left: 10px;
+ background: transparent url(panel/img/top-right.png) no-repeat right top;
+}
+.v-panel-nocaption {
+ height: 9px;
+ margin-left: 10px;
+ background: transparent url(panel/img/top-right.png) no-repeat right top;
+}
+.v-panel-content {
+ border: 1px solid #babfc0;
+ border-bottom: 1px solid #dee2e3;
+ background-color: #fff;
+}
+.v-panel-deco {
+ height: 9px;
+ background: transparent url(panel/img/bottom-right.png) repeat-x right top;
+ margin-left: 9px;
+}
+.v-panel-deco:before {
+ display: block;
+ content: "";
+ width: 9px;
+ height: 9px;
+ margin-left: -9px;
+ background: transparent url(panel/img/bottom-left.png) no-repeat;
+}
+/* Light panel style */
+.v-panel-light,
+.v-panel-caption-light {
+ background: transparent;
+}
+.v-panel-nocaption-light {
+ background: transparent;
+ height: 0;
+ margin: 0;
+}
+.v-panel-content-light {
+ border: none;
+ border-top: 1px solid #babfc0;
+ background: transparent;
+}
+.v-panel-deco-light {
+ height: 0;
+ overflow: hidden;
+}
+/* IE specific rules */
+.v-ie6 .v-panel {
+ background: transparent;
+}
+.v-ie6 .v-panel-caption {
+ border: 1px solid #babfc0;
+ border-bottom: none;
+ background: #fff;
+ margin: 0;
+ padding-left: 18px
+}
+.v-ie6 .v-panel-nocaption {
+ border: none;
+ background: transparent;
+ margin: 0;
+ height: 0;
+}
+.v-ie6 .v-panel-caption-light {
+ border: none;
+ background: transparent;
+}
+.v-ie6 .v-panel-content,
+.v-ie7 .v-panel-content,
+.v-ie8 .v-panel-content {
+ border-bottom: 1px solid #babfc0;
+}
+.v-ie6 .v-panel-content-light,
+.v-ie7 .v-panel-content-light,
+.v-ie8 .v-panel-content-light {
+ border-bottom: none;
+}
+.v-ie6 .v-panel-deco,
+.v-ie7 .v-panel-deco,
+.v-ie8 .v-panel-deco {
+ height: 0;
+ overflow: hidden;
+}
+
+/* ./WebContent/VAADIN/themes/runo/popupview/popupview.css */
+.v-popupview-popup {
+ border: 1px solid #babfc0;
+ border-bottom: 1px solid #dee2e3;
+ background: #fff;
+ padding: 3px;
+}
+
+/* ./WebContent/VAADIN/themes/runo/progressindicator/progressindicator.css */
+.v-progressindicator {
+ background: #dfe2e4 url(progressindicator/img/base.gif) repeat-x 0 1px;
+}
+.v-progressindicator-wrapper {
+ border: 1px solid #b6bbbc;
+}
+.v-progressindicator-disabled {
+ background: #dfe2e4 url(progressindicator/img/disabled.gif);
+ border: 1px solid #b6bbbc;
+}
+.v-progressindicator-indicator {
+ background: #f7f9f9 url(progressindicator/img/progress.png);
+}
+.v-progressindicator-indeterminate {
+ background: #dfe2e4 url(common/img/ajax-loader-medium.gif);
+}
+.v-progressindicator-indeterminate-disabled {
+ background: #dfe2e4 url(common/img/blank.gif);
+}
+
+/* ./WebContent/VAADIN/themes/runo/select/select.css */
+.v-select-select {
+ font-size: 13px;
+}
+/* Twincol style */
+.v-select-twincol-options,
+.v-select-twincol-selections {
+ font-size: 13px;
+}
+.v-select-twincol-buttons {
+ padding: 2px; /* does not work in first render in FF ? */
+}
+
+/** Filterselect aka ComboBox styles */
+
+.v-filterselect {
+ height: 23px;
+ background: transparent url(select/img/bg-left-filter.png) no-repeat;
+ padding-left: 4px;
+}
+.v-app .v-filterselect .v-filterselect-input,
+.v-window .v-filterselect .v-filterselect-input,
+.v-popupview-popup .v-filterselect .v-filterselect-input {
+ background: transparent url(select/img/bg-center-filter.png) no-repeat 1px 0;
+ border: none;
+ height: 20px;
+ margin: 0;
+ padding: 3px 0 0 2px;
+ font-size: 13px;
+}
+.v-filterselect-prompt .v-filterselect-input {
+ font-style: normal;
+}
+.v-filterselect-input:focus {
+ /* remove safari/mac outline from this element */
+ outline: none;
+}
+.v-filterselect-focus {
+ outline: 1px solid #5daee8;
+ outline-offset: -1px;
+}
+.v-sa .v-filterselect-focus {
+ /* place safari focus outline around the whole thing */
+ outline: 5px auto -webkit-focus-ring-color;
+ outline-offset: -4px;
+}
+.v-filterselect-button {
+ width: 25px;
+ height: 23px;
+ background: transparent url(select/img/bg-right-filter.png);
+}
+.v-filterselect-button:hover {
+ background-position: bottom left;
+}
+.v-disabled .v-filterselect-button:hover,
+.v-readonly .v-filterselect-button:hover {
+ background-position: top left;
+}
+.v-filterselect.v-readonly .v-filterselect-input {
+ background: transparent;
+ color: black;
+}
+.v-filterselect-suggestpopup {
+ background: #f6f7f7;
+ border: 1px solid #b6bbbc;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 12px;
+ line-height: 18px;
+ margin-top: -1px;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem {
+ padding: 1px 6px;
+ cursor: pointer;
+ height: 18px;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
+ margin-right: 3px;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem-selected {
+ background: #5daee8;
+ color: #fff;
+}
+.v-filterselect-nextpage,
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off,
+.v-filterselect-prevpage {
+ height: 11px;
+ width:100%;
+ background: transparent url(select/img/button-bg.png) no-repeat 50% 0;
+ margin: 2px 0 0 0;
+}
+.v-filterselect-prevpage,
+.v-filterselect-prevpage-off {
+ background-position: 50% -1px;
+ margin: 0 0 2px 0;
+}
+.v-filterselect-prevpage:hover {
+ background-position: 50% bottom;
+}
+.v-filterselect-nextpage:hover {
+ background-position: 50% -12px;
+}
+.v-filterselect-nextpage span,
+.v-filterselect-nextpage-off span,
+.v-filterselect-prevpage-off span,
+.v-filterselect-prevpage span {
+ display: block;
+ height: 12px;
+ width:100%;
+ background: transparent url(select/img/arrow-up.png) no-repeat 50% 40%;
+ text-indent: -90000px;
+ cursor: pointer;
+ overflow: hidden;
+}
+.v-filterselect-nextpage span,
+.v-filterselect-nextpage-off span {
+ background: transparent url(select/img/arrow-down.png) no-repeat 50% 60%;
+}
+.v-filterselect-status {
+ font-size: 11px;
+ line-height: 11px;
+ width: 100%;
+ padding: 4px 0px;
+ height: 11px;
+ border-top: 1px solid #b6bbbc;
+}
+
+
+/* Error styles (disabled by default)
+ ----------------------------------
+
+.v-filterselect-error {
+ background-image: url(select/img/bg-left-filter-error.png);
+}
+.v-filterselect-error .v-filterselect-input {
+ background-image: url(select/img/bg-center-filter-error.png);
+}
+.v-filterselect-error .v-filterselect-button {
+ background-image: url(select/img/bg-right-filter-error.png);
+}
+.v-select-error .v-select-option,
+.v-select-error .v-select-select,
+.v-select-error .v-select-twincol-selections,
+.v-select-error .v-select-twincol-options {
+ background: #FFE0E0;
+}
+*/
+
+/* Required field styles (disabled by default)
+ --------------------------------------------
+
+.v-select-required .v-select-option,
+.v-select-required .v-select-select,
+.v-select-required .v-select-twincol-selections,
+.v-select-required .v-select-twincol-options {
+ background: #FFE0E0;
+}
+*/
+
+/* ./WebContent/VAADIN/themes/runo/shadow/shadow.css */
+.v-shadow {
+ position: absolute;
+}
+
+.v-shadow .top-left {
+ position: absolute; overflow: hidden;
+ top: -3px; left: -4px;
+ width: 8px; height: 8px;
+ background: transparent url(shadow/img/top-left.png);
+}
+
+.v-shadow .top {
+ position: absolute; overflow: hidden;
+ top: -3px; left: 4px;
+ height: 8px; right: 4px;
+ background: transparent url(shadow/img/top.png);
+}
+
+.v-shadow .top-right {
+ position: absolute; overflow: hidden;
+ top: -3px; right: -4px;
+ width: 8px; height: 8px;
+ background: transparent url(shadow/img/top-right.png);
+}
+
+.v-shadow .left {
+ position: absolute; overflow: hidden;
+ top: 5px; left: -4px;
+ width: 8px;
+ bottom: 3px;
+ background: transparent url(shadow/img/left.png);
+}
+
+.v-shadow .center {
+ position: absolute; overflow: hidden;
+ top: 5px; left: 4px;
+ bottom: 3px; right: 4px;
+ background: transparent url(shadow/img/center.png);
+}
+
+.v-shadow .right {
+ position: absolute; overflow: hidden;
+ top: 5px; right: -4px;
+ width: 8px;
+ bottom: 3px;
+ background: transparent url(shadow/img/right.png);
+}
+
+.v-shadow .bottom-left {
+ position: absolute; overflow: hidden;
+ bottom: -5px; left: -4px;
+ width: 8px; height: 8px;
+ background: transparent url(shadow/img/bottom-left.png);
+}
+
+.v-shadow .bottom {
+ position: absolute; overflow: hidden;
+ bottom: -5px; left: 4px;
+ right: 4px; height: 8px;
+ background: transparent url(shadow/img/bottom.png);
+}
+
+.v-shadow .bottom-right {
+ position: absolute; overflow: hidden;
+ bottom: -5px; right: -4px;
+ width: 8px; height: 8px;
+ background: transparent url(shadow/img/bottom-right.png);
+}
+
+/* ./WebContent/VAADIN/themes/runo/slider/slider.css */
+.v-slider {
+ border-top: 1px solid #cccfd0;
+ border-bottom: 1px solid #cccfd0;
+ margin: 5px 0;
+}
+.v-slider-base {
+ /* changing the borders will require adjustments to ISlider.java */
+ height: 2px;
+ background: #f3f3f4;
+ border-top: 1px solid #cbcdce;
+ border-left: 1px solid #cccfd0;
+ border-right: 1px solid #cccfd0;
+}
+.v-slider-handle {
+ background: transparent url(slider/img/handle-horizontal.png);
+ width: 12px;
+ height: 12px;
+ margin-top: -5px;
+ cursor: pointer;
+}
+.v-slider-handle:hover {
+ background-position: left bottom;
+}
+.v-slider-scrollbar .v-slider-handle,
+.v-slider-scrollbar.v-slider-vertical .v-slider-handle {
+ background: #ffffff;
+ border: 1px solid #cccfd0;
+ border-radius: 6px;
+ -moz-border-radius: 6px;
+ -webkit-border-radius: 6px;
+}
+
+.v-slider-vertical {
+ width: 3px;
+ margin: 0 5px;
+ border: none;
+ border-left: 1px solid #cccfd0;
+ border-right: 1px solid #cccfd0;
+}
+.v-slider-vertical .v-slider-base {
+ width: 2px;
+ border-left: 1px solid #cbcdce;
+ border-right: none;
+ background: #f3f3f4;
+ border-top: 1px solid #cccfd0;
+ border-bottom: 1px solid #cccfd0;
+}
+.v-slider-vertical .v-slider-handle {
+ background: transparent url(slider/img/handle-vertical.png);
+ width: 12px;
+ height: 12px;
+ margin-left: -5px;
+}
+.v-slider-vertical .v-slider-handle:hover {
+ background-position: left bottom;
+}
+
+/* Disabled by default
+.v-slider-error .v-slider-base {
+ background:transparent;
+ background-color: #FFE0E0;
+}
+*/
+
+/* Disabled by default
+.v-slider-required .v-slider-base {
+ background:transparent;
+ background-color: #FFE0E0;
+}
+*/
+
+/* IE specific styles */
+
+.v-ie6 .v-slider,
+.v-ie6 .v-slider-vertical {
+ margin: 0;
+}
+.v-ie6 .v-slider .v-slider-handle {
+ margin: -1px 0;
+}
+.v-ie6 .v-slider-vertical .v-slider-handle {
+ margin: 0 -1px;
+}
+
+/* ./WebContent/VAADIN/themes/runo/splitpanel/splitpanel.css */
+.v-splitpanel-horizontal, .v-splitpanel-vertical {
+ overflow: hidden;
+}
+
+.v-splitpanel-horizontal .v-splitpanel-hsplitter {
+ width: 6px;
+ font-size: 1px; /* for IE6 */
+}
+
+.v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+ width: 6px;
+ font-size: 1px; /* for IE6 */
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ background: #ccd2d0 url(splitpanel/img/bg_hor.png);
+ border: 1px solid #b6bbbc;
+ cursor: e-resize;
+ margin: 0 -1px;
+}
+
+.v-splitpanel-vertical .v-splitpanel-vsplitter {
+ height: 6px;
+ font-size: 1px; /* for IE6 */
+}
+
+.v-splitpanel-vertical .v-splitpanel-vsplitter div {
+ height: 6px;
+ font-size: 1px; /* for IE6 */
+ background: #ccd2d0 url(splitpanel/img/bg_ver.png);
+ border: 1px solid #b6bbbc;
+ cursor: n-resize;
+ margin: -1px 0;
+}
+
+
+
+
+
+/* IE specific styles */
+
+* html .v-splitpanel-horizontal .v-splitpanel-hsplitter div {
+ height: 99%;
+}
+
+* html .v-splitpanel-vertical .v-splitpanel-vsplitter {
+ height: 8px;
+}
+
+* html .v-splitpanel-vertical .v-splitpanel-vsplitter div {
+ margin: 0;
+}
+
+
+/* ./WebContent/VAADIN/themes/runo/table/table.css */
+.v-table-header-wrap {
+ height: 36px;
+ border: 1px solid #b6bbbc;
+ border-bottom: none;
+ background: #e7edf3 url(table/img/header-bg.png) repeat-x;
+}
+.v-table-header {
+ height: 36px;
+}
+.v-table-resizer {
+ height: 36px;
+ width: 4px;
+ background: transparent url(table/img/resizer-bg.png) repeat-y 50% 50%;
+}
+.v-table-caption-container {
+ color: #393a3c;
+ font-size: 15px;
+ padding-top: 9px;
+ text-shadow: #ffffff 0 1px 0;
+ padding-right: 2px; /* See themes/base/table.css for explanation */
+}
+.v-table-header-cell-asc .v-table-caption-container {
+ background: transparent url(table/img/sort-asc.png) no-repeat right 80%;
+}
+.v-table-header-cell-desc .v-table-caption-container {
+ background: transparent url(table/img/sort-desc.png) no-repeat right 80%;
+}
+.v-table-header-cell:hover,
+.v-table-header-cell-asc:hover,
+.v-table-header-cell-desc:hover {
+ background: transparent url(table/img/header-bg-over.png) repeat-x;
+}
+.v-table-body {
+ background: #fff;
+ border: 1px solid #b6bbbc;
+}
+.v-table-row,
+.v-table-row-odd {
+ background-color: #fff;
+}
+.v-table-row-odd {
+ background-color: #f6f7f7;
+}
+.v-table-row:hover,
+.v-table-row-odd:hover {
+ background-color: #edeeee;
+}
+.v-table .v-selected {
+ background: #57a7ed;
+ color: #fff;
+}
+.v-table-cell-content {
+ padding: 0 6px 0 4px;
+ border-right: none;
+}
+.v-table-cell-wrapper {
+ white-space: nowrap;
+ overflow: hidden;
+ line-height: 23px;
+ /* Do not specify horizontal padding here */
+ padding: 3px 0 0 0;
+}
+/* Fix textfield size to correspond label size inside table */
+.v-table-cell-content .v-textfield,
+.v-table-cell-content .v-button {
+ margin: -3px 0 0 0;
+}
+.v-table-cell-content .v-textfield,
+.v-table-cell-content .v-datefield {
+ width: 97%; /* approximate */
+}
+/* ...but not for datefield textarea */
+.v-table-cell-content .v-datefield .v-textfield {
+ width: auto;
+
+}
+/* datefield button is too high for table cell */
+.v-table-cell-content .v-datefield-button {
+ height: 25px;
+ margin: -3px 0 0 0;
+}
+.v-table-column-selector {
+ background: transparent url(table/img/colsel.png) no-repeat;
+ margin: -36px 0 0 0;
+ height: 36px;
+ width: 15px;
+}
+.v-table-focus-slot-left {
+ border-color: #b6bbbc;
+}
+.v-table-focus-slot-right {
+ border-color: #b6bbbc;
+}
+.v-table-header-drag {
+ background: #e7edf3 url(table/img/header-bg.png) repeat-x;
+ border: 1px solid #b6bbbc;
+ padding: 4px;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 15px;
+ margin-top: 20px;
+}
+.v-table-scrollposition {
+ width: 160px;
+ height: 39px;
+ background: transparent url(table/img/scroll-position-bg.png);
+ border: none;
+}
+.v-table-scrollposition span {
+ display: block;
+ margin-top: 8px;
+ text-align: center;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 15px;
+ text-shadow: #ffffff 2px 2px 0;
+}
+/* row in column selector */
+.v-on div {
+ background: transparent url(table/img/check.gif) no-repeat 2px 50%;
+ text-indent: 6px;
+}
+.v-off div {
+ text-indent: 6px;
+}
+.v-table .v-link {
+ display: inline;
+}
+/* IE6 hack */
+.v-ie6 .v-table-scrollposition {
+ background: transparent;
+ /*
+ AlphaImageLoader uses src attribute relative to host page, not CSS
+ We need multiple different filters because we cannot be sure how host page is served compared to theme resources
+ TODO: This actually does not work as expected, since only the last filter is applied. Can we chain filters together (i.e. contain all versions on one line)?
+ */
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
+}
+
+/* ./WebContent/VAADIN/themes/runo/tabsheet/tabsheet.css */
+.v-tabsheet-tabs {
+ height: 48px;
+}
+
+.v-tabsheet-spacertd div {
+ height: 37px;
+ border: 1px solid #b6bbbc;
+ background: transparent url(tabsheet/img/tab-bg.png);
+ padding: 0;
+}
+.v-tabsheet-scroller {
+ margin-top: -37px;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerNext {
+ border: none;
+ width: 12px;
+ height: 38px;
+ opacity: 0.9999;
+ margin-top: -1px;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ border: none;
+ width: 12px;
+ height: 38px;
+ margin-top: -1px;
+ opacity: 0.9999;
+}
+.v-tabsheet-scrollerNext,
+.v-tabsheet-scrollerNext-disabled {
+ background: transparent url(tabsheet/img/next.png) no-repeat;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerPrev-disabled {
+ background: transparent url(tabsheet/img/prev.png) no-repeat;
+}
+.v-tabsheet-scrollerPrev:hover,
+.v-tabsheet-scrollerNext:hover {
+ background-position: -24px 0px;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ background-position: -12px 0px;
+}
+.v-tabsheet-scrollerPrev-disabled:hover,
+.v-tabsheet-scrollerNext-disabled:hover {
+ background-position: -12px 0px;
+}
+.v-tabsheet-tabitem {
+ border: 1px solid #b6bbbc;
+ border-right: none;
+ height: 37px;
+ padding: 0;
+ margin-top: 9px;
+ color: #777f85;
+ font-size: 15px;
+ line-height: 18px;
+ background: #f8f9f9 url(tabsheet/img/tab-bg.png);
+}
+.v-tabsheet-tabitem .v-caption {
+ height: 20px;
+ padding: 9px 15px 8px 15px;
+}
+.v-tabsheet-tabitem-selected {
+ border: none;
+ background: transparent url(panel/img/top-left.png) no-repeat;
+ margin: 0;
+ padding: 0;
+ height: 48px;
+ color: #ee5311;
+}
+.v-tabsheet-tabitem:hover {
+ color: #4b5257;
+}
+.v-tabsheet-tabitem-selected:hover {
+ color: #ee5311;
+}
+.v-tabsheet-tabitem-selected .v-caption {
+ background: transparent url(panel/img/top-right.png) repeat-x right top;
+ margin: 0 -1px 0 9px;
+ height: 18px;
+ padding: 16px 16px 14px 7px;
+ overflow: visible;
+}
+.v-tabsheet-content {
+ border: 1px solid #babfc0;
+ background-color: #fff;
+ border-bottom: 1px solid #dee2e3;
+ border-top: none;
+}
+.v-tabsheet-hidetabs .v-tabsheet-content {
+ border-top: 1px solid #b5babb;
+}
+.v-tabsheet-deco {
+ height: 10px;
+ background: transparent url(panel/img/bottom-right.png) repeat-x right top;
+ margin-left: 9px;
+ overflow: visible;
+}
+.v-tabsheet-deco:before {
+ display: block;
+ content: "";
+ width: 9px;
+ height: 9px;
+ margin-left: -9px;
+ background: transparent url(panel/img/bottom-left.png) no-repeat;
+}
+/* Progress indication */
+.v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext {
+ background: transparent url(common/img/ajax-loader.gif) no-repeat top right;
+ margin-left: -10px;
+ padding-left: 10px;
+ margin-right: -10px;
+ padding-right: 10px;
+ margin-top: -12px;
+ padding-top: 12px;
+}
+/* IE specific styles */
+.v-ie6 .v-tabsheet-tabs {
+ height: 46px;
+}
+.v-ie6 .v-tabsheet-tabitem-selected {
+ border: 1px solid #babfc0;
+ border-bottom: none;
+ background: #fff;
+ margin-top: 0;
+ height: 23px;
+ padding: 18px 14px 6px 15px;
+ cursor: default;
+ color: #ee5311;
+}
+.v-ie6 .v-tabsheet-tabitem-selected .v-caption {
+ background: transparent;
+ padding: 0;
+ margin: 0;
+}
+.v-ie6 .v-tabsheet-content,
+.v-ie7 .v-tabsheet-content,
+.v-ie8 .v-tabsheet-content {
+ border-bottom: none;
+}
+.v-ie6 .v-tabsheet-deco,
+.v-ie7 .v-tabsheet-deco,
+.v-ie8 .v-tabsheet-deco {
+ height: 1px;
+ background: #babfc0;
+ overflow: hidden;
+ margin: 0;
+}
+.v-ie7 .v-tabsheet-deco,
+.v-ie8 .v-tabsheet-deco {
+ width: 100%;
+}
+/* Light-style */
+.v-tabsheet-light .v-tabsheet-tabcontainer {
+ height: 32px;
+}
+.v-tabsheet-tabs-light {
+ height: 32px;
+ width: 100%;
+ overflow:hidden;
+ background: transparent url(tabsheet/img/inline-tab-bg.png) repeat-x;
+}
+.v-tabsheet-light .v-tabsheet-spacertd div {
+ height: 31px;
+ border: none;
+ border-bottom: 1px solid #b6bbbc;
+ background: transparent;
+}
+.v-tabsheet-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;
+ cursor: pointer;
+ text-shadow: #fff 0 1px 0;
+}
+.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption {
+ margin-left: 6px;
+}
+.v-tabsheet-light .v-tabsheet-tabitem .v-caption {
+ height: 24px;
+ padding: 8px 9px 0 9px;
+}
+.v-tabsheet-light .v-tabsheet-tabitem-selected {
+ border: none;
+ background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top;
+ margin: 0;
+ padding: 0;
+ height: 32px;
+ cursor: default;
+ color: #ee5311;
+ text-shadow: none;
+}
+.v-tabsheet-light .v-tabsheet-tabitem:hover {
+ color: #4b5257;
+}
+.v-tabsheet-light .v-tabsheet-tabitem-selected:hover {
+ color: #ee5311;
+}
+.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
+ background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0;
+ margin: 0;
+ height: 23px;
+ padding: 9px 11px 0 11px;
+ overflow: visible;
+}
+.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption {
+ background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -3px 0;
+ padding-left: 15px;
+}
+.v-tabsheet-light .v-tabsheet-content {
+ border: none;
+ background: transparent;
+}
+.v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content {
+ border: none;
+}
+.v-tabsheet-deco-light {
+ height: 0;
+ overflow: hidden;
+}
+.v-tabsheet-deco-light:before {
+ display: none;
+}
+/* Scroller */
+.v-tabsheet-light .v-tabsheet-scrollerPrev,
+.v-tabsheet-light .v-tabsheet-scrollerNext {
+ margin-top: 2px;
+ height: 34px;
+}
+.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-light .v-tabsheet-scrollerNext-disabled {
+ margin-top: 2px;
+ height: 34px;
+}
+/* Progress indication */
+.v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext {
+ margin-left: -3px;
+ padding-left: 3px;
+}
+/* IE specific styles */
+.v-ie6 .v-tabsheet-tabs-light,
+.v-ie7 .v-tabsheet-tabs-light {
+ height: 32px;
+}
+.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected,
+.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected {
+ border: none;
+ background: #fff url(tabsheet/img/inline-tab-right.png) no-repeat right top;
+ padding: 0;
+ height: 32px;
+}
+.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption,
+.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
+ background: transparent url(tabsheet/img/inline-tab-left.png) no-repeat -7px 0;
+ padding: 9px 11px 0 11px;
+}
+.v-ie6 .v-tabsheet-deco-light,
+.v-ie7 .v-tabsheet-deco-light,
+.v-ie8 .v-tabsheet-deco-light {
+ height: 0;
+}
+
+/* ./WebContent/VAADIN/themes/runo/textfield/textfield.css */
+.v-textfield {
+ background: #fff url(textfield/img/bg.png) repeat-x;
+ padding: 2px;
+ border: 1px solid #b6b6b6;
+ border-top-color: #9d9d9d;
+ border-bottom-color: #d6d6d6;
+ border-right-color: #d6d6d6;
+ margin: 0;
+ font-size: 13px;
+ height: 18px;
+}
+.v-textarea {
+ background: #fff url(textfield/img/bg.png) repeat-x;
+ padding: 2px;
+ border: 1px solid #b6b6b6;
+ border-top-color: #9d9d9d;
+ border-bottom-color: #d6d6d6;
+ border-right-color: #d6d6d6;
+ margin: 0;
+ font-size: 13px;
+}
+.v-textfield-focus,
+.v-textarea-focus {
+ border-color: #5daee8;
+}
+input.v-textfield-prompt,
+textarea.v-textarea-prompt {
+ color: #999;
+ font-style: normal;
+}
+.v-richtextarea {
+ border: 1px solid #b6b6b6;
+}
+.v-richtextarea .gwt-RichTextArea {
+ background: #fff url(textfield/img/bg.png) repeat-x;
+}
+
+/* ./WebContent/VAADIN/themes/runo/tree/tree.css */
+.v-tree-node {
+ background: transparent url(tree/img/collapsed.png) no-repeat 2px 1px;
+}
+.v-tree-node-expanded {
+ background: transparent url(tree/img/expanded.png) no-repeat 2px 1px;
+}
+.v-tree-node-caption {
+ margin-left: 16px;
+}
+.v-tree-node span {
+ padding: 0 2px;
+}
+.v-tree-node-selected span {
+ background: #5daee8;
+ color: #fff;
+ padding: 0 2px;
+}
+.v-tree-node-children {
+ padding-left: 16px;
+}
+/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of v-tree-node-caption */
+.v-ie6 .v-tree-node-ie6compatnode {
+ width: 14px;
+ height: 10px;
+ padding: 1px;
+}
+
+/* ./WebContent/VAADIN/themes/runo/window/window.css */
+.v-window {
+ color: #464f52;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ font-size: 13px;
+ line-height: 18px;
+ background: transparent url(window/img/bottom-left.png) no-repeat left bottom;
+}
+.v-window-wrap {
+ background: transparent url(window/img/top-left.png) no-repeat;
+}
+.v-window-outerheader {
+ height: 23px;
+ margin-left: 9px;
+ padding: 15px 40px 11px 12px;
+ background: transparent url(window/img/top-right.png) no-repeat right top;
+}
+.v-window-header {
+ font-size: 18px;
+ line-height: 1.2;
+ font-weight: normal;
+ letter-spacing: -0.03em;
+ color: #f14c1a;
+ text-shadow: 0 1px 0 #fff;
+ /* This element is 100% wide in IE6 */
+}
+.v-window-contents {
+ background: #fff;
+ border: 2px solid #acb2b3;
+ border-top: none;
+ border-bottom: none;
+}
+.v-window-footer {
+ height: 8px;
+ margin-left: 9px;
+ background: transparent url(window/img/bottom-right.png) no-repeat right top;
+}
+.v-ie7 .v-window-footer {
+ position: relative;
+}
+.v-window-resizebox {
+ position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */
+ right: 5px;
+ width: 10px;
+ height: 10px;
+ margin-top: -7px;
+ background: transparent url(window/img/resize.png);
+}
+.v-window-resizebox-disabled {
+ background: transparent;
+ display: block;
+}
+.v-window-closebox {
+ position: absolute;
+ top: 21px;
+ right: 24px;
+ width: 12px;
+ height: 12px;
+ background: transparent url(window/img/close.png);
+}
+.v-window-closebox:hover {
+ background-position: 0 -12px;
+}
+.v-window-modalitycurtain {
+ background: #fff;
+}
+/* Shadow for window */
+.v-shadow-window .top-left {
+ top: -13px; left: -20px;
+ width: 39px; height: 39px;
+ background: transparent url(window/img/shadow/top-left.png);
+}
+.v-shadow-window .top {
+ top: -13px; left: 19px;
+ height: 39px;
+ right: 19px;
+ background: transparent url(window/img/shadow/top.png);
+}
+.v-shadow-window .top-right {
+ top: -13px; right: -20px;
+ width: 39px; height: 39px;
+ background: transparent url(window/img/shadow/top-right.png);
+}
+.v-shadow-window .left {
+ top: 26px; left: -20px;
+ width: 39px;
+ bottom: 12px;
+ background: transparent url(window/img/shadow/left.png);
+}
+.v-shadow-window .center {
+ top: 26px; left: 19px;
+ bottom: 12px; right: 19px;
+ background: transparent url(window/img/shadow/center.png);
+}
+.v-shadow-window .right {
+ top: 26px; right: -20px;
+ width: 39px;
+ bottom: 12px;
+ background: transparent url(window/img/shadow/right.png);
+}
+.v-shadow-window .bottom-left {
+ bottom: -27px; left: -20px;
+ width: 39px; height: 39px;
+ background: transparent url(window/img/shadow/bottom-left.png);
+}
+.v-shadow-window .bottom {
+ bottom: -27px; left: 19px;
+ right: 19px; height: 39px;
+ background: transparent url(window/img/shadow/bottom.png);
+}
+.v-shadow-window .bottom-right {
+ bottom: -27px; right: -20px;
+ width: 39px; height: 39px;
+ background: transparent url(window/img/shadow/bottom-right.png);
+}
--- /dev/null
+.v-table-header-wrap {
+ height: 36px;
+ border: 1px solid #b6bbbc;
+ border-bottom: none;
+ background: #e7edf3 url(img/header-bg.png) repeat-x;
+}
+.v-table-header {
+ height: 36px;
+}
+.v-table-resizer {
+ height: 36px;
+ width: 4px;
+ background: transparent url(img/resizer-bg.png) repeat-y 50% 50%;
+}
+.v-table-caption-container {
+ color: #393a3c;
+ font-size: 15px;
+ padding-top: 9px;
+ text-shadow: #ffffff 0 1px 0;
+ padding-right: 2px; /* See themes/base/table.css for explanation */
+}
+.v-table-header-cell-asc .v-table-caption-container {
+ background: transparent url(img/sort-asc.png) no-repeat right 80%;
+}
+.v-table-header-cell-desc .v-table-caption-container {
+ background: transparent url(img/sort-desc.png) no-repeat right 80%;
+}
+.v-table-header-cell:hover,
+.v-table-header-cell-asc:hover,
+.v-table-header-cell-desc:hover {
+ background: transparent url(img/header-bg-over.png) repeat-x;
+}
+.v-table-body {
+ background: #fff;
+ border: 1px solid #b6bbbc;
+}
+.v-table-row,
+.v-table-row-odd {
+ background-color: #fff;
+}
+.v-table-row-odd {
+ background-color: #f6f7f7;
+}
+.v-table-row:hover,
+.v-table-row-odd:hover {
+ background-color: #edeeee;
+}
+.v-table .v-selected {
+ background: #57a7ed;
+ color: #fff;
+}
+.v-table-cell-content {
+ padding: 0 6px 0 4px;
+ border-right: none;
+}
+.v-table-cell-wrapper {
+ white-space: nowrap;
+ overflow: hidden;
+ line-height: 23px;
+ /* Do not specify horizontal padding here */
+ padding: 3px 0 0 0;
+}
+/* Fix textfield size to correspond label size inside table */
+.v-table-cell-content .v-textfield,
+.v-table-cell-content .v-button {
+ margin: -3px 0 0 0;
+}
+.v-table-cell-content .v-textfield,
+.v-table-cell-content .v-datefield {
+ width: 97%; /* approximate */
+}
+/* ...but not for datefield textarea */
+.v-table-cell-content .v-datefield .v-textfield {
+ width: auto;
+
+}
+/* datefield button is too high for table cell */
+.v-table-cell-content .v-datefield-button {
+ height: 25px;
+ margin: -3px 0 0 0;
+}
+.v-table-column-selector {
+ background: transparent url(img/colsel.png) no-repeat;
+ margin: -36px 0 0 0;
+ height: 36px;
+ width: 15px;
+}
+.v-table-focus-slot-left {
+ border-color: #b6bbbc;
+}
+.v-table-focus-slot-right {
+ border-color: #b6bbbc;
+}
+.v-table-header-drag {
+ background: #e7edf3 url(img/header-bg.png) repeat-x;
+ border: 1px solid #b6bbbc;
+ padding: 4px;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 15px;
+ margin-top: 20px;
+}
+.v-table-scrollposition {
+ width: 160px;
+ height: 39px;
+ background: transparent url(img/scroll-position-bg.png);
+ border: none;
+}
+.v-table-scrollposition span {
+ display: block;
+ margin-top: 8px;
+ text-align: center;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ color: #464f52;
+ font-size: 15px;
+ text-shadow: #ffffff 2px 2px 0;
+}
+/* row in column selector */
+.v-on div {
+ background: transparent url(img/check.gif) no-repeat 2px 50%;
+ text-indent: 6px;
+}
+.v-off div {
+ text-indent: 6px;
+}
+.v-table .v-link {
+ display: inline;
+}
+/* IE6 hack */
+.v-ie6 .v-table-scrollposition {
+ background: transparent;
+ /*
+ AlphaImageLoader uses src attribute relative to host page, not CSS
+ We need multiple different filters because we cannot be sure how host page is served compared to theme resources
+ TODO: This actually does not work as expected, since only the last filter is applied. Can we chain filters together (i.e. contain all versions on one line)?
+ */
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/VAADIN/themes/default/table/img/scroll-position-bg.png", sizingMethod="scale");
+}
\ No newline at end of file
--- /dev/null
+.v-tabsheet-tabs {
+ height: 48px;
+}
+
+.v-tabsheet-spacertd div {
+ height: 37px;
+ border: 1px solid #b6bbbc;
+ background: transparent url(img/tab-bg.png);
+ padding: 0;
+}
+.v-tabsheet-scroller {
+ margin-top: -37px;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerNext {
+ border: none;
+ width: 12px;
+ height: 38px;
+ opacity: 0.9999;
+ margin-top: -1px;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ border: none;
+ width: 12px;
+ height: 38px;
+ margin-top: -1px;
+ opacity: 0.9999;
+}
+.v-tabsheet-scrollerNext,
+.v-tabsheet-scrollerNext-disabled {
+ background: transparent url(img/next.png) no-repeat;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerPrev-disabled {
+ background: transparent url(img/prev.png) no-repeat;
+}
+.v-tabsheet-scrollerPrev:hover,
+.v-tabsheet-scrollerNext:hover {
+ background-position: -24px 0px;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ background-position: -12px 0px;
+}
+.v-tabsheet-scrollerPrev-disabled:hover,
+.v-tabsheet-scrollerNext-disabled:hover {
+ background-position: -12px 0px;
+}
+.v-tabsheet-tabitem {
+ border: 1px solid #b6bbbc;
+ border-right: none;
+ height: 37px;
+ padding: 0;
+ margin-top: 9px;
+ color: #777f85;
+ font-size: 15px;
+ line-height: 18px;
+ background: #f8f9f9 url(img/tab-bg.png);
+}
+.v-tabsheet-tabitem .v-caption {
+ height: 20px;
+ padding: 9px 15px 8px 15px;
+}
+.v-tabsheet-tabitem-selected {
+ border: none;
+ background: transparent url(../panel/img/top-left.png) no-repeat;
+ margin: 0;
+ padding: 0;
+ height: 48px;
+ color: #ee5311;
+}
+.v-tabsheet-tabitem:hover {
+ color: #4b5257;
+}
+.v-tabsheet-tabitem-selected:hover {
+ color: #ee5311;
+}
+.v-tabsheet-tabitem-selected .v-caption {
+ background: transparent url(../panel/img/top-right.png) repeat-x right top;
+ margin: 0 -1px 0 9px;
+ height: 18px;
+ padding: 16px 16px 14px 7px;
+ overflow: visible;
+}
+.v-tabsheet-content {
+ border: 1px solid #babfc0;
+ background-color: #fff;
+ border-bottom: 1px solid #dee2e3;
+ border-top: none;
+}\r
+.v-tabsheet-hidetabs .v-tabsheet-content {\r
+ border-top: 1px solid #b5babb;\r
+}\r
+.v-tabsheet-deco {
+ height: 10px;
+ background: transparent url(../panel/img/bottom-right.png) repeat-x right top;
+ margin-left: 9px;
+ overflow: visible;
+}
+.v-tabsheet-deco:before {
+ display: block;
+ content: "";
+ width: 9px;
+ height: 9px;
+ margin-left: -9px;
+ background: transparent url(../panel/img/bottom-left.png) no-repeat;
+}
+/* Progress indication */
+.v-tabsheet-loading .v-tabsheet-tabitem-selected .v-captiontext {
+ background: transparent url(../common/img/ajax-loader.gif) no-repeat top right;
+ margin-left: -10px;
+ padding-left: 10px;
+ margin-right: -10px;
+ padding-right: 10px;
+ margin-top: -12px;
+ padding-top: 12px;
+}
+/* IE specific styles */
+.v-ie6 .v-tabsheet-tabs {
+ height: 46px;
+}
+.v-ie6 .v-tabsheet-tabitem-selected {
+ border: 1px solid #babfc0;
+ border-bottom: none;
+ background: #fff;
+ margin-top: 0;
+ height: 23px;
+ padding: 18px 14px 6px 15px;
+ cursor: default;
+ color: #ee5311;
+}
+.v-ie6 .v-tabsheet-tabitem-selected .v-caption {
+ background: transparent;
+ padding: 0;
+ margin: 0;
+}
+.v-ie6 .v-tabsheet-content,
+.v-ie7 .v-tabsheet-content,
+.v-ie8 .v-tabsheet-content {
+ border-bottom: none;
+}
+.v-ie6 .v-tabsheet-deco,
+.v-ie7 .v-tabsheet-deco,
+.v-ie8 .v-tabsheet-deco {
+ height: 1px;
+ background: #babfc0;
+ overflow: hidden;
+ margin: 0;
+}
+.v-ie7 .v-tabsheet-deco,
+.v-ie8 .v-tabsheet-deco {
+ width: 100%;
+}
+/* Light-style */
+.v-tabsheet-light .v-tabsheet-tabcontainer {
+ height: 32px;
+}
+.v-tabsheet-tabs-light {
+ height: 32px;
+ width: 100%;
+ overflow:hidden;
+ background: transparent url(img/inline-tab-bg.png) repeat-x;
+}
+.v-tabsheet-light .v-tabsheet-spacertd div {
+ height: 31px;
+ border: none;
+ border-bottom: 1px solid #b6bbbc;
+ background: transparent;
+}
+.v-tabsheet-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;
+ cursor: pointer;
+ text-shadow: #fff 0 1px 0;
+}
+.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-caption {
+ margin-left: 6px;
+}
+.v-tabsheet-light .v-tabsheet-tabitem .v-caption {
+ height: 24px;
+ padding: 8px 9px 0 9px;
+}
+.v-tabsheet-light .v-tabsheet-tabitem-selected {
+ border: none;
+ background: #fff url(img/inline-tab-right.png) no-repeat right top;
+ margin: 0;
+ padding: 0;
+ height: 32px;
+ cursor: default;
+ color: #ee5311;
+ text-shadow: none;
+}
+.v-tabsheet-light .v-tabsheet-tabitem:hover {
+ color: #4b5257;
+}
+.v-tabsheet-light .v-tabsheet-tabitem-selected:hover {
+ color: #ee5311;
+}
+.v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
+ background: transparent url(img/inline-tab-left.png) no-repeat -7px 0;
+ margin: 0;
+ height: 23px;
+ padding: 9px 11px 0 11px;
+ overflow: visible;
+}
+.v-tabsheet-light .v-tabsheet-tabitemcell-first .v-tabsheet-tabitem-selected .v-caption {
+ background: transparent url(img/inline-tab-left.png) no-repeat -3px 0;
+ padding-left: 15px;
+}
+.v-tabsheet-light .v-tabsheet-content {
+ border: none;
+ background: transparent;
+}
+.v-tabsheet-light .v-tabsheet-hidetabs .v-tabsheet-content {
+ border: none;
+}
+.v-tabsheet-deco-light {
+ height: 0;
+ overflow: hidden;
+}
+.v-tabsheet-deco-light:before {
+ display: none;
+}
+/* Scroller */
+.v-tabsheet-light .v-tabsheet-scrollerPrev,
+.v-tabsheet-light .v-tabsheet-scrollerNext {
+ margin-top: 2px;
+ height: 34px;
+}
+.v-tabsheet-light .v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-light .v-tabsheet-scrollerNext-disabled {
+ margin-top: 2px;
+ height: 34px;
+}
+/* Progress indication */
+.v-tabsheet-loading .v-tabsheet-tabs-light .v-tabsheet-tabitem-selected .v-captiontext {
+ margin-left: -3px;
+ padding-left: 3px;
+}
+/* IE specific styles */
+.v-ie6 .v-tabsheet-tabs-light,
+.v-ie7 .v-tabsheet-tabs-light {
+ height: 32px;
+}
+.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected,
+.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected {
+ border: none;
+ background: #fff url(img/inline-tab-right.png) no-repeat right top;
+ padding: 0;
+ height: 32px;
+}
+.v-ie6 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption,
+.v-ie7 .v-tabsheet-light .v-tabsheet-tabitem-selected .v-caption {
+ background: transparent url(img/inline-tab-left.png) no-repeat -7px 0;
+ padding: 9px 11px 0 11px;
+}
+.v-ie6 .v-tabsheet-deco-light,
+.v-ie7 .v-tabsheet-deco-light,
+.v-ie8 .v-tabsheet-deco-light {
+ height: 0;
+}
\ No newline at end of file
--- /dev/null
+.v-textfield {
+ background: #fff url(img/bg.png) repeat-x;
+ padding: 2px;
+ border: 1px solid #b6b6b6;
+ border-top-color: #9d9d9d;
+ border-bottom-color: #d6d6d6;
+ border-right-color: #d6d6d6;
+ margin: 0;
+ font-size: 13px;
+ height: 18px;
+}
+.v-textarea {
+ background: #fff url(img/bg.png) repeat-x;
+ padding: 2px;
+ border: 1px solid #b6b6b6;
+ border-top-color: #9d9d9d;
+ border-bottom-color: #d6d6d6;
+ border-right-color: #d6d6d6;
+ margin: 0;
+ font-size: 13px;
+}
+.v-textfield-focus,
+.v-textarea-focus {
+ border-color: #5daee8;
+}
+input.v-textfield-prompt,
+textarea.v-textarea-prompt {
+ color: #999;
+ font-style: normal;
+}
+.v-richtextarea {
+ border: 1px solid #b6b6b6;
+}
+.v-richtextarea .gwt-RichTextArea {
+ background: #fff url(img/bg.png) repeat-x;
+}
\ No newline at end of file
--- /dev/null
+.v-tree-node {
+ background: transparent url(img/collapsed.png) no-repeat 2px 1px;
+}
+.v-tree-node-expanded {
+ background: transparent url(img/expanded.png) no-repeat 2px 1px;
+}
+.v-tree-node-caption {
+ margin-left: 16px;
+}
+.v-tree-node span {
+ padding: 0 2px;
+}
+.v-tree-node-selected span {
+ background: #5daee8;
+ color: #fff;
+ padding: 0 2px;
+}
+.v-tree-node-children {
+ padding-left: 16px;
+}
+/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of v-tree-node-caption */
+.v-ie6 .v-tree-node-ie6compatnode {
+ width: 14px;
+ height: 10px;
+ padding: 1px;
+}
\ No newline at end of file
--- /dev/null
+.v-window {
+ color: #464f52;
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;
+ font-size: 13px;
+ line-height: 18px;
+ background: transparent url(img/bottom-left.png) no-repeat left bottom;
+}
+.v-window-wrap {
+ background: transparent url(img/top-left.png) no-repeat;
+}
+.v-window-outerheader {
+ height: 23px;
+ margin-left: 9px;
+ padding: 15px 40px 11px 12px;
+ background: transparent url(img/top-right.png) no-repeat right top;
+}
+.v-window-header {
+ font-size: 18px;
+ line-height: 1.2;
+ font-weight: normal;
+ letter-spacing: -0.03em;
+ color: #f14c1a;
+ text-shadow: 0 1px 0 #fff;
+ /* This element is 100% wide in IE6 */
+}
+.v-window-contents {
+ background: #fff;
+ border: 2px solid #acb2b3;
+ border-top: none;
+ border-bottom: none;
+}
+.v-window-footer {
+ height: 8px;
+ margin-left: 9px;
+ background: transparent url(img/bottom-right.png) no-repeat right top;
+}
+.v-ie7 .v-window-footer {
+ position: relative;
+}
+.v-window-resizebox {
+ position: absolute; /* Needed to position the element over ScrollPanel, which is relatively positioned */
+ right: 5px;
+ width: 10px;
+ height: 10px;
+ margin-top: -7px;
+ background: transparent url(img/resize.png);
+}
+.v-window-resizebox-disabled {
+ background: transparent;
+ display: block;
+}
+.v-window-closebox {
+ position: absolute;
+ top: 21px;
+ right: 24px;
+ width: 12px;
+ height: 12px;
+ background: transparent url(img/close.png);
+}
+.v-window-closebox:hover {
+ background-position: 0 -12px;
+}
+.v-window-modalitycurtain {
+ background: #fff;
+}
+/* Shadow for window */
+.v-shadow-window .top-left {
+ top: -13px; left: -20px;
+ width: 39px; height: 39px;
+ background: transparent url(img/shadow/top-left.png);
+}
+.v-shadow-window .top {
+ top: -13px; left: 19px;
+ height: 39px;
+ right: 19px;
+ background: transparent url(img/shadow/top.png);
+}
+.v-shadow-window .top-right {
+ top: -13px; right: -20px;
+ width: 39px; height: 39px;
+ background: transparent url(img/shadow/top-right.png);
+}
+.v-shadow-window .left {
+ top: 26px; left: -20px;
+ width: 39px;
+ bottom: 12px;
+ background: transparent url(img/shadow/left.png);
+}
+.v-shadow-window .center {
+ top: 26px; left: 19px;
+ bottom: 12px; right: 19px;
+ background: transparent url(img/shadow/center.png);
+}
+.v-shadow-window .right {
+ top: 26px; right: -20px;
+ width: 39px;
+ bottom: 12px;
+ background: transparent url(img/shadow/right.png);
+}
+.v-shadow-window .bottom-left {
+ bottom: -27px; left: -20px;
+ width: 39px; height: 39px;
+ background: transparent url(img/shadow/bottom-left.png);
+}
+.v-shadow-window .bottom {
+ bottom: -27px; left: 19px;
+ right: 19px; height: 39px;
+ background: transparent url(img/shadow/bottom.png);
+}
+.v-shadow-window .bottom-right {
+ bottom: -27px; right: -20px;
+ width: 39px; height: 39px;
+ background: transparent url(img/shadow/bottom-right.png);
+}
\ No newline at end of file
-@import url(../itmill5/styles.css);
+@import url(../runo/styles.css);
/*****************************************************************************/
/* Styling for tests.magi application. */
-@import url(../itmill5/styles.css);
+@import url(../runo/styles.css);
body, html {\r
background: #e9eced;\r
-@import url(../itmill5/styles.css);
+@import url(../runo/styles.css);
/* DO NOT ADD GENERIC RULES LIKE .v-table IN THIS FILE */
-@import url(../itmill5/styles.css);
+@import url(../runo/styles.css);
/******************************************************************************
private static final String THEME_DIR = "./WebContent/VAADIN/themes/";
private static final String BASE = "base";
- private static final String ITMILL5 = "itmill5";
+ private static final String RUNO = "runo";
private static final String REINDEER = "reindeer";
/**
*/
public static void main(String[] args) throws IOException {
combineTheme(new String[] { BASE }, false);
- combineTheme(new String[] { BASE, ITMILL5 }, false);
+ combineTheme(new String[] { BASE, RUNO }, false);
combineTheme(new String[] { BASE, REINDEER }, true);
}
public void addPngFix(Element el) {
BrowserInfo b = BrowserInfo.get();
if (b.isIE6()) {
- Util.addPngFix(el, getThemeUri()
- + "/../default/common/img/blank.gif");
+ Util.addPngFix(el, getThemeUri() + "/../runo/common/img/blank.gif");
}
}
demoWindow.addListener(this);
demoWindow.setWidth("400px");
demoWindow.setHeight("200px");
- demoWindow.setTheme("itmill5");
+ demoWindow.setTheme("runo");
layoutUpper.addComponent(addButton);
layoutUpper.addComponent(removeButton);
@Override
public void init() {
- setTheme("itmill5");
+ setTheme("runo");
main = new Window("PopupView test");
setMainWindow(main);
Panel panel = new Panel("PopupTest");
@Override
public void init() {
setMainWindow(main);
- setTheme("itmill5");
+ setTheme("runo");
List<MenuItem> itemList = new ArrayList<MenuItem>();
// Populate the menu bar