/* Automatically compiled css file from subdirectories. */

/* ./WebContent/VAADIN/themes/base/absolutelayout/absolutelayout.css */
.v-absolutelayout-wrapper {
	position: absolute;
	overflow: hidden;
}

/* ./WebContent/VAADIN/themes/base/accordion/accordion.css */
.v-accordion {
	position: relative;
	outline: none;
	overflow: hidden;
	text-align: left /* Force default alignment */
}
.v-accordion-item {
	position: relative;
}
.v-accordion-item-caption {
	overflow: hidden;
	white-space: nowrap;
	background: #eee;
	border-bottom: 1px solid #ddd;
}
.v-accordion-item-caption .v-caption {
	cursor: pointer;
}
.v-accordion-item-open .v-accordion-item-caption .v-caption {
	cursor: default;
}
.v-accordion-item-content {
	position: absolute;
	overflow: auto;
	width: 100%;
}

/* ./WebContent/VAADIN/themes/base/button/button.css */
.v-button {
	cursor: pointer;
	white-space: nowrap;
	margin: 0;
}
.v-button span {
	white-space: nowrap;
}
.v-checkbox input {
	vertical-align: middle;
}
.v-button img,
.v-checkbox img {
	display: inline;
	vertical-align: middle;
	margin-right: 3px;
}
.v-button span,
.v-checkbox label {
	vertical-align: middle;
}
.v-button-link {
	border: none;
	text-align: left;
	background: none;
	padding: 0;
}
/* Inset Safari focus outline a bit */
.v-sa .v-button-link:focus {
	outline-offset: -3px;
}
.v-button-link span {
	text-decoration: underline;
}
.v-checkbox {
	white-space: nowrap;	
}
.v-checkbox .v-errorindicator {
	float: none;
	display: inline;
	padding-left: 1em;
	background-position: left;
}
/* Fixes streched buttons in IE6 and IE7*/
.v-ie6 .v-button {
	width: 1px;
}
.v-ie6 .v-button,
.v-ie7 .v-button,
.v-ie8 .v-button {
	overflow: visible;
	padding-left: 1em;
	padding-right: 1em;
}
/* Error indicator on checkbox fix for IE6 */
.v-ie6 .v-checkbox * {
	float: left;
	display: inline; /* In effect, does nothing, since float:left forces block-rendering, but will fix "double-float-margin-bug" */
}
.v-ie6 .v-checkbox .v-errorindicator {
	background-position: right;
	display: inline;
	float: left;
	padding-left: 0; 
	padding-right: 0.4em;
}
/* Error indicator on checkbox fix for IE7 */
.v-ie7 .v-checkbox *,
.v-ie8 .v-checkbox * {
	float: left;
}
.v-ie7 .v-checkbox .v-errorindicator,
.v-ie8 .v-checkbox .v-errorindicator {
	background-position: right;
	float: left;
	padding-left: 0;
	padding-right: 0.7em;
}
/* Error indicator on button fix for IE */
.v-ie6 button .v-errorindicator,
.v-ie7 button .v-errorindicator,
.v-ie8 button .v-errorindicator {
	display: inline;
	padding-right: 0.5em;
}
/* Disabled by default
.v-checkbox-error {
	background: #ffe0e0;
}
*/
/* Disabled by default
.v-checkbox-required {
	background: #ffe0e0;
}
*/

/* ./WebContent/VAADIN/themes/base/caption/caption.css */
.v-captionwrapper {
	text-align: left; /* Force default alignment */
}
.v-caption {
	overflow: hidden;
	white-space: nowrap;
}
.v-errorindicator {
	float: left;
}
.v-caption .v-icon {
	float: left;
	padding-right: 2px;
	vertical-align: middle;
}
.v-caption .v-captiontext {
	float: left;
	overflow: hidden;
	vertical-align: middle;
}
.v-caption .v-required-field-indicator {
	float: left;
}

/* Fix IE6 "double-float-margin-bug" */
.v-ie6 .v-errorindicator,
.v-ie6 .v-icon,
.v-ie6 .v-captiontext,
.v-ie6 .v-required-field-indicator {
	display: inline;
}

/* ./WebContent/VAADIN/themes/base/common/common.css */
/* References the BODY tag generated by Vaadin application servlet */
.v-generated-body {
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	overflow: hidden;
}
.v-app {
	height: 100%;
}
div.v-app-loading {
	/* You can use this to provide indication for the user that the application is loading. */
	/* It is applied to the same element as .v-app */
	background-image: url(../base/common/img/loading-indicator.gif);
	background-repeat: no-repeat;
	background-position: 50%;
}
.v-view {
	height: 100%;
	width: 100%;
	overflow: auto;
	/* avoid scrollbars with margins in root layout */
	outline: none;
	margin-top: -1px;
	border-top: 1px solid transparent;
	position: relative;
}
/**
 * Try to handle printing somehow. Reasonable printing support 
 * needs application specific planning and CSS tuning.
 */
@media print {
	.v-generated-body {
		height: auto;
		min-height: 20cm;
		overflow: visible;
	}
	.v-app {
		height: auto;
		min-height: 20cm;
	}
	.v-view {
		overflow: visible;
	}
	.v-gridlayout {
		overflow: visible !important;
	}
}
.v-view:active,
.v-view:focus {
	outline: none;
}
.v-app select,
.v-window select {
	margin: 0;
}
.v-disabled {
	opacity: .3;
	filter: alpha(opacity=30);
	cursor: default;
}
.v-disabled * {
	cursor: default;
}
* html .v-disabled {
	zoom: 1;
}
*+html .v-disabled {
	zoom: 1;
}
.v-disabled .v-disabled {
	opacity: 1;
}
.v-required-field-indicator {
	padding-left: 2px;
	color: red;
}
.v-form fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
/* Field modified */ /* Disabled by default
.v-modified,
.v-richtextarea.v-modified iframe.gwt-RichTextArea,
.v-checkbox.v-modified,
.v-modified .v-select-option,
.v-modified .v-textfield,
.v-modified .v-datefield-calendarpanel,
.v-modified .v-select-select,
.v-modified .v-select-twincol-selections,
.v-modified .v-select-twincol-options,
.v-modified .v-slider-base {
	background: #ffffe0;
}
*/
.v-tooltip {
	cursor: default;
	background: #fff;
}
.v-tooltip-text {
	overflow: auto;
}
.v-tooltip .v-errormessage {
	overflow: auto;
}
.v-contextmenu {
	background: #fff;
}
.v-contextmenu .gwt-MenuItem {
	cursor: pointer;
	vertical-align: middle;
	padding: 0;
	border: 0;
	margin: 0;
}
.v-contextmenu .gwt-MenuItem div {
	cursor: pointer;
	vertical-align: middle;
	white-space: nowrap;
}
.v-contextmenu .gwt-MenuItem-selected div {
	background: #aaa;
	color: #fff;
}
.v-contextmenu table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
.v-contextmenu .gwt-MenuItem img {
	margin-right: 1em;
	vertical-align: middle;
}
/* Margins are not supported within Label */
.v-label pre {
	margin: 0;
}
/* A label with undefined width is always considered to be on one line */
.v-label-undef-w {
	white-space: nowrap;
}
/* 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;
}
.v-debug-console-content input {
	font-size: xx-small;
}
/* Debug style */
.v-app .invalidlayout,
.v-app .invalidlayout * {
	background: #f99 !important;
}
/* Fix for Liferay, issue #2384 */
.v-app input[type="text"],
.v-app input[type="password"],
.v-app input[type="reset"],
.v-app select,
.v-app textarea {
	padding: 2px;
}

/* ./WebContent/VAADIN/themes/base/customcomponent/customcomponent.css */
.v-customcomponent {
	overflow: hidden;
}

/* ./WebContent/VAADIN/themes/base/customlayout/customlayout.css */
.v-customlayout {
	overflow: hidden;
}

/* ./WebContent/VAADIN/themes/base/datefield/datefield.css */
.v-datefield {
	white-space: nowrap;
}
.v-datefield-textfield {
	vertical-align: top;
}
.v-datefield-button {
	cursor: pointer;
}
.v-datefield-calendarpanel table {
	width: 100%;
}
.v-datefield-calendarpanel td {
	padding: 0;
	margin: 0;
}
.v-datefield-calendarpanel-header td {
	text-align: center;
}
.v-datefield-calendarpanel-month {
	text-align: center;
	white-space: nowrap;
}
.v-datefield-calendarpanel-day,
.v-datefield-calendarpanel-day-today {
	cursor: pointer;
}
.v-datefield-calendarpanel-day-today {
	border: 1px solid #ddd;
}
.v-disabled .v-datefield-calendarpanel-day,
.v-disabled .v-datefield-calendarpanel-day-today {
	cursor: default;
}
.v-datefield-calendarpanel-day-disabled {
	cursor: default;
	opacity: .5;
}
.v-datefield-calendarpanel-day-selected {
	cursor: default;
	background: #333;
	color: #fff;
}
.v-datefield-time {
	white-space: nowrap;
}
.v-datefield-time .v-label {
	display: inline;
}
/* Disabled by default
.v-datefield-error .v-textfield,
.v-datefield-error .v-datefield-calendarpanel {
	background: #ffe0e0;
}
*/

/* Disabled by default
.v-datefield-required .v-textfield,
.v-datefield-required .v-datefield-calendarpanel {
	background:transparent;
	background-color: #ffe0e0;
}
*/
/* IE somehow loses generic v-disabled alpha. See #1960 */
.v-ie6 .v-disabled .v-datefield-button,
.v-ie6 .v-disabled .v-datefield-textfield,
.v-ie7 .v-disabled .v-datefield-button,
.v-ie7 .v-disabled .v-datefield-textfield {
	filter: alpha(opacity=30);
}

