.DetailsSinglePnl {
        Background-color: White;
}
:focus
{
  -moz-outline-style: none;
}
body {
    font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #000000;
}
.PageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #006666;
	text-transform: capitalize;
}
.PageTitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #006666;
}
.ChildBackground {
	background-image: url(../imagesDHX/childpage_background.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.SubHeader {
	font-size: medium;
	font-weight: bold;
}
.SubHeaderLink {
	font-size: medium;
	font-weight: bold;
	color: #000000;
}
.SignInLinks {
	font-size: xx-small;
	line-height: 14px;
	color: #5C9CA5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a {
	color: #006666;	
}
.sidenav  {
	color:#492F91;
	font-size: 11px;
	font-weight: bold;
} 
.sidenav a:link  { 
	color:#492F91;
	text-decoration:none;  
} 
.sidenav a:visited  { 
	color:#492F91;
	text-decoration:none;  
} 
.sidenav a:hover  {
	color:#EC00EC;
	text-decoration:none;  
} 
.sidenav a:active  {
	color:#EC00EC;
	text-decoration:none;
	font-weight: bold;
} .footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	/*font-weight: bold;
	color: #999999;*/
}
.footer a:link  { 
	color: #999999;
	text-decoration:none;  
} 
.footer a:visited  { 
	color: #999999;
	text-decoration:none;  
} 
.footer a:hover  {
	color: #000000;
	text-decoration:none;  
} 
.footer a:active  { 
	color: #999999;
	text-decoration:none;  
}
.submitLink {
   	    color: #000000;
   	    background-color: transparent;
   	    text-decoration: none;
	    font-family: Verdana, Arial, Helvetica, sans-serif;
   	    border: none;
   	    cursor: pointer;
	    font-size: 9px;
   	    cursor: hand;
}
.alert {
	color:#FF0000;
	font-weight:bold;
}
	.searchtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
.linktext {
	font-family: Arial, Helvetica, sans-serif;	
	color: #066666;
}
.dhxnav  {
	color:#492F91;
	font-weight: bold;
	font-size: medium;
}
.dhxnav a:link  { 
	color:#492F91;
	text-decoration:none;  
}
.dhxnav a:visited  { 
	color:#492F91;
	text-decoration:none;  
}
.dhxnav a:hover  {
	color:#EC00EC;
	text-decoration:none;  
}
.dhxnav a:active  {
	color:#492F91;
	text-decoration:none;
}
.ButtonStyle
{
    background-color: #41297d;
    color: #ffffff;
    font-size:11px;
    border-style:outset;
    text-transform:uppercase;     
    font-weight:bold; 
    
}
.DelButtonStyle
{
    background-color: #ffffff;
    color: red;
    font-size:13px;
    border-style:outset;
    text-transform:uppercase;     
    font-weight:bold; 
    
}
.dhxnav_sm  {
	color:#492F91;
	font-size: small;
} 
.dhxnav_sm a:link  { 
	color:#492F91;
	text-decoration:none;  
} 
.dhxnav_sm a:visited  { 
	color:#492F91;
	text-decoration:none;  
} 
.dhxnav_sm a:hover  {
	color:#EC00EC;
	text-decoration:none;  
} 
.dhxnav_sm a:active  {
	color:#492F91;
	text-decoration:none;
}
.dhxnav_sm_g  {
	color:#006666;
	font-size: small;
} 
.dhxnav_sm_g a:link  { 
	color:#006666;
	text-decoration:none;  
} 
.dhxnav_sm_g a:visited  { 
	color:#006666;
	text-decoration:none;  
} 
.dhxnav_sm_g a:hover  {
	color:#EC00EC;
	text-decoration:none;  
} 
.dhxnav_sm_g a:active  {
	color:#006666;
	text-decoration:none;
}.CNFormText {
	font-size: 9px;
}
.CNFormButton {
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #5F499E;
}
.claimform {
	color: #FFFFFF;
	text-decoration: none;
	display: none;
}
.searchback {
	background-attachment: fixed;
	background-image: url(../imagesDHX/header_search_bkgrnd.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.TestimonialPageBackgrnd {
	background-image: url(../imagesDHX/testimonial-page-background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.sidenavindent  {
	text-indent:5px;
	white-space:nowrap;
}
.TrackingHeaderText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #113A58; 
    padding-top: 5px; 
    text-transform: uppercase; 
    font-weight: bold  
}
.GridPageBg
{
     background-color: #f5f5f5;     
}
.TrackGridHeaderStyle
{
     background-image:Url(../imagesDHX/TrackingDg.JPG);
     background-repeat:repeat-x;
     background-position:top;
     font-family:Arial;
     color:White;
     font-weight:bold;
     font-size:12px;
     height:30px;    
         
}

.TrackGridAltItemStyle
{
     font-family: Arial, Helvetica, sans-serif;
     background-color: #f8f8f8;
     font-size: 12px;
     height: 25px;
     
}

.TrackGridRowStyle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 25px;
}
.TrackDetailGridBg
{
    background-color:#f5f5f5;text-indent:3;
}

.TrackDetailGridRowStyle
{
    font: Arial;
}

.TrackDetailGridAltItemStyle
{
    background-color:#f5f5f5;
}

/*.TrackDetailGridHeaderStyle{
Font-Size: 12px; Height: 25px;font-weight: bold;background-color:#E1EDE3;color:#000000;font-family: Arial;
}*/
.TrackDetailGridHeaderStyle{
Font-Size: 12px; Height: 25px;font-weight: bold;
/*background-color:#E1EDE3;*/
background-color:#c6bae6 !important;
color:#000000;
font-family: Arial;
}


.TrackAdvanceHeaderDg
{
     background-image:Url(../imagesDHX/TrackingDg.JPG);
     font-family:Arial;
     color:White;
         
}

.TrackAdvanceAltItemDg
{
     background-color: #f5f5f5;
     
}

.TrackingRecordDg
{
     background-color: #bad5b6;
     font-family:Arial;
     color:White;
     
}

.boundcolumn{
  background-image:Url(../imagesDHX/TrackingDg.JPG);color:#ffffff;font-family: Arial;
}

.Label
{
    color: #000040;
     font-family:Arial;
     font-size:12px;    
}

.PageBg
{
    background:#f5f5f5;  
}

.GroupHeader{
  background:#499db7;
  color:#ffffff;
  font-family: Arial;
  font-size:14px;
  font-weight:bold;
  height:22;
  vertical-align:middle;
  letter-spacing: 2pt;
}

.HeaderText{
  color:#0d3761;
  font-family: Arial;
  font-size:16px;
  font-weight:bold; 
}

.SupportingMsgtext
{
     color:#2408f6;
    font-size: 14px;
    font-weight: normal;
    font-family:Arial;
}

.SupportingDoctext
{
     color:#f60840;
    font-size: 12px;
    font-weight: normal;
    font-family:Arial;
}

.AdvsearchBg 
{
    background-image: Url(../imagesDHX/AdvanceSearchBg.jpg);
    background-repeat: no-repeat;
    background-position:left;
    text-align: center  
}
.HeaderTitleBg 
{
    background-image: Url(../imagesDHX/HeaderTitleBg.jpg);
    background-repeat: no-repeat;
    background-position:left;
    text-align: center  
}
.OrderQuoteHeaderBg 
{
    background-image: Url(../imagesDHX/OrderQuoteHeader.jpg);
    background-repeat: no-repeat;
    background-position:left;
    text-align: center;       
      
}
.ClaimHeaderBg 
{
    background-image: Url(../imagesDHX/ClaimHeaderBg.jpg);
    background-repeat: no-repeat;
    background-position:left;
    text-align: center;       
      
}
.TrackingBg 
{
    background-image: Url(../imagesDHX/TrackingBg.jpg);
    background-repeat: no-repeat;
    background-position:left;
    text-align: center  
}
.QuicksearchBg 
{
    background-image: Url(../imagesDHX/AdvanceSearchBg.jpg);
    background-repeat: no-repeat;
    background-position:center;
    text-align: center  
}

.WelcomeBg 
{
    background-image: Url(../imagesDHX/WelCome.jpg);
    background-repeat: no-repeat;
    background-position:left;
    text-align: center  
}

.GridHeaderStyle
{
    background-color:#499db7;
    color:#ffffff;   
    font-size: 13px;
    text-decoration:none;
}
.GridHeaderStyle a:link  { 
	color:#ffffff;
	text-decoration:none;  
} 
.GridHeaderStyle a:visited  { 
	color:#ffffff;
	text-decoration:none;  
} 
.GridHeaderStyle a:hover  {
	color:#ffffff;
	text-decoration:none;  
} 
.GridHeaderStyle a:active  {
	color:#ffffff;
	text-decoration:none;
}

.QtyCol {
    Width:40px !important;
    border:none !important;
}
.TypeCol {
    width: 60px;
    border: none !important;
}
.LengthCol {
    Width:50px;
    border:none;
}
.WidthCol {
    Width:50px;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #000000;
}
.HeightCol {
    Width:50px;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #000000;
}
.CubeCol {
    Width:60px;
    border:none;
}
.TotalVolumeCol {
    width: 100px;
    border:none !important;
}
.WeightCol {
    Width:85px !important;
    border:none !important;
    font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #000000;
}
.TotalWeightCol {
    width: 140px;
    border:none !important;
}
.DescriptionCol {
    Width:100px;
    border:none;
    font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #000000;
}
.ClassCol {
    Width:60px;
    border:none;
}
.ErrorText
{
     color:Red;   
     font-size:11Px;    
     font-family:Arial;
}
                
.error
{
    background: #f5edb4 !important;
    border: 1px solid #ff9933;
    width:100%;
    height:34px;
   
}      

.ToolTipText
{
    color: #999999;
     font-family:Arial;
     font-size:10px; 
      
}           
     

.GaryTextField{background:DimGray;border: solid 1px #DFDFDF;}

a.LinkStyle:Link{color:#00008B; text-decoration:underline;text-transform:uppercase; padding:0 8px 0 8px;font-size:12px}
a.LinkStyle:hover{color:#0000FF; text-decoration:none;}
a.LinkStyle:visited{color:#00008B; text-decoration:underline; text-transform:uppercase; padding:0 8px 0 8px; font-size:12px}
a.LinkStyle:visited:hover{color:#0000FF; text-decoration:none;}
a.LinkStyle:active{color:#00008B; text-decoration:underline;}
a.MenuLinkStyle{color:#492F91; text-decoration:none; padding:0 8px 0 8px;font-size:12px}
a.MenuLinkStyle:hover{color:#EC00EC; text-decoration:underline;cursor: pointer}
a.MenuLinkStyle:visited{color:#492F91; text-decoration:none; padding:0 6px 0 6px; font-size:12px}
a.MenuLinkStyle:visited:hover{color:#492F91; text-decoration:underline;}
a.LinkStyle:active{color:#007A31; text-decoration:none;}

.MenuSpace
{
	height:3px;
	width:5px;
	vertical-align:middle;

}
.TdPadding { padding: 1px; }

.MenuTdSpace
{
	width: 9px;
}

.MenuTdSpace2
{
	height: 12px;
}

.MenuSpaceDot
{
	padding: 1px;
	width: 11px;
	height: 16px;

}

.InnerDivMenuSpace
{
	width: 4px;
	
}
.InnerTdMenuSpace
{
	height:12px;
	width:8px;
	vertical-align:middle;
}

.CustomerVIPMenu ul{
margin: 0;
padding: 0;
width: 100%; /* Main Menu Item widths */
list-style-type: none;
font-size: 11px;
font-weight: bold;


}
 
.CustomerVIPMenu ul li
{
position: relative;
}

.CustomerVIPMenu li a
{
    
display: block;
color:#492F91;
text-decoration: none;
padding:  0px 0 0 35px;

}
.CustomerVIPMenu ul li a:link, .CustomerVIPMenu ul li a:visited, .CustomerVIPMenu ul li a:active{
background: none; /*background of menu items (default state)*/
color:#492F91;
}


.CustomerVIPMenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#EC00EC;
}

.CustomerVIPMenu ul li a:hover{
color:#EC00EC;
} 


.CustomerVIPMenu ul li ul li a
{
width: 200px; /*Sub Main Menu Item widths */
padding: 0px 0 0 35px;
font-size: 11px;
font-weight: bold;
}

.fscinnertable td { height: 1em; }
.ErrorMsgDiv
{
	white-space:pre;
	color: Red;
	font-size:12px;
}
.WelComeHeaderText
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #364035; 
    padding-top: 5px; 
    text-indent: 10px;
    text-transform: uppercase; 
    font-weight: bold  
}
.RadioButtonText
{
	font-size: 9px;
}
/* Holly Hack for IE \*/
* html .CustomerVIPMenu ul li { float: left; height: 1%; }
* html .CustomerVIPMenu ul li a { height: 1%; }
/* End */
 .loader {
        z-index: 100;
        position: fixed;
        width: 120px;
        margin-left: -60px;
        top: 50%;
        left: 50%;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }
.frame{width:880px;height:560px;}width
.TrackingAdvanceGv
{
	height:490px;
	width:700px;
	overflow:auto;
}

.ButtonHoverStyle
{
    background-color: #41297d;
    color: #ffffff;
    font-size:11px;
    border-style:outset;
    text-transform:uppercase;     
    font-weight:bold; 
    
}

.GaryButtonStyle
{
    background-color: #404040;
    color: #ffffff;
    font-size:11px;
    border-style:outset;
    text-transform:uppercase;     
    font-weight:bold; 
    
}
/* Jquery Pop Up */
.DynamicPopupBackground
{
    display: none;
    position: fixed;
    height: 100%;
    width: 80%;
    top: 0;
    left: 0;
    background: #7F8EAB;
    border: 1px solid Red;
    z-index: 1;
}
.DynamicPopupClose
{
  
    font-size: 14px;
    line-height: 14px;
    right: 6px;
    top: 4px;
    position: absolute;
    color: #6fa5fd;
    font-weight: 700;
    display: block;
}

.PopUpDivStyle
{
	display: none;
	color: black;
	float: left; 
	z-index: 10;
	background-color: White;
	border: solid 1px #492f91;	
}

.popupHeader
{
	background-color: #c4DbC1;
}

.TraceProLoginDivStyle
{
	background-color:#E8F3FF;
}
.TraceProLoginGvDivStyle
{
	background-color:#ffffff;
	overflow:auto;
	width: 680px;
	
}

.TraceproLoginPopUpBorder{background-color: #B4D8E5; width: 100%;
}
.TraceproLoginPopUpInnerDiv{background-color:#dEEcF0;height: 100%;
}
.TraceproLoginframe{width:580px;height:390px;}

.GridPagerStyle{Font-Size: 13px; background-color:#ffffff; color:#000000;font-family:Tahoma, sans-serif;
}



.TraceproLoginPopUpBorder{background-color: #B4D8E5; width: 100%;
}
.TraceproLoginPopUpInnerDiv{background-color:#dEEcF0;height: 100%;
}

.PopUpHeaderText
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: Red;
	text-transform: capitalize;		
	padding-left:5px;
}


div.checker
{
}
.td_small {
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: black;
}


  .pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td {
    display: inline;
}
 
.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}
 
.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}
/*2036099:27Jul2023:Added:Start*/
.idleField
{
    background: #fff !important;
    border:  1px solid #ccc;
    width:100%;
    height:34px;
   
}  

/*2036099:27Jul2023:Added:End*/