.ui-tabs-panel:after
{
   content: ".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

a { outline: 0 } 

input:focus {
    text-decoration:none;
    border-style:none;
    outline:none;  
}

input[type=text]:focus, textarea:focus, select:focus {
    background: none repeat scroll 0 0 #E0F5FF;
    color: #000000;
}

label >input[type=checkbox]  {
    vertical-align: text-top;
}
/*---------------------------------------- Table Display CSS Start ----------------------------------------*/
.GridRow {
	overflow:hidden;
	padding : 2px 2px 2px 4px;
	height:13px;
}

/* css for list */
.ListRowSelected{
	background-color:#DEDEDE;
}

.SelectedRow{
	background-color:#DEDEDE;
	height : 21px;
}

.SelectedRow td{
	padding-left : 10px;
	padding-right : 10px;
}

.list .rowempty input{
    display: none;
}

.list .rowheader th div {
	overflow:hidden;
}

.HiddenCol{
	display:none;
}
/*End*/

/* css for header and data */

.IC_ContentLeft{
	padding-left : 5px;
	padding-right : 5px;
	text-align : left!important;
}

.IC_ContentRight{
	padding-left : 5px;
	padding-right : 5px;
	text-align : right!important;
}

.IC_ContentCenter{
	padding-left  : 5px;
	padding-right : 5px;
	text-align    : center!important;
}
.IC_fieldError{
	border : 1px solid red !important; 	
	color: #777777;
    /*background-image: url(../../VdfAjaxLib/Itrix/zigzag.jpg);*/
    background-position: bottom;
    background-repeat: repeat-x;
}
/*End*/

/* css for reset button ina grid */
.IC_ResetValue {
    background: url(Images/Buttons/view-refresh.png) no-repeat center left;
	border :none;
	cursor: pointer;
	width:16px;
	height:21px;
}

.list .rowedit .IC_ResetValue{
	margin-left: 10px;
}
/*End*/

/* css for tooltip */
.tooltip {
	display:block;
	padding:10px;
	-moz-border-radius:8px;
	background-color:#484848;	
	border:1px solid black;
	font-size:11px;
	color:#BDFF58;
	overflow:hidden;
	min-height:200px;
	min-width:200px;
	width:auto;
	height:auto;
}

.tooltip .label {
	color:White;
	width:100px;
}
.tooltip a {
	font-size:11px;
	font-weight:bold;
	color:lightblue;
	text-decoration:none;
}

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

.TooltipWrapper {
	display:block;
	padding:5px;
	/*cursor: pointer;*/
	min-height:190px;
	min-width:190px;
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.TooltipWrapper div.TooltipTitle{
	height: auto!important;
	background-color:#64FF98;
	color:#484848;
	font-weight:bold;
	font-size:13px;
	padding:2px;
	width:100%;
	text-align:center;
}

.TooltipWrapper div.TooltipBody{
	max-height: 440px;
	padding-top: 4px;
	overflow:auto ;
}
.TooltipWrapper div.TooltipFoter{
	height: 5px;
	
}

.TooltipBody td {
	border-bottom:1px solid #5F5F5F;
	padding:2px;
}

.TooltipBody  .FieldLink {
	text-decoration:underline;
}
.TooltipBody  .FieldLink:hover{
	cursor:pointer;
}

/*End*/

/*css for list footer*/
.listfooter{
	background: url(Images/IC_ListFooter.gif) repeat-x 0 -1px;
	border: 1px solid #ccc;
	border-top: 0px;
	overflow: hidden;
	white-space: nowrap;
	/*position: relative;*/
}

.listfooter  div.listfootercontainer{
	float:left;
	margin:3px 3px 3px -2px;
	width:100%;
}

.listfooter  div.footerbtndiv{
	float: left;
	background: none;
	height: 24px;
	margin: 1px 5px;
}

.listfooter  div.footerbtn{
	float: left;
	width: 22px;
	height: 22px;
	border: 0px;
	cursor: pointer;
	overflow: hidden;
	padding-top: 5px;
}

.listfooter  div.addbtn{
	
}

.listfooter  div.copybtn{
	background:url("images/copy.png") no-repeat center transparent;
}

.listfooter  div.deletebtn{
	color: #F01B1B
}

.listfooter  div.Transpbtn{
	
}

.listfooter  .btnseparator{
	float: left;
	height: 28px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 1px;
}
/*End*/
/*---------------------------------------- Table Display CSS End ----------------------------------------*/

/*---------------------------------------- Explorer CSS Start ----------------------------------------*/
#Explorer {
	height		  : 500px;
	border-left   : 1px solid #CFCFCF;
	border-right  : 1px solid #CFCFCF;
	border-bottom : 1px solid #CFCFCF;
}

#ExpLeftPane{
	width			  : 48%;
	float			  : left;
	margin-top		  : 5px;
	overflow		  : auto;
	background-repeat : repeat;
	height			  : 468px;
}

#ExplorerSeperator{
	width			 : 1px;
	float			 : left;
	height			 : 475px;
	background-color : #CFCFCF;
	
}

#ExpRightPane{
	width	 : 51%;
	float 	 : right;
	overflow : auto;
	height	 : 463px;
}

.ActiveProductTD{
	width		  : 55px;
	*width		  : 63px;
	padding-left  : 3px;
	padding-right : 1px;
}

#ExpandAll{
	background 	 : transparent; 
	color 		 : #EFEFEF;
	width 		 : 110px;
	height		 : 25px;
}
#ExpandAll span:first-child{
	color : #4c4c4c;
}

#CollapseAll{
	background 	 : transparent; 
	color		 : #EFEFEF;
	width 		 : 105px;
	height		 : 25px;
}
#CollapseAll span:first-child{
	color : #4c4c4c;
}

#Refresh{
	background 	 : transparent; 
	color		 : #EFEFEF;
	width 		 : 85px;
	height		 : 25px;
}
#Refresh span:first-child{
	color : #4c4c4c;
}

.CreateTD{
	padding-left : 3px;
}

#Create{
	width		 : 80px;
	background	 : transparent;
	color		 : #EFEFEF;
	height		 : 25px;
}
#Create span:first-child{
	color : #4c4c4c;
}

#OpenBranch{
	background	 : transparent; 
	color		 : #EFEFEF;
	width 		 : 105px;
	height		 : 25px;
}
#OpenBranch span:first-child{
	color : #4c4c4c;
}
#CloseBranch{
	background	 : transparent; 
	color		 : #EFEFEF;
	width 		 : 110px;
	height		 : 25px;
}
#CloseBranch span:first-child{
	color : #4c4c4c;
}

#Cancel{
	background	 : transparent;
	width		 : 85px;
	color		 : #EFEFEF;
	height		 : 25px;
}
#Cancel span:first-child{
	color : #4c4c4c;
}

#ValidateLang{
	background	 : transparent  scroll left center; 
	color		 : #EFEFEF;
	width 		 : 145px;
	height		 : 25px;
}

.SearchTD{
	width	   : 80px;
	*width	   : 150px;
}
#SearchTreeBtn{
	background-color:transparent;
	background-image:url(../LayoutDesign/Images/QuickSearchIcon.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	border:medium none;
	cursor:pointer;
	height:16px;
	margin-left:-18px;
	padding-left:15px;
	vertical-align:middle;
	width:16px;
}

#TreeView{
	height		: 468px;
	overflow	: auto;
	margin-left : 5px;

}



#ExpLevel_Root_Data{
	margin-right : 8px;
}

#ExpLevel_1_Data{
	margin-right : 8px;
	display	   : none;
	width : 47%;
}

#ExpLevel_2_Data{
	margin-right : 8px;
	display : none;
	width : 48%;
}

#ExpLevel_3_Data{
	margin-right : 8px;
	display : none;
	clear : both;
}

.ExpLeftTitle {
	background-color : #ADD8E6;
	height : 17px;
	margin-bottom : 10px;
	*margin-bottom : 9px;
	padding-left : 10px;
	text-align : left;	
}
.tree .ltr ul li  a.search { color:blue; } 

.tree-default ul li  .NoText  ins {
	background-image:url(../../../Inc/TreeView/source/themes/default/icons.png);
	background-position:1% 99%;
	background-repeat:no-repeat;
}

#ResetBtn{
	width		  : 149px;
	margin-top	  : 10px;
	margin-bottom : 10px;
	float		  : right;
	
} 

#ExpRightData{
	margin : 10px 10px 0px 0px;
}

.Treeview ul li ul li a {
	color : DarkSlateGray;
}

.Treeview ul li ul li ul li a {
	color : DarkOrange;
}

.Treeview ul li ul li ul li ul li a {
	color : MediumSeaGreen;
}

#ExpColButtonsDiv .TreeExpandAll, #ExpColButtonsDiv .TreeCollapseAll{
	font-size: 1.3em;
	padding-top: 5px;
	cursor: pointer;
	width: 20px;
	text-shadow: 0 1px 1px #EFEFEF;
}
/*---------------------------------------- Explorer CSS End ----------------------------------------*/

/*---------------------------------------- General CSS Start ----------------------------------------*/
/*----- Toolbar styles starts from here -----*/
#Back,#ExportBtn,#ViewBtn{
	background : transparent;
	width : 70px;
	height : 25px;
	color: #EFEFEF;
}

#Back span:first-child{
	color : #4c4c4c;
}

#Print {
	background: transparent;
	width:80px;
	height : 25px;
	color: #EFEFEF;
}

#Print span:first-child{
	color : #4c4c4c;
}

#PrintPackList{
	background: transparent;
	width	:	130px;
	height 	: 	25px;
	color: #EFEFEF;
}

#PrintPackList span:first-child{
	color : #4c4c4c;
}

#PrintShippingAddr,#ExportCustomer{
	background: transparent;
	width	: 144px;
	height 	: 25px;
	color: #EFEFEF;
}

#PrintShippingAddr span:first-child,#ExportCustomer span:first-child{
	color : #4c4c4c;
}

.Toolbar #PrintArtBagSticker, .Toolbar .PrintProdCardBtn{
	width: max-content;
	width: -moz-max-content;
	width: -webkit-max-content;
	padding-right: 5px;
}

/* ArtModel Entry  */
#ChildRecListdiv{
	overflow:auto;
	height : 500px;
	width : 1000px;	
}

#showChilRecdtl{
	font-weight :bold;
	text-decoration :underline;
	
}

#showChilRecdtl:hover {
	color : #01069E;
	cursor: pointer;
}

.msgChildRec{
  margin-bottom: 15px;
}

.OddRow{
background-color : #E3E5EA;
}

.ErrorMsg{
  color: #FF0000;
}

.TextFieldErr{
	border: 1px solid red;
}

.ChildTable.td{
    padding-left: 3px;
    padding-right: 3px;
}

.ChildTable{
    border: none ;    
}
/* End of  ArtModel Entry */
/*----- Toolbar styles ends here -----*/

/*----- Required fields styles starts from here -----*/

.RequiredField{  
    color : #ff0000;
    vertical-align : bottom;
}

/*----- Required fields styles ends here -----*/

/*----- Field styles starts from here -----*/

.FieldLabel{
	width : 75px;
    padding-top : 0px;
}

.FieldTitle {
    padding-left : 3px;
    padding-right : 3px;
    color : Black;
    vertical-align : middle;
	text-align : left;
}

.FieldText{
	font-weight: bold;
	padding-left: 3px;
}
.InputTD{
	padding-bottom : 3px;
	padding-left: 0px;
}

.readonlyControl{
	background-color : #F5F5F5;
}

/*----- Field label styles ends here -----*/
.LogoImage{
	float: left;
	padding: 5px;
	height : 45px;
	width : 38px;
}

.LogoText{
	color: lightgrey;
	font-family: Trebuchet MS;
	font-size: 35px;
	font-weight: bold;
	margin-top: 17px;
	text-align: center;
	text-shadow: 0 3px 8px #2A2A2A;
}

#header_left .LogoText {
	text-align:left;
	padding-left:20px;
}


/*----- Link styles starts from here -----*/

.DefaultLink, .DefaultLink:active, .DefaultLink:visited {
	color : #696969;
	text-decoration : none;
	cursor : pointer;
}

.DefaultLink:hover {
	color : #26A9F7;
	text-decoration : underline;
}

.SelectedLink{
	color : #26A9F7;
	text-decoration : none;
	font-weight : bold;
}

.SelectedLink:hover{
	text-decoration : underline;
}

.FieldTitleLink{
	color: #236AC7;
    text-decoration:underline;
	cursor:pointer;
}

.NotificationLink, .NotificationLink:active, .NotificationLink:visited{
	color: #FFFFFF;
    text-decoration:underline;
	cursor:pointer;
}

.NotificationLink:hover{
	color : #26A9F7;
}

/*----- Link styles ends here -----*/

/* css for wait screen */
.IC_Opaque{
	padding: 10px 10px 10px 10px;
    margin-top: 0px;	
	margin-left: 0px;
	Z-index:100;
	border:5px;
	color:red;
	background-color: #FFFFFF;	
	position:fixed;
	opacity:0.7;
	filter:alpha(opacity=70);
	display:none;
	width : 100%;
	height : 100%;
	text-align : center;
	top:0;
}

.IC_Opaque div{
	padding-top :250px;
}
/*End*/

/* css for wizard buttons */
.WizBtnContainer{
	float : right; 
	padding-right : 7px; 
    padding-top: 10px;
}
/*End*/

/* css for title caption */
.TitleCaption {
	background-color : #ADD8E6;
	height : 17px;
	margin-bottom : 10px;
	padding-left : 10px;
	text-align : left;
}
/*End*/

/* css for active/inactive buttons */
.InactiveIndicator{
	position : absolute;
	margin-left : 32px;
	margin-top : -2px;
	background : url(Images/Inactive.bmp) no-repeat;
	height : 12px;
	width : 12px;
	
}

.ActiveIndicator{
	position : absolute;
	margin-left : 32px;
	margin-top : -2px;
	background : url(Images/Active.bmp) no-repeat;
	height : 12px;
	width : 12px;
	
}
/*End*/

/* css for contact image */
.ContDefaultPhoto{
	background : url(Images/NoImage.jpg) no-repeat;
	height : 98px;
	width : 90px;
	float : left;
	cursor : pointer;
	background-position:center center;
}
/*End*/

/* css for Brand image */
.BrandDefaultPhoto{
	background : transparent;
	background-repeat : no-repeat;
	height	   : 47px;
    width	   : 55px;
	float 	   : left;
	cursor     : pointer;	
}
/*End*/


#RequiredMsgDiv{
	width : 310px;
	float : left;
	padding-left : 5px;
}

.ClearBothDiv{
	clear : both;
	padding-top : 1px;
}

/* css for level div */
.Level_1_Header{
	border : 1px solid #FFFFFF;
	padding-left: 10px;
    padding-right: 10px;
	color : #FFFAF0;
	background-color:#949494;
	cursor:pointer;
	height : 20px;
}

.Level_1_Data{
	background-color:#E2E2E2;
	border:1px solid white;
	color:#434345;
	cursor:pointer;
	height:20px;
	padding-left:10px;
	padding-right:10px;
}

.ExpCollImgFloat{
	float : left;
	cursor : pointer;	
}

.Level_1_Data .icon-minus-sign{
	color: #4EB3EC;
    text-shadow: 0px 1px 1px blue;
}

.Level_1_Data .icon-plus-sign{	
    text-shadow: 0px 1px 1px grey;
}

/*End*/

/* css for hide and show div */
.hideElement{
	display : none;
}

.showElement{
	display : block;
}
/*End*/

/* css for pin div */
.PinBar{
	border : 1px solid #FFFFFF;
	padding-left: 10px;
    padding-right: 12px;
	color : #434345;
	background-color:#C3BEBB;
	cursor:pointer;
	height : 20px;
}

.PinContainer{
	background : transparent;	
	height: 20px;
	text-shadow: 0 1px 1px #EEEEEE;
}

#ArtExpCollapsibleDiv  .PinContainer, #PurchOrdExpCollapsibleDiv  .PinContainer, #PurchOrdExpCollapsibleDiv   .PinContainer{
	font-size: 1.2em;
	width: 10px;
	padding: 5px 5px 0 0;
}
/*End*/

/* css for title */
.Title {
    padding-left: 15px;
    padding-top: 5px;
    color: #FF7F50;
    font-size: 12px;
    font-weight: bold;
    background : url('Images/Headers/Arrow.gif') no-repeat left center transparent;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #EAEAEA;
	width:200px;
	text-align:left;	
}
/*End*/

.ContentContainerDiv{
	width : 100%;
	height : auto;
	overflow : hidden;
}

/* css for purchase history list */
div.IC_HistoryList {
	height : 208px;
	overflow : hidden;
}

.HistoryDiv{
	padding-top : 5px;
	padding-bottom : 5px;
}

/*End*/

/* css for profile */
.Profile_Level_1{
	font-weight : bold;
	color : #000000;
}

.Profile_Level_2{
	color : #006699;
}

.Profile_Level_3{
	color : #999999;
}
/*End*/

/* css for grid */
.GridDisplayCell{
	padding-left : 10px;
	padding-right : 10px;
}
/*End*/

#additem{
	/*background  :url('Images/Buttons/arrow_left.png') no-repeat top center;*/
	width		:15px;
	height		:15px;
	padding		:8px;
	cursor		:pointer;
}

#removeitem{
	/*background 	:url('Images/Buttons/arrow_right.png') no-repeat top center;*/
	width		:15px;
	height		:15px;
	padding		:8px;
	cursor		:pointer;	
}

#addallitem{
	/*background 	:url('Images/Buttons/RemoveAll-hover.png') no-repeat top center;*/
	width		:15px;
	height		:15px;
	padding		:8px;
	cursor		:pointer;
}

#removeallitem{
	/*background 	:url('Images/Buttons/AddAll-hover.png') no-repeat top center;*/
	width		:15px;
	height		:15px;
	padding		:8px;
	cursor		:pointer;
}

div.IC_TransDtlList {
	height : 200px;
	overflow : hidden;
}

/*Styles for the Stock screen starts here */
.EqualStock{
	background-color:#F69600!important;
	width:40px;
}

.GreaterStock{
	background-color:#5FFF84!important;
	width:40px;
}

.LesserStock{
	background-color:#FF4F4F!important;
	width:40px;
}

.IC_StockTransfered{
	background : url('Images/IC_Check.png') no-repeat center center transparent;
	padding : 10px;
}

#StockSearchResult .IC_StockLocation{	
	text-decoration: none;
	color: #6a6a6a;
	height : 16px;
	width : 16px;
	float:left;
}

#ModelSizeTable .IC_StockLocation, #WholeStockList  .IC_StockLocation, #WholeProdAnalysisList .IC_StockLocation{
	font-size: 1.15em;
}

.IC_CommissionStockLocation{
	/*background:url('Images/Headers/IconHome2.gif') no-repeat 0 0;*/
	float: left;
    height: 16px !important;
    margin-top: 2px !important;
    width: 16px !important;
}

.GuranteeLocIcon {
	color: blue !important;
}

/*End*/

/*----- Search styles starts from here -----*/

.SearchOptionWrapper{
	width : 100%;
	height : 43px;
	background-color : #c1c1c1;
    margin-bottom: -3px;
}

.SearchTermContainer{
	padding : 2px;
	color : #696969;
}

.SearchTermContainer div{
	padding-left : 3px;
}
/*End*/

.StockList{
	padding-left : 5px;
}

/*----- Stock management actions css starts from here -----*/
.IC_EditButton,.IC_WebfontBtn{	
	cursor : pointer;
	border : none;
	height : 16px;
	width : 16px;
}

.IC_WebfontBtn{	
	font-size: 14px !important;
}

.IC_cancelEditButton{	
	cursor : pointer;
	border : none;
	height : 16px;
	width : 16px;
}

.IC_AddToBinBtn{
	background : transparent;
	cursor : pointer;
	border : none;
	height : 16px;
	width : 16px;
}

.IC_RemoveFromBinBtn{
	background : transparent;
	cursor : pointer;
	border : none;
	height : 16px;
	width : 16px;
}

.IC_SaveButton{
	background : transparent;
	cursor : pointer;
	border : none;
	height : 16px;
	width : 16px;
}

.IC_disabledSaveButton{
	background : transparent;
	cursor : default;
	border : none;
	height : 16px;
	width : 16px;	
}

#WholeStockList .IC_disabledSaveButton, #WholeProdAnalysisList .IC_disabledSaveButton{
	color: #CCCCCC;
}
.IC_DeleteButton{	
	cursor : default;
	border : none;
	height : 16px;
	width : 16px;
}


.AddToTransferChk{
	margin-left : 4px;
	vertical-align : top;
}

#WholeStockList .StockEditTxtBox, #WholeProdAnalysisList .StockEditTxtBox{
	margin-left : -9px;
	margin-right : -9px;
	padding-right : 7px;
	text-align : right;
	width : 100%;
	height:15px!important;
	width: 45px!important;
}

div.IC_TransferStockList {
	height : 300px;
	overflow : hidden;
}

div.IC_CommissionStockList {
	height : 300px;
	overflow : hidden;
}

div.IC_StickerArtList {
	height : 175px;
	overflow : hidden;
}

#ExpColHeaderDiv #SearchPanelContainer{
	padding-bottom : 1px!important;
}
div.IC_StockDataList{
	height : 325px;
	overflow : hidden;
}
/*----  keep height of following as below  */
#ProdAnalysisDataList{ height : 400px;}
#ProdAnalysisDataList .body { height:380px !important; }

#DocumentRuleList { height : 600px;}
#DiscountRuleList .body { height:580px !important; }
/* ------------------*/


.IC_CustomDataList  a{ 
	color:#2495b4 !important;
	text-decoration:none;
	cursor:pointer;
}

