/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
*/


#main-header{
	height:82px;	
    position: relative;
}

#masthead{
	background-color:#F1F1F1;
	height:82px;
	position: absolute;
	width:100%;
	z-index:5;
}

#global-message-container-slider{
	width:500px;
	height:70px;
	padding:5px;
	background-color:#DBF3D9;
	border:1px solid #BBB;
	border-top:none;
	filter:alpha(opacity=90); /* IE */
	-moz-opacity: 0.90; /* Mozilla */
	opacity: 0.90; /* Opera */
	position:absolute;
	top:20px;
	right:20px;
	z-index:1;
	cursor:pointer;
}

#global-message-container{
	text-align:right;	
}

.ui-autocomplete {
     z-index: 9999 !important;
}
	
/**
 header-navigation
*/


ul#masthead-main-nav {
	margin:  	   	 0px;
	padding:  	   	 0;
	list-style:      none;
}

ul#masthead-main-nav li{
	margin:  	0;
	padding:  	0;
	float:		left;
	text-align: center;
}

ul#masthead-main-nav li a{
	font-size:14px;
	font-weight:bold;
	display: block;
	height:  70px!important;
	width: none!important;
	padding: 0px 15px;
	padding-top:  	   	 4px;
	text-decoration:  	 none;
}

div#pct-search-container{
	float:left;
}

div#masthead-main-search {
	height:38px;
    margin-top: 5px;/* 0 -->IKA 8.5.13*/
    padding: 0px 0px 3px 0px;
}

div#masthead-main-search input{
	width:600px;
	color: #999999;
    padding: 5px 8px 0px!important;
	font-size:14px;
    border-style:none;
    margin:0px;

}

#masthead-main-search  .unit-rating
{
	margin-bottom:-18px;margin-top:5px;	
}



#content-main-section {
	padding-left:10px;
	padding-right:10px;
}


/**************************
* Quicklink-List
***************************/

ul.quicklink-list {
	margin:  	   	 2em;
	padding:  	   	 0;
	list-style:      	 none;
}

ul.quicklink-list li{
	margin:  	5px;
	padding:  	0;
	float:		left;
	text-align: center;
}

ul.quicklink-list li a{
	font-size:14px;
	font-weight:bold;
	display: block;
	height:  70px!important;
	width: none!important;
	padding: 0px 15px;
	padding-top:  	   	 4px;
	text-decoration:  	 none;
}


.panel h3{
	height:25px;
	padding:3px;
	font-size:16px;
}

div.panel{
	margin:20px;	
	float:left;
}

div.panel-content{
	padding: 5px;
}

/************************
* Header-Box-View
*************************/
	div.header-box{
		width:987px;
		padding:5px 10px;
		margin: 5px;
	}
	
		
	div.header-box h1,
	div.header-box h2{
		/*font-weight:bold!important;*/
		background:none!important;
		margin-bottom:2px!important;
	}
	
	div.header-box h1{
		font-size:18px;	
	}
	
	div.header-box p.description{
		font-size:12px!important;
		margin:3px 0px 0px 15px!important;		
	}	
	

	
