﻿    input[id$="txtMeetingId"],
    input[id$="txtMeetingTopic"],
    input[id$="txtVisitorName"],
    input[id$="btnMeetingId"],
    input[id$="btnMeetingTopic"],
    input[id$="btnVisitorName"] {
        margin-bottom: 7px;
    }

    #calendarWrapper {
        /* max-width: 200px; */
        text-align: center;
        padding-bottom: 5px;
        background-color: #a8d1ef;
        border: 1px solid #7b97d8;
        /* margin-right: 80px; 
        float: right; */
        margin: 10px 25px 10px 25px;
    }

    #calendarWrapper select {
        width: 56px;
    }

    table[id$="cldMeetingsCalendar"] {
        margin-bottom: 5px;
        width: 100%;
        border: 0px !important;
        background-color: White;

    }

    table[id$="cldMeetingsCalendar"] td {
        text-align: center;
    }

    #filterWrapper {
        padding: 10px 0 15px 15px;
        font-weight: bold;
        position: relative;
        background-color: #3e6c9d;
        /* height: 42px;  */
        border-radius: 10px 10px 0 0;
        margin-top: 40px;
    }

    #filterTabs {
        position: absolute;
        bottom: 0px;
        right: 20px;
        text-align: center;

    }

    #filterTabs a {
        display: inline-block;
        /* height: 24px;  */
        padding-top: 4px;
        width: 100px;
        background-color: white;
        border-radius: 10px 10px 0 0;
        border-bottom-width: 0px;
    }

    #container #filterTabs a:link,
    #container #filterTabs a:visited,
    #container #filterTabs a:active {
        color: #3C7F94;
    }

    #filterText {
        color: #ffffff;
        overflow: hidden;
        margin-right: 20px;
        margin-bottom: 5px;
        white-space: nowrap;
        font-size: 1.25em;
        display: inline-block;
    }

    table[id$="grdMeetings"] td:first-child {
        border-left: 1px solid #879fc5;
    }

    table[id$="grdMeetings"] td {
        font-size: .9em;
        border-right: 1px solid #879fc5;
    }

    table[id$="grdMeetings"] th {
        font-size: .9em;
        border: 1px solid #879fc5;
    }


    .meetingID a::after {
        content: url('/DesktopModules/OCFL/MeetingsReport/images/sortArrows.png');
    }


    .visitor a::after {
        content: url('/DesktopModules/OCFL/MeetingsReport/images/sortArrows.png');
    }

    .metWith a::after {
        content: url('/DesktopModules/OCFL/MeetingsReport/images/sortArrows.png');
    }

    .signinTime a::after {
        content: url('/DesktopModules/OCFL/MeetingsReport/images/sortArrows.png');
    }


    .noRecords {
        height: 41px;
        padding-left: 25px;
    }

    table[id$="grdMeetings"] .pager td {
        border: 0px;
        line-height: 10px;
        font-weight: bold;

    }

    table[id$="grdMeetings"] .pager>td {
        border: 1px solid #3e6c9d;
        border-width: 0px 1px;
        height: 16px;
        padding: 10px 0 0 0;
    }

    table[id$="grdMeetings"] .pager span {
        text-decoration: underline;
        font-size: 1.4em;
    }

    table[id$="grdMeetings"] th a {
        display: inline-block;

        /*background: url('/DesktopModules/OCFL/MeetingsReport/images/sortArrows.png') right 5px no-repeat;*/
    }

    #pagerBottom {
        width: 100%;
        border-radius: 0 0 10px 10px;
        background-color: #3e6c9d;
        height: 36px;
        *margin-top: -3px;

    }

    #pagerBottom.pages {
        height: 10px;
    }

    table[id$="mtg_details"] td {
        vertical-align: top;
        padding-bottom: 15px;
    }

    table[id$="mtg_details"] ol {
        padding: 0;
        margin: 0 0 0 20px;
    }


    a[id$="lbBack"] {
        display: inline-block;
        text-decoration: none !important;
        padding: 6px 24px;
        background-color: #d0e4ed;
        border: 2px solid #3e6c9d;
        margin: 21px 0 40px;
        border-radius: 10px;
        font-weight: bold;
    }

    #container a[id$="lbBack"]:link {
        color: #3f869c;
        text-decoration: none;
    }

    a[id$="lbBack"]:hover {
        background-color: #E6F4FF;
    }


    #commentName {
        margin: 0 0 30px 0;
    }

    #commentName:last-child {
        margin: 0;
    }

    #commentDateTime {
        font-size: .9em;
        font-style: italic;
    }



    #searchPanelWrapper,
    #detailsWrapper {
        background-color: #3e6c9d;
        padding-bottom: 10px;
        border: 1px solid #3e6c9d;
        margin-bottom: 20px;
        border-radius: 10px;
    }

    #searchOptions,
    #detailsHeader {
        color: White;
        font-size: 1.4em;
        padding: 10px 0px;
        text-align: center;
        font-weight: bold;
    }

    #detailsHeader {
        height: 20px;
    }

    #topWrapper,
    #details {
        background-color: #ffffff;
        padding: 10px 0px;
        margin-bottom: 20px;
    }

    #details {
        padding: 30px 30px 0px 30px;
    }

    div#searchWrapper {
        /* float: left; */
        /* margin-left: 80px; */
        background-color: #d0e4ed;
        padding: 8px;
        color: #336B7D;
        font-weight: bold;
        margin: 10px 25px 10px 25px;
    }

    table[id$="mtg_details"] {
        width: 100%;
    }

    table[id$="mtg_details"] td:first-child {
        color: #3f869c;
    }

    #meetingReportWrapper input[type="text"] {
        border: 1px solid white;
        margin-bottom: 0px;
        margin-top: 3px;
    }

    #meetingReportWrapper input[type="submit"] {
        background-color: #E9E9E9;
        border: 1px solid #FFFFFF;
        cursor: pointer;
    }

    #meetingReportWrapper input[type="submit"]:hover {
        background-color: #D2D2D2;
    }

    #meetingReportWrapper font:first-child {
        display: inline-block;
        margin-bottom: 15px;
    }

    .dbError {
        color: Red;
    }

    #searchWrapper legend {
        font-size: 14.4px;
        margin-bottom: 0px;
    }

    .table {
        margin-bottom: 0px !important;
    }

    #cldMeetingsCalendar {
        text-align: center !important;
    }