/* * * * * * * * * * * * * * * * * * * * * * *
/*    Stylesheet specific for the ERP
/*    section of the site. Not necessary
/*    for the shop.
/* * * * * * * * * * * * * * * * * * * * * * */ 

/* Selection Screen */
.content-details.with-info {padding-bottom: 6px;}
	.search-perform {
		background:#EFEFEF none repeat scroll 0 0;
		float:left;
		margin:10px 5px;
		padding:10px;
		width:200px;
	}
		.search-perform p {margin: 12px 0 6px;}
	.search-parameters {
		float: left;
		margin:10px 20px 10px 10px;
		padding:10px;
	}
		.search-parameters div.form * span.search-parameter-fromto-binding {
			margin-left: 10px;
			float: left;
		}
		.search-parameters div.form * span.label {
			float: left;
			margin: 6px 0px;
			width: 180px;
			text-align: right;
		}
		.search-parameters input[type='text'] {width: 150px;}
		.search-parameters input.date {
			width: 100px;
			text-align:right;
		}
		.search-parameters input[type='checkbox'] {	margin: 3px 0 3px 6px;}
	.criteria {
		/*
		margin: 0 0 4px;
		float: right;
		width: 350px;
		float:left;
		*/
		clear: both;
		margin:0 0 4px;
		/*e width:350px;*/
	}
	.criteria input.fulltextSearch {width: 400px;}
	.add-criterium {
		background-image: url(img/add-criterium.png);
		width: 22px;
		height: 22px;
		float: left;
		margin: 0 0 0 5px;
		cursor: pointer;
	}
	.remove-criterium {
		background-image: url(img/remove-criterium.png);
		width: 22px;
		height: 22px;
		float: left;
		margin: 0 0 0 5px;
		cursor: pointer;
	}
	/* Button to open/choose the item selected in the result table */
	.select-button {
		float: right;
		padding: 4px;
	}
	.select-button input[type='button'] {width: 80px;}
.search-results {
	margin-top: 6px;
	background-color: #eee;
}
	.search-results h3 {
		margin: 7px;
		font-size: 14px;
		font-weight: bold;
		color: #555;
	}
	.result-table-wrapper {
		width: 100%;
		clear: both;
	}
	.result-table-wrapper>table.result-table {border-collapse: collapse;}
	.result-table-wrapper>table.result-table th {
		background-color: #555;
		color: #fff;
		padding: 4px;
	}
	.result-table-wrapper>table.result-table td {
		padding: 4px;
		border: 1px solid #ccc;
	}
