/* CSS Document */

/* 20080428 BWF - ADD CUSTOMER LOCATION NOTE */

.Hidden {display:none;}

.HiddenText label {display:none;}

body {
	margin:0;
	padding:0;
	height:100%;
	border:none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
    color: #000000;
	text-align: left;
	background-color: #FFFFFF;
}

.fixIGInput {
    height: 100% !important;
    padding-left: 1px;
}
.fixIGInputAlignment {
    vertical-align: middle;
}
.padRightImageIG{
    padding-right: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
}
.fixIGInputAlignment {
    vertical-align: middle;
}
.dataGridCharges
{
	border: 1px solid #676767;	
	border-collapse: collapse;
    padding: 5px; 
    font-size: 12px; 
    background: #F6F5F5;
    margin-top: 4px;
}

.dataGridCharges th
{
    background: #ccc;
    border-color: #676767;
    padding: 5px;
    white-space: nowrap;
}

.dataGridCharges td
{
    border-color: #676767;
    padding: 5px;
    vertical-align: top;
}


.defaultlink1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0778ae;
	text-decoration: underline;
}
.defaultlink1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f47c20;
	text-decoration: underline;
}
.buttonGo {
	BORDER-RIGHT: #336699 1px solid;
	BORDER-TOP: #ffffff 1px solid;
	FONT-WEIGHT: bold;
	font-size: 12px;
	BORDER-LEFT: #ffffff 1px solid;
	COLOR: #676767;
	BORDER-BOTTOM: #336699 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	WHITE-SPACE: nowrap;
	BACKGROUND-COLOR: #66cccc;
	TEXT-ALIGN: center;
	text-decoration: none;
	padding: 2px 4px;
}
	
input { 
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
/*	border: solid 1px #676767		*/
}

.checkbox { 
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;	
	border: 0px;	
}
textarea { 
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;		
}

select { 
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	
}

