/* 
    Document   : acorn-default
    Created on : Oct 24, 2012, 1:05:59 PM
    Author     : ft0026
    Description: Default style sheet for the ACorn system.
*/


.plasticButton {
	margin: auto!important;
    text-align:center!important;
    background-color: #fff!important;
    vertical-align: middle!important;
    padding:5px!important;
/*    border-radius: 50% !important; */
}

/* To increase the width of the filter window on the selectOneMenu component */
.ui-selectonemenu-filter-container {
    width: 98% !important;
}


/*
.ui-selectcheckboxmenu-filter-container {
    width: 80% !important;
}

.ui-selectcheckboxmenu-header .ui-inputfield {
    padding: 1px 20px 1px 2px;
    width: 93%;
}
*/

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: line-through;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

a:focus {
	text-decoration: blink;
}

.ui-widget, .ui-widget {
	font-size: 88% !important;
}

.searchTextBox {
	background-image: url(img/search.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 17px;
	color: red;
}

.goHomeBtn {
	background-image: url('ui-icon-home');
}

.ui-panel-content {
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px 10px 0px !important;
	/* Irrelevant details omitted */
}

.ui-notificationbar {
	margin-left: 25%;
	width: 550px !important;
	background-color: #ffffff;
	opacity: 0.70;
	filter: alpha(opacity =   70);
}

.active { /* background-image: none !important;   */
	color: #000000 ! important;
}

.passive { /*  background-color:gainsboro !important;
    background-image: none !important; */
	color: #AFAFAF !important;
}

.alert { /*  background-color:gainsboro !important;
    background-image: none !important; */
	color: red !important;
}

.active-link {
	color: #000000 ! important;
}

.passive-link {
	color: #AFAFAF !important;
}

.active-link:hover {
	text-decoration: underline ! important;
}

.passive-link:hover {
	text-decoration: underline ! important;
}

.nt-enabled { /* background-image: none !important;   */
	text-align: center;
	font-size: 10px !important;
	font-weight: bold;
	background-color: red
}

.nt.disabled { /*  background-color:gainsboro !important;
    background-image: none !important; */
	text-align: center;
	font-size: 10px !important;
}

.unpaid {
	color: #990000 !important;
}

.attention {
	color: #FF0000 !important;
}

.green {
	color: #008000 !important;
}

.ui-panelmenu {
	width: auto;
}

.ui-panelmenu .ui-panelmenu-header {
	cursor: pointer;
	position: relative;
	margin: 0;
	zoom: 1;
	font-size: 12px;
}

.ui-panelmenu .ui-panelmenu-header a {
	display: block;
}
/**
* Increase the width of the picklist component for admin roles on admin-list.xhtml
*/
.ui-picklist.adminroles .ui-picklist-list {
	height: 102px !important;
	width: 300px !important;
}
/**
* Increase the width of the picklist component for role customers on admin-roles.xhtml
*/
.ui-picklist.rolecustomers .ui-picklist-list {
	height: 330px !important;
	width: 430px !important;
	margin-bottom: -10px !important;
	font-size: 11px !important;
}

.smallButton.ui-button-text-only .ui-button-text {
	font-size: 7px !important;
	color: red !important;
}

li.ui-selectonemenu-item {
	font-size: 11px !important;
	width: 80% !important;
}

.pe-master-detail .ui-breadcrumb {
	padding: 0px !important;
	background: none !important;
}

.pe-master-detail .pe-master-detail-level {
	margin-top: 0px !important;
}

.ui-widget-content .ui-datatable .ui-datatable-data td  table.icon-text-panelgrid td
	{
	border-style: none !important;
	border-width: 0px !important;
}

/***
   * File Upload Styles
   *
   ******/
.ui-fileupload-buttonbar {
	background: transparent none !important;
	border: none !important;
	width: 80px!important;
}

.ui-fileupload-content {
	display: none !important;
}

.ui-fileupload-buttonbar .ui-fileupload-choose {
	background-color: rgba(142, 103, 64, 0.98) !important;
	width: 80px!important;
}

span.ui-fileupload-choose>span.ui-icon-plusthick {
	display: none !important;
}

span.ui-fileupload-choose>span.ui-button-text {
	padding-left: 1em !important;
}


/** From */
.fileinput-button input {
	-moz-transform: none !important;
	border: none !important;
	border-width: 0 !important;
	transform: translate(-300px, 0) scale(4) !important;
	font-size: 23px !important;
}

*+html .fileinput-button {
	line-height: none !important;
	padding: 2px 15px !important;
}

/** To */
.tableHeaderGrid tr, .tableHeaderGrid td {
	border: none !important;
}

.ttableHeaderGrid tr, .ttableHeaderGrid td {
	margin-bottom: -3px;
	border: none !important;
}

/* Ensure that the checkbox is to the left of the label for checkbox component */
.ui-chkbox-label {
	float: right !important;
}

.ui-selectcheckboxmenu-trigger {
	height: 97% !important;
}

/*wraps data within a column - use styleClass="wrap" */
.ui-datatable tbody td.wrap {
	white-space: normal;
}

/* Keep the text in a single line in description column of a table */
.singleLine {
	text-wrap: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Column width for the right column of the div on ob-beneficiary-list */
.rightCol {
	text-align: right;
}
/* Column classes for image table on Reseller Preferences tab */
.col1 {
	vertical-align: top;
}
.alignTop {
	vertical-align: top;
}

.col2 {
	vertical-align: top;
	text-align: left;
}
/* Column classes for tab/functions on Menu's Function Tab to separate checkBoxes*/
.functCol {
	width: 180px;
}

/** Customize the default layout of the growl dialog */
.ui-growl-title {
	font-size: 12px;
}

.ui-growl-message p {
	font-size: 12px;
}

/** Used for left-aligning the dataTable header text **/
.ui-table-header-align-left div table tr th {
	text-align: left;
}

/**
  Different colors for odd/even row combination
  - Add following to the p:dataTable component:
    rowIndexVar="rowIndex" rowStyleClass="odd-row-style"
*/
.odd-row-style {
	background: none repeat scroll 0 0 #F2F5F9;
}

.even-row-style {
	background: none;
}

/** to increase the width of the autocomplete field */
.ui-autocomplete-input.ui-inputfield {
	width: 220px !important;
}

.selected-menu-item {
	font-weight: bold !important;
}

.unselected-menu-item {
	font-weight: normal !important;
}
/** to fix the drop-down triangle-icon overlapping the field since PF5 upgrade */
.ui-selectonemenu .ui-selectonemenu-trigger {
	height: 94% !important;
}

/** Column widths to be used on gmf-create and gmf-edit screens */
.firstColumn {
	width: 100px;
}
.secondColumn {
	width: 300px;
}
.thirdColumn {
	width: 300px;
}


.login-panel-content-class .ui-panel-content{
	background:white;
}

.my-input-text {
	border: 0; 
	outline: 0; 
	background: transparent; 
	border-bottom: 1px solid black; 
}

.dateField input {
	vertical-align: middle;
	margin-right: 1px;
	width: 80px!important;
}


.selectRadio label {
	margin-right: -15px;
}

/** Column widths to be used on gmf-create and gmf-edit screens */
.halfColumn {
	width: 50%;
}
.thirdColumn {
	width: 33%;
}
.quarterColumn {
	width: 25%;
}
.fifthColumn {
	width: 20%;
}
.thirtyPctColumn {
	width: 30%;
}
.fifteenPctColumn {
	width: 15%;
}
.ui-tooltip-text.ui-shadow.ui-corner-all {
	color:black;
	background-color:transparent;
}

.myTooltipStyle {
	text-align: center;
	font-weight: bold;
}