/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}


#main-container {
    width: 98%;
    padding: 0 0 0 0px;
    margin-bottom: 2px;
    margin-top: 2px;
    font-size: 14pt;
    line-height: 22px;
}



#wrapper {
    text-align: left;
    width: 900px;
    margin: 0px auto;
    /*font-family: Verdana;*/
    font-size: 14px;
    background-color: #ffffff;
    min-width: 700px;
}



#fixed-wrapper {
    width: 800px;
    margin: auto;
    /*font-family: Verdana;*/
    font-size: 14px;
    background-color: #ffffff;
    min-width: 700px;
}


/*  Ajax Modal Pop-up */
.watermarked {
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: Gray;
    filter: alpha(opacity=90);
    opacity: 0.9;
    z-index: 100000;
}

.modalPopup {
    background-color: #f8f8ff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    /*	position:fixed;
	left:40%;
	top:40%;
	z-index:100000;
*/
}

.ModalPopupHeading {
    background-color: #336699;
    color: White;
    font-weight: bold;
    font-size: 11pt;
    border: solid thin black;
}


.GradOnlyLabel {
    font: normal 14px "Verdana", "Tahoma", "Helvetica";
}


.InstructorNameLabel {
    /* font: bold 16px "Times Roman", "Times New Roman", Times, Serif; */
    font: bold 14pt "Verdana", "Tahoma", "Helvetica";
    /*margin: 0 0 0 0;*/
    margin: 1.5em;
    display: inline-block;
}


.DetailsHeadPanel {
    /*width: 582px;*/
    margin-bottom: 0px;
    border: 1px solid #757575;
    /*background: #efe3b9;*/

    color: #000;
    background: #ededed;
    /*color: #fff;
    background: #000;*/

    padding: 5px 0px 5px 0px;
    cursor: pointer;
    font-size: 14pt;
}

    .DetailsHeadPanel:hover {
        color: #fff;
        background: #757575;
    }

.DetailsPanel {
    margin-bottom: 0px;
    border: 1px solid white;
}

.InstructorCollapsibleLabel {
    /* font: normal 21px "Times Roman","Times New Roman",Times,Serif; */
    font: bold 14px "Verdana", "Tahoma", "Helvetica";
    margin: 0px 0;
    padding: 0 0px 0px 0px;
    clear: left;
}

.ORseperatorLabel {
    margin: 0px 25px 0px 25px;
    font: 11px/15px Arial,Helvetica,Verdana,sans-serif;
    font-weight: bold;
    font-style: italic;
}

.InstructorResultLinkButton {
    color: #fff;

    margin: 0.75rem;
    display: inline-block;
    box-shadow: none;
    float: right;
}

.InstructorResultSyllabusLinkButton {
    color: #fff;

    margin: 0.75rem;
    display: inline-block;
    box-shadow: none;
}

.ResultLinkButton {
    color: #c00;

    display: inline-block;
    box-shadow: none;
    float: right;
}

    .ResultLinkButton a {
        text-decoration: underline;
        padding-right: 30px;
    }

span[id*='MainContent_CourseResultsGridView_instInfoButton'] a {
    text-decoration: underline;
}


.results {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
}

.instructor-card {
    padding: 12px 0;
}


.vita-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 8px;
}

.card-header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 6px;
}

.vita-card {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 12px;
    background-color: #fff;
}

.vita-card-header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 6px;
}

.vita-action {
    display: flex;
    justify-content: flex-end;
}

.vita-name {
    font-weight: bold;
    font-size: 1.1em;
}

.vita-type {
    margin-bottom: 6px;
}

.vita-content {
    line-height: 1.4;
}


span[id*='MainContent_VitaSearchResultsControl_VitaSearchResultsListView_VitaTypeLbl'] {
    font-weight: normal;
    padding-left: 0.5rem;
}

span[id*='MainContent_VitaSearchResultsControl_VitaSearchResultsListView_INST_NAME'] {
    font-weight: bold;
}

span[id*='MainContent_InstructorSearchResultsControl_InstructorSearchResultsListView_INST_NAME'] {
    font-weight: bold;
}


span[id*='MainContent_SyllabusSearchResultsControl_SyllabusSearchResultsListView_INST_NAME'] {
    font-weight: bold;
}

.syllabus-cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px;
}

.syllabus-card {
    border: 1px solid #ccc;
    padding: 12px;
    background-color: #fff;
}

.syllabus-card-header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 6px;
}

.syllabus-card-header {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 6px;
}