.IC_CustomDataList a:hover{
	color:#135c7a !important;
	text-decoration:underline;
	cursor:pointer;
}

.IC_AddButton{	
	cursor : pointer;
	border : none;
	height : 16px;
	width : 16px;
}
/*End*/

/*----- Articles css starts from here -----*/
div.IC_ArticleStock{
	height : 150px;
	overflow : hidden;
}

.OnStock{
	background-color : #60EE6F;
}

.OffStock{
	background-color : #FF2F2F;
}

.ArtActive{
	background-color : #FBFF7F;
}

.ArtInActive{
	background-color : #EF873B;
}

.ArtDeleteWrapper {
	position: absolute;
	height: 20px;
	width: 20px;
}

.ArtDeleteWrapper a {
	display:block;
	height: 20px;
	width: 20px;
}

.ArtDeleteWrapper a:hover {
	border-top:2px solid red;
	cursor: pointer;
	cursor: hand;

}

.ArtDeleteWrapper  #ArtDelete {	
	height: 20px;
	width: 20px;
	display:block;
}

.ArtDelete{
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}

.ArtDelete:hover{
	margin-top: 2px;
	cursor: pointer;
	cursor: hand;
}

.IC_BarcodeCont{
	float:right;
	padding-right: 30px;
}

.IC_Barcode{	
	cursor : pointer;	
	height : 16px;
	width : 16px;	
	float	:left;
	padding-top: 3px;
}
	
.IC_Barcode:hover{
	cursor : pointer;	
}

.IC_Bin_IDCont{
	float:right;
	padding-right : 10px;
}

.IC_Bin_ID{
	background : url('Images/Buttons/IC_Barcode.png') no-repeat center center transparent;
	cursor : pointer;
	border : 1px solid gray;
	height : 16px;
	width : 16px;	
	float	:left;
}
	
.IC_Bin_ID:hover{
	cursor : pointer;
	border : 1px solid black;
}

.IC_Bin_IDCheck{
	/*background 	: url('Images/IC_Check.png') no-repeat center center transparent;
	height		 	:18px;
	width			:18px;	*/
	vertical-align	: top;
	padding-right	: 5px;
	font-size		: 1.33em;
	cursor			: pointer;
	cursor			: hand;
	text-decoration : none;
	float			: left;
	
}

.IC_Bin_IDUnCheck{
	/*background 	: url('Images/IC_delete.png') no-repeat center center transparent;
	height		 	:18px;
	width			:18px;	*/
	vertical-align	: top;
	padding-right	: 5px;	
	font-size		: 1.33em;
	cursor			: pointer;
	cursor			: hand;
	text-decoration : none;
	float			: left;
}


#IC_ActiveLbl{
   font-weight: bold;
}

.FilterActive{
  padding-right : 5px;	
}

.ArtFilter{
 vertical-align: text-top; 
}

#FilterbyActive, #FilterbyStatus{
	float:right; 
	margin: 0px 20px;
	position:relative;
}

div.IC_ArtSize{
	height : 150px;
	overflow : hidden;
}

/*End*/

/* ImageGallery */
.clsGallaryRow div {
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:15px;
	background-color:#FBFBFB;
	border: 1px solid #F4F4F4;
	margin:1px;
	text-align: center;
}

.clsGallaryRow div a {
	display:block;
	width:60px;
	height:45px;
	overflow:hidden;	
}

.NotSelectedImg {
	border:1px solid #FBFBFB;
}	
	
.SelectedImg {
	border:1px solid #ff0000;
}

.clsGallaryRow div a:hover {
	border:1px solid #888888;
}

.clsGallaryRow div a img{
	
}

#GallaryRow:hover {
}
/* End of Gallery */


.bottomSpaceDiv{
	padding-bottom : 5px;
}

#DataExpContainer { }
#DataExpContainer  .noRecFound {border:1px solid #E2E2E2; min-height:50px;padding:5px;}

.ImgScrollerWrapper{
	padding-top : 5px;
	padding-bottom : 5px;
}

.HistFilterLink{
	float : right;
	margin-right : 5px;
	margin-top : -24px;
}

div.IC_ProdInvDtlList{
	height : 350px;
	overflow : hidden;
}

div.IC_InvTranpDtlList{
	height : 122px;
	overflow : hidden;
}

div.IC_PurchTranspDtlList{
	height: 190px;
	overflow: hidden;
	border-left: 1px solid #E2E2E2; 
	border-right: 1px solid #E2E2E2;
}

div.IC_InvTranpHdrList{
	height : 250px;
	overflow : hidden;
}

div.IC_OrdDtlList, div.IC_InvDtlList{
	height : 400px;
	overflow : hidden;
}

.DynRowContainer{
	display: block;
	float : left;
	margin-top : 5px;
	margin-bottom: 5px;
}

.DynRowActBtn{
    float : right;
	margin-top : -2px;
	z-index:99;
}

.MainWrapper{
	height : auto;
	overflow : hidden;
}

#PrinterInfo {	
	position:relative;
	clear:both;
	float: left;    
    margin-left: 0;
    margin-top: 0;
    width: 100%;
}

#PrinterData{	
    margin-top: 20px;
}

#PrinterStatus {
	background-color: lightyellow;
	clear: both;
	color: #555555;
	height: 600px;
	padding: 8px;
	display:block;
	overflow:auto;
	width:100%;
}

#SelectWrapper{
	float: left;	  
	width: 80%;
}

.EPLPrinterFound{
	background-image:url(Images/EPLPrinter.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:52px;
	width:52px;
}

.EPLPrinterFinding{
	background-image:url(Images/EPLPrinter.png);
	background-repeat:no-repeat;
	background-position:-52px 0px;
	height:52px;
	width:52px;
}

.EPLPrinterNotFound{
	background-image:url(Images/EPLPrinter.png);
	background-repeat:no-repeat;
	background-position:-104px 0px;
	height:52px;
	width:52px;
}

#JApplet {
	background-image: url("Images/Java.jpg");
	background-repeat: no-repeat;
	border: 1px solid #CECECE;
	clear: both;
	display: block;
	height: 110px;
	padding-left: 100px;	
}

#GetJava {
	clear: both;
	height: 20px;	
	margin: 10px 0px;
	padding-top: 5px;
	background-color: yellow;
	display: none;
}

#Sticker {
	display: block;
	width: 99%;
}

.IC_SmallWaitScreen{
	background-image: url("Images/loading.gif");
	background-repeat: no-repeat;
	background-position: 2px 1px;
	height : 16px;
	width : 16px;
	padding : 3px 8px;
	display : none;
}
.ImgPreview {
	clear: both;
	height: 100px;
	overflow-y: scroll;
	width: 100%;
}

.ImgPreview #sortable { list-style-type: none; margin: 0; padding: 0; }
.ImgPreview #sortable li { 
	margin: 3px 3px 3px 0; 
	padding: 1px; 
	float: left; 
	width: 100px;
	height: 90px; 
	font-size: 2em; 
	text-align: center; 
	color:#d2d2d2;
	background-color:#F8F8FF;
	border:1px solid #cccccc;
 }
 
 /*CSS for Display Attribute Table.... Auction Manger CSS starts*/
.noBotBorder {
    border-top: none;
}
.DetailPageStyle1 .SpecTD0 {
    border-top: 1px dotted #cecece;
    width: 10%;
}
.DetailPageStyle1 .SpecTD1, .DetailPageStyle1 .SpecTD2 , .DetailPageStyle1 .SpecTD3{
    border-left: 1px dotted #cecece;
    border-top: 1px dotted #cecece;
}

.DetailPageStyle1 .SpecTD1 {
    width: 90%;
}

.DetailPageStyle1 .SpecTD2 {
    width: auto;
}

.DetailPageStyle1 .SpecTD3 {
    width: auto;
}

.DetailPageStyle1 .Spec0{
    color: Black;
    font-weight: bold;    
}

.DetailPageStyle1 .Spec1{
    color: #888888;   
}

.DetailPageStyle1 .Spec2{
    color: #6A6A6A;
    padding: 5px 0px 5px 5px;
}
.DetailPageStyle1 .Spec3{
    border-top: 1px dotted #D9D9D9;
    color: Black;
    font-weight: bold;
    padding: 5px 0px 5px 5px;
}

.DetailPageStyle1 .Spec4{
    border-left: 1px dotted #D9D9D9;
    border-top: 1px dotted #D9D9D9;
    color: #6A6A6A;
    padding: 5px;
}

.DetailPageStyle1 .SubSpec{
    color: #333333;
}

.DetailPageStyle1 .SubSpec .SubSecData{
    width: 70%;
}

.DetailPageStyle1 .SubSpec .SubSecLabel{
    border-right: 1px dotted #D9D9D9;
    width: 30%;
}

.DetailPageStyle1 .Spec5{
    border-top: 1px dotted #D9D9D9;
    border-left: 1px dotted #D9D9D9;
    color: #999999;
    padding: 5px;
}

.DetailPageStyle1 .Spec6{
    border-top:1px dotted #D9D9D9;
    color:#6A6A6A;
    padding:5px;
}
/* End */

div.IC_DataExplorer{
	overflow-x: auto;
}

div.IC_LookupExplorer{
	height: 175px;
	overflow: hidden;
}

.IC_DataExplorer  a, .IC_LookupExplorer  a{
	color:#2495b4;
	text-decoration:none;
	cursor:pointer;
}

.IC_DataExplorer a:hover, .IC_LookupExplorer a:hover{
	color:#135c7a;
	text-decoration:underline;
	cursor:pointer;
}

.LookupContainerDiv{
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:11px;
}	

.FoundCount {
    -moz-border-radius: 4px 4px 4px 4px;
    background-color: #9F9F9F;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin: 1px 0 0 3px;
    padding: 4px 10px;
    /*width: 110px;*/
	width: auto;
	text-align : center;
}

.PaginationWrap .LoadingWrapper {
    -moz-border-radius: 5px 5px 5px 5px;
    display: inline;
    float: left;
    height: 32px;
    position: relative;
    text-align: center;
    width: 32px;
}

.PaginationWrap .LoadingWrapper .Loading {
    margin: 0px auto;
}

.Loading {
    background-image: url("Images/loading.gif");
    background-repeat: no-repeat;
    display: none;
    height: 16px;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}

/* Brand Logo  */
.BrandLogoWrapper{
	width		:900px; 
	height		:310px;
}

.LogoImagesDiv {
	width		:585px; 
	height		:356px; 
	OVERFLOW	:auto;
	float 		:left;
	position 	:relative ;
	border		:1px solid #cecece;
}

.SelImageDiv{
	width		:305px; 
	height		:300px; 
	float 		:right;
	position 	:relative ;	
}
#BrandLogo{
	border:2px solid #cecece;
}
#BrandLogo:hover {
	cursor : pointer;
	border:2px solid #888888;
	padding:3px;
}

#SelBrandLogo{
	width:60px ; 
	height:45px; 
	border:1px solid #000000;
	background-repeat:no-repeat;
}

#LogoTagsWrapper{
	width:165px;
	float:left;
	margin-left : -5px;
	padding-right : 15px;
}

#BrandLogoButtons{
	height:15px; 
	padding:1px; 
	margin-top:65px ;
	position:relative;
}
div.BrandWrapper {
	width:168px;
	padding:1px; 
	background-color:#FBFBFB ; 
	border: 1px solid #F4F4F4;
	margin-bottom : 2px;
}

div.FHT_TagsContainer {
	height : 165px;
	overflow : hidden;
}

div.FHT_BulkUploadContainer{
	height : 345px;
	overflow : auto;
}

/* End */

/* Orders Starts here */

div.fht_Orders{
    height : 268px;
    overflow:hidden;
}

#OrdFoundRes{
    border:none;
	clear:both;
}

.PaginationWrapper {
	background-color:#C1C1C1;
	border-bottom:1px solid #EFEFEF;
	clear:both;
	width:100%;
	height:30px;
	padding: 5px;
}

.FoundWrapper {
	background-color: #C1C1C1;
	float: left;
	height: 30px;
	/*width: 120px;*/
	width: auto;
}

#items_per_page{
	margin-top: 5px;
	padding: 3px;
}

.LoadingWrapper {
display: block;
float: left;
height: 32px;
position: relative;
width: 32px;
  
}

.Loading {
	background-image: url("Images/loading.gif");
	background-repeat: no-repeat;
	height: 16px;
	margin: 0 auto;
	position: absolute;
	text-align: center;
	top: 5px;
	vertical-align: middle;
	width: 50%;
}
.StatusFilterWrapper {
	float: left;
	padding-top: 4px;
	width: 200px;
}

.StatusFilter{
	border: none;
	height: 18px;
	padding: 1px;
}

.AlertEmail {
	background-image: url(Images/alert.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 19px;
	width: 25px;
	padding: 2px 0px;
	float: right;
	vertical-align: bottom ;
	position: relative;
}

.Price {
	color: #FF8C00;
	font-weight: 700;
}

.IC_GenInvButton{	
	cursor : pointer;
	border : none;
	height : 16px;
	width : 16px;
}

.GuaranteeLoc {
	background-color:#ff7396 !important;
}

/* Orders Ends here */

/* OrderDtl Starts here */
.InvoiceTitle {
    width: 46%;
    float: left;
}

.InvoiceColon {
    width: 1%;
    float: left;
}

.InvoiceValue {
    float: right;
    width: 48%;
    color: #888888;
}

.Profile_Level_3 {
     color: #999999;
}

.Profile_Level_2 {
    color: #848484;
}

.container_16 {
    margin-left: auto;
    margin-right: auto;
    width: 975px;
}


#myord td{
    padding-left: 10px;
}

#myord {
    width: 100%;
}

.WrapperInvoiceData {
    height:225px;
    overflow-y:auto;
    border-left:1px dotted #cecece;
    border-right:1px dotted #cecece;
    border-bottom:1px dotted #cecece;
}

.myOrderTable{
    width:100%;
    border:1px dotted #CECECE;
}

#myOrderHead{
    background-color:#D2D2D2;
	font-size:11px;
	font-weight:bold;
}

.TextWrapper {
    width:100%;
    margin:2px;
}

.TextTitle {
    width:22%;
    float:left;
}

.TextColon {
    width:1%;
    float:left;
}

.TextValue {
    float:right;
    width:71%;
    color:#888888;
}

#Highlight{
    color:#FF8C00;
}

.BlackText{
    color:#000000;
    font-weight:bold;
}

.RedText{
    color:#ff0000 !important;
    font-weight:bold;
}

.BlueText{
    font-weight:bold;
    color:#006699;
}

.OrderCount{
    font-weight:bold;
    color:#006699;
    text-align:center;
    width:100%;
}

.LargeText{
    font-size:18px;
}  

#Scroller{
    overflow-y:auto;
}

.SideSpaces{
}

.HeaderBar {
	background-color: #D9D9D9;
	border-bottom: 1px solid #CECECE;
	font-weight: bold;
	height: 25px;
	margin-top: 5px;
	text-align: left;
	padding:5px 0px 2px 5px;
}

.myOrderTable div {
	height:37px;
	padding-left:5px;
    padding-right:5px;
}

#myOrderHead .Spec0{
	color:#4D5463;
	font-size:11px;
	font-weight:bold;
}

.myOrderTable .Spec2{
	color:#888888;
}

.myOrderTable .Spec0{
	font-weight:bold;
}

#BillTitle{
	padding:5px;
}

#ShipTitle{
	padding:5px;
}

#SellerTitle{
	padding:5px 0px 5px 103px;
}

.Specs{
    border-top:1px solid #CECECE;
    padding-top:10px;
}

.Status_InProgress {
	background-color:#FFF68F;
}

.Status_Incomplete_Invalid{
    background-color:#8B7E66;color:white;	
}

.Status_Declined {

}

.Status_Cancelled {
background-color:#FF0000;
	color:white;

}

.Status_Complete, .Status_Accepted{
    background-color:#C0FF3E;
}

.Status_Rejected{
    background-color:#CD2626;
	color:white;
}

.Status_Declined {
    background-color:#FFA54F;
	color:white;
}

.Status_Refused {
    background-color:#FF7F00;
	color:white;
}

.Status_Incomplete, .Status_InProgress, .Status_Accepted , .Status_Cancelled, .Status_Refused, .Status_Declined , .Status_Pending_Approval, .Status_Incomplete_Invalid, .Status_Unknown {
}

#PurchaseInfo > div{float: left; background: none; height: 24px; margin: 10px 5px; font-weight: 600; color: #1c94c4;}

.SubHeaderBar {background-color: transparent; border-top: 1px solid #CECECE; border-bottom: none; margin-top: 5px; text-align: left;padding: 5px 0px 2px 12px;}

/* OrderDtl Ends here */

/* LiveValidation */

.LV_validation_message{
    font-weight:bold;
    margin:0px 0px 0px 5px;
}

.LV_valid {
    color:#00CC00;
	background-image:url(Images/form_check.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	display:inline;
}
	
.LV_invalid {
    color:#CC0000;
	background-image:url(Images/form_cross.png);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	display:inline;
}
    
.LV_valid_field,input.LV_valid_field:hover,input.LV_valid_field:active,textarea.LV_valid_field:hover,textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}    
.LV_invalid_field,input.LV_invalid_field:hover,input.LV_invalid_field:active,textarea.LV_invalid_field:hover,textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
/* End of LiveValidation */

/* Button */
.IC_Button:link:focus, .IC_Button:visited:focus{
	 outline: none;
}
/* End of Button */

/*Change password modal dialog css**/
.ChangePwdWrap{
	padding:5px;
}
/* End */

/*Master Data explorer css**/
.DataExpSearchPanelWrap{
	position : absolute;
	top : 149px;
	left : 39px;
}

.DataExpPaginationWrap{
	position : absolute;
	top : 194px;
	left : 39px;
}
/* End */

#ModelImageWrapper{
	float : left;
	margin-left : 5px;
	padding-right : 5px;
	height : 180px;
	width : 165px;
}

#StoneImageWrapper{
	float : left;
	height : 180px;
	width : 165px;
}

#ModelImageWrapper .ImageWrapper Img, #StoneImageWrapper .ImageWrapper Img, #LogoImageWrapper .ImageWrapper Img{
	border : 1px solid #EFEFEF;
}

#ModelDataWrapper,#StoneDataWrapper{
	float : left;
}

/*report Packing List**/
.CustAttDiv {
	padding-top:15px;
	padding-bottom:15px;

}
/*End*/

.PdfContainer{
	background-image:url(Images/pdf_icon.png);
	background-repeat:no-repeat;
	background-position:top left;
	height : 50px;
	width : 50px;
	padding : 0 10px;
	cursor : pointer;
	display : none;
	float: right;
}

.InvBtnDiv{
	float :right;
	padding-bottom: 5px;
}

.UblInvShow{
	/*background 	: url('Images/IC_Check.png') no-repeat center center transparent;
	padding-right	: 5px;*/
	vertical-align	: top;	
	height		 	:18px;
	width			:18px;		
	float		    :right;
	text-align		:left;	
}

.UblInvHide{
	/*background 	: url('Images/IC_cross.png') no-repeat center center transparent;
	padding-right	: 5px;*/
	vertical-align	: top;	
	height		 	:18px;
	width			:18px;		
	float 			:right;
	text-align		:left;	
}

.UblInvShow:hover{
	cursor : pointer;
}

/* Log Viewer  */

.Mail_UnProcessed,.Unprocessed, .New, .NEW{
	background-color : #F9FF59;
}

.Mail_InProgress,.Inprogress,.IN_PROGRESS{
	background-color : #FCAA5D;
}

.OnComm_Inprogress {
	background-color : #5df4fc;
}	
.ON_PERMISSION{
	background-color : #6bd5ef;	
}

.APPROVED{
    background-color:#C0FF3E;
}

.Mail_Processed,.Processed, .Completed,.DONE{
	background-color : #60EE6F;
}

.PICKED_UP{
   	background-color : #d05def;
} 

.Mail_Cancelled,.Cancelled,.CANCELLED{
	background-color : #EF4343;
}


.Mail_Attachment{
    padding: 1px;
	width : 21px;
	height :15px;
	float : left;
	
}

/* End of Log Viewer  */

#CollectionMgrCollList{
    overflow-x : hidden;
	overflow-y : auto;
}

/*Pixlr css start*/

.PixlrImgEdit {
	/*background-image: url("Images/IC_EditImage.png");
	background-position: 0 0;
	background-repeat: no-repeat;*/
	border-left: 1px solid #ECECEC;
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	clear : both;
	padding-bottom : 3px;
}
.PixlrImgEdit:hover{
	margin-top:1px;
	cursor: pointer;
	cursor: hand;
}

/* End of Pixlr css  */

.IC_NoWrap{
	white-space : nowrap;
}

.IC_Quote{
	font-size:1.5em;
	cursor:pointer;
	cursor:hand;
	text-decoration: none;
	padding : 1px 10px;
}

.RptRightContainer p{
	height : 12px;
}


.PageBreak{
	page-break-before: always;	
}
/*----------------------------------------Layout3 CSS Start ----------------------------------------*/
.HeaderLayout3_title{
	font-size: 36px;
	text-align: center;
	margin-bottom: 25px;
}

.CustInfoLayout3{line-height:30px;}
.CustInfoLayout3 .compname{font-weight:bold!important;}
.CustInvoiceLayout3 tr td{padding-left:0px!important;}

.HeaderLayout3_left{
    font-size: 14px;
    margin-bottom: 15px;
    width:58%;
	float:left;
}

.HeaderLayout3_right{
	font-size: 24px;
	width:42%;
	float:left;
}

.Layout3.invoice_Report .RptLeftContainer{
	margin-left: 50px!important;
	width: 60%!important;
}

.Layout3.invoice_Report .RptCenterContainer{
	width: 100%!important;
	font-size: 18px!important;
	height: 80px!important;
	text-align: left!important;
}

