/* ************************************************************************/
/* MODEL ONLY - The following is only needed to mimic behaviour in model to match DIT.  In dit, 
				the mortgage apps are given form-id's of "mort" and "mortgage" instead of "mort-mort"
				and "mortgage-mortgage". 
*/
#mortgage-mortgage #thirdParty, 
#mort-mort #thirdParty { display: block; }
/* ************************************************************************/

/* ============================================================================================== */
/* Base */
/*html { font:62.5% Verdana, Arial, Helvetica, sans-serif !important; }*/
body { font-size:1.1em; line-height: 1.5; height: 90%; }
#pageContainer { margin:0 auto; width:71.6em; }	/* was 72em */
#pageInstructional { font-size:1.1em !important; }

/* General Tags */
a { color:#af0b1c; text-decoration: none; }
dfn, dt { font-style:normal; font-weight:bold !important; }
fieldset {border:none;margin-inline-start: 0;
    margin-inline-end: 0;
    padding-block-start:0;
    padding-inline-start:0;
    padding-inline-end:0;
    padding-block-end: 0; min-width: 0;}
p { clear: both; margin:0; padding: 10px 0;}
select { border:1px solid #999999 !important; height: 1.7em; }
select, input {  font: 1em Whitney-Book-Pro, Arial, Helvetica, sans-serif; }
option{/* padd/ing-right: 1px; */}
bold{ font-weight:bold; }
ol, ul { clear:both; padding-top:0; margin: 0;  }
ol li, ul li, ol li ul li { list-style:disc; margin:0.5em 0; padding:0; }
ol li { list-style:decimal; }
ol.lowerAlpha li { list-style-type:lower-alpha; }
input[type="radio" i] {
    margin: 3px 3px 0px 0px;
}
.hr {border-top: 2px solid #C0C0C0; width: 92%; margin: 10px auto;}
/* Print */
#printLogo, 
.printOnly { display:none; }

/* Accessibility Treatment */
#skipToMain { font-size:0em;height:0px;line-height:0px;overflow:hidden;width:0px; }
.readerDesc { font-size:0em;height:0px;line-height:0px;overflow:hidden;width:0px; }
.jawsAccessible { display:none; }
.progressListContainer .jawsAccessible { speak:normal; speak-numeral:digits; }
.accessibleText {
    font-size: 0 !important;
    height: 0px !important;
    line-height: 0 !important;
	/*position:relative;*/
	position: absolute;
	margin-left: -99999px !important;
	width: 0px !important;
}


/* 	======   GENERIC CONTENT 	=========
	=====================================*/
#mainBody{background: #fff!important;margin: 0!important;}
#mainSection {
	width: 100%;
	
	overflow: visible;
}
#mainPage {
 	width: 100% !important;
 	margin: 0 auto !important;
 	position: relative;
}
/* HEADER */
#header {  margin:16px 0 0 0 !important;border-bottom: 5px solid #af0b1c;}
#header #logo { margin:0 -100% 0 0;position:relative; padding-left:10px !important; float: left;}
#header #menu {background:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/m/img/menu-icon.png) no-repeat; width: 20px; height: 20px; float: right;margin-top: 10px;}
#header .applicationLogo { background:#af0b1c;margin:1px 0 0 0;width:100%;margin-right:-100%;height:68px; pointer-events:none; }
#header #RaLogo.applicationLogo {background:url(https://www.cibccreditcards.com/prospectapp/modules/visa/images_en/banner.gif) no-repeat 50% 50%;}
#header .applicationLogo img, #header .applicationLogo h1 { margin:13px 0 0 90px; color: #ffffff;}
#header #help { border-left:1px solid #fff;float:right;margin:1px 0 0 0;width:118px; }

/* HEADINGS */
h1, h2, h3, h4 , h5{ 
	clear: both; 
	font-weight: 400; 
	font-family: Whitney-Medium-Pro, Arial, Helvetica, sans-serif;
}
h1, h3 { margin: 1em 0; }
h4, h5 { margin: 0em; }
h1 { color: #af0b1c; font-size: 1.8em; font-weight: normal; line-height: 120%; }
h2 { color: #000; font-size: 1.3em; font-weight: bold; } 
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }

/* list information on file */
#information-on-file-Help .contentContainer  h6 {
	margin-left:-14px; 
}


/* FOOTER */
#footer  #innerFooter {
	margin-top: 15px!important;
	padding: 25px 0 0 !important;
	width: 100% !important;
 	border-top: 5px solid #5d5d5d !important;
 	background-color: #fff !important;
 	font-family: Whitney-Book-Pro, Arial, Helvetica, sans-serif !important;
 	line-height:12px !important;
}
#accessibility, #copyrightFooter{
	margin:0 auto;
	padding: 8px 10px 10px 5px !important;
}
div#copyrightFooter { margin: 0 auto 20px; }

/* 	=====  mortgage and LLC specific - contain 7 step =====*/
#mortgage #progressListContainer ul.progressList,
#llc-plc #progressListContainer ul.progressList,
#llc-pl #progressListContainer ul.progressList,
#llc-pc #progressListContainer ul.progressList,
#llc-elc #progressListContainer ul.progressList,
#llc-pesp #progressListContainer ul.progressList
{margin-left:5px !important;}

/* 	=====   COMMON ELEMENTS		=========
	=====================================*/
/* Menu Items*/
.menuContent {
	display: none;
}
.menuContent ul {
	margin: 0;
	padding: 0;
}

.menuContent ul li {
	list-style: none;
	border-bottom: 1px solid #AFAFAF;
    padding: 1em;
    margin: 0;
    font-size: 18px;
}

.menuContent a li {
	color: #AF0B1C;
}


/* Steps Progress Indicator */
#progressListContainer h2 {  margin-right:15px; }
#progressListContainer { clear:both;padding:5px 0px;  width:100%}
#progressListContainer ul { clear:none;}
#progressListContainer ul li {
	background:transparent url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/progress_spacer.gif) no-repeat 0 0;
	
	line-height:120%;
	list-style:none;
	margin:0;
	padding:0 .95em 10px .95em;
	_padding:0 .6em 10px .6em;
	text-align:center;
	width:8em;
}
#progressListContainer ul li.firstListItem { background: none; }
#progressListContainer ul.progressList { margin-left: 0px;}



/* Bottom Notes */
.note { 
	background-color:#efefef; 
	border:1px solid #d7d7d7; 
	clear:both; 
	float: left;
	width:100%; 
}
.note .notebody { margin: 12px; font-size: 1.1em; }
.note .notebody h4 { margin-bottom: 0.5em; } 

/* Form Notes */
.fieldNote {
	color: #999999;
	font-size: 1em;
	font-weight: normal;
	clear:both;
	margin:0px !important;
	width: 100%;
}
.fieldNote.groupFieldNote { padding-left: 10px; width: auto; }

.optionalNote{
	float:right;
	color:#000;/*#999999*/
	margin-top:0.5px;/*margin-top:-1px;*/
	padding-right: 10px;
	font-size: x-small;
	font-weight:normal !important;
	text-align: right;
	width: 90%;
}
.printableNote { 
	color: #999999;
	margin-right: 10px; 
}
.printableNote p {
	text-align: right;
}
.formNote { 
	clear: both;
	margin: 0px; 
	}
.formNote p { margin: 0px; }
.relevantNotes{	margin: 10px; clear: both;}
.instructionalText{padding: 5px 0 0 9px}
.disclaimer {padding: 0 20px 10px 20px}

#ACH-disclaimer, #CCIssuer-disclaimer {display: none;}

/* Errors */
.hiddenError {	display: none !important; }
#mainSection .visibleError,
.visibleError#PvqAnswer-err {
	background: transparent url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/icon-alert-small.gif) no-repeat 10px 5px;
	color: #D40139;
	clear: both;
	float: none; 
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 3px 0px 2px 28px;
	display: block !important;
	width: auto;	
}

#OlbPvqForm .fieldLabelPair .labelledField #PvqQuestion { padding-left:10px;}
#OlbPvqForm .fieldLabelPair .fieldLabel  LABEL{ padding-right:0px;}

#mainSection  .visibleError#errorsOnPage {
	background: none;
	border: 2px solid #D40139;
	margin: 10px 12px 8px 13px;
	padding: 10px 0;	
	clear: both;
}
#mainSection .visibleError#errorsOnPage .globalError {
	background: transparent url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/icon-alert-white.gif) no-repeat 0px 5px;
	color: #D40139;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 0px 0px 33px;
	position: relative;
	top: 0px;
	left: -12px;
	min-height: 30px;
	_height: 35px;
}

