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

/* ------------------------------------------------- */
/* Navigation Styles ------------------------------- */
/* ------------------------------------------------- */

/* Main Navigation ----------------- */
#mainNav{
	position:absolute;
	top:-15px;
	left:154px;
	width:796px;
	background:url(../images/nav-mainNav-bg-open.png) no-repeat;
	z-index:800;
	height:45px;	
}

#mainNav.close{background:url(../images/nav-mainNav-bg-close.png) no-repeat;}

#mainNav-upperSet{
	margin:0;
	padding:10px 10px 9px;
	width:776px;
}

#mainNav-lowerSet{
	margin:0;
	padding:9px 10px 14px;
	width:776px;
	height:25px;
	text-align:center;
}


#mainNav ul{
	display:block;
	margin:0 auto;
	padding:0;
	width:650px;
	list-style:none;
}

#mainNav ul li{
	float:left;
	margin:0;
	padding:0;
}

#mainNav ul li a{
	display:block;
	margin:0;
	padding:2px 18px;
	border-left:1px solid #FFF;
	border-right:1px solid #999;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	color:#000;
	text-shadow:1px 1px 2px #FFF;
	cursor:pointer;
	-khtml-user-select:none;
}

#mainNav ul li a.firstItem{border-left:none;}
#mainNav ul li a.lastItem{border-right:none;}


.mainNav-btn a, #mainNav-btn-menu a{
	display:block;
	margin:0;
	padding: 10px 0 0 0;
	width:77px;
	height:22px;
	background:url(../images/btn-mainNav.png) no-repeat;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	color:#FFF;
	text-shadow:0px -1px 1px #333;
	-khtml-user-select:none;
	cursor:pointer;
}

#mainNav-btn-logoff{
	position:absolute;
	top:6px;
	right:95px;
}

#mainNav-btn-logoff a{
	background:url(../images/btn-mainNav.png) 0 -118px no-repeat;
	text-shadow:0px -1px 1px #3f6813;
}

#mainNav-btn-menu{
	position:absolute;
	top:6px;
	right:10px;
}

#mainNav-btn-menu a{
	padding: 10px 0 0 15px;
	width:62px;
	background:url(../images/btn-mainNav.png) 0 -88px no-repeat;
	text-align:left;
}

#mainNav-btn-menu.mainNav-btn-on a{
	background:url(../images/btn-mainNav.png) 0 -88px no-repeat;
	color:#FFF;
	text-shadow:0px -1px 1px #333;
}

#mainNav-btn-menu.mainNav-btn-off a{
	background:url(../images/btn-mainNav.png) 0 -58px no-repeat;
	color:#000;
	text-shadow:1px 1px 2px #FFF;
}

#mainNav h3{
	display:inline;
	margin:0;
	padding:0 5px;
	color:#000;
	font-size:11px;
	line-height:1em;
}

#mainNav p{
	display:inline;
	margin:0;
	padding:0 0 0 5px;
	color:#000;
	font-size:11px;
	line-height:1em;
}

/* Landing Navigation */
#logonNav{
	margin:0 auto 4px;
	padding:10px;
	width:780px;
	height:25px;
	background:url(../images/logonNav-bg.png) no-repeat;
}

.logonNav-table{width:100%;}

.logonNav-table TD{
	padding:5px;
	width:20%;
	border-left:1px solid #FFF;
	border-right:1px solid #CCC;
	color:#000;
	text-shadow:1px 1px 2px #FFF;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

.logonNav-table TD A{
	color:#000;
	cursor:pointer;
	line-height:15px;
}


/* Services Navigation ------------- */
#serviceNav{
	position:absolute;
	top:0;
	left:3px;
	width:144px;
	-khtml-user-select:none;
}

#serviceNav a{
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}

.serviceNav-lvl1, .serviceNav-lvl2, .serviceNav-lvl3{
	display:block;
	margin:0;
	padding:0;
}

.serviceNav-lvl2, .serviceNav-lvl3{
	overflow:hidden;
	-webkit-transition-property: height;
	-webkit-transition-duration: 0.3s;
	-moz-transition-property: height;
	-moz-transition-duration: 0.3s;
	-o-transition-property: height;
	-o-transition-duration: 0.3s;
}

/* Service nav level 1 settings */
.serviceNav-lvl1-item, .serviceNav-lvl1-item.off{
	width:144px;
	height:45px;
}

