@CHARSET "UTF-8";

/* Overwrite this file with project specific styling information in the project */

/*
* orange hell:  #F19222
* orange dunkel:#ED6F40
* gray:         #918a84
*/
.accent {
	color: #F19222 !important;
}

h1,h2,h3,h4,h5,h6, .ui-widget-h1 , .ui-widget-h2, .ui-widget-h3, .ui-widget-h4, .ui-widget-h5, .ui-widget-h6, 
.ui-widget .ui-widget-h1 ,.ui-widget  .ui-widget-h2,.ui-widget  .ui-widget-h3,.ui-widget  .ui-widget-h4,.ui-widget  .ui-widget-h5,.ui-widget  .ui-widget-h6 {
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif !important;
	color: #918a84 !important;
	font-weight: normal !important; 
	/* - See more at: http://intavant.com/blog/2012/century-gothic-web-font-alternatives/#sthash.kLP3m6Z1.dpuf */
}
.ui-widget-header, .stateDivStyle {
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif !important;
	font-weight: normal;
}

div.headerContainer {
	display:block;
	background: #FFFFFF;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #E4E2E1 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E4E2E1));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #E4E2E1 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%, #E4E2E1 100%);
	/* IE10+ */
	background: linear-gradient(top, #FFFFFF 0%, #E4E2E1 100%); /* W3C */
	/* IE10- */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E4E2E1',GradientType=0 );
	
	height:115px;
	border-bottom:#918a84 1px solid;
	padding-top:15px;
}

div.headerContainer div.header {
	height: 85px;
	padding-top:15px;
	background: url(/iPCP/javax.faces.resource/images/logo.png.xhtml?ln=primefaces-phq) no-repeat top left;
	position: relative;
}

div.headerContainer div.header h1 {
	text-align: center;
	margin:0;
	padding:0;
	font-size: 25px;
	line-height: 130%;
}
div.headerContainer div.header h1 span {
	font-size: 120%;
}

div.headerContainer div.header h2 {
	position:absolute;
	bottom:0;
	right:0;
}

div.content {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #C8C8C8;
  border-left: 1px solid #E4E4E4;
  border-right: 1px solid #C8C8C8;
  box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.07);
  padding: 15px 20px;  
}

body.admin div.content {
	padding: 5px;
	background: none repeat scroll 0 0 transparent;
}

div.footerContainer div.footer {
	padding: 0 20px;
}

body.iframe div.content {
	background-color: transparent;
	border:none;
	box-shadow:none;
	padding: 0;	
}

/* header breadcrumbs */
/* HEADER: breadcrumbs */
body.app.standalone div.content {
	padding-top:35px;
}

body.app.standalone #appHeader .ui-widget {
	font-size:11px !important;
	line-height:25px !important;
}

body.app.standalone #appHeader {
	position:absolute;
	top:131px;
	left:0;
	right:0;
	
	text-shadow: 1px 1px 0px rgba(255,255,255,.5);
	border-top:#FFF 1px solid;
	border-bottom:#ccc 1px solid;
	font-size:11px !important;
	height:25px;
	line-height:25px !important;
	overflow:hidden;
	color:#666;	
	width:100%;
	background: #eee;
	background: -moz-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#D5D5D5));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
	/* Opera11.10+ */
	background: -ms-linear-gradient(top, #EDEDED 0%, #D5D5D5 100%);
	/* IE10+ */
	background: linear-gradient(top, #EDEDED 0%, #D5D5D5 100%); /* W3C */
	/* IE10- */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#D5D5D5',GradientType=0 ); 
}

body.app.standalone #appHeader .loginState {
	max-width:940px;
	margin: 0 auto;
	padding: 0;
}

/* steps */

#steps {
	border:1px solid #dedede;
	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:5px;
}

#steps .activeStep,#steps .inactiveStep {
	float:left;
	line-height:2.3em;	
	color:#777;
}

#steps .stepText,#steps .stepLabel {
	vertical-align: middle;
	font-size: 11px;
	font-weight: normal;
}

#steps .stepLabel {	
	display: none;	
}

#steps .stepText {
	font-family: "Century Gothic","Apple Gothic",AppleGothic,"URW Gothic L","Avant Garde",Futura,sans-serif !important;
	font-weight: normal;
	
	display:block;
	padding:0 15px 0 15px;
	background:url(/iPCP/javax.faces.resource/images/crumbs.png.xhtml?ln=primefaces-phq) no-repeat right center;
}

#steps .activeStep .stepText {
	color: #333333;
	background-color: #F19222;
}

#steps .inactiveStep .stepText {
	color: gray;
}

/** overwrite organe icon with black one for highlighted rows in table, orange on orange **/
tr.ui-state-highlight .ui-row-editor .ui-icon {
	background-image: url(/iPCP/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-phq);
}