blob: 758cc7894990c90643107a11c81fe8f139c253e5 [file] [log] [blame]
.v-theme-version:after {content:"6_8_13";}
.v-theme-version-6_8_13 {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;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-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;
}
.v-ie9 .v-gridlayout-margin>div>div>.v-caption,
.v-ie9 .v-verticallayout>div>div>.v-caption,
.v-ie9 .v-horizontallayout>div>div>.v-caption {
/* Fix possible sub pixel rounding errors that cause error indicators to drop */
margin-right:-0.5px;
}
/* References the BODY tag generated by Vaadin application servlet */
.v-generated-body {
width: 100%;
height: 100%;
border: 0;
margin: 0;
overflow: hidden;
}
.v-app {
height: 100%;
}
/* Force arrow cursor for all elements inside the app */
.v-app,
.v-window,
.v-popupview-popup,
.v-label,
.v-caption {
cursor: default;
}
div.v-app-loading {
/* You can use this to provide indication for the user that the application is loading. */
/* It is applied to the same element as .v-app */
background-image: url(../base/common/img/loading-indicator.gif);
background-repeat: no-repeat;
background-position: 50%;
width: 100%;
height: 100%;
}
.v-view {
height: 100%;
width: 100%;
overflow: auto;
/* avoid scrollbars with margins in root layout */
outline: none;
margin-top: -1px;
border-top: 1px solid transparent;
position: relative;
}
/**
* Try to handle printing somehow. Reasonable printing support
* needs application specific planning and CSS tuning.
*/
@media print {
.v-generated-body {
height: auto;
min-height: 20cm;
overflow: visible;
}
.v-app {
height: auto;
min-height: 20cm;
}
.v-view {
overflow: visible;
}
.v-gridlayout {
overflow: visible !important;
}
}
.v-view:active,
.v-view:focus {
outline: none;
}
.v-app select,
.v-window select {
margin: 0;
}
.v-disabled {
opacity: .3;
filter: alpha(opacity=30);
cursor: default;
}
.v-disabled * {
cursor: default;
}
* html .v-disabled {
zoom: 1;
}
*+html .v-disabled {
zoom: 1;
}
.v-disabled .v-disabled {
opacity: 1;
}
.v-required-field-indicator {
padding-left: 2px;
color: red;
}
.v-form fieldset {
border: none;
padding: 0;
margin: 0;
}
/* Field modified */ /* Disabled by default
.v-modified,
.v-richtextarea.v-modified iframe.gwt-RichTextArea,
.v-checkbox.v-modified,
.v-modified .v-select-option,
.v-modified .v-textfield,
.v-modified .v-datefield-calendarpanel,
.v-modified .v-select-select,
.v-modified .v-select-twincol-selections,
.v-modified .v-select-twincol-options,
.v-modified .v-slider-base {
background: #ffffe0;
}
*/
.v-tooltip {
cursor: default;
background: #fff;
}
.v-tooltip-text {
overflow: auto;
}
.v-tooltip .v-errormessage {
overflow: auto;
}
.v-contextmenu {
background: #fff;
}
.v-contextmenu .gwt-MenuItem {
cursor: pointer;
vertical-align: middle;
padding: 0;
border: 0;
margin: 0;
}
.v-contextmenu .gwt-MenuItem div {
cursor: pointer;
vertical-align: middle;
white-space: nowrap;
}
.v-contextmenu .gwt-MenuItem-selected div {
background: #aaa;
color: #fff;
}
.v-contextmenu table {
border-collapse: collapse;
margin: 0;
padding: 0;
}
.v-contextmenu .gwt-MenuItem img {
margin-right: 1em;
vertical-align: middle;
}
/* Margins are not supported within Label */
.v-label pre {
margin: 0;
}
/* A label with undefined width is always considered to be on one line */
.v-label-undef-w {
white-space: nowrap;
}
/* Revert line-height for heading elements inside labels */
.v-label h1,
.v-label h2,
.v-label h3,
.v-label h4,
.v-label h5,
.v-label h6 {
line-height: normal;
}
/* Loading indicator states
* Note: client side expects that loading indicator has a height. It depends on
* this css property to ensure browsers have applied all required styles.
*/
.v-loading-indicator,
.v-loading-indicator-delay,
.v-loading-indicator-wait {
position: absolute;
top: 0;
right: 0;
z-index: 30000;
width: 31px;
height: 31px;
background: transparent url(../base/common/img/loading-indicator.gif);
margin-right: 5px;
margin-top: 5px;
}
.v-loading-indicator-delay {
background-image: url(../base/common/img/loading-indicator-delay.gif);
}
.v-loading-indicator-wait {
background-image: url(../base/common/img/loading-indicator-wait.gif);
}
/* Debug dialog */
.v-debug-console {
background: #fff;
opacity: .9;
border: 1px solid #000;
font-family: sans-serif;
}
.v-debug-console-caption {
background: #000;
border-bottom: 1px solid grey;
color: white;
font-weight: bold;
}
.v-debug-console-content {
font-size: x-small;
overflow: auto;
white-space: pre;
}
.v-debug-console-content input {
font-size: xx-small;
}
/* Debug style */
.v-app .invalidlayout,
.v-app .invalidlayout * {
background: #f99 !important;
}
/* Fix for Liferay, issue #2384 */
.v-app input[type="text"],
.v-app input[type="password"],
.v-app input[type="reset"],
.v-app select,
.v-app textarea ,
.v-window input[type="text"],
.v-window input[type="password"],
.v-window input[type="reset"],
.v-window select,
.v-window textarea {
padding: 2px;
}
.v-drag-element {
z-index: 60000;
/* override any other position: properties */
position: absolute !important;
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default;
}
.v-scrollable {
overflow: auto;
}
.v-ios.v-webkit & .v-scrollable {
-webkit-overflow-scrolling: touch;
}
/* Disable native scrolling on iOS 5 due to #8792 */
.v-ios5.v-webkit & .v-scrollable {
-webkit-overflow-scrolling: none;
}
.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-calendarpanel-day-offmonth {
color: #666;
}
.v-ie6 .v-datefield-calendarpanel-day,
.v-ie7 .v-datefield-calendarpanel-day {
margin: 1px;
}
.v-ie6 .v-datefield-calendarpanel-day-focused,
.v-ie7 .v-datefield-calendarpanel-day-focused {
border: 1px dotted black;
margin: 0px;
}
.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;
position: relative;
}
[draggable=true] {
-khtml-user-drag: element;
-webkit-user-drag: element;
-khtml-user-select: none;
-webkit-user-select: none;
}
.v-ie .v-ddwrapper a.drag-start {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
/* Some color needed to make it draggable */
background-color:cyan;
filter: alpha(opacity=0);
}
.v-ddwrapper-over {
border: 2px solid #1d9dff;
background-color: #bcdcff;
padding: 0;
}
.v-ddwrapper-over {
background-color: rgba(169,209,255,.6);
}
.no-box-drag-hints .v-ddwrapper-over {
border: none;
background-color: transparent;
padding: 2px;
}
.v-app .v-ddwrapper-over-top,
.v-window .v-ddwrapper-over-top,
.v-popupview-popup .v-ddwrapper-over-top {
border: none;
border-top: 2px solid #1d9dff;
background-color: transparent;
padding: 2px;
padding-top: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.v-app .v-ddwrapper-over-bottom,
.v-window .v-ddwrapper-over-bottom,
.v-popupview-popup .v-ddwrapper-over-bottom {
border: none;
border-bottom: 2px solid #1d9dff;
background-color: transparent;
padding: 2px;
padding-bottom: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.v-app .v-ddwrapper-over-left,
.v-window .v-ddwrapper-over-left,
.v-popupview-popup .v-ddwrapper-over-left {
border: none;
border-left: 2px solid #1d9dff;
background-color: transparent;
padding: 2px;
padding-left: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.v-app .v-ddwrapper-over-right,
.v-window .v-ddwrapper-over-right,
.v-popupview-popup .v-ddwrapper-over-right {
border: none;
border-right: 2px solid #1d9dff;
background-color: transparent;
padding: 2px;
padding-right: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
.v-ddwrapper,
.v-ddwrapper-over,
.v-app .v-ddwrapper-over-top,
.v-window .v-ddwrapper-over-top,
.v-popupview-popup .v-ddwrapper-over-top,
.v-app .v-ddwrapper-over-bottom,
.v-window .v-ddwrapper-over-bottom,
.v-popupview-popup .v-ddwrapper-over-bottom,
.v-app .v-ddwrapper-over-left,
.v-window .v-ddwrapper-over-left,
.v-popupview-popup .v-ddwrapper-over-left,
.v-app .v-ddwrapper-over-right,
.v-window .v-ddwrapper-over-right,
.v-popupview-popup .v-ddwrapper-over-right {
border-color: rgba(0,109,232,.6);
}
.v-ddwrapper-over-top:before,
.v-ddwrapper-over-bottom:after,
.v-ddwrapper-over-left:before,
.v-ddwrapper-over-right:before {
display: block;
content: "";
position: absolute;
width: 6px;
height: 6px;
margin-top: -4px;
margin-left: -2px;
background: transparent url(../base/common/img/drag-slot-dot.png) no-repeat;
}
.v-ddwrapper-over-bottom:after {
margin-top: -2px;
}
.v-ddwrapper-over-left:before,
.v-ddwrapper-over-right:before {
background-position: 0 -6px;
margin-top: -2px;
margin-left: -4px;
}
.v-ddwrapper-over-right:before {
position: relative;
margin-bottom: -4px;
margin-right: -4px;
margin-left: 0;
width: auto;
background-position: 100% -6px;
}
.no-horizontal-drag-hints .v-ddwrapper-over-left {
padding-left: 2px;
border-left: none;
}
.no-horizontal-drag-hints .v-ddwrapper-over-right {
padding-right: 2px;
border-right: none;
}
.no-vertical-drag-hints .v-ddwrapper-over-top {
padding-top: 2px;
border-top: none;
}
.no-vertical-drag-hints .v-ddwrapper-over-bottom {
padding-bottom: 2px;
border-bottom: none;
}
.no-horizontal-drag-hints .v-ddwrapper-over-left:before,
.no-horizontal-drag-hints .v-ddwrapper-over-right:before,
.no-vertical-drag-hints .v-ddwrapper-over-top:before,
.no-vertical-drag-hints .v-ddwrapper-over-bottom:after {
display: none;
}
.v-table .v-embedded-image {
/* make embeddeds be centered in centered table cells. */
display: inline-block;
}
.v-formlayout-cell .v-errorindicator {
display: block;
}
.v-formlayout-error-indicator {
/* fix width so layout is not jumpy when error disappears */
width: 12px;
}
.v-formlayout-captioncell {
text-align:right;
white-space: nowrap;
}
.v-formlayout-captioncell .v-caption {
overflow: visible;
}
.v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-captioncell,
.v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-contentcell,
.v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-errorcell {
padding-top: 6px;
}
.v-formlayout-spacing > tbody > .v-formlayout-firstrow > .v-formlayout-captioncell,
.v-formlayout-spacing > tbody > .v-formlayout-firstrow > .v-formlayout-contentcell,
.v-formlayout-spacing > tbody > .v-formlayout-firstrow > .v-formlayout-errorcell {
padding-top: 0;
}
.v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-captioncell,
.v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-contentcell,
.v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-errorcell {
padding-top: 12px;
}
.v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-captioncell,
.v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-contentcell,
.v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-errorcell {
padding-bottom: 12px;
}
.v-ie6 .v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
.v-ie6 .v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
.v-ie6 .v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
padding-top: expression(/v-formlayout-spacing/.test(this.parentNode.parentNode.parentNode.className) ? "6px" : "0px");
}
.v-ie6 .v-formlayout-margin-top .v-formlayout-row .v-formlayout-captioncell,
.v-ie6 .v-formlayout-margin-top .v-formlayout-row .v-formlayout-contentcell,
.v-ie6 .v-formlayout-margin-top .v-formlayout-row .v-formlayout-errorcell {
padding-top: expression((/v-formlayout-firstrow/.test(this.parentNode.className) && /v-formlayout-margin-top/.test(this.parentNode.parentNode.parentNode.className)) ? "12px" : (/v-formlayout-spacing/.test(this.parentNode.parentNode.parentNode.className) ? "6px" : "0px"));
}
.v-ie6 .v-formlayout-margin-bottom .v-formlayout-row .v-formlayout-captioncell,
.v-ie6 .v-formlayout-margin-bottom .v-formlayout-row .v-formlayout-contentcell,
.v-ie6 .v-formlayout-margin-bottom .v-formlayout-row .v-formlayout-errorcell {
padding-bottom: expression((/v-formlayout-lastrow/.test(this.parentNode.className) && /v-formlayout-margin-bottom/.test(this.parentNode.parentNode.parentNode.className)) ? "12px" : "0px");
}
.v-formlayout-margin-left > tbody > .v-formlayout-row > .v-formlayout-captioncell {
padding-left: 12px;
}
.v-formlayout-margin-right > tbody > .v-formlayout-row > .v-formlayout-contentcell {
padding-right: 12px;
}
.v-ie6 .v-formlayout-margin-left .v-formlayout-row .v-formlayout-captioncell {
padding-left: expression(/v-formlayout-margin-left/.test(this.parentNode.parentNode.parentNode.className) ? "12px" : "0px");
}
.v-ie6 .v-formlayout-margin-right .v-formlayout-row .v-formlayout-contentcell {
padding-right: expression(/v-formlayout-margin-right/.test(this.parentNode.parentNode.parentNode.className) ? "12px" : "0px");
}
.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 .v-icon {
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:focus,
.v-menubar-popup:focus,
.v-menubar-popup .popupContent:focus,
.v-menubar-popup .popupContent .v-menubar-submenu:focus{
outline: none;
}
/* Checkboxes for checkable/checked menu items */
/* Checked/unchecked requires combined style selected-(un)checked for IE6 */
.v-menubar-submenu-check-column .v-menubar-menuitem {
padding-left: 6px;
}
.v-menubar-submenu-check-column .v-menubar-menuitem-caption {
padding-left: 18px;
}
.v-menubar-submenu .v-menubar-menuitem-checked .v-menubar-menuitem-caption {
background: transparent url(../base/menubar/img/check.gif) no-repeat left;
}
.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-select-optiongroup .v-icon {
vertical-align: middle;
white-space: nowrap;
margin: 0 2px;
}
.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;
}
.v-filterselect-no-input .v-filterselect-input {
cursor: default;
}
/* 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.v-disabled .v-table-header-cell,
.v-table.v-disabled .v-table-header-cell-asc,
.v-table.v-disabled .v-table-header-cell-desc {
cursor: default;
}
.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.v-disabled .v-table-resizer {
cursor: default;
}
.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 {
background: #fff;
border: 0;
margin: 0;
padding: 0;
cursor: pointer;
}
.v-table-generated-row {
background: #efefef;
}
.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-table.v-disabled .v-table-column-selector {
cursor: default;
}
.v-ie6 .v-table-column-selector,
.v-ie7 .v-table-column-selector {
position: static;
}
.v-table-focus-slot-left {
border-left: 2px solid #999;
float: none;
margin-bottom: -1.2em;
width: auto;
background: transparent;
border-right: 1px solid #aaa;
}
.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;
}
.v-table-focus .v-table-cell-wrapper {
margin-top: -1px;
margin-bottom: -1px;
}
/* row in column selector */
.v-on {
}
.v-off {
color: #ddd;
}
.v-table .v-checkbox {
display: inline-block;
}
/*************************************
* 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:focus {
outline: none;
}
.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: inherit;
}
.v-tabsheet.v-disabled .v-tabsheet-tabitem,
.v-tabsheet-tabitemcell-disabled .v-tabsheet-tabitem {
cursor: default;
}
.v-tabsheet-tabitem-selected {
cursor: default;
border-bottom-color: #fff;
}
.v-tabsheet-tabitem-selected .v-caption {
cursor: default;
}
.v-tabsheet-content {
border: 1px solid #aaa;
/* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */
border-top: none;
border-bottom: none;
position: relative;
}
.v-ie6 .v-tabsheet-content,
.v-ie7 .v-tabsheet-content {
zoom: 1;
}
.v-tabsheet-deco {
height: 1px;
background: #aaa;
overflow: hidden;
}
.v-tabsheet-hidetabs .v-tabsheet-content {
border: none;
}
.v-tabsheet-hidetabs .v-tabsheet-deco {
height: 0;
}
.v-textfield {
text-align: left /* Force default alignment */
}
.v-textarea {
resize: none;
}
.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-HTML {
height: 100%;
}
.v-richtextarea .gwt-RichTextToolbar {
white-space: nowrap;
background: #959595 url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x 0 -42px;
border-bottom: 1px solid #7d7d7d;
padding: 2px;
overflow: hidden;
}
.v-richtextarea .gwt-RichTextToolbar-top {
padding-bottom: 1px;
overflow: hidden;
white-space: normal;
}
.v-richtextarea .gwt-RichTextToolbar-bottom {
clear: left;
overflow: hidden;
white-space: nowrap;
}
.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
float: left;
display: inline;
width: 22px;
height: 21px;
overflow: hidden;
background: transparent url(../base/textfield/img/richtext-toolbar-bg.png) repeat-x;
cursor: pointer;
margin-right: 2px;
text-align: center;
}
.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down,
.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down,
.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton-down-hovering,
.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton-down-hovering {
background-position: 0 -21px;
}
.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton img,
.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton img {
}
.v-richtextarea .gwt-RichTextToolbar .gwt-ListBox {
width: 24.5%;
margin-right: 2px;
}
.v-richtextarea-readonly {
border: none;
}
.v-tree {
text-align: left; /* Force default alignment */
overflow: hidden;
padding: 1px 0;
outline: none;
}
.v-tree-node {
background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
padding: 1px 0;
}
.v-tree-node-caption:focus {
outline: none;
}
div.v-tree-node-leaf {
background: transparent;
}
.v-tree-node-expanded {
background: transparent url(../base/common/img/sprites.png) no-repeat -5px -10px;
}
.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);
}
/* Make item caption height an even number (so that the connector dots overlap nicely) */
.v-tree-connectors .v-tree-node-caption {
padding-top: 1px;
}
.v-tree-connectors .v-tree-node {
background: transparent url(../base/tree/img/connector-expand.png) no-repeat 2px -52px;
}
.v-tree-connectors .v-tree-node-expanded {
background: transparent url(../base/tree/img/connector-collapse.png) no-repeat 2px -52px;
}
.v-tree-connectors .v-tree-node-last {
background: transparent url(../base/tree/img/connector-expand-last.png) no-repeat 2px -52px;
}
.v-tree-connectors .v-tree-node-expanded.v-tree-node-last {
background: transparent url(../base/tree/img/connector-collapse-last.png) no-repeat 2px -52px;
}
.v-tree-connectors .v-tree-node-leaf {
background: transparent url(../base/tree/img/connector-leaf.png) repeat-y 2px 50%;
}
.v-tree-connectors .v-tree-node-leaf-last {
background: transparent url(../base/tree/img/connector-leaf-last.png) repeat-y 2px 50%;
}
.v-tree-connectors .v-tree-node-children {
background: transparent url(../base/tree/img/connector.png) repeat-y 2px 0;
}
.v-tree-connectors .v-tree-node-children-last {
background: transparent;
}
.v-tree-connectors .v-tree-node-drag-top,
.v-tree-connectors .v-tree-node-expanded.v-tree-node-drag-top {
background-position: 2px -53px;
}
.v-tree-connectors .v-tree-node-drag-top.v-tree-node-leaf {
background-position: 2px 50%;
}
/* IE6 */
.v-ie6 .v-tree-connectors .v-tree-node {
background: transparent url(../base/tree/img/connector-expand-ie6.png) no-repeat 2px -52px;
}
.v-ie6 .v-tree-connectors .v-tree-node-expanded {
background: transparent url(../base/tree/img/connector-collapse-ie6.png) no-repeat 2px -52px;
}
.v-ie6 .v-tree-connectors .v-tree-node-last {
background: transparent url(../base/tree/img/connector-expand-last-ie6.png) no-repeat 2px -52px;
}
.v-ie6 .v-tree-connectors .v-tree-node-last.v-tree-node-expanded {
background: transparent url(../base/tree/img/connector-collapse-last-ie6.png) no-repeat 2px -52px;
}
.v-treetable-treespacer {
display: inline-block;
background: transparent;
height: 10px;
/* defines the amount of indent per level */
width: 10px;
position: absolute;
left: 0;
top: 5px;
}
.v-treetable-node-closed {
background: url(../base/treetable/img/arrow-right.png) right top no-repeat;
}
.v-ie6 .v-treetable-node-closed {
background-image: url(../base/treetable/img/arrow-right.gif);
}
.v-treetable-node-open {
background: url(../base/treetable/img/arrow-down.png) right top no-repeat;
}
.v-ie6 .v-treetable-node-open {
background-image: url(../base/treetable/img/arrow-down.gif);
}
.v-treetable .v-checkbox {
display: inline-block;
padding-bottom: 4px;
}
.v-treetable .v-table-row .v-table-cell-content,
.v-treetable .v-table-row-odd .v-table-cell-content {
position: relative;
z-index: 10;
}
.v-treetable .v-table-cell-wrapper {
position: relative;
}
.v-treetable .v-table-body .v-table-table .v-table-row-animating {
zoom:1;
z-index:1;
}
.v-treetable .v-table-body .v-table-table .v-table-row-animating,
.v-treetable .v-table-body .v-table-table .v-table-row-animating .v-table-cell-content {
background:transparent;
}
.v-treetable-animation-clone {
border-spacing: 0;
zoom:1;
}
div.v-treetable-animation-clone-wrapper {
position: absolute;
z-index: 2;
background-color:#fff;
}
div.v-treetable-animation-clone-wrapper table.v-treetable-animation-clone {
background-color:#fff;
}
div table.v-treetable-animation-clone tr.v-table-row,
div table.v-treetable-animation-clone tr.v-table-row-odd,
div table.v-treetable-animation-clone tr.v-table-row td.v-table-cell-content,
div table.v-treetable-animation-clone tr.v-table-row-odd td.v-table-cell-content {
visibility: visible;
}
.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 {
padding: 0.3em 1em;
height: 1em;
}
.v-window-outerheader,
.v-window-draggingCurtain {
cursor: move;
}
.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;
cursor: move;
}
.v-window-resizebox {
width: 10px;
height: 10px;
background: #ddd;
overflow: hidden;
position: absolute;
right: 0;
}
.v-window-resizebox,
.v-window-resizingCurtain {
cursor: se-resize;
}
.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,
.v-table-header-drag {
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,
div.v-table-full-height-fields .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 > tbody > .v-formlayout-row > .v-formlayout-captioncell,
.v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-contentcell,
.v-formlayout-spacing > tbody > .v-formlayout-row > .v-formlayout-errorcell {
padding-top: 8px;
}
.v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-captioncell,
.v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-contentcell,
.v-formlayout-margin-top > tbody > .v-formlayout-firstrow > .v-formlayout-errorcell {
padding-top: 15px;
}
.v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-captioncell,
.v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-contentcell,
.v-formlayout-margin-bottom > tbody > .v-formlayout-lastrow > .v-formlayout-errorcell {
padding-bottom: 15px;
}
.v-ie6 .v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell,
.v-ie6 .v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
.v-ie6 .v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
padding-top: expression(/v-formlayout-spacing/.test(this.parentNode.parentNode.parentNode.className) ? "8px" : "0px");
}
.v-ie6 .v-formlayout-margin-top .v-formlayout-row .v-formlayout-captioncell,
.v-ie6 .v-formlayout-margin-top .v-formlayout-row .v-formlayout-contentcell,
.v-ie6 .v-formlayout-margin-top .v-formlayout-row .v-formlayout-errorcell {
padding-top: expression((/v-formlayout-firstrow/.test(this.parentNode.className) && /v-formlayout-margin-top/.test(this.parentNode.parentNode.parentNode.className)) ? "15px" : (/v-formlayout-spacing/.test(this.parentNode.parentNode.parentNode.className) ? "8px" : "0px"));
}
.v-ie6 .v-formlayout-margin-bottom .v-formlayout-row .v-formlayout-captioncell,
.v-ie6 .v-formlayout-margin-bottom .v-formlayout-row .v-formlayout-contentcell,
.v-ie6 .v-formlayout-margin-bottom .v-formlayout-row .v-formlayout-errorcell {
padding-bottom: expression((/v-formlayout-lastrow/.test(this.parentNode.className) && /v-formlayout-margin-bottom/.test(this.parentNode.parentNode.parentNode.className)) ? "15px" : "0px");
}
.v-formlayout-margin-left > tbody > .v-formlayout-row > .v-formlayout-captioncell {
padding-left: 18px;
}
.v-formlayout-margin-right > tbody > .v-formlayout-row > .v-formlayout-contentcell {
padding-right: 18px;
}
.v-ie6 .v-formlayout-margin-left .v-formlayout-row .v-formlayout-captioncell {
padding-left: expression(/v-formlayout-margin-left/.test(this.parentNode.parentNode.parentNode.className) ? "18px" : "0px");
}
.v-ie6 .v-formlayout-margin-right .v-formlayout-row .v-formlayout-contentcell {
padding-right: expression(/v-formlayout-margin-right/.test(this.parentNode.parentNode.parentNode.className) ? "18px" : "0px");
}
/* 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;
}
.black .v-form legend {
color: #e3e6e8;
}
.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 .v-icon {
vertical-align: middle;
}
.v-menubar .v-menubar-menuitem-selected,
.v-menubar-submenu .v-menubar-menuitem-selected {
background: #4d749f repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -406px;
color: #fff;
text-shadow: 0 1px 0 #3b5a7a;
}
.v-menubar .v-menubar-menuitem-selected {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -426px;
}
.v-menubar-submenu .v-menubar-submenu-indicator {
background: transparent url(menubar/img/submenu-icon.png) no-repeat right 70%;
width: 26px;
height: 16px;
text-indent: -9999px;
}
.v-menubar-submenu .v-menubar-menuitem-selected .v-menubar-submenu-indicator {
background-image: url(menubar/img/submenu-icon-hover.png);
}
/* Checkboxes for checkable/checked menu items */
.v-menubar-submenu-check-column .v-menubar-menuitem {
padding-left: 6px;
}
.v-menubar-submenu-check-column .v-menubar-menuitem-caption {
padding-left: 18px;
}
.v-menubar-submenu .v-menubar-menuitem-checked .v-menubar-menuitem-caption {
background: transparent url(menubar/img/checked.png) no-repeat left;
}
.v-menubar-submenu .v-menubar-menuitem-unchecked .v-menubar-menuitem-caption {
background: transparent url(menubar/img/unchecked.png) no-repeat left;
}
.v-menubar-submenu .v-menubar-menuitem-selected-checked .v-menubar-menuitem-caption {
background: transparent url(menubar/img/checked-selected.png) no-repeat left;
}
.v-menubar-submenu .v-menubar-menuitem-selected-unchecked .v-menubar-menuitem-caption {
background: transparent url(menubar/img/unchecked-selected.png) no-repeat left;
}
.v-Notification {
color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-size: 100%;
background: #c8ccd0;
font-weight: bold;
}
.v-ie9 .v-Notification H1 {
/* Fix for #6793 */
font-weight: bold;
}
.v-Notification p {
line-height: 1.3;
}
.v-Notification-warning {
background: #fdf3b5;
color: #ca9a61;
border: 3px solid #fee3af;
}
.v-Notification-error {
background: #b40000 url(notification/img/error-close.png) no-repeat right top;
border: 3px solid #ca3030;
}
.v-Notification-tray {
margin: 0 5px 5px 0;
background: #3b3c3e;
border: 2px solid #585b5c;
padding: 0.8em 0.9em;
}
.v-Notification-tray h1 {
font-size: 14px;
line-height: 18px;
}
.v-Notification-tray p {
font-size: 12px;
font-weight: normal;
}
.v-Notification-system {
background-color: #b40000;
}
.blue .v-panel-caption,
.blue .v-panel-nocaption,
.blue .v-panel-content {
border-color: #a8bcc5;
}
.v-panel-caption,
.v-panel-nocaption,
.white .v-panel-caption,
.white .v-panel-nocaption {
border-bottom: 1px solid #e5e5e5;
line-height: 16px; /* accommodate minimum icon size */
}
.v-webkit .v-panel-caption,
.v-webkit .v-panel-nocaption,
.v-gecko .v-panel-caption,
.v-gecko .v-panel-nocaption,
.v-ie9 .v-panel-caption,
.v-ie9 .v-panel-nocaption {
border-bottom-color: rgba(0,0,0,.08);
}
.v-panel-caption {
padding-bottom: 2px;
}
.v-panel-content,
.white .v-panel-content {
border: 1px solid #dcdcdc;
border-bottom: none;
border-top: none;
}
.v-webkit .v-panel-content,
.v-gecko .v-panel-content,
.v-ie9 .v-panel-content {
border-top-color: rgba(0,0,0,.07);
}
.v-panel-content > div {
background: #fff;
min-height: 100%;
}
.v-panel-content > .v-ddwrapper {
/* A hack to make the padding in .v-ddwrapper work correctly */
min-height: 0;
}
.v-ie6 .v-panel-content {
background: #fff;
}
.blue .v-panel-deco {
border-color: #92a3ac;
background: #adc2cd;
}
.v-panel-deco,
.white .v-panel-deco {
height: 1px;
border-top: 1px solid #bebebe;
background: #e2e2e2;
overflow: hidden;
}
.v-webkit .v-panel-deco,
.v-gecko .v-panel-deco,
.v-ie9 .v-panel-deco {
border-top-color: rgba(0,0,0,.1);
background: rgba(0,0,0,.08);
}
.v-panel-caption .v-errorindicator {
height: 16px;
width: 13px;
background: url(common/icons/error.png) no-repeat 50%;
display: inline;
display: inline-block;
vertical-align: middle;
}
.v-ie6 .v-panel-caption .v-errorindicator {
background-image: url(common/icons/error-ie6.png);
}
/* Light style */
.v-panel-light .v-panel-caption-light,
.v-panel-light .v-panel-nocaption-light {
border: none;
}
.v-panel-light .v-panel-content-light {
border: none;
}
.v-panel-content-light > div {
background: transparent;
}
.v-ie6 .v-panel-content-light {
background: transparent;
}
.v-panel-light .v-panel-deco-light {
height: 0;
border: none;
}
.v-popupview {
color: #1b699f;
}
.v-popupview:hover {
color: #2483c4;
}
.v-popupview-popup {
background: #fff;
padding: 3px;
}
.v-progressindicator-wrapper {
background: #dfe2e4 url(progressindicator/img/base.gif) repeat-x;
border: 1px solid #bfbfbf;
}
.v-disabled .v-progressindicator-wrapper {
background-image: url(progressindicator/img/disabled.gif);
}
.v-progressindicator-indicator {
background: #f7f9f9 url(progressindicator/img/progress.png);
}
.v-filterselect {
height: 24px;
background-repeat: no-repeat;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -450px;
padding-left: 2px;
}
.v-ie6 .v-filterselect {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -475px;
}
.v-app .v-filterselect-input,
.v-window .v-filterselect-input,
.v-popupview-popup .v-filterselect-input {
background: transparent repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -499px;
border: none;
height: 16px;
}
/* More specific selector to override padding */
.v-app input.v-filterselect-input,
.v-window input.v-filterselect-input,
.v-popupview-popup input.v-filterselect-input {
padding: 4px 0 4px 2px;
}
.v-filterselect-prompt .v-filterselect-input {
font-style: normal;
}
.v-filterselect-input:focus {
outline: none;
}
.v-filterselect-focus {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -524px;
}
.v-ie6 .v-filterselect-focus {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -549px;
}
.v-filterselect-focus .v-filterselect-input {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -573px;
}
.v-filterselect-button {
overflow: hidden;
width: 25px;
height: 24px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -597px;
cursor: default;
}
.v-filterselect-button:hover {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -622px;
}
.v-filterselect-button:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -646px;
}
.v-filterselect-focus .v-filterselect-button {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -670px;
}
.v-filterselect-focus .v-filterselect-button:hover {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -694px;
}
.v-filterselect-focus .v-filterselect-button:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -718px;
}
.v-disabled .v-filterselect-button:hover,
.v-readonly .v-filterselect-button:hover {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -742px;
}
.v-filterselect-suggestpopup {
background: #f8f8f9;
border: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
overflow: hidden;
}
.v-filterselect-suggestmenu {
margin: 4px 0;
}
.v-filterselect-suggestmenu .gwt-MenuItem {
padding: 1px 8px;
height: 16px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
cursor: default;
}
.v-ff .v-filterselect-suggestmenu .gwt-MenuItem {
height: 18px;
}
.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
margin-right: 3px;
}
.v-filterselect-suggestmenu .gwt-MenuItem-selected {
background: transparent repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -766px;
color: #fff;
text-shadow: #3b5a7a 0 1px 0;
}
.v-filterselect-nextpage,
.v-filterselect-nextpage-off,
.v-filterselect-prevpage-off,
.v-filterselect-prevpage {
height: 11px;
width: 100%;
background: transparent;
margin-bottom: -4px;
}
.v-filterselect-nextpage,
.v-filterselect-nextpage-off {
margin: -4px 0 0;
}
.v-filterselect-nextpage:hover {
background-repeat: repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -786px;
}
.v-filterselect-prevpage:hover {
background-repeat: repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -797px;
}
.v-filterselect-nextpage:active {
background-repeat: repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -808px;
}
.v-filterselect-prevpage:active {
background-repeat: repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -819px;
}
.v-filterselect-nextpage-off span,
.v-filterselect-prevpage-off span {
display: none;
}
.v-filterselect-nextpage span,
.v-filterselect-prevpage span {
display: block;
height: 11px;
width: 100%;
overflow: hidden;
text-indent: -99999px;
background: transparent no-repeat center 3px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: center -830px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
.v-filterselect-prevpage span {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: center -841px;
}
.v-filterselect-nextpage:hover span {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: center -852px;
}
.v-filterselect-prevpage:hover span {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: center -863px;
}
.v-filterselect-status {
text-shadow: #e9eaeb 0 1px 0;
font-size: 11px;
line-height: normal;
width: 100%;
padding: 3px 0;
height: 11px;
overflow: hidden;
background-repeat: repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -874px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}
/* IE fails to position background images properly inside table elements */
.v-ie .v-filterselect-suggestmenu .gwt-MenuItem-selected {
background: transparent url(common/img/sel-bg.png) repeat-x;
}
.v-ie .v-filterselect-nextpage:hover {
background: transparent url(select/img/page-down-hover.png) repeat-x;
}
.v-ie .v-filterselect-prevpage:hover {
background: transparent url(select/img/page-up-hover.png) repeat-x;
}
.v-ie .v-filterselect-prevpage span {
background: transparent url(select/img/arrow-up.png) no-repeat center 3px;
}
.v-ie .v-filterselect-nextpage span {
background: transparent url(select/img/arrow-down.png) no-repeat center 3px;
}
.v-ie .v-filterselect-prevpage:hover span {
background: transparent url(select/img/arrow-up-hover.png) no-repeat center 3px;
}
.v-ie .v-filterselect-nextpage:hover span {
background: transparent url(select/img/arrow-down-hover.png) no-repeat center 3px;
}
.v-ie .v-filterselect-status {
background: transparent url(select/img/status-bg.png) repeat-x;
}
/* Filterselect with icon needs a similar fix than in buttons */
.v-filterselect .v-icon {
width: 16px;
position: relative;
}
.v-filterselect .v-icon + .v-filterselect-input {
margin-left: -16px;
padding-left: 18px;
}
/* Combobox on black background */
.black .v-filterselect {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -310px;
}
.v-ie6 .black .v-filterselect {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -334px;
}
.v-app .black .v-filterselect-input,
.v-window .black .v-filterselect-input,
.v-window-black .v-filterselect-input,
.v-popupview-popup .black .v-filterselect-input {
color: #c9ccce;
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -358px;
}
.black .v-filterselect-focus {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -382px;
}
.v-ie6 .black .v-filterselect-focus {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -406px;
}
.black .v-filterselect-focus .v-filterselect-input {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -430px;
}
.black .v-filterselect-button {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -454px;
}
.black .v-filterselect-button:hover {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -478px;
}
.black .v-filterselect-button:active {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -502px;
}
.black .v-filterselect-focus .v-filterselect-button {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -526px;
}
.black .v-filterselect-focus .v-filterselect-button:hover {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -550px;
}
.black .v-filterselect-focus .v-filterselect-button:active {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -574px;
}
.black .v-disabled .v-filterselect-button:hover,
.black .v-readonly .v-filterselect-button:hover {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -598px;
}
.black .v-filterselect-prompt .v-filterselect-input {
color: #5f6366;
}
/* Native selects on black background */
.black .v-select select,
.black .v-select-twincol select {
border-color: #38393a;
border-top-color: #2c2d2e;
border-bottom-color: #3e3f3f;
background: #151717;
color: #c9ccce;
}
/* Twincolselect needs a little tweak in IE6 */
.v-ie6 .v-select-twincol-buttons .v-button {
padding-left: 12px;
padding-right: 12px;
}
/* IE6 needs some help identifying when the input is readonly */
.v-ie6 .v-filterselect.v-readonly,
.v-ie6 .v-filterselect .v-filterselect-input-readonly {
background: transparent;
}
.v-slider {
border-top: 1px solid #9a9c9e;
border-bottom: 1px solid #bdbfc1;
margin: 4px 0;
}
.v-slider-base {
height: 1px;
background: #e0e2e2;
border-top: 1px solid #adb0b1;
border-left: 1px solid #a0a3a6;
border-right: 1px solid #a0a3a6;
}
.v-slider-handle {
background: transparent;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -891px;
width: 10px;
height: 10px;
margin-top: -5px;
}
.v-slider-handle-active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -901px;
}
.v-slider-vertical {
width: 2px;
margin: 0 5px;
border: none;
border-left: 1px solid #9a9c9e;
border-right: 1px solid #bdbfc1;
}
.v-slider-vertical .v-slider-base {
width: 2px;
border-left: 1px solid #adb0b1;
border-right: none;
border-top: 1px solid #adb0b1;
border-bottom: 1px solid #adb0b1;
}
.v-slider-vertical .v-slider-handle {
width: 10px;
height: 10px;
margin-left: -5px;
}
.v-splitpanel-hsplitter,
.v-splitpanel-hsplitter-locked {
width: 7px;
background-repeat: repeat-y;
background-image: url(common/img/horizontal-sprites.png);
background-position: -0px top;
}
.v-splitpanel-hsplitter div {
width: 7px;
height: 100%; /* for Opera */
background: transparent;
background-repeat: no-repeat;
background-position: 50%;
background-image: url(common/img/horizontal-sprites.png);
background-position: -7px center;
}
.v-splitpanel-vsplitter,
.v-splitpanel-vsplitter-locked {
height: 7px;
background-repeat: repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -911px;
}
.v-splitpanel-vsplitter div {
height: 7px;
background: transparent;
background-repeat: no-repeat;
background-position: 50%;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: center -918px;
}
/* Splitpanels on blue background */
.blue .v-splitpanel-hsplitter-small,
.blue .v-splitpanel-hsplitter-small-locked {
background: #7c8a91;
}
/* Splitpanels on black background */
.black .v-splitpanel-hsplitter-small,
.black .v-splitpanel-hsplitter-small-locked {
background: #4e5253;
}
/* Small style */
.v-splitpanel-hsplitter-small,
.v-splitpanel-hsplitter-small-locked,
.white .v-splitpanel-hsplitter-small,
.white .v-splitpanel-hsplitter-small-locked {
width: 1px;
background: #949698;
}
.v-splitpanel-vsplitter-small,
.v-splitpanel-vsplitter-small-locked,
.white .v-splitpanel-vsplitter-small,
.white .v-splitpanel-vsplitter-small-locked {
height: 1px;
background: #949698;
}
.v-splitpanel-hsplitter-small div {
width: 5px;
margin-left: -2px;
background: transparent;
}
.v-splitpanel-vsplitter-small div {
height: 5px;
margin-top: -2px;
background: transparent;
}
/* Table on blue background */
.blue .v-table-header-wrap {
border-color: #92a2aa;
}
.blue .v-table-body {
border-color: #92a2aa;
border-top-color: #c2c3c4;
}
/* Default & white style */
.v-table-header-wrap,
.white .v-table-header-wrap,
.v-table-footer-wrap,
.white .v-table-footer-wrap,
.v-table-header-drag {
border-color: #c2c3c4;
background: transparent repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -925px;
height: 20px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #222;
text-shadow: #f3f5f8 0 1px 0;
line-height: normal;
}
.v-ie6 .v-table,
.v-ie6 .v-table-header-wrap,
.v-ie6 .v-table-footer-wrap,
.v-ie6 .v-table-column-selector {
/* The header will overflow the Table due to a bug in IE6 after changes in #3003. To fix this (#7314)
* we need to apply position:relative to the wrappers and selector to make them appear on top of the
* header. We also need to apply it to the table root div to get rid of a really weird IE6 rendering bug
* caused by all this relativeness (see attachment in #7314).
*/
position: relative;
}
.v-ie6 .v-table.v-disabled,
.v-ie7 .v-table.v-disabled {
/* Fixes ie issue #7324 where disabled shim does not cover table body */
position: relative;
}
.v-table-footer-wrap,
.white .v-table-footer-wrap {
text-transform: none;
font-size: 12px;
font-weight: normal;
}
.v-table-footer td,
.white .v-table-footer td {
border-color: #c2c3c4;
}
.v-table-footer-container {
padding-right: 7px;
}
.v-table-header,
.v-table-footer,
.v-table-footer table {
height: 20px;
}
.v-table-caption-container,
.v-table-header-drag {
padding-top: 4px;
padding-right: 4px;
}
.v-table-caption-container .v-icon,
.v-table-header-drag .v-icon {
height: 16px;
margin: -4px 3px 0 0;
vertical-align: middle;
}
.v-ie .v-table-caption-container .v-icon,
.v-ie .v-table-header-drag .v-icon {
margin-top: -3px;
}
.v-table-resizer {
height: 20px;
width: 2px;
background: transparent;
border-right: 1px solid #c2c3c4;
}
.v-table-sort-indicator {
background: transparent;
width: 0px;
height: 20px;
}
.v-table-header-cell-asc .v-table-sort-indicator {
background: transparent no-repeat right 7px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: right -945px;
width: 16px;
}
.v-table-header-cell-desc .v-table-sort-indicator {
background: transparent no-repeat right 7px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: right -965px;
width: 16px;
}
.v-table-body,
.white .v-table-body {
border-color: #c2c3c4;
background: #fff;
}
.v-table-cell-content {
padding-top: 0;
border-right-color: #d3d4d5;
vertical-align: top;
}
.v-table.full-height-fields .v-table-cell-content {
height: 32px;
}
.v-table-cell-wrapper {
padding-top: 3px;
padding-bottom: 3px;
}
.v-table-row-odd {
background: #eff0f1;
}
.v-table-generated-row {
background: #dcdee0;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
color: #222;
text-shadow: #f3f5f8 0 1px 0;
line-height: normal;
}
.v-table-generated-row .v-table-cell-wrapper {
padding-top: 4px;
padding-bottom: 5px;
}
.v-table-cell-content:last-child {
border-right-color: transparent;
}
.v-table .v-selected,
.black .v-table .v-selected {
background: #4d749f url(common/img/sel-bg.png) repeat-x; /* We can't include this in the sprite, since we don't know the row height */
color: #fff;
text-shadow: #3b5a7a 0 1px 0;
}
.v-table .v-selected .v-table-cell-content {
border-right-color: #466c90;
}
.v-table-column-selector {
width: 16px;
height: 20px;
margin-top: -20px;
background: transparent no-repeat;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -985px;
}
.v-table-column-selector:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1005px;
}
.v-table-focus-slot-left {
border-left: 1px solid #222;
margin-bottom: -20px;
width: auto;
}
.v-table-focus-slot-right {
border-right-color: #222;
margin-right: 0;
}
.v-table-header-drag {
padding-left: 6px;
height: 16px;
}
.v-table-header-drag img {
height: 16px;
margin: -3px 3px 0 0;
}
.v-table-scrollposition {
width: auto;
background: transparent;
border: none;
}
.v-table-scrollposition span {
background: transparent repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1025px;
border: 1px solid #939494;
border: none;
border-radius-bottomleft: 4px;
border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
height: 13px;
padding: 4px 30px;
white-space: nowrap;
color: #222;
text-shadow: #fff 0 1px 0;
position: relative;
top: 1px;
-webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px;
-moz-box-shadow: rgba(0,0,0,.5) 0 1px 2px;
}
.v-table-borderless .v-table-scrollposition span {
top: 0;
}
/* row in column selector */
.v-contextmenu .v-on,
.v-contextmenu .v-off {
display: inline-block;
zoom: 1;
background: transparent no-repeat 0 4px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1047px;
padding-left: 12px;
padding-right: 4px;
}
.v-contextmenu .v-off {
background-image: none;
color: #666;
}
.v-contextmenu .gwt-MenuItem-selected .v-on {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1061px;
}
/* Strong style */
.v-table-strong .v-table-header-wrap,
.v-table-strong .v-table-header-drag {
border-color: #2b3033;
border-top-color: #2b3033;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1076px;
color: #e7e9ea;
text-shadow: #000 0 -1px 0;
}
.v-table-strong .v-table-body {
border-top-color: #2b3033;
}
.v-table-strong .v-table-resizer {
border-right-color: #1c1f21;
}
.v-table-strong .v-table-header-cell-asc .v-table-sort-indicator {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: right -1096px;
}
.v-table-strong .v-table-header-cell-desc .v-table-sort-indicator {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: right -1115px;
}
.v-table-strong .v-table-column-selector {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1134px;
}
.v-table-strong .v-table-column-selector:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1154px;
}
.v-table-strong .v-table-focus-slot-left,
.v-table-strong .v-table-focus-slot-right {
border-color: #9ca1a5;
}
/* Table on black background (normal style) */
.black .v-table-header-wrap,
.black .v-table-header-drag {
border-color: #252729;
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -622px;
color: #e7eaee;
text-shadow: #000 0 -1px 0;
}
.black .v-table-resizer {
border-right-color: #252729;
}
.black .v-table-header-cell-asc .v-table-sort-indicator {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: right -642px;
}
.black .v-table-header-cell-desc .v-table-sort-indicator {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: right -661px;
}
.black .v-table-column-selector {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -680px;
}
.black .v-table-column-selector:active {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -700px;
}
.black .v-table-focus-slot-left,
.black .v-table-focus-slot-right {
border-color: #9ca1a5;
}
.black .v-table-body {
border-color: #252729;
background: transparent;
}
.black .v-table-cell-content {
border-right-color: #252729;
border-bottom: 1px solid #252729;
}
.black .v-table-cell-wrapper {
padding-bottom: 2px;
}
.black .v-table-row-odd {
background: transparent;
}
/* Selection background-color combined with the default (white) style selector, so we don't have to duplicate the sprite image in the final sprite collection */
.black .v-table .v-selected .v-table-cell-content {
border-bottom: 1px solid #4d749f;
}
/* Borderless style */
.v-table-borderless .v-table-header-wrap,
.v-table-borderless .v-table-body {
border: none;
}
/* These styles get catenated together on build */
/* Default Tabsheet styles */
.v-tabsheet-tabitemcell,
.v-tabsheet-spacertd {
height: 32px;
}
.v-tabsheet-tabitemcell {
background: no-repeat;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1174px;
padding-left: 3px;
}
.v-tabsheet-tabitemcell-first {
padding-left: 10px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1206px;
}
.v-tabsheet-tabitem,
.v-tabsheet-spacertd div {
border: none;
height: 32px;
background: transparent repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1238px;
padding: 0;
color: #222;
text-shadow: #fff 0 1px 0;
}
.v-tabsheet-tabitem .v-caption {
border: none;
height: 23px;
background: no-repeat right top;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: right -1270px;
padding: 9px 8px 0 6px;
}
.v-tabsheet-tabitem .v-caption-closable {
padding-right: 0;
padding-left: 17px;
}
.v-tabsheet-tabitem .v-captiontext {
height: 16px;
line-height: 16px;
}
.v-tabsheet-caption-close {
float: right;
width: 19px;
height: 18px;
margin: -1px -1px 0;
padding-left: 2px;
background: transparent;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1302px;
cursor: default;
text-indent: -999px;
overflow: hidden;
font-size: 14px;
font-weight: normal;
}
.v-ff .v-tabsheet-caption-close,
.v-ie7 .v-tabsheet-caption-close {
margin-top: -17px;
}
.v-ie6 .v-tabsheet-caption-close {
float: none;
}
.v-tabsheet-caption-close:hover {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1320px;
}
.v-tabsheet-caption-close:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1338px;
}
.v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1356px;
}
.v-tabsheet-tabitem-selected .v-tabsheet-caption-close:hover {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1374px;
}
.v-tabsheet-tabitem-selected .v-tabsheet-caption-close:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1392px;
}
.v-tabsheet-tabitemcell-selected {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1410px;
}
.v-tabsheet-tabitemcell-selected-first {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1442px;
}
.v-tabsheet-tabitem-selected {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1474px;
color: #232930;
}
.v-tabsheet-tabitem-selected .v-caption {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: right -1506px;
}
.v-tabsheet-spacertd div {
margin-right: 4px;
}
.v-tabsheet-spacertd {
background: transparent no-repeat right top;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: right -1538px;
}
.blue .v-tabsheet-content {
border-color: #a8bcc5;
}
.v-tabsheet-content,
.white .v-tabsheet-content {
border: 1px solid #dcdcdc;
border-bottom: none;
border-top: none;
color: #222;
text-shadow: none;
}
.v-tabsheet-tabsheetpanel {
background: #fff;
}
.v-sa .v-tabsheet-content,
.v-ff3 .v-tabsheet-content {
border-color: rgba(0,0,0,.1);
}
.blue .v-tabsheet-deco {
border-color: #92a3ac;
background: #adc2cd;
}
.v-tabsheet-deco,
.white .v-tabsheet-deco {
height: 1px;
border-top: 1px solid #bebebe;
background: #e2e2e2;
overflow: hidden;
}
.v-sa .v-tabsheet-deco,
.v-ff3 .v-tabsheet-deco {
border-top-color: rgba(0,0,0,.1);
background: rgba(0,0,0,.08);
}
/* Icons & error indicators */
.v-tabsheet-tabs .v-icon,
.v-tabsheet-tabs .v-captiontext,
.v-tabsheet-tabs .v-errorindicator {
display: inline;
float: none;
}
.v-sa .v-tabsheet-tabs .v-captiontext {
display: inline-block;
}
.v-tabsheet-tabs .v-icon {
width: 16px !important;
height: 16px !important;
}
.v-tabsheet-tabs .v-errorindicator {
display: inline-block;
width: 13px;
height: 16px;
background: transparent url(common/icons/error.png) no-repeat 50%;
}
.v-ff2 .v-tabsheet-tabs .v-icon,
.v-ff2 .v-tabsheet-tabs .v-errorindicator {
display: -moz-inline-stack;
}
.v-ie6 .v-tabsheet-tabs .v-errorindicator {
background-image: url(common/icons/error-ie6.png);
}
.v-ie .v-tabsheet-tabs .v-errorindicator {
zoom: 1;
display: inline;
}
.v-ie8 .v-tabsheet-tabs .v-errorindicator,
.v-ie9 .v-tabsheet-tabs .v-errorindicator {
display: inline-block;
}
/* Tabsheet scroller styles */
.v-tabsheet-scroller {
height: 31px;
margin-top: -31px;
padding: 0 3px 0 4px;
border-right: 1px solid #c2c2c2;
border-left: 1px solid #cfcfcf;
position: relative;
float: right;
background: transparent url(tabsheet/img/framed/tab-bg.png) repeat-x left -1px;
width: 36px;
}
.v-tabsheet-scroller button {
margin-top: 7px;
}
.v-tabsheet-scrollerPrev,
.v-tabsheet-scrollerNext,
.v-tabsheet-scrollerPrev-disabled,
.v-tabsheet-scrollerNext-disabled {
border: none;
background: transparent;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1570px;
width: 18px;
height: 17px;
overflow: hidden;
}
.v-tabsheet-scroller button::-moz-focus-inner {
border: none;
}
.v-tabsheet-scrollerNext {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1587px;
}
.v-tabsheet-scrollerPrev:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1604px;
}
.v-tabsheet-scrollerNext:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1621px;
}
.v-tabsheet-scrollerPrev-disabled,
.v-tabsheet-scrollerPrev-disabled:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1638px;
opacity: 1;
filter: none;
}
.v-tabsheet-scrollerNext-disabled,
.v-tabsheet-scrollerNext-disabled:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1655px;
opacity: 1;
filter: none;
}
.v-tabsheet-borderless .v-tabsheet-tabitemcell-first {
padding-left: 7px;
background: url(tabsheet/img/framed/tab-first-left.png) no-repeat -3px 0;
}
.v-tabsheet-borderless .v-tabsheet-tabitemcell-selected-first {
background: url(tabsheet/img/framed/tab-first-left-sel.png) no-repeat -3px 0;
}
.v-tabsheet-borderless .v-tabsheet-spacertd div {
margin-right: 0;
}
.v-tabsheet-borderless .v-tabsheet-spacertd {
background: transparent;
}
.v-tabsheet-borderless .v-tabsheet-content {
border: none;
}
.v-tabsheet-borderless .v-tabsheet-deco {
height: 0;
border-top: none;
}
/**
* Tabsheet "minimal" style --------------
*/
/* Minimal tabsheet on blue background */
.blue .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div,
.blue .v-tabsheet-tabs-minimal .v-tabsheet-tabitem,
.blue .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected {
border-color: #7c8a91;
}
.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close {
color: #7c8a91;
}
.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover {
color: #BCD3DE;
background: #778d98;
}
.blue .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active {
background: #4f6874;
}
/* Default & white styles */
.v-tabsheet-tabs-minimal .v-tabsheet-spacertd div,
.white .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div {
border-bottom: 1px solid #bfbfbf;
height: auto;
background: transparent;
}
.v-tabsheet-tabs-minimal .v-tabsheet-tabitemcell,
.v-tabsheet-tabs-minimal .v-tabsheet-spacertd {
height: auto;
background: transparent;
padding-left: 0;
}
.v-tabsheet-tabs-minimal .v-tabsheet-tabitem,
.white .v-tabsheet-tabs-minimal .v-tabsheet-tabitem {
border: none;
border-bottom: 1px solid #bfbfbf;
color: #4d748f;
padding: 0;
height: auto;
background: transparent;
text-shadow: none;
}
.v-tabsheet-tabs-minimal .v-tabsheet-tabitem .v-caption {
padding: 5px 16px;
height: auto;
background: transparent;
}
.v-tabsheet-tabs-minimal .v-tabsheet-tabitemcell-selected {
background: transparent;
}
.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected,
.white .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected {
background: transparent;
border: 1px solid #bfbfbf;
border-bottom: none;
color: #222;
}
.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected .v-caption {
background: transparent;
padding: 4px 15px 6px 15px;
}
.v-tabsheet-tabs-minimal .v-tabsheet-tabitem .v-caption-closable,
.v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected .v-caption-closable {
padding-right: 6px;
}
.v-tabsheet-content-minimal,
.white .v-tabsheet-content-minimal {
border: none;
}
.v-tabsheet-content-minimal .v-tabsheet-tabsheetpanel {
background: transparent;
}
.v-tabsheet-deco-minimal,
.white .v-tabsheet-deco-minimal {
height: 0;
border: none;
}
.v-tabsheet-tabcontainer-minimal .v-tabsheet-scroller {
margin-top: -20px;
height: 17px;
padding: 0;
border: none;
background: transparent;
}
.v-tabsheet-tabcontainer-minimal .v-tabsheet-scroller button {
margin-top: 0;
}
.v-tabsheet-tabs-minimal .v-tabsheet-caption-close,
.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover,
.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active {
text-indent: 0;
background: transparent;
margin-left: 3px;
margin-right: -3px;
padding: 0;
color: #999;
width: 14px;
height: 14px;
line-height: 14px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}
.v-tabsheet-tabs-minimal .v-tabsheet-caption-close {
margin-top: 1px;
}
.v-ff .v-tabsheet-tabs-minimal .v-tabsheet-caption-close,
.v-ie7 .v-tabsheet-tabs-minimal .v-tabsheet-caption-close {
margin-top: -15px;
}
.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover,
.white .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover {
color: #fff;
background: #aaa;
}
.v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active,
.white .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active {
background: #777;
}
/* Minimal tabsheet on black background */
.black .v-tabsheet-tabs-minimal .v-tabsheet-spacertd div,
.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem,
.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected {
border-color: #3e4044;
color: #6a7f89;
}
.black .v-tabsheet-tabs-minimal .v-tabsheet-tabitem-selected {
color: #c9ccce;
}
.black .v-tabsheet-content-minimal,
.black .v-tabsheet-content-bar {
color: #c9ccce;
text-shadow: #000 0 0 1px;
}
.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close {
color: #72787c;
}
.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:hover {
color: #1d2021;
background: #4d5154;
}
.black .v-tabsheet-tabs-minimal .v-tabsheet-caption-close:active {
background: #626669;
}
/**
* Tabsheet bar style ---------------
*/
.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell,
.v-tabsheet-tabs-bar .v-tabsheet-spacertd {
height: 20px;
}
.v-tabsheet-tabs-bar .v-tabsheet-spacertd {
background: transparent;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1673px;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell-first {
padding-left: 6px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1693px;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitem,
.v-tabsheet-tabs-bar .v-tabsheet-spacertd div {
height: 20px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1713px;
font-size: 11px;
margin: 0;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitem .v-caption {
height: 18px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: right -1733px;
padding: 2px 12px 0 10px;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitem .v-caption-closable,
.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-caption-closable {
padding-right: 8px;
padding-left: 14px;
}
.v-tabsheet-tabs-bar .v-tabsheet-caption-close,
.v-tabsheet-tabs-bar .v-tabsheet-caption-close:hover,
.v-tabsheet-tabs-bar .v-tabsheet-caption-close:active {
text-indent: 0;
background: transparent;
margin-left: 3px;
margin-right: -3px;
padding: 1px 0 0 1px;
color: #3c3c3c;
width: 13px;
height: 13px;
line-height: 12px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
}
.v-tabsheet-tabs-bar .v-tabsheet-caption-close {
margin-top: 1px;
}
.v-ff .v-tabsheet-tabs-bar .v-tabsheet-caption-close,
.v-ie7 .v-tabsheet-tabs-bar .v-tabsheet-caption-close {
margin-top: -14px;
}
.v-tabsheet-tabs-bar .v-tabsheet-caption-close:hover {
background: #bfbfbf;
-webkit-box-shadow: 0 1px 0 #fff;
}
.v-tabsheet-tabs-bar .v-tabsheet-caption-close:active {
background: #a9a9a9;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close {
color: #404142;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close:hover {
background: #5e666e;
color: #fff;
text-shadow: 0 -1px 0 #222;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-tabsheet-caption-close:active {
background: #404142;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell-selected {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1753px;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitemcell-selected-first {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1773px;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1793px;
color: #232930;
}
.v-tabsheet-tabs-bar .v-tabsheet-tabitem-selected .v-caption {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: right -1813px;
}
.v-tabsheet-tabcontainer-bar .v-tabsheet-scroller {
margin-top: -20px;
height: 19px;
border-right: none;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1833px;
}
.v-tabsheet-tabcontainer-bar .v-tabsheet-scroller button {
margin-top: 1px;
}
.v-tabsheet-content-bar,
.white .v-tabsheet-content-bar {
border: none;
}
.v-tabsheet-content-bar .v-tabsheet-tabsheetpanel {
background: transparent;
}
.v-tabsheet-deco-bar,
.white .v-tabsheet-deco-bar {
height: 0;
border: none;
}
/* Content area font color specified with minimal style (reduces additional selectors) */
.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem .v-tabsheet-caption-close,
.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem:hover .v-tabsheet-caption-close {
visibility: hidden;
}
.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem-selected .v-tabsheet-caption-close,
.v-tabsheet-tabs-selected-closable .v-tabsheet-tabitem-selected:hover .v-tabsheet-caption-close {
visibility: visible;
}
.v-tabsheet-tabs-hover-closable .v-tabsheet-caption-close {
visibility: hidden;
}
.v-tabsheet-tabs-hover-closable .v-tabsheet-tabitem:hover .v-tabsheet-caption-close {
visibility: visible;
}
/* Textfield on blue background */
.blue .v-textfield,
.blue .v-textarea {
border-color: #92a2aa;
border-top-color: #7c8a90;
border-bottom-color: #a1b3bc;
}
/* Default & white background */
.v-textfield,
.v-textarea,
.white .v-textfield,
.white .v-textarea,
div.v-table-full-height-fields input.v-textfield {
border: 1px solid #bcbdbe;
border-top-color: #a2a3a4;
border-bottom-color: #d2d3d4;
background: #fff;
background-repeat: repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1853px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin: 0;
height: 15px;
line-height: normal;
}
.v-textarea,
.white .v-textarea {
background-image: none;
height: auto;
}
/* Need more specific selector because of #2384 fixes in base/common/common.css */
.v-app input.v-textfield,
.v-window input.v-textfield,
.v-app textarea.v-textarea,
.v-window textarea.v-textarea,
div.v-table-full-height-fields input.v-textfield {
padding: 3px 3px 4px;
}
.v-app .v-textfield-focus,
.v-window .v-textfield-focus,
.v-popupview-popup .v-textfield-focus,
.v-app .v-textarea-focus,
.v-window .v-textarea-focus,
.v-popupview-popup .v-textarea-focus {
border-color: #5b97d0;
border-top-color: #4f83b4;
border-bottom-color: #5ca0df;
outline: none;
background-color: #fff;
}
input.v-textfield-prompt,
textarea.v-textarea-prompt {
font-style: normal;
color: #999;
}
/* Small style textfield */
.v-app input.v-textfield-small {
font-size: 11px;
line-height: normal;
height: auto;
padding: 2px;
}
.v-app textarea.v-textarea-small {
font-size: 11px;
}
.v-table input.v-textfield {
padding: 1px 2px;
height: auto;
line-height: normal;
}
.v-table-cell-wrapper > input.v-textfield {
margin-top: -2px;
margin-bottom: -2px;
}
.v-ie6 .v-table-cell-wrapper input.v-textfield {
margin-top: -2px;
margin-bottom: -2px;
}
.v-ie6 .v-table-cell-wrapper div input.v-textfield {
margin-top: 0;
margin-bottom: 0;
}
/* Textfield on black background */
.black .v-textfield,
.black .v-textarea {
border-color: #38393a;
border-top-color: #2c2d2e;
border-bottom-color: #3e3f3f;
background: #151717;
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -720px;
color: #c9ccce;
text-shadow: #000 0 0 1px;
}
.black .v-textarea {
background-image: none;
}
.v-app .black .v-textfield-focus,
.v-window-black .v-textfield-focus,
.v-window .black .v-textfield-focus,
.v-popupview-popup .black .v-textfield-focus,
.v-app .black .v-textarea-focus,
.v-window-black .v-textarea-focus,
.v-window .black .v-textarea-focus,
.v-popupview-popup .black .v-textarea-focus {
border-color: #4b7192;
border-top-color: #3b5a75;
border-bottom-color: #507596;
background-color: #151717;
}
.black input.v-textfield-prompt {
color: #5f6366;
}
/* Readonly */
input.v-textfield-readonly,
.black input.v-textfield-readonly,
textarea.v-textarea-readonly,
.black textarea.v-textarea-readonly {
border: none;
background: transparent;
}
.v-tree-node {
background: transparent url(tree/img/arrows.png) no-repeat 6px -10px;
}
.v-ie6 .v-tree-node {
background-image: url(tree/img/arrows-ie6.png);
background-repeat: no-repeat;
}
.v-ie6 div.v-tree-node-leaf {
background: transparent;
}
.v-tree-node-expanded {
background-position: -7px 5px;
}
.v-tree-node-caption {
margin-left: 16px;
padding-bottom: 1px;
}
.v-tree-node span {
padding: 1px 2px;
display: inline-block;
}
.v-tree-node-selected span {
background: #4d749f repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1876px;
color: #fff;
padding: 1px 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
text-shadow: #2b425a 0 1px 0;
display: inline-block;
}
.v-tree-node-children {
padding-left: 16px;
}
/* IMPORTANT keep the offsetWidth (width + padding) of this element the same as the margin-left of v-tree-node-caption */
.v-ie6 .v-tree-node-ie6compatnode {
width: 14px;
height: 10px;
padding: 1px;
}
.v-tree-node-caption.v-tree-node-focused span{
padding-left: 1px;
padding-top: 0px;
padding-bottom: 0px;
}
.v-tree-node-focused span{
border: 1px dotted black;
}
.v-ie6 .v-tree-node-ie6compatnode.v-tree-node-focused{
padding-left: 0px;
}
/***************************************
* Drag'n'drop styles
***************************************/
.v-tree .v-tree-node-drag-top {
background-position: 6px -11px;
}
.v-tree .v-tree-node-drag-top.v-tree-node-expanded {
background-position: -7px 4px;
}
.v-tree-connectors .v-tree-node-drag-top,
.v-tree-connectors .v-tree-node-expanded.v-tree-node-drag-top {
background-position: 2px -53px;
}
.v-tree-connectors .v-tree-node-drag-top.v-tree-node-leaf {
background-position: 2px 50%;
}
.v-window {
background: transparent;
}
.v-window-wrap {
border: 1px solid #808386;
}
.v-sa .v-window-wrap,
.v-ff3 .v-window-wrap,
.v-op .v-window-wrap {
border-color: rgba(0,0,0,.2);
}
.v-ff2 .v-window-wrap,
.v-ie6 .v-window-wrap {
border: none;
}
.v-ff2 .v-window-outerheader,
.v-ie6 .v-window-outerheader {
border: 1px solid #808386;
border-bottom: none;
}
.v-ff2 .v-window-contents,
.v-ie6 .v-window-contents {
border: 1px solid #808386;
border-top: none;
border-bottom: none;
}
.v-ff2 .v-window-footer,
.v-ie6 .v-window-footer {
border: 1px solid #808386;
border-top: none;
}
.v-window-outerheader {
padding: 12px 32px 0 14px;
height: 25px;
background: black repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1896px;
}
.v-window-header {
font-weight: bold;
font-size: 12px;
line-height: normal;
color: #fff;
text-shadow: #000 0 -1px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
}
.v-window-error .v-window-header {
padding-left: 13px;
background: transparent url(common/icons/error.png) no-repeat 0 50%;
}
.v-ie6 .v-window-error .v-window-header {
background-image: url(common/icons/error-ie6.png);
}
.v-window-resizebox {
width: 15px;
height: 15px;
cursor: se-resize;
background: transparent;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1933px;
}
.v-window-footer {
background-color:white;
background-repeat: repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1948px;
height: 15px;
}
.v-window-closebox {
top: 12px;
right: 10px;
width: 15px;
height: 16px;
background: transparent;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1963px;
}
.v-window-closebox:hover {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1979px;
}
.v-window-closebox:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -1995px;
}
.v-window-contents {
background: #fff;
}
.v-window-modalitycurtain {
background: #56595b;
}
/**
Light style window -----------------------------
**/
.v-window-light .v-window-outerheader {
background: transparent;
padding: 15px 32px 0 18px;
height: 23px;
}
.v-window-light .v-window-header {
font-size: 16px;
color: #292e34;
text-shadow: none;
}
.v-window-light .v-window-resizebox {
width: 12px;
height: 12px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -2011px;
}
.v-window-light .v-window-footer {
background: transparent;
height: 12px;
}
.v-window-light .v-window-closebox {
right: 1px;
top: 17px;
width: 19px;
height: 15px;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -2023px;
}
.v-window-light .v-window-closebox:hover {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -2038px;
}
.v-window-light .v-window-closebox:active {
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -2053px;
}
.v-window-light .v-window-contents {
background: transparent;
}
/* This must be the last sprite added to the verticals-sprite image */
.v-window-light .v-window-wrap2 {
background: #f7f7f8 repeat-x;
background-image: url(common/img/vertical-sprites.png);
-background-image: url(common/img/vertical-sprites-ie6.png);
background-position: left -2068px;
}
.v-ie6 .v-window-light .v-window-wrap2 {
background-image: none;
}
/**
Black style window -----------------------------
**/
.v-window-black .v-window-wrap {
border-color: #2e3030;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
overflow: hidden;
}
.v-sa .v-window-black .v-window-wrap,
.v-ff3 .v-window-black .v-window-wrap,
.v-op .v-window-black .v-window-wrap {
border-color: rgba(0,0,0,.8);
}
.v-window-black .v-window-wrap2 {
background-color: #1d2021;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
.v-sa .v-window-black .v-window-wrap2,
.v-ff3 .v-window-black .v-window-wrap2,
.v-op .v-window-black .v-window-wrap2 {
background-color: rgba(29,32,33,.9);
}
.v-window-black .v-window-outerheader {
height: auto;
padding: 7px 14px;
height: 15px;
background: transparent repeat-x;
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -743px;
text-align: center;
-moz-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-right-radius: 7px;
-webkit-border-top-left-radius: 7px;
overflow: hidden;
border: none;
}
.v-window-black .v-window-header {
font-size: 12px;
font-weight: normal;
color: #dddfe1;
}
.v-window-black .v-window-closebox {
top: 8px;
}
.v-window-black .v-window-footer {
background: transparent;
border: none;
height: 14px;
}
.v-window-black .v-window-resizebox {
background: transparent no-repeat;
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -772px;
width: 14px;
height: 14px;
}
.v-ie6 .v-window-black .v-window-resizebox {
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -786px;
}
.v-ie6 .v-window-black .v-window-contents {
background: transparent url(window/img/black/content-bg-ie6.png) repeat-x;
}
/* Must be last to make this image last in the sprites */
.v-window-black .v-window-contents {
border: none;
background: transparent repeat-x;
background-image: url(common/img/black-vertical-sprites.png);
-background-image: url(common/img/black-vertical-sprites-ie6.png);
background-position: left -800px;
}
/* extra ace styles */
.v-table-row-associated {
background: #8ac;
}
.v-table-row-odd.v-table-row-associated {
background: #79b;
}
.v-table-row-broken-association {
background: #bac;
}
.v-table-row-odd.v-table-row-broken-association {
background: #a9b;
}
.v-table-row-associated-parent {
background: #ace;
}
.v-table-row-odd.v-table-row-associated-parent {
background: #9bd;
}
.v-table-row-related {
background: #9ab;
}
.v-table-row-odd.v-table-row-related {
background: #89a;
}
.v-table-row-related-parent {
background: #bcd;
}
.v-table-row-odd.v-table-row-related-parent {
background: #abc;
}
/* makes the description less prominent */
.v-table-cell-content-description {
color: #9ab;
}
.v-table-row-odd.vtable-cell-content-description {
color: #89a;
}
.v-selected .v-table-cell-content-description {
color: white;
}
.v-selected .v-table-row-odd.vtable-cell-content-description {
color: white;
}
.v-label-alert {
font-weight: bold;
color: red;
}
.v-button-tiny .v-button-caption {
text-decoration: none;
}
.v-button-tiny .v-button-wrap,
.v-disabled.v-button-tiny .v-button-wrap {
background-position: right -412px;
height: 20px;
padding: 1px 4px 0px 0px;
}