/* Separators */
#mainSection .seperator { background-color:#EFEFEF;  width:100%; }
#mainSection .seperatorline  { 
    background:transparent url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/dotline-grey-horiz.gif) repeat-x scroll center center;
    
    margin:5px 1px 1px 12px;
    _margin:0px 1px 1px 12px;
    padding:5px;
	margin: 0px 0px 5px;
	padding: 2px 0px;
    width:100%;
}
.bodySectionDivider {  
margin: 0px 10px; 
clear: both;  
line-height: 0px;
border-bottom:1px solid #cccccc !important;
border-top:medium none !important;
line-height: 0px;
}/*height: 1px;*/

/* Buttons */
.ButtonContainer{ clear:both; margin-bottom: 20px; width:100%;}

.ButtonContainer .ExitFlowButtons, .ButtonContainer .PrimaryButton,
.ButtonContainer .PrimaryFlowButtons,
.ButtonContainer .PrimaryFlowButtons .SecondaryButton { display: block; margin: 0px;}
.ButtonContainer .PrintFlowButtons { display: block;  }

.ButtonContainer .PrimaryButton INPUT,
.ButtonContainer .PrimaryFlowButtons .PrimaryButton INPUT,
.ButtonContainer .PrimaryFlowButtons .SecondaryButton INPUT,
.ButtonContainer .ExitFlowButtons .SecondaryButton INPUT,
.ButtonContainer .PrintFlowButtons .SecondaryButton INPUT {
	background-color: #808080;
	border: 1px solid #000;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 4px 4px;
	margin: 0px 5px;
	float: none;
	overflow:visible;
	font-weight: bold;
} 
.ButtonContainer .PrimaryButton INPUT,
.ButtonContainer .PrimaryFlowButtons .PrimaryButton INPUT { 
	background-color: #AF0B1C;
	margin-right: 0px;
} 
.ButtonContainer .ExitFlowButtons .SecondaryButton INPUT { margin-left: 0px; }

/* Icons and Text */
.inlineHelp, .inlineHelpLink, .inlineHelpLinkTextOnly { padding-left: 5px; overflow: hidden; }

.icon {
	background-position:0 0;
	background-repeat:no-repeat;
	
}
.icon.help { 
	display: block;
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/m/img/icon-help2.gif);
	height:20px;
	width:18px;
	float: left;
    margin: 2px 0 0 5px;
}
.inlineHelpLinkTextOnly .help{background: none;}
.pdf{
	font : 10px Whitney-Book-Pro, Arial, Helvetica, sans-serif;
	color: #666666;
	background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/pdf.gif) no-repeat right;
	padding-right: 16px;
}

/* Flyovers */
.flyOver { 
	display:none; 
	position:absolute !important; 
	z-index:9999 !important;
	top: 10%;
	left: 10%;
}
	.flyOver .titleContainer { margin-bottom:5px; width:100%; }
	.flyOver .titleContainer  h5 {
		float:none;
		font-size: 1.0em;
		font-weight:bold;
		margin:0;
		padding-bottom: 5px;
		width:auto;
	}
	.flyOver .titleContainer.bordered { border-bottom: 1px solid #CCCCCC; padding-top:8px;}
.flyOver .flyOverBlock {
	background-color:#fff;
	border:1px solid #b5b5b5;
	float: left;
	padding:0px;
	width: 80%;
	z-index:99;
}


	#cancelFlyOver.flyOver .flyOverBlock { width: 90%; }
	#cancelFlyOver.flyOver .PrimaryFlowButtons{margin:0px !important;width:100%;}
	#cancelFlyOver.flyOver .PrimaryFlowButtons #cancelAppButton{margin-left:0px !important;}
	.flyOver.helpFlyOver .flyOverBlock { width: 255px; }
	
	.flyOver .flyOverBlock p { clear:none; padding: 10px;}
	.flyOver .primaryFormButtonContainer { float:right; }
	.flyOver .ButtonContainer { float:none; margin-top: 20px; margin-bottom:0px !important; }
	.flyOver .flyOverBlock A.closer { cursor: pointer; position: absolute; border:none !important;}
	.flyOver .flyOverBlock img{border:none !important;}
	.flyOver .flyOverBlock a img{border:none !important;}
	.flyOver .flyOverBlock .ButtonContainer .closer { font-weight: normal !important; }
	.helpFlyOver .flyOverBlock .contentContainer {float:none; padding-top:8px}
	
/*  Sign On Widget FlyOvers  January/17/2011 */  
.flyOver .flyOverBlock .fieldLabelPair  { width: 100%; }
.flyOver .flyOverBlock .fieldLabelPair .fieldLabel { width: 30%; }
.flyOver .flyOverBlock .fieldLabelPair .labelledField { width: 68%; }

.flyOver .flyOverBlock .optionalNote { color:#999999; }
.flyOver .flyOverBlock .fieldNote { color:black; clear: both; padding:0;  }
#OlbPvqForm .flyOverBlock fieldset.bordered {   border: 1px solid #CCCCCC;}
.flyOver .flyOverBlock legend { padding: 1px;  margin-left:12px;}

.dropShadow.flyOver {background-color:#d9d9d9;}
.dropShadow.flyOver .flyOverBlock {padding:5px;}

.flyOverBlock .contentContainer {margin:0px; padding:5px;  }
.flyOverBlock .contentContainer ul {margin-left: 15px}
.flyOverBlock .contentContainer li { margin-top: 0.7em !important; }
#NonPrefilled .flyOverBlock .titleContainer {margin:0px; background-color:#f5eec0; border-bottom: 0px}
#NonPrefilled .flyOverBlock {padding:0px}

#NonPrefilled.dropShadow.flyOver .flyOverBlock {*width: 480px}


.flyOverBlock .ButtonContainer .PrimaryFlowButtons { margin-bottom:5px; }
.flyOverBlock .ButtonContainer .ExitFlowButtons { margin-left:10px; margin-bottom:5px; }

.flyOverBlock .titleContainer h4, #PreFillSuccessFlyover .flyOverBlock .titleContainer h5  {border-bottom:1px solid #CCCCCC;padding:5px}
#OlbPvqForm .fieldLabelPair .fieldLabel {text-align:right}

#signOnAuth .globalError  .errorMessage  #globalErrorCode{
	border: 1px solid #dfbea1;
	clear: both; 
	background: #ffffff url(/content/dam/cibc-public-assets/development/tfsa-rrsp/m/img/icon-presignOn-error.gif) no-repeat 5px 5px;
	padding-left: 28px;
	padding-top: 5px;
	padding-right:10px;
	padding-bottom: 5px;
	margin-left: 0px;
	font-weight: bold; 	 
	margin: 1px 1px 1px 0px;
	color: #000000;
	font-size: 11px;
	width:340px;
	margin-bottom:15px;
}

#NonPrefilled .flyOverBlock .globalError {	
	margin: 10px 12px 8px 13px;
	padding: 0px;
	border: 2px solid #D40139;
	clear: both; 
}

.flyOverBlock .globalError .errorMessage{	
	background: transparent url(/content/dam/cibc-public-assets/development/tfsa-rrsp/m/img/icon-presignOn-error.gif) no-repeat 0px 5px;
	padding: 3px 3px 3px 33px;
	font-weight: bold;
	color: #D40139;
	position: relative;
	top: 0px;
	left: -12px;
	min-height: 30px;
	_height: 35px;
}

#signOnAuth.globalErrorContainer {display:none;}
	
.flyOverPositioner, .screenOverlayPositioner {
	height:0px !important;
	overflow: visible;
	position:relative !important;
	width:0px !important;
	z-index:9999 !important;
}
.flyOverIframe { position:absolute; z-index:9998 !important;}
.screenOverlay {
	background-color:#000000 !important;
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	opacity:0.20;
	position:absolute;
	z-index:999;
}
.applicationWarningOverlay {
	background-color:#000000 !important;
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	opacity:0.20;
	position:absolute;
	z-index:999;
}

/*occupation flyover*/
#updateOcclabel1,#updateOcclabel2, #EMP1updateOcclabel1, #EMP1updateOcclabel2{float:left !important;}



#updateoccuPair .FieldContainer, #EMP1updateoccuPair .FieldContainer{
    width: 100%!important;
}

/* Currency|Percent Sign */
.currencyEN{ margin-left: -9px; z-index: 1;}
.currencyFR, .percentSign{  margin-left:0px; padding-right:3px; }

