@charset "UTF-8";
/* Hang Seng Bank Tablet/Desktop Document */

/* ------------------------------------------------- */
/* Common Styles ----------------------------------- */
/* ------------------------------------------------- */
html{
	overflow-y:scroll;
}
/* Typography -------------------------- */
body{
	margin:0;
	padding:0;
	width:100%;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
}

h1,h2,h3,h4,h5,h6,p,a{
	margin:0;
	padding:0 0 0.3em 0;
	line-height:1.3em;
}

a{
	padding:0;
}

h1,h2,h3,h4,h5,h6,p,li,td{
	color:#000;
}

a{text-decoration:none;}

img{border:0;}

.red{color:#E00 !important;}
.red2{color:#ff3c3c !important;}

.black{color:#000 !important;}
.blue{color:#329dd8;}

.grey{color:#000;}

.darkGrey{color:#000 !important;}

.green{color:#65a125 !important;}
.green2{color:#67a10b !important;}
.green3{color:#598d2b !important;}


.orange{color:#f8a547 !important;}


.white{color:#FFF !important;}

.left{text-align:left !important;}
.center{text-align:center !important;}
.right{text-align:right !important;}

.concave-green{text-shadow:0 -1px 1px #060;}


.text-small{font-size:12px !important;}
.text-smaller{font-size:10px !important;}
.text-smallest{font-size:8px !important;}

.text-emboss{text-shadow:1px 1px 2px #FFF;}
.text-shadow{text-shadow:0 -1px 1px rgba(0,0,0,0.3);}

.text-underline{text-decoration:underline;}

.padding-box{padding:10px;}
.padding-box-v{padding-top:10px;padding-bottom:10px;}
.padding-box-h{padding-left:10px;padding-right:10px;}
.padding-box-20{padding:20px;}
.padding-box-h20{padding-left:20px;padding-right:20px;}


/* Arrow */
.arrow-blue-3, .arrow-white-3{
	display:inline-block;
	margin-bottom:-3px;
	width:15px;
	height:15px;
}
.arrow-blue-3 {background:url(../images/arrow-set.png) -15px -60px no-repeat;}
.arrow-white-3{background:url(../images/arrow-set.png) -15px 0px no-repeat;}


/* Form -------------------------- */
form{
	margin:0;
	padding:0;
}

.commonForm{
	margin:0 auto 20px auto;
	padding:0;
	color:#000;
}

.commonForm td{
	margin:0;
	padding:5px 0px;
	text-align:left;
	vertical-align:top;
}

.commonForm td.noBorder{
	border:none;
}

.commonForm2{
	margin:0 auto;
}

.commonForm2 td{
	margin:0;
	padding:10px 5px;
	border-bottom: 1px solid #BBB;
	text-align:left;
	vertical-align:top;
}

.commonForm2 td.noBorder{
	border:none;
}

/* Add for EBPP*/
.commonForm2 td.noPadding{
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}

.commonForm3{
	margin:5px 0 20px 0;
}

.commonForm3 td{
	margin:0;
	padding:5px;
	border-bottom: none;
	text-align:left;
	vertical-align:middle;
}

.form-tableGroup{
	margin-bottom:10px;
	border-bottom:1px solid #BBB;
}

select{
	overflow:visible !important; /* IE7 fix */
}

select.dropDownMenu1{
	margin:0 2.5%;
	padding:3px;
	width:95%;
	font-size:1em;
}

input{
	margin:0;
	padding:0;
}

input.placeHolderText{
	color:#000;
}

input[type="text"], input[type="password"]{
	margin:0;
	padding:3px 2% 0 0;
	width:90%;
	font-size:1em;
	border-radius:5px;
}

input[type="radio"]{
	margin-bottom:10px;
	width:20px;
	height:20px;
	border-radius:10px;
}

select{
	margin:0 2.5% 0 0;
	padding:3px 2% 0 0;
	width:95.5%;
	font-size:1em;
}


.ui-dropDown-set{}

.ui-dropDown-btn{
	display:block;
	margin:0;
	padding: 5px 10% 5px 10px;
	width:85%;
	background:#FFF url(../images/ui-dropDown-icon.png) right center no-repeat;
	-webkit-box-shadow: 0 0 3px #AAA;
	-moz-box-shadow: 0 0 3px #AAA;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border:1px solid #999;
	cursor:pointer;
	-khtml-user-select:none;
}

.ui-dropDown-box{
	display:none;
	position:absolute;
	padding:5px;
	padding-top:0;
	top:20px;
	left:20px;
	width:300px;
	background:#CCC;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border: 1px solid #666;
	border-top:none;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.4);
	opacity:1;
	z-index:9999;
	-webkit-transform-origin: 50% 0;
	-webkit-transition-property:-webkit-transform, opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
}

#overlayBG, #overlayBG-content{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background:rgba(0,0,0,0.4);
	z-index:9998;
}

.boxOpened{
	display:block;
}

.boxClosed{
	top:9999px;
	display:none;
}


.openBox{
	opacity:1;
	-webkit-transform:scale(1);
}

.closeBox{
	opacity:0;
	-webkit-transform:scale(0);
}

.slideDown{
	opacity:1;
	-webkit-transform:scaleY(1);
}

.slideUp{
	opacity:0;
	-webkit-transform:scaleY(0);
}

.form-label{
	vertical-align:middle;
}

.form-realTimeQuote-textInput{
	display:block;
	margin:0;
	padding:5px !important;
	width:90% !important;
	height:20px;
	border:1px solid #CCC;
	border-radius:5px !important;
	background:#FFF;
}

.form-realTimeQuote-btn a{
	display:block;
	margin:0;
	padding:10px 0 0 0;
	width:60px;
	height:26px;
	font-size:1em;
	text-shadow: 0 -1px 1px #10648a;
	color:#FFF;
	text-align:center;
	background:url(../images/form-realTimeQuote-btn.png) no-repeat;
	cursor:pointer;
}


/* Table style */
.dataTable{
	margin-bottom:20px;
}

.dataTable td{
	margin:0;
	padding:10px 5px;
	border-bottom: 1px solid #CCC;
	text-align:left;
	vertical-align:top;
}

.dataTable td.noBorder{
	border:none;
}

.dataTable2{
	margin:5px 0;
}

.dataTable2 td{
	margin:0;
	padding:5px;
	border:none;
	text-align:left;
	vertical-align:top;
}

.separatorTable td{
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	background:none !important;
}

.separatorTable2 td{
	margin:0;
	padding:0;
	border:none;
	background:none;
}
.dropDown-box-table{
	margin:0 auto;
	font-size:0.85em;
}

.dropDown-box-table th{
	padding:15px 10px !important;
	border-bottom:1px solid #CCC !important;
	background:#DDD !important;
	color:#000 !important;
	text-align:left !important;
	font-weight:normal !important;
	text-shadow:none !important;
}

.dropDown-box-table th.leftCell{border-left:1px solid #CCC;}
.dropDown-box-table th.rightCell{border-right:1px solid #CCC;}

.dropDown-box-table tr:hover td{background:#F8F8F8;}

.dropDown-box-table tr.selected td{background:#daf3b2;cursor:default;}

.dropDown-box-table td{
	padding:10px;
	color:#000;
	border-bottom:1px solid #CCC;
	cursor:pointer;
}

/* Table: table-dynamicData */
.table-dynamicData{
	margin-left:1px;
	margin-right:5px;
	margin-bottom:5px;
	padding:2px;
	padding-top:0;
	width:99%;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.table-dynamicData .tableHeadRow td{
	height:20px;
	background:#EDEFED;
}

.table-dynamicData .tableBottomRow td{
	height:40px;
	background:#EDEFED;
}

.table-dynamicData .greyTitleRow td{
	padding:15px;
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA;
	background:#CECFCE;
}

.table-dynamicData .greyTitleRow td p{
	margin:0;
	padding:0;
	color:#000;
	font-size:0.85em;
	text-align:left;
	text-shadow:1px 1px 2px #FFF;
}

.table-dynamicData .greyRow td{
	background:#EDEFED;
}

.table-dynamicData .grey2Row td{
	background:#F3F3F3;
}

.table-dynamicData .titleBtnSet{
	position:absolute;
	top:-10px;
	right:0px;
	-khtml-user-select:none;
}

/* Common box */
.box-common-1{
	padding:0 0 5px 0;
	-webkit-border-radius:0 0 5px 5px;
	background:#FFF;
}


/* Button */
.btn-set{
	margin:0;
	padding:20px 0;
	width:570px;
	height:40px;
	-khtml-user-select:none;
}

/* Add for EBPP*/
.btn-set-narPadding{
	margin:0;	
	padding-top:10px;
	padding-bottom:10px;
	width:570px;
	height:35px;
}


.btn-set2{
	position:relative;
	margin:0;
	padding:20px 0;
	width:auto;
	height:40px;
	-khtml-user-select:none;
}

.titleBtnSet{
	position:absolute;
	top:7px;
	right:15px;
	-khtml-user-select:none;
}

.btn-grn-1, .btn-gry-2, .btn-gry-blu, .btn-gry-blu2, .btn-grn-2, .btn-grn-3, .btn-gry-gry{
	margin:0 3px;
	float:right;
}

.btn-grn-1 a, .btn-gry-2 a, .btn-gry-blu a, .btn-gry-blu2 a, .btn-grn-2 a, .btn-grn-3 a, .btn-gry-gry a{
	display:block;
	margin: 0;
	padding: 7px 0 0 0;
	width:100px;
	height:30px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
}

.btn-grn-1 a{
	color:#FFF;
	background:url(../images/btn-set1.png) left top no-repeat;
	text-shadow:0px -1px 1px #3e6417;
}

.btn-gry-2 a{
	color:#ea8282;
	background:url(../images/btn-set1.png) left -40px no-repeat;
	text-shadow:1px 1px 2px #FFF;
}


.btn-gry-blu a{
	color:#3d82c1;
	background:url(../images/btn-set1.png) left -40px no-repeat;
	text-shadow:1px 1px 2px #FFF;
}

.btn-gry-gry a{
	color:#000;
	background:url(../images/btn-set1.png) left -40px no-repeat;
	text-shadow:1px 1px 2px #FFF;
}

.btn-gry-blu2 a{
	padding-top:10px;
	height:27px;
	color:#3d82c1;
	font-size:0.85em;
	background:url(../images/btn-set1.png) left -40px no-repeat;
	text-shadow:1px 1px 2px #FFF;
}

.btn-grn-2 a{
	padding-top:10px;
	height:25px;
	font-size:0.8em;
	color:#FFF;
	background:url(../images/btn-set1.png) left -80px no-repeat;
	text-shadow:0px -1px 1px #3e6417;
}

.btn-grn-2 a.on{
	height:30px;
	background:url(../images/btn-set1.png) left -160px no-repeat;
	cursor:default;
}

.btn-grn-3 a{
	padding-top:10px;
	height:25px;
	font-size:0.8em;
	color:#FFF;
	background:url(../images/btn-set1.png) left -200px no-repeat;
	text-shadow:0px -1px 1px #3e6417;
}

.btn-grn-3 a.on{
	height:30px;
	background:url(../images/btn-set1.png) left -160px no-repeat;
	cursor:default;
}

.btn2-gry-red a{
	display:block;
	margin: 0;
	padding: 9px 0 0 13px;
	width:100px;
	height:30px;
	font-weight:bold;
	font-size:0.85em;
	text-align:left;
	cursor:pointer;
	color:#C30F18;
	background:url(../images/btn-set2.png) left -35px no-repeat;
	text-shadow:1px 1px 2px #FFF;
}

.btn2-yellow-white a{
	display:block;
	margin: 0;
	padding: 8px 0 0 13px;
	width:100px;
	height:24px;
	font-weight:bold;
	font-size:0.85em;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	background:url(../images/btn-set2.png) left -70px no-repeat;
	text-shadow:0px -1px 1px #b0a468;
}

.btn2-yellow-white2 a{
	display:block;
	margin: 0 auto;
	padding: 8px 0 0 0;
	width:100px;
	height:24px;
	font-weight:bold;
	font-size:0.8em;
	text-align:center;
	cursor:pointer;
	color:#FFF;
	background:url(../images/btn-set2.png) left -140px no-repeat;
	text-shadow:0px -1px 1px #b0a468;
}

.btn2-red-white a{
	display:block;
	margin: 0;
	padding: 8px 0 0 13px;
	width:100px;
	height:24px;
	font-weight:bold;
	font-size:0.85em;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	background:url(../images/btn-set2.png) left -105px no-repeat;
	text-shadow:0px -1px 1px #840500;
}

.btn2-green-white a{
	display:block;
	margin: 0;
	padding: 8px 0 0 13px;
	width:100px;
	height:24px;
	font-weight:bold;
	font-size:0.85em;
	text-align:left;
	cursor:pointer;
	color:#FFF;
	background:url(../images/btn-set2.png) left -175px no-repeat;
	text-shadow:0px -1px 1px #608a1a;
}

.btn3-gry-blu, .btn3-gry-green, .btn3-gry-yellow, .btn3-gry-red{
	width:59px;
}

.btn3-gry-blu a, .btn3-gry-green a, .btn3-gry-yellow a, .btn3-gry-red a{
	display:block;
	margin: 0;
	padding: 9px 0 0 0;
	width:59px;
	height:26px;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	cursor:pointer;
	color:#000;
	text-shadow:1px 1px 2px #FFF;
	background:url(../images/btn-set3.png) 0px 0px no-repeat;
}

/* Add for EBPP*/
.btn3-gry-blu-low a{
	display:block;
	margin: 0;
	padding: 4px 0 0 0;
	width:45px;
	height:18px;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	cursor:pointer;
	color:#000;
	text-shadow:1px 1px 2px #FFF;
	background:url(../images/btn-set3-low.png) 0px 0px no-repeat;
	line-height:12px;
}
.btn3-gry-blu-long a{
	display:block;
	margin: 0;
	padding: 4px 0 0 0;
	width:80px;
	height:18px;
	font-weight:bold;
	font-size:0.9em;
	text-align:center;
	cursor:pointer;
	color:#000;
	text-shadow:1px 1px 2px #FFF;
	background:url(../images/btn-set3-long.png) 0px 0px no-repeat;
	line-height:12px;
}

.btn3-gry-blu a, .btn3-gry-blu-low a, .btn3-gry-blu-long a{
	color:#3d82c1;
	text-shadow:1px 1px 2px #FFF;
}

.btn3-gry-green a{
	color:#5e8b15;
	text-shadow:1px 1px 2px #FFF;
}

.btn3-gry-yellow a{
	color:#f08303;
	text-shadow:1px 1px 2px #FFF;
}

.btn3-gry-red a{
	color:#e85a5a;
	text-shadow:1px 1px 2px #FFF;
}

.btn4-gry-blu2 a{
	display:block;
	margin: 0;
	padding: 9px 0 0 0;
	width:135px;
	height:26px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	color:#3d82c1;
	background:url(../images/btn-set4.png) 0px -40px no-repeat;
	text-shadow:1px 1px 2px #FFF;
}

.btn4-gry-blu2 a.twoLine{
	padding: 5px 0 0 0;
	line-height:1em;
	height:30px;
	font-size:0.85em;
}

.btn5-green-white a, .btn5-yellow-white a, .btn5-blue-white a{
	display:block;
	margin: 0;
	padding: 9px 0 0 0;
	width:213px;
	height:26px;
	font-weight:bold;
	font-size:0.85em;
	text-align:center;
	cursor:pointer;
	color:#FFF;
}

.btn5-green-white a.off{
	background:url(../images/btn-set5.png) 0px 0px no-repeat;
	text-shadow:0px -1px 1px #34580d;
	cursor:default;
}
.btn5-green-white a.on{
	background:url(../images/btn-set5.png) 0px -40px no-repeat;
	text-shadow:0px -1px 1px #34580d;
}
.btn5-yellow-white a.off{
	background:url(../images/btn-set5.png) 0px -80px no-repeat;
	text-shadow:0px -1px 1px #937d01;
	cursor:default;
}
.btn5-yellow-white a.on{
	background:url(../images/btn-set5.png) 0px -120px no-repeat;
	text-shadow:0px -1px 1px #937d01;
}

.btn5-blue-white a.off{
	background:url(../images/btn-set5.png) 0px -160px no-repeat;
	text-shadow:0px -1px 1px #0d5373;
	cursor:default;
}
.btn5-blue-white a.on{
	background:url(../images/btn-set5.png) 0px -200px no-repeat;
	text-shadow:0px -1px 1px #0d5373;
}

.btn6-gry-blu, .btn6-gry-green, .btn6-gry-yellow{
	width:260px;
}

.btn6-gry-blu a, .btn6-gry-green a, .btn6-gry-yellow a{
	display:block;
	margin: 0;
	padding: 9px 0 0 0;
	width:100%;
	height:26px;
	font-weight:bold;
	font-size:0.85em;
	text-align:center;
	cursor:pointer;
	color:#000;
	text-shadow:1px 1px 2px #FFF;
	background:url(../images/btn-set6.png) 0px 0px no-repeat;
}

.btn6-gry-blu a{
	color:#3d82c1;
	text-shadow:1px 1px 2px #FFF;
}

/* Text Links  */
.commonLink{
	margin:0;
	padding: 10px 0;
	color:#3d82c1;
	font-size:0.85em;
	font-weight:bold;
	line-height:3em;
	text-shadow:1px 1px 2px #FFF;
	text-decoration:underline;
	cursor:pointer;
	clear:both;
}

.textLink1{
	color:#3d82c1;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

.textLink2{
	color:red;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

/* icon */
.icon20{
	display:block;
	margin:auto;
	width:20px;
	height:20px;
}
.icon30{
	display:block;
	width:30px;
	height:30px;
}

.icon40{
	display:block;
	width:40px;
	height:40px;
}

.iconBtn{cursor:pointer;}

.icon-del{background:url(../images/icon-set1.png) 0 0 no-repeat;}
.icon-dnd{background:url(../images/icon-set1.png) -20px 0 no-repeat;}


/* List Style */
.tnc ol{
	padding: 0 0 20px 20px;
	font-size:0.85em;
	text-align:justify;
}

.tnc ol .lvl-1{
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

.tnc ol>li{
	padding: 10px 0 5px 0;
	color:#000;
}

.tnc p{
	padding: 10px 0;
}


.faq ol, .faq ul{
	margin-left:5px;
	padding: 0 0 20px 20px;
}

.faq ol>li, .faq ul>li{
	padding: 10px 0 5px 0;
	color:#4087c9;
}

.faq a:hover{text-decoration:underline;}


/* >>> END Common Styles --------------------------- */

/* Motion */
#motionBtn{
	position:absolute;
	top:5px;
	right:90px;
	display:none;
}

#gyroscopePanel{
	position:absolute;
	top:42px;
	z-index:1000;
	border:1px solid #64ac00;
	background:#64ac00;
	
	width:300px;
	left:401px;
	text-align:center;
	display:none;
	padding: 1px;
	border-radius: 5px;
}

#gyroscopePanelInner{
	background:white;
	margin: 1px;
}

#gyroscopePanelDataTable{
	border-collapse:collapse;
	padding:5px;
	text-align: left;
}

#gyroscopePanelDataTable td{
	border-bottom:1px solid #bbb8b8; 
}

#gyroscopePanelInner p{
	background:#E3E1E1;
	padding: 10px 0 0 0 ;
	border-bottom:1px solid #bbb8b8;
	height:35px;
	width:298px;
	
	color: #000;
	text-shadow:1px 1px 2px #FFF, 0 -1px 1px rgba(0, 0, 0, 0.2);
	font-size: 1.5em;
	font-weight: bold;
}

.gyroscope-btn-grn{
	margin:0 3px;
	float:left;
}

.gyroscope-btn-grn a{
	display:block;
	margin:0;
	padding: 7px 0 0 0 ;
	width:80px;
	height:24px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	color:white;
	background:#71bf00;
	background: -webkit-gradient(linear, left top, left bottom, from(#93e800), to(#589d00));
	text-shadow:0px -1px #3e6417;
	border-radius: 7px;
	font-size:12pt;
}

.gyroscope-btn-grey{
	margin:0 3px;
	float:left;
}

.gyroscope-btn-grey a{
	display:block;
	margin:0;
	padding: 7px 0 0 0 ;
	width:80px;
	height:24px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	color:#e56b6d;
	background:#e2e2e2;
	text-shadow:1px 1px 2px #FFF;
	border-radius: 7px;
	font-size:12pt;
}

.gyroscope-desc{
	font-size:12px;
	color:#000;
}
.gyroscope-desc-title{
	font-weight:bold;
	color:#000;
}
.gyroscope-checkbox{
	width:30px;
	height:30px;
}

/* ------------------------------------------------- */
/* Override Styles --------------------------------- */
/* ------------------------------------------------- */
.noBorder{border:none !important;}
.noBorder a{border:none !important;}
.noLeftBorder{border-left:none !important;}
.noRightBorder{border-right:none !important;}
.noVertBorder{border-top:none !important;border-bottom:none !important;}
.noVertBorder a{border-top:none !important;border-bottom:none !important;}
.noBackground {background:none !important;}
.noSpacing{margin:0 !important;padding:0 !important;}
.noSpacing td{margin:0 !important;padding:0 !important;}
.hMiddle{text-align:center !important;}
.vMiddle{vertical-align:middle !important;}

.border-green-top{border-top:1px solid #9ce852}
.border-green-bottom{border-bottom:1px solid #588411}


/* >>> END Override Styles ------------------------- */

/* start 15 oct 2011 Travis Customer Authentication Phase 1*/
.display-inline {display: inline !important;}
.display-none {display: none !important;}
.display-block {display: block !important;}
.ui-dropDown-wrapper{
	position:relative;
}

.noBottomtBorder{border-bottom:none !important;}
.display-table-row {display: table-row !important;}
.borderBottom{border-bottom:1px solid #CCC;}
.padding-box-v{padding-top:10px;padding-bottom:10px;}
.margin-20 {margin:20px;}
.noBottomMargin{margin-bottom:0 !important;}
.noBorder2, .noBorder2>td {
	border:none !important;
}
/* end 15 oct 2011 Travis Customer Authentication Phase 1*/

/* 13 Apr 2012 Project Winnie Enhancement */
	/* This is for temporary use in UAT */
	/*
	.ui-dropDown-wrapper.short{display:inline-block; width:30%;}
	.ui-dropDown-wrapper{position:static;}
	*/
	/* end temporary */

.indentLeft{padding-left:20px !important;}
.ui-select{	position:static;}
.ui-select.short{display:inline-block; width:30%;}

.btn3-gry-blu.twoLine>a, .btn3-gry-green.twoLine>a, .btn3-gry-yellow.twoLine>a, .btn3-gry-red.twoLine>a{padding:5px 0 4px; line-height:1em;}

/* Haven't used for pop up remarks page */
/*
.popupPage{
	position:relative; 
	margin:0 auto; padding: 0; 
	width:795px; 
}
.popupPage #middle{padding:0;}
.popupPage #footer{position:relative;}
.popupPage .btnRow{padding:0;}
*/

/* Page common */
.errorMessage{margin:0; padding:0 20px;}
.errorMessage>P{margin:0.5em 0; padding:0; font-size:0.85em;}
.errorMessage SPAN{color:#F00;}
.note{margin:0; /*Height Review */ /*padding:10px;*/ padding:5px 10px;}
.note>P, .note LI{/*Height Review */ /*margin:0.5em 0;*/ /*Height Review */ /*margin :0.4em;*/ margin :0.2em; padding:0;}
.note>OL, .note>UL{margin:0; padding:0;}
.note LI{margin-left:1.5em;}
.note>H3{color:#F00; font-size:1em;}
.sectionNote{padding:10px 20px; font-size:0.85em; color:black; text-shadow:1px 1px 2px white;}
.btnRow{height:35px;}
.floatRight{float:right;}
.separator-solidGrey{margin:0 auto; width:99%; height:0; border-top:2px solid #333; border-bottom:1px solid white;}
.separator-solidLightGrey{margin:0 auto; width:99%; height:0; border-top:1px solid #CCC; border-bottom:1px solid white;}
.separator-solidGrey.extra-margin{margin:20px auto;}
.vCenter>TH, .vCenter>TD{vertical-align:middle;}
.noVertBorder>TD{border-top:none !important; border-bottom:none !important;}

.clear{ clear:both;}
/* Button common */
.btn{
	margin:0; padding:9px 0 0 0; 
	width:100px; height:28px; 
	background: url(../images/btn-set1.png) left -40px no-repeat;
	font-weight:bold; text-align:center; 
	cursor:pointer; 
}
.btn>A{padding:0;}
.btn.floatRight+.btn{margin-right:5px;}
.btn.greenBg{background-position:0 0;}
.btn.long{
	padding:8px 3px 0; 
	background-image:url(../images/btn-set1-long.png); 
	width:194px; height:29px; 
}
.btn.long>A{font-size:0.85em;}
.btn.twoLine{padding:2px 3px 5px;} 
.btn.twoLine>A{line-height:1em;} 
.btn.whiteTxt{color:white; text-shadow:0px -1px 0 rgba(0,0,0,0.3);}
.btn.greenTxt>A, .btn.blueTxt>A, .btn.redTxt>A{text-shadow:1px 1px 2px #FFF;}
.btn.greenTxt>A{color:#5E8B15;}
.btn.blueTxt>A{color:#3D82C1;}
.btn.redTxt>A{color:#E85A5A;}
.titleBtnSet2{position:absolute;	top:7px;	right:15px;	-khtml-user-select:none;}
.titleBtnSet2>.btn{height:27px; background: url(../images/btn-set1.png) left -80px no-repeat;}
.titleBtnSet2>.btn>A{font-size:0.8em; color:white; text-shadow:0px -1px 0 rgba(0,0,0,0.3);}

/* Table: Common table */
.commonTable{
	margin:0 auto; padding:0; 
	width:96%; 
	border-spacing:0; 
	border-collapse: collapse;
}
.commonTable TR{margin:0; padding:0;}
.commonTable TD{
	margin:0; /*Height Review */ /*padding:10px 15px;*/ padding: 5px 10px; 
	border-bottom:1px solid #CCC; 
	vertical-align: top; 
}
.commonTable TD.label{width:20%;}
.commonTable TD.labelLeftBorder{border-left:1px solid #CCC;}
.commonTable TD.selectLabel{/*Height Review */ /*padding:15px 15px;*/ padding: 10px 10px;}
.commonTable TD.form-radio{/*Height Review */ /*padding:10px 0;*/ padding: 0px 0; vertical-align:middle; width:10px;}
.commonTable TD.form-radio>INPUT[type="radio"]{/*Height Review */ /*margin:5px 0 0 15px;*/ margin:5px 0 5px 15px;}
.commonTable TD INPUT[type="text"]{margin:0 5px; width:auto;}
.commonTable TD.form-label{vertical-align:middle;}
.commonTable TD.contentFix{width:30%;}
.commonTable TD.contentFixAmount{text-align:right;width:15%;}
.commonTable.leftIndent TH:first-child, .commonTable.leftIndent TD:first-child, .dTable.leftIndent TH:first-child, .dTable.leftIndent TD:first-child{padding-left:20px;}

.commonTable .dropDown-box-table  td, .dTable .dropDown-box-table  td{padding:10px 15px;}
/* Table: Data table */
.dTable{
	margin:0 auto; padding:0; 
	width:100%; 
	border-spacing:0; 
	border-collapse: collapse;
}
.dTable TR{margin:0; padding:0;}
.dTable TH{
	margin:0; 
	/*Height Review */ /* padding:10px 5px; */
	padding: 5px 5px;
	background:#D6E2C0;
	border:1px solid #9CAE7D;
	border-right:0;
	font-size:0.85em; 
	color:#365405; text-shadow:1px 1px 2px white; 
	text-align:left; vertical-align:top; 
}
H2+.dTable TH{background:url(../images/table-topShadow.png) center top repeat-x #D6E2C0;}
H2+.dTable TR.noShadow>TH{background:#D6E2C0;}

.messageBar+.dTable TH{border-top:0;}
.dTable TD{
	margin:0; 
	/*Height Review */ /*padding:8px 5px; */
	padding: 6px 5px;
	background: white; 
	border-left:1px solid #CCC;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #BBB; 
	font-size: 0.85em; 
	color: black; 
	text-align: left;
	vertical-align:top;
}

.dTable TD.btn, .dTable TD.btn3-low, .dTable TD.btn3-long{/*Height Review */ /*padding:8px 3px;*/ padding:3px 3px; border-left:0; border-right:0; text-align:center;cursor:default;height:auto;}
.dTable TD.btn{width: 60px;}
.dTable TD.btn3-low{width: 45px;}
.dTable TD.btn3-long{width: 80px;}
.dTable TH:first-child, .dTable TD:first-child, .dTable TR.lvl2>TD.indent+TD{border-left:0;}
.dTable TD.leftBorder{border-left:1px solid #CCC;}
.dTable TH.leftBorder{border-left:1px solid #9CAE7D;}
.dTable TR.greenRow>TD{background: #F1F7E7;}
.dTable TR.totalRow>TD{/*Height Review */ /*padding-top:30px;*/ padding-top:10px; background:#EEE; border-bottom:0; text-align:right; font-weight:bold;}
.dTable TR.lvl2>TD{border-bottom:1px solid #EEE;}
.dTable TR.greenRow.lvl2>TD{border-bottom:1px solid #DDD;}
.dTable TR.lvl2>TD.indent{padding:0; width:10px; border:0;}
.dTable TR.lvl2.last>TD, .dTable TR.lvl2.last>TD.indent{border-bottom:1px solid #BBB;}
.dTable TH.sortable a{color:#3d82c1;font-weight:bold;text-decoration:underline;cursor:pointer;}
.dTable TR.orangeRow>TH{background:#FDCF92;}
.dTable TR.greyRow>TH{background:#EEE;}
.dTable FONT {font-size: 1em; ;}

/*added for DTDC*/
.btn8-gry-blu{
	width:260px;
}

.btn8-gry-blu a{
	display:block;
	margin: 0;
	padding: 9px 0 0 0;
	width:100%;
	height:26px;
	font-weight:bold;
	font-size:0.85em;
	text-align:center;
	cursor:pointer;
	color:#3d82c1;
	text-shadow:1px 1px 2px #FFF;
	background:url(../images/btn-set8.png) 0px 0px no-repeat;
}

/* Add for EBPP*/
td .radio-noPadding{
	height:15px;
	margin-right:5px;
}

/* Added for Mortgage Overview */
.looking-for-wrap {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#323232;
	border:#FFFFFF 1px solid;
	box-sizing:content-box;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top:15px;
	margin-bottom:15px;
	background:#FFFFFF;
	overflow:hidden;
}
.looking-for-wrap img {border:0;}
.looking-for-wrap a {color:#323232;}
.looking-for-wrap a:hover {color:#666666;}
.looking-for-wrap .head {
	padding:10px 15px;
	background-image:url(../images/looking-head-bg.gif);
	background-position:middle left;
	background-repeat:repeat-x;
	position:relative;
}
.looking-for-wrap .text {
	float:left;
}

.looking-for-wrap .head .apply-now {
	float:right;
	position:absolute;
	top:7px;
	right:10px;
}
.looking-for-wrap .sub-head {
	padding:10px 15px;
	font-size:13px;
	background-color:#dedede;
	position:relative;
}
.looking-for-wrap .sub-head .hot-offer{
	float:right;
	position:absolute;
	top:2px;
	right:18px;
}
.looking-for-wrap .links {
	padding:10px 15px;
	font-size:12px;
	background-color:#FFF;
}
.looking-for-wrap .links table{
	font-size:12px;
}