/********************************************************
		1x Payment Styles 
*********************************************************/
.dijitVisible {
	display: "block !important";
}
.PaymentSection .body {
	width: 100%;
}
.PaymentSection .Payment {
	box-shadow: 0 0px 0 0 !important;
	border: solid 1px #d5d5d5;
	background: #ffffff;
	padding: 18px 13px 24px 13px; /* UX feedback : top padding is 15px but due to line heigh 1.5em to have 18px between top border to title */
	line-height:16px;/*1.5em */
}
.PaymentSection .Payment .leftSide {
	float:left;
	width:325px;/* UX feedback : 338 from left border : origianl was 45% */
}
.PaymentSection .Payment .rightSide {
	float:right;
	width:309px ;/* UX feedback : 338 from left border : origianl was 55% */
}
.PaymentSection .phoenixSectionWide {
	background-color:transparent !important;
	border-radius: 0px !important;
	box-shadow: 0 0px 0 0 #C6C6C6;
	border: 0px solid #D5D5D5 !important;
	margin-bottom: 13px; /* UX feedback : 18px bottom to border | [Modified 12 -> 13px]*/ 
	margin-top:-17px;     /* UX feedback : 18px top to border */ 
}
.PaymentSection .PaymentRight {
	background-color:white;
	border: 1px solid #D5D5D5;
	border-radius: 2px !important;
	box-shadow: 0 0px 0 0 #C6C6C6;
	margin-bottom: 14px;
	padding-top:0;
}
.PaymentSection .PaymentRight p {
	margin:0px;
	padding:0px;
}
.PaymentSection .Payment h2 {
	font-size:24px;
	margin:0px 0px -1px 0px;
	padding:0px 0 20px 0; /* us Feedback: 20px from header to next line of content */
}
.PaymentSection .Payment h2.title {
	padding:0px 0 25px 0; 
}
.PaymentSection .Payment .productDetail {
	float:left;
	display:inline;
	color:	#62A642;
	font-family: "Frutiger";
	font-size:18px;
	font-weight: normal;
	line-height:30px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); /* Updated Style Guide D24 - Rajesh*/
}

.PaymentSection .Payment .productIcon {
	float:left;
	display:inline;
	height:29px;
	width:29px;
	padding:0 10px 0 0;
}
.PaymentSection .Payment .helpLine {
	line-height:32px; /* UX feedback : align policy name and help line's baseline */
	float:right;
	display:inline;
	text-align:right;
	font-family:"FrutigerBold";
	font-size:13px;
	font-weight: normal;
	margin-right:-9px;
}
.PaymentSection .Payment .stepNumbers {
	float:right;
	display:inline;
}
.PaymentSection .Payment .rightrailTitle {
	background-color: transparent;
	background-image:url("../../img/payment/rightRail_titleBG.png");
	background-repeat: repeat-x;
	font-family: "Frutiger";
	color: #595959;
	font-size: 18px !important;
	font-weight: normal;
	min-height: 32px;
	margin:0 -13px 10px -13px; /* Updated Style Guide D24 - Rajesh*/
	padding: 12px 13px 0px 13px;
}
.PaymentSection .Payment table {
	font-size:13px;
	line-height:22px;
}
.PaymentSection .Payment table th {
	font-family:"FrutigerBold";
	font-weight: normal;
}
.PaymentSection .Payment table td {
	font-family:"Frutiger";
}
.PaymentSection .Payment sup.dollarsign {
	font-size:18px;
	margin:-1px 0px 0px 0 !important; /* UX feedback : 1px between dollar sign and dollar amount */
	position : relative;
	top: -3px;
	font-family: "Frutiger";
}
.dj_ie8 .PaymentSection .Payment sup.dollarsign {
	top: -4px;
}
.PaymentSection .Payment .dollarammount {
	font-size:30px;
	line-height: 30px;
	font-family: "FrutigerLight";
}

.PaymentSection .Payment .helpIcon {
     margin: 0 0 -3px 1px !important; /* UX feedback :overwrite style in login.css */

}
.PaymentSection .Payment .h3 {
	font-size:18px;
	font-family:"FrutigerBold";
	font-weight: normal;
}
.PaymentSection .Payment .h3 .confirmNumber {
	color:#62A642;
}

.PaymentSection .Payment .h4 {
	font-size:13px;
	font-family:"FrutigerBold";
	font-weight: normal;
}

.PaymentSection .Payment label{
	font-size:13px;
	font-family:"Frutiger";
	width:92%;
	
}
.paymentReviewButtons {
	/*width: 125px;*/
	float: right;
	margin: 0 5px 0 0;
}
.metlife.phoenix .paymentReviewButtons .dijitButton{
	float:left;
}
.orangeTxt{
	color: #FF663A;
	margin: -3px 0 0 0;
	padding: 0 0 17px;
}
.PaymentSection .Payment.LastModule {/* Updated UX Feedback - Rajesh*/
	margin-bottom:0px;
	padding-bottom: 24px;
}
.paymentFailure h2 {
}
.paymentFailure p{
	margin:0px 0 7px 0;
	
}
.paymentFailure .chooseOption {
	margin:10px 0 7px 0;
	display: none;
}
.paymentFailure p.last {
	margin:0px 0 12px 0;
}
.helpIcon {
	background: url("/edge/ui/public/img/reg-help-icon.png") no-repeat 0 0;
	display: inline-block;
	height: 15px;
	margin: 0 0 -3px 4px;
	width: 15px;
}
.helpIcon:focus,
.helpIcon:hover,
.metlife.phoenix .MyProfile .helpIcon:hover,
.metlife.phoenix .MyProfile .helpIcon:focus {
	background: url("/edge/ui/public/img/reg-help-icon-hover.png") no-repeat 0 0;
	display: inline-block;
	height: 15px;
	margin: 0 0 -3px 4px;
	width: 15px;
}
.metlife.phoenix.beneRegBody .helpIcon:hover,
.metlife.phoenix.beneRegBody .helpIcon:focus {
	background: url("/edge/ui/public/img/reg-help-icon-hover-b.png") no-repeat 0 0;
	height: 21px;
	width: 25px;
}
.metlife.phoenix.myClaimsBody .beneClaimsPage .helpIcon {
	background: url("/edge/ui/public/img/reg-help-icon-b.png") no-repeat 0 0;
	display: inline-block;
	height: 21px;
    width: 25px;
}
.metlife.phoenix.myClaimsBody  .helpIcon {
	background: url("/edge/ui/public/img/reg-help-icon-b.png") no-repeat 0 0;
	display: inline-block;
	height: 21px;
    width: 25px;
}
.metlife.phoenix.myClaimsBody .helpIcon:hover,
.metlife.phoenix.myClaimsBody .helpIcon:focus {
	background: url("/edge/ui/public/img/reg-help-icon-hover-b.png") no-repeat 0 0;
	height: 21px;
	width: 25px;
}
.metlife.phoenix.myClaimsBody .dijitTooltipContainer{
background: none repeat scroll 0 0 #107ABC;
}
.metlife.phoenix.myClaimsBody .beneClaimsPage .helpIcon:hover,
	.metlife.phoenix.myClaimsBody .beneClaimsPage .helpIcon:focus
	{
	background: url(/edge/ui/public/img/reg-help-icon-hover-b.png) no-repeat
		0 -3px;
 	height: 21px;    
    width: 25px;
}
.phoenixSection.Payment.finished {
    margin-bottom: 0;
}
.helpIcon:focus {
	outline: 2px solid #007cc2;
	outline-offset:1px;
	}