.nav-1-accServ-on{background:url(../images/nav-lvl1-accServ-open.jpg) no-repeat;}
.nav-1-accServ-off{background:url(../images/nav-lvl1-accServ-close.jpg) no-repeat;}
.nav-1-billPay-on{background:url(../images/nav-lvl1-billPay-open.jpg) no-repeat;}
.nav-1-billPay-off{background:url(../images/nav-lvl1-billPay-close.jpg) no-repeat;}
.nav-1-investment-on{background:url(../images/nav-lvl1-investment-open.jpg) no-repeat;}
.nav-1-investment-off{background:url(../images/nav-lvl1-investment-close.jpg) no-repeat;}
.nav-1-insurance-on{background:url(../images/nav-lvl1-insurance-open.jpg) no-repeat;}
.nav-1-insurance-off{background:url(../images/nav-lvl1-insurance-close.jpg) no-repeat;}
.nav-1-loans-on{background:url(../images/nav-lvl1-loans-open.jpg) no-repeat;}
.nav-1-loans-off{background:url(../images/nav-lvl1-loans-close.jpg) no-repeat;}
.nav-1-mortgage-on{background:url(../images/nav-lvl1-mortgage-open.jpg) no-repeat;}
.nav-1-mortgage-off{background:url(../images/nav-lvl1-mortgage-close.jpg) no-repeat;}
.nav-1-cardServ-on{background:url(../images/nav-lvl1-cardServ-open.jpg) no-repeat;}
.nav-1-cardServ-off{background:url(../images/nav-lvl1-cardServ-close.jpg) no-repeat;}
.nav-1-eServ-on{background:url(../images/nav-lvl1-eServ-open.jpg) no-repeat;}
.nav-1-eServ-off{background:url(../images/nav-lvl1-eServ-close.jpg) no-repeat;}
.nav-1-custServ-on{background:url(../images/nav-lvl1-custServ-open.jpg) no-repeat;}
.nav-1-custServ-off{background:url(../images/nav-lvl1-custServ-close.jpg) no-repeat;}
.nav-1-privBank-on{background:url(../images/nav-lvl1-privBank-open.jpg) no-repeat;}
.nav-1-privBank-off{background:url(../images/nav-lvl1-privBank-close.jpg) no-repeat;}
.nav-1-mpfServ-on{background:url(../images/nav-lvl1-mpfServ-open.jpg) no-repeat;}
.nav-1-mpfServ-off{background:url(../images/nav-lvl1-mpfServ-close.jpg) no-repeat;}
.nav-1-orsoServ-on{background:url(../images/nav-lvl1-orsoServ-open.jpg) no-repeat;}
.nav-1-orsoServ-off{background:url(../images/nav-lvl1-orsoServ-close.jpg) no-repeat;}
.nav-1-eSta_eAdv-on{background:url(../images/nav-lvl1-eSta_eAdv-open.jpg) no-repeat;}
.nav-1-eSta_eAdv-off{background:url(../images/nav-lvl1-eSta_eAdv-close.jpg) no-repeat;}
.nav-1-eInvAdv-on{background:url(../images/nav-lvl1-eInvAdv-open.jpg) no-repeat;}
.nav-1-eInvAdv-off{background:url(../images/nav-lvl1-eInvAdv-close.jpg) no-repeat;}
.nav-1-eAlert-on{background:url(../images/nav-lvl1-eAlert-open.jpg) no-repeat;}
.nav-1-eAlert-off{background:url(../images/nav-lvl1-eAlert-close.jpg) no-repeat;}
.nav-1-upgrade-on{background:url(../images/nav-lvl1-upgrade-open.jpg) no-repeat;}
.nav-1-upgrade-off{background:url(../images/nav-lvl1-upgrade-close.jpg) no-repeat;}

.serviceNav-lvl1-item a, .serviceNav-lvl1-item.off a{
	color:#FFF;
	text-shadow:0px -1px 1px #588212;
}

.serviceNav-lvl1-link{
	display:block;
	margin: 0;
	padding: 15px 30px 10px 35px;
}

.serviceNav-lvl1-link-2line{
	display:block;
	margin: 0;
	padding: 8px 30px 3px 35px;
	font-size:10px;
	background:none;
}

.serviceNav-lvl1-item.off a{
	color:#333;
	text-shadow:1px 1px 2px #FFF;
	background:none;
}


/* Service nav level 2 settings */
.serviceNav-lvl2-item{
	padding:0;
	background:url(../images/nav-lvl2-mid.jpg) repeat-y;
}

.serviceNav-lvl2-item a{
	display:block;
	margin:0 15px;
	padding:10px 15px 10px 0px;
	color:#365405;
	text-shadow:1px 1px 2px #FFF;
	border-bottom: 1px solid #90b554;
}

.serviceNav-lvl2-item.on a{
	border:none;
	color:#182700;
	background:url(../images/arrow-green2-12.png) right center no-repeat;
}

.serviceNav-lvl2-item.selected a{
	color:#365405;
	background:url(../images/arrow-green2-3.png) right center no-repeat;
	cursor:default !important;
}

.serviceNav-lvl2-item.off a{
	background:url(../images/arrow-green1-6.png) right center no-repeat;
}

.serviceNav-lvl2-bottom{
	width:144px;
	height:9px;
	background:url(../images/nav-lvl2-bottom.jpg) no-repeat;
}

/* Service nav level 3 settings */
.serviceNav-lvl3-top{
	width:144px;
	height:9px;
	overflow:hidden;
	background:url(../images/nav-lvl3-top.jpg) no-repeat;
}
.serviceNav-lvl3-item{
	background:url(../images/nav-lvl3-mid.jpg) repeat-y;
}
.serviceNav-lvl3-item a{
	display:block;
	margin:0 15px;
	padding:10px 15px 10px 0px;
	color:#365405;
	text-shadow:1px 1px 2px #FFF;
	border-top: 1px solid #90b554;
}

.serviceNav-lvl3-item.on a{
	color:#365405;
	background:url(../images/arrow-green2-3.png) right center no-repeat;
}

.serviceNav-lvl3-bottom{
	width:144px;
	height:9px;
	overflow:hidden;
	background:url(../images/nav-lvl3-bottom.jpg) no-repeat;
}

#serviceNav-btn-logoff{
	margin-top:5px;
}

#serviceNav-btn-logoff a{
	display:block;
	margin:0;
	padding-top: 10px;
	width:144px;
	height:23px;
	background:url(../images/btn-logoff.png) no-repeat;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	color:#FFF;
	text-shadow:0px -1px 1px #3f6813;
	-khtml-user-select:none;
	cursor:pointer;
}


/* Sub Navigation ------------- */
#subNav{
	position:absolute;
	top:50px;
	right:31px;
	width:170px;
	height:400px;
}

.subNav-btn{
	margin:0;
	padding:0;
	height:59px;
}

.subNav-btn a{
	display:block;
	margin:0;
	padding: 19px 30px 0 15px;
	width:127px;
	height:34px;
	background: url(../images/subNav-btn-bg.png) no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #3e6417;
	cursor:pointer;
	-khtml-user-select:none;
	z-index:700;
}

.subNav-btn4{
	margin:0;
	padding:0;
	height:59px;
}

