.ui-message-error .ui-message-error-icon,.ui-message-error{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.ui-messages-error-icon{
	background-position: 0 -52px;
	background-image: url("/javax.faces.resource/icon_messages.png.xhtml?ln=images");
}
.ui-message-error-icon{
	background-position: 0 -96px;
	background-image: url("/javax.faces.resource/icon_messages.png.xhtml?ln=images");
}


/*p:pannelGrid*/

.ui-panelgrid .ui-widget-content{
	border:0px white
}

.ui-panelgrid tr td{
	padding: 4px 10px 4px 0px;
}

/*label error */

label.ui-outputlabel.ui-state-error {
	background:none;
	color:inherit;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font-family: inherit;
}


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

.ui-radiobutton .ui-radiobutton-box{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.ui-selectonemenu .ui-selectonemenu-trigger{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
	margin-top: 9px;
}

.ui-chkbox .ui-chkbox-box{
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}


.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
	box-shadow:none;
	background: #EFEFEF;
}


.ui-inputfield{
	padding: 8px;
	margin-right:10px;
}

.ui-corner-all {
	border-radius: 4px;
}

.ui-spinner-input{
	padding-right: 20px;
}

.ui-icon { border-radius: 0; }

/*BUTTONS*/


/*default button*/

button.ui-button.ui-state-default{
	background:#000033;
}

button.ui-button.ui-state-default{
	background:#000033;
	box-shadow:0;
	text-shadow:none;
	color: #FFFFFF;
	box-shadow:none;
	border:0px;
}

button.ui-button.ui-state-hover{
	background:#2389BC;
}

button.ui-button.ui-state-active{
	background:#056B9E;
}

.red-button.ui-state-default{
	background: #cc0000 !important;
}
.red-button.ui-state-hover{
	background: #990000!important;
}

.red-button.ui-state-active{
	background: #ff0000!important;
}


.green-button.ui-state-default{
	background: #282!important;
}

.green-button.ui-state-hover{
	background: #346633!important;
}

.green-button.ui-state-active{
	background: #9CDB65!important;
}

.gray-button.ui-state-default{
	background: #CCCCCC!important;
}

button.ui-button.ui-state-active{
	background:#056B9E;
}



button.ui-button .ui-button-text{
	padding: 0.5em 1.2em;
}

button.ui-button.ui-button-text-icon-left .ui-button-text{
	padding: 0.5em 1.2em 0.5em 2.1em;
}

button.ui-button.ui-button-text-icon-right .ui-button-text{
	padding: 0.5em 2.1em 0.5em 1.2em;
}


/*test css*/
.mytable{
	border-spacing: 5px 10px ;
	border-collapse: separate;
}

.emptypanel{
	padding:0px;
	border:0px;

}

.emptypanel .ui-panel-content {
	padding:0px;
	border:0px;
}

/*main menu buttons*/

.green-large-button.ui-state-default{
	background: #339933!important;
	border-radius: 15px;
	height: 100px;
	width: 100px;
}

label.green {color: #282; font-weight: normal; font-size:13px;}

.green-large-button.ui-state-hover{
	background: #346633!important;
}

.green-large-button.ui-state-active{
	background: #9CDB65!important;
}


.red-large-button.ui-state-default{
	background: #ff6633!important;
	border-radius: 15px;
	height: 100px;
	width: 100px;
}

label.red {color: #cc0000; font-weight: normal; font-size:13px;}

.red-large-button.ui-state-hover{
	background: #cc3700!important;
}

.red-large-button.ui-state-active{
	background: #ffc8b3!important;
}


.dark-green-large-button.ui-state-default{
	background: #346633!important;
	border-radius: 15px;
	height: 100px;
	width: 100px;
}

.dark-green-large-button.ui-state-hover{
	background: #339933!important;
}

.dark-green-large-button.ui-state-active{
	background: #9CDB65!important;
}


.blue-large-button.ui-state-default{
	background: #3399CC!important;
	border-radius: 15px;
	height: 100px;
	width: 100px;
}

label.blue {color: #3399cc; font-weight: normal; font-size:13px;}

.blue-large-button.ui-state-hover{
	background: #223E92!important;
}

.blue-large-button.ui-state-active{
	background: #000034!important;
}


.ui-icon.menu-icon-1{
	background-image: url("/javax.faces.resource/icon-acc-statement.png.xhtml?ln=images");
	background-image: url("/javax.faces.resource/icon-acc-statement-small.png.xhtml?ln=images")\9;
	background-size: 80% auto;
	height: 60px;
	width: 60px;
	left: 30%;
	top: 50%;
	margin-left: 11px;
	margin-top: -15px !important;
}

.ui-icon.menu-icon-2{
	background-image: url("/javax.faces.resource/icon-electronic-cheque.png.xhtml?ln=images");
	background-image: url("/javax.faces.resource/icon-electronic-cheque-small.png.xhtml?ln=images")\9;
	background-size: 70% auto;
	height: 80px;
	width: 80px;
	left: 30%;
	top: 42%;
	margin-left: 12px;
	margin-top: -15px !important;
}


.ui-icon.menu-icon-3{
	background-image: url("/javax.faces.resource/icon-change-password.png.xhtml?ln=images");
	background-image: url("/javax.faces.resource/icon-change-password-small.png.xhtml?ln=images")\9;
	background-size: 70% auto;
	height: 60px;
	width: 60px;
	left: 38%;
	top: 30%;
	margin-left: 20px;
	margin-top: -22px !important;

}

.ui-icon.menu-icon-4{
	background-image: url("/javax.faces.resource/icon-acc-status.png.xhtml?ln=images");
	background-image: url("/javax.faces.resource/icon-acc-status-small.png.xhtml?ln=images")\9;
	background-size: contain;
	height: 48px;
	width: 48px;
	left: 34%;
	top: 34%;
	margin-left: 17px;
	margin-top: -18px !important;

}

.ui-icon.menu-icon-5{
	background-image: url("/javax.faces.resource/icon-user-info.png.xhtml?ln=images");
	background-image: url("/javax.faces.resource/icon-user-info-small.png.xhtml?ln=images")\9;
	background-size: 80% auto;
	height: 60px;
	width: 60px;
	left: 35%;
	top: 35%;
	margin-left: 17px;
	margin-top: -18px !important;

}

.ui-icon.menu-icon-6{
	background-image: url("/javax.faces.resource/icon-change-another-password.png.xhtml?ln=images");
	background-size: 80% auto;
	height: 60px;
	width: 60px;
	left: 35%;
	top: 35%;
	margin-left: 14px;
	margin-top: -15px !important;

}



.test-menu{
	width:450px;
}
.test-menu td{
	text-align: center;
	vertical-align: top;
}

.test-menu label{
	font-weight: normal;
}

.test-menu button{
	text-align: center;
}

/*components */

.ui-selectonemenu { min-width: 100px;}
.w-spacing { padding-right: 10px; }

table.w-spacing tr td { padding-right: 10px; }

/* rebecca's added styles*/

.login-page-btn { width:185px; margin-right:10px;}

.loginout,.ssolinks {margin: 25px 0.1em 0 0; float: right; font-size:13px; }

.ssolinks {margin-left:10px; margin-top:20px !important;}

.username {
	display: block;
	height:auto;

	padding:5px 15px;
	background-color: #3399cc;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	float: right;
	margin: 0px 10px 0px 0;
	font-size: 13px;
}

.btn-loginout { display: block;
	height:auto;
	width: auto;
	padding:5px 10px!important;
	background-color: #000066;
	border-color: #000066;
	border-radius: 8px;
	color: #FFFFFF;
	font-weight: bold;
	float: right;
	font-size: 13px;
	-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);

}

.system-notif {
	width:100%;
	height:100%;
	background:#eee;
	overflow: auto;
	padding: 40px 20px 40px 20px;
}

.language-btn { color: #fff; text-transform:uppercase;}

.user-msg-bg {  background:#3399cc;}

.user-msg-block {

	background:#3399cc url(/javax.faces.resource/!-icon.png.xhtml?ln=images) 10px 15px no-repeat;
	background-position: 10px 15px;
	background-size: auto;
	padding: 10px 10px 10px 50px!important;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	min-height:80px;

}

.user-msg-item ul li {list-style: none;}
.user-msg-item a {color: #ccff00; font-weight: bold;}

.sys-notif-item {font-size: 12px; clear: both; margin: 10px 0; }
.notif-date {
	text-decoration: underline;
	font-weight: bold;
	margin: 0 5px 0 0;
}
.sys-notif-readmore {
	color: #cc0000;
	clear:both;

}
.bottom-links-last { border: none;}
.footer-link a { color:#fff; text-decoration: none;}

.main-menu-items td {
	align: center;
	text-align: center;
	vertical-align:top;
	padding:20px 0 10px 0px;
}

table.main-menu-items {margin-top:20px;width:635px}
.main-menu-items td {width:33.33%;}

.main-menu-items td label {width: 80%; margin: 0 auto; line-height:1.15em; margin-top: 10px;}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0)) repeat scroll 0 0 #339933;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color: #fff; text-shadow: 0 0 0 #ccc; }

table.user-info { width: 100%; }
table.user-info td  {width:50%; vertical-align:top; line-height:1.25em; }

table.user-info .user-info-1   {width:30%; vertical-align: top; line-height:1.15em;}
table.user-info .user-info-2   {width:70%; vertical-align:top; line-height:1.15em;}


@media all and (max-width: 767px) {

	.username {
		display: block;
		height:3em;

		padding:8px 15px;
		background-color: #3399cc;
		border-radius: 4px;
		color: #fff;
		font-weight: bold;
		float: right;
		margin: 0px 10px 0px 0;
		font-size: 12px;
	}

	.loginout {margin: 0 0.1em 0 0; float: right; font-size:12px; width:3em; height: 3em; }


}

@media all and (max-width: 991px) {
	table.main-menu-items{
		width:100%!important;
	}
}

@media all and (max-width:479px) {

	table.main-menu-items {width:100%}

	/*main menu buttons*/

	.green-large-button.ui-state-default{
		background: #339933!important;
		border-radius: 15px;
		height: 66px;
		width: 66px;
	}
	.green-large-button.ui-state-hover{
		background: #346633!important;
	}

	.green-large-button.ui-state-active{
		background: #9CDB65!important;
	}


	.red-large-button.ui-state-default{
		background: #FF6633!important;
		border-radius: 15px;
		height: 66px;
		width: 66px;
	}
	.red-large-button.ui-state-hover{
		background: #cc3700!important;
	}

	.red-large-button.ui-state-active{
		background: #ffc8b3!important;
	}


	.dark-green-large-button.ui-state-default{
		background: #346633!important;
		border-radius: 15px;
		height: 66px;
		width: 66px;
	}
	.dark-green-large-button.ui-state-hover{
		background: #339933!important;
	}

	.dark-green-large-button.ui-state-active{
		background: #9CDB65!important;
	}


	.blue-large-button.ui-state-default{
		background: #3398CC!important;
		border-radius: 15px;
		height: 66px;
		width: 66px;
	}
	.blue-large-button.ui-state-hover{
		background: #223E92!important;
	}

	.blue-large-button.ui-state-active{
		background: #000034!important;
	}


	.ui-icon.menu-icon-1{
		background-size: 90%;
		height: 40px;
		width: 40px;
		left: 34%;
		top: 42%;
	}

	.ui-icon.menu-icon-2{
		background-size: contain;
		height: 40px;
		width: 40px;
		left: 32%;
		top: 46%;
	}


	.ui-icon.menu-icon-3{
		background-size: contain;
		height: 36px;
		width: 36px;
		left: 40%;
		top: 36%;
	}

	.ui-icon.menu-icon-4{

		background-size: contain;
		height: 36px;
		width: 36px;
		left: 36%;
		top: 36%;

	}

	.ui-icon.menu-icon-5{

		height: 48px;
		width: 48px;
		left: 34%;
		top: 38%;
	}

	.main-menu-items td label {font-size: 11px;}

}

.hide, .hide_required span.ui-outputlabel-rfi{
	display:none!important;
}

label{
	color:#000033;
}

.ui-button .ui-button-text{
	white-space: nowrap;
	font-weight: bold;
	font-size: 13px !important;
}

.powerouticon{
	margin-right: 3rem;
	padding-right: 1rem;
	padding-top: 0.25rem;
	font-size: 0.5rem !important;
}

