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

/* ***** [START] ACMS ACMS Changes ***** */
/* Purposely change following to #ffffff for ACMS ACMS purpose */
/*
body { background-color: #eee; }
*/
body { background-color: #ffffff; }
/* ***** [ END ] ACMS ACMS Changes ***** */

#content_containerR { /* background: url(../images/content_bgR.gif) repeat-y right #FFF; */ }
#content_containerL { /* background: url(../images/content_bgL.gif) repeat-y left; */ }

/* #logo{background:url(../images/logo_divider.gif) no-repeat right center; } */
#logo a{background:url(../images/logo.gif) no-repeat; }
/* #bankname {background:url(../images/bankName.gif) no-repeat; } */
/* #cms {background:url(../images/cmsHK.gif) no-repeat; } */
/* #bankUFJ {background:url(../images/bankUFJ.gif) no-repeat; } */


/* #header_profile{background:url(../images/profile_icn.gif) no-repeat center top} */
/* #header_profile #header_titleTL { height: 4px; width: 4px; background: url(../images/profile_titleTL.gif) no-repeat top left #aaaaaa; }
#header_profile #header_titleBL { height: 4px; width: 4px; background: url(../images/profile_titleBL.gif) no-repeat bottom left #aaaaaa; }
#header_profile #header_titleTR { height: 4px; width: 4px; background: url(../images/profile_titleTR.gif) no-repeat top right #aaaaaa; }
#header_profile #header_titleBR { height: 4px; width: 4px; background: url(../images/profile_titleBR.gif) no-repeat bottom right #aaaaaa; } */
#header_profile .header_titleM { height: auto; padding: 2px 3px; background-color: #aaaaaa; color: #ffffff; white-space: nowrap;}
#header_welcome { color: #ffffff; }
#header_date { color: #767676; }
/*#bankUFJ { width: 139px; height: 9px; background-color: url(../images/bankUFJ.gif) no-repeat top center; float: right; }*/

#headernav-divider {
/* width: 12px; height: 90px;
background: url(../images/logo_divider.gif) no-repeat;
margin-top: -16px;
float: right;
position:absolute;
right: 425px; */
}


/* #headernav div{background-image:url(../images/headernav_bg.gif); color:#415560; float: right; }
#headernav p.nav1{background:url(../images/headernav_icn1.gif) no-repeat top center} */
/* #headernav p.nav2{background:url(../images/headernav_icn2.gif) no-repeat top center; width: 20px; color: #415560; }
#headernav p.nav3{background:url(../images/headernav_icn3.gif) no-repeat top center; width: 20px; color: #415560; } */
/* #headernav p.nav3Loading{background:url(../images/headernav_icn3_loading.gif) no-repeat top center} */
#headernav p.nav4{ background: url(../images/btn-logout.png) no-repeat #004d85; width: 24px; height: 23px; margin-left: 22px; margin-top: 20px; }

#headernav p.nav2s{background:url(../images/headernav_icn2_s.gif) no-repeat top center; width: 20px; color: #d2c9ac; }
#headernav p.nav3s{background:url(../images/headernav_icn3_s.gif) no-repeat top center; width: 20px; color: #d2c9ac; }
#headernav p.nav4s{background:url(../images/headernav_icn4_s.gif) no-repeat top center; width: 20px;  color: #d2c9ac; }

/* #headernav a:hover p.nav2,#headernav p.nav2.hovered{
background:url(../images/headernav_icn2_h.gif) no-repeat top center; 
color: #192831; 
width: 20px; 
padding-top: 20px;
 }
#headernav a:hover p.nav3,#headernav p.nav3.hovered{
background:url(../images/headernav_icn3_h.gif) no-repeat top center; 
color: #192831; 
width: 20px; 
padding-top: 20px;
 }  */
#headernav a:hover p.nav4,#headernav p.nav4.hovered{
/* background:url(../images/headernav_icn4_h.gif) no-repeat top center; 
color: #192831; 
width: 20px; */
}


#headernav a:hover p.nav2s,#headernav p.nav2s.hovered{
background:url(../images/headernav_icn2_s.gif) no-repeat top center; 
color: #d2c9ac; 
width: 20px; 
padding-top: 20px; 
 }

#headernav a:hover p.nav3s,#headernav p.nav3s.hovered{
background:url(../images/headernav_icn3_s.gif) no-repeat top center; 
color: #d2c9ac; 
width: 20px; 
padding-top: 20px;
 }
 
