<%@ page contentType="text/css; charset=UTF-8"%>
/* general */
/* em support for ie */
html { 
	font-size: 100%;
}
/* png support for ie */

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0px;
}
.text2 {
	color:#e50000;
	font-weight:bold;
	font-size:1.2em;
}
.text3 { 
	color: #FFFFFF;
}
.text4 { 
	color:#e50000;
	font-weight:bold;
}
.text5 {
	color:#000000;
	font-size:1.2em;
}
.statusMsg{
	background: #fffbe9;
	color: #FF0000;
	border: 1px dotted #CCCCCC;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
.subHeader {
	color:#e50000;
	font-size:1.5em;
	font-weight:bold;
}
.subHeader2 {
	color:#000000;
	font-size:1.2em;
	font-weight:bold;
}

/* unordered list */
ul { 
	list-style: none;
	margin:0px;
	padding:0px;
	text-align:left;
}
ul li {
	color:#000000;
	padding-left:10px;
	background-image:url(../images/common/bullet.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	margin-bottom: 10px;
}
ul ul{ 
	list-style:none;
	margin-left:0px;
	padding:0px;
	text-align:left;
	margin-right:20px;
}
ul ul li {
	color:#000000;
	padding-left:10px;
	background-image:url(../images/common/bullet2.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	margin-top: 5px;
	margin-left: 0px;
}

OL.loweralpha {
	list-style-type: lower-alpha
}

/* default hyperlink */
a:active,a:link,a:visited { 
	color: #E50000;
}
a:hover {
	color: #000000;
}
a.link2:active,a.link2:link,a.link2:visited {
	color: #000000;
	text-decoration: none;
}
a.link2:hover {
	color: #E50000;
}
a.link3:active,a.link3:link,a.link3:visited,a.link3:hover { 
	color: #FFFFFF;
}
/* side navigation */
a.navi:active,a.navi:link,a.navi:visited {
	color: #E50000;
	text-decoration: none;
}
a.navi:hover {
	color: #000000;
}
a.naviSelected:active,a.naviSelected:link,a.naviSelected:visited {
	color: #E50000;
	text-decoration: none;
	font-weight: bold;
}
a.naviSelected:hover {
	color: #E50000;
}
/* tables */
.tableBorder { 
	border: 1px solid #000000;
}

table.tableFundPricing {
	width:950px;
}

table.tableFixWidth {
	width:950px;
}

table.table1 {
	padding: 0;
	margin: 0;
}

table.table1 th {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #fffaea;
	white-space: nowrap;
}

table.table1 td {
	padding: 6px 6px 6px 12px;
}


table.table1 tr.alt {
	background: #f1f1f1;
	color: #000000;
}


table.table1 th.currency {
	text-align: right;
	padding-right: 12px;
}

table.table1 td.currency {
	text-align: right;
	padding-right: 12px;
}

table.table2 {
	padding: 0;
	margin: 0;
}
table.table2 td {
	padding: 6px 6px 6px 0px;
	vertical-align: top;
	white-space: nowrap;
}

table.table3 {
	width: 100%;
	padding: 0;
	margin: 0;
}
table.table3 th {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ffe696;
	white-space: nowrap;
}
table.table3 td {
	padding: 6px 6px 6px 12px;
}
table.table3 tr.alt {
	background: #ffffff;
	color: #000000;
}
table.table3 th.currency {
	text-align: right;
	padding-right: 12px;
}
table.table3 td.currency {
	text-align: right;
	padding-right: 12px;
}
table.table3 td.tableBankDetailtd1 {
	font-size: 1em;
	font-weight:
	normal;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;	
	text-align: left;
	padding: 6px 6px 6px 12px; 
	white-space: nowrap;
}
table.table3 td.tableBankDetailtd2 {
	font-size: 1em;
	font-weight:
	normal;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;	
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ffe696;
	white-space: nowrap;
}
table.table3 td.tableBankDetailLastRow1 {
	font-size: 1em;
	font-weight:
	normal;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;		
	text-align: left;
	padding: 6px 6px 6px 12px; 
	white-space: nowrap;
}
table.table3 td.tableBankDetailLastRow2 {
	font-size: 1em;
	font-weight:
	normal;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;	
	border-bottom: 1px solid #000000;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ffe696;
	white-space: nowrap;
}
table.table4 {
	width: 100%;
	background-color:#FFFFFF;
	padding: 10px;
	margin: 0;
	border: 1px solid #000000;
}
table.table4 td{
}
table.table4 td.currency {
	text-align: right;
	padding-right: 12px;
}
table.table5 {
	width: 100%;
	background-color:#fffaea;
	padding: 5px;
	margin: 0;
}
table.table5 td{
	vertical-align: top;
	padding-right: 12px;
}

table.tableInput {
	padding: 0;
	margin: 0;
}

table.tableInput td {
	padding: 6px 12px 6px 0px;
}

table.table6 {
	background: #fffaea;
	border: 1px solid #F1F1F1;
}

table.table7 {
	background: #F1F1F1;
	border: 1px solid #000000;
}

table.table8 {
	padding: 0;
	margin: 0;
	width: 100%;
}

table.table8 th {
	font-size: 1em;
	font-weight: bold;
	padding: 6px 6px 6px 6px;
	background: #fffaea;
	white-space: nowrap;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
table.table8 thead {
	font-size: 1em;
	font-weight: bold;
	padding: 6px 6px 6px 6px;
	background: #fffaea;
	white-space: nowrap;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

table.table8 td {
	padding: 6px 6px 6px 6px;
	border-bottom: 1px solid #F1F1F1;
	
}

table.table9 {
	padding: 0;
	margin: 0;
}

table.table9 th {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #fffaea;
}

table.table9 td {
	padding: 6px 6px 6px 12px;
}


table.table9 tr.alt {
	background: #f1f1f1;
	color: #000000;
}


table.table9 th.currency {
	text-align: right;
	padding-right: 12px;
}

table.table9 td.currency {
	text-align: right;
	padding-right: 12px;
}


table.table10 {
	width: 900px;
	padding: 0px;
	margin: 20px 0px 0px 0px;
	border: 1px solid #a4a4a4;
}

table.table10 th {
	font-size: 1em;
	font-weight: bold;
	font-color: #ffffff;
	border: 1px solid #a4a4a4;
	text-align: center;
	padding: 3px 3px 3px 6px;
	background: #848484;
	white-space: nowrap;
}

table.table10 td {

	padding: 3px 3px 3px 6px;
	border: 1px solid #a4a4a4;
}

dl {
	width:200px;
	float:left;
	margin-right:2em;
	background-color: #e4eeff;
}
	
dt{
	font-weight:bold;
	font-size:1.2em;
	margin-left:0.2em;
	margin-bottom:0.2em;
	padding-left:0.2em;
	background:none no-repeat left top;	
	
}
	
dt.dtOption{
	padding-left:1.2em;
	display: list-item;
    list-style-type: square;	
}	
	
dd{
	color:#444;
	font-size:1.1em;
	margin-left:0.2em;
	padding-left:1.2em;
	line-height:1.0em;
	background:none no-repeat left top;	
}

dd.option3{
	padding-left:1.2em;
	display: list-item;
    list-style-type: disc;
}
	


/* header*/
#headerBox {
}

/* footer */
#footerBox {
}

/* Header Logo */
#wrapper { width: 1020px; margin: 0 auto; background-color: #fff; }
.logged-in { border-bottom: 2px solid #f6f7f7; padding-bottom: 5px; }
.logoBox {
	clear: both;
	margin: 0 0 20px 120px;
}

/* input */

input, select {
	font-size: 1em;
}
.cssButton {
	font-size: 11px;
	background: url(../images/common/button.gif);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 131px;
}
/*Added by Zijian for E2EE and 2FA*/
.cssButtonSmall {
	font-size: 11px;
	background: url(../images/common/button.gif);
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 100px;
}
.cssButtonCancel {
	background: url(../images/common/button.gif);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 131px;
	color:#E50000;
}
.cssButtonCancelSmall {
	background: url(../images/common/button_small.gif);
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 100px;
	color:#E50000;
}
.cssTextField {
	margin: 2px;
	padding: 2px;
	height: 15px;
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #000000;
}

/* ui helper */
.lineborder {
	height: 1px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	border-top: 1px solid #000000;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}
.contentBox {
	clear: both;
}
.minHeight {
	margin: 0px;
	padding: 0px;
	height: 1px;
}
.clearboth{
	clear:both;
}

/* tab */
#tabContainer {
	float: left;
	position: relative;
	width: 100%;
	height: 44px;
	padding: 0;
	margin: 0;
	background: #FFFFFF url(../images/common/tab_bot.gif) repeat-x;
	white-space: nowrap;
	background-position: 0 18px;
	}
#tabContainerLong {
	float: left;
	position: relative;
	width: 100%;
	height: 44px;
	padding: 0;
	margin: 0;
	background: #FFFFFF url(../images/common/tab_bot.gif) repeat-x;
	white-space: nowrap;
	background-position: 0 18px;
	}
#tabNav {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 22px;
	display: inline;
	overflow: hidden;
	}
	
#tabNav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#tabNav a {
	font-size: 11px;
	text-align:center;
	vertical-align: baseline;
	float: left;
	margin: 0;
	padding-right: 0px;
	padding-top: 7px;
	padding-bottom: 0px;
	overflow: hidden;
	height :22px; /* for IE5/Win */
	color:#666666;
	width: 99px;
	background: url(../images/common/tab.gif) top left no-repeat;
	background-position: 0 -4px;
	text-decoration: none;
	}
	
#tabNav a:hover {
	color:#000000;
	background-position: 0 -30px;
	}

