/* INPUT LAYOUT ELEMENTS 
----------------------------------------------------------*/
input:focus, textarea:focus, select:focus
{
border-color:white; outline:#0073F2 solid 1px;
}
a:focus, button:focus
{
border-color:white; outline:#0073F2 solid 1px;
}
input:disabled, textarea:disabled, select:disabled
{
background-color:white; color:#777777;
} 
input[placeholder], *[placeholder]
{
} 
/* Table layouts*/
/*---------------------------------------------------------------------*/
.fr1
{
border: 10px solid #EFEFF4; width: 100%; border-collapse: collapse;
}
.fc1
{
border: 10px solid #EFEFF4; background-color:#EFEFF4 ; padding: 0px; vertical-align: top;
}
.tb1
{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000;  background-color: #EFEFF4; width: 100%; border-collapse: collapse;
}
.tb2
{
font-family: Arial, Helvetica, sans-serif; font-size: 9pt; vertical-align: middle; text-align: center; width: 100%; height: 100%; border-collapse: collapse; border-top-style: solid; border-bottom-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-top-color: #C8C7CC; border-bottom-color: #C8C7CC
}
.pr1
{
  border-bottom: 1px solid #EFEFF4;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 9pt; 
  color: #1C3D93; 
  padding-right: 5px; 
  padding-left: 5px; 
  text-decoration: none; 
  text-align: right;
  text-align: left;
}
.pr1top
{
font-family: Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #1C3D93; 
text-decoration: none; 
}
.pr1:hover, .pr1top:hover
{
 text-decoration: underline;
}
.rp1
{
background-color: #FFFFFF; color: Black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #EFEFF4;
}
.pr1b
{
font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #1C3D93; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C8C7CC; padding-right: 5px; padding-left: 5px; height: 26px; text-decoration: none; text-align: right;
  text-align: left;
}
.rp1b
{
background-color: #FFFFFF; color: Black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C8C7CC;
}
.prc
{
font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #1C3D93; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #EFEFF4; padding-right: 5px; padding-left: 5px; height: 20px; text-decoration: none; text-align: center;
}
.prcb
{
font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #1C3D93;  border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C8C7CC; padding-right: 5px; padding-left: 5px; height: 20px; text-decoration: none; text-align: center;
}
.hd1
{
 font-family: "Arial"; font-size: 10pt; text-align: left; vertical-align: middle; background-color:#465A7D; color: White; padding-left: 5px; height:12px;
}
.sub1
{
  padding: 15px 5px 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #8F8F94;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #C8C7CC;
}
.txt1
{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; border-style: none; padding-left: 5px;
}
.txt1a
{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; height: 26px; border-style: none; padding-left: 5px; padding-top: 4px;
}
.txt2
{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; height: 26px; border-style: solid; border-color: #C8C7CC; border-width: 1px; text-align: center; color: Black; padding-left: 3px;
}
.txt3
{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; height: 26px; border-style: none; background-color: #EFEFF4; padding-left:4px;
}
.pr2
{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; background-color: #EFEFF4; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #EFEFF4; padding-right: 10px; padding-left: 10px; height: 26px;
}
.rp2
{
background-color: #EFEFF4; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #EFEFF4;
}
.rp2b
{
background-color: #EFEFF4; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C8C7CC;
}
.pr3
{
font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #1C3D93; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #EFEFF4; padding-right: 5px; padding-left: 5px; height: 22; text-decoration: none; text-align: right;
}
.rp3
{
font-family: Arial, Helvetica, sans-serif; font-size: 9pt;  background-color: #EFEFF4; color: Black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #EFEFF4;
}
.pr3b
{
font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #1C3D93; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C8C7CC; padding-right: 5px; padding-left: 5px; height: 22; text-decoration: none; text-align: right;
}
.rp3b
{
font-family: Arial, Helvetica, sans-serif; font-size: 9pt;  color: Black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #C8C7CC;
}
.txt2
{
font-family: Arial, Helvetica, sans-serif; font-size: 10pt; border-style: none; color: Gray; background-color: #FFFFFF;
}
.lnk
{
font-family: Arial, Helvetica, sans-serif;font-size: 9pt;
color: #007AFF;
text-decoration: none;
}