/* End of Selection Screen */
/* Read Screen */
#content_toolbar {
	height: 30px;
	background: url(img/toolbar-bg.png) repeat-x;
	overflow: hidden;
}
	.result-toolbar-item {
		float: right;
		height: 30px;
		overflow: hidden;
		border-left: 1px solid #f7f7f7;
		border-right: 1px solid #cfcfcf;
		cursor: pointer;
	}
	.toolbar-item {
		float: left;
		height: 30px;
		overflow: hidden;
		border-left: 1px solid #f7f7f7;
		border-right: 1px solid #cfcfcf;
		cursor: pointer;
	}
	.toolbar-item a.toolbar-action {
		display: block;
		height: 28px;
	}
	.toolbar-item a.toolbar-action:HOVER { text-decoration: none;}
	.toolbar-item:hover,.result-toolbar-item:hover {
		background-image: url(img/darken10.png);
		cursor: pointer;
		border-left-color: transparent;
		border-right-color: #bababa;
	}
	.toolbar-item.pressed,.result-toolbar-item.pressed {background-image: url(img/darken20.png);}
	.toolbar-item button#login {
		border: none;
		font-size: 100%;
		padding: 0;
		height: 30px;
		width: 120px;
		cursor: pointer;
		padding-left: 10px;
	}
	.toolbar-icon {
		padding: 10px 10px 4px 36px;
		height: 16px;
		overflow: hidden;
	}
	.toolbar-icon.no-icon {padding-left: 10px;}
	.toolbar-icon.icon-new {background: url(icons/document_add.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-edit {background: url(icons/document_edit.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-update {background: url(icons/document_edit.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-copy {background: url(icons/copy.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-selection {background: url(icons/folder_view.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-recent {background: url(icons/folder_document.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-print {background: url(icons/printer.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-save {background: url(icons/save.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-cancel {background: url(icons/cancel.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-login {background: url(icons/safe_into.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-refresh { background: url(icons/refresh.png) no-repeat 6px 3px;}
	.toolbar-icon.icon-start-info-system { background: url(icons/gear_run.png) no-repeat 6px 3px;}
	#content_toolbar .bevellight {
		width: 1px;
		height: 30px;
		background-color: #f7f7f7;
		float: left;
	}
#tabs {
/*	margin: 6px 8px 0;
	border: 1px solid #666;
	border-bottom: 1px solid #bbb;
	padding: 3px 0 0 3px;
	background-color: #e0e0e0;
	overflow: hidden; */
}
	#tabs .tab { 
	/*      float: left;*/
		overflow: hidden;
		margin: 0 4px 4px 0;
		cursor: pointer;
		display: inline-block;
	}
	#tabs .tab .tab-left,#tabs .tab .tab-right {
		float: left;
		width: 3px;
		height: 25px;
		background: url(img/tab-left.png) no-repeat 0px 0px;
	}
	#tabs .tab .tab-right {background: url(img/tab-right.png) no-repeat 0px 0px;}
	#tabs .tab .tab-center {
		float: left;
		height: 16px;
		background: url(img/tab-center.png) repeat-x 0px 0px;
		padding: 6px 5px 3px;
		overflow: hidden;
		white-space: nowrap;
	}
	#tabs .tab .tab_error {color: #ce1b00;}
	#tabs .tab:hover .tab-left,#tabs .tab:hover .tab-center,#tabs .tab:hover .tab-right {background-position: 0 -25px;}
	#tabs .tab.selected .tab-left,#tabs .tab.selected .tab-center,#tabs .tab.selected .tab-right {
		background-position: 0 -50px;
		color: #fff;
	}
	#tabs .tab.pressed .tab-left,#tabs .tab.pressed .tab-center,#tabs .tab.pressed .tab-right {
		background-position: 0 -75px;
		color: #fff;
	}
	#tabs .tab .tab-center a {text-decoration: none;}
	#tabs .selected .tab-center a {color: #fff;}
	#tab-simple-search {
		/*min-width: 900px; avoid ui crash on small width*/ 
	}
	#content.erp {
	padding:20px;
	background: url(img/transparent.png) repeat;
	}
	#content.erp h1{
	padding:10px 0 0 0;
	font-size:14px;
	}
	#content.erp p {
	padding:10px 0 10px 0;
	}
	
	#content.erp a {
	font-weight: bold;
	font-size: 12px;
	color: #e2007a;
	}
	

#content.erp .flexigrid {margin-top: 8px;}
.fixFlexigridWidth {clear: left;}
#content.erp .data-table td,#content.erp .flexigrid td {white-space: pre;}
#content.erp .action-menu {width: 100px;}
.erp-table td { padding: 3px; vertical-align: top; white-space: pre;}
.flexigridContainer td { padding: 0px;}
.erp-table {margin-top:10px;}
.erp-table td,.erp-table em,.erp-table td span.label,.erp-table td span.otherLabel, .erp-table td span.titleLabel { 
	font-family: Verdana, Tahoma, sans-serif;
}
.erp-table em {
	display: inline-block;
	padding: 4px 0 3px 4px;
	color: #555;
	float: left;
}
.erp-table td span.label {
	text-align: left;
	color: #555;
	display: block;
	padding: 4px;
}
.erp-table td span.otherLabel , .erp-table td span.titleLabel{
	text-align: left;
	color: #555;
	padding: 4px;
}
.erp-table td span.titleLabel {
	display: block;	
}
.erp-table td span.integer, .erp-table td span.double, .erp-table td span.short,
.erp-table td span.decimal, .erp-table td span.byte, .erp-table td span.byte { text-align: right;}
.erp-table td+td span.label {padding-left: 20px;}
.erp-table td h2 {
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}
/* HARMONIZE WIDTHS OF INPUT FIELDS */
#content.erp input.mini {width: 30px;}
#content.erp input.small {width: 80px;}
#content.erp input.normal {width: 160px;}
#content.erp input.large {width: 320px;}
#content.erp input.extra-large {width: 600px;}
#content.erp input {
	float: left;
	margin-right: 4px;
}

#content .button {
	height: 20px;
	width: 100px;
	overflow: hidden;
	padding: 1px 0 0 1px;
	background: #bbb url(img/input-button-bg.png) repeat-x 0 0;
	border: 1px solid #595959;
	font-size: 11px;
	cursor: pointer;
	display: block;
}
#content .button p {
	line-height: 100%;
	margin: 4px 0 0 6px;
}
#content .button .label {
	display: block;
	line-height: 100%;
	margin: 4px 0 0 0;
	white-space: nowrap;
}
#content.erp .dataView_button {
	height: 20px;
	width: 20px;
	margin-left: -4px;
	background: #bbb url(img/input-button-bg.png) repeat-x 0 0;
	border: 1px solid #595959;
	border-left: none;
	font-size: 11px;
	cursor: pointer;
	float: left;
	padding: 0;
}
.icon-calendar { background: url(icons/calendar.png) no-repeat;}
.icon-reference { background: url(icons/window_next.png) no-repeat;}
.icon-dataview { background: url(icons/data_view.png) no-repeat;}
.icon-freetext { background-image: url(icons/document.png);}
.icon-freetext-empty { background-image: url(icons/document_plain.png);}
.icon-save16 { background-image: url(icons/save16.png);}
.freetext {
	width: 100%;
	height: 100%;
}
.freetext-button {width: 120px;}
/* End of Read Screen */ 
/* Generic Elements */
.dropdown:HOVER {
	/*background:transparent url(img/flyout-triangle.png) no-repeat scroll 97% 55%;*/
}
	.dropdown-content {
		display: none;
		background-color:#E9E9E9;
		border-width: 0 1px 1px 1px;
		border-color: #C5C5C5;
		border-style: solid;
		font-size:10px;
		overflow:hidden;
		position:absolute;
		z-index:10;
	}
		.dropdown-content table {width: 100%;}
		.dropdown-content * a {
			color:#333333;
			display:block;
			padding:5px 5px;
			text-decoration:none;
		}
	.dropdown-content * a:HOVER {
			background-color: #D3D3D3;
			border-width: 1px 0px 1px 0px;
			border-color: #C5C5C5;
			border-style: solid;
			padding:4px 5px;
		}
		.popover {
			position:absolute;
			background: #fff;
			color:black;
			padding-top:4px;
			border-width:1px 2px 0px 0px;
			border-color:#333;
			border-style:solid;
		}
/* End of Generic Elements */
/* Breadcrumb component commands */
table.component-commands {
	border-width:1px 2px 2px 1px;
	border-style:solid;
	border-color:#333;
	background: #fff;
	width: 290px;
}
	table.component-commands table.history {
		border-collapse: collapse;
		background-color: #fff;
		border: none;
	}
	table.component-commands * table.history-form {
		background-color: #C1DEDC;
		border-top: 1px solid #9FB9D1;
		border-bottom: 1px solid #9FB9D1; 
		margin: 15px 7px 10px 7px;
		padding: 5px;
		width: 95%;
	}
	table.component-commands * table.history-form select {
		min-width: 120px;
		margin-top: 5px;
		margin-right: 10px;
	}
	table.component-commands * table.history-form tbody tr td span.category-label,
	table.component-commands * table.actions tbody tr td span.category-label {
		color: #333;
		font-size: x-small;
	}
	table.component-commands * table.actions {
		border: none; 
		margin: 0px 0px 10px 10px; 
		padding: 5px; 
		width: 95%;
	}
	table.component-commands * table.actions span.strong{
		color: #21877f;
		font-weight: bold;
	}
	table.component-commands table.history * table.form * td {
		width:100%; 
		position: relative;
		padding-left:3px;
	}
	table.component-commands * table.actions tr td {	
		line-height: 1.2em;
		padding-top: 3px;
	}
	table.component-commands * table.actions * a.action-link { 
		color: #333 !important;
		text-decoration: none;
	}
.dropdown-recent {background: transparent;}
#dropdown_chooser_toggle {
	background:#FFF url(img/flyout-triangle.png) no-repeat scroll 97% 55%;
	height:16px;
	padding: 3px 0px 2px 10px;
	border: 1px solid #666;
}
#dropdown_chooser_toggle:HOVER {border-bottom: none;}
	#dropdown_chooser_toggle .dropdown-content {
		border-color: #666;
		background-color: #FFF; 
	}
#dropdown_ctemplate_select_toggle {
	background:#FFF url(img/flyout-triangle.png) no-repeat scroll 97% 55%;
	height:16px;
	padding: 3px 20px 2px 10px;
	border: 1px solid #666;
	margin-bottom: 10px;
}
#dropdown_ctemplate_select_toggle:HOVER {border-bottom: none;}
	#dropdown_ctemplate_select_toggle .dropdown-content {
		border-color: #666;
		background-color: #FFF; 
	}