.HeaderWrapperLayout3{
	margin-left: 50px!important;
	margin-right: 10px!important;
	height: 275px;
}

.PackingListHeaderWrapperLayout3{
	height:330px;
	margin-top: 50px;
}

.HeaderWrapperLayout3 .RptHeaderContainer{
	overflow : hidden;
}

.LeftContentLayout3,.RightContentLayout3{
	float:left;
	width:50%;
}

.Layout3_Content{		
	margin-top: 40px;
	margin-left: 50px!important;
	margin-right: 0px!important;	
	font-size: 16px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;
	height: 730px;
}

.RptHeaderContainerLayout3{
	font-size: 18px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;	
	line-height:24px;
	margin-top:5px;
}

.RptHeaderContainerLayout3 .RptLabel{
	font-weight:400!important;	
}

.Layout3_Content table tr .barcode{
	padding-left: 0px;
	width: 11%;	
}

.Layout3_Content table tr .modelcode{
	padding-left: 0px;
	width: 15%;	
}

.Layout3_Content table tr .shortdesc{
	width: 27%;
	padding-left: 0px;
}

.Layout3_Content table tr  .invqty{
	width: 5%;
	padding-right: 0px;
}

.Layout3_Content table tr .customerprice{
	width: 11%;
	padding-right: 0px;
}

.Layout3_Content table tr .salesprice{
	width: 11%;
	padding-right: 0px;
}

.Layout3_Content table tr .discamt{
	width: 8%;
	padding-right: 0px;
}

.Layout3_Content  table tr .grossamt{
	width: 12%;
	padding-right: 0px;
}

.LeftContentLayout3 table tr .compname div,.LeftContentLayout3 table tr .custaddr div,.LeftContentLayout3 table tr .custcity div,
.LeftContentLayout3 table tr .vatnumber div,.RightContentLayout3 table tr .payment div{
   overflow: hidden;
   height: 30px;
}

.Layout3_Content table tr .shortdesc div{
	height: 17px;
    overflow: hidden;
}

.Layout3_Content table tr .totals{
	padding-left: 0px;
}

.Layout3_Content table tr td{
	line-height:17px;
}

.Layout3_Footer{
	margin-left: 50px!important;
	margin-right: 1px!important;
	margin-bottom: 3px;
	font-size: 16px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;	
	line-height:20px;
	text-align:center;
}

.Layout3_PageBreak{
	page-break-before: always;
	height: 0px;
	clear: both;
}

.Layout3 #LayoutFooter .Invoice_Comment{
	margin-left: 0px!important;
}
/*---------------------------------------- Layout3 CSS End ----------------------------------------*/

/*----------------------------------------Layout5 CSS Start ----------------------------------------*/
.Layout5_Header{
	margin-left: 75px;
	line-height: 20px;
	margin-top: 105px;
}

.Layout5_Header .RptLeftContainer1{
	font-size: 15px;
	font-family: tahoma,arial,helvetica,sans-serif;
	padding-left: 1px;
}

.Layout5_Content{		
	margin-top: 75px;
	margin-left: 85px;
	margin-right: 85px;	
	margin-bottom: 30px;
	font-size: 15px;
	font-family: tahoma,arial,helvetica,sans-serif;
	color: #000000;
}

.Layout5_Content table tr .barcode{
	padding-left: 0px;
	width: 12%;	
}

.Layout5_Content table tr .shortdesc{
	width: 26%;
	padding-left: 0px;
}

.Layout5_Content  table tr .size{
	width: 8%;
	padding-right: 0px;
}

.Layout5_Content table tr  .invqty{
	width: 3%;
	padding-right: 0px;
}

.Layout5_Content table tr .salesprice{
	width: 10%;
	padding-right: 0px;
}

.Layout5_Content table tr .discamt{
	width: 6%;
}

.Layout5_Content  table tr .grossamt{
	width: 10%;
	padding-right: 0px;
}

.Layout5_Content table tr .shortdesc div{
	height: 17px;
    overflow: hidden;
}

.Layout5_Content table tr .totals{
	padding-left: 0px;
}

.double_underline{
	border-bottom: 4px double;
	color: #000000;
}

.Layout5_Content table tr td{
	line-height:17px;
}

.Layout5_Payment_Condition,.Invoice_Comment{
	margin-left: 85px;
	margin-bottom: 3px;
	font-size: 15px!important;
	color: #000000;	
}

.Invoice_Comment{
	margin-top : 10px;
	margin-bottom : 10px;
}

.Layout5_PageBreak{
	page-break-before: always;
	height: 0px;
}

.seeyou_address_head{
	font-size: 18px!important;
	font-weight:bold;	
	line-height: 20px!important;
}

.seeyou_address_info{
	position: relative;
	float: right;
	text-align: right;
	margin-top: -105px;
	margin-right: 30px;
}

.seeyou_address_info,.Layout5_Footer_left_section,.Layout5_Footer_right_section{
	font-size: 16px!important;
	font-family: courier;
	line-height: 18px!important;
}

.Layout5_Footer_left_section,.Layout5_Footer_right_section{
	font-size: 15px!important;
}
	
.Layout5_Footer_left_section{float:left;padding-left:30px;}
.Layout5_Footer_right_section{float:right;right:0px;}
/*---------------------------------------- Layout5 CSS End ----------------------------------------*/

div.IC_TwinfieldList {
	height : 444px;
	overflow : hidden;
}
div.IC_SnelstartList{
	height : 400px;
	overflow : hidden;
}

div.ArticleMinStockList{
	min-height : 245px;
}

div.ArticleMinStockList tr,div.ArticleMinStockList th{
	color: #696969;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 11px;
	opacity: 100;
}

/*---------------------------------------- General CSS End ----------------------------------------*/

/*---------------------------------------- Quick Search CSS Start ----------------------------------------*/
#QuickSearchDiv{
	width: 248px;
	float: right;
	margin-right: 9px;
}

#QuickSearchButton{
	background-color: transparent;
	background-image: url(../LayoutDesign/Images/QuickSearchIcon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 15px;
	border: none;
	height: 14px;
	width: 14px;
	cursor: pointer;
	margin-left: -20px;
	*margin-left: -19px;
	vertical-align: middle;	
}

.QuickSearchText {
	border: 1px solid #C1C1C1;
	color: #B6B6B6;
	height: 14px;
	*height: 12px;
	vertical-align: middle;	
	font-weight: normal;
	text-transform : uppercase;
	width:100px!important;
}

#ToSearchText {
	border: 1px solid #C1C1C1;
	height: 14px;
	*height: 12px;
	vertical-align: middle;	
	font-weight: normal;
	text-transform : uppercase;
	width:100px!important;
}

#QuickSearchIconDiv{
	position: relative;
	top: -16px;
	left: 240px;
	width: 20px;
}

.QuickSearchLabel{
	background: transparent url(../LayoutDesign/Images/QuickSearch.gif) no-repeat scroll;
	background-position : 0px 0px;
	*background-position : -1px -1px;
	border: 1px solid #C1C1C1;
	width: 55px;
	*width: 56px;
	height: 18px;
	margin-right: -5px;
	vertical-align: middle;	
	cursor : pointer;
}
/*---------------------------------------- Quick Search CSS End ----------------------------------------*/

/*---------------------------------------- Contact View CSS Start ----------------------------------------*/
/*----- Wrapper, left, right div's styles starts from here -----*/
.DataContainer{
	width : 100%;
	height : auto;
	overflow : hidden;
	border : 1px solid #CFCFCF;
	margin-bottom : 5px;
}

.LeftDataContainer{
	width : 50%;
	float : left;
	padding-left : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	overflow : auto;
}

.RightDataContainer{
	width : 48%;
	float : right;
	padding-top : 5px;
}

.SeparatorBar{
	border-left : 1px solid #C1C1C1;
	float : right;
	width : 1%;
	height : 455px;
}

.GrpSeparatorBar{
	border-left : 1px solid #CFCFCF;
	float : right;
	width : 1%;
    height : 603px;
}

/*----- Wrapper, left, right div's styles ends here -----*/

/*----- Add/edit dialog styles starts from here -----*/
#ContactEntryLeftDiv{
	width : 48%;
	float : left;
}

#ContactEntryRightDiv{
	width : 52%;
	float : left;
}

#ContGrpContainer{
	float : left;
	width : 47%;
	/*padding-bottom : 10px;*/
}

#ContGrpPopupDiv{
	width : 100%;
	height : 86px;
	overflow : auto;
	float : left;
}
/*----- Add/edit dialog styles ends here -----*/
/*---------------------------------------- Contact View CSS End ----------------------------------------*/

/*---------------------------------------- CSS for Reports Menu----------------------------------------*/
#InvPeriod{
	margin-top 	: 5px;
    width: 99%;
}
.list .rowheader th{
	text-align 	: center;
}
#Invfooter{
	margin-top  : 5px;
	margin-left : 1000px;
}
#InvArticle{
	margin-top 	: 5px;
	margin-left : 75px;
}
#SalesPersonData
{
    margin-left : 5px;
    margin-right : 5px;
    width:99%;
}

/*---------------------------------------- CSS for Reports Menu End----------------------------------------*/

/*----------------------------------CSS for Notification status--------------------------------------------*/
#SUCCESS{
	/*background-image: url("Images/success.png");
    background-position: left center;
    background-repeat: no-repeat;*/
    padding: 1px;
	width : 21px;
	height :15px;
	float : left;
	color: #80CC72;
	
}

#ERROR{
	/*background-image: url("Images/error.png");
    background-position: left center;
    background-repeat: no-repeat;*/
    padding: 1px;
	width : 21px;
	float : left;
	color: #FF0000;
	
}

#NotificationDataExplorer .NotifyStatusIcon{
	font-size: 1.15em;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	text-shadow: 0 1px 1px #C6C6C6;
}

/*----------------------------------CSS for Notification status End------------------------------------------*/
#InvoiceH__InvoiceDate,#InvoiceH__DeliveredDate,#InvoiceH__End_Date_On_Commission{
    width: 98px!important;
}

/*----------------------------------CSS for invoice detail line ----------------------------------------------*/
.list .Invrowdisplay td{
   height: 21px;
   padding-left: 10px;   
   padding-right: 10px;
   text-align	: left;
   overflow    : none;
}

.list .Invrowdisplay{
   cursor: pointer;
}

/*----------------------------------Article report separator bar------------------------------------*/
.ArtSeparatorBar{
	border-left : 1px solid #CFCFCF;
	float : right;
	width : 0.75%;
	height : 210px;
}

.IC_LogView{
	background-image: url("Images/LogView.PNG");
	background-position: Left center;
	background-repeat: no-repeat;
	padding : 5px 10px 3px 10px;
	cursor: pointer;
    height : 30px;
}
/*----------------------------------Invoice Status--------------------------------------------------*/
.InvStatusFinalized{
	background-color: #1FB509;
	font-weight: bold;
}

.InvStatusOnCommission{
	background-color: #F98B0C;
}

.InvStatusDraft{
	background-color: #EBEF04;
}

div.IC_PrchaseOrder{
	height : 200px;
	overflow : auto;
}

.IC_AddPurchButton{
    /*background : url('Images/Buttons/addPurchDtl.jpg') no-repeat center center transparent;*/
	cursor : pointer;
	border : none;
	height : 16px;
	width : 16px;
}

#PurchDtlNewRec .SupplierField{
	border-left: 2px solid #26A9F7;
}

.SupplierField{
	border-left: 2px solid #26A9F7;
}

.PurchQtySparkline,.ProductionQtySparkline{
	text-align: left;
	float: left;
	width: 77%;
}

#PurchDtlTooltip,#ProductionTooltip,#MultiPurposeTooltip{
	height: auto;
	min-height: 40px;
	padding: 0px;
}

/*-------------------------------SalesAdvisor style starts-------------------------------------------------------*/
#SalesAdvisorWrapper .container_16, #ArticleDetailWrapper .container_16{
	width: 99%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

.box h2, .sidebar .box h3 { 
	text-shadow: 0 1px 0 #ddd; 
	-moz-border-radius: 10px 10px 0 0; 
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	 border-top-left-radius: 10px; 
	 border-top-right-radius: 10px;
}

.box .bottom { 
	-moz-border-radius: 0 0 10px 10px; 
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px;	
}

.sidebar input.large, .sidebar select.large{ 
	width: 90%; 
}

.sidebar .box { 
	margin: 0 0 5.5%; 
}

.bottom {
	background: #f4f4f4;
	border: 1px solid #ddd;
	border-top: 0;
}

.sidebar .bottom{ 
	padding: 2%; 
}

.box h2, .sidebar .box h3 {
	position: relative;	
	padding: 1px 9px 1px 20px;
	font: 13px/21px Arial, Sans-Serif;
	color: #4C4C4C;
	background: #ccc url(Images/boxheaders.png) repeat-x;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); 
}

.box h2 {
	font-size: 24px;
	line-height: 31px;
	letter-spacing: -1px;
	background-position: 0 -31px;
}

.box .collapse {
	position: absolute;	
	left: 2px;		
}

#Price{
	height: 67px;
	width: 97%;
	margin: 5px;
}

.sidebar .box ul {
	margin: 0 0 15px;
	padding: 0 15px 0 0;
	list-style: none;	
	overflow: hidden;
	width: 100%;
}

.sidebar .box ul li {
	height: 18px;
	white-space: nowrap;
	padding: 4px;
	border-bottom: 1px dotted #ccc;
}

.sidebar .box ul li:hover {
	background-color: #fff; 
}

.sidebar .box ul li a {
	color: #444; 
}

#right {
	position: absolute;
	right: 0;
}

.sidebar .box .comments li, .sidebar .box .posts li, .sidebar .box .links li { 
	padding-left: 5px; 
	background: transparent no-repeat 5px center; 
}

.sidebar .box .posts li { 
	background-image: url(Images/posts.png); 
}

.sidebar .box .links li { 
	background-image: url(Images/links.png); 
}

.sidebar .box .comments li a, .sidebar .box .posts li a, .sidebar .box .links li a { 
	color: #777; border: 0; 
}

.sidebar .box .comments li a:hover, .sidebar .box .posts li a:hover, .sidebar .box .links li a:hover { 
	color: #111; 
}

.sidebar .box .label{ 
	float:left;
	width:135px;
	padding:0 1em;
	text-align:right;
	color:#888888;
}
		
#PriceRangelbl {
	padding-bottom: 5px;
	padding-left: 0px;
	width: 100%;
	text-align: left;
}		

#RangeAmount {
	background: none repeat scroll 0 0 #F4F4F4;
	border: 0; 
	color: #26A9F7; 
	font-weight: bold;
	width: 100%;
	padding-bottom: 4px;	
    margin-bottom: 8px;
    padding-top: 4px;
}

.ClearMe {
	text-decoration: none;
	float: left;
}

.FilterCheck{	
	width:10px;
}

#home{	
	float:left;
	margin-top: 4px;
}
.ArticleMainWrapper{    
    float: left;
    margin: 0px 2px 0px 2px;
}

.ArticleImageWrapper{    
    float: left;    
	width: 140px;
}

.ArticleDetailsWrapper{       
	margin-left: 140px;	
	width: 375px;
	height: 269px;	
    min-width: 200px;
}

.ArticleDetailsInfoTop{
    height: 100%;
    padding: 5px;
    border-top: 1px solid #E1E1E1; 
    border-right: 1px solid #E1E1E1;
    background-color: #FAFAFA;
    margin-left: 5px;
}

#ArticleDetails tr,#ArtPriceCalcTable tr{
	height: 22px;
	border-bottom: 1px dotted #CCCCCC;
}

#ArticleDetails   th.Columnheader,#ArtPriceCalcTable   th.Columnheader{
	color: #4C4C4C; 	
	font-weight:bold;
}

#ArticleDetails   td.Columndisplay,#ArtPriceCalcTable   td.Columndisplay {        
	color: #888888;
}

#ArticleDetails  td, #ArticleDetails  th, #ArtPriceCalcTable  td, #ArtPriceCalcTable  th {
	border: none;
}

.ArticleInfoTop{
	width: 135px;
	float: left;
	border-top: 1px solid #E1E1E1;
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	overflow: hidden;
}

.ArticleLink{	
    display: block;    
    padding: 0 0 1px;
    width: 135px;    
	float: left;	
}

.ArticleImage{
    border: 0 none;
    display: inline;
    float:left;
	margin: 0px 0px 2px 0px;
	height: 180px;
	width: 140px;
}

.ArticleDescription {
	color: #888888;
	display: block;
    font-size: 10px;
    font-weight: normal;
    height: 33px;
    line-height: 11px;
    overflow: hidden;  
    text-align: center;
	text-decoration: none;
	float:left;
	margin: 5px 0px;	
	text-align: center;
	width: 135px;
}

.ArticleInfoBottom{   
	color: #0B0B0B;    
    font-size: 13px;
    font-weight: bold;	
    display: block;
    float: left;    
    width: 130px;
	padding-left: 5px;	
	border-left: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
}

.bottomBg{
	float: left;	
	background: url("Images/ArticleWrapperBottom.jpg") no-repeat scroll left bottom transparent;
    height: 11px;
    width: 145px;
	border: none;
}

.SAImg_list{
    width:auto;
    height:auto;
    float :left;
    display: inline;
    margin: 0 5px 5px 0;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    min-height: auto;
    min-width: auto;
}

#imageContainer{
    height:auto;
    float:left;
    margin-top: 1%;
    min-height: 10%;
    min-width: 10%;	
} 

#imageContainer ul li{
    list-style: none outside none;
}

.SAImg_ul {
    overflow:hidden;
    width: auto;
    height:auto;
    min-height: 5%;
    min-width: 5%;
    float:left;
}

.FilterButton{
	float:right;
	text-decoration: none;
}

.TotalStock{
	font-size: 14px;
}

.AddToCart{ 	
    float : right;
    margin-right: 5px;
    color: #000000;
	text-decoration: none;	
}

.ArtDetails {	
	margin-bottom:20px;
	float: left;
	width: 100%;
    margin-top:20px; 
}

.ArtDetails .SpecTitle{
	color:#888888;
	font-weight:bold;
	padding:5px 0px 5px 5px;
	border-left:none;	
}

.ArtDetails .SpecValue{
	color:#6A6A6A;
	padding:5px 0px 5px 5px;
}

.ArtDetails table  tr{	
	height:24px;
}

.alt {
	color:#ececec;
}

#ArticleWrapper .Header {
	background-color:#C1C1C1;
    border-bottom: 1px solid #EFEFEF;
	color:white;
    height: 25px;
	font-size:20px;
	font-weight:bold;	
	text-align:center;	
    padding: 5px;
}

#ArticleWrapper .ArtInfo {
	background-color:#A9A9A9;
	border-bottom: 1px solid #EFEFEF;	
	height : 22px;
	padding: 2px 5px;	
	font-size: 15px;
	font-weight: bold;
	
}

#ArticleWrapper textarea{
    border-style: none;
    border-color: Transparent;
    resize: none;
}

.ArtImg img{
	max-width: 140px;
	max-height: 210px;
}

.ArtPriceDtl {
	color: #76E9FF;		
	padding-top: 4px;
}

.SATitle {
    padding-left: 15px;
    padding-top: 5px;
    color: #FF7F50;
    font-size: 12px;
    font-weight: bold;
    background : url('Images/Headers/Arrow.gif') no-repeat left center transparent;
	text-align:left;	
    margin-bottom: 5%;
}

.SortByWrapper{
	background-color: #A9A9A9;
    border-bottom: 1px solid #EFEFEF;
    clear: both;
    height: 22px;
    padding: 2px 5px 2px 5px;
    width: 100%;
	color: #696969;
}	

.SortByText{
    margin: 1px 5px 0 3px; 
}	

#SACustomer{
	position: absolute;
	top: 12px;
	left: 18.75%;	
    z-index: 100;
}

#ImageSlider{
	float: left;
	padding-top: 10px;
}

.Action{
	text-align: right;
	margin-bottom: 7px;
}

.NoRecFound{
	color: #FF0000!important;
}

.cart{    
    float:right;        
    position: relative;	
    right: 24px;
    margin-top: -33px;
    padding: 3px 0 0 11px;    
}

.cart_count{
    color: #050404;
    width: 10px;
    border-radius: 8px 8px 8px 8px;
    float: right;
    margin-left: -30px;    
    margin-top: -42px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    padding: 0px 7px;
    text-align: left;
    position: relative;   
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 10px 6px #FFFFFF;
    right: 0px;
    top: -2px;
}

.Icon_checkbox{	
    font-size: 15px;
	cursor: default;
}

.Amount{
    color: #696969;
    padding-left: 8px;
    padding-right: 8px;
}

#ArticleSpecificationWrapper {
    width: 100%;
}

#ImageWrapper{
    width: auto;
}

#CartDetail td{
	height: 25px;
}

.list  td.AddToCartWrapper{
   background-color: #FFFFFF;
   border:none;
}

.LabelCheckBox{
	color:#888888;	
	padding-top: 3px;
}
#ArticleDtlNewRec{
	border-top: 1px dotted #EFEFEF;
}

#ArticleDtlNewRec .Columnheader, #editmodel .Columnheader{  	
    height: 25px;
}

#ArticleDtlNewRec   th.Columnheader, #editmodel th.Columnheader{
   color: #888888;
   height: 25px;   
   padding-left: 5px;
   font-weight:bold;   
   
}

#editmodel th.Columnheader  div {width: 90%;}

#editmodel th.Columnheader{
	width:150px !important;
}



#ArticleDtlNewRec tr{
	border-bottom: 1px dotted #EFEFEF;
	height: 25px;
}

#ArticleDtlNewRec   td.Columndisplay {
   height: 25px;
   padding-left: 10px;   
   padding-right: 10px;
   color: #888888;
}