a:link { 
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #0778ae;
	text-decoration:underline;
}
a:visited {
	color: #0778ae; 
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
a:hover {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color: #f47c20; 
}
a:active {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #0778ae;
	text-decoration:underline;
}

/* For default links */
a.defaultlink:link {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0778ae; 
	text-decoration: underline;
	padding: 4px; 
}

a.defaultlink:visited {
	font-size: 12px;
	color: #0778ae; 
	text-decoration: underline;
	padding: 4px; 
}

a.defaultlink:hover 
{
	font-size: 12px;
	text-decoration: underline;
	color: #f47c20; 
	padding: 4px;  
}

a.defaultlink:active 
{
	font-size: 12px;
	text-decoration: underline;
	color: #0778ae; 
	padding: 4px; 
}


.ManifestTotals
{
	font-weight: bold;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #676767;
}

.ManifestPrintDate
{
	text-align: right;
}

.ManifestBold
{
	font-weight: bold;
}

.ManifestLoadInfo
{
	font-size: 14px;
}

.ManifestStop
{
	font-weight: bold;
	border: 1px solid #676767;
}

.ManifestTitle
{
	font-size: 16px;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #676767;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #676767;
}

.ManifestHeader 
{
	font-size: 12px;
	font-weight: normal;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #676767;
}

/* For menu border and bg color */
.menuStyle {
	background-color: #ECEDEE;
	border-right-color: #336699;
	border-right-style: solid;
	border-right-width: 1px;
}

/* For user name in menu */
.menuName {
	background-color: #DADADA;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #003399; 
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;	
}

.linkMenuBlueBold {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueBold A:link {
	text-decoration: none;
}

.linkMenuBlueBold A:visited{
	text-decoration: none;
}

.linkMenuBlueBold A:hover {
	text-decoration: underline;
}
.linkMenuBlueBold TD:hover {
	text-decoration: underline;
}
.linkMenuBlueBold A:active {
	font-weight: bold;
	text-decoration: none;
}

/* For menu second level links*/
.linkMenuBlueRegular {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	white-space: nowrap;
	text-decoration: none;
	
}
.linkMenuBlueRegular A:link {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueRegular A:visited {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueRegular A:hover {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}
.linkMenuBlueRegular A:active {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

.linkMenuBlueRegularActive {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	white-space: nowrap;
	text-decoration: none;
}
.linkMenuBlueRegularActive A:link {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueRegularActive A:visited {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}
.linkMenuBlueRegularActive A:hover {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}
.linkMenuBlueRegularActive A:active {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}

/* For table column headers */
TH.colHeading {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	background-color: #CCCCCC;
	padding: 5px;
	vertical-align: top; 
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show; 	
}


/* For table column headers in activity boards */
TH.colHeadingSmall {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;	
	background-color: #CCCCCC;
	padding: 3px;
	vertical-align: top; 
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	empty-cells: show; 	
}

/* For table column headers in shipment entry */
.colHeadingSmallBold {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	background-color: #CCCCCC;
	padding: 1px;
	vertical-align: top; 
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show; 	
}

.colHeadingSmallBold th {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	background-color: #CCCCCC;
	padding: 1px;
	vertical-align: top; 
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show; 	
}

TH.colHeadingSmallLtGrey {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;	
	background-color: #EEEFF0;
	padding: 3px;
	vertical-align: top; 
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	empty-cells: show; 	
}

/* For table column headers in shipment entry */
.colHeadingSmallBoldLtGrey {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	background-color: #EEEFF0;
	padding: 1px;
	vertical-align: top; 
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show; 	
}

/* For table column headers when class is applied at row level - TR */
.rowHeading {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	background-color: #CCCCCC;
	padding: 5px;
	vertical-align: top; 
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show; 	
}

/* For table column headers when class is applied at row level - TR */
.rowHeading2 {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	background-color: #CCCCCC;
	padding: 2px;
	vertical-align: top; 
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show; 	
}

/* For table rows in activity boards */
.nonShadedRowsSmall {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	background-color: #FFFFFF;
	padding: 3px;
	border: 1px solid #ececec;
	border-collapse: collapse;
	empty-cells: show; 	
}

/* For table rows - shaded */
.shadedRows {
	background-color: #E8F0F4;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #ececec;
	border-collapse: collapse;
	empty-cells: show; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

/* For table rows - nonshaded */
.nonShadedRows {
	background-color: #FFFFFF;
	padding: 5px;
	vertical-align: top;
	border: 1px solid #ececec;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;	
}

/* For table rows - shaded with Bold Text used in Session View */
.shadedRowsBold {
	background-color: #E8F0F4;
	vertical-align: top;
	border: 1px solid #ececec;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	padding: 5px 3px 5px 3px;
}

/* For table rows - nonshaded with small text and white border used in Session View*/
.nonShadedRowsBdr {
	background-color: #FFFFFF;
	padding: 3px;
	vertical-align: top;
	border: 1px solid #ececec;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;	
}

/* For table rows with no padding used in Shipment Entry screens */
.shadedRowsSmallest {
	background-color: #E8F0F4;
	padding: 1px;
	vertical-align: top;
	border: 1px solid #ececec;
	border-collapse: collapse;
	empty-cells: show; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

/* For table rows with no padding used in Shipment Entry screens*/
.nonShadedRowsSmallest {
	background-color: #FFFFFF;
	padding: 1px;
	vertical-align: top;
	border: 1px solid #ececec;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;	
}

.shadedRowsSmallest td {
	background-color: #E8F0F4;
	padding: 1px;
	vertical-align: top;
	border: 1px solid #ececec;
	border-collapse: collapse;
	empty-cells: show; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

/* For table rows with no padding used in Shipment Entry screens*/
.nonShadedRowsSmallest td {
	background-color: #FFFFFF;
	padding: 1px;
	vertical-align: top;
	border: 1px solid #ececec;
	border-collapse: collapse;
	empty-cells: show;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;	
}

/* For table borders */
.bdr {
	border: 1px solid #676767;	
	empty-cells: show;
	border-collapse: collapse;
}

.bdrSeparate {
    border-collapse: separate !important;
}

/* for tables stacked on top of each other with borders that dont doublebold */
.bdrStack 
{
	border-top:1px solid #676767;	
	border-right:1px solid #676767;	
	border-left:1px solid #676767;	
	empty-cells: show;
	border-collapse: collapse;
}


.bdrBottom 
{
	border-bottom:1px solid #676767;	
	border-right:1px solid #676767;	
	border-left:1px solid #676767;	
	empty-cells: show;
	border-collapse: collapse;
}
/* For table borders with black background and black border*/
.bdrBkgBlack {
	background-color: #676767;
	border: 1px solid #676767;	
	empty-cells: show;
	border-collapse: collapse;
}

/* For table with white background and black border */
.bdrBkgWhite {
	background-color: #FFFFFF;
	border: 1px solid #676767;	
	empty-cells: show;
	border-collapse: collapse;
}

/* For table grey colored borders */
.bdrGrey {
	border: 1px solid #676767;
	empty-cells: show;
	border-collapse: collapse;
	
}

.pageContent 
{
  
 /*  background:#ccc url(../images/bg-page.gif) repeat-x; */
}
  

/* For blue colored page headers */
.pageHeader {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	color: #FFFFFF;
	font-weight: bold;
	background:#5f5f5f url(../image/bg-opener.gif) repeat-x;
	padding: 4px;
	height: 29px;
}

.pageHeadernopadding {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	color: #FFFFFF;
	font-weight: bold;
	background:#5f5f5f url(../image/bg-opener.gif) repeat-x;
	padding:0px;
	height: 29px;
}

.pageSubHeaderWithBorder {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	color: #676767;
	font-weight: bold;
	background-color: #ececec;
	padding: 4px;
	border: 1px solid #676767;
	height:24px;
}

/* For blue colored page headers */
.pageHeaderSmall {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	color: #676767;
	font-weight: bold;
	background:#5f5f5f url(../image/bg-opener.gif) repeat-x;
	padding: 2px;
	height:24px;
}
/* For peach colored page sub headers */
.pageSubHeader {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	color: #676767;
	font-weight: bold;
	background-color: #ececec;
	padding: 4px;
	height:24px;
}

/* For gray colored page sub divisions */
.pageSubDivision {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	color: #676767;
	font-weight: bold;
	background-color: #EEEFF0;
	padding: 4px;
	height:24px;
}
/* For gray colored page sub divisions */
.pageSubDivisionSmall{
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	color: #676767;
	font-weight: bold;
	background-color: #ececec;
	padding: 2px;
	height: 24px;
}
/* For green colored panels */
.panelgreen {
	background-color: #ececec;
}

/* For gray colored panels */
.panelgray {
	background-color: #ececec;
	padding: 4px;
}
.panelgray2 {
	background-color: #ececec;
}

/* For form labels with borders on all sides */
.formLabelsBdr {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	background-color: #ececec;	
	padding: 4px;
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show 	
}

/* For form inputs with borders on all sides */
.formInputsBdr {
	background-color: #FFFFFF;	
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show 	
}

/* For form labels without borders */
.formLabels {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	background-color: #ececec;	
	padding-left: 8px;
	color:#676767;
}

/* For form inputs without borders */
.formInputs {
	background-color: #FFFFFF;	
	padding-left: 4px;
}

/* For form inputs without borders */
.formCheckBoxInputs 
{
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	background-color: #FFFFFF;	
	padding-left: 4px;

}

/* For Download all results of shipmentlist screen*/
.buttonTrack {
	font-weight: normal;
	text-align: center;
	margin-bottom: 1px;
	margin-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	height: 18px;

}
.buttonTrack a {
padding: 2px;
text-decoration: none;
display:block;
color: #0778ae;
background-color: #CFCEC9;
border-top: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
border-bottom: 2px solid #333333;
border-right: 2px solid #333333;
}
.buttonTrack a:hover {
background-color: #f47b20;
border-top: 2px solid #4F4F48;
border-left: 2px solid #4F4F48;
border-bottom: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}

/* For default form buttons */
.button {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 4px;
}

/* For green form buttons */
.button1 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #676767;
	background-color: #ececec;
	white-space: nowrap;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #336699;
	border-bottom: 1px solid #336699;
	border-left: 1px solid #FFFFFF;	
	padding: 1px;
}

/* For global navigation row in top banner area */
.topNav {
	color: #ffffff;
	text-align: right;
	background-color: #336699;
}

/* For global navigation links in top banner area*/
.topNavText  {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	word-spacing: 4px; 
	padding: 3px;
	text-decoration: none;
}

.topNavText A:link {
	color: #000000;
	text-decoration: none;
}

.topNavText A:visited {
	color: #000000;
	text-decoration: none;
}

.topNavText A:active {
	color: #000000;
	text-decoration: none;
}

.topNavText A:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* For black, normal regular hyperlink*/
a.linkblackRegular:link {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	text-decoration: underline;	
}

a.linkblackRegular:visited {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	text-decoration: underline;	
}

a.linkblackRegular:hover {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	text-decoration: underline;	
}

a.linkblackRegular:active {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	text-decoration: underline;	
}

/* For black and normal hyperlink*/
a.linkblack:link {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

a.linkblack:visited {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

a.linkblack:hover {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: underline;
}

a.linkblack:active {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

/* For white and bold hyperlink*/
a.linkwhite:link {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a.linkwhite:visited {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a.linkwhite:hover {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a.linkwhite:active {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

/* For menu first level links*/
/* For blue and bold hyperlink*/
.linkBlueBold  {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;
}

a.linkBlueBold:link  {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;
}

a.linkBlueBold:visited  {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;

}

a.linkBlueBold:hover  {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;

}

a.linkBlueBold:active  {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	cursor: pointer;

}

/* For blue and normal hyperlink*/
a.linkBlueRegular:link {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

a.linkBlueRegular:visited {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

a.linkBlueRegular:hover {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

a.linkBlueRegular:active {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: underline;
}

/* for homepage welcome panel - customer name */
.WelcomeBkg {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	text-align: center;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center;
}

/* for logo as background image */
.LogoBkg {
	background-color: #F2F2F2;
	background-repeat: no-repeat;
	background-position: 100% 100%;
	bottom: auto;
}

/* for Text */
.textRegular {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 4px;
}

/* for plain Text without padding */
.textNormal {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	vertical-align:30%;
}

.textRegularBorder {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 4px;
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show 
}

.textRegularBold {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 4px;
}

.textRegularBoldPadding {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;	
}

.textRegularItalic {
	font-size: 12px;
	font-weight:normal;
	font-style:italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 4px;
}

.textRegularBoldBorder {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 4px;
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show 
}

.textSmall {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 4px;
}

.textSmallUnpadded {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
}
.textSmallBold {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 4px;
}
.textSmallBoldUnpadded {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 2px;
}
.textLargeBold {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
}
	
.titleBold {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;

}

.titleBarGreen{
	background-color: #66CCCC;
}
.titleBoldGreen {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #66CCCC;

}

.titleBar{
	background-color: #676767;
}

/* For quick track table in top banner area */
.toptable {
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #66CCCC;
	padding: 2px;
}

/* For green line */
.line {
	background-color: #66CCCC;	
}

.lineBlk {
	background-color: #676767;
}

.footer {
	font-size: 9px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #CCCCCC;
	text-align: center;
}

.BOLRequiredPlus
{
    padding-left: 2px;
    padding-right: 2px;
    color: #003399;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
}

.txtRed
{
    padding-left: 2px;
    padding-right: 2px;
    color: #FF0000;
    font-weight: bold;
    font-family: Verdana, Sans-Serif;
}

.txtRedSmall
{
    color: #FF0000;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}

.txtGreen
{
    color: #009933;
}

.txtGreen1
{
    color: #29B3B3;
}

.txtBlue
{
	color: #3875B0;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.txtBlue1
{
    color: #003399;
}


/* For left, right and bottom borders*/
.bdrWT {
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	border-bottom: 1px solid #676767;
}

/* For left and right borders*/
.bdrWB {
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
}

/* For top, right and bottom borders*/
.bdrTop {
	border-top: 1px solid #676767;
	padding: 4px;
}
/* For bottom border*/
.bdrBtm {
	border-bottom: 1px solid #676767;
}

/* For left border*/
.bdrLft {
	border-left: 1px solid #676767;
}
/* For right border*/
.bdrRgt {
	border-left: 1px solid #676767;
}

/* For left and bottom borders*/
.bdrLftBtm {
	border-left: 1px solid #676767;
	border-bottom: 1px solid #676767;
}

/* For top, right and bottom borders*/
.bdrTopRightBtm {
	border-top: 1px solid #676767;
	border-left: 1px solid #676767;
	border-bottom: 1px solid #676767;
}

/* For top, right and bottom borders*/
.bdrTopRightLft {
	border-top: 1px solid #676767;
	border-left: 1px solid #676767;
	border-right: 1px solid #676767;
	padding: 4px;
}

/*For red colored backgrounds with white text*/
.bgOrange{
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
	padding: 2px;
}
.bgBlack{
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	color: #FFFFFF;
	font-weight: bold;
	background-color: #676767;
	padding: 2px;
}

/* Light Grey Column Headings*/
.colHeadingGrey {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	background-color: #EEEFF0;
	padding: 2px;
	vertical-align: top; 
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show;  	
}

/* Dark Grey Column Headings*/
.colHDGrey {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;	
	background-color: #CCCCCC;
	padding: 2px;
	vertical-align: top; 
	border: 1px solid #676767;
	border-collapse: collapse;
	empty-cells: show;  	
}

/*For Table Background*/
.tableBkg{
	border: 1px solid #676767;
	empty-cells: show;
	border-collapse: collapse;
	background-color: #EEEFF0;
}
.BkgWhite{
	empty-cells: show;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.BkgBlue {
	background-color: #D2E9FF;
}

.bkgyellow{
	border: 1px solid #676767;
	empty-cells: show;
	border-collapse: collapse;
	background-color: #FFFF00;
}
.leftIndent {
	padding-left: 4px;
	border: 1px solid #676767;
	empty-cells: show;
	border-collapse: collapse;	
}

/* For informative messages */
.infomsg {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	color: #676767;
	font-weight: normal;
	text-align: left;
	padding: 4px;	
	background-color: #FEFEED;
	border: 1px solid #CCCCCC;
}

/* For error messages */
.errormsg {
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	color: #EF0101;
	font-weight: normal;
	text-align: left;
	padding: 4px;	
	background-color: #FEFEED;
	border: 1px solid #CCCCCC;
}

/*Classes for TABS*/
/*Active Tabs Start Here*/
.tab-left-active {
background: url("../image/tab_left_active.gif") no-repeat;
width: 5px;
height: 26px;
} 

.tab-bg-active {
background: url("../image/tab_bg_active.gif");
height: 26px;
font: 11px verdana;
color: #676767;
text-decoration: none;
text-align: center;
padding-left: 10px;
padding-right: 10px;
white-space: nowrap;
}

.tab-right-active {
background: url("../image/tab_right_active.gif") no-repeat;
width: 5px;
height: 26px;
}


/*Inactive Tabs Start Here*/
.tab-left-inactive {
background: url("../image/tab_left_inactive.gif") no-repeat;
width: 5px;
height: 26px;
} 

.tab-bg-inactive {
background: url("../image/tab_bg_inactive.gif");
height: 26px;
padding-left: 10px;
padding-right: 10px;
white-space: nowrap;
}

.tab-inactive-link A {
font: 11px verdana;
color: #676767;
text-decoration: none;
text-align: center;
white-space: nowrap;
}

.tab-inactive-link A:link {
text-decoration: none;
}

.tab-inactive-link A:visited {
text-decoration: none;
}

.tab-inactive-link A:hover {
text-decoration: underline;
}

.tab-inactive-link A:active {
text-decoration: none;
}

.tab-right-inactive {
background: url("../image/tab_right_inactive.gif") no-repeat;
width: 5px;
height: 26px;
}

/* Class For Line After Tabs*/

.tab-bg-line {
font: 11px verdana;
background: url("../image/tab_bg_line.gif");
background-color: #FFFFFF;
height: 26px;
}

/*  New Class For Line After Tabs*/
.tab-bg-line-bottom {
font: 11px verdana;
background-color: #FFFFFF;
border-bottom-color: #676767;
border-bottom-style: solid;
border-bottom-width: 1px;	
}

/*Class for text link in tabs*/
.tab-text {
	font: 11px verdana;
	color: #676767;
	text-align: center;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
}

.tab-text A {
font: 11px verdana;
color: #676767;
text-align: center;
text-decoration: none;
padding-left: 8px;
padding-right: 8px;
white-space: nowrap;
}

.tab-text A:link {
color: #676767;
text-decoration: none;
}

.tab-text A:visited {
color: #676767;
text-decoration: none;
}

.tab-text A:hover {
color: #676767;
text-decoration: underline;
}

.tab-text A:active {
color: #676767;
text-decoration: none;
}

.titleBoldGrey {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	background-color:#ECEDEF;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;

	border: 1px solid #CDCDCD;
	border-collapse: collapse;
	empty-cells: show 
}

.ValidatorHide 
{
	color: #EEEFF0;
	background-color: #EEEFF0;
	display: none;
}

.Linkspacing {
	font-size: 12px;
	COLOR: #0066FF;
	font-family: Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
	line-height: 30px;
	height: 30px;
}

.linkBlueBold508  {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
}

.textECCRegularBold {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 4px;
}

.textECCRegular {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #676767;
	padding: 4px;
}

.textECCHidden {
	display:none;
}

pipe { 
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	height:8px;
}
.routing {
	PADDING-RIGHT: 4px;
	BORDER-TOP: #676767 1px solid;
	PADDING-LEFT: 4px;
	PADDING-BOTTOM: 4px;
	BORDER-LEFT: #676767 1px solid;
	PADDING-TOP: 4px;
	BORDER-BOTTOM: #676767 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.foldheader 
{
	FONT-WEIGHT: bold; 
	LIST-STYLE-IMAGE: url(../image/fold.gif); 
 
	COLOR: #003399; 
	BACKGROUND-COLOR: #ecedee 
}

.foldinglist 
{
	FONT-WEIGHT: normal; 
	LIST-STYLE-IMAGE: url(../image/fold.gif); 
	BACKGROUND-COLOR: #ecedee 
}

.HighLightTD
{
	font-size: 9px;
	border-top:  thin solid #cccccc;
}

.SmallCaps
{
font-variant : small-caps;	
}

.BoldedBOLText
{
	font-size: 12px;
	font-weight:bold; 
}

.BOLHeaderText
{
	font-size: 12px;
	font-weight:bold; 
	font-variant: small-caps;	
}

.BOLBox
{
	border-width: thin;
	border-color: #cccccc;
}

.BOLText
{
	font-size: 12px;
	font-weight: normal;
}

.BOLSignature
{
	border-top: 0px;
}

.BoldedBOLTextbol {
	FONT-WEIGHT: bold;
	font-size: 12px;
	color: #676767;
	font-family: Arial, Helvetica, sans-serif;
}

.settingsGroup
{
	border: 1px solid #676767;
	font-size: 12px;
	margin-left: 12px;
	width: 700px;
}

.settingsGroup .content
{
	padding: 4px;
}

.settingsGroup .title
{
	background: #676767;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 4px;
}

.settingsCrumb
{
	font-size: 12px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding-left: 14px;
}
	
.settingsGroup div.center
{
    clear: both;
    margin-top: 7px;
    text-align: center;
}
	
.imgButton
{
    cursor: pointer;
    margin: 1px;
}
.hypImage
{
    cursor: hand;
}	
.refBox
{
    background: #EEEFF0; 
    float: left; 
    height: 280px;
    margin-top: 9px; 
    width: 325px; 
}
	
.refSelect
{
    float: left; 
    width: 280px;
}

.searchResults 
{
	border: 1px solid #676767;
    border-collapse: collapse;	
    empty-cells: show;
}
    
.searchResults th
{
    background-color: #CCC;
    font-family: Arial, Helvetica, sans-serif; 
    border: 1px solid #676767;
    border-collapse: collapse;
    empty-cells: show; 	
   	font-size: 12px; 
    font-weight: bold;	
    padding: 5px;
    text-align: left;
    vertical-align: top;
}
    
.searchResults
{
	background: #F6F5F5;
}
    
.searchResults td
{
   	border: 1px solid #676767;
    border-collapse: collapse;
	cursor: pointer;
    empty-cells: show; 
    font-size: 12px; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}
    
.searchResults td.white
{
	background: #fff;
}
    
.searchResults .selectedRow
{
    background: #E5E4E4;
}
    
.searchResults .highlighted
{
    background: #E5E4E4;
}
    
.searchResults td strong
{
	background: #FF0000;
    color: #fff;
    font-size: 12px;
    padding: 2px;
}

.topictitle {
	color: #FFFFFF;
	font-weight: bold;
}
.titles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
}

/* Culture Picker */
.Picker-FieldSet-One
{
	float:left;
	width:50%;
	border-right: solid 1px #c2deea;
	border-left:none;
	border-top:none;
	border-bottom:none;
}

.Picker-FieldSet-Two
{
	height: 100%;
	float:right;
	border:none;
	text-align:center;
}

.Picker-FieldSet-One .Picker-Selector-lb
{
	width: 165px;
	height: 106px;
	border: solid 1px #c2deea;
	overflow: auto;	
}

.Picker-Selector-Main
{
	position: absolute;
	z-index: 101;
	width: 400px;
	font-family: Verdana;
	font-size: 12px;
	color: #003145;
	padding: 0px;
	margin: 0px;
	text-align:center;
}

.Picker-Selector-Body {
	margin-top: 22px;
	display:none;
	position:fixed;
	z-index:101;
	width:100%;
	border: 2px solid #336699;
	background-color:White;
}

.Picker-Selector-Body div 
{
    float:left;
    width:100%;
    margin:0;
    padding:0;
}

.Picker-Selector-Body p 
{
    display:block;
    padding: 4px 15px;
    margin:0;
    text-align:left;
}

.Picker-Selector-Body fieldset {
	height: 130px;
	float: left;
	width:48%;
	margin:0;
	padding:0;
}

.Picker-Selector-Body span {
	font-weight: bold;
	display: block;
	margin-bottom: 8px;
}

.Picker-Selector-Main .Picker-Selector-Country {
	text-align: left;
	padding-top: 5px;
}

.Picker-Selector-Main .Picker-Selector-CountryLanguage {
	display: inline-block;
	float: left;
	padding: 4px 0px 2px 4px; 
	text-decoration: none;
}

.Picker-Selector-Main .Picker-Selector-Span-Seperator {
	display: block;
	float: left;
	font-size: 12px;
	color: #C2DFE7;
	margin: 0 0 0 5px;
}

.Picker-Selector-Main a.Picker-Selector-CountryLanguage {
	display: block;
	float: left;
	padding: 0 4px 0px 0px;
	text-decoration: none;
	position: relative;
	z-index: 102;
}

.Picker-Selector-Main a.Picker-Selector-CountryLanguage span {
	display: block;
	padding: 5px 0px 0px 7px;
}

.Picker-Selector-Main .Picker-Selector-CountryLanguage:hover {
	text-decoration: underline;
}

.Picker-Selector-Main .Picker-Selector-Span-Country {
	display: block;
	float: left;
	padding: 0 9px 2px 4px;
	color: #013042;
}

.Picker-FieldSet-One .Picker-Selector-Country-Div {
	height: 106px;
	margin:0;
	padding:0;
}

#langlist li a, a:active {
    text-decoration:none;
}

#langlist li a:hover {
    text-decoration:underline;
}

#langlist li a.selected-culture {
    font-weight:bold;
}

#langlist
{
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:10px 0 0 5px;
	width:100%;
	white-space:nowrap;
}

.nsTable 
{
    background-color: #ffffff;
    border: solid 1px #676767;
}

.nsShadedCell
{
    background-color: #E8F0F4;
    color:#676767;
    border: 0px;
    border-right: solid 1px #ececec;
    border-collapse: collapse;
	empty-cells: show; 
	font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	padding-left:8px;
}
.nsShadedRowTD 
{
    background-color: #E8F0F4;
    padding-left: 5px;
    font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;	
	height:34px;
}

.nsNonShadedRowTD 
{
    background-color: #ffffff;
    padding-left: 5px;
    font-size: 13px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	height:34px;
}

input.carrierTenderBook
{
    width: 200px;
    min-width: 200px;
}

.cultural-preference__time-zone-block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.cultural-preference__time-zone-label-block {
    width: 100px;
    margin-right: 10px;
}

.cultural-preference__time-zone-drop-down-block {
    width: calc(100% - 110px);
}

.cultural-preference__time-zone-drop-down {
    width: 100%;
}