/********************************************************************
'/\/\/\/\/\/\/\/\/\/\/\/\/\/\*  Program MAINTENANCE Log
'Copyright (c) 2016, by ULTRADATA AUSTRALIA PTY LTD
'Rel    byWhom      When            ReviewedBy  When
'-----  ------      ----            ----------  ----
'4.5    vtran       27Jul17
'       Update Osko lockup
'4.5    KBTan       30Jan17
'       [PD3139.34 # 5057412]
'       Change dropdown image right position from 3px to 9px 
'4.4    WKcheah     09Dec16
'       [PD3139.34] Bug fixing alignment issues.       
'4.4    YFWong      06Nov16
'       [PD3139.34 # 5058236] Bug fixed.
'4.4    WKcheah     06Dec16
'       [PD3139.34] 5058165
'       Modified to reduce the width of class tokenOption.
'4.4    YFWong      06Nov16
'       [PD3139.34 # 5058236]
'       Revised CSS Style as design requirement.
'4.4    YFWong      30Nov16
'       [PD3139.34 # 5057614]
'       Added CSS Style for OTP control.
'4.4    YFWong      25Nov16
'       [PD3139.34 # 5057412]
'       Revised CSS Style as per design change requirement.
'       Added style to control transfer type - BPAY X2P logo.
'4.4	BenW	    25Jul16
'       [PD3139.34 # 5052327] Added vertical-align property for 'trfamount' class.
'4.4	vtran	14Jul16
'		Fix txtAmount sizing
'4.4	vtran	11Jul16
'		Various UI tweak in response to design's comment
'4.4    YFWong  23Jun16
'       [PD3139 Dev # 31]
'       Fixed nppTransferPage input type 'text' and 'textarea' to removed the line-height style.
'4.4    GKrish  31MAY16
'       [PD3139.6]
'       Removed some 80% styles that were needlessly duplicated. Having a containing element with 80% will do.
'4.4    GKrish  18MAY16
'       [PD3139.6]
'       Changes to cater for Npp future payment project FS.
'4.4    GKrish  04MAY16
'       [PD3139]
'       Added otpContainer, otpSeparator overrides.
'4.4    GKrish  05APR16
'       [PD3139]
'       Change style names
'4.4    GKrish  21Mar16
'       [PD3139]
'       Tweaks for timing type buttons.
'4.4    GKrish  17Mar16
'       [PD3139]
'       Added styles for timing control fields.
'4.4    GKrish  03Mar16
'       [PD3139]
'       Created to support NPP Transfer page specific media queries and styles 
'********************************************************************/
/*SAMPLE OF SCOPED STYLE THAT WILL BE ONLY APPLIED TO NPP TRANSFER PAGE.

.nppTransferPage div.trflabel {
    display: block;
    width: 250px;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 3px;
}

.nppTransferPage div.trflabel span {
    color: #0066cc;
    font-size: 14px;
    font-style: normal;
}

*/

/*All inputs on this page are to be made larger than standard.*/
.nppTransferPage input[type='text'], input[type='textarea'] {
   border:1px solid #afafaf;
   font-size: 12px;
}

.nppTransferPage div.trfentry span.currencySymbol {
	width: 7px;
	display: inline-block;
}

.nppTransferPage div.trfentry .trfamount {
    width:100%;
	left: 0 !important;
	margin-left: -7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    vertical-align: middle !important;
}

.nppTransferPage .dim {
    color: #666666;
}

.nppTransferPage .rhighlight{
	font-weight: bold;
	font-size: 10pt;
	color: #1b75bb;
	font-family: Helvetica;
}

.nppTransferPage span.multSel img {
    width: 20px;
    height: 9px;
    right: 9px;
}

@media only screen and (max-width: 767px) {
	.nppTransferPage .transferDetailContent {
        width: 90%;
        padding-top: 3px;
    /* override default padding for trfentry */
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nppTransferPage .transferDetailContent {
        width: 90%;
        padding-top: 3px;
    /* override default padding for trfentry */
    }
}

@media only screen and (min-width: 992px) {
    .nppTransferPage .transferProviderSection {
        padding-top: 3px;
    /* override default padding for trfentry */
    }

    .nppTransferPage .transferDetailContent {
        width: 75.59%;
    }
}

.nppTransferPage SELECT {
    font-size: 10pt;
    color: #000;
    font-family: Helvetica;
    height: 18pt;
    line-height: 18pt;
    width: 100%;
}

.nppTransferPage OPTION {
    font-size: 10pt;
}

.nppTransferPage .transferProviderSection label.ui-button {
    width: 50%;
}
.nppTransferPage #timingControlContainer {
    width:100%;
    background-color: #fff;
    white-space: nowrap;
    border: 1px solid #afafaf;
    border-spacing: 0;
}
.nppTransferPage  #timingControlOptions{
    
}
.nppTransferPage #timingControlContainer #timingControlOptions.trflabel {
    width: 80%;
}

.nppTransferPage #timingControlOptions label.ui-button {
    width: 33.33%;
}
.nppTransferPage #RecurringContent {
    padding: 10px 0 5px;
}

.nppTransferPage #OnceContent {
    padding: 5px 0;
}

.nppTransferPage .recurrentOptionContentContainer {
    padding: 5px 0;
}

.nppTransferPage .ui-buttonset {
    margin: 0px 0px -1px 0px;	
}

.nppTransferPage #timingControlOptions.ui-buttonset label {
    border-radius: 0;
}

.nppTransferPage #timingControlContent label,.nppTransferPage #timingControlContent .label {
    font-size: 10pt;
}