/* ./WebContent/VAADIN/themes/base/formlayout/formlayout.css */
.v-formlayout-cell .v-errorindicator {
	display: block;
}
.v-formlayout-error-indicator {
	/* fix width so layout is not jumpy when error disappears */
	width: 12px;
}
.v-formlayout-captioncell {
	text-align:right;
	white-space: nowrap;
}
.v-formlayout-captioncell .v-caption {
	overflow: visible;
}
.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, 
.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
	padding-top: 1em;
}
.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-captioncell, 
.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-contentcell,
.v-formlayout-spacing .v-formlayout-firstrow .v-formlayout-errorcell {
	padding-top: 0;
}
.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, 
.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
	padding-top: 2em;
}
.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
	padding-bottom: 2em;
}
.v-formlayout-margin-left .v-formlayout-captioncell {
	padding-left: 2em;
} 
.v-formlayout-margin-right .v-formlayout-contentcell {
	padding-right: 2em;
}
.v-formlayout-captioncell .v-caption .v-required-field-indicator {
	float: none;
}

/* ./WebContent/VAADIN/themes/base/gridlayout/gridlayout.css */
.v-gridlayout-margin-top {
	padding-top: 2em;
}
.v-gridlayout-margin-bottom {
	padding-bottom: 2em;
}
.v-gridlayout-margin-left {
	padding-left: 2em;
} 
.v-gridlayout-margin-right {
	padding-right: 2em;
}
.v-gridlayout-spacing-on {
	padding-left: 1em;
	padding-top: 1em;
	overflow: hidden;
}
.v-gridlayout-spacing,
.v-gridlayout-spacing-off {
	padding-left: 0;
	padding-top: 0;
}
.v-gridlayout-spacing-off {
	overflow: hidden;
}
/* Ensure that resizing gridlayout works in IE */
.v-ie6 .v-gridlayout,
.v-ie7 .v-gridlayout {
	overflow: hidden;
}

/* ./WebContent/VAADIN/themes/base/link/link.css */
.v-link {
	white-space: nowrap;	
}
.v-link a {
	vertical-align: middle;
	text-decoration: none;
}
.v-link span {
	text-decoration: underline;
	vertical-align: middle;
}
.v-disabled a {
	cursor: default;
}
.v-link img {
	vertical-align: middle;
	border:none;
}