/* data-table test */
/* Grog plugin START*/
#grog_content {
/*	overflow: hidden;
	background: #ddd;
	padding:5px;
	border-color: threedface threedshadow threedshadow threedhighlight;
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	width:800px;*/
}
#grog_content table.grog-result-table {
	height: 100%;
	width: 650px;
}
#grog_content table.grog-result-table * td {
	background: #ddd;
	font-family: helvetica, arial, sans !important;
	font-size: x-small !important;
}
#grog_content table.grog-result-table * td.topic {
	background: #eee;
	padding: 5px;
	color: #666;
	text-shadow: black;
	max-width: 100px;
	overflow: hidden;
	text-align: right;
}
#grog_content table.grog-result-table * li a.grog-link {
	display: block;
	padding: 3px 10px;
	color: #444;
	text-decoration: none;  
}
#grog_content table.grog-result-table * li a.active, #grog_content table.grog-result-table * li a:HOVER {
	background-color: #2B69CC;
	color: #fff;
}
input.grog-loading {
	background: white url(img/load.gif) no-repeat right center !important;
}

table#grog_overlay * td {background-color: #2B69CC;}
table#grog_overlay * td.top-left,
table#grog_overlay * td.top-right,
table#grog_overlay * td.bottom-left,
table#grog_overlay * td.bottom-right{
	width: 8px;
	height: 8px;
	background-color: red;
}
table#grog_overlay * td.top-right { background-color: green;}
table#grog_overlay * td.bottom-right { background-color: green;}
/* Grog plugin END*/
/* Split Button START */
.splitButton-container { 
	overflow:hidden; 
	font-size:.9em; 
	float:left; 
	background:#BBBBBB url(img/input-button-bg.png) repeat-x scroll 0 0;
	margin-bottom: 10px;
	border:1px solid #595959;
}
.splitButton-container span.primaryaction,
.splitButton-container span.toggle {
	float: left;
	padding: 5px;
	display: block;
	cursor: pointer;
}
.splitButton-container span.primaryaction:HOVER,
.splitButton-container span.toggle:HOVER,
.splitButton-container span.clicked {background:url(img/darken10.png) repeat center;}