.subNav-btn4 a{
	display:block;
	margin:0;
	padding: 13px 30px 0 15px;
	width:127px;
	height:44px;
	background: url(../images/subNav-btn-bg.png) no-repeat;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #3e6417;
	cursor:pointer;
	-khtml-user-select:none;
	z-index:700;
}

.subNav-box{
	display:none;
	position:absolute;
	top:0;
	right:-1px;
	margin:0;
	padding:0;
	width:356px;
	height:100px;
	z-index:701;
}

.subNav-box-top{
	poistion:relative;
	margin:0;
	padding:0 0 0 185px;
	width:171px;
	height:60px;
	background: url(../images/subNav-box-top.png) no-repeat;
}
.subNav-box-top a{
	display:block;
	margin:0;
	padding: 19px 30px 0 15px;
	width:127px;
	height:34px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #3e6417;
	cursor:pointer;
	z-index:701;
}

.subNav-box-middle{
	poistion:relative;
	margin:0;
	padding:0;
	width:356px;
	min-height:100px;
	background: url(../images/subNav-box-middle.png) repeat-y;
}
.subNav-box-bottom{
	poistion:relative;
	margin:0;
	padding:0;
	width:356px;
	height:25px;
	background: url(../images/subNav-box-bottom.png) left bottom no-repeat;
}

.subNav-box-table{
	margin:0 auto;
	padding:0;
	width:328px;
}
.subNav-box-table th{
	margin:0;
	padding:5px 10px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #3e6417;
	text-align:left;
}

.subNav-box-table td{
	margin:0;
	padding:10px 10px;
	color:#000;
	font-size:12px;
	line-height:1em;
	text-align:left;
}

.subNav-box-table td{
	border-bottom: 1px solid #999;
	cursor:pointer;
}

.subNav-box-table tr.table-heading{
	background:none;
}
.subNav-box-table td{
	background: url(../images/subNav-boxList-middle.png) right top repeat-y;
}
.subNav-box-table td:first-child{
	background: url(../images/subNav-boxList-middle.png) left top repeat-y;
}
.subNav-box-table tr.firstRow td{
	padding-top:15px;
	background: url(../images/subNav-boxList-top.png) right top no-repeat;
}
.subNav-box-table tr.firstRow td:first-child{
	background: url(../images/subNav-boxList-top.png) left top no-repeat;
}
.subNav-box-table tr.lastRow td{
	padding-bottom:15px;
	border:none;
	background: url(../images/subNav-boxList-bottom.png) right bottom no-repeat;
}
.subNav-box-table tr.lastRow td:first-child{
	background: url(../images/subNav-boxList-bottom.png) left bottom no-repeat;
}

/* subNav box2 */
.subNav-box2{
	display:none;
	position:absolute;
	top:0;
	right:-2px;
	margin:0;
	padding:0;
	width:245px;
	height:100px;
	z-index:700;
}

.subNav-box2-top{
	poistion:relative;
	margin:0;
	padding:0 0 0 73px;
	width:172px;
	height:60px;
	background: url(../images/subNav-box2-top.png) no-repeat;
}
.subNav-box2-top a{
	display:block;
	margin:0;
	padding: 19px 30px 0 15px;
	width:127px;
	height:34px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #3e6417;
	cursor:pointer;
	-khtml-user-select:none;
	z-index:700;
}

.subNav-box2-middle{
	poistion:relative;
	margin:0;
	padding:0;
	width:245px;
	min-height:100px;
	background: url(../images/subNav-box2-middle.png) repeat-y;
}
.subNav-box2-bottom{
	poistion:relative;
	margin:0;
	padding:0;
	width:245px;
	height:25px;
	background: url(../images/subNav-box2-bottom.png) left bottom no-repeat;
}

.subNav-box2-table{
	margin:0 auto;
	padding:0;
	width:218px;
}
.subNav-box2-table th{
	margin:0;
	padding:5px 10px;
	height:30px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:1px 1px 2px #FFF;
	text-align:left;
	vertical-align:center;
	background: url(../images/subNav-boxList-heading.png) no-repeat;
	border-bottom:1px solid #CCC;
}

.subNav-box2-table td{
	margin:0;
	padding:10px 10px;
	color:#000;
	font-size:12px;
	line-height:1em;
	text-align:left;
}

.subNav-box2-table td{
	border-bottom: 1px solid #999;
}

.subNav-box2-table tr.table-heading{
	background:none;
}
.subNav-box2-table td{
	background: url(../images/subNav-boxList-middle.png) right top repeat-y;
}
.subNav-box2-table td:first-child{
	background: url(../images/subNav-boxList-middle.png) left top repeat-y;
}
.subNav-box2-table tr.firstRow td{
	padding-top:15px;
	background: url(../images/subNav-boxList-top.png) right top no-repeat;
}
.subNav-box2-table tr.firstRow td:first-child{
	background: url(../images/subNav-boxList-top.png) left top no-repeat;
}
.subNav-box2-table tr.lastRow td{
	padding-bottom:15px;
	border:none;
	background: url(../images/subNav-boxList-bottom.png) right bottom no-repeat;
}
.subNav-box2-table tr.lastRow td:first-child{
	background: url(../images/subNav-boxList-bottom.png) left bottom no-repeat;
}


/* subNav box3 */
.subNav-box3{
	display:none;
	position:absolute;
	top:0;
	right:-2px;
	margin:0;
	padding:0;
	width:384px;
	height:100px;
	z-index:700;
}

.subNav-box3-top{
	poistion:relative;
	margin:0;
	padding:0 0 0 212px;
	width:172px;
	height:70px;
	background: url(../images/subNav-box3-top.png) no-repeat;
}
.subNav-box3-top a{
	display:block;
	margin:0;
	padding: 19px 30px 0 15px;
	width:100px;
	height:34px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #3e6417;
	cursor:pointer;
	-khtml-user-select:none;
	z-index:700;
}

