body, h1, h2, h3, p, ul, ol, li, dl, dt, dd, form, fieldset, input, select, textarea { padding:0; margin:0; }
fieldset, a img { border:0; }
img.logoPrint { display:none!Important; }

p{color:#000;}
body
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

.containerMain
{
	margin:0px;
	padding:0px;
	vertical-align:top;
	}

.formHeadder
{
	padding-top:20px;
	background-color:#ffffff;
	width:900px;
	margin: 0px auto;
	}
.hsbcPageFramework00
{
	width:900px;
	margin: 0px auto;
	/*background-color:#dadada;*/
	BACKGROUND-IMAGE: none;
}

.hsbcPageFramework01
{
	padding:27px 0 26px 20px;	
	position:relative;
	height:1%;
}

.hsbcPageFramework01 img { display:block; }

.hsbcContentStyle00
{
	position:absolute;
	top:40px;
	right:40px;
}

.hsbcContentStyle00 a,
.hsbcContentStyle00 a img
{	display:block;
}

.hsbcPageFramework02
{	padding:10px;
	
	}

.hsbcPageFramework02a
{	
	width:900px;
	background-color:#ffffff;
	border:6px solid #1b0b3a;
}

.hsbcPageFramework02a_premier
{	
	width:900px;
	background-color:#1a0e60;
	border:1px solid #1a0e60;
}


.hsbcContentStyle01
{
	padding:0 0 24px 0;
}

.hsbcContentStyle01 h1
{
	font-size:26px!important;
	font-family:Arial, Helvetica, sans-serif!important;
	font-weight:normal;
	color:#FF0000!important;
	padding:12px 0 10px 20px!important;
	line-height:34px!important;
}

.hsbcContentStyle01 p
{
	font-size:75%;
	/*height:1%;*/
	padding:2px 0 0 14px;
	/*line-height:17px;*/
}

.hsbcContentStyle01 p:after
{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}

.hsbcContentStyle01 p img
{
	vertical-align:bottom;
	margin-right:6px;
	float:left;
}

.hsbcContentStyle02
{
	padding:0 19px 0 18px;
	margin:0 0 15px 0px;
	position:relative;
}

.frameworkExt00 .hsbcContentStyle02
{
	padding:0 19px 20px 0;
}

.hsbcContentStyle02 h2
{
	font-size:125%!important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 5px 0;
	line-height:15px;
}

.hsbcContentStyle03
{
	/*float:right;*/
	position:absolute;
	right:20px;
	width:148px;
}

.hsbcContentStyle03 p
{
	color:#afaac0;
	font-size:75%;
	padding:4px 0 0 0;
	line-height:16px;
	font-size:12px;
}

.hsbcContentStyle03 p img
{
	vertical-align:bottom;
	float:left;
	margin-right:5px;
}

.hsbcContentStyle04
{
	/*float:right;*/
	position:absolute;
	right:0;
}

.hsbcContentStyle04 p
{
	padding:11px 20px 10px 0;
	font-size:75%;
}

form.hsbcForm00 fieldset 
{ 
	padding:20px 0 24px 0;
}

div.SubHeadingRightAlign
{
display:inline; 
float:right;
vertical-align:middle;
font-size:12px; 
}

.hsbcContentStyle05
{
	height:1%;
	padding:0 0 9px;
	margin:0 100px !important;
}

.hsbcContentStyle05:after{ content:"."; clear:both; display:block; visibility:hidden; height:0; }

.hsbcContentStyle05a, .hsbcContentStyle05b
{
	float:left;
	color:#000000;
}

.hsbcContentStyle05a
{
	width:254px;
}
.jsHelp01{
	z-index: 10;
}
.jsHelp02{
	z-index: 9;
}
.hsbcContentStyle05b
{
	width:415px;
	position:relative;
	z-index: 10;
}

.hsbcContentStyle05a label
{
	font-size:75%;
	display:block;
	text-align:right;
	padding:8px 31px 0 0;
}

.hsbcContentStyle05b label
{
	color:#fff;
	float:left;
	font-size:75%;
	display:block;
	padding:22px 0 0 3px;
	margin:0 10px 0 0;
}

.hsbcContentStyle05b input,
.hsbcContentStyle05b select
{
	float:left;
	height:23px;
	heig\ht:18px;
	width:210px;
	padding:3px 0 0 3px;
	margin:4px 0 0 3px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
}

.hsbcContentStyleProductRadioBr input
{
	float:left;
	height:25px;
	width:210px;
	padding:3px 0 0 4px;
	margin:4px 0 0 4px;
	display:inline;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;

}

.productRadioBrText { font-size:12px!important; color:#000000 !important; margin:8px 0 0 0 !important; float:left!important;display: inline!important;}


.hsbcContentStyle05b select
{
	height:21px;
	padding:2px 0 1px;
	width:210px;
}

.hsbcContentStyle05b textarea
{
	float:left;
	width:210px;
	height:99px;
	heig\ht:95px;
	margin:0 0 0 4px;
	display:inline;
	padding:3px 0 0 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
}

.hsbcContentStyle05b input.hsbcInputStyle00
{
	width:40px;
}

.hsbcContentStyle05b input.hsbcInputStyle01
{
	padding-left:2px;
	width:38px;
	margin-left:0;
}

.hsbcContentStyle05b input.hsbcInputStyle02
{
	width:80px;
	margin-left:0;
}

.hsbcContentStyle05b input.hsbcInputStyle03
{
	width:94px;
	wid\th:90px;
	z-index:1000;
}

.hsbcContentStyle05b select.hsbcInputStyle04
{
	width:146px;
}

.hsbcContentStyle05b select.country
{
	width:120px;
}

.hsbcContentStyle05b input.hsbcInputStyle06
{
	width:13px;
	height:13px;
	float:left;
	border:0;
	margin-top:23px;
}

.hsbcContentStyle05b select.hsbcInputStyle07
{
	width:59px;
}

.hsbcContentStyle05b select.months
{
	width:75px;
}

.hsbcContentStyle05b input.hsbcInputStyle08
{
	width:59px;
}
.hsbcContentStyle05b input.hsbcInputStyle09
{
	width:90px !important;
}
.hsbcContentStyle05b span
{
	display:block;
	clear:both;
	padding:2px 0 4px 0;
	margin:0 0 0 3px;
	line-height:15px;
	font-size:75%;
	width:210px;
}

.hsbcContentStyle05b span.agree
{
	
	padding:2px 0 4px 0;
	margin:0 0 0 3px;
	line-height:15px;
	font-size:75%;
	width:520px;
}


.hsbcContentStyle05b a
{
	clear:both;
	display:inline;
	float:left;
	padding:3px 0 4px 0;
	margin:6px 0 0 3px;
	line-height:15px;
	font-size:75%;
	text-decoration:none;
}

.hsbcContentStyle05b a.hsbcContentStyle05bLink
{
		clear:both;
		float:none;
		line-height:15px;
		font-size:12px;
		text-decoration:none;
		color:#FF0000;
}


.contentStyle05Ext00 .hsbcContentStyle05b span
{
	color:#fff;
	padding:8px 0 0 0;
	float:left;
	clear:none;
	width:auto;
}

.hsbcContentStyle05b a:hover
{
	text-decoration:underline;
}

span.hsbcContentStyle05c
{
	float:left;
	clear:none;
	font-weight:normal;
	font-size:100%;
	padding:5px 4px 0 4px;
	margin:0;
	width:auto;
}

.hsbcContentStyle06
{
	height:1%;
}

.contentStyle06Ext00
{
	padding:2px 0 11px;
}

.hsbcContentStyle06:after
{
	content:":";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}

.hsbcContentStyle06a
{
	width:297px;
	float:left;
}

.hsbcContentStyle06b
{
	width:412px;
	float:left;
}

.contentStyle06Ext00 .hsbcContentStyle06a {	width:397px; }
.contentStyle06Ext00 .hsbcContentStyle06b {	width:303px; }

.hsbcContentStyle06 input
{
	width:13px;
	height:13px;
	float:right;
	margin:0 5px 0 0;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
}

.hsbcContentStyle06 label
{
	font-size:75%;
	display:block;
	padding:0px;
	line-height:13px;
}

.hsbcContentStyle07
{
	padding:0 20px 0 0 ;
	height:1%;
}

.frameworkExt00 .hsbcContentStyle07
{
	padding-top:20px;
}

.hsbcContentStyle07a
{
	padding:12px 0 12px 0;	
	height:1%;
}

.hsbcContentStyle07a:after
{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}

.hsbcContentStyle07a input.hsbcInputStyle05
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	width:93px;
	height:25px;
	padding:0 0 4px 0;
	line-height:24px;
	border:0;
}

.hsbcContentStyle07a a
{
	display:block;
	float:right;
	margin:0 0 0 10px;
}

.hsbcContentStyle09
{
	padding:20px 20px 16px 18px;
	color:#000000;
}

.hsbcContentStyle09a
{
	background:#f4f4f6;
	border:1px solid #afaac0;
	padding:14px 0 12px 20px;
}

.hsbcContentStyle09a h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:125%;
	font-weight:normal;
	color:#000;
	line-height:20px;
	padding:2px 0 2px 44px;
	background:url("file?filename=images/inm2_big_tick.gif") left top no-repeat;
}