/* PRIMARY LAYOUT ELEMENTS 
----------------------------------------------------------*/
body
{
/* background-color: #F2F2F2; /* The background colour of the browser space */
 margin: 0px 0px 0px 0px;
}
.page
{
 width: 976px;
 height: 640px;
 margin: 0px auto 0px auto;
 border: 1px solid #dedede;
 border: 1px solid #727272;
}
.TopNavMenu
{
 padding: 0px; margin-left: 6px; border-style: none; width: 99%; vertical-align: middle; text-align: left; height: 20px; border-collapse: collapse;
}
.TopNavMenuItem
{
 color:#0073F2;
 font-family:"Arial";
 font-size:9pt;
 text-align: center;
 text-decoration: none;
 }
 .Header
 {
 border-style: none; width: 100%; border-collapse: collapse;  font-family: Arial, Helvetica, sans-serif; background-color: #F7F7F7; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #808080;
 }/**/
 .SearchBar
 {
 background-color: #c9c9ce; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #a0a0a0; border-collapse: collapse; height: 30px; width: 100%;
 }
 .Body
 {
 width: 100%; border-collapse: collapse; background-color: #FFFFFF; height: 532px;
 }

 .Footer
 {
 width: 100%; 
 background-color: #F4F6F9; 
 height: 36px; 
 border-collapse: collapse;
 font-family: Arial;
 font-size: 10pt;
 border-top-color: #B2B2B2; border-top-width: 1px; border-top-style: solid;
 }
/*--------------------------------------------------------*/
.Entry
{
 background-color: #EFEFF4;
 color:#465A7D;
}
/* CONTROL LAYOUTS
----------------------------------------------------------*/
.raised
{
  border-radius: 5px 5px 5px 5px; 
  box-shadow: 6px 6px 6px #cccccc; 
  border: 1px solid #0073F2; 
  width: 300px;
}
.TextBoxLg
{
 border: 1px solid white;
 padding-left: 2px;
 height: 20px;
 font: Arial;
 font-size:10pt;
 width:240px;

}
.TextBoxMe
{
 border: 1px solid white;
 padding-left: 2px;
 font-size:10pt;
 width:140px;

}
.TextBoxSm
{
 border: 1px solid white;
 padding-left: 2px;
 height: 20px;
 font: Arial;
 font-size:10pt;
 width:100px;

}
.TextBoxMulti
{
 border: 1px solid white;
 padding-left: 2px;
 font: Arial;
 font-size:10pt;
 width:250px;
}
.TextBoxCentered
{
 border: 1px solid white;
 padding-left: 2px;
 height: 20px;
 font: Arial;
 font-size:10pt;
 text-align: center;
 width:100px;
}
.TextCustoms
{
 border: 1px solid white;
 padding-left: 2px;
 height: 18px;
 font-family: Arial;
 font-size:9pt;
 width:100px;

}
.SearchBoxCentered
{
 border: 0px solid #727272;
 padding-left: 2px;
 width: 260px;
 height: 19px;
 text-align:center;
 font: Arial;
 font-size:10pt;
}
.Centered
{
 text-align:center;
 font: Arial;
 font-size:10pt;
}
.CheckBox, .RadioButton
{
 color:RED;
 font-family:"Arial";
 font-size:10pt;
 height: 21px;
}
.LinkButton
{
 color: #0073F2;
 font-family: "Arial";
 font-size: 9pt;
 text-align: left;
}
.LinkBold
{
 color: #0073F2;
 font-family: "Arial";
 font-size: 11pt;
 text-decoration: none;
}

.LinkSmall
{
 color: #0073F2;
 font-family: "Arial";
 font-size: 8.5pt;
 text-decoration: none;
}

.LinkLarge
{
 color: #0073F2;
 font-family: "Arial";
 font-size: 11pt;
 text-decoration: none;
}
.LinkOrange
{
 color: #FF6200;
 text-decoration: none;
}
.LinkGray
{
  color: #808080;
  text-decoration: none;
}
.LinkDisabled
{
 color: #C0C0C0;
 font-family: "Arial";
 font-size: 11pt;
 text-decoration: none;
}

