@charset "utf-8";

/*============================================================================
Registration Page Headers  
==============================================================================*/

.bmoOLB .registration h1#mainHeader {
    background: url("../../../../help-centre/en/images/registration/hdr_register_for_online_banking.gif") no-repeat scroll 0 0 transparent;
    width: 270px;
}

.bmoOLB .reg_confirmation h1#mainHeader {
    background: url("../../../../help-centre/en/images/registration/hdr_reg_successful.gif") no-repeat scroll 0 0 transparent;
    width: 221px;
}

.bmoOLB .reg_setupSignInSecurity h1#mainHeader,
.bmoOLB .reg_choose_image h1#mainHeader,
.bmoOLB .reg_chooseChallengeQuestion h1#mainHeader {
    background: url("../../../../help-centre/en/images/registration/hdr_setup_enhanced_signin_security.gif") no-repeat scroll 0 0 transparent;
    width: 323px;
}

.bmoOLB .reg_signInSecurityLanding h1#mainHeader {
    background: url("../../../../help-centre/en/images/registration/hdr_setup_enhanced_signin_security_now.gif") no-repeat scroll 0 0 transparent;
    width: 372px;
}

.bmoOLB .registrationError h1#mainHeader,
.bmoOLB .reg_signinWithTemporaryPassword h1#mainHeader,
.bmoOLB .reg_signintoggle h1#mainHeader,
.bmoOLB .reg_onlineBankingChallengeQuestion h1#mainHeader,
.bmoOLB .reg_resetPasswordError h1#mainHeader,
.bmoOLB .reg_onlineBankingEnhancedSigningSecurityPassword h1#mainHeader {
	background: url("../../../../help-centre/en/images/registration/hdr_signin_online_banking.gif") no-repeat scroll 0 0 transparent;
    width: 251px;
}

.bmoOLB .reg_resetPasswordAnswerChallengeQuestion h1#mainHeader,
.bmoOLB .reg_resetPasswordEnterEmailAddress h1#mainHeader,
.bmoOLB .reg_resetPassword h1#mainHeader,
.bmoOLB .reg_resetPasswordEnterCardNumber h1#mainHeader {
	background: url("../../../../help-centre/en/images/registration/hdr_reset_your_password.gif") no-repeat scroll 0 0 transparent;
    width: 251px;
}

.bmoOLB .reg_signout h1#mainHeader {
	background: url("../../../../help-centre/en/images/registration/hdr_reg_sign_out.gif") no-repeat scroll 0 0 transparent;
    width: 83px;
    height: 27px;
}

.bmoOLB .reg_securityConfirmation h1#mainHeader {
	background: url("../../../../help-centre/en/images/registration/hdr_reg_security_setup_successful.gif") no-repeat 0 0 transparent;
    width: 425px;
}


/*============================================================================
  Layout Containers
==============================================================================*/

/*================ Form Widths ================*/
.bmoOLB .registration .regCardType {
	width: 202px;
}

.bmoOLB .registration .regCardNumber,
.bmoOLB .registration .regAccountNumber {
	width: 200px;
}

.bmoOLB .registration .regAccessibleCard {
	width: 130px;
}

.bmoOLB .registration .regCardType .dijitButtonContents {
	width: 185px;
}

.bmoOLB .cardPrefix{
	left: -46px;
	position: absolute;
	top: 9px;
	font-weight: bold;
}

.ie7 .cardPrefix {
	position: static;
	margin-left: -45px;
}

.ie7 .bmoOLB .registration #infoBox .verifyIdentity .dijitTextBox {
	width: 175px;
}

.bmoOLB .registration .fullColumn  #infoBox .verifyIdentity dt.options {
	clear: left;
}

.bmoOLB .verifyIdentity .regBirthMonth,
.bmoOLB .verifyIdentity .regBirthDay,
.bmoOLB .verifyIdentity .regBirthYear,
.bmoOLB .verifyIdentity .regMCExpiryMonth,
.bmoOLB .verifyIdentity .regMCExpiryYear{
	margin-right: 10px;
}

.bmoOLB .verifyIdentity #regBirthMonth {
	width:75px;
}

