/* Table start temp - should really change these */
.tdGrayBorder{  color: #3B3B3B; line-height: 16px; border-style: solid; border-color: #bdbdbd; border-width: 1px;}

.tdBgGray2{font-size: 10px; height:20px; color: #3B3B3B; background-color:#f5f8e3; border-style: solid; border-color: #e3e3e3; border-width: 1px; padding:2px 4px 2px 4px;}

.tdBgGray{  height:20px; color: #3B3B3B; font-weight: bold; background-color:#E6E6E6; border-style: solid; border-color: #CCCCCC; border-width: 1px;}
.tdBgGrayNoBorder{  height:20px; color: #3B3B3B; font-weight: bold; background-color:#E6E6E6; border-style: solid; border-color: #FFF; border-width: 0px}
.tdBgGray3{  height:25px; color: #3B3B3B; font-weight: normal; background-color:#E6E6E6; border-style: solid; border-color: #CCCCCC; border-width: 1px}
.tdBgGray4{  font-size: 12px; color: #3B3B3B; vertical-align:middle; background: url(../../Images/zh-tw/Bg/bg_line_gray25.gif); height:25px; padding-top:4px; padding-left:2px; padding-right:2px;}
.tdBgGray5{    color: #3B3B3B; vertical-align:middle; background: url(../../Images/zh-tw/Bg/bg_line_gray25.gif); height:25px; padding-top:2px; padding-left:2px; padding-right:2px;}

.tdBgWhite{  height:20px; color: #3B3B3B; font-weight: normal; background-color:#FFF; height:22px;}
.tdBgWhiteLine{  color: #3B3B3B; font-weight: normal; background-color:#FFF; height:30px; border-bottom:1px solid #cacaca;}

.tdBgBlue{  color: #3B3B3B; background-color:#b1d3f7; border-style: solid; border-color: #4883b4; border-width: 1px; height:20px;}
.tdBgBlue2{  height:20px;  color: #3B3B3B; background-color:#ddedff; border-style: solid; border-color: #7ab3db; border-width: 1px; font-weight:bold;}
.tdBgBlue3{  color: #3B3B3B; background-color:#ddedff;}
.tdBgBlue4{  font-size: 12px; font-weight:bold; color: #3B3B3B; vertical-align:middle; border-bottom:1px solid #363636; background-color:#b1d3f7; height:30px; padding:4px;}

.tdBgBlueImage{background-color:#e5f6fe; padding: 5px 5px 5px 5px; border-style: solid; border-color: #78b6d4; border-width: 1px; width:549px;}
.tdBgBlueImage2{background-color:#78b6d4; padding: 5px 5px 5px 5px; border-style: solid; border-color: #78b6d4; border-width: 1px; width:680px;}

.tdStepGray{background-color:#a0a0a0;}
.tdStepBgGray{font-size: 10.5px; color: black; background-color:#e4e4e4; font-weight:normal; text-align:center;}
.tdStepBgBlue{font-size: 10.5px; color: black; background-color:#b0d2f6; font-weight:normal; text-align:center; width:33%;}
.tdStepBgWhite{font-size: 10.5px; color: black; background-color:#ffffff; font-weight:normal; text-align:center; width:33%;}
.tdStepBgGreen{font-size: 10.5px; color: black; background-color:#6fd271; font-weight:normal; text-align:center; width:33%;}
.tdStepBgBlue2{font-size: 10.5px; color: black; background-color:#b0d2f6; font-weight:normal; text-align:center; width:50%;}
.tdStepBgGreen2{font-size: 10.5px; color: black; background-color:#6fd271; font-weight:normal; text-align:center; width:50%;}
.tdStepBgWhite2{font-size: 10.5px; color: black; background-color:#ffffff; font-weight:normal; text-align:center; width:50%;}
.tdStepBgGray2{font-size: 10.5px; color: black; background-color:#e4e4e4; font-weight:normal; text-align:center; width:50%;}

.tdStepBgBlue4{font-size: 10.5px; color: black; background-color:#b0d2f6; font-weight:normal; text-align:center; width:25%;}
.tdStepBgGreen4{font-size: 10.5px; color: black; background-color:#6fd271; font-weight:normal; text-align:center; width:25%;}
.tdStepBgWhite4{font-size: 10.5px; color: black; background-color:#ffffff; font-weight:normal; text-align:center; width:25%;}
.stepBorders {border-top:1px solid #999999; border-bottom:1px solid #999999; margin:0; padding: 0;} 


.tdCPBgGray{  color: black; background-color:#e4e4e4; font-weight:normal; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgGrayBold{  color: #1f64a0; background-color:#e4e4e4; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgGray2{  color: black; background-color:#f2f2f2; font-weight:normal; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgGray2Bold{  color: #1f64a0; background-color:#f2f2f2; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px;}
.tdCPBgBlue{font-size: 12px; color: white; background-color:#66b3f2; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px; padding-top:6px; padding-bottom:6px;}
.tdCPBgBlue2{font-size: 12px; color: black; font-weight:bold; text-align:left; padding-left:6px; padding-right:6px;}


.tdQuote{  color: #3B3B3B; font-weight: normal; border-style: solid; border-color: #FFF; border-width: 1px; padding-left:2px; padding-right:2px;}

.MsgPopupText {font-size:12px; font-weight:normal; background-color: #FFFFFF; height:16px; width:80%; text-align:center; border-style: solid; border-color: #bdbdbd; border-width: 1px; padding-top:15px; padding-bottom:15px;}


.tdBgEnable{background: url(../../Images/zh-tw/trade/bkgnd.gif);}
.tdBgDisable{background: url(../../Images/zh-tw/trade/bkgnd_gray.gif);}

.tdDataBg {background: url(../../Images/zh-tw/watchlist/bg_td.gif) repeat-x ; padding-top:4px; padding-bottom:2px;}


.tableBgGray{background-color:#fff; border-style: solid; border-color: #CCCCCC; border-width: 1px; text-align:center; padding: 3px 3px 3px 3px;}

.gridviewRowStyle{ padding-bottom:2px; padding-top:2px; margin-top:2px; }
/* Table end */


/* Date-grib start */
.tdDot45 {  color: #3B3B3B; background-color: #FFFFFF; height:45px; background-image:url(../../Images/zh-tw/Fund/bg_dot_h45.gif); background-repeat:repeat-x}
.tdDot35 {  color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../../Images/zh-tw/Fund/bg_dot_h35.gif); background-repeat:repeat-x}
.tdDot35b {  color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../../Images/zh-tw/Fund/bg_dot_h35b.gif); background-repeat:repeat-x}
.tdDot30 {  color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../../Images/zh-tw/Fund/bg_dot_h30.gif); background-repeat:repeat-x}
.tdDot25 {  color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../../Images/zh-tw/Fund/bg_dot_h25.gif); background-repeat:repeat-x}
.tdDot25b {  color: #3B3B3B; background-color: #FFFFFF; height:35px; background-image:url(../../Images/zh-tw/Fund/bg_dot_h25b.gif); background-repeat:repeat-x}
/* Date-grib end */



/* Form start */
.TextBox{  color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 0 1px 2px; width:160px}
.TextBox2{  color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 0; width:40px}
.TextBox2b{font-size: 10px; color: #666; background-color:#FFF; border:1px solid #666666; padding:1px 2px 1px 2px; width:40px}
.TextBox3{font-size: 13px; color: #000; font-weight:bold; text-align:center; background-color:#FFF; border:1px solid #666666; padding:1px 0; width:20px; height:20px;}

.TextBoxRight{  color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 4px 1px 0; text-align:right; width:160px;}
.TextBoxCenter{  color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 0; text-align:center; width:160px;}

.TextBoxG{  color: #000; background-color:#e8fbe9; border:1px solid #666666; padding:1px 0 1px 3px; width:160px}
.TextBoxG2{  color: #000; background-color:#e8fbe9; border:1px solid #666666; padding:1px; width:50px; text-align:center;}

.TextMode{  height:15px; color: #3B3B3B; background-color:#FFF; border-style: solid; border-color: #CCCCCC; border-width: 1px; padding:6px 0;}

.TextBoxNoBorder{  color: #000; font-weight:normal; background-color:Transparent; padding-right:2px; border-style:none;}
.TextBoxNoBorderRight{  color: #000; font-weight:normal; background-color:Transparent; padding-right:2px; border-style:none; text-align:right; width:150px}

.TextBoxNoBorder2{font-size: 12px; color: #484848; font-weight:normal; background-color:Transparent; border-style:none;}

.TextBoxAcc {  color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:140px; margin:5px; cursor:pointer;}

.TextBoxLogin {font-size: 14px; color: #000; background-color:#FFF; border:1px solid #666666; width:150px; height:20px; padding:1px 0 0 1px; cursor:pointer;}

.TextBoxAccPIN {font-size: 33px; letter-spacing:7px; font-weight:bold; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:2px 0 0 8px; width:126px; cursor:pointer;}
.TextBoxAccPhrase {font-size: 15px; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:5px 3px 5px 3px; width:170px; cursor:pointer;}
.TextBoxAccPhraseLogin {font-size: 14px; color: #000; font-weight:bold; border-style:none; background-color:Transparent; padding:5px 3px 5px 3px; width:260px;}

.TextBoxTrade {  float:left; color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:60px; margin:2px 0;}
.DropDownTrade { font-size:14px;  color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:70px; margin:2px 0;}
.DropDownTradeType { font-size:14px;  color: #000; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:110px; margin:2px 0;}
.DropDownTradeWide {  font-size:14px; color: #000; display:block; background-color:#E8FBE9; border:1px solid #666666; padding:1px 0; width:130px; margin:2px 0; float:left;}

.MessageBox{  color: #000; background-color:#FFF; border:1px solid #666666; padding:1px 0 1px 2px; width:420px; height:150px;}

/* Form end */

/* Account settings */
.Table-CellBorderAcc{  color: #3B3B3B; line-height: 16px; border-style: solid; border-color: #dcdcdc; border-width: 1px;}
.Table-CellNoBorderAcc{  color: #3B3B3B; line-height: 16px;}
.Table-CellNoBorderAccBold{  color: #3B3B3B; line-height: 16px; font-weight: bold;}
.Table-CellPadded{padding-left: 6px; padding-right: 12px; padding-top: 3px; padding-bottom: 3px }

.tdgrayAcc{  color: #3B3B3B; font-weight: bold; background-color:#DDDDDD;  height:20px; border-style: solid; border-color: #CCCCCC; border-width: 1px}
.tdBarAcc{  color: #ffffff; font-weight: bold; background-color:#DDDDDD;  border:solid 1px #cccccc;}
.tdContentAcc{  color: #3B3B3B; line-height: 14px; padding-left: 10px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.tdContentAccText{  color: #3B3B3B; line-height: 14px; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}
.tdContentAccHelp{  color: #3B3B3B; line-height: 16px;}
.tdTextAcc{  color: #3B3B3B; line-height: 16px;}
.tdContentPro{  color: #3B3B3B; line-height: 13px; padding-top: 0px; padding-bottom: 0px;}



/* TAB Styles start */
#Tabmain{ width:100%;}
.TabTopGroup{ z-index:99; position:relative; background-image: url(../../Images/zh-tw/TabStrip/tab_bg_bar.gif);}
.TabDefaultTab{ color:black; background-image: url(../../Images/zh-tw/TabStrip/tab_bg.gif);    font-weight:bold;  color:#A2A2A2; cursor:pointer;}
.TabDefaultTabHover{ color:black; background-image: url(../../Images/zh-tw/TabStrip/hover_tab_bg.gif);   font-weight:bold; color:#363636; cursor:pointer;}
.TabSelectedTab{ color:black; background-image: url(../../Images/zh-tw/TabStrip/selected_tab_bg.gif);    font-weight:bold; color:#363636; cursor:pointer;}
.TabMultiPage{ overflow:visible; position:relative; padding:10px; top:-3px; left:1px; z-index:98; width:100%;}
.TabPageContent{   color: #3B3B3B;}
.Tabtd{	background-color:#EAEAEA; height:22px; border-right: 1px solid white;}


.rMultiPage{ background-color:White; border: 1px solid #cecece; width:312px; height:100px; position:relative; top:-3px; left:1px; z-index:98;}
.rMultiPage2{ background-color:White; border: 1px solid #cecece; width:312px; height:155px; position:relative; top:-3px; left:1px; z-index:98;}


/* TAB Styles end */


/* Table Bg */
#Table-Container {margin:20px 0px 10px 10px; padding:0px; float:left; clear:left; display:inline;}
#Table-Box {background:#fff url(../../../Images/zh-tw/trade/TradeBox_mid.jpg) repeat-y top left; width:579px; margin-top:10px;}
#Table-BoxTop {background:#fff url(../../../Images/zh-tw/trade/TradeBox_top.jpg) no-repeat top left; width:579px; height:85px; text-align:center;}
#Table-BoxTop h4 {font-size:12px; font-weight:bold;}
#Table-BoxTop h5 {font-size:14px; font-weight:bold; padding:10px;}
#Table-BoxTop p {margin:5px 0;}
#Table-BoxTop p.small {font-size:10px; margin:-3px 1px;}
#Table-BoxMid
#Table-BoxBtm {background:#fff url(../../../Images/zh-tw/trade/TradeBox_bottom.jpg) no-repeat top left; width:579px; height:3px; clear:both;}


/* Bg Blue */
.Table-Grad {background: url(../../Images/zh-tw/trade/bkgnd.gif) repeat-x; width:580px; border:0;}
.Table-GradTop {background: url(../../Images/zh-tw/trade/bg_dot_top.gif) repeat-x;}
.Table-GradLeft {background: url(../../Images/zh-tw/trade/bg_dot_left.gif) repeat-x;}
.Table-GradRight {background: url(../../Images/zh-tw/trade/bg_dot_right.gif) repeat-x;}
.Table-GradBot {background: url(../../Images/zh-tw/trade/bg_dot_bottom.gif) repeat-x;}


/* Bg Yellow */
.Table-Grad2 {background: url(../../Images/zh-tw/trade/bkgnd_yellow.gif) repeat-x; width:580px; border:0;}


/* Bg Gray */
.Table-Grad3 {background: url(../../Images/zh-tw/trade/bkgnd_gray.gif) repeat-x; width:580px; border:0;}



/* Confirm Bg */
#ConfirmBg {background: url(../../Images/zh-tw/Bg/g_confirm.jpg) repeat-x; height:150px;}


.line {border-bottom:dotted 1px #cacaca; padding-bottom:5px;}




/* Table BG color BLUE YELLOW GRAY */
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 580px; /* ems so it will grow */
	background: url(../../Images/zh-tw/Grib/sbbody-r.gif) no-repeat bottom right;
	float: left;
}

.sideboxYellow {
	margin: 0 auto; /* center for now */
	width: 580px; /* ems so it will grow */
	background: url(../../Images/zh-tw/Grib/sbbody-ry.gif) no-repeat bottom right;
	float: left;
}

.sideboxGray {
	margin: 0 auto; /* center for now */
	width: 580px; /* ems so it will grow */
	background: url(../../Images/zh-tw/Grib/sbbody-rg.gif) no-repeat bottom right;
	float: left;
}

.boxhead {
	background: url(../../Images/zh-tw/Grib/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(../../Images/zh-tw/Grib/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: #666; 
	font-weight: bold; 
	font-size: 1.4em; 
	}

.boxhead h3 {
	background: url(../../Images/zh-tw/Grib/sbhead-ly.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: #666; 
	font-weight: bold; 
	font-size: 1.4em; 
	}

.boxhead h4 {
	background: url(../../Images/zh-tw/Grib/sbhead-lg.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 15px;
	color: #666; 
	font-weight: bold; 
	font-size: 1.4em; 
	}

.boxhead p { margin: 0; border-bottom:1px solid #cacaca;}
.caption {padding: 0px 0px 0px; font-weight: normal;   font-size: 0.8em; color: #666666;}
.TopLink {margin: -16px; padding: 0px 20px 0px; font-weight: normal; text-align: right; float:right;    }


.boxbody {
	background: url(../../Images/zh-tw/Grib/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	line-height: 0.2em;
	padding: 0px 30px 120px;
}
/* compareus table */
.tabletitle { width:972px; margin:8px 8px 0px 8px; border:0; color:#004c91; font-size:13px; font-weight:bold; background:url(../../Images/en-us/Home/tabletitle_bg.jpg) top left repeat-x; height:27px;}
.tabletitle_left { width:8px; height:27px; background:url(../../Images/en-us/Home/tabletitle_left.jpg) no-repeat;}
.tabletitle_text { height:27px; padding:0 6px 0 6px; background:url(../../Images/en-us/Home/tabletitle_text.jpg) repeat-x;}
.tabletitle_right { width:8px; height:27px; background:url(../../Images/en-us/Home/tabletitle_right.jpg) left top no-repeat;}
.table_right { width:auto;}
.tableinfo { width:972px; margin:0px 8px 20px 8px; border:solid #0087c6; border-width:0px 1px 1px 1px; height:30px}
.tablebg01 { background:url(../../Images/en-us/Home/tablebg01.jpg) repeat-x; padding:0px 5px; font-size:12px; color:#6b6b6b; font-family:Arial; font-weight:bold;}
.tablebg01b { background:url(../../Images/en-us/Home/tablebg01.jpg) repeat-x; padding:0px; font-size:12px; color:#6b6b6b; font-family:Arial; font-weight:bold; width:130px;}
.tablebg02_1 { width:65px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg02 { width:65px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg03_1 { width:70px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg03 { width:70px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg04_1 { width:55px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg04 { width:88px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg05_1 { width:109px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg05 { width:91px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg06_1 { width:109px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg06 { width:106px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:4px 10px 4px 10px; }
.tablebg07_1 { width:130px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:2px 5px; }
.tablebg07 { width:130px; font-size:12px; color:#6b6b6b; font-family:Arial;padding:2px 5px; }
.sogobg { width:130px; background-color:#0856a0; text-align:center; height:30px; padding:4px 6px 4px 6px;}
.sogobg1 { background:url(../../Images/en-us/Home/okIcon.gif) no-repeat 30px 17px; width:126px; background-color:#3297cc; color:#ffffff; padding:6px 6px 0 26px; text-align:center; height:50px; font-size:20px; font-weight:bold;}
.sogobg1_1 { background:url(../../Images/en-us/Home/okIcon.gif) no-repeat 16px 17px; width:126px; background-color:#3297cc; color:#ffffff; padding:6px 6px 0 26px; text-align:center; height:50px; font-size:20px; font-weight:bold;}
.sogobg1_2 { background:url(../../Images/en-us/Home/okIcon.gif) no-repeat 25px 17px; width:126px; background-color:#3297cc; color:#ffffff; padding:6px 6px 0 26px; text-align:center; height:50px; font-size:20px; font-weight:bold;}
.sogobg2 { background:url(../../Images/en-us/Home/okIcon2.gif) no-repeat 30px 17px; width:126px; background-color:#359dd0; color:#ffffff; padding:6px 6px 0 26px; text-align:center; height:50px; font-size:20px; font-weight:bold;}
.sogobg2_1 { background:url(../../Images/en-us/Home/okIcon2.gif) no-repeat 25px 17px; width:126px; background-color:#359dd0; color:#ffffff; padding:6px 6px 0 26px; text-align:center; height:50px; font-size:20px; font-weight:bold;}
.sogobg2_2 { background:url(../../Images/en-us/Home/okIcon2.gif) no-repeat 22px 17px; width:126px; background-color:#359dd0; color:#ffffff; padding:6px 6px 0 26px; text-align:center; height:50px; font-size:20px; font-weight:bold;}
.tablelist01 { width:150px; color:#1F64A0; font-size:12px; font-weight:bold;padding:4px 6px 4px 10px; }
.tablelist02 { width:150px; color:#1F64A0; font-size:12px; font-weight:bold;padding:4px 6px 4px 10px; }
.tablelist03 { width:150px; color:#1F64A0; font-size:12px; font-weight:bold;padding:4px 6px 4px 10px; }
.tabletrbg { background:#f2f6fa; padding:14px 0px 14px 6px;}
.tabletrbg1 { background:#ffffff; padding:14px 0px 14px 6px;}