.finished p {
	margin: 0px;
	padding: 0px;
}
.finished p {
	margin: 0px;
	padding: 0px;
}
/*	Payment Processing Overlay
********************************************************/
.metlife.phoenix.claro .paymentProcessingPopup {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	height:320px;
}
.metlife.phoenix.claro .paymentProcessingPopup .dijitDialogTitleBar {
	display: none;
}
.metlife.phoenix.claro .paymentProcessingPopup .dijitDialogPaneContent {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
.metlife.phoenix.claro .paymentProcessingPopup .dijitDialogPaneContent p {
	font-family:"FrutigerBold";
	font-weight: normal;
	font-size:15px;
	color: #ffffff;
	text-align: center;
}
#loader {
	position: relative;
}
.spinner {
	margin:70px auto 0;
	padding:1px 0 0 0;
}
/********************************************************
		Account information css starts
*********************************************************/
.PaymentSection .Payment .paymentAccSummary {
	border-collapse: inherit;
	margin: 16px 0 12px -13px; /* UX feedback : 25px should be bottom margine  *//* Updated Style Guide D24 - Rajesh*/
	/*width: 660.3px;*/
}
.PaymentSection .Payment .paymentAccHeader.odd {
	border-bottom: 1px solid #09335D;
	color: #FFFFFF;
	height: 30px;
	font-weight:normal;
}