/* ./WebContent/VAADIN/themes/base/menubar/menubar.css */
.v-menubar table {
	white-space: nowrap;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
.v-menubar table {
	white-space: nowrap;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
.v-menubar .menuitem {
	cursor: default;
}
.v-menubar-submenu {
	background: #fff;
}
.v-menubar-submenu table {
	white-space: nowrap;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}
.v-menubar-submenu table td {
	white-space: nowrap;
	padding: 0;
	margin: 0;
}
.v-menubar .menuitem-selected,
.v-menubar-submenu .menuitem-selected {
	background: #333;
	color: #fff;
}
.v-menubar-submenu .menuitem { 
	cursor: default;
}

/* ./WebContent/VAADIN/themes/base/notification/notification.css */
.v-Notification {
	background: #999;
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	padding: 1em;
}
.v-Notification h1,
.v-Notification p,
.v-Notification.error h1,
.v-Notification.error p,
.v-Notification.warning h1,
.v-Notification.warning p {
	display: inline;
	white-space: nowrap;
	margin: 0 0.5em 0 0;
}
.v-Notification.warning {
	background: orange;
}
.v-Notification.error {
	background: red;
}
.v-Notification.tray h1 {
	display: block;
}
.v-Notification.tray p {
	display: block;
}
.v-Notification.system {
	background-color: red;
	opacity: .7;
	filter: alpha(opacity=70);
}
.v-Notification.system h1 {
	display: block;
	margin: 0;
}
.v-Notification.system p {
	white-space: nowrap;
}

/* ./WebContent/VAADIN/themes/base/orderedlayout/orderedlayout.css */
.v-orderedlayout-margin-top,
.v-horizontallayout-margin-top,
.v-verticallayout-margin-top {
	padding-top: 2em;
}
.v-orderedlayout-margin-right,
.v-horizontallayout-margin-right,
.v-verticallayout-margin-right {
	padding-right: 2em;
}
.v-orderedlayout-margin-bottom,
.v-horizontallayout-margin-bottom,
.v-verticallayout-margin-bottom {
	padding-bottom: 2em;
}
.v-orderedlayout-margin-left,
.v-horizontallayout-margin-left,
.v-verticallayout-margin-left {
	padding-left: 2em;
}
.v-orderedlayout-spacing-on,
.v-horizontallayout-spacing-on,
.v-verticallayout-spacing-on {
	padding-top: 1em;
	padding-left: 1em;
}
/* This can be used to define spacing if spacing is off server side */
.v-orderedlayout-spacing-off,
.v-horizontallayout-spacing-off,
.v-verticallayout-spacing-off {
	padding-top: 0;
	padding-left: 0;
}
/* To make sure IE don't expand elements larger than they should */
.v-ie6 .v-orderedlayout,
.v-ie6 .v-horizontallayout,
.v-ie6 .v-verticallayout,
.v-ie7 .v-orderedlayout,
.v-ie7 .v-horizontallayout,
.v-ie7 .v-verticallayout {
	overflow: hidden;
}

/* ./WebContent/VAADIN/themes/base/panel/panel.css */
.v-panel,
.v-panel-caption,
.v-panel-content,
.v-panel-deco,
.v-panel-light,
.v-panel-caption-light,
.v-panel-content-light,
.v-panel-deco-light {
	outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
	text-align: left /* Force default alignment */
}
.v-panel-caption .v-errorindicator {
	float: none;
	display: inline;
}
.v-panel-caption .v-icon {
	display: inline;
	vertical-align: middle;
}
.v-panel-caption span {
	vertical-align: middle;
}
.v-panel-caption {
	white-space: nowrap;
	overflow:hidden;
	font-weight: bold;
}
.v-panel-nocaption {
	overflow: hidden;
}
.v-panel-content {
	overflow: auto;
}
.v-panel-deco {
}

/* ./WebContent/VAADIN/themes/base/popupview/popupview.css */
.v-popupview {
	cursor: pointer;
	background: #aaa;
}
.v-popupview-popup {
	overflow: auto;
}

/* ./WebContent/VAADIN/themes/base/progressindicator/progressindicator.css */
.v-progressindicator {
	overflow: hidden; /* for IE6 */
	width: 150px;
}
.v-progressindicator-wrapper {
	overflow: hidden; /* for IE6 */
	height: 7px;
	border: 1px solid #ddd;
}
.v-progressindicator-indicator {
	height: 7px;
	overflow: hidden; /* for IE6 */
	background: #ddd;
}
div.v-progressindicator-indeterminate {
	height: 20px;
	width: 20px;
	overflow: hidden; /* for IE6 */
	background: #fff url(../base/common/img/ajax-loader-medium.gif) no-repeat 50%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
/* Hide obsolete elements in indeterminate mode */
.v-progressindicator-indeterminate .v-progressindicator-wrapper,
.v-progressindicator-indeterminate .v-progressindicator-indicator,
.v-progressindicator-indeterminate-disabled .v-progressindicator-wrapper,
.v-progressindicator-indeterminate-disabled .v-progressindicator-indicator {
	display: none;
}
div.v-progressindicator-indeterminate-disabled {
	height: 20px;
	width: 20px;
	overflow: hidden; /* for IE6 */
	background: transparent;
}

/* ./WebContent/VAADIN/themes/base/select/select.css */
.v-select {
	text-align: left;
}
.v-select-optiongroup .v-select-option {
	display: block;
	white-space: nowrap;
}
.v-ie .v-select-optiongroup .v-select-option {
	zoom: 1;
}
.v-select-select {
	display: block;
}
.v-select-twincol {
	white-space: nowrap;
}
.v-select-twincol-options {
	float: left;
}
.v-select-twincol-selections {
	font-weight: bold;
}
.v-select-twincol-buttons {
	float: left;
	text-align: center;
}
.v-select-twincol-buttons .v-select-twincol-deco {
	clear: both;
}
.v-select-twincol .v-textfield {
	display: block;
	float: left;
	clear: left;
}
.v-select-twincol .v-button {
	display: block;
	float: left;
}
.v-select-twincol-buttons .v-button {
	display: inline;
	float: none;
}
.v-filterselect {
	white-space: nowrap;
	text-align: left;
}
.v-filterselect .v-icon {
	float: left;
}
.v-app .v-filterselect-input,
.v-window .v-filterselect-input,
.v-popupview-popup .v-filterselect-input {
	float: left;
}
.v-filterselect-prompt .v-filterselect-input {
	color: #999;
	font-style: italic;
}
.v-filterselect-button {
	float: right;
	cursor: pointer;
}
.v-filterselect.v-readonly .v-filterselect-button {
	display: none;
}
.v-filterselect-suggestpopup {
	background: #fff;
	border: 1px solid #eee;
}
.v-filterselect-suggestmenu table {
	border-collapse: collapse;
	border: none;
}
.v-filterselect-suggestmenu .gwt-MenuItem {
	white-space: nowrap;
}
.v-filterselect-suggestmenu .gwt-MenuItem .v-icon {
	margin-right: 3px;
	vertical-align: middle;
}
.v-filterselect-suggestmenu .gwt-MenuItem span {
	vertical-align: middle;
}
.v-filterselect-suggestmenu .gwt-MenuItem-selected {
	background: #333;
	color: #fff;
}
.v-filterselect-nextpage,
.v-filterselect-nextpage-off,
.v-filterselect-prevpage-off,
.v-filterselect-prevpage {
	width: 100%;
	background: #aaa;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
}
.v-filterselect-nextpage-off,
.v-filterselect-prevpage-off {
	color: #666;
	opacity: .5;
	filter: alpha(opacity=50);
	cursor: default;
}
.v-filterselect-nextpage-off span,
.v-filterselect-prevpage-off span {
	cursor: default;
}
.v-filterselect-status {
	white-space: nowrap;
	text-align: center;
}

/* Error styles (disabled by default)

.v-filterselect-error .v-filterselect-input,
.v-select-error .v-select-option,
.v-select-error .v-select-select,
.v-select-error .v-select-twincol-selections,
.v-select-error .v-select-twincol-options {
	background: #ffaaaa;
}
*/

/*  Required field styles (disabled by default)
   
.v-filterselect-error .v-filterselect-input,
.v-select-required .v-select-option,
.v-select-required .v-select-select,
.v-select-required .v-select-twincol-selections,
.v-select-required .v-select-twincol-options {
	background: #ffaaaa;
}
*/

/* ./WebContent/VAADIN/themes/base/shadow/shadow.css */
.v-shadow {
	position: absolute;
}

.v-shadow .top-left {
    position: absolute; overflow: hidden;
    top: -3px;             left: -5px;
    width: 10px;         height: 10px;
    background: transparent url(../base/shadow/img/top-left.png);
}

.v-shadow .top {
    position: absolute; overflow: hidden;
    top: -3px;             left: 5px;
    height: 10px;           right: 5px;
    background: transparent url(../base/shadow/img/top.png);
}

.v-shadow .top-right {
    position: absolute; overflow: hidden;
    top: -3px;             right: -5px;
    width: 10px;         height: 10px;
    background: transparent url(../base/shadow/img/top-right.png);
}

.v-shadow .left {
    position: absolute; overflow: hidden;
    top: 7px;           left: -5px;
    width: 10px;
    bottom: 3px;
    background: transparent url(../base/shadow/img/left.png);
}

.v-shadow .center {
    position: absolute; overflow: hidden;
    top: 7px;           left: 5px;
    bottom: 3px;        right: 5px;
    background: transparent url(../base/shadow/img/center.png);
}

.v-shadow .right {
    position: absolute; overflow: hidden;
    top: 7px;           right: -5px;
    width: 10px;
    bottom: 3px;
    background: transparent url(../base/shadow/img/right.png);
}

.v-shadow .bottom-left {
    position: absolute; overflow: hidden;
    bottom: -7px;           left: -5px;
    width: 10px;          height: 10px;
    background: transparent url(../base/shadow/img/bottom-left.png);
}

.v-shadow .bottom {
    position: absolute; overflow: hidden;
    bottom: -7px;           left: 5px;
    right: 5px;          height: 10px;
    background: transparent url(../base/shadow/img/bottom.png);
}

.v-shadow .bottom-right {
    position: absolute; overflow: hidden;
    bottom: -7px;           right: -5px;
    width: 10px;          height: 10px;
    background: transparent url(../base/shadow/img/bottom-right.png);
}





/* For IE6 (no transparent png's, we use a blur filter) */

.v-ie6 .v-shadow * {
	display: none;
}

.v-ie6 .v-shadow {
	background: #000;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2) alpha(opacity=20);
	margin-top: -3px;
	margin-left: -4px;
}  

/* ./WebContent/VAADIN/themes/base/slider/slider.css */
.v-slider {
	margin: 5px 0;
}
.v-slider-base {
	/* changing the borders will require adjustments to ISlider.java */
	height: 2px;
	border-top: 1px solid #ddd;
	background: #eee;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	
}
.v-slider-handle {
	background: #aaa;
	width: 12px;
	height: 12px;
	margin-top: -5px;
	font-size: 0;
}

.v-slider-vertical {
	width: 2px;
	height: auto;
	margin: 0 5px;
	border: none;
	border-left: 1px solid #cccfd0;
	border-right: 1px solid #cccfd0;
}
.v-slider-vertical .v-slider-base {
	width: 2px;
	border-bottom: 1px solid #eee;
	border-right: none;
}
.v-slider-vertical .v-slider-handle {
	width: 12px;
	height: 12px;
	font-size: 0;
	margin-left: -5px;
}

/* Disabled by default
.v-slider-error .v-slider-base {
	background: #FFE0E0;
}
*/
/* Disabled by default
.v-slider-required .v-slider-base {
	background: #FFE0E0;
}
*/

/* IE specific styles */
.v-ie6 .v-slider,
.v-ie6 .v-slider-vertical {
	margin: 0;
}
.v-ie6 .v-slider .v-slider-handle {
	margin: -1px 0;
}
.v-ie6 .v-slider-vertical .v-slider-handle {
	margin: 0 -1px;
}

/* ./WebContent/VAADIN/themes/base/splitpanel/splitpanel.css */
.v-splitpanel-horizontal,
.v-splitpanel-vertical {
	overflow: hidden;
}
.v-splitpanel-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;
}
.v-splitpanel-vsplitter {
	height: 6px;
	font-size: 1px; /* for IE6 */
}
.v-splitpanel-vsplitter div {
	height: 6px;
	font-size: 1px; /* for IE6 */
	background: #ddd;
	cursor: n-resize;
}
/* 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;
}

/* ./WebContent/VAADIN/themes/base/table/table.css */
/* 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-table-header-wrap {
	overflow: hidden;
	border: 1px solid #aaa;
	border-bottom: none;
	background: #efefef;
}
.v-table-header table,
.v-table-table {
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
.v-table-header td {
	padding: 0;
}
.v-table-header-cell,
.v-table-header-cell-asc,
.v-table-header-cell-desc {
	cursor: pointer;
}
.v-table-resizer {
	display: block;
	height: 1.2em;
	float: right;
	background: #aaa;
	cursor: col-resize;
	width: 1px;
	overflow: hidden;
}
.v-table-caption-container {
	float: right;
	overflow: hidden;
	white-space: nowrap;
	padding-right: 6px;
}
.v-table-header-cell-asc .v-table-caption-container {
	background: transparent url(../base/common/img/sprites.png) no-repeat right 6px;
}
.v-table-header-cell-desc .v-table-caption-container {
	background: transparent url(../base/common/img/sprites.png) no-repeat right -10px;
}
.v-table-body {
	border: 1px solid #aaa;
}
.v-table-row-spacer {
	height: 10px;
	overflow: hidden; /* IE hack to allow < one line height divs */
}
.v-table-row,
.v-table-row-odd {
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.v-table-body-noselection .v-table-row,
.v-table-body-noselection .v-table-row-odd {
	cursor: default;
}
.v-table .v-selected {
	background: #999;
	color: #fff;
}
.v-table-cell-content {
	white-space: nowrap;
	overflow: hidden;
	padding: 0 6px;
	border-right: 1px solid #aaa;
}
.v-table-cell-wrapper {
	/* Do not specify any margins, paddings or borders here */
	white-space: nowrap;
	overflow: hidden;
}
.v-table-column-selector {
	float: right;
	background: transparent url(../base/common/img/sprites.png) no-repeat 4px -37px;
	margin: -1.2em 0 0 0;
	height: 1.2em;
	width: 14px;
	position: relative; /* hide this from IE, it works without it */
	cursor: pointer;
}
.v-ie6 .v-table-column-selector,
.v-ie7 .v-table-column-selector {
	position: static;
}
.v-table-focus-slot-left {
	border-left: 2px solid #999;
	margin-right: -2px;
}
.v-table-focus-slot-right {
	border-right: 2px solid #999;
	margin-left: -2px;
}
.v-table-header-drag {
	position: absolute;
	background: #efefef;
	border: 1px solid #eee;
	opacity: 0.9;
	filter: alpha(opacity=90);
	margin-top: 20px;
	z-index: 30000;
}
.v-table-scrollposition {
	width: 160px;
	background: #eee;
	border: 1px solid #aaa;
}
.v-table-scrollposition span {
	display: block;
	text-align: center;
}
/* row in column selector */
.v-on {
	
}
.v-off {
	color: #ddd;
}

/* ./WebContent/VAADIN/themes/base/tabsheet/tabsheet.css */
.v-tabsheet,
.v-tabsheet-content,
.v-tabsheet-deco {
	outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */
	text-align: left /* Force default alignment */
}
.v-tabsheet-tabs {
	empty-cells: hide;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	overflow:hidden;
}
.v-tabsheet-tabitemcell,
.v-tabsheet-spacertd {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.v-tabsheet-spacertd {
	width: 100%;
}
.v-tabsheet-spacertd div {
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	height: 1em;
	padding: 0.2em 0;
}
.v-tabsheet-hidetabs .v-tabsheet-tabcontainer {
	display: none;
}
.v-tabsheet-scroller {
	white-space: nowrap;
	text-align: right;
	margin-top: -1em;
}
.v-ff2 .v-tabsheet-scroller {
	position: relative;
}
.v-tabsheet-scrollerPrev,
.v-tabsheet-scrollerNext,
.v-tabsheet-scrollerPrev-disabled,
.v-tabsheet-scrollerNext-disabled {
	border: 1px solid #aaa;
	background: #fff;
	width: 12px;
	height: 1em;
	cursor: pointer;
}
.v-tabsheet-scrollerPrev-disabled,
.v-tabsheet-scrollerNext-disabled {
	opacity: 0.5;
	cursor: default;
}
.v-tabsheet-tabs .v-caption,
.v-tabsheet-tabs .v-caption span {
	white-space: nowrap;
}
.v-tabsheet-tabitem {
	border: 1px solid #aaa;
	border-right: none;
	cursor: pointer;
	padding: 0.2em 0.5em;
}
.v-tabsheet-tabitem-selected {
	cursor: default;
	border-bottom-color: #fff;
}
.v-tabsheet-content {
	border: 1px solid #aaa;
	/* Vertical borders are not supported, use v-tabsheet-tabcontainer and v-tabsheet-deco to present these borders */
	border-top: none;
	border-bottom: none;
	position: relative;
}
.v-tabsheet-deco {
	height: 1px;
	background: #aaa;
	overflow: hidden;
}
.v-tabsheet-hidetabs .v-tabsheet-content {
	border: none;
}
.v-tabsheet-hidetabs .v-tabsheet-deco {
	height: 0;
}

/* ./WebContent/VAADIN/themes/base/textfield/textfield.css */
.v-textfield {
	text-align: left /* Force default alignment */
}
.v-textarea {
}
.v-textfield-focus,
.v-textarea-focus {
}
input.v-textfield-prompt,
textarea.v-textarea-prompt {
	color: #999;
	font-style: italic;
}
.v-textfield.v-readonly,
.v-textarea.v-readonly {
	background: transparent;
	color: #222;
	border: none;
}
.v-richtextarea {
	border: 1px solid #aaa;
	overflow: hidden;
}
.v-richtextarea .gwt-RichTextToolbar .gwt-ToggleButton,
.v-richtextarea .gwt-RichTextToolbar .gwt-PushButton {
	float: left;
}
.v-richtextarea .gwt-RichTextToolbar {
	white-space: nowrap;
}
.v-richtextarea iframe {
	border: 0;
}
/* Disabled by default
.v-textarea-error,
.v-textfield-error,
.v-richtextarea-error iframe.gwt-RichTextArea {
	background: #FFE0E0;	
}
*/
/* Disabled by default
.v-textarea-required,
.v-textfield-required,
.v-richtextarea-required iframe.gwt-RichTextArea {
	background: #FFE0E0;	
}
*/
/* Safari focus glow fix */
.v-sa input:focus, 
.v-sa textarea:focus {
	outline-width: medium;
}

/* ./WebContent/VAADIN/themes/base/tree/tree.css */
.v-tree {
	text-align: left; /* Force default alignment */
	overflow: hidden;
}
.v-tree-node {
	background: transparent url(../base/common/img/sprites.png) no-repeat 5px -37px;
}
.v-tree-node-expanded {
	background-position: -5px -10px;
}
div.v-tree-node-leaf {
	background: transparent;
}
.v-tree-node-caption {
	margin-left: 1em;
}
.v-tree-node span {
	cursor: pointer;
}
.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;
}

/* ./WebContent/VAADIN/themes/base/window/window.css */
.v-window {
	background: #fff;
}
.v-window-outerheader {
	cursor: move;
	padding: 0.3em 1em;
	height: 1em;
}
.v-window-header {
	font-weight: bold;
}
/* A more specific selector to make sure padding isn't so easily overridden */
.div.v-window-header {
	white-space: nowrap;
	text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	overflow: hidden;
	padding: 0;
}
.v-ie6 .v-window-header {
	width: 100%;
}
.v-window-header .v-icon {
	vertical-align: middle; /* This has to be 'middle', not 'bottom', to allow larger icons than 16px */
}
/* Partial fix for bug #1106 */
/* Target Firefox 2 (somehow this will force almost all window borders on top of a Flash object) */
.v-window-contents, x:-moz-any-link {
	overflow: hidden;
}
/* Target Firefox 3 (it doesn't need any trickery, so revert the previous) */
.v-window-contents, x:-moz-any-link, x:default {
	overflow: visible;
}
.v-window-footer {
	overflow: hidden;
	zoom: 1;
	height: 10px;
	position: relative;
}
.v-window-resizebox {
	width: 10px;
	height: 10px;
	cursor: se-resize;
	background: #ddd;
	overflow: hidden;
	position: absolute;
	right: 0;
}
.v-window div.v-window-footer-noresize {
	height: 0;
}
.v-window-resizebox-disabled {
	cursor: default;
	display: none;
}
.v-window-closebox {
	position: absolute;
	top: 0;
	right: 0;
	width: 1em;
	height: 1em;
	background: red;
	cursor: pointer;
	overflow: hidden;
}
.v-window-modalitycurtain {
	top: 0;
	left: 0;
	background: #999;
	opacity: 0.5;
	position: fixed;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
}
/* IE6 workaround for position:fixed; */
.v-ie6 .v-window-modalitycurtain { 
	position: absolute;
	top: expression(document.documentElement.scrollTop + "px"); 
}
/* min-width for IE6 */
.v-ie6 .v-window {
	width: 0; /*  */
}
/* Shadow for window */
.v-shadow-window {
	position: absolute;
}
.v-shadow-window .top-left {
    position: absolute; overflow: hidden;
    top: -10px;             left: -15px;
    width: 28px;         height: 28px;
    background: transparent url(../base/window/img/shadow/top-left.png);
}
.v-shadow-window .top {
    position: absolute; overflow: hidden;
    top: -10px;             left: 13px;
    height: 28px;
    right: 13px;
    background: transparent url(../base/window/img/shadow/top.png);
}
.v-shadow-window .top-right {
    position: absolute; overflow: hidden;
    top: -10px;             right: -15px;
    width: 28px;         height: 28px;
    background: transparent url(../base/window/img/shadow/top-right.png);
}
.v-shadow-window .left {
    position: absolute; overflow: hidden;
    top: 18px;           left: -15px;
    width: 28px;
    bottom: 10px;
    background: transparent url(../base/window/img/shadow/left.png);
}
.v-shadow-window .center {
    position: absolute; overflow: hidden;
    top: 18px;           left: 13px;
    bottom: 10px;        right: 13px;
    background: transparent url(../base/window/img/shadow/center.png);
}
.v-shadow-window .right {
    position: absolute; overflow: hidden;
    top: 18px;           right: -15px;
    width: 28px;
    bottom: 10px;
    background: transparent url(../base/window/img/shadow/right.png);
}
.v-shadow-window .bottom-left {
    position: absolute; overflow: hidden;
    bottom: -18px;           left: -15px;
    width: 28px;          height: 28px;
    background: transparent url(../base/window/img/shadow/bottom-left.png);
}
.v-shadow-window .bottom {
    position: absolute; overflow: hidden;
    bottom: -18px;           left: 13px;
    right: 13px;          height: 28px;
    background: transparent url(../base/window/img/shadow/bottom.png);
}
.v-shadow-window .bottom-right {
    position: absolute; overflow: hidden;
    bottom: -18px;           right: -15px;
    width: 28px;          height: 28px;
    background: transparent url(../base/window/img/shadow/bottom-right.png);
}
/* For IE6 (no transparent png's, we use a blur filter) */
.v-ie6 .v-shadow-window * {
	display: none;
}
.v-ie6 .v-shadow-window {
	background: #000;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=5) alpha(opacity=20);
	margin-top: 2px;
	margin-left: 2px;
}
/* Automatically compiled css file from subdirectories. */

/* ./WebContent/VAADIN/themes/reindeer/a-sprite-definitions/a-sprite-definitions.css */
/*------------
 * General vertical and horizontal sprites 
 * -----------*/


/*------------
 * Buttons 
 * -----------*/

/* ./WebContent/VAADIN/themes/reindeer/accordion/accordion.css */
.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;
}

/* ./WebContent/VAADIN/themes/reindeer/button/button.css */
/* We serve simpler buttons for IE6, since it doesn't support the adjacent 
 * sibling selector (+) that is needed to position .v-icon properly.
 */
div > .v-button,
.v-ie7 .v-button,
div > .v-button.v-disabled,
.v-ie7 .v-button.v-disabled {
	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 -0px;
	border: none;
	cursor: default;
}
/* Error indicator need this */
.v-ff .v-button,
.v-sa .v-button {
	position: relative;
}
div > .v-button .v-button-caption,
.v-ie7 .v-button .v-button-caption,
div > .v-button.v-disabled .v-button-caption,
.v-ie7 .v-button.v-disabled .v-button-caption {
	display: inline-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 -26px;
	text-shadow: #fff 0 1px 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	float: none;
}
.v-sa .v-button .v-button-caption {
	height: 21px;
	padding-top: 5px;
}
.v-ch .v-button .v-button-caption,
.v-ch .v-button .v-icon {
	position: relative;
	top: -1px;
	left: -3px;
}
.v-button:focus {
  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:focus .v-button-caption {
  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:active,
.v-ie7 .v-button.v-pressed {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: left -104px;
	outline: none;
}
.v-button:active .v-button-caption,
.v-ie7 .v-button.v-pressed .v-button-caption {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: right -130px;
	outline: none;
}
/* FF3 & FF2 */
.v-button::-moz-focus-inner {
	border: none;
	padding: 0;
}
.v-ff2 .v-button .v-button-caption {
	display: -moz-inline-box;
	padding-top: 6px;
	height: 20px;
}
/* IE7 */
.v-ie7 .v-button.v-pressed .v-button-caption {
	position: relative;
}
.v-ie7 .v-button.v-pressed .v-icon {
	z-index: 2;
}
/* Opera */
.v-op .v-button:active .v-button-caption {
	margin-top: -1px;
	margin-left: -1px;
}
.v-op .v-button:active .v-icon + .v-button-caption,
.v-op .v-button:active .v-icon + .v-errorindicator + .v-button-caption {
	margin-left: -26px;
}
/* Modifications for buttons with icons */
div > .v-button .v-icon,
.v-ie7 .v-button .v-icon,
div > .v-button.v-disabled .v-icon,
.v-ie7 .v-button.v-disabled .v-icon {
	display: inline-block;
	width: 16px;
	overflow: hidden;
	position: relative;
	margin: -1px 3px 0 6px;
}
.v-ff2 .v-button .v-icon,
.v-ff2 .v-button.v-disabled .v-icon {
	display: block;
	float: left;
	margin-top: 4px;
}
.v-ch .v-button .v-icon,
.v-ch .v-button.v-disabled .v-icon {
	z-index: 2;
}
.v-ff2 .v-button-link .v-icon,
.v-ff2 .v-button-link.v-disabled .v-icon {
	margin: 0;
}
.v-button .v-icon + .v-button-caption,
.v-button .v-icon + .v-errorindicator + .v-button-caption,
.v-button.v-disabled .v-icon + .v-button-caption,
.v-button.v-disabled .v-icon + .v-errorindicator + .v-button-caption {
	margin-left: -25px;
	padding-left: 25px;
}
/* Buttons with error indicator */
div > .v-button .v-errorindicator,
.v-ie7 .v-button .v-errorindicator {
	position: absolute;
	display: block;
	width: 9px;
	height: 16px;
	background: transparent url(common/icons/error.png) no-repeat 50%;
	padding: 0;
	margin: 0;
	z-index: 3;
}
.v-ie7 .v-button.v-pressed .v-errorindicator {
	display: none;
}
.v-ie7 .v-button .v-icon + .v-errorindicator + .v-button-caption {
	margin-left: 0;
}
.v-ie6 .v-button .v-errorindicator {
	position: absolute;
	display: inline;
	width: 9px;
	height: 16px;
	background: transparent url(common/icons/error-ie6.png) no-repeat 50%;
}
.v-ff .v-button .v-errorindicator,
.v-sa .v-button .v-errorindicator {
	top: 2px;
	left: 16px;
}
/* Buttons with explicit size */
.v-button[style*="width"] .v-button-caption {
	display: block;
}
.v-button[style*="width"] .v-icon + .v-button-caption,
.v-button[style*="width"] .v-icon + .v-errorindicator + .v-button-caption {
	margin-left: 0;
}
.v-button[style*="width"] .v-icon,
.v-ie7 .v-button .v-icon {
	position: absolute;
	top: 4px;
}
.v-ie7 .v-button > .v-button-caption {
	display: block;
	margin-left: 0;
}

/**
 * Default action button style --------------------------
 */
div > .v-button-primary,
.v-ie7 .v-button-primary,
div > .v-button-primary.v-disabled,
.v-ie7 .v-button-primary.v-disabled {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: left -156px;
}
div > .v-button-primary .v-button-caption,
.v-ie7 .v-button-primary .v-button-caption,
div > .v-button-primary.v-disabled .v-button-caption,
.v-ie7 .v-button-primary.v-disabled .v-button-caption {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: right -182px;
}
.v-button-primary:focus {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: left -208px;
}
.v-button-primary:focus .v-button-caption {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: right -234px;
}
.v-button-primary:active,
.v-ie7 .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 -260px;
}
.v-button-primary:active .v-button-caption,
.v-ie7 .v-button-primary.v-pressed .v-button-caption {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: right -286px;
}
/* 
 * Small-style --------------------------
 */
div > .v-button-small,
.v-ie7 .v-button-small,
div > .v-button-small.v-disabled,
.v-ie7 .v-button-small.v-disabled {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: left -312px;
	height: 20px;
}
div > .v-button-small .v-button-caption,
.v-ie7 .v-button-small .v-button-caption,
div > .v-button-small.v-disabled .v-button-caption,
.v-ie7 .v-button-small.v-disabled .v-button-caption {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: right -332px;
	height: 19px;
	padding: 1px 11px 0 5px;
	font-weight: normal;
}
.v-ff2 .v-button-small .v-button-caption {
	height: 17px;
	padding-top: 3px;
}
.v-sa .v-button-small .v-button-caption {
	height: 18px;
	padding-top: 2px;
}
.v-button-small:focus {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: left -352px;
}
.v-button-small:focus .v-button-caption {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: right -372px;
}
.v-button-small:active,
.v-ie7 .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 -392px;
}
.v-button-small:active .v-button-caption,
.v-ie7 .v-button-small.v-pressed .v-button-caption {
  background-image: url(button/img/button-sprites.png);
  -background-image: url(button/img/button-sprites-ie6.png);
  background-position: right -412px;
}

/*------------
* Black buttons
*------------*/
.black div > .v-button,
.v-ie7 .black .v-button,
.black div > .v-button.v-disabled,
.v-ie7 .black .v-button.v-disabled {
  background-image: url(button/img/black-button-sprites.png);
  -background-image: url(button/img/black-button-sprites-ie6.png);
  background-position: left -0px;
}
.black div > .v-button .v-button-caption,
.v-ie7 .black .v-button .v-button-caption,
.black div > .v-button.v-disabled .v-button-caption,
.v-ie7 .black .v-button.v-disabled .v-button-caption {
  background-image: url(button/img/black-button-sprites.png);
  -background-image: url(button/img/black-button-sprites-ie6.png);
  background-position: right -26px;
	color: #c9ccce;
	text-shadow: rgba(0,0,0,.8) 0 -1px 0;
}
.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 -52px;
}
.black .v-button:focus .v-button-caption {
  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:active,
.v-ie7 .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 -104px;
}
.black .v-button:active .v-button-caption,
.v-ie7 .black .v-button.v-pressed .v-button-caption {
  background-image: url(button/img/black-button-sprites.png);
  -background-image: url(button/img/black-button-sprites-ie6.png);
  background-position: right -130px;
}