.NavLinkEnabled
{
 color:#727272;
 font-family: "Arial";
 font-size: 8.5pt;
 text-decoration: none;
 text-align: left;
 width: 200px;
 text-align:center;
 background-color:#0073F2;
 color:white;
 padding: 1px 5px 1px 5px;

 }


.NavLinkCurrent
{
 color:#0073F2;
 font-family: "Arial";
 font-size: 8.5pt;
 text-align: left;
 width: 500px;
 text-align:center;
 background-color:#0073F2;
 color:white;
 padding: 1px 5px 1px 5px;

}
.NavLinkDisabled
{
 color: #BBBBBB;
 font-family: "Arial";
 font-size: 8.5pt;
 text-decoration: none;
 text-align: left;
 width: 200px;
 text-align:center;
 padding: 1px 5px 1px 5px;
}
.ConnoteNo
{
 color:#727272;
 font-family:"Courier";
 font-size:20pt;
 text-align:center;
 font-weight:bold;
}

.HintPanel
{
 background-color: #FEFAE7;
 border-bottom: 1px solid gray; 
 width: 100%; 
 vertical-align:middle;
 text-align:center;
}
.HintText
{
 color: #CC6600;  /*Orange*/
 color: #8C4600;
 font-family:"Arial";
 font-size:9.5pt;
 height: 26px;
}
.ErrorPanel
{
 background-color: #FFDDDD;
 background-color: Red;
 border-bottom: 1px solid gray; 
 width: 100%; 
 vertical-align:middle;
 text-align:center;
}
.ErrorText
{
 color:White;
 font-family:"Arial";
 font-size:10.5pt;
 height: 26px;
}
.WorkingPanel
{
 background-color: White;
 border-bottom: 1px solid gray; 
 width: 100%; 
 vertical-align:middle;
 text-align:center;
}
.WorkingText
{
 color: Red;
 font-family:"Arial";
 font-size:11Pt;
 font-weight:bold;
 height: 26px;
}
.ValidationError
{
 color: Yellow; 
 font-family: Arial;
 font-size: 10pt;
 text-align:center;
 background-color: Black; 
 border: 1px solid Yellow; 
 width: 100%; 
}
.ListHeading
{
 color:#000000;
 font-family:"Arial";
 font-size:14pt;
 text-align:center;
}
.MsgBox
{}
/* GRID VIEW LAYOUTS*/
.GridView
{
 font-family: Arial;
 width: 99%;
}

.RowStyle
{
 background-color: #f6f6f6;
 font-family: "Arial";
 font-size: 10.5pt;
 text-decoration: none;
 height: 20px;
 text-align: left;
 vertical-align: middle;
 }

.AlternatingRowStyle
{
 background-color: #FFFFFF;
 font-family: "Arial";
 font-size: 10.5pt;
 height: 20px;
 text-align: left;
 vertical-align: middle;
}

.RowStyleSml
{
 background-color: #f6f6f6;
 font-family: "Arial";
 font-size: 10pt;
 text-decoration: none;
 height: 20px;
 text-align: left;
 vertical-align: middle;
 }

.AlternatingRowStyleSml
{
 background-color: #FFFFFF;
 font-family: "Arial";
 font-size: 10pt;
 height: 20px;
 text-align: left;
 vertical-align: middle;
}


.HeaderStyle
{
 font-family: "Arial";
 font-size: 10pt;
 text-decoration: bold;
 color: #0073F2;
 height: 30px;
 text-align: left;
 vertical-align: bottom;
 }

/* TABLE LAYOUTS*/
.Table
{
 border-collapse: collapse;
 border: 6px solid #ffffff; 
 background-color: #EFEFF4; 
 width: 100%; 
 font-family: Arial;
 font-size: 10pt;
 color: #727272;/*blue green*/
 color: Black;
}
.CustomsTable
{
 border-collapse:collapse;
 border: 6px solid #ffffff; 
 width: 100%; 
 height: 412px;
 font-family: Arial;
 font-size: 9pt;
 color: #727272;/*blue green*/
 color: black;
 background-color: #EFEFF4;

 
}
.PlainTable
{
 border-collapse: collapse;
 padding: 0px;
 font-family: Arial;
 font-size: 9pt;
 color: Black;
 background-color: White; 
}
.ConnoteTable
{
 border: 1px solid black; 
 width: 600px; 
 height: 200px; 
 border-collapse: collapse;
 padding: 0px;
 font-family: Arial;
 font-size: 10pt;
}