.subNav-box3-middle{
	poistion:relative;
	margin:0;
	padding:0;
	width:384px;
	min-height:100px;
	background: url(../images/subNav-box3-middle.png) repeat-y;
}
.subNav-box3-bottom{
	poistion:relative;
	margin:0;
	padding:0;
	width:384px;
	height:13px;
	background: url(../images/subNav-box3-bottom.png) left bottom no-repeat;
}

.subNav-box3-table{
	margin:0 auto;
	padding:0;
	width:364px;
}
.subNav-box3-table th{
	margin:0;
	padding:5px 10px;
	height:30px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:1px 1px 2px #FFF;
	text-align:left;
	vertical-align:center;
	background: url(../images/subNav-boxList-heading.png) center top no-repeat;
	border-bottom:1px solid #CCC;
}

.subNav-box3-table td{
	margin:0;
	padding:10px 10px;
	color:#000;
	font-size:12px;
	line-height:1em;
	text-align:left;
}

.subNav-box3-table td{
	border-bottom: 1px solid #777;
}

.subNav-box3-table tr.table-heading{
	background:none;
}
.subNav-box3-table th:first-child{background: url(../images/subNav-boxList-heading.png) left top no-repeat;}
.subNav-box3-table th.lastItem{background: url(../images/subNav-boxList-heading.png) right top no-repeat;}

.subNav-box3-table td{background: url(../images/subNav-boxList-middle.png) center top repeat-y;}
.subNav-box3-table td:first-child{background: url(../images/subNav-boxList-middle.png) left top repeat-y;}
.subNav-box3-table td.lastItem{background: url(../images/subNav-boxList-middle.png) right top repeat-y;}


.subNav-box3-table tr.lastRow td{
	padding-bottom:15px;
	border:none;
	background: url(../images/subNav-boxList-bottom.png) center bottom no-repeat;
}
.subNav-box3-table tr.lastRow td:first-child{background: url(../images/subNav-boxList-bottom.png) left bottom no-repeat;}
.subNav-box3-table tr.lastRow td.lastItem{background: url(../images/subNav-boxList-bottom.png) right bottom no-repeat;}


/* subNav box4 */
.subNav-box4{
	display:none;
	position:absolute;
	top:0;
	right:-2px;
	margin:0;
	padding:0;
	width:284px;
	height:100px;
	z-index:700;
}

.subNav-box4-top{
	poistion:relative;
	margin:0;
	padding:0 0 0 112px;
	width:172px;
	height:70px;
	background: url(../images/subNav-box4-top.png) no-repeat;
}
.subNav-box4-top a{
	display:block;
	margin:0;
	padding: 13px 30px 0 15px;
	width:100px;
	height:44px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #3e6417;
	cursor:pointer;
	-khtml-user-select:none;
	z-index:700;
}

.subNav-box4-middle{
	poistion:relative;
	margin:0;
	padding:0;
	width:284px;
	min-height:100px;
	background: url(../images/subNav-box4-middle.png) repeat-y;
}
.subNav-box4-bottom{
	poistion:relative;
	margin:0;
	padding:0;
	width:284px;
	height:13px;
	background: url(../images/subNav-box4-bottom.png) left bottom no-repeat;
}

.subNav-box4-table{
	margin:0 auto;
	padding:0;
	width:264px;
}
.subNav-box4-table th{
	margin:0;
	padding:5px 10px;
	height:30px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:1px 1px 2px #FFF;
	text-align:left;
	vertical-align:center;
	background: url(../images/subNav-boxList-heading.png) center top no-repeat;
	border-bottom:1px solid #CCC;
}

.subNav-box4-table td{
	margin:0;
	padding:10px 10px;
	color:#000;
	font-size:12px;
	line-height:1em;
	text-align:left;
}

.subNav-box4-table td{
	border-bottom: 1px solid #777;
}

.subNav-box4-table tr.table-heading{
	background:none;
}
.subNav-box4-table th:first-child{background: url(../images/subNav-boxList-heading.png) left top no-repeat;}
.subNav-box4-table th.lastItem{background: url(../images/subNav-boxList-heading.png) right top no-repeat;}

.subNav-box4-table td{background: url(../images/subNav-boxList-middle.png) center top repeat-y;}
.subNav-box4-table td:first-child{background: url(../images/subNav-boxList-middle.png) left top repeat-y;}
.subNav-box4-table td.lastItem{background: url(../images/subNav-boxList-middle.png) right top repeat-y;}


.subNav-box4-table tr.lastRow td{
	padding-bottom:15px;
	border:none;
	background: url(../images/subNav-boxList-bottom.png) center bottom no-repeat;
}
.subNav-box4-table tr.lastRow td:first-child{background: url(../images/subNav-boxList-bottom.png) left bottom no-repeat;}
.subNav-box4-table tr.lastRow td.lastItem{background: url(../images/subNav-boxList-bottom.png) right bottom no-repeat;}



/* Added by kimkind */
/* subNav err box */
.subNav-err-box{
	display:none;
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	width:172px;
	height:100px;
	z-index:700;
}

.subNav-err-box-top{
	position:relative;
	margin:0;
	padding:0;
	width:172px;
	height:60px;
	background: url(../images/subNav-err-box-top.png) no-repeat;
}
.subNav-err-box-top a{
	display:block;
	margin:0;
	padding: 19px 30px 0 15px;
	width:127px;
	height:34px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #3e6417;
	cursor:pointer;
	-khtml-user-select:none;
	z-index:700;
}

.subNav-err-box-middle{
	position:relative;
	margin:0;
	padding:0;
	width:172px;
	min-height:100px;
	background: url(../images/subNav-err-box-middle.png) repeat-y;
}
.subNav-err-box-bottom{
	position:relative;
	margin:0;
	padding:0;
	width:172px;
	height:25px;
	background: url(../images/subNav-err-box-bottom.png) left bottom no-repeat;
}