#ArticleDtlNewRec   td.Columndisplay  input{
    padding-left: 8px;
    *padding-left: 9px;
    padding-right: 8px;
    *padding-right: 9px;
}

#ArticleDtlNewRec   td.Columndisplay  select {
    padding-left: 5px;
    padding-right: 5px;
}

#ArticleDtlNewRec  td, #ArticleDtlNewRec  th {
	border: none;
}

.ChangeCartView{	
    font: 13px/21px Arial,Sans-Serif;   
}

#CartDetail {
    color:#666464;
    display:none;
    width:100%;
}

#CartDetail .rowdisplay td div, #LocationDataList .rowdisplay td div, #ArticleList .rowdisplay td div, #ArticleList .rowdisplay td span {
	height: 20px;		
}

#CartDetail .rowdisplay td div .IC_Quote{
	padding: 5px 10px 7px;	
}

#SalesAdvisorWrapper .tooltip a{
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    float:right;
}

#CartDtlGridDiv{	
	border-left: none;
	clear: both;
}

.CartDtlList{
	display:none;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;	     
    overflow: hidden;		
    width: 100%;		
}

.scrollbarBlock{
	margin: 2px;
}

.scrollbarBlock  .viewport{	
	height: 100px;
}

#SAInvoiceDetailListScrollable .viewport{
	height: 190px;
}

.CustomerField{
    margin-right: 5%;
    margin-left:2%;
    color: #696969;
    margin-top: -1px;
}

#SACustomerInfo {  
    margin-left: 0;
    margin-top: -9px;
    height: 25px;    
    padding-top: 6px;
}

.SA_EditButton{	
	cursor : pointer;
	border : none;
	overflow: hidden;
	font-size: 14px;
	padding-top: 6px;	
    float: left;
    height: 22px;    
    width: 22px;
}

.SA_DeleteButton{
	cursor : pointer;
	border : none;
	overflow: hidden;
	font-size: 14px;
	padding-top: 6px;		    
    float: left;
    height: 22px;  
    width: 22px;
}

.SA_disableDeleteButton, .SA_DisableEditButton{
	cursor : default;
	border : none;	
	font-size: 14px;
	padding-top: 6px;	
    float: left;
    height: 22px;
    overflow: hidden;
    width: 22px;
}

.Article_Price{
	color: #26A9F7;
	cursor: default;
}

#SalesAdvisor_Form .Article_Price,#SalesAdvisor_Form .price_dummy_wrap{
	float: left;
	width: 85px;
	text-align: left;
	position: relative;
	top: -1px;	
	height:18px;
	line-height: 10px;	
}

.NoFile{
	position: absolute;
	left: 14px;
	top: 8px;
}

.NoPicture{
	height: 122px;
	padding-top: 58px;
	margin-bottom: 2px;
	width: 140px;
}

.btn_PlaceOrder, .btn_Zoom, .btn_AddToCart{	
	background: #d6d6d6; /* Old browsers */
	background: -moz-linear-gradient(top,  #d6d6d6 0%, #a9a9a9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#a9a9a9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d6d6d6 0%,#a9a9a9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d6d6d6 0%,#a9a9a9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d6d6d6 0%,#a9a9a9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d6d6d6 0%,#a9a9a9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#a9a9a9',GradientType=0 ); /* IE6-9 */
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);   
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #4C4C4C;
    display: inline-block;
    font-size: 12px;
    line-height: 19px;   
    padding: 3px 5px 1px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);     	
	vertical-align: middle;
}

#PlaceOrder{
	margin-bottom: 5px; 
	margin-top: 5px; 
}
#ArtSpecList{
	width: 100%;	
}
.RowEven{
	background-color: #F8F8F8;
}

#ArtCollectionData{
	width: 100%; 
}

#ArtCollectionTable{
	width: 100%; 	
}

#ArtCollectionTable thead tr{
	background-color: #BBBBBB;		
}

#ArtCollectionTable thead tr th{	
	color: #FFFFFF;
}

#ArtCollectionTable tbody tr td:first-child{	
	font-weight: bold;
	color: #888888;
}

#ArtCollectionTable tbody tr:hover, #ArtSpecList tr:hover{
	background-color: #FFF991;
}

#CartInfo{
	color:#000000;
	font-weight: bold;
	margin-left: 2px;
}

.PurchasedArticle{  
    margin-right:5px;
    margin-top:5px;
	cursor: default;
}


.SACustomerInfoField{
    font-size: small;
    font-weight: bold;
    padding: 0 10px;
}

.SACustomerInfoField div{
    margin-top: -7px;
    color: #EFEFEF;
	cursor: help;
}

.InvoiceFilterDtl{
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: -10px;
    margin-right: 10px;
    height: 18px;
    float:left;
}

.InvoiceDuration{
    background-color: #A9A9A9;
    height: auto;
    overflow: hidden;
    padding: 5px;
}
.SAInvoiceDetailListWrapper{
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;	     
    overflow: hidden;	
	height: 190px;
    width: 100%;	
}

.SAInvoiceDetailListWrapper .fht_table_body,.MainGrpWrapper .fht_table_body,.LocationDataList .fht_table_body,#ProductionCustomerLookup .fht_table_body{
	overflow-x: auto!important;
}

.InvoiceLineHeader div, .ArticlHeader div, .CartHeader div, .CartDtlHeader div{
    color: black;
}
.PrintCartHeader div,.SalesAdvisorHeader{
    color: black;
	font-weight:bold;
	background: url(Images/GridHeader.gif) repeat-x;
    background-color: #E1E1E1;
	text-align: left;
	padding-left:10px;
    height: 19px;
}
.PrintCartDtlHeader div{
	padding-left:10px;
}
.InvoiceLineHeader td, .ArticlHeader td{
   background: none repeat scroll 0 0 #EAEAEA;
   white-space: nowrap;
}

#InvoiceFilterWrapper{
    margin-bottom: 15px;
    margin-top: -10px;
}

.ShowArtDetailMode, .ArticlePanelFullScreen{     
    float:right;      
    cursor: pointer;
}

.ShowArtImageMode{  
    float:right;     
    cursor: pointer;
	margin-right: 3px;
}

#ClearDialogButton{
    margin-left: -10px;
    cursor: pointer;
    font-size: 12px;
}

#RefreshDialogButton{
    cursor: pointer;
    font-size: 12px;
}

.ArticleDescription .ArticleID{
	color: #4c4c4c;
	font-weight: bold;
}

.ArticleDtlDialog{
	position: absolute; left: 0; top: 0; padding: 0; margin: 0;
}

#full-page-container
{
	overflow: auto;	
}

 #scrollbarArtDetail{
	height: 400px;
	overflow: auto;	
}

#ReplicateInvWrapper{
    float: none;
}

.DisplayModeContainer{
	right: 20px;
    position: absolute;
    top: 38px;
	cursor: hand;
	cursor: pointer;
    text-align: right;
    font-size: 10px;
}

#SalesAdvisorWrapper .DisplayModeContainer{
	right: 20px;
    position: absolute;
    top: 37px;
	cursor: hand;
	cursor: pointer;
    text-align: right;
    font-size: 10px;
    z-index: 100;
}

#SalesAdvisorWrapper .container_16{
    z-index: 100;
}
	
.RemoveAllFilters{
	left: 60px;
    position: absolute;
    top: 38px;
	cursor: hand;
	cursor: pointer;
    text-align: right;
    font-size: 10px;
}

.RemoveSign{
	font-size: 10px;
    left: 7px;
    position: absolute;
    top: -2px;
}
	
#Chk_ReplicateInv{
    cursor: pointer;
}

#SAInvoiceDetailList .InvArtDesc{
    white-space: nowrap;
}

.gradient {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
}

.ArticlePreview{
	cursor: default;
	font-size: 14px;
	margin-top: 5px;
	margin-left: 5px;
}

#preview {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    display: none;
    padding: 5px;
    position: absolute;
	z-index: 1000;
	width: 240px;
	height:355px;
}

.SAArtDescriptionIcon{
	cursor: pointer;
	font-size: 12px;
	float:left;
	width:7%;
	padding-right:5px;
}

.SAArtDescriptionTxt{
	width:90%;
/*	max-width:80%;	172px*/
	overflow: hidden;
}
.SASizeDesc {
    max-width: 55px;
    overflow: hidden;
}
.SAModelDtlSelect{min-width:50%;}
.SAModelDtlInput{min-width:60%;}
#CartDtlGridDiv .jspHorizontalBar{display:none;}
/*-------------------------------SalesAdvisor style ends-------------------------------------------------------*/

.ToolbarButtonLable{	
    text-align: center;
    text-shadow: 0 1px 1px #000000;
	vertical-align: middle;
}

.ToolbarButtonLable:hover{
    text-shadow: 0 1px 1px #FFFFFF;
}

.ArtModelFilterList{
    margin: 10px 0;
}

.ArtModelDetailListWrapper{
    height : 358px;
}
.SalesAdvDetailListWrapper{
    height : 415px;
}

.ArtModelPrintListWrapper{
    max-height: 650px;
}

#AerModelFilterbyActive{
    color:#000000;
    padding-bottom:7px;
    margin-top:3px;
}

#AerModelFilterbyStock{
    color:#000000;
    padding-bottom:7px;
}

#ArticleImageWrapper{
	margin-bottom: 55px;
}

#ArtColComputedHead, #ArtColComputedData{
	text-align: right;
}

.IconButton{
	font-size: 1.25em;
	text-decoration: none;
	cursor: pointer;	
}

.AlignDatePicker{
    position:relative; 
    top:2px; 
    left:1px;
}

.AlignPurchDateInput{
    position:relative;
}

#NoArtFile, #NoStoneFile{
	left: 13px;
    position: relative;
    top: 26px;	
	font-size:2.5em;
	color:#FF0000;
	text-decoration:none;
}

#NoArtImage, #NoStoneImage, #NoInvpdfImage{		
	padding-top: 58px;
	margin-bottom: 2px;	
	font-size:7em;
	color: #D3D3D3;
	text-decoration:none;
}

.NoArtAllFile, .NoStoneAllFile{
	right: 32px;
    position: relative;
    top: 13px;	
	font-size:1em;	
	text-decoration:none;
}

.NoArtAllImages, .NoStoneAllImages{	
	padding-top: 20px;
	font-size:2em;	
	text-decoration:none;
}

.NoBrandFile{
	left: 3px;
    position: relative;
    top: 0px;
	font-size:1.25em;
}

.NoBrandImage{	        
	padding-top: 22px;
	padding-left: 5px;
	font-size: 4em;
}

#NoFileFound{
	color:#FF0000;
	text-decoration:none;
}

#NoImageAvailable{		
	color: #D3D3D3;
	text-decoration:none;
}

div.IC_TransprtDtlList{
	height : 200px;
	overflow : hidden;
    border-left:1px solid #E2E2E2;
    border-right:1px solid #E2E2E2;
}

.FooterHeight{
    height: 20px;
    margin: 1px;
}

#TagsAddBtn{
	padding-top:6px;
}

.CalendarBtn{
	text-decoration: none;
	cursor: pointer;
}

.BinInnerIcon{
	text-shadow: 0 1px 1px #000000;
	position: relative;	
	right: 15px;
}

.SATinyscrollbar{ 
    position: relative;
    background-position: 0 0; 
    float: right;
    display: none;
}

.SAviewport{ 
    width:100%;
    overflow: auto;
    position: relative;
}
.InvoiceDetailListWrapper {
	height : 358px;
}

.TotInvQty{
	Color: #000000;
}

#content .ZoomIcon, #contact_popup .ZoomIcon, #CreateSizegrpPopup .ZoomIcon, #ModelData .ZoomIcon{
	font-size:1.06em;
	cursor:pointer;
	cursor:hand;
	text-decoration: none;
}

#TooltipContent #OrdInvID:hover{
	color: #EFEFEF;
}

#HistoryTable tbody tr:hover{
	background-color:#FFF991;
}

#tooltip{
	z-index:10000;
}

.LocInnerIcon{
	font-size: 1.1em;
    position: relative;
    right: 26px;
    top: 6px;
}

#InvoiceFilnalizedWrapper{
	width:100%;
	height: 50px;	
	padding: 10px 0;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;	
}

.FinalizedInvBtns{
	float:left;
}

.InvButton{
	width:30px;
	padding:0 10px;
	float:right;
	text-align: left;
	cursor: pointer;
	cursor: hand;
	text-decoration: none;	
}

.InvBtnLabel{
	color: #FF7F50;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

#ResendMail span:first-child{
	padding-top: 3px;
}

.TurnOverDetails{
    font-weight: bold;
    margin-bottom: 3px;
    margin-right: 10px;
    height: 18px;
    float:left;
}

.TurnOverOrderData{
    margin-right: 10px;
    height: 18px;
    float:left;
}

.MainGrpWrapper{
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;	     
    overflow: hidden;	
	height: 135px;
    width: 100%;	
}

.TotalTurnoverInfo{
   margin-top: 10px;
}

#MainGrpDetailListScrollable .viewport{
	height: 145px;
}

#FreeBinSearchTermContainer,#AllBinSearchTermContainer{
	background-color: #C1C1C1;
	margin-bottom: 2px;
}

#NoArtFileTiny{
	bottom: 11px;
    color: #FF0000;
    font-size: 1.25em;
    left: 16px;
    position: relative;
    text-decoration: none;
	cursor:hand;
	cursor:pointer;
}

#NoArtImageTiny{
	font-size: 2em;   
    padding-top: 16px;
	color: #D3D3D3;
	text-decoration: none;
	cursor:hand;
	cursor:pointer;
}

.rowselected #NoArtImageTiny{
	color: #999999;
}

.rowselected #NoArtFileTiny{
	color: #E90000;
}

.AssignedBin{
    background-color: #C1C1C1;
}

.CompressLongText{
	height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#LocationDataListScrollable .viewport{
	height: 195px;
}

.LocationDataWrapper{
    border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;	     
    overflow: hidden;	
	height: 210px;
    width: 100%;	
}

.TotalSizeCount{
    float: left;
    margin-top: 10px;
}

.TextPreWrap{
	white-space: pre-wrap;
}

#LogoImageWrapper{
	height: 190px;
}

.ImgContainer{
	background-color: #F8F8FF;
	border: 1px solid #CCCCCC;
	height: 185px;
	width: 165px;
}

#ArtDtlEntryDiv .ImgContainer{
	background-color: #F8F8FF;
	border: 1px solid #CCCCCC;
	height: 199px;
    width: 142px;
}

.TitleEmailCaption {
	background-color : lightgray;
	height : 17px;
	margin-bottom : 10px;
	padding-left : 10px;
	text-align : left;
}

.StickerArticleList{
	height: 400px;
	overflow: hidden;
}

#ImagePresent{
	font-size: 1em;      
	color: #60EE6F;
	text-decoration: none;
	cursor:hand;
	cursor:pointer;
}

.CollectionMgrCollList{
	height : 253px;
}

#Attrbtns{
	padding: 15px 0px;
}

.ArticleEdit{
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
	font-size: 14px;
	margin-top: 5px;
	margin-left: 5px;
}

#IC_BarcodeCheck{
	display: block;
    position: relative;
	bottom: 15px;
	height: 18px;
	font-size: 1.33em;
	text-decoration: none;
	cursor:hand;
	cursor:pointer;
} 

.SetDefaultWrapper{
    float: left;
}

.SetDefault{
    float: left;
}

.SetDefault span{
    color:#00CED1;
}

.ResetDefault{
    float: left;
}

#ResetDef{
	left: -20px;
    position: relative;
    top: -7px;	
	font-size:0.9em;
	color:#FF0000;
	text-decoration:none;
}

#SetDef{		
	padding-top: 0px;
	margin-bottom: 2px;	
	text-decoration:none;
}
#SetDef,#SetDefArtmodel,#SetDefMainGrp,#SetDefSubGrp,#SetDefMetal,#SetDefVAT{		
	padding-top: 0px;
	margin-bottom: 2px;	
	text-decoration:none;
    color:#00CED1;
}

#ResetDefArtmodel,#ResetDefMainGrp,#ResetDefSubGrp,#ResetDefMetal,#ResetDefVAT{
	left: -17px;
    position: relative;
    top: -6px;	
	font-size:0.8em;
	color:#FF0000;
	text-decoration:none;
}

/*----------- Image Display CSS Start ------------------*/
.DisplayImageHandleBtn{
	text-decoration: none;
	cursor:hand;
	cursor:pointer;
	font-size: 1.35em;
	padding: 2px 0 0;
	float: left;
	clear: both;
}

.DisplayImageHandleBtn:hover{
	margin-top: 2px;
}

#DisplayImageBtnBlock{
	float: left;
}

#DisplayImageBlock{
	float: right;
}

.NoImageSeqNum{
    position: relative;
	left: 40px;
    top: 10px;
}

.ImageSeqNum{
	position: relative;
    top: 45px;
}
/*----------- Image Display CSS End ------------------*/

.ArtContentWrapper, .ArtDetailContainer, .ArtDtlEntryDiv, .ArtDetailsGrid{
	width: 100%;
}

/*----------- Finalize invoice steps CSS starts ------------------*/
#FinalizeInvoiceWrapper #steps{
	border-top: 1px dotted #E6E6E6;
	border-bottom: 1px dotted #E6E6E6;
	padding-left: 19px;
}
#FinalizeInvoiceWrapper #steps a{
	text-decoration: none;
	font-weight: bold;
}

#FinalizeInvoiceWrapper #steps li{
	float: left;
	background: none;
	margin:0px 60px 0px 0px;
	padding:10px 8px 0px 8px;
	font-weight: normal;
	display: block;
	font-weight: bold;
	height: 82px;
	width: auto;
	color: #888888;
}

#FinalizeInvoiceWrapper #steps li span{
	font-size: 30px;
	font-weight: bold;
}

#FinalizeInvoiceWrapper #steps li .StepNumber, .StepNumber, .StepNumber1, .StepNumber2, .StepNumber3, .StepNumber4{
	font-size: 30px;
	font-weight: bold;
	display: block; 
	padding-top: 11px; 	
	width: 53px;
	height: 43px;
	text-align: center;
	z-index: 1;
	position: relative;
	margin: 0px auto;
	color: #333333;
}

#FinalizeInvoiceWrapper #steps .current{
	color: #FFFFFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #CECECE;	
	background-image: url(Images/top-arrow.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #E6E6E6;
}

#FinalizeInvoiceWrapper #steps .StatusInvalid{
	background-image: url(Images/Status.png);
	background-repeat: no-repeat ;
	background-position :-53px 0;
	width: 53px;
	height: 43px;
	display: block;
	position: absolute;
	z-index: -1;
}

#FinalizeInvoiceWrapper #steps .StatusValid {
	background-image: url(Images/Status.png);
	background-repeat: no-repeat; 
	background-position: 0 0;
	width: 53px;
	height: 43px;
	display: block;
	position: absolute;
	z-index: -1;
	color: green;
}

#FinalizeInvoiceWrapper #steps .current a{
	color: #FFFFFF;
	text-decoration: none;
}

#FinalizeInvoiceWrapper .TitleWrapper{
	width: 100%;
	height: 45px;
}

#FinalizeInvoiceWrapper .StepTitle{    
    padding: 17px 0px 5px 2px;
    color: #FF7F50;
    font-size: 12px;
    font-weight: bold;   
	width:200px;
	text-align:left;	
	border-bottom: 1px solid #EAEAEA;
}	
/*----------- Finalize invoice steps CSS ends ------------------*/

#FinalizeInvoiceWrapper #InvoiceExplorerContainer, #FinalizeInvoiceWrapper #InvoiceDetailsContainer, #FinalizeInvoiceWrapper #InvoicePrintContainer{
	padding-bottom: 20px;
}

div.PrintInvoicesList{
	height: 175px;
	overflow: hidden;
}

/*---------------------- CSS for Invoice Preview Div On Configuration -----------------------------*/
.InvImg{
	border: 1px solid #969798;
}
.InvPreviewContent{
	float: left;
	width: 240px;
	height: 220px;
	border: 1px solid #969798;
	margin-top: 15px;
	margin-right: 15px;
}
.InvPreviewContent .SelLayout{
	float: right;
	color: #19BF11;
	font-size: 20px;
	height: 0px;
	padding-right: 10px;
}
.InvoicePdfWrapper{
	float: left;
	margin-left: 7px;
	margin-top: 5px;
	height: 55px;
	width: 80px;
}
.InvPdfImageWrapper{
	float: left;
	padding-bottom: 5px;
	Height: 185px;
}
/*-------------------------------------------------------------------------------------*/
.TaskQLinks{
	color: #3c4041;
	text-decoration: none;
}
.TaskQLinks:hover{
	text-decoration: underline;
}

#TaskQInfo{
	Width: 100%;
	float: left;
	margin: 5px 0px 5px 0px;
}

#TaskQWarning{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
    vertical-align: bottom;
}

#CustomerImgDelete,#SupplierImgDelete,#EmployeeImgDelete,#GoldsmithImgDelete{
	color: #FF0011;
	float: left;
}

#CustomerImgBtnWrapper,#SupplierImgBtnWrapper,#EmployeeImgBtnWrapper,#GoldsmithImgBtnWrapper{
	float: left;
	padding: 1px;
	display: none;
	width: 22px;
}

#AutoPrintContainer{
	float: Left;
	margin-left: 10px;
	font-weight: bold;
}

.ArtImageWrapper{
	width : 240px;
	height : 340px;
	margin-left: 50px;
}

.ArtNumberWrapper, .SupplierInfoWrapper, .GoldsmithInfoWrapper{
	font-size: 11px;
	width: 340px;
	margin: 2px;
	height: 15px;
	overflow: hidden;
}