.splitButton-container span.primaryaction {
	border-right: 1px solid #8f8f8f;
	background: transparent;
	padding-right: 10px;
	overflow:hidden;
}
.splitButton-container span.toggle {
	display:block;
	width:15px;
	height:1.2em;
}
.splitButton-container span.toggle .icon {
	display: block;
	width: 10px;
	height: 10px;
	margin: 2px;
	background:url(img/arrow.gif) no-repeat center;
}

.splitButton-container span.customaction .icon {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin: 0px 5px 0px 0px;
	background:url(img/edit.png) no-repeat center;
}
.splitButton-dropdown {
	background-color: #F0F0F0;
	border:1px solid #595959;
}
.splitButton-dropdown ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.splitButton-dropdown ul li a {
	padding:6px 5px 6px 32px ;
	display: block;
	text-decoration: none;
	color: #333;
}
/* example
.splitButton-dropdown ul li a.x {
	background:url(img/edit.png) no-repeat 10% center;
}
*/
.splitButton-dropdown ul li a.template-select-item:HOVER {background: #E0E0E0 url(img/darken-10.png) no-repeat 10% center;}
/* Split Button END */
#content .splitButton-container {
	margin: 0;
	height: 20px;
}
.splitButton-dropdown ul li a.freetext-new-window {	background:url(icons/window16.png) no-repeat 5% 50%;}
.splitButton-inner .icon-freetext .icon {
	background: transparent url(icons/document.png) no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	float:left;
	margin: -3px 3px -3px -3px;
}
.splitButton-inner .icon-freetext-empty .icon {
	background: transparent url(icons/document_plain.png) no-repeat;
	display: block;
	width: 16px;
	height: 16px;
	float:left;
	margin: -3px 3px -3px -3px;
}

#templateselection_iframe_body {
	background: #DDDDDD;
	padding: 10px;
}
#templateselection_iframe_body span.title {
	background: #fff;
}

#content.erp textarea {
	margin: 0;
	padding: 2px 3px;
}