.bmoOLB .verifyIdentity #regBirthDay {
	width:35px;
}

.bmoOLB .verifyIdentity #regBirthYear {
	width:55px;
}

.bmoOLB .verifyIdentity #regMCExpiryMonth,
.bmoOLB .verifyIdentity #regMCExpiryYear {
	width:55px;
}

.bmoOLB .registration .fullColumn  #infoBox .verifyIdentity dd.options div,
.bmoOLB .registration .fullColumn  #infoBox .verifyIdentity dd.options label{
	float: left;
}

.bmoOLB .registration .fullColumn  #infoBox .verifyIdentity dd.options {
	margin-top: 25px;
}

.bmoOLB .registration .fullColumn  #infoBox .verifyIdentity dd.options label {
	margin-right: 10px;
}

.bmoOLB #lblregAccessibleCard {
	line-height: 13px;
}

.bmoOLB .signIn .signInSecurityQuestion, 
.bmoOLB .resetPassword .resetPasswordSecurityQuestion {
	margin-top: 7px;
	width: 425px;
}

.bmoOLB .signIn .signInSecurityQuestion {
	margin-bottom: 15px;
}

.bmoOLB .reg_chooseChallengeQuestion .regQuestion {
	width: 440px;
}

.bmoOLB .reg_chooseChallengeQuestion #infoBox .seperator {
	margin-bottom:15px;
}

.bmoOLB .reg_chooseChallengeQuestion .regAnswer {
	width: 428px;
}

.bmoOLB .reg_chooseChallengeQuestion  .regQuestion .dijitButtonContents {
	width: 404px;
}

.ie8 .bmoOLB .reg_chooseChallengeQuestion .regQuestion,
.ie7 .bmoOLB .reg_chooseChallengeQuestion .regQuestion {
	width: 430px;
}

/*============================================================================
Registration Choose Image
==============================================================================*/

.bmoOLB .reg_choose_image #chosenImage {
	border: 3px solid #FFFFFF;
	margin-bottom: 5px;
}

.bmoOLB .reg_choose_image .regPersonalPhrase {
	width: 427px;
}

.bmoOLB .reg_choose_image #chooseNewImage {
	font-size: 11px;
}


/*============================================================================
Registration Sign Out
==============================================================================*/

.bmoOLB .registration #soRecommendation li {
	list-style: disc;
	margin-left: 15px;
}

.bmoOLB .registration.reg_signout #soRecommendation,
.bmoOLB .registration.reg_signout #utilityBar {
	margin-bottom: 0;
}

.ie7 .bmoOLB .registration.reg_signout #utilityBar {
	zoom: 1;
}

.bmoOLB .registration #soSurveyForm li {
	padding-bottom: 15px;
}

/*============================================================================
Registration Sign In Toggle
==============================================================================*/

/* todo - review - make global? */
.bmoOLB .dijitInlineTable {
	display: inline-table;
}

.bmoOLB .dijitInlineTable.hide {
	display: none;
}

.bmoOLB .registration .singinToggleContainer .signinToggleLinks {
	background: transparent url(../../../../help-centre/en/images/common/light-dotted-divider.png) repeat-x left top;
	padding-top: 15px;
	margin-top: 15px;
}

.ie7 .bmoOLB .registration.reg_signintoggle_new .singinToggleContainer .signinToggleLinks {
	clear: both;
	zoom: 1;
}

.ie7 .bmoOLB .registration.reg_signintoggle_visited .singinToggleContainer .signinToggleLinks { 
	padding-top: 10px;
	clear: both;
}

.bmoOLB .registration .singinToggleContainer .signinToggleCardContainer .cardBtn {
	height: 27px;
}

.bmoOLB .registration .singinToggleContainer dt {
	width: 205px;
	padding-right: 10px;
}

.ie7 .bmoOLB .registration .singinToggleContainer dt {
	width: 190px;
}

.bmoOLB .registration .singinToggleContainer dt label {
	color: #323232;
	font-size: 14px;
	line-height: 22px;
}

