@charset "UTF-8";
/* CSS Document */

BODY
{
	font-family:Arial, PMingLiU, Helvetica, sans-serif;
	margin:0 0;
	font-size: 62.5%;
/* 	letter-spacing: 1px; */
}

img
{
	border:0px;
	}

.mainbody
{
	margin:0 auto;
	width:1000px;
	
}


.demo_adv_dashed_border
{
	 box-sizing:border-box; 
	 -moz-box-sizing:border-box; 
	 -webkit-box-sizing:border-box; 
	 border: 1px dashed;
	}


.menu_text_black a {
	   font-size:12px;
	   text-decoration:none;
	   color:#333333;
	}

.menu_text_green a {
	   font-size:12px;
	   text-decoration:none;
	   color:#026b4c;
	}	


.menu_text_orange a {
	   font-size:11px;
	   text-decoration:none;
	   color:#F60;
	}	
	
	

.red_text {
	   font-size:11px;
	   text-decoration:none;
	   color:#F00;
	}	
		
	


.menu_text_black .menu_text_green, a:hover {
	color:#F60;
	cursor:pointer;
	}


.menu_category_highlight
{
	background-image: url(images/menu_bull.png);
	background-repeat: no-repeat;
	background-position: 9px 9px;
	background-color:#dddddd;
    font-weight:bold;
	text-indent:20px;
}


.menu_normal_item
{
	background-image: url(images/menu_bull.png);
	background-repeat: no-repeat;
	background-position: 9px 9px;
	text-indent:20px;
}

.menu_sub_item
{
	background-image: url(images/menu_bull.png);
	background-repeat: no-repeat;
    background-position: 20px 9px;
	/*text-indent:32px;*/
	padding-left: 32px;
	line-height:22px;
	font-size:11px;
}


.menu_sub_item2
{
	background-image: url(images/menu_bull.png);
	background-repeat: no-repeat;
    background-position: 40px 9px;
    padding-left: 52px;
	/*text-indent:52px;*/
	line-height:22px;
	font-size:11px;
}


.menu {
    width: 100%;
    border-collapse: collapse;
    font-size:11px;
    background-color:#f6f6f6;
}


.menu td {
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    font-size:11px;
	line-height:22px;
	height: 22px;
}

.menu .childTable tbody, .menu .childTable td {
    border:none;
}

.title_table {
	width: 100%;
    border:#444242 solid 1px;
    border-collapse: collapse;
    font-size:11px;
    background-color:#FFFFFF;
}