.PaymentSection .Payment .paymentAccFooter td {
	height: 19px !important; /*height:31px;*/ /* UX feedback : 31height - 6+6 =12 px top and bottom padding */
}
.PaymentSection .Payment .paymentAccHeader th {
	background:-moz-linear-gradient(to bottom, #2E85C2 0%, #114477 100%) repeat-x !important;
	background: linear-gradient(to bottom, #2E85C2 0%, #114477 100%) repeat-x !important;
	background: -webkit-linear-gradient(#2E85C2, #114477) repeat-x !important;
	background: -ms-linear-gradient(top, #2E85C2 0%, #114477 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2E85C2), color-stop(100%, #114477)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top, #2E85C2 0%, #114477 100%); /* Opera 11.10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E85C2', endColorstr='#114477', GradientType=0 ); /* IE6-9 */
	font-family: "FrutigerBold";
	line-height: 16px;
	padding: 0 0 0 14px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}

.paymentAccSummary tr > td {
	border-bottom: 1px solid #B0D5E9;
	font-size: 13px;
	padding: 7px 14px 7px 14px; /* Updated Style Guide D24 - Rajesh*/
	/*height:45px;*/
	/* UX feedback : 45height - 7+7 =14 px top and bottom padding */
}

.paymentAccSummary.narrowRow tr > td {
	height:30px;
}

.paymentAccSummary tr > td.oneRow{
	border-top: 1px solid #B0D5E9;
}
.PaymentSection .Payment .paymentAccSummary .even {
	background: none repeat scroll 0 0 #EEF9FF;
}
.PaymentSection .Payment .paymentAccSummary .odd {
	background: none repeat scroll 0 0 #FFFFFF;
}

.paymentAccSummary tr > td.lastRow {
	
	height:31px !important;
}

.PaymentSection .Payment .paymentAccSummary label {
	font-family: "FrutigerBold";
	font-weight: normal ;
	width:auto ;
}

.PaymentSection .Payment .paymentAccSummary .dijitRadio {
	margin-top:3px;
	
}

.PaymentSection .Payment .paymentAccSummary .Cardicon {
	display:inline-block;
	vertical-align:middle;
	height: 31px;
	width:50px;
	
}

.PaymentSection .Payment .paymentAccSummary .CardDetail{
	display:inline-block;
	vertical-align:middle;
	line-height:13px;
	width:200px;
	padding-left:1px; /*ux Feedback: can't reduce this more than to remove any additional padding */ 
}



/********************************************************
		Account contact information css ends
*********************************************************/
/********************************************************
		       Step Numbers starts
*********************************************************/

.PaymentSection .Payment .StepNumbers{
	display:inline-block;
	float:right;
	margin:-68px -9px 9px 0px;
	position:relative;
	z-index:inherit;
}

.PaymentSection .Payment .StepNumbers .Step1,
.PaymentSection .Payment .StepNumbers .Step2,
.PaymentSection .Payment .StepNumbers .Step1.active,
.PaymentSection .Payment .StepNumbers .Step1.active,
.PaymentSection .Payment .StepNumbers .Stepdone{
	display:inline-block;
	height:45px;
	width:44px;
	padding-right:8px;
}

.PaymentSection .Payment .StepNumbers .Step1.active{
	background:url("../../../img/step1_active.png") no-repeat scroll 0 0	transparent !important;
	
}

.PaymentSection .Payment .StepNumbers .Step2.active{
	background: url("../../../img/step2_active.png") no-repeat scroll 0 0	transparent !important;
}


.PaymentSection .Payment .StepNumbers .Step2{
	background:url("../../../img/step2.png") no-repeat scroll 0 0	transparent !important;
}

.PaymentSection .Payment .StepNumbers .Stepdone{
	background: url("../../../img/step_done.png") no-repeat scroll 0 0 transparent !important;
}


/********************************************************
		       Step Numbers ends
*********************************************************/

.PaymentSection .Payment .hide{
	display:none;
	
}

.PaymentSection .Payment .show{
	display:block;
	
}

/********************************************************
		      Payment option Buttons starts
*********************************************************/

.metlife.phoenix .dijitButton.paymentOption {
	 background-image:url('../../img/payment/btn_sprite_bankAccount.png');
	 background-position: 0px -78px;
	 background-color: transparent;
	 border: none;
	 border-radius: 0px;
	 box-shadow: none;
	 margin:0px;
	 height: 76px;
	 width:127px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.metlife.phoenix .dijitButton.paymentOption .dijitButtonNode {
	 background-image:none;
	 background-position: 0px 0px;
	 background-repeat: no-repeat;
	 background-color: transparent;
	 border: none;
	 border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	 box-shadow: none;
margin:0px;
}

.metlife.phoenix .dijitButton.dijitButtonHover.paymentOption {
	background-position: 0 0px;
}

.metlife.phoenix .dijitButton.dijitButtonActive.paymentOption {
	background-position: 0 -156px;
}


.metlife.phoenix .dijitButton.paymentOption .dijitButtonText {
	color: white;
	font-size:14px;
	font-family: "FrutigerBold";
	font-weight:normal;
	
	padding-top: 50px;
	
	text-shadow: #388CB4 0px -1px 0px;
	outline: none;
}


.metlife.phoenix .dijitButton.paymentOption.optBank {
	 background-image:url('../../img/payment/btn_sprite_bankAccount.png');
	 
}

.metlife.phoenix .dijitButton.paymentOption.optCredit {
	 background-image:url('../../img/payment/btn_sprite_creditDebit.png');
	 
}
/********************************************************
		      Payment option Buttons ends
*********************************************************/


/********************************************************
		      Payment option PopupWidget - start
*********************************************************/

#dlg-addAccount .dijitDialogTitleBar, #dlgn-addAccount .dijitDialogTitleBar{
	margin: 0px !important;
}
.popupWidget .PaymentSection{
	width:632px !important;
}
.popupWidget .PaymentSection .popupHeaderBorder {
	border-bottom: 1px solid #ffffff;
	margin: -30px -25px 0px;
}
.popupWidget .PaymentSection .popupHeaderBG {
	width:666px !important;
	behavior: url('/edge/ui/public/res/polyfill/PIE.htc');
    border-bottom: 1px solid #D5D5D5;
    border-radius: 5px 5px 0 0;
    display: block;
    height: 68px;
    /*margin: -30px -25px 0px;*/
    padding:0;
	background: url("../../img/bg-pageheader.png") repeat-x scroll 0 0 transparent;
	position:relative;
}
.popupWidget .PaymentSection .popupHeaderBG h1{
    color: #077CC2;
    font-size: 30px;
	margin: 0;
   	padding: 19px 0 0 20px;
}

.popupWidget .PaymentSection .phoenixSectionWide {
	width:585px !important;
	background: transparent ;
	padding:26px 0 26px 0;
	overflow: hidden;
    display: table;
}

.popupWidget .PaymentSection .phoenixSection {
	width: 617px !important;
	background: white;
	border-radius: 2px !important;
	box-shadow: 0 1px 0 0 #C6C6C6;
	border: 1px solid #D5D5D5;
	margin: 0 0 15px -1px;
	padding:0 0 0px 0;
	text-align: left;
	
}

.popupWidget .PaymentSection .phoenixSectionWide .productDetail{
	display: table-cell;
	vertical-align: top;
	color:	#62A642;
	font-family: "Frutiger";
	font-size:18px;
	font-weight: normal;
	line-height:29px !important;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); /* Updated Style Guide D24 - Rajesh*/
}

.popupWidget .PaymentSection .phoenixSectionWide .productIcon {
	display: table-cell;
	vertical-align: top;
	height:29px;
	width:29px;
	padding:0 10px 0 0;
}

.PaymentSection .Payment .paymentHeader {
	margin: 0 0 0 -13px;
	padding: 7px 0 0 14px;
	width:646px;
	height: 23px;
	background:-moz-linear-gradient(to bottom, #2E85C2 0% , #114477 100%) repeat-x !important;
    background: linear-gradient(to bottom, #2E85C2 0% , #114477 100%) repeat-x !important;
    background: -webkit-linear-gradient(#2E85C2, #114477) repeat-x !important;
    background: -ms-linear-gradient(top, #2E85C2 0%,#114477 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2E85C2), color-stop(100%,#114477)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top, #2E85C2 0%,#114477 100%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E85C2', endColorstr='#114477',GradientType=0 ); /* IE6-9 */
    font-family: "FrutigerBold";
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    text-align: left;
    color:#ffffff;
    vertical-align: middle;
    border-bottom: 1px solid #09335D;
}
.noSavedAccount, .addPaymentAccount {
	padding: 0 0 0 14px;
    margin: 0 0 0 -13px;
    width:646px;
	height: 45px;
	line-height:45px;
    border-bottom: 1px solid #B0D5E9;
    font-size: 13px;
}
.noSavedAccount {
	margin: 0 0 22px -13px;
}
.addPaymentAccount {
	margin: 0 0 22px -13px;
	height:31px;
	line-height:31px;
}

.nxtBtnSec p{
	margin:0px;
	padding:0 0 9px 0;
}
.PaymentSection .chooseOption {
	margin-bottom: 17px;
}
.nickNameHolder {
	padding: 0 0 0 14px;
}
.metlife.phoenix .nxtSecCnl .del .dijitButton, .metlife.phoenix .nxtSecCnl .keep .dijitButton {
	height: 26px;
    margin: 2px 0 2px 2px;
}
.metlife.phoenix .nxtSecCnl .del .dijitButtonNode, .metlife.phoenix .nxtSecCnl .keep .dijitButtonNode {
	padding: 2px 4px 4px;
	height: 20px;
}
.metlife.phoenix .nxtSecCnl .del .dijitButtonText, .metlife.phoenix .nxtSecCnl .keep .dijitButtonText {
	padding: 0.2em 9px;
}
.metlife.phoenix .nxtSecCnl .actionFlyout {
	top: -49px;
}
/* GridX Datagrid style overides
*********************************************************/
.gridxBar > table {
    width: 100%;
    float:left;
}

.metlife.phoenix .gridx {
	background: transparent;
	border: none;
	color: #595959;
}
.metlife.phoenix .gridxHeader, .metlife.phoenix .gridxFooter {
	background: transparent;
	border: none;
	border-bottom: solid 1px #09335D;	
}
.metlife.phoenix .gridxRowHeaderRow table, .metlife.phoenix .gridxRow .gridxRowTable {
	width:100%;
}
.metlife.phoenix .gridxHeaderRow {
	background: transparent;
	border: none;	
}
.metlife.phoenix .gridxHeaderRowInner {
	background:-moz-linear-gradient(to bottom, #2E85C2 0% , #114477 100%) repeat-x !important;
    background: linear-gradient(to bottom, #2E85C2 0% , #114477 100%) repeat-x !important;
    background: -webkit-linear-gradient(#2E85C2, #114477) repeat-x !important;
    background: -ms-linear-gradient(top, #2E85C2 0%,#114477 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2E85C2), color-stop(100%,#114477)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top, #2E85C2 0%,#114477 100%); /* Opera 11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E85C2', endColorstr='#114477',GradientType=0 ); /* IE6-9 */
	border-bottom: solid 1px #09335D;
	border-width: 0 0 1px 0 !important;
}
.metlife.phoenix #fullpaymentActivityNode .gridxHeaderRowInner {
	border-width: 0 0 0px 0 !important;
}
.metlife.phoenix .gridxHeaderRowInner .gridxCell:hover {
	background: none !important;
	border: none !important;
}
.metlife.phoenix.claro .gridxRowHeaderHeader .gridxHeaderCellFocus {
	outline: none;
	border: none;
}
.metlife.phoenix.claro .gridxRowHeaderRow .gridxCellFocus {
	outline: none;
	border: none;
}
.metlife.phoenix #minipaymentActivityNode .gridxHeaderRowInner {
	background: none !important;
	filter: none !important;
	border: none !important;
}
.metlife.phoenix .gridxGroupHeader, .metlife.phoenix.claro .gridxHeaderRow .gridxCell {
	height:30px;
	padding: 0 16px 0 12px;
    font-family: "FrutigerBold";
	font-size:13px;
	font-weight: normal;
	color: #fff;
	text-align: left;
	line-height: 16px;
	vertical-align: middle;
	background:-moz-linear-gradient(to bottom, #2E85C2 0% , #114477 100%) repeat-x !important;
    background: linear-gradient(to bottom, #2E85C2 0% , #114477 100%) repeat-x !important;
    background: -webkit-linear-gradient(#2E85C2, #114477) repeat-x !important;
    background: -ms-linear-gradient(top, #2E85C2 0%,#114477 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2E85C2), color-stop(100%,#114477)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top, #2E85C2 0%,#114477 100%); /* Opera 11.10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E85C2', endColorstr='#114477',GradientType=0 ); /* IE6-9 */
	border-width: 0 0 0px 0;
}
.metlife.phoenix #minipaymentActivityNode .gridxGroupHeader, .metlife.phoenix.claro #minipaymentActivityNode .gridxHeaderRow .gridxCell {
	height:22px;
}
.metlife.phoenix .gridxCell {
	padding: 0 0 0 0px;
	height:45px;
	font-family: "Frutiger";
	font-size:13px;
	font-weight: normal;
	color: #595959;
	text-align: left;
	line-height: 16px;
	vertical-align: middle;
	border: none;
	border-bottom: solid 1px #b0d5e9;
}
.metlife.phoenix .gridxCell .gridxCellWidget .gridButton, .metlife.phoenix .gridxCell .gridxCellWidget .gridButton span{
	margin: 0px !important;
	padding:0px !important;
}
.metlife.phoenix .gridxCell .gridxCellWidget .gridButton .dijitButtonNode {
	padding-top: 7px !important;
}
.metlife.phoenix .gridxBodyRowHoverEffect .gridxRow.gridxRowOver .gridxCell{
	background: #FFFFFF !important;
}
.metlife.phoenix .gridxBodyRowHoverEffect .gridxRow.gridxRowOdd.gridxRowOver .gridxCell{
	background: #f9fafc !important;
}
.metlife.phoenix .gridxRow .gridxCell{
	background: #fff;
	/*background: #EEF9FF;*/
}
.metlife.phoenix .gridxRow.gridxRowOdd .gridxCell{
	background: #f9fafc;
}
.metlife.phoenix .gridxPaginationBar {
	background: transparent;
	border: none;
}
.metlife.phoenix .gridxPaginationBar td{
	height:30px;
	/*padding: 0 0px 0 12px;*/
}
.metlife.phoenix .gridxPaginationBar td.gridxPagerDescriptionTD {
	vertical-align: top;
}
.metlife.phoenix .gridxPaginationBar div {
	padding-top:1px;
}
.metlife.phoenix .gridxPaginationBar td.gridxPagerDescriptionTD .gridxSummary {
    padding: 0 13px !important;
}  
.metlife.phoenix .gridxPaginationBar .gridxPagerStepperBtn.gridxPagerPrevPage, .metlife.phoenix .gridxPaginationBar .gridxPagerStepperBtn.gridxPagerNextPage {
	margin: 0px;
}
.metlife.phoenix .gridxPaginationBar .gridxPagerStepperBtn.gridxPagerPage {
	margin: 0 3px;
}
.metlife.phoenix .gridxPagerGoto {
	display:none;
}
.gridxCellWidget {
	position: relative;
}
.gridxHeader {
	display:none;
}
#fullpaymentActivityNode {
	margin: 0 0 0 -13px;
    width: 998px;
}
#fullpaymentActivityNode table {
	width: 100%;
	border-collapse: seperate !important;
	table-layout: fixed;
}
#fullpaymentActivityNode .gridxHeader, #minipaymentActivityNode .gridxHeader {
	display:block;
}
.metlife.phoenix #fullpaymentActivityNode .gridxHeader .gridxCell {
	padding: 0 9px 0 13px;
	border-left: none !important;
    border-right: none !important;
    position: relative;
}
.metlife.phoenix #fullpaymentActivityNode .gridxHeaderRowInner .gridxCell:hover {
	border-left: none !important;
    border-right: none !important;
}
.metlife.phoenix #fullpaymentActivityNode .gridxCell {
	padding: 0 9px 0 13px;
	height: 30px;
}
.metlife.phoenix #fullpaymentActivityNode .gridxFooter{
	height: 20px;
    position: relative;
    top: 0;
}
#managePaymentAccountNode, #makePaymentAccountNode {
	width:660px;
	margin: 0 0 0 -13px;
}
#managePaymentAccountNode .Cardicon, #makePaymentAccountNode .Cardicon{
    display: inline-block;
	height: 31px;
    vertical-align: middle;
    width: 50px;
}
#managePaymentAccountNode .CardDetail, #makePaymentAccountNode .CardDetail{
	display:inline-block;
	vertical-align:middle;
	line-height:13px;
	width:200px;
	padding-left:5px;
}
#managePaymentAccountNode .gridxFooter, #makePaymentAccountNode .gridxFooter, #fullpaymentActivityNode .gridxFooter {
	border: none;
}
.metlife.phoenix .gridx .gridxHeader .gridxHeaderCellFocus {
	border: none !important;
}
.metlife.phoenix .gridx .gridxBody .gridxCellFocus {
	border: none !important;
	border-bottom: solid 1px #b0d5e9 !important;	
}
.PaymentSection .Payment.PaymentActivity h2 {
	margin:28px 0 2px;
	padding:0px;
	font-size:15px;
}
.metlife.phoenix #fullpaymentActivityNode.gridx .gridxHeader .gridxHeaderCellFocus {
	border-left: none !important;
    border-right: none !important;
}
.metlife.phoenix.claro .gridxPagerStepperBtnActive, .metlife.phoenix.claro .gridxPagerSizeSwitchBtnActive {
	color:  #595959;
}
/* GridX Sorting styels
******************************************/
.metlife.phoenix .gridxArrowButtonNode {
	display: block;
	background: none;
	float: left;
	margin: 2px 0 0;
	padding: 0 0 0 7px;
	height: 12px;
    width: 5px;
}
.metlife.phoenix .gridxArrowButtonNode .gridxArrowButtonCharAsc, .metlife.phoenix .gridxArrowButtonNode .gridxArrowButtonCharDesc {
	display: block;
	height: 7px;
	width: 7px;
}
.metlife.phoenix .gridxArrowButtonNode .gridxArrowButtonCharAsc {
	background: url("../../img/payment/payment-activity-arrow-up.png") no-repeat;
	cursor:pointer;
}
.metlife.phoenix .gridxArrowButtonNode .gridxArrowButtonCharDesc {
	background: url("../../img/payment/payment-activity-arrow-down.png") no-repeat;
	cursor:pointer;
}
.metlife.phoenix .gridxCellSorted .gridxArrowButtonNode .gridxArrowButtonCharAsc, .metlife.phoenix .gridxCellSorted .gridxArrowButtonNode .gridxArrowButtonCharDesc {
	visibility: hidden;
}
.metlife.phoenix .gridxSortNode {
	float: left;
	cursor: pointer;	
}
.metlife.phoenix .gridxCellSorted .gridxSortNode { 
	text-decoration: underline;
	cursor: pointer;
}
.metlife.phoenix .gridxArrowButtonCharAsc, .metlife.phoenix .gridxArrowButtonCharDesc {
	display:block;
}
.metlife.phoenix .gridxHeaderCellOver.gridxCellSortedAsc .gridxArrowButtonNode,
.metlife.phoenix .gridxHeaderCellFocus.gridxCellSortedAsc .gridxArrowButtonNode {
	background: none;
}
.metlife.phoenix .gridxHeaderCellOver.gridxCellSortedDesc .gridxArrowButtonNode,
.metlife.phoenix .gridxHeaderCellFocus.gridxCellSortedDesc .gridxArrowButtonNode {
	background: none;
}
.metlife.phoenix .gridxCellSortedDesc .gridxArrowButtonNode .gridxArrowButtonCharAsc{
	display: block;
	visibility: visible;
}
.metlife.phoenix .gridxCellSortedAsc .gridxArrowButtonNode .gridxArrowButtonCharDesc{
	display: block;
	visibility: visible;
}

