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

/* ------------------------------------------------- */
/* Main Containers --------------------------------- */
/* ------------------------------------------------- */
#branding{
	position:relative;
	width:100%;
	height:38px;
	background: url(../images/logo.png) 15px center no-repeat,#FFF;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#branding{
		background: url(../images/logo@2x.png) 15px center no-repeat,#FFF;
		background-size:122px 30px;
	}
}

#mainNav{
	position:relative;
	width:100%;
	height:53px;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.5)),
	color-stop(0.10, rgba(0,0,0,0.0))
	),-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(154,225,33,1)),
	color-stop(1.0, rgba(118,182,16,1))
	);
}
#mainNav-arrow {
	position:absolute;
	width:10px;
	height:5px;
	margin-top:53px;
	margin-left:86%;
	z-index:999;
	background:url(../images/arrow-mainNav.png) 0 0 no-repeat;	
}
@media all and (-webkit-min-device-pixel-ratio:1.5) {
    #mainNav-arrow{
		position:absolute;
		width:10px;
		height:5px;
		margin-top:53px;
		margin-left:86%;
		z-index:999;
		background:url(../images/arrow-mainNav@2x.png) 0 0 no-repeat;	
		background-size:10px 5px;
	}
	#mainNav-arrow-lvl2 {
		margin-left:56%;
	}
}


#titleBar {
	position:relative;
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.3);
	margin-bottom:0px;
	background-color:#f7f7f7;
	font-size:12px;	
}
#titleBtn {
	position:absolute;
	width:100%;	
}
#titleBtn>a {
	float:right;
}
#titleText {
	display:table;
	height:40px;
	padding:5px 5px 5px 8px;
}
#titleText>p {
	display:table-cell;
	vertical-align:middle;
	margin:0;
}
#title {
	font-size:16px;
	font-weight:bold;
	color:#000;	
	padding:0px 0px 0px 5px;
}

#landingTitle {
	background-color:#fff;
	text-align:center;
	font-size:15px;
	padding:10px 0px;
	text-shadow:0px -1px 1px #fff;
}

#landingSplash {
	height:165px;
	background:url(../images/landing_cover.jpg) center center no-repeat;	
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#landingSplash {
		height:165px;
		background:url(../images/landing_cover@2x.jpg) center center no-repeat;	
		background-size: 320px 165px;
	}
}

#logoffTitle {
	background-color:#fff;
	padding:10px 10px;
	text-shadow:0px -1px 1px #fff;
}
#logoffTitle h5 {
	font-size:14px;
	text-align:left;
	font-weight:normal;	
	margin-bottom:10px;
}
#logoffTitle p {
	font-size:12px;
	text-align:left;	
}
.logoffBar {
	background-color:#539529;
	font-size:12px;
	color:#fff;
	padding:2px 10px;
}
.logoffImage {
	height:83px;
}
#logoffImage1 {
	background:url(../images/logoff_image1.jpg) center center no-repeat;	
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#logoffImage1 {
		background:url(../images/logoff_image1@2x.jpg) center center no-repeat;	
		background-size: 320px 83px;
	}
}
#logoffImage2 {
	background:url(../images/logoff_image2.jpg) center center no-repeat;	
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#logoffImage2 {
		background:url(../images/logoff_image2@2x.jpg) center center no-repeat;	
		background-size: 320px 83px;
	}
}

#contents{
	position:relative;
	width:100%;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.1)),
	color-stop(0.50, rgba(0,0,0,0.0))
	),#FFF;
	/*background: #E9F0E0;*/
	padding:0;
	border:0;	
	
}

.contentviewer{
	/*font-size: medium;*/
}


#contents h4 {
	color:#333;
	font-size:16px;
	font-weight:bold;
	margin:0px;
}
#contents h5 {
	color:#000;
	font-size:12px;
	font-weight:bold;
	margin:0px;
}
#contents h6 {
	//color:#000;
	color:#4e7d02;
	font-size:12px;
	font-weight:bold;
	margin:0px;
}
#contents p {
	margin:0px;
}
.header{
	display:table;
	width:100%;
	padding:15px 20px 12px 20px;
	margin:auto;	
	color:#999;			
}
.banner {
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #e7e5e5),
	color-stop(1, #dfdcdc)
	);
	padding:8px 20px 5px 20px;
}
.container{
	display:table;
	width:100%;
	padding:20px 2%;
	margin:0px;	
}
.container td.display {
	display:table;
	width:100%;
	padding-left:0px;
}
.container td.display>*:first-child {
	display:table-cell;
	vertical-align:top;
	height:30px;
	width:110px;
}
.container td.display>*:last-child {
	display:table-cell;
	vertical-align:top;	
	height:30px;
}
.section {
	padding:12px 0px;
	border-bottom: 1px #d4d4d4 solid;
}
.section_nb {
	padding:12px 0px;
}
.floatLeftBox-2col{
	display:block;
	float:left;
	width:48%;
}

.section2 {
	padding:11px 0px 6px 0px;
}
.subsection {
	padding:10px 0px 10px 15px;
	border-bottom: 1px #d4d4d4 solid;	
}
.subsection_nb {
	padding:10px 0px 10px 15px;
}
.section>table, .section_nb>table {
	width:100%;
}
table.container tr:first-child>td.section, table.container tr:first-child>td.subsection, table.container tr:first-child>td.section_nb, table.container tr:first-child>td.subsection_nb {
	padding-top:0px;
}
table.container tr:last-child>td.section, table.container tr:last-child>td.subsection, table.container tr:last-child>td.section_nb, table.container tr:last-child>td.subsection_nb {
	padding-bottom:0px;
}

#grid{
	height:10px;
	background: url(../images/background-grid.png) repeat;
	-webkit-box-shadow:inset 0px 5px 5px rgba(0,0,0,0.5);
}
#grid2{
	height:10px;
	background: url(../images/background-grid.png) repeat;
	-webkit-box-shadow:inset 0px 5px 5px rgba(0,0,0,0.5);
}

#faq_list {
	font-size:14px;
	margin:0 0 0 10px;
	padding-left:10px;
}
#faq_list li {
	margin-bottom:1em;
	color:#4087c9;
	text-decoration:underline;	
}
#faq_list ul {
	margin:0 0 0 10px;
	padding-left:10px;
	list-style-type:disc;
}
.tnc ol{
	padding: 0 0 20px 20px;
	font-size:12px;
	text-align:justify;
}

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

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