/*
 * Primary-style ----------------------------
 */
.black div > .v-button-primary,
.v-ie7 .black .v-button-primary,
.black div > .v-button-primary.v-disabled,
.v-ie7 .black .v-button-primary.v-disabled {
  background-image: url(button/img/black-button-sprites.png);
  -background-image: url(button/img/black-button-sprites-ie6.png);
  background-position: left -156px;
}
.black div > .v-button-primary .v-button-caption,
.v-ie7 .black .v-button-primary .v-button-caption,
.black div > .v-button-primary.v-disabled .v-button-caption,
.v-ie7 .black .v-button-primary.v-disabled .v-button-caption {
  background-image: url(button/img/black-button-sprites.png);
  -background-image: url(button/img/black-button-sprites-ie6.png);
  background-position: right -182px;
}
.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 -208px;
}
.black .v-button-primary:focus .v-button-caption {
  background-image: url(button/img/black-button-sprites.png);
  -background-image: url(button/img/black-button-sprites-ie6.png);
  background-position: right -234px;
	color: #eaf4fb;
}
.black .v-button-primary:active,
.v-ie7 .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 -260px;
}
.black .v-button-primary:active .v-button-caption,
.v-ie7 .black .v-button-primary.v-pressed .v-button-caption {
  background-image: url(button/img/black-button-sprites.png);
  -background-image: url(button/img/black-button-sprites-ie6.png);
  background-position: right -286px;
}