/* Mini Payment Activity Specific Overide
*******************************************/
.metlife.phoenix .PaymentRight .gridx {
	background: none !important;
	border: none !important;
	margin-top: -4px;
	height: 84px;
	width: 296px;
}

.metlife.phoenix .PaymentRight .gridxHeader, .metlife.phoenix .PaymentRight .gridxFooter,
.metlife.phoenix .PaymentRight .gridxGroupHeader, .metlife.phoenix .PaymentRight .gridxCell, 
.metlife.phoenix .PaymentRight .gridxHeaderRow .gridxCell {
	background: none !important;
	border: none !important;
	color: #595959;
	padding: 0 0px 0 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}
.metlife.phoenix .PaymentRight .gridxCell {
	height: 22px;
}
.metlife.phoenix .PaymentRight .gridxRow, .metlife.phoenix .PaymentRight .gridxRow.gridxRowOdd {
	background: #fff;
}
.metlife.phoenix .gridxPagerStepperBtn, .metlife.phoenix .gridxPagerSizeSwitchBtn {
	display: inline;
}
.metlife.phoenix .PaymentRight .gridx .gridxBody .gridxCellFocus {
	border: none !important;
}
.metlife.phoenix .PaymentRight .gridxBodyRowHoverEffect .gridxRow.gridxRowOver .gridxCell{
	background: #fff !important;
}  
/* Action Flyout
********************************************************/
.actionFlyoutHolder {
	position:relative;
}
.actionFlyout {
	width:258px;
	position: absolute;
	top: -42px;
    left: 50px;
	padding: 11px 12px 12px;
	color: #595959;
	font-size: 11px;
	font-weight: normal;
    line-height: 16px;
    text-align: left;
    background: #fff;
	border-radius: 2px 2px 2px 2px;
	border: 1px solid #cccccc;
    box-shadow: 0 2px 6px 0 rgba(128, 128, 128, 1);
    z-index: 1;
    behavior: url('/edge/ui/public/res/polyfill/PIE.htc');
}
.delActionFlyoutHolder {
	width:232px;
	position: absolute;
	top: -29px;
    left: 50px;
	color: #595959;
	font-size: 11px;
	font-weight: normal;
    line-height: 16px;
    text-align: left;
    border: 1px solid #cccccc;
    border-radius: 2px 2px 2px 2px;
    z-index: 1;
        
}
.flyoutArrowHead {
	background-image: url("../../img/bdr-arrow-l.png");
    height: 34px;
    left: -14px;
    position: absolute;
    top: 43px;
    width: 14px;
}
.delActionFlyout {
	padding: 8px 11px 10px;
	background: #fff;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 0 2px 6px 0 rgba(128, 128, 128, 1);
   	behavior: url('/edge/ui/public/res/polyfill/PIE.htc');
}
.gridxCellWidget .delActionFlyout .flyoutArrowHead {
	top: 29px;
}
.flyoutSection {
	margin:0px;
	padding:0px;
}
.actionFlyout .flyoutSection h2.flyoutHead, .delActionFlyoutHolder .flyoutSection h2.flyoutHead{
	margin:0px;
	padding:0px;
	font-size:15px;
}
.flyoutContent {
	margin:0px;
	padding:8px 0 0 0;
	overflow:hidden;
}
.gridxCellWidget .flyoutContent {
	padding: 0px 0 0 0;
}
.flyoutContent p {
	margin: 0 0 8px 0;
	padding:0px;
	font-size: 13px;
}
.flyoutContent p span{
	font-family: "FrutigerBold";
	font-size:13px;
	font-weight: normal;
}
.flyoutContent .keep{
	float:left;
}
.flyoutContent .del{
	float:left;
	margin: 0 0 0 14px;
}
/*
.paymentReviewFlyout .actionFlyout{
	width:236px;
}*/
.paymentReviewFlyout .flyoutContent .del {
	margin: 0 0 0 16px;
}
/***********Validation Fixes***********/
.popupWidget.paymentOptionPopupWidget {
	background: #ededed !important;
	/*padding-bottom: 0 !important;*/
}
.metlife.phoenix.lightboxed.paymentOptionPopupWidget .btmGrad_contentContainer {
    margin: -14px -25px -38px;
}
.PaymentSection .phoenixSectionWide.Payment {
	height:0px;
}
.paymentOptionBank {
	overflow:hidden;
}
.paymentOptionCredit {
	overflow:hidden;
}
.paymentOptionBank img, .paymentOptionCredit img {
	float: left;
	padding: 20px 20px 0;
}
.paymentOptionBank p, .paymentOptionCredit p {
	margin:0px;
	padding:0px;
}
.paymentOptionBank p.optHead, .paymentOptionCredit p.optHead {
	padding:20px 25px 17px 0;
	font-family: "FrutigerBold";
	font-size:18px;
	font-weight: normal;
}
.paymentOptionBank p.optContent, .paymentOptionCredit p.optContent {
	padding:0px 25px 0px 0;
	font-family: "Frutiger";
	font-size:15px;
	font-weight: normal;
}
.paymentOptionBank p.optCTA, .paymentOptionCredit p.optCTA {
	padding:20px 25px 23px 0;
}
.paymentAmt {
	padding:0px;
	margin:18px 0 0 0;
	font-family: "FrutigerBold";
	font-size:18px;
	font-weight: normal;
}
.paymentAmtLine {
	padding:0px;
	margin:0px 0 8px 0;
	font-family:"FrutigerBold";
	font-size:13px;
	font-weight: normal;
	text-align: right;
}
.finished .paymentAmtLine {
	margin:0px 0 24px 0;
}
.paymentActionBlock .actionFlyoutHolder, .paymentCTAGoback {
	float:left;
}
.paymentCTAGoback {
	margin: 0 0 0 -1px;
}
.paymentActionBlock .actionFlyoutHolder {
	margin: 0 0 0 22px;
}
.metlife.phoenix .nxtSecCnl {
	margin-left:0px !important;
}
.metlife.phoenix .nxtSecCnl .dijitButton {
	padding: 0;
	margin: -1px 0 -1px -10px;
	height: auto;
}
.metlife.phoenix .nxtSecCnl .dijitButtonNode {
	padding: 0;
	height: auto;
}
.metlife.phoenix .nxtSecCnl .dijitButtonText {
	padding: 0;
}
.PaymentSection .Payment .rightSide div.p {
	margin:0px;
	padding:5px 0 0 0;
}
.metlife.phoenix .dijitButton.c2.paymentCTAGoback {
	background-image: url('../../img/sprite-button2.png');
}
.metlife.phoenix .dijitButton.c2.paymentCTAGoback .dijitButtonNode{
	background-image: url('../../img/sprite-button2-c.png');
}
.metlife.phoenix .dijitButton.c2.paymentCTAGoback .dijitButtonText {
	text-shadow: #688288 0px -1px 0px;
}

