/** 
  * Primefaces components 
  **/


/* Input */
.ui-inputfield {
	padding: 0 !important;
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

div.ui-autocomplete-panel .ui-state-highlight {
	background-color: rgb(74, 107, 139);
	color: white;
}



div.ui-datepicker a.ui-datepicker-prev {
	background-image: url("/javax.faces.resource/img/icon/previous.png.xhtml?ln=default");
	width: 14px;
	height: 14px;
}
div.ui-datepicker a.ui-datepicker-next {
	background-image: url("/javax.faces.resource/img/icon/next.png.xhtml?ln=default");
	width: 14px;
	height: 14px;
}
div.ui-datepicker table.ui-datepicker-calendar a.ui-state-hover {
	background-color: rgb(74, 107, 139);
	color: white;
}
div.ui-datepicker table.ui-datepicker-calendar a.ui-state-active {
	background-color: rgb(74, 107, 139);
	color: white !important;
}
button.ui-datepicker-trigger {
	width: 16px;
	height: 16px;
	background-color: transparent;
	vertical-align: text-bottom;
	border: none;
}
button.ui-datepicker-trigger span.ui-icon-calendar {
	background-image: url("/javax.faces.resource/img/icon/sprites.png.xhtml?ln=default");
	background-position: -561px -78px;
	background-repeat: no-repeat; 
	width: 26px; 
	height: 28px; 
	margin-left:0px;
	margin-top: -16px;
	
}
.ui-datepicker-calendar a.ui-state-hover {
	text-decoration: none !important;
	color: white !important;
}

.ui-datepicker-calendar a:hover {
	text-decoration: none !important;
	color: white !important;
}

.ui-datepicker-calendar a:visited {
	text-decoration: none !important;
	color: white !important;
}

.ui-datepicker-calendar a:active {
	text-decoration: none  !important;
	color: white  !important;
}



/* Overlay */
.ui-widget-content {
	box-shadow: 0px 0px 0px rgba(0,0,0,0.8);
	background-color: white;
}

.fileupload-content {
    display: none;
}

/* Dialog */
.ui-dialog {
	border: 2px solid  rgb(74, 107, 139);
	width: 60%; /*!important;*/
	top: 25px!important;
	z-index:10001;
}

.ui-dialog-content .ui-widget-content {
	overflow: visible !important;
}

a.ui-dialog-titlebar-close {
	background-image: url("/javax.faces.resource/img/icon/sprites.png.xhtml?ln=default");
	background-position: -625px -78px;
	background-repeat:no-repeat;
	width: 26px; 
	height: 28px;  
}
.ui-autocomplete-input{
	height:30px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px
}

/* Datatable */
div.ui-datatable table > thead > tr > th,
div.ui-datatable table > tbody > tr > td {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space: normal;
}

div.ui-datatable-footer {
	padding: 0px !important;
}
div.ui-datatable table > thead > tr > th span.ui-icon-carat-2-n-s {
	width: auto;
	text-indent: 0px;
}

div.ui-datatable table > thead > tr > th span.ui-icon-carat-2-n-s:after {
	width: 0px;
}

div.ui-datatable table > thead > tr > th span.ui-icon-triangle-1-n:after {
	content: "鈻�;
	padding-bottom: 2px;
	display: inline-block;
	width: auto;
}

div.ui-datatable table > thead > tr > th span.ui-icon-triangle-1-s:after {
	content: "鈻�;
	padding-bottom: 2px;
	display: inline-block;
	width: auto;
}

div.ui-datatable table tbody tr.ui-state-highlight td {
	background-color: rgb(74,107,139);
	color: white;
}


div.ui-datatable table div.ui-chkbox  {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
	background-color: rgb(196, 196, 196);
	
	box-shadow: rgb(255, 255, 255) 0px 0.9090908765792847px 0px 0px inset;
	width: 16px;
	height: 16px; 
}

.ui-datatable-empty-message td{
	text-align: center;
}


div.ui-datatable table div.ui-chkbox span.ui-icon-check {
	background-image: url("/javax.faces.resource/img/icon/sprites.png.xhtml?ln=default");
	background-position: -164px -210px;
	background-repeat: no-repeat; 
	width: 26px; 
	height: 28px; 

	
}

/**/
.allmessage div.ui-messages-info{
	background-color:white;
	color: rgb(74, 107, 139);
	font-weight: bold;
	border: solid 3px rgb(102, 204, 102);
	position: fixed;
	z-index: 10000; 
	top:55px;
	left:32%;
	width:36%;
	
}

.allmessage div.ui-messages-error{
	background-color:white;
	color: rgb(74, 107, 139);
	font-weight: bold;
	border: solid 3px red;
	position: fixed;
	z-index: 10000; 
	top:55px;
	left:32%;
	width:36%;

}

.ui-dialog{
		top:55px;
}

.ui-dialog .dialogIframe{
	border:none;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:-1;
}

.allmessage .ui-messages-info-icon{	
	background-image: url("/javax.faces.resource/img/icon/sprites.png.xhtml?ln=default");
	background-position: -164px -210px;
	background-repeat: no-repeat; 
	width: 26px; 
	height: 28px;
}

.allmessage .ui-messages-error-icon{	
	background-image: url("/javax.faces.resource/img/icon/sprites.png.xhtml?ln=default");
	background-position: -98px -210px;
	background-repeat: no-repeat; 
	width: 26px; 
	height: 28px;
}
	
.allmessage .ui-messages-close .ui-icon-close{
	background-image: url("/javax.faces.resource/img/icon/sprites.png.xhtml?ln=default");
	background-position: -625px -78px;
	background-repeat:no-repeat;
	width: 26px; 
	height: 28px; 
}

.ui-dialog-title{
	font-weight: bold;
	font-size: 18px;
}

.ui-dialog-content{
	padding-bottom: 1.5em;	
}

.ui-dialog-content .buttonPanel{
	padding-top: 10px;	
}

.ui-overlaypanel{
	text-align: center;
	}
	
div.ui-datatable table.noborder tbody > tr >td {
	 border:none;
}
div.ui-datatable table.noborder thead  th{
	 border:none;
}


.ui-confirmdialog-yes{
	background-color: #66CC66;
        float: left;
}

.ui-confirmdialog-no {
	background-color: #FF5555;
        float: right;
}

.ui-confirmdialog-yes,
.ui-confirmdialog-no,
.buttonPanel button.ui-button{
	border: 1px solid #bcbcbc;
	margin-right: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	width: 100px;
	height: 30px;
	cursor: pointer;
	color: white;
	text-shadow: gray;
        width: auto !important;
}

.ui-corner-bottom{
	display: none;
}

.fileinput-button{
	background-color: #E3E3E3;
    border: 1px solid #BCBCBC;
}

.fileinput-button span.ui-button-text{
	padding-left : 8px;
}

.ui-dialog-titlebar{
	background-color: #E3E3E3;
}

/* .ui-blockui{
	background-color: gray;
	filter:alpha(opacity=2) !important;  
    -moz-opacity:0.2;  
    -khtml-opacity: 0.2;  
    opacity: 0.2;  
} */

.ui-widget-overlay{
	filter:alpha(opacity=2) !important;
}

/*needed of ie10 primeface fileupload not work*/
 .fileinput-button {
	overflow: visible !important;
}
.fileupload-buttonbar .ui-button input {
	top: -150px !important;
}

.ess-ui-shadow{
	-moz-border-radius: 5px; /* Firefox */
  	-webkit-border-radius: 5px; /* Safari and Chrome */
  	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  
	-moz-box-shadow: 10px 10px 20px #E3E3E3; /* Firefox */
  	-webkit-box-shadow: 10px 10px 20px #E3E3E3; /* Safari and Chrome */
  	box-shadow: 10px 10px 20px #E3E3E3; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  	behavior: url("/javax.faces.resource/css/PIE.htc.xhtml?ln=default"); 
}

