/* Note:  There are some inline styles in the master pages and some !important items here to override some Zurb defaults  
    "rem" measurements are a percentage of the root

    12/15/16 Added underline and removed bold when the subcaption is a link

    01/09/18 Added items for displaying media that have different heights here than for other schools

    12/16/2020 Added new image for the KSU login page and underlining to links


    01/07/21 Try to override gray alternating rows and big table bottom margin (1.25em) in ksu_zurb_5.css 
            Had to add the "not" sections so the white did not overrule overdue and due soon coloring


    04/07/22 Prevent radio button list from wrapping with text below the buttons and get the text to wrap 
            with a left margin to the right of the button/box instead of under it (copied from IPRO_UT.css) 
    
    06/29/22 Created Orange theme based on blue but replace blue #003976 with orange #4f2c1d
            --bgsu-orange: #FD5000;
            --bgsu-orange-hover: #FF7300;
            --bgsu-brown: #4F2C1D;
            --bgsu-gold: #F5C163;
            --bgsu-tan: #B99B80;
            --bgsu-rose: #E3A492;
            --bgsu-coral: #F37B6C;
            --bgsu-seafoam: #ff7200;
            --bgsu-teal: #FD5000;

    11/30/22 Changed the new light yellow highlight color #FFFFDB (used to be #FAFFBD),
             to the BG website official light tan color #F5E7D8 per request

    12/05/18 Added class for highlight background

    02/01/23 Added not(.dvgvSelectedRow) to grid row coloring so selected row works on even and odd rows

    02/22/23 Had to add not(.dxgvSelectedRow_Metropolis) and not(.dxgvFocusedRow_Metropolis) to work with custom theme
*/

.highlightbackground {
    background-color: #F5E7D8;
}
/* 03/23/24 Added to make buttons light tan instead of gray */
input {
    background-color: #F5E7D8;
    border-width: 1px;
}

h1, h2, h3, h4, h5, h6 {
    color: #4F2C1D; /* 06/29/22 BG Brown  Overrides black in TTT3Shared */
}

input[type="radio"] {
    position: absolute;
}

td input[type="radio"] + label {
    padding-left: 1.4em;
    display: table-cell; /* 05/04/22 prevents items within radio button list from wrapping if not needed. */
    margin-right: 4px;
    margin-left: 4px;
}

input[type="checkbox"] ~ label {
    padding-left: 1.4em;
    /*        display: inline-block;*/
    margin-right: 4px;
    margin-left: 4px;
}

.infopromain { /* Give a bit of a margin on the main contents */
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 0px;
}

    .infopromain table { /* Only want wide margin on main div, not its contents */
        margin-left: 0px;
        margin-right: 0px;
    }

    .infopromain .TTTmainrow .gvheader table tbody tr th {
        color: white !important;
    }
    /*  04/27/22 Make sure links in grid headers are gold for blue theme
                 Blue like all other links for BG
    */
    .infopromain .TTTmainrow .gvheader a, .infopromain .TTTmainrow .gvheader a:visited {
        /*color: #FCD08F !important;*/ /* 50% Gold  */
        text-decoration: underline;
        font-weight: normal;
    }

        .infopromain .TTTmainrow .gvheader a:hover {
            /*color: #efab00 !important; */  /* Gold  */
            text-decoration: underline;
            font-weight: normal;
        }
    /* 01/04/21 Added definition for KSU */
    .infopromain .IproHeadline h1 {
        display: flex; /* 04/25/22 JGW Keep the button and text on the same line */
        margin-top: 6px;
        margin-bottom: 0px;
        color: #4F2C1D; /* 06/29/22 BG Brown */
    }

    /* 05/10/22 Removed this because it made devexpress grids too wide when showing the filter row */
    /*.infopromain table input {
        width: auto;*/ /* 04/04/22 jgw trying to get the edit forms to look better.  KSU default for many inputs is width 100% */
    /* display: table;*/ /* 04/06/22 to eliminate them going full width.  KSU has display: block */
    /*}*/

    /* 04/11/22 The following .radiobuttonlist entries get multi-line radio button lists to display with nice columns, proper coloring and not full width */
    .infopromain table .radiobuttonlist {
        /*display: inline-table;*/ /* 04/11/22 to keep from going full width */
        width: auto !important;
        margin-bottom: 0;
    }

    table tr td, .infopromain tr td, table table, table table tr td { /* 04/19/22 added table table so tables within other tables have smaller bottom margins */
        padding: 2px 4px 2px 4px;
        margin: 0.18rem;
        /*vertical-align: top; 05/09/22 JGW commented out to get things aligned in the middle */
        border-collapse: collapse;
        text-align: left;
        border-color: lightgray;
        border-width: 1px;
    }

        table table .radiobuttonlist {
            /*display: inline-table;*/ /* 04/11/22 to keep from going full width */
            width: auto !important;
            margin-bottom: 0px;
        }