/************************
* Info-Box-View
*************************/
	
	div.info-box{
		/*width:980px;*/
		/*padding:5px 10px 10px 20px;*/
		margin:10px 0px 0px 0px;
		line-height:20px;
	}
	
	#listBudgetItem_TRAVEL_COSTS_BUDGET div.info-box>dl.data-list>dd.summary{
	    left: 190px !important;
	    position: relative !important;
	    text-align: left;
    	top: -25px !important;	
	}
	

	div.info-box dl.data-list dd{
		color:#333;
		width: 600px;
		float:left;
	}
	
	#masterdata-viewprofile-details div.info-box dl.data-list dd{
		color:#333;
		width: 795px;
		float:left;
	} 
	
	
	div.info-box.split-left{
		float:left;
		width: 510px!important;
		border-right:1px dotted #666;
	}
	
	div.info-box.split-left dt,
	div.info-box.split-right dt{
		width:185px!important;
	}
	
	div.info-box.split-left dd,
	div.info-box.split-right dd{
		width:300px!important;
	}
	
	div.info-box.split-right{				
	    margin: 0 0 25px 520px;
	    padding: 10px;
	    width: 520px !important;
	}
	
	div.info-box dd.warning{
		color:red!important;
	}
	
	/**
	1/3 box
	*/
	
	.info-box h4 {
    	border-bottom: 1px solid #999999;
    	height: 25px;
    	margin-bottom:10px;
    	margin-right:3px;
	}
	
	/*div.info-box.split3-left*/
	div.info-box.split3-middle{
	    border-left:1px dotted #666;
		border-right:1px dotted #666;
	}
	
	div.info-box.split3-left
	,div.info-box.split3-middle
	,div.info-box.split3-right{
		float:left;
		padding:8px;
		width: 330px!important;
		line-height: 16px;
		min-height:300px;
	}
	
	div.split-up {
    	border-bottom: 1px solid #999999;
    	height: 5px;
    	margin-bottom:5px;
    	margin-right:10px;
    	margin-left: 10px;
	}
	
	div.info-box.split3-left dt,
	div.info-box.split3-middle dt,
	div.info-box.split3-right dt{
		width:98%!important;
	}
	
	div.info-box.split3-left dd,
	div.info-box.split3-middle dd,
	div.info-box.split3-right dd{
		width:100%!important;
	}
	
	
	
	div.info-box-header{		
		margin-top:35px;						
	}
	
	div.info-box-header h3{
		margin:0px;
		font-size:16px;
		font-weight:bold;
		color:#696969;		
		float:left;
	}
	
	div.info-box-header div.buttons{
		text-align:right;
		padding:0px 9px 3px 0px;
		margin:0 0 0 auto;
		border-bottom: 1px solid #999999;
		min-height: 20px;
	}
	
	//in nested case
	div.info-box div{
		width:950px!important;
	}
	
	div.info-box div.info-box-header h3{
		width:957px!important;
	}
	
	div.info-box div.info-box-header div.buttons{
		width:957px!important;
		margin:0 0 0 -20px!important;
	}
	
	div.info-box p.info{
		margin:3px 0px 0px 15px;		
	}
	
	div.info-box div.data{
		float:left;
		width:600px;
		margin-bottom:10px;
	}
	
	div.info-box div.inline-buttons{
		float:none;
		margin:0 0 0 auto;
	}
	
	div.info-box div.button-bar{
		margin: 0px 0px 10px 10px;
		float:right;
		margin-right:0px;
		padding-right:0px;
	}
	div.info-box .button-bar ul>li>button,
	div.info-box .button-bar ul>li,
	div.info-box .button-bar ul,
	div.info-box dd{
		float:right;
		margin-right:0px;
		padding-right:0px!important;
		display:block;
	}
	div.info-box .button-bar ul>li>button{
	margin-left:3px;
	}
	
	.info-box-header h3.tab-header-title,
	#masterdata-viewheader>div.header-box>h1{
		color:#333333;
		font-size:19px;
		font-weight: normal;
	}
	#masterdata-viewheader>div.header-box>h2{
		color:#333333;
		font-size:14px;
		font-weight: normal;
	}
	
	#masterdata-viewheader>div.header-box>h1
	.info-box-header p.tab-header-sub-title{
		color:#666666;
		font-size:9px;
		/*font-weight: bold;*/
		/*border-bottom:1px solid #999;*/
	}

	/**
		made the listitem-box style global
	*/
	#ViewBudgetList .listitem-box,
	#view-worktask-list .listitem-box,
	#listFixcost .listitem-box,
	#view-worktask-list .listitem-box,
	.listitem-box{

		margin:0px!important;
	}
	#ViewBudgetList .listitem-box h1,
	#view-worktask-list .listitem-box h1,
	#listFixcost .listitem-box h1,
	.listitem-box h1{
		border:none;
		display:inline;
		font-size:15px;
		padding:0px;
	}
	
	#ViewBudgetList .listitem-box div.buttons,
	#view-worktask-list .listitem-box div.buttons,
	.listitem-box div.buttons{
		float:right;
		display:inline;	
	}
	
	div.list-item-box-separator{
		width:1008px;
		text-align:right;
		margin:5px 0px 10px 0px;
	}
	
	div.list-item-box-separator span.ui-icon{
		display: inline-block;
		margin: -4px 3px;
		position: relative;
	}
	
	
	/* nested list-items */
	.listitem-box .listitem-box{
		width:995px;
	}
	
	a.anchor {
		color: #017F01!important;
	}
	
	
	div.info-box.sub-item{
		padding:20px;
	}
	