#tabNav a:active, #tabNav a.selected {
	color:#E50000;
	background-position: 0 -56px;
	}

#tabNav a:active {
	color:#E50000;
	background-position: 0 -30px;
	}
	
#tabNav a.selected:hover  {
	background-position: 0 -56px;
	}

#tabNavLong a{
	width: 154px;
	background: url(../images/common/tab_long.gif);
	background-position: 0 -4px;
}

#tabSpacer a{
	width: 8px;
	background: url(../images/common/tab_left.gif);
	text-decoration: none;
	background-position: 0 -4px;
}
.toggleLvL {
	padding-left:20px; 
	top: 26px;
}
/* misc */
.reminderHeader {
	font-size: 1.2em;
	color: #E50000;
	font-weight: bold;
}
.reminderContent {
	color: #E50000;
}
.faqBox {
	padding-left:10px;
	margin-bottom: 30px;
	background-color:#fffaea;
	padding: 10px;
}
.compulsory {
	color:#E50000;
}

.inputNote{
	color:#FF6600
}
.whatIsThis {
	color:#e50000;
}
.successfulMsg {
	font-size: 1.4em;
	font-weight: bold;
	color: #669933;
}
.unSuccessfulMsg{
	font-size: 1.4em;
	font-weight: bold;
	color: #FF0000;
}
.lessStatement {
	color:#e50000;
}
.nettAmountStatement{
	color:#e50000;
	font-size: 1.2em;
	font-weight: bold;
	background: #FFFFCC;
}
.welcome {
	color:#e50000;
	font-size:1.2em;
}
.cssAgreeButton {
	font-size: 12px;
	font-weight: bold;
	background: url(../images/common/button.gif);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 131px;
	color: #669933;
}
.cssDisagreeButton {
	font-size: 12px;
	font-weight: bold;
	background: url(../images/common/button.gif);
	margin: 0px;
	padding: 0px;
	height: 34px;
	width: 131px;
	color: #ee3434;
}

