body {
    margin: 0 0 0 0;

}
.login-page {
    height: 100%;
    background-color: #324154;
}
form {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.TopBody {
    BACKGROUND-COLOR: #eaece1;
    COLOR: black;
    MARGIN: 0px
}
.SubMenuBody {
    BACKGROUND-COLOR: #a2a2a2;
    COLOR: black;
    MARGIN: 0px
}
.MenuItem {
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 7pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    TEXT-TRANSFORM: uppercase
}
.MenuItem A:link {
    COLOR: black;
    FONT-SIZE: 7pt;
    TEXT-DECORATION: none;
}
.MenuItem A:visited {
    COLOR: black;
    FONT-SIZE: 7pt;
    TEXT-DECORATION: none;
}
.SubMenuItemAvailable {
    COLOR: white;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: top
}
.SubMenuItemAvailable A:link {
    COLOR: white;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: top
}
.SubMenuItemAvailable A:visited {
    COLOR: white;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: top
}
.SubMenuItemSelected {
    BACKGROUND-COLOR: white;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: top
}
.SubMenuItemSelected A:link {
    COLOR: black;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: top
}
.SubMenuItemSelected A:visited {
    COLOR: black;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: top
}
.DetailHeader {
    COLOR: #cccccc;
    FONT-FAMILY: Arial;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: middle;
}
.DetailBodyHeader {
    BACKGROUND-COLOR: white;
    COLOR: #666666;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: top
}
.DetailBodyHeader A:link {
    COLOR: #666666;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: top
}
.DetailBodyHeader A:visited {
    COLOR: #666666;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: top
}
.EZVisionDetailBody {
    COLOR: black;
    MARGIN: 0px 0px 0px 10px;
}

.DetailBody {
    BACKGROUND-COLOR: white;
    COLOR: black;
    MARGIN: 0px 0px 0px 10px;
    /* This can be removed (or changed to auto) once once Chrome 88 is released */
    overflow: scroll;
}

.DetailHeaderDark {
    BACKGROUND-COLOR: #BBBBBB;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowOdd {
    BACKGROUND-COLOR: #ededed;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowOddLocked {
    BACKGROUND-COLOR: #ededed;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowOdd A:link {
    COLOR: black;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowOddLocked A:link {
    COLOR: black;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowOdd A:visited {
    COLOR: black;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowOddLocked A:visited {
    COLOR: black;
    FONT-SIZE: 9pt;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowEven {
    BACKGROUND-COLOR: #ededed;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowEven A:link {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowEven A:visited {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.TopTab A:link {
    COLOR: white;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    FONT-SIZE: 7pt;
    VERTICAL-ALIGN: top;
}
.TopTab A:visited {
    COLOR: white;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    FONT-SIZE: 7pt;
    VERTICAL-ALIGN: top;
}
.TopTab {
    BACKGROUND-COLOR: #888888;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 4px;
    TEXT-ALIGN:center
}
.TopTabSelected A:link {
    COLOR: black;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    FONT-SIZE: 7pt;
    VERTICAL-ALIGN: top;
}
.TopTabSelected A:visited {
    COLOR: black;
    TEXT-DECORATION: none;
    FONT-FAMILY: Arial;
    FONT-SIZE: 7pt;
    VERTICAL-ALIGN: top;
}
.TopTabSelected {
    BACKGROUND-COLOR: white;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 4px;
    TEXT-ALIGN:center
}
.DetailBodyTableRow
{
    BACKGROUND-COLOR: white;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRow A:link {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRow A:visited {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowOddChanged {
    BACKGROUND-COLOR: #ededed;
    COLOR: #ff0000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowOddChanged A:link {
    FONT-SIZE: 9pt;
    COLOR: #ff0000;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowOddChanged A:visited {
    FONT-SIZE: 9pt;
    COLOR: #ff0000;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowEvenChanged
{
    BACKGROUND-COLOR: #ededed;
    COLOR: #ff0000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowEvenChanged A:link {
    FONT-SIZE: 9pt;
    COLOR: #ff0000;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowEvenChanged A:visited {
    FONT-SIZE: 9pt;
    COLOR: #ff0000;
    VERTICAL-ALIGN: middle;
}
TH.DetailBodyTableRowEven {
    BACKGROUND-COLOR: #cccccc;
    COLOR: #666666;
    TEXT-ALIGN: center
}
TH.DetailBodyTableRowEven A:link {
    COLOR: #666666;
}
TH.DetailBodyTableRowEven A:visited {
    COLOR: #666666;
}
.DetailBodyTableRowOddHighlighted
{
    BACKGROUND-COLOR: #ededed;
    COLOR: #ffcc00;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: top
}
.DetailBodyTableRowOddHighlighted A:link {
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    VERTICAL-ALIGN: top
}
.DetailBodyTableRowOddHighlighted A:visited {
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    VERTICAL-ALIGN: top
}
.DetailBodyTableRowEvenHighlighted {
    BACKGROUND-COLOR: #ededed;
    COLOR: #ffcc00;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: top
}
.DetailBodyTableRowEvenHighlighted A:link {
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    VERTICAL-ALIGN: top
}
.DetailBodyTableRowEvenHighlighted A:visited {
    FONT-SIZE: 9pt;
    COLOR: #ffcc00;
    VERTICAL-ALIGN: top
}

.DetailBodyHeaderRowOdd {
    BACKGROUND-COLOR: #e6e6e6;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}

.DetailBodyHeaderRowOddLocked {
    BACKGROUND-COLOR: #e6e6e6;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}

.DetailBodyHeaderRowOdd A:link {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}

.DetailBodyHeaderRowOddLocked A:link {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}

.DetailBodyHeaderRowOdd A:visited {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}

.DetailBodyHeaderRowOddLocked A:visited {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}


.DetailBodyHeaderRowEven {
    BACKGROUND-COLOR: #ededed;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}

.DetailBodyHeaderRowEven A:link {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.DetailBodyHeaderRowEven A:visited {
    FONT-SIZE: 9pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.DirectoryHeader {
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: middle;
}
.DirectoryHeader A:link {
    FONT-SIZE: 8pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.DirectoryHeader A:visited {
    FONT-SIZE: 8pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.LogInLine {
    BACKGROUND-COLOR: #eaece1;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: middle;
}
.LogInLine A:link {
    FONT-SIZE: 8pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.LogInLine A:visited {
    FONT-SIZE: 8pt;
    COLOR: black;
    VERTICAL-ALIGN: middle;
}
.LogOutLine {
    BACKGROUND-COLOR: #666666;
    COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    VERTICAL-ALIGN: middle;
}
.LogOutLine A:link {
    FONT-SIZE: 8pt;
    COLOR: white;
    VERTICAL-ALIGN: middle;
}
.LogOutLine A:visited {
    FONT-SIZE: 8pt;
    COLOR: white;
    VERTICAL-ALIGN: middle;
}
.StartPageText {
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: bottom
}
.InputText {
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    font-weight:normal;
}
.InputTextSmall {
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 7pt
}
.ButtonText {
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt
}
.CrumbLine {
    COLOR: black;
    FONT-FAMILY: Arial, helvetica, san-serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.CrumbLine A:link {
    FONT-SIZE: 8pt;
    COLOR: black;
}
.CrumbLine A:visited {
    FONT-SIZE: 8pt;
    COLOR: black;
}
.Plus {
    BACKGROUND-COLOR: #008080;
    CURSOR: pointer;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    VERTICAL-ALIGN: middle;
}
.Minus {
    BACKGROUND-COLOR: #ff6666;
    CURSOR: pointer;
    PADDING-LEFT: 2px;
    PADDING-RIGHT: 2px;
    VERTICAL-ALIGN: middle;
}
.LoginPrompt {
    COLOR: white;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.LoginPrompt A:link {
    FONT-SIZE: 10pt;
    COLOR: white;
}
.LoginPrompt A:visited {
    FONT-SIZE: 10pt;
    COLOR: white;
}
.StatusAvailable {
    BACKGROUND-COLOR: lightgreen;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}
.StatusComplete {
    BACKGROUND-COLOR: blue;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: middle;
}
.DetailBodyTableRowTopAlign {
    BACKGROUND-COLOR: #ededed;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
    PADDING-LEFT: 6px;
    PADDING-RIGHT: 6px;
    VERTICAL-ALIGN: top
}
A {
    CURSOR: pointer;
    TEXT-DECORATION: underline
}
.GanttTable {
    BORDER-BOTTOM: black 1px solid;
    BORDER-RIGHT: black 1px solid
}
.GanttCellHeaderDate {
    BACKGROUND-COLOR: khaki;
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-TOP: black 1px solid;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.GanttCellHeaderDay {
    BACKGROUND-COLOR: khaki;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;
    MARGIN: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.GanttCellDetail {
    BORDER-TOP: black 1px solid
}
.GanttCellHoliday {
    BACKGROUND-COLOR: lightgrey;
    BORDER-TOP: black 1px solid
}
.GanttTaskCheckBox {
    BORDER-LEFT: black 1px solid;
    BORDER-TOP: black 1px solid;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt
}
.GanttTaskDetail {
    BORDER-TOP: black 1px solid;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt
}
.LogInLineForReport1 {
    BACKGROUND-COLOR: #d0d0d0;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.LogInLineForReport2 {
    BACKGROUND-COLOR: #e0e0e0;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.LogInLineForReport3 {
    BACKGROUND-COLOR: #f0f0f0;
    COLOR: black;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}
.GantForReport1 {
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BACKGROUND-COLOR: #87e3e3;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}
.GantForReport2 {
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BACKGROUND-COLOR: #afebeb;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}
.GantForReport3 {
    BORDER-BOTTOM: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BACKGROUND-COLOR: #d7f3f3;
    COLOR: black;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: normal
}
.itemFinderLayer {
    POSITION: absolute;
    Z-INDEX: 1;
    LEFT: 135;
    TOP: 35;
    VISIBILITY: hidden;
    BACKGROUND-COLOR: #ededed;
    PADDING: 0%;
}
.addScreenHeader {
    background-color: black;
    color: white;
    text-align: left;
    font-weight: bold;

    font-family: Arial;
    font-size: 9pt;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.addScreen {
    background-color: #EDEDED;
    color: black;
    text-align: left;
    font-weight: bold;

    font-family: Arial;
    font-size: 9pt;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 6px;
    padding-right: 6px;
}
a.addScreen {
    font-size: xx-small;
    color: black;
}
.indent {
    background-color: #EDEDED;
    color: black;
    width: 50px;
}
.addScreenTH {
    background-color: #808080;
    color: white;
    text-align: center;
    font-weight: bold;

    font-family: Arial;
    font-size: 9pt;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 2px;
    padding-right: 2px;
}
a.addScreenTH {
    font-size: xx-small;
    color: white;
}
.addScreenTD {
    background-color: #C0C0C0;
    color: black;
    text-align: left;

    font-family: Arial;
    font-size: 9pt;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 0px;
    padding-right: 0px;
}
.addScreenTDH {
    background-color: #C0C0C0;
    color: black;
    text-align: left;
    font-family: Arial;
    font-size: 9pt;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 0px;
    padding-right: 0px;
    text-align: right;
    padding-left: 2px;
    padding-right: 2px;
}
.addScreenBox {
    border-collapse: collapse;
    border-spacing: 0;
    float: left;
    border-right: 1pt solid white;
    font-family: Arial;
    font-size: 9pt;
    text-align: center;
}
.addScreenBoxH {
    background-color: #808080;
    color: white;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    height: 16px;
    white-space: nowrap;
}
.addScreenBoxD {
    background-color: #C0C0C0;
    color: black;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 22px;
    white-space: nowrap;
}
form {
    margin-bottom: 0px;
}
div.stickyNote {
    position: absolute;
    visibility: hidden;
    display: none;
    background-color: yellow;
    border: 1px solid #000;
    padding: 10px;
}
input.stickyNoteCloseButton {
    font-family: Arial;
    font-size: 9pt;
}
div.stickyNoteCloseButton {
    width: 100%;
    text-align: right;
}