.caltd {
	width: 200px;
	height: 100px;
	text-align: left;
	vertical-align: top;	
	position: relative;
	border: 1px solid #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal; 
}

.calDarkBlueHeader {
	color: #FFFFFF;
	background: #003366;
	text-decoration: none;
	text-align: center;
	font-variant: normal;
	font-weight: bold;
	font-size: 14pt;
}
.normalBlueText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #003366;
}

.normalWhiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #FFFFFF;
}


.smallButtonText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 6pt;
	font-style: normal;

}

.smallText{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
}

.smallerText{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
}
.smallDescText{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
}

.smallerGrayText{
    font-family: Arial, Helvetica, sans-serif;
    color: #555555;
	font-size: 7pt;
	font-style: normal;
}

.date-picker{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 9pt;
	color: #000000;	
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	font-variant: normal;
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
}

select{
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 9pt;
    color: #000000;
}


td {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;                         
	font-variant: normal;
	font-weight: normal;
}



.recTableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 10pt;
	color: #FFFFFF;
	background: #336699;
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
}
.colAlignLeft {
	text-align: left;
}

.colAlignRight {
	text-align: right;
}

.colAlignCenter {
	text-align: center;
}

.darkBlueHeader {
	color: var(--form-section-color);
	background: var(--form-section-background);
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
}

.darkBlueHeaderRight {
	color: var(--form-section-color);
	background: var(--form-section-background);
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;
	text-align: right;
}

.grayHeader{
	color: #000000;
	background: #cccccc;
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;
	text-align: left;
}

.grayHeaderSmallText{
	color: #D4D7FE;
	background: #003366;
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;
    font-size:8pt;
}


.purchaseGroupHeader{
	color: #000000;
	background: #D4D7FE;
	text-decoration: none;
	font-variant: normal;
	font-weight: bold;	
}

/* Remove unused style */

.mainMenu{
    color: var(--menu-color);
    background: var(--menu-background);
    text-decoration: none;
    font-variant: normal;
    font-weight: 500;
    font-size:11pt;
    letter-spacing:.1em;
}

.smallerText {
	font-size:9pt;
}

.darkGrayMenuLink{
    color: #444444;
    text-decoration: none;
    font-variant: normal;
    font-weight: 500;
    font-size:11pt;
    letter-spacing:.1em;
}
.darkGrayMenuLink14pt{
    color: #444444;
    text-decoration: none;
    font-variant: normal;
    font-weight: 500;
    font-size:14pt;
    letter-spacing:.1em;
}

.whiteMenuLink{
    color: #FFFFFF;
    text-decoration: none;
    font-variant: normal;
    font-weight: 500;
    font-size:11pt;
    letter-spacing:.1em;
}
.whiteMenuLink2{
    color: #FFFFFF;
    text-decoration: none;
    font-variant: normal;
    font-weight: 500;
    font-size:11pt;
}
.blackMenuLink{
    color: #000000;
    text-decoration: none;
    font-variant: normal;
    font-weight: 500;
    font-size:11pt;
    letter-spacing:.1em;
}

.blackMenuLink2{
    color: #000000;
    text-decoration: none;
    font-variant: normal;
    font-weight: 500;
    font-size:11pt;
}


/* Remove unused style */

.parcelMenu{
    color: #FFFFFF;
    background:#336699;
    text-decoration: none;
    font-variant: normal;
    font-weight: 300;
    font-size: 11pt;
    letter-spacing:.1em;
}

.ltlMenu{
    color: #FFFFFF;
    background:green;
    text-decoration: none;
    font-variant: normal;
    font-weight: 300;
    font-size: 11pt;
    letter-spacing:.1em;
}
.purchaseMenu{
    color: #FFFFFF;
    background:#330000;
    text-decoration: none;
    font-variant: normal;
    font-weight: 300;
    font-size: 11pt;
    letter-spacing:.1em;
}

/* Remove unused style */

.evenRow {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 8pt;
	background: #DDDDDD;
	text-decoration: none;
	font-variant: normal;
	font-weight: normal;
	vertical-align: top;
}

.oddRow {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 8pt;
	background: #EEEEEE;
	text-decoration: none;
	font-variant: normal;
	font-weight: normal;
	vertical-align: top;
}

/* Remove unused style */

.veryLightGrayText{
   	color: #BBBBBB;
   	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
    font-style: normal;
   	
}

.boldwhite12pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-variant: normal;
}

/* Remove unused style */

.boldBlue12ptLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

/* Remove unused style */

.boldBlue10ptLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

.boldBlue8ptLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

.boldBlue10pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
    color: #003366;
}

.boldBlue8pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
    color: #003366;
}