.radiobuttonlist tbody {
    border: 1px solid lightgray; /* 05/10/22 Added to better show radio button list groupings */
}

.radiobuttonlist td {
    background-color: #F5E7D8;
}

.radiobuttonlist ~ input[type="checkbox"], .radiobuttonlist ~ input[type="checkbox"] ~ label {
    margin-top: 10px;
}

    .radiobuttonlist ~ input[type="checkbox"] ~ label {
        margin-top: 6px;
    }

.row {
    max-width: 100% !important; /* overrides KSU settings */
}

.nopadding table tr td {
    padding: 0px;
}

.wizardheading {
    font-size: medium;
    font-weight: bold;
    width: 100%;
    border-bottom: 2px solid gray;
}

.WizardNavigationStyle table {
    border: 1px solid lightgray;
    vertical-align: top;
}

    .WizardNavigationStyle, .WizardNavigationStyle table, .WizardNavigationStyle table tr, .WizardNavigationStyle table tr {
        width: auto; /* 04/04/22 Added to get the Next / Prev buttons on wizards next to each other instead of 100% width*/
        vertical-align: top; /* 05/09/22 Get the navigation to the top */
        height: 40px;
    }

        .WizardNavigationStyle table tr td {
            width: auto; /* 04/04/22 Added to get the Next / Prev buttons on wizards next to each other instead of 100% width*/
            vertical-align: middle; /* 05/09/22 Get the text centered */
            height: 40px; /* Add spacing between the items */
        }

/* 02/01/23 Added not(.dvgvSelectedRow) 
   02/22/23 Had to add not(.dxgvSelectedRow_Metropolis) and not(.dxgvFocusedRow_Metropolis) to work with custom theme
*/
table tr.even:not(.overdue):not(.duesoon):not(.radiobuttonlist):not(input), table tr.alt, table tr:not(.overdue):not(.duesoon):not(.radiobuttonlist):not(.dvgvSelectedRow):not(.dxgvSelectedRow_Metropolis):not(.dxgvFocusedRow_Metropolis):nth-of-type(even) {
    background: white;
}

table {
    /*margin-bottom: 1rem !important;  04/13/22 Commented out because was causing rows to be far apart*/
    border-collapse: collapse;
}

    table tr th {
        background-color: #4F2C1D;
        color: white;
        font-size: 1rem;
        font-weight: normal;
    }

    table tr td th a, table th a, table th a:visited { /* Added the table th a sections for the past results screen where the grid is not inside another table */
        color: #F5E7D8 !important; /* tan */
        text-decoration: none;
    }

    table th a:hover {
        color: #FF7300 !important; /* Orange */
        text-decoration: underline;
    }


.gvheader {
    margin-bottom: 1em !important;
    border-collapse: collapse;
    background-color: #fd5000 !important;
    color: white !important;
    font-size: 1rem;
}

    .gvheader table tr th {
        background-color: #fd5000 !important;
        color: white !important;
        font-size: 1rem;
    }

/* override tbody border-top 1px */
tbody {
    border: thin;
}