.popupHeader {
    color: #595959;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 24px;
    margin-top: -3px !important;
}
.iframeDiv IFRAME{
	overflow: hidden !important;
}
.phoenixDialog.dijitDialog.paymentDialog {
	top: 120px !important;
}
.phoenixDialog.dijitDialog.paymentDialog .dijitDialogHolder {
	padding: 0px !important;
	width: 667px !important;
	background: #EDEDED !important;
	overflow: hidden;
}
/********************************************************
		      Payment option PopupWidget - ends
*********************************************************/

/* Global Notification /Alert
*********************************************************/
.notificationBar * {
	margin: 0px;
	padding: 0px;
}
.notificationBar,#paymentMessages {
	margin:0px;
	padding:0px;
	position:fixed;
	top:130px;
	left:0px;
	right:0px;
	/*height:32px;*/
	height: auto !important;
	min-height: 32px;
	overflow:hidden;
	border-top :solid 1px #90661C;
	font-family: "Frutiger";
	font-size:13px;
	font-weight: normal;
	line-height: 16px;
	color: #ffffff;
	background: -moz-linear-gradient(top, #e69819 20%, #C58215 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#e69819), color-stop(100%,#C58215)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e69819 20%,#C58215 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e69819 20%,#C58215 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e69819 20%,#C58215 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e69819 20%,#C58215 100%); /* W3C */
	z-index: 924;
	box-shadow: 0 2px 6px 0 rgba(3, 3, 3, 0.4); 
}
.dj_ie8 .notificationBar, .dj_ie8 #paymentMessages,  .dj_ie9 .notificationBar, .dj_ie9 #paymentMessages{
	background: url('/edge/ui/public/res/img/payment/notification_bg_ie.jpg') 0 -5px repeat-x;
}
.notificationMiddlebar {
	border-top :solid 1px #B37613;
}
.notificationBottombar {
	border-top :solid 1px #D58D17;
}
.notificationContainer {
	margin:0 auto;
	width:1020px;
	position:relative;
	overflow: hidden;
}
.notificationHolder {
	float: left;
	width: 888px;
	padding: 0 0 0 33px;
}
.notificationHolder .notification {
	display:block;
	position:relative;
	overflow:hidden;
	padding: 0px;
}
.notificationHolder .notification p {
	padding: 6px 0 7px 0px;
	float: left;
	color: #ffffff;
	line-height:18px;
	width: 800px;
}
.notificationHolder .notification p a, .notificationHolder .notification p a:visited, .notificationHolder .notification p a:hover {
	color: #FFFFFF;
    text-decoration: underline;
}
.notificationHolder .notificationClose {
	margin: 3px 0 0;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
}
.dj_gecko .notificationHolder .notificationClose {
	top: -6px;
}
.dj_ie8 .notificationBar .notificationHolder .notificationClose {
	margin: 0px 0 0;
}
.notificationHolder .notificationClose .notificationCloseHold {
	display: table;
    height: 100%;
}
.notificationHolder .notificationClose .notificationCloseHoldInner {
	display: table-cell;
	vertical-align: middle;
}
.ntfClosebtn {
	width: 12px;
	height: 12px;
	cursor: pointer;
	background: url('/edge/ui/public/res/img/glblAlertCancel.png') 0 0 no-repeat;
	border: none;
}

