/* --- GENERAL STYLE CLASSES ------------------------------------------- */
/* Top alignment (vertical) on elements */
.x-valign-top {
	vertical-align: top;
}

/* Bottom alignment (vertical) on elements */
.x-valign-bottom {
	vertical-align: bottom;
}

/* Middle alignment (vertical) on elements */
.x-valign-center {
	vertical-align: middle;
}

/* Left alignment (horizontal) on elements */
.x-align-left {
	float: left;
}

/* Right alignment (horizontal) on elements */
.x-align-right {
	float: right;
}

/* Center alignment (horizontal) on elements */
.x-align-center {
	margin-left: auto;
	margin-right: auto;
}

/* Application logo  */
.webapp_logo {
	background-image: url( 'images/logo/logoIcon.png' );
}

.webapp_name {
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	font-family: tahoma, arial, helvetica, sans-serif;
}

.webapp_tagline {
	font-size: 10px;
	font-family: tahoma, arial, helvetica, sans-serif;
	color: #AABBCC;
}

/* Sets the background transparent */
.transparent-bg {
	background: transparent !important;
}

/* Validation */
.validation-error {
	color: red;
	background-color: white;
	border: 1px dotted red;
}

.gwittir-ValidationPopup {
	font: normal 10px tahoma, arial, helvetica, sans-serif;
	display: block;
	margin-bottom: 4px;
	color: red;
	background-color: white;
	border: 1px dotted red;
	padding: 3px;
}

.page-header-center {
	font: bold 14px tahoma, arial, verdana, sans-serif;
	padding: 5px 3px 4px 5px;
	background: transparent none repeat scroll 0%;
	border-bottom: 1px solid black;
	text-align: center;
	vertical-align: bottom;
}

.page-header-left {
	font: bold 14px tahoma, arial, verdana, sans-serif;
	padding: 5px 3px 4px 5px;
	background: transparent none repeat scroll 0%;
	border-bottom: 1px solid black;
	text-align: left;
	vertical-align: bottom;
}

.fieldset-header {
	font: bold 11px tahoma, arial, verdana, sans-serif;
	padding: 5px 3px 4px 5px;
	background: transparent none repeat scroll 0%;
	border-bottom: 1px solid black;
}

.panelBorder {
	border: 1px solid #D0D0D0;
}

/* --- LAYOUT ----------------------------------------------------------- */
/* Top alignment (vertical) on container table cells, e.g. in the TableLayout class */
.x-table-layout-fullwidth table {
	width: 100%;
}

/* Top alignment (vertical) on container table cells, e.g. in the TableLayout class */
.x-table-layout-top td {
	vertical-align: top;
}

/* Bottom alignment (vertical) on container table cells, e.g. in the TablePanel class */
.x-table-layout-bottom td {
	vertical-align: bottom;
}

/* Middle alignment (vertical) on container table cells, e.g. in the TablePanel class */
.x-table-layout-center td {
	vertical-align: middle;
}

/* --- IMAGES & ICONS -------------------------------------------------- */
/*nav filter*/
.x-btn-pressed.filter-btn .x-btn-text {
	background-image: url( 'images/funnel_X.gif' );
}

.filter-btn .x-btn-text {
	background-image: url( 'images/funnel_plus.gif' );
}

.expand-all-btn .x-btn-text {
	background-image: url( 'images/expandall.gif' );
}

.collapse-all-btn .x-btn-text {
	background-image: url( 'images/collapseall.gif' );
}

/*side nav*/
.toc-icon {
	background-image: url( images/silk/report.gif ) !important;
}

.credits-icon {
	background-image: url( images/silk/photo.gif) !important;
}

.tree-category-icon {
	background-image: url( images/silk/chart_organisation.gif ) !important;
}

.windows-category-icon {
	background-image: url( images/silk/application_cascade.gif ) !important;
}

.combo-category-icon {
	background-image: url( images/silk/script_edit.gif ) !important;
}

.toolbar-category-icon {
	background-image: url( images/silk/application_view_tile.gif )
		!important;
}

.grids-category-icon {
	background-image: url( images/silk/table.gif ) !important;
}

.forms-category-icon {
	background-image: url( images/silk/application_form_add.gif ) !important;
}

.tabs-category-icon {
	background-image: url( images/tabs.gif ) !important;
}

.buttons-category-icon {
	background-image: url( images/silk/brick.gif ) !important;
}

.panels-category-icon {
	background-image: url( images/silk/application_osx.gif ) !important;
}

.layout-category-icon {
	background-image: url( images/silk/application_side_list.gif )
		!important;
}

.misc-category-icon {
	background-image: url( images/silk/bullet_wrench.gif ) !important;
}

.combination-category-icon {
	background-image: url( images/silk/vcard_edit.gif ) !important;
}

.dd-category-icon {
	background-image: url( images/silk/layers.gif ) !important;
}

.resizable-nav-icon {
	background-image: url( images/silk/shape_handles.gif ) !important;
}

.progressbar-nav-icon {
	background-image: url( images/silk/film.gif ) !important;
}

.dataview-nav-icon {
	background-image: url( images/silk/application_view_list.gif )
		!important;
}

.colorpicker-nav-icon {
	background-image: url( images/silk/application_view_tile.gif )
		!important;
}

.datepicker-nav-icon {
	background-image: url( images/silk/calendar.gif ) !important;
}

.mask-nav-icon {
	background-image: url( images/silk/shading.gif ) !important;
}

.animation-nav-icon {
	background-image: url( images/silk/page_white_swoosh.gif ) !important;
}

.plugins-nav-icon {
	background-image: url( images/silk/plugin.gif ) !important;
}

.grid-icon {
	background-image: url( images/silk/table.gif ) !important;
}

.settings-icon {
	background-image: url( images/silk/folder_wrench.gif ) !important;
}

.folder-icon {
	background-image: url( images/silk/folder_go.gif ) !important;
}

.line-chart-icon {
	background-image: url( images/silk/chart_curve.gif ) !important;
}

.bar-chart-icon {
	background-image: url( images/silk/chart_bar.gif ) !important;
}

.pie-chart-icon {
	background-image: url( images/silk/chart_pie.gif ) !important;
}

.new-tab-icon {
	background-image: url( images/new_tab.gif ) !important;
}

.tab-icon {
	background-image: url( images/tabs.gif ) !important;
}

/*common*/
.database-add-icon {
	background-image: url( images/silk/database_add.gif ) !important;
}

.database-delete-icon {
	background-image: url( images/silk/database_delete.gif ) !important;
}

.user-icon {
	background-image: url( images/silk/user.gif ) !important;
}

.test-spacing {
	padding: 15px;
}

.x-panel-body p {
	margin: 10px;
	line-height: 1.25;
}

.dp-highlighter {
	font-size: 11px;
	font-family: monospace;
}

.dp-highlighter ol, .dp-highlighter ol li {
	font-family: monospace;
}

.grid-icon {
	background-image: url( images/silk/grid.gif ) !important;
}

.add-icon {
	background-image: url( images/silk/add.gif ) !important;
}

.delete-icon {
	background-image: url( images/silk/delete.gif ) !important;
}

.image-icon {
	background-image: url( images/silk/image.gif ) !important;
}

.user-add-icon {
	background-image: url( images/silk/user_add.gif ) !important;
}

.user-delete-icon {
	background-image: url( images/silk/user_delete.gif ) !important;
}

.book-icon {
	background-image: url( images/silk/book_open.gif ) !important;
}

.source-icon {
	background-image: url( images/silk/script_edit.gif ) !important;
}

.java-icon {
	background-image: url( images/silk/page_white_code.gif ) !important;
}

.css-icon {
	background-image: url( images/silk/css.gif ) !important;
}

.html-icon {
	background-image: url( images/silk/html.gif ) !important;
}

.xml-icon {
	background-image: url( images/silk/script_gear.gif ) !important;
}

.json-icon {
	background-image: url( images/silk/script_code.gif ) !important;
}

.world-icon {
	background-image: url( images/silk/world.gif ) !important;
}

.tree-icon {
	background-image: url( images/silk/sitemap_color.gif ) !important;
}

.search-icon {
	background-image: url( images/silk/page_find.gif ) !important;
}

.telephone-icon {
	background-image: url( images/silk/telephone.gif ) !important;
}

.paste-icon {
	background-image: url( images/silk/page_paste.gif ) !important;
}

.office-icon {
	background-image: url( images/silk/page_white_office.gif ) !important;
}

.excel-icon {
	background-image: url( images/silk/page_white_excel.gif ) !important;
}

.publish-icon {
	background-image: url( images/silk/server_go.png ) !important;
}

.subscribe-icon {
	background-image: url( images/silk/server_connect.png ) !important;
}

.powerpoint-icon {
	background-image: url( images/silk/page_white_powerpoint.gif )
		!important;
}

