/*!***********************************************************************************************************************************************************************!*\
  !*** CUSTOM CSS FOR DF WEBSITE ONLY!! ***!
  \***********************************************************************************************************************************************************************/

@media (max-width: 768px) {
    .track-box-container {
        height: 80vh; /* Adjust this value to center it properly */
    }
}

.map-link {
  width: 47px;
  height: 47px;
  background-color: #E9E9E9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #737373; /* Tailwind's text-gray-500 */
  font-size: 1.25rem;
  font-weight: 100;
  position: absolute;
  right: 1.5rem; /* Matches md:right-10 */
  top: 50%;
  transform: translateY(-50%);
}

/* For larger screens */
@media (min-width: 768px) {
  .map-link {
    width: 66px;
    height: 66px;
    right: 2.5rem;
  }
}

#doco {display: block; margin: 0 10px 0 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;}
	#doco li {display: block; margin: 0; padding: 0px 0 5px 0;  font-size: 16px;}	
	#doco h4 {display: block; font-size: 18px; line-height: 16px; color: #012497; margin: 10px 0 2px 0;}
    #doco p {display: block;  font-size: 16px;}	
    #doco table td{vertical-align:top;}
    
a.more {display: block;  padding-left: 16px; margin: 30px 0 0 0;  color: #ff7b00; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; }
	

/* Links */
a	{color: #012598; text-decoration: none;}
a:hover	{color: #ff7b00; text-decoration: none;}	

.ul {
  list-style: disc;
  margin-left: 50px;  
}

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

.numbered-list li {
display: flex;
align-items: flex-start;
margin-bottom: 0.5rem;
}

.numbered-list li strong {
width: 2rem; /* Adjust width as needed */
flex-shrink: 0;
font-weight: bold;
}

.numbered-list li span {
flex: 1;
}

#lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 14px; line-height: 14px; color: red; font-weight:normal; font-style:normal;}


.suggestions {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    background-color: white;
    border: 1px solid #ccc;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    font-size: 14px; /* Mobile default */
}
.suggestion-item {
    padding: 8px 12px;
    cursor: pointer;
}
.suggestion-item:hover {
    background-color: #f5f5f5;
}

@media (min-width: 640px) {
    .suggestions {
        font-size: 14px; /* Desktop */
    }
}

/* 1. Make the page fill the viewport and remove default spacing */
html, body { height:100%; margin:0; }
body { display:flex; flex-direction:column; color:#000; font-family:'Outfit', Helvetica, Arial, Verdana; }
.main-content { flex:1; font-size:14px; font-family:Helvetica, Arial, Verdana; }
footer { width:100%; background-color:#f1f1f1; padding:1rem; }

h6 {display: block; height: 18px; padding: 10px 0px 10px 5px;  margin: 0 0 5px 0;  font-size: 15px; font-style:normal; line-height: 15px; font-weight: normal; color: black; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    

#main {position: relative;  float: right; width: 100%; line-height: 16px;  font-size: 14px; color:black; font-family:  Helvetica, Arial, Verdana; }		
#page {position: relative;  float: right; width: auto; line-height: 16px; color:black; font-size: 14px; font-family:  Helvetica, Arial, Verdana;}		

#page a.more-news {float: right; margin-top: 7px; padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; }
#page .lblPhonePin{display: block; margin: 0 0 5px 0; font-size: 11px; font-weight:bold; line-height: 12px; color: #ff7b00;}
#page .lblnormal{display: block; margin: 0 0 5px 0; font-size: 10px; font-weight:normal; line-height: 10px; color: #012497;}
#page {color:#012598;}
#page h3{display: block; font-size: 12px; line-height: 13px; font-weight: bold; color: #ff7b00; margin: 0 0 10px 0; font-weight:bold;}
#page .labelsmall{display: block; font-size: 9px; line-height: 9px; font-weight: bold; color: #002695; margin: 7px 0 0px 0; font-weight:bold;}
#page .Notification{display: block; font-size: 9px; line-height: 9px; font-weight: bold; color: #002695; margin: 7px 0 0px 0; font-weight:bold;}
	
/* Links */
a	{color: #012598; text-decoration: none; }
a:hover	{color: #ff7b00; text-decoration: none; }

.underlineLinkSmall	{color: #012598; text-decoration: none; font-size:12px; text-decoration: underline;}
.underlineLinkSmall:hover	{color: #ff7b00; text-decoration: none; font-size:12px;}

/* Style Kit v7.0 */
a, embed, object {outline: none;}
form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5  {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 15px 0;  padding: 0; }

table { border-collapse:collapse; border-spacing:0;}
td, th {vertical-align: top;}
th {text-align: left; }

input, textarea, select {font-family: inherit; font-size: inherit;}
input:focus, textarea:focus {outline:none;}
dl {display: block; }
dt {display: block; float: left; width: 45%; margin-bottom: 5px;}
dd {display: block; float: right; width: 45%; margin-bottom: 5px;}
big {font-size: 1.1em;}
small {font-size: 0.9em;}
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}


.trigger-link { display:inline-block; padding-left:8px; padding-right:8px; padding-top:20px; padding-bottom:0px; font-size:16px !important; font-weight:600; gap:6px; text-decoration:none; }
@media (min-width:1280px) { .trigger-link { padding-left:16px; padding-right:16px; } }
.dropdown-menu { position:absolute; right:0; margin-top:8px; width:220px; background-color:white; border:1px solid #e5e7eb; border-radius:8px; box-shadow:0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); opacity:0; visibility:hidden; transition:all 300ms ease; z-index:50; }
.group:hover .dropdown-menu { opacity:1; visibility:visible; }
.dropdown-item { display:block; padding:12px 16px; font-size:14px; text-decoration:none; color:inherit; }
.dropdown-item:hover { background-color:#f3f4f6; }
.dropdown-item-red { display:block; padding:12px 16px; font-size:14px; text-decoration:none; color:#dc2626; }
.dropdown-item-red:hover { background-color:#f3f4f6; }
.account-button { display:flex; align-items:center; gap:4px; font-weight:600; white-space:nowrap; padding-top:0px; padding-bottom:0px; margin-right:16px; color:#000000; background:none; border:none; cursor:pointer; font-family:'Outfit', sans-serif; transition:color 0.2s ease-in-out; }
.account-button:hover { color:#f97316; }
.account-icon { width:16px; height:16px; stroke-width:2px; }


    /* [1]  changed from 600px to 1200px*/
    .AccordionButton  {display: block; padding:10px 0 10px 10px; width: 1400px; margin: 0 0 20px; TEXT-ALIGN: left; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background-color: #f1f1f1;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} 
    .AccordionButton122  {display: block; padding:10px 0 10px 10px; width: 1400px; margin: 0 0 20px; TEXT-ALIGN: left; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
    .AccordionButton1  {display: block; padding:10px 0 10px 10px; width: 1400px; margin: 0 0 20px; TEXT-ALIGN: left; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background-color: #f1f1f1; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}

    .AccordionButtonNoHover  {display: block; padding:10px 0 10px 10px; width: 1400px; margin: 0 0 20px; TEXT-ALIGN: left; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background-color: #f1f1f1; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
    .GraphBar  {display: block; padding: 5px 0 5px 5px; width: 1200px; margin: 0 0 5px; TEXT-ALIGN: left; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: white; cursor: pointer; border: none; background-color: #f1f1f1; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}

    /* [1]  changed from 580px to 1180px*/
    .GraphBarGreen  {display: block; padding: 5px 0 5px 5px; width: 1180px; margin: 0 0 5px; TEXT-ALIGN: left; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: white; cursor: pointer; border: none; background: green 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
    .GraphBarBlue  {display: block; padding: 5px 0 5px 5px; width: 1180px; margin: 0 0 5px; TEXT-ALIGN: left; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: white; cursor: pointer; border: none; background: #20419a 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
    .GraphBarRed  {display: block; padding: 5px 0 5px 5px; width: 1180px; margin: 0 0 5px; TEXT-ALIGN: left; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: white; cursor: pointer; border: none; background: #ef4444 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}

    .GridHeaderStyle {text-align: justify}
    .RightAlign {text-align: Right;}        
    .RightAlignBg {text-align: Right; background:#dedddb; border-bottom: 1px solid #FFF;} 
        
    .errormessage {color:Red;}
    .virus {color:Red; font-size:18px; padding:15px 0 15px 0; margin:15px 0 55px 0; line-height:22px;}
        

    #container {width: 1560px; margin: 0 auto;}
    #shadow {background: #FFF;   -webkit-box-shadow: 0 5px 5px 5px #bfbebe; -moz-box-shadow: 0 3px 5px 5px #bfbebe; box-shadow: 0 5px 5px 5px #bfbebe; behavior: url(lib/plugins/pie/PIE.htc);} 	

    div.message span {display: block; font-size: 14px; line-height: 22px; font-weight: bold; color: red; margin: 0 0 30px 0;}

	#btnPrintPreview{position: relative;  display:inline; margin: 20px 0 0 690px; padding: 7px 20px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#btnPrintPreview:hover{background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
	
    a.more {padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; }
    /*div.message span {display: block; font-size: 12px; line-height: 24px; font-weight: normal; font-style:italic; color: red; margin: 0 0 20px 20px;}*/
    div.message span {display: block; font-size: 11px; line-height: 11px; font-weight: normal; font-style:italic; color: red; margin: 0 0 10px 20px;}
    
    .labelconcharge1{position: relative; font-size: 12px; line-height: 24px; margin:0 0 0 0;}
    #tblConcharge .tdLabel1 {font-size: 12px; line-height: 24px; color: #002695 }
    /*2016/02/25*/
    #tblConcharge .tdLabel1Red {position: relative; font-size: 11px; font-weight:bold; }
    #lblEstDelvTime{position: relative; margin: 100px 0 0px 0px;}
            
    .labelconcharge{position: relative; margin: 0 0 0 10px; font-size:14px;}    
    .labelconchargeNoMargin{position: relative; margin: 0 0 0 0px; font-size:14px;}
    
    #tblConcharge {border: 1px solid #dedddb; margin: 0 0 0 10px;}
    #tblConcharge .tdLabel {font-size: 12px; line-height: 12px; color: #002695;}
	#tblConcharge .bordergrey {border: 1px solid #dedddb; }
	#tblConcharge h3 {display: block; font-size: 16px; line-height: 22px; color: #012497; margin: 5px 0 5px 10px; font-weight: bold; }
	#tblConcharge h3 a {color: #012497;}
	#tblConcharge h3 a:hover {color: #012497;}
	#tblConcharge th{ background-color: #f1f0f0;}
	
	div.gridheaderImport h3 {display: block; font-size: 14px; line-height: 14px; font-weight: bold; color: #ff7b00; margin:  10px 0 5px 10px;}	
	div.gridheaderImport h5{display:block; margin: 5px 0 5px 10px; font-size: 14px; line-height: 14px; color: #ff7b00; font-weight:bold;}
	div.gridheaderImport .lblLabel {display:block; margin: 20px 0 0px 0px; font-size: 11px; line-height: 12px; color: #002695;}
	
	div.gridheader h3 {display: block; font-size: 16px; line-height: 16px; font-weight: bold; color: #012497; margin: 25px 0 5px 11px;}	
	.gridview {border: 1px solid #dedddb; margin: 0px 0 0 10px; }
	.gridview2 {border: 1px solid #dedddb; margin: 0px 0 0 0px; }
	.gridview3 {border: 1px solid #dedddb; margin: 0px 0 0 0px; }
	.lblNote {font-size: 10px; color: blue;}	
	#pnlConsignment {margin: 30px 0 0 0;}
	.treeview {padding:0 0 0 0 0; margin: 0 0 0 0;}
    

    a.more {padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; }
    /*div.message span {display: block; font-size: 12px; line-height: 24px; font-weight: normal; font-style:italic; color: red; margin: 0 0 20px 20px;}*/
    div.message span {display: block; font-size: 11px; line-height: 11px; font-weight: normal; font-style:normal; color: red; margin: 0 0 10px 20px;}
    
  
	#tblConsignmentDetails {border: 1px solid #dedddb; margin: 0 0 0 0;}
	#tblConsignmentDetails .bordergrey {border: 1px solid #dedddb; }
	#tblConsignmentDetails h3 {display: block; font-size: 16px; line-height: 22px; color: #012497; margin: 0 0 10px 0;}
	#tblConsignmentDetails h3 a {color: #012497;}
	#tblConsignmentDetails h3 a:hover {color: #012497;}
    
    #AddConsignment .BookaPickupAction {margin: 20px 10px 0 0; }
    #AddConsignment .SelectPickupTypeAction {margin: 20px 10px 0 0; }
    #ButtonAction {margin: 20px 10px 0 0; }
    
    /*----------------------------------------------------------------------*/
    /*START -- AUTHORISED-PICKUP.ASPX ONLY*/
    /*----------------------------------------------------------------------*/

    /*2014/05/09 --add tblPickupsPDA*/
    #tblPickupsPDA table{ border-collapse:collapse; border-spacing:2px; }
    #tblPickupsPDA tr tbody thead { border: 1px solid #dedddb;}
    #tblPickupsPDA td {vertical-align: top; border: 1px solid #dedddb; }
    #tblPickupsPDA th {text-align: left; border: 1px solid #dedddb; color: #012497; font-size: 13px; line-height: 16px; background:#f1f0f0;}

    #tblPickups table{ border-collapse:collapse; border-spacing:2px; }
    #tblPickups tr tbody thead { border: 1px solid #dedddb;}
    #tblPickups td {vertical-align: top; border: 1px solid #dedddb; }
    #tblPickups th {text-align: left; border: 1px solid #dedddb; color: #012497; font-size: 13px; line-height: 16px; background:#f1f0f0;}

    #tblReturnPickups table{ border-collapse:collapse; border-spacing:2px; }
    #tblReturnPickups tr tbody thead { border: 1px solid #dedddb; font-size: 11px;}
    #tblReturnPickups td {vertical-align: top; border: 1px solid #dedddb; font-size: 11px;}
    #tblReturnPickups th {text-align: left; border: 1px solid #dedddb; color: #012497; font-size: 13px; line-height: 16px; background:#f1f0f0;}

    #tblReturnPickups1 table{ border-collapse:collapse; border-spacing:2px; }
    #tblReturnPickups1 tr tbody thead { border: 1px solid #dedddb;}
    #tblReturnPickups1 td {vertical-align: top; border: 1px solid #dedddb; }
    #tblReturnPickups1 th {text-align: left; border: 1px solid #dedddb; color: #012497; font-size: 13px; line-height: 16px; background:#f1f0f0;}
    
    #tblLineItemborder td tr tbody thead{text-align: left; border: 1px solid #dedddb; font-weight: normal; font-size: 11px; line-height: 11px; background:white;}
    #tblLineItemborder th{text-align: left; border: 1px solid #dedddb; color: #012497; font-weight: normal; font-size: 11px; line-height: 11px; background:#f1f0f0;}

    #tblLineItem td tr tbody thead{text-align: left; border: 1px solid #dedddb; font-weight: normal; font-size: 11px; line-height: 11px; background:white;}
    #tblLineItem th{text-align: left; border: 1px solid #dedddb; color: #012497; font-weight: normal; font-size: 11px; line-height: 11px; background:#f1f0f0;}
    
a.dp-choose-date { float:left; width:16px; height:16px; padding:0; margin:5px 3px 0; display:block; text-indent:-2000px; overflow:hidden; background:url(../../images/calendar.png) no-repeat; }
a.dp-choose-date.dp-disabled { background-position:0 -20px; cursor:default; }
input.dp-applied { width:140px; float:left; }
#mask { position:absolute; z-index:9000; background-color:#000; display:none; }
.window { position:absolute; width:350px; height:80px; display:none; z-index:9999; padding:20px; }

 
	 		
/*----------------------------------------------------------------------------
NOTE: Those one below NOT WORKING FOR ALL IE. DO NOT USED
----------------------------------------------------------------------------*/
input.textfield1 {position: relative; display: inline; width: 100px; padding: 4px 6px; margin: 0px 5px 5px 6px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}	
input.textfield1:focus {color: #222;}


input.textfield2 {position: relative; display: inline; width: 100px; padding: 4px 6px; margin: 0px 5px 5px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}	
input.textfield2:focus {color: #222;}
	    
select.dropdownlistsmall {position: relative;  padding: 3px 4px; margin: 0 0 10px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
select.dropdownlistsmall:focus {color: #222;}	
	
select.dropdownlist {position: relative;  padding: 6px 7px;margin: 0 0 10px 0; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
select.dropdownlist:focus {color: #222;}
			
input.textboxsmall {position: relative; display: inline;   margin: 0 0 10px; padding: 3px 4px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
input.textboxsmall:focus {color: #222;}	
	
input.textbox {position: relative; display: block; width: 212px; padding: 6px 7px; margin: 0 0 10px 0; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
input.textbox:focus {color: #222;}

/*----------------------------------------------------------------------------
END NOTE: Those one below NOT WORKING FOR ALL IE. DO NOT USED
----------------------------------------------------------------------------*/
 	
#divInfo{ display: block;  margin: 10px 0 0 10px;}
#divInfo .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;}
    
#divInfo ul {
  list-style-type: disc;
  padding-left: 30px;
  margin-top: 2px;
}

#divInfo li {
  margin-bottom: 4px;
}

#DivReportDate {display: block; margin: 0  30px 8px  0px;}	
	#DivReportDate .lblHeading2 {display:inline; margin: 8px 0 0 30px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;}
	#DivReportDate label {display:inline; margin: 8px 0 0 40px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;}
	#DivReportDate .lblLabel {display:inline; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;}
	#DivReportDate .lblLabelBold {display:inline; margin: 15px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;font-weight:bold;}

#ReportMessage { display: block;  margin: 5px 0 0 30px;}
#ReportMessage #lblMessage {display:block; margin: 0px 0 10px 0px; font-size: 11px; line-height: 12px; color: red; font-style:italic;}

#pnlRun {border: 0px solid #dedddb; display: block; margin: 20px  30px 0  30px;}
#pnlRun h3 {display: block; height: 16px; padding: 5px 0 5px 10px;  margin: 0;  font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
#pnlRun .lblHeading {display: block; height: 18px; padding: 5px 0 5px 10px;  margin: 0;  font-size: 16px; font-style:italic; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    	

.lblReportInfo1 {position: relative; margin: 10px 0 5px 0px; font-size: 11px; line-height: 15px; color: #ff7b00; font-style:normal; font-weight:bold;}  	
   
.lblReportInfo {display:block; margin: 10px 0 5px 0px; font-size: 11px; line-height: 15px; color: #ff7b00; font-style:normal; font-weight:bold;}  	
.lblReportInfoLarge  {display: block; margin: 30px 0 15px 10px; TEXT-ALIGN: left; font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; }
	
/*==========================================================================================================
=============== MANAGE CONSIGNMENT
============================================================================================================*/
#lblCheckConnote {color:white; font-size:13px;  font-weight:normal;} /*#002695*/
#lblCheckConnoteMsg {display:block; color:red; font-size:11px; font-weight:bold;} /*#002695*/	
	
/*	
#manageconsignment {display: block; margin: 0  350px 0  10px;}
	#manageconsignment .spanel {border: 1px solid #dedddb; margin: 0 0 0 0;}
	#manageconsignment h3 {display: block; height: 18px;  padding: 10px 0 5px 5px;  margin: 0;  font-size: 16px; font-style:normal; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x !important; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	
	#manageconsignment h6 {display: block; height: 16px; padding: 5px 0px 5px 5px;  margin: 0;  font-size: 14px; font-style:normal; line-height: 15px; font-weight: normal; color: #002695; background-color: #f1f1f1; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	
	#manageconsignment fieldset {border: 1px solid #dedddb;  display: block; padding: 5px 27px 15px 20px; margin: 0;  }
	#manageconsignment label {display:block; margin: 0 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;}
	#manageconsignment .labelInline {position: relative;  display:inline; margin: 0 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;}
	
	#manageconsignment .lblLabel {position: absolute; margin: 0 0 11px 0; color: #222;}
	#manageconsignment input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 10px 0 0px 6px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#manageconsignment input.txtfld:focus {color: #222;}
	
	#manageconsignment .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 15px 0;}
	#manageconsignment #btnManage{position: relative;  display:inline; margin: 0 0 0 10px; padding: 7px 20px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#manageconsignment #btnManage:hover{background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
*/
	
    #ReDeliveryOption { background-color:white; padding-left:24px; padding-right:24px; padding-top:24px; padding-bottom:24px; border-radius:16px; box-shadow:0 4px 6px rgba(0,0,0,0.1); margin-bottom:32px; }
    #ReDeliveryOption h3 { display:block; font-size:22px; font-weight:600; color:#1f2937; margin-bottom:24px; padding-bottom:8px; line-height:26px; border-bottom:1px solid #d1d5db; background:none; text-shadow:none; text-transform:none; height:auto; padding-left:0px; margin-top:0px; behavior:none; }

    #ReDeliveryOption .lblLabelBlue {display:block; margin: 10px 0 10px px; font-size: 12px; line-height: 12px; font-weight:bold;  color: #20419a;}
	
    #ReDeliveryOption .despatch-box {border: 1px solid #dedddb; margin: 0 0 15px 0; padding: 0px 0 10px 17px;}
    #divOptions {margin: 15px 0 15px 0; }
    #ReDeliveryOption .divNotes {margin: 0 0 0 40px; }
    #ReDeliveryOption .divRTS {margin: 0 0 10px  10px; }
        
    /* this label is for radio selection - do not re-use for anything else*/
	#ReDeliveryOption label {display:inline; font-size: 16px; font-weight:normal; line-height: 36px; color: Black; padding-bottom:8px;}	
	#ReDeliveryOption #rbPickupDates label {display:inline; font-size: 14px; font-weight:normal; line-height: 32px; color:Black; padding: 0 5px 0 5px; }	
	#ReDeliveryOption #rbRedeliveryDates label {display:inline; font-size: 14px; font-weight:normal; line-height: 32px; color:Black; padding: 0 5px 0 5px;}	
	#ReDeliveryOption #rbRedeliveryDates_Leave label {display:inline; font-size: 14px; font-weight:normal; line-height: 32px; color:Black; padding: 0 5px 0 5px;}	
	#ReDeliveryOption #rbRedeliveryDates_AlternateAddress label {display:inline; font-size: 14px; font-weight:normal; line-height: 32px; color:Black; padding: 0 5px 0 5px;}	
	
	#ReDeliveryOption labelorange {display:inline; font-size: 14px; line-height: 30px; color: #ff7b00;}	
	#radioAddressCorrect  {margin: 0  10px  0; }
	#radioOriginalAddress  {margin: 0  10px  0; }
	#radioLeaveInAbsence  {margin: 0  10px  0; }
	#radioDepotCollect  {margin: 0  10px  0; }
	#radioCollect  {margin: 0  10px  0; }
	#radioAlternateAddress  {margin: 0  10px  0; }
	#radioClickCollect  {margin: 0  10px  0; }
	#radioRTS  {margin: 0  10px  0; }	
	
	/*#ReDeliveryOption .labelNotes {display:block; margin:  0px 0 0 0px; font-weight:normal; font-size: 11px; line-height: 11px; color: gray;}#666666 */
	#ReDeliveryOption .labelNotes {display:block; margin:  0px 0 0 0px; font-weight:normal; font-size: 12px;  }
	#ReDeliveryOption .awaitingCollectionWarning {display:block; margin:  0px 0 3px 0px; font-weight:normal; font-size: 13px; line-height: 14px; color:red;}
	#ReDeliveryOption .labelClickCollectNotes {display:block; margin:  0px 0 10px 0px; font-weight:bold; font-size: 14px; line-height: 16px; color:#002695;}
	#ReDeliveryOption .labelClickCollectNotesSmall {display:block; margin:  0px 0 0 0px; font-weight:normal; font-size: 13px; line-height: 14px; color:#002695;}
	#ReDeliveryOption .labelInternalInstruction {display:block; margin:  0px 0 0 0px; font-weight:bold; font-size: 13px; line-height: 13px; color:red;}
	
    #ReDeliveryOption #checkboxAgree label {position: relative; display: inline; margin: 8px 0 0 0px; font-size: 12px; font-weight:bold; line-height: 13px; color: #002695;}
    
	/*#ReDeliveryOption input.txtfld {position: relative; display: inline; width: 250px; padding: 6px 7px; margin: 8px 0 5px 6px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}	*/
	
	#ReDeliveryOption input.txtfld {position: relative; display: inline; width: 250px; padding: 4px 5px; margin: 8px 0  0px 6px; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 3px;  -moz-border-radius: 5px; border-radius: 3px; behavior: url(lib/plugins/pie/PIE.htc);}
	#ReDeliveryOption input.txtfld:focus {color: #222;}
	
	#ReDeliveryOption .input_butt {position: relative;  padding: 7px 20px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#ReDeliveryOption .input_butt:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
    #ReDeliveryOption .input_txt2 {position: relative; display: block; width: 270px; padding: 3px 4px; margin: 0 0 15px 0; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#ReDeliveryOption .input_txt2:focus {color: #222;}
	#ReDeliveryOption .input_butt2 {position: relative;  padding: 4px 20px; font-size: 12px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#ReDeliveryOption .input_butt2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	

	/*COMMBO/LISTBOX NEW LAYOUT*/
	#ReDeliveryOption .lblList2 {display:block; margin: 8px 0 0 6px; font-size: 13px; line-height: 14px; padding: 3px 5px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }	
	
	#ReDeliveryOption .lblList {display:block; margin:  8px 0 0 0px; font-size: 13px; line-height: 14px; padding: 3px 5px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }
	#ReDeliveryOption .lblListNoMargin {display:block; margin: 0px 0 0 0px; font-size: 13px; line-height: 14px; padding: 3px 5px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }	
	#ReDeliveryOption .lblListNoBorder {display:block; margin: 4px 0 0 0px; font-size: 13px; line-height: 14px; padding: 3px 5px; color: #222; border: 1px solid white; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }
	
	
			    
    #lblRedeliveryMsg {display:block; color:red; margin: 30px 0 0 10px; font-size:13px; font-weight:bold;} /*#002695*/	
    
    #ReDeliveryOption .panelRedeliveryOption  {display: block; margin: 10px 0 20px 40px; }  
    #ReDeliveryOption .lblLabelBlackSmall {display:block; margin: 8px 0 10px 40px; font-size: 12px; font-weight:normal; line-height: 12px; color:red; }
    #ReDeliveryOption .lblLabel {display:block; margin: 8px 0 0 0px; font-size: 14px; font-weight:normal; line-height: 14px;  color: black;}
    #ReDeliveryOption .lblLabelBlack {display:block; margin: 8px 0 0 0px; font-size: 14px; font-weight:normal; line-height: 12px;}
    
	#ReDeliveryOption .lblLabelBold {display:block; margin: 8px 0 0 0px; font-size: 14px; font-weight:bold; line-height: 14px; color: black;}
	#ReDeliveryOption .lblLabelBold11 {display:block; margin: 8px 0 0 0px; font-size: 13px; font-weight:bold; line-height: 14px; color: black;}
	#ReDeliveryOption .lblLabelBoldInline {position: relative; display: inline; margin: 8px 0 0 0px; font-size: 13px; font-weight:bold; line-height: 14px; color: black;}
	#ReDeliveryOption .TermsConditions	{color: #ff7b00; text-decoration: none; font-weight:bold; }	
    
	#ReDeliveryOption h2 {display: block; height: 22px; margin: 0;  font-size: 16px; line-height: 16px; font-weight: bold; color: #002695; }    
	#ReDeliveryOption h4 {display: block; height: 22px; padding: 10px 0 5px 17px;  margin: 0;  font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    	
	#ReDeliveryOption h5 {display: block; height: 18px; margin: 0;  font-size: 14px; line-height: 14px; font-weight:bold; color: #002695; }       
    

    #divMessage{margin: 0px 0px 15px 6px; }

    #divConnote {margin: 0 0 15px 6px; }
    #divConnote .lblLabel {display:inline; margin-right: 8px; font-size: 14px; font-weight:bold; line-height: 14px;  color: #002695;}

    #divConfirmation {margin: 20px 0 15px 10px; border: 1px solid #dedddb; padding:10px 10px 10px 10px;}
    #lblConfirmation {font-size:14px;  font-weight:normal; color:#002695; } /*color:#002695;  color:#333333;*/
    #cboState {margin: 10px 8px;}
    
#divAction .input_butt {position: relative;  padding: 4px 20px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#divAction .input_butt:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
    
/*==========================================================================================================
=============== END MANAGE CONSIGNMENT
blue #002695
orange #ff7b00
============================================================================================================*/

/*#InvoiceEnquiry {border: 0px solid #dedddb; display: block; margin: 18px 0px 10px 0px; padding-bottom:0px; }
#InvoiceEnquiry .spanel {border: 1px solid #dedddb;  padding: 50px 0 10px  10px; }
*/

#InvoiceEnquiry { background-color: white; padding-left: 24px; padding-right: 24px; padding-top: 24px; padding-bottom: 24px; border-radius: 16px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); margin-bottom: 32px; }
    #InvoiceEnquiry h6 { display: block; font-size: 22px; font-weight: 600; color: #1f2937; margin-bottom: 24px; padding-bottom: 8px; line-height: 26px; border-bottom: 1px solid #d1d5db; background: none; text-shadow: none; text-transform: none; height: auto; padding-left: 0px; margin-top: 0px; behavior: none; }
	#InvoiceEnquiry h3 {display: block; height: 22px; padding: 10px 0px 5px 17px;  margin: 0;  font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	#InvoiceEnquiry h4 {display: block; height: 16px; padding: 10px 0px 5px 5px;  margin: 0;  font-size: 16px; font-style:normal; line-height: 15px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	#InvoiceEnquiry h2 {display: block; height: 14px; padding: 10px 0px 10px 5px;  margin: 0;  font-size: 14px; font-style:normal; line-height: 15px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	#InvoiceEnquiry h66 {display: block; height: 16px; padding: 5px 0px 5px 5px;  margin: 0 0 5px 0;  font-size: 14px; font-style:normal; line-height: 15px; font-weight: normal; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	#InvoiceEnquiry h7 {display: block; height: 16px; padding: 5px 0px 5px 5px;  margin: 0 0 5px 0;  font-size: 13px; font-style:normal; line-height: 15px; font-weight: normal; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	#InvoiceEnquiry h5{display:block; margin: 25px 0 10px 0px; font-size: 14px; line-height: 14px; color: #ff7b00; font-weight:bold;}	
	#InvoiceEnquiry h8{display:block; margin: 25px 0 10px 0; font-size: 15px; line-height: 15px; color: black; font-weight:bold;}	
	
	#InvoiceEnquiry p{ margin: 10px 0 5px 0; font-size: 14px;}	
	#InvoiceEnquiry .pUnderLine{ margin: 20px 0 5px 0; font-size: 14px; text-decoration:underline;}	
	
	#InvoiceEnquiry ul{ margin: 10px 0 5px 0; font-size: 14px;}	
	
	.ulSmall li{ margin: 5px 0 7px 0; font-size: 13px;}
	
	#InvoiceEnquiry .pBold{ margin: 20px 0 5px 0; font-size: 14px; font-weight:bold;}	
	#InvoiceEnquiry .pNormal{ margin: 10px 0 5px 0; font-size: 14px; font-weight:normal;}	
	#InvoiceEnquiry .pNormalSmall{ margin: 20px 0 5px 0; font-size: 13px; font-weight:normal;}	
	
	/*h3 {display: block; font-size: 16px; line-height: 16px; font-weight: bold; color: #012497; margin: 25px 0 5px 20px;}	*/
	
	#InvoiceEnquiry fieldset {border: 1px solid #dedddb;  display: block; padding: 5px 0px 5px 20px; margin: 0 0 0 0 ;  }
	#InvoiceEnquiry label {display:inline; margin: 10px 0 0 2px; font-size: 14px; line-height: 14px; color: black; font-weight:normal;}    
	
    #InvoiceEnquiry .labelInline {position: relative;  display:inline; margin: 0 0 0 0px; font-size: 14px; line-height: 14px; color: black;}
    
    #InvoiceEnquiry .lblLabelNoMargin3{display:block; margin: 0px 0 8px 2px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;}
    
    /*#InvoiceEnquiry #rbPickupDates label {display:inline; font-size: 12px; font-weight:normal; line-height: 32px; color:#002695; }	*/
	#InvoiceEnquiry #rbPickupDates label {display:inline; font-size: 14px; font-weight:normal; line-height: 32px; color:Black; padding: 0 15px 10px 5px;}
	
	#InvoiceEnquiry .lblLabelBoldMargin3{display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;}

    #InvoiceEnquiry .lblLabelNoMarginNormal2{display:block; margin: 8px 0 10px 0px; font-size: 14px; line-height: 14px; color: black; font-weight:normal;}

    #InvoiceEnquiry .lblLabelNoMarginNormal{display:block; margin: 8px 0 0 0px; font-size: 14px; line-height: 14px; color: black; font-weight:normal;}
	#InvoiceEnquiry .lblLabelNoMargin{display:block; margin: 8px 0 0 0px; font-size: 14px; line-height: 14px; color: black; font-weight:bold;}
	
	#InvoiceEnquiry .lblLabelNoMargin3{display:block; margin: 0px 0 8px 2px; font-size: 14px; line-height: 14px; color: black; font-weight:normal;}
	#InvoiceEnquiry .lblLabelNoMargin3Normal{display:block; margin: 0px 0 8px 2px; font-size: 12px; line-height: 12px; color: black; font-weight:normal;}

    .lblLabelInline{display:inline; margin: 0 5px 0px 0px;}
    .lblPanelInline{display:inline; margin: 0 0 0 0px;}
		
	#InvoiceEnquiry .lblLabelNoMargin2OBlueSmall{display:block; margin: 8px 0 0 2px; font-size: 12px; line-height: 13px; color: #002695; font-weight:normal;}
	#InvoiceEnquiry .lblLabelNoMargin2OrangeSmall{display:block; margin: 8px 0 0 2px; font-size: 12px; line-height: 13px; color: #ff7b00; font-weight:normal;}
	#InvoiceEnquiry .lblLabelNoMargin2BlackSmall{display:block; margin: 8px 0 0 2px; font-size: 12px; line-height: 13px; color: black; font-weight:normal;}
	
	#InvoiceEnquiry .lblLabelNoMargin2{display:block; margin: 8px 0 0 2px; font-size: 14px; line-height: 14px; color: black; font-weight:normal;}
	
	#InvoiceEnquiry .lblLabelNoMargin2{display:block; margin: 8px 0 0 2px; font-size: 14px; line-height: 14px; color: black; font-weight:normal;}
	#InvoiceEnquiry .lblLabelSmallInline{display:inline; margin: 4px 0 0 2px; font-size: 12px; line-height: 12px; color: black; font-weight:normal;}
	#InvoiceEnquiry .lblLabelSmallInlineRed{display:inline; margin: 4px 0 0 2px; font-size: 12px; line-height: 12px; color: red; font-weight:normal;}
	
	#InvoiceEnquiry .lblLabelSmallOrange{display:block; margin: 20px 0 0 2px; font-size: 12px; line-height: 12px; color: red; font-weight:bold;}
	
	#InvoiceEnquiry .lblLabelNoMargin2Black{display:block; margin: 8px 0 0 2px; font-size: 14px; line-height: 14px; color: black; font-weight:normal;}
	#InvoiceEnquiry .lblLabelNoMargin2Small{display:block; margin: 8px 0 0 2px; font-size: 12px; line-height: 12px; color: black; font-weight:normal;}
	#InvoiceEnquiry .lblLabelNoMargin2Bold{display:block; margin: 8px 0 0 2px; font-size: 14px; line-height: 14px; color: black; font-weight:bold;}
	#InvoiceEnquiry .lblLabelNoMargin2BoldInline{display:inline; margin: 8px 0 0 2px; font-size: 12px; line-height: 12px; color: black; font-weight:bold;}
	#InvoiceEnquiry .lblLabelNoMargin2Inline{display:inline; margin: 8px 0 0 2px; font-size: 14px; line-height: 14px; color: black; font-weight:normal;}
	
	
	#InvoiceEnquiry .lblLabelNoMargin2Normal{display:block; margin: 8px 0 0 2px; font-size: 12px; line-height: 12px; color: black; font-weight:normal;}
	#InvoiceEnquiry .lblLabelNoMarginOrange{display:block; margin: 8px 0 0 2px; font-size: 12px; line-height: 12px; color: #ff7b00; font-weight:bold;}
	#InvoiceEnquiry .lblLabelNoMarginOrangeBold{display:block; margin: 8px 0  10px 2px; font-size: 13px; line-height: 13px; color: #ff7b00; font-weight:bold;}
	
	#InvoiceEnquiry .lblLabelNoMarginBlueBold1{display:block; margin: 15px 0  15px 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;}
	#InvoiceEnquiry .lblLabelNoMarginBlueBold2{display:block; margin: 15px 0  10px 5px; font-size: 12px; line-height: 12px; color: #002695; font-weight:normal;}
	
	#InvoiceEnquiry .lblLabelNoMarginBlackBold{display:block; margin: 8px 0  10px 2px; font-size: 16px; line-height: 18px; color: black; font-weight:bold; text-decoration:underline;}
	#InvoiceEnquiry .lblLabelNoMarginBlueBold{display:block; margin: 8px 0  10px 2px; font-size: 13px; line-height: 13px; color: #002695; font-weight:bold; text-decoration:underline;}
	
	#InvoiceEnquiry .lblLabelOrangeUnderline{display:block; margin: 8px 0 0 2px; font-size: 12px; line-height: 12px; color: #ff7b00; font-weight:bold; text-decoration:underline;}
	#InvoiceEnquiry .lblLabelOrangeUnderline2{display:inline; margin: 8px 0 0 2px; font-size: 14px; line-height: 14px; color: #ff7b00; font-weight:bold; text-decoration:underline;}
	
	#InvoiceEnquiry .lblLabelBlueUnderline2{display:inline; margin: 8px 0 0 2px; font-size: 14px; line-height: 14px; color: #20419a; font-weight:bold; text-decoration:underline;}
	#InvoiceEnquiry .lblLabelBlueUnderline{display:block; margin: 8px 0 0 2px; font-size: 12px; line-height: 12px; color: #20419a; font-weight:normal; text-decoration:underline;}
	#InvoiceEnquiry .lblLabelNoMarginInline{display:inline; margin: 8px 0 0 4px; font-size: 11px; line-height: 12px; color: black; font-weight:normal;}
	
	#InvoiceEnquiry .lblOrangeHeader {margin: 0; font-size: 20px; line-height: 24px; color: #ff7b00; font-weight:bold;}
	#InvoiceEnquiry .lblGreenHeader {margin: 0; font-size: 20px; line-height: 24px; color: green; font-weight:bold;}
	#InvoiceEnquiry .lblBlackHeader {margin: 0; font-size: 20px; line-height: 24px; color: Black; font-weight:bold;}
	
	#InvoiceEnquiry .lblLabelNoMarginOrangeNormal{display:block; margin: 8px 0 0 2px; font-size: 14px; line-height: 14px; color: #ff7b00; font-weight:normal;}
	#InvoiceEnquiry .lblLabelBold2{display:block; margin: 8px 10px 0 0px; font-size: 12px; line-height: 12px; color: #ff7b00; font-weight:bold;}
	#InvoiceEnquiry .lblLabelBoldMargin{display:block; margin: 8px 0 0 20px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;}
	
    #InvoiceEnquiry .lblLabelbold2 {display:block; margin: 0px 0 5px 8px; font-size: 11px; line-height: 12px; font-weight:bold;  color: #002695;}
    #InvoiceEnquiry .lblLabelsmall2 {display:block; margin: 0px 0 5px 8px; font-size: 11px; line-height: 12px; font-weight:normal;  color: #002695;}
    #InvoiceEnquiry .lblLabelOrange {display:block; margin: 10px 0 10px 8px; font-size: 12px; line-height: 13px; font-weight:bold;  color: #ff7b00;}
    #InvoiceEnquiry .lblLabelOrange2 {display:block; margin: 10px 0 10px 2px; font-size: 12px; line-height: 13px; font-weight:bold;  color: #ff7b00;}
    #InvoiceEnquiry .lblLabelRed {display:block; margin: 10px 0 10px 2px; font-size: 12px; line-height: 13px; font-weight:bold;  color: red;}
    #InvoiceEnquiry .lblLabelRedBig {display:block; margin: 10px 0 10px 2px; font-size: 14px; line-height: 14px; font-weight:bold;  color: red;}
    
    #InvoiceEnquiry .lblLabelBlueNormal {display:block; margin: 10px 0 10px px; font-size: 12px; line-height: 12px; font-weight:normal;  color: #20419a; padding-bottom:10px;}
    #InvoiceEnquiry .lblLabelBlue {display:block; margin: 10px 0 10px px; font-size: 12px; line-height: 12px; font-weight:bold;  color: #20419a; padding-bottom:10px;}
    #InvoiceEnquiry .lblLabelBlueBig {display:block; margin: 10px 0 10px px; font-size: 14px; line-height: 14px; font-weight:bold;  color: #20419a; padding-bottom:10px;}
    #InvoiceEnquiry .lblLabelBlueBigNormal {display:block; margin: 20px 0 10px px; font-size: 14px; line-height: 14px; font-weight:normal;  color: #20419a; padding-bottom:10px;}
    
    #InvoiceEnquiry .lblLabelSmall2 {display:block; margin: 5px 0 0 0px; font-size: 12px; line-height: 12px; color: black; font-weight:normal;}
	#InvoiceEnquiry .lblLabelSmall {display:block; margin: 10px 0 0 0px; font-size: 12px; line-height: 12px; color: black; font-weight:normal;}
	#InvoiceEnquiry .lblLabel {display:block; margin: 8px 0 0 0px; font-size: 14px; line-height: 14px; color: black;}
	
	
	/*COMMBO/LISTBOX NEW LAYOUT*/
	#InvoiceEnquiry .lblList {display:block; margin: 8px 0 0 0px; font-size: 13px; line-height: 13px; padding: 3px 5px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }
	#InvoiceEnquiry .lblListInline {display:inline; margin: 8px 0 0 0px; font-size: 13px; line-height: 13px; padding: 3px 5px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }
	#InvoiceEnquiry .lblList2 {display:inline-block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; padding: 3px 5px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }
	#InvoiceEnquiry .lblListNoMargin {display:block; margin: 0px 0 0 0px; font-size: 12px; line-height: 12px; padding: 3px 5px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }
	
	#InvoiceEnquiry .lblListNoBorder {display:block; margin: 4px 0 0 0px; font-size: 12px; line-height: 12px; padding: 3px 5px; color: #222; border: 1px solid white; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }
	
	#InvoiceEnquiry .lblLabelbold {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;}
	
	/*#InvoiceEnquiry .lblListLabel {margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; color: #002695;}*/
	#InvoiceEnquiry .lblListLabel {display:block; margin: 8px 0 0 0px; font-size: 12px; line-height: 12px; padding: 3px 5px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;   }
	
	#InvoiceEnquiry .requireField{color:#ff7b00;}
    #InvoiceEnquiry #chkIsDefault{margin-top:8px;}

	#InvoiceEnquiry input.txtfldgrid {position: relative; display: inline; width: 80px; color:#002695; padding: 2px 5px; margin:  0px 0 0px 0px; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry input.txtfldgrid:focus {color: #222;}
	#InvoiceEnquiry #panelInvoices {margin: 0px 0 0 0px; }
	/*orange color #ff7b00*/
	
	#InvoiceEnquiry input.txtfldReadOnly {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: gray; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}

	#InvoiceEnquiry input.txtNoBorder {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 4px 0 0px 0px; background: #FFF; font-size: 13px; line-height: 14px; color: #222; border: 0px solid #bcbcbc;  -webkit-border-radius: 3px;  -moz-border-radius: 5px; border-radius: 3px; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry input.txtNoBorder:focus {color: #222;}

	#InvoiceEnquiry input.txtfldGray {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 14px; line-height: 14px; color: #a2a2a2; border: 1px solid #bcbcbc;  -webkit-border-radius: 3px;  -moz-border-radius: 5px; border-radius: 3px; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry input.txtfldGray:focus {color: #222;}
	
	#InvoiceEnquiry textarea.txtfld {overflow:auto; position: relative; display: inline; width: 450px; padding: 4px 5px; margin: 0px 0 0px 0px; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;  behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry textarea.txtfld:focus {color: #222;}
	
	#InvoiceEnquiry input.txtfld {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 3px;  -moz-border-radius: 5px; border-radius: 3px; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry input.txtfld:focus {color: #222;}
	
	#InvoiceEnquiry input.txtfldDisable { position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0 0; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc; -webkit-border-radius: 3px; -moz-border-radius: 5px; border-radius: 3px; behavior: url(lib/plugins/pie/PIE.htc); }
	#InvoiceEnquiry input.txtfldDisable:disabled { background: #f9f9f9; color: #666; border: 1px solid #bcbcbc; opacity: 1; }
	
	#InvoiceEnquiry input.txtfld2 {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 13px; line-height: 13px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 3px;  -moz-border-radius: 5px; border-radius: 3px; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry input.txtfld2:focus {color: #222;}	
				
	#InvoiceEnquiry input.datepicker {float: left; width: 100px; margin: 10px 0px 0px 0px;  }
	#InvoiceEnquiry img.ui-datepicker-trigger {float: left; margin-top: 0px; cursor: pointer;}	
		
	#InvoiceEnquiry input.txtfld1 {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 0px 0 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 3px;  -moz-border-radius: 5px; border-radius: 3px; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry input.txtfld1:focus {color: #222;}		
	
	#InvoiceEnquiry .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 12px; line-height: 12px; color: #222; font-style:normal;}

	#InvoiceEnquiry .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 14px 1px 0px 1px;}

	/*#InvoiceEnquiry .PayrollButton2 {position: relative; margin: 10px 15px 15px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry .PayrollButton2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
	#InvoiceEnquiry .PayrollButton {position: relative; margin: 10px 20px 15px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry .PayrollButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	

	*/
	
	#InvoiceEnquiry .lblCheckboxLabel {display:inline; margin: 12px 0 0 0px; font-size: 14px; line-height: 14px; color: black;}
	#InvoiceEnquiry .lblCheckboxLabelBlock {display:block; margin: 12px 0 0 0px; font-size: 14px; line-height: 14px; color: black;}
	
	/*uppercase capitalize text-transform: capitalize; */
	/*
	#InvoiceEnquiry .PayrollButton2 { position: relative; margin: 10px 15px 15px 0; padding: 6px 12px; font-size: 12px; line-height: 12px;font-weight: bold;color: white;cursor: pointer;border: none;background-color: #20419a; border-radius: 5px;box-shadow: 0 1px 3px 0 #20419a; }  
    #InvoiceEnquiry .PayrollButton2:hover {background-color: #1a327d; color: white;}
            
    #InvoiceEnquiry .PayrollButton { margin: 10px 10px 5px 0;font-size: 14px;background-color: #20419a;color: white;padding: 8px 16px;border: none;font-weight: 600;border-radius: 6px;cursor: pointer;}    
    #InvoiceEnquiry .PayrollButton:hover {background-color: #1a327d; color: white;}        

    #InvoiceEnquiry .PayrollButtonGray {font-size: 14px; background-color: #e5e7eb;color: #111827;padding: 8px 16px;border: none;font-weight: 500;border-radius: 6px;cursor: pointer;}
    #InvoiceEnquiry .PayrollButtonGray:hover {background-color: #d1d5db;}
  
	#InvoiceEnquiry .PayrollButton4 {position: relative; margin: 10px 5px 15px 5px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry .PayrollButton4:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
			
	#InvoiceEnquiry .PayrollButton3 {position: relative; margin: 0px 20px 15px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry .PayrollButton3:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
		

    #InvoiceEnquiry .PayrollButtonClear {position: relative;  padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #ff7b00; background: white; cursor: pointer; border: 1px solid #ff7b00;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
    #InvoiceEnquiry .PayrollButtonClear:hover {color: #FFF; background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}
      

    #InvoiceEnquiry .PayrollButtonClear2 {position: relative;  padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: capitalize; color: #20419a; background: white; cursor: pointer; border: 1px solid #20419a;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #20419a; -moz-box-shadow: 0 1px 3px 0 #20419a; box-shadow: 0 1px 3px 0 #20419a; behavior: url(lib/plugins/pie/PIE.htc);}
    #InvoiceEnquiry .PayrollButtonClear2:hover {background-color: #1a327d; color: white;}
    
    #InvoiceEnquiry .PayrollButtonClearBlue {position: relative;  padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #20419a; background: white; cursor: pointer; border: 1px solid #20419a;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #20419a; -moz-box-shadow: 0 1px 3px 0 #20419a; box-shadow: 0 1px 3px 0 #20419a; behavior: url(lib/plugins/pie/PIE.htc);}
    #InvoiceEnquiry .PayrollButtonClearRed {position: relative;  padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #ef4444; background: white; cursor: pointer; border: 1px solid #ef4444;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #ef4444; -moz-box-shadow: 0 1px 3px 0 #ef4444; box-shadow: 0 1px 3px 0 #ef4444; behavior: url(lib/plugins/pie/PIE.htc);}
            
	#InvoiceEnquiry .input_butt_small {position: relative;  padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry .input_butt_small:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	  
	
	#InvoiceEnquiry .input_butt_small2 {position: relative;  padding: 2px 5px; font-size: 10px; line-height: 12px; font-weight: normal ; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: black url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry .input_butt_small2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	 
		
		
	#InvoiceEnquiry .NoMarginlButton {position: relative; margin: 10px 20px 10px 0px; padding: 4px 10px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#InvoiceEnquiry .NoMarginlButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
	#InvoiceEnquiry .btnGray {position: relative; margin: 0px 0px 0px 0px; padding: 2px 5px; font-size: 12px; line-height: 13px; border-color:white; border-width:1px;}
	#InvoiceEnquiry .btnGray2 {position: relative; margin: 0px 0px 0px 0px; padding: 2px 5px; font-size: 12px; line-height: 13px; border: 1px solid #bcbcbc;}
	*/
	
    #InvoiceEnquiry .lblLabelBlack {display:block; margin: 0px 0 10px 0px; font-size: 12px; line-height: 13px; font-weight:normal;  color: black;}

	#InvoiceEnquiry input.datepicker {float: left; width: 120px; margin-top:10px 5px 0 0;  }
	#InvoiceEnquiry img.ui-datepicker-trigger {float: left; margin: 10px 0 0 5px; cursor: pointer;}	
	
	#InvoiceEnquiry ul {list-style-type: disc; padding-left: 30px; margin-top: 2px;}
	#InvoiceEnquiry .radioItem span { display: inline-flex; align-items: center; padding-top: 28px; margin-right: 20px; }
    #InvoiceEnquiry .radioItem input[type="radio"] { margin-right: 4px; vertical-align: middle; }
    
    
	#EnquiryMessage { display: block;  margin: 10px 0 0 10px;}
	#EnquiryMessage #lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 14px; line-height: 14px; color: red; font-weight:normal; font-style:normal;}	
	#EnquiryMessage .lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 14px; line-height: 14px; color: #ff7b00; font-weight:bold; font-style:normal;}	
	
	.section { margin-bottom: 20px; padding: 10px 0; background-color: #f9f9f9; }
    #InvoiceEnquiry .section-title { display: block; margin-bottom: 20px; font-size:16px; font-weight:bold;}
    .checkbox-group span { display: inline-flex; align-items: center; margin-right: 20px; }
    .checkbox-group input[type="checkbox"] { margin-right: 4px; vertical-align: middle; }
    .time-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 0px; }
    .duration-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 0px; }
	.inline-checkbox span { display: inline-flex; align-items: center; }
	
    .inline-checkbox span { display: inline-flex; align-items: center; margin-top: 8px; }
    .inline-checkbox input[type="checkbox"] { margin-right: 4px; vertical-align: middle; }
	
	.inline-checkbox-small span { display: inline-flex; align-items: center; margin-top: 8px; font-size:12px; }
    .inline-checkbox-small input[type="checkbox"] { margin-right: 4px; vertical-align: middle; font-size:12px; }
    
.inline-flex {display: flex; align-items: top;  /* optional spacing between controls */}
    


#tableGrey {border: 2px solid #dedddb; }
    #tableGrey .bordergrey {border: 1px solid #dedddb; }
    #tableGrey tr {border: 2px solid #dedddb; }
    #tableGrey th {border: 2px solid #dedddb; background: white; color:Black;}
    #tableGrey td {border: 2px solid #dedddb; }
    #tableGrey h3 {display: block; font-size: 16px; line-height: 22px; color: #012497; margin: 0 0 10px 0;}
    #tableGrey h3 a {color: #012497;}
    #tableGrey h3 a:hover {color: #012497;}  
	
.table-bordered { border:1px solid #dedddb; border-collapse:collapse; }
.table-bordered td, .table-bordered tr, .table-bordered th { border:1px solid #dedddb; padding:6px; }
.container { display:table; width:100%; }
.centered-content { display:table-cell; vertical-align:middle; }
.image-label { display:inline-block; vertical-align:middle; margin-bottom:20px; }
.image-label img { vertical-align:middle; margin-right:8px; }
.input-text { padding:8px; border:1px solid #d1d5db; border-radius:6px; width:100%; font-size:14px; }
.input-select { padding:8px; border:1px solid #d1d5db; border-radius:6px; font-size:14px; width:100%; }

.btnBlueSmall { background-color:#20419a; color:white; padding:2px 10px; font-size:12px; border-radius:3px; }
.btnBlueSmall:hover { background-color:#1a327d; }

.btnRedSmall { background-color:#ef4444; color:white; padding:2px 10px; font-size:12px; border-radius:3px; transition:background-color 0.2s ease-in-out; }
.btnRedSmall:hover { background-color:#dc2626; }

.btnBlueNoMarginSmall { margin: 8px 10px 0px 10px; font-size: 13px;background-color: #20419a;color: white;padding: 6px 14px; text-transform: capitalize; border: none;font-weight: 600;border-radius: 6px;cursor: pointer;}    
.btnBlueNoMarginSmall:hover {background-color: #1a327d; color: white;} 

.btnBlueClearSmall { margin: 5px 10px 0 0; padding: 4px 8px; font-size: 12px; line-height: 12px; font-weight: 600; text-transform: capitalize; color: #20419a; background-color: white; border: 1px solid #20419a; border-radius: 6px; box-shadow: 0 2px 3px 0 #20419a; cursor: pointer; }
.btnBlueClearSmall:hover { background-color: #20419a; color: white; }

.btnRedClearSmall { margin: 5px 10px 0 0; padding: 4px 8px; font-size: 12px; line-height: 12px; font-weight: 600; text-transform: capitalize; color: #dc2626; background-color: white; border: 1px solid #dc2626; border-radius: 6px; box-shadow: 0 2px 3px 0 #dc2626; cursor: pointer; }
.btnRedClearSmall:hover { background-color: #dc2626; color: white; }

/*
.btnBlueNoMargin3 { margin: 10px 5px 10px 0px; font-size: 14px;background-color: #20419a;color: white;padding: 8px 16px;border: none;font-weight: 600;border-radius: 6px;cursor: pointer;}    
.btnBlueNoMargin3:hover {background-color: #1a327d; color: white;} 

*/

.btnBlueNoMargin2 { margin: 10px 5px 10px 5px; font-size: 14px;background-color: #20419a;color: white;padding: 8px 16px;border: none;font-weight: 600;border-radius: 6px;cursor: pointer;}    
.btnBlueNoMargin2:hover {background-color: #1a327d; color: white;} 

.btnBlueMargin { margin: 15px 10px  5px 0; font-size: 14px;background-color: #20419a;color: white;padding: 8px 16px; text-transform: capitalize; border: none;font-weight: 600;border-radius: 6px;cursor: pointer;}    
.btnBlueMargin:hover {background-color: #1a327d; color: white;} 

.btnBlueNoMargin { margin: 5px 10px 0px 0; font-size: 14px;background-color: #20419a;color: white;padding: 8px 16px; text-transform: capitalize; border: none;font-weight: 600;border-radius: 6px;cursor: pointer;}    
.btnBlueNoMargin:hover {background-color: #1a327d; color: white;} 

.btnGrayNoMargin {margin: 5px 10px 0px 0; font-size: 14px; background-color: #e5e7eb;color: #111827;padding: 8px 16px;border: none;font-weight: 500;border-radius: 6px;cursor: pointer;}
.btnGrayNoMargin:hover {background-color: #d1d5db;}
    
.btnRedNoMargin { margin: 5px 10px 0px 0; font-size: 14px;background-color: #ef4444;color: white;padding: 8px 16px; text-transform: capitalize; border: none;font-weight: 600;border-radius: 6px;cursor: pointer;}    
.btnRedNoMargin:hover {background-color: #dc2626; color: white;} 
    
.btnBlueNoMarginClear { margin: 5px 10px 0 0; padding: 8px 16px; font-size: 14px; line-height: 14px; font-weight: 600; text-transform: capitalize; color: #20419a; background-color: white; border: 1px solid #20419a; border-radius: 6px; box-shadow: 0 2px 3px 0 #20419a; cursor: pointer; }
.btnBlueNoMarginClear:hover { background-color: #20419a; color: white; }

/* Style for LinkButton looking like a modern hyperlink */
.apiLink { color:#1d4ed8; text-decoration:underline; font-weight:500; background:none; border:none; cursor:pointer; padding:0; font-size:13px; }
.apiLink:hover { color:#f97316; text-decoration:underline; font-size:13px; }

.btnGrayx { background-color:#f1f0f0; border:2px outset #d4d0c8; color:black; font-size:10px; padding:2px 12px; font-family:Tahoma, Arial, sans-serif; cursor:default; }
.btnGrayx:hover { background-color:#e0e0e0; border:2px inset #d4d0c8; }

.btnGray { background-color:#f1f0f0; border:1px outset #d4d0c8; padding:2px 10px; font-size:12px; margin-right:5px; border-radius:3px; color:black;}
.btnGray:hover { background-color:#e0e0e0; }

.button  { padding: 4px 15px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.buttonsmall  { padding: 3px 6px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.buttonbig  { padding: 4px 20px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.buttonMed {padding: 6px 30px; font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.buttoninfo  { padding: 2px 7px; font-size: 12px; line-height: 12px; font-weight: bold; font-style: normal; color: white; cursor: pointer; border: none; background: #012598;  -webkit-border-radius: 25px;  -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}

/* Scrollable GridView wrapper with max height */
.grid-scroll-wrapper { max-height:400px; overflow-y:auto; border:1px solid #ccc; position:relative; }
.grid-scroll-wrapper::-webkit-scrollbar { width:12px; }
.grid-scroll-wrapper::-webkit-scrollbar-thumb { background-color:#ccc; border-radius:6px; }
.grid-scroll-wrapper::-webkit-scrollbar-track { background-color:#f1f1f1; }
.grid-scroll-wrapper .grid-header { position:sticky; top:0; z-index:2; background-color:#f3f4f6 !important; }
.no-border { border:none !important; padding:0 !important; background-color:transparent !important; }
.radio-spacing input[type="radio"] { margin-right:6px; margin-bottom:10px; font-weight:bold; }

.lblPickupRedMessage { display:block; margin:  10px 0 20px 0px; font-size: 14px; line-height: 14px; font-weight: normal; font-style:normal; color: red;}    

/* ACCOUNT HOME TEL PIN, PICKUP, PD ALERT */
.infoBoxBlue { display:block;background-color:#e3f2fd;color:#01579b;padding:12px 16px;border-left:5px solid #0288d1;border-radius:8px;font-size:14px;flex:1 1 300px; }
.infoBoxOrange { display:block;background-color:#fff3e0;color:#e65100;padding:12px 16px;border-left:5px solid #fb8c00;border-radius:8px;font-size:14px;flex:1 1 300px; }
.infoBoxRed { display:block;background-color:#ffebee;color:#c62828;padding:12px 16px;border-left:5px solid #d32f2f;border-radius:8px;font-size:14px;flex:1 1 300px; }
.infoBoxTeal  { display:block;background-color:#e0f7fa;color:#006064;padding:12px 16px;border-left:5px solid #00838f;border-radius:8px;font-size:14px;flex:1 1 300px; }
.infoBoxYellow { display:block;background-color:#fffde7;color:#f9a825;padding:12px 16px;border-left:5px solid #fbc02d;border-radius:8px;font-size:14px;flex:1 1 300px; }
.infoBoxPurple { display:block;background-color:#f3e8ff;color:#6a1b9a;padding:12px 16px;border-left:5px solid #8e24aa;border-radius:8px;font-size:14px;flex:1 1 300px; }
.infoBoxOrangeLight { display:block;background-color:#fff8e1;color:#ef6c00;padding:12px 16px;border-left:5px solid #fbc02d;border-radius:8px;font-size:14px;flex:1 1 300px; }


.headingSection { display:block;font-size:22px;font-weight:600;color:#1f2937;margin-bottom:24px;padding-bottom:8px;line-height:26px;border-bottom:1px solid #d1d5db;background:none;text-shadow:none;text-transform:none;height:auto;padding-left:0px;margin-top:0px; }

/* NO TOP BORDER */
.sidebarSection { flex:0 0 250px; min-width:250px; margin-left:20px; margin-top:0px; background:white; padding: 0px 30px 20px 30px; border-radius:16px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); height:auto; align-self:flex-start; }

/* FULL BORDER */
.sidebarSection2 { flex:0 0 250px; min-width:250px; margin-left:20px; margin-top:0px; background:white; padding: 0px 30px 30px 30px; border-radius:16px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); height:auto; align-self:flex-start; }

#DirectDebit {display: block; margin: 0; padding: 0; list-style: none; border-top: 0px solid #dedddb;}
	#DirectDebit li {display: block; margin: 0; padding: 3px 0; border-bottom: 0px solid #dedddb;}
	#DirectDebit a.news-thb {float: left; display: block; width: 141px; }
	#DirectDebit a.news-thb img { display: block; width: 141px;}
	#DirectDebit div.news-txt {margin-left: 6px; padding-top: 1px;}
	#DirectDebit div.news-txt h3 {display: block; font-size: 18px; line-height: 22px; color: #012497; margin: 0 0 10px 0;}
	#DirectDebit div.news-txt h3 a {color: #012497;}
	#DirectDebit div.news-txt h3 a:hover {color: #012497;}	
	
	#DirectDebit div.news-txt h4 {display: block; font-size: 14px; line-height: 16px; color: #012497; margin: 15px 0 7px 0;}
	#DirectDebit div.news-txt h4 a {color: #012497;}	
	#DirectDebit div.news-txt h4 a:hover {color: #012497;}	
	#DirectDebit div.news-txt p {margin: 0 0 7px 0;  padding: 0; }
	
	#DirectDebit div.news-txt ul {display: block; padding: 0px 0 0 20px; margin: 0; list-style: none;}
	#DirectDebit div.news-txt ul.noformat2 {display: block; margin: 0; list-style: none;}
	#DirectDebit div.news-txt li.noformat {display: block; padding: 0 0 0 0px; margin: 0 0 3px 0; border-bottom: 0px;   background:#FFF; }
	#DirectDebit div.news-txt li.noformat2 {display: block; padding: 0 0 0 24px; margin: 0 0 0 0; border-bottom: 0px;   background:#FFF; }
	
/* NEWS BANNER AT TOP OF EACH PAGE */
/*
#newsBanner {position:fixed; top:0; left:0; width:100%; height:2cm; background-color:#fffae6; color:#333; display:flex; justify-content:center; align-items:center; font-family:Arial,sans-serif; font-size:16px; z-index:9999;} 
#newsBanner a {color:#0073e6; text-decoration:underline;} 
#newsBanner button {position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; font-size:20px; cursor:pointer; color:#333;} 
body.has-banner {padding-top:2cm;}
*/

#newsBanner {position:fixed; top:0; left:0; width:100%; height:60px; background-color:#003366; color:#ffffff; display:flex; justify-content:center; align-items:center; font-family:Arial,sans-serif; font-size:16px; z-index:9999;} 
#newsBanner a {color:#ffd100; text-decoration:underline;} 
#newsBanner button {position:absolute; right:10px; top:50%; transform:translateY(-50%); background:none; border:none; font-size:20px; cursor:pointer; color:#ffffff;} 
body.has-banner { padding-top: 70px;}