.ArticleWrapper{
    width: 340px;
	border: 1px solid #E2E2E2;
	margin: -1px 4px 0 -3px;
	
}

.ArtImageWrapper  img{
	width : 240px;
	height: 340px;
}

#PurchaseLayoutHeader{
	margin-top:30px;
	margin-left:3px;
	margin-right:3px;
}

#PurchaseLayoutContents #HeaderContainer{
	margin-left:3px;
	margin-right:3px;
}

 .PurchaseContent{
	margin-top:25px;   /*8cm*/
	margin-left:3px;
	margin-right:3px;
	margin-bottom:76px;
}

 .PurchaseArticles{
	margin-top:302px;   /*8cm*/
	margin-left:3px;	/*1cm*/
	margin-right:3px;
	margin-bottom:76px; /*2cm*/
}

.PurchaseContentFirst{
	margin-left:3px;
	margin-right:3px;
	margin-bottom:76px;
}
#PurchaseLayoutContents .RptInfoDivHeader{
	margin-left:3px;
	margin-right:3px;
}

#CustomerCsvFileData tr td,#InvoiceCsvFileData tr td{
	padding : 3px;
}

#CustomerCsvFileData a:hover,#InvoiceCsvFileData a:hover{
	color : #DF8237; 
}

#BarcodeNotAvailable{
	cursor : pointer;
}

.ArticleMinStockList .Article_PurchPrice,.ArticleMinStockList .Article_PurchQty,.ArticleMinStockList .Article_MetalWeight,.ArticleMinStockList .Article_MetalRate{
	text-align : right!important;
	border : 1px solid #D3D3D3!important;
	font-family: tahoma,arial,helvetica,sans-serif;
    font-size: 11px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 15px;
}

#GenerateSupplierTootip:hover{
	color : #0053A0;
}

#PurchaseStockWrapper #ArticleReportData #DataExpTable tr:nth-child(even) {
}

#ArtDescData .ArtDescDivWrapper{
    margin-top: 5px;
}

#ArtDescData .InputWrapper{
    margin-left: 5px;
}

#ArtDescDataWrapper{
    background-color: #D8D8D8;
    padding:1px;
    margin-bottom: 5px;
    padding-right: 3px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 305px;
}

#ArtDescData{
    background-color: #FFFFFF;
    width:99%;
    height:99%;
    padding-left: 5px;
    height: 288px;
    overflow-y: auto;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

#ArticleWrapper .FieldTitle {
    padding-left : 3px;
    padding-right : 3px;
    color : Black;
    vertical-align : middle;
	text-align : left;
    overflow: hidden;
    width: 80px;
    word-break: break-all;
}

/*---------------CSS for IC_MasterEntry right data entry screen------------------------*/
.RightDataContainer #MainGrp_Form table .FieldLabel,.RightDataContainer #Metal_Form table .FieldLabel , #RecipeHdrContainer table .FieldLabel{
	width : 21%!important;
}

.RightDataContainer #Transpor_Form table .FieldLabel, .RightDataContainer #InvCompany_Form table .FieldLabel, #CustomerEntryContainer  table .FieldLabel, #PartEntryContainer  table .FieldLabel{
	width : 30%!important;
}

.DisableEditButton{
	cursor : default;
	border : none;	
	font-size: 14px;
	padding-top: 6px;	
    float: left;
    height: 22px;
    overflow: hidden;
    width: 22px;
}

.EditButton{	
	cursor : pointer;
	border : none;
	overflow: hidden;
	font-size: 14px;
	padding-top: 6px;	
    float: left;
    height: 22px;    
    width: 22px;
}

#LaborCostSelectionForm table tr td{
	padding :3px!important;
}

.IC_StockDataList .artdesc, .IC_CustomDataList .FieldLink, #ProductionListWrap .FieldLink {
    color: #236AC7;
    cursor: pointer;
}

.IC_StockDataList .rowheader th, .IC_CustomDataList .rowheader th{
	font-weight:normal!important;
	color: #000000!important;
	background-color:#FFFFFF!important;
	cursor : pointer;
}

.IC_StockDataList .ui-widget-header .ui-state-default, .IC_CustomDataList .ui-widget-header .ui-state-default{
	background : url(Images/GridHeader.gif) repeat-x scroll 0 0 transparent!important;
}

#WholeStockList .IC_ContentRight,.IC_StockDataList .rowheader .IC_ContentRight, #WholeProdAnalysisList .IC_ContentRight,.IC_CustomDataList .rowheader .IC_ContentRight{
	text-align:right!important;
}

#WholeStockList .IC_ContentLeft,.IC_StockDataList .rowheader .IC_ContentLeft, #WholeProdAnalysisList .IC_ContentLeft,.IC_CustomDataList .rowheader .IC_ContentLeft{
	text-align:left!important;
}

#WholeStockList .IC_ContentCenter,.IC_StockDataList .rowheader .IC_ContentCenter,#WholeProdAnalysisList .IC_ContentCenter,.IC_CustomDataList .rowheader .IC_ContentCenter{
	text-align:center!important;
}

#WholeStockList tr td, #WholeProdAnalysisList .IC_ContentCenter{
	color:#696969 !important
}

#WholeStockList  tr[row="article"] td span {
	color: #ff9326 !important;
}




#WholeStockList .stocklocationtext,  #WholeProdAnalysisList .stocklocationtext {
	white-space : pre-wrap!important;
}

#WholeStockList .hidestockcol{
	cursor : pointer;
}

#WholeStockList .IC_NoWrap div, #WholeProdAnalysisList .IC_NoWrap div{
	padding-top : 2px;
	height:16px!important;
}

#StockSearchResult .ui-widget-header{
	background : none;
}

div.IC_StockDtlList {
	height : 120px;
	overflow : hidden;
}

.stklabel{
	color: #000000;
}
#ExpColButtonsDiv,#ItemPerPageDiv,.PageRecCount,#ExpLeftTitle{
	margin-top : 5px;
	white-space : nowrap;
}
.PriceCalMethodDesc{
    margin-top: 5px;
    margin-left: 5px;   
}

.ArticleDetailsWrapper .ui-widget-header{
background: url("Images/boxheaders.png") repeat-x scroll 0 0 #CCCCCC;
    color: #4C4C4C;
    font: 13px/21px Arial,Sans-Serif;
    padding: 1px 9px 1px 20px;
    position: relative;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    border: 1px solid #CCCCCC;
}

.ArticleDetailsWrapper  .ui-state-active,.ArticleDetailsWrapper  .ui-widget-content .ui-state-active,.ArticleDetailsWrapper  .ui-widget-header .ui-state-active {
    border: 1px solid #CCCCCC;
}
/* ---- Page Shadow -----*/
.shadow {
    background: url("images/shadow.png") repeat-x scroll left top transparent;
    height: 12px;
    overflow: hidden;
    position: relative;
    width: inherit;
    z-index: 20;
}

.shadow .r {
    background: url("images/shadow_right.png") no-repeat scroll left top transparent;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    z-index: 20;
}
.shadow .l {
    background: url("images/shadow_left.png") no-repeat scroll left top transparent;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 120px;
    z-index: 20;
}
/* ---- Page Shadow End -*/

.DirectMethod{
    background-color:#63D1F4;
}

.PerGramMethod{
    background-color:#539DC2;
}

.DisplayDiv{
    height: 15px;
    width : 15px;
    margin-left: 10px;
    margin-right: 5px;
	margin-top: 2px;
}

.FloatLeft{
    float: left;
}

.FloatRight{
    float: right;
}

.MethodIndicator{
    margin-right: 10px;
}

#NoOrderImageTiny {
    color: #D3D3D3;
    cursor: pointer;
    font-size: 2em;
    padding-bottom: 6px;
    padding-top: 1px;
    text-decoration: none;
}

#NoOrderFileTiny {
    bottom: -6px;
    color: #FF0000;
    cursor: pointer;
    font-size: 1.5em;
    left: -13px;
    position: relative;
    text-decoration: none;
}

#TransHdrContainer .LeftDataContainer{
	width : 37%;
}

#TransHdrContainer .RightDataContainer{
	width : 33%;
	float:left;
}

#TransHdrContainer .PackageDataContainer{
	width : 29%;
	float:left;
	padding-top:5px;
}

#TransHdrContainer .RightDataContainer input,#TransHdrContainer .LeftDataContainer input{
	width : 130px!important;
}

#TransHdrContainer .RightDataContainer select,#TransHdrContainer .LeftDataContainer select{
	width : 135px!important;
}

#TransHdrContainer .RightDataContainer .FieldLabel,#TransHdrContainer .LeftDataContainer .FieldLabel{
	width : 90px!important;
}

#TransHdrContainer .PackageDataContainer .FieldLabel{
	width : 100px!important;
}

#TransHdrContainer .PackageDataContainer input{
	width : 100px!important;
}

#TransHdrContainer .PackageDataContainer select{
	width : 105px!important;
}

#UPSTransportResponse tr td{
	padding:3px;
	height : 17px;
}

#UPSTransportResponse .ButtonsContainer{
	padding-top : 0px!important;
	padding-left: 0px!important;
}

#InvoiceTranspWrapper .invtransdraft{
	background-color : #F69600;
}

#InvoiceTranspWrapper .invtransintransit{
	background-color : #5FFF84;
}

#TransportList .IconButton{
	font-size: 14px!important;
    height: 16px !important;
    width: 23px !important;
}

/* -------------- Code to apply even odd row colours---------*/
/*------------- Please do not change code as it is global ------------------*/
.list tbody tr:nth-child(odd) {
    background-color: #EFFCFF;
}
#PurchDtlNewRec  tr:nth-child(odd), .RecipeDtlNewRec  tr:nth-child(odd), .ProdDtlNewRec  tr:nth-child(odd){
    background-color: #FFFFFF;
}

#AddInvDtlRow  tr:nth-child(odd) {
    background-color: #FFFFFF;
}

#OrderInfo  tr:nth-child(odd) {
    background-color: transparent;
}

#InvoiceInfo  tr:nth-child(odd) {
    background-color: transparent;
}

#PurchaseInfo  tr:nth-child(odd){	/*, #PriceTotalInfo tr:nth-child(odd)*/
    background-color: transparent;
}

#CartTotalInfo  tr:nth-child(odd) {
    background-color: transparent;
}
#WholeProdAnalysisList tbody tr.RowCountEven{
	background-color : #FFFFFF;
}

#WholeProdAnalysisList tbody tr.RowCountOdd{
	background-color : #EFFCFF;
}

#WholeStockList tbody tr[row="article"].RowCountOdd {
	background-color : #fdf6f6 !important;
}
#WholeStockList tbody tr[row="article"].RowCountEven {
	background-color : #FDFAFA !important;
}

#WholeStockList tbody tr[row="artmodel"].ModelOddRow  {
	background-color : #FFFFFF !important;
}
#WholeStockList tbody tr[row="artmodel"].ModelEvenRow  {
	background-color : #EFFCFF !important;
}

#WholeStockList tbody tr[row="location"]{
	background-color : #e8fff3 !important;
}
#WholeStockList tbody tr[row="location"] {
	background-color : #e8fff3 !important;
}


#WholeStockList  tr.ChildNode, #WholeProdAnalysisList  tr.ChildNode{
	background-color : #F8F8F8;
}

#WholeStockList  tr.SizeChildNode, #WholeProdAnalysisList  tr.SizeChildNode{
	background-color : #F0F0F0;	
}

#WholeStockList  tr.SizeChildNode td, #WholeStockList  tr.SizeChildNodeOdd td {
	color : black !important;
	font-size :bold;
}

#WholeStockList  tr.ChildNode{
	background-color : #fcfbe6;
}
#WholeStockList  tr.ChildNodeOdd{
	background-color : #fdfdf2;
}
#WholeStockList  tr.SizeChildNodeOdd{
	background-color : #fafafa;
}

 #WholeProdAnalysisList  tr.ArtChildNode{
	background-color : #DDE0E0;
}

#ArticleSearchResult #ArticleList  tbody tr.RowCountOdd{
	background-color : #EFFCFF;
}

#ArticleSearchResult #ArticleList  tbody tr.RowCountEven{
	background-color : #FFFFFF;
}

#ArticleSearchResult #ArticleList   tr.LocationData{
	background-color : #F8F8F8;
}

#ArticleSearchResult #ArticleList   tr.Size{
	background-color : #F0F0F0;
}

#InvoiceDetailListScrollable #InvoiceDetailList  tbody tr.RowCountOdd{
	background-color : #EFFCFF;
}

#InvoiceDetailListScrollable #InvoiceDetailList  tbody tr.RowCountEven{
	background-color : #FFFFFF;
}

#InvoiceDetailListScrollable #InvoiceDetailList   tr.Invoice, #ModelPurchaseListScrollable #ModelPurchaseList tr.ArtModelRowOdd
,#ArtModelListScrollable #ArtModelImgList tr.ArtModelRowOdd
 {
	background-color : #F8F8F8 !important;
}

#InvoiceDetailListScrollable #InvoiceDetailList   tr.InvoiceDtl,#ModelPurchaseListScrollable #ModelPurchaseList tr.ArtModelRowEven,
,#ArtModelListScrollable #ArtModelImgList tr.ArtModelRowEven{
	background-color : #F0F0F0 !important;
}

#SalesAdvDetail  #SalesAdvDetailListWrapper tbody tr.RowCountOdd{
	background-color : #EFFCFF;
}

#SalesAdvDetail #SalesAdvDetailListWrapper  tbody tr.RowCountEven{
	background-color : #FFFFFF;
}

#SalesAdvDetail  #SalesAdvDetailListWrapper  tr.Cart {
	background-color : #F8F8F8;
}

#SalesAdvDetail  #SalesAdvDetailListWrapper  tr.CartDtl {
	background-color : #F0F0F0;
}

#ArtModelDetailListScrollable  #ArtModelDetailList tbody tr.RowCountOdd{
	background-color : #EFFCFF;
}

#ArtModelDetailListScrollable #ArtModelDetailList  tbody tr.RowCountEven{
	background-color : #FFFFFF;
}
#ModelPurchaseListScrollable #ModelPurchaseList tr.ArtModelHeader  td {font-weight:bold !important;}

/* -------------- End of code to apply even odd row colours---------*/
#ArtImageDataExplorer #DataExpTable .rowempty {
    height: 41px;
}

#ReportDataWrapper #ArticleReportData #DataExpTable  tr.rowheader{
    background-color: #E1E1E1;
}

#ReportDataWrapper #CustomerReportData #DataExpTable  tr.rowheader{
    background-color: E1E1E1;
}

#ArtImageDataExplorer #DataExpTable .FirstImgContainer{
    float: right;
}

#LeftMenu {
    margin-top: 61px;
    position: absolute;
}

#CsvExportWrapper,#CsvImportWrapper{
	padding-left : 25px;
	padding-top : 5px;
}

.EmailManagerTabs .ui-widget-header{
	background : none!important;
	background-color: #EEEEEE!important;
    border: 1px solid #C1C1C1!important;
}

.AddEditWrapper{
    float: left;
    padding-left : 5px;
	padding-right : 5px;
    width: 250px;
    margin-top: 1px;
}

.AddEditLabelWrapper{
    text-align : right;
    width:32%;
    overflow: hidden;
    margin-right: 8px;
    height: 18px;
}

.AddEditValueWrapper{
    width:50%;
}
.AddEditValueWrapper input[type=text]{
    width:97%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.AddEditIconWrapper{
    width:7%;
	padding:3px 5px;
}

.AddEditDiv{
    padding-bottom: 3px;
}

#PurchDtlNewRec .GridRow, .RecipeDtlNewRec .GridRow, .ProdDtlNewRec .GridRow{
    height: 15px;
    overflow: hidden;
    padding: 2px 2px 2px 4px;	
}

#PurchDtlNewRec, .RecipeDtlNewRec, .ProdDtlNewRec{
    border: 1px solid #E0E0E0;
    float: left;
    padding: 5px;
	width:99%;
}

#SupplierQtyErrorText{
    float: left;
    width: 168px;
}

.pricered{
	color:#F01B1B!important;
}

#PurchHdr_form .PurchaseNegotiationTooltip{
	width : 520px!important;
	height : 140px!important;
	overflow-y:auto;
}

#OrdStatusHistWrapper{
    margin-top: -25px;
}

#OrdStatusHistWrapper #StatusHistoryDiv{
    margin-top: 3px;
}

#StatusCompleted{
    background-color:#5FFF84;
}

#StatusStarted{
    background-color:#F69600;
}

#EqualTransported{
    background-color:#5FFF84;
}

#LessTransported{
    background-color:#F69600;
}

#OverTransported{
    background-color:#00A693;
}

#StatusNegotiate{
    background-color:#FF3F3F ;
}

#StatusAdminAccepted{
    background-color:#EFCF3B;
}

#StatusSupplierAccept{
    background-color:#00A693;
}

#ColourIndicatorOuterWrapper .ColourIndicator{
    height:15px;
    width:15px;
    float:left;
    margin-left: 5px;
}

#ColourIndicatorOuterWrapper .ColourIndicatorText{
    float:left;
    overflow:hidden;
    height:15px;
    margin-left: 5px;
}

#ColourIndicatorOuterWrapper .ColourWrapper{
    margin-top: 1px;
    overflow: hidden;
    height: 20px;
    margin-right: 40px;
}

#ColourIndicatorOuterWrapper{
    border: 1px solid #E0E0E0;
    float: left;
    padding: 5px;
    width:99%;
    margin-top: 5px;
}

#PurchaseBtnWrapper{
    border: 1px solid #E0E0E0;
    float: left;
    padding: 5px;
    width:99%;
    height: 52px;
    margin-top: 5px;
}

#ColourIndicatorOuterWrapper .ColourIndicatorLabel{
    margin-left: 3px;
    float:left;
    overflow:hidden;
    height:15px;
    font-weight: bold;
    margin-left: 5px;
}

#PurchDtlNewRec .readonlyControl, .RecipeDtlNewRec .readonlyControl, .ProdDtlNewRec .readonlyControl {
    background-color : #efefef !important;
}

#PurchOrdWrapper .IC_WebfontBtn{ 
 font-size: 13px !important;
}

#PurchDtlList .IC_PurchaseTooltip {
    color: #236AC7;
    cursor: pointer;
}

#CommentTooltip{
	height: auto;
	min-height: 40px;
	padding: 0px;
}

#PurchDtlList  .MetalCostEdit  ,#PurchDtlList  .GrossAmtEdit,#PurchDtlList  .PurchPriceEdit,#PurchDtlList  .MetalWeightEdit{
    border-color: #888888;
}

#PurchDtlGridDiv .ui-widget-content{
	background : none;
}

#PurchDtlGridDiv .IC_ContentLeft,#PurchDtlGridDiv .IC_ContentRight,#PurchDtlGridDiv .IC_ContentCenter{
	padding-left : 5px!important;
	padding-right : 5px!important;
}

#AddPurchDtlRow, #AddRecipeDtlRow, #AddProdDtlRow {
    width:100%;
}

#ArtImageDataExplorer #QuickSearchText,#ArtImageDataExplorer #ToSearchText{
	height : 17px;
}

.BoldText{
    font-weight: bold;
}

#OrderDataTooltip  a:hover {
    color: #FFFFFF;
}

.ET_Container{
	width 		 : 99%;
	padding-left : 6px;
    overflow-x: auto;
}

#TransExpRightDataDiv  tr.rowheader{
    background-color: #E1E1E1;
}

#PurchHdrContainer .FieldLabel{
    width: 100px;
}

.PrintPurchaseOrderRpt .RptInfoDiv {
    border-bottom: 1px solid #E2E2E2;
}

.PrintPurchaseOrderRpt .Print_Level_1_Label {
    font-weight: bold;
}

.PrintPurchaseOrderRpt .RptContentsTable tr th, .PrintPurchaseOrderRpt .RptContentsTable tr td {
    border: 1px solid #E2E2E2;	
}

.PrintPurchaseOrderRpt .RptContentsTable tr th {
    background-color: #D2D2D2;

}

.PrintPurchaseOrderRpt .RptContentsTable  tr:nth-child(odd) {
    background-color: #EFFCFF;
} 

.PrintPurchaseOrderRpt .RptContentsTable  tr{
    height: 45px;		
}

.RptContentsTable  tr th{
	/*word-break: break-word;*/
}

.PrintPurchaseContentFirst{
	margin-Top:10px;
    margin-left:15px;
	margin-right:15px;
}

.PrintPurchaseContent{
	margin-top:30px;   
    margin-left:15px;
	margin-right:15px;
}

#map_canvaswrap{
	padding:2px;
	background-color:#E1E0D3;
	border : 1px solid #E1E0D3;
	border-radius: 7px;	
	float :left;  
}

#map_canvas{
	height: 700px;
}

#PlotMyCustomers{
    font-weight: bold;
    text-decoration: none;
    color: #3AB5FC;
}

.ExpandIconDiv{float:left;}
.exclusive_yes{background-color:#CC66FF!important;}	/*#0099ff*/
.DialogBtnWrapper.CustomDlgBtnWrap{
    width: 100%!important;
    clear: both;
    margin-top: 1px!important;
    margin-bottom: 0px;
    position: sticky;
    bottom: 0px;
}
.DialogBtnWrapper.CustomDlgBtnWrap .ButtonsContainer{
    float: right;
}
.DialogBtnWrapper.CustomDlgBtnWrap .DialogBtnContainer{
    border-top: 1px solid #dddddd!important;
}

/*--------------------------------------VDF modal dialog box---------------------------------------------------------------*/
#StatusChange_Popup #StatusChangeMsg{
	min-width: 500px;
    min-height: 70px;
}