.notificationArrowHolder {
	padding: 0 0 0 16px;
	width: 70px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: url('/edge/ui/public/res/img/glblAlert_pagDiv.png') left 0 repeat-y;
}
.notificationArrowHoldInner {
	display: table;
    height: 100%;
}
.notificationArrowHold {
	display: table-cell;
	vertical-align: middle;
}
.notificationArrowHold div {
	float:left;
}
.notificationArrowHolder .left {
	padding: 0 0 0 16px;
	background: url('/edge/ui/public/res/img/arrowWhiteLeft.png') left 3px no-repeat;
	cursor:pointer;
}
.notificationArrowHolder .right {
	padding: 0 16px 0 0;
	background: url('/edge/ui/public/res/img/arrowWhiteRight.png') right 3px no-repeat;
	cursor:pointer;
}
.notificationArrowHolder .arrowTxt {
	padding:0 5px;
}
.notificationBar.singleAlert .notificationArrowHolder {
	display: none;
}
.notificationBar.singleAlert .notificationHolder .notification {
	position: static;
}
.footer .spacer {
    padding: 0 5px 0 6px !important;
}
.paymentOptionBank p.optCTA a,.paymentOptionCredit p.optCTA a{
	margin-right:16px;
}
.paymentActivityNext {
    margin: 0 0 -2px;
    padding: 1px 0 0;
}
.adjforPrint {
	padding: 11px 0 0;
	margin: 0 0 -5px;
}
.activityNext {
	margin-top: -8px;
}
.adjforPrint strong, .paymentActivityNext strong, .activityNext strong, .activityNext h2 {
	line-height:22px !important;
}
.adjforPrint a, .adjforPrint a:link, .paymentActivityNext a, .paymentActivityNext a:link, .activityNext a, .activityNext a:link {
	line-height: 22px !important;
}
/*******Tooltip Overides*******
*******************************/
.metlife.phoenix.makePayment.PHPpages .dijitTooltipContainer {
      width: 222px;
      font-family: "FrutigerBold";
}
.metlife.phoenix.makePayment.PHPpages .dijitTooltipContainer ul {
    margin: 0;
    padding: 5px 0 0 16px;
    font-family: "Frutiger";
}
.metlife.phoenix.makePayment.PHPpages .dijitTooltipContainer ul li p{
	margin: 0 0 0 -2px;
	padding: 0px
}
/****************************/
.leftZeroLink { 
    margin-left: 0 !important; 
}
.leftZeroLink .dijitButtonNode, .leftZeroLink .dijitButtonText { 
   	padding-left: 0 !important;
   	padding-right: 7px !important;
} 

/********* VARI *************/


/********* VARI Billling Start *************/
.layoutBox .rail .rightContentRail .variReview
{
margin-bottom:14px ! important;
}
.billingOption{
margin:15px 0px 0px 0px! important;
line-height:16px;
width:350px;
}
.billingOption .billingoptionLeft{


float:left;
}
.billingOption .billingoptionRight{
float:left;
margin-left:2px;
}
.billingOption .billingRightAmount{
float:left;
font-family: "Frutiger";
font-size:13px;
margin-left:2px;
}

.billingPayment .amountDuecontent{
padding-top:2px;
}

.billingPayment .noPremiumcontent{
margin-top:10px !important;
}

