*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body
{
    color: #039;
    font-family: "Segoe UI", Helvetica;
    height: 100%;
    text-align: center;
    white-space: normal;
}

.modalBody
{
    font-family: Verdana;
    font-size: 9pt;
    vertical-align: middle;
}

a:link
{
    color: #039;
}

a:visited
{
    color: #039;
}

a:hover
{
    color: #039;
}

.Text
{
    color: #000000 !important;
    font-family: "Segoe UI", Verdana;
    font-size: small !important;
}

.BlueText
{
    color: #039;
    font-family: "Segoe UI", Verdana;
    font-size: small;
}

.Bold
{
    font-weight: bold;
}

.Aside
{
    background-color: blue;
    opacity: .70;
    border: 2px solid rgba(0,0,0,0.5);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: lightgoldenrodyellow;
    filter: alpha(opacity = 70);
    font-weight: bold;
    left: 0;
    padding: 8px;
    position: absolute;
    top: 0; /* set these so Chrome doesn't return 'auto' from getComputedStyle */
    width: 200px;
    z-index: 8000;
}

img
{
    border: none 0px;
    vertical-align: middle;
}

.ImgZebra{
  height : 630px;
  width : 355px;
}

.rwDialogPopup.radconfirm
{
    background-image: url('ajax-loader.gif') !important;
    z-index: 2000;
}

.EditFormMainTable, .EditFormGrid, .Content, .ContentNav, .ContentModal, .EditFormTabTable, .EditFormTabTableSmall
{
    zoom: 1;
}

.EditFormMainTableSpecial
{
    zoom: 1;
    background-color: #fff;
}

    .EditFormMainTableSpecial table
    {
        width: 100%;
    }

    .EditFormMainTableSpecial td
    {
        vertical-align: top;
    }

.Heavy
{
    font-size: large;
}

.Small
{
    font-size: small;
}

.FullHeight
{
    height: 100%;
    margin: 0px;
}

.Header, .HeaderNav
{
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    min-width: 720px;
    position: relative;
    text-align: left;
}

.HeaderLeft
{
    float: left;
    font-size: large;
    left: 5px;
    position: relative;
}

.HeaderRight
{
    float: right;
    font-size: small;
    position: relative;
    right: 5px;
}

.HeaderMiddle
{
    float: left;
    margin-left: 210px;
    margin-top: 3px;
    position: relative;
    vertical-align: middle;
}

.FindTag
{
    float: left;
    font-size: small;
    left: 5px;
    position: relative;
}

.Content, .ContentNav, .ContentModal
{
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    text-align: left;
}

.ContentTopCenter
{
    text-align: center;
}

.ContentCenter
{
    margin-top: 10px;
    text-align: center;
}

.ContentCenterIndent
{
    text-align: center;
    width: 80%;
    margin-left: 10%;
}

.LeftNav
{
    font-size: small;
    margin-left: 5px;
    margin-top: 5px;
    text-align: left;
    width: 200px;
}

.LeftNavCenter
{
    position: relative;
    text-align: center;
}

.LeftNavWidget
{
    margin-top: 20px;
    position: relative;
    text-align: left;
    width: 190px;
}

.LeftNavWidgetTop
{
    background-image: url('Images/nav_widget_background_top.gif');
    font-weight: bold;
    padding: 3px 6px 3px 6px;
}

.LeftNavWidgetMiddle
{
    background-image: url('Images/nav_widget_background_middle.gif');
    padding-left: 12px;
}

.LeftNavWidgetBottom
{
    background-image: url('Images/nav_widget_background_bottom.gif');
    height: 6px;
}

.Footer
{
    background: white;
    bottom: 0;
    font-size: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 255px;
}

.FooterNoNav
{
    background: white;
    bottom: 0;
    font-size: 10px;
    position: Fixed;
    right: 0;
    text-align: right;
    width: 255px;
    align-content: flex-end;
}

.ErrorPage
{
    left: 50%;
    margin-left: -360px;
    position: absolute;
    text-align: center;
    width: 720px;
}

.ContentLogOn
{
    position: relative;
}

.LogOn
{
    left: 50%;
    margin-left: -200px;
    position: absolute;
    text-align: center;
    width: 400px;
}