#headernav a:hover p.nav4s,#headernav p.nav4s.hovered{
background:url(../images/headernav_icn4_s.gif) no-repeat top center; 
color: #d2c9ac; 
width: 20px;
}

#headernav a div:hover,#headernav div.hovered{
/* height: 20px;
padding-top: 0px;
margin-left: 17px; */
}

.nav a div{color: #63656b; }
.nav div.nav_divider { border-left: 1px solid #7e7967; background-color: #dbd4bd; opacity: 0.5; filter: alpha(opacity=100); }
.nav a div#nav_home div{background:url(../images/icn_home_n.png) no-repeat center}
.nav a:hover div#nav_home div,.nav a div#nav_home div.hovered{background:url(../images/icn_home_h.png) no-repeat center }
.nav a div#nav_corporate div{background:url(../images/icn_corporate.png) no-repeat center}
.nav a div.navdivhovered{/* background:url(../images/nav_bgactive.gif)*/ background-color:#63656b; repeat-x top; color: #ffffff; }
.nav a:hover div,.nav div.hovered,.navdivhovered{/*background:url(../images/nav_bgactive.gif) repeat-x top*/ background-color:#63656b; color:#ffffff; }

#nav_home.navdivhovered div{background:url(../images/icn_home_h.png) no-repeat center !important;}

.subnav1 a:hover div,.subnav1 a div.subnav1divhovered{background:url(../images/subnav_gradient.gif) repeat-x bottom #FFF}


/* 
.h1{color:#252525}
.h2{color:#333}
.h4{color:#252525}
 */

.titlegrey_T_portlet { background: url(../images/titleBG_top_home.png) repeat-x top #c4c4c4; } 
.titlegrey_T { background: url(../images/titleBG_top.png) repeat-x top #e9f7fc; } 
.titlegrey_TL_portlet, .titlegrey_TR_portlet { background-image: url(../images/titleBG_crnr_home.gif); }
.titlegrey_TL, .titlegrey_TR, .titlegrey_BR, .titlegrey_BL { background-image: url(../images/titleBG_crnr.gif); }
.titlegrey_R_portlet { background: url(../images/titleBG_right_home.png) repeat-y right #c4c4c4; }
.titlegrey_L_portlet { background: url(../images/titleBG_left_home.png) repeat-y left; border-bottom: 3px solid #ffffff; }

.titlegrey_R { background: url(../images/titleBG_right.png) repeat-y right #f6f6f6; }
.titlegrey_L { background: url(../images/titleBG_left.png) repeat-y left; border-bottom: 3px solid #ffffff; }
.titlegrey_B { background: url(../images/titleBG_btm.png) repeat-x bottom #a6a6a6; }

.portlet-container { position:relative;}


/*
.portSettings{
width:23px;
height:24px;
margin-right:5px;
background:url(../images/icn_portsettings.gif) no-repeat right;
position:absolute;
top:0;
right:0;
border: 0px solid red;
}
*/

.portSettings { background: url(../images/icn_portsettings.gif) no-repeat right; border: 0px solid red;}
.portSettings:hover, #portSettings.hovered { background-image: url(../images/icn_portsettingsA.png); }
.portSettings #portSettings_end { background: url(../images/portsettings_end.png) no-repeat;}
.portSettings #portSettings5 { background: url(../images/icn_portsettingsA.png) no-repeat;}
.portSettings #portSettings1 { background: url(../images/portsettings_info.png) no-repeat;}
.portSettings #portSettings2 { background: url(../images/portsettings_print.gif) no-repeat;}
.portSettings #portSettings3 { background: url(../images/portsettings_zoom.gif) no-repeat;}
.portSettings #portSettings4 { background: url(../images/portsettings_close.gif) no-repeat;}
.portSettings a:hover #portSettings_end, .portSettings #portSettings_end.hovered { background: url(../images/portsettings_end.png) no-repeat;}
.portSettings a:hover #portSettings5, .portSettings #portSettings0.hovered { background: url(../images/icn_portsettingsA.png) no-repeat;}
.portSettings a:hover #portSettings1, .portSettings #portSettings1.hovered { background: url(../images/portsettings_infoA.png) no-repeat;}
.portSettings a:hover #portSettings2, .portSettings #portSettings2.hovered { background: url(../images/portsettings_printA.gif) no-repeat; }
.portSettings a:hover #portSettings3, .portSettings #portSettings3.hovered { background: url(../images/portsettings_zoomA.gif) no-repeat; }
.portSettings a:hover #portSettings4, .portSettings #portSettings4.hovered { background: url(../images/portsettings_closeA.gif) no-repeat; }


.titlegrey_TR_portlet{background-position:-6px 0;float:right}
.portlet_title { padding-left: 15px; padding-bottom: 4px; font-size: 12px; font-weight: normal; position: relative; border: 0px solid red;}
.portlet_subhead { background: url(../images/portlet_subheadBG.gif) repeat-x; border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; }
.portlet_content { border-left: 0px solid #a1a1a1; border-right: 0px solid #a1a1a1; }
.portlet_content_portlet { border-left: 1px solid #a1a1a1; border-right: 1px solid #a1a1a1; }
.portlet_btm { width: 100%; background: url(../images/border_btmM.gif) repeat-x; }
.portlet_btmL { width: 10px; height: 5px; float: left; background: url(../images/border_btm.gif) no-repeat left; }
.portlet_btmR { width: 10px; height: 5px; float: right; background: url(../images/border_btm.gif) no-repeat right; }


.portlet_btm_portlet { width: 100%; background: url(../images/border_btmM.gif) repeat-x; }
.portlet_btmL_portlet { width: 10px; height: 5px; float: left; background: url(../images/border_btm.gif) no-repeat left; }
.portlet_btmR_portlet { width: 10px; height: 5px; float: right; background: url(../images/border_btm.gif) no-repeat right; }

.portlet_tab, .portlet_tabR { background-image: url(../images/portlet_tabInactive.gif); }
a:hover .portlet_tab, a.active .portlet_tab, a:hover .portlet_tabR, a.active .portlet_tabR { background-image: url(../images/portlet_tabActive.gif); color: #242424; }

.table_head1, .table_head2 { background: url(../images/table_headerbgM.gif) repeat-x; /* margin-bottom: 15px; */ }
.table_head3 { background: url(../images/table_headerbgM2.gif) repeat-x;  border: 0px solid red;}

.infotable .table_head .table_head_highlighted { background-color: #e0d7b9; }

.tableH_M { font-size: 12px; font-weight: normal; line-height: 30px; color: #ffffff; text-shadow: 1px 1px 2px #797979; }
.tableH3_M { font-size: 14px; font-weight: normal; color: #FFF;}
.tableH_L, .tableH_R { background-image: url(../images/table_headerbg.gif); }
.tableH3_L, .tableH3_R { background-image: url(../images/table_headerbg2.gif); }

.inquiry .input_info {  }
.inquiry .input_field .input_fieldL, .input_field .input_fieldL { background-color: #ffffff; border: 1px solid #9dabb7; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-right:none; /* width: 80%; */ }
.inquiry .input_field .input_fieldR, .input_field .input_fieldR { background-color: #ffffff; border: 1px solid #9dabb7; border-radius: 0 3px 3px 0; -webkit-border-radius:  0 3px 3px 0; -moz-border-radius:  0 3px 3px 0; border-left:none; /* width: 15px; */ }
.input_field.input_search .input_fieldR { border-left: none; /* background-color: #ffffff; */ width: 36px; margin-left: -5px; }
span.select { /* border: 1px solid #9e9c9e; color:#666666; */ }
.inquiry select option { padding:4px; background-color:#ffffff; border-bottom:solid 0px #ccc; color:#666666; }
.inquiry div.divider_hor { height: 1px; background-color: #e2e3e5; margin-top: 20px; margin-bottom: 20px;}

table.infotable .table_head,
table.infotable tr.table_head_noborder { border: 1px solid #999999 !important; }
.infotable { border-bottom: 1px solid #999999; border-top: 1px solid #999999; border-right: 1px solid #999999; border-collapse: separate ; border-spacing: 0px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
-moz-box-shadow: 0 8px 6px -6px #c7c7c7;
box-shadow: 0 8px 6px -6px #c7c7c7;
margin-top: 5px;

}
table.infotable4 .table_head,
table.infotable4 tr.table_head_noborder { background-color: #d2c9ac; }
table.infotable .table_head td, 
table.infotable .table_head th, 
table.infotable .table_head_noborder td, 
table.infotable .table_head_tab td,
table.accTransfer td.table_head { background-color: #7a7a7a!important; border-bottom: 1px solid #999999; padding: 8px; }
table.infotable .table_head_noborder td:nth-child(1) { border-left: solid 1px #999999; }
table.infotable .table_head td:nth-child(1) { border-left: solid 1px #999999; }
table.infotable .table_head td,
table.infotable .table_head th { border-left: 1px solid #dedbd6; }	 
table.infotable tr { border-right: 1px solid #dedbd6; }
table.infotable .table_head_noborder td:first-child,
table.infotable .table_head td:first-child,
table.infotable .table_head th:first-child { border-left: 1px solid #999999; border-top-left-radius: 5px; }
table.infotable .table_head td:last-child,
table.infotable .table_head th:first-child { border-top-right-radius: 5px; }
table.infotable tbody tr:last-child td:first-child { border-left: 1px solid #999999; border-bottom-left-radius: 5px; }
table.infotable tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }
table.infotable tr{ border-bottom: 1px solid #d2c9ac; }
table.infotable tfoot tr td { border-top: 1px solid #dedbd6; }
table.infotable td:nth-child(1) { border-left: solid 1px #dedbd6; }
table.infotable td:first-child { border-left: solid 1px #999999; }
table.infotable  td { border-left: 1px dotted #dedbd6; background-clip: padding-box; }
table.infotable .table_head td { border-top: 0; border-bottom: 0; }
table.infotable tr:last-child { border-bottom: solid 1px #dedbd6 !important; }

tr td.table_subhead { border-top: 1px solid #dedbd6; }

/*tr:not(:first-child):hover td:not(:last-child)*/

/* table.accTransfer td.table_head { background: url(../images/tablehead_bg.gif) repeat-x top #d2c9ac; background-color: #d2c9ac; border: 1px solid red; } */
table.infotable tr.table_head_level_2 {border: none;}
table.infotable .table_head_level_2 td { font-size: 14px; font-weight: bold; color: #FFFFFF; background: url(../images/tablehead_bg.gif) repeat-x 0px -230px #606060; border:none;}

table.infotable .table_head_noborder td, 
table.infotable .table_head_tab td { 
    border-left: 1px solid rgb(150, 150, 150);
    border-left: 1px solid rgba(0, 0, 0, .3);
	/*border: none;*/
}

table.infotable .table_head_level_2 td {border: none;}
/* tr.table_subheadGrey td { background: url(../images/portlet_subheadBG.gif) repeat-x; border: 1px solid red;} */
tr.table_subheadGrey td { background-color: #595959; border: 0px solid red ; }


tr.table_subheadYellow td { background-color: #fdeeb7; border-bottom: 1px solid #d3d2d1; vertical-align: middle;}
.table_div_horizontal_scroll .infotable2 tr td,
.infotable2 tr td { border: 1px solid #d3d2d1; vertical-align: top; padding-top: 8px; }


tr.table_subheadWhite td {
border-left: 1px solid #d3d2d1;
border-bottom: 1px solid #d3d2d1;
}

tr.table_subheadWhite_last td {
border-left: 1px solid #d3d2d1;
border-bottom: 0px solid #5a595a;
}

table.infotable td.new { background-color:#fffbf0; /*border-bottom-color: #FFF;*/ }

table.infotable .table_head_balanced td { font-size: 15px; font-weight: normal; color: #FFF; font-weight: bold; height: 32px; 
border-bottom: 1px solid #dedbd6;
background-color: #d2c9ac;
vertical-align: text-middle;
}

.ui-widget-header:first-child{
    border-left: 1px solid #5a595a;
	background-color: #e7e2d1;
}

.ui-widget-header:last-child{
    border-right: 1px solid #5a595a;
	background-color: #e7e2d1;
}
	
.fc-border-separate th.fc-last {
	background-color: #e7e2d1;
	}
	
.clsWeekend {
	background-color: #e7e2d1 !important;
}


.ui-widget-header {
    border-top: 1px solid #5a595a;
    border-bottom: 1px solid #5a595a;
    /*background: #deedf7 url(images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x;*/
    /*background: #9cf url(images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x;
    color: #222222;*/
	background-color:#e0d7ba;
    color: #55555;
    font-weight: normal;
	height: 30px;

}

.ui-time-heading {
background-color: #e0d7ba;
}

/* ------------------ content table container ------------------ */
.accordionArrowUp{ float: right; margin-top:7px; margin-right: 3px; width:21px; height:17px; background-image:url(../images/arrowUp.png); background-repeat:no-repeat; display:block; position: absolute; right: 25px; }
.accordionClose{ float: right; margin-top:9px; margin-right: 8px; width:24px; height:15px; background-image:url(../images/close.png); background-repeat:no-repeat; display:block; }
.accordionArrow2Up{ float: right; margin-top:10px; margin-right: -8px; width:17px; height:17px; background-image:url(../images/arrow2Up.png); background-repeat:no-repeat; display:block; }


/* ------------- START Added by benjaminfoo ------------- */
.accordionArrowDown{ float: right; margin-top:7px; margin-right: 3px; width:21px; height:17px; background-image:url(../images/arrowDown.png); background-repeat:no-repeat; display:block; position: absolute; right: 25px; }
.accordionArrow2Down{ float: right; margin-top:10px; margin-right: -8px; width:17px; height:17px; background-image:url(../images/arrow2Down.png); background-repeat:no-repeat; display:block; }

/* ------------- END   Added by benjaminfoo ------------- */

ul.menuTree li div.folderNode { background-color: #efd6c6; border-left:solid 1px #5a595a; border-right:solid 1px #5a595a;}

a.btn_grey .btn_L, .btn_grey .btn_R { background-image: url(../images/btn_grey.png); }
a.btn_grey .btn_M { /* background: url(../images/btn_greyM.gif) repeat-x top; */ }
a.btn_grey .btn_M span.approve { /* background: url(../images/icn_apprvW.gif) no-repeat center; */ }

a.btn_sgrey .btn_L, .btn_sgrey .btn_R { /* background-image: url(../images/btn_sgrey.gif); */ }
a.btn_sgrey .btn_M { /* background: url(../images/btn_sgreyM.gif) repeat-x top; */ }

a.btn_lgrey .btn_L, .btn_lgrey .btn_R { /* background-image: url(../images/btn_lgrey.gif); */ }
a.btn_lgrey .btn_M { /* background: url(../images/btn_lgreyM.gif) repeat-x top; */ }

/* ***** [START] ACMS ACMS Additions ***** */
.inquiry .asterisk { color: #EF3E42; }
/* ***** [ END ] ACMS ACMS Additions ***** */

.clsSettingHomeHover {
background:url(../images/icn_home_h.png) no-repeat center !important;
background-color:#63656b !important;
}


.clsSettingTitleHover {
 background-color:#63656b;
 color: #efefef;
}

.clsSettingTab a:hover .clsSettingTitle,.clsSettingTitleOver {
background-color:#64656a;
color: #ffffff;
}

.clsSettingTab{background-color:#d4cbae; height:38px;margin:auto;position:absolute;width:100%}

.clsSettingDivider {
padding: 0px 0px;
padding-top: 0px; display: table;
display: table-cell; vertical-align: middle; 
background: url(../images/clsSetting_divider.gif) no-repeat;
width: 2px;
height: 38px;
border: 0px solid red;
}

.clsSettingHome {
padding: 0px 0px;
padding-top: 0px; display: table;
display: table-cell; vertical-align: middle;
width: 48px;
background: url(../../../skin/yellow/images/icn_home_n.png) no-repeat center;
cursor: pointer;
}

.form_greycontain { /* margin: 0px 0px; padding: 20px; background-color: #f1f2f3; */ }

.txtAddOn2BGMiddle,
.tableAddOn {
min-width: 212px;
height: 20px;
padding: 4px 0px 0px 20px;
color: #FFFFFF;
background-color: #595959;
font-size: 12px;
}

.menu_div_header {
border-left: 1px solid #5a595a;
border-right: 1px solid #5a595a;
border-top: 1px solid #5a595a;
background-color: #d2c9ac;
color: #212121;
font-size: 12px;
font-weight: normal;
padding: 5px;
padding-left: 10px;
}


/*
.txtAddOn2BGMiddle{ min-width: 212px; height: 20px; padding: 4px 0px 0px 35px; color: #FFFFFF; background: url(../images/table_addOn2BGMiddle.gif) no-repeat left top; }
.tableAddOn{height:20px; background-image:url(../images/tablehead_bg.gif); background-repeat:repeat-x; padding-left:23px; color: #ffffff; font-size: 11px;}
*/