html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #1c1c1c;
    padding: 0px;
}

main {
    flex-grow: 1; /* This makes the main content area expand to fill all available space */
    /* Add padding for the content to prevent it from going behind the footer */
    padding-bottom: 120px;
    min-height: 800px;
    overflow-y: auto; /* Allows only the main content to scroll if needed */
    color: white;
}

footer {
    /* Optional: Prevents the footer from shrinking if content is too large */
    flex-shrink: 0;
    /* Add specific height or styling as needed */
    height: 120px;
    margin-top: 20px;
}

.pb-3 {
    padding-bottom: 1rem;
}

.border-top {
    border-top: 1px solid #dcdcdc;
}

.text-muted {
    color: #787878;
}

.Normal {
    font-family: Arial;
    font-size: 12px;
    color: White;
    font-weight: normal;
    letter-spacing: normal;
}

.NormalParagraph {
    font-family: Arial;
    font-size: 14px;
    line-height: 18px;
    color: White;
    font-weight: normal;
}

.NormalDesc {
    font-family: Arial;
    font-size: 12px;
    color: #dcdcdc;
    font-weight: normal;
}

.NormalBlackSmall {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    font-weight: normal;
}

.NormalBlack {
    font-family: Arial;
    font-size: 12px;
    color: Black;
    font-weight: normal;
}

.NormalBlue {
    font-family: Arial;
    font-size: 12px;
    color: #5596d6;
    font-weight: normal;
}

.NormalBlueSmall {
    font-family: Arial;
    font-size: 11px;
    color: #5596d6;
    font-weight: normal;
}

.NormalYellow {
    font-family: Arial;
    font-size: 12px;
    color: #ffe013;
    font-weight: normal;
}

.NormalBold {
    font-family: Arial;
    font-size: 12px;
    color: White;
    line-height: 14px;
    font-weight: bold;
}

.PageHead {
    font-family: Arial;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #dcdcdc;
}

.SectionHeadGrey {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #dcdcdc;
}

.SectionHead2 {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 18px;
    color: #5596d6;
}

.SectionHead3 {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 18px;
    color: #5596d6;
}

.SectionHead4 {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 25px;
    background-image: url(Images/ModL_TC.gif);
}

.SectionHead5 {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: 25px;
    color: #b4b4b4;
}

.SectionHead7 {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: white;
    background-image: url(Images/OCATTTitle.gif);
    background-position: left top;
    background-repeat: repeat-x;
    text-indent: 10px;
}

.SectionHead {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #5596d6;
}

.ColumnHead {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    color: Black;
}

.NormalTextBox {
    background-color: #191919;
    border-color: #505050;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 1;
    padding-left: 1;
    padding-right: 1;
    padding-top: 1;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #b4b4b4;
    -webkit-appearance: none;
}

.SmallFormTextBox {
    background-color: #323232;
    border-color: #b4b4b4;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 1;
    padding-left: 1;
    padding-right: 1;
    padding-top: 1;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    font-family: Arial;
    font-size: 11px;
    line-height: 14px;
    height: 14px;
    font-weight: bold;
    color: #5596d6;
}

.SmallFormLabel {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #c8c8c8;
    font-weight: normal;
}

.FormButton {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-image: url(Images/FormButtonBlack.gif);
    border: solid 1px #8c8c8c;
    height: 24px;
    color: #fe8a44;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

    .FormButton:hover {
        background-image: url(Images/FormButtonBlue.gif);
    }

.FormButtonSmall {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-image: url(Images/FormButtonBlack.gif);
    border: solid 1px #8c8c8c;
    height: 16px;
    color: #fe8a44;
    font-size: 12px;
    line-height: 11px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
}

    .FormButtonSmall:hover {
        background-image: url(Images/FormButtonBlue.gif);
    }

.SmallFormButton {
    background-color: #2339b0;
    border-color: #b4b4b4;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    font-family: Arial;
    font-size: 8px;
    font-weight: bold;
    color: #5596d6;
    line-height: 20px;
}

.NormalRed {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    color: Red;
}

.NormalRedSmall {
    font-family: arial;
    font-size: 9px;
    font-weight: normal;
    line-height: 9px;
    color: Red;
}

.SmallFormText {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 10px;
    color: #c8c8c8;
    font-weight: normal;
    text-decoration: none;
}

.SmallFormTextO {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 10px;
    color: #fe8a44;
    font-weight: normal;
    text-decoration: none;
}

.OtherTab {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    font-weight: normal;
    color: White;
    font-size: 14px;
    background-image: url(Images/TabOtherBG.gif);
}

    .OtherTab:hover {
        background-image: url(Images/TabHoverBG.gif);
    }

.SelectedTab {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    font-weight: normal;
    color: White;
    font-size: 14px;
    background-image: url(Images/TabSelectedBG.gif);
}

A {
    color: #fe8a44;
    text-decoration: none;
}

    A:hover {
        text-decoration: underline;
    }

    A:visited {
        color: #dcdcdc;
    }

.NormalDropDownList {
    text-indent: 2px;
    font-family: Arial;
    font-size: 12px;
    color: #b4b4b4;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #282828;
}

.TabImage {
    vertical-align: top;
    height: 20px;
    border-width: 0px;
    margin: 0px 0px 0px 0px;
    background-color: #a0a0a0;
}

.TabText {
    font-family: Arial;
    color: black;
    font-size: 14px;
    font-weight: bold;
    background-color: #a0a0a0;
    padding-left: 10px;
    padding-right: 15px;
}

.NormalO {
    font-family: Arial;
    font-size: 12px;
    color: #fe8a44;
}

    .NormalO:hover {
        color: #fdb67c;
    }

    .NormalO:visited {
        color: #a0a0a0;
    }

.NormalSoft {
    font-family: Arial;
    font-size: 12px;
    color: #b4b4b4;
    letter-spacing: normal;
    line-height: 15px;
}

.NormalG {
    font-family: Arial;
    font-size: 12px;
    color: #787878;
    letter-spacing: normal;
}

.NormalGNB {
    font-family: Arial;
    font-size: 12px;
    color: #787878;
    letter-spacing: normal;
    font-weight: normal;
}

.NormalY {
    font-family: Arial;
    font-size: 12px;
    color: #d0c733;
    letter-spacing: normal;
}

.FooterContainer {
    display: flex;
    flex-flow: row;
    gap: 10px;
    justify-content: space-evenly;
    border-top: 1px solid #dcdcdc;
}

.FooterColumn {
    flex-flow: column;
    padding-top: 6px;
}

.FooterCategory {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    color: #5596d6;
    letter-spacing: 2px;
    font-weight: normal;
}

.FooterText {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: white;
}

.FooterLink {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: normal;
}

.SmallWhite {
    font-family: Arial;
    font-size: 8px;
    font-weight: normal;
    color: White;
}

.NormalSub {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    line-height: 10px;
    color: #8c8c8c;
}

.NormalSubBlue {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    line-height: 10px;
    color: #5596d6;
}

.Grid {
    background-color: Black;
    border: solid 1px #505050;
}

.GridHeader {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #dcdcdc;
    line-height: 20px;
    vertical-align: bottom;
    background-image: url(Images/GridHeader.gif);
    background-position: top;
    background-repeat: repeat-x;
    text-indent: 4px;
}

.GridPager {
    color: black;
    background-color: #ffffff;
    text-align: center;
}

.GridSelectedItem {
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    background-color: #144479;
    letter-spacing: normal;
    text-indent: 4px;
    height: 24px;
}

.GridItem {
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    color: #c8c8c8;
    background-color: Black;
    letter-spacing: normal;
    text-indent: 4px;
    height: 24px;
}

.GridItemLight {
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    color: #c8c8c8;
    background-color: #111111;
    letter-spacing: normal;
    text-indent: 4px;
    height: 24px;
}

    .GridItemLight:Hover {
        background-color: #004300;
    }

.GridAlternatingItem {
    font-family: Arial;
    font-size: 12px;
    color: #c8c8c8;
    background-color: #191919;
    letter-spacing: normal;
    line-height: 14px;
    text-indent: 4px;
    height: 24px;
}

.GridItem:hover {
    background-color: #004300;
}

.GridItemBlue {
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    color: #5596d6;
}

.GridBreak {
    background-color: #111111;
}

.GridAlternatingItem:hover {
    background-color: #004300;
}

.GridButton {
    cursor: hand;
}

.GridItemSmall {
    font-family: Arial;
    font-size: 10px;
    line-height: 11px;
    color: #c8c8c8;
    background-color: Black;
    letter-spacing: normal;
    text-indent: 4px;
    height: 20px;
}

.GridAlternatingItemSmall {
    font-family: Arial;
    font-size: 10px;
    color: #c8c8c8;
    background-color: #191919;
    letter-spacing: normal;
    line-height: 12px;
    text-indent: 4px;
    height: 20px;
}

.GridItemSmall_Print {
    font-family: Arial;
    font-size: 10px;
    line-height: 11px;
    color: black;
    background-color: white;
    letter-spacing: normal;
    text-indent: 4px;
    height: 20px;
}

.GridAlternatingItemSmall_Print {
    font-family: Arial;
    font-size: 10px;
    color: black;
    background-color: #c8c8c8;
    letter-spacing: normal;
    line-height: 12px;
    text-indent: 4px;
    height: 20px;
}

.HelpPanel {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #e6e6e6;
    border-style: solid;
    border-width: 1px;
    border-color: #a0a0a0;
    background-color: #282828;
    padding: 2px;
}

.HeaderLogin {
    background-color: #b30000;
}

.HeaderAC {
    background-color: black;
}

.HeaderAC_Blue {
    background-color: #0a1bb6;
}

.ModHead {
    background-repeat: repeat-x;
    background-position: top;
}

.ModSide {
    background-repeat: repeat-y;
    background-position: left;
}

.ModSideR {
    background-repeat: repeat-y;
    background-position: right;
}

.ModTCB {
    background-image: url(Images/Mod/P1VS1Modules4_02.gif);
    background-repeat: repeat-x;
    font-family: Arial;
    color: White;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    vertical-align: top;
}

.ModBCB {
    background-image: url(Images/Mod/P1VS1Modules4_08.gif);
    background-repeat: repeat-x;
}

.ModLB {
    background-image: url(Images/Mod/P1VS1Modules4_04.gif);
    background-repeat: repeat-y;
}

.ModRB {
    background-image: url(Images/Mod/P1VS1Modules4_06.gif);
    background-repeat: repeat-y;
}


.SubModTC {
    background-image: url(Images/SubModTCBlue.gif);
    background-repeat: repeat-x;
    font-family: Arial;
    color: White;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.SubModBC {
    background-image: url(Images/SubModBCBlue.gif);
    background-repeat: repeat-x;
}

.SubModL {
    background-image: url(Images/SubModLBlue.gif);
    background-repeat: repeat-y;
}

.SubModR {
    background-image: url(Images/SubModRBlue.gif);
    background-repeat: repeat-y;
}

.SubModTCI {
    background-image: url(Images/SubMod/SubModTCI.gif);
    background-repeat: repeat-x;
    font-family: Arial;
    color: White;
    font-size: 14px;
    font-weight: bold;
    line-height: 36px;
    vertical-align: top;
}

.SubModBCI {
    background-image: url(Images/SubMod/SubModBCI.gif);
    background-repeat: repeat-x;
}

.SubModLI {
    background-image: url(Images/SubMod/SubModLI.gif);
    background-repeat: repeat-y;
}

.SubModRI {
    background-image: url(Images/SubMod/SubModRI.gif);
    background-repeat: repeat-y;
}

.SubModTCY {
    background-image: url(Images/SubMod/SubModTCY.gif);
    background-repeat: repeat-x;
    font-family: Arial;
    color: Black;
    font-size: 12px;
    font-weight: bold;
    line-height: 26px;
    vertical-align: top;
}

.SubModBCY {
    background-image: url(Images/SubMod/SubModBCY.gif);
    background-repeat: repeat-x;
}

.SubModLY {
    background-image: url(Images/SubMod/SubModLY.gif);
    background-repeat: repeat-y;
}

.SubModRY {
    background-image: url(Images/SubMod/SubModRY.gif);
    background-repeat: repeat-y;
}

.SubModGoButton {
    background-color: #06c202;
}

    .SubModGoButton:hover {
        background-color: #516c8c;
    }

.SubModGoBackButton {
    background-color: #921b07;
}

    .SubModGoBackButton:hover {
        background-color: #516c8c;
    }

.PSBar {
    background-color: Green;
    color: Blue;
}


#passwordStrength {
    height: 14px;
    display: block;
    float: left;
}

.strength0 {
    width: 154px;
    background: #cccccc;
}

.strength1 {
    width: 30px;
    background: #ff0000;
}

.strength2 {
    width: 60px;
    background: #ff5f5f;
}

.strength3 {
    width: 90px;
    background: #56e500;
}

.strength4 {
    width: 120px;
    background: #4dcd00;
}

.strength5 {
    width: 154px;
    background: #399800;
}

#container {
    min-height: 100%;
    position: relative;
}