.LogOnForm
{
    left: 50%;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    width: 200px;
}

.LogOnLabel
{
    font-size: x-small;
    font-weight: bold;
    margin-top: 20px;
    top: 10px;
}

.LogOnTextBox
{
    margin-top: 10px;
    position: relative;
    top: 10px;
    width: 200px;
}

.LogOnForm a.LinkButtonMobile
{
    font-family: Verdana;
    font-size: 8pt;
    margin-top: 5px;
    text-align: center;
    width: inherit;
}

.Error
{
    color: Red;
    font-size: x-small;
    font-weight: bold; /*margin-top: 10px;*/
    position: relative;
    right: 0px;
    text-align: center;
    text-transform: uppercase;
}

.Complete
{
    color: Green;
    font-size: x-small;
    font-weight: bold; /*margin-top: 10px;*/
    position: relative;
    right: 0px;
    text-align: center;
    text-transform: uppercase;
}

.EditForm, .EditFormTabs
{
    /*KEEP ALL GRADIENT BACKGROUND LINES FOR THE COLOR VALUES*/
    background: #ffe9ac repeat-x url('Grid/orangegradient.gif'); /*background: #2692b5 repeat-x url('Grid/bluegradient.gif');*/ /*Removed for right brain day*/
    padding: 10px 10px 10px 10px;
    position: relative;
    width: inherit; /*Right brain day 	bottom: 0px; 	left: 0px; 	margin: 0px 0px 10px 0px; 	min-height: 100%; 	padding: 10px 10px 0px 10px; 	position: absolute; 	right: 0px; 	top: 0px;*/
}

.EditFormTabGrid, .EditFormTabTable, .EditFormMainTable, .EditFormTabTableSmall, .EditFormTabArea
{
    background-color: #fff;
    position: relative;
}

.EditFormTabTableSmall
{
    font-size: small;
}

.EditFormTabGridTransparent
{
    background-color: transparent;
    position: relative;
}

.EditFormGridCaption
{
    background-color: transparent;
    font-size: 12px;
    vertical-align: bottom;
}

    .EditFormGridCaption td:first-child
    {
        font-weight: bold;
    }

.EditFormCaption td
{
    font-weight: bold;
    vertical-align: bottom;
}

.EditFormTopCenter
{
    color: #039;
    font-size: small;
    padding: 5px 10px 5px 10px;
    position: relative;
    text-align: center;
}

.EditFormGrid
{
    clear: both;
    padding: 0px 10px 10px 10px;
    position: relative;
}

.EditFormTabArea
{
    zoom: 1;
    padding: 10px;
    min-height: 50px;
}

.EditFormMainTable table, .EditFormTabTable table, .EditFormTabTableSmall table
{
    width: 100%;
}

.EditFormMainTable td, .EditFormTabTable td, .EditFormTabTableSmall td
{
    vertical-align: top;
}

.EditFormTable, .ToolTipTable, .EditFormTable50
{
    color: #444444;
}

    .EditFormTable label, .spanLabel, .EditFormTable50 label
    {
        /*font-style: italic;     font-weight: bold;*/
    }

    .EditFormTable table
    {
        width: 100%;
    }

    .EditFormTable td:first-child, .EditFormTable50 td:first-child
    {
        /*background:#dae2e8;*/
        background: #eff2ff;
        border: 1px solid #fff;
        font-size: small;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
    }

    .EditFormTable td:first-child
    {
        white-space: nowrap;
        width: 30%;
    }

    .EditFormTable50 td:first-child
    {
        white-space: nowrap;
        width: 50%;
    }

    .EditFormTable td + td, .EditFormTable50 td + td
    {
        text-align: left;
        vertical-align: middle;
        white-space: nowrap;
    }

    .EditFormTable td + td
    {
        white-space: nowrap;
        width: 70%;
    }

    .EditFormTable50 td + td
    {
        white-space: nowrap;
        width: 50%;
    }

.EditFormTableSubTable td + td
{
    width: 35% !important;
}

.EditFormTable .RadInput_Default .riTextBox, .EditFormTable50 .RadInput_Default .riTextBox, .EditFormTable .RadInput_Default, .EditFormTable50 .RadInput_Default
{
    min-height: 24px;
    min-width: 70%;
    right: 0px;
    vertical-align: top;
}