.subNav-err-box-table{
	margin:0 auto;
	padding:0;
	width:145px;
}
.subNav-err-box-table th{
	margin:0;
	padding:5px 10px;
	height:30px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:1px 1px 2px #FFF;
	text-align:left;
	vertical-align:center;
	background: url(../images/subNav-err-boxList-heading.png) no-repeat;
	border-bottom:1px solid #CCC;
}

.subNav-err-box-table td{
	margin:0;
	padding:10px 10px;
	color:#000;
	font-size:12px;
	line-height:1em;
	text-align:left;
}

.subNav-err-box-table td{
	border-bottom: 1px solid #999;
}

.subNav-err-box-table tr.table-heading{
	background:none;
}
.subNav-err-box-table td{
	background: url(../images/subNav-boxList-middle.png) right top repeat-y;
}
.subNav-err-box-table td:first-child{
	background: url(../images/subNav-boxList-middle.png) left top repeat-y;
}
.subNav-err-box-table tr.firstRow td{
	padding-top:15px;
	background: url(../images/subNav-boxList-top.png) right top no-repeat;
}
.subNav-err-box-table tr.firstRow td:first-child{
	background: url(../images/subNav-boxList-top.png) left top no-repeat;
}
.subNav-err-box-table tr.lastRow td{
	border:none;
	background: url(../images/subNav-err-boxList-bottom.png) right bottom no-repeat;
}
.subNav-err-box-table tr.lastRow td:first-child{
	background: url(../images/subNav-err-boxList-bottom.png) left bottom no-repeat;
}

/**********************************************************************/

.subNav-btnList{
	margin:0;
	padding:0;
}

.subNav-btnList-top{
	margin:0;
	padding:20px 15px 0 15px;
	height:43px;
	background: url(../images/subNav-btnList-top.png) no-repeat;
}

.subNav-btnList-top h3{
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:1px 1px 2px #FFF;
}

.subNav-btnList-middle{
	margin:0;
	padding:0;
	background: url(../images/subNav-btnList-middle.png) repeat-y;
}

.subNav-btnList ul{
	margin:0;
	padding:10px 10px 10px 30px;
}

.subNav-btnList ul li{
	padding-bottom:10px;
	color:#3d82c1;
}

.subNav-btnList ul li a{
	margin:0;
	padding: 0 10px 0 0;
	color:#3d82c1;
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
	text-decoration:underline;
	cursor:pointer;
}

.subNav-btnList-bottom{
	margin:0;
	padding:0;
	height:20px;
	background: url(../images/subNav-btnList-bottom.png) left bottom no-repeat;
}

/* Sub Navigation 2 (wider portlet)------------- */
#subNav2{
	position:absolute;
	top:48px;
	right:30px;
	width:294px;
}

#subNav2-miniPortlet{
	position:absolute;
	top:-67px;
	right:0px;
	width:294px;
}

.subNav2-btn{
	position:relative;
	margin:0;
	padding:0;
}

.subNav2-btn a{
	display:block;
	margin:0;
	padding: 19px 30px 0 15px;
	width:249px;
	height:35px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #588212;
	cursor:pointer;
	-khtml-user-select:none;
	z-index:850;
}

.subNav2-btn a.prom{
	display:block;
	margin:0;
	padding: 10px 30px 0 35px;
	width:249px;
	height:28px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #588212;
	cursor:pointer;
	-khtml-user-select:none;
	z-index:850;
	background: url(../images/subNav2-box-prom.jpg) no-repeat;
}

.subNav2-btn a.on{
	background: url(../images/subNav2-box-top-opened2.png) no-repeat;
}
.subNav2-btn a.shadow{
	background: url(../images/subNav2-box-top-opened.png) no-repeat;
}
.subNav2-btn a.noArrow{
	background: url(../images/subNav2-box-top-noArrow.png) no-repeat;
	cursor:default;
}
.subNav2-btn a.off{background: url(../images/subNav2-box-top-closed.png) no-repeat;}

.subNav2-box{
	position:relative;
	display:block;
	margin:0;
	padding:0;
	width:294px;
	z-index:849;
}


.subNav2-box-middle{
	margin:0;
	padding:0;
	width:294px;
	min-height:100px;
	background: url(../images/subNav2-box-middle.png) repeat-y;
}
.subNav2-box-bottom{
	margin:0;
	padding:0;
	width:294px;
	height:12px;
	background: url(../images/subNav2-box-bottom.png) left bottom no-repeat;
}

.subNav2-btnList{
	margin:0;
	padding:0;
}

.subNav2-btnList-top{
	margin:0;
	padding:20px 15px 0 15px;
	height:43px;
	background: url(../images/subNav2-btnList-top.png) no-repeat;
}

.subNav2-btnList-top h3{
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:1px 1px 2px #FFF;
}

.subNav2-btnList-middle{
	margin:0;
	padding:0;
	background: url(../images/subNav2-btnList-middle.png) repeat-y;
}

.subNav2-btnList ul{
	margin:0;
	padding:10px 10px 10px 30px;
}

.subNav2-btnList ul li{
	padding-bottom:10px;
	color:#3d82c1;
}

.subNav2-btnList ul li a{
	margin:0;
	padding: 0 10px 0 0;
	color:#3d82c1;
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
	text-decoration:underline;
	cursor:pointer;
}

.subNav2-btnList-bottom{
	margin:0;
	padding:0;
	height:20px;
	background: url(../images/subNav2-btnList-bottom.png) left bottom no-repeat;
}

.subNav2-box-table{
	margin:0 auto;
	padding:0;
	width:275px;
}
.subNav2-box-table th{
	margin:0;
	padding:5px 10px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	text-shadow:0px -1px 1px #3e6417;
	text-align:left;
}

.subNav2-box-table td{
	margin:0;
	padding:10px 10px;
	color:#000;
	font-size:12px;
	line-height:1em;
	text-align:left;
}