.hsbcContentStyle09 p
{
	color:#000;
	font-size:75%;
}

/*** Footer ***/

.hsbcPageFramework03
{
	padding:13px 0 23px 20px;
}

.hsbcContentStyle08 p
{
	font-size:68.75%;
	line-height:14px;
	padding:4px 0 0 27px;
	
}

/*** Field messages ***/

.jsHelp
{
	position:relative;
}

.jsHelp label
{
	padding-right:7px;
	float:right;
}

.jsHelp a
{
	float:right;
	display:inline;
	margin:6px 7px 0 0;
}

.jsHelpMsgWrapper
{

	position:absolute;
	z-index:1000;
	right:-4px;
	_right:-11px;
	top:-3px;
	width:257px;
	background: url("file?filename=images/inm2_tooltip_bot.gif") left bottom no-repeat;
	padding:0 0 10px 0;
}

.jsHelpMsg
{
	padding:0 7px 0 0;
	width:257px;
	background:url("file?filename=images/inm2_tooltip_top.gif") left top no-repeat;
}

.jsHelpMsgHeader, jsHelpMsgFooter { height:1%; }

.jsHelpMsgHeader
{
	padding:0 0 9px 0;
}

.jsHelpMsgHeader:after,
.jsHelpMsgFooter:after
{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}