/***********************************
* Budget Item Container
************************************/
	div.budget-item{
		border: 1px solid #999999;
	    font-size: 11px;
	    font-weight: normal;
	    height: 150px;
	    margin: 3px;
	    padding: 3px 6px;
    }	
/************************
* Form-Box-View
*************************/
	form.form-box{
		width:1000px;
		padding:10px 5px;
		background-color:#fff; 
    	padding: 0.6em;
	}
	
	.form-box.width700
	{
		width:700px;
	}
	
	.form-box table{
		min-width:90%;
	}
	
	.form-header{
		padding:0px 10px 6px 10px;		
		font-size:14px;
		font-weight:bold;		
		width:1000px;
		border-bottom:1px solid black;
	}
	
	form.form-box h3{
		font-size:12px;
		font-weight:bold;
	}
	
	.form-infotext{
		width:1000px;
		padding:5px;
	}
	
	div.form-box{
		width:1000px;
		padding:5px 10px;
		margin: 5px;
	}

	div.form-box label.main{
		font-weight:bold;
	}
	
	form.form-box label,
	div.form-box label{
		float:left;
		width: 240px;
		text-alignment:right;
		margin:0px 5px;
	}
	
	form.form-box .chk-box label{
		float:none;
	}
	
	form.form-box td.label{
		min-width:260px;
	}
	
	form.form-box td.checkbox{
		width:420px;
		margin:5px;
	}
	
	form.form-box select{
		width:430px!important;
		height:2.5em;
	}
	
	/**
		special case 'form-filter' e.g. month-selector 
	*/
	form.form-box .form-filter select {
		width:49%!important;
		height:2em;
	}
	

	form.form-box td.checkbox label{
		width:400px;
		text-align:right;
	}
	
	form.form-box label.error,
	div.form-box label.error{
		float:none;
		text-alignment:left;
		width:auto;
	}
	
	form.form-box div.fieldgroup {
		/* width: 400px; problems in sort-order-forms*/
		/*margin:5px; problems with tabs */
	}
	
	form.form-box p.fieldgroup{
		float:right;
		width:650px;		/* 20130524 FWI */	
		padding:5px;
	}
	
	form.form-box p.fieldgroup label{
		float:none!important;
		width:350px;
		text-alignment:left;
	}
	
	div.form-box input[type=text],
	div.form-box select,
	div.form-box textarea,
	form.form-box input[type=text],
	form.form-box select,
	form.form-box textarea,
	input[type=text].form-box,
	select.form-box,
	textarea.form-box{
		margin:5px;
		width: 420px;
		background: none repeat scroll 0 0 #EEEEEE; 
	}
	
	form input[type="password"],
	form select, 
	form textarea,
	form input[type="text"]{
		margin:5px;
		background: none repeat scroll 0 0 #EEEEEE; 
	}
	
	form.form-box .auto-width,
	div.form-box .auto-width{
		width:auto!important;
	}
	
	.form-box input.readonly{
		background:none;
		cursor:default;
	}
	
	.form-box p.display{		
		line-height: 25px;
    	margin-left:260px;
    	padding: 10px 5px 0 0;
    	width: 650px;
	}
	
	.form-box p.display.currency
	,.form-box p.currency{
		text-align:right;
	}
	
	
	.form-box fieldset { 
		margin:10px 5px;
		border: 1px solid #ccc;    	    	    	    
	}
	           
	.form-box legend {
		font-size:12px;
		font-weight:bold;
		padding:5px;
		margin-left:50px;
	}
	
	.form-box span.currencyUom{
		margin: 5px;
		background-color: #FFFCEA;
	    border: 0.1em solid #999999;
	    padding:3px 6px;
	}
	
	label .labeltip{	
    	font-size: 11px;
    	font-style: italic;
    	line-height: 15px;
    	margin: 0.5em 0 0.7em;
    	padding: 0.2em 0.8em 0.2em 0.5em;
    }    
    
    label.radio-label{
    	float:none!important;
    } 
	   
	/** form with magic tabs */
	form.form-box.ui-tabs{
		border:none;
	}
	
	.form-box .ajax-submit-button{
		margin-left: 275px;
	}
	      

