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








/* ------------------ font ------------------ */
@font-face { 
font-family: HLR__; 
src: url(../../font/HLR__.otf);
}
/* ------------------ font ------------------ */






/* ------------------ layout ------------------ */
#wrapper { min-width: 1004px; }



#printlogo { visibility: hidden; display: none; }



#content_containerR { width: 100%; margin: auto; /* padding-right: 12px; background: url(../images/content_bgR.gif) repeat-y right #FFF; */ }
#content_containerL { min-height: 500px; height: auto; /* padding: 10px 30px 0px 32px; background: url(../images/content_bgL.gif) repeat-y left; */ }
/* #login #content_containerL{padding:0 0 0 12px}
#home #content_containerL{padding:10px 20px 20px 30px;} */
/* #home #content_containerL{padding:10px 10px 20px 22px} */


#footer { width: 100%; height: auto; text-align: center; background-color: #004d85; }
#footer_content { height: 12px; padding: 10px; }
#footer_content span { color: #70cde3; font-size: 11px; text-transform: uppercase; }
/* ------------------ layout ------------------ */


/* ------------------ aesthetics & text ------------------ */
tr td .bgyellow  { background-color: #fff3b6; padding-top: 10px; padding-left: 20px; padding-right: 20px; border: 0px solid red;}
.bgyellow { background-color: #f1f2f4; margin: 0px 0px; padding: 20px; }
.OTPnRemark { background-color: #d4f0f7; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; padding-right: 20px; }
.h3 { /* padding: 2px 14px; background: url(../images/bullet-yellow.gif) no-repeat left; */ }
/* ------------------ aesthetics & text ------------------ */


/* ------------------ buttons ------------------ */

.btn_L { background-position: top left; margin-left: 0px; }
.btn_R { background-position: top right; margin-right: 0px; } 
.btn_grey .btn_L { /* margin-left: 10px; */ }
.btn_grey .btn_R { margin-right: 0px; }


.tab_black, .tab_orange { height: 23px; float: left; margin-top: 1px; }
.tab_black .btn_L, .tab_black .btn_R { height: 23px; width: 8px; float: left; background-image: url(../images/tab_black.gif); background-repeat: no-repeat; }
.tab_black .btn_L { margin-left: 0px; }
.tab_black a:hover .btn_L { background-position: 0px -30px; }
.tab_black a:hover .btn_R { background-position: -8px -30px; }
.tab_black .btn_M { height: 22px; padding: 4px 10px 0px 5px; float: left; background: url(../images/tab_blackM.gif) repeat-x top; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none;}
.tab_black a:hover .btn_M { background-position: 0px -33px; }

.tab_orange .btn_L, .tab_orange .btn_R { height: 23px; width: 8px; float: left; background-image: url(../images/tab_orange.gif); background-repeat: no-repeat; }

.tab_orange .btn_L { margin-left: 0px; }
.tab_orange a:hover .btn_L { background-position: 0px -30px; }
.tab_orange a:hover .btn_R { background-position: -8px -30px; }

.tab_orange .btn_M { 
height: 23px;
padding: 4px 10px 0px 5px;
float: left;
background: url(../images/tab_orangeM.gif) repeat-x top;
color: #63656b;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
}


.tab_orange a:hover .btn_M { background-position: 0px -32px; }

.tab_blackTall, .tab_orangeTall { height: 44px; float: left; margin-top: 1px;}
.tab_blackTall .btn_L, .tab_blackTall .btn_R { height: 44px; float: left; background-image: url(../images/tab_blackTall.gif); background-repeat: no-repeat; }

.tab_blackTall .btn_L { margin-left: 0px; width: 9px; }
.tab_blackTall .btn_R { margin-left: 0px; width: 11px; }
.tab_blackTall a:hover .btn_L { background-position: 0px -44px; }
.tab_blackTall a:hover .btn_R { background-position: -9px -44px; }
.tab_blackTall .btn_M { height: 44px; padding: 5px 5px 0px 0px; float: left; background: url(../images/tab_blackTallM.gif) repeat-x top; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: left; text-decoration: none;}
.tab_blackTall a:hover .btn_M { background-position: 0px -44px; }


.tab_orangeTall .btn_L, .tab_orangeTall .btn_R { height: 44px; float: left; background-image: url(../images/tab_orangeTall.gif); background-repeat: no-repeat; }
.tab_orangeTall .btn_L { margin-left: 0px; width: 9px; }
.tab_orangeTall .btn_R { margin-left: 0px; width: 11px; }
.tab_orangeTall a:hover .btn_L { background-position: 0px -44px; }
.tab_orangeTall a:hover .btn_R { background-position: -9px -44px; }
.tab_orangeTall .btn_M { height: 44px; padding: 5px 5px 0px 0px; float: left; background: url(../images/tab_orangeTallM.gif) repeat-x top; color: #63656b; font-size: 12px; font-weight: bold; text-align: left; text-decoration: none; }
.tab_orangeTall a:hover .btn_M { background-position: 0px -44px; }


a.btn_grey .btn_L, .btn_grey .btn_R { /* height: 29px; width: 6px; float: left; background-repeat: no-repeat; */ }
a.btn_grey .btn_M { 
background-color: #1c83c5;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
height: 30px;
line-height: 29px;
padding-left: 20px;
padding-right: 20px;
float: left;
color: #ffffff;
font-size: 14px;
font-weight: 550;
text-align: center;
text-decoration: none;
}


a.btn_grey .btn_M span.back { background: url(../images/icn_btnLeft.gif) no-repeat center; }
a.btn_grey .btn_M span.next { background: url(../images/icn_btn.gif) no-repeat center; }


/* a.btn_grey:hover .btn_L { background-position: 0px -29px; }
a.btn_grey:hover .btn_R { background-position: -6px -29px; }
a.btn_grey:hover .btn_M { background-position: 0px -29px; } */


a.btn_grey:hover .btn_M span.back, a.btn_grey:active .btn_M span.back, a.btn_orangeS.click .btn_M span.back { background: url(../images/icn_btnblackLeft.gif) no-repeat center; }


a.btn_grey:hover .btn_M span.next, a.btn_grey:active .btn_M span.next, a.btn_orangeS.click .btn_M span.next { background: url(../images/icn_btnblack.gif) no-repeat center; }


a.btn_grey:hover .btn_M span.approve, a.btn_grey:active .btn_M span.approve, a.btn_grey.click .btn_M span.approve { background: url(../images/icn_apprvB.gif) no-repeat center; }


/* a.btn_grey:active .btn_L, a.btn_grey.click .btn_L { background-position: 0px -56px; }
a.btn_grey:active .btn_R, a.btn_grey.click .btn_R { background-position: -6px -56px; }
a.btn_grey:active .btn_M, a.btn_grey.click .btn_M { background-position: 0px -56px; color: #2f2f2f; } */
a.btn_grey:active .btn_M span.back, a.btn_grey.click .btn_M span.back { background: url(../images/icn_btnblackLeft.gif) no-repeat center; }
a.btn_grey:active .btn_M span.next, a.btn_grey.click .btn_M span.next { background: url(../images/icn_btnblack.gif) no-repeat center; }


a.btn_grey .disabled .btn_L, a.btn_grey .disabled:hover .btn_L { /* background-position: 0px -87px; */ cursor: default; }
a.btn_grey .disabled .btn_R, a.btn_grey .disabled:hover .btn_R { /* background-position: -6px -87px; */ cursor: default; }
a.btn_grey .disabled .btn_M, a.btn_grey .disabled:hover .btn_M { /* background-position: -6px -87px; */ background-color: #e8e8e8; color: #ffffff; cursor: default; }


a.btn_grey .disabled .btn_M span.back, a.btn_grey .disabled:hover .btn_M span.back { background: url(../images/icn_btnlgreyLeft.gif) no-repeat center; }

a.btn_grey .disabled .btn_M span.next, a.btn_grey .disabled:hover .btn_M span.next { background: url(../images/icn_btnlgrey.gif) no-repeat center; }


a.btn_lgrey  { /* margin-left: 5px; margin-right: 5px; */ } 

a.btn_lgrey .btn_L, .btn_lgrey .btn_R { /* height: 34px; width: 8px; float: left; background-repeat: no-repeat; */ }
a.btn_lgrey .btn_M { 
background-color: #30b7e4;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
height: 30px;
line-height: 29px;
padding-left: 20px;
padding-right: 20px;
float: left;
color: #ffffff;
font-size: 14px;
font-weight: 550;
text-align: center;
text-decoration: none;
}

a.btn_sgrey .btn_L, .btn_sgrey .btn_R { /* height: 29px; width: 8px; float: left; background-repeat: no-repeat; */ }
a.btn_sgrey .btn_M { 
background-color: #3fc7eb;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
height: 30px;
line-height: 29px;
padding-left: 20px;
padding-right: 20px;
float: left;
color: #ffffff;
font-size: 14px;
font-weight: 550;
text-align: center;
text-decoration: none;
}
a.btn_lgrey .btn_M span.back { background: url(../images/icn_prev.gif) no-repeat center; }
a.btn_lgrey .btn_M span.next { background: url(../images/icn_next.gif) no-repeat center; }



/* a.btn_lgrey:hover .btn_L { background-position: 0px -29px; }
a.btn_lgrey:hover .btn_R { background-position: -8px -29px; }
a.btn_lgrey:hover .btn_M { background-position: 0px -29px; color: #49668e; }
a.btn_lgrey:hover .btn_M_small { background-position: 0px -28px; color: #49668e; } */


/* a.btn_lgrey:active .btn_L, a.btn_lgrey.click .btn_L { background-position: 0px -56px; }
a.btn_lgrey:active .btn_R, a.btn_lgrey.click .btn_R { background-position: -8px -56px; }
a.btn_lgrey:active .btn_M, a.btn_lgrey.click .btn_M { background-position: 0px -56px; color: #49668e; } */
a.btn_lgrey .disabled .btn_L, a.btn_lgrey .disabled:hover .btn_L { /* background-position: bottom left; */ cursor: default; }
a.btn_lgrey .disabled .btn_R, a.btn_lgrey .disabled:hover .btn_R { /* background-position: bottom right; */ cursor: default; }
a.btn_lgrey .disabled .btn_M, a.btn_lgrey .disabled:hover .btn_M { /* background-position: bottom; */ background-color: #e8e8e8; color: #ffffff; cursor: default; }
a.btn_lgrey .disabled .btn_M span.back, a.btn_lgrey .disabled:hover .btn_M span.back { background: url(../images/icn_prevDis.gif) no-repeat center; }
a.btn_lgrey .disabled .btn_M span.next, a.btn_lgrey .disabled:hover .btn_M span.next { background: url(../images/icn_nextDis.gif) no-repeat center; }

a.btn_lgrey.disabled { pointer-events: none; }


a.btn_sgrey .disabled .btn_L, a.btn_sgrey .disabled:hover .btn_L { /* background-position: bottom left; */ cursor: default; }
a.btn_sgrey .disabled .btn_R, a.btn_sgrey .disabled:hover .btn_R { /* background-position: bottom right; */ cursor: default; }
a.btn_sgrey .disabled .btn_M, a.btn_sgrey .disabled:hover .btn_M { /* background-position: bottom; */ background-color: #e8e8e8; color: #ffffff; cursor: default; }

a.btn_white .btn_L, .btn_white .btn_R { height: 28px; width: 8px; float: left; background-image: url(../images/btn_white.gif); background-repeat: no-repeat; }
a.btn_white .btn_M { 
/* ***** [START] ACMS Changes ***** */
/*
min-width: 340px;
*/
width: 85%;
/* ***** [ END ] ACMS Changes ***** */
height: 21px;
padding-top: 7px;
float: left;
background: url(../images/btn_whiteM.gif) repeat-x top;
color: #575757;
font-size: 12px;
font-weight: bold;
text-align: left;
text-shadow: 0px 1px 1px #FFF;
text-decoration: none;
}
a.btn_white:hover .btn_L, a.btn_white.selected .btn_L  { background-position: 0px -28px; }
a.btn_white:hover .btn_R, a.btn_white.selected .btn_R { background-position: -8px -28px; }
a.btn_white:hover .btn_M, a.btn_white.selected .btn_M { background-position: 0px -28px; color: #000000; }


.link_print, .link_delete, .link_back, .link_cancel { float: left; margin-top: 7px; margin-right: 10px; display:block; }
.link_dropdown  { float: right; margin-top: 4px; margin-left: 10px; display:block; border: 1px solid red;}
.link_dropdown div { float: right; }
.link_print div, .link_delete div, .link_back div, .link_cancel div { float: left; }
.link_print div a, .link_delete div a, .link_back div a, .link_cancel div a, .link_dropdown div a { text-decoration: underline; color: #007eff; font-size: 12px; font-weight: normal; }
.link_print a.disabled, .link_delete a.disabled, .link_back a.disabled, .link_cancel a.disabled, .link_dropdown a.disabled { text-decoration: none; color: #999; cursor: default; background: none; }
.link_print div a:hover, .link_delete div a:hover, .link_back div a:hover, .link_cancel div a:hover, .link_dropdown div a:hover { text-decoration: none; }
.link_print .link_icn, .link_delete .link_icn, .link_back .link_icn, .link_cancel .link_icn { width: 20px; height: 12px; margin-top: 1px; background: url(../images/icn_linkactions.png) no-repeat left top; }
.link_dropdown .link_icn { width: 12px; height: 12px; margin-top: 1px; background: url(../images/icn_linkactions.png) no-repeat left top; margin-left: 5px;}


.link_delete .link_icn { background-position: 0px -14px; }
.link_back .link_icn { background-position: 0px -28px; }
.link_dropdown .link_icn { background-position: 0px -42px; }
.link_cancel .link_icn { background-position: left bottom; }


.link_dropdown .clear { clear: both; }
/* ***** [START] ACMS Changes ***** */
/* adjust z-index to higher number to bring it up front */
/*
.link_dropdown { float: left; padding: 5px 8px; margin-top: -3px; border: 1px solid #FFF; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; }
*/
.link_dropdown { float: right; padding: 0px 0px; margin-top: 0px; border: 1px solid #FFF; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; z-index:99; }
/* ***** [ END ] ACMS Changes ***** */




.link_dropdown_country { padding: 0px 0px; margin-top: 0px; border: 0px solid #FFF; border-top-left-radius: 3px; border-top-right-radius: 3px; position: relative; z-index:5000; }
.link_dropdown_country.hoverable:hover, .link_dropdown_country.hovered { padding: 0px 0px; margin-top: 0px; border: 0px solid #afafaf; }
.link_dropdown_country.hoverable:hover a, .link_dropdown_country.hovered a { text-decoration: none; }
.link_dropdown_country .link_downloadformat_country { display: none; }
.link_dropdown_country.hoverable:hover .link_downloadformat_country, .link_dropdown_country.hovered .link_downloadformat_country { display: block;  }




.link_downloadformat_country { position: absolute; left: 11px; top: 30px; z-index: 5000;}
/* ***** [ END ] ACMS Changes ***** */
.link_downloadformat_country a div { width: 158px; margin-top: -4px; margin-left: -8px; padding: 5px 8px; clear: both; border: 1px solid #afafaf; background-color: #FFF; font-size: 12px; color: #676760; }
.link_downloadformat_country a:hover div { background-color: #fef092; color: #2e2e2e; }



.link_dropdown.hoverable:hover, .link_dropdown.hovered { float: right; padding: 1px 1px; margin-top: 0px; border: 0px solid #afafaf; }
.link_dropdown.hoverable:hover a, .link_dropdown.hovered a { text-decoration: none; }
.link_dropdown .link_downloadformat { display: none; }
.link_dropdown.hoverable:hover .link_downloadformat, .link_dropdown.hovered .link_downloadformat { display: block;  }
/* ***** [START] ACMS Changes ***** */
/* adjust z-index to higher number to bring it up front */
/*
.link_downloadformat { position: absolute; left: -1px; top: 27px; }
*/
.link_downloadformat { position: absolute; left: 11px; top: 30px; z-index: 5000;}
/* ***** [ END ] ACMS Changes ***** */
.link_downloadformat a div { width: 95px; margin-top: -1px; padding: 5px 8px; clear: both; border: 1px solid #afafaf; background-color: #FFF; font-size: 12px; color: #676760; }
.link_downloadformat a:hover div { background-color: #fef092; color: #2e2e2e; }
/* ------------------ buttons ------------------ */

/* ------------------ header ------------------ */


#login #header_container { height: 80px; background-color: #ffc600; background-image: none; border-bottom: 10px solid #000; }

#login #logo{float:left;height:50px;padding-top:22px;padding-left:20px;background:0;}
#login #logo a{width:563px;height:36px;display:block;margin-top:0;}



#header_container { width: 100%; margin: 0 auto; height: 55px; position:fixed; z-index: 100; top: 0; left: 0; right: 0; background-color: #70CDE3; }
#header_content{ /* padding-top: 5px; */ }
#logo { float: left; }
#logo a { width: 105px; height: 33px; margin-left: 70px; margin-top: 8px; display: block; }
#bankname{ float: left; width:247px; height:36px; display:block; margin-top:23px; }
#cms { float: left; width:163px; height:36px; display:block; margin-top:23px; }
#bankUFJ {float: right; width:139px; height:9px; display:block; margin-top:1px;  }

#header_profile { /* margin: 3px 13px 8px 14px; padding-top: -6px; float: left; text-align: center; min-width:40px; */ }
#header_profile div { /* max-width: 70px; margin-top: 4px; font-size: 9px; line-height: 11px; font-weight: bold; color: #FFF; */ }
#header_welcome{ /* width: 293px; */ height: 49px; padding-top: 6px; padding-left: 35px; padding-right: 20px; float: right; background: url(../images/header-profile-back.png) no-repeat left top #0068b3; line-height: 14px; }
#header_welcome div{ /* margin-bottom:2px */ }
#header_date { height: 9px; margin-top: 8px; font-size: 9px; line-height: 11px; font-weight: normal; text-align: left; }

#headernav{ width: 60px; background-color: #0068b3; float: right; }
#headernav div {
float: right;
background: url(../images/header-icn-back.png) no-repeat top left #004d85;
width: 60px;
height: 60px;
margin-top: -5px;
}
#headernav p{/* padding-top:20px;text-align:center */}
/*#headernav a:hover div,#headernav div.hovered{background-position:0 -90px;padding:25px 0 0 0;margin:0;border:0}*/

/* Slide Menu */
#menu-slide { background: url(../../skin/yellow/images/btn_menu.gif) no-repeat; width: 50px; height: 50px; display: block; position: fixed; z-index: 101; cursor: pointer; }
#menu-slide-trigger { display: none; height: 100%; left: 0; right: 0; top: 0; bottom: 0; position: fixed; z-index: 102; }
#slideout-menu { background-color: #1869b2; display: block; height: 100%; left: -260px; overflow-y: auto; position: fixed; top: 0; width: 260px; z-index: 105; transition: 0.5s; }
/* Slide Menu */


/* Slide Menu - First Level Start */
#slideout-menu ul {list-style: none; font-weight: 300; }
#slideout-menu ul li { border-top: 1px solid #094f8e; }
#slideout-menu ul li span { font-size: 12px; color: #8bd9eb;  display: block;  padding: 10px; padding-left: 30px; }
.side-plus { background: url(../../skin/yellow/images/menu-plus-n.gif) no-repeat; }
.slideout-menu-link.side-plus:hover { background: url(../../skin/yellow/images/menu-plus-h.gif) no-repeat; }
.side-minus {background: url(../../skin/yellow/images/menu-minus-n.gif) no-repeat; }
.slideout-menu-link.side-minus:hover {background: url(../../skin/yellow/images/menu-minus-h.gif) no-repeat; }
#slideout-menu ul li span:hover { color: #ffffff; font-size: 12px; cursor: pointer; }
#slideout-menu ul li a { position: relative; color: #ffffff; text-decoration: none; }
#slideout-menu ul li a i { top: 15px; right: 10px; opacity: .5; }
.slideout-menu-link.side-minus { background: url(../../skin/yellow/images/menu-minus-h.gif) no-repeat!important; color: #ffffff!important; }
.slideout-menu-link.side-minus_2lvl { background: url(../../skin/yellow/images/menu-minus-h.gif) no-repeat!important; background-position: 16px 0!important; color: #ffffff!important; }
/* Slide Menu - First Level End */

/* Slide Menu - Second Level Start */
.side-plus_2lvl { background: url(../../skin/yellow/images/menu-plus-n.gif) no-repeat; background-position: 16px 0; }
.slideout-menu-link.side-plus_2lvl:hover { background: url(../../skin/yellow/images/menu-plus-h.gif) no-repeat; background-position: 16px 0; }
.side-minus_2lvl { background: url(../../skin/yellow/images/menu-minus-n.gif) no-repeat; background-position: 16px 0; }
.slideout-menu-link.side-minus_2lvl:hover { background: url(../../skin/yellow/images/menu-minus-h.gif) no-repeat; background-position: 16px 0; }
#slideout-menu ul ul li { border-top: 1px solid #0a96c4; background-color: #30B7E4; }
#slideout-menu ul ul li span{ font-size: 12px; color: #8bd9eb;  /* display: block; */ padding-left: 45px; }
/* Slide Menu - Second Level End */


/* Slide Menu - Third Level Start */
#slideout-menu ul ul ul li { border-top: 1px solid #0a96c4; background-color: #70CDE3; border:0; }
#slideout-menu ul ul ul li span{  font-size: 12px; color: #cfffff;  display: block; font-size: 11px; }
#slideout-menu ul ul ul li span:hover{ font-size: 11px; color: #ffffff; }
#slideout-menu ul ul ul li .slideout-menu-link { border-top: 1px solid #0a96c4; padding-left: 70px; padding-right: 10px; padding-top: 7px; padding-bottom: 7px;}
/* Slide Menu - Third Level End */


/* Slide Menu List Start */
.slideout-menu-link { display: block; padding: 50px; position: relative; text-decoration: none; }

.slideout-menu-link:hover { color: #ffffff; }

/* Slide Menu List End */

/* Slide Menu Others Start */
#NewApp_minus, #NewApp_details,
#HirePurchase_minus, #HirePurchase_details,
#PersonalLoan_minus, #PersonalLoan_details { display: none; }
#HirePurchase_minus { background-color: #0067af; }
#slideout-menu-close { background: url(../images/btn_menu.gif) no-repeat left #70cde3; height: 55px; cursor: pointer; }
/* Slide Menu Others End */



.nav { padding-top: 2px; display: table; border: 0px solid red; margin-top: -8px;}
.nav div { display: table-cell; vertical-align: middle; }
.nav div a div {
height: 36px;
padding: 0px 12px;
font-size: 13px;
font-weight: bold;
font-family: Arial, sans-serif;
letter-spacing: 0.00em;


}
.nav a div#nav_home { padding: 0px; }
.nav a div#nav_home div { padding: 0px 24px; }
.nav div.nav_divider { width: 1px; padding: 0px; }


/*

#subnav_container{width:100%;padding-bottom:5px;position:absolute;top:139px;background:url(../images/subnav_shadow.png) repeat-x bottom;left:0;z-index:999}
*/



#subnav_container {
width: 100%;

position: absolute;
top: 128px;
left: 0px;

}



.subnav1 { padding: 0px 0px; background-color: #e2e3e3; display: none;}
.subnav1 a div { padding: 10px 20px; float: left; font-size: 12px; font-weight: bold; color: #63656b; background-color: #e2e3e3; z-index: 999; }
.subnav1 a div img { padding-left:5px; }



/*

background:#ffffff url(../images/nav_shadow.gif) no-repeat bottom;
*/

.subnav2 { 
padding: 15px 0px;  
display: none; 
width: 100%; 
background-color: #ffffff; 

-webkit-box-shadow: 0px 4px 4px 0px rgba(229,230,230,1);
-moz-box-shadow: 0px 4px 4px 0px rgba(229,230,230,1);
box-shadow: 0px 4px 4px 0px rgba(229,230,230,1);


}



.subnav2 td { padding: 4px 24px 0px 28px; border-right: 1px dotted #aaa; }
.subnav2 td.border_none { border: none; }


.subnav2 ul li { line-height: 24px; }
.subnav2 ul li a { padding: 5px 15px; background: url(../images/icn_navbullet.gif) no-repeat left; }
.subnav2 ul li a:hover { color: #FFF; background: url(../images/icn_navbulletA.gif) no-repeat left #d2c9ac; -moz-border-radius: 5px; border-radius: 5px; }

.subnav2 ul li.active a { color: #d1a002; font-weight: bold; background: url(../images/icn_navbullet_active.gif) no-repeat left #FFF; }
.subnav2 ul li.active a:hover { color: #e70000; font-weight: bold; background: url(../images/icn_navbullet_hover.gif) no-repeat left #FFF; }


.subnav_corp { position: absolute; top: 139px; right: 0px; background-color: #222222; display: none; width:300px; }
.subnav_corp a { font: bold 14px Arial, Helvetica, sans-serif; color: #fff; z-index: 999; cursor:pointer; display:block; padding: 12px 12px; border-bottom:solid 1px #434343; }
.subnav_corp a:hover { background-color:#333; }
.subnav_corp img { width:9px; height:11px; background: url(../images/img_bullet.gif) no-repeat bottom; margin:14px 10px auto 12px; float:left; }
.subnav_corp img.selected { background-position: top; }

.subnav3{margin-left:25px;display:none}
/* ------------------ header ------------------ */




.sortingUpDown:after{ 
content: url(../images/sortingUpDown.png);
padding-left: 4px;
width: 7px;
height: 12px;
/*
margin-top: 0px; 
margin-right: 0px; 
width: 7px; 
height: 12px; 
background-image: url(../images/sortingUpDown.png); 
background-repeat: no-repeat;
display:block;*/ }

.sortingUp:after{ 
content: url(../images/sortingUp.png);
padding-left: 4px;
width: 7px;
height: 12px;
}

.sortingDown:after{ 
content: url(../images/sortingDown.png);
padding-left: 4px;
width: 7px;
height: 12px;
}

.table_content { /* padding: 20px 20px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; color: #666; border-top: 1px solid #d7d7d7; */ }
.tableBtm { /* padding: 5px; margin-bottom: 15px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background: url(../images/table_btmM.gif) repeat-x bottom; position: relative; */ }
.tableBtm_L { /* width: 8px; height: 1px; background: url(../images/table_btm.gif) no-repeat left; position: absolute; bottom: 0px; left: -1px; */ }
.tableBtm_R { /* width: 8px; height: 1px; background: url(../images/table_btm.gif) no-repeat right; position: absolute; bottom: 0px; right: -1px; */ }
/* ------------------ content table container ------------------ */

/* ------------------ tables ------------------ */
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 { font-size: 12px; font-weight: 550; color: #ffffff; text-shadow: 1px 1px 2px #797979; vertical-align: text-top; }
table.infotable .table_head_subhead td { font-size: 12px; font-weight: normal; color: #212121; font-size: 12px; background: #e8e8e8; vertical-align: text-top; border-bottom: 1px solid #5a595a;}
table.infotable .balanced_total { background-color: #87ecda!important; border-top: 1px solid #dedbd6; text-align: right; }
table.infotable .balanced_total_cell { background-color: #87ecda!important; border-top: 1px solid #dedbd6; text-align: right; }
table.infotable .balanced_total .h4,
table.infotable .balanced_total_cell .h4,
table.infotable .balanced_sub_total .h4,
table.infotable .balanced_sub_total_cell .h4 { font-size: 12px; color: #484848; font-weight: 550; }
table.infotable .balanced_sub_total { background-color: #e8ffff; border-top: 1px solid #dedbd6; text-align: right; text-align: right; }
table.infotable .balanced_sub_total_cell { background-color: #e8ffff; border-top: 1px solid #dedbd6; text-align: right; }

table.infotable span.urgent1 { color: #ff0000; }
table.infotable td.urgent1 { background-color: #fecace; }
table.infotable span.urgent2 { color: #ff0000; }

.account_transfer_header {
background-color: #808080;
font-size: 12px; font-weight: normal; color: #FFFFFF; 
border: 0px solid red;
margin-left: 28px;
font-weight: normal;

padding: 20px;
}
.account_transfer_head_gray {
background-color: #dedddd;


}


.account_transfer_contain {
background-color: #f1f2f4;

}


/*.table_head { border: 1px solid #5a595a; }*/


table.infotable td.old { /*background-color:#F4F4F4;*/ }


.old { background-color: #f4f4f4; }
.new { background-color: #fffcf1; }

.table_head_menuTree .old { background-color:#F4F4F4; border-left: 1px solid #b5b5b5; }
.table_head_menuTree .new { background-color:#fffcf1; border-left: 1px solid #b5b5b5; }

table.comparetable tr.table_head td { background-color: #999999; color: #ffffff; text-shadow: 1px 1px 2px #797979; }
table.comparetable tr td.old_subheader { border-left: 1px solid #dedbd6; }
.address_cont { border: 0!important; }
.address_head{  }

table.comparetable { border: 1px solid #999999; border-radius: 5px; border-collapse: separate; border-spacing: 0; 
-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
-moz-box-shadow: 0 8px 6px -6px #c7c7c7;
box-shadow: 0 8px 6px -6px #c7c7c7;
}
table.comparetable tr td { color: #4d4d4d; font-size: 12px; padding: 8px; border-top: 1px solid #dedbd6; border-left: 1px dotted #dedbd6; vertical-align: top; }
table.comparetable tr:first-child td { border-top: 0; }
table.comparetable tr td:first-child { border-left: 0; }
table.comparetable tr.table_head td.new { background-color: #709bc2; color: #ffffff; text-shadow: 1px 1px 2px #797979; }
table.comparetable tr.table_head td.old { background-color: #999999; color: #ffffff; text-shadow: 1px 1px 2px #797979; }
table.comparetable tr:first-child td:first-child { border-top-left-radius: 4px; }
table.comparetable tr:first-child td:last-child { border-top-right-radius: 4px; }
table.comparetable tr:last-child td:first-child { border-bottom-left-radius: 5px; }
table.comparetable tr:last-child td:last-child { border-bottom-right-radius: 5px; }
table.comparetable tr td.old { background-color:#fafafa; }
table.comparetable tr td.new { background-color:#deecf7; }


table.infotable .table_head td,
table.infotable .table_head th { border-bottom: 1px solid #5a595a; }
table.infotable tr td.old { border-top: 1px solid #d3d2d1; border-left: 1px solid #d3d2d1; }

table.infotable .table_subheadWhite .old {
border-top: none;
border-left: 1px solid #d3d2d1;
}


table.infotable .table_subheadWhite .new {
border-top: none;
border-left: 1px solid #d3d2d1;
}



table.infotable tr td.old:first-child {
border-left: 1px solid #5a595a;
}


table.infotable tr td.new{
border-top: 1px solid #d3d2d1;
border-left: 1px solid #d3d2d1;
}


table.infotable tr td.new:first-child {
border-left: 1px solid #5a595a;
}



/* ------------------ tables ------------------ */

/* ------------------ forms ------------------ */
input { font-family: Arial, Helvetica, sans-serif; color: #1869b2; font-weight: 600; }
textarea { width: 90%; border: 1px solid #999999; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; resize: none; color: #1869b2; font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: 600; height: 70px; padding: 3px 8px }
select { height: 25px; margin-right: 10px; margin-bottom: 10px; background-image: none; background-color: #FFF; border: 1px solid #9e9c9e; }
.input_info { padding: 5px 0px; color: #4d4d4d; font-weight: bold; font-size: 12px; }
.blueText {padding:5px 0px;color:#2cb5e4;font-weight:bold;font-size:12px; }
.input_infoDisable { padding: 5px 0px; color: #a2a2a2; font-weight: bold; font-size: 12px; }
.inquiry .input_infoDisable { padding: 5px 0px; color: #a2a2a2; font-weight: bold; font-size: 12px; }
.input_field { width: 100%; margin-right: 10px; margin-bottom: 0px; }
.input_field .input_fieldL { /* height: 15px; */ padding-right: 0px; /* background: url(../images/input_text.gif) no-repeat left top; */ float: left; }
.input_field .input_fieldR { /* height: 24px; */ /* background: url(../images/input_text.gif) no-repeat right top; */ float: left;}
.input_field .input_fieldL input { font-size: 13px; line-height: 16px; }
/* .input_field:hover .input_fieldL, .input_field.input_active .input_fieldL { background-position: left -30px; }
.input_field:hover .input_fieldR, .input_field.input_active .input_fieldR { background-position: right -30px; }  */
.input_field input, .input_drag input { /* width: 100%; */ border: 0px; background: none; }

.content28p select { width:214px;}
.content50p select { width:264px;}

a .search { width: 36px; height: 30px; /* background: url(../images/btn_search.gif) no-repeat top; */  /* margin-left: -5px; */ }
a:hover .search { background-position: bottom; }
a .search.disabled { background: url(../images/btn_search_disabled.gif) no-repeat top; opacity: 0.6; filter:alpha(opacity=60); cursor:default; }

.lock {
 background: url(../images/icn_lock.png) no-repeat center top transparent;
 display: block;
 width: 27px;
 height: 25px;
 margin-left: 2px;
}


.unlock {
 background: url(../images/icn_unlock.png) no-repeat center top transparent;
 display: block;
 width: 27px;
 height: 25px;
 margin-left: 2px;
}

select.disabled {/* opacity: 0.9; filter:alpha(opacity=92); */ }
.input_field.disabled .input_fieldL  { /* background: url(../images/input_text.gif) no-repeat left top; opacity: 0.9; filter:alpha(opacity=92); */ }
.input_field.disabled .input_fieldR { /* background: url(../images/input_text.gif) no-repeat right top; opacity: 0.9; filter:alpha(opacity=92); */ }


.inquiry .input_info { font-size: 13px; line-height: 18px; color: #4d4d4d; font-weight: normal; }
.inquiry .input_field .input_fieldL, .input_field .input_fieldL { height: 16px; padding: 7px 2px 7px 12px; }
.inquiry .input_field .input_fieldR, .input_field .input_fieldR { height: 16px; padding: 7px 8px; }


.inquiry .input_field:hover .input_fieldL,
.inquiry .input_field:hover .input_fieldR, 
.input_field:hover .input_fieldL,
.input_field:hover .input_fieldR, 
.input_field.input_search:hover .input_fieldR  { border-color:#ffc600; }


.inquiry .input_field.input_error:hover .input_fieldR,
.input_field.input_error:hover .input_fieldR { border-color: #ff8fa1; }
.inquiry .input_search .input_fieldL { /*width: 208px;*/}
.input_search .input_fieldR  { height:30px!important; padding: 0px!important; margin:0px; background: none; border:none; }
.input_search a div.search { width: 36px; height: 30px; background:url(../images/btn_inputSearch.png) no-repeat; }
.input_search a:hover div.search { background-position: bottom; }


.inquiry .input_field.input_error .input_fieldL,
.input_field.input_error .input_fieldL  { background-image:none; border: 1px solid #ff8fa1; border-right: 0px; /*margin-bottom: 11px;*/}
.inquiry .input_field.input_error .input_fieldR,
.input_field.input_error .input_fieldR  { background-image:none; border: 1px solid #ff8fa1; border-left: 0px; }


.inquiry .input_dd.input_error,
.input_dd.input_error { border: 1px solid #ff8fa1; margin-bottom: 3px; }
.inquiry .select.input_error,
.select.input_error { border: 1px solid #ff8fa1; }
.input_search .input_error.input_fieldL { border: 1px solid #ff8fa1; border-right: 0px; margin-bottom: 4px; }
.input_field.input_search .input_error.input_fieldR  { border: 1px solid #ff8fa1; border-left: 0px; }


.inquiry_box .box_M_white {
margin-left: -20px;
margin-top: -10px;
}


.table_content .input_dd.input_error { border: 1px solid #ff8fa1; }
.table_content .select.input_error { border: 1px solid #ff8fa1; }
/* .table_content .input_search .input_error.input_fieldL  { border: 1px solid #ff0000; }
.table_content .input_field.input_search .input_error.input_fieldR  { border: 1px solid #ff0000; } */


.textarea_fixed.input_error,
textarea.input_error  { border: 1px solid #ff8fa1; margin-bottom: 4px; }
.div_input_dd .input_error { border: 1px solid #ff8fa1; margin-bottom: 3px; }
.inquiry .input_error.input_field, .input_error.input_field { margin-bottom: 4px; }


.table_content .input_field.input_search .input_fieldR { /* border: 0px solid #9e9c9e; border-left: none; background-color: #FFF; margin-top: 0px; padding-left: 10px; */ }
.table_content .input_search a div.search { /* width: 24px; height:25px; background: url(../images/btn_inputSearch.gif) no-repeat; margin: 0px; margin-top: -5px; */}
.table_content .input_search a:hover div.search { /* background-position: bottom; */ }

/*

.inquiry .input_field.disabled .input_fieldL { height: 11px; background-image:none; border-radius: 5px 0px 0px 5px; padding: 5px 0px 9px 7px; border: 1px solid #a6a5a6; border-right: 0px; user-select: none;}
.inquiry .input_field.disabled .input_fieldR { opacity: 0.9; filter:alpha(opacity=92); height: 25px; pointer-events: none;
   cursor: default;}*/


.inquiry .disabled.input_field .input_fieldL input,
.disabled.input_field .input_fieldL input { border: 0px; background: none; color: #a2a2a2; }
.inquiry .disabled.input_field .input_fieldL,
.disabled.input_field .input_fieldL { background: none; background-color: #e8e8e8; border: 1px solid #dedede; border-right: 0; color: #a2a2a2; /* width: 80%; */ }
.inquiry .disabled.input_field .input_fieldR,
.disabled.input_field .input_fieldR { background: none; background-color: #e8e8e8; border: 1px solid #dedede; border-left: 0; color: #a2a2a2; width:  } 
.disabled.input_field:hover .input_fieldL { border: 1px solid #dfdfdf!important; border-right: 0!important; }
.disabled.input_field:hover .input_fieldR { border: 1px solid #dfdfdf!important; border-left: 0!important; }


span.select.disabled {
background: url("../images/btn_inputDrop_disabled.gif") no-repeat scroll right bottom #e8e8e8;
border: 1px solid #dedede;
color: #a2a2a2!important;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.input_field.disabled, .inquiry .input_field.disabled {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none !important;
cursor: default;
}
.search.disabled div {
pointer-events: none;
cursor: default;
}
.textarea_fixed.disabled,
textarea.disabled  {
background-color: #e8e8e8;
border: 1px solid #dedede;
color: #a2a2a2;
pointer-events: none;
cursor: default;
resize: none;
}
.input_search.disabled a div.search {
height: 36px; background: url(../images/btn_inputSearch_disabled.png) no-repeat;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none !important;
	cursor: default;
}

.inquiry select option, select option { display: block; font-size: 12px;}
.inquiry select.input_dd, select.input_dd { position: relative; z-index: 10; margin-bottom: 3px; height: 30px; min-width: 100%!important; float: left;}
span.select {
background: url(../images/btn_inputDrop.gif) no-repeat right top -2px #ffffff;
/* width: calc(80% + 35px);
width: 90%\0; */
width: 224px;
border: 1px solid #9dabb7;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
color: #1869b2!important;
cursor: pointer;
float: left;
font-size: 13px;
font-weight: 600;
height: 27px;
left: 0;
line-height: 24px;
overflow: hidden;
padding-right: 20px;
padding-top: 3px;
position: absolute;
text-indent: 12px;
z-index: 1;
}
select option { display: block; font-size: 12px;}
select.input_dd, select.input_value { position: relative; /* margin-bottom: 0px; */ height: 30px; z-index: 10; opacity: 0; filter: alpha(opacity=0);}

.input_field.input_error .input_fieldL { background-position: left -60px; }
.input_field.input_error .input_fieldR { background-position: right -60px; }


.input_field.input_drag .input_fieldL, .input_field.input_drag:hover .input_fieldL { height: 21px; cursor: move; background-position: left -90px; }
.input_field.input_drag .input_fieldR, .input_field.input_drag:hover .input_fieldR { background-position: right -90px; cursor: move; }


.input_inlinelabel { /* color: #687d90; font-weight: normal; */ font-style: normal; }
::-webkit-input-placeholder { color: #687d90; font-weight: normal;  font-style: normal; }
*::-moz-placeholder { color: #687d90; font-weight: normal;  font-style: normal; }
::-ms-input-placeholder { color: #687d90; font-weight: normal;  font-style: normal; }
::placeholder { color: #687d90; font-weight: normal;  font-style: normal; }
:-ms-input-placeholder { color: #687d90!important; font-weight: normal!important;  font-style: normal!important; }


.form_choice { clear: both; }
.form_choice div { float: left; margin: 0px; padding: 3px; }

.form_choice .input_info { padding: 2px; }


.form_paymentcontain { margin: 0px 20px; padding: 20px; background-color: #f1f2f3; }
.form_transparentcontain { margin: 0px 0px; padding: 20px; padding-top: 10px; padding-bottom: 0px; margin-top: 0px; border: 0px solid #d7d7d7; }
.form_divider { background-color: #d7d7d7; width: 100%; height: 1px; margin-bottom: 10px; margin-top: 0px; font-size: 0;}
.addOn2BGMiddle{ height: 24px; padding: 0px; background: url(../images/table_addOn2BG.gif) repeat-x left top; }


/* table.infotable div.input_field{ margin-bottom:0px;} */
table.infotable select { /* margin-bottom:0px; */ margin-top:0px; }
table.infotable div.input_info, table.infotable div.input_infoDisable { font-weight:normal; padding: 0 0 0 6px; }


.input_checkbox {
float: left;
margin-right: 10px;
}

.input_radio {
float: left;
margin-right: 10px;
}




/* ------------------ forms ------------------ */


/* ------------------ components ------------------ */
.breadcrumbs { /* clear: both; margin-bottom: 5px; margin-left: 20px; */ display: none; }
/* .breadcrumbs ul, #shortcuts_content ul { padding: 8px 0px; }
.breadcrumbs ul li, #shortcuts_content ul li { display: inline; padding-right: 4px; }
.breadcrumbs ul li a { text-decoration: none; font-size: 12px; color: #555555; } */
/* .breadcrumbs ul li a:hover, #shortcuts_content ul li a:hover { text-decoration: underline; }*/
#shortcuts_content ul li a { text-decoration: none; font-size: 11px; color: #111; }


#shortcuts_btn { width: 26px; height: 42px; margin-left: 934px; position: fixed; top: 139px; overflow: hidden; background-color: #ffc600; }
#shortcuts_btn:hover, #shortcuts_btn.hovered { width: 250px; height: auto; margin-left: 710px; background: url(../images/shortcuts_bg.gif) repeat-y left #ffc600; overflow: visible; }
#shortcuts_btn #shortcuts_content { width: 200px; padding: 10px; float: right; }


.pagination ul li { float: left; font-size: 13px; line-height: 36px; font-weight: bold; }
.pagination ul li a { text-decoration: underline; color: #4d4d4d; }
.pagination ul li a:hover { text-decoration: none; color: #4d4d4d; }
.pagination .input_field { margin: 0px; margin-top: 0px; vertical-align:middle;}
.pagination.next_previous { margin-left: 10px; margin-right: 10px; }
.pagination-input .input_fieldL { width: 15px!important; }
.pagination-input .input_fieldR { width: 15px!important; padding: 7px 0!important; }
/* ------------------ components ------------------ */


/* ------------------ login ------------------ */
#loginhere { width: 228px; height: 515px; padding: 35px 45px; float: left; background-color: #f3f3f3; border-right: 1px solid #ccc; position: relative; }
#loginhere, #loginhere a { color: #626262; }
#loginhere a:hover { text-decoration: underline; }
#login_btn { width: 100px; margin: 20px auto; }
#login_divider { width: 298px; margin-left: -40px; padding: 25px 5px; border-top: 1px solid #ccc; position: absolute; bottom: 0px; }
#login_content { width: 560px; padding: 20px 50px 0px 50px; float: right; }
#loginwelcome_title { font-size: 28px; color: #231f20; }
#loginwelcome_title span { color: #ffc600; }
#loginwelcome_tagline { color: #575757; font-size: 20px; }
#login_assistance { width: 481px; height: 200px; padding: 15px 25px; margin-top: 20px; background: url(../images/login_assistanceBG.gif) no-repeat; color: #575757; line-height: 20px; }
#login_safetyT { width: 530px; height: 10px; margin-top: 10px; background: url(../images/login_safetyBG.gif) no-repeat top; }
#login_safetyM { width: 508px; padding: 0px 10px; background-color: #f3f2ce; border-left: 1px solid #ffc600; border-right: 1px solid #ffc600; }
#login_safetyB { width: 530px; height: 10px; margin-bottom: 10px; background: url(../images/login_safetyBG.gif) no-repeat bottom; }
#login_safetyM li { list-style: disc inside; line-height: 20px; }
/* ------------------ login ------------------ */


/* ------------------ notification box ------------------ */
.note { margin: 10px 0px; display: block; color: #4d4d4d;
-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
-moz-box-shadow: 0 8px 6px -6px #c7c7c7;
box-shadow: 0 8px 6px -6px #c7c7c7;
}


.note .note_T_success{ height: 10px; border-top: 1px solid #d4f9e2; background-color: #d4f9e2; }
.note .note_B_success { height: 10px; border-bottom: 1px solid #d4f9e2; background-color: #d4f9e2; }
.note .note_TL_success { width: 12px; height: 12px; background: url(../images/notification_crnr_success.gif) no-repeat top left; float: left; margin-top: -1px; }
.note .note_TR_success { width: 12px; height: 12px; background: url(../images/notification_crnr_success.gif) no-repeat top right; float: right; margin-top: -1px; }
.note .note_BL_success { width: 12px; height: 12px; background: url(../images/notification_crnr_success.gif) no-repeat bottom left; float: left; margin-top: -1px; }
.note .note_BR_success { width: 12px; height: 12px; background: url(../images/notification_crnr_success.gif) no-repeat bottom right; float: right; margin-top: -1px; }
.note_M_success { padding: 5px 15px; border-left: 1px solid #d4f9e2; border-right: 1px solid #d4f9e2; background-color: #d4f9e2; }


/* .note .note_T_partlysuccess{ height: 10px; border-top: 2px solid #40a4ff; background-color: #c9e5ff; }
.note .note_B_partlysuccess { height: 10px; border-bottom: 2px solid #40a4ff; background-color: #c9e5ff; }
.note .note_TL_partlysuccess { width: 12px; height: 12px; background: url(../images/notification_crnr_partlysuccess.gif) no-repeat top left; float: left; margin-top: -2px; }
.note .note_TR_partlysuccess { width: 12px; height: 12px; background: url(../images/notification_crnr_partlysuccess.gif) no-repeat top right; float: right; margin-top: -2px; }
.note .note_BL_partlysuccess { width: 12px; height: 12px; background: url(../images/notification_crnr_partlysuccess.gif) no-repeat bottom left; float: left; margin: 0px; }
.note .note_BR_partlysuccess { width: 12px; height: 12px; background: url(../images/notification_crnr_partlysuccess.gif) no-repeat bottom right; float: right; margin: 0px; }
.note_M_partlysuccess { padding: 10px 15px; border-left: 2px solid #40a4ff; border-right: 2px solid #40a4ff; background-color: #c9e5ff; } */


.note .note_T_unsuccess{ height: 10px; border-top: 1px solid #ffe6e6; background-color: #ffe6e6; }
.note .note_B_unsuccess { height: 10px; border-bottom: 1px solid #ffe6e6; background-color: #ffe6e6; }
.note .note_TL_unsuccess { width: 12px; height: 12px; background: url(../images/notification_crnr_unsuccess.gif) no-repeat top left; float: left; margin-top: -1px; }
.note .note_TR_unsuccess { width: 12px; height: 12px; background: url(../images/notification_crnr_unsuccess.gif) no-repeat top right; float: right; margin-top: -1px; }
.note .note_BL_unsuccess { width: 12px; height: 12px; background: url(../images/notification_crnr_unsuccess.gif) no-repeat bottom left; float: left; margin-top: -1px; }
.note .note_BR_unsuccess { width: 12px; height: 12px; background: url(../images/notification_crnr_unsuccess.gif) no-repeat bottom right; float: right; margin-top: -1px; }
.note_M_unsuccess { padding: 5px 15px; border-left: 1px solid #ffe6e6; border-right: 1px solid #ffe6e6; background-color: #ffe6e6; }


/* .note .divider_hor_unsuccess { border-top: 1px solid #ff3100; padding-bottom: 10px;}
.note .note_message_unsuccess { padding: 1px; font-size: 14px; color: #666666; width: 100%; } */


/* .note_M_alert { padding: 10px 15px; border-left: 2px solid #ff6540; border-right: 2px solid #ff6540; background-color: #ffe0fa; } */
.note .note_T { height: 11px; border-top: 1px solid #fdf3d5; background-color: #fdf3d5; }
.note .note_B { height: 11px; border-bottom: 1px solid #fdf3d5; background-color: #fdf3d5; }
.note .note_TL { width: 12px; height: 12px; background: url(../images/notification_crnr.gif) no-repeat top left; float: left; margin-top: -1px; }
.note .note_TR { width: 12px; height: 12px; background: url(../images/notification_crnr.gif) no-repeat top right; float: right; margin-top: -1px; }
.note .note_BL { width: 12px; height: 12px; background: url(../images/notification_crnr.gif) no-repeat bottom left; float: left; margin:  0px; }
.note .note_BR { width: 12px; height: 12px; background: url(../images/notification_crnr.gif) no-repeat bottom right; float: right; margin: 0px; }
.note_M { padding: 5px 15px; border-left: 1px solid #fdf3d5; border-right: 1px solid #fdf3d5; background-color: #fdf3d5; }


/* .note .divider_hor { border-top: 1px solid #F4E5A6;}
.divider_hor_position { padding-left: 63px; } */


.note .note_icn { width: 37px; height: 35px; margin-right: 10px; margin-top: 0px; background: url(../images/icn_notification.gif) no-repeat; float: left; }
.note_none .note_icn { background: none; width: 0px; height: 0px; margin: 0px; display: none; }


/* .note_alert .note_icn { background-position: 0 -173px; }
.note_error .note_icn { background-position: 0 -57px; }
.note_unsuccess .note_icn { background-position: 0 -57px; } */
.note_fail .note_icn { background-position: 0 -1px; }
.note_success .note_icn { background-position: 0 -37px; }

.note_right { float: left; margin-bottom: 5px; width: 90%;}
.note_none .note_right { float: left; width: 100%;}
.note_header { font-size: 20px; font-weight: 550; color: #383737; }
/* .note_alert .note_header { color: #ff3100; }
.note_error .note_header { color: #ff3100; }
.note_unsuccess .note_header { color: #ff3100; } */
.note_fail .note_header { color: #f8183d; }
.note_success .note_header { color: #18b254; }
.note_partlysuccess .note_header { color: #0086ff; }
.note .note_message { padding: 0px; font-size: 12px; color: #4d4d4d; }
/* ------------------ notification box ------------------ */

/* ------------------ detail box ---------------- */
.detail_box {
margin: 10px 0px;
color: #5d5d5d;
display: block;
}
.box_T { height: 10px; border-top: 1px solid #efefef; background-color: #efefef; }
.box_B { height: 11px; border-bottom: 1px solid #efefef; background-color: #efefef; }

.box_TL { width: 12px; height: 12px; background: url(../images/detail_crnr.gif) no-repeat top left; float: left; margin-top: -1px; }
.box_TR { width: 12px; height: 12px; background: url(../images/detail_crnr.gif) no-repeat top right; float: right; margin-top: -1px; }
.box_BL { width: 12px; height: 12px; background: url(../images/detail_crnr.gif) no-repeat bottom left; float: left; margin:  0px; }
.box_BR { width: 12px; height: 12px; background: url(../images/detail_crnr.gif) no-repeat bottom right; float: right; margin: 0px; }

.box_M { padding: 0px 13px; border-left: 1px solid #efefef; border-right: 1px solid #efefef; background-color: #efefef; }
/* ------------------ detail box ---------------- */

/* ------------------ detail box white ---------------- */
.whiteContainer { display: block; width: 100%; }
.box_T_white { height: 11px; border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; background-color: #ffffff; }
.box_B_white { height: 11px; border-bottom: 1px solid #d7d7d7; background-color: #FFFFFF; }

.box_M_white { padding-left: 20px; padding-right: 20px; padding-top: 3px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; background-color: #FFFFFF; }
.detail_box .box_M_white { padding: 20px; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; background-color: #FFFFFF;}
.box_T_white .box_TL { width: 12px; height: 12px; background: url(../images/whiteContainer_crnr.gif) no-repeat top left; float: left; margin-top: -1px; margin-left: -1px; }
.box_T_white .box_TR { width: 12px; height: 12px; background: url(../images/whiteContainer_crnr.gif) no-repeat top right; float: right; margin-top: -1px; }

.box_B_white .box_BL { width: 12px; height: 12px; background: url(../images/whiteContainer_crnr.gif) no-repeat bottom left; float: left; margin:  0px; }
.box_B_white .box_BR { width: 12px; height: 12px; background: url(../images/whiteContainer_crnr.gif) no-repeat bottom right; float: right; margin: 0px; }
/* ------------------ detail box white ---------------- */

/* ------------------ inquiry & portlet box ---------------- */
.inquiry_box { width: 100%; color: #212121; font-size: 13px; font-weight:normal; 
-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
-moz-box-shadow: 0 8px 6px -6px #c7c7c7;
box-shadow: 0 8px 6px -6px #c7c7c7;
}
.inquiry, .padding1020 { padding: 10px 20px 5px; }
.inquiry_box .titlegrey_L { border-bottom: none; }
.filerepo_box { border: 1px solid #595959; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; }
/* 
.portlet_frame .titlegrey_T { height: 6px; font-size: 6px; } 
.portlet_frame .titlegrey_B { height: 6px; }

.portlet_frame .titlegrey_T  { background: url(../images/titleBG_top_home.png) repeat-x top #c4c4c4;  border: 1px solid red;} 

.portlet_frame .titlegrey_TL, .portlet_frame .titlegrey_TR, .portlet_frame .titlegrey_BR, .portlet_frame .titlegrey_BL { 
background-image: url(../images/titleBG_crnr_home.gif); 
}
.portlet_frame .titlegrey_R  { background: url(../images/titleBG_right_home.png) repeat-y right #c4c4c4; border: 1px solid red;}
.portlet_frame .titlegrey_L  { background: url(../images/titleBG_left_home.png) repeat-y left; border-bottom: 3px solid #ffffff; }
.portlet_frame .titlegrey_B  { background: url(../images/titleBG_btm_home.png) repeat-x bottom #a6a6a6; }
 */


.titlegrey_T { height: 6px; font-size: 6px; } 
.titlegrey_B { height: 6px; }

.titlegrey_TL, .titlegrey_TR, .titlegrey_BR, .titlegrey_BL { width: 6px; height: 6px; background-repeat: no-repeat; }
.titlegrey_TL { background-position: 0px 0px; float: left; }
.titlegrey_TR { background-position: -6px 0px; float: right; }
.titlegrey_BL { background-position: -12px 0px; float: left; }
.titlegrey_BR { background-position: -18px 0px; float: right; }


.titlegrey_T_portlet{height:6px; font-size:6px; }
.titlegrey_TL_portlet,.titlegrey_TR_portlet {width:6px;height:6px;background-repeat:no-repeat}
.titlegrey_TL_portlet{background-position:0 0;float:left}


/*

.titlegrey_TL, .titlegrey_TR, .titlegrey_BR, .titlegrey_BL { width: 6px; height: 6px; background-repeat: no-repeat; }
.titlegrey_TL { background-position: 0px 0px; float: left; }
.titlegrey_TR { background-position: -6px 0px; float: right; }
.titlegrey_BL { background-position: -12px 0px; float: left; }
.titlegrey_BR { background-position: -18px 0px; float: right; }
 ------------------ inquiry box & portlet box ---------------- */

/*------------------------ menuTree ----------------------*/
ul.menuTree li div.folderNode, ul.menuTree ul li div.folderNode, ul.menuTree ul li ul li div.folderNode, ul.menuTree ul li ul li ul li div.folderNode {  }

ul.menuTree li.table_head ul li div.mainLabel { border:solid 1px #d1d1d1; background-color:#fff; border-bottom:none; }
/* ***** [START] ACMS Changes ***** */
/* 
ul.menuTree li.table_head ul li div.label { border-top:solid 1px #d1d1d1; background-color:#fff;} 
*/

ul.menuTree li.table_head ul li div.label { border-right:solid 1px #d1d1d1;border-top:solid 1px #d1d1d1; background-color:#fff;}
/* ***** [ END ] ACMS Changes ***** */

ul.menuTree li.table_head ul li div.old { background: url(../images/table_blackBG.jpg) repeat-x top #606060; color:#FFF; font-weight:bold;}
ul.menuTree li.table_head ul li div.new { background: url(../images/table_blueBG.jpg) repeat-x top #606060; color:#FFF; font-weight:bold; border-right:solid 1px #fff;}




table.infotable_Tree .table_head_menuTree { border-top: 1px solid #5a595a; border-right: 1px solid #5a595a; border-left: 1px solid #5a595a; }


/*table.infotable_Tree td:nth-child(1) { border-right: solid 1px #5a595a; }*/
table.infotable_Tree td {
    border-left: 1px solid rgb(180, 180, 180);
    border-left: 1px solid rgba(0, 0, 0, .3);
}
table.infotable_Tree td:first-child { border-left: 1px solid #5a595a;}


table.infotablee_Tree tr:last-child { border-bottom: solid 1px #5a595a; }


table.infotable_Tree { margin-bottom: 0px; }
table.infotable_Tree td { padding: 5px 10px; background: #FFF; font-weight: normal; color: #666666; font-size: 12px; vertical-align: text-top;}

/*------------------------ menuTree ----------------------*/

/*------------------------ misc ----------------------*/
/* ***** [START] ACMS Changes ***** */
/*
.fld_group { overflow: hidden; padding: 5px; display: block; clear: both; }
*/
.fld_group { padding: 0px; display: block; clear: both; }
/* ***** [ END ] ACMS Changes ***** */


/* ***** [START] ACMS Addition ***** */
#ui-datepicker-div {z-index: 100!important;}
/* ***** [ END ] ACMS Addition ***** */

/* ***** [START] ACMS Addition ***** */
.textfield_clear { /* display: none; */ }
.picklist_clear { /* display: none; */ }
.picklist_inq_clear { /* display: none; */ }


a .clear_data_icn { position: absolute; width: 16px; height: 16px; background: url(../images/icn_clear.gif) no-repeat; margin-top: 0; }
a .textfield_clear_icn { margin-left:-18px; }
a .picklist_clear_icn { margin-left:-18px; }
a .picklist_inq_clear_icn { margin-left: -12px; margin-top: 7px; }
.disabled a .clear_data_icn {display:none;} 
.input_infoDisable a .clear_data_icn {display:none;}
/* ***** [ END ] ACMS Addition ***** */


/* Action Panel */
#action_container { height: 52px; width: 100%; background-color: #f7f7f7; border-bottom: 1px solid #eaeaea; position: fixed; top: 51px; left: 0; right: 0; z-index: 100;  }
#action_container .action_container_setting { padding-left: 30px; height: 52px; display: inline-block; }
#action_container .action_container_setting div.icn { float: left; padding-left: 19px; height: 16px; margin-right: 20px; margin-top: 18px; }
#action_container .action_container_setting div.icn span { font-size: 11px; line-height: 12px; color: #666666; cursor: pointer; text-decoration: none; text-transform: uppercase; }
#action_container .action_container_setting .icn.comment { background:url(../images/link_icn.png) no-repeat 0 0; }
#action_container .action_container_setting .icn.credit { background:url(../images/link_icn.png) no-repeat 0 -25px; }
#action_container .action_container_setting .icn.summary { background:url(../images/link_icn.png) no-repeat 0 -49px; }
#action_container .action_container_setting .icn.workflow { background:url(../images/link_icn.png) no-repeat 0 -74px; }



#action_container .action_container_btngroup { padding-right: 30px; height: 52px; float: right; display: inline-block; }

#action_container .action_container_btngroup .btn.action a,
.btn.action a { float: right; margin-left: 10px; margin-top: 12px; }
#action_container .action_container_btngroup .btn_action .divider { border-left: 1px solid #dedbd6; padding-left: 10px; display: inline-block; }

/* Action Panel */


/* Action Button */
a.btn_action .btn_L, .btn_action .btn_R { /* background-image: url(../images/btn_action.png); */ }

a.btn_action .btn_M { /* background: url(../images/btn_actionM.png) repeat-x top; */ }
a.btn_action .btn_L, .btn_action .btn_R { /* height: 29px; width: 6px; float: left; background-repeat: no-repeat; */ }
a.btn_action .btn_M { 
background-color: #f9ac25;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; 
height: 30px;
line-height: 29px;
padding-left: 20px;
padding-right: 20px;

float: left;
color: #ffffff;
font-size: 14px;
font-weight: 550;
text-align: center;
text-decoration: none;
}
a.btn_action:hover .btn_M { /* color: #1d3f57; */ }
/* Action Button */


/* User Info Panel */
#userinfo_container  { height: 45px; max-width: 100%; /* background-color: #70cde3; border: 1px solid #eaeaea; border-left: 0; border-right: 0; */ padding: 10px 0 0 30px; position: fixed; top: 103px; left: 0; right:0; z-index: 100;
-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
-moz-box-shadow: 0 8px 6px -6px #c7c7c7;
box-shadow: 0 8px 6px -6px #c7c7c7;
background: url(../images/usertab-icn-back.png) no-repeat right #70cde3;
}
#userinfo_container.panel_user_green { background: #70cde3 url("../images/user_type_green.png") repeat-y!important; }
#userinfo_container.panel_user_red { background: #70cde3 url("../images/user_type_red.png") repeat-y!important; }
#userinfo_container .username { float: left; width: 200px; font-size: 12px; color: #0060ae; line-height: 16px; font-weight: bold; padding-right: 20px; text-transform: capitalize; }

#userinfo_container .userinfo_details { float: left;  margin-left: 30px; padding-left: 32px; }

#userinfo_container .userinfo_details .userlabel { color: #e2f5f9; font-size: 11px; font-weight: normal; text-transform: uppercase; }

#userinfo_container .userinfo_details .userdetails { color: #0068b3; font-size: 12px; line-height: 16px; font-weight: bold; }

#userinfo_container .userinfo_details { background: url(../images/icn_id_status.png) no-repeat; }
#userinfo_container .userinfo_details { background-position: 0 0; }
#userinfo_container .userinfo_details + .userinfo_details { background-position: 0 -88px; }
#userinfo_container .userinfo_details + .userinfo_details + .userinfo_details { background-position: 0 -173px; }
#userinfo_container .userinfo_details + .userinfo_details + .userinfo_details + .userinfo_details { background-position: 0 -260px; }
/* User Info Panel */


/* Date Picker */
.cal_icn span.icn_calendar { background:url(../images/icn_calendar.gif) no-repeat top; width: 36px; height: 34px; display: block; margin-top: -10px; margin-left: -13px; }
.cal_icn span.icn_calendar:hover { background:url(../images/icn_calendar.gif) no-repeat 0 -34px; }
.cal_icn span.icn_calendar.disabled { background:url(../images/icn_calendar.gif) no-repeat bottom; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none !important;
	cursor: default;}
/* Date Picker */


/* Inquiry Box */
.inquiry td { padding-right: 10px; vertical-align: top; padding-bottom: 10px; }
.inquiry tr:first-child td { /* background-color: red; */ }
.inquiry .inner_table, .inner_table  { display: inline-block; vertical-align: top; }
.inner_table .input_info { font-weight: normal; }
.inner_table .input_infoDisable { font-weight: normal; color: #a2a2a2; }
.inquiry .inner_table .input_field, .inner_table .input_field  { margin-right: 0; }
/* Inquiry Box */

/* Button & Form Position / Layout */
.fld_group.radio .inner_table { margin-right: 15px; }
.fld_group.checkbox .inner_table { margin-right: 15px; }
.group_buttons a { margin-right: 5px; float: left; }
.group_buttons_right a { margin-left: 5px; float: right; }
.group_buttons_right ul { float: right; }
/* Button & Form Position / Layout */

/* Button Icons */
.btn_lgrey.icn .btn_M { background: url(../images/btn_icn.png) no-repeat; width: 28px; height: 28px; display: block; padding:0; }
/* Add */
.btn_lgrey.icn .btn_M.add { background-position: 6px -208px; }
.btn_lgrey.icn:hover .btn_M.add { background-position: -26px -208px; }
.btn_lgrey.icn .disabled .btn_M.add { background-position: -55px -208px; background-color: inherit; }
/* Preview */
.btn_lgrey.icn .btn_M.preview { background-position: 6px -180px; }
.btn_lgrey.icn:hover .btn_M.preview { background-position: -26px -180px; }
.btn_lgrey.icn .disabled .btn_M.preview { background-position: -55px -180px; background-color: inherit; }
/* Edit */
.btn_lgrey.icn .btn_M.edit { background-position: 7px -32px; }
.btn_lgrey.icn:hover .btn_M.edit { background-position: -25px -32px; }
.btn_lgrey.icn .disabled .btn_M.edit { background-position: -54px -32px; background-color: inherit; }
/* Delete */
.btn_lgrey.icn .btn_M.delete { background-position: 7px -61px; }
.btn_lgrey.icn:hover .btn_M.delete { background-position: -25px -61px; }
.btn_lgrey.icn .disabled .btn_M.delete { background-position: -54px -61px; background-color: inherit; }
/* Host Exception Status */
.btn_lgrey.icn .btn_M.host { background-position: 7px -478px; }
.btn_lgrey.icn:hover .btn_M.host { background-position: -25px -478px; }
.btn_lgrey.icn .disabled .btn_M.host { background-position: -54px -478px; background-color: inherit; }
/* History */
.btn_lgrey.icn .btn_M.history { background-position: 4px -345px; }
.btn_lgrey.icn:hover .btn_M.history { background-position: -28px -345px; }
.btn_lgrey.icn .disabled .btn_M.history { background-position: -56px -345px; background-color: inherit; }
/* Next */
.btn_lgrey.icn .btn_M.next { background-position: 6px -151px; }
.btn_lgrey.icn:hover .btn_M.next { background-position: -26px -151px; }
.btn_lgrey.icn .disabled .btn_M.next { background-position: -55px -151px; background-color: inherit; }
/* Previous */
.btn_lgrey.icn .btn_M.previous { background-position: 6px -121px; }
.btn_lgrey.icn:hover .btn_M.previous { background-position: -26px -121px; }
.btn_lgrey.icn .disabled .btn_M.previous { background-position: -56px -121px; background-color: inherit; }
/* Attach */
.btn_lgrey.icn .btn_M.attach { background-position: 6px -318px; }
.btn_lgrey.icn:hover .btn_M.attach { background-position: -26px -318px; }
.btn_lgrey.icn .disabled .btn_M.attach { background-position: -55px -318px; background-color: inherit; }
/* Download */
.btn_lgrey.icn .btn_M.download { background-position: 6px -653px; }
.btn_lgrey.icn:hover .btn_M.download { background-position: -25px -653px; }
.btn_lgrey.icn .disabled .btn_M.download { background-position: -55px -653px; background-color: inherit; }
/* Open Attachment */
.btn_lgrey.icn .btn_M.open_attach { background-position: 6px -288px; }
.btn_lgrey.icn:hover .btn_M.open_attach { background-position: -26px -288px; }
.btn_lgrey.icn .disabled .btn_M.open_attach { background-position: -55px -288px; background-color: inherit; }
/* Preview 2 */
.btn_lgrey.icn .btn_M.preview_2 { background-position: 6px -295px; }
.btn_lgrey.icn:hover .btn_M.preview_2 { background-position: -26px -295px; }
.btn_lgrey.icn .disabled .btn_M.preview_2 { background-position: -55px -295px; background-color: inherit; }
/* Button Icons */


/* Data Entry Table */
.table_content table.summary,
table.summary,
.table_content .form_greycontain table.data_entry,
table.data_entry { border-collapse: separate; width: 100%; border-radius: 0 0 3px 3px; border: 1px solid #70cde3;
	-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
	   -moz-box-shadow: 0 8px 6px -6px #c7c7c7;
	        box-shadow: 0 8px 6px -6px #c7c7c7;
}


.table_content table.summary td,
table.summary td,
.table_content .form_greycontain table.data_entry td,
table.data_entry td { color: #4d4d4d; font-size: 12px; font-weight: normal; vertical-align: top; border-top: 1px solid #c8eaf6; height: 49px; min-height: 49px; }

/* .table_content table.summary tr:nth-child(even), */
/* .table_content .form_greycontain table.data_entry tr:nth-child(even)  { background-color: #f7f7f7; } */

.table_content table.summary tr:first-child td,
table.summary tr:first-child td,
.table_content .form_greycontain table.data_entry tr:first-child td,
table.data_entry tr:first-child td { border-top: 0; }


.table_content table.summary tbody tr:first-child td:first-child,
table.summary tbody tr:first-child td:first-child,
.table_content .form_greycontain table.data_entry tbody tr:first-child td:first-child,
table.data_entry tbody tr:first-child td:first-child { /* border-top-left-radius: 5px; */ }

.table_content table.summary tbody tr:first-child td:last-child,
table.summary tbody tr:first-child td:last-child,
.table_content .form_greycontain table.data_entry tbody tr:first-child td:last-child,
table.data_entry tbody tr:first-child td:last-child { /* border-top-right-radius: 5px; */ }


.table_content table.summary tbody tr:last-child td:first-child,
table.summary tbody tr:last-child td:first-child,
.table_content .form_greycontain table.data_entry tbody tr:last-child td:first-child,
table.data_entry tbody tr:last-child td:first-child { border-bottom-left-radius: 5px; }


.table_content table.summary tbody tr:last-child td:last-child,
table.summary tbody tr:last-child td:last-child,
.table_content .form_greycontain table.data_entry tbody tr:last-child td:last-child,
table.data_entry tbody tr:last-child td:last-child { border-bottom-right-radius: 5px; }


.table_content .summary td,
table.summary td,
.table_content .form_greycontain table.data_entry td,
table.data_entry td { width: 20%; border-left: 0; background-color: #f7f7f7; font-weight: normal; }

.table_content .summary td + td,
table.summary td + td,
.table_content .form_greycontain table.data_entry td + td,
table.data_entry td { width: 30%; border-left: 0; background-color: #ffffff; font-weight: bold; }

.table_content .form_greycontain table.data_entry table.input_icon_setting tbody tr td { background-color: #ffffff; }

.table_content .summary td + td + td,
table.summary td + td + td,
.table_content .form_greycontain table.data_entry td + td + td,
table.data_entry td { width: 20%; background-color: #f7f7f7; font-weight: normal; }

.table_content .summary td + td + td + td,
table.summary  td + td + td + td,
.table_content .form_greycontain table.data_entry td + td + td + td,
table.data_entry td { width: 30%; border-left: 0; background-color: #ffffff; font-weight: bold; }



.table_content table.columns td,
.table_content table.summary.columns td,
table.summary.columns td,
.table_content .form_greycontain table.columns td,
.table_content .form_greycontain table.data_entry.columns td,
table.data_entry.columns td{ width: 20%; font-weight: normal; }


.table_content table.columns td + td,
.table_content table.summary.columns td + td,
table.summary.columns td + td,
.table_content .form_greycontain table.columns td + td,
.table_content .form_greycontain table.data_entry.columns td + td,
table.data_entry.columns td { width: 80%; font-weight: bold; }


.table_content table.summary .fld_group,
table.summary .fld_group,
.table_content .form_greycontain table.data_entry .fld_group,
table.data_entry .fld_group { margin: 8px 12px; }


.table_content table.summary .input_info,
table.summary .input_info,
.table_content .form_greycontain table.data_entry .input_info,
table.data_entry .input_info { font-weight: normal; padding: 0; }
/* Data Entry Table */


/* Tab Section */
#tabsection { width: 100%; background-color: #f6f6f6; border: 1px solid #f0f0f0; height: 35px; position: relative; z-index: 90; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
-moz-box-shadow: 0 8px 6px -6px #c7c7c7;
box-shadow: 0 8px 6px -6px #c7c7c7;
}
#tabsection span { color: #999999; font-size: 12px; padding: 10px 15px; display: inline-block; vertical-align: top; }
#tabsection span.divider { width: 1px; height: 35px; padding: 0; background-color: #f0f0f0; display: inline-block; }
#tabsection span:hover { /* background:url(../images/tab_hover_arrow.png) no-repeat center bottom; */ background-color: #ffffff; color: #999999; cursor: pointer; }
#tabsection span:first-child:hover { border-radius: 5px 0 0 5px; }
#tabsection span.active { /* background:url(../images/tab_active_arrow.png) no-repeat center bottom; */ background-color: #5ac5ea; color: #ffffff; }
#tabsection span:first-child.active { border-bottom-left-radius: 5px; }
#tabsection span.dropbtn { padding-right: 13px; }
#tabsection span.dropbtn  img { display: inline-block; }
#tabsection span.dropbtn:hover .dropdown-content,
#tabsection span.dropbtn:active .dropdown-content,
#tabsection span.dropbtn:focus .dropdown-content { display: block; }

#tabsection .dropdown-content { display: none; position: absolute; min-width: 220px; margin-left: -16px; margin-top: 10px; }
#tabsection .dropdown-content a { font-size: 12px; color: #999999; background-color: #ffffff; border: 1px solid #f0f0f0; border-top: 0; padding: 10px 15px; text-decoration: none; display: block; text-align: left; 
-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
-moz-box-shadow: 0 8px 6px -6px #c7c7c7;
box-shadow: 0 8px 6px -6px #c7c7c7;
}
#tabsection .dropdown-content a:last-child { border-radius: 0 0 5px 5px; }
#tabsection .dropdown-content a:hover { font-size: 12px; color: #ffffff; background-color: #54c8e8; }
#tabsection .dropdown-content a.active { color: #ffffff; background-color: #5ac5ea; }
/* Tab Section */


/* Progress Bar Type 1 */
#progress_bar  { /* margin-top: 25px; */ margin-bottom: 15px; }
#container_loan #progress_bar  {margin-top: -10px; margin-bottom: 15px; }
#progress_bar thead { background: url(../images/step_bg.gif) repeat-x center; }
#progress_bar thead th.end { background-color: #fff; }
#progress_bar thead th.endW { background-color: #fbfbfb; }
#progress_bar th.step .done,
#progress_bar th.step .now,
#progress_bar th.step .undone { height: 25px; width: 25px; background-repeat: no-repeat; padding: 0px; margin: 0px; background-color: #ffffff; display: inline-block; }
#progress_bar th.step .done { background-image: url(../images/step_done.png); vertical-align: middle;}
#progress_bar th.step .now { background-image: url(../images/step_now.png); vertical-align: middle;}
#progress_bar th.step .undone { background-image: url(../images/step_undone.png); vertical-align: middle;}
#progress_bar a,
#progress_bar a:hover { color: #999999; text-decoration: none; }
#progress_bar .active { font-weight: bold; color: #0068b3; }
#progress_bar .label { padding-left: 5px; padding-right: 10px; padding-top: 0; background-color: #ffffff; white-space: nowrap; display: inline-block; vertical-align:middle; }
#progress_bar .space { width: 80px; }
#progress_bar .space_4 { width: 40px; }
#progress_bar .step {background-color: #ffffff; }
/* Progress Bar Type 1 */

/* Progress Bar Type 2 */
.icn_progress { float: left; font-size: 12px; line-height: 12px; margin-bottom: 5px; margin-top: 0px; padding: 0px 10px; }
#progress_bar2 { height: 53px; margin-bottom: 25px; }
#progress_bar2 .step01,
#progress_bar2 .step02,
#progress_bar2 .step03,
#progress_bar2 .step04,
#progress_bar2 .step02_CollFD,
#progress_bar2 .step02_Fac,
#progress_bar2 .step03_SupDoc,
#progress_bar2 .step03_CreditCheck,
#progress_bar2 .step04_SupDoc,
#progress_bar2 .step05_CreditCheck { width: 185px; background-color: #f6f6f6; border: 1px solid #f0f0f0; border-radius: 5px; color: #d5d5d5; padding-top: 10px; }
#progress_bar3 { height: 53px; margin-bottom: 25px; }
#progress_bar3 .step01,
#progress_bar3 .step02,
#progress_bar3 .step03,
#progress_bar3 .step04 { width: 185px; background-color: #9dabb7; border-radius: 5px; color: #ffffff; padding-top: 10px; }
#progress_bar2 .step01.clickable:hover,
#progress_bar2 .step02.clickable:hover,
#progress_bar2 .step03.clickable:hover,
#progress_bar2 .step04.clickable:hover,
#progress_bar2 .step02_CollFD.clickable:hover,
#progress_bar2 .step02_Fac.clickable:hover,
#progress_bar2 .step03_SupDoc.clickable:hover,
#progress_bar2 .step03_CreditCheck.clickable:hover,
#progress_bar2 .step04_SupDoc.clickable:hover,
#progress_bar2 .step05_CreditCheck.clickable:hover { color: #ffffff; background-color: #d5d5d5; border: 1px solid #d5d5d5; cursor: pointer; }
#progress_bar2 .active,
#progress_bar2 .active span,
#progress_bar3 .active,
#progress_bar3 .active span { background-color: #0068b3; border: 1px solid #0068b3; color: #ffffff; pointer-events: none; }
#progress_bar2 .step01.clickable:hover .icn_progress,
#progress_bar2 .step01.active .icn_progress,
#progress_bar3 .step01.active .icn_progress { background: url(../images/progress_bar_icon.png) 53px 0; }
#progress_bar2 .step02.clickable:hover .icn_progress,
#progress_bar2 .step02.active .icn_progress,
#progress_bar3 .step02.active .icn_progress { background: url(../images/progress_bar_icon.png) 53px -53px; }
#progress_bar2 .step03.clickable:hover .icn_progress,
#progress_bar2 .step03.active .icn_progress,
#progress_bar3 .step03.active .icn_progress { background: url(../images/progress_bar_icon.png) 53px -106px; }
#progress_bar2 .step04.clickable:hover .icn_progress,
#progress_bar2 .step04.active .icn_progress,
#progress_bar3 .step04.active .icn_progress { background: url(../images/progress_bar_icon.png) 53px -159px; }
#progress_bar2 .step01 .icn_progress,
#progress_bar3 .step01 .icn_progress { background: url(../images/progress_bar_icon.png) 0 0; width: 30px; height: 53px; margin-top: -8px; }
#progress_bar2 div .step02 .icn_progress,
#progress_bar3 div .step02 .icn_progress { background: url(../images/progress_bar_icon.png) 0 -53px; width: 30px; height: 53px; margin-top: -8px; }
#progress_bar2 div .step03 .icn_progress,
#progress_bar3 div .step03 .icn_progress { background: url(../images/progress_bar_icon.png) 0 -106px; width: 30px; height: 53px; margin-top: -8px; }
#progress_bar2 div .step04 .icn_progress,
#progress_bar3 div .step04 .icn_progress { background: url(../images/progress_bar_icon.png) 0 -159px; width: 30px; height: 53px; margin-top: -8px; }
.h_step {}
.h_label { font-weight: normal; font-size: 16px; line-height: 18px; }
#progress_bar2 .arrow { background: url(../images/progress_bar_arrow.png) 0 0; width: 20px; height: 18px; display: inline-block; float: right; margin-top: -6px; margin-right: 12px; border: 0; }
#progress_bar2 .arrow.active { background: url(../images/progress_bar_arrow.png) -20px 0; }
#progress_bar2 .space,
#progress_bar3 .space { width: 20px; }
/* Phase2 start  */
#progress_bar2 div .step02_CollFD .icn_progress  { background: url(../images/progress_bar_icon_p2.png) 0 -212px; width: 30px; height: 52px; margin-top: -8px; }
#progress_bar2 div .step02_CollFD.clickable:hover .icn_progress ,
#progress_bar2 div .step02_CollFD.active .icn_progress { background: url(../images/progress_bar_icon_p2.png) 53px -212px; width: 30px; height: 52px; margin-top: -8px; }
#progress_bar2 div .step02_Fac .icn_progress  { background: url(../images/progress_bar_icon.png) 0 -106px; width: 30px; height: 52px; margin-top: -8px; }
#progress_bar2 div .step02_Fac.clickable:hover .icn_progress,
#progress_bar2 div .step02_Fac.active .icn_progress  { background: url(../images/progress_bar_icon.png) 53px -106px; width: 30px; height: 52px; margin-top: -8px; }
#progress_bar2 div .step03_SupDoc .icn_progress  { background: url(../images/progress_bar_icon_p2.png) 0 -265px; width: 30px; height: 52px; margin-top: -8px; }
#progress_bar2 div .step03_SupDoc.clickable:hover .icn_progress,
#progress_bar2 div .step03_SupDoc.active .icn_progress  { background: url(../images/progress_bar_icon_p2.png) 53px -265px; width: 30px; height: 52px; margin-top: -8px; }
#progress_bar2 div .step03_CreditCheck .icn_progress  { background: url(../images/progress_bar_icon.png) 0 -159px; width: 30px; height: 53px; margin-top: -8px; }
#progress_bar2 div .step03_CreditCheck.clickable:hover .icn_progress ,
#progress_bar2 div .step03_CreditCheck.active .icn_progress  { background: url(../images/progress_bar_icon.png) 53px -159px; width: 30px; height: 53px; margin-top: -8px; }
#progress_bar2 div .step04_SupDoc .icn_progress   { background: url(../images/progress_bar_icon_p2.png) 0 -265px; width: 30px; height: 52px; margin-top: -8px; }
#progress_bar2 div .step04_SupDoc.clickable:hover .icn_progress ,
#progress_bar2 div .step04_SupDoc.active .icn_progress   { background: url(../images/progress_bar_icon_p2.png) 53px -265px; width: 30px; height: 52px; margin-top: -8px; }
#progress_bar2 div .step05_CreditCheck .icn_progress  { background: url(../images/progress_bar_icon.png) 0 -159px; width: 30px; height: 53px; margin-top: -8px; }
#progress_bar2 div .step05_CreditCheck.clickable:hover .icn_progress,
#progress_bar2 div .step05_CreditCheck.active .icn_progress  { background: url(../images/progress_bar_icon.png) 53px -159px; width: 30px; height: 53px; margin-top: -8px; }
/* Phase2 end  */
/* Progress Bar Type 2 */


/* Table Div */
.display_table { display: table; margin: 0 auto; }
.display_tablerow { display: table-row; }
.display_tablecell{ display: table-cell; }
/* Table Div */


/* Task List Listing */
.tasklist .listingHover td { /* background: #eef2f2; */ cursor: pointer; }
.tasklist .listingHover td.disabled_function { /* background: #fbfdfb; */ cursor: default; }
.tasklist .listingHover td .notice_no .notification_no_L  { background: url("../images/icn_notification_no_side_o.png") no-repeat left;
padding-left: 2px; margin-left: -1px; padding-top: 2px; margin-top: -3px; padding-right: 2px; margin-right: -1px; }
.tasklist .listingHover td .notice_no .notification_no_R { background: url("../images/icn_notification_no_side_o.png") no-repeat right;
padding-right: 2px; margin-right: -1px; padding-top: 2px; margin-top: -3px; padding-left: 2px; margin-left: -1px; }
.tasklist .listingRestore td { /* background: #fbfdfb; */ }
.tasklist .listingRestore td.disabled_function { /* background: #fbfdfb; */ cursor: default; }
.notice_no { width: 30px; height: 13px; margin-top: 3px; margin-left: 5px; float: right; }
.notification_no_L { background: url("../images/icn_notification_no_side.png") no-repeat left; width: 4px; height: 13px; float: left; padding-left: 2px; margin-left: -1px; padding-top: 2px; margin-top: -3px; padding-right: 2px; margin-right: -1px; }
.notification_no_R { background: url("../images/icn_notification_no_side.png") no-repeat right; width: 4px; height: 13px; float: left; padding-right: 2px; margin-right: -1px; padding-top: 2px; margin-top: -3px; padding-left: 2px; margin-left: -1px; }
.notification_no_M { height: 12px; background-color: #0570d7; color: #ffffff; font-size: 10px; line-height: 11px; float: left; text-align: center; padding-top: 1px; margin-top: -2px; padding-bottom: -1px; padding-right: 1px; }
.tasklist  td.listing_details_block span { width: 90%; display: block; }


.tasklist span.urgent { color: #f8183d; }
.tasklist td.urgent { background-color: #ffc8d1; }
.tasklist .icn-urgent { background:url(../images/icn_urgent.png) no-repeat right top; width: 16px; height: 16px; display: block; margin-left: 3px; float: right;}

/* Task List Listing */


/* Tab */
.tab_active { font-size: 16px; font-weight: 600; padding: 7px 10px; border: 1px solid #dfe0e0; color: #ffffff; background-color: #1bbc9b;

border-top-left-radius:5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
}

.tab_deactive { font-size: 16px; font-weight: 600; padding: 7px 10px; border: 1px solid #c1c2c4; color: #7d7d7d;  background-color: #ebebeb;
border-top-left-radius:5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius:5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
}

.tab_create_border { font-size: 12px; font-weight: normal; padding: 8px 14px;
border-top-left-radius:5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-bottom-left-radius:5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-right-radius:5px;

-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-bottom-right-radius:5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
}

.tab_create_border.tab_create_active { color:#ffffff; border: 1px solid #5ac5ea; background-color: #5ac5ea; 
/* -webkit-box-shadow: inset 20px 20px 38px -50px rgba(0,0,0,1); */
/* -moz-box-shadow: inset 20px 20px 38px -50px rgba(0,0,0,1); */
/* box-shadow: inset 20px 20px 38px -50px rgba(0,0,0,1); */
}

.tab_create_border.tab_create_deactive { color:#999999; border: 1px solid #f0f0f0; background-color: #f6f6f6; }
.tab_create_border.tab_create_deactive:hover { border: 1px solid #f0f0f0; background-color: #ffffff; }
.tab_left {

/* border-right: 1px solid #ffffff; */
border-top-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
}

.tab_right {
border-left:0;
border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
}

.tab_middle {
border-left:0;
border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topleft: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-right:0;
border-top-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topright: 0px;
border-bottom-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
}
.tab_right_border { /* border-right: 1px solid #ffffff; */ }
.tasklist_bar { font-size: 12px; font-weight: normal; padding: 8px 14px; color: #999999; background-color: #f6f6f6; 

border-top-left-radius:5px; 
-webkit-border-top-left-radius: 5px; 
-moz-border-radius-topleft: 5px; 
border-bottom-left-radius:5px; 
-webkit-border-bottom-left-radius: 5px; 
-moz-border-radius-bottomleft: 5px;
border: 1px solid #f0f0f0;
border-right: 0;
}
.tasklist_bar_num { font-size: 12px; font-weight: 600; padding: 8px 14px; background-color: #f6f6f6; color: #999999;
border-top-right-radius:5px; 
-webkit-border-top-right-radius: 5px; 
-moz-border-radius-topright: 5px; 
border-bottom-right-radius:5px; 
-webkit-border-bottom-right-radius: 5px; 
-moz-border-radius-bottomright: 5px;
border: 1px solid #f0f0f0;
border-left: 1px solid #ffffff;
}
.tab a:hover div { background-color: #ffffff; color: #999999; border-left: 1px solid #f0f0f0; }
.tab a { text-decoration: none; }

.tasklist_active {font-size:12px; font-weight:normal; padding:9px 15px; color:#ffffff; background-color: #5ac5ea; border-top-left-radius:5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;}
.tasklist_active_num {font-size:12px; font-weight:600; padding:9px 15px; background-color:#5ac5ea; border-left: 1px solid #ffffff; color:#ffffff; border-top-right-radius:5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px;}
/* Tab */


/* Input + Icon Button */
table.input_icon_setting.right { float: right; }
table.input_icon_setting td { width: 251px; vertical-align: top; }
table.input_icon_setting td+td { width: 38px; /* padding-left: 5px; */ }

.table_content table.data_entry table.input_icon_setting td { width: 212px;  }
.table_content table.data_entry table.input_icon_setting td+td { width: 38px;  }
.table_content table.data_entry table.input_icon_setting { margin: 10px 15px; }
.table_content table.data_entry table.input_icon_setting td .fld_group { margin: 0; }
.table_content table.data_entry table.input_icon_setting .input_field input /* .input_fieldL */ { width: 173px; }

.table_content table.data_entry table.input_icon_setting span.select { /* width: calc(93%)!important; */ width: 185px; }
.table_content table.data_entry table.input_icon_setting .input_field.input_search .input_fieldR { width: 37px; }
.table_content table.data_entry table.input_icon_setting .input_field.input_search .input_fieldR .search { margin-left: 1px; }

table.input_icon_setting select.input_dd, select.input_dd { min-width: 100%; }
table.input_icon_setting span.select { /* width: calc(94%); width: 94%\0; */ }
table.infotable table tr { border: 0; }
table.infotable table tr:last-child { border: 0!important; }
table.infotable table td { border: 0!important; padding: 0; }
table.infotable table td+td { width: 38px; /* padding-left: 5px; */ }
/* Input + Icon Button */

/* Back to Top */
#back-to-top {
position: fixed;
bottom: 35px;
right: 0px;
z-index: 1001;
background: url(../images/icn_backtop.png) no-repeat center center #ced2d5;
width: 40px;
height: 40px;
cursor: pointer;
border: 0;
transition: opacity 0.2s ease-out;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
border-radius: 50%;
display: none;
}
#back-to-top:hover {
background: url(../images/icn_backtop.png) no-repeat center center #aaaaaa;
}
#back-to-top.show {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
display: block;
}
/* Back to Top */

/* Validation Box */
#left-panel { top: 30%; right: -365px; width: 400px; min-height: 200px; position: fixed; padding: 0; margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
z-index: 100;
}
#left-panel.show { right: -18px; }
#left-panel a.controller { position: absolute; left: 15px; top: 10px; text-decoration: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
color: black;
font-weight: bold;
}
#left-panel.show a.controller {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.alertmessageicon { background: url(../images/tab_alert.png); width: 35px; height: 122px; pointer-event: pointer; cursor: pointer; }
.alertmessagebox { left: 35px; top: -10px; width: 325px; height: 300px; position: absolute; padding-right: 20px; border: 1px solid #f43b10; border-right: 0; background-color: #ffffff; /* display: none; */ }
.alertmessage { top: 15px; left: 15px; position: absolute; display: block; overflow-y: auto; overflow-x: 0; height: 270px; width: 311px; padding-right: 20px; }
.alertmessage ul li { border-top: 1px solid #dfdfdf; padding-bottom: 10px; padding-top: 10px; }
.alertmessage ul li:first-child { border-top: 0; padding-top: 0; }
/* Validation Box */

/* Action Panel */
#actionPanel { height: 200px; bottom: 0px; width: 100%; position: fixed; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(194, 194, 194); padding-top: 10px; z-index: 10; background-color: rgb(255, 255, 255); }
.actionIconclose { color:#ffffff; position: fixed; right: 19px; margin-top: -10px; background-color: #c2c2c2; width: 25px; height: 25px; text-align: center; font-size: 14px; line-height: 22px; text-decoration: none; cursor: pointer; z-index: 9999; }
.mCSB_scrollTools { right: 0!important; margin-right: 8px; height: 180px!important; top: auto!important; }
.mCSB_container_wrapper > .mCSB_container { padding-right: 0!important; }
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #c2c2c2!important; }
.action-screen-body { padding-left: 10px; padding-top: 20px; padding-right: 10px; padding-bottom: 0; }
.action-screen-content { width:100%; padding-right: 20px; padding-top: 10px; overflow-y: auto; height: 180px; box-sizing: border-box; }
.action-screen-content .table_content { padding-right: 10px; }
/* Action Panel */

/* Action Panel Form Elements*/
a.btn_lgrey_hedge .btn_L , a.btn_lgrey_hedge .btn_R { /* background-color: #ebebeb; */ }
a.btn_lgrey_hedge .btn_L {
/* float: left; */
/* height: 34px; */
/* width: 8px; */
}
a.btn_lgrey_hedge .btn_R { 
/* float: left; */
/* height: 34px; */
/* width: 8px; */
}
a.btn_lgrey_hedge .btn_M {
background-color: #1c83c5;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #ffffff;
float: left;
font-size: 12px;
font-weight: 500;
height: 30px;
line-height: 29px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
text-decoration: none;
}
a.btn_lgrey_hedge_dark .btn_L , a.btn_lgrey_hedge_dark .btn_R { /* background-color: #cecece; */ }
a.btn_lgrey_hedge_dark .btn_L {
/* float: left; */
/* height: 34px; */
/* width: 8px; */
}
a.btn_lgrey_hedge_dark .btn_R { 
/* float: left; */
/* height: 34px; */
/* width: 8px; */
}
a.btn_lgrey_hedge_dark .btn_M {
background-color: #3fc7eb;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
color: #ffffff;
float: left;
font-size: 12px;
font-weight: 500;
height: 32px;
line-height: 32px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
text-decoration: none;
}
.btn_lgrey_hedge_dark .icn.reason .btn_M {
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
padding-left: 0;
}
.btn_lgrey_hedge_dark .icn.reason .btn_L {
float: left;
background: url("../images/btn_icn.png") no-repeat -50px -373px #3fc7eb;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
padding-left: 10px;
width: 30px;
height: 32px; 
display: block;
}
a.btn_lgrey_hedge_dark:hover .icn.reason .btn_L { background-position: -50px -373px; }
.input_icon_setting.action_panel td+td { width: 100px; }

a.btn_lgrey_hedge.disabled { pointer-events: none; }
a.btn_lgrey_hedge .disabled .btn_L, a.btn_lgrey_hedge .disabled .btn_R { background-color: #d7f2f8; cursor: default; }
a.btn_lgrey_hedge .disabled .btn_M { background-color: #e8e8e8; color: #ffffff; cursor: default; }

a.btn_lgrey_hedge_dark.disabled { pointer-events: none; }
a.btn_lgrey_hedge_dark .disabled .btn_L, a.btn_lgrey_hedge_dark .disabled .btn_R { background-color: #d7f2f8; cursor: default; }
a.btn_lgrey_hedge_dark .disabled .btn_M { background-color: #d7f2f8; color: #ffffff; cursor: default; }
a.btn_lgrey_hedge_dark .disabled.icn.reason .btn_L { background-position: -51px -372px; background-color: #d7f2f8; }
/* Action Panel Form Elements*/

/* OTP & Remarks */
.signatoryRemarkTips { color: #4d4d4d; font-size: 10px; font-style: italic; padding-bottom: 5px; padding-top: 5px; }
/* OTP & Remarks */

/* Landing Page */
.landing_box_template {
border: 1px solid #e5e9ec;
border-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
max-width: 100%;
min-height: 80px;
background-color: #ffffff;    
}
.landing_box_template.general { padding: 15px 30px; }
.landing_box_template.general .general_leftPanel { width: 50%; display: inline-block; vertical-align: top; }
.landing_box_template.general .general_rightPanel { width: 48%; display: inline-block; text-align: center; vertical-align: top; margin-top: 30px; }
.landing_box_template span.title { color: #687d90; font-size: 15px; }
.landing_box_template .index { float: left; text-align: center; margin-top: 10px; margin-right: 10px; display: inline-block; }
.landing_box_template .index span.type { color: #687d90; font-size: 11px; position: absolute; }
.landing_box_template .index span.no { font-size: 11px; line-height: 20px; border-radius: 50%; width: 20px; height: 20px; display: inline-block; }

.landing_box_template .index.newcase { background: url(../images/icn-task-new.png) no-repeat top 7px right 8px #78d1e6; border-radius: 50%; width: 40px; height: 40px; position: relative; } 
.landing_box_template .index.newcase span.no { background-color: #536dfe; position: absolute; right: 0; bottom: 0;  }
.landing_box_template .index.newcase span.no { color: #ffffff; }
.landing_box_template .index.newcase span.type { bottom: -18px; right: 8px; }

.landing_box_template .index.overdue { background: url(../images/icn-task-overdue.png) no-repeat top 7px right 6px #78d1e6; border-radius: 50%; width: 40px; height: 40px; position: relative; } 
.landing_box_template .index.overdue span.no { background-color: #ed1c24; position: absolute; right: 0; bottom: 0;  }
.landing_box_template .index.overdue span.no { color: #ffffff; }
.landing_box_template .index.overdue span.type { bottom: -18px; right: -2px; }

.landing_box_template .index.total { background: url(../images/icn-task-total.png) no-repeat top 9px right 11px #78d1e6; border-radius: 50%; width: 40px; height: 40px; position: relative; }
.landing_box_template .index.total span.no { background-color: #00dd4c; position: absolute; right: 0; bottom: 0; }
.landing_box_template .index.total span.no { color: #ffffff; }
.landing_box_template .index.total span.type { bottom: -18px; right: 7px; }

.landing_box_template .index.bttn  {  }
.landing_box_template .index.bttn .bttn { margin-left: 20px; margin-top: 5px; background-color: #1c83c5;
border-radius: 8px;
cursor: pointer;
padding: 6px 20px 6px 20px;
}
.landing_box_template .index.bttn  .bttn span { font-size: 14px; color: #ffffff; vertical-align: middle;}
.landing_box_template .index.bttn  .bttn span.icn { background-image: url(../images/btn_icn.png); background-repeat: no-repeat; background-position: -90px -154px; height: 22px; width: 17px; display: inline-block; margin-left: 10px; }
.landing_box_template .welcome { text-align: center; }
.landing_box_template span.welcome_message { font-size: 24px; color: #4d4d4d; }
.landing_box_template span.welcome_logintime { font-size: 13px; line-height: 18px; color: #4d4d4d; }
.landing_box_template .revision { background:url("../images/icon-revision.png") no-repeat scroll center center; float: left; min-height: 120px; min-width: 120px; }
.landing_box_template .downtime { background:url("../images/icon-systemdown.png") no-repeat scroll center center; float: left; min-height: 120px; min-width: 120px; }
.landing_box_template .infotext { float: left; padding-top: 10px; padding-left: 15px; display: inline;  color: #4d4d4d; font-size: 13px; width: 70%; }
.landing_box_template .infotext span.title { font-size: 18px; color: #476987; font-weight: 500; }
.landing_box_template.news { background: #ffffff; border: 0; width: 50%; }
/* .wrapper div.news { left: 0; } */
.landing_box_template.news { float: left; position: inline-block; }
/* Landing Page */

/* Layout Padding */
.bodyheader_padding { padding-top: 20px; padding-left: 20px; padding-right: 20px; }
.bodycontent_padding { padding-left: 20px; padding-right: 20px } 
/* Layout Padding */

/* Form Element Width Setting */
.inquiry .input_field { margin-right: 0; }
.cal_wrap .input_field .input_fieldR { padding-right: 0!important; }
.input_field.input_search { width: 246px; }
.input_field.input_search input { width: 197px; } 
.cal_wrap .input_field { width: 246px; }
.cal_wrap .input_field input { width: 100%; }
.input_field { width: 246px; }
.input_field input { width: 212px; }
.fld_group.mobile .inner_table .input_field { width: 69px; }
.fld_group.mobile .inner_table .input_field input { width: 35px }
.fld_group.mobile .inner_table+.inner_table .input_field { width: 173px; }
.fld_group.mobile .inner_table+.inner_table .input_field input { width: 139px; }
.fld_group.phone .inner_table .input_field { width: 69px; }
.fld_group.phone .inner_table .input_field input { width: 35px }
.fld_group.phone .inner_table+.inner_table .input_field { width: 100px; }
.fld_group.phone .inner_table+.inner_table .input_field input { width: 66px; }
.fld_group.phone .inner_table+.inner_table+.inner_table .input_field { width: 69px; }
.fld_group.phone .inner_table+.inner_table+.inner_table .input_field input { width: 35px }

.table_content .data_entry .input_icon_setting .input_field { width: 210px; margin-right: 0; }
.table_content table.data_entry table.input_icon_setting .input_field .input_fieldL.picklist input { width: 157px; }
.table_content table.data_entry table.input_icon_setting .cal_wrap .input_field input { width: 158px; }
.pagination-setting .input_field { width: 50px; }
.pagination-input.input_field { width: 50px; }
.pagination-input input { width: 100%; }
.input_icon_setting .input_field { margin-right: 0; }
/* Form Element Width Setting */

/* (Form Element + Icon Buttons Type 2) Group */
.input_with_icon_group .fld_group { display: inline-block; vertical-align: top; }
.input_with_icon_group .fld_group .div_input_dd { width: 246px; }
.input_with_icon_group .fld_group:first-child { margin-right: -8px; }
table.data_entry .input_with_icon_group .fld_group { margin-right: -23px!important; }
.input_with_icon_group.right { float: right; }
/* (Form Element + Icon Buttons Type 2) Group */

/* (Form Element + Icon Buttons Type 2) Group + Right Align */
.input_with_icon_multiple_group div { display: inline-block; vertical-align: top; margin-right: 0; }
.input_with_icon_multiple_group .fld_group .div_input_dd { width: 246px; }
.input_with_icon_multiple_group.right { float: right; }
/* (Form Element + Icon Buttons Type 2) Group + Right Align */
/* Comparison Table */
table.comparetable tr td.modified, .modified { color: #ffb725; font-weight: bold; }
/* Comparison Table */

.tab {
display: inline-block;
-webkit-box-shadow: 0 8px 6px -6px #c7c7c7;
-moz-box-shadow: 0 8px 6px -6px #c7c7c7;
box-shadow: 0 8px 6px -6px #c7c7c7;
}
.marginT_10 { margin-top: 10px}
#container_dashboard { margin: 2px 30px; position:relative;}
h1 {font-weight:normal; font-size:24px; color:#536dfe; margin-bottom:15px; line-height:30px}
/* ------------------ message_board.jsp start ------------------ */
/* ------------------ dashboard ------------------ */
.dashboard_box {
width: 100%;
background-color: #fbfdfb;
border: 1px solid #e1e1e1;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
padding-top: 15px;
padding-bottom: 20px;
margin-top: 30px;
}
.dashboard_box .header {
font-size: 15px;
color: #636363;
padding-left: 30px;
}
.dashboard_task_new{
font-size: 30px;
color: #536dfe;
line-height: 30px;
text-align: center;
padding-right: 20px;
border-right: 1px solid #dadada;
padding-left: 30px;
}
.dashboard_task_overdue{
font-size: 30px;
color: #ed1c24;
line-height: 30px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
border-right: 1px solid #dadada;
}
.dashboard_task_total{
font-size: 30px;
color: #00dd4c;
line-height: 30px;
text-align: center;
padding-left: 20px;
padding-right: 30px;
}
.dashboard_body_text{
font-size: 13px;
color: #636363;
width:100%
}

.announcement_box {
width: 100%;
background-color: #fbfdfb;
border: 1px solid #e1e1e1;
border-left: 6px solid #27d9b4;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
float: left;
min-height: 100px;
background: url(../images/announcement_divider.png) #fbfdfb;
}

.announcement_box .revision {
min-width: 120px;
min-height: 120px;
background: url(../images/dashboard-icon-revision.png) no-repeat center #fbfdfb;
float: left;
}
.announcement_box .systemDowntime {
min-width: 120px;
min-height: 120px;
background: url(../images/dashboard-icon-systemdown.png) no-repeat center #fbfdfb;
float: left;
}

.announcement_box .info {
width: 70%;
padding-top: 15px;
padding-left: 15px;
border-left: 1px solid #e1e1e1;
float: left;
}

.announcement_header {
color: #636363;
font-size: 15px;
}
.marginT_10 { margin-top: 10px}
#container_dashboard { margin: 2px 30px; position:relative;}
h1 {font-weight:normal; font-size:24px; color:#536dfe; margin-bottom:15px; line-height:30px}
.summary_subheader_white {
	font-size: 12px;
    font-weight: 550 !important;
    color: #ffffff;
    text-shadow: 1px 1px 2px #797979;
    vertical-align: text-top;
}
/* ------------------ dashboard ------------------ */
/* ------------------ message_board.jsp end ------------------ */