body { margin:0; padding:0; font-family: Helvetica, Arial, Verdana !important; font-size:10pt; color:#000000; }
img  { border:0; }
form { clear:both; height:0; margin:0; padding:0; }
/*-------- Header Style --------*/
.NewIMSHeader {
	height: 50px;
	width: 100%;
}
.NewIMSHeaderCol2 {
	text-align: right !important;
	padding-right: 10px;
}
.NewIMSHeader .header td{
	vertical-align: middle;
}

.NewIMSHeader .header .iceCmdLnk{
	padding-right: 10px;
	color: rgb(14,65,113);
	font-size: 10pt;
}
.NewIMSHeader .loginName {
	font-size: 10pt;
	color: black;
	font-weight: bold;
	white-space: nowrap;
	padding-right: 10px;
}
.dotline {
	background: url(../img/dot.gif) repeat-x;
	width: 100%;
	height: 1px;
	font-size: 0%;
	margin: 5px 0 5px 0;
}
.line2 {
	background: url(../img/dot.gif) repeat-x;
	width: 100%;
	height: 1px;
	font-size: 0%;
	margin: 5px 0 5px 0;
}

/*-------- Footer Style --------*/
div.footer 					{ clear:both; width:100%; height:18px; font-size:0.9em; color:#000000; background-color:#EBEBEC; border-top:0px solid #FFFFFF; border-bottom:10px solid #FFFFFF; margin: 0px;padding:0px; }
div.footer div.footertext 	{ text-align:center; }
div.footer a:link	 		{ color:#000000; font-weight:normal; text-decoration:none; }
div.footer a:visited 		{ color:#000000; font-weight:normal; text-decoration:none; }
div.footer a:hover 			{ color:#E12129; }
div.footer a:active 		{ color:#E12129; }

/*-------- Override Default ICEFaces StyleSheet --------*/
.icePnlGrd {
    border: 0px;
	border-collapse: collapse;
 	border-spacing:0px;;
	padding: 0px;
	margin: 0px;
}
.icePnlGrp {
	border: 0px;
	border-collapse: collapse;
 	border-spacing:0px;
	padding: 0px;
	margin: 0px;
}
.iceFrm {
	margin: 0px;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	width:100%; 	
}
.iceSelOneMnu, .iceSelMnyLb, .iceSelMnyMnu, .iceSelOneLb {
   	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight: normal;
	vertical-align: middle;
	color: #000000;
	border: 1px solid rgb(171,171,171);
/*	border-top-color: #696;
	border-left-color: #696;
	border-right-color: #363;
	border-bottom-color: #363;*/
	width: auto;
	height: 30px;
	z-index: -1;
	margin: 0px;
	padding: 0px;
}
.iceSelOneMnu-dis, .iceSelMnyLb-dis, .iceSelMnyMnu-dis, .iceSelOneLb-dis {
  	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight: normal;
	vertical-align: middle;
	width: auto;
	height: 30px;
    cursor: default;
    border: none;
    z-index: -1;
    color: #000000;
}

.iceSelMnyCb input, .iceSelOneRb input, .iceSelBoolChkbx {
	margin:0px;
	padding:0px;
}

.iceSelOneRb-dis {
    background-color: transparent;
    padding: 2px;
    margin: 2px;
    cursor: default;
    color: rgb(226,226,226);
    border: none;
    font-family: Helvetica, Arial, Verdana;
}

.iceSelOneRb-dis-dis {
	background-color: transparent;
    padding: 2px;
    margin: 2px;
    cursor: default;
    color: rgb(226,226,226);
    border: none;
    font-family: Helvetica, Arial, Verdana;
}
.iceSelOneRb {
	vertical-align: middle;
	font-size: 10pt;
    color: #000000;
	font-family: Helvetica, Arial, Verdana;
	padding-left:5px;
	padding-right:5px;
}
.iceSelOneRb input {
	vertical-align: middle;
}
.iceSelOneRb label {
	vertical-align: middle;
	font-size: 10pt;
    color: #000000;
	font-family: Helvetica, Arial, Verdana;
}
.iceInpTxt, .iceInpSecrt, .iceInpTxtArea {
  	color: #000000;
	font-size: 10pt;
	font-weight:normal;
/*	background-color: #fed;*/
	border:1px solid rgb(171, 171, 171);
	/*border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	
	border-collapse: collapse;
	
	background-image: -webkit-linear-gradient(top, white, #DDDDDD);
	background-image: -moz-linear-gradient(top, white, #DDDDDD);
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#DDDDDD);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#DDDDDD)";
	
	*filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc') !important;*/
	vertical-align: middle;
	width: 100px;
  	height: 18px;
  	margin: 0px;
  	padding: 0px 0px 0px 2px;
  	z-index: 100;
  	font-family: Helvetica, Arial, Verdana;
}
.iceinptxtarea-dis {
	border:1px solid rgb(226,226,226);
	background-color: white;
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	height: 60px;
	width: 600px;
}

.iceInpTxt-dis, .iceInpSecrt-dis {
	background-color: white;
  	color: #000000 !important;
	font-size: 10pt;
	font-weight:normal;
	border: 0px solid rgb(226,226,226);
	vertical-align: middle;
	width: 100px;
  	height: 18px;
  	margin: 0px;
  	padding: 0px 0px 0px 2px;
  	font-family: Helvetica, Arial, Verdana;
}

.inputXtraWide-dis {
	background-color: white;
  	color:#050 !important;
	font-size:10pt;
	font-weight:normal;
	border: 0px solid rgb(226,226,226) !important;
	vertical-align: middle !important;
	width: 480px !important;
  	height: 18px;
  	margin: 0px;
  	padding: 0px 0px 0px 2px;
  	font-family: Helvetica, Arial, Verdana;
}

.iceOutTxt {
	font-family: Helvetica, Arial, Verdana;
  	padding: 0px;
    font-size: 10pt;
    color: #000000;
    padding-left: 5px;
}

.wrapText {
	white-space: normal !important;
}

.nowrapText {
	white-space: nowrap !important;
}

.viewOnlyText {
   vertical-align: middle;
   color: darkOrange !important;
   font-size: 10pt;
   font-weight: bold;
}

.iceOutTxt-dis, .iceOutLbl-dis {
	font-family: Helvetica, Arial, Verdana;
    padding: 0px;
    font-size: 10pt;
    text-decoration: none;
    border-bottom: 0px solid rgb(226,226,226);
    cursor: default;
}

.iceOutLbl {
	font-family: Helvetica, Arial, Verdana;
	padding: 0px;
    font-size: 10pt;
    font-weight: bold;
    white-space: nowrap;
	color: #000000;
}
.iceCmdBtn {
	width: expression(((this.src == "") ? ((this.value.length < 10) ? "70px" : "auto") : ("auto"))) !important;
	height: expression((this.src == "") ? "26px" : "auto") !important;
    font-size:10pt;
	overflow: hidden;
	background-color: expression((this.src == "") ? "" : "transparent");
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
}
.iceCmdBtn-dis {
	width: expression(((this.src == "") ? ((this.value.length < 10) ? "70px" : "auto") : ("auto"))) !important;
    height: expression((this.src == "") ? "26px" : "auto") !important;
	font-size: 10pt;
	overflow: hidden;
	color: rgb(226,226,226);
}
/*-------- CommandLink classes --------*/
.iceCmdLnkBold {
   font-weight:bold !important;
}

.iceCmdLnk, .iceOutLnk {
    text-decoration: none;
    font-weight: normal;
    color: rgb(14,65,113);
    font-size: 10pt;
}

.iceCmdLnk span {
	color: rgb(14,65,113);
}
.iceCmdLnkUndLne {
	text-decoration: underline;
    font-weight: bold;
    color: rgb(14,65,113);
    font-size: 10pt;
}
.iceCmdLnkUndLne span {
	color: rgb(14,65,113);
}
.iceOutLnkUndLne {
    font-weight: bold !important;
    color: rgb(14,65,113) !important;
    text-decoration: underline;
}
.iceCmdLnkClicked {
	color: rgb(252,197,29);
	font-weight: bold;
	font-size: 10pt;
}
.iceCmdLnkClicked span {
	color: rgb(252,197,29);
	font-weight: bold;
}
/*
----------- commandSortHeader classes
*/
.iceCmdSrtHdr {
    /*text-decoration: none;*/
    color:  rgb(14,65,113);
    width: 100%;
    padding: 0px;
    white-space: nowrap;
    line-height: 10pt;

}

.iceCmdSrtHdr td {
    white-space:nowrap;

    text-align:center;
    vertical-align: top;
    font-size: 10pt;
	font-family: helvetica, arial, verdana;
    font-weight:bold;
    color:  rgb(14,65,113);
}

.iceCmdSrtHdr span {
    white-space:nowrap;

    text-align:center;
    vertical-align: top;
    font-size: 10pt;
	font-family: helvetica, arial, verdana;
    font-weight:bold;
    color:  rgb(14,65,113);
    cursor:pointer;

}
.iceCmdSrtHdr table tr td {
    white-space:nowrap;

    text-align:center;
    vertical-align: top;
    font-size: 10pt;
	font-family: helvetica, arial, verdana;
    font-weight:bold;
    color:  rgb(14,65,113);
    cursor:pointer;

}
.iceCmdSrtHdrsub {
	 white-space:nowrap;

    /*color:#565A5B;*/
    text-align:center;
    vertical-align: top;
    font-size: 10pt;
	font-family: helvetica, arial, verdana;
    font-weight:bold;
    color:  rgb(14,65,113);
}
.iceCmdSrtHdrAsc, .iceCmdSrtHdrDesc{
    background-repeat: no-repeat;
    background-position: bottom;
    width:10px;
    height:10px;
    cursor:pointer;

}
.iceCmdSrtHdrAsc{
    background-image: url('../xmlhttp/css/xp/css-images/column_sort_asc.gif');
}
.iceCmdSrtHdrDesc{
    background-image: url('../xmlhttp/css/xp/css-images/column_sort_desc.gif');
}


/* -- default style class used by dynamic table as well */
.iceDatTbl { /* was iceDataTblOutline */
    background-color: #FFFFFF;
    border: 1px solid #ABABAB;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}

.iceDatTblnoMar {
	margin: 0px !important;
}

.iceDatTblnoBorder {
	margin: 0px !important;
	border: 0px solid #ABABAB;
}

.iceDatTblnoBorderCol {
	border: 0px solid #ABABAB;
}

.iceDatTblColTop {
	vertical-align: top;
}


/* default style class used by dynamic table */
.iceDatTbl table{
	border-collapse:collapse;
}

/* default style class used by dynamic table */
.iceDatTbl span {
	white-space: nowrap;
}

.iceDatTblHdr{
	background-color: #FFFFFF;
    border: 1px solid #ABABAB;
    margin: auto;
}

.iceDatTblColHdr, .iceDatTblColHdr1, .iceDatTblColHdr2, .iceDatTblColGrpHdrCol{
/* was iceTblHeader */
	padding:0 5px 0 5px;
/*	background-color: white !important;
    background: url(../img/title_bar6.gif);*/
    height: 10px;
    line-height : 15px;
    font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 0 0;
	/*white-space: nowrap;*/
}
/*Table Header*/
.iceDatTblColHdr a, .iceDatTblColHdr1 a, .iceDatTblColHdr2 a, .iceDatTblColGrpHdrCol a{
/* was iceTblHeader */
	padding:0;
    height: 20px;
    line-height : 20px;
	vertical-align: middle;
	width : 100%;
	height : 100%;
}

/*Table Footer*/
.iceDatTblColGrpFtrCol{
	padding:0 5px 0 5px;
	background-color: white;
    background: url(../img/title_bar6.gif);
    height: 10px;
    line-height : 15px;
    font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	font-weight:bold;
	text-align: right;
	vertical-align: middle;
	margin: 0 0 0 0;
	border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.iceDatTblColHdr table, .iceDatTblColHdr1 table, .iceDatTblColHdr2 table, .iceDatTblColGrpHdrCol table{
	width : 100%;
	height : 20px;
	line-height : 20px;
	vertical-align: middle;
}

.iceDatTblColHdr a span, .iceDatTblColHdr1 a span, .iceDatTblColHdr2 a span, .iceDatTblColGrpHdrCol a span{
	padding:0;
	width : 100%;
	height: 20px;
	vertical-align: middle;
	/*white-space: nowrap;*/
}

/*
----------- Input Text classes
*/
.alignRightText {
	text-align: right;
	padding-right: 1px;
}
/*
----------- Input Date classes
*/
.iceSelInpDateInput {
    color: #000000;
	font-family:Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
/*	background-color:#fed;*/
	border:1px solid rgb(171,171,171);
/*	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	
	background-image: -webkit-linear-gradient(top, white, #DDDDDD);
	background-image: -moz-linear-gradient(top, white, #DDDDDD);
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#DDDDDD);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=white, endColorstr=#DDDDDD)";
	
	*filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc') !important;*/
	vertical-align: middle;
	width: 80px;
    height: 18px;
}
.iceSelInpDateInput-dis {
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
	background-color:white;
	border: 0px solid rgb(226,226,226);
	vertical-align: middle;
	width: 80px;
    height: 18px;
}
.iceSelInpDatePopup {
 /*   min-width: 172px; */
   min-width: 180px;
    position:relative;
    *position:static;
}

@-moz-document url-prefix() {
   .iceSelInpDatePopup {
  	 min-width: 180px;
   }
}

.iceSelInpDateInput {
    width: 150px;
}

.iceSelInpDateOpenPopup, .iceselinpdateopenpopup-dis {
    text-decoration: none;
    background-color: transparent;
    background-image: url("../img/calendar.png");
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 20px;
    height: 20px;
    vertical-align: middle !important;
}

.iceSelInpDateClosePopup {
    text-decoration: none;
    background-color: transparent;
    background-image: url( "../img/cal_off.gif" );
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    width: 16px;
    height: 18px;
    vertical-align: middle !important;
}
/* set the common attributes for the pagination numbers */
.iceDatPgrScrCol a, .iceDatPgrCol a {
    text-decoration: none;
    font-weight: normal;
    background-color: #FFFFFF;
    color: rgb(14,65,113);
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #FFFFFF;
}

* html .iceDatPgrCol a {
    width: 1%;
}

/* override the attributes for the currently selected page */
.iceDatPgrScrCol a {
    color: #FFFFFF;
    border: 1px solid #2A6CC2;
    background-color: #2A6CC2;
}

* html .iceDatPgrScrCol a {
    width: 1%;
}

/* set the attributes for the mouseover on none-current pages */
.iceDatPgrCol a:hover {
    color: #000000;
    border: 1px solid #2A6CC2;
}
/*
--------------- Progress bar
*/
.iceOutProg {
    margin: 0px;
}

.iceOutProgBg {
    border: 1px solid #ABABAB;
    width: 350px;
    height: 20px;
}

.iceOutProgFill {
    background-color: #026AFF; /* background-image:url(./css-images/window_top.gif);*/
    background-position: top left;
    background-repeat: repeat-x;
    display: block;
}

.iceOutProgTxt {
    color: black;
    font-size: 10pt;
    font-family: Helvetica, Arial, Verdana;
    font-weight: bold;
}
/*
----------- PanelPopup & panelTooltip ----------
*/
.testToolTip {
    padding: 0px !important;
    margin: 0px !important;
    background-color:transparent !important;
    z-index: 1000;
}
.testToolTip .center {
	background-color:  #dddddd;
	height: auto !important;
	width: auto !important;
	margin: 0px;
	padding: 0px;
}
.testToolTip .toptop {
	border: 0px;
	height: 13px;
	margin-bottom: -1px;
	padding: 0px;
	font-size: 0.9em;  /*fix the white space row in IE*/
	background: url( ./../img/tooltip/top.png) repeat-x top;
}
.testToolTip .topLeft {
	margin-bottom: -1px;
	width: 12px;
	height: 13px;
	background-color: #DDDDDD;
	font-size: 0.9em;  /*fix the white space row in IE*/
	background: url( ./../img/tooltip/topLeft.png) no-repeat left top;
}
.testToolTip .topRight {
	margin-bottom: -1px;
	width: 12px;
	height: 13px;
	font-size: 0.9em;  /*fix the white space row in IE*/
	background: url( ./../img/tooltip/topRight.png) no-repeat right top;
}
.testToolTip .bottomLeft {
	width: 12px;
	height: 13px;
	background: url( ./../img/tooltip/downLeft.png) no-repeat left top;
}
.testToolTip .bottomRight {
	width: 12px;
	height: 13px;
	background: url( ./../img/tooltip/downRight.png) no-repeat right top;
}
.testToolTip .bottombottom {
	width: auto;
	height: 13px;
	margin-top: -1px;
	background-color: #DDDDDD;
	vertical-align: top !important;
}

.testToolTip .tabletable {
	height: 100%;
	margin: 0px !important;
	padding: 0px !important;
}

.testToolTip .leftleft {
	width: 12px;
	height: 100%;
	background-color: #DDDDDD;
	vertical-align: top;
}
.testToolTip .rightright {
	width: 12px;
	height: 100%;
	background-color: #DDDDDD;
	vertical-align: top;
}

.icePnlPop, .icePnlTlTip {
    color: #666666;
    /*border-right: 2px solid #ABABAB;
    border-top: 1px solid #ABABAB;
    border-left: 1px solid #ABABAB;
    border-bottom: 2px solid #ABABAB;*/
    border: 0px !important;
    background-color: #DDDDDD;
    padding: 0px;
    z-index: 1000;
}

.icePnlPop .icePnlPopBody {
    /*background-color: #DDDDDD;*/
    background-color: #DDDDDD;
    margin:0px;
    border:0px;
}

/*
.icePnlTlTipHdr {
    background-color: #FFFFFF;
    background-image: url( "./css-images/window_top.gif" );
    background-position: top;
    background-repeat: repeat-x;
    height: 2.0em;
}*/

.icepnlpophdr, .icepnltltiphdr {
background-color: #003D79; /*rgb(14,65,113);*/
background-image:none;
background-position: top;
background-repeat: repeat-x;
height: 39px;
}

.icePnlTlTipHdr .iceOutTxt {
	color:#FFFFFF;
	font-size: 10pt;
	font-weight:bold;
	padding:4px;
	text-align:center;
	vertical-align:middle;
}

.icePnlTlTipBody {
	height: 100%;
	width: 100%;
    padding: 0px !important;
    margin: 0px !important;
}

.icePnlPopFtr, .icePnlTlTipFtr {
    float: right;
    height: auto;
    background-color: rgb(226,226,226);
}
/*
-------- autoComplete classes --------
*/
.iceSelInpTxt {
	border: 0px;
	width: 100px;
 	border-spacing:0px;;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
.iceSelInpTxtTxt {
   	color: #000000;
	font-size: 10pt;
	font-weight:normal;
/*	background-color:#fed;*/
	border:1px solid;
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;
	border-collapse: collapse;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
	vertical-align: middle;
	width: 100px;
  	height: 18px;
  	margin: 0 2px;
  	padding: 0px 0px 0px 2px;
  	text-align: left;
}

.iceSelInpTxtList {
	position: absolute;
    height: expression(this.scrollHeight > 98 ? "98px" : "auto"); /*  sets max-height for IE*/
    max-height: 98px; /* sets max-height value for all standards-compliant browsers*/
    color: #333;
    background-color: white;
    border: 1px solid #666;
    font-family: Helvetica;
    width: 300px !important;
    line-height: 11pt;
    overflow-y: auto;

    z-index:0;
    display: block;
}

.iceSelInpTxtRow {
    display: block;
    background-color: #FFFFFF;
    color: #333333;
    padding: 2px;
    padding-left: 10px;
    border-bottom: 1px solid #DEDEDE;
    position: relative;
    white-space: nowrap;
    height: 10pt;
    max-height: 10pt;
    width: auto;
}

.iceSelInpTxtSelRow {
    display: block;
    background-color: #2A6CC2;
    color: #FFFFFF;
    padding: 2px;
    padding-left: 10px;
    border-bottom: 1px solid #FFFFFF;
    position: relative;
    white-space: nowrap;
    height: 10pt;
    max-height: 10pt;
}
 /* Set the border of datatable for resizeable use */
.iceDatTblResHdlr {
    margin:0px;
    padding:0px;
    border-width: 0px;
    width:1px;
    background-color:transparent;
}

.iceDatTblResBor {
    margin:0px;;
    padding:0px;
    background-color: #d9d9d9;
    background-position: bottom;
    background-repeat: repeat-x;
    width:0px;
    /*background-color: #d9d9d9;
    background-position: bottom;
    background-repeat: repeat-x;*/

    border-top: 0px solid #CCCCCC;

}

.iceSelInpTxtSelRow span{
    color: #FFFFFF;
}
/*
----------- Data Scroller Component classes (For data paginator in the popup panel)
*/
.icePopupDatPgrScrOut {
/* the class for the outside table */
    background-color: #FFFFFF;
    margin: 10px;
}

.icePopupDatPgrScrBtn {
/* the cells behind the scroll buttons */
    background-color: #DDDDDD;
    padding: 2px;
}

.icePopupDatPgrTbl {
/* the container for the pagination*/
    background-color: #DDDDDD;
}

/* set the common attributes for the pagination numbers */
.icePopupDatPgrScrCol a, .icePopupDatPgrCol a {
    text-decoration: none;
    font-weight: normal;
    background-color: rgb(226,226,226);
    color: #666666;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid rgb(226,226,226);
}
/* override the attributes for the currently selected page */
.icePopupDatPgrScrCol a {
    color: #FFFFFF;
    border: 1px solid #2A6CC2;
    background-color: #2A6CC2;
}

* html .icePopupDatPgrScrCol a {
    width: 1%;
}

/* set the attributes for the mouseover on none-current pages */
.icePopupDatPgrCol a:hover {
    color: #000000;
    border: 1px solid #2A6CC2;
}
/*
----------- Data Scroller Component classes
*/
.iceDatPgrScrOut {
/* the class for the outside table */
    background-color: transparent;
    margin: 10px;
}

.iceDatPgrScrBtn {
/* the cells behind the scroll buttons */
    background-color: transparent;
    padding: 2px;
}

.iceDatPgrTbl {
/* the container for the pagination*/
    background-color: transparent;
}
/*
   Classes for the output progress bar
*/

.iceOutProgIndetActv {
    background-color: #EFEFEF;
    background-image: url( ../img/ProgFill_Indet_Bg_active.gif);
    background-position: center;
    background-repeat: repeat-x;
}

.iceOutProgIndetInactv {
    background-color: #EFEFEF;
    background-image: url(../img/ProgFill_Indet_Bg_inactive.gif);
    background-position: center;
    background-repeat: repeat-x;
}

td.iceDatTblBlkTd {
    /*border-bottom: 1px solid #CCCCCC;
    background-color: #EFEFEF;*/
    overflow: hidden;
    background-color: #cdcdcd;

}

td.iceDatTblBlkTd img {
	background: none;
	display: none;
	visibility: hidden;
	width: 0px;
	overflow: hidden;
}
/*
----------- TreeView component
*/

.iceTreeRow {
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
}

.iceTreeRow a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    padding: 0px;
    vertical-align: middle;
}

.iceTreeRow a:hover {
    text-decoration: underline;
}

.iceTreeRow img {
    border: 0px;
    vertical-align: top;
    background-repeat: repeat-y;
    padding: 0px;
}

.iceTreeRow div {
    padding: 0px;
}

.iceTreeRow a img {
/* vertical-align: top; - Bug in FF, when img has focus it is not highlighted with a box.*/
    background-repeat: repeat-y;
    border: 0px;
    padding: 0px;
}
/*
-------- Page Title Bar classes --------
*/


.iceDatTbl2 { /* was iceDataTblOutline */
    margin: 0px 0px 20px 0px;
    padding: 0px;
   	border: 0px;
}

.iceDatTbl2 table{
	border-collapse:collapse;

}

.iceDatTbl2 span {
	white-space: nowrap;
}

.iceDatTbl2ColHdr, .iceDatTbl2ColHdr1, .iceDatTbl2ColHdr2, .iceDatTbl2GrpHdrCol{
/* was iceTblHeader */
	padding:0 5px 0 5px;
	background-color: PowderBlue;
    background: transparent;
    height: 10px;
    line-height : 15px;
    font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 0 0;
	/*white-space: nowrap;*/
}

.iceDatTbl2ResHdlr {
    margin:0px;;
    padding:0px;
    border-width: 0px;
    width:2px;
    background-color:transparent;

}

.iceDatTbl2ResBor {
    margin:0px;;
    padding:0px;
    background-color: #EFEFEF;
    background-position: bottom;
    background-repeat: repeat-x;
    width:2px;
}

.iceDatTbl2BlkTd {
   /* border-bottom: 1px solid #CCCCCC;
    background-color: #EFEFEF;*/
}
	/* data tables are rendered with alternating row colors */
.iceDatTbl2Row1 { /* was iceTblRow1 */

}

.iceDatTbl2Row2 { /* was iceTblRow2 */

}

/* set the common attributes for the column classes */
.iceDatTbl2Col, .iceDatTbl2Col1, .iceDatTbl2Col2{
/*was column, column1, column2, column3*/
	font-family: Helvetica, Arial, Verdana;
	color: #000000;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;

	text-align:left;
	background-color: expression((this.innerHTML.length > 0) ? ((this.innerHTML.indexOf('spcol') > 0) ? "white" : "PowderBlue") : "white");

	border: 0px 0px 0px 0px;
	border-right: 4px solid;
	border-right-color: white;
	border-bottom: 2px solid;
	border-bottom-color: white;
	border-top: 2px solid;
	border-top-color: white;
	/*background-color: PowderBlue;*/
}


.iceDatTbl2Hdr{ /*was iceTblHeader */
	background-color: expression((this.innerHTML.length > 0) ? "PowderBlue" : "white");
	border: 0px 0px 0px 0px;
	border-right: 4px solid;
	border-right-color: white;
	border-bottom: 2px solid;
	border-bottom-color: white;
}
.iceDatTbl2Ftr{} /*was iceTblFooter */

.iceDatTbl2ScrlSpr{
    background: url( './css-images/table_col_header.gif' ) repeat-x bottom left;
    background-color: #EFEFEF;
    border-top: 0px;
    border-right: 0px;
}
.iceDatTbl2ScrlSpr .iceDatTbl2ColHdr1, .iceDatTbl2ScrlSpr .iceDatTbl2ColHdr2 {
    border-left-style: none;
    border-top-style: none;
}
/*
----------- Tabbed Pane Component classes
*/

/* panel tabs disabled style classes */

.icePnlTbOff { /* was iceTabSetTabOff*/

}

.icePnlTbOff .LftTop-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-left-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
    height: 4px;
}

.icePnlTbOff .MidTop-dis {
    background-color: #DEDEDE;
    background-image: url( './css-images/off-mid-top-dis.gif' );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOff .RtTop-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-right-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOff .LftMid-dis {
    background-color: #DEDEDE;
    /*    background-image: url("./css-images/off-left-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOff .MidMid-dis {
    background-color: #DEDEDE;
    /*    background-image: url("./css-images/off-mid-mid.gif");
    background-repeat:repeat-x;*/
    text-align: center;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border: none;
    white-space: nowrap;
    color: #ABABAB;
}

.icePnlTbOff .MidMid-dis a {
    text-decoration: none;
    color: #ABABAB;
    cursor: default;

}

.icePnlTbOff .RtMid-dis {
    background-color: #DEDEDE;
    /*    background-image: url("./css-images/off-right-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOff .LftBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOff .MidBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOff .RtBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/* tab on disabled */
.icePnlTblUsrSet {
	height: 100%;
}

.icePnlTblUsrSetCnt {
	vertical-align: top;
}

.icePnlTbOn {

}
.icePnlTbLblLnk td{
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
    color: black;
    font-size: 10pt;
    cursor: pointer;
}

.icePnlTbOn .LftTop-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-left-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
    height: 4px;
}

.icePnlTbOn .MidTop-dis {
    background-color: #DEDEDE;
    background-image: url( './css-images/off-mid-top-dis.gif' );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOn .RtTop-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-right-top-dis.gif" );
    background-repeat: no-repeat;
    background-position: bottom;
    text-align: center;
    padding-top: 1px;
    border: none;
}

.icePnlTbOn .LftMid-dis {
    background-color: #DEDEDE;
    /*    background-image: url("./css-images/off-left-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOn .MidMid-dis {
    background-color: #DEDEDE;
    /*    background-image: url("./css-images/off-mid-mid.gif");
    background-repeat:repeat-x;*/
    text-align: center;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;
    border: none;
    white-space: nowrap;
    color: #ABABAB;
}

.icePnlTbOn .MidMid-dis a {
    text-decoration: none;
    color: #ABABAB;
    cursor: default;
}

.icePnlTbOn .RtMid-dis {
    background-color: #DEDEDE;
    /*    background-image: url("./css-images/off-right-mid.gif");
    background-repeat:no-repeat;*/
    text-align: center;
    padding-top: 15px;
    border: none;
}

.icePnlTbOn .LftBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.icePnlTbOn .MidBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.icePnlTbOn .RtBtm-dis {
    background-color: transparent;
    background-image: url( "./css-images/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

/*
----------- Panel Collapsible --------
*/

/* opened accordion styles */
.icePnlClpsbl {
	margin-bottom: 15px;
}
.icePnlClpsblHdr {
	border-top: 1px solid black;
	margin:0px;
	padding: 0px;
	background: url(./../img/title_bar.gif) top top repeat-x;
	cursor: pointer;
	vertical-align: center;
}
.icePnlClpsblHdr div   {
	margin: 0px;
	padding-top: 0px;
	border: 0px;
	background: url(./../img/tree_nav_top_close_no_siblings.gif) no-repeat top 0px 0px 0px 0px ;
	height: 22px;
}

.icePnlClpsblHdr .iceOutTxt {
 	padding-left: 18px;
 	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	margin-top: 3px;
	border: 0px;
	font-family: Helvetica, Arial, Verdana;
	color: black;
	height: 18px;
}

/* Closed */
.icePnlClpsblColpsd {
	margin-bottom: 15px;
}
.icePnlClpsblColpsdHdr {
	border-top: 1px solid black;
	margin:0px;
	padding: 0px;
	background: url(./../img/title_bar.gif) top top repeat-x;
	cursor: pointer;
	vertical-align: center;
}

.icePnlClpsblColpsdHdr div   {
	margin: 0px;
	padding-top: 0px;
	border: 0px;
	background: url(./../img/tree_nav_top_open_no_siblings.gif) no-repeat top 0px 0px 0px 0px ;
	height: 22px;
}

.icePnlClpsblColpsdHdr .iceOutTxt {
 	padding-left: 18px;
 	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	margin-top: 3px;
	border: 0px;
	font-family: Verdana, Helvetica;
	color: black;
	height: 18px;
}

/* Open and disabled */
.icePnlClpsbl-dis {
	margin-bottom: 15px;
}
.icePnlClpsblHdr-dis{
	border-top: 1px solid black;
	margin:0px;
	padding: 0px;
	background: url(./../img/title_bar.gif) top top repeat-x;
	cursor: default;
	vertical-align: center;
}
.icePnlClpsblHdr-dis div{
	margin: 0px;
	padding-top: 0px;
	border: 0px;
	background: url(./../img/title_bullet_04.gif) no-repeat top 0px 0px 0px 0px ;
	height: 22px;

}
.icePnlClpsblHdr-dis .iceOutTxt {
 	padding-left: 18px;
 	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	margin-top: 3px;
	border: 0px;
	font-family: Verdana, Helvetica;
	color: black;
	height: 18px;
}
/* Closed and disabled */
.icePnlClpsblColpsd-dis, .icePnlClpsblColpsdHdr-dis, .icePnlClpsblColpsdCnt-dis{
}

.icePnlClpsblCnt, .icePnlClpsblColpsdCnt,
    .icePnlClpsblColpsdCnt-dis, .icePnlClpsblCnt-dis {
    border:0px;
    background-color: white;
}
.icePnlClpsblCnt-dis .iceOutTxt {
	color: black;
}
.pnlClpsblWrapper {
	border: 0px;
	display: block;
    float: left;
}
.pnlClpsblBottomSpace {
	margin-bottom: 5px;
}
/*
----------- Table Row Selection --------
*/
.iceRowSelSelected {
    background-color: #fbc900;
}
.iceRowSelSelected span {
    color: black;
}

.iceRowSelSelectedMouseOver {
    background-color: #B2CDF9;
}

.iceRowSelSelectedMouseOver span {
    color: #FFFFFF;
}


.iceRowSelMouseOver {
    background-color: #e2ecf9;
}

.iceRowSelMouseOver span{
    color: #000000;
}
/*
----------- Panel Confirmation --------
*/
.icePnlCnf {
	overflow-x: hidden;
	overflow-y: hidden;
}
.icePnlCnfHdr {
	text-align: center;
	overflow: hidden;
}

.icePnlCnfBody {
	text-align: center;
	overflow: hidden;
}

.icePnlCnfBtns input{
	width: 80px;
	font-size:10pt;
	height: 24px;
}
/*
---------------------------------------------------- Default Settings END ----------------------------------------------------
*/


/*
-------- MenuTree classes --------
*/
ul.treeview {
	margin-left: 10px;
	padding: 0px;
	border: 0x;
	text-align: left;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background: white url(./../img/newTemplate/gary-arrow.png) no-repeat left center ;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 8px;
	font-size:10pt;
	font-weight:bold;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	display: block;
	cursor: hand !important;
	cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
	margin-top: 0px;
	margin-left: -40px;
	*margin-left: 0px;
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
	display: block;
	font-size: 10pt;
	font-weight:bold;
	margin: 2px;
	padding: 0 0 0 12;
}
.treeview .iceOutTxt {
	color: rgb(14,65,113);
}
.treeview span{
	color: rgb(14,65,113);
}
.treeview .clicked {
 	color: rgb(252,197,29);
}
/*.treeview .iceOutTxtBold:hover {
	color: GoldenRod !important;
}
.treeview .iceOutTxtBold:hover {
	color: GoldenRod;
}
.treeview .clicked:hover {
 	color: GoldenRod !important;
}*/



.whiteLabel
{
	height:132px;
	width:52px;
	background-color: white;
	text-align: center;
	border-style:solid;
	border-width:1px;
	border-color:black;
	padding-top:55px;

}

.blackLabel
{
	height:132px;
	width:52px;
	background-color: #cccccc;
	text-align: center;
	border-style:solid;
	border-width:1px;
	border-color:black;
	vertical-align:middle;
	padding-top:55px;
}


.inputColorSizeWide{
	width: 128px;
	font-size: 10pt;
	font-weight:normal;
	border:1px solid;
	vertical-align: middle;

}
/*
---------------------------------------------------- Global Custom Settings ----------------------------------------------------
*/
.seperateLayoutEnquiryResultPanel {
	height: 620px;
	scrollHeight: 800px;
	overflow-y: auto;
	overflow-x: hidden ;
}

/*
----------- Page for seperated content and footer button.(e.g op.jspx, artlMaint.jspx....) -----------
*/
.seperateLayoutTopMain {
	height: 92%;
	overflow-y: auto;
	overflow-x: hidden
}

.seperateLayoutTop {
	overflow-y: auto;
	overflow-x: hidden;
	margin-top: 4px;
}
.seperateLayoutBottom {
	height: 30;
	overflow: auto;
}
.seperateSection {
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
.mainContentCol1 {
	width: 50%;
	vertical-align: top;
}
.mainContentCol2 {
	width: 50%;
	vertical-align: top;
}
.selOneMenu {
	width: 100px;
}
.selOneMenu-dis {
	width: 100px;
}
.selOneMenuLong {
	width: 280px;
}
.selOneMenuLong-dis {
	width: 280px;
}
.selOneMenuShort {
	min-width: 50px;
	height: 25px;
}
.selOneMenuShort-dis {
	min-width: 50px;
}
.inputTxtMid {
	width: 250px !important;
}
.inputTxtBig {
	height: 220px !important;
	width: 400px !important;
}
.pnlCenterAlign {
	vertical-align: top !important;
}
.pnlCenterAlignCol1 {
	width: 220px;
	text-align: left !important;
}
.pnlCenterAlignCol1 .iceOutLbl{
	font-family: Helvetica, Arial, Verdana;
	padding-right: 20px !important;
}
.pnlCenterAlignCol2 {
	text-align: left;
}
.pnlCenterAlignCol1 .stopSignItem {
	border-spacing: 0px;
	border: 0px;
	width: 220px;
	margin: 0px;
	text-align: left;
	white-space: normal;
	background: url(./../img/mandatory.png)  center right no-repeat 16px 16px;
}
.pnlCenterAlignCol1 .stopSignItem .iceOutLbl{
	font-family: Helvetica, Arial, Verdana;
	vertical-align: top;
}
.pnlCenterAlignCol1 .stopSignItem2 {
	text-align: left !important;
	border-spacing: 0px;
	border: 0px;
}

.pnlCenterAlignCol3 {
	width: 280px;
	text-align: left !important;
}
.pnlCenterAlignCol3 .iceOutLbl{
	font-family: Helvetica, Arial, Verdana;
	padding-right: 20px !important;
}
.pnlCenterAlignCol3 .stopSignItem {
	border-spacing: 0px;
	border: 0px;
	width: 280px;
	margin: 0px;
	text-align: left;
	white-space: normal;
	background: url(./../img/mandatory.png)  center right no-repeat 16px 16px;
}
.pnlCenterAlignCol3 .stopSignItem .iceOutLbl{
	font-family: Helvetica, Arial, Verdana;
	vertical-align: top;
}
.pnlCenterAlignLeft {
	vertical-align: top !important;
}
.pnlCenterAlignLeftCol1 {
	text-align: left !important;
}
.pnlCenterAlignLeftCol1 .iceOutLbl{
	font-family: Helvetica, Arial, Verdana;
	padding-right: 20px !important;
}
.pnlCenterAlignLeftCol2 {
	text-align: left;
}
.pnlCenterAlignLeftCol1 .stopSignItem {
	border-spacing: 0px;
	border: 0px;
	width: 220px;
	margin: 0px;
	text-align: left;
	white-space: normal;
	background: url(./../img/mandatory.png)  center left no-repeat 16px 16px;
}
.pnlCenterAlignLeftCol1 .stopSignItem .iceOutLbl{
	font-family: Helvetica, Arial, Verdana;
	vertical-align: top;
}
.pnlCenterAlignLeftCol1 .stopSignItem2 {
	text-align: left !important;
}

.tblAvgHeight {
	height: 35px;
	vertical-align: middle !important;
}

.tblTopHeight {
	height: 35px;
	vertical-align: top !important;
}

.inputDescr {
	margin-left: 4px;
	padding-left: 0px;
}

.outputDescr {
	margin-left: 4px;
	padding-left: 0px;
	cursor: pointer;
	border-bottom: 0px solid 333333;
}
.noScrollY {
	overflow-y: hidden !important;
}
/*
-------- Box item display--------
*/
.boxView {
	overflow: auto;
}
.boxView .boxContent{
	border: 1px solid #242424 !important;
	text-align: center !important;
	white-space: nowrap !important;
	display: -moz-inline-stack;
    display: inline-block;
	*display: inline;
	vertical-align: bottom;
	-moz-outline-style: none;
	height: 30px;
	margin: 0px;
    padding: 0px;
}

.boxTable-trueColSpec {
	margin: 0px 0px 0px -3px;
	padding: 0px;
	background: #FCC51D !important;
	width: 30px;
	height: 30px;
	vertical-align: middle !important;
	text-align: center;
	border-right: 0px solid black !important;
}

.boxTable-trueCol1 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #FCC51D !important;
	width: 30px;
	height: 30px;
	vertical-align: middle !important;
	text-align: center;
	border-right: 0px solid black !important;
}

.boxTable-falseColSpec {
	margin: 0px 0px 0px -3px;
	padding: 0px;
	background: #003D79;
	width: 30px;
	height: 30px;
	vertical-align: middle !important;
	text-align: center;
	border-right: 0px solid black !important;
}

.boxTable-falseCol1 {
	margin: 0px;
	padding: 0px;
	background: #003D79;
	width: 30px;
	height: 30px;
	vertical-align: middle !important;
	text-align: center;
	border-right: 0px solid black !important;
}

.boxTable-trueCol2, .boxTable-falseCol2{
	margin: 0px;
	padding: 0px;
}

.boxView .boxContent .boxTableCol1{
	margin: 0px;
	padding: 0px;
	background: #003D79;
	width: 30px;
	height: 30px;
	vertical-align: middle !important;
	text-align: center;
	border-right: 0px solid black !important;
}
.boxView .boxContent .boxTableCol2 {
	margin: 0px;
	padding: 0px;
}
.boxView .boxContent .boxTableCol1 .iceOutTxt{
	white-space: normal;
	font-weight: bold;
	padding-top: 7px;
	color: white;
}
.boxView .boxContent .boxTableCol1 .iceCmdLnk{
	white-space: normal;
	font-weight: bold;
	color: white !important;
	width: 30px;
	height: 100%;
	padding-top: 7px;
}
.boxView .boxContent .boxTableCol1 .iceCmdBtn{
	white-space: normal;
	font-weight: bold;
	color: white !important;
	margin: 0px;
}
.upDownLnk2-true-true{
	width: 30px;
	padding: 7px;
	text-align: center;
	height: 100%;
	background-color: red;
}
.upDownLnk2-false-true{
	width: 30px%;
	padding: 7px;
	background-color: red;
	height: 100%;
}
.upDownLnk2-true-false{
	width: 30px;
	padding: 7px;
	text-align: center;
	background-color: white;
	height: 100%;
}
.upDownLnk2-false-false{
	width: 30px;
	padding: 7px;
	background-color: white;
	height: 100%;
}

/*	Article Maint  */
.btnClick-true {
	background: #fcc51d !important;
	background-color: #fcc51d !important;
	background-image: none !important;
	border: 0px;
	margin: 0px;
	width: 30px;
	height: 30px;
	font-weight: bold;
	color: #fff;
}

.btnClick-false {
	background: #003D79 !important;
	background-color: #003D79 !important;
	background-image: none !important;
	border: 0px;
	margin: 0px;
	width: 30px;
	height: 30px;
	font-weight: bold;
	color: #fff;
}

.allNotInput {
	background-color: white;
	width: 30px;
	height: 100%;
	margin: 0px !important;
}

.partialInput {
	background-color: Yellow;
	width: 30px;
	height: 30px;
	border: 0px;
}
/*	Article Master */
.imlang- {
	background-color: white;
	width: 20px;
	height: 20px;
	margin: 0px;
}
.pklang- {
	background-color: white;
	width: 20px;
	height: 20px;
	margin: 0px;
}
.imlang-true {
	background-color: rgb(255, 255, 0); 
	width: 20px;
	height: 20px;
	margin: 0px;
	cursor: pointer;
}
.imlang-false {
	background-color: white;
	width: 20px;
	height: 20px;
	margin: 0px;
}
.pklang-true {
	background-color: LimeGreen;
	width: 20px;
	height: 20px;
	margin: 0px;
	cursor: pointer;
}
.pklang-false {
	background-color: white;
	width: 20px;
	height: 20px;
	margin: 0px;
}
.obmConfirm {
	background-color: white;
	margin: 0px;
}
.obmConfirmtrue {
	background-color: rgb(226,226,226);
	width: 20px;
	height: 20px;
	margin: 0px;
	cursor: pointer;
}
.obmConfirmfalse {
	background-color: white;
	width: 20px;
	height: 20px;
	margin: 0px;
}
.obmConfirm {
	background-color: white;
	margin: 0px;
}
.obmConfirmtrue {
	background-color: rgb(226,226,226);
	width: 20px;
	height: 20px;
	margin: 0px;
	cursor: pointer;
}
.obmConfirmfalse {
	background-color: white;
	width: 20px;
	height: 20px;
	margin: 0px;
}

.imlang {
	background-color: rgb(255, 255, 0); 
	width: 20px;
	height: 20px;
	margin: 0px;
}
.imlang-dis {
	background-color: white;
	width: 20px;
	height: 20px;
	margin: 0px;
}
.pklang {
	background-color: LimeGreen;
	width: 20px;
	height: 20px;
	margin: 0px;
}
.pklang-dis {
	background-color: white;
	width: 20px;
	height: 20px;
	margin: 0px;
}
/*
-------- Confirmation Layout(delete article)--------
*/
.articleConf {
	text-align: center;
	width: 100%;
}

.articleConfCol1 {
	width: 50%;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
}
.articleConfCol2 {
	width: 50%;
	text-align: left;
	padding-top: 10px;

}
/*
-------- Notification Style classes --------
*/
.notCol1 {
	width: 20%;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
}
.notCol2 {
	width: 80%;
	text-align: left;
	padding-top: 10px;

}
/*
-------- Special Style classes --------
*/
.iceOutTxtBold {
	padding: 0px;
   font-size: 10pt;
    font-weight: bold;
    color: rgb(14,65,113);

}
.iceOutTxtBold2 {
	padding: 0px;
    font-size: 10pt;
    font-weight: bold;
    color: rgb(14,65,113);
}

/*
-------- Page Title classes --------
*/
.pageTitle {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}
/*
-------- Page Title Bar classes --------
*/
div.titlebar {/*background of titleBar*/
	width: 100% !important;
	height: 12px !important;
	background: url(./../img/title_bar.gif) center center repeat-x !important;
	white-space: nowrap !important;
	border: 0px !important;
	margin:0px !important;
	padding: 0px !important;
	line-height: 10pt !important;
}

div.titlebar table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 23px;
}

div.titlebar table tr {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.titlebar table tr td{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
div.titlebar span {/*Control titleBar text*/
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Helvetica, Arial, Verdana;
	color: #000000;
}
div.titlebar a {/*Control titleBar link*/
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Helvetica, Arial, Verdana;
}
div.titleBarIcon {/*Left Side icon of titleBar*/
	width: 14px;
	height: 23px;
	background-image: url(./../img/title_bullet_04.gif);
	margin: 0px;
	padding: 0px;
	border: 0px;
}
div.titleBarIconClose {/*Left Side icon of titleBar*/
	width: 14px;
	height: 23px;
	background-image: url(./../img/tree_nav_top_close_no_siblings.gif);
	margin: 0px;
	padding: 0px;
	border: 0px;
}
div.titleBarIconOpen {/*Left Side icon of titleBar*/
	width: 14px;
	height: 23px;
	background-image: url(./../img/tree_nav_top_open_no_siblings.gif);
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* new plaform */
.titlebar {/*background of titleBar*/
	width: 100% !important;
	height: 12px !important;
	background: url(./../img/title_bar.gif) center center repeat-x  !important;
	white-space: nowrap !important;
	border: 0px !important;
	margin:0px !important;
	padding: 0px !important;
	line-height: 10pt !important;
}
.titlebarCursor {
	cursor: pointer;
}
.titlebar .iceCmdLnk-dis {
	
	cursor: pointer !important;
	color: rgb(14,65,113);
}

.titlebar table {
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 23px;
}
.titlebarCol1 {
	text-align: left;
	width: 14px !important;
}

.titlebarCol2 {
	width: auto;
	text-align: left;
}
.titlebar a {
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Helvetica, Arial, Verdana;
}
.titlebar span {/*Control titleBar text*/
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: Helvetica, Arial, Verdana;
	color: #000000;
}

.titleBarIcon {/*Left Side icon of titleBar*/
	width: 14px;
	height: 23px;
	background-image: url(./../img/title_bullet_04.gif);
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.titleBarIconClose {/*Left Side icon of titleBar*/
	width: 14px;
	height: 23px;
	background-image: url(./../img/tree_nav_top_close_no_siblings.gif);
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.titleBarIconOpen {/*Left Side icon of titleBar*/
	width: 14px;
	height: 23px;
	background-image: url(./../img/tree_nav_top_open_no_siblings.gif);
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.titleBar .stopSignGroup  {
	background: url(./../img/mandatory.png)  center right no-repeat !important;
	width: 16px;
	height: 20px;
	border: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

/*
-------- Criteria Input Form classes --------
*/
table.inputForm {
	border: 0px;
	border-collapse: collapse;
 	border-spacing:0;
	padding: 0px;
	margin: 0px;
}
.inputForm tr {
	line-height: 20px;
}
.inputForm tr td{
	padding-left: 0px;
	line-height: 20px;
	text-align: left;
}

table.confirmForm {
	border: 0px;
	border-collapse: collapse;
 	border-spacing:0;
	padding: 0px;
	margin: 0px;
}
.confirmForm tr {
	line-height: 20px;
}
.confirmForm tr td{
	padding: 5px 0px 5px 10px;
	line-height: 20px;
}
/*
-------- Data Table Form classes --------
*/
.dataTablepnl {
	width: 855px;
}
.alignRight {
	text-align: right;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center !important;
}
/*
--------------- Data Table
*/
.datatablePanel {
	width:855px;
	overflow-x:Auto;
	overflow-y:Auto;
	text-align: left;
}

.scrollDatatable {
	overflow-x:Auto;
	*overflow-y: visible;
	/*height: 370px;*/
}

.scrollDatatableEnq {
	overflow-y:Auto;
	height: 88%;
}

.scrollDatatableNoHeight {
	overflow-y:Auto;
}


.scrollPopup {	
	overflow-y:Auto;
	overflow-x:hidden;
	height: 800px;
}

/*
--------------- Paging
*/
.iceDatPgr img {
	background-color: transparent;
	width: 23px;
	height: 16px;
	z-index: 100000;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.tableNoFrame {
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: separate;
	background-color: white;
}
table.tableNoFrame th {
	border-width: 0px;
	padding: 0px;
	background-color: white;
	-moz-border-radius: ;
}
table.tableNoFrame td {
	border-width: 0px;
	padding: 0px;
	background-color: white;
	-moz-border-radius: ;
	height: 20px;
}

.tableFooter {
	font-size:10pt;
	font-family: Helvetica, Arial, Verdana;
	border-width: 0px;
	border-color: yello;
}
.bordTableFooter {
	background-color: #FFFFFF;
    border: 1px solid #ABABAB;
    margin: 0px 0px 20px 0px;
    padding: 0px;
}
/*
-------- Other Input Select Classes --------
*/
.inputTiny, .inputTiny-dis{
	width: 60px !important;
}
.inputSmall {
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
/*	background-color:#fed;*/
	border:1px solid rgb(171, 171, 171);
/*
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-left: 2px;
	width: 80px;
	vertical-align: middle;
}
.inputNorm {
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
/*	background-color:#fed;*/
	border:1px solid rgb(171, 171, 171);
/*
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
	vertical-align: middle;
	width: 113px;
  	height: 18px;
  	margin: 0 2px;
  	padding: 0px 0px 0px 2px;
}

.inputSelect {
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
	border:1px solid rgb(171, 171, 171);
/*
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	vertical-align: middle;
	width: auto;
  	height: 30px;
}

.inputSelect-true {
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
	border:1px solid rgb(255, 255, 255);
/*
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	vertical-align: middle;
	width: auto;
  	height: 30px;
}

.inputSelect2 {
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
	border:1px solid rgb(171, 171, 171);
/*
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363; */
	vertical-align: middle;
	width: 200px;
  	height: 30px;
}

.inputXtraWide {
	width: 480px !important;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
	border:1px solid  rgb(171,171,171);
/*	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	vertical-align: middle;

}

.inputXtraWide2 {
	width: 480px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
	border:1px solid rgb(171,171,171);
/*	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363; */
	vertical-align: middle;
	height: 50px;
}

.inputXtraWide3 {
	width: 250px;
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
/*	background-color:#fed;*/
	border:1px solid  rgb(171,171,171);
/*	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
	vertical-align: middle;
	height: 50px;

}


.inputGWide {
	width: 300px;
      height: 50px;
	color: #000000;
	font-family:Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
/*	background-color:#fed;*/
	border:1px solid rgb(171, 171, 171);
/*
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc') !important;
	vertical-align: middle;
}
.inputGWide-dis {
	width: 300px;
      height: 50px;
	color: #000000;
	font-family:Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
	background-color:white;
	vertical-align: middle;
}

.inputGWide2 {
	width: 700px;
    height: 50px;
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
/*	background-color:#fed;*/
	border:1px solid rgb(171, 171, 171);
/*
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;*/
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc') !important;
	vertical-align: middle;
}
.inputGWide2-dis {
	width: 700px;
    height: 50px;
	color: #000000;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
	background-color:white;
	vertical-align: middle;
}

.inputGWide1 {
	width: 620px;
    height: 35px;
	vertical-align: middle;
}

.inputGWide3 {
	width: 620px;
    height: 60px;
	vertical-align: middle;
}
.inputGWide3-dis {
	width: 620px;
    height: 60px;
	vertical-align: middle;
}
.inputGWide4 {
	width: 450px !important;
    height: 100px !important;
	vertical-align: middle;
	overflow-y: hidden;
}

.inputGWide4-dis {
	width: 450px !important;
    height: 100px !important;
	vertical-align: middle;
	overflow-y: hidden;
	color: black;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='white',EndColorStr='white') !important;
	border: 1px black solid !important;
}
.inputGWide4-selected {
	width: 450px !important;
    height: 100px !important;
	vertical-align: middle;
	overflow-y: hidden;
	color: black;
	border: 1px black solid !important;
	background-color: transparent !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr=#fbc900,EndColorStr=#fbc900) !important;
}

.inputGWide5-dis {
	width: 225px !important;
    height: 130px !important;
	vertical-align: middle;
	overflow-y: hidden;
	color: #000000;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='white',EndColorStr='white') !important;
	border: 1px black solid !important;
}
.inputGWide5-selected {
	width: 225px !important;
    height: 130px !important;
	vertical-align: middle;
	overflow-y: hidden;
	color: #000000;
	border: 1px black solid !important; 
	background-color: rgb(252,197,29) !important;
	background: rgb(252,197,29) !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr=#fbc900,EndColorStr=#fbc900) !important;
}

.inputGWideEnquiryPopupNote {
	width: 620px;
    height: 180px;
	vertical-align: middle;
}

.inputTextAreaEdit {
  width:620px;
  height:60px;
  vertical-align:middle !important;
  font-size: 10pt !important;
  font-family: Helvetica, Arial, Verdana;
  color: #000000;
 /* border: 1px solid #CCCCCC;*/
}

.inputTextAreaEdit-dis {
  width:620px;
  height:60px;
  vertical-align:middle !important;
  font-size: 10pt !important;
  font-family: Helvetica, Arial, Verdana;
  color: #000000;
 /* border: 1px solid #CCCCCC;*/
}

.inputTextAreaEditShort {
  width:500px;
  height:30px;
  vertical-align:middle !important;
  font-size: 10pt !important;
}

.textAreaDescrGrid {
  height:60px; 
  width: 620px; 
  overflow: auto;
}

.inputTextAreaReadOnly {
	width: 450px;
    height: 100px;
	vertical-align: middle;
}

.inputTextAreaReadOnly-dis {
	width: 450px;
    height: 100px;
	vertical-align: middle;
}

.inputTextAreaEnable {
	font-family: Helvetica, Arial, Verdana !important;
	font-size: 10pt !important;
	font-weight:normal !important;
/*	background-color:#fed !important;*/
	border:1px solid !important;
	border-top-color:#696 !important;
	border-left-color:#696 !important;
	border-right-color:#363 !important;
	border-bottom-color:#363 !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc') !important;
}
.inputTextAreaAddr {
	height: 100% !important;
	width: 330px !important;
	cursor: pointer;
	overflow-x: hidden;
	overflow-y: auto;
	color: #000000 !important;
	border: 0px solid !important;
	margin-bottom: 5px;
	background-color: transparent !important;
		filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='white',EndColorStr='white') !important;
}

.inputTextAreaAddrNoMargin {
	margin: 0px !important;
}

.inputTextAreaSIPG {
	margin-bottom: 5px;
	background-color: white !important;
	vertical-align: bottom;
	display: -moz-inline-stack;
        display: inline-block  !important;
	*display: inline !important;
	text-align: left;
}

.inputTextAreaSI {
	width: 100% !important; 
	height: 100% !important;
	overflow: auto !important;	
	margin-bottom: 5px;
	color: black !important;
	border: 0px solid;
	background-color: transparent  !important;
		filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='white',EndColorStr='white') !important;
}
.inputTextAreaSISelected {
	width: 100% !important; 
	height: 100% !important;
	overflow: auto !important;	
	margin-bottom: 5px;
	color: black  !important;
	border: 0px solid !important;
	background-color: transparent !important;
	background: #fbc900 !important;
		filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr=#fbc900,EndColorStr=#fbc900) !important;
}
.specInstrRow{
	height: 100px !important;
}
.inputDateInput {
	color:#050;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	font-weight:normal;
/*	background-color:#fed;*/
	border:1px solid;
	border-top-color:#696;
	border-left-color:#696;
	border-right-color:#363;
	border-bottom-color:#363;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
	vertical-align: middle;
	/*width: 150px;
      height: 18px;
      margin: 0 0px;
  	padding: 0px 0px 0px 0px;
  	z-index: -1;
   position: absolute;
   display: block;*/

  /* filter: mask();*/
}

/*
-------- Popup Panel Title Classes --------
*/
.pageTitleText {
	font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;

	/*color:#565A5B;*/
}

/*
-------- Message Classes --------
*/
.errorMsg {
	color:red !important;
	font-size:10pt;
	font-family: Helvetica, Arial, Verdana;
	/*font-weight:bold;*/
	layout: list;
}

.infoMsg {
	color:green;
	font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	/*font-weight:bold;*/
	layout: list;
}

.warnMsg {
	color: #fcc51d !important;
	font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	layout: list;
}

.fatalMsg {
	color:green;
	font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	/*font-weight:bold;*/
	layout: list;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.errMsgPanel {
	white-space: nowrap;
}
div.cusError tr{
	display:expression((this.innerHTML.length <= 57) ? "none" : "block");
	overflow: hidden;
	white-space: nowrap;
}

.errorMsgLarge {
	color:red;
	font-size:10pt;
	font-family: verdana,arial,helvetica;
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
}

.infoMsgLarge {
	color:green !important;
	font-size:10pt;
	font-family: Helvetica, Arial, Verdana;
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
}

.fatalMsgLarge {
	color:red;
	font-size:10pt;
	font-family: Helvetica, Arial, Verdana;
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
}

.warnMsgLarge {
	color: orange;
	font-size:10pt;
	font-family: Helvetica, Arial, Verdana;
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
}
/*
-------- UserDuty --------
*/

.taskPanelRight {
	width: 50%;
}
.taskPanelLeft {
	width: 50%;
	padding-right: 10px;
}
.taskTable {
	border: 0px !important;
}
.taskText {
     font-family: Helvetica, Arial, Verdana;
     font-size:10pt;
    color:#464646;
     padding:  4px 20px 4px 20px;
     border-bottom:1px solid #e5e5e5;
     border-left:1px solid #e5e5e5;
     border-top:1px solid #e5e5e5;
     background-color:#fff;
     width: 40%;
}
.newtaskCountdiv {
	width: 250px !important;
	height: 20px;
}
.newtaskCount {
	width: 100% !important;
	height: 20px;
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline; /* for ie */ 
	 font-size: 0px;	/*in Chrome, remove the white margin betwenn the blocks  */
}

.newtaskCount div{
	white-space: nowrap;
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline; /* for ie */
}

.newtaskCount .newtaskCountGreen {
	background: url(./../img/taskgreen.png) center center repeat-x;
	height: 20px !important;
	text-align: center;
	cursor: pointer;
}

.newtaskCountGreenDouble { 
	background: url(./../img/taskgreendouble.png) center center repeat-x;
	height: 30px !important;
	text-align: center;
	cursor: pointer;
}

.newtaskCount .newtaskCountYellow{
	background: url(./../img/taskyellow.png) center center repeat-x;
	height: 20px !important;
	text-align: center;
	cursor: pointer;
}

.newtaskCountYellowDouble{
	background: url(./../img/taskyellowdouble.png) center center repeat-x;
	height: 30px !important;
	text-align: center;
	 margin-right: 4px;
	  margin-left: 4px;
	cursor: pointer;
}

.newtaskCount .newtaskCountRed {
	background: url(./../img/taskred.png) center center repeat-x;
	height: 20px !important;
	text-align: center;
	cursor: pointer;
}

.newtaskCountRedDouble {
	background: url(./../img/taskreddouble.png) center center repeat-x;
	height: 30px !important;
	text-align: center;
	cursor: pointer;
}

.newtaskCount .newtaskCountNoTask {
	background: url(./../img/taskgreen.png) center center repeat-x;
	height: 20px !important;
	width: 468px !important;
	text-align: center;
}

.newtaskCount .icePnlGrdCol1 {
	padding: 0px;
	margin: 0px;
	/*width: 100%;*/
}
.newtaskCount .icePnlGrdCol2 {
	padding: 0px;
	margin: 0px;
	text-align: right;
	/*width: 100%;*/
}

.taskTotalText {
	color:#464646;
	padding-left: 2px;
	padding-right: 20px;
}
.newtaskCountRed .iceOutTxt {
	text-align: center;
}
.newtaskCountYellow .iceOutTxt {
	text-align: center;
}
.newtaskCountGreen .iceOutTxt {
	text-align: center;
}

.taskLink-true {
	cursor: pointer !important;
}

.taskLink-false {
	cursor: default !important;
}
/*
-------- autoComplete facet table classes --------
*/
table.acPnl {
	border: 0px;
	border-spacing:0px;;
	padding: 0px;
	margin: 0px;
}
.acPnl tr {
	line-height: 10pt;
}
.acPnl tr td {
	line-height: 10pt;
	width:auto;
	padding: 0px 5px 0px 0px;
}
/*
--------------- Progress bar size
*/
.popupProg {
	width: 300px;
	height: 20px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: white;
}
.popupProgBody {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
/*
--------------- login page
*/
.headeline2 {
	font-weight: bold;
}

.inputbox {
	font-size:10pt;
	font-weight:normal;
	border:1px solid;
	border-collapse: collapse;
	vertical-align: middle;
	width: 250px;
  	height: 18px;
  	margin: 0 2px;
  	padding: 0px 0px 0px 2px;
  	background-color:white !important;
}
.loginButton {
	font-family: Helvetica, Arial, Verdana;
	width: 150px;
	height: 20px;
	font-size:10pt;
	background-color: white;
}
/*
--------------- Special Button
*/
.iceCmdBtnFixed {
	width: auto;
    height: "26px";
	font-size:10pt;
	overflow: hidden;
}

.inputemail {
	background-color: white !important;
	width: 280px;
	font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	color: #000000;
	height: 14pt;
}
.submitButton {
	vertical-align: bottom;
	text-align:right;
	padding-right: 15px;
	overflow:hidden;
	overflow-x:hidden;
	overflow-y:hidden;
}
/* START OUTPUT PROGRESS */
.uploadProgressBar .iceOutProg, .uploadProgressBar .iceOutProgBg, .uploadProgressBar {
    width: 350px;
    font-family: Helvetica, Arial, Verdana;
    font-weight:bold;
    text-align: left;
    vertical-align: middle;
}
/*File upload button*/
.fileUploadButton
 {
 	display: none;
 }
.fileUploadButton2 {
 	font-size: 10pt;
}
.fileUploadDiv {
	width: 350px !important;
 }
 
 .fileUploadMultiDiv {
	width: 500px !important;
 }
/*
-------- File Upload Div Classes --------
*/
.fireUpload {
	width:330px;
	height: 70px;
	vertical-align: top;
	text-align: left;
	position: absolute;
}
.fireUploaddiv {
	margin-left:36px;
	margin-top: 24px;
	position: absolute;
}

/* DATA PAGINATOR EXAMPLE */
.dataPaginatorDataTable {
    float: left;
    margin-top: 20px;
}

.paginatorPadRight {
	float: right;
	text-align: right;
}

div.clearer {
    clear: both;
    height: 0;
    line-height: .01em;
    padding: 0;
    margin: 0;
}
.exampleBox.panelSeriesContainer {
    width: 424px;
}

.exampleBox {
    margin: 15px 15px 0 0;
    padding: 15px;
    background: #FFF;
    border: 1px solid #d9d9d9;
    display: block;
    float:left;
}

.exampleBox a, .synopsisBox a, .exampleBox a:visited, .synopsisBox a:visited,
    .exampleBox a:hover, .synopsisBox a:hover {
    font-family: Helvetica, Arial, Verdana;
    font-weight: normal;
}

.exampleBox a, .synopsisBox a, .exampleBox a:visited, .synopsisBox a:visited {
    text-decoration: none;
}

.exampleBox a:hover, .synopsisBox a:hover {
    text-decoration: underline;
}

.exampleBox .iceMnuItm a:hover {
    text-decoration: none;
}

/* END OUTPUT PROGRESS */

/* Style button */
input.btnStyle1{
	background-color:#ddd;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
}

/*
------------ Custom Tab Control
*/
.buttonTabSel {
	border-right: 1px solid DarkGray ;
	border-top: 3px outset DarkGray  solid;
	border-left: 1px solid DarkGray ;
	border-bottom: 0px;
	/*background: #3399FF;*/
	background: DeepSkyBlue;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	height: 22px;
	width: 60px;
	padding: 0px;
	margin: 0px;
}

.buttonTab {
	border-right: 1px solid DarkGray;
	border-top: 1px outset DarkGray  solid;
	border-left: 1px solid DarkGray;
	border-bottom: 0px;
	background: WhiteSmoke;
	font-size: 10pt;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	height: 22px;
	cursor: hand;
	width: 60px;
}

.buttonTabSel .tablink {
	color: black;
	padding-left:25px;
	padding-top:2px;
	width: 50px;
	font-size: 10pt;
	font-weight: bold;
	height:20px;
	margin:0px;
}
.buttonTabSel .tablink2 {
	color: black;
	padding-top:2px;
	width: 70px;
	font-size: 10pt;
	font-weight: bold;
	height:20px;
	margin:0px;
	text-align: center;
}
.buttonTab .tablink {
	color: black;
	padding-left:25px;
	padding-top:2px;
	width: 50px;
	font-size: 10pt;
	height:20px;
	margin:0px;
}

.buttonTab .tablink2 {
	color: black;
	padding-top:2px;
	width: 50px;
	font-size: 10pt;
	height:20px;
	margin:0px;
	text-align: center;
}
.tabDelOL {
	background: url(./../img/tabCancel1.gif) right no-repeat;
	width: 20px;
	margin: 0px;
	height:20px;
	padding: 0px;
}

.tabDelOL:hover:after {
	background: url(./../img/tabCancel2.gif) right no-repeat;
	width: 20px;
	margin: 0px;
	height:20px;
	padding: 0px;
}

/*
--------------- Order Placement Tool CSS
*/
.colbg {
	background-color: rgb(14,65,113);
}

.nobg{
	background-color: PaleGreen !important;
}

.rowbg {
	background-color: white !important;

}

/* maintenance dynamic table use it */
.transColHd {
	width: auto !important;
	background: white!important;
	border: 1px solid #cccccc !important;
}


.transColHd2 {
}
.columnCenter {
	text-align: center;
}
.columnCenter .iceInpTxt{
	text-align: center;
}
.tabBorder {
	border-bottom: 1px solid DarkGray ;
	border-left: 1px solid DarkGray ;
	padding:4px 0px 4px 4px;
}
/*
-------- YUI AutoComplete Classes --------
*/
.acZindex {
	z-index: 100000;
}
/*
-------- Error Classes --------
*/
.inputTextError {
	background: red !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='red',EndColorStr='red') !important;
}

.inputTextError-dis {
	background: red !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='red',EndColorStr='red') !important;
}

.inputTableError {
	border: 2px solid red !important;
}

.inputTextErrorInput {
	background: red !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='red',EndColorStr='red') !important;

}
.inputTextErrorInput-dis {
	background: red !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='red',EndColorStr='red') !important;
}
.inputButtonError {
	background-color: red;
}
.inputButtonError-dis {
	background-color: red;
}
/*
-------- Print Preview Class --------
*/
.icePnlClpsblHdrPreviewHdr-dis{
	border-bottom: 1px solid black !important;
}
.icePnlClpsblHdrPreview-dis{
	border-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	background: none;
	cursor: default;
}
.icePnlClpsblHdrPreview-dis div{
	margin: 0px;
	padding-top: 0px;
	border: 0px;
	background: none;
}
.icePnlClpsblHdrPreview-dis .iceOutTxt {
 	padding-left: 0px;
 	font-size: 10pt;
	margin: 0px;
	border: 0px;
	font-family: Helvetica, Arial, Verdana;
	color: black;
}
.iceSelBoolChkbx-dis{
	padding: 0px;
	margin: 0px;
	border: blue;
}
.iceSelBoolChkbx-dis2{
	color: black;
}
/*
-------- Stop Sign Icon Item Level --------
*/
.stopSignItem {
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 100%;
	background: url(./../img/mandatory.png)  center right no-repeat ;
}
.stopSignItem .stopSignItemCol1{
	width: 90%;
}
.stopSignItem .stopSignItemCol1 .iceOutLbl {
	font-family: Helvetica, Arial, Verdana;
	white-space: normal;
	text-align: left;
}
.stopSignItem .stopSignItemCol2 {
	width: 10%;
}
.stopSignItem .stopSignItemCol2 .iceOutTxt  {
	background: url(./../img/mandatory.png)  center right no-repeat ;
	width: 16px;
	height: 16px;
	border: 0px;
	text-align: right;
}

.stopSignItem2 {
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 100%;
}

.stopSignItem2 .stopSignItemCol1 {
	width: 90%;
}

.stopSignItem2 .stopSignItemCol1 .iceOutLbl {
	font-family: Helvetica, Arial, Verdana;
	white-space: normal;
	text-align: left;
}

.stopSignItem2 .stopSignItemCol2 {
	width: 10%;
}

.stopSignItem2 .stopSignItemCol2 .iceOutTxt  {
	background: url(./../img/stopSign_blank.gif)  center right no-repeat 16px 16px;
	width: 16px;
	height: 16px;
	border: 0px;
	text-align: right;
}
/*
-------- Stop Sign Icon Group Level --------
*/
.stopSignGroup .stopSignGroupCol2 {
	background: url(./../img/mandatory.png)  center right no-repeat !important;
	width: 16px;
	height: 20px;
	border: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
.stopSignGroup2 .stopSignGroup2Col2 {
	background: url(./../img/mandatory.png)  center right no-repeat !important;
	width: 16px;
	height: 20px;
	border: 0px;
	padding: 0px;
	text-align: left;
	display: none;
}



.stopSignGroupCol1 .iceOutTxt {
	height: 18px !important;
}
.stopSignGroupCol2 .iceOutTxt {
	height: 18px !important;
}


/*
-------- Help Icon Sign --------
*/
.helpSign {
	text-align: left !important;
	vertical-align: top;
}

/*
-------- Article Master General Information --------
*/
.CusLayoutTopPanel {
	overflow:hidden;
	overflow-x:hidden;
}
.seperateline {
/*	background: url(../img/dot.gif) repeat-x;*/
	padding-top: 8px;
}

.seperateLayoutBottom {
	width: 100%;
	text-align:right;
	padding-right: 15px;
	overflow:hidden;
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline; /* for ie */
}

.seperateLayoutBottomEnquiry{
	height: 40px;
	overflow: auto;
	width: 100%;
	text-align:left;
/*	padding-right: 15px;*/
	overflow:hidden;
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline; /* for ie */
}

.valignTop {
	vertical-align: top !important;
}
.valignSuper {
	vertical-align: super !important;
}
.valignBottom {
	vertical-align: bottom !important;
}
.valignMiddle {
	vertical-align: middle !important;
}
.artlCol {
	width: 90px;

	white-space: nowrap;
}
/*
-------- Article Master Washing instruction --------
*/
.washInstr {
	padding:2px !important;
	width: 100px !important;
	text-align: center !important;
}
/*
-------- Article Master Customer Up/Down Charge --------
*/
.upDownChrTbl {
    margin: 0px 0px 0px 0px;
    padding: 0px;
   	border: 0px;
}

.upDownChrTbl table{
	border-collapse:collapse;
	border: 0px;
}

.upDownChrTbl span {
	white-space: nowrap;
}

.upDownChrTblColHdr, .upDownChrTblColHdr1, .upDownChrTblColHdr2, .upDownChrTblGrpHdrCol{
/* was iceTblHeader */
	padding:0px;
	margin: 0px;
	background: transparent;
    font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	font-weight:bold;
	vertical-align: middle;
}
.upDownChrTblCol, .upDownChrTblCol1, .upDownChrTblCol2 {
	background-color: white;
	font-family: Helvetica, Arial, Verdana;
	color: #000000;
	padding: 0px;
	border: 1px solid black;
	margin: 0px;
}

.upDownChrTbl .col1 {
	background-color: rgb(14,65,113);
	width: 10px !important;
	text-align: center;
	white-space: nowrap;
	border-right: 1px solid black;
	margin: 0px;
	padding: 0px;
}

.upDownChrTbl .actionLink{
	background-color: rgb(14,65,113);
	border-right: 1px solid black;
	margin: 0px;
	padding: 0px;
}

.upDownChrTbl .actionLink .iceCmdLnk {
	color: white !important;
	font-weight: bold;
	white-space: nowrap;
	width: 30px !important;
	line-height: 30px !important;
	text-align: center;
}

.upDownChrTbl .col2 {
	width: 100%;
	border: 0px solid black;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.upDownChrTbl .col2-true {
	width: 100%;
	border: 0px solid black;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: red;
}
.upDownChrTbl .col2-false {
	width: 100%;
	border: 0px solid black;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.upDownChrTbl .upDownText{
	font-weight: bold;
	margin: 5px;
	color: white;
}
.upDownChrTbl .upDownText2{
	font-weight: bold;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.upDownChrTbl .upDownLnk{
	width: 100%;
	padding: 5px;
	text-align: center;
}
.upDownChrTbl .upDownLnk-dis{
	width: 100%;
	padding: 7px;
}

.upDownChrTbl .upDownLnk-dis2{
	padding: 5px;
	width: 60px;
}

.upDownChrTbl .upDownInput{
	padding: 0px !important;
	margin: 0px !important;
	width: 60px !important;
	border: 0px !important;
	overflow: hidden;
	vertical-align: top;
	text-align: center;
}
.upDownChrTbl .selectedText4 {
	background: rgb(226,226,226) !important;
	background-color: rgb(226,226,226) !important;
	background-image: none !important;
	padding: 7px 5px;
	width: 100%;
	height: 100%;
	font-weight: bold;
	color: black !important;
}
.upDownChrTbl .test1 {
	
	width: 30px;
	text-align: left;
	white-space: nowrap;
	border-right: 0px solid black;
	margin: 0px;
	padding: 0px;
}

.upDownChrTbl .test2 {
	border-left: 0px solid black;
	border-right: 0px solid black;
	width: 75px;
	text-align: center;
	margin: 0px !important;
	padding: 0px;
}

.upDownChrTbl .test3 {
	/*background-color: gold;*/
	border-left: 0px solid black;
	border-right: 0px solid black;
	width: 30px;
	text-align: center;
	margin: 0px !important;
	padding: 0px;
}

.upDownChrTbl .test4 {
	/*background-color: LimeGreen;*/
	border-left: 0px solid black;
	border-right: 0px solid black;
	width: 30px;
	text-align: center;
	margin: 0px !important;
	padding: 0px;
}

.upDownChrTbl .chkBox1 {
	border-left: 0px solid black;
	border-right: 0px solid black;
	width: 75px !important;
	text-align: center;
	margin: 0px !important;
	padding: 0px;
}
.upDownChrTbl .upDownInput-dis{
	padding: 0px !important;
	margin: 0px !important;
	width: 60px !important;
	border: 0px !important;
	overflow: hidden;
	vertical-align: top;
	text-align: center;
}
.upDownChrTbl .upDownInput2{
	padding: 0px;
	margin: 0px !important;
	width: 75px;
	border: 0px !important;
	overflow: hidden;
	vertical-align: top;
	text-align: center;
}
.upDownChrTbl .upDownInput2-dis{
	padding: 0px !important;
	margin: 0px !important;
	width: 75px !important;
	border: 0px !important;
	overflow: hidden;
	vertical-align: top;
	text-align: center;
}

.upDownChrTbl .selectCheckbox {
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}

.upDownChrTbl .selectCheckboxLeft {
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	border-right: 1px solid black
}

.upDownChrTbl .selectCheckboxRight {
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}

.upDownPopupCol1, .upDownPopupCol2 {
	padding: 2px;
}

.upDownChrBlockedIcon {
	background-color: Red;
	width: 30px;
	height: 30px;
}
/*
-------- Artl Master Packaging Table --------
*/
.artlPack {
	margin-top: 5px!important;
	padding: 0px;
	z-index: 0 !important;
}
.artlPack .colTree{
	vertical-align: top;
	border: 1px solid #ababab;
	margin: 0px;
	padding: 0px;
}
.artlPack .colPackg{
	vertical-align: top;
	border: 1px solid #ababab;
	margin: 0px;
	padding: 0px;
}
.artlPack .colImg{
	vertical-align: top;
	margin: 0px;
	padding: 5px;
	width: 40%;
}

.artlPack .colImgPresetPackg{
	vertical-align: top;
	margin: 0px;
	padding: 5px;
	width: 30%;
}

.colPackgNoBorder{
	vertical-align: top;	
	margin: 0px;
	padding: 0px;
}

.chargeDescr{
	width: 350px !important;
}

/*
-------- Artl Master eqcFile Table --------
*/
.notePopup {
	width: 350px !important;
	height: 220px !important;
}

/*
-------- Artl Master eqcFile Table --------
*/
.eqcPopup {
	width: 600px !important;
	height: 140px !important;
}

.eqcFileTabCol {
	text-align: center;
	white-space: nowrap;
}

.eqcCusTbl .selected {
	background: white;
}

.eqcCusTbl .selectedText {
	background: green !important;
	background-color: green !important;
	background-image: none !important;
	border: 0px;
	margin: 0px;
	padding: 5px;
	width: 100%;
	height: 100%;
	font-weight: bold;
}
.eqcCusTbl .selectedText2 {
	background: rgb(226,226,226) !important;
	background-color: rgb(226,226,226) !important;
	background-image: none !important;
	border: 0px;
	margin: 0px;
	padding: 5px;
	width: 100%;
	height: 100%;
	font-weight: bold;
}

.eqcCusTbl .selectedText3 {
	background: green !important;
	background-color: green !important;
	background-image: none !important;
	border: 0px;
	margin: 0px !important;
	padding-top: 7px !important;
	width: 100%;
	height: 30px !important;
	font-weight: bold;
	vertical-align: bottom !important;
}
.eqcCusTbl .selectedText4 {
	background: rgb(226,226,226) !important;
	background-color: rgb(226,226,226) !important;
	background-image: none !important;
	border: 0px;
	margin: 0px !important;
	padding-top: 7px !important;
	width: 100%;
	height: 30px !important;
	font-weight: bold;
	vertical-align: bottom !important;
}
.eqcCusTblCol, .eqcCusTblCol1, .eqcCusTblCol2{
	padding: 0px !important;
	margin: 0px !important;
    border: 1px solid black;
	text-align: center;
	position: fixed;
	width: 30px !important;
	height: 30px !important;
}

.packageTblCol1{
    width: 25%;
    text-align: left;
}
.artworkAlignTop{
	vertical-align: top;
	padding: 0px 0px;
	overflow: hidden;
}

.zeroBorderSpacing{
	border-spacing: 0px;
}


/*
-------- Artl Master Artwork Information --------
*/
.artWorkCusTbl {
    margin: 0px;
    padding: 0px;
   	border: 0px;   	
}

.artWorkCusTbl .cusText{
	font-weight: bold;
	margin: 4px;

}

.artWorkCusTbl .selectedText2 {
	background: rgb(226,226,226) !important;
	background-color: rgb(226,226,226) !important;
	background-image: none !important;
	border: 0px;
	margin: 0px;
	padding: 5px;
	width: 100%;
	height: 100%;
	font-weight: bold;
}

.artWorkCusTbl .selectedText4 {
	background: rgb(226,226,226) !important;
	background-color: rgb(226,226,226) !important;
	background-image: none !important;
	padding: 7px 5px;
	width: 100%;
	height: 100%;
	font-weight: bold;
	color: black !important;
}

.normal1 {
	width: 30px;
	height: 30px;
	margin: 0px;
}

.normal12 {
	width: 15px;
	height: 30px;
	margin: 0px;
}

.coreRange {
	background-color: rgb(252,197,29);
	width: 30px;
	height: 30px;
	margin: 0px;
}

.coreRange2 {
	background-color: rgb(252,197,29);
	width: 15px;
	height: 30px;
	margin: 0px;
}

.blocked2 {
	background-color: Red;
	width: 15px;
	height: 30px;
	margin: 0px;
}

.artWorkCusTbl table{
	border-collapse:collapse;
	border: 0px;
}

.artWorkCusTbl span {
	white-space: nowrap;
}

.artWorkCusTblColHdr, .artWorkCusTblColHdr1, .artWorkCusTblColHdr2, .artWorkCusTblGrpHdrCol{
	padding:0px;
	margin: 0px;
	background: transparent;
    font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
}
.artWorkCusTblCol, .artWorkCusTblCol1, .artWorkCusTblCol2 {
	font-family: Helvetica, Arial, Verdana;
	color: #000000;
	padding: 0px;
	border: 0px;
	margin: 0px;
    text-align:center;
	background-color: white;
}
.artWorkCusTbl .col1 {
	background-color: rgb(226,226,226) grey;
	width: 30px;
	text-align: center;
	white-space: nowrap;
	border: 1px solid black;
	margin: 0px;
}
.artWorkCusTbl .col2 {
	padding: 2px;
	width: 30px;
	border: 1px solid black;
	text-align: center;
	margin: 0px;
}
.artWorkCusTbl .col3 {
	padding: 0px;
	width: 30px;
	border: 1px solid black;
	text-align: center;
	margin: 0px;
}

.artWorkCusTbl .col4 {
	padding: 0px;
	width: 30px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	text-align: center;
	margin: 0px;
}

.artWorkCusTbl .col5 {
	padding: 0px;
	width: 15px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	margin: 0px;
}

.summaryTable {
	background: white;
	background-color: white;
	border-bottom: 2px dotted red;
}

.summaryDiv {
	border: 1px double black;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/*
-------- AddressBook --------
*/
.addressSel {
	background-color: white;
	cursor: pointer;
	margin-top: 10px !important;
}
.addressSelCol1 {
	padding-top: 5px;
	width: 100px;
}
.addressSelCol2 {
	padding-top: 5px;
	width: 180px;
}
.addressSelCol3 {
	padding-top: 5px;
	width: 90px;
}
.addressSelCol4 {
	padding-top: 5px;
	width: 180px;
}
.addressSel .iceOutTxt{
	color: black !important;
}
.ordAddressSel {
	background-color: white;
	cursor: pointer;
	margin-top: 10px !important;
	margin-right: 5px;
}

.ordAddressSelBook {
	height: 100px;
	width: 100%;
	overflow-y: auto;
}

.ordAddressSelDvlyLoc {
	height: 110px;
	width:100%;
}
/*
-------- Urgency of task list--------
*/
.urgency0 {
	background-color: #00ff00 !important;
}
.urgency1 {
	background-color: yellow !important;
}
.urgency2 {
	background-color: #ff0000 !important;
}


/*
-------- dynamic table start --------
*/
.standardTable { /* was iceDataTblOutline */
    border: 0px solid #ABABAB !important;
    margin: 0px 0px 0px 0px !important;
}


.dynamicTable {
    padding: 0px;

    border-bottom: 0px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-collapse: separate;

    border: 0px solid #ABABAB !important;
    margin: 0px 0px 0px 0px !important;
}

.enquiryDataResult {
	/*height: 387px; */
}

/* used by assortment dynamic table */
/* control the table behaviour table */
/* margin 0 is for avoioding layer changing in border */
.maintenanceDynamicTable {
    padding: 0px !important;

    border-bottom: 0px;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;

    border: 0px solid #ABABAB !important;
    margin: 0px 0px 0px 0px !important;
}




/* padding control the space between the word and border */
/* border is required for the line between cell */
/* this one affect COLUMS footer as well */
.maintenanceDynamicTableHdr {
    padding: 4px !important;

    border-bottom: 0px !important;
    border-left: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;

    border: 1px solid #ABABAB !important;
    margin: 0px 0px 0px 0px !important;
}

/* special cater for footer */
/* this one affect COLUM footer */
.maintenanceDynamicTableFtr {
    padding: 0px !important;

    border-bottom: 0px !important;
    border-left: 1px !important;
    border-top: 0px !important;
    border-right: 1px !important;

    border: 1px solid #ABABAB !important;
    margin: 0px 0px 0px 0px !important;
}


.dynamicTable td {
	padding:0px !important;
    margin: 0px !important;
}


/* keep space between cell content and border */
.dynamicTable .dynamicColumn {
    padding: 5px !important;
}
.dynamicTable .pointer {
    cursor: pointer;
}

/* border can set to > 0 for the moving lock cell border if the height and width is 100% */
/* padding set to 4px so that the wording will be in the centre of the cell with enough space arond it */
/* height and width setting required for look like column level */
.lockedCellStyle {
    background-color: white !important;
    white-space: nowrap;

	border: 0px solid #cccccc !important;
	padding:4px 0px 0px 0px !important;
	margin: 0px !important;
	height: 100% !important;
	width: 100% !important;
}

div.scrollingDataGrid {
	POSITION: relative; OVERFLOW-X: auto
}

div.scrollingDataGrid .locked {
	POSITION: relative
}

div.scrollingDataGrid .locked {
	; LEFT: expression(this.offsetParent.scrollLeft)
}
 

/* lock column end */

/* lock column first row start */
/* locked first row */
div.scrollingDataGrid table thead tr {
	POSITION: relative
}

/* locked first row */
div.scrollingDataGrid table thead tr {
	; TOP: expression(this.offsetParent.scrollTop)
}


/* locked first row and first column */
div.scrollingDataGrid thead .locked {
	; LEFT: expression(this.offsetParent.offsetParent.scrollLeft)
}

/* individual cell */
div.scrollingDataGrid tbody .locked {
	; LEFT: expression(this.offsetParent.scrollLeft)
}

/* lock column first row end */


/* z layer start */
/* individual cell */

div.scrollingDataGrid td {
	z-index: 1
}
div.scrollingDataGrid th {
	z-index: 1
}
div.scrollingDataGrid td.locked {
	z-index: 2
}
div.scrollingDataGrid th.locked {
	z-index: 2
}
div.scrollingDataGrid thead TR {
	z-index: 3
}
div.scrollingDataGrid thead tr th.locked {
	z-index: 4
}


/* use tfoot as body part */
div.scrollingDataGrid tfoot tr td.locked {
	z-index: 2
}

/* z layer end */


/* border-bottom color start - not being used yet */
/* for the line between cell */
table.dynamicTableWithFreezeComponentBorder td {
	border-bottom: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right: #cccccc 1px solid
}
table.dynamicTableWithFreezeComponentBorder TH {
	border-bottom: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-right: #cccccc 1px solid
}

/* border-bottom color end */


/*
-------- dynamic table end --------
*/


/*
-------- Article Master Multiple Supplier TabControl--------
*/
.tabControl {
    margin: 0px;
    padding: 0px;
    overflow-y: hidden;
}

.tabControl .iceCmdLnk {
	white-space: normal;
	font-size: 10pt;
	font-family: Helvetica, Arial, Verdana;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 2px;
	cursor: pointer;
	vertical-align: middle;
	height: 26px;
	-moz-outline-style: none;
}

.tabControl .tabLayout {
	border: 1px solid gray !important;
	text-align: center !important;
	white-space: nowrap !important;
	display: -moz-inline-stack;
    *display: inline; /* for ie */
	cursor: pointer;
	vertical-align: bottom;
	height: 28px;
	-moz-outline-style: none;
}

.tabControl .tabSelected-true {
	background: rgb(252,197,29);
}
.tabControl .tabSelected-false {
	background: rgb(226,226,226);
}
.tabControl .tabSelected-true .iceCmdLnk{
	color: #000000 !important;
}
.tabControl .tabSelected-false .iceCmdLnk{
	color: rgb(252,197,29) !important;
}

.tabControl .suppTabSelected-true {
	background: rgb(14,65,113);
}
.tabControl .suppTabSelected-false {
	background: rgb(226,226,226);
}
.tabControl .suppTabSelected-true .iceCmdLnk{
	color: white !important;
}
.tabControl .suppTabSelected-false .iceCmdLnk{
	color: rgb(14,65,113) !important;
}
.tabControlTabBorder {
	border:1px solid gray;
	padding-left: 2px;
}
/*
-------- Home User Setting --------
*/
.dragDiv {
	width: 400px;
}
.dragPanel {
	cursor:move;
}
.dragText {
	padding: 5px;
	cursor:move;
	border: 1px solid #ABABAB;
}

.dragText .iceOutTxt{
	color: #000000 !important;
	font-size: 10pt;
}
/* reduce focus border of button */
:focus { -moz-outline-style: none; }


.colorPickIn {
	BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid; PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; BORDER-TOP: black 2px solid; BORDER-RIGHT: black 2px solid; PADDING-TOP: 4px
}

.colorPickOut {
	BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid; PADDING-TOP: 5px
}

/*
-------- Common Popup Panel --------
*/
.popupHeader {
	text-align: left;
	width: 100% !important;
}
.popupHeaderCol1 {
	cursor: default;
	text-align: center !important;
}
.popupHeaderCol2 {
	text-align: right !important;
}
.popupHeader .iceOutTxt{
	color: #FFFFFF !important;
}
.popupHeader .iceCmdBtn {
	cursor: pointer;
	width: 14px;
	height: 14px;
	border: 0px;
	background: url('../img/tabClose.gif') no-repeat top left;
	position: absolute;
	right: 1px;
	top: 15px;
	overflow: hidden;
}
.popupBtn {
	text-align: right !important;
	width: 100% !important;
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline; /* for ie */
}
/*
-------- Common Panel --------
*/
.halfPanel {
	width: 50% !important;
	vertical-align: top !important;
}
.defFullLayout {

}
.defFullLayoutCol1 {
	width: 120px !important;
}
.defFullLayoutCol2 {
	width: 315px !important;
}
/*
--------------- Testing
*/

.tablinka {
	height: 22px;
	width: 80px;
	color:black;
	background: DeepSkyBlue;
	text-align: center;
	vertical-align: middle;
	/*border-right: 1px solid DarkGray ;*/
	border-top: 3px outset DarkGray  solid;
	border-left: 1px solid DarkGray ;
	border-bottom: 0px;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

.tabDelOLa {
	border-right: 1px solid DarkGray ;
	border-top: 3px outset DarkGray  solid;
	border-bottom: 0px;
	background: DeepSkyBlue;
	/*background: url(./../img/close_icon.gif) left no-repeat DeepSkyBlue;*/
	width: 12px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	vertical-align: middle;
}

.TestbuttonTabSel {
	border-right: 1px solid DarkGray ;
	border-top: 3px outset DarkGray  solid;
	border-left: 1px solid DarkGray ;
	border-bottom: 0px;
	/*background: #3399FF;*/
	background: DeepSkyBlue;
	font-size: 10pt;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	height: 22px;
	width: 80px;
	padding: 0px;
	margin: 0px;
}
.testtablink {
	color: black;
	padding-left:0px;
	padding-top:2px;
	font-size: 10pt;
	font-weight: bold;
	margin:0px;
	width: 70%;

}
.testtabDelOL {
	background: url(./../img/tabCancel1.gif) center no-repeat;
	width: 30%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.TestbuttonTab {
	border-right: 1px solid DarkGray;
	border-top: 1px outset DarkGray  solid;
	border-left: 1px solid DarkGray;
	border-bottom: 0px;
	background: WhiteSmoke;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	height: 22px;
	cursor: hand;
	width: 100px;
}
inputTableRowError1 td {
}
.inputTableRowError2 td {
	background-color: red;
}

.tt{
	border: 1px solid #ABABAB;
}
.ttCol1 {
	text-align: center;
	vertical-align: top;
}
.ttCol2 {
	text-align: center;
	vertical-align: top;
}
.ttRow1 .ttCol1,.ttRow1 .ttCol2{
	border-bottom: 1px solid #ABABAB;
}
.selectlist {
	width: 250px;
	/*width: expression((this.innerHTML == "") ?  "250px" : "auto") !important;*/
	overflow: auto;
	height:140px
}

.asCompExPopupLineCol1, .asCompExPopupLineCol2{
}
.linktest {
	padding: 0px !important;
	margin: 0px !important;
	border: 1px solid black;
}

.tempDiv div{
	position: relative; !important;
	top: 0px !important;
	overflow: auto !important;
	visibility:hidden;
}

.iceDatTblColCenter {
	text-align: center;
	white-space: nowrap;
}
.tseing {
	left: 30px !important;
	top: 20px !important;
}
div.errMsgPanel2 {
  	color:#050;
	font-size: 10pt;
	font-weight:normal;
	background-color: pink;
	z-index:2;
  	filter:alpha(opacity=75);
  	-moz-opacity:0.75;
	border:1px solid;
	border-top-color:red;
	border-left-color:red;
	border-right-color:red;
	border-bottom-color:red;
	vertical-align: middle;
	margin: 0 0px;
  	padding: 0px 0px 0px 2px;
}
.ttttt {
	height: 200px !important;
	width: 100%;
}
.tttttLeft {
	width: 14%;
	vertical-align: top;
}
.tttttRight {
	vertical-align: top;
	width: 86%;
}
.layoutTr {
	vertical-align: top;

}

/*
-------- Testing for panelPositioned --------
*/
.container{
    background: #FFF;
    color: #484848;
    padding-left: 5px;
    font-weight: normal;
    width: 100%;
    border: 1px solid #d9d9d9;
}

.moveLabel {
    background: url( '../img/move-arrow2.gif' ) no-repeat center left;
    padding: 0px 0 0 25px;
    height: 20px;
    vertical-align: text-top;
}
.pnlPos {
	text-align: right;
}

.inlineDisplay{
	text-align: center !important;
	white-space: nowrap !important;
	display: -moz-inline-stack;
    display: inline-block;
	*display: inline;
	vertical-align: bottom;
	-moz-outline-style: none;
	width: 20px;
	margin: 0px;
    padding: 0px;
}

/*
Timeline Display
*/
.timeline {
	margin: 0px;
    padding: 0px;
	border: 0px !important;
	border-collapse: collapse !important;
 	border-spacing: 0px !important;
 	font-size: 0px;
 	margin-top: 2px;
 	*margin-top: 0px;
}
.timelineBG {
	background: rgb(0,63,113) !important;
	text-align: center !important;
 	width: 80px;
}
.timelineBGShort {
	background: rgb(0,63,113) !important;
	text-align: center !important;
 	width: 37px;
 	*width: 40px;
 	height: 20px;
}
.timelineBGShort2 {
	background: rgb(0,63,113) !important;
	text-align: center !important;
 	width: 26px;
 	*width: 25px;
 	height: 20px;
}
.timelineHdr {
	height: 40px;
}
.timelinePinFixed {
	width: 5px;
	height: 20px;
}
.timelinePinEmpty {
	width: 5px;
	height: 20px;
}
.timelinePin {
	margin-left:37px;
	*margin-left:0px;
	background: rgb(0,63,113);
}
.timelineDiv {
	display: -moz-inline-stack;
    display: inline-block ;
    *display: inline; /* for ie */
	vertical-align: bottom;
	height: 60px;
	-moz-outline-style: none;
	text-align: center;
}
.timelineDiv2 {
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline; /* for ie */
	vertical-align: bottom;
	-moz-outline-style: none;
	text-align: left;
	width: 120px;
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
}
.timelineDiv3 {
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline; /* for ie */
	vertical-align: bottom;
	-moz-outline-style: none;
	text-align: center;
	width: 150px;
	*width: 160px;
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
}
.timelineDiv4 {
	display: -moz-inline-stack;
    display: inline-block;
    *display: inline; /* for ie */
	vertical-align: bottom;
	-moz-outline-style: none;
	text-align: center;
	width: 60px;
	*width: 40px;
	height: 10px;
	margin: 0px !important;
	padding: 0px !important;
}

.timelineDescrOne {
	width: 120px;
}
.timelineDescr {
	height:18px;
	width: 160px;
}
.timelineEnd {
	width: 120px !important;
}
#imgbox
{
    vertical-align : middle;
    position : absolute;
    border: 1px solid #999;
    background : #FFFFFF;
    filter: Alpha(Opacity=100);
    visibility : hidden;
    height : 200px;
    width : 200px;
    z-index : 50;
    overflow : hidden;
    text-align : center;
}
tooltipTop {
	background: #91bce8;
}
.tooltip2 {
	padding: .8em;
	width: 12em;
	background: #91bce8;
	border-width: 2px !important;
	border-color:#999;
	position: absolute;
}
.tooltip2 .pointer, .tooltip .inner-pointer {
	position: absolute;
	width:0;
	height:0;
	border-bottom-width: 0;
	background: none;
}
.tooltip2 .pointer {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 14px solid #999;
	bottombottom:    -14px;
	rightright: auto;
	left: 5%;
	margin-left: -7px;
}
.tooltip2 .inner-pointer {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #91bce8;
	bottombottom:    auto;
	top: -14px;
	left: -5px;
}

/*-------- Lead Time -------------*/

.calendarHeader {
	width: 600px;
}

.calendarHeader .calendarTitle {
	TEXT-ALIGN: center;
	COLOR: #000000;
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}

.calendarHeader .navigateLink {
	FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}

.calendarHeader TD {
	WIDTH: 14%;
}

.calendarTable {
	width: 600px;
}

.calendarTable TH {
	height: 25px;
}

.calendarTable TD {
	WIDTH: 14%;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	HEIGHT: 100%;
}

.calendarTable .calendarDayWeekday {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 20px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	FLOAT: left;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	FONT-FAMILY: Helvetica, Arial, Verdana;
	FONT-SIZE: 15px;
	FONT-WEIGHT: 200;
	HEIGHT: 40px;
}

.calendarTable .calendarDayToday {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 20px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	FLOAT: left;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	FONT-FAMILY: Helvetica, Arial, Verdana;
	FONT-SIZE: 15px;
	FONT-WEIGHT: 200;
	HEIGHT: 40px;
}

.calendarTable .calendarDayWeekend {
	TEXT-ALIGN: left;
	PADDING-BOTTOM: 20px;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	FLOAT: left;
	BORDER-TOP: medium none;
	BORDER-RIGHT: medium none;
	FONT-FAMILY: Helvetica, Arial, Verdana;
	FONT-SIZE: 15px;
	FONT-WEIGHT: 200;
	HEIGHT: 40px;
	COLOR: #ff7575;
}

.calendarTable .calendarCellWeekday {
	BACKGROUND-COLOR: #ffffff;
	WIDTH: 100%;
	HEIGHT: 100%;
}

.calendarTable .calendarCellToday {
	BACKGROUND-COLOR: #ffff9b;
	WIDTH: 100%;
	HEIGHT: 100%;
}

.calendarTable .calendarCellWeekend {
	BACKGROUND-COLOR: #ffffff;
	WIDTH: 100%;
	HEIGHT: 100%;
}

/*-------- notificaiton --------*/
.newNotificationAlert {
	color:red;
}

.addressPopupTableWide {
	width: 750px;
}

/*-------export-------*/
.screenSplitLeft {
	width: 60% !important;
	overflow-x: auto;
	/*background: #fff;*/
}

.screenSplitRight {
	width: 40% !important;
	overflow-x: auto;
}

.exportDatatablePanel {
	width: 1500px;
	overflow-x: auto;
	text-align: left;
}

.exportImagePanel {
	overflow-y: auto !important;
	overflow-x: auto !important;
	padding-top: 0px !important; 
	margin-top: 0px !important;
	background-color: #C3C3C3;
}


.previewArea { overflow-x: auto; overflow-y: auto; padding-top: 10px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px;}

.exportDataTablepnl {
	width: 1000px;
	overflow-x: auto;
}

.exportDatatablePanelHalf {
	width: 930px;
	overflow-x: auto;
	text-align: left;
}


.exportDataTablepnlHalf {
	width: 860px;
}

.bigBlackTextBold {
	font-size: 10pt;
	color: black;
	font-weight: bold;
}

.paddingRight {
	padding-right: 0px !important;
	text-align: right !important;
	margin-right: 0px !important;
	
}

.paddingLeft {
	padding-left: 0px !important;
	text-align: left !important;
	margin-left: 0px !important;	
}

.notificationBody {
	width: 855px;
	heigth: 750px;
}

.defaultHighcharts {
	width: 485px; 
	height: 200px;
	margin: 0 auto;
}

.exportDocCheckingHeader1 {
	width: 15%; 
	text-align: left;
	white-space: nowrap;		
}

.exportDocCheckingHeader2 {
	width: 25%; 
	text-align: center;
	white-space: nowrap;		
}
/*-------misc-------*/
.width100Percent {
	width: 100%;
}

/*-------Tab Panel-------*/
.NewIMSTabPanelGrp { /* tab outmost DIV */
	border: 0px;
	border-collapse: collapse;
 	border-spacing:0px;
	padding: 0px;
	margin: 0px;
}

.NewIMSTabPanelSet { /* outmost table */
    width: 100%;
}

.NewIMSTabPanel { /* Unknown dummy tab menu class */
}

.NewIMSTabPanelSetCnt { /* tab content */
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #ABABAB;
    border-bottom: 1px solid #ABABAB;
    border-left: 1px solid #ABABAB;
    background-color: #FFFFFF;
}

.NewIMSTabPanelSetSpcr { /* tab menu end */
    width: 100%;
    border-bottom: 1px solid #ABABAB;
}


.NewIMSTabPanelOn { /* was iceTabSetTabOn */
}

.NewIMSTabPanelOn .NewIMSTabPanelLftTop {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/on-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOn .NewIMSTabPanelMidTop {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/on-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOn .NewIMSTabPanelRtTop {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/on-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}


.NewIMSTabPanelOn .NewIMSTabPanelLftMid {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/on-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOn .NewIMSTabPanelMidMid {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/on-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.NewIMSTabPanelOn .NewIMSTabPanelMidMid td {
	font-weight: bold;
    white-space: nowrap;
    text-align: center;    	
}

.NewIMSTabPanelOn .NewIMSTabPanelMidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}


* html .NewIMSTabPanelOn .NewIMSTabPanelMidMid a {
    width: 1%;
}

.NewIMSTabPanelOn .NewIMSTabPanelRtMid {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/on-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOn .NewIMSTabPanelLftBtm {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/on-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.NewIMSTabPanelOn .NewIMSTabPanelMidBtm {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/on-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.NewIMSTabPanelOn .NewIMSTabPanelRtBtm {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/on-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.NewIMSTabPanelOff { /* was iceTabSetTabOff*/

}

.NewIMSTabPanelOff .NewIMSTabPanelLftTop {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/off-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOff .NewIMSTabPanelMidTop {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/off-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOff .NewIMSTabPanelRtTop {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/off-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOff .NewIMSTabPanelLftMid {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/off-left-mid.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOff .NewIMSTabPanelMidMid {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/off-mid-mid.gif" );
    background-repeat: repeat-x;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.NewIMSTabPanelOff .NewIMSTabPanelMidMid td {
    white-space: nowrap;
    text-align: center;    	
}

.NewIMSTabPanelOff .NewIMSTabPanelMidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

* html .NewIMSTabPanelOff .NewIMSTabPanelMidMid a {
    width: 1%;
}

.NewIMSTabPanelOff .NewIMSTabPanelRtMid {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/off-right-mid.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOff .NewIMSTabPanelLftBtm {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/off-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.NewIMSTabPanelOff .NewIMSTabPanelMidBtm {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/off-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.NewIMSTabPanelOff .NewIMSTabPanelRtBtm {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/off-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.NewIMSTabPanelOver { /* was iceTabSetTabOver */

}

.NewIMSTabPanelOver .NewIMSTabPanelLftTop {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/over-left-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOver .NewIMSTabPanelMidTop {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/over-mid-top.gif" );
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOver .NewIMSTabPanelRtTop {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/over-right-top.gif" );
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOver .NewIMSTabPanelLftMid {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/over-left-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOver .NewIMSTabPanelMidMid {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/over-mid-mid.gif" );
    background-repeat: repeat;
    text-align: center;
    border: none;
    white-space: nowrap;
}

.NewIMSTabPanelOver .NewIMSTabPanelMidMid td {
    white-space: nowrap;
    text-align: center;    	
}

.NewIMSTabPanelOver .NewIMSTabPanelMidMid a {
    text-decoration: none;
    color: #000000;
    cursor: pointer;
    display: block;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

* html .NewIMSTabPanelOver .NewIMSTabPanelMidMid a {
    width: 1%;
}

.NewIMSTabPanelOver .NewIMSTabPanelRtMid {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/over-right-mid.gif" );
    background-repeat: repeat-y;
    text-align: center;
    padding-top: 5px;
    border: none;
}

.NewIMSTabPanelOver .NewIMSTabPanelLftBtm {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/over-left-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.NewIMSTabPanelOver .NewIMSTabPanelMidBtm {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/over-mid-bot.gif" );
    background-repeat: repeat-x;
    border: none;
}

.NewIMSTabPanelOver .NewIMSTabPanelRtBtm {
    background-color: transparent;
    background-image: url( "../xmlhttp/css/xp/css-images/over-right-bot.gif" );
    background-repeat: no-repeat;
    border: none;
}

.NewIMSTabPanelLblLnk {
	font-weight: bold;
	text-decoration: none;
    color: black!important;
    font-size: 10pt;
    cursor: pointer;
}
/*-------Tab Panel END-------*/

/*-------Frozen Table columns-------*/
.frozenTableColumnLeft {
	width: 200px; 
	 vertical-align: top; 
	 float: right;
}

.assortTableColumnRight {
	 vertical-align: top; 
	 float: left;
}

.frozenTableRow{
	height: 29px;
}

.frozenTablefooter {
	 border: 0px solid #ABABAB !important;
    margin: 1px 1px 1px 1px !important;
    height: 30px;
	}

/*-------- Slider -------*/
.sliderPanel{ overflow: hidden; border: 0px; }
.sliderContent{ position: relative; border: 0px; display:flex;}
/*-------- Slider END -------*/

/*Input text Get Rid of Code*/
.inputTextShowDisplay{
	 border: 0px;
	 width: 100%;
	 background: transparent;
	 height: 18px;
	 text-align: left;
	 font-family: Helvetica, Arial, Verdana;
}

.inputTextHiddenDescr{
	 border: 0px;
	 width: 100%;
	background: transparent;
	 height: 18px;
	 display: none;
}


.inputTextShowDescrLeft {
	 border: 0px;
	 width: 100% +2px;
	 background: transparent;	
	 height: 20px;
	 overflow-x: auto;
	 display: block;
	  text-align: left;
	  margin-left: -2px;
	  *margin-left: 0px;
	  padding-left: 0px;
	  font-family: Helvetica, Arial, Verdana;
}

.inputTextShowDescrLeftSmall {
	 border: 0px;
	 width: 100% +2px;
	 background: transparent;	
	 height: 20px;
	 display: block;
	  text-align: left;
	  margin-left: -2px;
	  *margin-left: 0px;
	  padding-left: 0px;
	  font-family: Helvetica, Arial, Verdana;
}



.inputTextShowDescrCenter {
	 border: 0px;
	 width: 100px;
	 background: transparent;	
	 height: 18px;
	 overflow-x: auto;
	 display: block;
	 text-align: center;
	 font-family: Helvetica, Arial, Verdana;
}

.inputTextAreaShowDescr {
	border: 0px;
	 width: 100% ;
	 background: transparent;	
	 height: 18px;
	 overflow-x: auto;
	 display: block;
	  text-align: left;
	  margin-left: 0px;
	  padding-left: 0px;
	  font-family: Helvetica, Arial, Verdana;
	  white-space: pre-wrap;
	  background: #fff;
}

.inputTextAreaShowDescrBorder {
	 border: 1px solid #ABABAB;
	 width: 100% ;
	 background: transparent;	
	 height: 18px;
	 overflow-x: auto;
	 display: block;
	  text-align: left;
	  margin-left: 0px;
	  padding-left: 0px;
	  font-family: Helvetica, Arial, Verdana;
	  white-space: pre-wrap;
	   background: #fff;
}

.inputTextAreaShowDescrDefault {
	 display: none;
}

.shortinputTextField {
	width: 50px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: Helvetica, Arial, Verdana;
}

.longinputTextField {
	width: 280px !important;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: Helvetica, Arial, Verdana;
}

.longinputTextField-dis{
	width: 280px !important;
}

.semiinputTextField {
	width: 200px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-family: Helvetica, Arial, Verdana;
}



.inputDescrNoCode{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow-x: auto;
	white-space: nowrap;	 	 
	font-family: Helvetica, Arial, Verdana;
}
/*Input text Get Rid of Code End*/

.inputDescrNoCodeSmall {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space: nowrap;	 	 
	font-family: Helvetica, Arial, Verdana;
}
/*Input text Get Rid of Code End*/

/*-------- special design for layout.jspx body-------*/
body:nth-of-type(1) .layoutBody{
    padding-top: 1px;
}

.middleText {
	width: 300px; 
	}
	
/*-----Action sheet-------*/
.actionSheetBtn {
	width: 80px;
	border:1 solid #ABABAB; 
	text-align:center;
	font-family: Helvetica, Arial, Verdana;
	font-size: 10pt;
	height: 20px;
}

.actionSheetCancelBtn {
    cursor: pointer;
	width: 14px;
	height: 14px;
	border: 0px;
	background: url('../img/tabClose.gif') no-repeat top left;
	position: absolute;
	right: 5px;
	top: 5px;
}

.actionSheetMsgGrid{
	height:65%; 
	width:98%;
	margin-left: 10px;
	white-space: normal;
}

.enquiryCriteria {
  width: 220px;

}

/* for hedging maint page*/
.fxContractOverHedgeTol{
	background-color:rgb(252,197,29);
}
/*
.ui-icon-circle-triangle-e{
	width: 24px;
	height: 24px;
	background: url('../img/zoomin.png') no-repeat top left !important;
}

.ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e{
	width: 15px;
	height: 15px;	
	
	background-position: -48px -192px;
	background-image:url("/NewIMSWeb/javax.faces.resource/themes/sam/images/ui-icons_222222_256x240.png.jspx?ln=icefaces.ace") !important;
}*/

.ui-icon-circle-triangle-s{
	width: 24px;
	height: 24px;
	background: url('../img/zoomout.png') no-repeat top left !important;
}

/* for Solr search page*/
.solrMatchHighlight{
	background-color:rgb(252,197,29);
}

.solrDocTitle{
	padding:5px;
}

.solrDocTitleText{
	font-size: 16px;
	color: rgb(14,65,133);
	font-weight: bold;
}

.solrDocBody{
	text-align: left;
	background-color: #ffffff;
	overflow:hidden;
	padding:0px 5px 5px 5px; 
}

.solrRefDate{
}

.solrDoc{
	text-align:left;
	margin: 5px;
	background-color:white;
}

.tableRowSelected{
	background-color:rgb(252,197,29);
}


.imageToolTip {
	position: absolute;
	background:#ffffff;
	border:solid !important;
	border-color:#000000;
	padding:5px;
	width:200px;
	height:180px;
	z-index:100;
	right:25px;
	top:25%;
	display:none;
	-webkit-border-radius: 15x;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}
.imageToolTip b{ line-height: 1.5; }
.imageToolTip:before{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -50px;
	top: 35px;
	border: 25px solid;
	border-color: transparent #000 transparent transparent;
}
.imageToolTip:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -40px;
	top: 40px;
	border: 20px solid;
	border-color: transparent #fff transparent transparent;
}
.imageToolTip-icon{
	position: absolute;
	top: 8px;
	right: 10px;
	height: 16px;
	width: 16px;
}
.imageToolTip-title{
	width: 193px;
	height: 20px !important;
	background: url(./../img/newTemplate/yellow-patern-bg.jpg) repeat;
	padding-left: 5px;
	padding-top: 2px;
	margin-bottom: 4px;
}
.imageToolTip-title b, .imageToolTip-title span{color: #fff;}

.pkgTabLink {
	font-size: 10pt;
	color: #fff;
	text-decoration: none !important;
	font-family: Helvetica, Arial, Verdana;
	padding: 3px;
}
.pkgTabLink-dis {
	font-size: 10pt;
	color: #fff;
	text-decoration: none !important;
	font-family: Helvetica, Arial, Verdana;
	padding: 3px;
	cursor: default;
}
.pkgTab {    
    background: #003D79;
    text-align: center;   
   padding-top: 4px;
    cursor: pointer;  
    border: 1px solid #FFFFFF;    
    display: table-cell;
    height: 27px;
}
.pkgTabSelected {
    background: #fcc51d;
    text-align: center;
    padding-top: 4px;
    cursor: default;
    border: 1px solid #FFFFFF;
    display: table-cell;
    height: 27px;
}
.pkgTabPanel {
	display: inline-flex;
	width: 380px;
	height: 28px;
}

.userConsentFooter {
	background: white;
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
	z-index: 40000;
	border: 3px;
	padding: 8px;
}

.userConsentOverlayFrame {
      overflow-x: hidden;
      z-index: 35000;
      filter: alpha(opacity = 50);
      opacity: 0.5;
      left: 0px;
      width: 100%;
      height: 100%;
      visibility: visible;
      position: fixed;
      top: 0px;
      background-color: black;
      opacity: 0.5;
      display: block;
}

.userConsentText {
	font-size: 12pt;
	line-height: 30px;
	color: grey;
}

.userConsentMessage {
	width: 95%
}

.userConsentButtonSection {
	padding: 20px;
	vertical-align: center;
}

.userConsentButton {
	border-width: 0px !important;
    border-style: none !important;
	width: 100px !important;
}

.textGreenHighlight {
	background: LightGreen !important;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='red',EndColorStr='red') !important;
}

.helpImagePopupBackground {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.helpImagePopup {
	position: fixed;
	display: none;
	border: 2px solid black;
	z-index: 200;
	text-align: left;
	left: 500px;
	top: 200px;
	width: 1200px;
	background-color: white;
}

.helpImagePopupCloseBtn {
	width: 20px;
}

.packagingMaterialHelpTableStyle td {
	vertical-align: top;
}

.columnFilterOuterDiv {
	position: relative;
}

.columnFilterPopupDiv {
	display:none;
	position:absolute;
	padding:5px;
	left:-50px;
	top:22px;
	background:#ffffff;
	min-width:150px;
	position:initial;
	height: 110px;
	overflow: auto;
}