.add
{
  COLOR: black
}
.theMenu
 {
  background-color: #B0C4DE;
  color: black;
  font: bold 12px Verdana;
 }
.theMenuItem
 {  
  font: bold 12px Verdana;
  color: BLACK;
  background-color: #B0C4DE;
  display: block;
  text-decoration: none;
  PADDING: 2px;
 }
 .bgColor1
{
    BACKGROUND-COLOR: #ECECEC
}
.bgColor2
{
    BACKGROUND-COLOR: #F0F8FF
}
.blueLarger
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    COLOR: darkblue;
    FONT-FAMILY: Tahoma;
}
BODY
{
  BACKGROUND-COLOR: White;
  COLOR: black;
  FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
  FONT-SIZE: 8pt;
}
.border
{
  BORDER-RIGHT: black thin solid;
  BORDER-TOP: black thin solid;
  BORDER-LEFT: black thin solid;
  BORDER-BOTTOM: black thin solid;
}
BUTTON
{
  BACKGROUND-COLOR: blue;
  BORDER-BOTTOM: black 1px solid;
  BORDER-LEFT: black 1px solid;
  BORDER-RIGHT: black 1px solid;
  BORDER-TOP: black 1px solid;
  COLOR: white;
  CURSOR: auto;
  FONT-WEIGHT: bolder;
  TEXT-ALIGN: center;
}
.dockHeading
{
  text-align: center;
  BACKGROUND-COLOR: #ECECEC; 
  COLOR: BLACK;
  font: 12px Veranda;
  FONT-WEIGHT: BOLDER;
}
.centered
{
  TEXT-ALIGN: center;
}
.clearIcon
{
  COLOR: red;
  CURSOR: pointer;
  FONT-FAMILY: Comic Sans MS;
  FONT-SIZE: 14pt;
  FONT-WEIGHT: bold;
  TEXT-DECORATION: none;
}
.detailsBtn
{
    BACKGROUND-COLOR: transparent;
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: underline
}
.DYNAMIC_BUFFER_VIOLATION
{
 FONT-WEIGHT: BOLDER;
 COLOR: BLACK;
 BACKGROUND-COLOR: YELLOW;
}
.DYNAMIC_CPUA
{
 FONT-WEIGHT: BOLDER;
 COLOR: #FCAD03
}
.DYNAMIC_CRITICAL
{
 FONT-WEIGHT: BOLDER;
 COLOR: BLACK;
 BACKGROUND-COLOR: Aqua;
}
.DYNAMIC_ESTIMATED_VIOLATION
{
 FONT-WEIGHT: BOLDER;
 COLOR: Green
}
.DYNAMIC_MILESTONE_VIOLATION
{
 FONT-WEIGHT: bolder;
 COLOR: RED
}
.DYNAMIC_MILESTONE_VIOLATIONX
{
 BACKGROUND-COLOR: red;
 COLOR: BLACK
}
.footer
{
    FONT-SIZE: smaller;
    COLOR: black;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial
}
.fullScreen
{
  WIDTH: 100%;
}
.logoutAnchor
{
  background-color: #B0C4DE;
  color: red;
  font: bold 12px Verdana;
  text-decoration:none
}
.functionBtn
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: yellow;
    TEXT-ALIGN: center
}
.blueButton
{
  BACKGROUND-COLOR: #B0C4DE; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.grayButton
{
  BACKGROUND-COLOR: #ECECEC; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dsArrived
{
  BACKGROUND-COLOR: lightgrey; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dsBuffer
{
  BACKGROUND-COLOR: yellow; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dsBufferAndPending
{
  BACKGROUND-COLOR: yellow; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-STYLE: italic;
  FONT-WEIGHT: BOLDER;
}
.dsCritical
{
  BACKGROUND-COLOR: Aqua; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dsDispatched
{
  BACKGROUND-COLOR: slategray; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dsIncreaseVisibility
{
  BACKGROUND-COLOR: fuchsia; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dsMilestone
{
  BACKGROUND-COLOR: red; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dsMilestoneAndPending
{
  BACKGROUND-COLOR: red; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-STYLE: italic;
  FONT-WEIGHT: BOLDER;
}
.dsNormal
{
  BACKGROUND-COLOR: white; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dsPending
{
  BACKGROUND-COLOR: white; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-STYLE: italic;
  FONT-WEIGHT: BOLDER;
}
.dsStandingAppt
{
  BACKGROUND-COLOR: tan; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dockScheduleButton
{
  BACKGROUND-COLOR: #B0C4DE; 
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.dockScheduleLink
{
  COLOR: BLACK;
  font: 12px Verdana;
  FONT-WEIGHT: BOLDER;
}
.goButton
{
   BACKGROUND-COLOR: #BDB76B;
}
.heading
{
  FONT-WEIGHT: bold;
  TEXT-ALIGN: center;
}
.icon
{
  HEIGHT: 22px;
  VERTICAL-ALIGN: middle;
}
INPUT
{
  FONT-SIZE: 8pt;
}
.label
{
  FONT-WEIGHT: bolder;
  COLOR: black;
}
.underlinedlabel
{
 FONT-WEIGHT: bolder;
 COLOR: black;
 TEXT-DECORATION: underline
}
.labelRight
{
  FONT-WEIGHT: bolder;
  COLOR: black;
  TEXT-ALIGN: right
}
.numeric
{
    TEXT-ALIGN: right
}
.numericLabel
{
    FONT-WEIGHT: bolder;
    TEXT-ALIGN: right
}
.numericTH
{
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: right
}
.commentButton
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 1px solid;
    COLOR: black;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #B0C4DE;
    TEXT-ALIGN: center;
    WIDTH: 75;
}
.commentButtonDim
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: lighter;
    BORDER-LEFT: black 1px solid;
    COLOR: Black;
    BORDER-BOTTOM: black 1px solid;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #B0C4DE;
    TEXT-ALIGN: center;
    WIDTH: 75;
}
.poweredByCo
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    COLOR: darkblue;
    FONT-FAMILY: Tahoma;
   FONT-STYLE: italic
}
.poweredByText
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: larger;
    COLOR: gray;
    FONT-FAMILY: Arial
}
.poweredByLogo
{
    TEXT-ALIGN: right
}
.prompt
{
  FONT-WEIGHT: bolder;
  COLOR: black;
  TEXT-ALIGN: right;
}
.requiredHeading
{
  FONT-WEIGHT: bolder;
  COLOR: red;
  TEXT-ALIGN: center;
}
.requiredPrompt
{
  FONT-WEIGHT: bolder;
  COLOR: red;
  TEXT-ALIGN: right;
}
.sortTableHeaders
{
 COLOR: BLACK;
 CURSOR: POINTER;
 FONT-WEIGHT: BOLDER;
}
.saicBtn
{
  BACKGROUND-COLOR: transparent;
  BORDER-BOTTOM: medium none;
  BORDER-LEFT: medium none;
  BORDER-RIGHT: medium none;
  BORDER-TOP: medium none;
  CURSOR: auto;
}
.subHeading
{
  FONT-SIZE: larger;
  FONT-WEIGHT: bolder;
}
.tableHeaders
{
  color: black;
}
TABLE
{
  FONT-SIZE: 8pt;
  WIDTH: 100%;
}
.tableWithBorder
{
    BORDER-RIGHT: black thin solid;
    BORDER-TOP: black thin solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black thin solid;
    WIDTH: 100%;
    BORDER-BOTTOM: black thin solid
}
.tbl
{
  WIDTH: 100%;
}
.tbl .click
{
  BACKGROUND-COLOR: #66f;
  FONT-WEIGHT: bold;
}
.tbl .hover
{
  BACKGROUND-COLOR: #99f;
}
.tbl .off
{
  BACKGROUND-COLOR: #ECECEC;
}
.tbl .on
{
  BACKGROUND-COLOR: #F0F8FF;
}
.tbl th
{
  BACKGROUND-COLOR: #B0C4DE;
}
.title
{
  FONT-WEIGHT: bolder;
  FONT-SIZE: larger;
  TEXT-ALIGN: center;
}
.userInfo
{
  FONT-WEIGHT: bolder;
  COLOR: gray;
}
.userNotice
{
  FONT-WEIGHT: bolder;
  COLOR: red;
}
.welCome
{
  FONT-WEIGHT: bolder;
  COLOR: white;
}
#popitmenu{  
  position: absolute;
  background-color: #b0c4de;
  border:1px solid black;
  font: bold 12px Verdana;
  line-height: 18px;
  z-index: 100;
  visibility: hidden;
 }

#popitmenu a{
  text-decoration: none;
  padding-left: 6px;
  color: black;
  display: block;
 }

#popitmenu a:hover{ /*hover background color*/
  color: white;
 }
/* TSA Reports Stuff */
A
{
  FONT-WEIGHT: bold
}
A:link
{
  TEXT-DECORATION: none
}
A:visited
{
  TEXT-DECORATION: none
}
A:active
{
  COLOR: green;
  TEXT-DECORATION: none
}
A:hover
{
  COLOR: red;
  TEXT-DECORATION: none
}
.anchorBtn
{
  BACKGROUND: none;
  BORDER: none;
  CURSOR: hand;
  FONT-WEIGHT: bold;
  TEXT-ALIGN: left;
  TEXT-DECORATION: none
}
.radioBtn
{
  TEXT-ALIGN: left
}
.graph {
        background-color: #C8C8C8;
        border: solid 1px black;
      }
.graph td {
        font-family: verdana, arial, sans serif;
        FONT-WEIGHT: bolder;
      }
.graph thead th {
        border-bottom: double 3px black;
        font-family: verdana, arial, sans serif;
        padding: 1em;
      }
.graph tfoot td {
        border-top: solid 1px #999999;
        font-size: x-small;
        text-align: center;
        padding: 0.5em;
        color: #666666;
      }

.bar {
        background-color: white;
        text-align: right;
        border-left: solid 1px black;
        padding-right: 0.5em;
        width: 400px;
      }
      
.bar div { 
        border-top: solid 2px #0077DD;
        background-color: #004080;
        border-bottom: solid 2px #002266;
        text-align: right;
        color: white;
        float: left;
        padding-top: 0;
        height: 1em;
      }