.data_table td {
	line-height:20px;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.data_table {
    width: 100%;
    border:#444242 solid 1px;
    border-collapse: collapse;
    font-size:12px;
    background-color:#FFFFFF;
}


.data_table_odd {
    width: 100%;
    border-collapse: collapse;
    font-size:11px;
    background-color:#FFFFFF;
}


.data_table_green {
    border-collapse: collapse;
    font-size:11px;
    background-color:#026b4c;
}


.data_table_error {
    border-collapse: collapse;
    font-size:11px;
    background-color:#d9e5cf;
	color:#FF6600;
}



.data_table_even {
    border-collapse: collapse;
    font-size:11px;
    background-color:#f5fff6;
}

.data_table_even td {
	vertical-align:top;
}

.data_table_odd td {
	vertical-align:top;
}


.data_table_gray_bar {
    background-color:#DDDDDD;
}

.data_table_result_bar {
    border-collapse: collapse;
    font-size: 12px;
    background-color:#f6f6f6;
	border-top: 1px solid #026b4c;
}

.data_table_top_dashed_line
{
	border-top: 1px dashed #37934a;
	}
	
.data_table_top_solid_line
{
	border-top: 1px solid #37934a;
	}	


.data_table td {
	line-height:20px;
	height: 20px;
}

.data_table .childTable tbody, .data_table .childTable td {
    border:none;
}





.welcome_msg
{
	position:relative;
	margin-top:40px;
	text-align:right;
	margin-right:20px;
	font-size: 18px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	
	}

.lang_bar
{
	position:absolute;
	margin-top:90px;
	margin-left:730px;
	width: 205px;
	}

.lang_bar2
{
	position:absolute;
	margin-top:90px;
	margin-right:50px;
	width: 920px;
	}

.green_line
{
	height:3px;
	background-color:#026b4c;
}
.white_line
{
	height:3px;
	background-color:#FFFFFF;
}

.white_line_vertical
{
	height:3px;
	background-color:#FFFFFF;
}

.login_text
{
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	color:#333333;	
}

.login_text_small
{
	font-size:9px;
	line-height:12px;
	color:#333333;
}



.black
{
	color:#333333;
	}
.white
{
	color:#FFFFFF;
	}	
	
.adv1
{
	width:725px;
	height:200px;
	}	
	
.adv2
{
	width:200px;
	height:100px;
	}	
	
.adv3
{
	width:200px;
	height:100px;
	}		
	
.adv4
{
	width:272px;
	height:170px;
	}	
	
.adv5
{
	width:210px;
	height:240px;
	}	
		
.adv6
{
	width:543px;
	height:230px;
	}		
	
.sys_msg
{
	width:543px;
	height:30px;
	}		
	
	
.adv7
{
	width:270px;
	height:165px;
	}				
	
.adv8
{
	width:270px;
	height:165px;
	}				

.adv9
{
	width:240px;
	height:153px;
}	

		
.import1
{
	width:100%;
	/*height:50px;*/
	height:auto;
	font-size:11px;
}			
	
.subpage_top_import
{
	width:100%;
	/*height:50px;*/
	height:auto;
	margin-bottom:15px;
	font-size:11px;
	}

.subpage_bottom_import
{
	width:100%;
	/*height:50px;*/
	height:auto;
	margin-top:15px;
	font-size:11px;
	}

.hide
{
	display:none;
	}

.yellow_bull
{
	background-image: url(images/yellow_bull.png);
	background-repeat: no-repeat;
	background-position: 9px 9px;
	text-indent:25px;
	line-height:25px;
	}





.white_header
{
	font-size:14px;
	color:#FFFFFF;
	font-variant:small-caps;
	}


	
.green_content_header
{
	background-color:#026b4c;
	height:28px;
	font-size:14px;
	color:#FFFFFF;
	background-image: url(images/yellow_bull.png);
	background-repeat: no-repeat;
	background-position: 9px 9px;
	text-indent:25px;
	line-height:25px;
	}


.login_button {
	width:80px;
	height:30px;
	font-weight:bold;
}

.textfield1 {
	width:100px;
	height:20px;
	border: 1px solid #CCCCCC;
	font-size:14px;
	
}


.currency_field {
	width:80px;
	height:20px;
	border: 1px solid #CCCCCC;
	font-size:12px;
}

.currency_field2 {
	width:160px;
	height:20px;
	border: 1px solid #CCCCCC;
	font-size:12px;
	
}


.green_button {
	font-family:Arial, Helvetica, sans-serif;
	width:60px;
	height:25px;
    color:#333333;
	background-color:#febd00;
	border:thin;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border: solid 1px #ef6d00;
}

.long_button {
	font-family:Arial, Helvetica, sans-serif;
	width:160px;
	height:25px;
    color:#333333;
	background-color:#febd00;
	border:thin;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border: solid 1px #ef6d00;
}


	
.footer_box_left
{
	width:499px;
	text-align:right;
	vertical-align:middle;
	}

.footer_box_right
{
	text-align:left;
	width:500px;
	vertical-align:middle;
	}

.footer_vertical_line
{ 
    width:1px;
	background-color:#026b4c;
	
}

.footer_box_left a , .footer_box_left span
{
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#026b4c;
	text-align:right;
	vertical-align:middle;
	margin-right:10px;
}

.footer_box_left a:hover
{
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#F60;
	text-align:right;
	vertical-align:middle;
	margin-right:10px;
}



.footer_box_right a , .footer_box_right  span
{
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#333333;	
	text-align:left;
	vertical-align:middle;
	margin-left:10px;
}

.footer_box_right a:hover
{
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#F60;
	text-align:left;
	vertical-align:middle;
	margin-left:10px;
}

.lang_bar_text
{
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#333333;	
}

.normal_text
{
	font-size:12px;
	line-height:12px;
	text-decoration:none;
	color:#333333;	
}


.normal_text li
{
	line-height:13px;
}

.question_text
{
	font-size:11px;
	vertical-align:middle;
	text-decoration:none;
	color:#333333;	
}


.login_msg
{
	font-size:11px;
	line-height:12px;
	text-decoration:none;
	color:#333333;	
}

.normal_text a
{
	color:#333333;	
	text-decoration:none;
}

.normal_text a:hover
{
	font-size:12px;
	line-height:12px;
	text-decoration:none;
	color:#FF6600;	
}
.white_link
{
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	}

.white_link a
{
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	}

.white_link a:hover
{
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
	}
.black_text
{
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	color:#026b4c;
}


.green_text
{
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	color:#026b4c;
}

.orange_text
{
	font-size:12px;
	line-height:14px;
	text-decoration:none;
	color:#F60;
}

.text_bold
{
		font-weight:bold;
	}


.green_header1
{
	font-size:17px;
	line-height:16px;
	text-decoration:none;
	color:#026b4c;
    font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
}

.positioning_table
{
	width:100%;
}

.positioning_table td
{
	padding:2px;
}

.info_box
{
	
	height:208px;
	vertical-align:middle;
	
	}

.login_box
{
	background-color:#f0f0f0;
	height:175px;
	vertical-align:middle;
	
	}
.input_field
{
	height:16px;
	border: 1px solid #CCCCCC;
	font-size:12px;
	}
	
.button_small
{
	font-family:Arial, Helvetica, sans-serif;
	width:50px;
	height:20px;
    color:#333333;
	background-color:#febd00;
	border:thin;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border: solid 1px #ef6d00;
	}		
	
.button
{
font-family:Arial, Helvetica, sans-serif;
	width:auto;
	height:25px;
    color:#333333;
	background-color:#febd00;
	border:thin;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border: solid 1px #ef6d00;
}

.button_ok
{
font-family:Arial, Helvetica, sans-serif;
	width:50px;
	height:25px;
    color:#333333;
	background-color:#febd00;
	border:thin;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	border: solid 1px #ef6d00;
}
	
/* custom css */
/*
.fwMessageDiv {
	display: block !important;
}
*/

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

.fwMessageDiv ul li {
	list-style: none;
}

.login_box .fwMessageDiv {
	font-size:12px;
	line-height:18px;
}


/*forms defined*/
.text_label {
	text-align: right;
}

.text_display {
	/* padding-left: 15px; */
	font-weight: bold;
}
.text_display2{
	font-weight: bold;
}
.data_table .first_column {
	padding-left: 15px;
}

.data_table .last_column {
	padding-right: 15px;
}
.data_table .first_next_column {
	padding-left: 10px;
}

.data_table .last_prev_column {
	padding-right: 10px;
}
.button_section {
	margin-top: 20px;
	width: 100%;
	text-align: right;
}

.button_section input {
	margin-left: 7px;
}

/* .bottom_dash {
	border-bottom : 1px dashed #37934A;	
	
} */
/* IE7 */
.bottom_dash >td{
	border-bottom : 1px dashed #37934A;	
	
}

select {
	border: 1px solid #CCCCCC;
	font-size:11px;
}

.errorMessage {
	list-style: none;
    font-size:11px;
	color:#FF6600;
	line-height: 20px;
	display: inline;
}

.errorMessage ul {
	display: inline;
}

.errorMessage li {
	display: inline;
}

#fwMessageDiv {
	border: 1px solid #444242;
}

