You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@ace.apache.org by ma...@apache.org on 2012/07/05 14:10:06 UTC
svn commit: r1357570 [30/34] - in /ace/sandbox/marrs: cnf/ cnf/ext/ cnf/lib/
cnf/releaserepo/ cnf/repo/ cnf/repo/.obrcache/
cnf/repo/.obrcache/http%3A%2F%2Fbundles.bndtools.org.s3.amazonaws.com%2Fcom.jcraft.jsch/
cnf/repo/.obrcache/http%3A%2F%2Fbundles...
Added: ace/sandbox/marrs/org.apache.ace.webui.vaadin/resources/VAADIN/themes/reindeer/styles.css
URL: http://svn.apache.org/viewvc/ace/sandbox/marrs/org.apache.ace.webui.vaadin/resources/VAADIN/themes/reindeer/styles.css?rev=1357570&view=auto
==============================================================================
--- ace/sandbox/marrs/org.apache.ace.webui.vaadin/resources/VAADIN/themes/reindeer/styles.css (added)
+++ ace/sandbox/marrs/org.apache.ace.webui.vaadin/resources/VAADIN/themes/reindeer/styles.css Thu Jul 5 12:09:30 2012
@@ -0,0 +1,5648 @@
+.v-theme-version:after {content:"6_5_0";}
+.v-theme-version-6_5_0 {display: none;}
+/* Automatically compiled css file from subdirectories. */
+
+.v-absolutelayout-wrapper {
+ position: absolute;
+ overflow: hidden;
+}
+
+.v-accordion {
+ position: relative;
+ outline: none;
+ overflow: hidden;
+ text-align: left /* Force default alignment */
+}
+.v-accordion-item {
+ position: relative;
+ zoom: 1;
+}
+.v-accordion-item-caption {
+ overflow: hidden;
+ white-space: nowrap;
+ background: #eee;
+ border-bottom: 1px solid #ddd;
+}
+.v-accordion-item-caption .v-caption {
+ cursor: pointer;
+}
+.v-accordion-item-open .v-accordion-item-caption .v-caption {
+ cursor: default;
+}
+.v-accordion-item-content {
+ position: absolute;
+ overflow: auto;
+ width: 100%;
+}
+
+/*
+ * Default button (more customizable)
+ * -------------------------------------- */
+.v-button {
+ display: inline-block;
+ zoom: 1;
+ text-align: center;
+ text-decoration: none;
+ border: 2px outset #ddd;
+ background: #eee;
+ cursor: pointer;
+ white-space: nowrap;
+ margin: 0;
+ padding: .2em 1em;
+ color: inherit;
+ font: inherit;
+ line-height: normal;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ie-user-select: none;
+ user-select: none;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.v-button.v-disabled {
+ cursor: default;
+}
+
+.v-ie6 .v-button {
+ display: inline;
+}
+
+.v-ie7 .v-button {
+ display: inline;
+}
+
+.v-button-wrap,
+.v-button-caption {
+ vertical-align: middle;
+ white-space: nowrap;
+ font: inherit;
+ color: inherit;
+ line-height: normal;
+ }
+
+.v-button .v-icon,
+.v-nativebutton .v-icon {
+ vertical-align: middle;
+ margin-right: 3px;
+ border: none;
+ }
+
+.v-button .v-errorindicator,
+.v-nativebutton .v-errorindicator {
+ display: inline-block;
+ zoom: 1;
+ vertical-align: middle;
+ float: none;
+}
+
+/* Link style (we really should deprecate this) */
+.v-button-link,
+.v-nativebutton-link {
+ border: none;
+ text-align: left;
+ background: transparent;
+ padding: 0;
+ color: inherit;
+ -khtml-user-select: text;
+ -moz-user-select: text;
+ -ie-user-select: text;
+ user-select: text;
+}
+
+/* Inset Safari focus outline a bit */
+.v-sa .v-button-link:focus{
+ outline-offset: -3px;
+ }
+
+.v-button-link .v-button-caption,
+.v-nativebutton-link .v-nativebutton-caption {
+ text-decoration: underline;
+ color: inherit;
+ text-align: left;
+ }
+
+
+/*
+ * NativeButton styles (html button element)
+ * -------------------------------------- */
+.v-nativebutton {
+ text-align: center;
+ cursor: pointer;
+ white-space: nowrap;
+ margin: 0;
+ color: inherit;
+ font: inherit;
+ line-height: normal;
+ }
+.v-nativebutton .v-nativebutton-caption {
+ vertical-align: middle;
+ white-space: nowrap;
+ font: inherit;
+ color: inherit;
+ }
+
+.v-nativebutton .v-icon {
+ vertical-align: middle;
+ margin-right: 3px;
+ }
+
+.v-nativebutton .v-errorindicator {
+ display: inline-block;
+ zoom: 1;
+ float: none;
+}
+/* Fixes streched buttons in IE6 and IE7*/
+.v-ie6 .v-nativebutton {
+ width: 1px;
+}
+.v-ie .v-nativebutton {
+ overflow: visible;
+ padding-left: 1em;
+ padding-right: 1em;
+}
+
+.v-ie .v-nativebutton-link {
+ padding: 0;
+}
+
+/*
+ * Checkbox styles
+ * -------------------------------------- */
+
+ .v-checkbox {
+ display: block;
+ }
+
+.v-checkbox,
+.v-checkbox label,
+.v-checkbox input,
+.v-checkbox .v-icon {
+ vertical-align: middle;
+ white-space: nowrap;
+}
+
+/* Fix for IE6/IE7 issue where checkbox moves 1 pixel down after selection (#4636) */
+.v-ie6 .v-checkbox,
+.v-ie7 .v-checkbox {
+ vertical-align: baseline;
+}
+
+.v-checkbox .v-icon {
+ margin: 0 2px;
+}
+.v-checkbox .v-errorindicator {
+ float: none;
+ display: inline;
+ display: inline-block;
+ zoom: 1;
+}
+
+
+/* Disabled by default
+.v-checkbox-error {
+ background: #ffe0e0;
+}
+*/
+/* Disabled by default
+.v-checkbox-required {
+ background: #ffe0e0;
+}
+*/
+
+.v-captionwrapper {
+ text-align: left; /* Force default alignment */
+}
+.v-caption {
+ overflow: hidden;
+ white-space: nowrap;
+}
+.v-errorindicator {
+ float: left;
+}
+.v-caption .v-icon {
+ float: left;
+ padding-right: 2px;
+ vertical-align: middle;
+}
+.v-caption .v-captiontext {
+ float: left;
+ overflow: hidden;
+ vertical-align: middle;
+}
+.v-caption .v-required-field-indicator {
+ float: left;
+}
+
+.v-caption-clearelem {
+ clear: both;
+ width: 0;
+ height: 0;
+ overflow: hidden;
+}
+
+/* Fix IE6 "double-float-margin-bug" */
+.v-ie6 .v-errorindicator,
+.v-ie6 .v-icon,
+.v-ie6 .v-captiontext,
+.v-ie6 .v-required-field-indicator {
+ display: inline;
+}
+
+/* References the BODY tag generated by Vaadin application servlet */
+.v-generated-body {
+ width: 100%;
+ height: 100%;
+ border: 0;
+ margin: 0;
+ overflow: hidden;
+}
+.v-app {
+ height: 100%;
+}
+/* Force arrow cursor for all elements inside the app */
+.v-app,
+.v-window,
+.v-popupview-popup,
+.v-label,
+.v-caption {
+ cursor: default;
+}
+div.v-app-loading {
+ /* You can use this to provide indication for the user that the application is loading. */
+ /* It is applied to the same element as .v-app */
+ background-image: url(../base/common/img/loading-indicator.gif);
+ background-repeat: no-repeat;
+ background-position: 50%;
+}
+.v-view {
+ height: 100%;
+ width: 100%;
+ overflow: auto;
+ /* avoid scrollbars with margins in root layout */
+ outline: none;
+ margin-top: -1px;
+ border-top: 1px solid transparent;
+ position: relative;
+}
+/**
+ * Try to handle printing somehow. Reasonable printing support
+ * needs application specific planning and CSS tuning.
+ */
+@media print {
+ .v-generated-body {
+ height: auto;
+ min-height: 20cm;
+ overflow: visible;
+ }
+ .v-app {
+ height: auto;
+ min-height: 20cm;
+ }
+ .v-view {
+ overflow: visible;
+ }
+ .v-gridlayout {
+ overflow: visible !important;
+ }
+}
+.v-view:active,
+.v-view:focus {
+ outline: none;
+}
+.v-app select,
+.v-window select {
+ margin: 0;
+}
+.v-disabled {
+ opacity: .3;
+ filter: alpha(opacity=30);
+ cursor: default;
+}
+.v-disabled * {
+ cursor: default;
+}
+* html .v-disabled {
+ zoom: 1;
+}
+*+html .v-disabled {
+ zoom: 1;
+}
+.v-disabled .v-disabled {
+ opacity: 1;
+}
+.v-required-field-indicator {
+ padding-left: 2px;
+ color: red;
+}
+.v-form fieldset {
+ border: none;
+ padding: 0;
+ margin: 0;
+}
+/* Field modified */ /* Disabled by default
+.v-modified,
+.v-richtextarea.v-modified iframe.gwt-RichTextArea,
+.v-checkbox.v-modified,
+.v-modified .v-select-option,
+.v-modified .v-textfield,
+.v-modified .v-datefield-calendarpanel,
+.v-modified .v-select-select,
+.v-modified .v-select-twincol-selections,
+.v-modified .v-select-twincol-options,
+.v-modified .v-slider-base {
+ background: #ffffe0;
+}
+*/
+.v-tooltip {
+ cursor: default;
+ background: #fff;
+}
+.v-tooltip-text {
+ overflow: auto;
+}
+.v-tooltip .v-errormessage {
+ overflow: auto;
+}
+.v-contextmenu {
+ background: #fff;
+}
+.v-contextmenu .gwt-MenuItem {
+ cursor: pointer;
+ vertical-align: middle;
+ padding: 0;
+ border: 0;
+ margin: 0;
+}
+.v-contextmenu .gwt-MenuItem div {
+ cursor: pointer;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+.v-contextmenu .gwt-MenuItem-selected div {
+ background: #aaa;
+ color: #fff;
+}
+.v-contextmenu table {
+ border-collapse: collapse;
+ margin: 0;
+ padding: 0;
+}
+.v-contextmenu .gwt-MenuItem img {
+ margin-right: 1em;
+ vertical-align: middle;
+}
+/* Margins are not supported within Label */
+.v-label pre {
+ margin: 0;
+}
+/* A label with undefined width is always considered to be on one line */
+.v-label-undef-w {
+ white-space: nowrap;
+}
+/* Revert line-height for heading elements inside labels */
+.v-label h1,
+.v-label h2,
+.v-label h3,
+.v-label h4,
+.v-label h5,
+.v-label h6 {
+ line-height: normal;
+}
+/* Loading indicator states
+ * Note: client side expects that loading indicator has a height. It depends on
+ * this css property to ensure browsers have applied all required styles.
+ */
+.v-loading-indicator,
+.v-loading-indicator-delay,
+.v-loading-indicator-wait {
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 30000;
+ width: 31px;
+ height: 31px;
+ background: transparent url(../base/common/img/loading-indicator.gif);
+ margin-right: 5px;
+ margin-top: 5px;
+}
+.v-loading-indicator-delay {
+ background-image: url(../base/common/img/loading-indicator-delay.gif);
+}
+.v-loading-indicator-wait {
+ background-image: url(../base/common/img/loading-indicator-wait.gif);
+}
+/* Debug dialog */
+.v-debug-console {
+ background: #fff;
+ opacity: .9;
+ border: 1px solid #000;
+ font-family: sans-serif;
+}
+.v-debug-console-caption {
+ background: #000;
+ border-bottom: 1px solid grey;
+ color: white;
+ font-weight: bold;
+}
+.v-debug-console-content {
+ font-size: x-small;
+ overflow: auto;
+ white-space: pre;
+}
+.v-debug-console-content input {
+ font-size: xx-small;
+}
+/* Debug style */
+.v-app .invalidlayout,
+.v-app .invalidlayout * {
+ background: #f99 !important;
+}
+/* Fix for Liferay, issue #2384 */
+.v-app input[type="text"],
+.v-app input[type="password"],
+.v-app input[type="reset"],
+.v-app select,
+.v-app textarea ,
+.v-window input[type="text"],
+.v-window input[type="password"],
+.v-window input[type="reset"],
+.v-window select,
+.v-window textarea {
+ padding: 2px;
+}
+
+.v-drag-element {
+ z-index: 60000;
+ position: absolute;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ cursor: default;
+}
+
+.v-csslayout {
+ overflow: hidden;
+}
+.v-csslayout-margin-top {
+ padding-top: 12px;
+}
+.v-csslayout-margin-bottom {
+ padding-bottom: 12px;
+}
+.v-csslayout-margin-left {
+ padding-left: 12px;
+}
+.v-csslayout-margin-right {
+ padding-right: 12px;
+}
+
+.v-customcomponent {
+ overflow: hidden;
+}
+
+.v-customlayout {
+ overflow: hidden;
+}
+
+.v-datefield {
+ white-space: nowrap;
+ float: left; /* Force minimum width */
+}
+.v-datefield-textfield {
+ vertical-align: top;
+}
+.v-datefield-button {
+ cursor: pointer;
+}
+.v-datefield-prompt .v-datefield-textfield {
+ color: #999;
+ font-style: italic;
+}
+.v-datefield .v-datefield-button-readonly {
+ display: none;
+}
+.v-datefield-calendarpanel table {
+ width: 100%;
+}
+.v-datefield-calendarpanel td {
+ padding: 0;
+ margin: 0;
+}
+.v-datefield-calendarpanel:focus{
+ outline:none;
+}
+.v-datefield-calendarpanel-header td {
+ text-align: center;
+}
+.v-datefield-calendarpanel-month {
+ text-align: center;
+ white-space: nowrap;
+}
+.v-datefield-calendarpanel-weeknumber {
+ color: #999;
+ border-right: 1px solid #ddd;
+ font-size: 0.9em;
+}
+.v-datefield-calendarpanel-day,
+.v-datefield-calendarpanel-day-today {
+ cursor: pointer;
+}
+.v-datefield-calendarpanel-day-today {
+ border: 1px solid #ddd;
+}
+.v-disabled .v-datefield-calendarpanel-day,
+.v-disabled .v-datefield-calendarpanel-day-today {
+ cursor: default;
+}
+.v-datefield-calendarpanel-day-disabled {
+ cursor: default;
+ opacity: .5;
+}
+.v-datefield-calendarpanel-day-selected {
+ cursor: default;
+ background: #333;
+ color: #fff;
+}
+.v-datefield-calendarpanel-day-focused {
+ outline: 1px dotted black;
+}
+.v-datefield-time {
+ white-space: nowrap;
+}
+.v-datefield-time .v-label {
+ display: inline;
+}
+.v-datefield-popup {
+ background: #fff;
+}
+/* Disabled by default
+.v-datefield-error .v-textfield,
+.v-datefield-error .v-datefield-calendarpanel {
+ background: #ffe0e0;
+}
+*/
+
+/* Disabled by default
+.v-datefield-required .v-textfield,
+.v-datefield-required .v-datefield-calendarpanel {
+ background:transparent;
+ background-color: #ffe0e0;
+}
+*/
+/* IE somehow loses generic v-disabled alpha. See #1960 */
+.v-ie6 .v-disabled .v-datefield-button,
+.v-ie6 .v-disabled .v-datefield-textfield,
+.v-ie7 .v-disabled .v-datefield-button,
+.v-ie7 .v-disabled .v-datefield-textfield {
+ filter: alpha(opacity=30);
+}
+
+.v-ddwrapper {
+ padding: 2px;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+}
+.v-ddwrapper-over {
+ border: 2px solid #1d9dff;
+ background-color: #bcdcff;
+ padding: 0;
+}
+.v-ddwrapper-over {
+ background-color: rgba(169,209,255,.6);
+}
+.no-box-drag-hints .v-ddwrapper-over {
+ border: none;
+ background-color: transparent;
+ padding: 2px;
+}
+.v-app .v-ddwrapper-over-top,
+.v-window .v-ddwrapper-over-top,
+.v-popupview-popup .v-ddwrapper-over-top {
+ border: none;
+ border-top: 2px solid #1d9dff;
+ background-color: transparent;
+ padding: 2px;
+ padding-top: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.v-app .v-ddwrapper-over-bottom,
+.v-window .v-ddwrapper-over-bottom,
+.v-popupview-popup .v-ddwrapper-over-bottom {
+ border: none;
+ border-bottom: 2px solid #1d9dff;
+ background-color: transparent;
+ padding: 2px;
+ padding-bottom: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.v-app .v-ddwrapper-over-left,
+.v-window .v-ddwrapper-over-left,
+.v-popupview-popup .v-ddwrapper-over-left {
+ border: none;
+ border-left: 2px solid #1d9dff;
+ background-color: transparent;
+ padding: 2px;
+ padding-left: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.v-app .v-ddwrapper-over-right,
+.v-window .v-ddwrapper-over-right,
+.v-popupview-popup .v-ddwrapper-over-right {
+ border: none;
+ border-right: 2px solid #1d9dff;
+ background-color: transparent;
+ padding: 2px;
+ padding-right: 0;
+ -moz-border-radius: 0;
+ -webkit-border-radius: 0;
+ border-radius: 0;
+}
+.v-ddwrapper,
+.v-ddwrapper-over,
+.v-app .v-ddwrapper-over-top,
+.v-window .v-ddwrapper-over-top,
+.v-popupview-popup .v-ddwrapper-over-top,
+.v-app .v-ddwrapper-over-bottom,
+.v-window .v-ddwrapper-over-bottom,
+.v-popupview-popup .v-ddwrapper-over-bottom,
+.v-app .v-ddwrapper-over-left,
+.v-window .v-ddwrapper-over-left,
+.v-popupview-popup .v-ddwrapper-over-left,
+.v-app .v-ddwrapper-over-right,
+.v-window .v-ddwrapper-over-right,
+.v-popupview-popup .v-ddwrapper-over-right {
+ border-color: rgba(0,109,232,.6);
+}
+
+.v-ddwrapper-over-top:before,
+.v-ddwrapper-over-bottom:after,
+.v-ddwrapper-over-left:before,
+.v-ddwrapper-over-right:before {
+ display: block;
+ content: "";
+ position: absolute;
+ width: 6px;
+ height: 6px;
+ margin-top: -4px;
+ margin-left: -2px;
+ background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat;
+}
+.v-ddwrapper-over-bottom:after {
+ margin-top: -2px;
+}
+.v-ddwrapper-over-left:before,
+.v-ddwrapper-over-right:before {
+ background-position: 0 -6px;
+ margin-top: -2px;
+ margin-left: -4px;
+}
+.v-ddwrapper-over-right:before {
+ position: relative;
+ margin-bottom: -4px;
+ margin-right: -4px;
+ margin-left: 0;
+ width: auto;
+ background-position: 100% -6px;
+}
+
+.no-horizontal-drag-hints .v-ddwrapper-over-left {
+ padding-left: 2px;
+ border-left: none;
+}
+.no-horizontal-drag-hints .v-ddwrapper-over-right {
+ padding-right: 2px;
+ border-right: none;
+}
+.no-vertical-drag-hints .v-ddwrapper-over-top {
+ padding-top: 2px;
+ border-top: none;
+}
+.no-vertical-drag-hints .v-ddwrapper-over-bottom {
+ padding-bottom: 2px;
+ border-bottom: none;
+}
+.no-horizontal-drag-hints .v-ddwrapper-over-left:before,
+.no-horizontal-drag-hints .v-ddwrapper-over-right:before,
+.no-vertical-drag-hints .v-ddwrapper-over-top:before,
+.no-vertical-drag-hints .v-ddwrapper-over-bottom:after {
+ display: none;
+}
+
+.v-formlayout-cell .v-errorindicator {
+ display: block;
+}
+.v-formlayout-error-indicator {
+ /* fix width so layout is not jumpy when error disappears */
+ width: 12px;
+}
+.v-formlayout-captioncell {
+ text-align:right;
+ white-space: nowrap;
+}
+.v-formlayout-captioncell .v-caption {
+ overflow: visible;
+}
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
+ padding-top: 6px;
+}
+.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-captioncell,
+.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-contentcell,
+.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-errorcell {
+ padding-top: 0;
+}
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
+ padding-top: 12px;
+}
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
+ padding-bottom: 12px;
+}
+.v-formlayout-margin-left .v-formlayout-captioncell {
+ padding-left: 12px;
+}
+.v-formlayout-margin-right .v-formlayout-contentcell {
+ padding-right: 12px;
+}
+.v-formlayout-captioncell .v-caption .v-required-field-indicator {
+ float: none;
+}
+
+.v-gridlayout-margin-top {
+ padding-top: 12px;
+}
+.v-gridlayout-margin-bottom {
+ padding-bottom: 12px;
+}
+.v-gridlayout-margin-left {
+ padding-left: 12px;
+}
+.v-gridlayout-margin-right {
+ padding-right: 12px;
+}
+.v-gridlayout-spacing-on {
+ padding-left: 6px;
+ padding-top: 6px;
+ overflow: hidden;
+}
+.v-gridlayout-spacing,
+.v-gridlayout-spacing-off {
+ padding-left: 0;
+ padding-top: 0;
+}
+.v-gridlayout-spacing-off {
+ overflow: hidden;
+}
+/* Ensure that resizing gridlayout works in IE */
+.v-ie6 .v-gridlayout,
+.v-ie7 .v-gridlayout {
+ overflow: hidden;
+}
+
+.v-link {
+ white-space: nowrap;
+}
+.v-link a {
+ vertical-align: middle;
+ text-decoration: none;
+}
+.v-link span {
+ text-decoration: underline;
+ vertical-align: middle;
+}
+.v-disabled a {
+ cursor: default;
+}
+.v-link img {
+ vertical-align: middle;
+ border:none;
+}
+
+.v-loginform {
+ height: 140px;
+ width: 200px;
+}
+
+.v-app-loginpage .v-button,
+.v-app-loginpage .v-button {
+ float: left; /* Force minimum width for button */
+}
+
+.v-menubar {
+ float: left; /* Force minimum width */
+ white-space: nowrap;
+}
+.v-menubar .v-menubar-menuitem {
+ cursor: default;
+ vertical-align: middle;
+ white-space: nowrap;
+ display: inline;
+ display: inline-block;
+ zoom: 1;
+}
+.v-menubar .v-menubar-menuitem-caption * {
+ vertical-align: middle;
+ white-space: nowrap;
+}
+.v-menubar-submenu {
+ background: #fff;
+}
+.v-menubar-menuitem-selected {
+ background: #333;
+ color: #fff;
+}
+.v-menubar-submenu .v-menubar-menuitem {
+ cursor: default;
+ display: block;
+ position: relative;
+ padding-right: 1.5em;
+}
+.v-menubar-submenu .v-menubar-menuitem-caption {
+ display: block;
+}
+.v-menubar-submenu .v-menubar-menuitem *,
+.v-menubar-submenu .v-menubar-menuitem-caption * {
+ white-space: nowrap;
+}
+.v-menubar-submenu-indicator {
+ display: none;
+ /* Arial has the most coverage for geometric entity characters */
+ font-family: arial, helvetica, sans-serif;
+}
+.v-menubar-submenu .v-menubar-submenu-indicator {
+ display: block;
+ position: absolute;
+ right: 0;
+ width: 1em;
+ height: 1em;
+ font-size: 0.9em;
+}
+.v-menubar-menuitem-disabled,
+.v-menubar span.v-menubar-menuitem-disabled:hover,
+.v-menubar span.v-menubar-menuitem-disabled:focus,
+.v-menubar span.v-menubar-menuitem-disabled:active {
+ color: #999;
+}
+.v-menubar-more-menuitem {
+ /* Arial has the most coverage for geometric entity characters */
+ font-family: arial, helvetica, sans-serif;
+}
+.v-menubar-separator {
+ overflow: hidden;
+}
+.v-menubar-separator span {
+ display: block;
+ text-indent: -9999px;
+ font-size: 1px;
+ line-height: 1px;
+ border-top: 1px solid #ddd;
+ margin: 3px 0 2px;
+ overflow: hidden;
+}
+.v-menubar .v-icon,
+.v-menubar-submenu .v-icon {
+ margin-right: 3px;
+}
+
+.v-menubar-popup:focus,
+.v-menubar-popup .popupContent:focus,
+.v-menubar-popup .popupContent .v-menubar-submenu:focus{
+ outline: none;
+}
+
+.v-Notification {
+ background: #999;
+ color: #fff;
+ cursor: pointer;
+ overflow: hidden;
+ padding: 1em;
+ max-width:85%;
+
+}
+.v-Notification h1,
+.v-Notification p,
+.v-Notification-error h1,
+.v-Notification-error p,
+.v-Notification-warning h1,
+.v-Notification-warning p {
+ display: inline;
+ margin: 0 0.5em 0 0;
+}
+.v-Notification-warning {
+ background: orange;
+}
+.v-Notification-error {
+ background: red;
+}
+.v-Notification-tray h1 {
+ display: block;
+}
+.v-Notification-tray p {
+ display: block;
+}
+.v-Notification-system {
+ background-color: red;
+ opacity: .7;
+ filter: alpha(opacity=70);
+}
+.v-Notification-system h1 {
+ display: block;
+ margin: 0;
+}
+
+.v-orderedlayout-margin-top,
+.v-horizontallayout-margin-top,
+.v-verticallayout-margin-top {
+ padding-top: 12px;
+}
+.v-orderedlayout-margin-right,
+.v-horizontallayout-margin-right,
+.v-verticallayout-margin-right {
+ padding-right: 12px;
+}
+.v-orderedlayout-margin-bottom,
+.v-horizontallayout-margin-bottom,
+.v-verticallayout-margin-bottom {
+ padding-bottom: 12px;
+}
+.v-orderedlayout-margin-left,
+.v-horizontallayout-margin-left,
+.v-verticallayout-margin-left {
+ padding-left: 12px;
+}
+.v-orderedlayout-spacing-on,
+.v-horizontallayout-spacing-on,
+.v-verticallayout-spacing-on {
+ padding-top: 6px;
+ padding-left: 6px;
+}
+/* This can be used to define spacing if spacing is off server side */
+.v-orderedlayout-spacing-off,
+.v-horizontallayout-spacing-off,
+.v-verticallayout-spacing-off {
+ padding-top: 0;
+ padding-left: 0;
+}
+/* To make sure IE don't expand elements larger than they should */
+.v-ie6 .v-orderedlayout,
+.v-ie6 .v-horizontallayout,
+.v-ie6 .v-verticallayout,
+.v-ie7 .v-orderedlayout,
+.v-ie7 .v-horizontallayout,
+.v-ie7 .v-verticallayout {
+ overflow: hidden;
+}
+
+.v-panel,
+.v-panel-caption,
+.v-panel-content,
+.v-panel-deco,
+.v-panel-light,
+.v-panel-caption-light,
+.v-panel-content-light,
+.v-panel-deco-light {
+ outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+ text-align: left /* Force default alignment */
+}
+.v-panel-caption .v-errorindicator {
+ float: none;
+ display: inline;
+}
+.v-panel-caption .v-icon {
+ display: inline;
+ vertical-align: middle;
+}
+.v-panel-caption span {
+ vertical-align: middle;
+}
+.v-panel-caption {
+ white-space: nowrap;
+ overflow:hidden;
+ font-weight: bold;
+}
+.v-panel-nocaption {
+ overflow: hidden;
+}
+.v-panel-content {
+ overflow: auto;
+}
+.v-panel-deco {
+}
+
+.v-popupview {
+ cursor: pointer;
+ text-decoration: underline;
+ white-space: nowrap;
+}
+.v-popupview-popup {
+ overflow: auto;
+}
+.v-popupview-loading {
+ width: 30px;
+ height: 30px;
+ background: transparent url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
+}
+
+.v-progressindicator {
+ overflow: hidden; /* for IE6 */
+ width: 150px;
+}
+.v-progressindicator-wrapper {
+ overflow: hidden; /* for IE6 */
+ height: 7px;
+ border: 1px solid #ddd;
+}
+.v-progressindicator-indicator {
+ height: 7px;
+ overflow: hidden; /* for IE6 */
+ background: #ddd;
+}
+
+.v-progressindicator-invisible {
+ display: none;
+}
+
+div.v-progressindicator-indeterminate {
+ height: 20px;
+ width: 20px;
+ overflow: hidden; /* for IE6 */
+ background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+}
+/* Hide obsolete elements in indeterminate mode */
+.v-progressindicator-indeterminate .v-progressindicator-wrapper,
+.v-progressindicator-indeterminate .v-progressindicator-indicator,
+.v-progressindicator-indeterminate-disabled .v-progressindicator-wrapper,
+.v-progressindicator-indeterminate-disabled .v-progressindicator-indicator {
+ display: none;
+}
+div.v-progressindicator-indeterminate-disabled {
+ height: 20px;
+ width: 20px;
+ overflow: hidden; /* for IE6 */
+ background: transparent;
+}
+
+.v-select {
+ text-align: left;
+}
+.v-select-optiongroup .v-select-option {
+ display: block;
+ white-space: nowrap;
+}
+.v-ie .v-select-optiongroup .v-select-option {
+ zoom: 1;
+}
+.v-select-select {
+ display: block;
+}
+.v-select-twincol {
+ white-space: nowrap;
+}
+.v-select-twincol-options {
+ float: left;
+}
+.v-select-twincol-caption-left {
+ float: left;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.v-select-twincol-selections {
+ font-weight: bold;
+}
+.v-select-twincol-caption-right {
+ float: right;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.v-select-twincol-buttons {
+ float: left;
+ text-align: center;
+}
+.v-select-twincol-buttons .v-select-twincol-deco {
+ clear: both;
+}
+.v-select-twincol .v-textfield {
+ display: block;
+ float: left;
+ clear: left;
+}
+.v-select-twincol .v-button {
+ float: left;
+}
+.v-select-twincol-buttons .v-button {
+ float: none;
+}
+.v-filterselect {
+ white-space: nowrap;
+ text-align: left;
+}
+.v-filterselect .v-icon {
+ float: left;
+}
+.v-app .v-filterselect-input,
+.v-window .v-filterselect-input,
+.v-popupview-popup .v-filterselect-input {
+ float: left;
+ -webkit-border-radius: 0px;
+}
+.v-filterselect-prompt .v-filterselect-input {
+ color: #999;
+ font-style: italic;
+}
+.v-filterselect-button {
+ float: right;
+ cursor: pointer;
+ width: 1em;
+ height: 1em;
+ background: transparent url(../base/common/img/sprites.png) no-repeat -5px -8px;
+}
+.v-filterselect.v-readonly .v-filterselect-button {
+ display: none;
+}
+.v-filterselect.v-readonly,
+.v-filterselect.v-readonly .v-filterselect-input {
+ background: transparent;
+}
+.v-filterselect-suggestpopup {
+ background: #fff;
+ border: 1px solid #eee;
+}
+.v-filterselect-suggestmenu table {
+ border-collapse: collapse;
+ border: none;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem {
+ white-space: nowrap;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
+ margin-right: 3px;
+ vertical-align: middle;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem span {
+ vertical-align: middle;
+}
+.v-filterselect-suggestmenu .gwt-MenuItem-selected {
+ background: #333;
+ color: #fff;
+}
+.v-filterselect-nextpage,
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off,
+.v-filterselect-prevpage {
+ width: 100%;
+ background: #aaa;
+ text-align: center;
+ overflow: hidden;
+ cursor: pointer;
+}
+.v-filterselect-nextpage-off,
+.v-filterselect-prevpage-off {
+ color: #666;
+ opacity: .5;
+ filter: alpha(opacity=50);
+ cursor: default;
+}
+.v-filterselect-nextpage-off span,
+.v-filterselect-prevpage-off span {
+ cursor: default;
+}
+.v-filterselect-status {
+ white-space: nowrap;
+ text-align: center;
+}
+
+/* Error styles (disabled by default)
+
+.v-filterselect-error .v-filterselect-input,
+.v-select-error .v-select-option,
+.v-select-error .v-select-select,
+.v-select-error .v-select-twincol-selections,
+.v-select-error .v-select-twincol-options {
+ background: #ffaaaa;
+}
+*/
+
+/* Required field styles (disabled by default)
+
+.v-filterselect-error .v-filterselect-input,
+.v-select-required .v-select-option,
+.v-select-required .v-select-select,
+.v-select-required .v-select-twincol-selections,
+.v-select-required .v-select-twincol-options {
+ background: #ffaaaa;
+}
+*/
+
+.v-shadow {
+ position: absolute;
+}
+
+.v-shadow .top-left {
+ position: absolute; overflow: hidden;
+ top: -3px; left: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(../base/shadow/img/top-left.png);
+}
+
+.v-shadow .top {
+ position: absolute; overflow: hidden;
+ top: -3px; left: 5px;
+ height: 10px; right: 5px;
+ background: transparent url(../base/shadow/img/top.png);
+}
+
+.v-shadow .top-right {
+ position: absolute; overflow: hidden;
+ top: -3px; right: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(../base/shadow/img/top-right.png);
+}
+
+.v-shadow .left {
+ position: absolute; overflow: hidden;
+ top: 7px; left: -5px;
+ width: 10px;
+ bottom: 3px;
+ background: transparent url(../base/shadow/img/left.png);
+}
+
+.v-shadow .center {
+ position: absolute; overflow: hidden;
+ top: 7px; left: 5px;
+ bottom: 3px; right: 5px;
+ background: transparent url(../base/shadow/img/center.png);
+}
+
+.v-shadow .right {
+ position: absolute; overflow: hidden;
+ top: 7px; right: -5px;
+ width: 10px;
+ bottom: 3px;
+ background: transparent url(../base/shadow/img/right.png);
+}
+
+.v-shadow .bottom-left {
+ position: absolute; overflow: hidden;
+ bottom: -7px; left: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(../base/shadow/img/bottom-left.png);
+}
+
+.v-shadow .bottom {
+ position: absolute; overflow: hidden;
+ bottom: -7px; left: 5px;
+ right: 5px; height: 10px;
+ background: transparent url(../base/shadow/img/bottom.png);
+}
+
+.v-shadow .bottom-right {
+ position: absolute; overflow: hidden;
+ bottom: -7px; right: -5px;
+ width: 10px; height: 10px;
+ background: transparent url(../base/shadow/img/bottom-right.png);
+}
+
+
+
+
+
+/* For IE6 (no transparent png's, we use a blur filter) */
+
+.v-ie6 .v-shadow * {
+ display: none;
+}
+
+.v-ie6 .v-shadow {
+ background: #000;
+ filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20);
+ margin-top: -2px;
+ margin-left: -2px;
+}
+
+.v-slider {
+ margin: 5px 0;
+}
+.v-slider-base {
+ /* changing the borders will require adjustments to ISlider.java */
+ height: 2px;
+ border-top: 1px solid #ddd;
+ background: #eee;
+ border-left: 1px solid #ddd;
+ border-right: 1px solid #eee;
+
+}
+.v-slider-handle {
+ background: #aaa;
+ width: 12px;
+ height: 12px;
+ margin-top: -5px;
+ font-size: 0;
+}
+
+.v-slider-vertical {
+ width: 2px;
+ height: auto;
+ margin: 0 5px;
+ border: none;
+ border-left: 1px solid #cccfd0;
+ border-right: 1px solid #cccfd0;
+}
+.v-slider-vertical .v-slider-base {
+ width: 2px;
+ border-bottom: 1px solid #eee;
+ border-right: none;
+}
+.v-slider-vertical .v-slider-handle {
+ width: 12px;
+ height: 12px;
+ font-size: 0;
+ margin-left: -5px;
+}
+
+.v-slider-feedback {
+ padding: 2px 5px;
+ background: #444;
+ color: #fff;
+ font-size: 11px;
+ line-height: 13px;
+ font-weight: bold;
+ font-family: Arial, Helvetica, sans-serif;
+ border-radius: 4px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ margin: -2px 0 0 2px;
+ text-shadow: 0 1px 0 #000;
+}
+
+/* Disabled by default
+.v-slider-error .v-slider-base {
+ background: #FFE0E0;
+}
+*/
+/* Disabled by default
+.v-slider-required .v-slider-base {
+ background: #FFE0E0;
+}
+*/
+
+/* IE specific styles */
+.v-ie6 .v-slider,
+.v-ie6 .v-slider-vertical {
+ margin: 0;
+}
+.v-ie6 .v-slider .v-slider-handle {
+ margin: -1px 0;
+}
+.v-ie6 .v-slider-vertical .v-slider-handle {
+ margin: 0 -1px;
+}
+
+.v-splitpanel-horizontal,
+.v-splitpanel-vertical {
+ overflow: hidden;
+}
+.v-splitpanel-hsplitter {
+ width: 6px;
+ font-size: 1px; /* for IE6 */
+}
+.v-splitpanel-hsplitter div {
+ width: 6px;
+ font-size: 1px; /* for IE6 */
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ background: #ddd;
+ cursor: e-resize;
+ cursor: col-resize;
+}
+.v-disabled .v-splitpanel-hsplitter div {
+ cursor: default;
+}
+.v-splitpanel-vsplitter {
+ height: 6px;
+ font-size: 1px; /* for IE6 */
+}
+.v-splitpanel-vsplitter div {
+ height: 6px;
+ font-size: 1px; /* for IE6 */
+ background: #ddd;
+ cursor: s-resize;
+ cursor: row-resize;
+}
+.v-disabled .v-splitpanel-vsplitter div {
+ cursor: default;
+}
+/* IE specific styles */
+.v-ie6 .v-splitpanel-hsplitter div {
+ height: 99%;
+}
+.v-ie6 .v-splitpanel-first-container,
+.v-ie6 .v-splitpanel-second-container,
+.v-ie7 .v-splitpanel-first-container,
+.v-ie7 .v-splitpanel-second-container {
+ position: relative;
+}
+
+/* Table theme building instructions
+ *
+ * Vaadin scroll table is very complex widget with dozens of features. These
+ * features set some limitations for theme builder. To keep things working, it
+ * is safest to try to just override values used in default theme and comfort to
+ * these instructions.
+ *
+ * Borders in table header and in table body need to be same width
+ * - specify vertical borders on .v-table-header-wrap and .v-table-body
+ *
+ * Table cells in body:
+ * - padding/border for cells is to be defined for td elements (class name: .v-table-cell-content)
+ * - in default theme there are no borders, but they should work. Just set border-right or border-bottom
+ * - no padding or border is allowed for div inside cells (class name: .v-table-cell-wrapper) element
+ * - background is allowed for both elements
+ *
+ * Table headers:
+ * - table cells in header contain .v-table-resizer and
+ * .v-table-caption-container div elements, which are both floated to right
+ * - to align header caption to body content resizer width + .v-table-caption-container
+ * padding right should be equal to content cells padding-right and border-right.
+ * - Possible cell border in header must be themed into column resizer.
+ *
+ */
+.v-table {
+ overflow: hidden;
+ text-align: left; /* Force default alignment */
+}
+.v-ie7 .v-table {
+ overflow: visible;
+}
+.v-table-header-wrap {
+ overflow: hidden;
+ border: 1px solid #aaa;
+ border-bottom: none;
+ background: #efefef;
+}
+.v-table-header table,
+.v-table-table {
+ border-spacing: 0;
+ border-collapse: separate;
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+.v-table-header td {
+ padding: 0;
+}
+.v-table-header-cell,
+.v-table-header-cell-asc,
+.v-table-header-cell-desc {
+ cursor: pointer;
+}
+
+.v-table-footer-wrap {
+ overflow: hidden;
+ border: 1px solid #aaa;
+ border-top: none;
+ background: #efefef;
+}
+.v-table-footer table{
+ border-spacing: 0;
+ border-collapse: collapse;
+ margin: 0;
+ padding: 0;
+ border: 0;
+}
+.v-table-footer td {
+ padding: 0;
+ border-right: 1px solid #aaa;
+}
+.v-table-footer-cell{
+ cursor: pointer;
+}
+.v-table-footer-container{
+ float:right;
+ padding-right:6px;
+ overflow:hidden;
+ white-space:nowrap;
+}
+.v-table-resizer {
+ display: block;
+ height: 1.2em;
+ float: right;
+ background: #aaa;
+ cursor: e-resize; /* Opera does not support col-resize, so use e-resize instead */
+ cursor: col-resize;
+ width: 1px;
+ overflow: hidden;
+}
+.v-table-caption-container {
+ overflow: hidden;
+ white-space: nowrap;
+ margin-left: 6px;
+}
+.v-ie7 .v-table-caption-container-align-right {
+ margin-left: 0px;
+ padding-left: 6px;
+}
+.v-table-caption-container-align-right {
+ float: right;
+}
+.v-table-sort-indicator {
+ width: 0px;
+ height: 1.2em;
+ float: right;
+}
+.v-table-header-cell-asc .v-table-sort-indicator,
+.v-table-header-cell-desc .v-table-sort-indicator {
+ width: 16px;
+ height: 1.2em;
+ float: right;
+}
+.v-table-header-cell-asc .v-table-sort-indicator {
+ background: transparent url(../base/common/img/sprites.png) no-repeat right 6px;
+}
+.v-table-header-cell-desc .v-table-sort-indicator {
+ background: transparent url(../base/common/img/sprites.png) no-repeat right -10px;
+}
+.v-table-caption-container-align-center {
+ text-align: center;
+}
+.v-table-caption-container-align-right {
+ text-align: right;
+}
+.v-table-caption-container .v-icon,
+.v-table-header-drag .v-icon {
+ vertical-align: middle;
+}
+.v-table-body {
+ border: 1px solid #aaa;
+}
+.v-table-row-spacer {
+ height: 10px;
+ overflow: hidden; /* IE hack to allow < one line height divs */
+}
+.v-table-row,
+.v-table-row-odd {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ cursor: pointer;
+}
+
+.v-table-body-noselection .v-table-row,
+.v-table-body-noselection .v-table-row-odd {
+ cursor: default;
+}
+.v-table .v-selected {
+ background: #999;
+ color: #fff;
+}
+.v-table-cell-content {
+ white-space: nowrap;
+ overflow: hidden;
+ padding: 0 6px;
+ border-right: 1px solid #aaa;
+}
+.v-table-cell-wrapper {
+ /* Do not specify any margins, paddings or borders here */
+ white-space: nowrap;
+ overflow: hidden;
+}
+.v-table-cell-wrapper-align-center {
+ text-align: center;
+}
+.v-table-cell-wrapper-align-right {
+ text-align: right;
+}
+.v-table-column-selector {
+ float: right;
+ background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px;
+ margin: -1.2em 0 0 0;
+ height: 1.2em;
+ width: 14px;
+ position: relative; /* hide this from IE, it works without it */
+ cursor: pointer;
+}
+.v-ie6 .v-table-column-selector,
+.v-ie7 .v-table-column-selector {
+ position: static;
+}
+.v-table-focus-slot-left {
+ border-left: 2px solid #999;
+ margin-right: -2px;
+}
+.v-table-focus-slot-right {
+ border-right: 2px solid #999;
+ margin-left: -2px;
+}
+.v-table-header-drag {
+ position: absolute;
+ background: #efefef;
+ border: 1px solid #eee;
+ opacity: 0.9;
+ filter: alpha(opacity=90);
+ margin-top: 20px;
+ z-index: 30000;
+}
+.v-table-header-drag .v-icon {
+ vertical-align: middle;
+}
+.v-table-scrollposition {
+ width: 160px;
+ background: #eee;
+ border: 1px solid #aaa;
+}
+.v-table-scrollposition span {
+ display: block;
+ text-align: center;
+}
+.v-table-body:focus,
+.v-table-body-wrapper:focus {
+ outline: none;
+}
+.v-table-body.focused {
+ border-color: #388ddd;
+}
+.v-table-focus .v-table-cell-content {
+ border-top: 1px dotted #0066bd;
+ border-bottom: 1px dotted #0066bd;
+}
+/* row in column selector */
+.v-on {
+
+}
+.v-off {
+ color: #ddd;
+}
+/*************************************
+ * Drag'n'drop styles
+ *************************************/
+.v-table-drag .v-table-body {
+ border-color: #1d9dff;
+}
+.v-table-row-drag-middle .v-table-cell-content {
+ background-color: #bcdcff;
+}
+.v-table-row-drag-top .v-table-cell-content {
+ border-top: 2px solid #1d9dff;
+}
+.v-table-row-drag-top .v-table-cell-wrapper {
+ margin-top: -2px; /* compensate the space consumed by border hint */
+}
+.v-table-row-drag-bottom .v-table-cell-content {
+ border-bottom: 2px solid #1d9dff;
+}
+.v-table-row-drag-bottom .v-table-cell-wrapper {
+ margin-bottom: -2px; /* compensate the space consumed by border hint */
+}
+.v-table-row-drag-top .v-table-cell-content:first-child:before,
+.v-table-row-drag-bottom .v-table-cell-content:first-child:after {
+ display: block;
+ content: "";
+ position: absolute;
+ width: 6px;
+ height: 6px;
+ margin-top: -4px;
+ margin-left: -6px;
+ background: transparent url(../base/common/img/drag-slot-dot.png);
+}
+.v-ff .v-table-row-drag-bottom .v-table-cell-content:first-child:after,
+.v-ie .v-table-row-drag-bottom .v-table-cell-content:first-child:after {
+ margin-top: -2px;
+}
+
+.v-tabsheet,
+.v-tabsheet-content,
+.v-tabsheet-deco {
+ outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
+ text-align: left /* Force default alignment */
+}
+.v-tabsheet-tabs {
+ empty-cells: hide;
+ border-collapse: collapse;
+ margin: 0;
+ padding: 0;
+ border: 0;
+ width: 100%;
+ overflow:hidden;
+}
+.v-tabsheet-tabitemcell,
+.v-tabsheet-spacertd {
+ margin: 0;
+ padding: 0;
+ vertical-align: bottom;
+}
+.v-tabsheet-spacertd {
+ width: 100%;
+}
+.v-tabsheet-spacertd div {
+ border-left: 1px solid #aaa;
+ border-bottom: 1px solid #aaa;
+ height: 1em;
+ padding: 0.2em 0;
+}
+.v-tabsheet-hidetabs .v-tabsheet-tabcontainer {
+ display: none;
+}
+.v-tabsheet-scroller {
+ white-space: nowrap;
+ text-align: right;
+ margin-top: -1em;
+}
+.v-ff2 .v-tabsheet-scroller {
+ position: relative;
+}
+.v-disabled .v-tabsheet-scroller {
+ display: none;
+}
+.v-tabsheet-scrollerPrev,
+.v-tabsheet-scrollerNext,
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ border: 1px solid #aaa;
+ background: #fff;
+ width: 12px;
+ height: 1em;
+ cursor: pointer;
+}
+.v-tabsheet-scrollerPrev-disabled,
+.v-tabsheet-scrollerNext-disabled {
+ opacity: 0.5;
+ cursor: default;
+}
+.v-tabsheet-tabs .v-caption,
+.v-tabsheet-tabs .v-caption span {
+ white-space: nowrap;
+}
+.v-tabsheet-caption-close {
+ display: inline;
+ display: inline-block;
+ zoom: 1;
+ width: 16px;
+ height: 16px;
+ text-align: center;
+ font-weight: bold;
+ cursor: pointer;
+ vertical-align: middle;
+ user-select: none;
+ -khtml-user-select: none;
+ -ms-user-select: none;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+}
+.v-tabsheet .v-disabled .v-tabsheet-caption-close {
+ cursor: default;
+ visibility: hidden;
+}
+.v-tabsheet-tabitem:hover .v-tabsheet-caption-close,
+.v-ie6 .v-tabsheet-caption-close {
+ visibility: visible;
+}
+.v-ie6 .v-tabsheet-caption-close {
+ float: right;
+}
+.v-tabsheet-tabitem {
+ border: 1px solid #aaa;
+ border-right: none;
+ cursor: pointer;
+ padding: 0.2em 0.5em;
+}
+.v-tabsheet-tabitem .v-caption {
+ cursor: pointer;
+}
+.v-tabsheet-tabitem-selected {
+ cursor: default;
+ border-bottom-color: #fff;
+}
+.v-tabsheet-tabitem-selected .v-caption {
+ cursor: default;
+}
+.v-tabsheet-content {
+ border: 1px solid #aaa;
+ /* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */
+ border-top: none;
+ border-bottom: none;
+ position: relative;
+}
+.v-tabsheet-deco {
+ height: 1px;
+ background: #aaa;
+ overflow: hidden;
+}
+.v-tabsheet-hidetabs .v-tabsheet-content {
+ border: none;
+}
+.v-tabsheet-hidetabs .v-tabsheet-deco {
+ height: 0;
+}
+
+
+.v-textfield {
+ text-align: left /* Force default alignment */
+}
+.v-textarea {
+}
+.v-textfield-focus,
+.v-textarea-focus {
+}
+input.v-textfield-prompt,
+textarea.v-textarea-prompt {
+ color: #999;
+ font-style: italic;
+}
+input.v-textfield-readonly,
+textarea.v-textarea-readonly {
+ background: transparent;
+ border: none;
+ resize: none;
+}
+input.v-disabled,
+textarea.v-disabled {
+ resize: none;
+}
+input.v-textfield-readonly:focus,
+textarea.v-textarea-readonly:focus {
+ outline: none;
+}
+/* Disabled by default
+.v-textarea-error,
+.v-textfield-error,
+.v-richtextarea-error iframe.gwt-RichTextArea {
+ background: #FFE0E0;
+}
+*/
+/* Disabled by default
+.v-textarea-required,
+.v-textfield-required,
+.v-richtextarea-required iframe.gwt-RichTextArea {
+ background: #FFE0E0;
+}
+*/
+/* Safari focus glow fix */
+.v-sa input:focus,
+.v-sa textarea:focus {
+ outline-width: medium;
+}
+
+.v-richtextarea {
+ border: 1px solid #aaa;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextArea {
+ background: #fff;
+ border: none;
+}
+
+.v-richtextarea .gwt-RichTextToolbar {
+ white-space: nowrap;
+ background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px;
+ border-bottom: 1px solid #7d7d7d;
+ padding: 2px;
+ overflow: hidden;
+}
+.v-richtextarea .gwt-RichTextToolbar-top {
+ padding-bottom: 1px;
+ overflow: hidden;
+ white-space: normal;
+}
+.v-richtextarea .gwt-RichTextToolbar-bottom {
+ clear: left;
+ overflow: hidden;
+ white-space: nowrap;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
+ float: left;
+ display: inline;
+ width: 22px;
+ height: 21px;
+ overflow: hidden;
+ background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x;
+ cursor: pointer;
+ margin-right: 2px;
+ text-align: center;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
+ background-position: 0 -21px;
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
+.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
+
+}
+.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
+ width: 24.5%;
+ margin-right: 2px;
+}
+
+.v-richtextarea-readonly {
+ border: none;
+}
+
+.v-tree {
+ text-align: left; /* Force default alignment */
+ overflow: hidden;
+ padding: 1px 0;
+ outline: none;
+}
+.v-tree-node {
+ background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
+ padding: 1px 0;
+}
+.v-tree-node-expanded {
+ background-position: -5px -10px;
+}
+div.v-tree-node-leaf {
+ background: transparent;
+}
+.v-tree-node-caption {
+ margin-left: 1em;
+}
+.v-tree-node span {
+ cursor: pointer;
+}
+.v-tree-node-caption div {
+ white-space: nowrap;
+}
+.v-tree-node-caption span,
+.v-tree-node-caption .v-icon {
+ vertical-align: middle;
+}
+.v-tree-node-selected span {
+ background: #999;
+ color: #fff;
+}
+.v-tree-node-children {
+ padding-left: 1em;
+}
+/* ie6compatnode is hidden from non ie6 browsers, for ie6
+ * uses weird hack to sink all events properly
+ */
+.v-tree-node-ie6compatnode {
+ display: none;
+}
+/* IMPORTANT keep the offsetWidth of this element the same as the margin-left of v-tree-node-caption */
+.v-ie6 .v-tree-node-ie6compatnode {
+ display: inline;
+ float: left;
+ background: orange;
+ margin: 0;
+ width: 0.8em;
+ height: 0.8em;
+ padding: 0.1em;
+ filter: alpha(opacity=0);
+}
+.v-ie6 .v-tree-node,
+.v-ie6 .v-tree-node-children {
+ clear: left;
+}
+/***************************************
+ * Drag'n'drop styles
+ ***************************************/
+.v-tree .v-tree-node-drag-top {
+ border-top: 2px solid #1d9dff;
+ margin-top: -1px;
+ padding-top: 0;
+}
+.v-tree .v-tree-node-drag-bottom {
+ border-bottom: 2px solid #1d9dff;
+ margin-bottom: -1px;
+ padding-bottom: 0;
+}
+.v-tree .v-tree-node-drag-top:before,
+.v-tree .v-tree-node-drag-bottom:after,
+.v-tree .v-tree-node-caption-drag-center:after {
+ display: block;
+ content: "";
+ position: absolute;
+ width: 6px;
+ height: 6px;
+ margin-top: -4px;
+ background: transparent url(../base/common/img/drag-slot-dot.png);
+}
+.v-tree .v-tree-node-drag-bottom:after {
+ margin-top: -2px;
+}
+.v-tree .v-tree-node-caption-drag-center:after {
+ margin-left: 14px;
+}
+.v-ff .v-tree .v-tree-node-caption-drag-center:after,
+.v-ie .v-tree .v-tree-node-caption-drag-center:after {
+ margin-top: -2px;
+}
+.v-tree .v-tree-node-drag-top {
+ background-position: 5px -38px;
+}
+.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
+ background-position: -5px -11px;
+}
+.v-tree .v-tree-node-caption-drag-center div {
+ border: 2px solid #1d9dff;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ margin: -2px 2px -2px -2px;
+ background-color: #bcdcff;
+}
+.v-ie6 .v-tree .v-tree-node-caption-drag-center div {
+ margin: -2px ;
+}
+.v-tree .v-tree-node-caption-drag-center div {
+ background-color: rgba(169,209,255,.6);
+}
+.v-tree .v-tree-node-caption-drag-center div,
+.v-tree .v-tree-node-drag-top,
+.v-tree .v-tree-node-drag-bottom {
+ border-color: rgba(0,109,232,.6);
+}
+
+.v-upload {
+ white-space: nowrap;
+}
+
+.v-ie6 .v-upload,
+.v-ie7 .v-upload {
+ margin:0;
+}
+
+.v-upload-immediate {
+ position: relative;
+ margin: 0;
+ overflow: hidden;
+}
+
+.v-ff .v-upload-immediate,
+.v-op .v-upload-immediate {
+ display: inline-block;
+}
+
+.v-upload-immediate input {
+ opacity: 0;
+ filter: alpha(opacity=0);
+ z-index: 2;
+ position: absolute;
+ right: 0;
+ height: 21px;
+ text-align: right;
+ border: none;
+ background: transparent;
+}
+
+.v-upload-immediate button {
+ position: relative;
+ left: 0;
+ top: 0;
+ width: 100%;
+ text-align: left;
+}
+
+
+.v-window {
+ background: #fff;
+}
+.v-window-outerheader {
+ cursor: move;
+ padding: 0.3em 1em;
+ height: 1em;
+}
+.v-window-header {
+ font-weight: bold;
+}
+/* A more specific selector to make sure padding isn't so easily overridden */
+div.v-window-header {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ -ms-text-overflow: ellipsis;
+ overflow: hidden;
+ padding: 0;
+}
+.v-ie6 .v-window-header {
+ width: 100%;
+}
+.v-window-header .v-icon {
+ vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */
+}
+/* Partial fix for bug #1106 */
+/* Target Firefox 2 (somehow this will force almost all window borders on top of a Flash object) */
+.v-window-contents, x:-moz-any-link {
+ overflow: hidden;
+}
+/* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */
+.v-window-contents, x:-moz-any-link, x:default {
+ overflow: visible;
+}
+.v-window-contents > div {
+ outline: none;
+}
+.v-window-footer {
+ overflow: hidden;
+ zoom: 1;
+ height: 10px;
+ position: relative;
+}
+.v-window-resizebox {
+ width: 10px;
+ height: 10px;
+ cursor: se-resize;
+ background: #ddd;
+ overflow: hidden;
+ position: absolute;
+ right: 0;
+}
+.v-window div.v-window-footer-noresize {
+ height: 0;
+}
+.v-window-resizebox-disabled {
+ cursor: default;
+ display: none;
+}
+.v-window-closebox {
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 1em;
+ height: 1em;
+ background: red;
+ cursor: pointer;
+ overflow: hidden;
+}
+.v-window-modalitycurtain {
+ top: 0;
+ left: 0;
+ background: #999;
+ opacity: 0.5;
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ filter: alpha(opacity=50);
+}
+/* IE6 workaround for position:fixed; */
+.v-ie6 .v-window-modalitycurtain {
+ position: absolute;
+ top: expression(document.documentElement.scrollTop + "px");
+}
+/* min-width for IE6 */
+.v-ie6 .v-window {
+ width: 0; /* */
+}
+/* Shadow for window */
+.v-shadow-window {
+ position: absolute;
+}
+.v-shadow-window .top-left {
+ position: absolute; overflow: hidden;
+ top: -10px; left: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(../base/window/img/shadow/top-left.png);
+}
+.v-shadow-window .top {
+ position: absolute; overflow: hidden;
+ top: -10px; left: 13px;
+ height: 28px;
+ right: 13px;
+ background: transparent url(../base/window/img/shadow/top.png);
+}
+.v-shadow-window .top-right {
+ position: absolute; overflow: hidden;
+ top: -10px; right: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(../base/window/img/shadow/top-right.png);
+}
+.v-shadow-window .left {
+ position: absolute; overflow: hidden;
+ top: 18px; left: -15px;
+ width: 28px;
+ bottom: 10px;
+ background: transparent url(../base/window/img/shadow/left.png);
+}
+.v-shadow-window .center {
+ position: absolute; overflow: hidden;
+ top: 18px; left: 13px;
+ bottom: 10px; right: 13px;
+ background: transparent url(../base/window/img/shadow/center.png);
+}
+.v-shadow-window .right {
+ position: absolute; overflow: hidden;
+ top: 18px; right: -15px;
+ width: 28px;
+ bottom: 10px;
+ background: transparent url(../base/window/img/shadow/right.png);
+}
+.v-shadow-window .bottom-left {
+ position: absolute; overflow: hidden;
+ bottom: -18px; left: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(../base/window/img/shadow/bottom-left.png);
+}
+.v-shadow-window .bottom {
+ position: absolute; overflow: hidden;
+ bottom: -18px; left: 13px;
+ right: 13px; height: 28px;
+ background: transparent url(../base/window/img/shadow/bottom.png);
+}
+.v-shadow-window .bottom-right {
+ position: absolute; overflow: hidden;
+ bottom: -18px; right: -15px;
+ width: 28px; height: 28px;
+ background: transparent url(../base/window/img/shadow/bottom-right.png);
+}
+/* For IE6 (no transparent png's, we use a blur filter) */
+.v-ie6 .v-shadow-window * {
+ display: none;
+}
+.v-ie6 .v-shadow-window {
+ background: #000;
+ filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20);
+ margin-top: 2px;
+ margin-left: 2px;
+}
+/* Automatically compiled css file from subdirectories. */
+
+/*------------
+ * General vertical and horizontal sprites
+ * -----------*/
+
+
+/*------------
+ * Buttons
+ * -----------*/
+
+.v-accordion {
+ border: 1px solid #bebebe;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ overflow: hidden;
+}
+.v-accordion-item {
+ background-color: #fff;
+}
+.v-accordion-item-caption {
+ height: 19px;
+ background: #e4e4e4 repeat-x;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -0px;
+ font-size: 11px;
+ line-height: normal;
+ border-top: 1px solid #bebebe;
+ text-shadow: #fff 0 1px 0;
+}
+.v-accordion-item-first .v-accordion-item-caption {
+ border-top: none;
+}
+.v-accordion-item-caption .v-caption {
+ padding: 3px 0 5px 10px;
+}
+.v-ie .v-accordion-item-caption .v-caption {
+ padding: 2px 0 6px 10px;
+}
+.v-accordion-item-open .v-accordion-item-caption {
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -19px;
+ border-bottom: 1px solid #bbb;
+}
+.v-accordion-item-caption .v-icon {
+ margin-top: -1px;
+}
+.v-ie .v-accordion-item-caption .v-icon {
+ vertical-align: top;
+}
+/* Borderless style */
+.v-accordion-borderless {
+ border: none;
+ border-radius: 0;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+}
+
+/* Standard implementation of the button theme
+ * These files contain styles that apply to all browsers
+ */
+
+.v-button:focus {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: left -0px;
+ outline: none;
+ }
+
+.v-button:focus .v-button-wrap {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: right -26px;
+ outline: none;
+ }
+
+.v-button:active,
+.v-button.v-pressed {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: left -52px;
+ outline: none;
+ }
+
+.v-button:active .v-button-wrap,
+.v-button.v-pressed .v-button-wrap {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: right -78px;
+ outline: none;
+ }
+
+.v-button,
+.v-disabled.v-button {
+ height: 26px;
+ padding: 0 0 0 6px;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: left -104px;
+ border: none;
+ cursor: default;
+ }
+
+.v-button-wrap,
+.v-disabled.v-button .v-button-wrap {
+ display: block;
+ height: 22px;
+ padding: 4px 15px 0 9px;
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: right -130px;
+ }
+
+.v-button-caption {
+ color: #222;
+ text-shadow: #fff 0 1px 0;
+ font-weight: bold;
+ font-size: 11px;
+ line-height: 16px;
+ }
+
+
+
+
+/**************************
+ * Black style
+ **************************/
+.black .v-button:focus {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: left -0px;
+ }
+
+.black .v-button:focus .v-button-wrap {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: right -26px;
+ }
+
+.black .v-button:active,
+.black .v-button.v-pressed {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: left -52px;
+ }
+
+.black .v-button:active .v-button-wrap,
+.black .v-button.v-pressed .v-button-wrap {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: right -78px;
+ }
+
+.black .v-button,
+.black .v-disabled.v-button {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: left -104px;
+ }
+
+.black .v-button-wrap,
+.black .v-disabled.v-button .v-button-wrap {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: right -130px;
+ }
+
+.black .v-button-caption {
+ color: #c9ccce;
+ text-shadow: #121314 0 -1px 0;
+ }
+
+.v-button-primary:focus {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: left -156px;
+ }
+
+.v-button-primary:focus .v-button-wrap {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: right -182px;
+ }
+
+.v-button-primary:active,
+.v-button-primary.v-pressed {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: left -208px;
+ }
+
+.v-button-primary:active .v-button-wrap,
+.v-button-primary.v-pressed .v-button-wrap {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: right -234px;
+ }
+
+.v-button-primary,
+.v-disabled.v-button-primary {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: left -260px;
+ }
+
+.v-button-primary .v-button-wrap,
+.v-disabled.v-button-primary .v-button-wrap {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: right -286px;
+ }
+
+
+
+
+/* Black style */
+
+
+.black .v-button-primary:focus {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: left -156px;
+ }
+
+.black .v-button-primary:focus .v-button-wrap {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: right -182px;
+ color: #eaf4fb;
+ }
+
+.black .v-button-primary:active,
+.black .v-button-primary.v-pressed {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: left -208px;
+ }
+
+.black .v-button-primary:active .v-button-wrap,
+.black .v-button-primary.v-pressed .v-button-wrap {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: right -234px;
+ }
+
+.black .v-button-primary,
+.black .v-disabled.v-button-primary {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: left -260px;
+ }
+
+.black .v-button-primary .v-button-wrap,
+.black .v-disabled.v-button-primary .v-button-wrap {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: right -286px;
+ }
+
+.v-button-small:focus {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: left -312px;
+ }
+
+.v-button-small:focus .v-button-wrap {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: right -332px;
+ }
+
+.v-button-small:active,
+.v-button-small.v-pressed {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: left -352px;
+ }
+
+.v-button-small:active .v-button-wrap,
+.v-button-small.v-pressed .v-button-wrap {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: right -372px;
+ }
+
+.v-button-small,
+.v-disabled.v-button-small {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: left -392px;
+ height: 20px;
+ }
+
+.v-button-small .v-button-wrap,
+.v-disabled.v-button-small .v-button-wrap {
+ background-image: url(button/img/button-sprites.png);
+ -background-image: url(button/img/button-sprites-ie6.png);
+ background-position: right -412px;
+ height: 19px;
+ padding: 1px 14px 0 8px;
+ }
+
+.v-button-small .v-button-caption {
+ font-weight: normal;
+ }
+
+
+
+
+/* Black style */
+
+.black .v-button-small:focus {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: left -312px;
+ }
+
+.black .v-button-small:focus .v-button-wrap {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: right -332px;
+ }
+
+.black .v-button-small:active,
+.black .v-button-small.v-pressed {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: left -352px;
+ }
+
+.black .v-button-small:active .v-button-wrap,
+.black .v-button-small.v-pressed .v-button-wrap {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: right -372px;
+ }
+
+.black .v-button-small,
+.black .v-disabled.v-button-small {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: left -392px;
+ }
+
+.black .v-button-small .v-button-wrap,
+.black .v-disabled.v-button-small .v-button-wrap {
+ background-image: url(button/img/black-button-sprites.png);
+ -background-image: url(button/img/black-button-sprites-ie6.png);
+ background-position: right -412px;
+ }
+
+.v-button.v-button-link,
+.v-button.v-button-link:focus,
+.v-button.v-button-link:active,
+.v-button-link.v-pressed,
+.v-disabled.v-button.v-button-link,
+.v-button.v-button-link .v-button-wrap,
+.v-button.v-button-link:focus .v-button-wrap,
+.v-button.v-button-link:active .v-button-wrap,
+.v-button-link.v-pressed .v-button-wrap,
+.v-disabled.v-button.v-button-link .v-button-wrap {
+ background: transparent;
+ height: auto;
+ padding: 0;
+ cursor: pointer;
+ line-height: inherit;
+ }
+
+.v-button.v-button-link.v-disabled,
+.v-button.v-button-link.v-disabled .v-button-wrap {
+ cursor: default;
+ }
+
+.v-button-link .v-button-caption,
+.v-nativebutton-link .v-nativebutton-caption {
+ line-height: inherit;
+ font-weight: normal;
+ color: #1b699f;
+ font-size: 12px;
+ text-shadow: none;
+ }
+
+.v-button-link:focus .v-button-caption,
+.v-nativebutton-link:focus .v-nativebutton-caption {
+ outline: 1px dotted #1b699f;
+ }
+
+/* Browser-specific corrections to the standard implementation */
+
+.v-ff2 .v-button .v-button-caption {
+ display: -moz-inline-box;
+ padding-top: 6px;
+ height: 20px;
+ }
+
+.v-ie6 .v-nativebutton-link,
+.v-ie7 .v-nativebutton-link,
+.v-ie8 .v-nativebutton-link {
+ padding: 0;
+ text-align: left;
+}
+
+/**
+ * IE6 buttons --------------------------
+ */
+.v-ie6 .v-button {
+ border: 1px solid #b3b3b3;
+ border-bottom-color: #9a9a9a;
+ background: #d8d8d8 url(button/img/right.png) no-repeat 0 -1px;
+ padding: 0 15px;
+ height: 23px;
+}
+.v-ie6 .v-button .v-button-wrap {
+ background: transparent;
+ height: 20px;
+ padding: 3px 0 0;
+ display: inline;
+ zoom: 1;
+}
+.v-ie6 .v-button-primary {
+ background-image: url(button/img/primary-right.png);
+}
+.v-ie6 .v-button-small {
+ background-image: url(button/img/small-right.png);
+ height: 17px;
+}
+.v-ie6 .v-button-small .v-button-wrap {
+ height: 17px;
+ padding: 0;
+}
+.v-ie6 .v-button.v-pressed {
+ background: transparent url(button/img/right-pressed.png) no-repeat 0 -1px;
+}
+/* Buttons on blue background */
+.v-ie6 .blue .v-button {
+ border-color: #84949c;
+ border-top-color: #83939b;
+ border-bottom-color: #888d91;
+}
+/* Buttons on black background */
+.v-ie6 .black .v-button {
+ border: 1px solid #0d0e0f;
+ background: #202224 url(button/img/black/right.png) no-repeat 0 -1px;
+ color: #c9ccce;
+}
+.v-ie6 .black .v-button-primary {
+ background-image: url(button/img/black/primary-right.png);
+}
+.v-ie6 .black .v-button-small {
+ background-image: url(button/img/black/small-right.png);
+}
+.v-ie6 .black .v-button.v-pressed {
+ background-image: url(button/img/black/right-pressed.png);
+}
+
+
+/* Link style button */
+.v-ie6 .v-button-link,
+.v-ie6 .black .v-button-link {
+ background: transparent;
+ border: none;
+ height: auto;
+ line-height: normal;
+ padding: 0;
+}
+.v-ie6 .v-button-link .v-button-wrap,
+.v-ie6 .black .v-button-link .v-button-wrap {
+ padding: 0;
+ height: auto;
+}
+
+.v-generated-body,
+.v-app {
+ background: #f5f5f5;
+}
+/* Global font styles */
+.v-app,
+.v-window,
+.v-popupview-popup,
+.v-tooltip,
+.v-app input,
+.v-app select,
+.v-app button,
+.v-app textarea,
+.v-window input,
+.v-window select,
+.v-window button,
+.v-window textarea,
+.v-popupview-popup input,
+.v-popupview-popup select,
+.v-popupview-popup button,
+.v-popupview-popup textarea,
+.v-filterselect-suggestpopup,
+.v-datefield-popup,
+.v-contextmenu,
+.v-Notification,
+.v-menubar-submenu,
+.v-drag-element {
+ font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
+ font-size: 12px;
+ line-height: normal;
+ color: #222;
+}
+/* Fonts on black background */
+.v-app .black,
+.v-window-black,
+.v-window .black,
+.v-popupview-popup .black {
+ color: #c9ccce;
+ text-shadow: #000 0 0 1px;
+}
+.v-errorindicator {
+ width: 13px;
+ height: 16px;
+ background: transparent url(common/icons/error.png) no-repeat 50%;
+}
+.v-ie6 .v-errorindicator {
+ background-image: url(common/icons/error-ie6.png);
+}
+.v-tooltip {
+ background-color: #fffcdd;
+ border: 1px solid #b8b295;
+ font-size: 11px;
+ color: #222;
+}
+.v-tooltip-text {
+ padding: 2px 4px;
+}
+.v-tooltip .v-errormessage {
+ padding: 3px 4px;
+ background: #ffecc6;
+ color: #b74100;
+ border: none;
+ border-top: 1px solid #fff3dc;
+}
+.v-tooltip .v-errormessage h2 {
+ font-size: 16px;
+ font-weight: normal;
+ color: #ab3101;
+ margin: 2px 0 8px 0;
+}
+.v-tooltip .v-errormessage h3 {
+ font-size: 13px;
+ font-weight: bold;
+ margin: 1px 0 4px 0;
+}
+.v-contextmenu {
+ background: #f8f8f9;
+ border: none;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ overflow: hidden;
+ padding: 4px 0;
+}
+.v-contextmenu .gwt-MenuItem {
+ padding: 1px 12px 1px 8px;
+ height: 16px;
+ user-select: none;
+ -moz-user-select: none;
+ -webkit-user-select: none;
+ cursor: default;
+}
+.v-contextmenu .gwt-MenuItem .v-icon {
+ margin-right: 3px;
+}
+.v-contextmenu .gwt-MenuItem-selected {
+ background: transparent repeat-x;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -38px;
+ color: #fff;
+ text-shadow: #3b5a7a 0 1px 0;
+}
+.v-ie .v-contextmenu .gwt-MenuItem-selected {
+ background-image: url(common/img/sel-bg.png);
+ background-position: left top;
+}
+.v-contextmenu .gwt-MenuItem-selected div {
+ background: transparent;
+ cursor: default;
+}
+
+/* Fixes for Liferay 6.0 */
+.portlet .v-app {
+ background: transparent;
+}
+.portlet .v-app .v-radiobutton input,
+.portlet .v-window .v-radiobutton input,
+.portlet .v-popupview-popup .v-radiobutton input,
+.portlet .v-app .v-checkbox input,
+.portlet .v-window .v-checkbox input,
+.portlet .v-popupview-popup .v-checkbox input {
+ margin-right: 3px;
+ background: transparent;
+}
+
+input.v-textfield-readonly:focus{
+ background-color: transparent;
+}
+.v-datefield-calendarpanel {
+ border-collapse: collapse;
+ margin: 0;
+ padding: 0;
+ height: auto !important;
+}
+.v-datefield-year .v-datefield-calendarpanel-prevmonth,
+.v-datefield-year .v-datefield-calendarpanel-nextmonth {
+ display: none;
+}
+.v-datefield-calendarpanel td {
+ vertical-align: top;
+}
+td.v-datefield-calendarpanel-month {
+ height: 23px;
+ background-repeat: repeat-x;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -58px;
+}
+span.v-datefield-calendarpanel-month {
+ display: block;
+ text-align: center;
+ height: 16px;
+ padding: 3px 10px 0 10px;
+ border-left: 1px solid #efefef;
+ border-right: 1px solid #d8d8d8;
+ text-shadow: #fff 0 1px 0;
+ overflow: hidden;
+ margin-top: 1px;
+}
+.v-datefield-year .v-datefield-calendarpanel-month {
+ width: 35px;
+}
+.v-datefield-month .v-datefield-calendarpanel-month,
+.v-datefield-day .v-datefield-calendarpanel-month,
+.v-datefield-full .v-datefield-calendarpanel-month {
+ width: 124px;
+}
+.v-datefield-month,
+.v-datefield-day,
+.v-datefield-full {
+ min-width: 240px;
+}
+.v-ff2 .v-datefield-month,
+.v-ff2 .v-datefield-day,
+.v-ff2 .v-datefield-full {
+ min-width: 254px;
+}
+.v-datefield-popupcalendar,
+.v-ff2 .v-datefield-popupcalendar {
+ min-width: 0;
+}
+.v-datefield-year .v-datefield-calendarpanel {
+ width: 100px;
+}
+td.v-datefield-calendarpanel-prevyear {
+ text-align: right;
+}
+td.v-datefield-calendarpanel-nextyear {
+ text-align: left;
+}
+.v-datefield-calendarpanel-prevyear button,
+.v-datefield-calendarpanel-nextyear button,
+.v-datefield-calendarpanel-prevmonth button,
+.v-datefield-calendarpanel-nextmonth button {
+ width: 24px;
+ height: 23px;
+ border: none;
+ background: transparent;
+ background-repeat: no-repeat;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -81px;
+ overflow: hidden;
+ padding: 0;
+ text-indent: -9999px;
+ outline: none;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.v-ie .v-datefield-calendarpanel-prevyear button,
+.v-ie .v-datefield-calendarpanel-nextyear button,
+.v-ie .v-datefield-calendarpanel-prevmonth button,
+.v-ie .v-datefield-calendarpanel-nextmonth button {
+ text-indent: 0;
+ font-size: 1px;
+}
+.v-datefield-calendarpanel-nextyear button {
+ background-position: left top;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -104px;
+}
+.v-datefield-calendarpanel-prevyear button:active,
+.v-ie .v-datefield-calendarpanel-prevyear button.v-pressed {
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -127px;
+}
+.v-datefield-calendarpanel-nextyear button:active,
+.v-ie .v-datefield-calendarpanel-nextyear button.v-pressed {
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -150px;
+}
+.v-datefield-calendarpanel-prevmonth,
+.v-datefield-calendarpanel-nextmonth {
+ width: 24px;
+ background-repeat: repeat-x;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -173px;
+}
+.v-datefield-calendarpanel-prevmonth button,
+.v-datefield-calendarpanel-nextmonth button {
+ width: 100%;
+ height: 21px;
+ border-left: 1px solid #efefef;
+ border-right: 1px solid #d8d8d8;
+ background: transparent;
+ background-position: center top;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: center -196px;
+ min-width: 24px;
+ margin-top: 1px;
+}
+.v-ie .v-datefield-calendarpanel-prevmonth button,
+.v-ie .v-datefield-calendarpanel-nextmonth button {
+ border: none;
+}
+.v-ie6 .v-datefield-calendarpanel-prevmonth button,
+.v-ie6 .v-datefield-calendarpanel-nextmonth button {
+ width: 24px;
+}
+.v-datefield-calendarpanel-nextmonth button {
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: center -217px;
+}
+.v-datefield-calendarpanel-prevmonth button:active,
+.v-ie .v-datefield-calendarpanel-prevmonth button.v-pressed {
+ background-position: center top;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: center -238px;
+}
+.v-datefield-calendarpanel-nextmonth button:active,
+.v-ie .v-datefield-calendarpanel-nextmonth button.v-pressed {
+ background-position: center top;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: center -259px;
+}
+.v-datefield-calendarpanel-body,
+.v-datefield-calendarpanel-time {
+ text-align: center;
+ vertical-align: top;
+}
+.v-datefield-calendarpanel-body table {
+ border-collapse: collapse;
+ margin: 0;
+ padding: 0;
+ width: 220px;
+ margin: 0 auto;
+}
+.v-datefield-calendarpanel-weekdays td {
+ width: 14.2%;
+ overflow: hidden;
+ background-repeat: repeat-x;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -280px;
+ font-size: 10px;
+ line-height: normal;
+ text-transform: uppercase;
+ color: #eaeff1;
+ text-shadow: #3b4651 0 -1px 0;
+ vertical-align: top;
+}
+.v-datefield-calendarpanel-weeknumbers td {
+ width: 12.4%;
+}
+.v-datefield-calendarpanel-weekdays strong {
+ display: block;
+ text-align: right;
+ padding: 1px 5px 0 0;
+ height: 14px;
+ border-top: 1px solid #596775;
+}
+.v-datefield-calendarpanel-weekdays .v-first {
+ background-repeat: no-repeat;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -299px;
+}
+.v-datefield-calendarpanel-weekdays .v-last {
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: right -318px;
+}
+/* IE fails to position backgrounds inside table element */
+.v-ie .v-datefield-calendarpanel-weekdays td {
+ background: url(datefield/img/weekday-bg.png) repeat-x;
+ background-position: left top;
+}
+.v-ie .v-datefield-calendarpanel .v-first {
+ background: url(datefield/img/weekday-first.png) no-repeat;
+}
+.v-ie .v-datefield-calendarpanel .v-last {
+ background: url(datefield/img/weekday-last.png) no-repeat right top;
+}
+.v-datefield-calendarpanel-body td {
+ text-align: right;
+ height: 19px;
+}
+.v-datefield-calendarpanel-day,
+.v-datefield-calendarpanel-weeknumber,
+.v-datefield-calendarpanel-day-today {
+ padding: 2px 5px 2px 0;
+ display: block;
+ margin: 1px 0 0 5px;
+}
+.v-datefield-calendarpanel-weeknumber {
+ margin: 0;
+ padding-top: 4px;
+ padding-bottom: 3px;
+}
+.v-datefield-calendarpanel-day-today {
+ color: #4095d1;
+ border: none;
+}
+.v-datefield-calendarpanel-day-selected {
+ background: #507ba3;
+ color: #fff;
+ text-shadow: #3b5b79 0 1px 0;
+ border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+}
+.v-datefield-calendarpanel-time select {
+ padding: 0;
+ font-size: 11px;
+}
+.v-datefield-popup {
+ background: #f8f8f9;
+ padding: 8px 4px;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+}
+.v-sa .v-datefield-popup,
+.v-ff3 .v-datefield-popup,
+.v-op .v-datefield-popup {
+ background: rgba(255,255,255,.95);
+}
+.v-datefield-year .v-datefield-textfield {
+ width: 4em;
+}
+.v-datefield-month .v-datefield-textfield {
+ width: 5em;
+}
+.v-datefield-day .v-datefield-textfield {
+ width: 5.5em;
+}
+.v-datefield-full .v-datefield-textfield {
+ width: 12em;
+}
+.v-datefield-popupcalendar input.v-datefield-textfield {
+ border-right-width: 0;
+ -moz-border-radius-topright: 0;
+ -moz-border-radius-bottomright: 0;
+ -webkit-border-top-right-radius: 0;
+ -webkit-border-bottom-right-radius: 0;
+ height: 14px;
+}
+.v-datefield.v-readonly input.v-datefield-textfield {
+ border-right-width: 1px;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+}
+.v-datefield-prompt .v-datefield-textfield {
+ color: #999;
+ font-style: normal;
+}
+.v-datefield-popupcalendar .v-datefield-button {
+ width: 24px;
+ height: 23px;
+ background: transparent;
+ border: none;
+ padding: 0;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -337px;
+ cursor: pointer;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.v-datefield-popupcalendar .v-datefield-button:active {
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -360px;
+}
+
+/* over black background */
+.black .v-datefield-popupcalendar .v-datefield-button {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -0px;
+}
+.black .v-datefield-popupcalendar .v-datefield-button:active {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -23px;
+}
+
+/* Small adjustment for IE6 */
+.v-ie6 .v-datefield-popupcalendar .v-datefield-button {
+ margin-top: 1px;
+}
+
+
+/*------------
+* on black background
+*/
+
+.black td.v-datefield-calendarpanel-month {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -46px;
+ height: 21px;
+}
+.black span.v-datefield-calendarpanel-month {
+ border-left: 1px solid #333638;
+ border-right: 1px solid #232527;
+ color: #c9ccce;
+ text-shadow: #000 0 -1px 0;
+ padding: 4px 10px 1px 10px;
+ margin-top: 0;
+}
+.black .v-datefield-calendarpanel-prevyear button,
+.black .v-datefield-calendarpanel-nextyear button,
+.black .v-datefield-calendarpanel-prevmonth button,
+.black .v-datefield-calendarpanel-nextmonth button {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -67px;
+ height: 21px;
+}
+.black .v-datefield-calendarpanel-nextyear button {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -88px;
+}
+.black .v-datefield-calendarpanel-prevyear button:active,
+.v-ie .black .v-datefield-calendarpanel-prevyear button.v-pressed {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -109px;
+}
+.black .v-datefield-calendarpanel-nextyear button:active,
+.v-ie .black .v-datefield-calendarpanel-nextyear button.v-pressed {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -130px;
+}
+.black .v-datefield-calendarpanel-prevmonth,
+.black .v-datefield-calendarpanel-nextmonth {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -151px;
+}
+.black .v-datefield-calendarpanel-prevmonth button,
+.black .v-datefield-calendarpanel-nextmonth button {
+ border-left: 1px solid #333638;
+ border-right: 1px solid #232527;
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: center -172px;
+ margin-top: 0;
+}
+.black .v-datefield-calendarpanel-nextmonth button {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: center -193px;
+}
+.black .v-datefield-calendarpanel-prevmonth button:active,
+.v-ie .black .v-datefield-calendarpanel-prevmonth button.v-pressed {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: center -214px;
+}
+.black .v-datefield-calendarpanel-nextmonth button:active,
+.v-ie .black .v-datefield-calendarpanel-nextmonth button.v-pressed {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: center -235px;
+}
+.v-ie .black .v-datefield-calendarpanel-prevmonth button,
+.v-ie .black .v-datefield-calendarpanel-nextmonth button {
+ border: none;
+}
+.black .v-datefield-calendarpanel-weekdays td {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -256px;
+ color: #0a0b0b;
+ text-shadow: #5a5c5e 0 1px 0;
+}
+.black .v-datefield-calendarpanel-weekdays strong {
+ border-top-color: #1b1c1d;
+}
+.black .v-datefield-calendarpanel .v-first {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: left -275px;
+}
+.black .v-datefield-calendarpanel .v-last {
+ background-image: url(common/img/black-vertical-sprites.png);
+ -background-image: url(common/img/black-vertical-sprites-ie6.png);
+ background-position: right -294px;
+}
+.black .v-datefield-prompt .v-datefield-textfield {
+ color: #5f6366;
+}
+
+.v-formlayout-errorcell {
+ width: 13px;
+}
+.v-formlayout-cell .v-errorindicator {
+ width: 13px;
+ height: 16px;
+ background: transparent url(common/icons/error.png) no-repeat 50%;
+}
+.v-ie6 .v-formlayout-cell .v-errorindicator {
+ background-image: url(common/icons/error-ie6.png);
+}
+.v-formlayout-captioncell {
+ text-align: right;
+ white-space: nowrap;
+}
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
+.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
+ padding-top: 8px;
+}
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
+.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
+ padding-top: 15px;
+}
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
+.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
+ padding-bottom: 15px;
+}
+.v-formlayout-margin-left .v-formlayout-captioncell {
+ padding-left: 18px;
+}
+.v-formlayout-margin-right .v-formlayout-contentcell {
+ padding-right: 18px;
+}
+/* form */
+.v-form-errormessage {
+ background: transparent url(common/icons/error.png) no-repeat 3px 2px;
+ padding-left: 20px;
+ margin-bottom: 5px;
+ margin-top: 5px;
+ min-height: 20px;
+}
+.v-ie6 .v-form-errormessage {
+ height: 20px;
+ background-image: url(common/icons/error-ie6.png);
+}
+.v-form fieldset {
+ border: none;
+ border-top: 1px solid #babfc0;
+}
+.v-form-nocaption fieldset {
+ border: none;
+}
+.v-form-nocaption legend {
+ display: none;
+}
+.v-form legend {
+ margin: 0 0 0 20px;
+ padding: 0 5px;
+ font-weight: bold;
+ color: #222;
+}
+
+.v-label {
+ line-height: 18px;
+}
+
+/**********************
+ * Black styles
+ **********************/
+.white .black,
+.blue .black {
+ color: #C9CCCE;
+ text-shadow: 0 0 1px #000;
+}
+.black .v-label-h1,
+.black .v-label-h2,
+.black .v-caption-h1,
+.black .v-caption-h2,
+.white .black .v-label-h1,
+.white .black .v-label-h2,
+.white .black .v-caption-h1,
+.white .black .v-caption-h2,
+.blue .black .v-label-h1,
+.blue .black .v-label-h2,
+.blue .black .v-caption-h1,
+.blue .black .v-caption-h2 {
+ color: #fff;
+ text-shadow: rgba(0,0,0,.8) 0 2px 2px;
+}
+.black .v-label-light,
+.white .black .v-label-light {
+ color: #72787c;
+}
+.black .v-label hr,
+.white .black .v-label hr {
+ background: #0c0d0e;
+ color: #0c0d0e;
+ border-bottom-color: #292b2e;
+}
+
+/**********************
+ * Blue styles
+ **********************/
+.v-app .white,
+.v-window .white,
+.v-app .blue,
+.v-window .blue {
+ color: #222;
+ text-shadow: none;
+}
+.blue .v-label-h1,
+.blue .v-label-h2,
+.blue .v-caption-h1,
+.blue .v-caption-h2,
+.white .blue .v-label-h1,
+.white .blue .v-label-h2,
+.white .blue .v-caption-h1,
+.white .blue .v-caption-h2 {
+ color: #fff;
+ text-shadow: rgba(0,0,0,.3) 0 1px 1px;
+}
+.blue .v-label-light,
+.white .blue .v-label-light {
+ color: #6e7c83;
+}
+.blue .v-label hr,
+.white .blue .v-label hr {
+ background: #a3bcc9;
+ color: #a3bcc9;
+ border-bottom-color: #cfe2eb;
+}
+
+/**********************
+ * Default & white styles
+ **********************/
+.v-label-h1,
+.v-label-h2,
+.v-caption-h1,
+.v-caption-h2,
+.white .v-label-h1,
+.white .v-label-h2,
+.white .v-caption-h1,
+.white .v-caption-h2 {
+ font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
+ font-size: 24px;
+ line-height: 30px;
+ font-weight: bold;
+ color: #44698b;
+ letter-spacing: -0.02em;
+ text-shadow: #fff 0 -1px 1px;
+}
+.v-label-h2,
+.v-caption-h2,
+.white .v-label-h2,
+.white .v-caption-h2 {
+ font-size: 16px;
+ line-height: 22px;
+}
+.v-label-light,
+.white .v-label-light {
+ font-size: 11px;
+ line-height: 13px;
+ color: #707070;
+}
+
+.v-label hr,
+.white .v-label hr {
+ height: 2px;
+ overflow: hidden;
+ background: #dcdcdc;
+ color: #dcdcdc; /* For IE */
+ border: none;
+ border-bottom: 1px solid #fff;
+}
+
+.v-sa .v-label hr,
+.v-ie8 .v-label hr {
+ height: 1px;
+}
+
+/* Labels inside Table don't need a line-height */
+.v-table .v-label {
+ line-height: normal;
+}
+
+.v-orderedlayout-margin-top,
+.v-horizontallayout-margin-top,
+.v-verticallayout-margin-top {
+ padding-top: 18px;
+}
+.v-orderedlayout-margin-right,
+.v-horizontallayout-margin-right,
+.v-verticallayout-margin-right {
+ padding-right: 18px;
+}
+.v-orderedlayout-margin-bottom,
+.v-horizontallayout-margin-bottom,
+.v-verticallayout-margin-bottom {
+ padding-bottom: 18px;
+}
+.v-orderedlayout-margin-left,
+.v-horizontallayout-margin-left,
+.v-verticallayout-margin-left {
+ padding-left: 18px;
+}
+.v-orderedlayout-spacing-on,
+.v-horizontallayout-spacing-on,
+.v-verticallayout-spacing-on {
+ padding-top: 7px;
+ padding-left: 6px;
+}
+/* Different for historical reasons: previously was inherited directly from Base theme */
+/* TODO unify these values in version 7 */
+.v-gridlayout-margin-top {
+ padding-top: 24px;
+}
+.v-gridlayout-margin-bottom {
+ padding-bottom: 24px;
+}
+.v-gridlayout-margin-left {
+ padding-left: 24px;
+}
+.v-gridlayout-margin-right {
+ padding-right: 24px;
+}
+.v-gridlayout-spacing-on {
+ padding-left: 12px;
+ padding-top: 12px;
+}
+/* Blue background */
+.v-verticallayout-blue,
+.v-horizontallayout-blue,
+.v-orderedlayout-blue,
+.v-gridlayout-blue,
+.v-csslayout-blue,
+.v-formlayout-blue,
+.v-splitpanel-vertical-blue,
+.v-splitpanel-horizontal-blue {
+ background-color: #bcd3de;
+}
+.v-panel-content > div.blue {
+ background-color: #bcd3de;
+}
+/* White background */
+.v-verticallayout-white,
+.v-horizontallayout-white,
+.v-orderedlayout-white,
+.v-gridlayout-white,
+.v-csslayout-white,
+.v-formlayout-white,
+.v-splitpanel-vertical-white,
+.v-splitpanel-horizontal-white {
+ background-color: #fff;
+ color: #222;
+}
+.v-panel-content > div.white {
+ background-color: #fff;
+ color: #222;
+}
+/* Black background */
+.v-verticallayout-black,
+.v-horizontallayout-black,
+.v-orderedlayout-black,
+.v-gridlayout-black,
+.v-csslayout-black,
+.v-formlayout-black,
+.v-splitpanel-vertical-black,
+.v-splitpanel-horizontal-black {
+ background: #1e2022 url(layouts/img/black-bg.png) repeat-x;
+}
+.v-panel-content > div.black {
+ background: #1e2022 url(layouts/img/black-bg.png) repeat-x;
+}
+
+.v-link a:link span {
+ color: #1b699f;
+}
+.v-link a:visited span {
+ color: #5c7485;
+}
+.v-link a:hover span {
+ color: #2483c4;
+}
+
+.v-menubar {
+ height: 23px;
+ background: #323336 repeat-x;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -383px;
+ color: #d1d3d6;
+ text-shadow: rgba(0,0,0,.9) 0 1px 0;
+ padding: 0 8px;
+}
+.v-menubar .v-menubar-menuitem {
+ padding: 3px 8px;
+ height: 17px;
+ line-height: 16px;
+}
+.v-menubar .v-menubar-menuitem:hover {
+ color: #fff;
+}
+.v-menubar-submenu {
+ background: #f8f8f9;
+ border: none;
+ border-radius: 3px;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -o-border-radius: 3px;
+ overflow: hidden;
+ padding: 4px 0;
+}
+.v-menubar-submenu .v-menubar-menuitem {
+ padding: 1px 26px 1px 10px;
+ line-height: 16px;
+}
+.v-menubar-submenu .v-menubar-menuitem-caption * {
+ vertical-align: middle;
+}
+.v-menubar .v-menubar-menuitem-selected,
+.v-menubar-submenu .v-menubar-menuitem-selected {
+ background: #4d749f repeat-x;
+ background-image: url(common/img/vertical-sprites.png);
+ -background-image: url(common/img/vertical-sprites-ie6.png);
+ background-position: left -406px;
+ color: #fff;
+ text-shadow: 0 1px 0 #3b5a7a;
+}
[... 2003 lines stripped ...]