/* 
 * Small-style --------------------------
 */
.black div > .v-button-small,
.v-ie7 .black .v-button-small,
.black div > .v-button-small.v-disabled,
.v-ie7 .black .v-button-small.v-disabled {
  background-image: url(button/img/black-button-sprites.png);
  -background-image: url(button/img/black-button-sprites-ie6.png);
  background-position: left -312px;
}
.black div > .v-button-small .v-button-caption,
.v-ie7 .black .v-button-small .v-button-caption,
.black div > .v-button-small.v-disabled .v-button-caption,
.v-ie7 .black .v-button-small.v-disabled .v-button-caption {
  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:focus {
  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:focus .v-button-caption {
  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:active,
.v-ie7 .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 -392px;
}
.black .v-button-small:active .v-button-caption,
.v-ie7 .black .v-button-small.v-pressed .v-button-caption {
  background-image: url(button/img/black-button-sprites.png);
  -background-image: url(button/img/black-button-sprites-ie6.png);
  background-position: right -412px;
}




/**
 * Link style buttons -----------------------
 */
div > .v-button.v-button-link,
div > .v-button.v-button-link:focus,
div > .v-button.v-button-link:active,
.v-ie7 .v-button-link,
.v-ie7 .v-button-link.v-pressed,
div > .v-button.v-button-link.v-disabled,
.v-ie7 .v-button-link.v-disabled {
	background: transparent;
	height: auto;
	padding: 0;
	cursor: pointer;
}
div > .v-button.v-button-link .v-button-caption,
div > .v-button.v-button-link:focus .v-button-caption,
div > .v-button.v-button-link:active .v-button-caption,
.v-ie7 .v-button-link .v-button-caption,
.v-ie7 .v-button-link.v-pressed .v-button-caption,
div > .v-button.v-button-link.v-disabled .v-button-caption,
.v-ie7 .v-button-link.v-disabled .v-button-caption {
	background: transparent;
	height: auto;
	padding: 0;
	display: inline;
	font-weight: normal;
	color: #1b699f;
	font-size: 12px;
	text-shadow: none;
}
.v-button.v-button-link .v-icon + .v-button-caption {
	margin: 0;
	padding: 0;
}
.v-button.v-button-link:focus {
	outline: 1px dotted #1b699f;
}
div > .v-button-link .v-icon,
.v-ie7 .v-button-link .v-icon,
div > .v-disabled.v-button-link .v-icon,
.v-ie7 .v-disabled.v-button-link .v-icon {
	position: static;
	width: auto;
}



/**
 * 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: 3px 15px 2px 15px;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	height: 16px;
	outline: none;
	cursor: default;
}
.v-ie6 .v-button-primary {
	background-image: url(button/img/primary-right.png);
}
.v-ie6 .v-button-small {
	font-weight: normal;
	padding: 1px 11px 0 11px;
	height: 12px;
	line-height: normal;
	background-image: url(button/img/small-right.png);
}
.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 button in IE6 */
.v-ie6 .v-button-link {
	border: none;
	padding: 0;
	background: transparent;
	line-height: normal;
	font-size: 12px;
	font-weight: normal;
}

/* ./WebContent/VAADIN/themes/reindeer/common/common.css */
.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 {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #222;
}
/* Fonts for Safari, exchange Helvetica for Arial */
.v-sa .v-app,
.v-sa .v-window,
.v-sa .v-popupview-popup,
.v-sa .v-tooltip,
.v-sa .v-app input,
.v-sa .v-app select,
.v-sa .v-app button,
.v-sa .v-app textarea,
.v-sa .v-window input,
.v-sa .v-window select,
.v-sa .v-window button,
.v-sa .v-window textarea,
.v-sa .v-popupview-popup input,
.v-sa .v-popupview-popup select,
.v-sa .v-popupview-popup button,
.v-sa .v-popupview-popup textarea,
.v-sa .v-filterselect-suggestpopup,
.v-sa .v-datefield-popup,
.v-sa .v-contextmenu,
.v-Notification,
.v-menubar-submenu {
	font-family: Helvetica, Arial, "Lucida Grande", Geneva, Tahoma, Verdana, sans-serif;
}
/* 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;
	line-height: 13px;
	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;
}

/* ./WebContent/VAADIN/themes/reindeer/datefield/datefield.css */
.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;
}
.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-weekdays strong {
	display: block;
	text-align: right;
	padding-right: 5px;
	height: 15px;
	border-top: 1px solid #596775;
}
.v-datefield-calendarpanel .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 .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-day-today {
	padding: 2px 5px 2px 0;
	display: block;
	margin: 1px 0 0 6px;
}
.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-radisu: 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 .v-datefield-textfield {
	border-right: none;
	height: 18px;
}
.v-ff .v-datefield-popupcalendar .v-datefield-textfield,
.v-op .v-datefield-popupcalendar .v-datefield-textfield {
	border-radius-topright: 0;
	border-radius-bottomright: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
}
.v-sa .v-datefield-popupcalendar .v-datefield-textfield,
.v-ff35 .v-datefield-popupcalendar .v-datefield-textfield {
	border-width: 0 0 0 3px;
}
.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 -334px;
	cursor: default;
}
.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 -357px;
}