.syllabus-header {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 8px;
}

.course-info .term {
    margin-left: 6px;
    color: #555;
}

.course-info .title {
    margin-top: 4px;
}

.syllabus-body {
    margin-top: 8px;
}

.syllabus-text {
    margin-top: 4px;
    line-height: 1.4;
}

.syllabus-footer {
    margin-top: 8px;
}


@media (max-width: 700px) {
    .syllabus-header {
        grid-template-columns: 1fr;
    }

    .header-actions {
        text-align: left;
        margin-top: 6px;
    }
}


@media (max-width: 600px) {
    .vita-card-header {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .vita-action {
        text-align: left;
    }
}



.InstructorName {
    font: normal 16px "Verdana", "Tahoma", "Helvetica";
    font-weight: bold;
}

.InstructorNoResults {
    font: normal 12px "Verdana", "Tahoma", "Helvetica";
    font-weight: bold;
}

.InstructorInfoCourseList {
    list-style-type: none;
}

    .InstructorInfoCourseList li{
        text-decoration: none;
        font-size:12pt;
    }

    .InstructorInfoCourseList li a {
        text-decoration: underline;
    }


.VitaNoResults {
    font: normal 12px "Verdana", "Tahoma", "Helvetica";
    font-weight: bold;
}

.SyllabusNoResults {
    font: normal 12px "Verdana", "Tahoma", "Helvetica";
    font-weight: bold;
}

.ResultNoLinkButton {
    color: #000;
    font: normal 12px "Verdana", "Tahoma", "Helvetica";
    text-decoration: none;
}


/*Entire Search Tabs*/
#searchresultstabcontainer li{
    border-style: solid solid none;
}



span[id*='MainContent_SearchResultsTabContainer_VitaTabPanel_VitaSearchResultsControl_VitaSearchResultsListView_INST_NAME'] {
    font-size: 18px;
}

.NumericButton {
    /*color: #c00;*/
    text-decoration: underline;
    /*font-size: 12px;*/
    /*color:#808080; */
    color: #333;
}

.CurrentPageLabel {
    /*color: #c00;*/
    text-decoration: none;
    /*font-size: 12px;*/
    /*color:#808080; */
    color: #333;
}