/***************
* SMALL
****************/
	form.form-box label.small,
	div.form-box label.small{
		width: 150px;

	}
	

	div.form-box input.datefield{
		width: 80px;
	}
	
	div.form-box input[type=text].small,
	div.form-box select.small,
	div.form-box textarea.small,
	form.form-box input[type=text].small,
	form.form-box select.small,
	form.form-box textarea.small{
		width: 325px;
	}
	
	
/****************
* Common Header Area Styles
*****************/
	.common-header{
		height:40px;
		margin: 20px 10px 5px;
    	width: 1400px;
	}
	
	.common-header h3{
		margin: 33px 20px 0px 5px;
		float:left;
	}
	
	.common-header div.attr-list{
		float:left;
		margin: 0px 5px;
	}
	
	
	
	.common-header div.attr-list label{
		font-weight:bold;
		width:100px;
		margin:2px 5px 2px 0px;
	}
	
	.common-header p{
		padding:5px;
	}
	
	
	
	
/********************************************
* styles for filteres lists ( e.g. reports)
********************************************/	
	.list-header-form .form-filter{
		float:left;
		margin: 5px 10px;		
	}
	
	.list-header-description{
  		float:left;
  		margin: 10px;
  		padding-right:10px;
  		width:200px;
  		border-right:1px solid #CCC;
  	}
  
  	.list-header-description h3{
  		font-weight:bold;
  		font-size: 14px;
  		line-height:18px;
	}
	
	/**
		show a smal datepicker with month/yerar style in these list-filter-forms		
	*/
	.list-header-form .ui-datepicker-calendar {
    	display: none;
    }
	
/****************
* label style for required fields
*****************/
input.required,
textarea.required,
select.required{
    border:2px solid #FFE6BB;
}
span.required{
	background:none;
	display:block;
}

/**********************************
* FormLists
***********************************/
	td.list-button{
		width:100px;
	}	

/**********************************
* Form basic.form
***********************************/
	form.basic-form{
		max-width:970px;
	}
	
/**********************************
* Header, Navigation, Searchbar etc
***********************************/	
#dialog-download-file{ display: none; }
	img.header-nav-icon{
		margin:5px 10px 5px;
		width:32px;
		height:32px;
	}
	#main-contentarea{
		display:none;
		background-color:#FFF;
	}
	.header-dropdown-menu{
		z-index:10000!important;
	}
	#butSettingsMenu{
		height:30px;
	}
	#control-area{
		position:fixed;
		top:0px;
		right:0px;
	}
	div#header-menu-navbar{
		float:right;
		margin-top:3px;
		margin-bottom:3px;
		width:470px;
		display: inline;
	}
	ul.header-nav-menu{
	    position: fixed;
	    top: 59px;
		width:400px;
		padding-left: 16px;
	}
	li.header-menu-link{
		display:inline!important;
		width:200px!important;
		height:30px;
		padding:5px;
		margin: 5px;
		cursor:pointer;
    	font-weight: bold;
	}
	
	
	
	#header-menu-container .ui-menu{
	 	width: 140px;
	}
	
	.header-nav-menu li > a, 
	.header-nav-menu li,
	.header-nav-menu li > a:visited{
		color:#222!important;
	}
	.header-nav-menu li:focus a,
	.header-nav-menu li:focus,
	.header-nav-menu li:hover a,
	.header-nav-menu li:hover{
		background-color:#333!important;
		color:#fff!important;
	}
	.header-nav-menu li > a {
	    text-decoration:none;
	}
	#header-menu-container .ui-menu,
	#header-menu-container a.ui-state-focus,
	#header-menu-container a.ui-state-active { 
		 border-radius:0px!important;
		 /*border:none!important;*/
		 border-color:#F1F1F1!important;
	}
	#header-menu-container a.ui-state-focus,
	#header-menu-container a.ui-state-active {
		background-color:#F1F1F1!important;
		background-image:none!important;
		/*width:110px;*/
	}
	#preferences-menu > li > button{
		margin:0px 3px;	
	}
	#header-menu-container{
		display:none;
	}
	#search-magnifying-glass-img{
		position: relative;
		right: 3px;
		top: 4px
	}
	
	#pct-search-filter-selectbox
	,option.pct-search-filter{
		text-align:right;
		font-weight:bold;
		padding:5px;
	}
	
	#pct-search-filter-selectbox{
		border-style:none;
		border-left:1px solid black;
		height:29px;
	}
	
	.ui-autocomplete{
		border-radius:0px;
	}
		