/* 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;
}

/* ./WebContent/VAADIN/themes/reindeer/formlayout/formlayout.css */
.v-formlayout-cell .v-errorindicator {
	width: 13px;
	height: 16px;
	background: transparent url(common/icons/error.png) no-repeat 50%;
}
.v-ie6 .v-formlayout-cell .v-errorindicator {
	background-image: url(common/icons/error-ie6.png);
}
.v-formlayout-captioncell {
	text-align: right;
	white-space: nowrap;
}
.v-formlayout-spacing .v-formlayout-row .v-formlayout-captioncell, 
.v-formlayout-spacing .v-formlayout-row .v-formlayout-contentcell,
.v-formlayout-spacing .v-formlayout-row .v-formlayout-errorcell {
	padding-top: 8px;
}
.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-captioncell, 
.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-contentcell,
.v-formlayout-margin-top .v-formlayout-firstrow .v-formlayout-errorcell {
	padding-top: 15px;
}
.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-captioncell,
.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-contentcell,
.v-formlayout-margin-bottom .v-formlayout-lastrow .v-formlayout-errorcell {
	padding-bottom: 15px;
}
.v-formlayout-margin-left .v-formlayout-captioncell {
	padding-left: 18px;
} 
.v-formlayout-margin-right .v-formlayout-contentcell {
	padding-right: 18px;
}
/* form */
.v-form-errormessage {
	background: transparent url(icons/16/error.png) no-repeat top left;
	padding-left: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
	min-height: 20px;
}
.v-ie6 .v-form-errormessage {
	height: 20px
}
.v-form fieldset {
	border: none;
	border-top: 1px solid #babfc0;
}
.v-form legend {
	margin: 0;
	padding: 0 4px 0.3em 4px;
	font-weight: bold;
}

/* ./WebContent/VAADIN/themes/reindeer/label/label.css */
.v-label {
	line-height: 18px;
}
.v-label-h1,
.v-label-h2,
.v-caption-h1,
.v-caption-h2 {
	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 {
	font-size: 16px;
	line-height: 22px;
}
.v-label-light {
	font-size: 11px;
	line-height: 13px;
	color: #707070;
}

.blue .v-label-h1,
.blue .v-label-h2,
.blue .v-caption-h1,
.blue .v-caption-h2 {
	color: #fff;
	text-shadow: rgba(0,0,0,.3) 0 1px 1px;
}
.blue .v-label-light {
	color: #6e7c83;
}

.black .v-label-h1,
.black .v-label-h2,
.black .v-caption-h1,
.black .v-caption-h2 {
	color: #fff;
	text-shadow: rgba(0,0,0,.8) 0 2px 2px;
}
.black .v-label-light {
	color: #72787c;
}

.v-label hr {
	height: 1px;
	overflow: hidden;
	background: #dcdcdc;
	border: none;
	border-bottom: 1px solid #fff;
}
.blue .v-label hr {
	background: #a3bcc9;
	border-bottom-color: #cfe2eb;
}
.black .v-label hr {
	background: #0c0d0e;
	border-bottom-color: #292b2e;
}

/* Labels inside Table don't need a line-height */
.v-table .v-label {
	line-height: normal;
}

/* ./WebContent/VAADIN/themes/reindeer/layouts/layouts.css */
.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;
}
/* Blue background */
.v-verticallayout-blue,
.v-horizontallayout-blue,
.v-orderedlayout-blue,
.v-panel-content > div.blue {
	background-color: #bcd3de;
}
/* Black background */
.v-verticallayout-black,
.v-horizontallayout-black,
.v-orderedlayout-black,
.v-panel-content > div.black {
	background: #16181a url(layouts/img/black-bg.png) repeat-x;
}

/* ./WebContent/VAADIN/themes/reindeer/menubar/menubar.css */
.v-menubar {
	height: 23px;
	overflow: hidden;
	background: #323336 repeat-x;
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -380px;
	color: #d1d3d6;
	text-shadow: rgba(0,0,0,.9) 0 1px 0;
}
.v-menubar table {
	margin-left: 8px;
	height: 23px;
}
.v-menubar .menuitem {
	padding: 3px 8px;
	height: 17px;
}
.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 .menuitem {
	padding: 1px 15px 1px 10px;
	height: 16px;
}
.v-menubar .menuitem-selected,
.v-menubar-submenu .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 -403px;
	color: #fff;
	text-shadow: #3b5a7a 0 1px 0;
}
.v-menubar .menuitem-selected {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -423px;
}

/* Submenu icon (remove after #2849 is fixed) */
.v-menubar-submenu .menuitem img[align="right"] {
	margin-right: -15px;
}
.v-ie .v-menubar-submenu .menuitem img[align="right"] {
	margin-top: -14px;
}

/* ./WebContent/VAADIN/themes/reindeer/notification/notification.css */
.v-Notification {
	color: #fff;
	border-radius: 4px
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 100%;
	background: #babcbe;
}
.v-Notification.warning {
	background: #f4a100;
}
.v-Notification.error {
	background: #d82000;
}
.v-Notification.tray {
	margin: 0 5px 5px 0;
	background: #16181a;
}
.v-Notification.tray h1 {
	font-size: 14px;
}
.v-Notification.tray p {
	font-size: 12px;
}

/* ./WebContent/VAADIN/themes/reindeer/panel/panel.css */
.v-panel-caption,
.v-panel-nocaption {
	border-bottom: 1px solid #dcdcdc;
	line-height: 16px; /* accommodate minimum icon size */
}
.v-sa .v-panel-caption,
.v-sa .v-panel-nocaption,
.v-ff3 .v-panel-caption,
.v-ff3 .v-panel-nocaption {
	border-bottom-color: rgba(0,0,0,.1);
}
.v-panel-caption {
	padding-bottom: 2px;
}
.v-panel-content {
	border: 1px solid #dcdcdc;
	border-bottom: none;
	border-top: none;
}
.blue .v-panel-content {
	border-color: #a8bcc5;
}
.v-sa .v-panel-content,
.v-ff3 .v-panel-content {
	border-color: rgba(0,0,0,.1);
}
.v-panel-content > div,
.v-ie6 .v-panel-content {
	background: #fff;
	min-height: 100%;
}
.v-panel-deco {
	height: 1px;
	border-top: 1px solid #bebebe;
	background: #e2e2e2;
	overflow: hidden;
}
.blue .v-panel-deco {
	border-color: #92a3ac;
	background: #adc2cd;
}
.v-sa .v-panel-deco,
.v-ff3 .v-panel-deco {
	border-top-color: rgba(0,0,0,.1);
	background: rgba(0,0,0,.08);
}
.v-panel-caption .v-errorindicator {
	height: 16px;
	width: 13px;
	background: url(common/icons/error.png) no-repeat 50%;
	display: inline;
	display: inline-block;
	vertical-align: middle;
}
.v-ie6 .v-panel-caption .v-errorindicator {
	background-image: url(common/icons/error-ie6.png);
}
.v-ff2 .v-panel-caption .v-errorindicator  {
	display: -moz-inline-stack;
}