.billingPayment .upComingcontent{
margin-top:10px !important;
}
/********* VARI Billing End *************/


/********* VARI MakePayment SCENARIO 1: PAYMENT PAST DUE *************/


.amountDueRadio{
margin-top:-7px ! important;

}

.otherAmountRadio{
margin:8px 0px 8px 0px! important;

}

.PaymentSection .Payment.amountDueRadio .helpIcon{
	margin: 0 0 -3px 5px !important;
}

.otherAmountContent{
	margin-top:12px! important;
	margin-left:21px;
	line-height:16px;
}

.otherAmountContent .premium{
font-family: "FrutigerBold";
font-size:13px;
}

.otherAmountContent .premiumContent{
 margin-top:5px ! important;
}

.otherAmountContent .premiumContent .leftpremiumContent{
 float:left;
 margin-top:8px ! important;
 width:70px;
}
 
.otherAmountContent .premiumContent .rightpremiumContent{
 float:left;
}


.otherAmountContent .maxAmountcontent {
margin-left: 12px;
margin-top: 2px;
}
 
 
.otherAmountContent  .premiumTextBox{
  width:120px;
  margin-left:2px ! important;
 }
  
/*  .otherAmountContent .loanContent {
 margin:4px 0px 0px 0px! important;
 }
  
.otherAmountContent .loanContent .leftloanContent{
 float:left;
 margin-top:9px ! important;
 width:70px;
}

 .otherAmountContent .premiumContent .rightloanContent{
 float:left;
 } */
 
.otherAmountContent .clearBoth{
	clear:both;
	
}
.otherAmountContent .totalContent .lefttotalContent{
 float:left;
 width:70px;
 }
 
 .otherAmountContent .totalContent .righttotalContent{
 float:left;
 }
  
   
.otherAmountContent .totalContent {
 margin:4px 0px 0px 0px! important;
 } 
  
.paymentVali{
	color: #333333; 
	margin: 15px 0;
}
.paymentVali span{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: url("../../img/payment/!-img.png") no-repeat scroll 13px 50% #FFECB4;
	border: 1px solid #E8BF60;
	border-radius: 3px;
	display: inline-block;
	font-size: 13px;	
	padding: 10px 10px 10px 28px;
	width: 100%;
} 
  
.otherAmountContent .premiumContent .rightpremiumContent .valiFieldError {
	background: url("../../img/payment/error-close.png") no-repeat scroll 0 5px transparent;
	left: 298px;
	line-height: 14px;
	width: 15em;
	top: 6px !important;
}
.errorMessage {
	color: #DA3941;
}


/********* Tooltip *************/
.makePaymentVari .dijitTooltipConnector{
	background-position:-18px 0 ! important;
	font-family: "Frutiger" ! important;
}

.makePaymentVari .dijitTooltipContainer{
font-family: "Frutiger" ! important;
}


/*********SCENARIO 2: PAYMENT DUE - ACCOUNT CURRENT / NO LOAN*************/

.noloanotherAmountContent{
	margin-top:12px! important;
	margin-left:21px;
	line-height:16px;

}
.noloanotherAmountContent .premium{
font-family: "FrutigerBold";
font-size:13px;
}
.noloanotherAmountContent  .premiumTextBox{
  width:120px;
  margin-left:2px ! important;
 }
.noloanotherAmountContent .premiumContent .leftpremiumContent{
 float:left;
 margin-top:9px ! important;
 width:70px;
}
.noloanotherAmountContent .premiumContent .rightpremiumContent{
float:left;

}
.noloanotherAmountContent .maxAmountcontent {
margin-left: 12px;
margin-top: -2px;
}
.noloanotherAmountContent .clearBoth{
	clear:both;
	
}
.noloanotherAmountContent .totalContent {
margin-top:2px;

}
.noloanotherAmountContent .totalContent .lefttotalContent{
 float:left;
 width:70px;
 }
 
 .noloanotherAmountContent .totalContent .righttotalContent{
 float:left;
 }


/*********SCENARIO 3: No payments due*************/
.paymentCommonAlert{
margin-top:0px ! important;
margin-bottom:10px ;
}

.noPremiumDue p{
margin-top:0px !important;
}


.noPremiumDueContent{
	margin:8px 0px 0px 0px! important;
	line-height:16px;
}

.noPremiumDueContent .premium{
font-family: "FrutigerBold";
font-size:13px;
}

.noPremiumDueContent .premiumContent .leftpremiumContent{
 float:left;
 margin-top:9px ! important;
 width:70px;
}
 
.noPremiumDueContent .premiumContent .rightpremiumContent{
 float:left;
}
.noPremiumDueContent .maxAmountcontent {
margin-left: 12px;
margin-top: -2px;
}
 
 
.noPremiumDueContent  .premiumTextBox{
  width:120px;
  margin-left:2px ! important;
 }
  
 .noPremiumDueContent .loanContent {
 margin:4px 0px 0px 0px! important;
 }
  
.noPremiumDueContent .loanContent .leftloanContent{
 float:left;
 margin-top:9px ! important;
 width:70px;
}

 .noPremiumDueContent .loanContent .rightloanContent{
 float:left;
 }
 
.noPremiumDueContent .clearBoth{
	clear:both;
	
}
.noPremiumDueContent .totalContent .lefttotalContent{
 float:left;
 width:70px;
 }
 
 .noPremiumDueContent .totalContent .righttotalContent{
 float:left;
 }
  
   
.noPremiumDueContent .totalContent {
 margin:4px 0px 0px 0px! important;
 } 


.noPremiumDueContent .premiumContent .rightpremiumContent .valiFieldError {
	background: url("../../img/payment/error-close.png") no-repeat scroll 0 5px transparent;
	left: 298px;
	line-height: 14px;
	width: 15em;
	top: 6px !important;
}


/*********SCENARIO 4: FRACTIONAL DUE + UPCOMING PAYMENT*************/



.fractionalOtrAmtContent{
	margin-top:8px ! important;
	margin-left:21px ;
	line-height:16px;
}

.fractionalOtrAmtContent .premium{
font-family: "FrutigerBold";
font-size:13px;
}

.fractionalOtrAmtContent .premiumContent .leftpremiumContent{
 float:left;
 margin-top:13px ! important;
 width:70px;
}
 
.fractionalOtrAmtContent .premiumContent .rightpremiumContent{
 float:left;
 margin-top:4px;
}
.fractionalOtrAmtContent .maxAmountcontent {
margin-left: 12px;
margin-top: -2px;
}
 
 
.fractionalOtrAmtContent  .premiumTextBox{
  width:120px;
  margin-left:2px ! important;
 }
  
 .fractionalOtrAmtContent .loanContent {
 margin:4px 0px 0px 0px! important;
 }
  
.fractionalOtrAmtContent .loanContent .leftloanContent{
 float:left;
 margin-top:9px ! important;
 width:70px;
}

 .fractionalOtrAmtContent .loanContent .rightloanContent{
 float:left;
 }
 