/* Tables */
.tableField { margin: 10px 0px; width: 100%; }
.tableHeader { font-weight: 700; padding: 0px 10px; }
.tableData{	padding:5px 10px; }
.tableGrid { width:100%; padding: 0px 0px; border-collapse: collapse; border:1px solid #c2c2c2;}

.tableGrid td{ 
	border-bottom: 1px solid #c2c2c2;
	border-left: 1px solid #c2c2c2;
	text-align: center; 
	padding:2px; 
	text-align:left; 

}
.topRowHeading { font-weight: 700; border-top: 1px solid #c2c2c2; height:20px; }
.topRowHeadingNormal { border-top: 1px solid #c2c2c2; height: 20px; }
.altRow{background-color:#efefef;}

/* Forms */
.fieldLabelPair {
	background-color: transparent;
	display: inline-block;
	padding: 5px 0px;
	width: 100%;
	overflow: hidden;
}
.fieldLabel { border-bottom: 1px solid #fff; /* Fudge the space to prevent HTML collapse in FF */ }
#OlbSignOnForm .fieldLabel {border:0px}
#OlbSignOnForm .fieldLabelPair{float:none!important; display:block; } 
#OlbSignOnForm .fieldLabel LABEL {float: left; padding-right: 0; width: auto !important;}
#OlbSignOnForm .optionalNote {margin-top: 0; float: left;width: auto;}
.fieldLabel LABEL { 
	float: right;
	padding-right: 5%;
	text-align:right;
	width:90% !important;
	vertical-align:baseline;
}

.labelledField { left:0; padding: 0px 0px 0px 0px; }

.PrimaryField, 
.SecondaryField ,
.PrimaryFieldOnly { margin: 0; padding: 0;}
	.SingleColumnLayout .PrimaryField { width: 100% }
	.TwoColumnLayout .PrimaryField { width: 62% }
	.TwoColumnLayout .SecondaryField{ width: 38% }
	.TwoColumnLayout .PrimaryFieldOnly{ width: 100%; }
	
	.TwoColumnLayout#CCIssuer .PrimaryField { _width: 70%; *width: 70% }
	.TwoColumnLayout#CCIssuer .PrimaryField .fieldLabel{ _width: 36%; *width: 36% }
	.TwoColumnLayout#CCIssuer .PrimaryField .labelledField{ clear: right !important; }
	.PrimaryField .fieldLabel{ width: 40.8%; }/*40.5...change it wider to make label for 'Credit cards to consolidate' fit*/
	.SecondaryField .fieldLabel, .PrimaryFieldOnly .fieldLabel{ width: 25%;}	

	.PrimaryField .labelledField { width: 58%; }
	.SecondaryField .labelledField, .PrimaryFieldOnly .labelledField { width: 70%; }

	.PrimaryFieldOnly p { clear:both; margin: 0 0 1em 0; }
	.labelledField div.optional { padding: 0px 0px 0px 10px; }
	
	.TwoColumnLayout {position: relative;}/*.steve added april 27 '10*/
	
	
	#primaryapplicant{width:60%;}
	
	.coapplicantlayout{width:40%;}/*steve added april 27 '10*/
	
	.TwoColumnLayout  #primaryapplicant .PrimaryField { width: 100%;}
	
	#primaryapplicant .PrimaryField .fieldLabel{ width: 38%; }
	#primaryapplicant .PrimaryField .labelledField { width: 60%; }
	.TwoColumnLayout  .coapplicantlayout .PrimaryField { width: 100%;}
	
	.coapplicantlayout .labelledField { width: 90%!important; padding-left:15px; }
	
	.coapplicantlayout .accessibleText, 
	.coapplicantlayout .fieldLabel, 
	.coapplicantlayout label { width: 1px !important; overflow: hidden !important;}
	.coapplicantlayout .sectionHeader { padding-left:25px !important; }
	
/* Form Inputs */
.FieldContainer { width: 99%;  }
.FieldContainer.hasHelp { margin-right: 0px; width: auto; }
.FieldContainer.hasHelp .textValue { width: auto; }
.FieldContainer.hasHelp INPUT { width: 80% !important; }
.FieldContainer.hasHelp .fieldNote { width: auto; }
.FieldContainer .selectWrapper {  overflow:hidden; }
.dayInput, .monthSelect, .yearInput, .monthInput,
.SinInput, .aeroplanAccInput,
.AreaCode, .PhoneNumber, .expensesInput{ margin-right: 5px; _margin-right: 0px; }
.dayInput, .yearInput.indent, .monthInput.indent, .SinInput, .AreaCode , .expensesInput { padding-left: 10px; }


	.PrimaryField  INPUT, .PrimaryFieldOnly INPUT { width: 18em; }
	.SecondaryField INPUT { width: 12em; }
	.PrimaryField .shortenedField INPUT, .PrimaryFieldOnly .shortenedField INPUT { width: 10em; }
	.SingleColumnLayout .PrimaryField .autoField INPUT { width: auto; }

	
	/* Radio Buttons */
	.radioInput, .checkboxInput { margin: 0px 10px 0px 0px; }
	.PrimaryField .radioInput INPUT, .PrimaryField .checkboxInput INPUT,
	.PrimaryFieldOnly .radioInput INPUT, .PrimaryFieldOnly .checkboxInput INPUT,
	.SecondaryField .radioInput INPUT, .SecondaryField .checkboxInput INPUT { margin: 2px 5px 0 0; width: 10px !important; _margin-top: 0px; }
	.checkboxInput{padding:0 0 10px 0; clear:both;}	
	
	/* Date Fields */
	.dayInput { width: 2em; }
	.PrimaryField  .dayInput INPUT, .PrimaryField .dayInput INPUT { width: 2em; }
	.monthSelect { width: 9.5em; margin-left: 5px; }
	.labelledField>.monthSelect { margin-left: 10px; }
	.PrimaryField  .monthSelect SELECT, .PrimaryField  .monthSelect SELECT { width: 9em; }
	.yearInput { width: 4em; }
	.yearInput.indent, .monthInput { width: 5em;} 
	.PrimaryField  .yearInput INPUT, .PrimaryField  .yearInput INPUT, .PrimaryField .monthInput INPUT { width: 4em; }
	
	/* SIN Fields */
	.SinInput { width: 3em;}
	.PrimaryField .SinInput INPUT, .PrimaryField .SinInput INPUT  { width: 3em; }
	
	/* Credit cards : AeroCard Account Input Fields*/
	.aeroplanAccInput,
	.labelledField .aeroplanAccInput INPUT { width: 3em; }
	.aeroplanAccInput p.fieldNote{padding-left:0 !important;}

	/* Expenses section inputs*/
	.expensesInput { width: 39.5%;_width: 40.5%;}
	
	/* Phone Number Fields */
	.AreaCode {	width: 25%; margin-right: 5px; }
	.AreaCode INPUT { width: 5em; }
	
	/*added by Jane...may need to adjust later*/
	.SingleColumnLayout .AreaCode{ width:20% }
	.SingleColumnLayout .AreaCode INPUT{width:96%}
	
	.PhoneNumber { width: 60%; margin-right: 0px; }
	.PrimaryField .PhoneNumber INPUT, .SecondaryField .PhoneNumber INPUT { width: 8em; } 

	/* Multi-column layout forms */
	.MultiColumnLayout .twenty{ width: 19.9%; padding:0}
	.MultiColumnLayout .fifteen{ width: 15%;}
	.MultiColumnLayout .twentyfive{ width: 27%; padding:0}
	.MultiColumnLayout .thirty{ width: 29.9%; padding:0}
	.MultiColumnLayout .fourty{ width: 40%; }
	.MultiColumnLayout .eighty{ width: 79.8%; }
	.MultiColumnLayout .fieldColumn { width: 100%; }
	.MultiColumnLayout .fieldColumn .FieldContainer { width: 90%; margin-right: 0px;}
	.MultiColumnLayout .fieldColumn INPUT { width: 90%; }
	.MultiColumnLayout .fieldColumn .columnHeader { font-weight: bold; padding-left: 10px; display: block; }
	.MultiColumnLayout .fieldColumn .FieldContainer .selectWrapper { width: 90%; }
	.MultiColumnLayout .fieldColumn .FieldContainer SELECT { width: auto; *width: 90%; max-width: 90% }/* ;*/
	
	#otherAssets.MultiColumnLayout .fieldColumn .FieldContainer .selectWrapper { width: 100%; }
	#otherLiabilities.MultiColumnLayout .fieldColumn .FieldContainer .selectWrapper { width: 100%; }
	#otherAssets.MultiColumnLayout .fieldColumn .FieldContainer SELECT { max-width: 100%; width: 100% !important ; }
	#otherLiabilities.MultiColumnLayout .fieldColumn .FieldContainer SELECT { max-width: 100%; width: 100% !important ; }
	
	.MultiColumnLayout .multiColumnFooter { background-color:transparent; display:inline-block; padding:5px 0; width:100%; }
	.MultiColumnLayout .multiColumnFooter .totalFieldLabel { text-align: right; width: 100%; }
	
/* 	===== GENERIC SECTION LAYOUTS	=====
	=====================================*/
.primaryHeader{
	background:#F5EEC0 none repeat scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	display:block !important;
	font-weight:bold !important;
	padding:10px 10px;
	font-size:1.1em;
}
.secondaryHeader{
	background-color: white; 
	padding-bottom: 0px; 
	margin-bottom: 0px
}
.sectionHeader{
	left:25%;
	padding-top: 5px; 
	padding-left: 20px;
	padding-bottom: 0px; 
	margin-bottom: 0px;
}
.headerLink { font-weight: bold; padding-left: 10px; }

.valueLabelSet, .SingleColumnLayout, .TwoColumnLayout, .MultiColumnLayout, .valueLabelSetSignOn {
	float: none;
	overflow: hidden;
	border: 1px solid #ccc;
	margin: 0px 0px 20px 0px; 
	clear: both;
	font-size: 1.1em;
}
.valueLabelSet, .SingleColumnLayout, .TwoColumnLayout, .MultiColumnLayout { width: 100%; }
.valueLabelSetSignOn { width: 70%; }
.valueLabelRow { clear: both; overflow: hidden; width: 100%;}
	.valueLabelRow P { padding: 0px 10px; }
.valueLabel, .valueLabelIndent, .labelValue { padding: 10px 0px; width: 40%; }
	.labelValue { width: 60%; }
	.valueLabel .valueLabelContent, .valueLabelIndent .valueLabelContent, 
	.labelValue .labelValueContent, .labelValueContainer .labelValueContent{ padding: 0px 10px; }
	.valueLabelIndent .valueLabelContent { padding-left: 25px; }
	.labelValueContainer { float: right; padding: 10px 0px; width: 60%; }

.valueSubLabel { clear: both; padding: 10px 0px; width: 100%; }
.valueSubLabel p { margin: 0; }
.valueLabelBottomBorder { border-bottom: solid 2px #EFEFEF; }

/* 	=====    PAGE SPECIFIC 		=========
	=====================================*/

	/* ***** Getting-Started Products ***** */
	INPUT.presignedon { display: none; }
	.presignedon INPUT.presignedon { display: block !important; }
	#contentHeader.relevant { width: 100%; clear: both; }
	
	.presignedon .StepIntroduction, 
	.skippedsignon .StepIntroduction, 
	.signedon .StepIntroduction, 
	.postsignedon .StepIntroduction,
	.tpa .StepIntroduction { float: left!important; /*padding-bottom: 20px;*/ width: 100% !important; }	
	.gsStepIntroduction .StepIntroduction { width: auto !important; }	/*width: 73% !important;*/
		
	/*#CallBox { float: right; margin-top: 20px; text-align: right; width: 30%; }*/
	#CallBox { 
		background:transparent url(/content/dam/cibc-public-assets/development/tfsa-rrsp/m/img/icon-phone.gif) no-repeat 0 10px;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		float: right; 
		margin: 20px 0px; 
		width: 20%;
		padding-left: 43px; 
	}
	#CallBox h2 {color: #af0b1c;}
	#CallBox .phoneNum {color: #003366 !important; font-weight:bold;}
	#ProductContainer, #PreFilledApplication{  width: 100%; }
	#ProductContainer .valueLabel { width: 23em; }
	#ProductContainer .labelValueContainer .labelValue { width: auto; }
	#ProductContainer .labelValue .productHeader .prodName { font-weight: 700; }
	#ProductContainer .labelValue .productHeader .prodName p { font-weight: normal; }
	#ProductContainer .labelValue .prodDesc { padding-top: 10px; }
	#ProductContainer .labelValue .productHeader .prodInfo { margin-left: 15px; }
	#ProductContainer .labelValue .productLinks { margin-top: 5px; margin-bottom: 10px; }
	#ProductContainer .labelValue .productLinks LI { margin: 0px; }
	#PreFilledApplication .valueLabelRow P { margin: 1em 0; }
	#PreFilledApplication .valueLabelRow .valueLabel { font-weight: bold; width: 100%; }
	#PreFilledApplication .valueLabelRow .labelValueContainer { padding: 0px 0px 10px 0px; width: 100%; }
	#PreFilledApplication .valueLabelRow .labelValueContainer .radioInput { padding-right: 4em; }
	
/* IS THIS DEPRACATED? 2010-04-27*/
	.ProductLink {
		background:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/solid-grey-line.gif) no-repeat 10px 50%;
		float: left;
		padding-left: 20px;
	}
	.ProductLink.firstLinkItem { padding-left: 0px; background: none; }

		/* Getting-Started Qualifications */
		#qualifications .valueLabel, #qualifications .valueLabelIndent { width: auto; }
		#qualifications .labelValueContainer { width: 22%; text-align: right; }
		#qualifications .labelValue { padding: 0px 5px; width: auto; }
		#qualifications .visibleError { margin-left: 15px; }
		#qualifications .relevantNotes p { margin-bottom: 2em; }
		.QualificationsOptional{
			color:#999999;
			font-size:x-small;
			font-weight:normal !important;
			
		}

		/* Getting-Started Required Information */
		#RequiredInformation.valueLabelSet { border: 1px solid #aaaaaa; background-color: #dddddd; }
		#RequiredInformation .valueLabelRow FIELDSET { padding: 10px 10px; width: auto; }

		/* Getting-Started Additional Information */
		#AdditionalInformation.valueLabelSet,
		#InterestRatesAndFees.valueLabelSet { border: none; width: 100%;}
		#InterestRatesAndFees.valueLabelSet #terms-scroll-content { width: 95% !important; }
		#InterestRatesAndFees.valueLabelSet #terms-scroll-content .tableGrid { border-collapse: collapse; }
		#InterestRatesAndFees.valueLabelSet #terms-scroll-content .topRowHeading { font-weight: normal; }
		#InterestRatesAndFees.valueLabelSet #terms-scroll-content .tableGrid TD { border: 1px solid #c2c2c2; padding: 5px; vertical-align: top; }		
		#InterestRatesAndFees.valueLabelSet #terms-scroll-content P { padding: 2px 0px 10px; margin: 0; }
		#InterestRatesAndFees.valueLabelSet #terms-scroll-content {font-size:11px}
		#InterestRatesAndFees.valueLabelSet #terms-scroll-content .emphasizedText,
		#InterestRatesAndFees.valueLabelSet #terms-scroll-content .leftColHeading {font-size:1.091em}
		
			#InterestRatesAndFees.valueLabelSet .printableNote P { margin-top: 5px; margin-bottom: 5px; }
			#AdditionalInformation fieldset { margin: 0 0 0.5em;}
			#AdditionalInformation p { margin: 0.5em 0px;}
			#InterestRatesAndFees.valueLabelSet #termsAndConditionsFieldContainer { clear: both; width: 95%; }
			#InterestRatesAndFees.valueLabelSet #termsAndConditionsInfoContainer { clear: both; width: 95%; }

		/* Getting-Started OLB Sign-In */
		#OlbSignOnContainer { width: 100%;  }
		#OlbSignOn { 
			
			clear:both;
			height: 1%; 				/* IE6 Fix for background */
			margin: 20px; 
			overflow: hidden;
			padding: 10px;			
		}		
		#OlbSignOn #OlbSignOnHeader { margin: 10px 0px; }
		#OlbSignOn #OlbSignOnForm { overflow:hidden; display:block;}
			/*#OlbSignOn #OlbSignOnForm A { text-decoration: none; }*/
			#OlbSignOn #OlbSignOnForm .fieldLabelPair { width: 100%; clear:both;}
			#OlbSignOn #OlbSignOnForm .fieldLabelPair .fieldLabel { width: 110px; padding:1px; height:auto;}/*1px padding allows empty div space*/
			#OlbSignOn #OlbSignOnForm .fieldLabelPair .labelledField { width: 65%; }
			.fr #OlbSignOn #OlbSignOnForm .fieldLabelPair .fieldLabel { width: 124px; *width:130px}
			.fr #OlbSignOn #OlbSignOnForm .fieldLabelPair .labelledField { width: 63%; }
			#OlbSignOn #OlbSignOnForm .fieldLabelPair .labelledField INPUT,
			#OlbSignOn #OlbSignOnForm .fieldLabelPair .labelledField SELECT { width: 99%;  padding: 0;}
			#OlbSignOn #OlbSignOnForm .fieldLabelPair .labelledField .checkboxInput INPUT { width: auto; }
			#OlbSignOn #OlbSignOnForm .ButtonContainer { margin-bottom: 0px; }
			#OlbSignOn #OlbSignOnForm .PreFillButton { 
				background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/btn-prefill-en.gif) no-repeat;
				height: 23px !important;
				width: 197px !important;
				border: none;
				_cursor: hand;
				cursor:pointer;
			}
			.fr #OlbSignOn #OlbSignOnForm .PreFillButton { 
				background: url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/btn-prefill-fr.gif) no-repeat;
			}

		#OlbSignOn #OlbSignOnForm #globalErrorCode a { text-decoration:underline !important; }
		/* html #OlbSignOn #signOnButtonContainer.ButtonContainer, * html #OlbSignOn #signonEAAAdvice.fieldNote {padding-left:120px !important;}*/
		
		
		
		.postsignedon #CanadianResident{display:none;}
		
		/*Qualification secondary questions*/
		.valueLabelRow#thirdParty, 
		.valueLabelRow#personalUse, 
		.valueLabelRow#ageOfMajority, 
		.valueLabelRow#soleSigningAuth,
		.valueLabelRow#ownedSoley, 
		.valueLabelRow#qualifiedGuarantor, 		
		.fieldLabelPair#MortgageGoalOther-row { display:none; }
	
	/* ***** Step1 ***** */
	#informationOnFile { display: none; }
	#informationOnFile .visibleError { padding-left: 30px; }
	#informationOnFile .visibleError UL { margin-left: 15px; padding-top: 0; }
	#informationOnFile .visibleError LABEL { font-weight: bold; margin-top: 1em; display: block;  }
	#IOFStopButtons { display: none;  }
	.postsignedon #informationOnFile { display: block; }
	/****/
	#informationOnFile .visibleError .flyOverBlock .closer {display:none!important;}
	#InformationOnFile-err .flyOverBlock { color:#000000 !important; }
	
	
		#IOFCorrect .fieldLabel LABEL { font-weight: 700; }
		#IOFCorrect .inlineHelp { _margin-left: -10px; padding-left: 0px; }
		#IOFCorrect fieldset {width:auto!important;}
		#maskSINumber-IOFrow {display:none;} 
		.maskSINumberHide, .maskSINumberShow {display:none;}  
	
		
	.postsignedon #personalDetails, 
	.postsignedon #homeAddressInformation, 
	.postsignedon #contactInformation,
	.postsignedon #employmentDetails,
	.postsignedon #incomeExpenses,
	.postsignedon #CoApplicantSection,
	.postsignedon #Expenses /*Pre-Approved Mortgage*/
	{ display:none }
	.postsignedon.raPostSignOn #personalDetails, 	/* Do not hide these sections for RA */
	.postsignedon.raPostSignOn #homeAddress, 
	.postsignedon.raPostSignOn #contactInformation 
	{ display:block; }
	
	
	.postsignedon  #personalDetails FIELDSET .relevantNotes {
		display: none;
	}
	/* 
		These should be automatic conditional rows hidden by JS
	.fieldLabelPair#OccupationOther-row, 
	.fieldLabelPair#employeeID-row,  	
	.fieldLabelPair#ResidentialStatusOther-row	
	#SINAuth-row { display: none; }
	*/ 
	
	.TwoColumnLayout .SecondaryField .optionalNote { padding: 2px;}
	
	/* ***** Step2 ***** */
	#minInvestmentAmount { display: inline-block; }
	
	/* Conditional rows automatic hidden
	.fieldLabelPair#BankruptcyDOB-row, .fieldLabelPair#MortgageTypesOther-row{display:none;}
	*/
	
	/* ****** Step3 for Mortgage ****** */

	/* Conditional rows automatic hidden
	.fieldLabelPair#PropertyDownPaymentSourceOther-row, .fieldLabelPair#PropertyTypeOther-row {display:none;}
	*/
	
	/* ****** Step3 for Credit Cards - Account Information ****** */
	.SingleColumnLayout#membershipNumber p, .SingleColumnLayout#additionalFeatures p {padding: 0 10px; }
	.SingleColumnLayout#membershipNumber h4, .SingleColumnLayout#additionalFeatures h4 {padding: 10px;font-size:1.1em;}
	.SingleColumnLayout#membershipNumber Label, .SingleColumnLayout#additionalFeatures Label,
	.SingleColumnLayout#membershipNumber .optionalNote, .SingleColumnLayout#additionalFeatures .optionalNote {  padding: 0 10px; text-align: left; width: 90%; }
	
	.SingleColumnLayout#petroPoints p, .SingleColumnLayout#additionalFeatures p {padding: 0 10px; }
	.SingleColumnLayout#petroPoints h4, .SingleColumnLayout#additionalFeatures h4 {padding: 10px;font-size:1.1em;}
	.SingleColumnLayout#petroPoints Label, .SingleColumnLayout#additionalFeatures Label,
	.SingleColumnLayout#petroPoints .optionalNote, .SingleColumnLayout#additionalFeatures .optionalNote {  padding: 0 10px; text-align: right; width: 90%; }
	/*.SingleColumnLayout#petroPoints .aeroplanAccInput {padding-right:5px;}
	.SingleColumnLayout#petroPoints .labelledField .aeroplanAccInput.aaaaa input {width: 5em;padding-right:50px;}*/
	
	.SingleColumnLayout#additionalFeatures .PrimaryField .fieldLabel {width: 58%}
	.SingleColumnLayout#additionalFeatures .PrimaryField .labelledField {width: 40.8%}
	.SingleColumnLayout#additionalFeatures .radioInput label{ padding:0; width: auto; }
	#additionalFeatures H4.PrimaryHeader {	display: block; width: 100%; padding: 0px; }
	
	/*ie bug for width of ACH section check box , */
	* html #ACH  .checkboxInput{width:200px }
	* html #ACH  .fieldLabelPair {float:none!important;}
	
	 

	/* ***** Summary ***** */
	.summaryBlock .detailsBlock { float: left; width: 100%; }
	.summaryBlock .sectionTitle { 
		border-bottom: solid 1px; 
		padding-top: 15px; 
		padding-bottom: 5px; 
		width: 100%; 
	}
	.summaryBlock .twoColumns .column { width: 50%; word-wrap: break-word; }
	.summaryBlock .fourColumns .column { width: 25%; word-wrap: break-word; }
	.summaryBlock .summaryFooter{ font-size: 0.9em; color: #999999; }
	.summaryBlock .summaryFooter .editLink { padding: 0; }
	.summaryBlock .editLink, .summaryblock .removeLink { font-weight: normal; padding: 0 0 0 15px; }
	.summaryBlock #Title, .summaryBlock #CoAppTitle,
	.summaryBlock #FirstName, .summaryBlock #MiddleInitial,
		.summaryBlock #DOBDay, .summaryBlock #DOBMonth,
		.summaryBlock #HomeAreaCode, .summaryBlock #WorkAreaCode, .summaryBlock #PrevAreaCode,
		.summaryBlock #ACH1AreaCode, .summaryBlock #ACH2AreaCode, .summaryBlock #ACH3AreaCode, 
		
		.summaryBlock #CoAppFirstName, 
		.summaryBlock #CoAppBirthDay, .summaryBlock #CoAppBirthMonth, 
		.summaryBlock #MortgageReqDay, .summaryBlock #MortgageReqMonth, 
		.summaryBlock #LawyerAreaCode, .summaryBlock #LawyerFaxAreaCode ,
		.summaryBlock #ACH1BirthDay, .summaryBlock #ACH1BirthMonth ,
		.summaryBlock #ACH2BirthDay, .summaryBlock #ACH2BirthMonth ,
		.summaryBlock #ACH3BirthDay, .summaryBlock #ACH3BirthMonth ,
		
		.summaryBlock #YearsAtHomeAddress, .summaryBlock #MonthsAtHomeAddress,
		.summaryBlock #RepaymentTerm, .summaryBlock #RepaymentBasis,
		
		.summaryBlock #HomeAddress1, .summaryBlock #HomeCity, .summaryBlock #HomePostalCode,
		.summaryBlock #PrevAddress1, .summaryBlock #PrevCity, .summaryBlock #PrevPostalCode,	
		.summaryBlock #PropertyAddress1, .summaryBlock #PropertyCity, .summaryBlock #PropertyPostalCode, 
		.summaryBlock #LawyerAddress1, .summaryBlock #LawyerCity, .summaryBlock #LawyerPostalCode,
		.summaryBlock #BusAddress1, .summaryBlock #BusCity, .summaryBlock #BusPostalCode,
		.summaryBlock #WorkAddress1, .summaryBlock #WorkCity, .summaryBlock #WorkPostalCode,
		
		.summaryBlock #HomeProvince, 
		.summaryBlock #PrevProvince, 
		.summaryBlock #PropertyProvince, 
		.summaryBlock #LawyerProvince, 
		.summaryBlock #BusProvince, 
		.summaryBlock #WorkProvince,
		.summaryBlock #WorkTelephone, .summaryBlock #WorkExt,
		
		.summaryBlock #EMP1BusAddress1, .summaryBlock #EMP1BusCity,
		.summaryBlock #EMP2BusAddress1, .summaryBlock #EMP2BusCity,
		.summaryBlock #EMP3BusAddress1, .summaryBlock #EMP3BusCity,
		.summaryBlock #EMP4BusAddress1, .summaryBlock #EMP4BusCity,
		.summaryBlock #EMP5BusAddress1, .summaryBlock #EMP5BusCity,
		.summaryBlock #EMP6BusAddress1, .summaryBlock #EMP6BusCity,
		.summaryBlock #EMP7BusAddress1, .summaryBlock #EMP7BusCity,
		.summaryBlock #EMP8BusAddress1, .summaryBlock #EMP8BusCity,
		.summaryBlock #EMP9BusAddress1, .summaryBlock #EMP9BusCity,
		.summaryBlock #EMP10BusAddress1, .summaryBlock #EMP10BusCity,
		.summaryBlock #EMP1StartDay	, .summaryBlock #EMP1StartMonth,
		.summaryBlock #EMP2StartDay	, .summaryBlock #EMP2StartMonth,
		.summaryBlock #EMP3StartDay	, .summaryBlock #EMP3StartMonth,
		.summaryBlock #EMP4StartDay	, .summaryBlock #EMP4StartMonth,
		.summaryBlock #EMP5StartDay	, .summaryBlock #EMP5StartMonth,
		.summaryBlock #EMP6StartDay	, .summaryBlock #EMP6StartMonth,
		.summaryBlock #EMP7StartDay	, .summaryBlock #EMP7StartMonth,
		.summaryBlock #EMP8StartDay	, .summaryBlock #EMPStartMonth,
		.summaryBlock #EMP9StartDay	, .summaryBlock #EMP9StartMonth,
		.summaryBlock #EMP10StartDay	, .summaryBlock #EMP10StartMonth, 
		.summaryBlock #BankruptcyDay, .summaryBlock #BankruptcyMonth,
		
		.summaryBlock #MovedToHomeYear, .summaryBlock #MovedToHomeMonth,
		.summaryBlock #BusFaxAreaCode, .summaryBlock #BusFaxTelephone,
		.summaryBlock #BusOperationYears, .summaryBlock #BusOperationMonths,
		.summaryBlock #EmploymentDurationYears, .summaryBlock #EmploymentDurationMonths,
		.summaryBlock #LFYEMonth, .summaryBlock #LFYEDay, .summaryBlock #LFYEYear,
		.summaryBlock #BusAreaCode, .summaryBlock #BusTelephone
		{ padding-right:0.5em; }
		
		.summaryBlock #HomeAddress1, .summaryBlock #HomeCity,
		.summaryBlock #PrevAddress1, .summaryBlock #PrevCity,
		.summaryBlock #PropertyAddress1, .summaryBlock #PropertyCity,
		.summaryBlock #LawyerAddress1, .summaryBlock #LawyerCity,
		.summaryBlock #BusAddress1, .summaryBlock #BusCity,
		.summaryBlock #WorkAddress1, .summaryBlock #WorkCity
		{ clear:left; }
		
		#INC10.detailsBlock, #INC2.detailsBlock, #INC3.detailsBlock,
		#INC4.detailsBlock, #INC5.detailsBlock, #INC6.detailsBlock,
		#INC7.detailsBlock, #INC8.detailsBlock, #INC9.detailsBlock,
		#ASS10.detailsBlock, #ASS2.detailsBlock, #ASS3.detailsBlock,
		#ASS4.detailsBlock, #ASS5.detailsBlock, #ASS6.detailsBlock,
		#ASS7.detailsBlock, #ASS8.detailsBlock, #ASS9.detailsBlock,
		#LIA10.detailsBlock, #LIA2.detailsBlock, #LIA3.detailsBlock,
		#LIA4.detailsBlock, #LIA5.detailsBlock, #LIA6.detailsBlock,
		#LIA7.detailsBlock, #LIA8.detailsBlock, #LIA9.detailsBlock 		
		{ border-top: solid 2px #EFEFEF; }
		
		.summaryBlock #totalMonthlyIncomeRow .sectionTitle,
		.summaryBlock #totalAssetRow .sectionTitle ,
		.summaryBlock #totalLiabilityRow .sectionTitle  { display: none; }
		.summaryBlock #totalMonthlyIncomeRow,
		.summaryBlock #totalAssetRow,
		.summaryBlock #totalLiabilityRow  { border-top: 1px solid; margin-top: 10px; }
		
		.summaryBlock #monthlyPaymentsHeader { font-weight: bold; }

	
	/* ***** Terms & Conditions ***** */
	#termsContainer .formNote { padding: 10px 10px 15px; }
	#termsContainer .printableNote P { margin-top: 5px; margin-bottom: 5px; }
	#termsMain.valueLabelRow, #termsFooter.valueLabelRow { padding-bottom: 15px; }
	#termsMain.valueLabelRow #termsMainContentCC{ padding: 0px 10px; font-size:1.091em;}
	#termsMain.valueLabelRow #termsMainContent{ padding: 30px 10px 0px 10px;}
		#termsMain.valueLabelRow #terms-scroll-container{ border: 1px solid #CCCCCC; /*background-color: #EFEFEF;*/}
		#termsMain.valueLabelRow .scrollableContent{ overflow-y: auto; overflow-x: hidden; height: 200px; padding: 10px; }
		#termsMain.valueLabelRow #terms-scroll-content{ width:90%;  }
		#termsMain.valueLabelRow #terms-scroll-content ol li { margin-left: 10px; }
		#termsMain.valueLabelRow #terms-scroll-content ul.specialBullet li { list-style:none; }

	#termsFooter #termsList { padding: 0px 10px 1em; }
	#termsFooter #termsList OL.lowerAlpha { margin-left: 23px; }
	#termsFooter #termsAgreement { padding: 10px; overflow:hidden; }
	#termsFooter #termsAgreement FIELDSET { border: 1px solid #CCCCCC; }
		#termsFooter #termsAgreement FIELDSET LEGEND { font-weight: normal; padding: 0px 5px; }
		#termsFooter #termsAgreement .fieldLabelPair INPUT { _margin-left: -5px; }
		#termsFooter #termsAndConditionsFieldContainer {  width: 30%; }
		#termsFooter #termsAndConditionsInfoContainer { width: auto; }
		#termsFooter #termsAndConditionsFieldContainer .fieldLabelPair,
		#termsFooter #termsAndConditionsInfoContainer DIV { padding: 5px 10px; }
	
		body #termsFooter #termsRead, body.termsRead #termsFooter #termsNotRead { display: none;  }
		body.termsRead #termsFooter #termsRead { display: block; }

	
	/* ***** Confirmation ***** */
	.confirmationBlock{padding:10px 0;}
	#confirmationBlock .valueLabelRow {padding-left:15px;}
	#confirmationBlock .valueLabelRow  .confirmationNextSteps{ padding-left: 0; }
	#confirmationBlock .valueLabel { font-weight: 700; padding: 5px 0px; width: 25%;}
	#confirmationBlock .labelValue{ padding: 5px 0px; width: auto;}
	#confirmationBlock .valueLabelRow.confirmationNextSteps .valueLabel { padding-top: 15px; padding-bottom: 0px; padding-left: 15px; }
	#confirmationBlock .valueLabelRow.confirmationNextSteps .labelValue { clear: both; padding-left: 15px; }
	#confirmationBlock .valueLabelRow.confirmationNextSteps .labelValue ul{ margin-left: 15px; padding-top: 0px; }

	/* ***** Full Page Error ***** */
	#mainSection.fullPageError #errorsOnPage { margin-bottom: 5em; }
/*  *************************************************************************
	*	Product Specific CSS												*
	*************************************************************************/

	/*	***** GIC ***** */

	
	/*	***** RRSP ***** */

	
	/*	***** TFSA ***** */
	
	
	/*	***** CC / CCBus ***** */
	SELECT#balanceTransferNum, SELECT#addCardholderNum { width: 4em; }
	.valueLabel .valueLabelContent img { padding-top: 10px; }
	
	/*	***** MORTGAGE ***** */
	#mort #thirdParty.valueLabelRow, #mortgage #thirdParty.valueLabelRow{display:block;}
	#MortgageSelection  .PrimaryField{width:100%}
	#MortgageSelection .labelledField{width:50%}
	#MortgageSelection .fieldLabel{width:100%}
	#MortgageSelection .fieldLabel label{text-align:left;}
	#MortgageSelection .PrimaryField .labelledField {width:100%;}
	#MortgageSelection .FieldContainer {width:95%;padding-left:30px;padding-top:15px;}
	#MortgageSelection .checkboxInput{clear:none;width:45%;}
	#MortgageSelection .checkboxOther{padding-left:30px;padding-top:0px}
	#MortgageSelection #MortgageSelectionOther-row.fieldLabelPair{padding-top:0px}
	
	#Expenses .PrimaryField input {width:91%;}
	#Expenses .FieldContainer {width:99%!important; _width:97%!important; margin-right:0px !important;margin-bottom:10px;}
	#Expenses .expensesInput {width:44%!important;position:relative;}
	#ExpensesStep2 .PrimaryField input {width:91%;}
	#ExpensesStep2 .FieldContainer {width:99%!important; _width:97%!important; margin-right:0px !important;margin-bottom:10px;}
	#ExpensesStep2 .expensesInput {width:44%!important;position:relative;}
	.expensesInput .currencyFR{position:absolute;}
	#personalDetails #primaryapplicant .sectionHeader , #Expenses #primaryapplicant .sectionHeader {padding-left:168px!important;}
	#bankruptcyApplicant .PrimaryFieldOnly .labelledField { width: 100%; }
	#bankruptcyApplicant .bankruptcyText{padding-right:20px;width:555px;}
	INPUT#TotalAmtOwing, INPUT#TotalMonthlyPayment, INPUT#CoAppTotalAmtOwing, INPUT#CoAppMonthlyPayment{ text-align: left; border: none; }
	#additionalInformation .PrimaryField .fieldLabel { width:0 !important;}
	/*mortgage summary*/
	#mortgage-comments #Comments {overflow-y: auto; overflow-x: hidden; height: 100px;  }
	
	
	
	/*	***** LLC ***** */
	/* 	Getting Started Qualifications - 3 radio buttons inline 
		Removed due to UID changes PAUL-2010-05-27
		
		#AnnualIncome.valueLabelRow .valueLabel {}
		#AnnualIncome.valueLabelRow .labelValueContainer{ width: 60%; }
	*/
		#AnnualIncome .radioInput { margin-bottom: 5px; text-align: left; }
	
		/* Step 1 */
		
		/* Step 2 */
		#EMP1SelfEmployed, #EMP2SelfEmployed, #EMP3SelfEmployed, 
		#EMP4SelfEmployed, #EMP5SelfEmployed, #EMP6SelfEmployed, 
		#EMP7SelfEmployed, #EMP8SelfEmployed, #EMP9SelfEmployed, 
		#EMP10SelfEmployed, 
		#EMP10 .relevantNotes
		{ display: none; }
		#otherIncome .relevantNotes p { margin: 0 10px; }
		
		/* Step 3 */
		INPUT#TotalAsset, INPUT#TotalLiability, INPUT#TotalMonthlyIncome { text-align: right; border: none; }
		INPUT#TotalMonthlyIncome { width: 10em; }
		#otherAssets .currencyFR , #otherLiabilities .currencyFR {padding-right:0px;float:right;}
		#otherAssets .currencyFR {padding:0px;}
		.MultiColumnLayout .fieldColumn .FieldContainer INPUT {
			width: 85%!important; 
		}
				
		/* Summary page */
		#prodDetailsSummary .valueLabelRow .sectionTitle{display:none;}

		/* Extendible fields in step 2 and 3 of LLC */
		.addMore { margin: 0px 10px; padding: 5px 0px; }
		
		
	/*	***** Rapid App / Rapid App Business ***** */
	#mainSection.skippedsignon .TPA, 
	#mainSection.tpa #qualification,
	#mainSection.tpa #CallBox  { display:none; }

	#raAuthorization .StepIntroduction { width: 100% !important; }
	#offerIDHelp .flyOverBlock, #reservationNumHelp .flyOverBlock { width: 375px; }
	#offerIDHelp .flyOverBlock .contentContainer,
	#reservationNumHelp .flyOverBlock .contentContainer { text-align: center; }
	#offerIDHelp .flyOverBlock .contentContainer P,
	#reservationNumHelp .flyOverBlock .contentContainer P { text-align: left; }
	/*only for ie 6
	* html #ACH #raAddressCheck{margin-left:175px;}*/
	/*.fieldLabel label #AddressCheck{padding-left: 175 !important;}*/
	

	/* 	======   MODIFIERS 		 	=========
	=====================================*/
.hide {	display: none !important; }
.showInline { display: inline !important; }
.showBlock { display: block !important; }
.invisible { visibility: hidden !important; }
.legalText { font-size: 81.8%; color: #666666; }
.emphasizedText { font-weight:bold; }
.superscript{ font-size: 5px; vertical-align: super;  } 
sup{ font-size: 10px;  vertical-align: super; } 
.phoneNum { white-space: nowrap; }  
.greyText { color: #999999 !important; }
.readOnly { border: none; }
.disabledSelect { background-color: #E5E5E5; } 
.hideBRate{display:none;}



/***** added margin to tableGrid for cc-getting-started table */
	.leftColHeading  {
		font-weight:bold;
		height:45px;
		padding-left:2px;
		text-align:center;
		border-left: 1px solid #C2C2C2;
	}
	
	.topBorder {
		border-top: 1px solid #C2C2C2;
	}

#updateOcclabel2, #EMP1updateOcclabel2 {display:none;}

	
/* Martinus' CSS */
.errorMsgContainer { border:1px solid #D40139; clear:both; display:block; margin:0 12px 20px 13px; }
.errorMsgContent { background:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/icon-alert-white.gif) no-repeat scroll 0 10px transparent; left:-12px; min-height:30px; padding:10px 0 10px 33px; position:relative; top:0; }
.errorMessage { color:#D40139 }
	
	
/* PAUL DEBUG */
#ControlPanel { background-color: pink; position: fixed; top: 0px; right: 0px; padding: 10px;}

/* Mortgage Summary: Mortgage Details - no header */
#mortgageDetailsPreamble .detailsBlock .sectionTitle { border: none; padding-top:0; padding-bottom:0;}
#mortgageDetailsPreamble .detailsBlock .sectionTitle .valueLabel { padding-bottom:0; }

/* LLC & Mortgage GS: Thirdparty */
#llc-pl #thirdParty,
#llc-pc #thirdParty,
#llc-plc #thirdParty,
#llc-hp #thirdParty,
#llc-elc #thirdParty,
#llc-pesp #thirdParty {display:block;}

/* afp-error.html */
#GlobalErrorButtons { display: none; }
#GlobalErrorButton { display: none; }
#visibile { display: inline !important; }

/* mort-mort-fr step 2 */
#MortgageDetails .hasHelp { width:200px !important; }

/* mortgage-mortgage gs dropdown */
#mortgageDetails .fieldLabel { width:33% !important; }

/* mortgage-mortgage step 2 - applicant sectionHeader */
#primaryapplicant .sectionHeader { padding-left:168px !important; }
input#CoAppPLC { margin-top:12px; }

/* mort-mort Date of Discharge */
.summaryBlock #BankruptcyDay.column, .summaryBlock #BankruptcyMonth.column, .summaryBlock #BankruptcyYear.column { width:auto !important; }

/* mortgage-mortgage Length of Employment */
.summaryBlock #EmploymentDurationYears { padding-right: 0em !important; }

/* rrsp Start Date of Recurring Contributions */
.summaryBlock #RecurringStartDay, .summaryBlock #RecurringStartMonth, .summaryBlock #RecurringStartYear { float:left !important; }

/* IE alignment fix for llc Marital Status fr dropdown */
#MaritalStatusContainer .labelledField { clear:right; }

/* Last name fix for llc */
.summaryBlock #LastName, .summaryBlock #MiddleName { float:left !important; }

 
/* IE bug for Overlay */
body.hasScreenBlocker select { visibility: hidden; }

/* IE6 */
#updateoccuPair .PrimaryField {_width:auto}
#updateoccuPair .PrimaryField .fieldLabel{_width:25%}
#sin.ReadonlyField {float:left}


/* learn more fix for GIC Summary Page */
#gic-long-term .editLink.gic-long-term,
#gic-short-term .editLink.gic-short-term,
#gic-flexible .editLink.gic-flexible,
#gic-cshbl-escal-rate .editLink.gic-cshbl-escal-rate,
#gic-variable-rate .editLink.gic-variable-rate,
#gic-redeemable .editLink.gic-redeemable,
#gic-escal-rate .editLink.gic-escal-rate,
#gic-bonus-rate .editLink.gic-bonus-rate {display:inline-block!important; padding-left: 5px; }

/* LLC step indicator fix */
#llc-progressListEN, #llc-progressListFR { margin-left:3px !important; }
* html #llc-progressListEN { margin-left:25px !important; }
* html #llc-progressListFR { margin-left:-20px !important; }
#llc-plc #progressListContainer ul.progressList .firstListItem,
#llc-pl #progressListContainer ul.progressList .firstListItem,
#llc-pc #progressListContainer ul.progressList .firstListItem,
#llc-elc #progressListContainer ul.progressList .firstListItem,
#llc-pesp #progressListContainer ul.progressList  .firstListItem,
* html #llc-progressListFR .firstListItem
{padding-left:0.4em !important; margin-left:-1px !important; }
* html #llc-plc #progressListContainer ul.progressList .firstListItem,
* html #llc-pl #progressListContainer ul.progressList .firstListItem,
* html #llc-pc #progressListContainer ul.progressList .firstListItem,
* html #llc-elc #progressListContainer ul.progressList .firstListItem,
* html #llc-pesp #progressListContainer ul.progressList  .firstListItem
{padding-left:0em !important;}

/* GIC getting started radio button fix */
#qualifications #ExistingGIC .labelValueContainer, #qualifications #ExistingRRSP .labelValueContainer, #qualifications #ExistingTFSA .labelValueContainer { width: 26% !important; }

/* Flyover spacing fix for IE */
* html .flyOverBlock .contentContainer li { margin-bottom: 0px !important; }
* html .flyOverBlock .contentContainer h6{ margin-top: 0.5em !important; }
.flyOverBlock .contentContainer h6 { font-weight: bold !important; margin-left: -14px;}


/* Mortgage step indicator fix */
#mortgage-mortgage #progressListContainer ul.progressList,
#mortgage #progressListContainer ul.progressList
{ margin-left:3px !important; }
* html #mortgage-progressListFR .firstListItem {padding-left:0.4em !important; margin-left:-1px !important; }
* html #mortgage-mortgage #progressListContainer ul.progressList .firstListItem,
* html #mortgage #progressListContainer ul.progressList .firstListItem
{padding-left:0em !important; }

/* Mortgage confirmation page list fix */
#contentMort, #contentMortgage { width: 650px !important; }

/* Radio button alignment fix for IE */
.radioInput.tfsa-gic-esc, .radioInput.tfsa-gic-bonus-rate,
.radioInput.rrsp-gic-bonus-rate, .radioInput.rrsp-gic-cash, .radioInput.rrsp-gic-esc
{ float: none !important; margin-bottom: 5px !important; }

/* Mortgage summary column fix */
#mortgage-mortgage .summaryBlock .fourColumns .column, #mortgage .summaryBlock .fourColumns .column,
#mortgage-mortgage .summaryBlock .twoColumns .column, #mortgage .summaryBlock .twoColumns .column
{ border-bottom: 1px solid white; }

/* cc-student qualifications fix */
#qualifications #HouseholdIncomeMin .valueLabel { width: 75%; clear:right; }
/*#qualifications #HouseholdIncomeMin  #HouseholdIncomeMin-err  .visibleError { width: auto !important; clear: right; }*/

		
		.summaryBlock .valueLabelRow .labelValue #Title		{padding-right:0px}
		.summaryBlock .valueLabelRow .labelValue #Title.hasVal		{padding-right:5px}
		
		#employmentDetails #selfEmployedField {float:none}
		
		#termsList .agreementText {margin-top: 0.5em}

.fr #MedicalInsurance .PrimaryField .labelledField .FieldContainer .radioInput {width:90%; _padding-bottom: 0px; padding-bottom:3px}
.fr #ACH.TwoColumnLayout .fieldLabelPair .fieldLabel label,
.fr #CCIssuer.TwoColumnLayout .fieldLabelPair .fieldLabel label
{padding-right: 0; width:99% !important}

/*flyover accessibility*/
.IE7Floater {float:left}
.flyOver:focus { outline: 1px dotted #000 } 

/* Contact Banner */

#contactArea {
	
	background-color:#f5f4ee;
	padding:2px 0;
	margin-left:1px;
	_margin-left:0px;
	width:100%;
	font-weight:bold;
	font-size:110%;
}

#contactArea span {
/*	display:inline-block; */
	
	height:41px;
	line-height:41px;
}
#contactArea #tabC2C {
/*	background-color:lightgreen;*/
	float:right;
	text-align:right;
/*	border-right:1px solid #A2A19F; */
	margin-right:5px;
}
#contactArea #tabC2C span {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/live-chat.gif);
	background-repeat:no-repeat;
	background-position:0 9px;
	padding-left:40px;
}
#contactArea a {
	text-decoration:none;
	cursor:pointer;
}
#contactArea a:hover span {
	text-decoration:underline;
}
#contactArea #tabSecurity {
/*	background-color:pink;*/
	
	text-align:left;
	margin-left:10px;
}
#contactArea #tabSecurity span {
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/online-security-guarantee.gif);
	background-repeat:no-repeat;
	background-position:0 9px;
	padding-left:34px;
}
#contactArea #tabPhoneNum {
/*	background-color:aqua;*/
	float:right;
	text-align:right;
}
#contactArea #tabPhoneNum span {
/*
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/m/img/icon-help.gif);
	padding-left:24px;
	background-repeat:no-repeat;
*/
	margin-right:10px;
}

