/* -------------------------------------------------------------- */
/* Redefined Primefaces classes!
/* -------------------------------------------------------------- */

/* -------------------------------------------------------------- */
/* Common
/* -------------------------------------------------------------- */
.ui-widget {
	font-family: inherit;
	font-size: 12px;
}

.ui-widget .ui-widget {
	font-family: inherit;
}

.ui-widget textarea,.ui-widget button {
	font-family: arial, verdana, helvetica, sunsans-regular, sans-serif;
	font-weight: normal;
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
	font-weight: normal;
}

.ui-datepicker .ui-datepicker-title {
	font-family: arial, verdana, helvetica, sunsans-regular, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
}

.ui-corner-all {
	border-radius: 0;
}

.ui-state-highlight {
	background: rgb(180, 211, 228);
}

/* -------------------------------------------------------------- */
/* <p:dataTable>
/* -------------------------------------------------------------- */
.
.ui-datatable {
	word-wrap: break-word;
}

.ui-datatable .ui-widget-content {
	word-wrap: break-word;
	white-space: normal;
}

.ui-datatable-footer {
	background: none;
	text-align: left !important;
}

.ui-datatable th,.ui-datatable tfoot td {
	text-align: left;
	font-weight: bold !important;
}

.ui-datatable .ui-datatable-data td {
	border: 1px solid #aaaaaa;
}

tr.ui-widget-content {
	border-style: none;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
}

tr.ui-widget-content>td {  
	padding: 4px 0px !important; 
	vertical-align: middle;
	border-style: none;
}




tr.ui-widget-content>td.resultTableRepColumn {
  padding: 4px 10px !important;
}

tr.ui-widget-content>td.resultTablePartyRepColumn {
  padding: 4px 10px !important;
}

tr.ui-widget-content>td.resultTableCommentColumn {
  padding: 4px 10px !important;
}

tr.ui-widget-content>td.resultTableOppositionCommentColumn {
  padding: 4px 10px !important;
}



/* -------------------------------------------------------------- */
/* Panelgrid
/* -------------------------------------------------------------- */
.ui-panelgrid {
	table-layout: fixed;
}

.ui-panelgrid td {
	border-color: inherit;
	border-style: none;
	border-width: 0;
	padding: 0;
}

.ui-panelgrid .ui-panelgrid-cell {
	border-width: 0px;
	border-style: solid;
	border-color: inherit;
	padding: 4px 4px;
}


/* -------------------------------------------------------------- */
/* <p:fieldSet>
/* -------------------------------------------------------------- */
.ui-fieldset {
	border: 1px dotted #87A8A8;
}

.ui-fieldset .ui-fieldset-legend {
	border: 0px;
	background: #fff;
	font-weight: bold;
	padding: 5px 5px;
}

/* -------------------------------------------------------------- */
/* <p:autoComplete>
/* -------------------------------------------------------------- */
.ui-autocomplete-multiple-container {
	max-height: 100px;
	width: 660px;
	overflow-y: scroll;
}

.ui-autocomplete-token {
	margin: 1px;
}

.ui-autocomplete-input-token {
	visibility: visible;
	background-color: #FFFFFF;
}

.ui-autocomplete-input-token input {
	width: 240px;
}

.ui-autocomplete-token-label {
	text-shadow: none;
	font-size: inherit;
	font-weight: normal;
	color: #222222;
}

.ui-autocomplete-token.ui-state-active.ui-corner-all {
	background: rgb(180, 211, 228);
}

.ui-autocomplete-item.ui-state-highlight {
	background: rgb(180, 211, 228);
}

/* -------------------------------------------------------------- */
/* <p:commandButton> <p:button>
/* -------------------------------------------------------------- */
.ui-button-icon-only {
	width: 25px;
	height: 25px;
}

.ui-button-text {
	font-weight: bold;
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .2em .2em .2em;
	cursor: pointer;
	padding: .2em .2em .2em .2em;
	width: auto;
	overflow: visible;
}

/* -------------------------------------------------------------- */
/* <p:inputText> <p:inputTextarea>
/* -------------------------------------------------------------- */
.ui-inputfield {
	box-shadow: none !important;
	background-color: #EAF4F4 !important;
	border: 1px solid #87A8A8 !important;
	color: #222222 !important;
	padding: 2px;
}

.ui-inputfield.ui-state-hover {
	background-color: #fff !important;
}

.ui-inputfield.ui-state-focus {
	background-color: #fff !important;
}

.ui-inputfield.hasDatepicker {
	width: 79px;
}

select:disabled.ui-inputfield {
	color: graytext !important;
}

/* -------------------------------------------------------------- */
/* <p:outputlabel> 
/* -------------------------------------------------------------- */
.ui-outputlabel {
	font-weight: bold;
}

.ui-outputlabel.ui-state-error {
	color: #ff0000;
	background: none;
}

/* -------------------------------------------------------------- */
/* <p:tabView> 
/* -------------------------------------------------------------- */
.ui-tabs .ui-tabs-nav li a {
	font-weight: bold;
}

/* background of tab bar is set to image that shows a single bottom line */
.ui-tabs-nav {
	background: url("/ph/javax.faces.resource/greyline.png.xhtml?ln=images") repeat-x scroll left bottom #FFFFFF;
	color: #000000;
	font-weight: bold;
}

/* add white bottom (to hide it an also to overwrite background) border on selected tab */
.ui-tabs.ui-tabs-top>.ui-tabs-nav li.ui-state-active {
	border-bottom: 1px solid #FFFFFF;
	top: 1px;
}