.tnc p{
	padding: 10px 0;
}
.tnc_preamble {
	color:#333;
}

/* >>> END Main Containers ------------------------- */

/* Account Overview */
#accountSummary-table{width:100%;}

#accountSummary-table TD{
	padding:0;
	border-top:1px solid rgba(255,255,255,0.7);
	border-bottom:1px solid rgba(0,0,0,0.2);
}

#accountSummary-table TR.whiteRow>TD{background:#FFF;}
#accountSummary-table TR.greenRow>TD{background:#E9F0E0;}

#accountSummary-table A.arrow{
	display:block;
	width:100%;
	background:url(../images/arrow-blue-3.png) right center no-repeat;
	color:#333;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#accountSummary-table A.arrow{
		background:url(../images/arrow-blue-3@2x.png) right center no-repeat;
		background-size:9px 14px;
	}
}

#accountSummary-table .accountSummary-lvl1{
	/* Height Review */ /*padding:0 10px 5px;*/ padding:0 10px;
}

#accountSummary-table .accountSummary-lvl2{
	/* Height Review */ /*padding:0 20px 5px;*/ padding:0 15px 0 20px;
}

#accountSummary-table .accountSummary-lvl1-table{width:100%;}

#accountSummary-table .accountSummary-lvl2-table{width:100%;}


#accountSummary-table .accountSummary-lvl1-table TD, #accountSummary-table .accountSummary-lvl2-table TD{
	/* Height Review */ /* padding:10px 0;*/ padding:5px 0;
	border-top:none;
}


/* insurance summary */
.insuranceSummary-lvl1{padding:10px;}
.insuranceSummary-lvl1-table{width:100%;}

#insuranceSummary-table{width:100%;}
#insuranceSummary-table TD{
	padding:0;
	border-top:1px solid rgba(255,255,255,0.7);
	border-bottom:1px solid rgba(0,0,0,0.2);
}
#insuranceSummary-table TR.whiteRow>TD{background:#FFF;}
#insuranceSummary-table TR.greenRow>TD{background:#E9F0E0;}

#insuranceSummary-table A.arrow{
	display:block;
	width:100%;
	background:url(../images/arrow-blue-3.png) right center no-repeat;
	color:#333;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#insuranceSummary-table A.arrow{
		background:url(../images/arrow-blue-3@2x.png) right center no-repeat;
		background-size:9px 14px;
	}
}
#insuranceSummary-table .insuranceSummary-lvl1{
	padding:0 10px 5px;
}

#insuranceSummary-table .insuranceSummary-lvl2{
	padding:0 20px 5px;
}

#insuranceSummary-table .insuranceSummary-lvl1-table{width:100%;}

#insuranceSummary-table .insuranceSummary-lvl2-table{width:100%;}

#insuranceSummary-table .insuranceSummary-lvl2-table TD{
	padding:10px 0;
	border-top:none;
}

/* loan summary */
.loanSummary-lvl1{padding:10px;}
.loanSummary-lvl1-table{width:100%;}

#loanSummary-table{width:100%;}
#loanSummary-table TD{
	padding:0;
	border-top:1px solid rgba(255,255,255,0.7);
	border-bottom:1px solid rgba(0,0,0,0.2);
}
#loanSummary-table TR.whiteRow>TD{background:#FFF;}
#loanSummary-table TR.greenRow>TD{background:#E9F0E0;}

#loanSummary-table A.arrow{
	display:block;
	width:100%;
	background:url(../images/arrow-blue-3.png) right center no-repeat;
	color:#333;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#loanSummary-table A.arrow{
		background:url(../images/arrow-blue-3@2x.png) right center no-repeat;
		background-size:9px 14px;
	}
}
#loanSummary-table .loanSummary-lvl1{
	padding:0 10px 5px;
}

#loanSummary-table .loanSummary-lvl2{
	padding:0 20px 5px;
}

#loanSummary-table .loanSummary-lvl1-table{width:100%;}

#loanSummary-table .loanSummary-lvl2-table{width:100%;}

#loanSummary-table .loanSummary-lvl2-table TD{
	padding:10px 0;
	border-top:none;
}


.insuranceSummary-lvl1{padding:10px;}
.insuranceSummary-lvl1-table{width:100%;}

.notes{
	background:#EEE;
}

.notes H3{
	color:#E00;
	text-shadow:1px 1px 2px rgba(255,255,255,0.8);
}

.notes OL{
	margin:0;
	/* Height Review */ /*padding:1em 0 1em 2em;*/ padding: 0.5em 0 0.5em 1.5em;
	font-size:11px;
}

.notes LI, .notes P{
	margin-bottom:0.5em !important;
	color:#000;
	text-shadow:1px 1px 2px rgba(255,255,255,0.8);
	font-size:11px;
}

/* ------------------------------------------------- */
/* Change ------------------------------------------ */
/* ------------------------------------------------- */

.down {
	padding:0px 0px 0px 12px;
	color:#ff3c3c;
	line-height:12px;	
	background:url(../images/arrow-down.png) left center no-repeat;
}
.up{
	padding:0px 0px 0px 12px;
	color:#65a125;
	line-height:12px;
	background:url(../images/arrow-up.png) left center no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.down {
	padding:0px 0px 0px 12px;
	color:#ff3c3c;
	line-height:12px;	
	background:url(../images/arrow-down@2x.png) left center no-repeat;
	background-size:10px 10px;
}
.up{
	padding:0px 0px 0px 12px;
	color:#65a125;
	line-height:12px;
	background:url(../images/arrow-up@2x.png) left center no-repeat;
	background-size:10px 10px;	
}
}
/* >>> END Change ---------------------------------- */


/* ------------------------------------------------- */
/* Time Deposit ------------------------------------ */
/* ------------------------------------------------- */

.td_input td {
	vertical-align:middle;
	height:30px;
}
.td_input_1 {
	width:10px;
}
.td_input_2 {
	width:150px;
	padding-right:5px;
}
.td_input_3 {
	width:150px;
}
#td_enquirerate > div > p, #td_enquirerate > div td {
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding:4px;	
}
#td_enquirerate > div table {
	padding:10px 5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	width:100%;
	margin:3px 0px;
}
#td_enquirerate > div a.btn {
	float:right;
}
#td_enquirerate > div > div, #td_enquirerate > div > div {
	margin-top:5px;
	height:37px
}
.td_maturity {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;	
}