.modaldialog .buttonbar{border: 1px solid #dddddd!important;}
.modaldialog .buttonbar .buttons{text-align: right;}
.modaldialog .buttonbar .buttons a:hover{
    border: 1px solid #fbcb09!important;
    background: #fdf5ce url(../jqGrid/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x!important;
    font-weight: bold!important;
    color: #c77405!important;
	text-decoration: none !important;
}
.modaldialog .buttonbar .buttons a{
	border: 1px solid #cccccc!important;
    background: #f6f6f6 url(../jqGrid/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x!important;
    font-weight: bold!important;
    color: #1c94c4!important;
    background-repeat: unset!important;
    padding: 1px 11px !important;
    margin: 5px;
    text-align: center!important;
    border-radius: 4px;
	margin: 4px !important;
}

.modaldialog .buttonbar td{
	background: #eeeeee url(../jqGrid/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x!important;
	color: #333333!important;
}
.modaldialog .titlebar td{
	border-top: 1px solid #eeeeee!important;		/* e78f08 */
    border-bottom: 1px solid #eeeeee!important;
    background: #f6a828 url(../jqGrid/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x!important;
    color: #ffffff!important;
    font-weight: bold!important;
	
	/*inset 0px 1px 0px 0px #f00*/
	-webkit-box-shadow:  inset 0px 1px 0px 0px #dd9724, inset 0px 0px 0px 0px #dd9724, inset 0px 1px 0px 0px #dd9724, inset 0px -1px 0px 0px #dd9724;
    -moz-box-shadow:  inset 0px 1px 0px 0px #dd9724, inset 0px 0px 0px 0px #dd9724, inset 0px 1px 0px 0px #dd9724, inset 0px -1px 0px 0px #dd9724;
    box-shadow: inset 0px 1px 0px 0px #dd9724, inset 0px 0px 0px 0px #dd9724, inset 0px 1px 0px 0px #dd9724, inset 0px -1px 0px 0px #dd9724;
}
.modaldialog .titlebar td:first-child {
    border-left: 1px solid #eeeeee!important;
	-webkit-box-shadow:  inset 1px 1px 0px 0px #dd9724, inset 0px 0px 0px 0px #dd9724, inset 0px 1px 0px 0px #dd9724, inset 0px -1px 0px 0px #dd9724;
    -moz-box-shadow:  inset 1px 1px 0px 0px #dd9724, inset 0px 0px 0px 0px #dd9724, inset 0px 1px 0px 0px #dd9724, inset 0px -1px 0px 0px #dd9724;
	box-shadow: inset 1px 1px 0px 0px #dd9724, inset 0px 0px 0px 0px #dd9724, inset 0px 1px 0px 0px #dd9724, inset 0px -1px 0px 0px #dd9724;
}
.modaldialog .titlebar td:last-child {
    border-right: 1px solid #eeeeee!important;
	-webkit-box-shadow: inset 0px 1px 0px 0px #dd9724, inset -1px 0px 0px 0px #dd9724, inset 0px 0px 0px 0px #dd9724, inset 0px -1px 0px 0px #dd9724;
    -moz-box-shadow: inset 0px 1px 0px 0px #dd9724, inset -1px 0px 0px 0px #dd9724, inset 0px 0px 0px 0px #dd9724, inset 0px -1px 0px 0px #dd9724;
	box-shadow: inset 0px 1px 0px 0px #dd9724, inset -1px 0px 0px 0px #dd9724, inset 0px 0px 0px 0px #dd9724, inset 0px -1px 0px 0px #dd9724;
	/*inset 0px 0px 0px 0px #f00, inset -1px 0px 0px 0px #f00, inset 0px 0px 0px 0px #f00, inset 0px 0px 0px 0px #f00;*/
}
.modaldialog .content{
    border: 1px solid #dddddd!important;
    background: #eeeeee url(../jqGrid/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x!important;
    color: #333333!important;
	min-width: 500px;
}
.DialogBtnWrapper .DialogBtnContainer{
    background: #eeeeee url(../jqGrid/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x!important;
    color: #333333!important;
    margin: 0px -5px 0px -5px;
    width: 101.3%;
    padding: 4px 0px 0px 0px;
    border-bottom: 1px solid #dddddd;
}
/*-----------------------------------------------------------------------------------------------------*/

/*---------------------------------------- Layout6 CSS Start ----------------------------------------*/
.DiadoreLogoLayout6{
	/*background: url(Images/DiadoreInvoiceLogo.png) no-repeat center left;*/
	width:290px;
	height : 210px;
	float: right;
	width:276;
}

.HeaderLayout6{
	float: left;
    font-size: 30px;
    margin-top: 75px;
    text-align: right;
    width: 50%;
}

.HeaderWrapperLayout6{
	margin-left:75px;
	margin-right:75px;
	height:388px;
	margin-top: 107px;
}

.PackingListHeaderWrapperLayout6{
	height:330px;
	margin-top: 50px;
}

.HeaderWrapperLayout6 .RptHeaderContainer{
	overflow : hidden;
}

.LeftContentLayout6,.RightContentLayout6{
	float:left;
	width:50%;
}

.Layout6_Content{		
	margin-top: 25px;
	margin-left: 75px;
	margin-right: 75px;	
	margin-bottom: 30px;
	font-size: 15px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;
	height: 690px;
}

.RptHeaderContainerLayout6{
	font-size: 15px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;	
	line-height:30px;
	margin-top:5px;
}

.RptLabel{
	font-weight : bold;
}

.Layout6_Content table tr .barcode{
	padding-left: 0px;
	width: 12%;	
}

.Layout6_Content table tr .shortdesc{
	width: 26%;
	padding-left: 0px;
}

.Layout6_Content  table tr .size{
	width: 8%;
	padding-right: 0px;
}

.Layout6_Content table tr  .invqty{
	width: 3%;
	padding-right: 0px;
}

.Layout6_Content table tr .salesprice{
	width: 10%;
	padding-right: 0px;
}

.Layout6_Content table tr .discamt{
	width: 6%;
}

.Layout6_Content  table tr .grossamt{
	width: 10%;
	padding-right: 0px;
}

.LeftContentLayout6 table tr .compname div,.LeftContentLayout6 table tr .custaddr div,.LeftContentLayout6 table tr .custcity div,
.LeftContentLayout6 table tr .vatnumber div,.RightContentLayout6 table tr .payment div{
   overflow: hidden;
   height: 30px;
}

.Layout6_Content table tr .shortdesc div{
	height: 17px;
    overflow: hidden;
}

.Layout6_Content table tr .totals{
	padding-left: 0px;
}

.double_underline{
	border-bottom: 4px double;
	color: #3F3F3F;
}

.Layout6_Content table tr td{
	line-height:17px;
}

.Layout6_Footer,.Invoice_CommentLayout6{
	margin-left: 112px;
	margin-right: 120px;
	margin-bottom: 3px;
	font-size: 15px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;	
	line-height:20px;
}

.Invoice_CommentLayout6{
	margin-bottom : 10px;
}

.Layout6_PageBreak{
	page-break-before: always;
	height: 0px;
	clear: both;
}

.active{
	background-color : #54B750;
}

.inactive{
	background-color : #DD5B44;
}
/*---------------------------------------- Layout6 CSS End ----------------------------------------*/

#article_stock_column_disp_chkbx span{display:inline-block;float:left;padding-right:10px;}

#article_stock_column_disp_chkbx input {
    height: 18px !important;
    margin-right: 4px !important;
    position: relative;
    top: 5px;
}

#ArticleReportData .TotalStock,#ArticleData .TotalStock{font-size: 7pt;}

/* Invoice Company   */
#InvoiceDetailsWrapper .table{ width:500px;}
#InvoiceDetailsWrapper .FieldLabel{ width:120px !important;}
#InvoiceDetailsWrapper select{ width:80% !important;}

#InvoiceHdrContainer table, #RepairHdrContainer  table, #PartEntryContainer  table , #RecipeHdrContainer table {width:100%;}
#InvoiceHdrContainer  .FieldLabel{width:30% !important;}
#RepairHdrContainer .FieldLabel, #RepairDesc .FieldLabel, #ArticleDtls  .FieldLabel {width: 126px !important; }

.ButtonDiv { width: 70px; float:left;}

#RepairWrapper .RequiredField{ width:15px !important;}

#RepairsWrapper .LeftDataContainer{ width : 35% !important; float : left; padding-top : 5px;}
#RepairsWrapper .RightDataContainer{ width : 63% !important; float : right; padding-top : 5px;}



/*---------------------------------------*/

/* Online user list */
#OnLinUsrWrap{
    position: fixed;
    bottom: 0px;
   /*background-color: black;
    border: 1px solid #8C8B8B;*/
    color: #008c23;	
}
.separator_td{
	padding-bottom: 10px;
}

#RecipeHdrContainer table .FieldLabel{
	text-align: left;
}

#RecipeDtlGridDiv .subRecipe  td div , #ProdDtlGridDiv .subRecipe  td div, .ParentRowInHierarchyTable td div,#dialog_addremovepartgroup .rowdisplay[row_id] div{
	font-weight : 600;
	color: #236AC7 !important;
}


#AddDtlType{
	margin: 0px 20px;
	position:relative;
	padding-bottom:10px;
}