/* Instructor tabs matching the Entire Site Search tabs */
.InstructorTabContainer {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
}

    /* Tab list */
    .InstructorTabContainer .ajax__tab_header {
        display: flex !important;
        align-items: flex-end;
        width: 100%;
        margin: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #dee2e6;
        background: transparent !important;
        overflow: visible;
    }

    /* Remove Ajax Control Toolkit background images and legacy styling */
    .InstructorTabContainer .ajax__tab_outer,
    .InstructorTabContainer .ajax__tab_inner,
    .InstructorTabContainer .ajax__tab_tab {
        display: inline-block !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    /* Individual tabs */
    .InstructorTabContainer .ajax__tab_tab {
        position: relative;
        padding: 0.5rem 1rem !important;
        border: 1px solid transparent !important;
        color: #c00;
        font-family: "Verdana", "Tahoma", "Helvetica", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        white-space: nowrap;
        cursor: pointer;
    }

        /* Inactive tab */
        .InstructorTabContainer .ajax__tab_tab:hover {
            color: #900;
            text-decoration: none;
        }

    /* Active tab: match Bootstrap .nav-link.active */
    .InstructorTabContainer .ajax__tab_active,
    .InstructorTabContainer .ajax__tab_active .ajax__tab_outer,
    .InstructorTabContainer .ajax__tab_active .ajax__tab_inner,
    .InstructorTabContainer .ajax__tab_active .ajax__tab_tab {
        color: #333 !important;
        background-color: #fff !important;
    }

        /* The active tab has a visible box */
        .InstructorTabContainer .ajax__tab_active .ajax__tab_tab {
            border: 1px solid #dee2e6 !important;
            border-bottom-color: #fff !important;
            margin-bottom: -1px !important;
        }

    /* Content spacing, matching Bootstrap .tab-content.mt-3 */
    .InstructorTabContainer .ajax__tab_body {
        margin-top: 1rem;
        padding: 0;
        border: 0 !important;
        background: transparent !important;
    }

    .InstructorTabContainer .ajax__tab_panel {
        padding: 0;
        border: 0;
        background: transparent;
    }


/* Mobile layout */
@media (max-width: 576px) {
    .InstructorTabContainer .ajax__tab_tab {
        padding: 0.5rem 0.65rem !important;
        font-size: 0.9rem;
    }
}

.ComplianceLabel {
    color: #c00;
    font-size: 12pt;
    padding: 5px;
    font-style: italic;
}

.white-text {
    color: #fff;
}

.ComplianceLabel .alert-link{
    text-decoration: underline;
}


.clearfix::after {
    content: "";
    display: block; /* or table */
    clear: both;
}



/*********************************************
	GridView 
*********************************************/
/* DataGrid or GridView Styles */
.grid {
    /*font-size: 12px;*/
    /*font-family: Verdana, Arial, Times New Roman;*/
    line-height: 14px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
    vertical-align: top;
    position: relative;
}

table.grid .empty td {
    border-style: none;
    border-width: 0px;
}

.grid A {
    /* color: #808080; */
    color: #c00;
    text-decoration: underline;
    font-weight: bold;
    box-shadow: none;
}

    .grid A:visited {
        /* color: #808080; */
        color: #c00;
        text-decoration: underline;
        font-weight: bold;
    }

    .grid A:active {
        /* color: #808080; */
        color: #c00;
        text-decoration: underline;
        font-weight: bold;
    }

    .grid A:hover {
        /* color: #808080; */
        color: #c00;
        text-decoration: underline;
        cursor: hand;
        font-weight: bold;
    }

.grid-header {
    font-weight: bold;
    font-size: 11px;
    /*color: #ffffff;
    background-color: #333333;*/

    color: #000;
    background-color: #ededed;
    text-align: center;
    height: 35px;
}

    .grid-header th {
        background-color: #EDEDED;
        color: #000;
        border-bottom: 1px solid #000;
        font-size: 12pt;
    }

    .grid-header A {
        /*font-size: 10px;*/
        /*color: #ffffff;*/
        color: #000;
        text-decoration: underline;
    }

        .grid-header A:visited {
            /*font-size: 10px;*/
            /*color: #ffffff;*/
            color: #000;
            text-decoration: underline;
        }

        .grid-header A:active {
            /*font-size: 10px;*/
            /*color: #ffffff;*/
            color: #000;
            text-decoration: underline;
        }

        .grid-header A:hover {
            /*font-size: 10px;*/
            /*color: #ffffff;*/
            color: #000;
            text-decoration: underline;
            cursor: hand;
        }

.grid-footer {
    font-weight: bold;
    font-size: 12px;
    /*color: #ffffff;*/
    color: #000;
    text-decoration: underline;
}

.grid-alternating-item {
    /*font-size: 12pt;*/
    font-weight: normal;
    /*background-color: #cccccc;*/
    background-color: #EDEDED;
    /*vertical-align: top;*/
    vertical-align: middle;
    text-align: center;
}

.grid-alternating-item-left {
    /*background-color: #cccccc;*/
    background-color: #EDEDED;
    /*vertical-align: top;*/
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
}

.grid-edit-item {
    vertical-align: top;
}

.grid-item {
    /*font-size: 12pt;*/
    font-weight: normal;
    /*vertical-align: top;*/
    vertical-align: middle;
    text-align: center;
}

.grid-item-left {
    /*font-size: 10pt;*/
    font-weight: normal;
    /*vertical-align: top;*/
    vertical-align: middle;
    text-align: left;
}

.grid-pager {
    font-weight: bold;
    /*font-size: 12px;*/
    vertical-align: bottom;
    /*color:#808080; */
    color: #333;
    margin-right: 3px;
}

    .grid-pager A {
        /*font-size: 12px;*/
        /*color:#808080; */
        color: #333;
        text-decoration: underline;
    }

        .grid-pager A:link {
            /*font-size: 12px;*/
            /*color:#808080; */
            color: #333;
            text-decoration: underline;
        }

        .grid-pager A:visited {
            /*font-size: 12px;*/
            /*color:#808080; */
            color: #333;
            text-decoration: underline;
        }

        .grid-pager A:active {
            /*font-size: 12px;*/
            /*color:#808080; */
            color: #333;
            text-decoration: underline;
        }

        .grid-pager A:hover {
            /*font-size: 12px;*/
            /*color:#808080; */
            color: #333;
            text-decoration: underline;
            cursor: hand;
        }


        .grid-pager a btn-primary {
            color: #fff;
        }


/* End of Grid Styles */
.h2NoLine {
    font: normal 18px "Times Roman","Times New Roman",Times,Serif;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 10px 2px 10px;
    clear: left;
}

.h2Custom {
    font: bold 18px/21px "Times Roman","Times New Roman",Times,Serif;
    margin: 5px 0;
    background: url("../../images/dotted-border-horz.gif") repeat-x 0 bottom;
    padding: 0 10px 10px 10px;
    clear: left;
    width: 100%;
}

.h2SubTitleWithLine {
    font-size: 12pt;
    font-style: italic;
}


h12 {
    font: normal 12 "Times Roman","Times New Roman",Times,Serif;
    margin: 10px 0;
    background: url("../../images/dotted-border-horz.gif") repeat-x 0 bottom;
    padding: 1 1 1 1;

}

h6 {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 10px 2px 10px;
    margin-top: 10px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
}

.h7 {
    font: normal 13px "Times Roman","Times New Roman",Times,Serif;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    margin: 0px;
    padding: 0 0px 0px 0px;
    clear: left;
}


.imageWrap, .imageWrapRight {
    float: left;
    margin-bottom: 10px;
    padding: 0 15px 10px 0;
    line-height: 1.2;
    position: relative;
    z-index: 1;
    width: 100% !important;
    width: auto;
}

    .imageWrap:after, .imageWrapRight:after, .imageWrap ul:after {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
        clear: both;
        visibility: hidden;
        width: 100%;
        position: relative;
    }

/* Holly Hack Targets IE Win only \*/ * html .imageWrap, * html .imageWrapRight {
    height: 1%;
}
    /* End Holly Hack */

    .imageWrap img, .imageWrapRight img {
        float: left;
        padding: 0;
        margin: 0 15px 15px 0;
        z-index: 1;
    }

    .imageWrapRight img {
        float: right;
        margin: 0 0 15px 15px;
        z-index: 1;
    }


table {
    margin-bottom: 15px;
}

th {
    color: #fff;
    background-color: #333;
    letter-spacing: 1px;
    text-align: center;
    padding: 2px 6px;
    font-weight: bold;
}

#content th a:link {
    color: #fff;
    border-color: #fff;
}