/* ------------------------------------------------- */
/* Foreign Currency -------------------------------- */
/* ------------------------------------------------- */

#fc_warning {
	position:relative;
	margin: 5px 0px 5px 78px;
	display:block;
	width:187px;
	height:36px;
	background:url(../images/btn-securityRequire_animated.gif) no-repeat;
	background-size: 187px 36px;
	-khtml-user-select:none;
	cursor:pointer;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#fc_warning {
		background:url(../images/btn-securityRequire_animated@2x.gif) no-repeat;
		background-size: 187px 36px;
	}
}

#fc_warning_1 {
	position:absolute;
	top:5px;
	left:7px;
	width:90px;
	color:red;
	text-shadow:1px 1px 2px #FFF;
	line-height:1em;
}
#fc_warning_2 {
	position:absolute;
	top:10px;
	right:10px;
	color:white;
	font-weight:bold;
	text-shadow:0 -1px 1px rgba(0,0,0,0.3);
}
#fc_warning_2>p {
	height:30px;
	width:90px;	
}
#fc_promo {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #fac137),
	color-stop(1, #f98905)
	);
	border-top:1px solid #c39a00;
	/*height:81px;*/
	padding:20px 10px;
	font-weight:bold;
}
#fc_promo_1 {
	color:#FFF;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);			
}
#fc_promo_2 {
	width:100%;
	/*padding-top:20px;*/
	/*padding-bottom:5px;*/
}
#fc_promo_2 td {
	color:#fff;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);			
	font-size:20px;	
	vertical-align:middle;
}
#fc_promo_2_1 {
	width:15%;
	padding-right:13px;	
	border-right:1px solid #c39a00;
}
#fc_promo_2_2 {
	width:55%;
	border-left:1px solid #fff;
	font-size: 18px; 
	padding-left: 4px; 
	padding-right: 0px;
}
#fc_promo_2_3 {
	width:30%;
	font-size: 12px; 
	padding-left:5px;
	padding-bottom:4px;
}
#fc_actnow {
	display:inline-block;
	padding:7px 5px 7px 7px;
	-webkit-border-radius:15px;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #96dd20),
	color-stop(1, #67a602)
	);
	-webkit-box-shadow:0px 1px 0px rgba(0,0,0,0.5);
	font-size:12px;
}
#fc_actnow-arrow {
	display:inline-block;	
	padding:0px 2px;
	height:14px;
	width:10px;
	margin-right:0px;
	background:url(../images/arrow-right.png) center no-repeat;
	vertical-align:middle;
 }	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#fc_actnow-arrow {
		display:inline-block;
		padding:0px 2px;
		height:14px;
		width:10px;
		margin-right:0px;
		background:url(../images/arrow-right@2x.png) center no-repeat;
		background-size: 10px 14px;
		vertical-align:middle;
	}
}

/* Foreign Currency: Buy/Sell */
#securityCodeBox{
	font-size:12px;
}

#securityCodeBox input#securityCode{
	margin-bottom:20px;
}

#securityCodeBox .paddingBox{
	display:block;
	padding:10px 20px;
	height:80px;
}

#securityCodeContent1{
	
}

#securityCodeContent2{
}

#securityCodeContent3{
}


#securityCodeBox .separator-right{
	border-right:1px solid #CCC;
}

#securityCodeBox .separator-left{
	border-left:1px solid #FFF;
}

#securityCodeBox .separator-bottom{
	border-bottom:1px solid #CCC;
}

#securityCodeBox .separator-top{
	border-top:1px solid #FFF;
}

#securityCodeBox .bottomMargin{
	margin-bottom:1em;
}



/* ------------------------------------------------- */
/* Securities My Portfolio ------------------------- */
/* ------------------------------------------------- */


#se_buyingpower > div > div, #se_sharemargin > div > div {
	margin-top:5px;
	height:37px
}

#se_buyingpower > div > p, #se_sharemargin > div > p {
    border-bottom: 1px solid #CCCCCC;
}

#se_buyingpower > div > p.noBorder, #se_sharemargin > div > p.noBorder {
    border:none;
}

#se_buyingpower > div > p, #se_sharemargin > div > p {
    padding: 5px 0;
}

#se_buyingpower > div a.btn, #se_sharemargin > div a.btn {
	float:right;
}
#se_banner {
	background-color:#e0dcdc;
	text-align:center;
}
#se_banner a.pressed>p, #se_banner a.unpressed>p{
	font-size:12px;
	font-weight:bold;
	color:#fff;
	margin:auto auto;
	line-height:32px;
}
#se_banner a.pressed, #se_banner a.unpressed {
	width:97px;
	margin:10px 2px;
}
#se_banner a.pressed {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #579414),
	color-stop(1, #5a8e21)
	);
}
#se_banner a.unpressed {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #74c023),
	color-stop(1, #4c7a1a)
	);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);
}
.se_navbar {
	-webkit-box-shadow: 0px -1px 0px #4c4c4c;
	border-top:1px solid #fff;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #e3e0e0),
	color-stop(1, #bdbcbc)
	);
	border-bottom: 1px solid #4c4c4c;
	text-align:center;
	color:#666;
	font-size:14px;
	font-weight:bold;
	padding:15px;
	line-height:15px;
	text-shadow:1px 1px 2px #fff;
}
.se_navbar_arrow1, .se_navbar_arrow2, .se_navbar_arrow_double_left, .se_navbar_arrow_double_right {
	height:15px;
	width:15px;
	margin:auto 0px;
}
.se_navbar_arrow1 {
	float:left;
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:-45px -15px;
 }	
 
.se_navbar_arrow_double_left {
	float:left;
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:-30px -75px;
 }	
 
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.se_navbar_arrow1 {
		float:left;
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-size: 60px 90px;
		background-position:-45px -15px;
	}
}
.se_navbar_arrow2 {
	float:right;
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:-15px -15px;
 }	
 