/******************
* IKA: New styles for process-workflow-detail-Tabs 
*******************/		
	ul[role="tablist"] li[aria-selected="false"]>a{
		border:1px solid #017F01;
	    color: #FFFEF4;
	    font-weight: bold;
		background: url("/gme/css/jqueryui/images/ui-bg_gloss-wave_55_017f01_500x100.png") repeat-x scroll 50% 50% #017F01;
	}
	/*#process-workflow-details-view>ul>li>a:hover,*/
	ul[role="tablist"] li[aria-selected="true"]>a{
		border: 1px solid #cccccc;
		border-bottom:none;
	    color: #017f01;
	    font-weight: bold;
		background: none repeat scroll 0 0 transparent;
	}
	ul[role="tablist"].ui-tabs-nav{
		background:none repeat scroll 0 0 transparent;
		border:none;
	}
	#process-workflow-details-view,
	#masterdata-viewprofile-details,
	#ressourcemgr-tabs-container{
		border:none!important;
		background:none repeat scroll 0 0 transparent!important;
	}
	#wtFormTabs.ui-tabs.ui-widget.ui-widget-content{
		border:none;
	}
	#wtFormGeneral.ui-tabs-panel.ui-widget-content.ui-corner-bottom[role="tabpanel"],
	#wtFormBudget.ui-tabs-panel.ui-widget-content.ui-corner-bottom[role="tabpanel"],
	#wtFormInfoEmail.ui-tabs-panel.ui-widget-content.ui-corner-bottom[role="tabpanel"],
	#wtFormAccess.ui-tabs-panel.ui-widget-content.ui-corner-bottom[role="tabpanel"]{
		width:1000px;
	}
	.common-headline {
	    float: left;
	    font-size: 18px;
	    font-weight:normal;   
	}
	ul[role="tablist"] li[aria-selected="false"]>a{
		border:1px solid #017F01;
	    color: #FFFEF4;
	    font-weight: bold;
		background: url("/gme/css/jqueryui/images/ui-bg_gloss-wave_55_017f01_500x100.png") repeat-x scroll 50% 50% #017F01;
	}
	/*#process-workflow-details-view>ul>li>a:hover,*/
	ul[role="tablist"] li[aria-selected="true"]>a{
		border: 1px solid #cccccc;
		border-bottom:none;
	    color: #017f01;
	    font-weight: bold;
		background: none repeat scroll 0 0 transparent;
	}
	ul[role="tablist"].ui-tabs-nav{
		background:none repeat scroll 0 0 transparent;
		border:none;
	}
	
	/*#process-workflow-details-view,
	#masterdata-viewprofile-details,
	#ressourcemgr-tabs-container*/
	.ui-tabs.ui-widget-content{
		border:none!important;
		background:none repeat scroll 0 0 transparent!important;
	}
	[role="tabpanel"]{ /*.ui-tabs .ui-tabs-panel*/
		border: 1px solid #cccccc!important;	
	}
	[role="tabpanel"] div.info-box-header
	,[role="tabpanel"] div.info-box{
		width:1070px;
	}
	#ViewInfoContainer_col.screenlet-body,
	#ViewContactMechListContainer_col.screenlet-body,
	#ViewRelContactsContainer_col.screenlet-body,
	#ViewContentContainer_col.screenlet-body {
		border:none!important;
	}
	
/******************
* Messagecenter
*******************/	
.msg-area{
	font-size:11px;
	margin:2px;
	padding: 3px;
	font-weight:normal;	
}

span.redirect-url{
	cursor: pointer;
}

.msg-type-icon{
	width:16px;
	height:16px;
	float:left;	
	margin: 5px;
}



.hide-msg{
	width:27px;
	height:27px;
	float: right;
	position:relative;
	top:0px;
	right:-1px;
	text-align:center;
}

p.msg-header{
	margin-left:25px;
	font-weight:bold;
}

p.msg-content{
	margin-left:25px;
}

p.msg-footer{
	text-align:right;
	margin-right:5px;
	font-size:9px;
}