tr.red, tr.red th {
    background-color: #900;
}

td {
    padding: 2px 6px;
    margin: 0;
    vertical-align: top;
}

tr.alt, tr.alt td {
    background-color: #ccc;
}

tr.bold td {
    font-weight: bold;
}

table.fancy {
    border: 1px solid #bbb;
}

    table.fancy tr td {
        /*	border:none;*/
    }

tr.hilited, tr.hilited td {
    background: #9cf;
    color: #000;
}

.smalltext {
    font-size: 10px;
}


/**************************** miscellaneous styles ********************************/
.rightfloat {
    float: right;
    margin: 0 10px 10px 10px;
}

.leftfloat {
    float: left;
    margin: 0 10px 10px 10px;
}

.noFloat {
    float: none;
}

.center {
    margin: 0 auto 10px;
}

/**************************
 *    infoSearch BOx      *
 **************************/
#infoSearch {
    background: #efe3b9;
    padding: 5px;
}

    #infoSearch form label {
        display: block !important;
        display: inline-block;
        float: left;
        width: 100px;
        padding-right: 5px;
        text-align: right;
        margin: 3px 0 3px 0;
        vertical-align: top;
        clear: left;
    }

    #infoSearch input {
        margin: 2px 0px;
    }

    #infoSearch select {
        width: 160px;
        margin: 5px 0px;
    }


.profile-image {
    border: #797F7D;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 8px rgba(50, 50, 50, 0.75);
    min-width: 188px;
    min-height: 200px;
    max-width:15em;
}



/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}





@media (min-width: 1200px) {
    hr.red {
        margin-bottom: 2.5rem;
        margin-top: 2.5rem;
        width: 5rem;
    }
}

@media (min-width: 770px) {
    hr.red {
        margin-bottom: 1.87rem;
        margin-top: 1.88rem;
        width: 4rem;
    }
}

hr.red {
    text-align: left;
    vertical-align:top;
    display:inline-block;
    background: #e90802;
    height: .375rem;
    margin:0;
    /*margin-bottom: 1.5rem;
    margin-top: 1.5rem;*/
    transform: skew(-45deg, 0deg);
    width: 3rem;
}

/*************************************************
 *    Instructor Information hanging indent      *
 *************************************************/


.instructor_Performances, .instructor_Presentations {
    padding-left: 2rem; /* Shifts the entire block to the right */
    text-indent: -2rem; /* Pulls the first line back to the left */
}

.instructor_Grants, .instructor_IntellectualCont {
    padding-left: 30px;
}