.jsHelpMsgHeader span,
.jsHelpMsgFooter span
{
	float:right;
	text-align:right;
	font-size:75%;
	display:block;
	padding:10px 9px 0 0;
}

.jsHelpMsgFooter span
{
	float:none;
	padding:10px 35px 0 0;
}

.jsHelpMsgHeader span span
{
	color:#db0011;
	float:none;
	display:inline;
	font-size:100%;
	padding:0;
}

.jsHelpMsgHeader a
{
	position:relative;
	right:4px;
	top:3px;
}

/*** JS Error Message ***/
.jsError { position:relative; background:url("file?filename=images/inm2_warning.gif") 235px 7px no-repeat; }
.jsValid { background:url("file?filename=images/inm2_tick.gif") 235px 10px no-repeat; }
.jsErrorMsg { position:absolute; top:-2px; left:261px; width:154px; display:none; background:url("file?filename=images/inm2_warning_bot.gif") left bottom no-repeat; }
.jsErrorMsgInner { padding:10px 5px 10px 15px !important; background:url("file?filename=images/inm2_warning_top.gif") left top no-repeat; }
.jsErrorMsgCheckbox { position:absolute; top:-2px; left:600px; width:154px; display:none; background:url("file?filename=images/inm2_warning_bot.gif") left bottom no-repeat; }
.jsErrorMsgInnerCheckbox { padding:10px 5px 10px 15px !important; background:url("file?filename=images/inm2_warning_top.gif") left top no-repeat; }

