/* BoatPlan-specific for GridList */
/* TODO: move to BoatPlan.css */
.GridItemPlan {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   margin-top: 5px;
   margin-bottom: 5px;
}

.GridAltItemPlan {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   background-color: AliceBlue;
   margin-top: 5px;
   margin-bottom: 5px;
}

.GridItemRed {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bolder;
   color: Red;
   margin-top: 5px;
   margin-bottom: 5px;
}

.GridItemBlue {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bolder;
   color: Blue;
   margin-top: 5px;
   margin-bottom: 5px;
}

/* KPI */
.KPIHead {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   line-height: 12px;
}

.KPIItem {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: normal;
   line-height: 10px;
}

/* COLOR & IMAGE SELECTION CONTROLS */
.Lolite {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: 12px;
   cursor: hand;
}

.Hilite {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: 12px;
   cursor: hand;
   background-color: LightBlue;
}

/* PRINTING */
.Print {
   /*font-family:Courier;*/
   font-size: 10px;
   line-height: 15px;
}

.PrintShort {
   font-size: 4px;
   line-height: 6px;
}

/* BILLING */
.BillItemZeroAmount {
   background-color: Red;
   color: white;
   font-weight: bold;
}

.BillItemNote {
   background-color: Yellow;
   color: black;
   font-weight: bold;
}

.BillItemOnHold {
   background-color: Red;
   color: white;
   font-weight: bold;
}

/* DISPATCH AREA */
.DAGroupHeader {
   FONT-WEIGHT: bold;
   FONT-SIZE: 8pt;
   COLOR: white;
   FONT-FAMILY: Verdana, Arial;
   BACKGROUND-COLOR: #738aad;    
   padding-top: 3px;
   padding-bottom: 3px;
}

.DAGroupHeaderAlso {
   FONT-WEIGHT: bold;
   FONT-SIZE: 8pt;
   COLOR: white;
   FONT-FAMILY: Verdana, Arial;
   BACKGROUND-COLOR: #cc3300;
   padding-top: 3px;
   padding-bottom: 3px;
}

/* ACCOUNTS PAYABLE */
.APGroupHeader {
   FONT-WEIGHT: bold;
   FONT-SIZE: 8pt;
   COLOR: white;
   FONT-FAMILY: Verdana, Arial;
   BACKGROUND-COLOR: #738aad;    
   padding-top: 3px;
   padding-bottom: 3px;
   line-height: 15px;
}

/* TRAFFICVIEW */
.TrafficActionNormal {
   border: solid 1px Transparent;
}

.TrafficActionHighlight {
   background-color: LightYellow;
   border: solid 1px Black;
}

.TrafficView {
   font-family: Arial;
   font-size: 11px;
   overflow: auto;
}

.TrafficView td {
   white-space: nowrap;
}

tr.river {
   background-color: #bbbbbb;
   color: Black;
   font-family: Arial;
   font-size: 11px;
}

tr.location {
   background-color: WhiteSmoke;
   color: Black;
   font-family: Arial;
   font-size: 11px;
}

td.move {
   border: solid 1px black;
   background-color: White;
   color: #666666;
   font-family: Arial;
   font-size: 11px;
}

.river {
   background-color: #bbbbbb;
   color: Black;
   font-family: Arial;
   font-size: 11px;
}

.location {
   background-color: WhiteSmoke;
   color: Black;
   font-family: Arial;
   font-size: 11px;
   border-width: 0;
}

.move {
   /* border: solid 1px black; */
   background-color: White;
   color: #666666;
   padding-left: 20px;
   font-family: Arial;
   font-size: 11px;
}

.move td {
   vertical-align: top;
}

.BargeNormal {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
}

a.BargeNormal {
   font-family: Verdana, Helvetica, Sans-Serif;
   font-size: 11px;
   font-weight: normal;
   color: Navy;
}

a.BargeNormal:active {
   color: Navy;
}

a.BargeNormal:hover {
   text-decoration: none;
   color: Navy;
}

a.BargeNormal:visited {
   font-family: Verdana, Helvetica, Sans-Serif;
   font-size: 11px;
   font-weight: normal;
   color: Navy;
}

.BargeExternal {
  font-family: Verdana, Helvetica, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  color: Blue;
}

a.BargeExternal {
   font-family: Verdana, Helvetica, Sans-Serif;
   font-size: 11px;
   font-weight: bold;
   color: Blue;
}

a.BargeExternal:active {
   color: Blue;
}

a.BargeExternal:hover {
   text-decoration: none;
   color: Blue;
}

a.BargeExternal:visited {
   font-family: Verdana, Helvetica, Sans-Serif;
   font-size: 11px;
   font-weight: normal;
   color: Blue;   
}

.BargeSelected {
   background-color: #ffff99;
   text-decoration: overline underline;
}

.BargePositionError {
   color: Blue;
}

.BargeDestCredit {
   color: Green;
}

/* no longer used */
.BargeNoRate {
   color: Green;
}

/* TRAFFICBOARD */
/* Traffic Board styles */
.TrafficBoardLocation {
   border: solid 2px Black;
   margin-top: 5px;
   width: 110px;
}

.TrafficBoardMove {
   border-left: solid 4px White;
   border-bottom: solid 4px White;
   border-right: solid 0px Transparent;
   border-top: solid 0px Transparent;
   margin-top: 5px;
   margin-right: 5px;
}

.TrafficBoardBarge {
   border: solid 1px DimGray;
   margin-top: 5px;
}

.TrafficBoardText {
   font-family: Verdana, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
}

/* EXPENSES */
.DifferentAmount {
   color: DarkRed;
   background-color: Gainsboro;
   font-weight: bold;
}

/* MISCELLANEOUS */
/* used on BargeActionModal page */
.spanheader {
   font-family: Verdana;
   font-size: 14pt;
}

/* Bulk Terminal Job View */
.panelRiverMap {
   BORDER-RIGHT: #5d7b82 1px solid;
   BORDER-TOP: #5d7b82 1px solid;
   BORDER-LEFT: #5d7b82 1px solid;
   BORDER-BOTTOM: #5d7b82 1px solid;
}

.panelRiverMapTitle {
   font-weight: bold;
}

.usercontrolmodule {
   color: White;
   font-weight: bold;
   font-size: larger;
   background-color: #5d7b82; /* #0671dc; */
}

/* Site View */
tr.SiteArea_Toolbar {
   background-color: Gainsboro;
/*
   border-top: outset 4px;
   border-bottom: outset 4px;
   border-left: none 2px;
   border-right: none 2px;
*/
}

table.SiteBargeDisplay {
   font-family: Lucida Sans Typewriter, Lucida Console, FangSong, Courier New;
   font-size: 11px;
   font-weight: bold;
   color: Blue;   
   background-color: white;
}