.se_navbar_arrow_double_right {
	float:right;
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:0px -75px;
 }	
 
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.se_navbar_arrow2 {
		float:right;
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-size: 60px 90px;
		background-position:-15px -15px;
	}
}
.se_longtable {
	width:100%;
}
.se_longtable tr>td {
	border-bottom:1px solid #d6dad0;
}
.se_longtable tr:last-child>td {
	border-bottom:none;
}
.se_longtable tr>*:last-child {
	padding-right:15px;
}
.se_longtable th {
	text-align:left;
	color:#333;
	font-weight:bold;
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #e6e4e5),
	color-stop(1, #e0dcdd)
	);
	font-size:12px;
	padding-top:6px;
	padding-bottom:6px;
}
.se_longtable tr>th:first-child>p {
	display:block;
	text-indent:15px;	
	border-right:1px #999 solid;
	line-height:20px;
}
.se_longtable tr>th:nth-child(2)>p {
	text-indent:15px;	
	border-left:1px #fff solid;
	border-right:1px #999 solid;	
	line-height:20px;
}
.se_longtable tr>th:last-child>p {
	text-indent:15px;	
	border-left:1px #fff solid;
	line-height:20px;
}
.se_longtable td {
	padding-top:5px;
	padding-bottom:5px;
}
.se_longtable tr:nth-child(even)>td {
	height:40px;
	padding-left:15px;
}
.se_longtable tr:nth-child(odd)>td {
	text-align:center;
	padding:5px 0px;
}
.se_longtable tr:nth-child(even)>*:first-child {
	padding-left:15px;
}
.se_longtable tr:nth-child(4n+2) {
	background-color:#f1f7e7;
}
.se_longtable tr:nth-child(4n+3) {
	background-color:#e5efd3;
}
.se_longtable tr:nth-child(4n) {
	background-color:#fff;
}
.se_longtable tr:nth-child(4n+1) {
	background-color:#eee;
}

.se_longtable tr:nth-child(4n+3) td, .se_longtable tr:nth-child(4n+1) td {
	-webkit-box-shadow: inset 0px 3px 3px rgba(0,0,0,0.4);
}
.se_longtable span {
	height:15px;
	width:15px;
	margin:9px 0px;
	float:right;
	vertical-align:middle;
	display:block;
}
.se_longtable span.close {
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:0px -15px;
}	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.se_longtable span.close {
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-size: 60px 90px;
		background-position:0px -15px;
	}
}
.se_longtable span.open {
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:-30px -15px;
 }	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.se_longtable span.open {
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-size: 60px 90px;
		background-position:-30px -15px;
	}
}


.se_stocknumber {
	-webkit-border-radius:6px;
	background:#e3dfe0;
	display:block;
	padding:0px 10px;
	margin-right:20px;
	font-size:14px;
	line-height:30px;
}
.se_greyarrow {
	height:15px;
	width:15px;
	float:right;
	margin-top:7px;	
	background:url(../images/arrow-set.png) left no-repeat;
	background-position:-15px -15px;
}	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.se_greyarrow {
		height:15px;
		width:15px;
		float:right;
		margin-top:7px;	
		background:url(../images/arrow-set@2x.png) left no-repeat;
		background-size: 60px 90px;
		background-position:-15px -15px;
	}
}
#se_portfolio_table td>p, #se_portfolio_table td>a {
	font-size:14px;
	line-height:30px;
}
#se_orderstatus_table tr>td:first-child {
	width:110px;
}
#se_orderstatus_table tr>td:first-child>p {
	font-size:12px;
	color:#000;
	font-weight:bold;
}
#se_orderstatus_table tr>td:last-child>p {
	font-size:12px;
	color:#000;	
}

/* >>> END Security My Portfolio ------------------- */


/* ------------------------------------------------- */
/* Securities WatchList ---------------------------- */
/* ------------------------------------------------- */

#se_title {
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:0px;
}
#se_tab {
	margin:15px 0px 0px 0px;
	padding:0px;
	width:100%;
	display:table;
}
#se_tab>li {
	margin-left:2px;
	padding:0px;
	float:left;
	display:table-cell;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:0px none;
	-webkit-border-radius: 5px 5px 0px 0px;
	-webkit-box-shadow:0px -1px 2px rgba(0,0,0,0.3);
}
#se_tab>li>a {
	display:block;
	height:25px;
	padding:10px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-align:center;
	width:100%;
	border-top:1px solid #666;	
	cursor:pointer;
}
.se_active_tab {
	width:30%;
}
.se_active_tab>a {
	background-color:#f6f6f6;
	font-weight:bold;
	font-size:12px;	
	-webkit-box-shadow:0px 2px 0px rgba(245,245,245,1);
}
.se_inactive_tab {
	width:15%;
}
.se_inactive_tab>a {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #e6e4e4),
	color-stop(1, #d6d5d5)
	);
	color:#fff;
	font-weight:bold;
	font-size:12px;
}

.se_blackTab {
	background-color:#404040;
}
.se_greyTab {
	background-color:#7d7d7d;
	color:#7d7d7d;
}
.se_blackTab > a {
	color:#000;
}
.se_greyTab > a {
	color:#000;
}
#se_tab_container {
	background-color:#f6f6f6;
	border-top:2px solid white;
}
#se_tab_btn {
	margin:5px 0px;
	width:100%;
	text-align:center;
}
#se_tab_btn>a {
	width:120px;
	padding:8px 10px;
	margin:5px 7px;
	vertical-align:top;	
}
#se_tab_btn>a>p {
	font-size:12px;
	line-height:11px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	text-shadow:0px 0px 0px rgba(0,0,0,0.5);
	padding:0px;
	margin:0px;
	vertical-align:top;
}
#se_tab_btn>a>p.doublespace {
	line-height:22px;	
}
.se_btn-blue-unpressed {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #1B94C8),
	color-stop(1, #036FA8)
	);	
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);		
}
.se_btn-blue-pressed {
	background:#036ea7;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);	
}
.se_btn-green-unpressed {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #74c023),
	color-stop(1, #4c7a1a)
	);	
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);		
}
.se_btn-green-pressed {
	background:#58911c;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);	
}
.se_btn-orange-unpressed {	
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #fddc01),
	color-stop(1, #ba8d04)
	);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);
	cursor:pointer;	
}
.se_btn-orange-pressed {
	background-color:#e1ac02;	
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5);	
}
#se_notice {
	padding:3px;
	text-align:right;
}
#se_notice_2{
	color:#666;
	font-weight:bold;
	font-size:11px;
	padding:1px 4px 0px 7px;
	background-color:#fff;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
}
#se_watchlist {
	width:100%;
}