#contactArea #tabC2C span.separatorLine {
	width:41px;
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/apply/separator.gif);
	background-repeat:no-repeat;
	background-position:20px 9px;
	overflow:hidden;
	padding:0;
}

#cancelFlyOver {
	font-size:13px;
}
#cancelFlyOver .titleContainer h4 {
	padding-bottom:15px;
}
#cancelFlyOver .contentContainer {
	padding-top:15px;
}
#cancelFlyOver p , #cancelFlyOver .PrimaryFlowButtons input {
	font-size:11px;
}
#cancelFlyOver h4 , #cancelFlyOver p .emphasizedText , #cancelFlyOver p a {
	font-size:13px;
}
#cancelFlyOver p .emphasizedText {
	display:inline-block;
	margin-top:15px;
}
#cancelFlyOver .flyOverBlock {
}
#cancelFlyOver .separator {
	height:1px;
	overflow:hidden;
	background-color:#cccccc;
	margin:10px 0 10px 0;
	width:38em;
}

#cancelFlyOver a {
	font-weight:bold;
/*	text-decoration:none;*/
}
/*
#cancelFlyOver a:hover {
	text-decoration:underline;
}
*/
#cancelFlyOver #cancel-flyover-chat {
	font-weight:bold;
	padding-bottom:10px;
	margin:15px 0 10px 0;
	border-bottom:1px solid #cccccc;
}
#cancelFlyOver #cancel-flyover-chat a {
	display:block;
	height:27px;
	line-height:27px;
	background-image:url(/content/dam/cibc-public-assets/development/tfsa-rrsp/img/apply/live-chat.gif);
	background-repeat:no-repeat;
	padding-left:40px;
}