.bmoOLB .registration #infoBox .verifyIdentity:after,
.modal#imageChooser #imageList:after,
.bmoOLB .registration .siRememberCardContainer:after,
.bmoOLB .registration .singinToggleContainer dl:after,
.bmoOLB .registration .singinToggleContainer dd:after {
	content: "\0020"; 
	display: block; 
	height: 0; 
	visibility: hidden;	
	clear: both;
}

.bmoOLB .registration .singinToggleContainer dd .siCardField {
	width: 320px;
	margin-right: 10px;
	margin-top: 3px;
	float: left;
}

.bmoOLB .registration .singinToggleContainer dd .siCardFieldDD .dijitButtonContents {
	width: 320px;
}

.bmoOLB .registration .singinToggleContainer dd .siCardFieldDD .dijitButtonContents {
	background-color: #FFF;
}

.bmoOLB .registration .singinToggleContainer dd .siCardFieldDD.dijitSelectHover .dijitButtonContents {
	background-color: #EDF6FB;
}

.bmoOLB .registration .singinToggleContainer.disabled dd .siCardFieldDD .dijitButtonContents {
	background-color: #FFF;
}

.bmoOLB .registration.reg_signintoggle_visited #lblSiBankCard,
.bmoOLB .registration.reg_signintoggle_visited #lblSiMasterCard {
	font-size: 12px;
	color: #666666;
}

.bmoOLB .registration.reg_signintoggle_visited #bankCardContainer #lblSiBankCardDD,
.bmoOLB .registration.reg_signintoggle_visited #masterCardContainer #lblSiMasterCardDD {
	font-weight: bold;
}

.bmoOLB .registration.reg_signintoggle_visited .signinDiffContainer {
	margin-top: 10px;
}

.bmoOLB .registration .singinToggleContainer  dt.nickname,
.bmoOLB .registration .singinToggleContainer  dd.nickname {
	margin-top: 20px;
}

.bmoOLB .registration .signinToggleRemoveCard p {
	color: #333333;
}

.ie7 .bmoOLB .registration .signinToggleRemoveCard,
.ie7 .bmoOLB .registration .signinToggleDifferentCard {
	zoom: 1;
}

.bmoOLB .registration .signinToggleRemoveCard p span {
	font-weight: bold;
}

.bmoOLB .registration .singinToggleContainer  dt.nickname label {
	font-size: 12px;
	color: #666666;
}

.bmoOLB .registration .singinToggleContainer  dd .siNicknameField {
	width: 100px;
}

.bmoOLB .registration .singinToggleContainer dd .btnSubmit {
	float: left;
	margin-top: 2px;
}

.bmoOLB .registration #signinMasterDiffHead,
.bmoOLB .registration #signinBankDiffHead {
	font-weight: bold;
	color: #333333;
}

.bmoOLB .registration .singinToggleContainer.disabled  dd .siCardField,
.bmoOLB .registration .singinToggleContainer.disabled  dd .siNicknameField {
	background-color: #FFF;
}

.bmoOLB .registration .singinToggleContainer dd,
.bmoOLB .registration .singinToggleContainer dt  {
	float: left;
}

.bmoOLB .registration .singinToggleContainer dd {
	position: relative;
}

.bmoOLB .registration .singinToggleContainer dd .cardNumberStart {
	position: absolute;
	left: -47px;
	top: 6px;
	font-weight: bold;
	color: #323232;
}

.bmoOLB .registration .siRememberCardContainer {
	margin-top: 5px;
}

.ie8 .bmoOLB .registration .siRememberCardContainer,
.ie8 .bmoOLB .registration .siRememberCardContainer .siRememberBankCard,
.ie8 .bmoOLB .registration .siRememberCardContainer .siRememberMasterCard {
	clear: left;
}

.bmoOLB .registration .siRememberCardContainer .tooltipStatic,
.bmoOLB .registration .siRememberCardContainer .siRememberBankCard,
.bmoOLB .registration .siRememberCardContainer .siRememberMasterCard {
	float: left;
	margin-top: 10px;
}

.bmoOLB .registration .siRememberCardContainer #lblSiRememberBankCard,
.bmoOLB .registration .siRememberCardContainer #lblSiRememberMasterCard {
	margin-top: 10px;
}