#fwMessageDiv .errorMessage {
	background-color:#d9e5cf;
}

#fwMessageDiv .errorMessage {
	list-style: none;
    font-size:11px;
    font-weight:bold;
	color:#FF6600;
	line-height: 25px;
	display: block;
}

.menu_hide {
	display: none;
}

#header {
	margin: 5px 0 15px 0;
}

#header #menuPath {
	float: left;
	margin: 5px 0 5px 0;
	font-size: 12px;
	color: #000000;
	display: inline;
	white-space: nowrap;
	font-weight: bold;
}

#header #menuPath a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

#header #menuPath a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}

/*step panel start*/
#stepPanel 
{
	margin-top : 0px;
	font-weight: bold;
	font-size: 12px;
}

#stepPanel span
{
	float: left;
	padding: 2px 3px 2px 5px;
	height: 14px;
	display: block;
}

#stepPanel .currentStep
{
	background-color: #026B4C !important;
	color: #FFFFFF;
}

#stepPanel .stepCurBg
{
	background: url("images/step_curr.png") no-repeat;
	padding-left: 10px;
}

#stepPanel .step1
{
	background-color: #9D9FA2;
	color: #555555;
}

#stepPanel .step1Bg
{
	background: url("images/step1.png") no-repeat;
	padding-left: 10px;
}

#stepPanel .step2
{
	background-color: #CFD1D2;
	color: #555555;
}

#stepPanel .step2Bg
{
	background: url("images/step2.png") no-repeat;
	padding-left: 10px;
}

#stepPanel .step3
{
	background-color: #E5E6E7;
	color: #555555;
}

#stepPanel .step3Bg
{
	background: url("images/step3.png") no-repeat;
	padding-left: 8px;
}
#stepPanel .step4
{
	background-color: #EFF3F8;
	color: #555555;
}

#stepPanel .step4Bg
{
	background: url("images/step4.png") no-repeat;
	padding-left: 8px;
}
/*step panel end*/

.clear {
	clear: both;
}

.error_panel {
	color: #FF6600;
}