.word-icon {
	background-image: url( images/silk/page_word.gif ) !important;
}

.visualstudio-icon {
	background-image: url( images/silk/page_white_visualstudio.gif )
		!important;
}

.c-icon {
	background-image: url( images/silk/page_white_c.gif ) !important;
}

.cpp-icon {
	background-image: url( images/silk/page_white_cplusplus.gif ) !important;
}

.csharp-icon {
	background-image: url( images/silk/page_white_csharp.gif ) !important;
}

.text-align-right {
	background-image: url( images/silk/text_align_right.gif ) !important;
}

.text-align-center {
	background-image: url( images/silk/text_align_center.gif ) !important;
}

.text-align-justify {
	background-image: url( images/silk/text_align_justify.gif ) !important;
}

.text-align-left {
	background-image: url( images/silk/text_align_left.gif ) !important;
}

.text-bold {
	background-image: url( images/silk/text_bold.gif ) !important;
}

.text-italic {
	background-image: url( images/silk/text_italic.gif ) !important;
}

.text-underline {
	background-image: url( images/silk/text_underline.gif ) !important;
}

.text-h1 {
	background-image: url( images/silk/text_heading_1.gif ) !important;
}

/*live search*/
.search-item {
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	padding: 3px 10px 3px 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #eeeeee;
	white-space: normal;
	color: #555;
}

.search-item h3 {
	display: block;
	font: inherit;
	font-weight: bold;
	color: #222;
}

.search-item h3 span {
	float: right;
	font-weight: normal;
	margin: 0 0 5px 5px;
	width: 100px;
	display: block;
	clear: none;
}

/*progress bar*/
.status {
	color: #555;
}

.x-progress-wrap.left-align .x-progress-text {
	text-align: left;
}

.x-progress-wrap.custom {
	height: 17px;
	border: 1px solid #686868;
	overflow: hidden;
	padding: 0 2px;
}

.ext-ie .x-progress-wrap.custom {
	height: 19px;
}

.custom .x-progress-inner {
	height: 17px;
	background: #fff;
}

.custom .x-progress-bar {
	height: 15px;
	background: transparent url( images/custom-bar.gif ) repeat-x 0 0;
	border-top: 1px solid #BEBEBE;
	border-bottom: 1px solid #EFEFEF;
	border-right: 0;
}

/*data view*/
#images-view .x-panel-body {
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}

#images-view .thumb {
	background: #dddddd;
	padding: 3px;
}

#images-view .thumb img {
	height: 90px;
	width: 64px;
}

#images-view .thumb-wrap {
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

#images-view .thumb-wrap span {
	display: block;
	overflow: hidden;
	text-align: center;
}

#images-view .x-view-over {
	border: 1px solid #dddddd;
	background: #efefef
		url( js/ext/resources/images/default/grid/row-over.gif ) repeat-x left
		top;
	padding: 4px;
}

#images-view .x-view-selected {
	background: #eff5fb url( images/view/selected.gif ) no-repeat right
		bottom;
	border: 1px solid #99bbe8;
	padding: 4px;
}

#images-view .x-view-selected .thumb {
	background: transparent;
}

#images-view .loading-indicator {
	font-size: 11px;
	background-image:
		url( 'js/ext/resources/images/default/grid/loading.gif' );
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	margin: 10px;
}

/*forums remote grid*/
.x-grid3-td-topic b {
	font-family: tahoma, verdana;
	display: block;
}

.x-grid3-td-topic b i {
	font-weight: normal;
	font-style: normal;
	color: #000;
}

.x-grid3-td-topic .x-grid3-cell-inner {
	white-space: normal;
}

.x-grid3-td-topic a {
	color: #385F95;
	text-decoration: none;
}

.x-grid3-td-topic a:hover {
	text-decoration: underline;
}

.details .x-btn-text {
	background-image: url( images/details.gif );
}

/*chooser */
.details .x-panel-body {
	padding: 10px;
	text-align: center;
}

.details img {
	padding: 10px;
	height: 90px;
	width: 64px;
}

.details-info {
	border-top: 1px solid #cccccc;
	font: 11px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding-top: 5px;
	text-align: left;
}

.details-info b {
	color: #555555;
	display: block;
	margin-bottom: 4px;
}

.details-info span {
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}

.ychooser-dlg select {
	font-size: 12px;
}

#ychooser-view .x-panel-body {
	background: white none repeat scroll 0%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

#ychooser-view .thumb {
	background: #dddddd;
	padding: 3px;
}

#ychooser-view .thumb img {
	height: 90px;
	width: 64px;
}

#ychooser-view .thumb-wrap {
	float: left;
	margin: 4px;
	margin-right: 0;
	padding: 5px;
}

#ychooser-view .thumb-wrap span {
	display: block;
	overflow: hidden;
	text-align: center;
}

#ychooser-view .x-view-selected {
	background: #c3daf9;
	border: 2px solid #6593cf;
	padding: 3px;
}

#ychooser-view .x-view-selected .thumb {
	background: transparent;
}

#ychooser-view .loading-indicator {
	font-size: 11px;
	background-image:
		url( '../../ext/resources/images/default/grid/loading.gif' );
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	margin: 10px;
}

#ychooser-view .x-view-over {
	border: 1px solid #dddddd;
	background: #efefef
		url( ../../resources/images/default/grid/row-over.gif ) repeat-x left
		top;
	padding: 4px;
}

/*toolbar and menus*/
.bmenu {
	background-image: url( images/menu-show.gif ) !important;
}

/*message box*/
.x-window-dlg .ext-mb-download {
	background: transparent url( images/download.gif ) no-repeat top left
		!important;
	height: 36px;
}

/*simple form */
.simple-form-label {
	padding: 5px;
	background-color: #CDEB8B;
	margin-bottom: 15px;
	border: #666666;
}

/*outlook icons*/
.inbox-icon {
	background-image: url( images/silk/folder_table.gif ) !important;
}

.drafts-icon {
	background-image: url( images/silk/folder_edit.gif ) !important;
}

.sent-icon {
	background-image: url( images/silk/folder_go.gif ) !important;
}

.folders-icon {
	background-image: url( images/silk/folder_database.gif ) !important;
}

.trash-icon {
	background-image: url( images/silk/basket_delete.gif ) !important;
}

.chat-icon {
	background-image: url( images/silk/comment.gif ) !important;
}

.spam-icon {
	background-image: url( images/silk/basket_delete.gif ) !important;
}

.email-icon {
	background-image: url( images/silk/email.gif ) !important;
}

/* remove the default left,center and right images from the button border*/
.mybutton-text-icon .x-btn-left, .mybutton-text-icon .x-btn-right,
	.mybutton-text-icon .x-btn-center {
	background: 0;
}

/* customize the new button	that has a caption below the icon */
.mybutton-text-icon .x-btn-center .x-btn-text {
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 0px;
	padding-top: 32px;
	padding-bottom: 0px;
	padding-right: 0px;
	height: 32px;
	width: 32px;
}

#toc-grid .x-grid3-cell-inner {
	overflow: visible;
	white-space: normal !important;
}

.bug-icon {
	background-image: url( images/silk/bug.gif) !important;
}

.map-icon {
	background-image: url( images/silk/map.gif ) !important;
}

.details-icon {
	background-image: url( images/details.gif ) !important;
}

.decide-icon {
	background-image: url( images/silk/application_edit.gif) !important;
}

.no-icon {
	background-image: url( '' ) !important;
}

/*Colored calendar -> move to new css-file*/
.x-date-inner .x-date-overlapday a {
	border: 1px solid blue;
	padding: 1px 4px;
}

/* My Teams */
.teams-grid .x-grid3-cell-inner {
	overflow: visible;
	white-space: nowrap !important;
}

.teams-grid .cell-overflow {
	overflow: visible;
	white-space: nowrap !important;
}

.teams-grid .weekend-column-header {
	background-color: #D3D3D3;
}

.dayplanswitchIcon {
	width: 16px !important;
	height: 9px !important;
	background-image: url(images/switchLeftToRight.png) !important;
}

.request-switch-visible {
	width: 21px !important;
	height: 17px !important;
	background-image: url(images/requestSwitch.png) !important;
}

.request-switch-visible:hover {
	cursor: pointer;
	width: 21px !important;
	height: 17px !important;
	background-image: url(images/requestSwitchHover.png) !important;
}

.request-switch-legend, .request-switch-decision-allowed-legend {
	width: 21px !important;
	height: 17px !important;
	background-image: url(images/requestSwitch.png) !important;
}

.request-swap-visible {
	width: 21px !important;
	height: 17px !important;
	background-image: url(images/requestSwap.png) !important;
}

.request-swap-visible:hover {
	cursor: pointer;
	width: 21px !important;
	height: 17px !important;
	background-image: url(images/requestSwapHover.png) !important;
}