a, a.ContactTitle, a.show, a:visited, a.dxeHyperlink:visited, a.show:visited {
    
    color: #FD5000; /* BG oranage */
    text-decoration: underline;
    text-decoration-thickness: 1px;
    /*font-size: 1rem;*/
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

    a:hover, a.dxeHyperlink:hover, a.show:hover {
        color: #ff7200; /* brighter shade */ /*#aeeae5;*/
        /*font-size: 1rem;*/
        text-decoration: underline;    
        text-decoration-thickness: 2px;
    }
/* 06/13/22 Added this to make text and ID links bigger in devexpress grids.  Ended up being able to fix in web.config */
/*.infopromain .dxgv {
    font-size: 0.8rem !important;
}*/
    .infopromain .dxgv a {
        /*color: #008cba;*/ /* blue green */
        color: #FD5000 !important; /* BG Orange */
        text-decoration: underline;
        text-decoration-thickness: 1px;
        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

        .infopromain .dxgv a:hover {
            color: #ff7200 !important; /* brighter shade */ /*#aeeae5;*/
            text-decoration: underline;
            text-decoration-thickness: 2px;
        }

/*dxheVideo, body.dxheDesignViewArea_Office2010Blue, .dxheViewArea_Office2010Blue img.dxheVideo {
    background-color: aqua;
}*/


/* 12/16/2020 Added new image for the KSU login page */
.header-ksu-login img {
    margin: 10px 0px 10px -120px;
    height: 64px;
    width: 217px;
}

.header-ksu-login-image {
}
/* 01/04/21 Added definition for KSU */
.sidebarheading {
    font-weight: bold;
    font-size: medium;
    color: #4F2C1D; /* BG Brown */
    width: 100%;
    text-align: left;
}

table .DetailsView { /* 04/14/22 Added and applied to the DetailsView.skin */
    /*    display: inline-block;*/
    width: auto;
    display: table; /* 04/25/22 Trying to get full width */
}

/* 01/08/21 Added since not using KSU Zurb css file */
.dvFieldHeaderStyle {
    background-color: #F9F9F9;
    min-width: 150px;
}

/* 12/19/20 Reformatted Header */
.TTT {
    font-family: NationalBold,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-variant-numeric: lining-nums;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: inherit;
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: #aeeae5;
    text-align: center;
    width: auto;
    margin: 90px 0 0 0;
    color: white;
    background-color: #fd5000;
}

.MenuClass {
    text-align: center;
    float: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.TTTmainrow {
    background-color: white;
    color: black; /* #fd5000; -- dark blue on blue theme */
    border: none;
}

    .TTTmainrow row {
        /* width: 100%;*/
        margin-left: 4px;
        margin-right: 4px;
    }


/*These flowplayer settings control the progress bar command active menu items -- gold*/
.flowplayer {
    background-color: #ffd200 !important;
}

    .flowplayer .fp-color {
        background-color: #ffd200 !important;
    }

/* 
    08/25/20 Added Main50-50Table because the table was not being contained within the screen width on ia_Questions.aspx

*/
.Main50-50Table {
    table-layout: fixed;
}

.question {
    border-style: none; /* 06/13/22 had none none solid none, but made it look like a link.  Added an <hr> instead.*/
    border-width: thin;
    border-color: gray;
    clear: both;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-weight: bold;
    font-size: inherit;
    line-height: 20px;
}

.ModalPopupBack {
    background-color: rgba(0,0,0,0.5);
}

.ModalPopupFront {
    opacity: initial;
    background-color: #fff;
    border: outset 2px #000;
    padding: 16px;
}


hr {
    clear: inherit; /* Override Kent */
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
/* 10/19/17 Combo box was showing at bottom of page instead of below dropdown on mediaitems */
/* Override some of the formatting of AJAX controls   The ajax__combobox is used on the MediaItems screen*/
.CustomComboBoxStyle .ajax__combobox_textboxcontainer input {
    padding: 0px;
    margin: 0px;
    background-color: #F5E7D8;
    width: 500px !important;
    border: 1px solid #808080;
}

.CustomComboBoxStyle .ajax__combobox_buttoncontainer button {
    border: 1px solid #808080;
    background-color: #F5E7D8;
    background-image: url("../../IPROImages/smalldownarrow.png");
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
}

.CustomComboBoxStyle .ajax__combobox_itemlist {
    background-color: #F5E7D8;
    border: 1px solid #808080;
    position: relative !important;
    left: 2px !important;
    top: 5px !important;
}

    .CustomComboBoxStyle .ajax__combobox_itemlist tr {
        width: 100%;
    }

.CustomComboBoxStyle .ajax__combobox_textboxcontainer tr td {
    padding: 0px;
}

.CustomComboBoxStyle .ajax__combobox_inputcontainer {
    top: 0px !important;
}

.auditcomment {
    width: 50%;
    min-width: 400px;
}

.iprosubcaption, h3 {
    font-family: "tablet0gothic-semi-condensed", "Arial Narrow", Sans-Serif;
    font-size: large;
    font-weight: bold;
    color: #4F2C1D; /* BG Brown */
}
    /* 12/15/16 Added underline and removed bold when the subcaption is a link */
    .iprosubcaption a:link {
        text-decoration: underline;
        font-weight: normal;
    }

.heading, h3, .iprosubcaption { /* 05/12/22 This is the same as the new h3 and .iprosubcaption except the margins */
    /*    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.2em;
    font-weight: bold;*/

    color: #4F2C1D; /* BG Brown */
    font-family: "tablet0gothic-semi-condensed", "Arial Narrow", Sans-Serif;
    font-size: large;
    font-weight: bold;
    margin-bottom: 6px; /* 01/07/21 Added to give space after the heading such as after the name on past results page */
    margin-top: 6px;
    /* vertical-align: top; 06/13/22 removed because uctrainingtype and ucaudittype need baseline*/
}

.columnheading {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.2em;
    width: 100%;
    border-bottom: 1px solid gray;
    color: #4F2C1D; /* 06/29/22 BG Brown */
}

table tr td, .info1pxpadding tr td {
    padding: 0px 1px 0px 1px;
    margin: 0rem;
    /*vertical-align: top;*/ /* 01/04/21 middle;*/
    border-collapse: collapse;
    text-align: left;
}

/* "select" is a dropdownlist.  Checkboxes don't have backgrounds, so need to put a checkbox into a div to change the background color */
/* Most of the inputs have a similar definition except for the margin-top to get it to align with the text.  Tried rem and em, but
    could not come up with one setting that fit all
*/
input[type="checkbox"], input[type="radio"], input[type="text"], select, .inputbackground {
    /*margin: 0.1rem !important;  Radio button lists needed greater top margin for buttons.*/
    margin-bottom: 0.2rem !important; /* 05/11/22 increased from 0.1 to 0.2 */
    margin-right: 0.05rem !important;
    margin-left: 0.1rem !important;
    /* padding: 0.1rem !important; */
    padding-right: 1rem !important;
    border-style: none !important;
    background-color: #F5E7D8 !important;
    background-position-x: 98% !important; /* for drop down arrow to display correctly */
}

input[type="radio"], select, .inputbackground {
    margin-top: 0.3rem !important; /* 04/19/22 Needed to align radio button with the text in a list */
}

/*.Answers input[type="radio"], select, .inputbackground {*/ /* Used for TakeTest answers (otherwise bullet too high */
/*margin-top: 0.55rem !important;*/ /* slightly too high for taketest and too low for others, but compromised */
/*}*/

.ddl, .ddl table tr td {
    background-color: #F5E7D8 !important;
    width: auto;
}

.ajaxcal {
    padding: 4px;
    margin: 4px;
    border: thin solid #000000;
    color: #003876;
    background-color: #FFFFFF;
    text-align: left;
    width: 210px;
}

.datefield {
    width: 200px !important;
}

.error {
    color: #9e3039 !important;
    background-color: #FFFFFF !important;
    font-weight: bold !important;
    font-size: large;
}

.iproerror {
    color: red !important;
    background-color: #FFFFFF !important;
}

#player {
    height: 450px;
}
/* audit group headers */
.auditgroup, .auditgroup td, .auditgroup tr {
    font-weight: bold;
    letter-spacing: 1px;
    font-family: "tablet0gothic-semi-condensed", "Arial Narrow", Sans-Serif;
    text-transform: uppercase;
    background-color: #fd5000; /* 12/16/20 Changed from #426DA9 to make more like current KSU website */
    color: #FFFFFF;
}
    /* Need to have something here so can set the Audit Listview row class from query */
    .auditquestion, .auditquestion td, .auditgroup tr {
        font-weight: normal;
    }

/* default page requirements */
.overdue {
    border: thin solid red;
    background-color: #FF5E5E;
    border-collapse: collapse;
}

    /* 10/15/18 Made background on overdue lighter so easier to read links.  Was #FF5E5E and border was red */
    .overdue td {
        border: thin solid #FF5E5E;
        background-color: #F9BABA;
        border-collapse: collapse;
    }
.overdue td a, .duesoon td a {  /* 06/29/22 Make overdue and due soon links bold so the orange shows up on the pale red screen */
    font-weight: bold;
}

/* 11/02/18 Made background on overdue lighter so easier to work better with the lighter overdue.  Was #FFFF99 and border was red */
.duesoon td {
    border: thin solid #eaab00;
    background-color: #FFFFCC;
    border-collapse: collapse;
}

td a.disabled, td a:hover.disabled {
    color: #C0C0C0;
    text-decoration: none;
    font-weight: normal;
    background-color: #FFFFFF;
}

/* Main menu */
.MainMenu {
    padding: 0px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: "tablet0gothic-semi-condensed", "Arial Narrow", Sans-Serif;
    text-transform: uppercase;
    /*    display: inline-block;*/
    float: none;
    background-color: #fd5000; /* 12/16/20 Changed from #426DA9 to make more like current KSU website */
    margin-top: 12px;
}

@media print {
    .NoBorder {
        border: none !important;
    }
}

.NoBorder.displaytable {
    display: table;
    border: none !important;
}

.ucMenuStyle {
    border: none;
    padding: 0;
    margin: 0;
}

.ucHeaderMenuItemStyle {
    background-color: #fd5000;
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
    /*font-weight: 700;*/
    color: white !important;
    text-align: center;
    /*    padding: 0 10px;*/
}

    /*    .ucHeaderMenuItemStyle li {
        padding-right: 10px;
        padding-left: 10px;
    }*/
    .ucHeaderMenuItemStyle a {
        background-color: #fd5000;
        font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
        /*font-weight: 700;*/
        color: white !important;
        text-decoration: none;
    }

        .ucHeaderMenuItemStyle a:visited {
            font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
            /*font-weight: 700;*/
            color: white !important;
            text-decoration: underline !important;
            background-color: #fd5000;
        }

        .ucHeaderMenuItemStyle a:hover {
            font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
            /*font-weight: 700;*/
            color: white !important;
            text-decoration: underline !important;
            background-color: #fd5000;
        }

        .ucHeaderMenuItemStyle a:active {
            font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
            /*font-weight: 700;*/
            color: white !important;
            text-decoration: underline !important;
            background-color: #fd5000;
        }

.ucHeaderMenuItemHoverStyle {
    /*background-color: #fd5000;*/
    font-family: "Roboto Slab",Georgia,"Times New Roman",Times,serif;
    /*font-weight: 700;*/
    color: #fd5000;
    text-align: center;
}

.ucHeaderMenuDropDownButtonStyle {
    background-image: url('images/MenuArrowSquare.png');
}

.MainMenuStatic li a {
    width: 180px;
    color: #FFFFFF;
    background-color: #fd5000 !important; /* 12/16/20 Changed from #426DA9 to make more like current KSU website */
    height: 24px;
    /*    display: inline-block;*/
    float: none;
}

    .MainMenuStatic li a:hover {
        border: thin solid #fd5000; /* 12/16/20 Changed from #426DA9 to make more like current KSU website */
        width: 180px;
        color: #fd5000; /* 12/16/20 Changed from #426DA9 to make more like current KSU website */
        background-color: #FFFFFF;
    }


.MainMenuDynamic {
    border: thin solid #808080;
    padding: 0px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: .8em;
    font-family: "tablet0gothic-semi-condensed", "Arial Narrow", Sans-Serif;
    width: 180px;
    color: #364F6D;
    text-decoration: underline;
    background-color: #FFFFFF;
}

    /* unvisited link */
    .MainMenuDynamic a:link {
        background: white !important;
        font-weight: bold;
        color: #fd5000 !important; /* 12/16/20 Changed from #426DA9 to make more like current KSU website */
        text-decoration: underline;
    }

    /* visited link */
    .MainMenuDynamic a:visited {
        background: white !important;
        font-weight: bold;
        color: #fd5000 !important; /* 12/16/20 Changed from #426DA9 to make more like current KSU website */
        text-decoration: underline;
    }

    /* mouse over link */
    .MainMenuDynamic a:hover {
        background: white !important;
        font-weight: bold;
        color: #fd5000 !important; /* 12/16/20 Changed from #179dd8 to make more like current KSU website */
        text-decoration: underline;
    }

    /* selected link */
    .MainMenuDynamic a:active {
        background: white !important;
        color: #eaab00;
        font-weight: bold;
        text-decoration: underline;
    }

/* Make the header have white text */
.group-name {
    color: #FFFFFF;
}

/* Classes  used for displaying media */
#ifrmMedia {
    border: none;
}

.playerhidden {
    display: block;
    visibility: hidden;
    height: 5px;
    width: 5px;
}

.playervisible {
    display: block;
    visibility: visible;
    height: 800px;
    width: 100%;
}

.mediavisible {
    display: block;
    visibility: visible;
    height: 800px;
    width: 100%;
}

.mediaplayerpage {
    vertical-align: top;
    text-align: center;
}

.GridHead {
    font-weight: normal;
    padding: 3px 3px 5px;
    text-align: center;
    background: #bdd0e7 url(/DXR.axd?r=0_3997-dkr5h) repeat-x left top;
    color: #1e395b;
    border: 1px solid #8ba0bc;
    border-collapse: collapse;
    vertical-align: top;
}

.ContactTitle {
    /*background: #bdd0e7 url(/DXR.axd?r=0_3997-dkr5h) repeat-x left top;*/
    /*background-color: #bdd0e7;*/
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    /*font-size: 13px;*/
    /*background-color: white !important;*/
}

    .ContactTitle h1 a {
        letter-spacing: normal;
        font-weight: bold;
        /*font-size: medium;*/
        text-decoration: underline;
        text-decoration-thickness: 1px;
        /*background: #bdd0e7 url(/DXR.axd?r=0_3997-dkr5h) repeat-x left top;*/
        /*color: #008cba !important;*/ /* 01/04/21 #1e395b !important; */
        color: #FD5000 !important;
        border-collapse: collapse;
        vertical-align: top;
        text-transform: none;
        /*line-height: 1.5;*/ /* 05/09/22 When the title wrapped, the lower line covered the underline of the line above */
        /*display: inline-block;*/ /* 01/04/21 This eliminated extra spacing on wrapped lines */
    }

        .ContactTitle h1 a:hover {
            color: #ff7200 !important;
            text-decoration: underline;
            text-decoration-thickness: 2px;
        }

.show {
    display: unset;
}

#tblquickstart tbody tr td {
    border: solid;
    border-color: lightgray;
    border-width: thin;
}

#h1Resources {
    color: #4F2C1D; /* 06/29/22 BG Brown */
}

.tdgrid table tbody tr td {
    border: 1px solid lightgray;
    text-align: left;
    border-collapse: collapse;
}

.tdgrid table tbody tr th {
    border: 1px solid lightgray;
    background-color: #F9F9F9;
    color: #222222;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    border-collapse: collapse;
}

/* Added to provide a line between left and right columns */
table tr td.leftborder {
    border-left: solid lightgray 1px;
    padding-left: 8px;
}

/* 06/29/22 Added just in Orange theme to put a border around the main menu so the menu doesn't blend into the background on hover */
.menuborder {
    border-top: solid white 1px;
    border-bottom: solid white 1px;
}