.jsError input { border:1px solid #db0011!important; }
.hsbcContentStyle05b input, .hsbcContentStyle05b select, .hsbcContentStyle05b textarea { border:1px solid #767676; z-index:1;}

.jsErrorMsg { position:absolute; top:-6px; left:230px; width:154px; display:none; }
.showErrorMsg .jsErrorMsg { display:block; }

.longfield1 .jsError { background:transparent url("file?filename=images/inm2_warning.gif") no-repeat scroll 313px 7px;}
.longfield1 .jsValid { background:transparent url("file?filename=images/inm2_tick.gif") no-repeat scroll 316px 10px;}
.longfield1 .jsErrorMsg { left:330px;}

.longfield2 .jsError { background:transparent url("file?filename=images/inm2_warning.gif") no-repeat scroll 413px 7px;}
.longfield2 .jsValid { background:transparent url("file?filename=images/inm2_tick.gif") no-repeat scroll 416px 10px;}
.longfield2 .jsErrorMsg { left:430px;}

.shortfield .jsError { background:transparent url("file?filename=images/inm2_warning.gif") no-repeat scroll 113px 7px;}
.shortfield .jsValid { background:transparent url("file?filename=images/inm2_tick.gif") no-repeat scroll 116px 10px;}
.shortfield .jsErrorMsg { left:130px;}

.longfield3 .jsError { background:transparent url("file?filename=images/inm2_warning.gif") no-repeat scroll 513px 7px;}
.longfield3 .jsValid { background:transparent url("file?filename=images/inm2_tick.gif") no-repeat scroll 516px 10px;}
.longfield3 .jsErrorMsg { left:530px;}

.jsErrorMsgInner span.notNull, 
span.AgeLT, 
span.AgeGT, 
span.multiDate, 
span.maxLength, 
span.multiAgeGT, 
span.multiAgeLT, 
span.oneOfThese, 
span.nHasV, 
span.alpha, 
span.dateDiffLT, 
span.email, 
span.letters, 
span.futuredate, 
span.date, 
span.areacode, 
span.countrycode, 
span.tpnumber, 
span.philName, 
span.numeric, 
span.CC1, span.CC2,span.CC3,span.CC4,span.BA1,span.BA2,span.BA3,span.DD,span.MM,span.YY, span.minLength{ padding: 0px 0px 5px 0 !important;}
.jsErrorMsg span { padding:0 113px; width:125px; line-height:15px; }
.jsError
{

	position:relative;
}

.jsErrorMsg
{
	position:absolute;
	top:-2px;
	left:261px;
	width:154px;
	display:none;
}

.showErrorMsg .jsErrorMsg { display:block; }

.jsErrorMsgInner
{
	padding:10px 0 10px 7px;
}

.jsErrorMsg span
{
	padding:0 13px 0 0;
/*	width:auto;*/
	width:125px;
	line-height:15px;
}

/*** JS Calendar ***/
#iptDate { width:67px!important; }
.jsCalendarTrigger { position:absolute; top:-28px; left:67px;	margin:0 0 0 4px!important; }
.jsCalendarTrigger img { display:block; border-left:#797979 solid 1px; }
.dateSelectorLinkOpen .jsCalendarTrigger img { visibility:hidden; }
.dateSelectorLinkOpen .jsCalendarTrigger {background:url("file?filename=images/_img/icons/calendaropen.gif") left 2px no-repeat; }
.jsCalendarHighlight { background:url("file?filename=images/_img/background/calendarhighlight.gif") left top no-repeat; z-index: 30; }
.jsCalendarHighlight { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url("file?filename=images/_img/background/calendarhighlight.gif") no-repeat scroll left top; }
.jsCalendarHighlight { background:url("file?filename=images/_img/background/calendar_highlight.gif") left top no-repeat; }


.submitBtn { margin: 0px; padding: 0px 0px 0px 360px; float: left; position:relative }
/*tooltips*/
.helptext{position:static; border:0px; margin:0px; padding:0px;}
.htcc{background-image:url("file?filename=images/inm2_gps_htt.gif"); background-repeat:no-repeat; width:305px; margin:0px; padding:15px 0 0 0;}
.htcb{background-image:url("file?filename=images/inm2_gps_htb.gif"); background-repeat:repeat-y; margin:0px; padding:5px 10px 0px 10px; width:285px; font:Arial; font-size:12px; text-align:left; font-weight:normal; color:#000;}
.htcf{background-image:url("file?filename=images/inm2_gps_htf.gif"); background-repeat:no-repeat; width:305px; padding:0px; margin:0px; border:0px;}
.htmc{position:absolute;width:305px; left:-152px; top:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.showTip div.htmc{display:block}
.hideTip div.htmc{display:none}
.helpm{display:none;}
.submitBtn .htmc { float: left; position:absolute; width:305px; z-index: 99999; /* _margin-top: 50px;*/ top:30px; left:-120px;}
.leftAlign {margin-left:0; padding:0 !important; width:auto !important;}
input.noBorder { border-width:0px !important; margin:9px 0 0 4px !important; }
.jsError input.noBorder { border-width:0px !important; padding:5px 0px 0px 0px !important; margin:9px 0 0 4px !important; }

.colorFade{color:#ccc; padding:0px; margin:0px;}
.validationErrorMessage { color:#ff0000; font-size:12px; margin-left:18px; display:block;}
validationErrorMessage SPAN{color:#ff0000; font-size:12px; padding-left:18px;}
.confv { font-size:12px!important; color:#000000 !important; margin:8px 0 0 0 !important; float:left!important; }
.asterisk { color: #FF0000; font-weight: bold; }

.confEmail{ padding: 0px 0px 5px 0 !important;}
.helpImage{top:8px;float:left; }
.helpImage p
{	color:#afaac0;
	font-size:75%;
	padding:4px 0 0 0;
	line-height:16px;
	}
	
.showif {
filter: alpha(opacity=100); opacity:0.9;

}

.showifNoBG {
background-color: #Fff; 
filter: alpha(opacity=100); opacity:0.9;
margin-top: -20px;
}

<!-- AOF cognizant form start -->
.pdfBtnspan {background:url("file?filename=images/inm2_aof_cognizant_dw_pdf.jpg") no-repeat left top !important; display:block; height:30px; width:146px;}
.pdfBtn {-moz-opacity:1; filter:alpha(opacity: 1); opacity: 1; border:none; cursor:pointer; height:31px; width:112px;}

<!-- AOF cognizant form End -->