#se_watchlist th > p {
	padding:5px 7px;
	font-size:11px;
	color:#fff;
	text-align:left;
}
#se_watchlist th.fixedColumn, #se_watchlist th.lastColumn, #se_watchlist th.firstColumn{
	width:50px;
	text-align:center;
}
#se_watchlist th.sortColumn > p {
	background-image:url(../images/table-whiteCorner.png);
	background-repeat:no-repeat;
 }	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#se_watchlist th.sortColumn > p {
		background-image:url(../images/table-whiteCorner@2x.png);
		background-repeat:no-repeat;
		background-size: 9px 9px;
	}
}
#se_watchlist td{
	border-top:1px solid #d4d4d4;
	font-size:12px;	
	padding:3px 7px;
	padding:3px 7px;
	vertical-align:top;
	height:30px;
}

#se_watchlist tr:nth-child(2n-1) td{
	padding-top:8px;
	padding-bottom:3px;
	height:20px;
}
#se_watchlist tr:nth-child(2n) td{
	border-top:none;
}

#se_watchlist_edit {
	width:100%;
}

#se_watchlist_edit th > p {
	padding:5px 7px;
	font-size:11px;
	color:#fff;
	text-align:left;
}

#se_watchlist_edit td{
	border-top:1px solid #d4d4d4;
	font-size:12px;	
	padding:3px 7px;
	padding:3px 7px;
	vertical-align:top;
	height:60px;
}

.se_watchlist-codeName{
	padding-top:6px;
	float:left;
	font-weight:bold;
	font-size:14px;
}

#se_watchlist_edit td.deleteBtn {
	background:url(../images/icon-delete.png) center center no-repeat;
	background-size: 18px 25px;
}	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#se_watchlist_edit td.deleteBtn {
		background:url(../images/icon-delete@2x.png) center center no-repeat;
		background-size: 18px 25px;
	}
}
#se_watchlist_edit td.moveBtn {
	background:url(../images/icon-move.png) center center no-repeat;
		background-size: 19px 16px;
	
 }	
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#se_watchlist_edit td.moveBtn {
		background:url(../images/icon-move@2x.png) center center no-repeat;
		background-size: 19px 16px;
	}
}
#se_watchlist a.btn {
	width:40px;
	margin:2px 2px 7px 0px;
	display:block;
}
.se_watchlist_edit input {
	margin-top:15px;	
}
.se_watchlist_green th {
	background:#58921A;
	text-shadow:0px -1px 1px #477714;	
}
.se_watchlist_orange th {
	background:#E0AB02;
	text-shadow:0px -1px 1px #a08e33;
}
.se_watchlist_blue th {
	background:#036EA7;
	text-shadow:0px -1px 1px #024264;
}
.se_watchlist_green tr.topTitleRow th {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.3)),
	color-stop(0.2, rgba(0,0,0,0))
	),rgba(88,146,26,1);
	text-shadow:0px -1px 1px #477714;	
}

.se_watchlist_orange tr.topTitleRow th {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.3)),
	color-stop(0.2, rgba(0,0,0,0))
	),#e0ab02;
	text-shadow:0px -1px 1px #a08e33;	
}

.se_watchlist_blue tr.topTitleRow th {
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.3)),
	color-stop(0.2, rgba(0,0,0,0))
	),#036ea7;
	text-shadow:0px -1px 1px #024264;	
}

.se_watchlist_green tr, .se_watchlist_orange tr, .se_watchlist_blue tr{
	background-color: #F7F7F7;
}
.se_watchlist_green tr:nth-child(4n+1), .se_watchlist_green tr:nth-child(4n+2) {
	background-color:#f1f7e7;	
}
.se_watchlist_orange tr:nth-child(4n+1), .se_watchlist_orange tr:nth-child(4n+2) {
	background-color: #f5f0d2;
}
.se_watchlist_blue tr:nth-child(4n+1), .se_watchlist_blue tr:nth-child(4n+2) {
	background-color: #eff6fa;
}

.se_watchlist_edit_green th {
	background:#58921A;
	text-shadow:0px -1px 1px #477714;	
}
.se_watchlist_edit_orange th {
	background:#E0AB02;
	text-shadow:0px -1px 1px #a08e33;
}
.se_watchlist_edit_blue th {
	background:#036EA7;
	text-shadow:0px -1px 1px #024264;
}
.se_watchlist_edit_green tr:nth-child(2n+1) {
	background-color: #f1f7e7;
}
.se_watchlist_edit_orange tr:nth-child(2n+1) {
	background-color: #f5f0d2;
}
.se_watchlist_edit_blue tr:nth-child(2n+1) {
	background-color: #eff6fa;
}

/* >>> END Security WatchList ---------------------- */

/* ------------------------------------------------- */
/* Securities Stock Quote -------------------------- */
/* ------------------------------------------------- */

#se_quotecontainer {
	border-bottom:1px #999 solid;
}
#se_quotebox {
	width:100%;
}
#se_quotebox td > * {
	margin:4px 0px;
	vertical-align:bottom;
}
#se_quotebox td:first-child {
	padding-right:8px;	
}
#se_quotebox td:first-child > input {
	padding:5px;
}
#se_quotebox td:nth-child(2) {
	padding:0px 10px;
}
#se_quotebox td:nth-child(2), #se_quotebox td:nth-child(3) {
	width:70px;
}
#se_quotebox td:nth-child(2)>a, #se_quotebox td:nth-child(3)>a {
	width:70px;
}

#se_quotetable {
	margin:10px 0px;
	width:100%;
}
#se_quotetable h4 {
	margin:0px;
	padding:0px;
	font-size:18px;
	vertical-align:bottom;
	line-height:18px;
}
#se_quotetable td, #se_quotetable_2 td {
	color:#000;	
	height:20px;
	vertical-align:bottom;
	padding:2px 0px 6px 10px;
	border-top:1px #ccc solid;
}
#se_quotetable tr>*:first-child, #se_quotetable_2 tr>*:first-child {
	font-weight:bold;
}
#se_quotetable tr>*:first-child {
	width:40%;
}
#se_quotetable_2 tr>*:last-child {
	text-align:right;
	white-space:nowrap;
}
#se_quotetable_2 {
	width:55%;
	float:left;
}
#se_quotetable_3 {
	margin:0px auto 10px auto;
	width:90%;
}
#se_quotetable_3 tr>*:first-child, #se_quotetable_2 tr>*:first-child {
	font-weight:bold;
}
#se_quotetable_3 tr>*:first-child {
	width:50%;
}

