﻿
.application-form-left, .application-form-right { width: 390px; float: left; padding-right: 40px; margin-bottom: 20px; }

.application-form .field { margin: 10px 0px; }

.application-form .label { width: 150px; margin-right: 10px; line-height: 15px; vertical-align: middle; }

.application-form .input-text { width: 170px; }

.application-form .input-select { min-width: 90px; max-width: 180px; }

.ie .application-form .input-select { width: 180px; }

.application-form .input-text, .application-form .input-select { vertical-align: middle; }

.application-form .button { padding: 5px 12px; font-family: "FS Albert Web Bold",sans-serif; font-weight: bold; font-size-adjust: 0.49; line-height: 16px; }

.application-form-footer { clear: both; padding-right: 50px; overflow: hidden; }

.application-form-footer .field-button.back { float: left; }

.application-form-footer .field-submit { float: right; }

.loanhistory-table th:first-child, .loanhistory-table td:first-child { padding-left: 0px; }

.loanhistory-table-pastloans th:first-child, .loanhistory-table-pastloans td:first-child { border-left: medium none; }

.page .entry .col-1of2:first-child { margin-left: 0px; }

.form .label, .form .inputwrap, .form .input-text, .form .input-select, .form .tooltip { display: inline-block; }

.form .inputwrap { white-space: nowrap; }

.form .input-text, .form .input-select { height: 14px; line-height: 14px; padding: 4px; border: 1px solid rgb(221, 221, 221); border-radius: 2px; background: none repeat scroll 0% 0% rgb(249, 249, 249); box-shadow: 0px 1px 1px rgb(238, 238, 238) inset; }

.form .input-text:focus, .form .input-textarea:focus { outline: 0px none; border-color: rgb(82, 168, 236); box-shadow: 0px 1px 1px rgb(221, 221, 221) inset, 0px 0px 6px rgb(82, 168, 236); background: none repeat scroll 0% 0% rgb(255, 255, 255); }

.form .field.error .input-text:focus, .form .field.error .input-textarea:focus { box-shadow: 0px 1px 1px rgb(221, 221, 221) inset, 0px 0px 6px rgb(238, 102, 102); }

.form .input-select { height: 25px; }

.form .input-fakecheckbox:active { background-color: rgb(240, 240, 240); }

.form .tooltip { position: relative; margin-left: 4px; padding: 2px; vertical-align: top; }

.form .tooltip-toggle { width: 21px; height: 21px; background: none repeat scroll 0% 0% rgb(238, 238, 238); text-align: center; line-height: 21px; border-radius: 50% 50% 50% 50%; cursor: help; }

.form .tooltip-popup { display: none; width: 160px; position: absolute; top: 0px; left: 30px; padding: 4px 6px; border: 1px solid rgb(249, 184, 65); border-radius: 6px 6px 6px 6px; background: none repeat scroll 0% 0% rgb(255, 255, 255); font-size: 12px; z-index: 10; box-shadow: 0px 0px 3px rgb(204, 204, 204); }

.form .button { color: rgb(255, 255, 255); border: 1px solid rgb(85, 85, 85); border-radius: 6px 6px 6px 6px; background: -moz-linear-gradient(center top , rgb(102, 102, 102) 0%, rgb(0, 0, 0) 100%) repeat scroll 0% 0% rgb(51, 51, 51); text-align: center; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset; }

.form .button:active { box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4) inset; background: none repeat scroll 0% 0% rgb(51, 51, 51); }

.form .button.yellowarrows-left:active { background-image: url("urn:not-loaded:https://paytoday.co.nz/images/icon-yellowarrows-left.png"); }

.form .button.yellowarrows-right { background-image: url("Application1_files/icon-yellowarrows-right.png"), -moz-linear-gradient(center top , rgb(102, 102, 102) 0%, rgb(0, 0, 0) 100%); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 28px; }

.form .button.yellowarrows-right:active { background-image: url("Application1_files/icon-yellowarrows-right.png"); }

.form .button-yellow:active { background: none repeat scroll 0% 0% rgb(236, 167, 44); border-color: rgb(236, 167, 44); box-shadow: none; }