.EditFormTable .RadComboBox_Default, .EditFormTable50 .RadComboBox_Default
{
    max-width: 70%;
    min-height: 70%;
    min-width: 70%;
    padding-right: 2px;
    vertical-align: top;
}

.EditFormTable .riContSpinButtons, .EditFormTable50 .riContSpinButtons
{
    margin-right: 17px;
    padding-right: 0px;
}

.FilterComboBox
{
    min-width: 100%;
}

.EditFormTable .RadComboBox_Default td:first-child, .EditFormTable50 .RadComboBox_Default td:first-child
{
    background: #fff;
}

.EditFormTableAlternatingItem
{
}

.EditFormTableItem
{
}

.EditFormRequired td:first-child
{
    background-color: #ffeff2;
}

.EditFormBlank td:first-child
{
    border: none;
    background-color: transparent;
    text-align: center;
}

.EditFormRequired .RadInput_Default .riTextBox, .EditFormRequired .RadComboBox_Default
{
    border-color: #ff2020;
}

.DatePicker
{
    text-align: left;
    width: 77% !important;
    display: inline-block !important;
}

    .DatePicker table
    {
        width: 100% !important;
    }

    .DatePicker td:first-child
    {
        background-color: #fff;
        padding-right: 0px !important;
        text-align: left;
        width: 91% !important;
    }

    .DatePicker td + td
    {
        padding-left: 4px !important;
        text-align: left;
        width: 9%;
    }

    .DatePicker .RadInput_Default
    {
        width: 100% !important;
    }

        .DatePicker .RadInput_Default .riTextBox
        {
            max-width: 100%;
            min-width: 100%;
        }

.EditFormSubArea
{
    border: solid 1px #039;
    margin: 0px 20% 10px 20%;
    position: relative;
    width: 60%;
}

td.Centered
{
    text-align: center;
    vertical-align: middle;
}