#se_bidasktable_2 {
	margin:20px auto 0px auto;
	width:90%;
	border:1px solid #ccc;
	-webkit-border-radius:10px;
	text-align:left;
}
#se_bidasktable_2 td {
	border-bottom:1px solid #ccc;
}
#se_bidasktable_2 tr:last-child>td {
	border-bottom:none;
}
#se_bidasktable_2 tr:first-child>td>p {
	line-height:32px;
}
#se_bidasktable_2 tr>td:first-child>a.btn {
	margin-right:15px;
}
#se_bidasktable_2 tr>td:nth-child(2)>a.btn {
	margin-right:10px;
}
#se_bidasktable_2 td>p {
	margin:5px 5px;
}
#se_bidasktable_2 tr>td:first-child>p {
	border-right:1px #ccc solid;
}

#se_disclaimer p {
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#000;
	margin-bottom:10px;
}

/* >>> END Security Stock Quote -------------------- */

/* ------------------------------------------------- */
/* Securities Local Indices ------------------------ */
/* ------------------------------------------------- */

#se_localindicestable {
	width:100%;
	font-size:14px;
	border-bottom:1px solid #999;	
}
#se_localindicestable th {
	background:#daf3b2;
	padding-top:15px;
	padding-bottom:15px;	
	text-align:left;
	color:#31540a;
	text-shadow:1px 1px 2px #FFF;
}
#se_localindicestable td {
	text-align:left;
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #999;	
}
#se_localindicestable tr>td:first-child, #se_localindicestable tr>th:first-child {
	padding-left:20px;
}
#se_localindicestable p {
	width:90%;
	color:#666;	
	border-right:1px solid #999;	
}

/* >>> END Security Local Indices ------------------ */

/* Login Information */
#loginInfo{
	position:absolute;
	top:11px;
	left:60px;
}

#loginInfo>p{
	color:#FFF;
	font-size:11px;
	text-align:left;
	letter-spacing:0em;
	display:table-row;
}
#loginInfo span {
	display:table-cell;
	padding-left:5px;
	padding-bottom:3px;
}

#logonTitle {
	padding:0px;
	line-height:52px;
	font-size:20px;
	padding-left:20px;
	color:#fff;
	font-weight:normal;
}

/* Ming customized for Securities Orders */
#se_moreordertypeslink{
	font-size: 8pt;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	float:right;
	padding:4px 10px 0 0;
}

#se_moreordertypeslink_zh{
	font-size: 10pt;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	float:right;
	padding:2px 10px 0 0;
}

/* start 2011-10-15 Travis Customer Authentication Phase 1*/
.systemMessage {
	position: relative;
	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.5)),
	color-stop(0.10, rgba(0,0,0,0.0))
	),-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(33,156,207,1)),
	color-stop(1.0, rgba(2,107,163,1))
	);
}
.systemMessage p {
	display:table-cell;
	height:40px;
	padding-left: 20px;
	font-size:16px; font-weight:bold;
	color: #fff;
	vertical-align:middle;
}

.bannerShadow {
	margin-bottom: 3px;
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}

ul.dualPasswordFields {
	padding: 0;
	margin: 0;
}

ul.dualPasswordFields li {
	list-style: none;
	float: left;
	margin-right: 3px;
	text-align: center;
}

ul.dualPasswordFields li.disabled {
	width: 20px;
	margin-right: 8px;
}

ul.dualPasswordFields li.ellipsis {
	font-weight: bold;
	font-size: 20px; 
	text-align: center;
	margin-right: 4px;
	margin-left: -3px;
	margin-top: 3px;
	font-weight: bold;
}

ul.dualPasswordFields li.lastChild{
	margin-right: 0; 
}

ul.dualPasswordFields li>div {
	font-size: 10px;
	width: 36px;
}

ul.dualPasswordFields input[type=password] {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	padding: 0;
	font-size: 14px;
}

ul.dualPasswordFields li.disabled input[type=password] {
	background: #b6b5b5;
	border: 1px solid #787878;
	width: 20px;
	box-shadow: none;
}

/********* Page Specific Style *********/
/* Common */
.secQue .tabnav a, .chgPwd .tabnav a { color: #333; }
.secQue .tabnav_active a, .chgPwd .tabnav_active a { -webkit-box-shadow:0px 2px 0px rgba(245,245,245,1); }
#secQue_1 #notesBody ul, #chgPwd_1 #notesBody ul {
	margin: 10px 0; padding-left: 25px;
	list-style-type: disc;
}
#chgPwd_3 table hr, #onPwdReset_5 table hr {
	border: 0;
	border-bottom: 1px solid #d3d3d3;
}
#chgPwd_3 h4, #onPwdReset_5 h4 {
	position: relative;
	display: inline-block;
	top: -2px;
	margin-left: 15px;
	font-size: 12px; font-weight: bold;
}
#offPwdReset_3 hr, #onPwdReset_8 hr {
	border: 0;
	border-bottom: 1px solid #d3d3d3;
}
.tabBottomBar {
	background-color: #f6f6f6;
	border-top: 2px solid white;
}
.topInsetShadowBanner {
	background: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, rgba(0,0,0,0.5)),
	color-stop(0.10, rgba(0,0,0,0.0))
	), -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #e7e5e5),
	color-stop(1, #dfdcdc)
	);
	border-top: 0;
}
.otp {
	display: inline-block;
	width: 103px; height: 69px;
	margin-right: 10px;
	background: url('../images/OTP.png') left top no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.otp {
		background: url('../images/OTP@2x.png') left top no-repeat;
		background-size: 103px 69px;
	}
}

/* Logon */
div.logon a.btn > p {
	font-size: 14px; font-weight: bold;
	text-align: center;
}
div.logon h5 { font-size: 12px; }