.nppTransferPage .recurrentOptionContent {
    padding-left: 20px;
    padding-top: 5px;
}

.nppTransferPage .recurrentFrequency {
  padding-left:20px;
}

.nppTransferPage .recurrentFrequency SELECT {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
}

.nppTransferPage .recurrentFrequency span.multSel img {
    right: 0px;
}

.nppTransferPage .otpSeparator{
    display:none;
}

.nppTransferPage .otpContainer, .nppTransferPage .otpContainer td {
    padding-left: 0;
	padding-right: 0;
}

#accountIdentifiersContent .content table {
	border-collapse: collapse;
}

#accountIdentifiersContent .content table td {
	padding-left: 0;
	padding-right: 0;
}

.payeeTypeOption .ui-button-text {
	padding: 13px 6px;
}

.nppTransferPage .ui-buttonset label.ui-button-label {
    height: 28px;
}

.nppTransferPage .transferType.ui-buttonset label.ui-button-label {
    height: 34px;
}

.nppTransferPage .ui-buttonset label.ui-button-label > span.ui-button-text{
    height: 15px;
    padding-top: 6px;
}

.nppTransferPage .transferType.ui-buttonset label.ui-button-label > span.ui-button-text{
    height: 24px;
    padding: 0px;
    margin-top: 7px;
}

.nppTransferPage #accountIdentifiersSection.ui-buttonset label.ui-state-focus {
    background-color: #ffffff !important;
}

/*#region Transfer Type - BPAY X2P logo*/
/** Supported for IE11, Chrome v54*/
.nppTransferPage .ui-buttonset label.ui-button-label > span.ui-button-text img.imgX2p1{
   background-image: url(Osko-Blue-Lockup.png);
   background-repeat: no-repeat;
   width: 0px;
   height: 0px;
   padding-top: 20px;
   padding-right: 62px;
   vertical-align: top;
   position: relative;
   top: -2px;
}

.nppTransferPage .ui-buttonset label.ui-state-active > span.ui-button-text img.imgX2p1{
   background-image: url(Osko-White-Lockup.png);   
}

/** Supported for Mozilla Firefox v25*/
@-moz-document url-prefix() {
    .nppTransferPage .ui-buttonset label.ui-button-label > span.ui-button-text img.imgX2p1 {
        background-image: url(Osko-Blue-Lockup.png);
        background-repeat: no-repeat;
        width: 62px;
        height: 20px;
        vertical-align: top;
        position: relative;
        padding: 0;
        display: inline-block;
    }

    .nppTransferPage .ui-buttonset label.ui-state-active > span.ui-button-text img.imgX2p1 {
        background-image: url(Osko-White-Lockup.png);
    }
}
/*#endregion*/

/*#region OTP*/
.nppTransferPage .otpTypes .tokenOption {
   width: 150px;
}
/** Supported for IE11*/
.nppTransferPage .otpTypes .smsOnly label {
    vertical-align: middle;    
}

.nppTransferPage .otpTypes .allOtpAvailable input[type='radio']{
    vertical-align: bottom;
}

.nppTransferPage .otpTypes .allOtpAvailable label.OTPTYPETOKEN {
    position:relative;
    top: -2px;
}

.nppTransferPage .otpTypes .allOtpAvailable label.OTPTYPESMS {
    position:relative;
    top: 2px;
}

.nppTransferPage .otpContainer .txnPwdFxLabel, .signatoryContainer .txnPwdFxLabel, .signatoryOtpContainer .txnPwdFxLabel {
    width: 40%;
}

/** Supported for other Chrome & Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .nppTransferPage .otpTypes .smsOnly label {
        vertical-align: -webkit-baseline-middle;
    }

    .nppTransferPage .otpTypes .allOtpAvailable input[type='radio']{
        vertical-align: middle;
    }
    
    .nppTransferPage .otpTypes .allOtpAvailable label.OTPTYPETOKEN {
        position:relative;
        top: 2px;
    }

    .nppTransferPage .otpTypes .allOtpAvailable input[type='radio'].OTPTYPESMS{
        position: relative;
        top: 2px;
    }

    .nppTransferPage .otpTypes .allOtpAvailable label.OTPTYPESMS {
        position:relative;
        top: 4px;
    }
    .nppTransferPage .otpContainer .txnPwdFxLabel, .signatoryContainer .txnPwdFxLabel, .signatoryOtpContainer .txnPwdFxLabel {
        width: 40%;
    }
}

/** Supported for other Mozilla*/
@-moz-document url-prefix() {
    .nppTransferPage .otpTypes .smsOnly label {
        position: relative;
        top: 4px;
    }

    .nppTransferPage .otpTypes .allOtpAvailable input[type='radio'] {
        vertical-align: middle;
    }

        .nppTransferPage .otpTypes .allOtpAvailable input[type='radio'].OTPTYPETOKEN {
            position: relative;
            top: -1px;
        }

    .nppTransferPage .otpTypes .allOtpAvailable label.OTPTYPETOKEN {
        position: relative;
        top: 1px;
    }

    .nppTransferPage .otpTypes .allOtpAvailable input[type='radio'].OTPTYPESMS {
        position: relative;
        top: 1px;
    }

    .nppTransferPage .otpTypes .allOtpAvailable label.OTPTYPESMS {
        position: relative;
        top: 4px;
    }

    .nppTransferPage .otpContainer .txnPwdFxLabel, .signatoryContainer .txnPwdFxLabel, .signatoryOtpContainer .txnPwdFxLabel {
        width: 40%;
    }
}
/*#endregion*/