.StatusHistory
{
    font-size: small;
}

    .StatusHistory table
    {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .StatusHistory td
    {
        border-style: none !important;
    }

        .StatusHistory td:first-child
        {
            text-align: right;
            width: 30%;
            vertical-align: middle;
        }

        .StatusHistory td + td
        {
            text-align: left;
            width: 70%;
            vertical-align: middle;
        }

.ToolTipTable table
{
    width: 100%;
}

.ToolTipTable td:first-child
{
    background: #eff2ff;
    border: 1px solid #fff;
    text-align: right;
    vertical-align: middle;
    width: 40%;
}

.ToolTipTable td + td
{
    text-align: left;
    vertical-align: middle;
    width: 60%;
}

.ModalConfirm
{
    color: Black;
    padding: 10px 20px 10px 20px;
    vertical-align: top;
}

.Modal
{
    display: none;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
}

.ModalBackground
{
    background-color: #c0c0c0;
    filter: Alpha(Opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 6000;
}

.ModalDisplay
{
    background-color: White;
    left: 50%;
    position: absolute;
    text-align: left;
    top: 160px;
    z-index: 6100;
}

.ModalTitle
{
    color: #fff;
    font: bold small "Segoe UI", Helvetica;
    margin-top: 7px;
    text-align: center;
}

.ModalClose
{
    background: transparent url('Window/CommandButtonSprites.gif') -90px 0;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 6px;
    width: 30px;
}

    .ModalClose:hover
    {
        background-position: -90px -21px;
    }

.ModalTopLeft
{
    background: #fff url('Window/WindowHorizontalSprites.gif');
    height: 30px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 8px;
}

.ModalTopCenter
{
    background: #fff url('Window/WindowHorizontalSprites.gif') repeat-x 0 -31px;
    float: right;
    height: 30px;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 0px;
}

.ModalTopRight
{
    background: #fff url('Window/WindowHorizontalSprites.gif') -8px 0;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 8px;
}

.ModalBodyLeft
{
    background: #fff url('Window/WindowVerticalSprites.gif') repeat-y;
    bottom: 8px;
    left: 0px;
    position: absolute;
    top: 30px;
    width: 8px;
}

.ModalBodyCenter
{
    background: #fff;
    bottom: 8px;
    color: #039;
    left: 8px;
    padding: 10px;
    position: absolute;
    right: 8px;
    text-align: left;
    top: 30px;
}

.ModalBodyRight
{
    background: #fff url('Window/WindowVerticalSprites.gif') repeat-y -8px 0;
    bottom: 8px;
    position: absolute;
    right: 0px;
    top: 30px;
    width: 8px;
}

.ModalBottomLeft
{
    background: #fff url('Window/WindowHorizontalSprites.gif') 0 -62px;
    bottom: 0px;
    height: 8px;
    left: 0px;
    position: absolute;
    width: 8px;
}

.ModalBottomCenter
{
    background: #fff url('Window/WindowHorizontalSprites.gif') repeat-x 0 -70px;
    bottom: 0px;
    height: 8px;
    left: 8px;
    position: absolute;
    right: 8px;
}

.ModalBottomRight
{
    background: #fff url('Window/WindowHorizontalSprites.gif') -8px -62px;
    bottom: 0px;
    height: 8px;
    position: absolute;
    right: 0px;
    width: 8px;
}

.NewStatus
{
    color: Red;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
}

.NewStatusNotesLabel
{
    color: Red;
    float: left;
    font-weight: bold;
    margin-right: 5px;
    text-align: right;
    width: 20%;
}

.NewStatusNotesBox
{
    text-align: center;
    vertical-align: top;
    width: 60%;
}

    .NewStatusNotesBox .RadInput_Default .riTextBox
    {
        border: 1px solid #039;
        height: 200px;
        min-width: 100%;
        right: 0px;
        vertical-align: top;
    }

.NewStatusSaveCancel
{
    padding-top: 10px;
    text-align: right;
}

.UpperRightSection
{
    background-color: #f2d328;
    float: right;
    height: 300px;
    overflow: auto;
    right: 0px;
    top: 0px;
    width: 300px;
}

.UpperRightNugget
{
    padding: 10px 10px 10px 10px;
}

.CheckBoxRemember label
{
    font-size: small;
    vertical-align: top;
}

.CheckBoxMiddle
{
    vertical-align: middle;
}

/* CSS FOR Preferences */
.PreferenceWindow
{
    z-index: 10000;
}

.PreferenceCalendar
{
    z-index: 11000;
}

.PreferenceLabel
{
    text-align: right;
    font-family: Verdana;
    font-size: small;
    vertical-align: middle;
    color: #039;
}

.PreferenceCaption
{
    font-weight: bold;
    font-size: medium;
    vertical-align: bottom;
}

.DisplayNone
{
    display: none;
}

.ClearMinWidth
{
    min-width: 0 !important;
}

.BorderRow
{
    clear: both;
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}

.BorderForTitle
{
    float: left;
    left: 1%;
    margin-top: 14px;
    position: relative;
    width: 98%;
}

.BorderContent
{
    padding-top: 7px;
    position: relative;
    width: 100%;
}

.TitleInBorder
{
    background-color: white;
    color: black;
    font-size: 12px;
    font-family: "Segoe UI", Verdana;
    font-weight: bold;
    height: 14px;
    left: 50%;
    margin-left: -80px;
    margin-top: -7px;
    position: absolute;
    text-align: center;
    top: 0%;
    vertical-align: middle;
    width: 160px;
}

.Border
{
    border: 1px solid black;
    bottom: 0px;
    left: 1%;
    position: absolute;
    top: 14px;
    width: 98%;
    z-index: -1;
}

.BorderMarginContent
{
    margin: 4px;
}

.LinkSmallRemoved
{
    color: #000000 !important;
    font-family: Verdana;
    font-size: small; 
    text-decoration: none;
    cursor: default;
}

.LinkButtonAsLabel
{
    vertical-align: middle;
    padding-left:10px;
    font-size: 13px !important;
    text-decoration: none;
    cursor: pointer;
    color: #000000 !important;
    font-family: "Segoe UI", Verdana;
}
.UpdatePassword
{
    color: limegreen;
    color: #3e7d1f;
    font-weight: 600;
    float: right;
    font-size: small;
}
.UpdatePasswordFailed {
    color: red;
    font-weight: 600;
    float: left;
    font-size: small;
}
.TextAlignRight {
    text-align: right;
}
.VerticalMiddle {
    vertical-align: middle;
}