.boldBlue8ptLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}

.boldBlue12pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #003366;
}

/* Remove unused style */

.errorMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.red10ptBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

/* Remove unused style */

.green10ptBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #00CC00;
	text-decoration: none;
}

.red10ptBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

.orange10ptBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FF6600;
	text-decoration: none;
}

/* Remove unused style */

.headerBackground{
   background-color: #003366;
   background-repeat: repeat-x;
   background-position: top left
}

/* Remove unused style */

table.listing tbody tr:hover { background: #eed !important }
table.listing tbody { cursor: pointer }

div.tabArea {
  font-size: 80%;
  font-weight: bold;
}

a.tab {
  background-color: #f0f0f0;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  -moz-border-radius: .75em .75em 0em 0em;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 100;
}

a.tab, a.tab:visited {
  color: #808080;
}

a.tab:hover {
  background-color: #d0d0d0;
  color: #606060;
}

a.selectedTab, a.selectedTab:hover, a.selectedTab:visited {
  background-color: #c0c0c0;
  color: #000000;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  -moz-border-radius: .75em .75em 0em 0em;  
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 102;
}

div.tabMain {
  background-color: #c0c0c0;
  border: 1px solid #000000;
  padding: 1em;
  position: relative;
  z-index: 101;
}

div.tabMainInner {
  background-color: #FFFFFF;
  border: 1px solid #000000;
  position: relative;
}

.statusNoColorNonBold{
    color: #000000;
    text-decoration: none;
    font-variant: normal;    
    font-size:10pt;    
}

.statusWarningLink{
    color: #FF0000;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:10pt;
    letter-spacing:.1em;
}
.statusWarning{
    color: #FF0000;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:9pt;    
}

/* Remove unused style */

.statusMedWarning{
    color: #FF6600;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:9pt;    
}

.statusMedWarningNonBold{
    color: #FF6600;
    text-decoration: none;
    font-variant: normal;
    font-size:10pt;    
}

.statusMedWarningLink{
    color: #FF6600;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:10pt;
    letter-spacing:.1em;
}

.statusNormalLink{
    color: #00CC00;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:10pt;
    letter-spacing:.1em;
}

.statusNormal{
    color: #00CC00;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:9pt;    
}

.statusNormalNonBold{
    color: #00CC00;
    text-decoration: none;
    font-variant: normal;    
    font-size:10pt;    
}

.statusProcessingLink{
    color: #3333CC;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:10pt;
    letter-spacing:.1em;
}

.statusProcessing{
    color: #3333CC;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:9pt;    
}

.statusProcessingNonBold{
    color: #3333CC;
    text-decoration: none;
    font-variant: normal;    
    font-size:10pt;    
}

.statusVoid{
   color: #777777;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:9pt; 
}

.statusVoidNonBold{
   color: #777777;
    text-decoration: none;
    font-variant: normal;    
    font-size:10pt;
}

.statusVoidLink{
    color: #777777;
    text-decoration: none;
    font-variant: normal;
    font-weight: bold;
    font-size:10pt;
    letter-spacing:.1em;
}

/* Remove unused style */

.quickNotesBody{ 
  	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
  	color: #333;
	background: #FFF;
	text-decoration: none;
	font-variant: normal;
	font-weight: normal;
	text-align: left;
  	padding: 5px;
}

/*
 * 20150917 dal - addr-line* entries added for AddressBook
 */
.addr-line1 {
    padding-bottom: 6px;
}
.addr-line2 {
    padding-bottom: 6px;
}
.addr-line3 {
    padding-bottom: 6px;
}
.addr-line4 {
    padding-bottom: 6px;
}
.addr-line5 {
    padding-bottom: 6px;
}

/*
 * 20150917 dal - changed entry added for AddressBook
 */
.AddressPanel .changed {
    background-color: orange;
}

.fixed-width {
	font-family: monospace;
}

.bolCustomerDataUnitInput {
	background-color: #f5e79e;
}

.bolCarrierDataUnitInput {
	background-color: #f2dede;
}

 /* 20240702 dal - Trying to override some font settings in primeng nova-dark theme.css */
body .ui-dialog div.smallerText {
	font-size: 12px;  /* was 14px, but optiship uses 9px so we are going with 1.555 (repeating) or 1.166 because the body was calculated at 12px? */
}
body .ui-dialog div.smallerText .ui-widget {
	font-size: 1em;  /* was 14px, but optiship uses 9px so we are going with 1.555 (repeating) or 1.166 because the body was calculated at 9px? */
}

body .ui-dialog div.smallerText .ui-inputtext {
	font-size: 1em;  /* Shared the same font-size as ui-width, so using the same 1em */
}