/* Migration */
div.migration p.caption {
	font-size: 13px; font-weight: bold;
	color: #598c05;
}
div.migration > #id-auth-options-dual {
	width: 302px; height: 56px;
	margin: 0 auto;
	background: url('../images/id-authen-option-dual.png') left top no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div.migration > #id-auth-options-dual {
		background: url('../images/id-authen-option-dual@2x.png') left top no-repeat;
		background-size: 302px 56px;
	}
}
div.migration > #id-auth-options-device-chi {
	width: 302px; height: 56px;
	margin: 0 auto;
	background: url('../images/id-authen-option-device-chi.png') left top no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div.migration > #id-auth-options-device-chi {
		background: url('../images/id-authen-option-device-chi@2x.png') left top no-repeat;
		background-size: 302px 56px;
	}
}
div.migration > #id-auth-options-dual-chi {
	width: 302px; height: 56px;
	margin: 0 auto;
	background: url('../images/id-authen-option-dual-chi.png') left top no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div.migration > #id-auth-options-dual-chi {
		background: url('../images/id-authen-option-dual-chi@2x.png') left top no-repeat;
		background-size: 302px 56px;
	}
}
div.migration > #id-auth-options-device-schi {
	width: 302px; height: 56px;
	margin: 0 auto;
	background: url('../images/id-authen-option-device-sc_chi.png') left top no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div.migration > #id-auth-options-device-schi {
		background: url('../images/id-authen-option-device-sc_chi@2x.png') left top no-repeat;
		background-size: 302px 56px;
	}
}
div.migration > #id-auth-options-dual-schi {
	width: 302px; height: 56px;
	margin: 0 auto;
	background: url('../images/id-authen-option-dual-sc_chi.png') left top no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div.migration > #id-auth-options-dual-schi {
		background: url('../images/id-authen-option-dual-sc_chi@2x.png') left top no-repeat;
		background-size: 302px 56px;
	}
}
div.migration > #id-auth-options-device {
	width: 302px; height: 56px;
	margin: 0 auto;
	background: url('../images/id-authen-option-device.png') left top no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	div.migration > #id-auth-options-device {
		background: url('../images/id-authen-option-device@2x.png') left top no-repeat;
		background-size: 302px 56px;
	}
}
div.migration span.arrow-grey-right {
	float: left;
	width: 15px; height: 15px;
	margin-bottom: 15px;
	background: url(../images/arrow-set.png) left no-repeat;
	background-position: -15px -15px;
}
.otp-lock {
	display: inline-block;
	width: 137px; height: 87px;
	margin-right: 10px;
	background: url('../images/OTP-lock.png') left top no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.otp-lock {
		background: url('../images/OTP-lock@2x.png') left top no-repeat;
		background-size: 137px 87px;
	}
}

/* Offline Password Reset */
#offPwdReset_2 > table { padding: 10px 20px; }
#offPwdReset_3 .banner {
	padding: 8px 20px 5px 10px;
	border-top: 1px solid #D4D4D4; border-bottom: 1px solid #D4D4D4;
}
#offPwdReset_3 h3 { margin: 2px 0; }
#offPwdReset_3 ol {
	margin: 0 0 15px 0; padding-left: 25px;
}
#offPwdReset_3 ul {
	margin: 10px 0; padding-left: 15px;
	list-style-type: disc;
}

/* Security Question */
.secQue_1 #contents { border-bottom: 0; }
.secQue_1 .white-navBar { border-bottom: 1px solid #666; }

/* end 2011-10-15 Travis Customer Authentication Phase 1*/

/* Mobile Travelsure - Ming*/
.ts_quoteResult { /* Copy from fc_promo */
	background:-webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.00, #fac137),
	color-stop(1, #f98905)
	);
	border-top:1px solid #c39a00;
	/*height:81px;*/
	padding:10px 10px 0px 10px;
	font-weight:bold;
}
.ts_quoteResult span{
	color:red;
}
.ts_quoteResultTitle {
	color:#FFF;
	text-shadow:0px -1px 0px rgba(0,0,0,0.3);			
}
.ts_table{
	width:100%;
	font-color:#3F3F3F;
}

.ts_table tr.whiteRow>td{
	background:#FFF;
	border-top:1px solid rgba(255,255,255,0.7);
	border-bottom:1px solid rgba(0,0,0,0.2);
}
.ts_table tr.greenRow>td{
	background:#E9F0E0;
	border-top:1px solid rgba(255,255,255,0.7);
	border-bottom:1px solid rgba(0,0,0,0.2);
}

.ts_con .whiteRow > td, .ts_con .greenRow > td {
	padding: 0 10px 0 10px;
}

.ts_table a.arrow{
	display:block;
	width:100%;
	background:url(../images/arrow-blue-3.png) right center no-repeat;
	color:#333;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.ts_table a.arrow{
		background:url(../images/arrow-blue-3@2x.png) right center no-repeat;
		background-size:9px 14px;
	}
}

.rowTop{
	padding:10px 10px 5px 10px;
}

.rowMiddle, .rowMiddle2{
	padding:0px 10px 5px 10px;
}

.rowMiddle td{
	padding:5px 0 0 0;
}

.rowBottom{
	padding:0px 10px 5px 10px;
}

.rowBottom td{
	padding:5px 0 5px 0;
}

.ts_table table{
	width:100%;
}

.ts_name td{
	padding:0 5px 0 5px;
}

.text_title{
	font-size: 12px;
	font-weight: bold;		
}
.text_normal{
	font-size: 12px;
}

#ts_input_day{
	width:30px;
}

#ts_input_year{
	width:40px;
}

#ts_input_id{
	width:256px;
}

#contactUs li{
	font-size:14px;
	margin-bottom: 5px;
}

/* end 2011-12-19 Mobile Travelsure */

/* 13 Apr 2012 Project Winnie Enhancement  */

/* Content title bar */
#contents>.headerBar,#contents>#contentsWrapper>.headerBar{/* Height Review */ /*height:6px;*/ height:4px; background:#F6F6F6;}

/* Content box */
#contents .box{/* Height Review */ /*padding:10px;*/ padding:5px 10px; background-color:#FBFBFB;}
#contents .box.grey{/* Height Review */ /*padding:10px 20px;*/ padding:5px 20px; background-color:#F6F6F6;}
#contents .box.shadow{
	background-image: -webkit-linear-gradient(
									-90deg,
									rgba(0,0,0,0.15),
									rgba(0,0,0,0) 5px);
}
#contents .box>H1{font-size:14px; color:#666;}
#contents .box>P{font-size:12px;}
#contents .box.notes{background:#EEE; border-top:1px solid #CCC;}
#contents .box.notes:last-child{border-bottom:0;}
#contents .box.notes>P{font-size:11px;}

#titleText>.lastUpdateDate{display:table-row;}