table.recomended-mp-tbl {
	width: 255px;
	padding: 0;
	margin-top: 6px; 
}

table.recomended-mp-tbl {
	width: 100%;
	padding: 0;
	margin: 0;
}
table.recomended-mp-tbl th {
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ffe696;
	white-space: nowrap;
}
table.recomended-mp-tbl td {
	padding: 6px 6px 6px 12px;
}
table.recomended-mp-tbl tr.alt {
	background: #ffffff;
	color: #000000;
}
table.recomended-mp-tbl th.currency {
	text-align: right;
	padding-right: 12px;
}
table.recomended-mp-tbl td.currency {
	text-align: right;
	padding-right: 12px;
}



div#menu {float:left; width:203px;}
ul#nav {list-style:none; padding: 0px 0px 0px 8px; margin: 0;}
ul#nav li {margin:0px; padding:0px 0px 2px 0px; background:url(../images/common/tab1.gif) 0px 0 no-repeat; width:203px; font-family:Arial, Helvetica, sans-serif; display:block; font-size:12px; line-height: 2em;}
ul#nav li a {padding-left:25px;	display:block; height:26px;	width: 177px; text-decoration:none; color:#FFFFFF;}
ul#nav li a:hover {background:url(../images/common/tab1_o.gif) 0px 0 no-repeat;}
ul#nav li.tab2 {background:url(../images/common/tab2.gif) 0px 0 no-repeat; height:35px; width:203px; line-height: 1.2em;	margin-top:2px;}
ul#nav li.tab2 a {padding-top:4px;}
ul#nav li.tab2 a:hover {background:url(../images/common/tab2_o.gif) 0px 0 no-repeat;	height:35px;}
ul#nav li.tabnew {margin:0px; padding:0px 0px 2px 0px; background:url(../images/common/tab_new.gif) 0px 0 no-repeat; width:203px; font-family:Arial, Helvetica, sans-serif; display:block; font-size:12px; line-height: 2em;}
ul#nav li.tabnew a {padding-left:25px;	display:block; height:52px;	width: 177px; text-decoration:none; color:#FFFFFF;}
ul#nav li.tabnew a:hover {background:url(../images/common/tab_newo.gif) 0px 0 no-repeat;	height:52px;}
ul#nav li ul {list-style:none; padding: 0; margin: 0;}
ul#nav li ul li {background:none; background-color:#fde8e8;	padding: 0;	margin: 0; display:block;}
ul#nav li ul li a{padding-left:25px; color:#464646;}
ul#nav li ul li a:hover{background:none; text-decoration:underline;}
ul#nav li.selected{background:url(../images/common/tab1_o.gif) 0px 0 no-repeat;}
ul#nav li.tab2.selected{background:url(../images/common/tab2_o.gif) 0px 0 no-repeat;}
ul#nav li.tabnew.selected{background:url(../images/common/tab_newo.gif) 0px 0 no-repeat;}