/*#body
{
    padding: 0px;
    padding-bottom: 160px;
    margin-bottom: 160px;
}*/

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 160px;
    background-color: #200101;
}

.BGHImage {
    background-repeat: repeat-x;
}

.AuthSafelistBG {
    background-image: url(Images/SLBody.gif);
    background-repeat: repeat-x;
}

.ReportCardsIcon {
    background-image: url(Images/ReportCards.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .ReportCardsIcon:hover {
        background-image: url(Images/ReportCards_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.AdminConsoleIcon {
    background-image: url(Images/AdminConsole.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .AdminConsoleIcon:hover {
        background-image: url(Images/AdminConsole_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.HomesIcon {
    background-image: url(Images/HomeIconBlue.png);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .HomesIcon:hover {
        background-image: url(Images/HomeIcon_Hover.png);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.PropertySettingsIcon {
    background-image: url(Images/Settings.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .PropertySettingsIcon:hover {
        background-image: url(Images/Settings_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.RemotePartnersIcon {
    background-image: url(Images/RemotePartners.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .RemotePartnersIcon:hover {
        background-image: url(Images/RemotePartners_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.RemotePartnersPrintReportsIcon {
    background-image: url(Images/RP_Reports.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .RemotePartnersPrintReportsIcon:hover {
        background-image: url(Images/RP_Reports_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.ManagementIcon {
    background-image: url(Images/RP_Management.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .ManagementIcon:hover {
        background-image: url(Images/RP_Management_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.SafelistIcon {
    background-image: url(Images/Safelist.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .SafelistIcon:hover {
        background-image: url(Images/Safelist_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.HotlistIcon {
    background-image: url(Images/Hotlist.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .HotlistIcon:hover {
        background-image: url(Images/Hotlist_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.EmailIcon {
    background-image: url(Images/Email.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .EmailIcon:hover {
        background-image: url(Images/Email_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        border: none;
        width: 60px;
        height: 83px;
    }

.BlacklistIcon {
    background-image: url(Images/Blacklist.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .BlacklistIcon:hover {
        background-image: url(Images/Blacklist_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        border: none;
        width: 60px;
        height: 83px;
    }

.ReportsIcon {
    background-image: url(Images/Reports.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .ReportsIcon:hover {
        background-image: url(Images/Reports_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        border: none;
        width: 60px;
        height: 83px;
    }

.DataEntryIcon {
    background-image: url(Images/RP_DataEntry.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .DataEntryIcon:hover {
        background-image: url(Images/RP_DataEntry_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        border: none;
        width: 60px;
        height: 83px;
    }

.MobileIcon {
    background-image: url(Images/RP_Mobile.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .MobileIcon:hover {
        background-image: url(Images/RP_Mobile_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        border: none;
        width: 60px;
        height: 83px;
    }

.UserInfoIcon {
    background-image: url(Images/UserInfo.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .UserInfoIcon:hover {
        background-image: url(Images/UserInfo_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        border: none;
        width: 60px;
        height: 83px;
    }

.NotificationsCenterIcon {
    background-image: url(Images/NotificationsCenter.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .NotificationsCenterIcon:hover {
        background-image: url(Images/NotificationsCenter_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        border: none;
        width: 60px;
        height: 83px;
    }


.DelegatesIcon {
    background-image: url(Images/Delegates.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .DelegatesIcon:hover {
        background-image: url(Images/Delegates_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        border: none;
        width: 60px;
        height: 83px;
    }

.P1DelegatesIcon {
    background-image: url(Images/P1Delegates.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .P1DelegatesIcon:hover {
        background-image: url(Images/P1Delegates_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        border: none;
        width: 60px;
        height: 83px;
    }

.ParkingEnforcementIcon {
    background-image: url(Images/ParkingEnforcement.gif);
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
    width: 60px;
    height: 83px;
}

    .ParkingEnforcementIcon:hover {
        background-image: url(Images/ParkingEnforcement_Hover.gif);
        background-position: left top;
        background-repeat: no-repeat;
        width: 60px;
        height: 83px;
    }

.NormalListBox {
    font-family: Arial;
    color: White;
    background-color: #111111;
}

.USCGroup {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #5596d6;
    line-height: 20px;
    vertical-align: bottom;
    background-color: #000000;
    background-position: top;
    background-repeat: repeat-x;
}

    .USCGroup:hover {
        background-image: url(Images/GridHeaderGreen.gif);
    }

.USCControl {
    font-family: Arial;
    color: White;
    font-size: 11px;
    font-weight: normal;
}

.BreakImage {
    background-image: url(Images/SiteHeadFadeBreak.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}

.SubText {
    font-family: Arial;
    font-size: 11px;
    vertical-align: top;
    color: #787878;
    line-height: 7px;
}

.SubText_Bottom {
    font-family: Arial;
    font-size: 11px;
    vertical-align: bottom;
    color: #787878;
    line-height: 7px;
}

.SubText_Middle {
    font-family: Arial;
    font-size: 11px;
    vertical-align: middle;
    color: #787878;
    line-height: 7px;
}

.ModuleControlHeader {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    vertical-align: top;
    line-height: 22px;
    padding: 2px 8px 6px 10px;
    color: #c8c8c8;
    background-color: #1f2456;
    background-image: url(Images/FadeBreak_MCHeader.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}

.ModuleControlFooter {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    vertical-align: top;
    line-height: 22px;
    padding: 6px 8px 2px 10px;
    color: #5596d6;
    background-color: #1f2456;
    background-image: url(Images/FadeBreak_MCFooter.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.ModuleControlBody {
    background-color: black;
}

.NormalForm {
    font-family: Arial;
    font-size: 12px;
    color: white;
    font-weight: normal;
}

.MCHeader {
    background-image: url(Images/MC_topcenter.gif);
    background-repeat: repeat-x;
    font-family: Arial;
    color: White;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.MCFooter {
    background-image: url(Images/SubModBCBlue.gif);
    background-repeat: repeat-x;
}

.MCBody {
    border-left: solid 2px #505050;
    border-right: solid 2px #505050;
    background-color: #282828;
}

.MCTitle {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    color: white;
}

/* ajax__tab_technorati-theme theme */
.ajax__tabs .ajax__tab_header {
    font-family: Arial;
    background: url(Images/Tabs/TestLine.gif) repeat-x left bottom;
    background-color: #111111;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

    .ajax__tabs .ajax__tab_header .ajax__tab_outer {
        background: url(Images/Tabs/tab_inactive_outer.gif) repeat-x left top;
        border-color: #222;
        color: #222;
        background-color: #111111;
        padding-left: 10px;
        margin-right: 5px;
        margin-left: 5px;
    }

    .ajax__tabs .ajax__tab_header .ajax__tab_inner {
        background: url(Images/Tabs/tab_inactive_inner.gif) no-repeat right top;
        border-color: #666;
        color: #666;
        padding: 3px 10px 2px 0px;
    }

    .ajax__tabs .ajax__tab_header .ajax__tab_tab {
        color: #dcdcdc;
    }

.ajax__tabs .ajax__tab_hover .ajax__tab_inner {
    color: #000000;
}

.ajax__tabs .ajax__tab_active .ajax__tab_outer {
    background: url(Images/Tabs/tab_active_outer.gif) repeat-x left top;
    border-color: #222;
    color: #222;
    background-color: #111111;
    padding-left: 10px;
    margin-right: 3px;
}

.ajax__tabs .ajax__tab_active .ajax__tab_inner {
    background: url(Images/Tabs/tab_active_inner.gif) no-repeat right top;
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}

.ajax__tabs .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 16px 8px 8px 8px;
    background-color: black;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}

.mContainer {
    border: solid 1px #505050;
}

.mTitleBarFlatBlue {
    background-color: #1b69b1;
    background-image: url(Images/1x1.gif);
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.mTitle {
    text-align: left;
    color: White;
    font-family: Arial;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 2px 8px 2px 8px;
}

.mBody {
    background-color: #222222;
    color: #282828;
    padding: 10px 10px 10px 10px;
}

.popup_BG {
    background-color: #505050;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.Modal_BG {
    background-color: green;
}

.ModalContainerFS {
    display: flex;
    flex-direction: column;
    height: 90dvh;
    min-height: 0;
}

.popup_Container {
    position: absolute;
    z-index: 9999;
    border: solid 1px #505050;
}

.popup_TitlebarFlatRed {
    background-color: #b30000;
    background-image: url(Images/SiteHeadFadeBreakRed.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 30px;
}

.popup_TitlebarFlatRed {
    background-color: #b30000;
    background-image: url(Images/1x1.gif);
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.popup_TitlebarBlue {
    background-color: #0a1bb6;
    background-image: url(Images/SiteHeadFadeBreakBlue.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 30px;
}

.popup_TitlebarFlatBlue {
    background-color: #1b69b1;
    background-image: url(Images/1x1.gif);
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.popup_TitlebarGrey {
    background-image: url(Images/DropBox_Grey.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 24px;
}

.popup_Title {
    text-align: left;
    color: White;
    font-family: Arial;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
    font-weight: normal;
    letter-spacing: 2px;
    padding: 2px 8px 2px 8px;
}

.popup_Body {
    background-color: #111111;
    color: #282828;
    padding: 10px 10px 10px 10px;
}

.popup_SubTitle {
    background-color: #282828;
    padding: 2px 2px 2px 2px;
}

.popup_Buttons {
}

.ajaxDropDownListPanel {
    font-family: Arial;
    font-size: 12px;
    border: solid 1px white;
    background-color: #505050;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.ajaxDropDownListItem {
    padding: 1px 4px 1px 8px;
    color: White;
}

.ajaxDropDownListSelectedItem {
    border: solid 1px white;
}

.ContextMenuPanel {
    border: 1px solid #868686;
    z-index: 1000;
    background-color: black;
    cursor: default;
    padding: 1px 1px 0px 1px;
    font-size: 12px;
}

.ContextMenuBreak {
    margin: 1px 1px 1px 32px;
    padding: 0;
    height: 1px;
    overflow: hidden;
    display: block;
    border-top: 1px solid #C5C5C5;
}

a.ContextMenuItem {
    margin: 1px 0 1px 0;
    display: block;
    color: #fe8a44;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 19px 4px 13px;
}

a.ContextMenuItem-Selected {
    font-weight: bold;
}

a.ContextMenuItem:hover {
    background-color: #3c3c3c;
    color: #fe8a44;
    border: 1px solid #D2B47A;
    padding: 3px 18px 3px 12px;
}

.ContextMenuLabel {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    height: 24px;
    color: #fe8a44;
    font-size: 12px;
    line-height: 32px;
    vertical-align: top;
    padding: 4px 30px 4px 8px;
}

.ContextMenu {
    letter-spacing: normal;
    height: 24px;
    background-image: url(Images/DropBox_Grey.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.UpdateText {
    font-family: Arial;
    font-size: 11px;
    color: #b4b4b4;
    letter-spacing: normal;
}

/* Force the AJAX Calendar container to render correctly */
/*.ajax__calendar {
    display: block !important;
    position: absolute !important;*/ /* Must be absolute to pop over other elements */
/*z-index: 10000 !important;*/ /* Ensures it renders above all Flexbox layers */
/*}*/

/* Fix table cells within the calendar to prevent squishing in Flexbox */
/*.ajax__calendar table {
        display: table !important;
    }

    .ajax__calendar tr, .ajax__calendar td {
        display: table-cell !important;
    }

.ajax__calendar {
    display: block;
    color: blue;
    font-weight: bold;
    text-decoration: underline;
}*/

.ajax__calendar {
    display: block !important;
    position: absolute !important; /* removes it from flex flow */
    z-index: 9999;
}


/* The actual popup div gets a generated class based on CssClass */
.my-calendar.ajax__calendar {
    display: block !important;
    position: absolute !important;
    top: auto !important;
    left: auto !important;
}

.ajax__calendar_today {
    color: #b86533;
    font-weight: bold;
    text-decoration: underline;
}

.SafelistCalendarWeekDay {
    cursor: pointer;
    font-family: Arial;
    background-image: url(Images/SafelistWeekDay.gif);
    border: solid 1px #8c8c8c;
    width: 25px;
    height: 30px;
    color: black;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding: 0px 4px 0px 4px;
}

    .SafelistCalendarWeekDay:hover {
        background-image: url(Images/SafelistHover.gif);
        color: #eeeeee;
    }

.SafelistCalendarWeekEnd {
    cursor: pointer;
    font-family: Arial;
    background-image: url(Images/SafelistWeekEnd.gif);
    border: solid 1px #8c8c8c;
    width: 25px;
    height: 30px;
    color: black;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding: 0px 4px 0px 4px;
}

    .SafelistCalendarWeekEnd:hover {
        background-image: url(Images/SafelistHover.gif);
        color: #eeeeee;
    }

.SafelistCalendarYesterday {
    cursor: pointer;
    font-family: Arial;
    background-image: url(Images/SafelistYesterday.gif);
    border: solid 1px #8c8c8c;
    width: 25px;
    height: 30px;
    color: black;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding: 0px 4px 0px 4px;
}

.SafelistCalendarLocked {
    cursor: pointer;
    font-family: Arial;
    background-image: url(Images/SafelistLocked.gif);
    border: solid 1px #8c8c8c;
    width: 25px;
    height: 30px;
    color: black;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding: 0px 4px 0px 4px;
}

.SafelistCalendarPending {
    cursor: pointer;
    font-family: Arial;
    background-image: url(Images/SafelistPending.gif);
    border: solid 1px #8c8c8c;
    width: 25px;
    height: 30px;
    color: black;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    padding: 0px 4px 0px 4px;
}

.TextBoxWatermark {
    background-color: #191919;
    border-color: #505050;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 1;
    padding-left: 1;
    padding-right: 1;
    padding-top: 1;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #414141;
}

.SafelistIconLocked {
    background-image: url(Images/SaflistToken.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SafelistIconUnlocked {
    background-image: url(Images/SafelistToken_Locked.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SafelistUsed {
    cursor: default;
    background-color: #2b2f59;
    border-color: #5596d6;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 1;
    padding-left: 1;
    padding-right: 1;
    padding-top: 1;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom;
    font-family: Arial;
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    color: #f0f0f0;
    height: 17px;
}

.SafelistLockDate {
    font-family: Arial;
    font-weight: normal;
    color: #b4b4b4;
    font-size: 12px;
}

.SLCatModGrey {
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    color: White;
    letter-spacing: 2px;
    background-image: url(Images/safelistModTitle_Grey.gif);
    background-repeat: repeat-x;
    line-height: 20px;
    padding-left: 7px;
}

.SLCatModBlue {
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    color: White;
    letter-spacing: 2px;
    background-image: url(Images/safelistModTitle_Blue.gif);
    background-repeat: repeat-x;
    line-height: 20px;
    padding-left: 7px;
}

.SLCatModOrange {
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    color: White;
    letter-spacing: 2px;
    background-image: url(Images/safelistModTitle_Orange.gif);
    background-repeat: repeat-x;
    line-height: 20px;
    padding-left: 7px;
}

.SLStatus_Yellow {
    font-family: Arial;
    background-image: url(Images/safelistModTitle_Yellow.gif);
    background-repeat: repeat-x;
    font-size: 8px;
    color: black;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 20px;
}

.SLStatus_Green {
    font-family: Arial;
    background-image: url(Images/safelistModTitle_Green.gif);
    background-repeat: repeat-x;
    font-size: 8px;
    color: black;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 20px;
}

.SLStatus_Red {
    font-family: Arial;
    background-image: url(Images/safelistModTitle_Red.gif);
    background-repeat: repeat-x;
    font-size: 8px;
    color: white;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 20px;
}


.SLCatModGreen {
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    color: Black;
    letter-spacing: 2px;
    background-image: url(Images/safelistModTitle_Green.gif);
    background-repeat: repeat-x;
    line-height: 20px;
    padding-left: 10px;
}

.SubModHeadYellow {
    background-image: url(Images/SubModHeadYellow.gif);
    background-position: left top;
    background-repeat: repeat-x;
    color: Black;
    line-height: 15px;
    font-size: 12px;
    font-family: arial;
}

.SLCatHeader {
    background-image: url(Images/SafelistingCategories/SLCat_TC.gif);
    background-repeat: repeat-x;
    font-family: Arial;
    color: White;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.SLCatTitle {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: white;
}

.SLCatLight {
    border-right: solid 3px #505050;
    background-color: #111111;
}

.SLCatLightBG {
    background-image: url(Images/SafelistingCategories/SLCat_ML.gif);
    background-position: left top;
    background-repeat: repeat-y;
}

.SLCatBody {
    border-left: solid 3px #505050;
    background-color: #111111;
}

.SLCatFooter {
    background-image: url(Images/SafelistingCategories/SLCat_BC.gif);
    background-repeat: repeat-x;
}

.SLCatLightRed {
    background-image: url(Images/SafelistingCategories/SLCat_Light_Red.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SLCatLightYellow {
    background-image: url(Images/SafelistingCategories/SLCat_Light_Yellow.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SLCatLightGreen {
    background-image: url(Images/SafelistingCategories/SLCat_Light_Green.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.SLCatLightNone {
    background-image: url(Images/SafelistingCategories/1x1.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.NormalDisabled {
    color: #505050;
    text-decoration: none;
}

.AdminMod {
    background-color: #a0a0a0;
}

.AdminMod_Print {
    background-color: #000000;
}

.AdminModTitle {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: white;
    background-image: url(Images/adminModTitle_Blue.gif);
    background-position: left top;
    background-repeat: repeat-x;
    text-indent: 10px;
}

.AdminModTitle_Green {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: white;
    background-image: url(Images/adminModTitle_Green.gif);
    background-position: left top;
    background-repeat: repeat-x;
    text-indent: 10px;
}

.AdminModTitle_Red {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: white;
    background-image: url(Images/adminModTitle_Red.gif);
    background-position: left top;
    background-repeat: repeat-x;
    text-indent: 10px;
}

.AdminModTitle_Orange {
    font-family: Arial;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    color: white;
    background-image: url(Images/adminModTitle_Orange.gif);
    background-position: left top;
    background-repeat: repeat-x;
    text-indent: 10px;
}

.AdminModSubTitle {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #dcdcdc;
    background-image: url(Images/adminModTitle_grey.gif);
    background-position: left center;
    background-repeat: repeat-x;
    text-indent: 10px;
    line-height: 8px;
}

.AdminModBody {
    font-family: Arial;
    font-size: 12px;
    color: White;
    background-color: #282828;
    font-weight: normal;
    letter-spacing: normal;
}

.AdminModBody_Print {
    font-family: Arial;
    font-size: 12px;
    color: Black;
    background-color: white;
    font-weight: normal;
    letter-spacing: normal;
}

.AdminModComment {
    font-family: Arial;
    font-size: 12px;
    color: #c8c8c8;
    background-color: #282828;
    font-weight: normal;
    letter-spacing: normal;
}

.AdminModSubHead {
    font-family: Arial;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #5596d6;
}

.AdminModSubHead2 {
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    color: #5596d6;
}

.AdminTier1 {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    background-color: black;
    line-height: 22px;
    background-image: url(Images/GridHeader.gif);
}

.AdminTier2 {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

.HDTitle {
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    color: #5596d6;
}

.HDSummary {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #ebebeb;
}

.HDKeywords {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    color: #8c8c8c;
}

.HDBody {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #ebebeb;
}

.HDFooter {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
    color: #8c8c8c;
}

.HD1 {
    font-size: 16px;
    font-weight: normal;
    background-color: #282828;
    padding-left: 10px;
    padding-right: 50px;
    line-height: 24px;
    color: #5596d6;
    border: solid 1px #505050;
}

.HD2 {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    border: solid 1px #ebebeb;
    background-color: black;
    padding-left: 2px;
    padding-right: 4px;
}

.HDLI1 {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #5596d6;
}

.HDTab {
    padding-left: 10px;
}

.HDSubHead {
    font-size: 16px;
    font-weight: normal;
    background-color: #282828;
    padding-left: 10px;
    padding-right: 50px;
    line-height: 24px;
    color: #5596d6;
    font-style: italic;
    border: solid 1px #505050;
}

.Help {
    background-image: url(Images/help.gif);
}

    .Help:hover {
        background-image: url(Images/help_hover.gif);
    }

.ContainerBorder {
    border: solid 1px #505050;
}

.ContainerTitle {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    color: white;
    background-image: url(Images/ContainerTitleBG_Blue.gif);
    background-position: left top;
    background-repeat: repeat-x;
    text-indent: 5px;
}

.NewDataGridHeader {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #5596d6;
    text-align: center;
    background-image: url(Images/New1BlackBar.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.FSet {
    color: White;
    font-family: Arial;
    font-size: 12px;
    border-width: 1px;
}

.DateButton_Up {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-image: url(Images/FormButtonBlack.gif);
    border: solid 1px #8c8c8c;
    height: 24px;
    color: #fe8a44;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    width: 30px;
}

.DateButton_Dn {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-image: url(Images/FormButtonBlue.gif);
    border: solid 1px #8c8c8c;
    height: 24px;
    color: #fe8a44;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    width: 30px;
}

.SiteHeadBreak {
    background-image: url(Images/SiteHeadFadeBreak.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.SiteHeadBreak_Red {
    background-image: url(Images/SiteHeadFadeBreakRed.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.SiteHeadBreak_Blue {
    background-image: url(Images/SiteHeadFadeBreakBlue.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

.Superscript {
    font-family: Arial;
    font-size: 8px;
    line-height: 8px;
    vertical-align: top;
}

.EVTitle {
    background-image: url(Images/EVTitleBG.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.EVSubTitle {
    background-image: url(Images/EVETBG.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.SearchPrompt {
    font-family: Arial;
    font-size: 11px;
    font-style: italic;
    color: #505050;
}

.AccordionHeader {
    font-family: Arial;
    font-size: 12px;
    color: White;
    border: solid 1px #505050;
    background-image: url(Images/EVTitleBG.gif);
    vertical-align: middle;
    padding: 2px 2px 2px 2px;
    margin: 10px 0px 10px 0px;
    cursor: pointer;
}

.AccordionHeader_Selected {
    font-family: Arial;
    font-size: 12px;
    color: White;
    border: solid 1px #505050;
    background-image: url(Images/EVGreyBG.gif);
    vertical-align: middle;
    padding: 2px 2px 2px 2px;
    cursor: pointer;
}

.AccordionContent {
    font-family: Arial;
    font-size: 12px;
    color: #fe8a44;
    background-color: Black;
    border: dotted 1px #505050;
    vertical-align: middle;
    padding: 6px 4px 6px 4px;
    line-height: 20px;
}

.SubModTitle_Yellow {
    font-family: Arial;
    background-image: url(Images/safelistModTitle_Yellow.gif);
    background-repeat: repeat-x;
    font-size: 12px;
    color: black;
    letter-spacing: 2px;
    padding: 0px 0px 0px 4px;
    font-weight: normal;
    line-height: 20px;
}

.EVMButtons {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    height: 15px;
}

.EVMViolationTitle {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    vertical-align: middle;
    color: White;
    background-image: url(Images/EVTitleBG.gif);
}

.EVTSmall {
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 9px;
    line-height: 11px;
    color: Black;
    font-weight: normal;
    vertical-align: middle;
}

.EVMEnforcementPolicy {
    font-family: Verdana;
    font-size: 9px;
    font-weight: normal;
    line-height: 20px;
    vertical-align: middle;
    color: White;
    background-image: url(Images/EVETBG.gif);
}

.EVMViolationDetail {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
    height: 30px;
    color: Black;
    vertical-align: middle;
    background-color: White;
}

.SelectablePanel {
    cursor: pointer;
}

.EVMT {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: White;
    line-height: 15px;
    vertical-align: middle;
}

.Z100 {
    position: relative;
    z-index: 100 !important;
    width: inherit;
}

.Z99 {
    position: relative;
    font-size: 54px;
    top: 9px;
    left: 25px;
    z-index: 100 !important;
}

.BadgeIcon_Numeric {
    position: relative;
    font-size: 12px;
    line-height: 25px;
    font-family: Arial;
    font-weight: bold;
    color: #dcdcdc;
    vertical-align: bottom;
    text-align: center;
    background-image: url(Images/badge_numeric.png);
    background-position: center middle;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    top: 20px;
    left: -4px;
    z-index: 100 !important;
}

.MainButton {
    cursor: pointer;
    background-image: url(Images/FormButtonBlack.gif);
    border: solid 1px #8c8c8c;
    height: 24px;
    line-height: 12px;
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 10px;
}

    .MainButton:Hover {
        background-color: Green;
    }

.MainButton_Text {
    font-family: Arial;
    letter-spacing: normal;
    color: #fe8a44;
    height: 24px;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

.MainObject {
    background-color: #232323;
}

    .MainObject:Hover {
        background-color: #505050;
    }

.TitleObject {
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    color: White;
    letter-spacing: 2px;
    background-image: url(Images/safelistModTitle_Grey.gif);
    background-repeat: repeat-x;
    line-height: 20px;
    padding-left: 7px;
}

    .TitleObject:Hover {
        background-image: url(Images/safelistModTitle_Blue.gif);
        background-repeat: repeat-x;
    }

.BodyObject {
    background-color: black;
    font-family: Arial;
    font-size: 12px;
    color: #505050;
    padding: 10px 10px 10px 10px;
}

    .BodyObject:Hover {
        background-color: #232323;
        color: #6e6e6e;
    }

.Box9Title {
    padding: 0px 0px 0px 25px;
    font-family: Arial;
    color: White;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    letter-spacing: 1px;
    vertical-align: middle;
}

.ModTitle_Blue {
    background-image: url(Images/ModTitle_Blue.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 24px;
}

.ModTitle_Grey {
    background-image: url(Images/ModTitle_Grey.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 24px;
}

.ModLink {
    font-family: Arial;
    font-size: 12px;
    color: #fe8a44;
    border: solid 1px black;
    padding: 4px 4px 4px 4px;
}

    .ModLink:Hover {
        font-family: Arial;
        font-size: 12px;
        color: #fe8a44;
        border: solid 1px #505050;
        background-color: #282828;
        padding: 4px 4px 4px 4px;
        text-decoration: none;
    }

.SiteHeadButton {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: White;
    background-image: url(Images/SiteHeadFadeBreak.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 4px 4px 4px 4px;
}

.ClickPanel {
    font-family: Arial;
    font-size: 14px;
    line-height: 24px;
    color: White;
    vertical-align: top;
    cursor: pointer;
    border-left: solid 1px #b4b4b4;
    border-right: solid 1px #b4b4b4;
    border-top: none;
    border-bottom: solid 1px #b4b4b4;
    background-color: #0a1bb6;
    background-image: url(Images/SiteHeadFadeBreakBlue.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 10px 10px 8px 10px;
}

    .ClickPanel:Hover {
        color: White;
        background-color: #b30000;
        background-image: url(Images/SiteHeadFadeBreakRed.gif);
        text-decoration: none;
    }

.TitleButtonLink {
    background-color: #505050;
    font-family: Arial;
    font-size: 12px;
    color: White;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 4px 10px 4px 10px;
    border-top: solid 1px #7d7d7d;
    border-left: solid 1px #7d7d7d;
    border-right: solid 1px #7d7d7d;
    border-bottom: none;
    text-decoration: none;
    background-image: url(Images/SiteHeadFadeBreakGrey.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}

    .TitleButtonLink:Hover {
        background-color: #0a1bb6;
        background-image: url(Images/SiteHeadFadeBreakBlue.gif);
    }

.TitleButtonText {
    color: White;
    font-family: Arial;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
}

    .TitleButtonText:Hover {
        text-decoration: none;
    }

.ImageTextButton_Video {
    font-family: Arial;
    font-size: 12px;
    line-height: 22px;
    color: #fe8a44;
    border: solid 1px black;
    padding: 10px 4px 10px 30px;
    background-image: url(Images/Video.png);
    background-position: left center;
    background-repeat: no-repeat;
    vertical-align: middle;
}

    .ImageTextButton_Video:Hover {
        font-family: Arial;
        font-size: 12px;
        line-height: 22px;
        color: #fe8a44;
        border: solid 1px #505050;
        background-color: #282828;
        padding: 10px 4px 10px 30px;
        text-decoration: none;
    }

.BG1 {
    background-image: url(Images/BG1.png);
    background-position: left middle;
    background-repeat: no-repeat;
}

.Lighting {
    background-image: url(Images/lighting.png);
    background-position: center top;
    background-repeat: no-repeat;
}

.AdImage {
    z-index: 1;
}

.AdFloat {
    position: relative;
    top: -245px;
    left: 8px;
    width: 50px;
    height: 50px;
    z-index: 100;
}

.AdFloat2 {
    position: relative;
    top: -245px;
    left: -400px;
    width: 50px;
    height: 50px;
    z-index: 100;
}

.AdText2_Title {
    font-family: Verdana;
    font-size: 20px;
    font-weight: bold;
    color: #e12622;
}

.AdText2_Text {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #900202;
}

.DLFloat {
    position: relative;
    font-size: 1px;
    top: 0px;
    left: 20px;
    z-index: 100 !important;
}

.DL_Blue {
    font-family: Arial;
    font-size: 24px;
    font-weight: normal;
    padding: 10px 10px 10px 30px;
    cursor: pointer;
    background-image: url(Images/DL_Button1.png);
    background-repeat: no-repeat;
    background-position: right top;
    color: #ffffff;
    text-decoration: none;
}

    .DL_Blue:Hover {
        font-family: Arial;
        font-size: 24px;
        font-weight: normal;
        padding: 10px 10px 10px 30px;
        cursor: pointer;
        background-image: url(Images/DL_Button1_Hover.png);
        color: #ffffff;
        text-decoration: none;
    }

.DL_Grey {
    font-family: Arial;
    font-size: 24px;
    font-weight: normal;
    padding: 10px 10px 10px 30px;
    cursor: pointer;
    background-image: url(Images/DL_Button2.png);
    background-repeat: no-repeat;
    background-position: right top;
    color: #ffffff;
    text-decoration: none;
}

    .DL_Grey:Hover {
        font-family: Arial;
        font-size: 24px;
        font-weight: normal;
        padding: 10px 10px 10px 30px;
        cursor: pointer;
        background-image: url(Images/DL_LightGrey.gif);
        color: #ffffff;
        text-decoration: none;
    }

.DL_Button3 {
    font-family: Arial;
    font-size: 24px;
    font-weight: normal;
    padding: 10px 10px 10px 30px;
    cursor: pointer;
    background-image: url(Images/DL_Button3.png);
    background-repeat: no-repeat;
    background-position: right top;
    color: #ffffff;
    text-decoration: none;
}

    .DL_Button3:Hover {
        font-family: Arial;
        font-size: 24px;
        font-weight: normal;
        padding: 10px 10px 10px 30px;
        cursor: pointer;
        background-image: url(Images/DL_LightGrey.gif);
        color: #ffffff;
        text-decoration: none;
    }

.DL_Button4 {
    font-family: Arial;
    font-size: 24px;
    font-weight: normal;
    padding: 10px 10px 10px 30px;
    cursor: pointer;
    background-image: url(Images/DL_Button4.png);
    background-repeat: no-repeat;
    background-position: right top;
    color: #ffffff;
    text-decoration: none;
}

    .DL_Button4:Hover {
        font-family: Arial;
        font-size: 24px;
        font-weight: normal;
        padding: 10px 10px 10px 30px;
        cursor: pointer;
        background-image: url(Images/DL_LightGrey.gif);
        color: #ffffff;
        text-decoration: none;
    }

.Nav_Left {
    background-image: url(Images/Nav_Left.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.Nav_Right {
    background-image: url(Images/Nav_Right.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.Nav_Center {
    background-image: url(Images/Nav_Center.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.Nav_Empty {
    background-image: url(Images/Nav_Empty.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

.Nav_Break {
    background-image: url(Images/NavBreak.png);
    background-position: left top;
    background-repeat: no-repeat;
}

.NavItem {
    font-family: Verdana;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    color: White;
    padding: 6px 20px 6px 20px;
    background-image: url(Images/Nav_Center.gif);
    background-position: left center;
    background-repeat: repeat-x;
    text-decoration: none;
}

.NavItem_Alt {
    font-family: Verdana;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    color: White;
    padding: 6px 20px 6px 20px;
    background-image: url(Images/Nav_Center_Alt.gif);
    background-position: left center;
    background-repeat: repeat-x;
    text-decoration: none;
}

.NavItem:Hover {
    font-family: Verdana;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    color: White;
    padding: 6px 20px 6px 20px;
    background-image: url(Images/Nav_Center_Hover.gif);
    background-position: left center;
    background-repeat: repeat-x;
    text-decoration: none;
}

.NavItem_Red {
    font-family: Verdana;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    color: White;
    padding: 6px 20px 6px 20px;
    background-color: red;
    background-position: left center;
    background-repeat: repeat-x;
    text-decoration: none;
}

    .NavItem_Red:Hover {
        font-family: Verdana;
        font-size: 12px;
        line-height: 26px;
        font-weight: bold;
        color: White;
        padding: 6px 20px 6px 20px;
        background-color: red;
        background-image: url(Images/Nav_Center_Hover.gif);
        background-position: left center;
        background-repeat: repeat-x;
        text-decoration: none;
    }

.NavBarGrey_Center {
    background-image: url(Images/NavBarGrey_Center.gif);
    background-position: left center;
    background-repeat: repeat-x;
    padding: 0px 40px 0px 30px;
    font-family: Verdana;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    color: White;
}

.NavBarBlue_Center {
    background-image: url(Images/NavBarBlue_Center.gif);
    background-position: left center;
    background-repeat: repeat-x;
    padding: 0px 40px 0px 30px;
    font-family: Verdana;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    color: White;
}

.NavBarNone_Center {
    padding: 0px 40px 0px 30px;
    font-family: Verdana;
    font-size: 12px;
    line-height: 26px;
    font-weight: normal;
    color: White;
}


.NavBar_Badge {
    position: relative;
    font-size: 1px;
    top: 4px;
    left: 24px;
    z-index: 100 !important;
}

.FAQQuestion {
    font-family: Arial;
    font-size: 14px;
    color: #fe8a44;
    line-height: 30px;
}

.FAQAnswer {
    font-family: Arial;
    font-size: 12px;
    color: #787878;
    line-height: 20px;
    border: solid 1px #505050;
    padding: 4px 4px 4px 4px;
    background-color: black;
}

.CommentBox_TR {
    position: relative;
    background-color: Green;
    font-family: Arial;
    font-size: 11px;
    color: White;
    font-weight: normal;
    top: -300;
    left: 300;
    padding: 0px 8px 0px 0px;
}

.Feedback {
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal;
    color: #787878;
}

.ModuleHyperlink {
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    color: #fe8a44;
    border: solid 1px black;
    padding: 6px 6px 6px 6px;
    vertical-align: middle;
    text-decoration: none;
    cursor: hand;
}

    .ModuleHyperlink:Hover {
        font-family: Arial;
        font-size: 12px;
        line-height: 14px;
        color: #fe8a44;
        border: solid 1px #505050;
        background-color: #282828;
        padding: 6px 6px 6px 6px;
        text-decoration: none;
        cursor: hand;
    }

.ModuleHyperlink_Header {
    font-family: Arial;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    letter-spacing: 2px;
    color: #5596d6;
    text-decoration: none;
}

.Graphic {
    vertical-align: middle;
}

.RCHeader {
    font-family: Arial;
    font-size: 16px;
    background-image: url(Images/rc_header.gif);
    background-position: left top;
    background-repeat: repeat-x;
    line-height: 50px;
    vertical-align: middle;
}

.UCLabel_Left {
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    line-height: 21px;
    color: White;
}

.UCLabel_Right {
    text-align: right;
    font-family: Arial;
    font-size: 12px;
    line-height: 21px;
    color: White;
}

.tableCell {
    border: solid 1px #505050;
    background-color: #111111;
    padding: 2px 2px 2px 2px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: white;
}

.tableCellG {
    border: solid 1px #505050;
    background-color: #111111;
    padding: 2px 2px 2px 2px;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #787878;
}

.ColMatch {
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    color: #c8c8c8;
    background-color: Green;
    letter-spacing: normal;
    text-indent: 4px;
    height: 24px;
}

.ColNoMatch {
    font-family: Arial;
    font-size: 12px;
    line-height: 14px;
    color: #c8c8c8;
    letter-spacing: normal;
    text-indent: 4px;
    height: 24px;
}

.DBPOBox {
    padding: 1px 1px 1px 1px;
    background-color: #111111;
}

    .DBPOBox:Hover {
        font-family: Arial;
        font-size: 16px;
        color: black;
        border: solid 1px black;
        padding: 0px 0px 0px 0px;
        vertical-align: middle;
        background-color: #282828;
        cursor: pointer;
    }

.NormalText {
    font-family: Arial;
    font-size: 12px;
    color: #e6e6e6;
    font-weight: normal;
    letter-spacing: normal;
}

.FlatList {
}

.FlatListHeader {
    font-family: Arial;
    color: White;
    font-size: 12px;
    background-color: #1b69b1;
    line-height: 16px;
    height: 16px;
    border-left: solid 1px #505050;
    border-right: solid 1px #505050;
    border-top: solid 1px #505050;
    text-indent: 4px;
}

.FlatListItem {
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    color: #e6e6e6;
    background-color: #222222;
    border-left: solid 1px #505050;
    border-right: solid 1px #505050;
    border-bottom: solid 1px #505050;
}

    .FlatListItem:Hover {
        background-color: #223857;
        cursor: pointer;
    }

.FlatListItemBroken {
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    color: #e6e6e6;
    background-color: #222222;
    text-indent: 4px;
}

.BoxListItem {
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    color: #e6e6e6;
    text-indent: 4px;
    border: solid 1px #505050;
    background-color: #222222;
}

    .BoxListItem:Hover {
        background-color: #223857;
        cursor: pointer;
    }

.BoxListSelectedItem {
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    color: #e6e6e6;
    text-indent: 4px;
    border: solid 1px white;
    background-color: #0a2347;
}

.FlatListCell {
    border: solid 1px #505050;
    background-color: #222222;
}

    .FlatListCell:Hover {
        background-color: #223857;
        cursor: pointer;
    }

.FlatListAlternatingItem {
    font-family: Arial;
    font-size: 12px;
    line-height: 16px;
    color: #e6e6e6;
    background-color: #333333;
    border-left: solid 1px #505050;
    border-right: solid 1px #505050;
    border-bottom: solid 1px #505050;
}

    .FlatListAlternatingItem:Hover {
        background-color: #223857;
        cursor: pointer;
    }

.ModuleTitleFlat {
    background-color: #1b69b1;
    border: solid 1px #505050;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #e6e6e6;
    font-family: Arial;
    font-weight: normal;
    text-indent: 10px;
    text-decoration: none;
}

.ModuleBodyFlat {
    background-color: black;
    border-bottom: solid 1px #505050;
    border-left: solid 1px #505050;
    border-right: solid 1px #505050;
    border-top: none 0px black;
}

.FormButtonFlat {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-color: #248617;
    border: solid 1px #8c8c8c;
    height: 24px;
    color: white;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

    .FormButtonFlat:hover {
        background-color: #ebebeb;
        color: Black;
    }

.FormButtonFlat_Blue {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-color: #1b69b1;
    border: solid 1px #8c8c8c;
    height: 24px;
    color: white;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

    .FormButtonFlat_Blue:hover {
        background-color: #ebebeb;
        color: Black;
    }

.FormButtonFlat_Grey {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-color: #333333;
    border: solid 1px #8c8c8c;
    height: 24px;
    color: white;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

    .FormButtonFlat_Grey:hover {
        background-color: #ebebeb;
        color: Black;
    }

.FormButtonFlat_Red {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-color: #820202;
    border: solid 1px #8c8c8c;
    height: 24px;
    color: white;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

    .FormButtonFlat_Red:hover {
        background-color: #ebebeb;
        color: Black;
    }

.FormButtonFlatSmall {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-color: #248617;
    border: solid 1px #8c8c8c;
    height: 18px;
    color: white;
    font-size: 12px;
    line-height: 12px;
    vertical-align: middle;
    padding-left: 4px;
    padding-right: 4px;
}

    .FormButtonFlatSmall:Hover {
        background-color: #ebebeb;
        color: Black;
    }

.ModuleTitleButtonFlat {
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    background-color: #248617;
    border: solid 1px #8c8c8c;
    height: 22px;
    color: white;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    margin: 0px 0px 0px 2px;
}

    .ModuleTitleButtonFlat:Hover {
        background-color: #ebebeb;
        color: Black;
    }

.PPPanelActive {
    border: solid 1px #505050;
    background-color: #282828;
    padding: 10px 10px 10px 10px;
}

.PPPanelInactive {
    border: solid 1px #282828;
    background-color: #505050;
    filter: alpha(opacity=50);
    opacity: 0.4;
    padding: 10px 10px 10px 10px;
}

.RDPage:Hover {
    background-color: #505050;
}

.RDPageBorder {
    border: solid 1px #505050;
}

.NavBox {
    border: 1px solid #505050;
}

.NavTitle {
    border-bottom: 1px solid #505050;
    background-color: #1b69b1;
    font-size: 14px;
    color: White;
}

.MDList {
    border: 1px solid #505050;
    background-color: #111111;
    font-size: 12px;
    color: White;
}

}

.MDListItem {
    border-bottom: 1px solid #505050;
    height: 40px;
}

    .MDListItem:Hover {
        background-color: #253953;
        cursor: pointer;
    }

.MDListAlternatingItem {
    border-bottom: 1px solid #505050;
    height: 40px;
    background-color: Black;
}

    .MDListAlternatingItem:Hover {
        background-color: #253953;
        cursor: pointer;
    }

.MDListSelectedItem {
    border-bottom: 1px solid #505050;
    height: 40px;
    background-color: #06447d;
    cursor: pointer;
}

.linebreak {
    height: 1px;
    clear: both;
    background-color: #505050;
}

.linebreakpadded {
    height: 1px;
    clear: both;
    background-color: #505050;
    margin-top: 10px;
    margin-bottom: 10px;
}

.linebreakpaddedbottom {
    height: 1px;
    clear: both;
    background-color: #505050;
    margin-bottom: 10px;
}

.SubBox {
    margin: 10px 10px 10px 10px;
}

.EVParams {
    font-family: Verdana;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 4px 4px 10px;
}

.DBPOBox {
    padding: 1px 1px 1px 1px;
    background-color: black;
}

.RedBold {
    font-family: Arial;
    color: black;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px;
}

.paddedtitle {
    padding: 2px 2px 2px 2px;
}

.paddedbody {
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}

.cat {
    font-size: 12px;
    font-weight: normal;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
}

.response {
    font-size: 12px;
    font-weight: bold;
    width: auto;
}

#DescContainer {
    font-family: Arial;
    display: table;
    margin: 0 auto;
    border: 1px solid black;
    background-color: #fcfaba;
    padding: 4px 4px 4px 4px;
    margin: 20px 20px 20px 20px;
}

.GeneralDesc {
    color: black;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 12px;
    text-align: left;
}

#inner {
    display: table;
    margin: 0 auto;
}

.status {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.statusdiv {
    text-align: center;
}

.StatusOther {
    background-color: #3eaa50;
    color: White;
}

.StatusActive {
    background-color: #ff0511;
    color: White;
}

.StatusComment {
    color: #dcdcdc;
}

.detailsdiv {
    text-align: center;
}

.Queue_Initialized {
    font-family: Arial;
    color: white;
}

.Queue_Processing {
    font-family: Arial;
    background-color: #5596d6;
    color: white;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

.Queue_Sent {
    font-family: Arial;
    color: white;
}

.Queue_Other {
    font-family: Arial;
    background-color: red;
    color: white;
}

.Queue_Container {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

.PRContainer {
    display: flex;
    width: 100%;
    height: 700px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    float: left;
    clear: both;
    position: relative;
}

.PRWindow {
    display: block;
    width: 500px;
}

.WebsiteHeaderAlertMessage {
    line-height: 30px;
    color: white;
    font-family: Arial, sans-serif;
}

.box {
    display: none;
    background: #ccc;
    width: 200px;
    height: 100px;
}

#trigger:checked + .box {
    display: block;
}

#trigger {
    display: none;
}

.CIPINTitle {
    font-family: Arial;
    font-weight: normal;
    font-size: 14px;
    color: White;
    letter-spacing: 2px;
    line-height: 20px;
    padding-left: 7px;
}

.btn {
    height: 20px;
    border-radius: 8px;
    text-align: center;
    padding: 4px;
    color: white;
    font-size: 16px;
    cursor: pointer;
    font-family: Arial;
    letter-spacing: normal;
    border: solid 1px dimgray;
    height: 40px;
    line-height: 16px;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

.btn-primary {
    background-color: #428bca;
}

.btn-secondary {
    background-color: #ed9c28;
}

.btn-close {
    background-color: #697579;
}

.btn-primary:hover {
    background-color: #a0ccf2;
}

.btn-secondary:hover {
    background-color: #edc080;
}

.btn-close:hover {
    background-color: #c8cdcf;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus,
    .btn-warning.focus {
        color: #fff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #fff;
        background-color: #ec971f;
        border-color: #d58512;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: #449d44;
        border-color: #398439;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #fff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #fff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

.Normal-xl {
    font-size: 16px;
    line-height: 18px;
}

.Normal-xxl {
    font-size: 18px;
    line-height: 20px;
}

.spacing-2 {
    letter-spacing: 2px;
}

.appt {
    border-radius: 8px;
    text-align: center;
    background-color: transparent;
    padding: 4px;
    color: #eeeeee;
    font-size: 16px;
    cursor: pointer;
    font-family: Arial;
    letter-spacing: 1.5px;
    border: solid 1px dimgray;
    height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 30px;
    vertical-align: middle;
    display: inline-block;
}

.highlight-box {
    border-radius: 8px;
    text-align: center;
    background-color: #202020;
    color: white;
    padding: 4px;
    border: solid 1px dimgray;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
    display: inline-block;
}

.highlight-box-blue {
    border-radius: 8px;
    text-align: center;
    background-color: #263542;
    color: white;
    padding: 4px;
    border: solid 1px dimgray;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
    display: inline-block;
}

/* custom buttons */
.btn-custom-primary {
    background-color: #E24715;
    border-color: #cb4013;
    color: #fff;
}

    .btn-custom-primary:hover, .btn-custom-primary:focus, .btn-custom-primary:active, .btn-custom-primary.active,
    .btn-custom-primary .open {
        background-color: #d94414;
        color: #fff;
    }

.btn-custom-secondary {
    background-color: #1CACA0;
    border-color: #18968c;
    color: #fff;
}

    .btn-custom-secondary:hover, .btn-custom-secondary:focus, .btn-custom-secondary:active, .btn-custom-secondary.active,
    .btn-custom-secondary .open {
        background-color: #1ba398;
        color: #fff;
    }

.btn-custom-alert {
    background-color: #FF0000;
    border-color: #18968c;
    color: #fff;
}

    .btn-custom-alert:hover {
        background-color: #1ba398;
        color: #fff;
    }

.btn-xs {
    padding: 1px 5px;
    line-height: 1;
    font-size: 12px;
    line-height: 1.0;
    height: 20px;
    border-radius: 4px;
}

.btn-sm {
    padding: 1px 8px;
    line-height: 1;
    font-size: 13px;
    line-height: 1.0;
    height: 23px;
    border-radius: 5px;
}

.btn-lg {
    padding: 1px 10px;
    line-height: 1;
    font-size: 14px;
    line-height: 1.0;
    height: 26px;
    border-radius: 6px;
}

.EVParkingArea {
    border: 1px solid dimgrey;
    background-color: #b0c6f2;
    color: #282828;
    padding: 1px 4px 1px 4px;
    margin: 2px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 20px;
}

.home_head {
    font-family: Arial, Verdana, sans-serif;
    color: #ebebeb;
    font-size: 24px;
    letter-spacing: 1.5px;
    text-indent: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: baseline;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
}

.home_head_i {
    font-family: Arial, Verdana, sans-serif;
    color: gainsboro;
    font-size: 32px;
    letter-spacing: 1.5px;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    border: none;
}

.blue {
    background-color: #286090;
}

.green {
    background-color: #18968c;
}

.home_hbreak {
    height: 1px;
    background-color: #b4b4b4;
}

/*.footer {
    position: fixed;
    bottom: 0;
    width: 100%;*/ /* Ensures the footer spans the entire width */
/*height: 60px;*/ /* Example height, adjust as needed */
/*color: white;
    text-align: center;
    z-index: 999;*/ /* Ensures the footer is above other content */
/*}*/

.btn-round-orange {
    font-size: 20px;
    color: white;
    border: 1px solid #a0a0a0;
    background-color: #D94414;
    border-radius: 12px;
}

.btn-round {
    font-size: 20px;
    color: white;
    border: 1px solid #a0a0a0;
    border-radius: 12px;
}

.btn-orange {
    font-size: 14px;
    color: white;
    border: 1px solid #a0a0a0;
    background-color: #D94414;
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
}

.boxHeader {
    background-color: #1976D2;
    color: white;
    font-family: Arial;
    font-size: 14px;
}

.GenericList {
    display: flex;
    flex-flow: column;
    padding-left: 20px;
    margin-right: 10px;
    justify-content: flex-start;
    align-items: flex-start !important;
    font-family: Arial;
    gap: 10px;
}

.GenericListHeader {
    width: 100%;
    color: #787878;
    margin-bottom: 4px;
    padding: 0px 2px 0px 2px;
}

.GenericList span {
    display: inline-block;
    margin: 0;
    width: 100%;
}

/*.GenericListItemContainer {
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}*/

.GenericListItem {
    font-size: 14px;
    color: white;
    line-height: 20px;
    align-items: center;
    width: 100%;
    padding: 2px;
}

    .GenericListItem:hover {
        background-color: #254760;
    }

.GenericListAlternatingItem {
    font-size: 14px;
    line-height: 20px;
    color: white;
    align-items: center;
    width: 100%;
    background-color: #323232;
    padding: 2px;
}

    .GenericListAlternatingItem:hover {
        background-color: #254760;
    }

.GenericListSelectedItem {
    font-size: 14px;
    color: white;
    line-height: 20px;
    align-items: center;
    width: 100%;
    padding: 2px;
}

.GenericListFooter {
    font-size: 14px;
    color: #A0CCF2;
}

.tab_strip {
    border-bottom: 1px solid #373737;
    margin-bottom: 20px;
    padding-left: 40px;
    margin-top: 20px;
}

.tab_button {
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    font-family: Arial;
    font-size: 18px;
    padding: 10px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 24px;
}

.selected {
    border-top: 1px solid #232323;
    border-left: 1px solid #232323;
    border-right: 1px solid #232323;
    border-bottom: 1px solid #0a0a0a;
    background-color: #282828;
    color: white;
    border-bottom: none;
}

    .selected:hover {
        background-color: #254760;
        cursor: pointer;
    }

.unselected {
    border: none;
    background-color: #0a0a0a;
    color: #787878;
}

    .unselected:hover {
        cursor: pointer;
        background-color: #254760;
    }

.btn-md {
    vertical-align: middle;
    padding: 1px 6px;
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
    margin: 2px 0px;
    height: 28px;
}

.InferiorText {
    font-size: 11px;
    color: #787878;
    font-family: Arial;
    line-height: 11px;
}

.progress {
    display: flex;
    width: 80px;
    height: 8px;
    background: #ddd;
    overflow: hidden;
    border: 2px solid rgba(0,0,0,0.8);
    border-radius: 4px;
    justify-content: space-between;
    text-align: center;
}

    .progress .step {
        flex-grow: 1;
    }

        .progress .step:not(:last-child) {
            border-right: 2px solid rgba(0,0,0,0.8);
        }

        .progress .step.inprogress {
            background: #54d372;
        }

        .progress .step.complete {
            background: #5596d6;
        }

        .progress .step.incomplete {
            background: #fe8a44;
        }

.BlueText {
    color: #5596d6;
}

.SecondaryText {
    color: #ed9c28;
}

.TextIndent30 {
    text-indent: 30px;
}

.NormalTextBox {
    text-indent: 2px;
    background-color: #191919;
    border-color: #505050;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    color: #b4b4b4;
    -webkit-appearance: none;
}

.LargeTextBox {
    font-size: 16px;
}

.LargeDropDownList {
    font-family: Arial;
    font-size: 16px;
    padding: 2px;
    color: #b4b4b4;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #282828;
    -webkit-appearance: none;
}

.RequirementContainer {
    display: flex;
    flex-direction: column;
    border: 1px solid #dcdcdc;
    background-color: #2d2d2d;
    color: #dcdcdc;
    font-family: Arial;
    margin: 20px;
    border-radius: 8px;
}

.RequirementHead {
    height: 32px;
    background-color: #5596d6;
    color: white;
    font-size: 18px;
    text-align: center;
    padding: 8px 0px 8px 0px;
    border-radius: 8px 8px 0px 0px;
    text-indent: 10px;
}

.RequirementBody {
    display: flex;
    flex-direction: column;
    padding: 10px;
}

/*.Requirement {
    width: 100%;
}*/

.RequirementName {
    align-content: center;
    align-items: center;
    align-self: center;
    text-align: center;
    padding-bottom: 40px;
    font-size: 16px;
}

.RequirementExampleHeader {
    font-size: 14px;
    padding-bottom: 10px;
}

.RequirementExample {
    font-size: 12px;
    color: #787878;
    font-family: Arial;
    line-height: 12px;
}

.Permits_FileUpload {
    font-size: 12px;
    color: #dcdcdc;
    text-align: center;
}

.BlueBack {
    background-color: #5596d6;
}

.SubTotalBox {
    border: 1px solid #505050;
    background-color: #282828;
    padding: 6px;
    font-family: Arial;
    font-size: 14px;
    text-align: right;
}

.dBox {
    border: 1px solid #505050;
    border-radius: 6px;
    background-color: #323232;
    font-family: Arial;
    font-size: 14px;
    color: white;
    display: flex;
    flex-direction: column;
}

.dBox_title {
    background-color: #5596d6;
    border-top-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    color: white;
    font-size: 20px;
    padding: 4px;
    text-indent: 8px;
    height: 26px;
    display: block;
    align-content: center;
}

.dBox_body {
    padding: 10px;
    font-size: 14px;
    color: white;
    background-color: #323232;
    display: flex;
    min-height: auto;
    flex-direction: column;
    flex-grow: 1;
    vertical-align: top;
    align-items: center;
}

.dBox_footer {
    margin-top: auto;
    height: 40px;
    padding: 10px;
    justify-content: center;
    align-items: center;
}

.MyAddress {
    font-family: Arial;
    font-size: 16px;
    color: #dcdcdc;
    line-height: 20px;
}

.size16 {
    font-size: 16px;
}

.size18 {
    font-size: 18px;
}

.size20 {
    font-size: 20px;
}

/* Safelist Styles */
.sl-box {
    border: 1px solid dimgrey;
    background-color: #323232;
    border-spacing: 0px;
    border-radius: 6px;
}

.sl-box-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-indent: each-line 8px;
    color: white;
    padding: 2px 2px 2px 10px;
    line-height: 20px;
    background-color: #1b69b1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.sl-box.body {
    padding: 2px 2px 2px 16px;
    color: #dcdcdc;
    font-size: 14px;
    line-height: 18px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.sl-box-body-content {
    padding-left: 4px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.sl-box-label {
    color: #dcdcdc;
}

.sl-bold {
    font-weight: bold;
    letter-spacing: 2px;
}

.sl-confirmationNumber {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1.5px;
}

.sl-confirmationNumber_small {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
}

.HomeDropDownList {
    font-family: Arial;
    font-size: 18px;
    padding: 4px;
    color: white;
    ;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #009900;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
}

    .HomeDropDownList:hover {
        background-color: #254760;
    }

.HomeSign {
    font-family: Arial;
    font-size: 18px;
    padding: 4px 14px 4px 0px;
    color: white;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #009900;
    border-radius: 4px;
    vertical-align: middle;
    text-align: left;
    text-wrap: nowrap;
    flex-shrink: 0;
}

.Home_Normal {
    font-family: Arial;
    font-size: 16px;
    color: #dcdcdc;
}

.MinHeight {
    min-height: 800px;
}

.Normal14 {
    font-size: 14px;
    color: white;
    font-family: Arial;
    line-height: 16px;
}

.Normal16 {
    font-size: 16px;
    color: white;
    font-family: Arial;
    line-height: 18px;
}

.Normal18 {
    font-size: 18px;
    color: white;
    font-family: Arial;
    line-height: 20px;
}

.Normal20 {
    font-size: 20px;
    line-height: 22px;
    font-family: Arial;
}

.CAPlate16 {
    font-family: DealerplateCalifornia;
    font-size: 16px;
    line-height: 18px;
    border: 2px double #1433a0;
    font-weight: normal;
    padding: 0px 3px 0px 5px;
    border-radius: 4px;
    text-align: center;
    color: #1433a0;
    background-color: #CECDD2;
    vertical-align: middle;
}

.CAPlate22 {
    font-family: DealerplateCalifornia;
    font-size: 22px;
    line-height: 24px;
    border: 3px double #1433a0;
    font-weight: normal;
    padding: 0px 5px 0px 5px;
    border-radius: 6px;
    text-align: center;
    color: #1433a0;
    background-color: #CECDD2;
    vertical-align: middle;
    flex: 0 0 auto;
}

.datalistVehicle {
    display: inline-flex !important;
    display: -webkit-box;
    flex-flow: row;
    font-family: Arial;
    background-color: #323232;
    color: white;
    font-size: 16px;
    padding: 10px;
    gap: 4px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    border-radius: 6px;
    height: 45px;
}

    .datalistVehicle:hover {
        background-color: #254760;
        text-decoration: none;
    }

.datalistVehicle_selected {
    display: inline-flex !important;
    display: -webkit-box;
    flex-flow: row;
    font-family: Arial;
    background-color: #009900;
    color: white;
    font-size: 16px;
    padding: 10px;
    gap: 4px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    border-radius: 6px;
    height: 45px;
}

    .datalistVehicle_selected:hover {
        background-color: #254760;
        text-decoration: none;
    }

.datalistVehicle_Description {
}

.Home_Title {
    font-family: Arial;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: 1.2px;
    text-indent: 6px;
    padding: 4px;
}

.SLContainer {
    display: flex;
    flex-flow: column nowrap;
}

.SLCal {
    font-family: sans-serif;
    border: 1px solid #444444;
}

.SLCalTitle {
    font-weight: bold;
    color: #ffffff;
    background-color: #007bff;
    font-size: 24px;
    height: 40px;
    width: 100%;
    border: 1px solid white;
}

.SLCalNextPrev {
    color: white;
}

.SLCalDayHeader {
    background-color: #323232;
    text-align: center;
    font-weight: bold;
    border: 1px solid #444444;
    height: 30px;
}

.SLCalDay {
    text-align: center;
    padding: 8px;
    color: white;
    font-size: 20px;
    font-weight: bold;
    background-color: #323232;
    border: 1px solid #444444;
    width: 80px !important;
    height: 80px !important;
}

.SLCalToday {
    background-color: #444444;
    color: #007bff;
    font-size: 20px;
    font-weight: bold;
}

.SLCalToday_Sub {
    background-color: #444444;
    color: #007bff;
    font-size: 14px;
    font-weight: bold;
}

.SLCalSelectedDay {
    background-color: #007bff;
    color: black;
    font-weight: bold;
}

    .SLCalSelectedDay a {
        color: white !important;
    }

.SLCalOtherMonthDay {
    text-align: center;
    padding: 8px;
    color: #161616;
    font-size: 20px;
    font-weight: bold;
    background-color: #323232;
    border: 1px solid #565656;
    width: 80px !important;
    height: 80px !important;
}

    .SLCalOtherMonthDay:hover {
        cursor: default;
    }

.SLCalPastDay {
    text-align: center;
    padding: 8px;
    color: #161616;
    font-size: 20px;
    font-weight: bold;
    background-color: #161616;
    border: 1px solid #323232;
    width: 80px !important;
    height: 80px !important;
    cursor: default;
}

    .SLCalPastDay:hover {
        cursor: default;
    }

.SLFuture {
    font-size: 18px;
    color: white;
}

.SLActive {
    font-size: 18px;
    color: green;
}

.SLExpired {
    font-size: 18px;
    color: #686868;
}

.SLImminent {
    font-size: 18px;
    color: #eae23f;
}


.MyColorBox {
    width: 20px;
    height: 20px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
}

.MyCalColorBox {
    width: 10px;
    height: 10px;
    align-self: start;
    margin: auto;
}

.added {
    color: white;
}

.removed, .added_r, .denied_started {
    color: #787878;
}

.SafelistNotReady {
    font-size: 42px;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
    width: 100%;
    height: 100px;
    color: #4e4e4e;
}

.SafelistSort {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    justify-content: center;
    font-family: Arial;
    font-size: 14px;
    padding: 10px 4px 10px 4px;
}

.SS_Enabled {
    color: white;
    text-decoration: underline;
}

.SS_Disabled {
    color: #787878;
}

.SafelistTips {
    display: flex;
    flex-flow: row;
    width: 100%;
    margin-bottom: 10px;
    gap: 10px;
    flex-basis: auto;
}

    .SafelistTips:hover {
        text-decoration: none;
    }

.SafelistTip {
    flex-flow: column nowrap;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    background-color: #323232;
    padding: 10px 10px 4px 10px;
    justify-content: flex-end;
    align-items: center;
    text-align: center;
    flex-grow: 1;
}

    .SafelistTip:hover {
        text-decoration: none;
        background-color: #254760;
    }

.SafelistTipValue {
    line-height: 32px;
    font-size: 32px;
    color: white;
    text-decoration: none;
    flex-grow: 1;
}

.SafelistTipTitle {
    color: #428bca;
    line-height: 16px;
    font-size: 16px;
    padding: 4px 0px 2px 0px;
    text-decoration: none;
    flex-grow: 1;
}

.SafelistTipComment {
    font-size: 12px;
    line-height: 12px;
    color: #787878;
    padding: 4px 0px 0px 0px;
    justify-content: center;
    flex-grow: 1;
}

.fullWidthPanel {
    width: 100%;
}

.SafelistTipLink {
    display: flex;
    text-decoration: none;
    margin: 2px;
    flex-grow: 1;
}

    .SafelistTipLink:hover {
        border: 2px solid #dcdcdc;
        border-radius: 8px;
        text-decoration: none;
        margin: 0px;
    }

.SLBoxCategory {
    flex-flow: column;
    font-size: 18px;
    text-indent: 4px;
    justify-content: center;
    align-items: baseline;
    text-align: right;
    padding-right: 10px;
    text-wrap: nowrap;
    width: 220px;
}

.SLBox {
    font-size: 32px;
    background-color: #323232;
    padding: 10px 10px 10px 10px;
    width: 100px;
}

.SLBoxTop {
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 50px;
}

.SLBoxMid {
    flex-flow: row;
    border-top: none;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: none;
    height: 50px;
}

.SLBoxBottom {
    border-top: none;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 50px;
}

.VehiclesScrollPanel {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    padding: 10px;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-y: scroll;
    height: 90dvh;
    scrollbar-gutter: stable;
    overflow-x: hidden;
}

.VerticalScrollPanel {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow-y: scroll;
    scrollbar-gutter: stable both-edges;
    overflow-x: hidden;
    padding: 0px;
}

.PopupRow {
    flex-flow: row;
    justify-content: center;
    font-size: 16px;
    padding: 4px;
    align-items: center;
    flex-grow: 1;
    margin-top: 5px;
    margin-bottom: 5px;
}

.PopupCategory {
    font-size: 16px;
    flex-flow: row;
    align-items: center;
    justify-content: flex-end;
    padding: 4px;
    height: 100%;
}

.PopupValue {
    font-size: 16px;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    padding-left: 8px;
    flex-grow: 1;
    height: 100%;
}

.align-top {
    vertical-align: top;
}

.PopupTextBox {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    height: 22px;
    padding: 4px;
    line-height: 24px;
    background-color: #191919;
    color: white;
    font-size: 16px;
}

.AlignRight {
    text-align: right;
}

.PopupDropDownList {
    font-family: Arial;
    font-size: 14px;
    height: 22px;
    padding: 0px 4px 0px 4px;
    color: white;
    border-width: 1px;
    border-color: #c8c8c8;
    border-style: solid;
    background-color: #191919;
    border-radius: 4px;
    vertical-align: middle;
    text-align: left;
}

.PopupComment {
    font-family: Verdana;
    font-size: 16px;
    color: #dcdcdc;
    line-height: 1.5em;
}

.GenericUpdate {
    width: 20px;
    height: 20px;
    background-image: url(IMAGES/ajax_blocks.gif);
    background-repeat: no-repeat;
    z-index: 9999;
}

input[type="color"] {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
}

::-webkit-color-swatch,
::-moz-color-swatch {
    border-color: transparent;
    background-color: transparent;
}

.SLNew {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: green;
    padding-left: 4px;
}

.SLBlue {
    color: #428bca;
}

.SLParkingArea {
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    background-color: #323232;
    font-size: 14px;
    color: white;
    margin: 4px;
}

.LinkButton_Passthrough {
    text-decoration: none;
}

    .LinkButton_Passthrough:hover {
        text-decoration: none;
    }

.WalkthroughImage {
    border: 3px solid #dcdcdc;
}

.NormalCheckbox input[type="checkbox"] {
    vertical-align: middle;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    height: 14px;
    width: 14px;
    background-color: #d4d4d4;
    margin: 0;
    padding: 0;
}

.ModuleSubTitle {
    font-family: Arial;
    font-size: 20px;
    color: #787878;
    text-decoration: none;
}

.datalist-image {
    width: 12px; /* Or fixed width */
    height: 100%; /* Desired height */
    object-fit: contain; /* Preserves aspect ratio, no stretching */
    align-self: center;
}

.Module {
    border: 1px solid #343434;
    border-radius: 6px;
    background-color: #202020;
    padding: 10px 0px 10px 0px;
}

.NoDataLabel {
    text-indent: 20px;
    justify-content: flex-start;
    align-items: flex-start;
}

.ClampTwoLines {
    display: -webkit-box; /* Required for WebKit clamping properties */
    -webkit-line-clamp: 2; /* Limits the text to exactly 2 lines */
    -webkit-box-orient: vertical; /* Stacks the box contents vertically */
    overflow: hidden; /* Hides any text exceeding the two lines */
    text-overflow: ellipsis; /* Optional: Adds an ellipsis (...) at the end */
}

.AlignEnd {
    align-self: flex-end;
}

/*.modalContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 90dvh;
    min-height: 0;
}

.modalBG {
    background-color: #505050;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.modalContent {
    position: relative;
    background-color: #090909;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #666;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modalHeader {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modalBody {
    position: relative;
    padding: 15px;
}

.modalFooter {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}*/

.Tab20 {
    padding-left: 20px;
}

.LinkAsButton {
    align-content: center;
    justify-content: center;
}

.btn-round {
    width: 34px;
    height: 34px;
    border-radius: 50%; /* Makes it a circle */
    color: white;
    border: none;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    display: flex; /* Helps center text vertically */
    align-items: center;
    justify-content: center;
}

/*.RegularCheckBox {
    vertical-align: middle;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    height: 14px;
    width: 14px;
    background-color: #d4d4d4;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
}*/

.revErr {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: normal;
    color: #d9534f;
}

.flex-center {
    display: flex;
    flex-wrap: nowrap;
    align-self: center;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    justify-self: center;
    text-align: center;
}

.ajax__calendar {
    display: block;
}

/* Styling for the entire calendar container */
.MyCalendar .ajax__calendar_container {
    border: 1px solid #ccc;
    background-color: #dddddd;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

/* Styling for the calendar header (month/year display) */
.MyCalendar .ajax__calendar_header {
    background-color: #eee;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

/* Styling for the calendar title (current month and year) */
.MyCalendar .ajax__calendar_title {
    color: #333;
}

/* Styling for the navigation arrows (previous/next month) */
.MyCalendar .ajax__calendar_prev,
.MyCalendar .ajax__calendar_next {
    color: #007bff;
    text-decoration: none;
    padding: 0 5px;
}

/* Styling for day names (Mon, Tue, etc.) */
.MyCalendar .ajax__calendar_dayname {
    background-color: #ddd;
    text-align: center;
    padding: 3px 0;
}

/* Styling for individual day cells */
.MyCalendar .ajax__calendar_day,
.MyCalendar .ajax__calendar_month,
.MyCalendar .ajax__calendar_year {
    text-align: center;
    padding: 5px;
    cursor: pointer;
    border: 1px solid transparent; /* To prevent shifting on hover */
}

/* Styling for hovered day cells */
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    background-color: #e0e0e0;
    border: 1px solid #aaa;
}

/* Styling for the selected day cell */
.MyCalendar .ajax__calendar_active .ajax__calendar_day {
    background-color: #007bff;
    color: #fff;
    font-weight: bold;
}

/* Styling for today's date cell */
.MyCalendar .ajax__calendar_today .ajax__calendar_day {
    background-color: #ffc107; /* Example: Yellow for today */
    font-weight: bold;
}

/* Styling for days from other months in the current view */
.MyCalendar .ajax__calendar_other {
    color: #999;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transition: -webkit-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out;
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.modal-content {
    position: relative;
    background-color: #090909;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #666;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5;
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}