.RecipeDtlListWrap .priceperpiece   div, .ProdDtlListWrap .priceperpiece   div{color:#9673ff !important;}
.RecipeDtlListWrap .pricepermin   div, 	 .ProdDtlListWrap .pricepermin   div{color:#ff9326 !important;}
.RecipeDtlListWrap .pricepergram  div, .ProdDtlListWrap .pricepergram   div {color:#468c00 !important;}
.recipe_remark  span  {color:#ff9326!important}


.AddRecipePart{
    vertical-align: text-top;	
}
.value_changed{background-color:#FFFF99!important;}
#FHT_ProdDtlFooter .listfooter{background:transparent!important;}
#ProductionDtlContainer .footerbtns{width:100%;float:left;}
#ProductionDtlContainer #PriceTotalInfo{width:100%;float:left;overflow:auto;}
#ProductionDtlContainer #PriceTotalInfo table{width:100%;}
#ProductionDtlContainer #PriceTotalInfo table input{width:70px;}
#ProductionDtlContainer #PriceTotalInfo table input:disabled{background-color: #f7f7f7;border: none;}
#ProductionDtlContainer #PriceTotalInfo .rowdisplay:hover{background-color: #FFF991!important;}
#ProductionDtlContainer #PriceTotalInfo .rowdisplay:nth-child(1){background-color: #ffffff;}
#ProductionDtlContainer #PriceTotalInfo .rowdisplay:nth-child(2){background-color: #eaeaff;}
#ProductionDtlContainer #PriceTotalInfo .rowdisplay:nth-child(3){background-color: #eaeaff;}
#ProductionDtlContainer #PriceTotalInfo .rowdisplay:nth-child(4){background-color: #dbffff;}
#ProductionDtlContainer #PriceTotalInfo .rowdisplay:nth-child(5){background-color: #dbffff;}
.footerbtns_sub_div{display: inline-block;width: 100%;background: #eeeeee;}/* url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;*/

#LinkedPartSearchResult .fht_table_body{
	height:135px;
	overflow-y:auto!important;
}
.chkdiv_addremove_partgroup,.expand_row{display: inline-block;padding: 2px 5px 0px;}

#ProductionDtlDiv{
	font-size:14px;
}
#ProductionDtlDiv .prod_used {
	border-bottom:1px solid;
	margin:7px;
	height:15px;
}

.emptybox {
	border-bottom:1px solid;
	margin:7px;
	height:15px;
	width:100px;
}

#ProductionDtlDiv  table th {
	padding:3px;
	height:20px;
}

/* removed 5px padding for Fixed header table */
.ProdDtlListWrap .ui-widget.ui-widget-content.ui-corner-all,.RecipeDtlListWrap .ui-widget.ui-widget-content.ui-corner-all,.PurchDtlListWrap .ui-widget.ui-widget-content.ui-corner-all, .IC_CustomDataList .ui-widget.ui-widget-content.ui-corner-all {
	border-left: 0px!important;
	border-right: 0px!important;
	border-top: 0px!important;
	border-radius: 0px!important;
	padding: 0px!important;
}

.status_new{background-color:#ffff73;}
.status_inprogess{background-color:#ffc926;}
.status_finalized{background-color: #59b300;}	/*#A3FF47*/
.status_onhold{background-color: #bfbfff;}
.status_cancelled{background-color: #ff7396;}	/*#FF7FCC*/
.status_received {background-color: #99e6ff;}	/*#FF7FCC*/
.status_prodready {background-color: #cfffbf;}	/*#FF7FCC*/


#dialog_prodline_replace_part .err_text{color:red;}
.no_qty{background-color:#ff7396!important;}
select:disabled {background-color: rgb(235, 235, 228);}
#ExportedArticleID  {font-size: 16px; font-weight: bold;float: right; padding-right: 30px;}

#ProdDtlList .editpartbutton{padding-right:3px;}
#ProdDtlList .replacepartbutton{padding-left:3px;}
#ProdQty,#ProdLineReplacePartReqQty,#ProdLineReplacePartTotReqQty{font-weight:600;}
#ProdQtyWrapper,#ProdLineReplacePartReqQtyWrapper,#ProdLineReplacePartTotReqQtyWrapper{display:inline-block; margin-top: .5em; font-size: 13px; }

#refreshgrid{
	padding-top: 8px;
	padding-bottom: 4px;
    font-weight: bold;
    color: #FFFFFF;
}

#refreshgrid:hover{	color :#ec5210; cursor: pointer; }

.CustomExplContainer #ItemPerPageDiv div {
	margin-left: 8px;
    margin-right:7px;
	float:left;	
}

#ProdCustInfoWrapper #CustInfoDiv{
	display: inline-block;
    padding: 5px 0px;
/*	background-color: #c1c1c1;	*/
	width: 100%;
	border: 1px solid #E0E0E0;
}
#Reserved_ProdQty,#Remaining_ProdQty{
    width: 88px;
    height: 15px;
    background-color: rgb(235, 235, 228);
    border: 1px solid #D3D3D3;
    text-align: right;
    color: #696969;
	padding: 1px;
}
#ProdResQtyStatus{float:right;font-weight: 600;padding: 5px;}
#ProdResQtyStatus div:nth-child(1){color:#00A0A0;padding-left: 11px;float:left;}	/*330066*/
#ProdResQtyStatus div:nth-child(2){color:#cc3333;padding-left: 11px;float:left;}	/*cc0000*/
#ProdResQtyStatus div:nth-child(3){color:#339900;padding-left: 11px;float:left;}	/*6600ff*/

#PartDataExplorer .GridRow  .icon-link { font-weight: 600; font-size: 14px;}
.acts_as_tree_table tr td:first-child span{ 
	padding-right: 3px !important; 
}

.CustomExplContainer  .SearchOptionWrapper{ height:auto !important;}
.CustomExplContainer   #ExpColHeaderDiv > div:first-child { padding-bottom: 3px; !important;}
.prodBalQty_FullReserved {background-color:#FF0099;}
.prodBalQty_PartialReserved {background-color:#00f0f0;}
.prodBalQty_UnReserved {background-color:#FF6600;}
.prodBalQty{width:50%;padding: 2px 8px 2px 8px !important;color: white;font-weight:600; }

#ProductionDataExplorer .prodBalQty_FullReserved {background-color:#FF7FCC;}
#ProductionDataExplorer .prodBalQty_PartialReserved {background-color:#66FFFF;}
#ProductionDataExplorer .prodBalQty_UnReserved {background-color:#FFA366;}

.sectionSep_right { border-right:1px solid #0000b3 !important;}

#StoneInfoWrapper.ArtModelScreen .IC_DataExplorer{height: 133px;}

#InvoiceDtlNewRec{
	clear: both;
    background-color: rgb(255, 255, 255);
    border: 1px solid;
    border-color: rgb(224, 224, 224);
    padding: 10px;
	display: inline-block;
}
#InvoiceDtlNewRec .GridRow{overflow: visible;}
#InvoiceDtlNewRec .DisplayOnlyDiv{
	border: 1px solid #D3D3D3;
    width: 115px;
    height: 13px;
    padding: 1px;
	background-color: #F5F5F5;
}

.FilterbyArtmodel {
	background-color: #73ff96;
	font-weight:bold;
}
.ButtonOnExplorerBar{margin:2px;}
.ExpFilterLink{float: right;padding: 5px;}

/* Discount Rules */
#discountrule_popup_wrapper .subtitle, #DiscountRuleFilter .subtitle{
	font-weight:bold;
	border-bottom:1px solid #999999;
	margin-bottom:5px;
	margin-top:7px;
}

#discountrule_popup_wrapper .subsection, #DiscountRuleFilter .subsection { padding-left:10px;}
#discountrule_popup_wrapper fieldset{ border-width: 1px; border-color: #f4f2f2;}
.CustDistributor {background-color : #60EE6F !important;}

.attr_cost, .attr_metalweight, .attr_labourcost{
    text-align: right;
    color: #888888;
    border: 1px solid #f0f2f6;
}
.attr_searchcode,.attr_description{
    color: #888888;
    border: 1px solid #f0f2f6;
	font-size:11px;
}

.ProdOrderLookupRow{
	font-weight: bold;
	color: #236AC7!important;
}

#FullScreenWaitDiv{
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    display: none;
    position: absolute;
    color: red;
    text-align: center;
    padding: 20% 0%;
}
#UpdateAllArtEncryptedPurPriceBtn{margin-top: 2px;}

#color_code_info_div{ border-top: 1px solid #E2E2E2; margin-top: 5px; padding-top:3px;}
#color_code_info_div  td{padding: 3px 0px;}
#color_code_info_div .color_info{float:left;min-width: 100px;}
#color_code_info_div .color_info div:nth-child(1){height: 10px;width: 10px;float: left;padding: 3px;}
#color_code_info_div .color_info div:nth-child(2){float: left;margin: 0px 5px;}

.filtercode_label{display:inline-block;vertical-align:super;padding: 0px 3px;cursor:pointer;}
.filtercode_div{display:inline-block;}
input.basic_filter_value{width: 50%;}

#Basic li{height: auto;}
#ClearBasic{color:#EC5210;}
#Filter_Basic .viewport1{height:265px!important;position:relative;width:100%;margin-left:1px;}
#Filter_Basic #Basic li div:nth-child(even){padding-bottom:3px;}
#AppliedFilters .bottom{padding: 3px 5px;!important}
#AppliedFilters h3{border-radius: 0!important;}
#AppliedFilters .bottom{border-radius: 0!important;}

#ProdRef td div{color:#6A6A6A;}
#Article .ArticleCode{display: inline-block; padding-bottom: 2px;}
/*---------- CSS for top bar language icons -------------------------*/
.LangaugeFlags{
	float : right;
	height : 55px;
    position: relative;
}

.language-dropdown{
	margin-top: 17px;
}

.en_lang_flag,.nl_lang_flag,.de_lang_flag,.dk_lang_flag,.fr_lang_flag{
	cursor: pointer;
    height: 32px;
    margin-left: 2px;
    width: 32px;
}

.en_lang_flag{
	 background: url(Images/en.png) no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
	 display:inline-block;
}

.nl_lang_flag{
	 background: url(Images/nl.png) no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
	 display:inline-block;
}

.de_lang_flag{
	 background: url(Images/de.png) no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
	 display:inline-block;
}

.dk_lang_flag{
	 background: url(Images/dk.png) no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
	 display:inline-block;
}

.fr_lang_flag{
	 background: url(Images/fr.png) no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
	 display:inline-block;
}

.LangaugeFlags .selected{
	background-color : #A8A6A6!important;
}

.language-dropdown .language-dropdown-wrap, .language-dropdown .language-dropdown-selected, .language-dropdown ul {
    margin: 0px;
    padding: 0px;
}

.language-dropdown .language-dropdown-selected a {
    display: block;
    height: 25px;
    border: 1px solid #ccc;
    color: #fff !important;
}
.language-dropdown a, .language-dropdown a:visited {
    color: #816c5b;
    text-decoration: none;
    outline: none;
}

.language-dropdown .language-dropdown-selected a {
    display: block;
    height: 25px;
    border: 1px solid #ccc;
    color: #fff !important;
}
.language-dropdown a, .language-dropdown a:visited {
    color: #816c5b;
    text-decoration: none;
    outline: none;
}

.language-dropdown .language-dropdown-selected a span, .language-dropdown .language-dropdown-wrap a span {
    cursor: pointer;
    float: left;
    line-height: 25px !important;
}
.language-dropdown-selected .langtext {
    width: 50px;
}
.language-dropdown .language-dropdown-selected a {
    color: #fff !important;
}


.language-dropdown .language-dropdown-wrap, .language-dropdown .language-dropdown-selected, .language-dropdown ul { margin:0px; padding:0px; }
.language-dropdown .language-dropdown-wrap { position:relative; }
.language-dropdown a, .language-dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
.language-dropdown a:hover { color:#5d4617;}
.language-dropdown .language-dropdown-selected a:hover {color:#5d4617;}
.language-dropdown .language-dropdown-selected a {display:block;height:25px;border:1px solid #ccc;color:#fff !important;}
.language-dropdown .language-dropdown-selected a span,.language-dropdown .language-dropdown-wrap a span{cursor:pointer;float:left;line-height:25px!important;}
.language-dropdown .language-dropdown-wrap ul{z-index:1011;background:#969696 none repeat scroll 0 0; border:1px solid #ccc;display:none;left:0px;position:absolute;top:2px;width:auto;min-width:155px; list-style:none;}
.language-dropdown span.value { display:none;}
.language-dropdown .language-dropdown-wrap ul li a {display:inline-block;}
.language-dropdown .language-dropdown-wrap ul li a:hover { background-color:#A8A6A6;}
.en_lang_flag, .nl_lang_flag, .de_lang_flag, .dk_lang_flag, .fr_lang_flag {background-size:28px 28px!important;height:26px!important;margin-top:-1px;}
.language-dropdown-selected .flag,.language-dropdown-wrap .flag{width:35px;}
.language-dropdown-selected .langtext{width:50px;}
.language-dropdown-wrap .langtext{width:117px;color:#fff;}
.language-dropdown-selected .icon-caret-down {padding-top: 2px;}

/*----------------------------------------Layout1 CSS Start ----------------------------------------*/
/*----------------------------------------Layout1 CSS Start ----------------------------------------*/
.Layout1_Content{		
	margin-top: 25px;
	margin-left: 5px;
	margin-right: 13px;	
	margin-bottom: 30px;
	font-size: 14px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;
}

.RptLeftContainer1{
	margin-top: 85px;
}

.RptLeftContainer1,.RptLeftContainer2,.RptRightContainer1,.{
	font-size: 14px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;	
	padding-left: 25px;
}

.Layout1_Content table tr .barcode{
	padding-left: 0px;
	width:8%;	
}

.Layout1_Content table tr .image img{
    position: relative;
    top: -5px;
}

.Layout1_Content table tr .barcode{
	padding-left: 0px;
	width: 17%;	
}

.Layout1_Content table tr .shortdesc{
	width: 26%;
	padding-left: 0px;
}
.Layout1_Content table tr .shortdesc.shortdesc_distb{
	width: 36%;
}

.Layout1_Content .distributor_layout_shortdesc{
	vertical-align: top;
	padding-top: 15px;	
}

.Layout1_Content  table tr .size{
	width: 8%;
	padding-right: 0px;
}

.Layout1_Content table tr  .invqty{
	width: 3%;
	padding-right: 0px;
}

.Layout1_Content table tr .salesprice{
	width: 10%;
	padding-right: 0px;
}

.Layout1_Content table tr .discamt{
	width: 1%;
}

.Layout1_Content  table tr .grossamt{
	width: 10%;
	padding-right: 0px;
}

/*.Layout1_Content table tr .shortdesc div{
	height: 32px;
    overflow: hidden;
}*/

.Layout1_Content table tr .totals{
	padding-left: 0px;
}

.double_underline{
	border-bottom: 4px double;
	color: #3F3F3F;
}

.Layout1_Content table tr td{
	height:24px;
}

.Layout1_Content tbody div {
    height: 34px;
}

.Layout1_Footer,.Layout1_Commission_Text,.Layout1_Metal_Text{
	margin-left: 5px;
	margin-bottom: 3px;
	font-size: 11px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;	
	line-height:20px;
	text-align:center;
}

.Layout1_Metal_Text{
	font-size: 14px;
	text-align:left;
	margin-bottom:15px;
}

.Layout1_PageBreak{
	page-break-before: always;
	height: 0px;
}

.Layout1 .RptRightContainer{height:200px;}
.HeaderWrapperLayout1{margin-top:55px;color: #3F3F3F;}
.HeaderWrapperLayout1 .sgs_header{font-family:arial;font-size:42px;font-style:italic;color:#020791;height:115px;}
.HeaderWrapperLayout1{margin-left:5px;}
.customer_info_layout1{font-size:14px;}
.customer_info_layout1 p,.customer_info_layout1 tr td{height:20px;}
/*---------------------------------------- Layout1 CSS End ----------------------------------------*/
.Layout1 #LayoutHeader,.Layout1 #LayoutContents,.Layout1 #LayoutFooter{padding:0px 20px;}
.Layout1 .company_info,.Layout1 .company_addr,.Layout1 .company_zip{padding-left:20mm;height:14px;}
.Layout1 .HeaderWrapperLayout1{margin-top:20px;}
.invoice_Report .RptLeftContainer,.invoice_Report .RptCenterContainer{width:49%!important;height:125px;}
.invoice_Report .RptLeftContainer1,.invoice_Report .RptLeftContainer2{width:250px;}
.Layout1 .invoice_Report .RptLeftContainer img{height:115px!important;width:auto!important;}
.invoice_Report .RptCenterContainer{font-size:15px;font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;color: #3F3F3F;	font-weight:400!important;}	
.invoice_Report .RptCenterContainer p{color:#3F3F3F!important;line-height:19px;}
.invoice_Report .RptHighlightContent{font-weight:bold;margin-bottom:5px;font-size:25px;}
.invoice_Report .HeaderWrapper{height:auto!important;}
.invoice_Report .HeaderWrapper .RptLeftContainer1{margin-top:35px!important;}
.invoice_Report .HeaderWrapper .RptLeftContainer1,.invoice_Report .HeaderWrapper .RptLeftContainer2{width:46%!important;height:125px;float:left}
.Layout1 .RptLeftContainer img{margin-left:5px;}
.Layout6 .RptLeftContainer img{margin-left:65px;}
.Layout5 .RptLeftContainer img{margin-left:241px;}
.Layout1_Content table tr .discamt{width:1%!important;}
.Layout1 #NoArtImageTiny{font-size: 1.4em;text-align: left;}
#OrdDtlDtlDiv #OrderInfo tr td{border: 0px;line-height: 28px;}
#OrdDtlDtlDiv ,#OrdDtlList{border-left: none;}
.fht_table_body table tbody tr td.order_model_text{color: #236AC7!important;font-weight: bold!important;}
.fht_table_body table tbody tr td.orderdtl_modelline{color: #236AC7!important;font-weight: bold!important;}
/*.fht_table_body table tbody tr td div.QtyCol, .fht_fixed_header table thead tr th div.QtyCol{width:70px!important;}*/

.orderdtl_checkbox, .custinv_checkbox{margin-right:5px;position: relative;top: 2px;}
.order_invoiced_completely{background-color: #aaf296!important;}
.order_invoiced_partialy{background-color: #98cfea!important;}
.order_not_invoiced{background-color: #f7de83!important;}
.order_green{background-color: #cdf9c0!important;}
.ui-button-disabled{pointer-events:none;}
.original_model_price{color:#999999;text-decoration:line-through;line-height:20px;}

.ProductionChildNode { background-color:#ffffbf !important;  }
.ProductionChildNode  td {color:#660000 !important; font-weight:600;}
#prodline,#prodlineremove,#invlineremove{margin-top:1px;width:20px; float:left;}
#prodline i,#prodlineremove i,#invlineremove i {font-size: 1.2em;}
#prodlineremove i,#invlineremove i{color:red!important;}

#InvDtlList .node-cust td {background-color: #efffbf !important;}
.BalanceQtyExist{color:rgb(25, 191, 17)!important;}


/*----------------------------------------Layout2 CSS Start ----------------------------------------*/
.Layout2 #LayoutHeader,.Layout2 #LayoutContents,.Layout2 #LayoutFooter{padding:0px 7%;}

.Layout2 .HeaderWrapper .RptLeftContainer1{height:140px;margin-top:0px!important;}

.Layout2 .HeaderWrapper .RptLeftContainer1,.Layout2 .invoice_info{font-size:22px;line-height:25px;}

.Layout2 .HeaderWrapper .RptLeftContainer1 .company_info{margin-bottom:15px;}

.Layout2 .Layout2_Content tr td,.Layout2 .Layout2_Content tr th{padding:5px;}

.Layout2_Content{		
	font-size: 15px;
	font-family: tahoma,arial,helvetica,sans-serif;
	color: #000000;
	padding-left:7px;
}

.Layout2_Content .total_bold td {
    font-weight: 600;
}

.Layout2 #LayoutContents{
	height:695px;	
}

.RptLeftContainer1,.RptLeftContainer2,.RptRightContainer1{
	font-size: 15px;
	font-family: tahoma,arial,helvetica,sans-serif;
	color: #000000;	
	padding-left: 25px;
}

.Layout2_Content tr th,.Layout2 .sub_head_wrap{
	background-color:#efefef;
	padding-left: 10px !important;
	padding-right: 10px !important;	
}
	
.Layout2_Content table tr .date{
	width: 10%;	
}

.Layout2_Content table tr .barcode{
	padding-left: 0px;
	width:12%;	
}

.Layout2_Content table tr .shortdesc{
	width: 26%;
	padding-left: 0px;
}

.Layout2_Content table tr  .invqty{
	width: 3%;
	padding-right: 0px;
}

.Layout2_Content table tr .salesprice{
	width: 10%;
	padding-right: 0px;
}

.Layout2_Content table tr .discamt{
	width: 6%;
}

.Layout2_Content  table tr .grossamt{
	width: 10%;
	padding-right: 0px;
}

.Layout2_Content table tr .shortdesc div{
	height: 17px;
    overflow: hidden;
}

.Layout2_Content table tr .totals{
	padding-left: 0px;
}

.Layout2 .Layout2_Content table tr .totals{text-align:right!important;font-size:15px;}
.Layout2 .Layout2_Content table tr .btw,.Layout2 .Layout2_Content table tr .transportcost{font-size:13px;}

.double_underline{
	border-bottom: 4px double;
	color: #000000;
}

.Layout2_Content table tr td{
	line-height:17px;
}

.Layout2_Footer,.Invoice_Comment{
	margin-bottom: 3px;
	font-size: 14px;
	font-family: tahoma,arial,helvetica,sans-serif;
	color: #000000;	
}

.Invoice_Comment{
	margin-bottom : 10px;
}

.Layout2_PageBreak{
	page-break-before: always;
	height: 0px;
}

.Layout2 .Layout2_Footer .section{width:23%;float:left;font-size:13px;}
.Layout2 .Layout2_Footer .section1{width:31%;float:right;font-size:13px;text-align:right;}
/*---------------------------------------- Layout2 CSS End ----------------------------------------*/

#PaymentWrapper .FieldLabel{width:25%!important;}
#PaymentWrapper input,#PaymentWrapper textarea{width:75%!important;}
.IC_PaymentList .fht_table_body{height:200px!important;}
.IC_PaymentList .fht_fixed_header{height:22px!important;}
#PaymentInfo tr,#PaymentInfo tr td{background-color:transparent!important;border:1px solid transparent;}
.icon_payment_delete{font-size: 14px !important;color: #ff0000 !important;position: relative;top: 2px;}
.toastCustomBtn{position:fixed;right:70px;top:17px!important;background:#444;opacity:0.8!important;height:30px;border-radius:10px;padding:0px 15px;line-height:24px;}
.toastCustomBtn a.FieldTitleLink{color:#fff;}
.typeahead.dropdown-menu{display:none;position:absolute!important;height:auto;min-height:50px;;border:1px solid #999;background:#eee;padding:2px 0px!important;z-index:10001!important;;}
.typeahead.dropdown-menu li{background:whitesmoke;padding:2px 5px!important;border-bottom:1px dotted #ccc;}
.typeahead.dropdown-menu li.active{background:#fff991;}
.typeahead.dropdown-menu li a{text-decoration:none!important;color:#222;}
.basic_filter_div{padding:4px;border-bottom: 1px dotted #ccc;clear:both;height:35px;}
.basic_filter_div:last-child{border-bottom:0px dotted #ccc;}
#SetLocationPriorityBtn {width:115px;position:relative;top:-3px;}
.location_btn{width:250px;text-align:center;margin:5px;padding:3px 5px!important;display:block!important;}
#LocationSequence{padding-left: 25px;}
ul#LocationSequence li.placeholder{position: relative;}
ul#LocationSequence li.placeholder:before {position: absolute;}
#LocationSequence.dragging,#LocationSequence.dragging *{cursor: move !important;}
#LocationSequence .icon-move.icon-large{position:absolute;right:5px;font-size:11px;}
#SalesAdvisorArtDetail_Form div,#SalesAdvisorArtDetail_Form table tr td{font-size:11px;}
#SalesAdvisorArtDetail_Form textarea,#SalesAdvisorArtDetail_Form input[type="text"],#SalesAdvisorArtDetail_Form input[type="password"],#SalesAdvisorArtDetail_Form select {
	border: 1px solid #D3D3D3;color: #696969;font-size: 11px;
}	
#SalesAdvisorArtDetail_Form .Header #ArticleDescription{font-size:20px;line-height: 22px;}
#AddCust_PopupForm input[type="text"],#AddCust_PopupForm input[type="password"]{width:170px;float:left;}
#AddCust_PopupForm .Title{padding-top: 0px;padding-bottom: 0px;margin: 5px 0px !important;}
#AddCust_PopupForm .icon-mid{font-size: 14px;position: relative;top: 3px;}
.sidebar1{background:#ccc url(Images/boxheaders.png) repeat-x;clear:both;margin:3px 0px;padding:2px 0px;}
.sidebar.sidebar1 h3{background:none!important;}
#Filter_Basic .FilterOpr{width:35%;float:left;margin-right:2%;}
#Filter_Basic .basic_filter_value{width:47%;float:left;margin-right:2%;}
#Filter_Basic i.icon-remove{width:10%;float: left;}
#Filter_Basic .basic_filter_wrap,#Filter_Basic .LabelCheckBox{width:100%;}
#SalesAdvisor_Form .PaginationWrapper,#SalesAdvisor_Form .SortByWrapper{padding:5px 0px!important}
#SalesAdvisor_Form .ShowArtDetailMode,#SalesAdvisor_Form .ArticlePanelFullScreen{margin-right:5px;}
#SalesAdvisor_Form .PaginationWrapper .FoundCount{margin-left: 10px;}
#CartDtlDtlDiv .fht_table_body{height:225px!important;}
#CustomOrderExplorer,#CustomInvoiceExplorer,#CustomerDisplayExplorer{width:650px!important;}
#CustomOrderExplorer .list .rowdisplay td div{white-space: nowrap!important;}
.list .rowdisplay td div{white-space: nowrap!important;}

#LocationDataList tr td:not(:last-child)  div { margin-top:2px !important;}

.transported_all{background-color:#80ff00;}
.transported_partial{background-color:#ffc926;}
.transported_none{background-color:#ffff73;}

.ord_comment{width:100%;}
#SA_InternalComment,#SA_ExternalComment{width:100%;}
.SA_Comments, .CustOrdNumber{width: 49%;display: inline-block;text-align: left;display:none;}
.highlight_external_cmt{background-color: #eefaee;}
#SalesAdvisor_Form .price_on_request{position: relative;top:-6px;font-size:11px;}
#ToggleSetDefaultMode{top:32px!important;z-index: 1000!important;}
.SetDefault{width:18px!important;}
#PrintArtBagSticker span{line-height: 0px!important;}


.loookupicon { padding:4px; padding-top: 5px; margin-bottom:2px;}
.form-section {font-weight:bold;padding:4px;}
.GroupRadio  { margin-left: -3px; margin-right: 3px;}
.Selected_Lookup_Options {padding-left: 5px;}
.disabled{cursor: not-allowed;  pointer-events: none;  opacity: .65;  filter: alpha(opacity=65); box-shadow: none;}
.FieldFilterLabel {min-width:250px;vertical-align:top;}
.LookupTD {    padding-bottom: 5px !important;}
#InventoryDataExplorer {padding-top:10px;}

.table-striped  tr td {padding-top:2px !important;}
.differencelist_separator,#StockDifferenceList_CountedQty,.ui-jqgrid .ui-search-toolbar th.differencelist_separator{
border-right:1px solid #26a69a!important;padding-right:8px!important;}

.sizegrpwrapper {height:100%;}
#SizeDtls { width:100%;}
#Diagnostics {max-height: 320px;overflow: auto; width:100%;margin-top: 10px;}
#Diagnostics table{ width:100%;}
#DiagnResults .hideit {display:none;}
#DiagnResults .sizedata {font-weight:600;background-color:#caca99;}
#DiagnResults .model {font-weight:600;background-color:#f6f6d1; padding-left: 15px}

#SizeDtls , #Diagnostics{ border:1px solid #ccc;}

#SizeDtls table .header{ font-weight:600;}
#SizeDtls  table td, #Diagnostics  table td  { padding:4px; border-bottom:1px solid #ccc; }

#SizeDtls  table td.title {width:20%; font-weight:600;}
#SizeDtls  table td.data {width:78%;}
#SizeDtls  table td.nochange {color:black;}
#SizeDtls  table td.tobeRemove {color:#d90036;}
#SizeDtls  table td.tobeAdd {color:#59b300;}
#DiagnosticsMsg {font-weight:600; padding:5px; position:absolute; bottom:6px; font-size: 13px;}

#SizeTable td.selected{background-color:#FFF991;} 
#SizeDtlsWrapper {    overflow: auto;   max-height: 500px;}	
.SizeGrpEditDone {color:#40ff00 !important;}
.SizeGrpEditError {color:#d90036 !important;}
.SizeGrpEditPartial {color:#4cd2ff !important;}
.SizeGrpEditAddedQueue {color:#ff9326 !important;}
.SizeGrpEditQueueProgress {color:#ffff26 !important;}

.inline-label {margin-left:5px;vertical-align: text-bottom; cursor: pointer;}

border-right:1px solid #26a69a!important;padding-right:8px!important;}

/*---------------------------------------- Layout4 CSS Start --------------------------------------*/
.Layout4{padding-top:0px;padding-bottom:0px;padding-left:60px;padding-right:20px;}

.Layout4 tr td,.Layout4 tr th{font-size:16px;}

.Layout4_PageBreak{
	page-break-before: always;
	height: 0px;
}

.Layout4 .HeaderWrapperLayout,.Layout4 .Layout4_Content,.Layout4 .Layout4_Footer{
	padding-left:45px;
}

.Layout4_Content{		
	margin-top: 25px;
	margin-left: 5px;
	margin-right: 13px;	
	margin-bottom: 30px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;
}

.Layout4_Content table tr .barcode{
	padding-left: 0px;
	width: 18%;	
}

.Layout4_Content table tr .shortdesc{
	width: 40%;
	padding-left: 0px;
}

.Layout4_Content table tr  .invqty{
	width:6%;
	padding-right: 0px;
}

.Layout4_Content table tr .salesprice{
	width:12%;
	padding-right: 0px;
}

.Layout4_Content  table tr .grossamt{
	width:12%;
	padding-right: 0px;
}

.Layout4_Content table tr .shortdesc div{
	height: 30px;
    overflow: hidden;
}

.Layout4_Content table tr .totals{
	padding-left: 0px;
}

.Layout4_Content table tr td{
	height:30px;
}

.Layout4_Content tbody div {
    height: 30px;
}

.Layout4_Footer{
	font-size:15px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;	
	text-align:center;
}

.Layout4 .RptLeftContainer.cust_right_section table{
	float: right;
	margin-right: 15px;
}
/*---------------------------------------- Layout4 CSS End ----------------------------------------*/
.DisplayOnlyDiv,.no-events-disabled{pointer-events:none!important;}
.no-events-disabled{opacity:0.7!important;filter:alpha(opacity=70)!important;}
.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{padding:0.3em 1em!important;}
.modaldialog .buttonbar .buttons a{padding:0.4em 1em!important;}
.modaldialog .buttonbar td{padding:2px!important;}
#OnCommissionInvoiceEndDateText{width:75%!important;}
#SACustomerAddressInfo td{color: #EFEFEF;font-size: small;font-weight: bold;padding-right:20px;}
.checkAll {margin-left:9px!important;}
.hide_columns{display:none;}
#PurchTotalTransQtyBtn::before{font-size:18px!important;}
.custom_sales_price,.custom_consumer_price,.custom_labor_price,
.custom_sales_price:focus,.custom_consumer_price:focus,.custom_labor_price:focus,
.custom_attr_cost,.custom_attr_cost:focus,.custom_description,.custom_description:focus
{border:1px solid #ccc;color: #696969;font-size:11px;padding: 1px;}
#model_cost_per_country_wrap tr{height:20px;}
#TransportCostPerCountryBtn{height:25px;}
.brand_checkbox_wrap {margin-right: 10px;display: inline-block;height: 24px;}
#display_only_brand .brand_checkbox_wrap {pointer-events:none;}


.sb_btn.onlineusercnt_dashboard {
    background: #62db6a none repeat scroll 0 0;
    border: 1px solid #62db6a;
	position:relative;float:right;margin-top:-15px;margin-right:2px!important;color:#fff!important;font-weight:bold!important;line-height:16px!important;	
	min-width:auto!important;
	padding:0px 16px;
}
.sb_btn.onlineusercnt_dashboard  .online_text{font-size:13px!important;padding-top:5px;}
.sb_btn.onlineusercnt_dashboard  .online_user_cnt{font-size:22px!important; padding-left: 5px !important;}
#dialog_online_user #OnlineUserList li{font-weight:bold;padding:5px;}
.onlineusercnt_dashboard{cursor:pointer;}
.blue_bkg{background-color:#63D1F4;}
.qty_field{text-align:right;padding-right:8px!important;}
#TooltipContent{width:100%;}
.tooltip_link{color:#00A1E2!important;}
#PriceRecalModelList .oldPrice {background-color:#bfffdf !important;}
#PriceRecalModelList .newPrice {background-color:#ffff99 !important;}
#PriceRecalModelList .diff {font-weight:bold !important;    font-size: larger !important;}
#ArtModelDataExplorer {margin-top:25px;}


.tooltip_link{color:#00A1E2!important;}
.brand_checkbox_wrap .brand_checkbox{position:relative;top:2px;width:14px;}
#PriceRecalculation_form  #filterWarpper .checkbox { vertical-align:bottom !important;}
#PriceRecalculation_form  #filterWarpper .actionbtn {float:left; margin-left:10px;}

#PriceRecalModelList .errPriceCal{ color:#ff4c4d !important; font-weight:bold;}


#ModelStockAnalysisList tr.ModelStockAnalysisListghead_1 td{background-color: #c0feab26 !important;}
#ModelStockAnalysisList tr.ModelStockAnalysisListghead_0 td{background-color: #bfffff !important;}
#CreateListWrapper {margin-top:10px; margin-bottom:10px;}
#CreateListWrapper  a.IC_Button { width:100px; float:left;  margin-top:5px;margin-right:10px;}
#ModelLocSizeStkList tr.ModelLocSizeStkListghead_0 td, #CustOrderList tr.CustOrderListghead_0 td {background-color: #ddd !important;}

#dialog_editOrderModel input,#dialog_editOrderModel select{
    padding: 3px;
    border: 1px solid #ccc;
}
#dialog_editOrderModel .icon-mid {
    font-size: 14px;
}
#dialog_editOrderModel div,#dialog_editOrderModel span{
    font-weight: 400;
    color: #333;
}

.maingrp_checkbox_wrap {margin-right: 10px;display: inline-block;height: 24px;}
.maingrp_checkbox_wrap .maingrp_checkbox{position:relative;top:2px;width:14px;}

.custom_field_design .CustomerSectionTitle,.AddCustomFieldToSectionWrap {
    font-size: 1.3em!important;
}

.custom_field_design .AddCustomFieldToSectionWrap {
    background: none repeat scroll 0 0 white;
    color: #45b2aa;
    padding: 5px 22px;
}

.custom_field_design .CustomerSectionTitle,.custom_field_design .AddCustomFieldToSectionWrap {
    font-size: 1.3em !important;
}

.custom_field_design .CustomerSectionTitle {
    border-color: -moz-use-text-color -moz-use-text-color #45b2aa;
    border-style: none none solid;
    border-bottom-style: solid;
    border-width: 0 0 1px;
    border-bottom-width: 1px;
    color: #45b2aa;
    display: block;
    font-size: 1.5em;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: -10px;
    padding: 0;
    width: 94%;
}

a.custom-design-btn.ui-button{font-weight:400;}
.stock_excel_files{height: 24px;}
.stock_excel_files a{font-size:13px;color:#1c94c4!important;}
.stock_excel_files .icon-download,.stock_excel_files .icon-trash{position:relative;top:1px; cursor:pointer;}
a.custom-design-btn.ui-button{font-weight:400;}
.CustOrdNumOption input {vertical-align: middle;}

.balQtyCol {background-color : #f7ffdd !important;}
.subhdr {font-weight:bold !important;}
.balQty {color:  #ff5c26 !important;font-weight:bold !important;}



/* ********************** jQGrid Search Dialog ******************* */
.ui-jqdialog-content .EditTable  td.EditButton{	
	cursor : pointer;
	border : none;
	height : 24px !important;
	width : 70px !important;
	padding-right: 7px !important;
	
}


.ui-jqdialog-content .searchFilter table tr td, .ui-jqdialog-content .searchFilter table tr th{
	padding:3px;
} 

.ui-jqdialog-content .searchFilter  input[type=button]{
    padding: 0px 3px 0px 3px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.ui-widget button{	
	white-space: nowrap!important;
}

.ui-widget #IC_LookupDialog,.ui-widget .confirmdialog{
	white-space: normal!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	color : #000000!important;
	font-weight:normal!important;
}

.ui-widget,.LookupContainerDiv,.ui-widget button,.toast-item p{
	font-family : Ubuntu,Arial,Tahoma,lucida grande,Lucida Sans Unicode,Arial,Helvetica,sans-serif!important;
	font-size:12px!important;	
    font-size-adjust: none!important;
    font-style: normal!important;
    font-variant: normal!important;
    font-weight: normal!important;
    line-height: 15px;
}

.ui-jqgrid .ui-jqgrid-view input, .ui-jqgrid .ui-jqgrid-view select, .ui-jqgrid .ui-jqgrid-view textarea, .ui-jqgrid .ui-jqgrid-view button{
	font-size:12px!important;
}

.ui-jqgrid-labels .ui-th-column,.ui-jqgrid-pager,.list .rowheader th{
	background: url("Images/IC_ListFooter.gif") repeat-x scroll 0 -1px rgba(0, 0, 0, 0) !important;
}

/************************************** */
.ui-jqgrid .ui-jqgrid-bdiv{
	/*background-color: #FFFFFF!important;*/
}

.ui-jqgrid .ui-jqgrid-htable th,.ui-jqgrid-pager,.list .rowheader th{
    height: 26px !important;
}

.ui-jqgrid-htable .ui-state-hover{
	/*border-right:1px solid #cccccc!important;*/
}

.list td, .list th{
	/*border: 1px solid #D3D3D3!important;*/
}

.reports .PaginationWrap{
	border-bottom : none!important;
}

tr.ui-search-toolbar input ,tr.ui-search-toolbar select{
/*	border: 1px solid #D3D3D3!important;*/
    margin: 1px 0 0 !important;
	height: 23px!important;
	padding : 0px!important;
}

tr.ui-search-toolbar select{
    height: 22px !important;
}

.ui-jqgrid-titlebar-close{
	left:8px!important;
}

.ui-jqdialog-titlebar.ui-widget-header{
	/*background: none repeat scroll 0 0 #C3BEBB !important;*/
    border: medium none!important;
    color :#000000!important;
    height:20px!important;
}

/*************************** */
.ui-jqgrid-title{
	margin : 2px 28px!important;
	line-height:20px;
}

.Level1_title{
	display : inline-block!important;
	font-weight : bold!important;
	font-size:12px!important;
	margin: 6px 24px!important;
}

.ui-jqgrid .ui-jqgrid-hbox{
	/*padding-right:0px!important;*/
}

.ui-jqgrid .ui-pg-input{
	font-size:12px!important;
	height : 16px!important;
}

.ui-jqgrid .ui-pg-selbox {
	font-size:12px!important;
    height: 22px!important;
    line-height: 20px!important;
    margin: 0;
}

.ui-jqgrid table{
	border-collapse: inherit!important;
	/*border-color:#cfcfcf!important;*/
}

.ui-search-toolbar .clearsearchclass {
	color: #000000 !important;
    font-size: 14px !important;
    font-weight: bold;
    padding-left: 2px !important;
}

.active{
	background-color:#60EE6F;
}

.inactive{
	background-color:#FF8A00;
}

.unprocessed{
	background-color:#EEEF68;
}

.ui-button-text-only .ui-button-text {
    padding: 0.1em 1em!important;
}

.ui-jqgrid .ui-paging-info{
	font-weight : bold!important;
}

.ui-jqgrid-btable tbody tr:nth-child(2n+1),#RepairStatusData tbody tr:nth-child(2n+1){
    background: #EFFCFF;
}

.ui-jqgrid-btable tbody tr.ui-state-highlight{
    background: #CFCFCF ;
}

.ui-jqgrid-btable tbody tr{
	cursor : pointer;
}

/*
.ui-jqgrid-btable .ui-state-highlight{
	background: #FFF8AF!important;
	border: 1px solid #CCCCCC!important;
	color : #000000!important;
}

tr.ui-state-hover{
	background: #FFF8AF!important;
	color : #000000!important;
}

tr.ui-state-hover td{
	border-color : #CCCCCC!important;
}
*/
.ui-jqgrid tr.jqgrow td{
	padding: 0 5px!important;
}

.ui-widget-content .ui-icon {
   /* background-image: url("../UI/images/ui-icons_222222_256x240.png") !important;*/
}

.frozen-div.ui-state-default.ui-jqgrid-hdiv{
    overflow: hidden;
    z-index: 1 !important;
}

.frozen_editbar{
    position: sticky;
    top: 0;
    left: 0;
  /*  background-color: #f6f6f6;*/
    z-index: 1;
}

.ui-jqgrid.ui-widget .loading {
	 border-width: 1px !important;	
    background: #dadada none repeat scroll 0 0;
    border-color: #777 !important;
    color: #ff5c26 !important;
    font-size: 13px !important;
    padding: 10px 30px;
}
/*------------------------------------------------------------------------------------------------------------*/

#StockDiffStat tr td { padding-top:3px !important;}
#StockDiffStat tr td:nth-child(2) { font-weight:bold !important;}
#StockDiffStat tr td:nth-child(3) { font-weight:bold !important; color:black;}
.model_article_stock{text-align:right;}

.info {color:#0000d9; padding-left:10px;  padding-bottom: 5px; }
#DynamicStickerForm tr td{padding:5px;}
#DynamicStickerForm input {
    padding: 3px;
    border: 1px solid #ccc !important;
}
#tabs.ui-widget-content{background:#fff!important;}
.ui-tabs .ui-tabs-panel{padding:0.8em!important;}

.open-order-info-table{width:100%!important;}
.open-order-info-table tr td{padding:5px!important;text-align:center;border:1px solid #999;}
#CopyContentInfo{width:165px!important;}
#TopCustomerSales {height: 200px; overflow-y: scroll;}

/*----------------------------------------Layout7 CSS Start ----------------------------------------*/
.HeaderLayout7_title{
	font-size: 36px;
	text-align: center;
	margin-bottom: 25px;
}

.CustInfoLayout7{line-height:24px;font-size:18px;padding-left:40px;}

.CustInvoiceLayout7 tr td{padding-left:0px!important;line-height:23px;}

.CustInvoiceLayout7 tr .td1{width:80px;}
.CustInvoiceLayout7 tr .td2{width:3px;}
.CustInvoiceLayout7 tr .td3{width:170px;}

.HeaderLayout7_left{
    font-size: 14px;
    margin-bottom: 15px;
    width:60%;
	float:left;
}

.HeaderLayout7_right{
	font-size: 15px;
	width:40%;
	float:left;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #000000;	
	line-height:24px;
	margin-top:5px;
}

.HeaderLayout7_right .RptLabel{
	font-weight:400!important;	
	line-height:14px;
}

.Layout7.invoice_Report .RptLeftContainer{
	margin-left: 20px!important;
	width: 60%!important;
}

.Layout7.invoice_Report .RptCenterContainer{
	width: 100%!important;
	font-size: 15px!important;
	height: 160px!important;
	text-align: left!important;
}

.HeaderWrapperLayout7{
	margin-left: 20px!important;
	margin-right: 20px!important;
	height: 275px;
}

.PackingListHeaderWrapperLayout7{
	height:330px;
	margin-top: 50px;
}

.HeaderWrapperLayout7 .RptHeaderContainer{
	overflow : hidden;
}

.LeftContentLayout7,.RightContentLayout7{
	float:left;
	width:50%;
}

.Layout7_Content tr th{font-size:16px;}

.Layout7_Content{		
	margin-top: 40px;
	margin-left: 20px!important;
	margin-right: 20px!important;	
	font-size: 15px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #000000;
	height: 940px;
}

.Layout7_Content tr.cust_tr td{
	padding:0px!important;
}

.Layout7_Content tr .cust_hr {
	border-top: 1px solid #000000;
}
.footer_layout7{
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.Layout7_Content tr.inv_header,.footer_layout7 tr.inv_header{
	border: 1px solid #bbbbbb;
}

.Layout7_Content tr.inv_header th,.footer_layout7 tr.inv_header th{
  background: #e1e1e1;
  padding: 8px 0px;
  font-style: italic;
  font-size:16px;
}

.footer_layout7 tr .ft1{width:35%;font-size:16px;}
.footer_layout7 tr .ft2{width:20%;font-size:16px;}
.footer_layout7 tr .ft3{width:20%;font-size:16px;}
.footer_layout7 tr .ft4{width:25%;font-size:16px;}

.Layout7_Content table tr .modelcode{
	padding-left: 0px;
	width: 15%;	
}

.Layout7_Content table tr .shortdesc{
	width: 30%;
	padding-left: 0px;
}

.Layout7_Content table tr  .invqty{
	width: 7%;
	padding-right: 0px;
}

.Layout7_Content table tr  .tranqty{
	width: 8%;
	padding-right: 0px;
}

.Layout7_Content table tr .salesprice{
	width: 12%;
	padding-right: 0px;
}

.Layout7_Content table tr .discamt{
	width: 7%;
	padding-right: 0px;
}

.Layout7_Content table tr .vatamt{
	width: 6%;
	padding-right: 0px;
}

.Layout7_Content  table tr .grossamt{
	width: 12%;
	padding-right: 0px;
}

.LeftContentLayout7 table tr .compname div,.LeftContentLayout7 table tr .custaddr div,.LeftContentLayout7 table tr .custcity div,
.LeftContentLayout7 table tr .vatnumber div,.RightContentLayout7 table tr .payment div{
   overflow: hidden;
   height: 30px;
}

/*
.Layout7_Content table tr .shortdesc div{
	height: 17px;
    overflow: hidden;
}
*/

.Layout7_Content table tr .totals{
	padding-left: 0px;
}

.Layout7_Content table tr td{
	padding: 3px 0px;
}

.Layout7_Footer{
	margin-left: 20px!important;
	margin-right: 20px!important;
	margin-bottom: 3px;
	font-size: 16px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #000000;	
	line-height:20px;
	text-align:center;
}

.Layout7_PageBreak{
	page-break-before: always;
	height: 0px;
	clear: both;
}

.Layout7 #LayoutFooter .Invoice_Comment{
	margin-left: 0px!important;
}

#packing_list_cust_info .CustInfoLayout7{padding-left:0px!important;}
/*---------------------------------------- Layout7 CSS End ----------------------------------------*/

/*----------------------------------------Layout9 CSS Start ----------------------------------------*/
.HeaderLayout9_title{
	font-size: 36px;
	text-align: center;
	margin-bottom: 25px;
}

.CustInfoLayout9{line-height:24px;font-size:18px;padding-left:40px;}

.CustInvoiceLayout9 tr td{padding-left:0px!important;line-height:23px;}

.CustInvoiceLayout9 tr .td1{width:80px;}
.CustInvoiceLayout9 tr .td2{width:3px;}
.CustInvoiceLayout9 tr .td3{width:170px;}

.HeaderLayout9_left{
    font-size: 14px;
    margin-bottom: 15px;
    width:60%;
	float:left;
}

.HeaderLayout9_right{
	font-size: 15px;
	width:40%;
	float:left;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #000000;	
	line-height:24px;
	margin-top:5px;
}

.HeaderLayout9_right .RptLabel{
	font-weight:400!important;	
	line-height:14px;
}

.Layout9.invoice_Report .RptLeftContainer{
	margin-left: 20px!important;
	width: 60%!important;
}

.Layout9.invoice_Report .RptCenterContainer{
	width: 100%!important;
	font-size: 15px!important;
	height: 160px!important;
	text-align: left!important;
}

.HeaderWrapperLayout9{
	margin-left: 20px!important;
	margin-right: 20px!important;
	height: 275px;
}

.PackingListHeaderWrapperLayout9{
	height:330px;
	margin-top: 50px;
}

.HeaderWrapperLayout9 .RptHeaderContainer{
	overflow : hidden;
}

.LeftContentLayout9,.RightContentLayout9{
	float:left;
	width:50%;
}

.Layout9_Content tr th{font-size:16px;}

.Layout9_Content{		
	margin-top: 40px;
	margin-left: 20px!important;
	margin-right: 20px!important;	
	font-size: 15px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #000000;
	height: 940px;
}

.Layout9_Content tr.cust_tr td{
	padding:0px!important;
}

.Layout9_Content tr .cust_hr {
	border-top: 1px solid #000000;
}
.footer_layout9{
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.Layout9_Content tr.inv_header,.footer_layout9 tr.inv_header{
	border: 1px solid #bbbbbb;
}

.Layout9_Content tr.inv_header th,.footer_layout9 tr.inv_header th{
  background: #e1e1e1;
  padding: 8px 0px;
  font-style: italic;
  font-size:16px;
}

.footer_layout9 tr .ft1{width:35%;font-size:16px;}
.footer_layout9 tr .ft2{width:20%;font-size:16px;}
.footer_layout9 tr .ft3{width:20%;font-size:16px;}
.footer_layout9 tr .ft4{width:25%;font-size:16px;}

.Layout9_Content table tr .modelcode{
	padding-left: 0px;
	width: 15%;	
}

.Layout9_Content table tr .shortdesc{
	width: 30%;
	padding-left: 0px;
}

.Layout9_Content table tr  .invqty{
	width: 7%;
	padding-right: 0px;
}

.Layout9_Content table tr  .tranqty{
	width: 8%;
	padding-right: 0px;
}

.Layout9_Content table tr .salesprice{
	width: 12%;
	padding-right: 0px;
}

.Layout9_Content table tr .discamt{
	width: 7%;
	padding-right: 0px;
}

.Layout9_Content table tr .vatamt{
	width: 6%;
	padding-right: 0px;
}

.Layout9_Content  table tr .grossamt{
	width: 12%;
	padding-right: 0px;
}

.LeftContentLayout9 table tr .compname div,.LeftContentLayout9 table tr .custaddr div,.LeftContentLayout9 table tr .custcity div,
.LeftContentLayout9 table tr .vatnumber div,.RightContentLayout9 table tr .payment div{
   overflow: hidden;
   height: 30px;
}

/*
.Layout9_Content table tr .shortdesc div{
	height: 17px;
    overflow: hidden;
}
*/

.Layout9_Content table tr .totals{
	padding-left: 0px;
}

.Layout9_Content table tr td{
	padding: 3px 0px;
}

.Layout9_Footer{
	margin-left: 20px!important;
	margin-right: 20px!important;
	margin-bottom: 3px;
	font-size: 16px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #000000;	
	line-height:20px;
	text-align:center;
}

.Layout9_PageBreak{
	page-break-before: always;
	height: 0px;
	clear: both;
}

.Layout9 #LayoutFooter .Invoice_Comment{
	margin-left: 0px!important;
}

#packing_list_cust_info .CustInfoLayout9{padding-left:0px!important;}
/*---------------------------------------- Layout9 CSS End ----------------------------------------*/

#DataExpContainer .list .rowempty td,#DataExpContainer .list .rowdisplay td{
	padding-left:3px!important;padding-right:3px!important;
}
#SearchPanelContainer select,#SearchPanelContainer input{padding-left:3px!important;}

.vdfform select,.vdfform input{padding-left:2px!important;padding-right:2px!important;}
.MasterJQGridList .ui-jqgrid-view tr th,.MasterJQGridList .ui-jqgrid-view tr td{
	font-family: tahoma,arial,helvetica,sans-serif!important;
	font-size: 11px!important;
}	
.MasterJQGridList .ui-jqgrid-view .ui-widget-header{background: url("Images/IC_ListFooter.gif") repeat-x scroll 0 -1px rgba(0, 0, 0, 0) !important;border:#E2E2E2!important;}		
.MasterJQGridList .ui-jqgrid-view .ui-jqgrid-title{color:#000000!important;}
.MasterJQGridList .ui-jqgrid .ui-jqgrid-bdiv{background-color:#FFFFFF!important;}
.MasterJQGridList .ui-search-toolbar input,.MasterJQGridList .ui-search-toolbar select,
.MasterJQGridList .ui-search-toolbar input:focus,.MasterJQGridList .ui-search-toolbar select:focus{
	border: 1px solid #D3D3D3!important;
	height: 21px!important;
	padding-left: 3px!important;			
}
.MasterJQGridList .ui-jqgrid .ui-jqgrid-htable th{height:25px!important;padding-top:2px!important;}		
.MasterJQGridList .ui-jqgrid .font-bold{font-weight:bold!important;}
.MasterJQGridList .ui-jqgrid-pager input,.MasterJQGridList .ui-jqgrid-pager select,
.MasterJQGridList .ui-jqgrid-pager input:focus,.MasterJQGridList .ui-jqgrid-pager select:focus{
	border: 1px solid #999999!important;
	padding-left: 3px!important;
}
.MasterJQGridList .ui-jqgrid.ui-widget .loading{color:#000000!important;font-weight:bold!important;}
.MasterJQGridList .ui-state-highlight,.MasterJQGridList .ui-widget-content .ui-state-highlight,.MasterJQGridList .ui-widget-header .ui-state-highlight{
	border: 1px solid #dddddd!important;
}
#content{min-height:750px;}

/*---------------------------------------- Layout10 CSS Start --------------------------------------*/
.Layout10{padding-top:0px;padding-bottom:0px;padding-left:60px;padding-right:20px;}

.Layout10 tr td,.Layout10 tr th{font-size:15px!important;}

.Layout10_PageBreak{
	page-break-before: always;
	height: 0px;
}

.Layout10 .HeaderWrapperLayout,.Layout10 .Layout10_Content,.Layout10 .Layout10_Footer{
	padding-left:45px;
}

.Layout10_Content{		
	margin-top: 25px;
	margin-left: 5px;
	margin-right: 13px;	
	margin-bottom: 30px;
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;
}

.Layout10_Content table tr .barcode{
	padding-left: 0px;
	width: 18%;	
}

.Layout10_Content table tr .shortdesc{
	width: 40%;
	padding-left: 0px;
}

.Layout10_Content table tr  .invqty{
	width:6%;
	padding-right: 0px;
}

.Layout10_Content table tr .salesprice{
	width:12%;
	padding-right: 0px;
}

.Layout10_Content  table tr .grossamt{
	width:12%;
	padding-right: 0px;
}

.Layout10_Content table tr .shortdesc div{
	height: 28px;
    overflow: hidden;
}

.Layout10_Content table tr td{
	height: 25px;
}

.Layout10_Content tbody div {
    height: 28px;
}

.Layout10_Content table tr .totals{
	padding-left: 0px;
}

.Layout10_Footer{
	font-family: "Avenir LT Std 35 Light",tahoma,arial,helvetica,sans-serif;
	color: #3F3F3F;	
	font-size: 15px!important;
}

.Layout10 .RptLeftContainer.cust_right_section table{
	float: right;
	margin-right: 15px;
}

.DBTHdrwrapper,.Layout10_Footer{
	line-height: 20px;
}

.Layout10  .RptLeftContainer,.Layout10  .RptLeftContainer{
	height: 68px!important;	
}
/*---------------------------------------- Layout10 CSS End ----------------------------------------*/