/**/
 #nrMessageDiv
{
    background-color:#d9e5cf;
	list-style: none;
    font-size:11px;
	color:#FF6600;
	line-height: 25px;
	display: block;   
	font-weight: bold; 
	padding-left:15px;
}
#nrMessageDiv .errorMessage
{
	list-style: none;
    font-size:11px;
	color:#FF6600;
	line-height: 25px;
	display: block;
}
#emptMessageTd
{
    line-height:25px;
	height: 25px;
    padding: 0px !important;
}
#nrMessageDiv ul
{
	display: inline;
	padding: 0;
}
.error_panel_wrapper
{
	margin: 0;
}
.error_panel_wrapper .error_panel {
	padding: 0 0 5px 22px;
	font-size: 15px;
	line-height: 18px;
	color: #AA0000;
	font-weight: normal; 
}
.colon{
    width: 15px;
    text-align: center;
}
.login_info_text{
    font-size:11px;
	line-height:11px;
	text-decoration:none;
	color:#333333;
}
.login_form_link{
	font-size: 11px;
	text-decoration: underline;
	color:#333333;
	background-color:#f0f0f0;
}
.login_form_link >a:HOVER {
	color:#F60;
	cursor: pointer;
}
.dialog_font{
	font-size:15px !important;
}
.useful_tr_space{
	border-spacing : 3px 4px;
	line-height : 150%;
	font-size:12px;
	text-decoration:none;
	color:#333333;
}
.useful_tr_space a
{
	color:#333333;	
	text-decoration:none;
}
.useful_tr_space a:HOVER {
	color:#F60;
	cursor: pointer;
}
.tAndCDesc{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 150%;
	font-size: 12px;
}
.tAndCDesc span{
	cursor: pointer;
}
#importantInfo a{
	color:blue;	
	text-decoration: underline;
}
#importantInfo a:HOVER{
	color:#F60;
	cursor: pointer;
}
.bottom_tips{
	white-space: pre-wrap;
	font-size: 11px;
	padding-left:15px;
	line-height:160%
}
#webBanerImg{
	background: url(images/e-Banking_webbaner_0708-03.jpg) no-repeat 0 0;
}
#loginFormTitleImg{
	background: url(images/e-Banking_webbaner_0708-04.jpg) no-repeat 0 0;
}
.initPinOl p{
    margin: 0;
    padding: 0;
    text-indent: 1.5em;
}
#idNum{
	font-size:12px;
	font-weight:bold;
}

.checkImageCode{
    font-family:Arial;
    font-style:italic;
    color:blue;
    font-size:28px;
    border:0;
    padding:2px 2px;
    letter-spacing:2px;
    font-weight:bolder;             
    float:left;            
    cursor:pointer;
    width:180px;
    height:60px;
    line-height:70px;
    text-align:center;
    vertical-align:middle;
}

.remarks_data_table {
    width: 100%;
    border: 0px;
    border-collapse: collapse;
    font-size:12px;
    background-color:#FFFFFF;
}

.remarks_data_table td {
	line-height:18px;
	height: 18px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:left;
}

.remarks_data_table .first_next_column {
	padding-left: 0px;
}

.remarks_data_table .last_prev_column {
	padding-right: 0px;
}

.remarks_text
{
	font-size:11px;
	vertical-align:middle;
	text-decoration:none;
	color:#A39D9D;
}

.inner_list_section {
	margin: 0;
	padding-bottom: 20px;
	width: 740px;
	overflow-x: auto;
	font-family: Arial;
	font-size: 12px;
}

.inner_list_section table {
	width: 740px;
	border: none;
}

.inner_list_section table tr th {
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	vertical-align:top;
	word-wrap:break-word;
	background-color: #919396;
	border-right: #E5E6E7 solid 2px;
	font-size: 13px;
}

.inner_list_section table tr td {
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	text-align:left;
	word-wrap:break-word;
	vertical-align:top;
	color: #000000;
	vertical-align:top;
	background-color: #FFFFFF;
	border-right: #E5E6E7 solid 2px; 	
}

.inner_list_section a {
	color: #000000;
}

.inner_list_section .even_row td {
	background-color: #E5E6E7;
	border-right: #FFFFFF solid 2px; 
}

.inner_list_section .nodata {
	border: 0px;
}
.detail_button {
	background-image: url(images/button1.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 20px;
	display: block;
}

.fwMessageDiv2 {
	border: 1px solid #444242;
}

.fwMessageDiv2 .errorMessage {
	background-color:#d9e5cf;
}

.fwMessageDiv2 .errorMessage {
	list-style: none;
    font-size:11px;
    font-weight:bold;
	color:#FF6600;
	line-height: 25px;
	display: block;
}

.arrow_link {
    text-decoration: underline !important;
    color: #37934A !important;
    line-height: 20px !important;
}
.arrow_link:before {
	content: ">";
}

input[type="button"] {
	outline: unset;
}

.darkred{
	color: #AB0942; !important;
}