/* add grey bottom border on unselected tab */
.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
	border-bottom: 1px solid #AAAAAA;
	top: 1px;
}

/* Font color black of unselected tab */
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
	color: #000000;
	text-decoration: none;
}

/* Font color of selected tab */
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
	color: #000000;
}

/* give the tab panel a border without top line */
.ui-tabs-panels {
	border-bottom: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}

/* remove outer most border of tab view */
.ui-tabs.ui-widget.ui-widget-content.ui-corner-all.ui-hidden-container.ui-tabs-top {
	background: url("/ph/javax.faces.resource/primefaces-sam/images/ui-bg_flat_75_ffffff_40x100.png.xhtml") repeat-x scroll 50% 50% #FFFFFF;
	border: 0 none;
	color: #222222;
}

/* padding of the whole tab view */
.ui-tabs {
	padding: 0.2em 0 0;
	position: relative;
}

/* padding of the tabs (left padding is for first tab) */
.ui-tabs.ui-tabs-top>.ui-tabs-nav {
	padding: 0.1em 0.8em 0;
}

/* padding and background for the tab content */
.ui-tabs .ui-tabs-panel {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-width: 0;
	padding: 0.6em 0.8em;
}

/* Background color white for selected tab */
.ui-tabs-selected {
	background: none repeat scroll 0 0 #FFFFFF !important;
}

/* -------------------------------------------------------------- */
/* <p:dataList> 
/* -------------------------------------------------------------- */
.ui-datalist-content {
	border: none;
}

/* -------------------------------------------------------------- */
/* <p:tree> 
/* -------------------------------------------------------------- */
.ui-tree {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 450px;
	height: 350px;
	padding-bottom: 5px;
	overflow: auto;
	overflow-x: hidden;
}

.ui-tree .ui-treenode-label {
	white-space: pre-line;
}

.ui-treenode-label.ui-corner-all.ui-state-highlight {
	background: rgb(180, 211, 228);
}

/* -------------------------------------------------------------- */
/* <p:confirmDialog> <p:dialog>
/* -------------------------------------------------------------- */
.ui-dialog .ui-dialog-buttonpane {
	border: 1px dotted #87A8A8 !important;
	margin: 0 10px 10px 10px;
	padding: 0px 10px;
}

.ui-dialog .ui-dialog-content {
	overflow: hidden !important;
}

/* -------------------------------------------------------------- */
/* <p:messages> 
/* -------------------------------------------------------------- */
.ui-messages-info-summary,.ui-messages-warn-summary,.ui-messages-error-summary,.ui-messages-fatal-summary {
	display: block;
	line-height: 1.4em;
}

/* -------------------------------------------------------------- */
/* <p:selectCheckboxMenu> <p:selectonemenu>
/* -------------------------------------------------------------- */
.ui-selectcheckboxmenu,.ui-selectonemenu {
	box-shadow: none !important;
	background: #EAF4F4 !important;
	border: 1px solid #87A8A8 !important;
	color: #222222 !important;
}

.ui-selectonemenu {
	width: 100%;
	padding: 1px;
}

.ui-selectcheckboxmenu .ui-state-hover {
	background: #EAF4F4 !important;
}

.ui-selectcheckboxmenu-header {
	display: none;
}

.ui-chkbox-box.ui-state-active {
	background: url("/ph/javax.faces.resource/primefaces-sam/images/ui-default.png.xhtml") repeat-x scroll 0 0 #D8D8D8;
}

.ui-selectcheckboxmenu .ui-widget,.ui-selectonemenu .ui-widget {
	font-size: 0.8em !important;
}

.ui-chkbox .ui-chkbox-box {
	width: 14px;
	height: 14px;
}

.ui-selectcheckboxmenu-panel,.ui-selectcheckboxmenu-items-wrapper,.ui-selectcheckboxmenu-items,.ui-selectcheckboxmenu-item {
	background: #EAF4F4 !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger,.ui-selectonemenu .ui-selectonemenu-trigger,.ui-selectonemenu-panel,.ui-selectonemenu-items {
	background: #EAF4F4 !important;
	border: none;
	cursor: default;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s,.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s {
	background: url("/ph/javax.faces.resource/selectArrow.png.xhtml?ln=images") no-repeat center center;
	width: 17px;
	height: 17px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s:hover,.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon-triangle-1-s:hover {
	background: url("/ph/javax.faces.resource/selectedArrow.png.xhtml?ln=images") no-repeat center center;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon,.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
	margin-top: 2px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
	color: #222222;
	cursor: default;
}

.ui-selectonemenu .ui-inputfield {
	border: none !important;
	width: 100% !important;
	cursor: default !important;
}

.ui-selectonemenu-item.ui-state-active {
	background: #3399ff;
}

.ui-selectonemenu-item:HOVER {
	background: #3399ff;
	color: #FFFFFF;
}

a.ui-selectcheckboxmenu-label-container:focus label,a.ui-selectcheckboxmenu-label-container:focus+div {
	background-color: #fff !important;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
	display: none;
}


/**mc*/
.ui-chkbox .ui-chkbox-label {
  vertical-align: bottom;
}


/* -------------------------------------------------------------- */
/* Paginator 
/* -------------------------------------------------------------- */
.ui-paginator {
	text-align: left;
}

/* -------------------------------------------------------------- */
/* <td> content 
/* -------------------------------------------------------------- */
tr.ui-widget-content>td {
	padding: 4px 10px;
}

.ui-datatable thead th {
	text-align: left;
}