.bmoOLB .reg_chooseChallengeQuestion #infoBox fieldset .signInRecognizeComputerCheckBox {
	float: left;
}

.bmoOLB .reg_chooseChallengeQuestion #infoBox fieldset label,
.bmoOLB .registration .siRememberCardContainer label {
	float: left;
	line-height: 19px;
	padding-left: 3px;
}

.bmoOLB .registration .siRememberCardContainer .ttSiRememberCard {
	padding-left: 5px;
}

/*============================================================================
  Typography
==============================================================================*/
.bmoOLB .regImportantInfo h3,
.registrationError h2,
.bmoOLB .registration .fullColumn #infoBox h2,
.bmoOLB .registration .regSecurityBox h2,
.bmoOLB .registration .regFaqBox h2,
.bmoOLB .signIn .regFaqBox h2,
.bmoOLB .signIn .regSecurityBox h2 {
    color: #333333;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

.bmoOLB .registration.reg_signout .tripleColContainer h2.sectionHeader {
	padding-top: 0;
	line-height: 16px;
	padding-bottom: 10px;
}

.bmoOLB .registration .fullColumn #infoBox h2 {
	margin-bottom: 12px;
}

.bmoOLB .registration.reg_signintoggle .regImportantInfo h2 {
	font-size: 12px;
	color: #333;
	font-weight: bold;
}

.bmoOLB .registration.reg_signintoggle .regImportantInfo .instructionsCopy {
	margin-bottom: 20px;
}

.bmoOLB .registration.reg_signintoggle .regSecurityBox h2 {
	margin-top: 10px;
}

.bmoOLB .registration.reg_signintoggle .regSecurityBox {
	color: #666666;
}

.bmoOLB .registration.reg_signintoggle #bankCardContainer #lblSiBankCard,
.bmoOLB .registration.reg_signintoggle #masterCardContainer #lblSiMasterCard {
	font-weight: bold;
}

/*KR#TO-DO*/
.bmoOLB .registration .bodyCopy {
	width: 660px;
}

.bmoOLB .signIn #lblregRecognizeComputer {
	color:#333333;
}

.registrationError h2 {
	margin-top: 15px;
	margin-bottom: 0;
}

.bmoOLB .reg_confirmation .securityHeader {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
    line-height: 27px;
    padding-right: 10px;
    padding-top: 5px;
	vertical-align: middle;
	margin-bottom: 15px;
}

.bmoOLB .regImportantInfo h3,
.bmoOLB #infoBox p {
	margin-bottom: 10px;
}

.bmoOLB #infoBox .regSignInForgotPassword {
	font-size:11px;
	margin-top:4px;
	margin-bottom: 0;
}

.bmoOLB .registration #orContainer {
	text-align: center;
	margin: 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #999;
}

/*============================================================================
	Registration Rboxes
==============================================================================*/

.bmoOLB .regFaqBox,
.bmoOLB .regSecurityBox {
	padding: 10px;
	background-color: #fff;
}

.bmoOLB .regSecurityBox.rbox-container,
.bmoOLB .regFaqBox.rbox-container {
	padding: 0;
}

.bmoOLB .regSecurityBox .rbox-content,
.bmoOLB .regFaqBox .rbox-content {
	padding: 10px;
	background-color: #fff;		 
}

.bmoOLB .singleColContainer .rbox-content img {
	position: relative;
	left: -3px;
}

/*================ Sign In Toggle Rbox ================*/

.bmoOLB .singinToggleContainer .rbox-content {
	padding: 20px 15px 15px 15px;
}

.bmoOLB .singinToggleContainer.disabled .rbox-content {
	background-color: #F6F6F6;
}

/*============================================================================
  FAQ and Security Rbox Content
==============================================================================*/

.bmoOLB .singleColContainer .rbox .seeMoreLink,
.bmoOLB p.seeMoreLink {
	background: transparent url(../../../../help-centre/en/images/common/light-dotted-divider.png) repeat-x left top;
    clear: both;
	padding: 6px 0 0;
	text-align: right;
	width: 100%;
	margin-top: 10px;
}

