/*****************************************************************************************************************************************/
/* Allgemein */
/*****************************************************************************************************************************************/
	html {
		height: auto;
		font-size: 100%;
	}

	body {
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
		font-family: Arial;		
		font-size: 75%;
		line-height: 1.333em;
		color: #000000;
		
		background-color: #ffffff;
	}
	
	
	
	
/*****************************************************************************************************************************************/
/* Headlines */	
/*****************************************************************************************************************************************/
	h1 {
		padding: 0px;
		margin: 0px;
		
		font-size: 1.296em;
		font-weight: normal;
		color: #231f20;
	}
	
	h2 {
		padding: 0px;
		margin: 0px;
		
		font-size: 1em;
		font-weight: normal;
		color: #231f20;
	}
	
	h1 + h2 {
		padding-top: 14px;
	}
	
	
	

/*****************************************************************************************************************************************/
/* Links */	
/*****************************************************************************************************************************************/
	a {
		outline: none;	
	}
	
	a:focus {
		outline: none;
	}
	
	a:hover {
		outline: none;
		text-decoration: none;
	}
	
	

/*****************************************************************************************************************************************/
/* Button */
/*****************************************************************************************************************************************/	
	
	.divButtonCenter {
		text-align: center;
	}
	
	.inputButton,
	a.aButton {
		display: inline-block;
		height: auto;
		
		margin: 0px 0px 12px 0px;
		padding: 0px 0px 0px 0px;
		
		font-family: Arial, Helvetica, sans-serif;
		color: #ffffff;
		
		background-color: #34b6e5;
		border: none;
		
		border-radius: 2px;
		-webkit-border-radius: 2px;
		
		background-position: left center;
		background-repeat: no-repeat;		
	}
	
	input.inputButton {
		padding: 4px 9px 3px 9px;
	}
	
	
	/* div */
		button.inputButton div,
		a.aButton div {
			display: inline-block;
			padding: 5px 20px 5px 20px;
			
			background-position: left center;
			background-repeat: no-repeat;	
		}

		
	/* Hover */		
		.inputButton:hover,
		a.aButton:hover  {
			background-color: #231f20;
		}
	
		
	/* Icons */
		a.aButton.IconAccept { background-color: #ffc632; }
		button.inputButton.IconAccept div,
		a.aButton.IconAccept div {
			padding-left: 38px;
			
			background-image: url(../images/icons/icon-mobile-accept.png);	
			background-position: 10px 5px;
			background-repeat: no-repeat;
		}
		
		a.aButton.IconReject { background-color: #be0000; }
		button.inputButton.IconReject div,
		a.aButton.IconReject div {
			padding-left: 38px;
			
			background-image: url(../images/icons/icon-mobile-reject.png);	
			background-position: 10px 5px;
			background-repeat: no-repeat;
		}
		
			a.IconExcel {
			padding: 5px 0 5px 20px;
			background-image: url(../images/icons/icon-excel.gif);	
			background-position: 0px 2px;
			background-repeat: no-repeat;
			color: #000000;
			line-height: 20px;
		}	
		
		
/*****************************************************************************************************************************************/
/* Clear / Space */
/*****************************************************************************************************************************************/
	.divClear{
		clear: both;	
		margin: 0px;
		padding: 0px;
		
		height: 0px;
		line-height: 0px;			
	}
	
	.divSpacer {			
		margin: 0px;
		padding: 0px;
		
		height: 0px;
		line-height: 0px;			
	}
	
	.divHorizDivider {
		clear: both;	
		margin: 7px 0px 4px 0px;
		padding: 0px;
		
		height: 0px;
		line-height: 0px;
		
		border-bottom: 1px solid #cccccc;
	}




/*****************************************************************************************************************************************/
/* Form */
/*****************************************************************************************************************************************/
	form {
		display: inline;	
	}


	label {
		font-weight: normal;	
	}

	input {
		height: 18px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.857em;
		line-height: 1.25em;
		color: #000000;
	}
	
	textarea {
		height: 18px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.857em;
		line-height: 1.25em;
		color: #000000;
	}
	
	select {
		height: 18px;
		
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.857em;
		line-height: 1.25em;
		color: #000000;
	}


	/* Placeholder */
		input::-webkit-input-placeholder { color: #666666; }		
		input:-moz-placeholder { color: #666666; opacity: 1; }	
		input::-moz-placeholder { color: #666666; opacity: 1; }		
		input:-ms-input-placeholder { color: #666666; }
		
		input:focus::-webkit-input-placeholder { color: #ffffff; }		
		input:focus:-moz-placeholder { color: #ffffff; opacity: 1; }	
		input:focus::-moz-placeholder { color: #ffffff; opacity: 1; }		
		input:focus:-ms-input-placeholder { color: #ffffff; }

	/* Focus */
		input:focus { outline: none; }
		textarea:focus { outline: none; }
		select:focus { outline: none; }
	
	
	/* Buttons */	
		.divFormButtonBar {
			padding: 0px 0px 20px 0px;
		}
		
		
		
		

/*****************************************************************************************************************************************/
/* Body - Content */
/*****************************************************************************************************************************************/
	.divBodyContent {				
		position: relative;
		overflow: auto;
		
		font-size: 1.167em;
		line-height: 1.286em;
	}
	
	
	
/*****************************************************************************************************************************************/
/* Header */
/*****************************************************************************************************************************************/
	.divHeader {
		overflow: hidden;
		border-bottom: 1px solid #cccccc;
	}
	
	.divHeaderInner {
		padding: 15px 15px 15px 15px;
	}
	
	/*************************************************************************************************************************************/
	/* Table */				
		.tableHeader {						
			width: 100%;
		}
		
		.tableHeader tr {						
			vertical-align: top;
		}
		
	
	/*************************************************************************************************************************************/
	/* Headline */	
		.divHeader div.Headline {			
			padding: 5px 0px 0px 0px;
			
			font-size: 1.286em;
			color: #cccccc;
		}	
		
		/* Lines */
			.divHeader div.Headline span.Line1 {
				font-weight: bold;
				color: #ffc632;
			}
			
			.divHeader div.Headline span.Line2 {				
				color: #231f20;
			}
	
	
	/*************************************************************************************************************************************/
	/* Logo */		
		.divHeader div.Logo {
			padding: 0px 0px 0px 20px;
		}
		
		.divHeader div.Logo img {
			width: 100%;
			height: auto;
		}
		
	
	
	
/*****************************************************************************************************************************************/
/* Content */
/*****************************************************************************************************************************************/	
	.divContent	{
		position: relative;
		width: 100%;
		overflow: auto;
	}	
	
	.divContent .divContentInner {
		padding: 13px 15px 1px 15px;
	}
	
	
	.divContentFullWith {
		position: relative;
		width: 100%;
		overflow: auto;
	}
	
	.divContentFullWith .divContentFullWithInner {
		padding: 13px 0px 1px 0px;
	}
	
	.divContentFullWith .divContentFullWithInner .ContentSpace {
		padding: 0px 15px 0px 15px;
	}
	
	


/*****************************************************************************************************************************************/
/* Info Table */
/*****************************************************************************************************************************************/
	
	.tableInfo {
		width: 100%;
		table-layout: fixed;
		margin-bottom: 13px;
	}
	
	.tableInfo tr td {
		padding: 3px 15px 3px 0px;
		vertical-align: top;
	}
	
	.tableInfo tr td:last-child {
		padding-right: 0px;
	}
	
	.tableInfo tr td.Label {
		color: #231f20;
	}
	
	.tableInfo tr td.Value {
		color: #000000;
	}
	
	

/****************************************************************************************************************************************/
/*** Input Form ***/
/****************************************************************************************************************************************/
	
	.tableFormInput {
		table-layout: fixed;
		width: 100%;
		
		border-collapse: separate;
	}
		
	/********************************************************************************************************************************/	
	/* Input */
		.tableFormInput tr td.Input {							
			padding: 2px 5px 2px 5px;
			border: 1px solid #cccccc;
		}	
			

	/****************************************************************************************************************************/
	/* Field - Textarea */
		.tableFormInput tr td.Input textarea.FieldTextarea {					
			width: 100%;
			height: 27px;	
			margin: 2px 0px 1px 0px;
			
			border: none;
			background: none;
			
			overflow-y: scroll;
			resize: none;
		}
		
		.tableFormInput tr td.Input textarea.FieldTextarea.Comment {					
			min-height: 120px;
		}
		
				


/****************************************************************************************************************************************/
/*** Approver ***/
/****************************************************************************************************************************************/
	.divApprover {
		padding: 14px 0px 12px 0px;
	}
	
	.divApprover + .divApprover {
		border-top: 1px solid #e6e6e6;
	}
	
	.divApprover table {
		width: 100%;
	}
	
	.divApprover table tr td {
		vertical-align: top;
	}
	
	.divApprover .Status {
		width: 24px;
		height: 24px;
		margin-top: 1px;
		
		background-image: url("../images/icons/icon-approval-state.png");
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	.divApprover .Status.Accept { background-position: 0px -124px; }
	.divApprover .Status.InProcess { background-position: 0px -248px; }
	.divApprover .Status.Reject { background-position: 0px -372px; }
	
	
	.divApprover .Name {
		padding: 4px 0px 0px 0px;
	}
	
	.divApprover .Date {
		font-size: 0.786em;
		line-height: 1.273em;
		
		text-align: left;
	}
	
	.divApprover .Date span {
		display: block;
		color: #666666;
	}
	
	.divApprover .Remark {
		padding: 5px 0px 0px 0px;
		font-size: 0.857em;
		line-height: 1.25em;
	}
	
	
	
	
	
	
	
	
	
/****************************************************************************************************************************************/
/*** Global Loading ***/
/****************************************************************************************************************************************/
	.divGlobalLoading {				
		
	}
	
	
	/************************************************************************************************************************************/
	/* Inner */
		.divGlobalLoadingInner {
			display: none;
			
			position: fixed;
			top: 50%;
			left: 50%;	
			margin: -17px 0px 0px -49px;
			padding: 6px 14px 6px 10px;
					
			background-color: #ffffff;	
			border: 1px solid #cccccc;
						
			-webkit-box-shadow: 0px 0 5px 0 rgba(0,0,0,0.5);
			box-shadow: 0px 0 5px 0 rgba(0,0,0,0.5);
			
			z-index: 9021;
		}
		
		/* Icon */
			.divGlobalLoadingInner span.Icon {
								
					
			}
		
		/* Text */
			.divGlobalLoadingInner span.Text {
				display: inline-block;
				
				margin: 0px 0px 0px 0px;	
				padding: 1px 0px 0px 26px;
				
				background-image: url(../images/loading/loading.gif);
				background-position: left 1px;
				background-repeat: no-repeat;						
			}
					
	
	
	/************************************************************************************************************************************/
	/* Background */
		.divGlobalLoadingBackground{
			display: none;
			
			position: fixed;
			top: 0px;
			left: 0px;	
			
			width: 100%;
			height: 100%;
			
			background-color: #000000;
			
			opacity: 0.1;
			-moz-opacity: 0.1;
			filter: alpha (opacity = 10);
			
			z-index: 9020;
		}	
		
	
	

/*****************************************************************************************************************************************/
/* Table Full With incl. Background */
/*****************************************************************************************************************************************/
	
	.tableFullWidthBackground {
		font-size: 0.857em;
		line-height: 1.333em;
		
		table-layout: fixed;
		width: 100%;
		margin: 7px 0px 25px 0px;
		
		border-collapse: separate;
	}
	
	.tableFullWidthBackground tr {
		vertical-align: top;
	}
	
	.tableFullWidthBackground tr td {
		padding: 6px 0px 5px 6px;
		vertical-align: top;
		
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
	}
	
	.tableFullWidthBackground tr td:first-child {
		padding-left: 15px;
	}
	
	.tableFullWidthBackground tr td:last-child {
		padding-right: 15px;
		border-right: none;
	}
	
	.tableFullWidthBackground tr td.Label {
		background-color: #e6e6e6;
		color: #666666;
	}
	
	.tableFullWidthBackground tr td.Value {
		background-color: #f6f6f6;
	}
	
	
	
	
/*****************************************************************************************************************************************/
/* Currency Select */
/*****************************************************************************************************************************************/
	
	.divCurrencySelect {
		padding: 10px 0px 0px 0px;
	}
	
	.divCurrencySelect .divCurrencySelectInner {
		padding: 0px 15px 0px 15px;
		text-align: center;
	}

	
	.divCurrencySelect .divCurrencySelectInner a {
		border-radius: 2px;
		border: 1px solid #afafaf;
		color: #999999;
		font-size: 0.786em;
		line-height: 1em;
		padding: 0;
		margin: 0px;
		background-color: #fff;
	}
	
	.divCurrencySelect .divCurrencySelectInner a div {
		padding: 5px 15px 4px 15px;
	}
	
	.divCurrencySelect .divCurrencySelectInner a:hover,
	.divCurrencySelect .divCurrencySelectInner a.Active {
		border: 1px solid #34b6e5;
		color: #34b6e5;
	}
	
	.divTabNavigation ul.nav-tabs .liCurrencySelect > div a div {
		padding-left: 15px;
		padding-right: 15px;
	}


	
/*****************************************************************************************************************************************/
/* Product Filter */
/*****************************************************************************************************************************************/
	
	.divProductFilter {
		
	}
	
	.divProductFilter .divProductFilterInner {
		
	}
	
	.divProductFilter .tableButtons {
		width: 100%;
	}
	
	.divProductFilter .tableButtons a {
		display: block;
		font-size: 0.786em;
		line-height: 1em;
		text-align: center;
		background-color: #afafaf;
		margin: 0px;
		border-right: 1px solid #ffffff;
	}
	
	.divProductFilter .tableButtons td:last-child a {
		border-right: none;
	}
	
	.divProductFilter .tableButtons a:hover,
	.divProductFilter .tableButtons a.Active {
		background-color: #34b6e5;
	}
	
	.divProductFilter .tableButtons a div {
		padding: 6px 5px 5px 6px;
	}
	
	
	/* Legend */
		.divProductFilter .Legend {
			padding: 6px 0px 12px 0px;
		}
		
		.divProductFilter .Legend span {
			display: inline-block;
			padding-left: 14px;
			padding-right: 10px;
			font-size: 0.786em;
			line-height: 1em;
			color: #000000;
		}
		
		.divProductFilter .Legend span.Label {
			color: #666666;
			padding-left: 0px;
		}
		
		.divProductFilter .Legend span.StatusGreen {
			background: url(../images/icons/icon-grid-status.png);
			background-position: 0px -105px;
			background-repeat: no-repeat;
		}
		 
		.divProductFilter .Legend span.StatusRed {
			background: url(../images/icons/icon-grid-status.png);
			background-position: 0px -207px;
			background-repeat: no-repeat;
		}
		
		.divProductFilter .Legend span.StatusWarning {
			background: url(../images/icons/icon-grid-status.png);
			background-position: 2px 0px;
			background-repeat: no-repeat;
		}
	
	
	
	/* Fix */
		.divFixProductFilter.Fix .divFixProductFilterInner {
			position: fixed;
			top: 0px;
			left: 0px;
			right: 0px;
			padding: 12px 15px 12px 15px;
			
			background-color: #f6f6f6;
			border-bottom: 1px solid #cccccc;
			
			z-index: 99;
		} 
	
	
	
		
/*****************************************************************************************************************************************/
/* Product */
/*****************************************************************************************************************************************/
	
	.divProduct {
		padding: 0px 0px 6px 0px;
	}
	
	.divProduct .divContentInner {
		padding-top: 0px;	
		padding-bottom: 0px;
	}
	
	.divProduct .divContentInner h2 {
		border-top: 1px solid #e6e6e6;
		padding: 25px 0px 7px 0px;
	}
	
	.divProduct .Expandable {
		border-top: 1px solid #e6e6e6;
		padding: 6px 0px 0px 0px;
		font-size: 0.857em;
		line-height: 1.25em;
		cursor: pointer;
	}
	
	.divProduct .Expandable table {
		width: 100%;
	}
	
	.divProduct .Expandable .Status span {
		display: inline-block;
		width: 10px;
		height: 10px;
	}
	
	.divProduct .Expandable tr td.Status .StatusWarning {
		background: url(../images/icons/icon-grid-status.png);
		background-position: center 0px;
		background-repeat: no-repeat;
	}
	
	.divProduct .Expandable tr td.Status .StatusGreen {
		background: url(../images/icons/icon-grid-status.png);
		background-position: center -105px;
		background-repeat: no-repeat;
	}
	
	.divProduct .Expandable tr td.Status .StatusRed {
		background: url(../images/icons/icon-grid-status.png);
		background-position: center -207px;
		background-repeat: no-repeat;
	}
	
	
	.divProduct .Expandable .Title {
		padding: 0px 0px 2px 0px;
		text-transform: uppercase;
		font-size: 1.167em;
		line-height: 1.071em;
		color: #231f20;
	}
	
	.divProduct .Expandable .ExpandableLink {
		width: 24px;
		height: 24px;
		
		background: url(../images/icons/icon-mobile-expandable.png);
		background-position: 0px -100px;
		background-repeat: no-repeat;
	}
	
	.divProduct .Expandable.collapsed .ExpandableLink {
		background-position: 0px 0px;
		background-repeat: no-repeat;
	}
	
	
	/* Container */
		.divProduct .ProductContainer .tableFullWidthBackground {
			margin-top: 6px;
			margin-bottom: 12px;
		}
	
	
	
	
		
/*****************************************************************************************************************************************/
/* Footer Button Bar */
/*****************************************************************************************************************************************/
	
	.divFixFooterButtonBar {
		height: 49px;
	}
	
	.divFixFooterButtonBar .divFixFooterButtonBarInner {
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;
		
		padding: 10px 0px 10px 0px;
		text-align: center;
		border-top: 1px solid #cccccc;
		background-color: #f6f6f6;
	}
	
	.divFixFooterButtonBar .aButton {
		margin-bottom: 0px;
	}
	
	.divFixFooterButtonBar .aButton.IconAccept {
		background-color: #34b6e5;
	}
	
	.divFixFooterButtonBar .aButton.IconAccept div {
		padding-right: 30px;
		padding-left: 63px;
		
		background-position: 36px 5px;
	}
	
	
	
	
	
	
/*****************************************************************************************************************************************/
/*  */
/*****************************************************************************************************************************************/