.Panel
{
 width: 100%; 
 height: 458px; 
 height: 465px; 
}
.PanelFixed
{
 width: 100%; 
 height: 556px; 
}


.HeadingCentered
{
 font-family: "Arial";
 font-size: 10pt;
 text-align: center;
 background-color:#727272;
 color: White;
 padding-left: 5px;
 height: 8px;
}
.SubHeading
{
 background-color:#727272;
 color: #293955;
 border-style:none;
 padding-left: 5px;
 padding-right: 5px;
 vertical-align: bottom;
}

.Prompt
{
 color:#727272;
 color:#465A7D;
 font-family:"Arial";
 font-size:10pt;
 text-align: right;
 height: 14px;
 padding-right: 2px;
}
.Prompt2
{
 color:#465A7D;
 background-color: white;
 font-family:"Arial";
 font-size:10pt;
 text-decoration: none;
 text-align: right;
 padding-left: 2px;
 padding-right: 2px;
}

.Response
{
 color:Black;
 font-family:"Arial";
 font-size:10pt;
 text-align: left;
 padding-left: 4px;
 height: 19px;
}
.Response2
{
 color:Black;
 font-family:"Arial";
 font-size:10pt;
 text-align: left;
 padding-left: 4px;
 background-color: white;
}
.Response2Bdr
{
 color:#465A7D;
 font-family:"Arial";
 font-size:10pt;
 text-align: center;
 padding-left: 4px;
 background-color: #EFEFF4;
 border: 1px solid #C0C0C0;
}
.CustomsField
{
font-family:"Arial";
 padding-left: 4px;
 border: 1px solid #C0C0C0;
  margin-left: 80px;
}
.Response3
{
 color:Black;
 font-family:"Arial";
 font-size:10pt;
 text-align: left;
 padding-left: 4px;
 background-color: #F5E9D1;
}

.Heading2
{
 font-family: "Arial";
 font-size: 10pt;
 text-align: left;
 background-color:#E0EDFC;
 color: White;
 padding-left: 4px;
 height: 8px;
}

.SubHeading2
{
 background-color:#E0EDFC;
 color: #E0EDFC;
 border-style:none;
 padding-left: 4px;
 padding-right: 3px;
 vertical-align: bottom;
}


.Heading3
{
 font-family: "Arial";
 font-size: 10pt;
 text-align: left;
 background-color:#5F300E;
 color: White;
 padding-left: 4px;
 height: 8px;
}

.SubHeading3
{
 background-color:#F5E9D1;
 color: #5F300E;
 border-style:none;
 padding-left: 4px;
 padding-right: 3px;
 vertical-align: bottom;
}

.Prompt3
{
 background-color: #F5E9D1;
 color:#5F300E;
 font-family:"Arial";
 font-size:10pt;
 text-align: right;
 padding-left: 4px;
 padding-right: 3px;
}

/* ONSCREEN DHL LABEL LAYOUTS
----------------------------------------------------------*/
.DHLHeading1
{
 font-family: "Arial";
 font-size: 16pt;
 color: Black;
 font-weight:bold;
}
.DHLHeading2
{
 font-family: "Arial";
 font-size: 14pt;
 color: Black;
 font-weight:bold;
}
.DHLHeading3
{
 font-family: "Arial";
 font-size: 12pt;
 color: Black;
 font-weight:bold;
}
.DHLHeading4
{
 font-family: "Arial";
 font-size: 10pt;
 color: Black;
 font-weight:bold;
}
.DHLPromptBold
{
 font-family: "Arial";
 font-size: 9pt;
 color: Black;
 font-weight:bold;
}
.DHLPrompt
{
 font-family: "Arial";
 font-size: 8pt;
 color: Black;
}
.DHLResponse
{
 font-family: "Arial";
 font-size: 9pt;
 color: Black;
}
.DHLConsignmentType
{
 font-family: "Arial";
 font-size: 20pt;
 color: Black;
}

.FolderSelected
{
  background-color:#F7F7F7;
  color:#0073F2;
  font-weight:bold;
}

.FolderUnselected
{
  background-color:white;
  color:#0073F2;
  font-weight:normal;
}