.bmoOLB .resetPassword .regSecurityBox,
.bmoOLB .registration .regSecurityBox,
.bmoOLB .signIn .regSecurityBox {
    color: #333333;
	margin-top: 14px;
	min-height: 35px;
}

.bmoOLB .signIn .regFaqBox,
.bmoOLB .registration .regFaqBox {
    margin-top: 14px;
}

.bmoOLB .regSecurityBox p {
	padding-bottom: 5px;
}

.bmoOLB .regSecurityBox p.seeMoreLink {
	padding-bottom: 0;
}

.bmoOLB .registration .regSecurityBox ul,
.bmoOLB .reg_resetPasswordEnterCardNumber .regSecurityBox ul {
	float: left;
	list-style-type: disc;
	padding-left: 15px;
	margin-bottom: 10px;
}

.bmoOLB .singleColContainer .regSecurityBox ul {
	width: 188px;
	padding-left: 10px;
}

.bmoOLB .regSecurityBox ul {
    width: 450px;
}

.bmoOLB .registration.reg_signintoggle .regSecurityBox li,
.bmoOLB .reg_resetPasswordEnterCardNumber .regSecurityBox li {
	width: auto;
	margin-left: 5px;
	margin-bottom: 5px;
}

.bmoOLB .registration.reg_signintoggle .regSecurityBox li.last,
.bmoOLB .reg_resetPasswordEnterCardNumber .regSecurityBox li.last {
	margin-bottom: 0;
}

.bmoOLB .registration .regSecurityBox #secLockImg {
    float: left;
    margin-right: 10px;
}

.bmoOLB .signIn .regSecurityBox ul {
    padding-left: 18px;
}

.bmoOLB .registration .regFaqBox li,
.bmoOLB .signIn .regFaqBox li {
	list-style: none;
	background: transparent url(../../../../help-centre/en/images/buttons/sprite_btn_registration.png) no-repeat left -487px;
	padding-left: 18px;
	line-height: normal;
	margin-top: 7px;
}

.bmoOLB .registration.reg_signintoggle .regFaqBox li,
.bmoOLB .signIn .regSecurityBox li {
	list-style: disc;
	margin-bottom:7px;
}

.bmoOLB .reg_chooseChallengeQuestion .regRecognizeComputerCheckBox {
	margin-top:-1px;
}

.bmoOLB .signIn .signInRecognizeComputerCheckBox, 
.bmoOLB .create_password .reg_AgreeTermsCondition {
	float: left;
}

.bmoOLB .registration .reg_NewPassword, 
.bmoOLB .registration .reg_RepeatPassword,
.bmoOLB .registration .reg_TempPassword {
	width: 100px;
}

.bmoOLB .create_password .reg_EmailAddress,
.bmoOLB .resetPassword .reg_ResestEmailAddress {
	width: 204px;
}

.bmoOLB .registration #infoBox fieldset {
	margin-left: 7px;
}

.bmoOLB .reg_chooseChallengeQuestion #infoBox dt {
	clear: left;
}

.bmoOLB .reg_chooseChallengeQuestion #infoBox fieldset label {
	font-weight: bold;
	color: #333;
}

/* todo - review legends */
.bmoOLB .create_password #infoBox fieldset legend {
	color: #333333;
	font-weight: bold;
	padding-bottom: 15px;
}

.bmoOLB .create_password #infoBox fieldset label {
	margin-left: 5px;
	line-height: 19px;
}

/*============================================================================
Registration Form Submit Buttons
==============================================================================*/
.bmoOLB #btnSignIn,
.bmoOLB #btnCreatePassword,
.bmoOLB .btnSetupLater,
.bmoOLB #btnSetupNow,
.bmoOLB #btnSetupESecurity,
.bmoOLB .btnConfirm ,
.bmoOLB .disabledConfirm,
.bmoOLB #btnCompleteSetup,
.bmoOLB #btnContinue,
.bmoOLB #btnBankCardContinue,
.bmoOLB #btnMasterCardContinue,
.bmoOLB .btnChange,
.bmoOLB #btnPartialConfirm,
.bmoOLB #btnSignInToOnlineBanking,
.bmoOLB #btnSubmit,
.bmoOLB #btnRegisterNow,
.bmoOLB #btnContinueToOnlineBanking {
	text-indent: -9999px;
	display: block;
	width: 160px;
	height: 27px;
	border: none;
	float: left;
	cursor: pointer;
	background: url(../../../../help-centre/en/images/buttons/sprite_btn_registration.png) no-repeat 0px 0px;
	line-height: 0;
	font-size: 0;
}