.application-form .dateselector .input-select, .ie .application-form .dateselector .input-select { width: auto; }

/*
.accordion .title a:active, .accordion .title a:focus, .accordion .title a:hover { text-decoration: underline; }

.dateselector .input-select { min-width: 0px; }

select.dateselector-years { width: 66px; }

.dateselector-months { width: 56px!important; margin-right: 4px; }

#dateselector-days { width: 50px!important; margin-right: 4px; }





.clearfix:after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; }

*/

.application-form-footer { margin-top: 20px; padding-right: 0px; }

.application-form .application-form-footer { padding-right: 50px; }





.application-form-steps { margin-bottom: 20px; }

.application-form-steps ol { overflow: hidden; }

.application-form-steps li { display: block; width: 250px; float: left; overflow: hidden; }

.application-form-steps li.current { color: #FFC900 }

.application-form-steps li .number, .application-form-steps li .text { display: inline-block; vertical-align: middle; }

.application-form-steps li .number { font-size: 66px; margin-right: 5px; }

.application-form-steps li .text { width: 100px; font-size: 18px; line-height: 1.1; }

.application-form-steps a { text-decoration: none; }

.application-form { padding: 0px 0px 30px 20px;  }

.application-form-left, .application-form-right { width: 380px; float: left; padding-right: 4px; margin-bottom: 20px 0 0 10px; }
.application-form-right{ float: right; padding-right: 20px; }

.application-form .field { margin: 10px 0px; }

.application-form .label { width: 190px; margin: 0 4px 0 10px; line-height: 15px; vertical-align: middle; }

.application-form .field-textarea .label { padding: 5px 0px; vertical-align: top; }

.application-form .field-checkbox .label { width: 295px; font-size: 13px; }

.application-form .input-text { width: 150px; }
.application-form .input-textarea { width: 152px; 	}
.application-form .input-select { height:28px; width: 160px; }

.ie .application-form .input-select { width: 140px; }

.application-form .input-date { width: 147px; }

.application-form .input-text, .application-form .input-select, .application-form .input-fakecheckbox { vertical-align: middle; }

.application-form .input-textarea {font-family: 'Chivo', sans-serif; font-size:13.3333px;}

.application-form .button { padding: 5px 12px; font-family: "FS Albert Web Bold",sans-serif; font-weight: bold; font-size-adjust: 0.49; line-height: 16px; }

.application-form .field-banknumber .input { margin-right: 1px; }

.application-form .field-banknumber .first { width: 18px; }

.application-form .field-banknumber .second { width: 34px; }

.application-form .field-banknumber .third { width: 58px; }

.application-form .field-banknumber .fourth { width: 18px; margin-right: 0px; }

.application-form .input-fakecheckbox { margin-right: 10px; }

.application-form .input-fakeupload-text { width: 100px; }

.application-form .input-fakeupload-button { width: 65px; padding: 3px 0px; line-height: 16px; }

.application-form-footer { clear: both; padding-right: 50px; overflow: hidden; }

.application-form-footer .field-button.back { float: left; }

.application-form-footer .field-submit { float: right; }

.application-table { width: 250px; margin: 10px 0px 20px; text-align: left; }

.application-table td { padding: 3px 0px; vertical-align: top; }

.application-table .row-directdebit td { padding-bottom: 6px; }

.application-table .row-total td { border-style: solid; border-color: rgb(255, 200, 70); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 2px 0px; padding: 6px 0px; }

.application-yellowbox { width: 180px; margin: 10px 0px; padding: 5px 35px; background: none repeat scroll 0% 0% rgb(249, 184, 65); border-radius: 6px 6px 6px 6px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); color: rgb(51, 51, 51); text-align: center; }

.application-secure .application-form { padding-right: 50px; }



/****Details***/
 
.titleBar {	
	width: 800px;
	margin-top: 0px;
	color:#000;
	float: left;
	background: #ffc900;
	cursor: pointer;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	}

 
.applicationContent {	
	width: 800px;
	float: left;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	background: #fff;
	margin-bottom:20px;
	 padding-top:8px;
	}
	
#labelBankAcct
{
    width:170px;
}	

.btnCalculate
{
    float:right;
    margin-bottom: 4px;
     
}