/* Light style */
.v-panel-caption-light,
.v-panel-nocaption-light {
	border: none;
}
.v-panel-content-light {
	border: none;
}
.v-panel-content-light > div {
	background: transparent;
}
.v-panel-deco-light {
	height: 0;
	border: none;
}

/* ./WebContent/VAADIN/themes/reindeer/progressindicator/progressindicator.css */
.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);
}

/* ./WebContent/VAADIN/themes/reindeer/select/select.css */
.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 -446px;
	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 -471px;
}
.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 -495px;
	border: none;
	height: 21px;
}
/* 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: 3px 0 0 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 -519px;
}
.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 -544px;
}
.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 -568px;
}
.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 -592px;
	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 -616px;
}
.v-filterselect-button:active {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -640px;
}
.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 -664px;
}
.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 -688px;
}
.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 -712px;
}
.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 -736px;
}
.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 -760px;
	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 -780px;
}
.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 -791px;
}
.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 -802px;
}
.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 -813px;
}
.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 -824px;
	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 -835px;
}
.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 -846px;
}
.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 -857px;
}
.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 -868px;
	-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: 1px solid #343536;
	border-top-color: #2a2a2b;
	border-bottom-color: #3a3b3c;
	background: #1b1d1e;
	color: #c9ccce;
}

/* Twincolselect needs a little tweak in IE6 */
.v-ie6 .v-select-twincol-buttons {
	overflow: hidden;
}

/* ./WebContent/VAADIN/themes/reindeer/slider/slider.css */
.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 -885px;
	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 -895px;
}
.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;
}

/* ./WebContent/VAADIN/themes/reindeer/splitpanel/splitpanel.css */
.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;
	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 -905px;
}
.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 -912px;
}

/* Small style */
.v-splitpanel-hsplitter-small,
.v-splitpanel-hsplitter-small-locked {
	width: 1px;
	background: #949698;
}
.v-splitpanel-vsplitter-small,
.v-splitpanel-vsplitter-small-locked {
	height: 1px;
	background: #949698;
}
.v-splitpanel-hsplitter-small div {
	width: 3px;
	margin-left: -2px;
	background: transparent;
}
.v-splitpanel-vsplitter-small div {
	height: 3px;
	margin-top: -2px;
	background: transparent;
}

/* ./WebContent/VAADIN/themes/reindeer/table/table.css */
.v-table-header-wrap {
	border-color: #c2c3c4;
	background: transparent repeat-x;
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -919px;
	height: 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #222;
	text-shadow: #fff 0 1px 0;
	line-height: normal;
}
.v-table-header {
	height: 20px;
}
.v-table-caption-container {
	heigth: 16px;
	padding-top: 4px;
	padding-right: 4px;
}
.v-table-caption-container .v-icon {
	height: 16px;
	margin: -4px 3px 0 0;
	vertical-align: middle;
}
.v-ie .v-table-caption-container .v-icon {
	margin-top: -3px;
}
.v-table-resizer {
	height: 20px;
	width: 2px;
	background: transparent;
	border-right: 1px solid #c2c3c4;
}
.v-table-header-cell-asc .v-table-caption-container {
	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 -939px;
}
.v-table-header-cell-desc .v-table-caption-container {
	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 -959px;
}
.v-table-body {
	border-color: #c2c3c4;
	background: #fff;
}
.v-table-cell-content {
	padding-top: 0;
	border-right-color: #d3d4d5;
	vertical-align: top;
}
.v-table-cell-wrapper {
	padding-top: 3px;
	padding-bottom: 3px;
}
.v-table-row-odd {
	background: #eff0f1;
}
.v-table .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 -979px;
}
.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 -999px;
}
.v-table-focus-slot-left {
	border-left-color: #222;
	margin-left: 0;
}
.v-table-focus-slot-right {
	border-right-color: #222;
	margin-right: 0;
}
.v-table-header-drag {
	font-family: arial, helvetica, verdana, sans-serif;
	background: transparent repeat-x;
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1019px;
	padding: 4px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #222;
	text-shadow: #fff 0 1px 0;
	line-height: normal;
}
.v-table-header-drag * {
	vertical-align: middle;
}
.v-table-header-drag img {
	height: 16px;
	margin: -3px 3px 0 0;
}
.v-table-scrollposition {
	width: auto;
	background: transparent;
	border: none;
}
.v-table-scrollposition span {
	background: transparent repeat-x;
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1039px;
	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;
	color: #222;
	text-shadow: #fff 0 1px 0;
	width: 100px;
	position: relative;
	top: 1px;
	-webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px;
}
/* row in column selector */
.v-contextmenu .v-on,
.v-contextmenu .v-off {
	display: block;
	background: transparent no-repeat 0 4px;
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1061px;
	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 -1075px;
}


/* Strong style */
.v-table-strong .v-table-header-wrap {
	border-color: #2b3033;
	border-top-color: #2b3033;
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1090px;
	color: #e7e9ea;
	text-shadow: #000 0 -1px 0;
}
.v-table-strong .v-table-resizer {
	border-right-color: #1c1f21;
}
.v-table-strong .v-table-header-cell-asc .v-table-caption-container {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: right -1110px;
}
.v-table-strong .v-table-header-cell-desc .v-table-caption-container {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: right -1129px;
}
.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 -1148px;
}
.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 -1168px;
}
.v-table-strong .v-table-header-drag {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1188px;
	color: #e7e9ea;
	text-shadow: #000 0 -1px 0;
}
.v-table-strong .v-table-focus-slot-left,
.v-table-strong .v-table-focus-slot-right {
	border-color: #9ca1a5;
}


/* Table on black background (normal style) */
.black .v-table-header-wrap {
	border-color: #252729;
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: left -622px;
	color: #e7eaee;
	text-shadow: #000 0 -1px 0;
}
.black .v-table-resizer {
	border-right-color: #252729;
}
.black .v-table-header-cell-asc .v-table-caption-container {
  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-caption-container {
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: right -661px;
}
.black .v-table-column-selector {
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: left -680px;
}
.black .v-table-column-selector:active {
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: left -700px;
}
.black .v-table-header-drag {
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: left -720px;
	color: #e7eaee;
	text-shadow: #000 0 -1px 0;
}
.black .v-table-focus-slot-left,
.black .v-table-focus-slot-right {
	border-color: #9ca1a5;
}
.black .v-table-body {
	border-color: #252729;
	background: transparent;
}
.black .v-table-cell-content {
	border-right-color: #252729;
	border-bottom: 1px solid #252729;
}
.black .v-table-cell-wrapper {
	padding-bottom: 2px;
}
.black .v-table-row-odd {
	background: transparent;
}
/* Selection background-color combined with default style selector, so we don't have to duplicate the sprite image in the final sprite collection */
.black .v-table .v-selected .v-table-cell-content {
	border-bottom: 1px solid #4d749f;
}


/* Borderless style */
.v-table-borderless .v-table-header-wrap,
.v-table-borderless .v-table-body {
	border: none;
}

/* ./WebContent/VAADIN/themes/reindeer/tabsheet/tabsheet.css */
.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 -1208px;
	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 -1240px;
}
.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 -1272px;
	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 -1304px;
	padding: 9px 8px 0 6px;
}
.v-tabsheet-tabitem .v-captiontext {
	height: 16px;
	line-height: 16px;
}
.v-tabsheet-tabitemcell-selected {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1336px;
}
.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 -1368px;
}
.v-tabsheet-tabitem-selected {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1400px;
	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 -1432px;
}
.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 -1464px;
}
.v-tabsheet-content {
	border: 1px solid #dcdcdc;
	border-bottom: none;
	border-top: none;
	color: #222;
	text-shadow: none;
}
.blue .v-tabsheet-content {
	border-color: #a8bcc5;
}
.v-tabsheet-tabsheetpanel {
	background: #fff;
}
.v-sa .v-tabsheet-content,
.v-ff3 .v-tabsheet-content {
	border-color: rgba(0,0,0,.1);
}
.v-tabsheet-deco {
	height: 1px;
	border-top: 1px solid #bebebe;
	background: #e2e2e2;
	overflow: hidden;
}
.blue .v-tabsheet-deco {
	border-color: #92a3ac;
	background: #adc2cd;
}
.v-sa .v-tabsheet-deco,
.v-ff3 .v-tabsheet-deco {
	border-top-color: rgba(0,0,0,.1);
	background: rgba(0,0,0,.08);
}
.v-tabsheet-scroller {
	height: 31px;
	margin-top: -31px;
	padding-right: 3px;
	border-right: 1px solid #afafaf;
	position: relative;
	float: right;
}
.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 -1496px;
	width: 18px;
	height: 17px;
	overflow: hidden;
	cursor: default;
}
.v-tabsheet-scroller button::-moz-focus-inner {
	border: none;
}
.v-tabsheet-scrollerNext {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1513px;
}
.v-tabsheet-scrollerPrev:active {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1530px;
}
.v-tabsheet-scrollerNext:active {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1547px;
}
.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 -1564px;
	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 -1581px;
	opacity: 1;
	filter: none;
}
.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;
}






/**
 * Minimal style --------------
 */
