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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,blockquote,input,p { margin:0; padding:0; }
table { border-collapse: collapse; font-size: inherit; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
p { line-height:18px; }
a { cursor: pointer; color: inherit; text-decoration: none; } 

html { margin: 0px; padding: 0px; }
body {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
-ms-touch-action: manipulation !important;
}

/* ------------------ aesthetics ------------------ */
.float_left { float: left; }
.float_right { float: right; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.padding_5 { padding: 5px; }
.paddingL_10 { padding-left: 10px; }
.marginT_-10 { margin-top: -10px; }
.marginT_-5 { margin-top: -5px; }
.paddingT_5 { padding-top: 5px; }
.paddingT_0 { padding-top: 0!important; }
.paddingR_5 { padding-right: 5px; }
.paddingB_5 { padding-bottom: 5px; }
.paddingB_20 { padding-bottom: 20px; }
.paddingB_30 { padding-bottom: 30px; }
.padding_10 { padding: 10px; }
.padding_20 { padding: 20px; }
.marginT_5 { margin-top: 5px; }
.marginT_10 { margin-top: 10px; }
.marginR_5 { margin-right: 5px; }
.marginR_10 { margin-right: 10px; }
.marginR_20 { margin-right: 20px; }
.marginL_5 { margin-left: 5px; }
.marginL_6 { margin-left: 6px; }
.marginL_10 { margin-left: 10px; }
.marginL_82 { margin-left: 82px; }
.marginB_5 { margin-bottom: 5px; }
.marginB_10 { margin-bottom: 10px; }
.marginB_15 { margin-bottom: 15px; }
.marginB_20 { margin-bottom: 20px; }
.margintop_24  { margin-top: 24px; }
.widthAuto { width: auto !important; }
.width5 { width: 5px; }
.width10 { width: 10px; }
.width20 { width: 20px; }
.width30 { width: 30px; }
.width70 { width: 70px; }
/* ***** [START] ACMS Additions ***** */
.width40 { width: 40px; }
.width50 { width: 50px; }
.width83 { width: 83px; }
.width85 { width: 85px; }
.width86 { width: 86px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
/* ***** [ END ] ACMS Additions ***** */
.width114 { width: 114px; }
.width133 { width: 133px; }
.width145 { width: 145px; }
.width150 { width: 150px; }
.width159 { width: 159px; }
.width160 { width: 160px; }
.width170 { width: 170px; }
.width180 { width: 180px; }
.width183 { width: 183px; }
.width190 { width: 190px; }
.width200 { width: 200px; }
.width206 { width: 206px; }
.width208 { width: 208px; }
.width210 { width: 210px; }
.width224 { width: 224px; }
.width238 { width: 238px; }
.width250 { width: 250px; }
.width255 { width: 255px; }
.width338 { width: 338px; }
.width350 { width: 350px; }
.width560 { width: 560px; }
.content28p { float: left; width: 28%; position:relative; }
.content33p { float: left; width: 33%; position:relative; }
.content50p { float: left; width: 50%; position:relative; }
.content28p select { width:214px;}
.content50p select { width:264px;}
.column1 { width: 220px; margin: 10px; }
.column2 { width: 460px; margin: 10px; }
.divider_hor {height:1px;margin:10px 0;border-top:1px solid #dcdcdc;background-color:#FFF;font-size:0;line-height:0}
.borderT_5a595a td {/* border-top:1px solid #dedbd6; */ }
.borderB_5a595a td {/* border-bottom:1px solid #dedbd6 !important; */ }

.widthAuto_35 { width: auto !important; }
.widthAuto_80 { width: auto !important; }
@-moz-document url-prefix() { 
                .widthAuto_35 { width: 280px !important; }
                .widthAuto_80 { width: 640px !important; }
				.input_field_file_iniframe, input_field_file { width: 221px; }
}


/* ------------------ aesthetics ------------------ */

/* ------------------ text ------------------ */
.normal { font-weight: normal; }
.bold { font-weight: bold; }
#slideout-menu .bold { font-weight: 550; }
.size_9 { font-size: 9px; }
.size_10 { font-size: 10px; }
.size_11 { font-size: 11px; color: #666; }
.size_14 { font-size: 14px; }
.size_16 { font-size: 16px; }
.height_9  { line-height: 9px; }
.height_10  { line-height: 10px; }
.height_11  { line-height: 11px; }
.height_12  { line-height: 12px; } 
.color_ffc600 { color: #ffc600; }/* yellow */
.color_cc00dd { color: #cc00dd; }/* purple */
.color_dbdbdb { color: #dbdbdb; }/* light grey */
.asterisk { color: #EF3E42; }
.darkbold, .darkbold16 { color: #404040; font-weight: bold; }
.darkbold16 { font-size: 16px; }
.h1 { color: #2cb5e4; font-size: 25px; font-weight: normal; line-height: 30px; margin-bottom: 10px; /* text-shadow: 1px 0px 1px #2cb5e4; */ }
.h2 { font-size: 18px; font-weight: normal; line-height: 26px; margin-bottom: 10px; }
.h3 { font-size: 14px; font-weight: bold; color: #4d4d4d; margin-bottom: 10px; }
.h3_undeline { /* background-color: #d7b141; width: 100%; height: 1px; margin-bottom: 10px; font-size: 0; */ }

.h4 { font-size: 14px; font-weight: bold; color: #000000; }
.h4_whiteBG { font-size: 14px; font-weight: bold; color: #252525; line-height: 22px; display: inline; padding:6px 5px }
.h5 { font-size: 14px; font-weight: bold; color: #4d4d4d; margin-bottom: 10px; }
.h5-greybg { font-size: 13px; color: #000000; }
.h5-whitebg {  font-size: 12px; font-weight: bold; color: #555;}
.h6 {  font-size: 15px; font-weight: normal; color: #555; margin-bottom: 7px; }
.h7 { font-size: 13px; font-weight: normal; color: #555; font-weight: bold; margin-bottom: 2px; }


.h8 { font-size: 13px; font-weight: normal; color: #555; font-weight: bold; margin-bottom: 2px; }

.companyname { font-size: 10px; color: #ffffff; font-weight: normal; float: left; text-transform: uppercase; }
.username { font-size: 12px; color: #ffffff; font-weight: bold; }
.corporatename { font-size: 9px; color: #ffffff; font-weight: normal; text-transform: uppercase; }
.datentime { font-size: 10px; color: #ffffff; font-weight: normal; margin-left: 5px; float: left; text-transform: uppercase; }

.txt_caption { color: #000000; font-style: italic; font-size: 11px; }
.txt_caption2 { color: #656565; font-style: italic; margin-top: 10px; font-size: 11px; text-shadow: 1px 1px #FFFFFF; }
.txt_caption3 { color: #666666; font-style: italic; font-size: 10px; }
.txt_caption4 { color: #555555; font-style: italic; font-size: 11px; }
.txt_caption_error { color: #ef3e42; font-style: italic; font-size: 11px; text-shadow: 1px 1px #FFFFFF; clear: both; margin: -8px 0px 10px 2px; }
.txt_boldFilled { padding: 4px 0px; font-size: 16px; font-weight: bold; color: #000; padding-bottom: 15px; }
.txt_boldFilled12 { padding:5px; font-size:12px; font-weight:700; color:#000000; text-shadow:#FFFFFF 1px 1px; padding-bottom:0}
.txt_boldFilled3 { font-size: 16px; font-weight: bold; color: #000; padding-bottom: 0px; }
.txt_Locked { margin-bottom: 20px; }
.txt_Locked2 { margin-top: -9px; font-weight: normal; }
.hyperlink { text-decoration: underline; color: #057ce4; }
.hyperlink:hover { text-decoration: none; }
.hyperlink_white { text-decoration: underline; color: #FFF; font-weight: bold; }
.hyperlink_white:hover { text-decoration: none; color:#f3f3f3; }
.strikethrough { text-decoration: line-through; }
.alignRight { text-align: right; }
.screencode {  }

/* ------------------ text ------------------ */


/* ------------------ position ------------------ */
/* ------------------ position ------------------ */
.position_absolute {position: absolute; }

/* ------------------ position ------------------ */


/* ------------------ content table container ------------------ */
.table_head1, .table_head2 { height: 30px; }
.table_head3 { height: 37px; }
/* ***** [START] ACMS Changes ***** */
/* Removed width atribute */
/*
.tableH_M { width: 400px; float: left; padding: 12px; }
*/
.tableH_M { float: left; height: 30px; padding-right: 20px; /* padding-left: 2px; padding-top: 6px; */ }
/* ***** [ END ] ACMS Changes ***** */
.tableH_L { width: 10px; height: 30px; background-repeat: no-repeat; }
.tableH_R { width: 68px; height: 30px; background-repeat: no-repeat; }
.table_head1 .tableH_L  { background-position: left top; float: left; }
.table_head1 .tableH_R  { background-position: right top; float: right; }

.table_head2 .tableH_L  { background-position: left top; float: left; }
.table_head2 .tableH_R  { background-position: right top; float: right; }


.tableH3_L, .tableH3_R { width: 14px; height: 37px; background-repeat: no-repeat;  }
.tableH3_M { padding-left: 0px; padding-top: 10px; float: left; border: 0px solid red;}
.table_head3 .tableH3_L  { background-position: left top; float: left; }
.table_head3 .tableH3_R  { background-position: right top; float: right; }
/* ------------------ content table container ------------------ */

/* ------------------ tables ------------------ */
table.infotable_container { border: 1px solid #d1d1d1; }
table.infotable_container table.infotable { margin: -1px 0px; }
table.infotable td, table.infotable th { padding: 8px; background: #ffffff; font-weight: normal; color: #4d4d4d; font-size: 12px; vertical-align: top;}
table.accTransfer td { padding: 4px 10px; }
/* ***** [END] ACMS Changes ***** */

table.infotable td.hoverable { background: url(../images/icn_arrow_yellow.gif) no-repeat right center; }
table.infotable td.hoverable:hover, table.infotable td.hovered, table.infotable_container table.infotable td.active { background-color: #fffeb1; cursor: default; }

table.infotable .table_head_tab { border:1px solid #3B3A3A; }

tr.table_subhead td { background-color: #b1b1b1!important; font-weight: normal; color: #ffffff; text-shadow: 1px 1px 2px #797979; }
tr td.table_subhead { background-color: #b1b1b1!important; font-weight: normal; color: #ffffff; text-shadow: 1px 1px 2px #797979; }
tr.table_subheadGrey td { height:23px; padding:5px 10px; font-size: 11px; font-weight: bold; color: #555555; }
tr.table_subheadYellow td { height:22px; padding:5px 10px; font-size: 12px; font-weight: bold; color: #555555; }
tr.table_subhead_compare td  { padding: 8px; font-size: 12px; font-weight: normal; color: #ffffff!important; background-color: #c7c7c7; border-left: 0!important; text-shadow: 1px 1px 2px #797979; }
tr.table_grey td { /* background-color: #e9eced; */ }

tr.table_subhead_compare2 td  { padding:5px 10px; font-size: 12px; font-weight: normal; color: #555555; background-color: #fdeeb7; border-top: 1px solid #d3d2d1;}
/*tr.table_subhead_compare2 td:last-child  {border-right: 1px solid #5a595a;  }*/

/*table.infotable .table_subhead_compare2 td {border: 1px solid #d3d2d1;  }*/
table.infotable .table_subhead_compare2 td:last-child {border-right: 0px solid #5a595a; }


/*tr.table_subhead_compare2 td:last-child {border-right: 1px solid #5a595a;}
.table_subhead_compare2 td {border-bottom: 1px solid #5a595a;} 
.table_subhead_compare2 td:not(:first-child) {border-top: 1px solid #5a595a;}*/

tr.table_subhead_compare3 td  { padding:5px 10px; font-size: 12px; font-weight: normal; background-color: #ffffff; border-top: 1px solid #d3d2d1; }
table.infotable .table_subhead_compare3 td:first-child { border-left: 1px solid #5a595a; }

table.infotable .table_subhead_compare3Last td  { border-top: 1px solid #5a595a;  border-left: 1px solid #5a595a;}

tr.table_subhead_compare4 td:first-child  { padding:5px 10px; font-size: 12px; font-weight: normal; color: #555555; background-color: #fdeeb7; border-top: 1px solid #d3d2d1; }

tr.table_subhead_compare4 td  { border-top: 1px solid #d3d2d1; }

tr.outline td:first-child{
	background-color: #fdeeb7;
	border: none;
}

tr.outline,
tr.outline td{
    border-top: 1px solid #d3d2d1;
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    padding: 5px 10px;
}


table.infotable td.rowspan { border-bottom-color: #e8e8e8; }

.table_listing { width: 100%; border: 1px solid #c5c5c5; }
.table_listing td { border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5; padding: 12px; color: #555555; }
.tableTR_dark td { background-color: #e9eced; border: none; }

tr td.tblCell_orange { padding: 10px; background-color: #fff5b3; text-align: center; }
tr td.tblCell_orange a { display: block; padding: 0px 10%; }
tr td.tblCell_orange a.btn_lgrey .btn_M { min-width: 25px; padding-left:0px; padding-right:0px; }
/* added by jhheng for red-highlighted row */
tr td.tblCell_red { padding: 8px; background-color: #FFE5E5;}
/* end adding */


table.comparetable tr.table_subheadGrey td { height:13px; padding:2px 10px;}
table.comparetable tr.table_grey td { background-color: #f3f3f3; }


table.infotable3 { border-bottom: 1px solid #5a595a; border-top: 1px solid #5a595a;  border-left: 1px solid #5a595a; border-right: 1px solid #5a595a; border-collapse: separate; margin-bottom: 10px;}
table.infotable3 td { padding-left: 10px; padding-top: 8px; padding-bottom: 8px;}

.table_subheadYellow2  {background-color: #fdeeb7; font-weight: bold;}
.table_subheadYellow2 td:first-child { border-right: 0px solid #d3d2d1; border-left: 0px solid #d3d2d1;}
.table_subheadYellow2 td { border-left: 1px solid #d3d2d1; border-bottom: 1px solid #d3d2d1;}
.table_subheadWhite2 td { border-bottom: 1px solid #d3d2d1;}
.table_subheadWhite2 td:first-child { border-right: 0px solid #d3d2d1; border-left: 0px solid #d3d2d1;}
.table_subheadWhite2 td { border-left: 1px solid #d3d2d1; border-bottom: 0px solid #d3d2d1;}
.LastTR td{ border-right: 0px solid red;}

.infotable .table_subheadGrey2 td { background-color: #efefef; }


.table_subheadWhite3 td { border-bottom: 1px solid #d3d2d1;}
.table_subheadWhite3 td:first-child { border-right: 0px solid #d3d2d1; border-left: 1px solid #5a595a;}
.table_subheadWhite3 td { border-left: 1px solid #d3d2d1; border-bottom: 1px solid #d3d2d1;}


table.infotable4 tr,
table.infotable4 td { border-bottom: 1px solid #5a595a; border-top: 1px solid #5a595a;  border-left: 1px solid #5a595a; border-right: 1px solid #5a595a; border-collapse: separate; margin-bottom: 10px;}
table.infotable4 td { padding-left: 10px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px;}







table.table_borderGrey td{ border-bottom: 1px solid #d3d2d1; border-top: 1px solid #d3d2d1;  border-left: 1px solid #d3d2d1; border-right: 1px solid #d3d2d1; border-collapse: collapse; margin-bottom: 10px;}


/* 
.table_subheadYellow2  { background-color: #fdeeb7; font-weight: bold; }
.table_subheadYellow2 td { border-bottom: 1px solid #d3d2d1; border-left: 1px solid #d3d2d1;}*/


table.infotable tr:nth-child(odd) td { background-color: #f7f7f7; }
table.infotable tr:nth-child(even) td table.input_icon_setting td { background-color: #ffffff; }

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


/* ------------------ portlet Shortcut --------------------- */

.search_wrap {
	display: inline-block;
	position: relative;
}
.search_icn {
	/* background: url('../../../../dpms/graphic/search_portlet.png') no-repeat  scroll 0 0 transparent; */
	display: block;
	float: left;
	height: 15px;
	width: 14px;
	position: absolute;
	right: 16px;
	text-decoration: none !important;
	top: 7px;
	z-index: 50;
}
.up_icn {
	display: block;
	float: left;
	position: absolute;
	right: 10px;
	text-decoration: none !important;
	top: 11px;
	z-index: 50;
	cursor: pointer;
}
.down_icn {
	display: block;
	float: left;
	position: absolute;
	right: 9px;
	text-decoration: none !important;
	top: 22px;
	z-index: 50;
	cursor: pointer;
}
.btn_icn_l {
	/*background: url('/base/themes/common/img/sprite_btn_lnk.png')  no-repeat scroll left top transparent;*/
	display: block;
	float: left;
	height: 27px;
	margin: 0 2px 0
}
.btn_icn_r {
	/*background: url('/dpms/graphic/btn_edit_on.png')  no-repeat scroll right top transparent; */
	display: block;
	height: 13px;
	margin-left: 6px;
	min-width: 16px;
	padding-left: 4px;
	padding-right: 10px;
}
.txt_dscp {
	color: #656565;
	font-size: 11px;
	margin-bottom: 10px;
	text-shadow: 1px 1px #FFFFFF;
}
.clsAutoCompleteTable {
	border: 1px solid black;
}
.clsAutoCompleteTable td {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 10px;
}
.clsAutoCompleteListMouseOver {
	background-color: #F6F5DA;
	color: #000000;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.clsAutoCompleteListMouseOut {
	background-color: #FFFFFF;
	color: #000000;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
.hyperlink {
	text-decoration: underline;
	color: #057ce4;
}
.hyperlink:hover {
	text-decoration: none;
}
.input_drag .input_fieldL a {
	cursor: move;
}
.input_drag .input_fieldL a img {
	cursor: move;
	padding-top: 2px;
}
.width138 {
	width: 138px;
}



/* ------------------ portlet ---------------- */

.portSettings { 
width: 23px; 
height: 24px; 
margin-right: 5px; 
margin-top: -5px; 
background: url(../images/icn_portsettings.gif) no-repeat right; 
position: absolute; 
top: 0px; 
right: 0px; 
}
/*
.portSettings:hover, #portSettings.hovered { width: 135px; position: reletive; }
*/
.portSettings:hover, #portSettings.hovered { width: auto; position: reletive; }
.portSettings ul { display: none; }
.portSettings:hover ul, #portSettings.hovered ul { display: block; }
.portSettings ul li { float: left; }
.portSettings #portSettings_end { width: 3px; height: 24px; }
.portSettings #portSettings5 { width: 23px; height: 24px; }
.portSettings #portSettings1 { width: 27px; height: 24px; }
.portSettings #portSettings2 { width: 27px; height: 24px; }
.portSettings #portSettings3 { width: 27px; height: 24px; }
.portSettings #portSettings4 { width: 27px; height: 24px; }

/*
.portlet_title { padding: 8px 20px 12px 20px; font-size: 16px; font-weight: bold; position: relative; }
.portlet_tab, .portlet_tabR {
width: 80px;
height: 18px;
margin-left: 1px;
margin-bottom: -1px;
padding-top: 7px;
padding-left: 10px;
float: left;
background-repeat: no-repeat;
background-position: left;
text-align: center;
color: #cdcdcd;
}
.portlet_tabR { width: 10px; height: 25px; margin-left: 0px; padding: 0px; float: left; background-position: right; background-color: #a6a6a6; }

*/

/*#home .portlet_content { padding: 10px 12px 2px 12px; }*/
.portlet_content { min-height: 50px; padding: 0px; background-color: #FFF; }
/*
.portlet_btm { width: 100%; background: url(../images/border_btmM.gif) repeat-x; }
.portlet_btmL { width: 10px; height: 5px; float: left; background: url(../images/border_btm.gif) no-repeat left; }
.portlet_btmR { width: 10px; height: 5px; float: right; background: url(../images/border_btm.gif) no-repeat right; }
*/



#home .portlet_content
select { height: 24px; padding: 2px; margin-top: 2px; margin-bottom: 1px; background-image: none; background-color: #FFF; font-size: 12px;
border: 1px solid #777;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px; }


.portlet_subhead { height: 17px; padding: 3px 0px 0px 10px; 
font-size: 11px;
font-weight: normal;
color: #FFFFFF; }

.portlet_youhave { width: 100%; height: 36px; margin-top: 0px; border-bottom: 1px solid #e8e8e8;}
.portlet_youhaveL { padding-left: 13px; padding-top: 8px; float: left; }
.portlet_youhaveM { padding-left: 11px; padding-top:12px; float: left; word-wrap: break-word; }
.portlet_youhaveR { width: 35px; padding-top: 10px; padding-right:10px; float: right; color: #e70000; font-size: 14px; text-align: center; }


a .view_list, a .view_graph { width: 26px; height: 26px; margin-left: 3px; background: url(../images/icn_listgraph.gif) no-repeat left top; }
a:hover .view_list, a.active .view_list { background-position: left bottom; }
a .view_graph { background-position: right top; }
a:hover .view_graph, a.active .view_graph { background-position: right bottom; }


a .btn_assist1, a .btn_assist2, a .btn_assist3, a .btn_assist4, a .btn_assist5 { width: 85px; height: 68px; margin-top: 10px; float: left; background: url(../images/btn_assist.gif) no-repeat top; }
a .btn_assist2 { background-position: 0px -68px; }
a .btn_assist3 { background-position: 0px -136px; }
a .btn_assist4 { background-position: 0px -204px; }
a .btn_assist5 { background-position: 0px -272px; }

.usersonline_subhead {
background-color: #ebebeb;
height: 17px;
padding: 3px 0px 0px 10px; 
font-size: 11px;
font-weight: normal;
color: #848484; 
}

.usersonline_icon {
margin-right: 5px; margin-left: 10px; margin-top: 3px;
}

.usersonline_subText {
font-size: 11px !important;
font-style: italic;
color: #8c887f;
}

.usersonline_lineHeight20 {
line-height: 15px;
}

.usersonline_lineHeight20 td {
padding-left: 10px;
padding-bottom: 5px;
vertical-align: text-top;
}

.usersonline_rows {
padding-bottom: 5px; padding-top: 5px; background-color: #fef9e6;
}

.usersonline_rows_info {
padding-bottom: 5px; padding-top: 5px; line-height: 15px; background-color: #fef9e6;
}

.usersonline_rowsW {
padding-bottom: 5px; padding-top: 5px; background-color: #ffffff;
}

.usersonline_rowsW_info {
padding-bottom: 5px; padding-top: 5px; line-height: 15px; background-color: #ffffff;
}

.useronline_user_rows {
 padding-right: 20px;
}


/* ------------------ portlet ---------------- */

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

ul.menuTree li { color:#555555; font-size:13px; font-weight:normal; padding:0px; }
ul.menuTree ul li { background-color:#e8e8e8; color:#555555; font-size:13px; }
ul.menuTree ul li.menuTreeNew { background: url(../images/table_blueBG.jpg) repeat-x top #606060; color:#FFF; font-size:12px;}
ul.menuTree ul li ul li { background-color: #ffffff;}
ul.menuTree ul li ul li ul li { background-color: #ffffff; font-weight:normal;}
/* ***** [START] ACMS Additions ***** */
ul.menuTree ul li ul li.menuTreeGrey { background-color: #f3f3f3;}
/* ***** [ END ] ACMS Additions ***** */
ul.menuTree ul li ul li ul li.menuTreeGrey { background-color: #ffffff;}
/* ***** [START] ACMS Changes ***** */
/*
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 { border:solid 1px #d1d1d1; padding-top: 8px; padding-bottom: 8px;}
*/

/*
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 { height:13px; border-bottom:solid 1px #d1d1d1; padding-top: 5px; padding-bottom: 11px;}
*/

ul.menuTree   {border-bottom: 1px solid #5a595a; border: separate;}
ul.menuTree li div.folderNode   { height:13px; padding-top: 6px; padding-bottom: 8px; border-top: 1px solid #5a595a; }
ul.menuTree ul li div.folderNode {border-top: 0px solid #c4c4c4; border-top: 1px solid #c4c4c4;}
ul.menuTree ul li ul li div.folderNode { border: 0px;}
ul.menuTree ul li ul li ul li { border-left: 1px solid #5a595a; border-right: 1px solid #5a595a;}

ul.menuTree ul li ul li div.folderNode2 { 
height: 13px; 
padding-top: 5px; 
padding-bottom: 11px;
padding-left:40px; 
border-left: 1px solid #5a595a; 
border-right: 1px solid #5a595a; 
border-top: 1px solid #c4c4c4; 
border-bottom: 0px solid #c4c4c4; 
border: 0spx solid red;}

ul.menuTree ul li ul li div.folderNode2 img{ margin-right:6px;}

/* ***** [ END ] ACMS Changes ***** */
ul.menuTree li div.folderNode img, ul.menuTree ul li div.folderNode img, ul.menuTree ul li ul li div.folderNode img, ul.menuTree ul li ul li ul li div.folderNode img { margin-right:6px;}
ul.menuTree li div.folderNode { padding-left:10px; }
ul.menuTree ul li div.folderNode { padding-left:25px; background:none; }
ul.menuTree ul li ul li div.folderNode { padding-left:40px; background:none; }

ul.menuTree ul li ul li ul li div.folderNode { padding-left:85px; background:none; font-size: 12px;}
/*
ul.menuTree ul li ul li ul li div.folderNode:last-child { border-bottom: 5px solid #c4c4c4; background-color: red;}
*/
ul.menuTree ul li ul li ul li:first-child { border-top: 1px solid #c4c4c4; }
ul.menuTree ul li ul li ul li:last-child { padding-bottom: 0px; border-left: 1px solid #5a595a; border-right: 1px solid #5a595a; }

/*
ul.menuTree li.table_head { background-color:none; color:#575757; font-size:12px; }
ul.menuTree li.table_head div.old, ul.menuTree li.table_head div.new, ul.menuTree li.table_head div.mainlabel, ul.menuTree li.table_head div.label { padding: 8px 12px; border-bottom:solid 1px #fff; }
ul.menuTree li.table_head div.mainlabel { border-left: solid 1px #d1d1d1; border-top: solid 1px #d1d1d1;}
ul.menuTree li.table_head div.label { border: solid 1px #d1d1d1; border-right:none;}
ul.menuTree li.table_head div.old { background: url(../images/table_blackBG.jpg) repeat-x top #606060; color:#FFF; font-weight:bold; border-right:solid 1px #fff;}
ul.menuTree li.table_head div.new { background: url(../images/table_greenBG.jpg) repeat-x top #95c40f; color:#FFF; font-weight:bold; border-right:solid 1px #fff;}
*/
ul.menuTree li.table_head { line-height:33px; }
ul.menuTree li.table_head ul li { float:left; }
ul.menuTree li.table_head ul li div { padding-left:12px;}

/* ***** [START] ACMS Changes ***** */
ul.menuTree ul li ul li.nolineheight { padding: 0px; margin: 0px; line-height: 0px; font-size:0px; }
ul.menuTree ul li ul li div.folderNodeDetail { border:solid 1px #d1d1d1; border-top:none; padding: 0px; margin: 0px; }
ul.menuTree ul li ul li div.folderNodeDetail ul li { float: left; border: none; line-height: 33px;}
/* ***** [ END ] ACMS Changes ***** */

ul.menuTree ul li ul li ul li.nolineheight { padding: 0px; margin: 0px; line-height: 0px; font-size:0px; }
ul.menuTree ul li ul li ul li div.folderNodeDetail { border:solid 1px #d1d1d1; border-top:none; padding: 0px; margin: 0px; }
ul.menuTree ul li ul li ul li div.folderNodeDetail ul li { float: left; border: none; line-height: 33px;}
ul.menuTree li div.folderNodeDetail div.mainLabel { padding-left:90px;}
ul.menuTree li div.folderNodeDetail div.label { border-left:solid 1px #d1d1d1; padding-left:12px;}
ul.menuTree li div.folderNodeDetail div.old { background-color:#F4F4F4; padding-left:12px;}
ul.menuTree li div.folderNodeDetail div.new { background-color:#DCF9FB; padding-left:12px; border-right:solid 1px #fff; border-left:solid 1px #d1d1d1;}



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

/*------------------------ date picker ----------------------*/
/* ***** [START] ACMS Changes ***** */
/* Set position to absolute */
/*
div.datepicker { position: relative; width: 196px; height: 147px; cursor: default; display: none; font-size: 12px; z-index: 1200; }
*/
div.datepicker { position: absolute; width: 196px; height: 147px; top: 0; left: 0; cursor: default; display: none; font-size: 12px; z-index: 1200; }
/* ***** [ END ] ACMS Changes ***** */

div.datepickerContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1000;
	/*
	-moz-box-shadow: 1px 1px 4px #BBBBBB;
	-webkit-box-shadow: 1px 1px 4px #BBBBBB;
	-o-box-shadow: 1px 1px 4px #BBBBBB;
	box-shadow: 1px 1px 4px #BBBBBB; 
	-moz-border-radius:8px;
	-webkit-border-radius:8px;*/
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=130, Color='#BBBBBB')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=130, Color='#BBBBBB');*/
	
}
	
div.datepickerHidden { display: none; }

div.datepicker table { border-collapse:collapse; padding: 2px !important; }
div.datepicker table tr { height: auto !important; }
div.datepicker table td { background-color:#ffffff !important; border: 1px solid #9f9f9f; padding:0px !important; text-align:center; color:#666; }

th.datepickerMonth a {
	background: url("../images/table-header-bg.jpg") repeat-x #868A8D;
	padding: 7px 0px; width:auto; height:16px; display:block; text-align: center; color: #303030; font-weight:bold; font-size: 11.5px;}
th.datepickerMonth a:hover { color: #e21e20; }

th.datepickerGoNext a, th.datepickerGoPrev a {
	background: url("../images/table-prevnext-bg.jpg") no-repeat #D5D7DC;
	padding:0px; width:auto; height: 25px; display:block; text-align:center; color:#ff0000; margin-top: 5px; margin-bottom: 5px; margin-left: 2px;  margin-right: 2px;}
th.datepickerGoPrev a {background-position:top left;}
th.datepickerGoNext a {background-position:top right;}
th.datepickerGoPrev a:hover {background-position: left bottom;}
th.datepickerGoNext a:hover {background-position: right bottom;}

tr.datepickerDoW th { height: 16px; font-size:10px; color: #868686; text-align:center; background-color:#dbdbdb; border:solid 1px #cacaca; }

.datepickerDays a {
	background-color: #efefef;
	width: 20px; height: 16px; padding: 7px 5px; color: #404040; font-weight:normal; display:block; }
.datepickerDays a:hover { background-position:bottom; background-color:#fff3b6; color: #000; cursor: pointer; }

.datepickerSunday a { color:#a6a3a3; }
.datepickerSunday a:hover { color:#a6a3a3; }

.datepickerSaturday a { color:#a6a3a3; }
.datepickerSaturday a:hover { color:#a6a3a3; }

.datepickerSelected a { background-color: #fef4d0; color: #404040; }
.datepickerSelected a:hover { color: #404040; }

.datepickerSelected_Weekend a { background-color: #fef4d0; color: #a6a3a3; }
.datepickerSelected_Weekend a:hover { color: #a6a3a3; }

.datepickerSelected_Holiday a { background-color: #fef4d0; color: #fb4f47; }
.datepickerSelected_Holiday a:hover { color: #fb4f47; }

.datepicker_Holiday a { background-color: #c8e5f7; color: #404040; }
.datepicker_Holiday a:hover { color: #404040; }

.datepickerNotInMonth a { color: #c9c9c9 !important; background-position:top; background-color: #ffffff; }

.datepickerSpecial a { background-image:none; background-color: #A9D9EC; }
.datepickerSpecial a:hover { background: url("../images/table-normal-bg.jpg") no-repeat bottom #fff;}
.datepickerSpecial.datepickerSelected a { background-image:none; background-color: #567B89; }

.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a { color: #333; }
.datepickerDisabled a:hover { color: #333; }

/* ***** [START] ACMS Changes ***** */
/*
.datepickerYears a, .datepickerMonths a { width: 44px; height: 36px; line-height: 36px; text-align: center; color: #4d4d4d; }
*/
.datepickerYears a, .datepickerMonths a {    
    width: 53px; height: 30px; line-height: 30px; color: #393939; font-weight:bold; display:block; border: 0px red solid;}
.datepickerYears a:hover { color: #e21e20; }	
.datepickerMonths a:hover { color: #e21e20; }	
	
/* ***** [ END ] ACMS Changes ***** */
.datepickerYears td.datepickerSelected,
.datepickerMonths td.datepickerSelected { background-color: #17384d; }

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears { display: none; }

table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW { display: none; }

/* ***** [START] ACMS Changes ***** */
.datepickerSpace { width: 20px; }
table.datepickerViewDays tr.datepickerDoW th { padding:2px; margin:0; font-weight: bold; color: #a0a0a0; background-color: #2f2f2f;}
table.datepickerViewDays td { text-align:center; padding: 1px; }
table.datepickerViewDays td a {}

table.datepickerViewDays tr.datepickerDoW th.datepickerDoW_Weekend {
background-color: #b5b3b4;
color: #2f2f2f;
}

.datepicker a { }
.datepicker tbody a { display: block; }
.datepicker tbody a:hover { text-decoration:none !important; }
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW { display: none; }

td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a { color: #333; }
td.datepickerDisabled a:hover { color: #333; }
td.datepickerSpecial a { background: #700; }
td.datepickerSpecial.datepickerSelected a { background: #a00; }
/* ***** [ END ] ACMS Changes ***** */
/*------------------------ date picker ----------------------*/

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

/* ****************************************************** */
/* START: ADDITIONAL CSS STYLES REQUIRED BY ACMS SIDE  */
/* PLEASE DO NOT CHANGE                                   */
/* ****************************************************** */


/*------------------------icons----------------------*/
.accTlbHeader{background: url(../images/tablehead_bg.gif) repeat-x top #606060; font-size: 14px; font-weight: bold; color: #FFFFFF; padding:8px 12px}
.accTlbContent{background-color:#f3f3f3; padding:15px; min-height:200px}
.accTlbContent_orange{background-color:#fffeb1; padding:15px 22px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; border-bottom:1px solid #fffeb1; min-height:196px}

.tlbListHeader{background: url(../images/tablehead_bg.gif) repeat-x top #606060; font-size: 14px; font-weight: bold; color: #FFFFFF; padding:8px 0px 0px 0px}
.tlbListSubHeader{background-color:#fffeb1; padding:8px 0px 0px 0px; font-weight: bold; color:#383d43; font-size:12px; border:1px solid #cbcbcb}
.tlbListOrange{background-color:#fffeb1; padding:8px 0px 0px 0px; font-weight: bold; color:#383d43; font-size:12px; border-top:1px solid #cbcbcb}
.tlbListWhite{background-color:#FFFFFF; padding:8px 0px 0px 0px; font-weight: bold; color:#383d43; font-size:12px; border-top:1px solid #cbcbcb}
.tlbListGrey{background-color:#f3f3f3; padding:8px 0px 0px 0px; font-weight: bold; color:#383d43; font-size:12px; border-top:1px solid #cbcbcb}

label.error {}

span.error_notes,
.error_notes {
	color: #f8183d;
    display: block;
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
    padding-top: 0px;
    padding-bottom: 5px;
	width: 90%;
}
.fld_group.radio span.error_notes,
.fld_group.radio span.active_notes,
.fld_group.checkbox span.error_notes,
.fld_group.checkbox span.active_notes { padding-top: 3px; }
/*
span.error_notes:first-line,
span.active_notes:first-line {
	line-height: 15px;
}*/

.active_notes {
	color: #007dfe;
    display: block;
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
    padding-top: 0px;
    padding-bottom: 5px;
	width: 90%;
}

.table_div_horizontal_scroll
{
    overflow-y : hidden;
    position: relative;
    overflow: auto;
    /*overflow: scroll;*/
	/*height: 100%;*/
	width: 100%;
    margin: 0px;
    margin-top: 0px;
    padding:0px;
    padding-top: 0px;
    padding-bottom: 5px;
	display: inline-block;
}

/*----------START Added by hsli ---------*/
.table_div_vertical_scroll
{
    overflow-x : hidden;
    overflow-y : auto;
    position : relative;
    height : 150px;
    width : 100%;
    margin: 0px;
    margin-top: 0px;
    padding:0px;
    padding-top: 0px;
}
/*----------END Added by hsli ---------*/

.tableTitle2 { height: 45px; padding:0px; background: url(../images/table_titleBG.gif) repeat-x; text-shadow: 1px 1px #e8ebee; font-weight: bold; }

/*  Safari/Chrome issues  */
/* .input_type_numeric { text-align:left; padding-right: 20px; } */
.input_type_numeric { text-align:left; }

/*----------------START ADDED BY YSTAN -------------------------*/
.textarea_fixed{resize : none; }
.textarea_resizable{resize : both;}
/*----------------END ADDED BY YSTAN ---------------------------*/



/* ------------- START Added by benjaminfoo ------------- */
table.infotable tr.hoverable { }
table.infotable tr.hoverable:hover td, table.infotable tr.hovered td, table.infotable tr.active td, table.infotable_container table.infotable tr.active td { background-color: #fffeb1; cursor: pointer; }
/* ------------- END   Added by benjaminfoo ------------- */

.txt_boldFilled1{font-size:13px; line-height: 16px; font-weight:bold; color:#4d4d4d; padding-bottom:10px;}

.h4-details { font-size: 13px; font-weight: bold; color: #000000; }

.whiteContainer .fld_group {padding-bottom: 10px; background-color: none; }
.detail_box .fld_group div:last-child {background-color: none; margin-bottom: 10px;}


.search_button_spacer { padding: 8px 5px; color: #555; font-weight: bold; font-size: 13px; }
.inquiry .search_button_spacer { font-size: 14px; color: #242424; }
.inquiry .fld_group { overflow: hidden; padding-top: 0; padding-bottom: 0; display: block; clear: both; }
.inquiry .asterisk { color: #000000; }
.inquiry .txt_caption_error { color: #ef3e42; font-style: italic; font-size: 11px; clear: both; margin: -8px 0px 10px 2px; }

/*tr td.bgyellow { background-color: #fffeb1; padding-left: 20px; } */

/* For menu tree */
.hide {display:none;}
.show {display:}

table.nomargin { margin-top: 0px; margin-bottom: 0px; }

.normal_font { font-weight: normal; }

.input_field_file
{
	position:relative;
	top:0;
	left:-250px;
	/* start of transparency styles */

	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);

	/* end of transparency styles */
	z-index:-2; /* bring the real upload interactivity up front */
	
}

.input_field_file_iniframe
{
    position:absolute;
    top:3px;
    left:0px;
      
    /* start of transparency styles */

    opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity:0);

    /* end of transparency styles */
    /* z-index:-2; */ /* bring the real upload interactivity up front */
                
}

.input_field_file_iniframe_custom {
                display: none;
}


.inquiry .div_input_dd { position:relative; /*margin-bottom: 10px; */ }
.table_content .div_input_dd { position:relative; /*margin-bottom: 10px;*/ }
.div_input_dd { position:relative; margin-right: 10px; }

/* ------------- START Added by hsli ------------- */

.input_textfield::-ms-clear {
       display: none;
}

.listbox_table
{
	border: 0px;
	padding: 5px;
	width: 100%;
}
.listbox_table_tdL{border-left:2px solid white; border-bottom: 2px solid white;}
.listbox_table_tdR{border-right:2px solid white; border-bottom: 2px solid white;}
.listbox_table_tdLR{border-left:2px solid white; border-right:2px solid white; border-bottom: 2px solid white;}
.listbox_table_header {background-color:#F2A635; font-weight: bold;height:30px;}
.listbox_table_body {background-color: #BFBFBF; vertical-align: top;}
.listbox_table_btnwidth{width:50px;}
.listbox_table_bodyL{padding-left: 30px; padding-right: 30px; border-left:2px solid white;}
.listbox_table_bodyLR{border-left:2px solid white; border-right:2px solid white;}
.listbox_table_bodyR{padding-left: 30px; padding-right: 30px; border-right:2px solid white;}
.ui-not-selected { border: 1px solid #aaaaaa; background: #E5E5E5; color: #222222; }

#setting_container{z-index:10;margin:auto;position:absolute;width:1000px;top:90px;

}

.clsSettingContent{
background-color:#65666b;
width:100%;
min-height:40px;
position:absolute;
top:38px;

}
.clsSettingDisplay{
display:block;
visibility:visible;
padding:10px;
}

/*
.clsSettingTitle,.clsSettingTitleOver{
float:left;
font-weight: normal;
cursor: pointer;
font-size: 13px;
font-weight: 500;
font-family: HLR__, Arial, sans-serif;
height: 36px;
}
*/

.clsSettingTitle,.clsSettingTitleOver div {
padding: 0px 15px;
padding-top: 1px; display: table;
display: table-cell; vertical-align: middle; 
font-weight: normal;
cursor: pointer;
font-size: 13px;
font-weight: 500;
font-family: HLR__, Arial, sans-serif;
border: 0px solid red;
}

.portlet_body{padding:10px;background-color:#FFF; border: 0px solid red; }
.drag_column{/* margin:10px; */}

ul.menuTree div.folderNode img,
ul.menuTree ul li div.folderNode img,
ul.menuTree ul li div.folderNode2 img {border: 0px red solid; padding-top: 1px; float : left;}

.menuTree_span_img_minus {float : left; position: relative; width:26px; height:15px; border: 0px red solid; background: url(../images/icn_minus.jpg) no-repeat; display : none;}
.menuTree_span_img_plus {float : left; position: relative; width:26px; height:15px; border: 0px red solid; background: url(../images/icn_plus.jpg) no-repeat; display : none;}
/*.accTransfer_span_img {float : right; width : 18px; height : 18px; background: url(../images/icn_tickActive.jpg) no-repeat; display : none;}*/
.accTransfer_span_img {position: relative; top: 5px; float : left; left:-25px; width : 18px; height : 18px; background: url(../images/icn_tickActive.jpg) no-repeat; display : none; z-index: 999;}
/* ------------- END   Added by hsli ------------- */



.token ul {
    list-style: none;
    padding:0;
    margin:0;
}

.token li { 
text-indent: 0em;
background-repeat: no-repeat;
background-position: 0 0;
background-size: 20px 20px;
padding-left: 29px;
padding-top: -12px;
font-size: 12px;
color: #666666;
font-weight: bold;
margin-bottom: 20px;
padding-top: 3px;
}

li.token01 { background-image: url(../images/01.png);}
li.token02 { background-image: url(../images/02.png); }
li.token03 { background-image: url(../images/03.png); }
li.token04 { background-image: url(../images/04.png); }
li.token05 { background-image: url(../images/05.png); }
li.token06 { background-image: url(../images/06.png); }
li.token07 { background-image: url(../images/07.png); }
li.token08 { background-image: url(../images/08.png); }
li.token09 { background-image: url(../images/09.png); }
li.token10 { background-image: url(../images/10.png); }

.tokenImage { vertical-align:top; padding-left: 5px; padding-right: 5px; margin-top: -10px; }
.tokenBox { background-color: #f1efe6; border: 1px solid #d4cdcd; padding: 20px; }

span.subValue {
font-size: 11px;
}

td.noWrap {
white-space: nowrap;
}

.breakWord {
-ms-word-break: break-all;
-ms-word-wrap: break-all;
-webkit-word-break: break-word;
-webkit-word-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
word-break: break-all;
word-wrap: break-word;
}

/* ****************************************************** */
/*  END : ADDITIONAL CSS STYLES REQUIRED BY ACMS SIDE  */
/* ****************************************************** */

/***********************************************************/
/* kanitta 20150511 : Audit Log Style    - Start                                         */
/*********************************************************/

.col_container {
    width: 100%;
}

.col_container {
    clear: both;
    width: 100%;
}

.left_col {
  float: left;
  width: 24%;
}

.space_col {
  width: 1%;
  min-height: 1px;
float: left;
}

.right_col {
    width: 75%;
    float: left;
}

.single_col {
    width: 100%;
}
/***********************************************************/
/* kanitta 20150511 : Audit Log Style    - End                                                                 */
/*********************************************************/
tr.overdue span, tr.overdue td { color: red; }
.disableLink {cursor:default}

.priorityYes
{ 
	background-color:#afeeee !important; 
}