.subNav2-box-table td{
	border-bottom: 1px solid #BBB;
}

.subNav2-box-table tr.table-heading{
	background:none;
}
.subNav2-box-table td{
	background: url(../images/subNav2-boxList-middle.png) right top repeat-y;
}
.subNav2-box-table td:first-child{
	background: url(../images/subNav2-boxList-middle.png) left top repeat-y;
}
.subNav2-box-table tr.firstRow td{
	padding-top:15px;
	background: url(../images/subNav2-boxList-top.png) right top no-repeat;
	color:#000;
	font-weight:bold;
	text-shadow:1px 1px 2px #FFF;
}
.subNav2-box-table tr.firstRow td:first-child{
	background: url(../images/subNav2-boxList-top.png) left top no-repeat;
}
.subNav2-box-table tr.heading2 td{
	padding:10px 15px;
	background: url(../images/subNav2-boxList-top2.png) repeat-y;
}

.subNav2-box-table tr.lastRow td{
	padding-bottom:15px;
	border:none;
	background: url(../images/subNav2-boxList-bottom.png) right bottom no-repeat;
}
.subNav2-box-table tr.lastRow td:first-child{
	background: url(../images/subNav2-boxList-bottom.png) left bottom no-repeat;
}

.subNav2-box-table .stockName{
	margin: 0 0 0.1em 0;
	font-size:1.5em;
	font-weight:bold;
	line-height:1em;
	color:#000;
}
.subNav2-box-table .time{
	margin: 0;
	font-size:1em;
	line-height:1em;
	color:#000;
}
.subNav2-box-table .last{
	margin: 0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1em;
	color:#000;
}

.subNav2-box-table .up{
	padding-left:12px;
	background:url(../images/arrow-up.png) left center no-repeat;
	color:#65a125;
}

.subNav2-box-table .down{
	padding-left:12px;
	background:url(../images/arrow-down.png) left center no-repeat;
	color:#ff3c3c;
}

.subNav2-box-table-2col td{
	padding:10px 0;
	text-align:left;
}

.subNav2-box-errMsg td{
	border: medium none !important;
}

.subNav2-box-errMsg{
	background: none repeat scroll 0 0 #FFFCFC;
	margin: 0 auto;
	width: 275px;
}

.subNav2-box-errMsg br{
	background: none repeat scroll 0 0 #FFFCFC;
	margin: 0 auto;
	width: 275px;
}

#subNav2 #btn-quoteMeter{
	position:absolute;
	top:10px;
	right:46px;
	width:100px;
}

#subNav2-miniPortlet #btn-quoteMeter{
	position:absolute;
	top:10px;
	right:46px;
	width:100px;
}

.subNav2-btnset1 a{
	display:block;
	margin:0;
	padding-top:10px;
	width:135px;
	height:36px;
	font-size:12px;
	color:#FFF;
	line-height:1em;
	text-shadow:0px -1px 1px #34580e;
	text-align:center;
}

.subNav2-btnset1 a.off{
	background:url(../images/btn-subNav2-set1.png) 0 0 no-repeat;
	cursor:pointer;
}
.subNav2-btnset1 a.on{
	background:url(../images/btn-subNav2-set1.png) 0 -52px no-repeat;
	cursor:default;
}

.bidAskQueue-table{
	margin:0 auto;
	padding:0;
	width:275px;
}

.bidAskQueue-table td{
	margin:0;
	padding:5px 5px;
	background: #FFFCFC;
	color:#000;
	font-size:12px;
	line-height:1em;
	text-align:left;
	border-bottom:1px solid #BBB;	
	border-right:1px solid #BBB;
}

.bidAskQueue-table tr.heading2 td{
	padding:10px 15px;
	background: #CECFCE;
	color:#000;
	text-shadow:1px 1px 2px #FFF;
	border-top:1px solid #FFF;
}

.bidAskQueue-table .paddingBox{
	padding:5px;
}

.bidAskQueue-table .dataSet p.firstItem{
	margin:0;
	padding: 0 0 4px 0;
	border-bottom:1px solid #EEE;
}

.bidAskQueue-table .dataSet p.middleItem{
	margin:0;
	padding: 4px 0;
	border-bottom:1px solid #EEE;
}

.bidAskQueue-table .dataSet p.lastItem{
	margin:0;
	padding: 4px 0 0 0;
}

.bidAskQueue-table tr.firstRow td{
	padding-top:15px;
}
.bidAskQueue-table tr.heading2 td{
	padding:10px 10px;
	background: #CECFCE;
}
.bidAskQueue-table tr.heading3 td{
	padding:10px 10px;
	background: #DDD;
	border-top:1px solid #CCC;
	border-bottom:1px solid #999;
	font-weight:bold;
	color:#000;
	font-weight:bold;
	text-shadow:1px 1px 2px #FFF;
}

.bidAskQueue-table-bottom{
	display:block;
	margin:0 auto;
	width:275px;
	height:30px;
	text-align:center;
	background: url(../images/subNav2-boxList-bottom.png) 0 bottom no-repeat;
}


.bidAskQueue-table2{
	margin:0 auto;
	padding:0;
	width:275px;
}

.bidAskQueue-table2 td{
	margin:0;
	padding:5px 1px;
	background: #FFFCFC;
	color:#000;
	font-size:12px;
	line-height:1em;
	text-align:left;
	border-bottom:1px solid #CCC;
}

.bidAskQueue-table2 .paddingBox{
	padding:0 5px;
}


.portlet-table2{
	margin:0 auto;
	padding:0;
	width:275px;
}

.portlet-table2 td{
	margin:0;
	padding:7px;						
	background: #FFFCFC;
	color:#000;
	font-size:12px;
	line-height:1em;
	text-align:left;
	border-bottom:1px solid #BBB;
	border-right:1px solid #BBB;
}