.request-swap-legend {
	width: 21px !important;
	height: 17px !important;
	background-image: url(images/requestSwap.png) !important;
}

.message-legend {
	width: 18px;
	height: 18px;
	background-image: url(/images/messageLegend.png) !important;
}



/*************************
* Personnel management
**************************/
.employees-icon {
	background-image: url(images/employees.png) !important;
	width: 16px;
	height: 16px;
}

.recent-searches-icon {
	background-image: url(images/recent searches.png) !important;
}

.group-selections-icon {
	background-image: url(images/group selections.png) !important;
}

.tasks-icon {
	background-image: url(images/tasks.png) !important;
}

.fast-entry-icon {
	background-image: url(images/fast entry.png) !important;
}

.reports-icon {
	background-image: url(images/report.png) !important;
}

.refresh {
	margin-left: 7px;
	background-image: url(images/refresh.png) !important;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.refresh:hover {
	margin-left: 7px;
	background-image: url(images/refreshHover.png) !important;
	width: 20px;
	height: 20px;
}

.refresh-disabled {
	margin-left: 7px;
	background-image: url(images/refreshDisabled.png) !important;
	width: 20px;
	height: 20px;
}

.recalculatePanel {
	display: inline;
	position: absolute;
	right: 20px;
	top: 0px;
	background-color: #fafafa;
	cursor: pointer;
	padding-top: 2px;
}

.recalculatePanel-disabled, .recalculatePanel-dirty-disabled {
	display: inline;
	position: absolute;
	right: 20px;
	top: 0px;
	background-color: #fafafa;
	cursor: default;
	padding-top: 2px;
}

.recalculatePanel .recalculateIcon {
	background-image: url(images/calculate.png) !important;
}

.recalculatePanel-dirty .recalculateIcon {
	background-image: url(images/calculateBlue.png) !important;
}

.recalculatePanel-dirty-disabled .recalculateIcon {
	background-image: url(images/calculateDisabled.png) !important;
}

.recalculatePanel-disabled .recalculateIcon {
	background-image: url(images/calculateDisabled.png) !important;
}

.recalculatePanel-disabled .recalculateIcon {
	background-image: url(images/calculateDisabled.png) !important;
}

.recalculateWarningIcon {
	width: 24px;
	height: 24px;
	background-image: url(images/recalculateWarning.png) !important;
	cursor: default;
}

.recalculateLabelWrapper {
	align: right;
	padding-right: 5px;
}

.recalculatePanel .recalculateLabel {
	font-size: 13px;
	font-weight: normal;
}

.recalculatePanel-disabled .recalculateLabel {
	font-size: 13px;
	font-weight: normal;
}

/***************************
* RecalculateForm
****************************/
.recalculateForm .buttonPanel {
	padding-top: 0px;
	/*padding-left: 15px;*/
}

.recalculateForm .buttonPanel .x-btn {
	padding-left: 10px;
}

.linkAndButtonPanel {
	margin-top: 10px;
	width: 100%;
}

/***************************
/*SearchForm */
**************************** /

.alignTop {
	vertical-align: top;
}

.alignRight {
	margin-left: auto;
	margin-right: 0px;
}

.noEntitiesLabel {
	font-style: italic;
}

.red {
	color: red;
}

.group-selections {
	/*padding-top: 63px;*/
	
}

.recent-searches {
	/*padding-top: 63px;
	margin-left: 9px;*/
	
}

.top-center-bottom-top .idLabel {
	color: #CCCCCC;
	font-size: 11px;
}

.toolTip .idLabel {
	padding-top: 0px;
}

.toolTip .balanceDescription {
	float: left;
}

/* EmployeeProfileForm */
.employee-icon {
	width: 16px;
	height: 16px;
	background-image: url(images/Employee.png) !important;
}

.generalInfo1 .primion-form-item-label {
	width: 70px;
}

.generalInfo1 .x-form-item label {
	width: 70px;
}

.generalInfo1 .primion-form-item-mandatorymark .primion-label {
	width: auto;
}

.generalInfo2 .primion-form-item-label {
	width: 50px;
}

.generalInfo2 .x-form-item label {
	width: 50px;
}

.generalInfo2 .primion-form-item-mandatorymark .primion-label {
	width: auto;
}

.companyInfo .primion-form-item-label {
	width: 70px;
}

.companyInfo .x-form-item label {
	width: 70px;
}

.companyInfo .primion-form-item-mandatorymark .primion-label {
	width: auto;
}

.employee-profile td {
	vertical-align: top;
}

/* BookingAndTimeForm */
.car-icon {
	width: 15;
	height: 15;
	background-image: url(images/car.png) !important;
}

.bike-icon {
	width: 15;
	height: 15;
	background-image: url(images/bike.png) !important;
}

.booking-time td {
	vertical-align: top;
}

/*************************
* Journal
**************************/
.gwt-ScrollTable .headerWrapper {
	/*padding-top: 10px !important; messes up the height calculation*/
	
}

.journal .header-inIcon {
	background-image: url("images/functionKeys/fkey1.gif");
	width: 15px;
	height: 15px;
	margin-right: 5px !important;
}

.journal .header-outIcon {
	background-image: url("images/functionKeys/fkey2.gif");
	width: 15px;
	height: 15px;
	margin-right: 5px !important;
}

.booking-anomaly {
	color: red;
}

.booking-invalid {
	text-decoration: line-through;
	font-style: italic;
}

.booking-noTerminal {
	font-weight: bold !important;
}

.bookingRow td {
	height: 18px;
}

.ANOMALY {
	width: 19px;
	height: 16px;
	background: url(images/status/exclamationRed.png);
}

.anomalyIcon {
	width: 19px;
	height: 16px;
	background: url(images/status/exclamationRed.png);
}

.attest-legend {
	width: 19px;
	height: 16px;
	background: url(themes/primion/images/primion/journal/attest.png);
}

.attestIcon {
	width: 19px;
	height: 16px;
	background: url(themes/primion/images/primion/journal/attest.png);
}

.attest {
	width: 19px;
	height: 16px;
	background: url(themes/primion/images/primion/journal/attest.png);
}

.attest:hover {
	cursor: pointer;
}

.attestWithAttachment {
	width: 19px;
	height: 16px;
	background:
		url(themes/primion/images/primion/journal/attestWithAttachment.png);
}

.attestWithAttachment:hover {
	cursor: pointer;
}

.event {
	width: 19px;
	height: 16px;
	background: url(images/event.png);
}

.authorizationIcon {
	width: 19px;
	height: 16px;
	background-image:
		url(themes/primion/images/primion/journal/authorization.png);
}

.periodical-approved {
	width: 15px;
	height: 15px;
	background: url(images/approved.png);
}

.approved {
	width: 15px;
	height: 15px;
	background: url(images/approved.png);
}

.disapproved {
	width: 15px;
	height: 15px;
	background: url(images/disapproved.png);
}

.disapproved-legend {
	width: 15px;
	height: 15px;
	background: url(images/disapproved.png);
}

.approved:hover {
	cursor: pointer;
}

.disapproved:hover {
	cursor: pointer;
}

.request-disapproved {
	text-decoration: line-through;
}

.correctionWithouCalculatedResult {
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: line-through;
}

.x-ie-shadow {
	height: 0px !important;
	width: 0px !important;
}

.attestLabel:hover {
	cursor: pointer;
	text-decoration: underline;
}

.booking:hover {
	cursor: pointer;
	text-decoration: underline;
}

.absence {
	padding-right: 5px;
}

.absence:hover {
	cursor: pointer;
	text-decoration: underline;
}

.journal .editableCostJustification:hover {
	cursor: pointer;
	text-decoration: underline;
}

.notAuthorized {
	text-decoration: line-through;
}

.periodSelection {
	padding-top: 10px;
	padding-bottom: 10px;
}

.grid-cell .standardTimeLabel {
	font-size: 10px;
}

.inactivityDayplan {
	width: 13px;
	height: 13px;
	background: url(images/clock.png);
}

.grid-cell .schemeLabel {
	font-size: 10px;
}

.grid-cell .schemeLabel:hover {
	cursor: pointer;
	text-decoration: underline;
}

.journalView .buttonPanel {
	border-top: 1px solid #CCCCCC;
	/*padding-right: 18px;*/
}

.journalView .bottomArea {
	padding-bottom: 10px;
}

.weekdayInfo {
	width: 35px;
}

.weekdayInfo .weekday {
	width: 24px;
}

.closedBlockedDayIcon {
	width: 11px;
	height: 13px;
	/*margin-left: 2px !important;
 	margin-right: 2px !important;*/
}

.closedDayIcon {
	background: url(images/lockClosed.png);
}

.primeCostClosedDayIcon {
	background: url(images/lockClosedPrimecost.png);
}

.blockedDayIcon {
	background: url(images/lockBlocked.png);
}

.closedOrBlockedDayChangeable {
	cursor: pointer;
}


.inCellHidden {
	width: 16px;
	height: 16px;
	background: url(images/sign_forbidden.png) !important;
}

.inCellHidden .left,
.inCellHidden .right,
.inCellHidden .hoursPart {
	\-moz-opacity: 0.6;
	opacity: .60;
	filter: literal("alpha(opacity=60)");
}

.hiddenIcon {
	width: 16px;
	height: 16px;
	background: url(images/sign_forbidden.png);
	margin-left: 3px;
}

.dayDetailsForm .hiddenIcon {
	margin-right: 3px !important;
}

.bookingForm .x-btn {
	padding-right: 5px;
}

.bookingForm .primion-fieldset {
	width: 460px !important;
}

.bookingForm  .buttonPanel {
	width: auto !important;
}

/*************************
* Legend
**************************/
.legend-closedDayIcon {
	width: 11px;
	height: 13px;
	background: url(images/lockClosed.png);
	margin-left: auto;
	margin-right: auto;
}

.legend-primeCostClosedDayIcon {
	width: 11px;
	height: 13px;
	background: url(images/lockClosedPrimecost.png);
	margin-left: auto;
	margin-right: auto;
}

.legend-blockedDayIcon {
	width: 11px;
	height: 13px;
	background: url(images/lockBlocked.png);
	margin-left: auto;
	margin-right: auto;
}

.legend-hiddenIcon {
	width: 16px;
	height: 16px;
	background: url(images/sign_forbidden.png);
	margin-left: auto;
	margin-right: auto;
}

.legendCategory {
	font-weight: bold;
	font-size: 13px;
}

.legend {
	margin-left: 10px;
}

.legend-calendar-holiday {
	width: 28px;
	height: 21px;
	background-image: url( 'images/legend/legendHeadingHoliday.png' )
		!important;
}

.legend-calendar-weekday {
	width: 28px;
	height: 21px;
	background-image: url( 'images/legend/legendHeadingWeekday.png' )
		!important;
}

.legend-calendar-weekend {
	width: 28px;
	height: 21px;
	background-image: url( 'images/legend/legendHeadingWeekend.png' )
		!important;
}

.legend-calendar-today {
	width: 28px;
	height: 21px;
	background-image: url( 'images/legend/legendHeadingToday.png' )
		!important;
}

/*************************
* Absence calendar
**************************/
.balancePanel {
	background-color: white;
	width: 100%;
}

.balancePanel-tableWrapper {
	width: auto;
	/*rest of the style is in class BalanceView*/
	overflow-x: hidden !important;
	overflow-y: auto !important;
}

.balancePanel-tableWrapper .ext-el-mask {
	height: 100px;
}

.balancePanel-tableWrapper .gwt-Label {
	white-space: pre;
}

.balancePanel-tableWrapper .gwt-Label:hover {
	text-decoration: underline;
	cursor: pointer;
}

.balancePanel-tableWrapper .abbrevPanel, .balancePanel-tableWrapper .descriptionLink
	{
	margin-right: 8px;
}

.balancePanel-tableWrapper .balanceGrid {
	width: auto;
	border-right: 20px solid white;
	/*space reservation for vertical scrollbar*/
}

.subTitle {
	font-weight: bold;
}

.balanceGrid {
	margin-top: 5px;
	border: 1px solid #F2F2F2;
	width: 140px;
}

.balanceGrid td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.balanceGrid .value {
	text-align: right;
	padding-right: 5px;
}

.balanceDescription {
	font-weight: bold;
}

.holidayIcon {
	background-image: url( 'images/holiday.png' ) !important;
}

.attachmentIcon {
	width: 13px;
	height: 15px;
	background-image: url( 'images/attachment.png' ) !important;
	margin-left: 5px;
	margin-bottom: 2px;
}

.holiday-legend {
	width: 21px;
	height: 17px;
	background-image: url( 'images/holidayLegend.png' ) !important;
}

.attachment-legend {
	width: 13px;
	height: 15px;
	background-image: url( 'images/attachment.png' ) !important;
	margin-left: auto;
	margin-right: auto;
}

.legalHoliday {
	width: 21px;
	height: 17px;
	background-color: #99CCFF !important;
	color: black;
}

.absenceGroupPrivacy {
	width: 21px;
	height: 17px;
	background-color: #66FF99 !important;
	color: black;
}

.absencePlanningAbsenceGroup1, .primePlanAbsenceGroup1 {
	width: 21px;
	height: 17px;
	background-color: #66FF99 !important;
	color: black;
}

.absencePlanningAbsenceGroup2, .primePlanAbsenceGroup2 {
	width: 21px;
	height: 17px;
	background-color: #FF3333 !important;
	color: black;
}

.absencePlanningAbsenceGroup3, .primePlanAbsenceGroup3 {
	width: 21px;
	height: 17px;
	background-color: #FFFF66 !important;
	color: black;
}

.absencePlanningAbsenceGroup4, .primePlanAbsenceGroup4 {
	width: 21px;
	height: 17px;
	background-color: #FFCCFF !important;
	color: black;
}

.primePlanAbsenceGroup5 {
	width: 21px;
	height: 17px;
	background-color: #99CCFF !important;
	color: black;	
}

.primePlanAbsenceGroup6 {
	width: 21px;
	height: 17px;
	background-color: #FFFFFF !important;
	color: black;
}

.absencePlanningAbsenceGroup5 {
	width: 21px;
	height: 17px;
	background-color: rgb(0,255,255) !important;
	color: black;
}

.absencePlanningAbsenceGroup6 {
	width: 21px;
	height: 17px;
	background-color: rgb(255,0,255) !important;
	color: white;
}

.absencePlanningAbsenceGroup7 {
	width: 21px;
	height: 17px;
	background-color: rgb(112,48,160) !important;
	color: white;
}

.absencePlanningAbsenceGroup8 {
	width: 21px;
	height: 17px;
	background-color: rgb(153,102,51) !important;
	color: white;
}

.pendingRequest {
	width: 21px;
	height: 17px;
	background-color: #FFCC33 !important;
	color: black;
}

.inCellLighten {
	\-moz-opacity: 0.4;
	opacity: .40;
	filter: literal("alpha(opacity=40)");
	color: #bbbbbb;
	font-weight: bold;
}

.pendingDeletionRequest {
	width: 21px;
	height: 17px;
	background-image: url( 'images/calendar/pendingDeletionRequest.gif' )
		!important;
}

.legend-today {
	width: 21px;
	height: 17px;
	background-image: url( 'images/calendar/today.gif' );
}

.legend td {
	font: normal 11px arial;
	padding: 3px;
}

.dayDetails .x-panel-body {
	font: normal 11px arial;
	border-left: 3px #F5F5F5 solid;
	border-top: 3px #F5F5F5 solid;
}

.dayDetails .absenceDescription {
	margin-top: 8px;
}

.dayDetails .absenceDescription .absenceCode {
	width: 100px;
	float: left;
}

.floatLeft {
	float: left;
}

.detailsWrapper {
	min-width: 500px;
	padding-bottom: 10px;
}

.absencesWrapper {
	max-height: 400px;
	overflow: auto;
}

.absencesWrapper .creationTime {
	white-space: nowrap;
}

.absencesWrapper .historyTable {
	padding-left: 25px;
	border-spacing: 0 5px;
	width: 100%;
}

.absencesWrapper .historyRow {
	background-color: #F3F3F3;
}

.historyRow-removed {
	text-decoration: line-through;
}

.absencesWrapper .absenceStatus {
	white-space: nowrap;
}

.historyRow .mode table {
	margin-top: -1px; 
}

.line {
	height: 1px;
	width: 100%;
	border-bottom: black 1px solid;
}

/*******************
 * AnomalyDetails *
 *******************/
.anomalyDetailsForm {
	width: 300px;
}

.anomalyDescription {
	font-weight: bold;
	padding-bottom: 15px;
}

.anomalyHelpText {
	padding-bottom: 15px;
	width: 200px;
}

.anomalyDetailsLink {
	text-align: left;
}

/*******************
 * ApplicationView *
 *******************/
.application {
	background-color: #FFFFFF;
}

.applicationHeader {
	background-color: #E5E5E5;
}

.applicationHeader-companyLogo {
	margin-top: 5px;
	margin-left: 20px;
	max-height: 53px;
	max-width: 144px;
	cursor: pointer;
	float: left;
	overflow: hidden;
}

.applicationHeader-companyLogo-homePage {
	margin-top: 5px;
	margin-left: 20px;
	max-height: 40px;
	max-width: 107px;
	cursor: pointer;
	float: left;
	overflow: hidden;
}

.applicationHeader-title {
	font-size: 14px;
	margin-left: 10px;
	position: relative;
	top: -5px;
}

.applicationHeader-userInfo {
	position: absolute;
	top: 5px;
	right: 10px;
}

.applicationHeader-userInfo-userName {
	font-weight: bold;
}

.applicationHeader-userInfo-logout {
	color: #333333;
}

.applicationHeader-changePassword-link {
	cursor: pointer;
	text-decoration: underline;
}

.applicationHeader_backupIndication {
	width: 24px;
	height: 24px;
	background: url("images/Backup_large.png");
	left: -24px;
	position: absolute;
}

.sessionTabPanel {
	background-color: #E5E5E5 !important;
}

.sessionScreen {
	
}

/*********************
 * Error console *
 ********************/
.errorConsole {
	margin-top: 12px;
	display: inline-block;
}

.errorConsole .warningImage {
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 15px;
	cursor: pointer;
}

.errorConsole .timestampLabel {
	margin-left: 5px;
	padding-top: 7px;
	display: inline-block;
	cursor: pointer;
}

.errorConsoleDetails .heading {
	margin-bottom: 10px;
	font-weight: bold;
}

.errorConsoleDetails  .gwt-TextArea {
	width: 850px;
	height: 400px;
	border: 1px solid #bbbbbb;
}

.errorConsoleDetails   .detailsLabel {
	border-bottom: 1px solid #bbbbbb;
}

.errorConsoleDetails   .timestampLabel {
	padding-top: 5px;
}

.errorConsoleDetails .errorPanel-buttons {
	margin-left: auto;
	margin-right: 0px;
}

.errorConsoleDetails .copyLabel {
	padding-top: 15px;
}

/*************************
 * maximize/restore icon *
 *************************/
.maximizeScreenIcon {
	width: 23px;
	height: 19px;
	background: url("images/Fullscreen.png");
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.maximizeScreenIcon:hover {
	background-color: #D7EBFF;
}

.restoreScreenIcon {
	width: 23px;
	height: 19px;
	background: url("images/Fullscreen.png");
	display: inline-block;
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 10px;
}

.restoreScreenIcon:hover {
	background-color: #D7EBFF;
}

/*******************
 Home supervisor *
 *******************/
.emptyLabel {
	
}

/*******************
 TeamTaskView *
 *******************/
.employee_detailed_overview_link {
	border-left: none;
	border-bottom: none;
	border-top: none;
	border-right: 1px solid black;
	padding-right: 5px;
	padding-left: 5px;
}

.team-task-details-panel-link {
	padding-right: 5px;
	padding-left: 5px;
}

.buttonPanel {
	padding-top: 10px;
}

/*****************************************************
 * GroupCorrectionForm								 *
 *****************************************************/
.groupCorrectionForm .detailsPanel {
	border: 1px solid #CCCCCC;
	width: 350px;
	height: 250px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: auto;
}

.groupCorrectionForm .error {
	color: red;
}

.groupCorrectionErrorView .textSet {
	padding-bottom: 15px;
}

.groupCorrectionErrorView .errorPanel-buttons {
	margin-top: 0px;
	margin-left: -10px;
}

.groupCorrectionForm .loading-indicator {
	width: 16px;
	height: 25px;
}

/*****************************************************
 * BookingForm										 *
 *****************************************************/
.bookingForm .formLabel {
	width: 100px;
}

.bookingForm .primion-form-item-label {
	width: 100px;
}

.bookingForm .buttonArea-panel {
	margin-left: 90px; /*width of label + padding of label */
}

.bookingForm .remarks {
	color: red;
}

.bookingForm .x-window-mc {
	padding-top: 5px;
	padding-bottom: 5px;
}

.bookingForm .gwt-RadioButton img {
	position: relative;
	top: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.bookingForm .gwt-RadioButton input {
	*top: 0px; /* IE7 hack */
}

/*****************************************************
 * Absence request Form                              *
 *****************************************************/
.absenceRequestForm .formLabel {
	text-align: right;
	padding-right: 1px;
}

.absenceRequestForm .durationForm .formLabel {
	border: 1px solid black;
	width: 100px;
}

.absenceRequestForm .formRow {
	margin-top: 10px;
}

.absenceRequestForm .bottomRow {
	margin-bottom: 10px;
}

.absenceRequestForm .primion-formfield-readonly {
	margin-top: 2px;
}

.extended-date-day {
	border: none;
	padding: 4px;
}

/***************************
AuthorizationForm         *
**************************/
.authorizationForm .timeLinePanel {
	/* border: #b5b8c8 1px solid; */
	margin-top: 10px;
	padding-left: 0px;
}

.authorizationForm .toAuthorizeLabel {
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}

.authorizationForm .primion-grid-td, .authorizationForm .primion-grid-head-td
	{
	border: none;
}

.authorizationForm .comment {
	min-width: 200px;
	max-width: 300px;
}

.authorizationForm .commentField .gwt-TextArea {
	width: 200px;
	height: 40px;
}

.authorizationForm .commentField .predefinedCommentField {
	float: right;
	margin-left: 3px;
}

.authorizationForm .commentField .predefinedCommentField .gwt-SuggestBox
	{
	width: 0px !important;
	padding: 0px !important;
	border-left-width: 0px !important;
}

.authorizationForm .commentField .predefinedCommentField .gwt-SuggestBox
	{
	width: 0px !important;
	padding: 0px !important;
	border-left-width: 0px !important;
}

.authorizationForm .commentField .gwt-Label {
	width: 200px;
}

.authorizationForm .userLabel {
	font-style: italic;
	margin-top: 5px;
	cursor: default !important;
}

.authorizationForm .noComment .primion-formfield-readonly {
	color: darkGray;
}

.authorizationForm .userLabel:hover {
	text-decoration: none;
}

.authorizationForm .primion-grid-td .gwt-Label:hover {
	text-decoration: underline;
}

.authorizationForm .commentField .gwt-Label:hover {
	width: 200px;
	text-decoration: none;
}

.authorizationForm .timeLinePanel-editRow .primion-grid-td  .gwt-Label:hover
	{
	text-decoration: none !important;
}

.authorizationForm .timeLinePanel-save {
	background-image:
		url("themes/primion/images/primion/other/okButton.png");
	height: 22px;
	width: 67px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.authorizationForm .timeLinePanel-rowActionPanel {
	width: auto;
	border-collapse: separate;
}

.authorizationForm .timeLinePanel-rowActionPanel .textLink {
	padding-left: 5px;
}

.authorizationForm .timeLinePanel-editRow {
	background-color: white;
}

.authorizationForm .timeLinePanel-timeLineGrid tr {
	border: 1px solid #D2D6DD;
}

.authorizationForm .timeLinePanel-timeLineGrid tr:hover {
	background-color: #EEEFF2;
	cursor: pointer;
}

.authorizationForm .timeLinePanel-timeLineGrid .gwt-RadioButton LABEL {
	display: none;
}

.authorizationForm .timeLinePanel-cancel {
	background-image:
		url("themes/primion/images/primion/other/cancelButton.png");
	height: 22px;
	width: 45px;
	cursor: pointer;
}

.authorizationForm .timeLinePanel-delete {
	background-image:
		url("themes/primion/images/primion/panel/tool-sprites.gif");
	height: 15px;
	width: 15px;
	background-position: 0 15;
	cursor: pointer;
	background-repeat: no-repeat;
}

.authorizationForm .primion-grid-td {
	padding: 4px 3px;
}

.authorizationForm .primion-fieldset {
    width: fit-content;
    margin-bottom: 15px;
}

/***************************
 bookingForm / absenceForm *
 **************************/
.form-link {
	padding-bottom: 5px;
}

.periodField td {
	border-top: 1px solid #999999;
	padding-top: 15px;
}

.borderRow td {
	border-top: 1px solid #999999;
	padding-top: 15px;
}

.autoCodeCheckbBox {
	left: -2px;
	top: 7px;
}

.dayFieldPanel td {
	border-top: none;
	padding-top: 0px !important;
}

.commentsAndButtons td {
	border-top: 1px solid #999999;
	padding-top: 5px;
	padding-top: 15px;
}

.predefinedCommentField {
	padding-bottom: 4px;
}

.attachmentLink {
	padding-top: 5px !important;
}

.attachmentsPanel td {
	border-bottom: 0px solid black;
	/*To remove white border of 6px of style rowspacer*/
}

.upld-multiple {
	max-height: 150px;
	overflow: auto;
	padding-top: 4px;
}

.restorePreviousDayPlanningsPanel {
	overflow: auto;
	max-height: 150px;
}

.restorePreviousDayPlanningsPanel .primion-label {
	padding-left: 5px;
}

/***************
 * Error panel *
 **************/
.errorPanel {
	padding: 20px 10px 0px 10px;
}

.errorPanel-heading {
	margin-bottom: 10px;
}

.errorPanel .timeLabel {
	color: #d0d0d0;
	font-size: 10px;
	padding-top: 3px;
}

.errorPanel-heading div {
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
}

.errorPanel-textSet {
	background-color: white;
}

.errorPanel .primion-form-item-label {
	white-space: nowrap;
}

.errorPanel fieldset {
	margin-bottom: 0px;
}

.errorPanel fieldset .textArea .gwt-Label {
	max-height: 150px;
	max-width: 600px;
	overflow: auto;
}

.errorPanel-buttons {
	margin-top: 10px;
	margin-left: -5px;
	margin-bottom: -5px;
}

/*******************
 * SimpleTableSkin *
 *******************/
.simpleTableSkin {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	max-width: 600px;
}

.simpleTableSkin td {
	padding: 1px 5px 0 0;
}

.absencesWrapper>.simpleTableSkin td {
	height: 24px;
	border-top: 1px solid #d0d0d0;
	padding: 1px 5px 0 0;
}

.absencesWrapper>.simpleTableSkin .attachmentsPanel td {
	height: auto;
	border-top: 0px;
	padding: 0px 0px 0 0;
}

/******************
 * DayDetailsForm *
 ******************/
.dayDetailsForm .simpleTableSkin .coloredBox {
	width: 20px;
	height: 17px;
}

.dayDetailsForm .simpleTableSkin td {
	vertical-align: top;
	padding-top: 3px;
}

.dayDetailsForm .simpleTableSkin .textLink {
	padding-bottom: 3px;
	white-space: nowrap;
}

.dayDetailsForm fieldset .textLink {
	padding-left: 20px;
	text-align: right;
}

.dayDetailsForm .periodLabel {
	white-space: nowrap;
	font-size: 14px;
	font-weight: normal;
}

.dayDetailsForm .periodDetailsLabel {
	white-space: nowrap;
	font-size: 14px;
	font-weight: normal;
}

.dayDetailsForm .holidayLabel {
	color: blue;
}

.dayDetailsForm .absencesTitle {
	font-size: 13px;
	font-weight: bold;
}

.dayDetailsForm .linksPanel .textLink {
	display: inline-block;
	padding-bottom: 5px;
}

.dayDetailsForm .otherCodeGroupsWidget .textLink {
	display: inline-block;
}

.dayDetailsForm .owsFields{
	margin: 6px 0px;
}

.dayDetailsForm .owsFields td {
	border-bottom: 3px solid white;
}

.dayPlanDetailsTooltip {
	background-color: #FFFFBB;
	border: 1px solid black;
}

.dayPlanDetailsTooltip .description {
	font-weight: bold;
	padding-bottom: 10px;
}

.dayPlanDetailsTooltip .standardTime {
	padding-bottom: 10px;
}

.dayPlanDetailsTooltip {
	padding: 10px;
}

.dayPlanDetailsTooltip .timeValue {
	align: right;
	padding-left: 20px;
}

.dayPlanningDetailsTooltip {
	background-color: #FFFFBB;
	border: 1px solid black;
}

.dayPlanningDetailsTooltip .description {
	font-weight: bold;
	padding-bottom: 10px;
}

.dayPlanningDetailsTooltip .standardTime {
	padding-bottom: 10px;
}

.dayPlanningDetailsTooltip {
	padding: 10px;
}

.dayPlanningDetailsTooltip .timeValue {
	padding-left: 5px;
}

.dayPlanningDetailsTooltip .segmentTimes {
	padding-left: 5px;
}

.dayPlanSwitchRequestDetailsForm .blockingConstraint,
	.dayPlanSwitchRequestDetailsForm .warningConstraint {
	color: red;
}

.dayPlanSwitchRequestDetailsForm .actionLinks {
	text-align: right !important;
}

.dayPlanSwitchRequestDetailsForm .gwt-InlineLabel {
	float: left;
	width: 140px;
}

.dayPlanningSwitchForm .dayPlanningSwitchTable {
	position: relative;
	margin-left: -160px;
	border-collapse: collapse;
}

.dayPlanningSwitchForm .primion-form-item-label {
	width: 160px !important;
}

.dayPlanningSwitchForm .gwt-TextArea, .dayPlanSwitchRequestDetailsForm .gwt-TextArea
	{
	width: 375px !important;
}

.dayPlanningSwitchForm .predefinedCommentField .gwt-SuggestBox,
	.dayPlanSwitchRequestDetailsForm .predefinedCommentField .gwt-SuggestBox
	{
	width: 360px !important;
}

.dayPlanningSwitchTable {
	position: relative;
	border-collapse: collapse;
}

.dayPlanningSwitchTable tr:first-child td {
	border-bottom: 2px solid #D3D3E6;
}

.dayPlanningSwitchTable tr td:first-child {
	border-right: 2px solid #D3D3E6;
}

.dayPlanningSwitchTable td {
	padding: 10px;
}

.dayPlanningLayout tr:first-child td {
	border: none !important;
}

.dayPlanningLayout tr td:first-child {
	border: none !important;
}

.dayPlanningLayout td {
	padding: 2px;
}

.dayPlanningLayout .color {
	width: 10px;
	height: 10px;
}

.dayPlanningLayout .description {
	font-size: smaller;
}

.dayPlanningLayout .unknown {
	color: red;
}

/****************
 * Form commons *
 ****************/
.historySectionTitle {
	border: none;
	border-top: 1px solid #999999;
	margin-top: 5px;
	padding: 1px;
	/* firefox bug: without it, the legend margin doesn't work!*/
}

.historySectionTitle legend {
	margin-left: 16px;
}

.historySectionTitle table {
	width: 100%;
	margin-top: 2px;
}

.historySectionTitle .icon {
	height: 16px;
	display: inline-block;
}

.historySectionTitle legend .gwt-Label {
	font-weight: bold;
	display: inline;
	padding-left: 2px;
	position: relative;
	top: -3px;
	color: #333333;
}

.historySectionTitle .primion-grid-td {
	border-width: 0px;
}

.simpleTableSkin thead td {
	border: none;
	font-weight: bold;
}

/*************
 * Link icon *
 *************/
.more {
	width: 23px;
	height: 18px;
	background: url("themes/primion/images/primion/panel/view_next.png");
}

.more:hover {
	background-color: #D7EBFF;
}

.cascadeSubPeriodCode td {
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}

.cascadeSubPeriodCodeIcon {
	width: 23px;
	height: 16px;
	background: url("images/hierarchyCorner.png");
	margin-top: -6px;
}

/*************
 * GWT popup *
 *************/
.gwt-PopupPanel {
	border: 1px solid #A6A6A6;
	background: url("themes/primion/images/primion/qtip/tip-sprite.gif")
		no-repeat -2px -124px;
	padding: 10px;
}

.gwt-PopupPanel .x-form-text {
	background: transparent !important;
}

.bulbRed {
	width: 14px;
	height: 14px;
	background: url(images/bulbRed.png);
}

.bulbGrey {
	width: 14px;
	height: 14px;
	background: url(images/bulbGrey.png);
}

.bulbGreen {
	width: 14px;
	height: 14px;
	background: url(images/bulbGreen.png);
}

.bulbOff {
	width: 14px;
	height: 14px;
	background: url(images/bulbOff.png);
}

.balances-visual-panel {
	margin-left: auto;
	margin-right: 0px;
}

/*******************
 * BalanceOverview *
 ******************/
.balanceOverview .striped-even {
	background-color: #f3f3f3;
}

.balanceOverview-dataRow td {
	padding: 2px 4px 1px 6px;
	overflow: hidden;
}

.balanceOverview-cell {
	
}

.balanceOverview-dataRow *:nth-child(6) {
	white-space: nowrap;
}

.balanceOverview-cell-bold>.decimalNumericField {
	white-space: nowrap;
}

.balanceOverview-cell>.decimalNumericField {
	white-space: nowrap;
}

.balanceOverview-cell-bold {
	font-weight: bold !important;
}

.balanceOverview-cell-comment {
	font-weight: normal !important;
	font-style: italic;
	color: #7C7C7C;
	padding-left: 10px;
	white-space: normal;
}

.balanceOverview-cell-removable-correction:hover {
	text-decoration: underline;
	cursor: pointer;
}

.balanceOverview-cell-align-left {
	text-align: left;
}

.balanceOverview-cell-align-center {
	text-align: center;
}

.balanceOverview-cell-align-right {
	text-align: right;
}

.balanceOverview-signal-flag-checkered {
	width: 15px;
	height: 15px;
	background-image: url( images/signal_flag_checkered.png ) !important;
}

.balanceOverview-detail-cell {
	width: 100%;
}

.balanceOverview-detail-cell-hidden {
	display: none;
}

.balanceOverview-day-cell-align-left {
	text-align: left;
	width: 100%;
	padding: 0 0 0 0 !important;
}

.balanceOverview-day-cell-align-right {
	text-align: right;
	width: 100%;
	padding: 0 0 0 0 !important;
}

.balanceOverview-day-cell-hidden {
	display: none;
}

.sidebar-link {
	padding-bottom: 5px;
	padding-left: 10px;
}

/*******************
 * DS-Digital font *
 *******************/
@font-face {
	font-family: DS-Digital;
	src: url("fonts/DS-DIGITAL/DS-DIGI.eot"); /* EOT file for IE */
	font-weight: normal;
}

@font-face {
	font-family: DS-Digital;
	src: url("fonts/DS-DIGITAL/DS-DIGI.TTF");
	/* TTF file for CSS3 browsers */
	font-weight: normal;
}

@font-face {
	font-family: DS-Digital Bold;
	src: url("fonts/DS-DIGITAL/DS-DIGIB.eot"); /* EOT file for IE */
	font-weight: bold;
}

@font-face {
	font-family: DS-Digital Bold;
	src: url("fonts/DS-DIGITAL/DS-DIGIB.TTF");
	/* TTF file for CSS3 browsers */
	font-weight: bold;
}

@font-face {
	font-family: DS-Digital Italic;
	src: url("fonts/DS-DIGITAL/DS-DIGII.eot"); /* EOT file for IE */
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: DS-Digital Italic;
	src: url("fonts/DS-DIGITAL/DS-DIGII.TTF");
	/* TTF file for CSS3 browsers */
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: DS-Digital Italic Bold;
	src: url("fonts/DS-DIGITAL/DS-DIGIT.eot"); /* EOT file for IE */
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: DS-Digital Italic Bold;
	src: url("fonts/DS-DIGITAL/DS-DIGIT.TTF");
	/* TTF file for CSS3 browsers */
	font-weight: bold;
	font-style: italic;
}

/*********************
 * searchAndInfoGrid *
 *********************/
.searchAndInfoContent {
	white-space: normal !important;
}

.sequenceUp {
	margin-left: 7px;
	background-image: url(images/arrowUp.png) !important;
}

.sequenceUp:hover {
	margin-left: 7px;
	background-image: url(images/arrowUpHover.png) !important;
	cursor: pointer;
}

.sequenceUp-disabled {
	margin-left: 7px;
	background-image: url(images/arrowUpDisabled.png) !important;
}

.sequenceDown {
	margin-left: 7px;
	background-image: url(images/arrowDown.png) !important;
}

.sequenceDown:hover {
	margin-left: 7px;
	background-image: url(images/arrowDownHover.png) !important;
	cursor: pointer;
}

.sequenceDown-disabled {
	margin-left: 7px;
	background-image: url(images/arrowDownDisabled.png) !important;
}

.warningPopup {
	
}

.warningPopupText {
	display: inline-block;
	margin: 20px 0px 0px 10px;
	vertical-align: top;
}

.warningPopupIcon {
	background-image: url("images/status/warning.png");
	width: 64px;
	height: 64px;
	display: inline-block;
}

.primetimeLoginLogo {
	background-image: url("images/logo/PrimetimeLoginPageLogo.png");
	position: absolute;
	top: 9px;
	right: 10px;
	height: 53px;
	width: 172px;
	background-repeat: no-repeat;
}

.primetimeLogo {
	position: fixed;
	top: 28px;
	right: 10px;
	height: 39px;
	width: 127px;
	background-repeat: no-repeat;
	z-index: 100;
	background-image: url("images/logo/PrimetimeHomePageLogo.png");
	cursor: pointer;
}

.balanceGroupOverview .grid-cell .autoHorizontalLayout {
	height: 25px;
}

.balanceGroupOverview .grid-cell .balance-details:hover {
	cursor: pointer;
	text-decoration: underline;
}

.otherCodeGroupsLink {
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 10px;
}

.otherCodeGroupsForm .window-headerContent .gwt-HTML {
	background-color: white;
}

.otherCodeGroupsWidget .textLink {
	padding-bottom: 5px;
}

.dayPlanningDetailsForm .links {
	padding-left: 10px;
}

.dayPlanningDetailsForm .segmentsField, .workplacesField{
	padding-top: 2px;
}

.dayPlanningDetailsForm .segmentsFieldCell, .workplaceFieldCell {
	font-size: 12px !important;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
	font-weight: bold !important;
	padding-right: 10px;
}

.dayPlanningDetailsForm .workplaceFieldCommentsCell {
	font-size: 11px !important;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif !important;
	font-style: italic; 
	padding-right: 10px;
}
	
.dayPlanningCorrectionPanel .dayPlanningField {
	min-width: 240px;
}

.dayPlanCorrectionPanel .dayPlanField {
	width: 240px;
}

.dayPlanningCorrectionPanel .reasons {
	padding-left: 10px;
}

.dayPlanningCorrectionPanel .reasons .gwt-RadioButton,
	.dayPlanningCorrectionPanel .reasons .gwt-RadioButton LABEL,
	.dayPlanningCorrectionPanel .reasons .gwt-RadioButton INPUT {
	height: 15px;
	line-height: 15px;
}

/****************
 * Central menu *
 ****************/
.centralMenu {
	overflow: auto;
}

.centralMenu .column {
	margin-right: 40px;
	display: inline-block;
	vertical-align: top;
}

.centralMenu .section {
	margin-top: 20px;
}

.centralMenu .title {
	color: #15428B;
	font-family: "Lucida Sans Unicode";
	font-size: 17px;
	font-weight: normal;
}

.centralMenu .list {
	margin-top: 10px;
	margin-left: 20px;
}

.centralMenu .textLink {
	padding-bottom: 7px;
	font-size: 12px;
}

.centralMenu .primion-checkbox {
	padding-right: 5px;
	top: -2px;
}

.centralMenuLayout .buttonArea {
	height: 85px;
}

.centralMenuLayout .editInfo {
	width: 152px;
	padding-bottom: 10px;
	font-size: 10px;
}

.centralMenuLayout .top-center-bottom-bottom {
	border-top: none;
}

.centralMenuLayout .buttons .readonly, .centralMenuLayout .buttons .editable
	{
	display: inline-block;
	float: right;
	padding-right: 15px;
}

.centralMenuLayout .buttons .readonly {
	padding-top: 45px;
}

.centralMenuLayout .buttons .readonly .editIcon {
	width: 16px;
	height: 16px;
	background-image: url("images/wrench.png");
}

.centralMenuLayout .buttons .readonly .textLink {
	padding-left: 5px;
}

/***************************
 * Counter correction form *
 ***************************/
.codeValueInputSingleChoice gwt-RadioButton {
	line-height: 18px !important;
}

.codeValueInputSingleChoice .gwt-RadioButton div {
	margin-left: 0px !important;
}

.codeValueInputSingleChoice .gwt-RadioButton div input {
	margin-left: 0px;
	margin-right: 0px;
	width: 45px !important;
}

.codeValueInputSingleChoice .gwt-RadioButton label {
	display: none;
}

.geoLocationIcon2 {
	width: 17px;
	height: 16px;
	margin-left: 2px !important;
	background: url(images/mapMarker.png) no-repeat !important;
}

.geoLocationIcon2-legend {
	width: 17px;
	height: 16px;
	margin-left: 2px !important;
	background: url(images/mapMarker.png) no-repeat !important;
}

.geoLocationIcon {
	width: 30px;
	height: 27px;
	background: url(images/map.png) !important;
}

/***************************
 * JobRegistrations
 ***************************/
.jobRegistration {
	text-align: center;
}

.jobRegistrationHiddenSessionMenu {
	height: 0px !important;
}

.jobRegistrationHiddenSessionScreen {
	top: 0px !important;
}

.drop-not-allowed {
	width: 16px;
	height: 16px;
	background: url(images/sign_forbidden.png) !important;
}

.drop-recycle {
	width: 16px;
	height: 16px;
	background: url(images/recycle.png) !important;
}

/***************************
 * Addhoc dayplanning form
 ***************************/
.adhocDayPlanningForm .abbrevField {
	float: left;
}

.adhocDayPlanningForm .abbrevField .gwt-TextBox {
	width: 65px;
}

.adhocDayPlanningForm .colorLabel {
	float: left;
	padding-left: 20px;
	padding-right: 5px;
}

.adhocDayPlanningForm .colorLabel, .adhocDayPlanningForm .colorField {
	padding-top: 3px;
}

.adhocDayPlanningForm .reason td {
	border-top: 1px solid #999999;
	padding-top: 10px;
}

.adhocDayPlanningForm .collapsed, .adhocDayPlanningForm .expanded {
	cursor: pointer;
	display: inline-block;
	margin-left: 5px;
	margin-right: 10px;
	height: 17px;
	width: 17px;
	background: url(themes/primion/images/primion/other/foldUnFold.png);
}

.adhocDayPlanningForm .collapsed {
	background-position: left top;
}

.adhocDayPlanningForm .expanded {
	background-position: left bottom;
}

.adhocDayPlanningForm  .dayPlanningGroupsGrid {
	width: 350px;
}

.adhocDayPlanningForm  .dayPlanningGroupsGrid .viewSelectedItemsTextLink,
	.adhocDayPlanningForm  .dayPlanningGroupsGrid .selectionSummaryLabel,
	.adhocDayPlanningForm  .dayPlanningGroupsGrid .searchBox {
	display: none;
}

.adhocDayPlanningForm .timeBlocksPanel {
	max-height: 150px;
	overflow-x: auto;
	min-width: 550px;
}

.adhocDayPlanningForm .segmentTypeComboBox {
	max-width: 200px;
}

.adhocDayPlanningForm .workplacesPanel {
	max-height: 100px;
	overflow-x: auto;
	min-width: 550px;
}

.adhocDayPlanningForm .workplaceComboBox {
	max-width: 200px;
}

.timeBlockWidget .fixedSelector, .timeBlockWidget .fixedSelectorLabel,
	.timeBlockWidget .flexibleSelector, .timeBlockWidget .flexibleSelectorLabel,
	.timeBlockWidget .stdLabel, .timeBlockWidget .removeAction {
	float: left;
}

.timeBlockWidget .fixedSelectorLabel, .timeBlockWidget .flexibleSelectorLabel,
	.timeBlockWidget .stdLabel {
	margin-top: 5px;
}

.timeBlockWidget .flexibleSelector {
	padding-left: 5px;
}

.timeBlockWidget .stdLabel {
	padding-left: 10px;
}

.timeBlockWidget td {
	padding: 5px;
}

.timeBlockWidget .color {
	width: 15px;
	height: 15px;
	float: left;
	border: 1px solid #b5b8c8;
	margin-top: 2px;
	margin-right: 2px;
}

.timeBlockWidget {
	border: 1px solid #b5b8c8;
	margin-bottom: 2px;
}

.timeBlockWidget .removeAction {
	margin-right: 5px !important;
}

.timeBlockWidget .addAction {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.correctCounterLink {
	padding-bottom: 10px;
	text-align: left;
}

.statusApproved {
	color: #00774a;
	font-weight: bold;
}

.statusRejected {
	color: red;
	font-weight: bold;
}

.groupTabWidget .selectionGridArea {
	position: absolute;
	bottom: 15px;
	top: 20px;
}

.groupTabWidget .selectionGridAreaMaxWidth {
	position: absolute;
	bottom: 15px;
	top: 20px;
	width: 100%;
}

.multiLineGrid td {
	word-wrap: break-word;
	white-space: normal;
}

.groupTabWidget .viewSelectedItemsTextLink {
	text-align: right;
	padding-bottom: 5px;
}

.authorizationTabWidget .viewSelectedItemsTextLink {
	text-align: right;
	padding-bottom: 5px;
}

.dayDetailsHistoryPopup .dataScrollArea {
	max-height: 350px;
}

.dayDetailsHistoryPopup .detailsLabel {
	color: #15428B;
	font-size: 13px;
}

.dayDetailsHistoryPopup .historyGrid {
	margin-bottom: 15px;
}

.dayDetailsHistoryPopup .detailsTable {
	margin-top: 5px;
}

.dayDetailsHistoryPopup .detailsTable td {
	padding-right: 10px;
}

.dayDetailsHistoryPopup .closeButton {
	width: 70px;
	margin-left: auto;
	margin-right: 0px;
}

.dayDetailsHistoryPopup .noHistoryLabel {
	margin-top: 25px;
	margin-bottom: 25px;
}

.dayDetailsHistoryPopup .historyGrid td {
	white-space: normal;
}

.balanceOverview .counterValue {
	white-space: nowrap;
}

.removeDayPlanCorrectionForm .dayplansWrapper {
	padding-top: 7px;
}

.dayPlanDetailsForm .schemeDetails, .dayPlanningDetailsForm .schemeDetails,
	.dayPlanningDetailsForm .dayPlanDetails {
	border-top: 1px solid #999999;
}

.dayPlanningDetailsForm .workplaceDetails {
	display: table; border-collapse: collapse; width: 100%;
	border-top: 1px solid #999999;
}

.dayPlanningDetailsForm .workplaceDetails .workplacesPanel {
	max-width: 700px;
	word-break: break-all;
}

.dayPlanDetailsForm .primion-form-item-label, .dayPlanningDetailsForm .primion-form-item-label
	{
	width: 200px;
}

.dayPlanDetailsForm .links, .dayPlanningDetailsForm .links {
	padding-left: 30px;
	padding-top: 3px;
}

.dayPlanDetailsForm .schemeRow td, .dayPlanningDetailsForm .schemeRow td,
	.dayPlanningDetailsForm .dayPlanRow td {
	padding-top: 5px;
}

.dayPlanDetailsForm .reasonRow td, .dayPlanningDetailsForm .reasonRow td
	{
	padding-bottom: 5px;
}

.commentPopup .buttonPanel {
	width: auto !important;
	margin-left: auto;
	margin-right: 0px;
}

.commentPopup .predefinedCommentField {
	margin-top: 5px;
}

.commentPopup .predefinedCommentField .gwt-SuggestBox {
	width: 360px !important;
}

.commentPopup .gwt-TextArea {
	width: 375px !important;
}

.spacer {
	padding-right: 4px;
}

.differentCodeTo {
	color: red;
}

.viewSelectedItemsTextLink {
	margin-bottom: 10px;
}

.primecostBookingIcon {
	width: 15px !important;
	height: 15px !important;
	background-image: url(images/primecostBooking.png) !important;
}

.primecostBookingOverviewIcon {
	width: 18px !important;
	height: 18px !important;
	background-image: url(images/bookingOverview.png) !important;
	cursor: pointer;
}

.primecostBooking {
	color: #4B93D3;
}

.primecostBooking:hover {
	cursor: pointer;
	text-decoration: underline;
}

.bookingForm .costItemsPanel {
	padding-left: 0px !important;
}

.italic {
	font-style: italic;
}

.removeIcon {
	background: url(images/cancel-upld.gif) no-repeat;
	width: 12px;
	height: 12px;
	cursor: pointer;
	margin-top: 1px;
	margin-right: 5px;
}

.removeIcon:hover {
	background: url(images/cancel-upld-hover.gif) no-repeat;
}

.multipleLinks .textLink {
	padding-bottom: 7px;
}

.customFieldsHeader {
	border-top: 1px solid #999999;
	margin-top: 5px;
	padding: 1px;
	/* firefox bug: without it, the legend margin doesn't work!*/
}

.customFieldsHeader .gwt-Label {
	font-weight: bold;
	display: inline;
	padding-left: 2px;
	position: relative;
	top: -3px;
	color: #333333;
}

.contextMenu .splitAction td {
	border-top: 1px solid #bbbbbb;
}


.sendMessageForm .dayField td,
.sendMessageForm .titleField td,  
.answerMessageForm .dayField td {
	border-top: 1px solid #999999;
	padding-top: 15px;
}

.sendMessageForm .titleField .primion-textfield {
	width: 400px !important;
}

.sendMessageForm .messageField .gwt-TextArea, 
.answerMessageForm .answerField .gwt-TextArea {
	width: 400px;
	height: 80px;
}

.answerMessageForm .answerField td {
	padding-top: 20px; 
}

.messageDetailsForm .employeeMessagesGrid  {	
	margin-top: 15px;
	border-top: 1px solid #999999; 
	padding-top: 10px; 
}

.messageDetailsForm .simpleEmployeeMessagesGrid .selectionSummaryLabel,
.messageDetailsForm .simpleEmployeeMessagesGrid .viewSelectedItemsTextLink {	
	  display: none;	  
}

.messageDetailsForm .simpleEmployeeMessagesGrid  .primion-checkbox {
	visibility: hidden;
}

.answerMessageForm .navigation {
	float: right; 
	margin-bottom: 5px; 
}

.messageDetailsForm .employeeMessagesGrid .dataScrollArea {
  max-height: 250px;
}

.messageDetailsForm .employeeMessagesGrid td {
	word-wrap: break-word;
	white-space: pre-wrap;
}


.messageDetailsForm .navigation {
	float: right; 
}

.messageDetailsForm  .previousNextNavigation { 
	margin-bottom: 5px;	
}

.messageDetailsForm .buttonPanel {
	float: right; 
	width: auto !important; 
}

.messageDetailsForm .cancelButton {
	padding-right: 15px !important; 
}