.v-tabsheet-minimal .v-tabsheet-spacertd div {
	border-bottom: 1px solid #bfbfbf;
	height: auto;
	background: transparent;
}
.v-tabsheet-minimal .v-tabsheet-tabitemcell,
.v-tabsheet-minimal .v-tabsheet-spacertd {
	height: auto;
	background: transparent;
	padding-left: 0;
}
.v-tabsheet-minimal .v-tabsheet-tabitem {
	border: none;
	border-bottom: 1px solid #bfbfbf;
	color: #4d748f;
	padding: 0;
	height: auto;
	background: transparent;
	text-shadow: none;
}
.v-tabsheet-minimal .v-tabsheet-tabitem .v-caption {
	padding: 5px 16px;
	height: auto;
	background: transparent;
}
.v-tabsheet-minimal .v-tabsheet-tabitemcell-selected {
	background: transparent;
}
.v-tabsheet-minimal .v-tabsheet-tabitem-selected {
	background: transparent;
	border: 1px solid #bfbfbf;
	border-bottom: none;
	color: #222;
}
.v-tabsheet-minimal .v-tabsheet-tabitem-selected .v-caption {
	background: transparent;
	padding: 4px 15px 6px 15px;
}
.v-tabsheet-content-minimal {
	border: none;
}
.v-tabsheet-content-minimal .v-tabsheet-tabsheetpanel {
	background: transparent;
}
.v-tabsheet-deco-minimal {
	height: 0;
	border: none;
}
.v-tabsheet-minimal .v-tabsheet-scroller {
	margin-top: -20px;
	height: 17px;
	padding-right: 0;
	border-right: none;
	position: static;
	float: none;
}
.v-tabsheet-minimal .v-tabsheet-scroller button {
	margin-top: 0;
}
/* Minimal tabsheet on blue background */
.blue .v-tabsheet-minimal .v-tabsheet-spacertd div,
.blue .v-tabsheet-minimal .v-tabsheet-tabitem,
.blue .v-tabsheet-minimal .v-tabsheet-tabitem-selected  {
	border-color: #7c8a91;
}
/* Minimal tabsheet on black background */
.black .v-tabsheet-minimal .v-tabsheet-spacertd div,
.black .v-tabsheet-minimal .v-tabsheet-tabitem,
.black .v-tabsheet-minimal .v-tabsheet-tabitem-selected  {
	border-color: #3e4044;
	color: #6a7f89;
}
.black .v-tabsheet-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;
}






/**
 * Bar style ---------------
 */
.v-tabsheet-bar .v-tabsheet-tabitemcell,
.v-tabsheet-bar .v-tabsheet-spacertd {
	height: 20px;
}
.v-tabsheet-bar .v-tabsheet-spacertd {
	background: transparent;
}
.v-tabsheet-bar .v-tabsheet-tabitemcell {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1599px;
}
.v-tabsheet-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 -1619px;
}
.v-tabsheet-bar .v-tabsheet-tabitem,
.v-tabsheet-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 -1639px;
	font-size: 11px;
	margin: 0;
}
.v-tabsheet-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 -1659px;
	padding: 2px 12px 0 10px;
}
.v-tabsheet-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 -1679px;
}
.v-tabsheet-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 -1699px;
}
.v-tabsheet-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 -1719px;
	color: #232930;
}
.v-tabsheet-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 -1739px;
}
.v-tabsheet-bar .v-tabsheet-scroller {
	margin-top: -19px;
}
.v-tabsheet-bar .v-tabsheet-scroller {
	margin-top: -19px;
	height: 17px;
	padding-right: 0;
	border-right: none;
	position: static;
	float: none;
}
.v-tabsheet-bar .v-tabsheet-scroller button {
	margin-top: 0;
}
.v-tabsheet-content-bar {
	border: none;
}
.v-tabsheet-content-bar .v-tabsheet-tabsheetpanel {
	background: transparent;
}
.v-tabsheet-deco-bar {
	height: 0;
	border: none;
}
/* Content area font color specified with minimal style (reduces additional selectors) */

/* ./WebContent/VAADIN/themes/reindeer/textfield/textfield.css */
.v-textfield {
	line-height: normal;
	height: 19px;
	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 -1759px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 0;
}
/* Need more specific selector because of #2384 fixes in base/common/common.css */
.v-app input.v-textfield {
	padding: 3px 3px 0 3px;
}
/* Textfield on blue background */
.blue .v-textfield {
	border-color: #92a2aa;
	border-top-color: #7c8a90;
	border-bottom-color: #a1b3bc;
}
.v-app .v-textfield-focus,
.v-window .v-textfield-focus,
.v-popupview-popup .v-textfield-focus {
	border-color: #5b97d0;
	border-top-color: #4f83b4;
	border-bottom-color: #5ca0df;
	outline: none;
}
input.v-textfield-prompt {
	font-style: normal;
	color: #999;
}
/* Capable browsers get fancier border images */
.v-sa input.v-textfield,
.v-ff35 input.v-textfield {
	border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	background: transparent;
	border-width: 0 3px 0 3px;
	padding: 4px 0 0 0;
	height: 20px;
	-webkit-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
	-moz-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
	-o-border-image: url(textfield/img/bg-border-image.png) 0 3 0 3 stretch stretch;
}
.v-sa input.v-textfield-focus,
.v-ff35 input.v-textfield-focus {
	-webkit-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
	-moz-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
	-o-border-image: url(textfield/img/bg-border-image-focus.png) 0 3 0 3 stretch stretch;
}
/* Small style textfield */
.v-app input.v-textfield-small,
.v-sa input.v-textfield-small,
.v-ff35 input.v-textfield-small {
	font-size: 11px;
	height: 15px;
}
.v-sa input.v-textfield-small,
.v-ff35 input.v-textfield-small {
	height: 16px;
}
.v-table input.v-textfield {
	margin-top: -3px;
	height: 15px;
	line-height: normal;
}
.v-ie .v-table input.v-textfield {
	padding-top: 1px;
}
/* Textfield on black background */
.black .v-textfield {
	border-color: #343536;
	border-top-color: #2a2a2b;
	border-bottom-color: #3a3b3c;
	background: #1b1d1e;
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: left -740px;
	color: #c9ccce;
	text-shadow: #000 0 0 1px;
}
.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 {
	border-color: #4e6a80;
	border-top-color: #3a5163;
	border-bottom-color: #557086;
}
/* Capable browsers get fancier border images */
.v-sa .black input.v-textfield,
.v-ff35 .black input.v-textfield {
	-webkit-border-image: url(textfield/img/bg-border-image-black.png) 0 3 0 3 stretch stretch;
	-moz-border-image: url(textfield/img/bg-border-image-black.png) 0 3 0 3 stretch stretch;
	-o-border-image: url(textfield/img/bg-border-image-black.png) 0 3 0 3 stretch stretch;
	height: 19px;
}
.v-sa .black input.v-textfield-focus,
.v-ff35 .black input.v-textfield-focus {
	-webkit-border-image: url(textfield/img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch;
	-moz-border-image: url(textfield/img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch;
	-o-border-image: url(textfield/img/bg-border-image-black-focus.png) 0 3 0 3 stretch stretch;
}
.v-sa .black input.v-textfield-small,
.v-ff35 .black input.v-textfield-small {
	height: 15px;
}

.black input.v-textfield-prompt {
	color: #5f6366;
}

/* Readonly */
input.v-textfield-readonly,
.v-sa input.v-textfield-readonly,
.v-ff35 input.v-textfield-readonly,
.black input.v-textfield-readonly,
.v-sa .black input.v-textfield-readonly,
.v-ff35 .black input.v-textfield-readonly {
	border: none;
	background: transparent;
	-webkit-border-image: none;
	-moz-border-image: none;
	-o-border-image: none;
	border-width: 0;
}

/* ./WebContent/VAADIN/themes/reindeer/tree/tree.css */
.v-tree-node {
	background: transparent url(tree/img/arrows.png) no-repeat 6px -10px;
	margin-bottom: 2px;
}
.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;
	margin-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 -1782px;
	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;
}

/* ./WebContent/VAADIN/themes/reindeer/window/window.css */
.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: transparent repeat-x;
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1802px;
}
.v-window-header {
	font-weight: bold;
	font-size: 12px;
	line-height: normal;
	color: #fff;
	text-shadow: #000 0 -1px 0;
	white-space: nowrap;
}
.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 -1839px;
}
.v-window-footer {
	background-repeat: repeat-x;
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1854px;
	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 -1869px;
}
.v-window-closebox:hover {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1885px;
}
.v-window-closebox:active {
  background-image: url(common/img/vertical-sprites.png);
  -background-image: url(common/img/vertical-sprites-ie6.png);
  background-position: left -1901px;
}
.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 -1917px;
}
.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 -1929px;
}
.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 -1944px;
}
.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 -1959px;
}
.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 -1974px;
}
.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,.9);
}
.v-window-black .v-window-wrap2 {
	background-color: #0b0e0f;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.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(11,14,15,.9);
}
.v-window-black .v-window-outerheader {
	height: auto;
	padding: 7px 14px;
	height: 15px;
	background: transparent repeat-x;
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: left -763px;
	text-align: center;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	overflow: hidden;
	border: none;
}
.v-window-black .v-window-header {
	font-size: 12px;
	font-weight: normal;
	color: #dddfe1;
}
.v-window-black .v-window-closebox {
	top: 8px;
}
.v-window-black .v-window-footer {
	background: transparent;
	border: none;
	height: 14px;
}
.v-window-black .v-window-resizebox {
	background: transparent no-repeat;
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: left -792px;
	width: 14px;
	height: 14px;
}
.v-ie6 .v-window-black .v-window-resizebox {
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: left -806px;
}
.v-ie6 .v-window-black .v-window-contents {
	background: transparent url(window/img/black/content-bg-ie6.png) repeat-x;
}
/* Must be last to make this image last in the sprites */
.v-window-black .v-window-contents {
	border: none;
	background: transparent repeat-x;
  background-image: url(common/img/black-vertical-sprites.png);
  -background-image: url(common/img/black-vertical-sprites-ie6.png);
  background-position: left -820px;
}