.portlet-table2 tr.heading2 td{
	padding:10px 15px;
	background: #CECFCE;
	color:#000;
}

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

.portlet-table2 .paddingBox{
	padding:5px;
}

.portlet-table2 tr.firstRow td{
	padding-top:15px;
}
.portlet-table2 tr.heading2 td{
	padding:10px 10px;
	background: #CECFCE;
	border-top:1px solid #FFF;
	color:#000;
}
.portlet-table2 tr.heading3 td{
	padding:10px 10px;
	background: #CECFCE;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	color:#000;
	font-weight:bold;
	text-shadow:1px 1px 2px #FFF;
}

.portlet-table2-bottom{
	display:block;
	margin:0 auto;
	width:275px;
	height:30px;
	text-align:center;
	background: url(../images/subNav2-boxList-bottom.png) 0 bottom no-repeat;
}

/* Tab Navigation ---------------------------------- */
ul.tabNav{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:48px;
	list-style:none;
	clear:both;
}

ul.tabNav>li{
	float:left;
	margin:0;
	padding:0;
}

ul.tabNav>li>a{
	display:block;
	padding: 15px 0 0 0;
	width:90px;
	height:33px;
	background:url(../images/tabNav-1c.png) -100px -50px no-repeat;
	text-align:center;
	color:#666;
	font-size:12px;
	text-shadow:1px 1px 2px #FFF;
	line-height:1em;
	cursor:pointer;
	-khtml-user-select:none;
}

ul.tabNav>li.leftItem>a{
	background:url(../images/tabNav-1c.png) -100px top no-repeat;
}

ul.tabNav>li>a.on{
	background:url(../images/tabNav-1c.png) 0 top no-repeat;
	background-position-x:0px;
	cursor:default;
	color:#000;
	font-weight:bold;
}

.tabNav-bottom{
	width:100%;
	height:12px;
	background:url(../images/tabNav-bottom.png) left bottom no-repeat;
}

ul.tabNav2{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:48px;
	list-style:none;
	clear:both;
}

ul.tabNav2>li{
	float:left;
	margin:0;
	padding:0;
}

/*line-height change from 1.0 to 1.1 for IE zoom issue*/
ul.tabNav2>li>a{
	display:block;
	padding: 15px 0 0 0;
	width:120px;
	height:33px;
	background:url(../images/tabNav-2.png) 0 -51px no-repeat;
	text-align:center;
	color:black;
	font-size:12px;
	text-shadow:1px 1px 2px #FFF;
	line-height:1.1em;
	cursor:pointer;
	-khtml-user-select:none;
}

ul.tabNav2>li>a.leftItem{
	background:url(../images/tabNav-2.png) 0 0 no-repeat;
	cursor:default;
}

ul.tabNav2>li>a.greyTab1-left-on{
	background:url(../images/tabNav-2.png) 0 -50px no-repeat;
	color:black;
	cursor:default;
	font-weight:bold;
	font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif,PMingLiu, MingLiu; /*by Steven for Contrast Improvement(CHI wordings on EN pages)*/
	font-size: 13px;
	line-height:1.2em;

}
ul.tabNav2>li>a.greyTab1-left-off{
	background:url(../images/tabNav-2.png) -120px -50px no-repeat;
	color:#666;
	font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif,PMingLiu, MingLiu; /*by Steven for Contrast Improvement(CHI wordings on EN pages)*/
	font-size: 13px;
	line-height:1.2em;

}

ul.tabNav2>li>a.greyTab1-on{
	background:url(../images/tabNav-2.png) 0 0px no-repeat;
	color:black;
	cursor:default;
	font-weight:bold;
	font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif,PMingLiu, MingLiu; /*by Steven for Contrast Improvement(CHI wordings on EN pages)*/
	font-size: 13px;
	line-height:1.2em;
}
ul.tabNav2>li>a.greyTab1-off{
	background:url(../images/tabNav-2.png) -120px 0px no-repeat;
	color:#666;
	font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif,PMingLiu, MingLiu; /*by Steven for Contrast Improvement(CHI wordings on EN pages)*/
	font-size: 13px;
	line-height:1.2em;
}

ul.tabNav2>li>a.greyTab2-on{
	background:url(../images/tabNav-2.png) 0 -100px no-repeat;
	color:black;
	cursor:default;
	font-weight:bold;
	font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif,PMingLiu, MingLiu; /*by Steven for Contrast Improvement(CHI wordings on EN pages)*/
	font-size: 13px;
	line-height:1.2em;
}
ul.tabNav2>li>a.greyTab2-off{
	background:url(../images/tabNav-2.png) -120px -100px no-repeat;
	color:#666;
	font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif,PMingLiu, MingLiu; /*by Steven for Contrast Improvement(CHI wordings on EN pages)*/
	font-size: 13px;
	line-height:1.2em;
}

ul.tabNav2>li>a.simpleTab-left-on{
	padding: 12px 0 0 0;
	height:36px;
	background:url(../images/tabNav-2.png) 0 -150px no-repeat;
	color:#000;
	font-weight:bold;
}
ul.tabNav2>li>a.simpleTab-left-off{
	padding: 12px 0 0 0;
	height:36px;
	background:url(../images/tabNav-2.png) -120px -150px no-repeat;
	color:#666;
}

ul.tabNav2>li>a.simpleTab-on{
	padding: 12px 0 0 0;
	height:36px;
	background:url(../images/tabNav-2.png) 0 -200px no-repeat;
	color:#000;
}
ul.tabNav2>li>a.simpleTab-off{
	padding: 12px 0 0 0;
	height:36px;
	background:url(../images/tabNav-2.png) -120px -200px no-repeat;
	color:#666;
}

ul.tabNav2>li>a.on{
	background-position-x: 0px;
	color:black;
	text-shadow:1px 1px 2px #FFF;
	cursor:default;
}