.fractionalOtrAmtContent .clearBoth{
	clear:both;
	
}
.fractionalOtrAmtContent .totalContent .lefttotalContent{
 float:left;
 width:70px;
 }
 
 .fractionalOtrAmtContent .totalContent .righttotalContent{
 float:left;
 }
  
   
.fractionalOtrAmtContent .totalContent {
 margin:4px 0px 0px 0px! important;
 } 
  
.paymentVali{
	color: #333333; 
	margin: 15px 0;
}
.paymentVali span{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: url("../../img/payment/!-img.png") no-repeat scroll 13px 50% #FFECB4;
	border: 1px solid #E8BF60;
	border-radius: 3px;
	display: inline-block;
	font-size: 13px;	
	padding: 10px 10px 10px 28px;
	width: 100%;
} 
  
.fractionalOtrAmtContent .premiumContent .rightpremiumContent .valiFieldError {
	background: url("../../img/payment/error-close.png") no-repeat scroll 0 5px transparent;
	left: 298px;
	line-height: 14px;
	width: 15em;
	top: 6px !important;
}

/*********Error Message*************/

.metlife.phoenix .PaymentSection .regFieldError {
    background: url("../../img/payment/error-close.png") no-repeat scroll 0 0 transparent;
    color: #DA3941;
    font-size: 11px;
    height: 13px;
    left: 13em;
    padding-left: 20px;
    position: absolute;
    top: 0.9em;
    width: 300px;
}


.metlife.phoenix .noPaymnetsDueWL .regFieldError {
    background: url("../../img/payment/error-close.png") no-repeat scroll 0 center transparent;
    color: #DA3941;
    font-size: 11px;
    height: 27px;
    left: 13em;
    padding-left: 20px;
    position: absolute;
    top: 1px;
    width: 290px !important;
    display:table !important;
}

.metlife.phoenix .noPaymnetsDueWL .regFieldError span {
display: table-cell;
vertical-align: middle;
}

.metlife.phoenix .otherAmountContent .regFieldError {
    background: url("../../img/payment/error-close.png") no-repeat scroll 0 center transparent;
    color: #DA3941;
    font-size: 11px;
    height: 27px;
    left: 13em;
    padding-left: 20px;
    position: absolute;
    top: 1px;
    width: 290px !important;
    display:table !important;
}

.metlife.phoenix .otherAmountContent .regFieldError span {
display: table-cell;
vertical-align: middle;
}


.totalregFieldError {
    background: url("../../img/payment/error-close.png") no-repeat scroll 0 0 transparent;
    color: #DA3941;
    font-size: 11px;
    height: 13px;
    font-family: "Frutiger", Arial, Helvetica, Sans-Serif !important;
    padding-left: 20px;
    float:right;
    margin-left:8px;
    font-weight:normal;
}
.errorMessage {
	color: #DA3941;
}


.regFormValidation {
	color: #333333;
	margin: 26px 0;
	margin-top:-4px ;
}

.regFormValidation span {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: url("../../img/payment/!-img.png") no-repeat scroll 13px 50% #FFECB4;
	border: 1px solid #E8BF60;
	border-radius: 3px;
	display: inline-block;
	font-size: 13px;	
	padding: 10px 10px 10px 28px;
	width: 100%;
}

.amtDueTotal{
float:left;
display;block;
}

/*********Payment Review *************/

.variReviewContent .premium{
font-family: "FrutigerBold";
font-size:13px;
}


.reviewAmountContent .premiumContent .leftpremiumContent{
 float:left;
 margin-top:7px ! important;
 width:170px;
}
 
.reviewAmountContent .premiumContent .rightpremiumContent{
 float:left;
  margin-top:7px ! important;
}

 reviewAmountContent .loanContent {
 margin:7px 0px 0px 0px! important;
 
 }
  
.reviewAmountContent .loanContent .leftloanContent{
 float:left;
 margin-top:7px  ! important;
 width:170px;
}

 .reviewAmountContent .loanContent .rightloanContent{
 float:left;
  margin-top:7px  ! important;
 }
 
.reviewAmountContent .clearBoth{
	clear:both;
	
}
.reviewAmountContent .totalContent .lefttotalContent{
  float:left;
  width:170px;
  margin-top:4px  ! important;
 }
 
.reviewAmountContent .totalContent .righttotalContent{
 float:left;
  margin-top:4px  ! important;
 }
  
   
.reviewAmountContent .totalContent {
 margin:4px  0px 0px 0px! important;
 }

.reviewAmountContent .totalContent .paymentAmt {
 margin:0px 0px 0px 0px! important;
 }

.paymnetFieldsValidation {
	color: #DA3941;
	padding-top: 10px;
	font-size:11px;
}

/**************Payment Whole Life  **************/
.noPaymnetsDueWL{
margin-top:11px !important;
margin-left:23px;
}

.noPaymnetsDueWL .premium{
font-family: "FrutigerBold";
font-size:13px;
}

.noPaymnetsDueWL .premiumContent{
 margin-top:4px ! important;
}

.noPaymnetsDueWL .premiumContent .leftpremiumContent{
 float:left;
 margin-top:8px ! important;
 width:175px;
}
 
.noPaymnetsDueWL .premiumContent .rightpremiumContent{
 float:left;
}


.noPaymnetsDueWL .maxAmountcontent {
margin-left: 10px;
margin-top: -2px;
padding-top:1px;
}
 
.noPaymnetsDueWL  .premiumTextBox{
  width:120px;
  margin-left:2px ! important;
 }

.noPaymnetsDueWL .clearBoth{
	clear:both;
	
}
.noPaymnetsDueWL .totalContent .lefttotalContent{
 float:left;
 width:175px;
 }
 
 .noPaymnetsDueWL .totalContent .righttotalContent{
 float:left;
 }
  
.noPaymnetsDueWL .totalContent {
 margin:4px 0px 0px 0px! important;
 } 
 
 .wlPaymentFractional .otherAmountContent .totalContent .lefttotalContent{
 float:left;
 width:146px ! important;
 }
 .wlPaymentFractional .otherAmountContent .totalContent .leftcontent{
 margin-top:9px;
 }

.WlLapsepenContent{
margin-left:22px !important;
}

.dj_ie .dijitCheckBoxInput {opacity: 0 !important ;}

.PaymentSection a {
cursor:pointer;
font-family: "Frutiger", Arial, Helvetica, Sans-Serif !important;
font-size:13px;
}

.PaymentSection label{
outline:0 !important;
}

.PaymentSection .wltotalAmt{
padding-bottom:32px;
}

.pastAmountDue{
padding-bottom:15px;
}

.PaymentSection .dijitRadioChecked  {
	outline:1px dotted  !important; 
}

/* Code changes for June Release- Tracker 542: Background color change for title bars : Start */
.notificationMiddlebar_globalalerts {
	border-top :solid 1px #B37613;
	background-color: #771077;
}
/* Code changes for June Release- Tracker 542: Background color change for title bars : End */

/* Code changes for August Release- Tracker 565: text-color for global alert : start */
div#globalalert_text .notification p {
color: white;
font-size : 12px;
}
div#globalalert_text .notification  {
color: white;
font-size : 12px;
}
/* Code changes for August Release- Tracker 565: text-color for global alert : End */