/* Box common rules*/
.box+.box{border-top:1px solid #CCC;}

/* Content specific */
#inv_ov.dataTable TD:first-child{width:50%;}
#card_ov.dataTable TD:first-child{width:50%;}
.trb_table TD:first-child{width:50%;}
.card_table TD:first-child{width:50%;}
.stock_table TD:first-child{width:40%;padding-right:8px;}
.loan_list TH{padding:5px; background:#EEE; border-top:1px solid #CCC; color:#333; text-shadow:1px 1px 2px white;}
.loan_list TH:first-child{padding-left:10px; width:20px;}
.loan_list TH:last-child{padding-right:10px;text-align:right;}
.loan_list TH>H3{margin:0;}
.loan_list TD, .loan_list TR.ui-hiddenRow>TD{padding:0; background:white; border-top:1px solid #CCC;}
.loan_list TD>A{display:block; padding:10px; text-decoration:none;}
.loan_list .ui-arrow{float:right; background-position: -15px -60px;}
.loan_list a>span.ui-arrow.collapsed {background-position: -15px -60px;}

/* Loan icons */
.icon-loan{float:left; width:29px; height:29px; background: url(../images/icon-loan.png) 0 0 no-repeat;}
.icon-loan.fixAmount{background-position:0 0;}
.icon-loan.flexRepay{background-position:-30px 0;}
.icon-loan.reborrow{background-position:-60px 0;}
.icon-loan.tax{background-position:-90px 0;}
.icon-loan.unsecured{background-position:-120px 0;}
.icon-loan.assetLink{background-position:-150px 0;}
.icon-loan.mortgage{background-position:-180px 0;}

#contentsOverlay{display:none;}

/* Height Review */
#acctSummaryTable .padding-box, #loanSummaryTable .padding-box, #insSummaryTable .padding-box{padding: 5px 10px;}
#acctSummaryTable .padding-box-5, #loanSummaryTable .padding-box-5, #insSummaryTable .padding-box-5 {padding: 1px}
#acctSummaryTable .padding-right-20, #loanSummaryTable .padding-right-20, #insSummaryTable .padding-right-20{padding-right: 15px;}
#acctSummaryTable .padding-right-20i, #loanSummaryTable .padding-right-20i, #insSummaryTable .padding-right-20i{padding-right: 15px !important;}

#hkstocks_table td{padding:10px;}
#hkstocks_table td.arrowCol{padding:0 5px 0 0;}
#hkstocks_table td.functionRow{padding:5px;}

/* Top banner */
.topBanner{margin:5px; padding:5px; background:#EFEFEF; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); border:2px solid white; border-radius:5px;}
.topBanner TABLE{width:100%;}
.topBanner TABLE TD{padding:5px;}
.topBanner .highlight{color:red;}
.topBanner H3{font-size:1em; color:#255903;}
.topBanner .ui-btn{
	position:relative;
	margin:3px 0 0 0;
	padding:10px 25px 10px 15px;
	background:-webkit-gradient( linear, left top, left bottom, from(#67A603), to(#67A603) );
	border-radius:30px;
	font-size:1em; color:white; text-shadow:0 -1px 0 rgba(0,0,0,0.5);
}
.topBanner .ui-btn>.arrow{position:absolute; top:10px; right:8px; display:inline-block; width:10px; height:14px; background:url(../images/arrow-right.png);}

/* Important Note*/
.contentNoteTable{
	display:table;
	width:100%;
	padding:5px 20px 20px 0px;
	margin:0px;	
}

/* Content table */
.M2GContentTable{
    /*border: 2px solid #a1a1a1;
    border-radius: 50px;*/
	margin: 1%;
	width: 98%;
	padding:5%;
	/*text-align: center;*/
}

.M2GNotesTable{
    border: 2px solid #4e7d02;
    padding: 10px 10px; 
    /*border-radius: 10px;*/
	margin: 4%;
	width: 92%;
	/*text-align: center;*/
	
}

.miberrmes{
	color: red !important;
	padding: 5% 5% 5% 5%;
	line-height: 1.3em;
}

.bodyHead{
	padding: 5% 0 0 5%;
}

.contentviewer .label{
	color: #4e7d02 !important;
	font-size: 12px;
}

.note-label{
	color: #4e7d02 !important;
}
.note-label div{
	margin: 4%;
}

.list-body{
	border: 0px solid #a1a1a1;
    /*border-radius: 50px;*/
	/*margin: 3% 0%;*/
	width: 100%;
	background-color:white;
	padding: 0px 10px 0px 0px !important;
}

.list-item{
	padding: 3px 15px 3px 10px;
	width:100%;
}

.accSummary .list-item{
	background:url(../images/arrow-blue-3.png) right center no-repeat;
}

#templateList .list-item{
	background:url(../images/arrow-blue-3.png) right center no-repeat;
}

.list-space{
	width:98%;
	height:1px;
	margin:1%;
	/*background-color: #8DB657;*/
	background-color:#DDD;
}

.list-item-content{
	font-size:12px;
	margin:1px;
	line-height: 1.3em;
}
.float-right{
	float:right !important;
}

.float-header{
	//position:fixed;
	width:100%;
	padding:20px;
}

.commonTable td.tLabel {
	width:30%;
	font-weight:bold;
}

.commonTable td.detail {
	width:70%;
}
.list-item0{
	background-color:#E9F0E0;
}
.list-item1{
	background-color:white;
}

.list-item-next0{
	background-color:#E9F0E0;
}
.list-item-next1{
	background-color:white;
}

.page-nav{
    position: fixed;
    right: 5%;
    bottom: 10%;
}

.fatca-msg{
	padding: 0 5% 0 5%;
	line-height: 1.3em;
}

#contents .acctType{ padding:0px 0px; background-color:#FBFBFB;}
.tLabel.padding-left-10i { padding-left: 10px; }
.detail.align-right.padding-right-10i { padding-right: 10px; }
.width-style { width: 100% !important; }
.acctTitleBorder { 
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.acctBorder { border-top: 1px solid #DDD;}
.acctHistory{
	width:100%;
	height:1px;
	background-color:#DDD;
}
.text-Padding-left{
	padding: 5% 0 0 2%;
}
.note-text{
	color:#FF0000;
}

.padding-box-12i {
padding: 12px 0 0 0;
}
.padding-box-3i {
padding: 3px 0 0 0;
}
.acctHisTable {
 width:96%;margin:0 2%;
}