ul.tabNav2>li>a.off{
	background-position-x: -120px;
	color:#666;
	text-shadow:1px 1px 2px #FFF;
	cursor:pointer;
}

ul.tabNav2>li>span{
	display:block;
	padding: 15px 0 0 0;
	width:120px;
	height:33px;
	background:url(../images/tabNav-2.png) 0 -51px no-repeat;
	text-align:center;
	color:black;
	font-size:12px;
	text-shadow:1px 1px 2px #FFF;
	line-height:1em;
	cursor:default;
	-khtml-user-select:none;
}

ul.tabNav2>li>span.greyTab1-left-on{
	background:url(../images/tabNav-2.png) 0 -50px no-repeat;
	color:black;
	font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif,PMingLiu, MingLiu; /*by Steven for Contrast Improvement(CHI wordings on EN pages)*/
	font-size: 13px;
	line-height:1.2em;
}
ul.tabNav2>li>span.greyTab1-left-off{
	background:url(../images/tabNav-2.png) -120px -50px no-repeat;
	color:#666;
	font-family:Microsoft JhengHei, 微軟正黑體, Arial, Helvetica, sans-serif,PMingLiu, MingLiu; /*by Steven for Contrast Improvement(CHI wordings on EN pages)*/
	font-size: 13px;
	line-height:1.2em;
}

ul.tabNav2>li>span.greyTab1-on{
	background:url(../images/tabNav-2.png) 0 0px no-repeat;
	color:black;
}
ul.tabNav2>li>span.greyTab1-off{
	background:url(../images/tabNav-2.png) -120px 0px no-repeat;
	color:#666;
}

ul.tabNav2>li>span.greyTab2-on{
	background:url(../images/tabNav-2.png) 0 -100px no-repeat;
	color:black;
}
ul.tabNav2>li>span.greyTab2-off{
	background:url(../images/tabNav-2.png) -120px -100px no-repeat;
	color:#666;
}

.tabNav2-bottom{
	width:100%;
	height:12px;
	background:url(../images/tabNav2-bottom.png) no-repeat;
}

.tabNav3-bottom{
	width:100%;
	height:12px;
	background:url(../images/tabNav3-bottom.png) no-repeat;
}

/* >>> END Navigation Styles ----------------------- */

/* 13 Apr 2012 Project Winnie Enhancement */
/* Tab nav ver.3 */
.tabnav_v3{display:table; margin:0; padding:0; width:100%; /*Height Review */ /*height:48px;*/ height:42px; list-style:none; clear:both;}
.tabnav_v3>LI{display:block ; float:left; margin:0; padding:0;}
.tabnav_v3>LI>A{
	display:table-cell; padding:2px 3px 0; 
	width:84px; /*Height Review */ /*height:48px; */ height:42px;
	background: url(../images/tabNav-3.png) -120px -50px no-repeat; 
	color:#666; text-shadow: 1px 1px 2px white; 
	font-size:0.85em; line-height: 1.2em; 
	text-align:center; vertical-align:middle; cursor: pointer; 
	-webkit-user-select: none; -khtml-user-select: none; 
}
.tabnav_v3>LI>A.on{
	background: url(../images/tabNav-3.png) 0 -50px no-repeat; 
	color: black; text-shadow: 1px 1px 0px white; font-weight: bold; cursor: default; 
}
.tabnav_v3>LI>A.long{
	width:114px; 
	background: url(../images/tabNav-3.png) -120px 0 no-repeat; 
	color: #666; text-shadow: 1px 1px 2px white; 
}
.tabnav_v3>LI>A.long.on{
	background: url(../images/tabNav-3.png) 0 0 no-repeat; 
	color: black; text-shadow: 1px 1px 0px white; font-weight: bold; cursor: default; 
}
.tabnav_v3_bottom{width:100%; /*Height Review */ /*height:20px;*/ height:5px;}

/* Pagination nav */
.pagination{
	position:relative;
	padding:0; 
	width:100%; /* Height Review */ /*height: 40px*/ height:36px;
	background:#DDD;
	background:-webkit-gradient( 
	linear,
	left top, left bottom,
	color-stop(0.00, rgba(255,255,255, 0.7)),
	color-stop(1.00, rgba(255,255,255, 0))
	), #CCC;
	border-top:1px solid white; border-bottom:1px solid #999;
	text-align:center;
}
.content_full .pagination{margin: 0 auto; width: 787px;}
.pagination>P{margin:12px; padding:0; font-size:1em; font-weight:bold; color:#666; text-shadow:0 1px 0 white; line-height:1em;}
.pagination>A{position:absolute; /* Height Review */ /*top:6px;*/ top:3px; display:block; padding:0; width:100px; height:30px; background: url(../images/btn-pagination.png) 0 0 no-repeat;}
.pagination>A.prev{cursor: pointer; left:15px; text-align:left; width:140px; background-position:-160px 0;}
.pagination>A.next{cursor: pointer; right:15px; background-position:0 -30px; text-align:right; width:140px; background-position:-160px -30px; }
.pagination>A>SPAN{display:block; margin-top:4px; color:white; text-shadow:0 -1px 0 #999; font-weight:bold;}
.pagination>A.prev>SPAN{margin-left:35px; margin-right:20px; text-align:center;}
.pagination>A.next>SPAN{margin-left:20px; margin-right:35px; text-align:center;}
.pagination.withPageIndex>A{width:30px;}
.pagination.withPageIndex>A.first{left:15px; background-position:-100px 0;}
.pagination.withPageIndex>A.prev{left:55px; background-position:-130px 0;}
.pagination.withPageIndex>A.next{right:55px; background-position:-130px -30px;}
.pagination.withPageIndex>A.last{right:15px; background-position:-100px -30px;}

.miniPortlet-nbg{
	background: url(../images/subNav-box4-nbg-top.png) no-repeat !important
}