/* CSS Document */

body {
	margin-top: 0px;
	margin-bottom: 0px;
    background-image:url(../images/bg.jpg);
    background-color:#FFF;
    background-repeat:repeat-x;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table.logintable
{
border:1px solid #E2EDEF;
border-collapse:collapse;

}
table.contentable
{
border:1px solid #6C8DB6;
border-collapse:collapse;
text-align: center;
width:100%;
font-style:normal;
font-weight:normal;
	margin-right: 0px;
}
table.contentable th
{
border:1px solid #6C8DB6;
vertical-align: middle;
font-style:normal;
font-weight:normal;
}

table.contentable td 
{
border:1px solid #6C8DB6;
vertical-align: middle;
font-style:normal;
font-weight:normal;
}

table.contentable2
{
border:1px solid #6C8DB6;
border-collapse:collapse;
background-color:#FFFFFF;
width:100%;
}


table.contentable2 th
{
border:1px solid #6C8DB6;
background-color:#E2EDEF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #003366;
font-weight:normal;
text-align:center;
vertical-align:middle;
height:18px;
}


table.contentable2 td
{
border:1px solid #6C8DB6;
vertical-align:middle;
text-align:center;
font-style:normal;
}


table.contentable3
{
border:1px solid #6C8DB6;
border-collapse:collapse;
background-color:#FFFFFF;
width:100%;
}


table.contentable3 th
{
border:1px solid #6C8DB6;
background-color:#E2EDEF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #003366;
font-weight:normal;
text-align:center;
vertical-align:middle;
height:18px;
}


table.contentable3 td
{
border:1px solid #6C8DB6;
vertical-align:middle;
font-style:normal;
}


table.contentable5
{
border:1px solid #6C8DB6;
border-collapse:collapse;
background-color:#FFFFFF;
width:270px;
}


table.contentable5 th
{
border:1px solid #6C8DB6;
background-color:#E2EDEF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #003366;
font-weight:normal;
text-align:center;
vertical-align:middle;
height:18px;
}


table.contentable5 td
{
border:1px solid #6C8DB6;
vertical-align:middle;
font-style:normal;
}


table.contentable4
{
border:1px solid #6C8DB6;
border-collapse:collapse;
background-color:#FFFFFF;
width:100%;
}


table.contentable4 th
{
border:1px solid #6C8DB6;
background-color:#E2EDEF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #003366;
font-weight:normal;
text-align:center;
vertical-align:middle;
height:18px;
}


table.contentable4 td
{
border:1px solid #6C8DB6;
vertical-align:middle;
font-style:normal;
}

table.contentable4 a{
	text-decoration: none;
	color:#0066CC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
}
table.contentable4 a:visited {
	text-decoration: none;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
}
table.contentable4 a:hover {
    text-decoration: underline;   
	color: #000000;
}



.normalcell
{
border:1px solid #6C8DB6;
vertical-align:middle;
text-align:center;
font-style:normal;
font-weight:normal;
}

.greycell
{
border:1px solid #6C8DB6;
vertical-align:middle;
text-align:center;
font-style:normal;
font-weight:bold;
background-color:#EEEEEE;
}

.greycell2
{
border:1px solid #6C8DB6;
vertical-align:middle;
text-align:left;
font-style:normal;
font-weight:bold;
background-color:#EEEEEE;
}

.subheadercell
{  
background-color:#E2EDEF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #003366;
font-style:normal;
font-weight:bold;
vertical-align:middle;
height:18px;
text-align:center;
border:1px solid #6C8DB6;
border-collapse:collapse;
}

.tableimgbg
{  
	background-image:url(../images/gradbg.gif);
color: #ffffff;
font-style:normal;
}

.headerrightcell
{  
background-image:url(../images/gradbg.gif);
color: #ffffff;
font-style:normal;
font-weight:normal;
text-align:right;
height:20px;
padding-right:15px;
}

.headerleftcell
{  
background-image:url(../images/gradbg.gif);
color: #ffffff;
font-style:normal;
font-weight:bold;
text-align:left;
height:20px;
padding-left:15px;
}

.headerpalerightcell
{  
background-color:#E2EDEF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #003366;
font-style:normal;
font-weight:normal;
vertical-align:middle;
height:18px;
text-align:right;
padding-right:15px;
border:1px solid #6C8DB6;
border-collapse:collapse;
border-bottom:none;
border-left:none;
}

.headerpaleleftcell
{  
background-color:#E2EDEF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #003366;
font-style:normal;
font-weight:normal;
vertical-align:middle;
height:18px;
text-align:left;
padding-left:15px;
border:1px solid #6C8DB6;
border-collapse:collapse;
border-bottom:none;
border-right:none;
}


.tablebluebg
{
background-color:#E2EDEF;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #003366;
}
.tablegreybg
{
background-color:#EEEEEE;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
color:#333333;
}
.nonbold
{ font-style:normal;
}
.bold
{ 
	font-weight: bold;
	text-align: center;
}
.tablewhitetxt {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; font-style:normal}

table.noborder td 
{
border-style: none;
	border-color: inherit;
	border-width: 0px;
	border-collapse:collapse;
	text-align: left;
}




.datetxtfield { width: 100px; height: 15px; font-family: Verdana; border: 1px solid #6C8DB6;font-size: 11px;
	margin-top: 0px;
	margin-left: 11px;
}

a.chi{
	color: #FFFFFF;	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
}
a.chi:hover {
	color: #CCFFFF;
	font-weight: bold;
}
a.chi:visited{
	color: #FFFFFF;	
}

a.chi:hover {
	color: #CCFFFF;
	font-weight: bold;
}

a.chi:visited{
	color: #FFFFFF;	
}
a.chi:active{
	color: #FFFFFF;	
}
.btm a{
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.btm  a:visited {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.btm a:hover {

	color: #003366;
}
.btm a:active {
	text-decoration: none;
	color: #000000;
}
.account a{
	text-decoration: none;
	color:#003366;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.account  a:visited {
	text-decoration: none;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
}
.account a:hover {
    text-decoration: underline;   
	color: #000000;
}
.linknav a{
	text-decoration: none;
	color:#2D4F8E;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	
}
.linknav a:visited {
	text-decoration: none;
	color: #2D4F8E;
	font-family: Arial, Helvetica, sans-serif;
}
.linknav a:hover {
    text-decoration: underline;   
	color: #000000;
}
.tableheadertxt {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.efftxt {color: #333333; font-size: 11px;}
.logintxt {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; }
.logintxt2 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #003366; }
.tablehdtxt {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; height: 13px; }

/*09*/
table.border2
{
border:1px solid #6C8DB6;
border-collapse:collapse;
border-bottom:none;
}
table.border2 td 
{
border-top-color:#0099CC;
border-left-color:#0099CC;
border-right-color:#0099CC;
}
table.border3
{
border:1px solid #6C8DB6;
border-collapse:collapse;
border-bottom:none;
border-top:none;
}
table.border3 td 
{
border-left-color:#0099CC;
border-right-color:#0099CC;
}

table.border4
{
border:1px solid #6C8DB6;
border-collapse:collapse;
}

table.border4 td 
{
 border-color:#0099CC;
}

.normalink a{
	text-decoration: none;
	color:#0066CC;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
}
.normalink a:visited {
	text-decoration: none;
	color: #0066CC;
	font-family: Arial, Helvetica, sans-serif;
}
.normalink a:hover {
    text-decoration: underline;   
	color: #000000;
}

.maillink a{
	text-decoration: none; 
	color:#0066FF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
}
.maillink a:visited {
	text-decoration: none; 
	color:#0066FF;
	font-family: Arial, Helvetica, sans-serif;
}








.whitehdtxt {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; }
.boldtxt{font-weight: bold;}
.notboldtxt{font-weight:normal;}
.selectsty{background-color:#C4E8FF;font-family: Verdana, Arial, Helvetica, sans-serif;color:#333333; font-size:11px; border: 1px solid #C4E8FF; height: 18px}

.selectsty{background-color:#C4E8FF;font-family: Verdana, Arial, Helvetica, sans-serif;color:#333333; font-size:11px; border: 1px solid #C4E8FF; height: 18px}

/* added 6 aug 09*/

hr {
color: #6E8AAF;
width:700px;
}





.textfield { width: 88px; height: 15px; font-family: Verdana; border: 1px solid #003366;font-size: 12px;}
.textfield2 { width: 48px; height: 15px; font-family: Verdana; border: 1px solid #003366;font-size: 12px;}
.textfield3 { width: 140px; height: 15px; font-family: Verdana; border: 1px solid #003366;font-size: 12px;}
.textfield3Disable { width: 140px; height: 15px; font-family: Verdana; border: 1px solid rgb(150,150,150); font-size: 11px; background-color:rgb(234,234,234);}
.textfield_pw { width: 88px; height: 15px; font-family:"新細明體","細明體",Arial, Helvetica, sans-serif;  border: 1px solid #003366;font-size: 12px; vertical-align:top;}


.textfield4 { width: 60px; height: 15px; font-family: Verdana; border: 1px solid #003366;font-size: 12px;}

.chi a:link{
	color: #FFFFFF;	
	text-decoration: none;
}
.chi a:hover {
	color: #CCFFFF;
    font-weight: bold;
}
.chi a:visited{
	color: #FFFFFF;	
}
.chi a:active{
	color: #FFFFFF;	
}

.btm a:link {
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.btm  a:visited {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.btm a:hover {

	color: #003366;
}
.btm a:active {
	text-decoration: none;
	color: #000000;
}
.pin a:link {
    font-weight: bold;
	text-decoration:none;
	color: #003366;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
.pin  a:visited {
	color: #003366;
	font-weight: bold;
		text-decoration:none;
		font-family: Arial, Helvetica, sans-serif;
}
.pin a:hover {
	color: #000000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
.pin a:active {
	text-decoration: none;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
}

.Label_Field { font-size: 9pt; font-style: normal; font-family: Arial; background-color: 
               #F3F3F3 }
               
.logintxt {font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; font-size: 11px; }
.normaltxt{font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; font-size: 11px; }
.selectxt {font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; font-size: 11px;}
.bottomtxt {color: #000000; font-size: 11px;}
.selectsty{background-color:#C4E8FF;font-family: Verdana, Arial, Helvetica, sans-serif;color:#333333; font-size:11px; border: 1px solid #C4E8FF; height: 18px}
.regtxt {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: larger; color: #003366; font-weight: bold;}
.regtxtred {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: Red;}
.regtxtwarn {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:rgb(255, 45, 45); background-color:rgb(255, 255, 202); font-weight:bold; font-style:italic; width:378px; }
.regtxtloginwarn {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:rgb(255, 45, 45); font-weight:bold; font-style:italic; width:378px; }




/* linknav2 newly added on 12 Aug 09 */
.linknav2 a{
	text-decoration: none;
	color:#2D4F8E;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
}

.linknav2 a:visited {
	text-decoration: none;
	color: #2D4F8E;
	font-family: Arial, Helvetica, sans-serif;
}
.linknav2 a:hover {
    text-decoration: underline;   
	color: #000000;
}

table.msgtable
{
/*border:1px solid #E2EDEF;*/
border: 0 none;
background-color:#E2EDEF;
border-collapse:collapse;
}

.footerbluecell
{
border:1px solid #6C8DB6;
vertical-align:middle;
text-align:center;
font-style:normal;
font-weight:bold;
background-color:#F0F8FF;
}



/* added on 17 Aug 09*/
.textfield7 { width: 60px; height: 17px; font-family: Verdana; border: 1px solid #6C8DB6;font-size: 11px; }
.textfield7Disable { width: 60px; height: 17px; font-family: Verdana; border: 1px solid rgb(150,150,150); font-size: 11px; background-color:rgb(234,234,234);}

.textfield5 { width: 120px; height: 17px; font-family: Verdana; border: 1px solid #6C8DB6;font-size: 11px;}
.textfield5Disable { width: 120px; height: 17px; font-family: Verdana; border: 1px solid rgb(150,150,150); font-size: 11px; background-color:rgb(234,234,234);}

.textfield6 { width: 200px; height: 17px; font-family: Verdana; border: 1px solid #6C8DB6;font-size: 11px;}
.textfield6Disable { width: 200px; height: 17px; font-family: Verdana; border: 1px solid rgb(150,150,150); font-size: 11px; background-color:rgb(234,234,234);}
.txt9pt{font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.txt10pt{font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
/* added on 24 Aug 09*/
.reglink a{
	text-decoration: none; 
	color:#0099FF;
	font-size: 11px;
		font-family: Arial, Helvetica, sans-serif; /*modified */
	
}
.reglink  a:visited {
	text-decoration: none; 
	color:#0099FF;
	font-family: Arial, Helvetica, sans-serif;
}
.reglink  a:hover {
    text-decoration: underline;  
	color:#CC3399;
}

/*added on 9/9/9 */
.textfield21 { width: 48px; height: 12px; font-family: Verdana; border: 1px solid #6C8DB6;font-size: 11px;}
.textfield31 { width: 140px; height: 12px; font-family: Verdana; border: 1px solid #6C8DB6;font-size: 11px;}



.normalcell21
{
height:25px;
border:1px solid #6C8DB6;
vertical-align:middle;
text-align:center;
font-style:normal;
font-weight:normal;
}

.normalcell22
{
height:25px;
border:1px solid #6C8DB6;
vertical-align:middle;
text-align:left;
font-style:normal;
font-weight:normal;
}


ul.list{list-style-type: none;}




#im, #account_summary, #Change_Company_Details, #Change_Future_Investment, #change_investment, #Change_Personal_Details, #change_pin, #change_pw, #Contribution_File_Upload, #contribution_history, #Download_Corner, #fund_balance, #fund_switching, #fund_transaction,#inbox, #ReBalance_Existing_Investment,#Service_Pledge, #unitfund_price{                                  /* 6. */
	display:none;              
	}
	
	
.datetxtfield2 { width: 100px; height: 15px; font-family: Verdana; border: 1px solid #6C8DB6;font-size: 11px;
	margin-top: 0px;
}

 a.linkButton{
 text-decoration: none; 
 color:#0066FF;
 font-size: 11px;
 font-family: Arial, Helvetica, sans-serif;
}
 
a.linkButton:visited {
 text-decoration: none; 
 color:#0066FF;
 font-family: Arial, Helvetica, sans-serif;
}
 
a.linkButton:hover {
    text-decoration: underline;  
 color: #000000;
}

.headergreyback {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #003366; font-weight:bold; background-color:#E2EDEF;}


.Label_Title4
{	color:rgb(0,128,255);
	font-weight:bold;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}  

.biggerFont
{
      font-size :15px;
      font-weight:bold;
                   
}

.cal_normal_text{
 font-size: 11px;
 font-family:Arial, Helvetica, sans-serif;
 color:#000000
}
.cal_display_text {
 font-size: 20px;
 color: #003366;
 font-weight: bold;
 font-family:Arial, Helvetica, sans-serif;
}


        @media screen 

        {
            .should_print  

            {

                display:none;

            }

        }
        
        @media print 

        {
            .should_print  
            {

                display:inline;

            }
            
            .should_print_button
            {
             
                display:none;
             
                
            }

        }       
        
.form-table
{
	border-collapse: collapse;
}

.form-table td
{
	padding: 10px 5px;
}

.form-table .h
{
   background: #E2EDEF;
}

.form-table td.h, .form-table td.d
{
  	border: 1px solid #8FA6B6;
}

.form-table td.h, .form-table td.d
{
  	border: 1px solid #8FA6B6;
}

.form-table td.d.sub-table 
{
	padding:0;	
}

.form-table td.d.sub-table table
{
	padding:0;
	border-collapse: collapse;
}

.form-table td.d td.h
{
  	border-width: 0 1px;
}

.form-table td.d td.d 
{
	border: 0;

}
    
 .enh {
    font-weight: bold;
    color: red;
}   

  sup {   
    font-size: 93% !important;
    vertical-align:super!important;
}
     
input[disabled] 
{
    background: #EBEBE4;
}