.bmoOLB #btnCreatePassword {
	background-position: left -1px;
	width: 113px;
}


.bmoOLB #btnSignIn {
	background-position: left -63px;
	width: 61px;
}

.bmoOLB .btnConfirm,
.bmoOLB #btnPartialConfirm{
	background-position: left -95px;
	width: 68px;
}
.bmoOLB .disabledConfirm {
	background-position: left -33px;
}

.bmoOLB .btnSetupLater {
	background-position: 0px -124px;
	width: 81px;
	margin-right: 10px;
}

.bmoOLB #btnSetupNow {
	background-position: 0px -154px;
	width: 88px;
}

.bmoOLB #btnSetupESecurity {
	background-position: 0px -186px;
	width: 163px;
}

.bmoOLB #btnCompleteSetup {
	background-position: 0 -249px;
	width: 162px;
}

.bmoOLB .btnChange {
	background-position: 0 -279px;
	width: 59px;
}

.bmoOLB #btnSignInToOnlineBanking {
	background-position: 0 -309px;
	width: 164px;
}

.bmoOLB #btnContinueToOnlineBanking {
	background-position: 0 -422px;
	width: 177px;
}

.bmoOLB .reg_setupSignInSecurity .btnChange {
	margin-right: 10px;
}

.bmoOLB #btnContinue,
.bmoOLB #btnBankCardContinue,
.bmoOLB #btnMasterCardContinue {
	background-position: 0px -217px;
	width: 74px;
}

.bmoOLB .singinToggleContainer.disabled #btnMasterCardContinue,
.bmoOLB .singinToggleContainer.disabled #btnBankCardContinue  {
	background-position: 0 -340px;
	width: 75px;
}

.bmoOLB #btnSubmit {
	background-position: left -365px;
	width: 63px;
}

.bmoOLB #btnRegisterNow {
    background-position: left -395px;
    width: 98px;
}

.bmoOLB .signIn #btnSignIn {
	width:63px;
	background-position: 0 -62px;
}
/* Set up enhanced security */

.bmoOLB .reg_setupSignInSecurity .tripleColContainer ul,
.bmoOLB .reg_signInSecurityLanding .tripleColContainer ul{
	list-style-type:disc;
	margin: 12px 0 0 23px;
}

.bmoOLB .reg_chooseChallengeQuestion #infoBox dl dd {
	padding: 3px 0;
}

.bmoOLB .registration #regSignInForm {
	background: transparent url(../../../../help-centre/en/images/pt_steps_divider.gif) no-repeat center bottom;
	margin-bottom: 11px;
	margin-top: 20px;
	padding-bottom: 25px;
}

.bmoOLB .registration #ptBottomMenu,
.bmoOLB .resetPassword #ptBottomMenu {
    background: url("../../../../help-centre/en/images/full_divider.png") no-repeat scroll center top transparent;
	margin-bottom: 11px;
	width: 100%;
}

/* Create password terms */
.modal#regCreatePasswordTermsAndConditions {
	height: 450px;
	overflow-y: scroll;
	width: 846px;
}

.modal#regCreatePasswordTermsAndConditions p {
	clear: both;
	color: #333;
	margin-top: 12px;
}

.modal#regCreatePasswordTermsAndConditions h1#mainHeader {
	float: left;
    height: 20px;
    margin-bottom: 20px;
    margin-top: 0px;
    text-indent: -9999px;
    background: url("../../../../help-centre/en/images/registration/hdr_reg_terms.gif") no-repeat scroll 0 0 transparent;
    width: 228px;
}