#CallBox {
	display:none;
}
#agreeCheckBoxNote{padding-left:20px;}
/* */
.emphasized{
	font-weight: bold;
}


/* accesability text size buttons - Copied from global.css */
button.letterButton.first { margin-left: 13px; }

button.letterButton {
	cursor: pointer;
	margin-right: 15px;
	outline: none;
	color: #000;
	width: 17px;
	height: 19px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	border: 1px solid #636363; 
	background-color: #cecece; /* old browsers */
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CECECE 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CECECE 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #CECECE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #CECECE));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #CECECE 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #CECECE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CECECE',GradientType=0 );
}

button.letterButton.on {
	/* selected */
	border: 1px solid #7b7b7b;
	background-color: #dedede; /* for older browsers */
	background-image: -ms-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: -moz-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: -o-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #979797), color-stop(1, #DEDEDE));
	background-image: -webkit-linear-gradient(top, #979797 0%, #DEDEDE 100%);
	background-image: linear-gradient(to bottom, #979797 0%, #DEDEDE 100%);	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#979797', endColorstr='#DEDEDE',GradientType=0 );
}

button.letterButton#textsize0 { font-size: 10px !important }
button.letterButton#textsize1 { font-size: 12px !important }
button.letterButton#textsize2 { font-size: 14px !important }
button.letterButton#textsize3 { font-size: 15px !important }

div#accessibility a#normalContrast, 
	div#accessibility a#normalContrast:visited, 
	div#accessibility a#highContrast, 
	div#accessibility a#highContrast:visited { color: black !important }


/* end of footer styles */

/* header styles */


.formPrologue {
  margin: 15px 0;
  padding: 15px;
  border: 1px solid #af0b1c;
  overflow: auto;
}

.formPrologue p {
  margin: 5px 0 0 0;
  color: #af0b1c;
  font-size: 11pt;
  font-weight: bold;
}
.formPrologue p a {
  text-decoration: underline !important;
}
.formPrologue .right {text-align: right;}