p {
    margin: 0;
    padding: 0;
}

/* basic body style */
body {
    min-height: 100%;
    height: 100%;
    border: 0;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    padding: 1px;
    color: #EDEBDC;
    margin: 0;
    text-align: center;
    background-color: #FFFCFD;
}

html, body, form {
    height: 99%;
}

.maincontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 72%;
}

#maincontentcenter {
    width: 100%;
    max-width: 100%;
    background-color: #ffffff;
    color: #005232;
    margin-right: 5px;
    margin-left: 5px;
    flex: 1;
}

/* master page */
div.main {
    height: 90%;
}

/*
#005232 Green
#090096 Blue
#005232 dark cyan
*/
.header {
    width: 100%;
    background: #ffffff;
    position: relative;
    height: 260px;
    margin: 0 auto 0 auto;
    z-index: 999;
    background-image: url(Images/dublin.png);   
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 36px;
    cursor: pointer;
}

.menua {
    display: flex;
    justify-content: center;
    top: 5px;
    left: 2px;
    color: black;
    text-transform: uppercase;
    font-size: 1.25em;
    font-weight: normal;
    z-index: 999;
    width: 100%;
}

.login-banner {
    width: 100%;
    background-image: url(Images/dublin_dark.png);
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 40px;
    height: 265px;
    background-color: #ffffff;
}

.banner {
    width: 100%;
    background-image: url(Images/dublin.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    background-color: #ffffff;
}

.home_button {
    border-radius: 3px;
    border: solid 1px #005232;
    color: #005232;
    padding: 6px 10px;
    font-size: 14pt;
    cursor: pointer;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    width: 190px;
    height: 34px;
}

.home_button_selected {
    border-radius: 3px;
    border: solid 2px #005232;
    color: #005232;
    padding: 6px 10px;
    font-size: 16pt;
    cursor: pointer;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    width: 208px;
    height: 44px;
    font-weight: bold;
}

h1, h2, h4 {
    margin: 0;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    text-transform: none;
    font-size: 14pt;
    color: #005232;
}

h3 {
    margin: 0;
    font-size: 1.75em;
    color: #005232;
}

.w3-card, .w3-card-2 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.thumb_pointer:hover {
    opacity: 0.5;
}

#login {
    margin: auto;
    text-align: center;
    width: 276px;
    height: 100%;
    color: #005232;
}

#404 {
    text-align: left;
    width: 480px;
    height: 100%;
    color: #1B06A1;
}

.datatable_no_border {
    border: none;
    font-size: 10pt;
    color: #003300;
}

    .datatable_no_border, .datatable_no_border td {
        border: none;
        color: #003300;
    }

.datatable {
    border: 1px solid #1b1b1b;
    font-size: 10pt;
    color: #003300;
}

    .datatable th {
        color: #ffffff;
        background-color: #005232;
        font-weight: bold;
        font-size: 10pt;
        border: 1px solid #1b1b1b;
    }

    /* CSS to change the GridLines color */
    .datatable, .datatable td {
        border: 1px solid #1b1b1b;
        color: #003300;
    }

        .datatable tr {
            color: #003300;
        }

.datatable-header {
    background-color: #222C47;
}

.datatable_alt {
    font-size: 10pt;
    background-color: #F0F3FA;
}

.datatable_first_column {
    padding-left: 5px;
}

.datatable_edit {
    background-color: #99ccff;
}

.datatable_emptyrow {
    font-weight: bold;
    background-color: #99ff99;
}

.datatable_footer {
    font-weight: bold;
    font-size: 8pt;
    background-color: #B0C4DE;
}

.inline {
    display: inline;
}

.female_bio {
    font-size: 18pt;
    cursor: pointer;
    font-family: 'Lucida Calligraphy';
}

.male_bio {
    font-size: 20pt;
    cursor: pointer;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
}

.label {
    font-weight: bold;
    color: #005232;
}

.photocaption {
    color: #005232;
    font-size: 11pt;
}

.label_i {
    font-weight: bold;
    font-style: italic;
    color: #005232;
}

.error {
    color: #990000;
}

.wp_label {
    color: #005232;
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-size: 8pt;
}

.accordion {
    color: #ffffff;
    background-color: #7BB761;
    border-radius: 3px;
    border: none;
    margin-top: 7px;
    padding: 10px 15px 10px 10px;
    font-size: 18px;
    cursor: pointer;
}

.acc_selected {
    color: #ffffff;
    background-color: #222C47;
    border-radius: 3px;
    border: none;
    padding: 2px;
    font-size: 16px;
    cursor: pointer;
    margin-left: 3px;
    text-decoration: none;
}

.acc_header {
    color: #fff;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 3px;
    padding: 0px 0px 2px 0px;
    height: 24px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
}

    .acc_header a.AccordionSideBarLink {
        color: #fff;
        text-decoration: none;
    }

.content {
    background-color: #F6F6F6;
}

.btn_small {
    background-color: #005232;
    border-radius: 2px;
    border: none;
    color: white;
    padding: 5px 7px;
    font-size: 12px;
    cursor: pointer;
}
/* Darker background on mouse-over */
.btn:hover, btn_small:hover {
    background-color: #005232;
}

.navbtn_small {
    background-color: #005232;
    border-radius: 2px;
    border: none;
    color: white;
    padding: 4px 4px;
    margin: 0px 1px;
    font-size: 10px;
    cursor: pointer;
}

.drp_small {
    background-color: #005232;
    border-radius: 2px;
    border: none;
    color: white;
    padding: 5px 7px;
    font-size: 12px;
}

.tree_selectednode {
    font-weight: bold;
}

.panel_maint_title {
    background-color: #005232;
    border-radius: 3px;
    border: none;
    color: white;
    padding: 10px 16px;
    font-size: 16px;
}

    .panel_maint_title::before {
        font-family: 'FontAwesome';
        content: '\f0ad';
        font-weight: 900;
        padding-right: 7px;
    }

.panel_vehicle_title {
    background-color: #005232;
    border-radius: 3px;
    border: none;
    color: white;
    padding: 10px 16px;
    font-size: 16px;
}

    .panel_vehicle_title::before {
        font-family: 'FontAwesome';
        content: '\f1b9';
        font-weight: 900;
        padding-right: 7px;
    }

.panel_owner_title {
    background-color: #005232;
    border-radius: 3px;
    border: none;
    color: white;
    padding: 10px 16px;
    font-size: 16px;
}

    .panel_owner_title::before {
        font-family: 'FontAwesome';
        content: '\f0c0';
        font-weight: 900;
        padding-right: 7px;
    }

.panel_users_title {
    background-color: #005232;
    border-radius: 3px;
    border: none;
    color: white;
    padding: 10px 16px;
    font-size: 16px;
}

    .panel_users_title::before {
        font-family: 'FontAwesome';
        content: '\f007';
        font-weight: 900;
        padding-right: 7px;
    }

.panel_pwd_title {
    background-color: #005232;
    border-radius: 3px;
    border: none;
    color: white;
    padding: 10px 16px;
    font-size: 16px;
}

    .panel_pwd_title::before {
        font-family: 'FontAwesome';
        content: '\f084';
        font-weight: 900;
        padding-right: 7px;
    }

.panel_tracelog_title {
    background-color: #005232;
    border-radius: 3px;
    border: none;
    color: white;
    padding: 10px 16px;
    font-size: 16px;
}

    .panel_tracelog_title::before {
        font-family: 'FontAwesome';
        content: '\f12a';
        font-weight: 900;
        padding-right: 7px;
    }


.control_panel_title {
    background-color: #005232;
    border-radius: 3px;
    color: white;
    padding: 4px 6px;
    font-size: 12px;
}

    .control_panel_title::before {
        font-family: 'FontAwesome';
        content: '\f085';
        font-weight: 900;
        padding-right: 7px;
    }

.panel {
    padding: 5px;
    border-radius: 2px;
    border-top: #005232 1px outset;
    border-left: #005232 1px outset;
    border-right: #005232 1px outset;
    border-bottom: #005232 1px outset;
    background-color: #ffffff;
    vertical-align: top;
}

.caption_small {
    background-color: #005232;
    border-radius: 2px;
    border: none;
    font-weight: bold;
    color: white;
    padding: 6px 8px;
    font-size: 11px;
    cursor: pointer;
}

.footnote {
    font-size: 12px;
    color: #005232;
    font-style: italic;
}

.modal_background {
    left: 0px;
    top: 0px;
    background-color: #808080;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.modal_popup {
    background-color: #ffffff;
    padding: 0px;
}

.modalDetailPopup {
    background-color: #A0A0A0;
    border-width: 2px;
    border-style: solid;
    border-color: Gray;
    padding: 2px;
    width: 500px;
}

.modalPopHandle {
    cursor: move;
    background-color: #090096;
    color: White;
    border: solid 1px Gray;
    font-weight: bold;
    height: 20px;
    text-align: center;
    padding-top: 5px;
}

.login {
    font-size: 10pt;
}

.center {
    margin: 0 auto;
    width: 800px;
}

.ImagePaddingTop {
    padding: 4px 1px 1px 1px;
}

.footer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content:center;
    background: #FFFCFD;
    font-size: .95em;
}

.footerbg {
    width: 100%;
    display: flex;
    background: #FFFCFD;
    height: 44px;
}

.copyright {
    padding-top: 10px;
    color: #005232;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 11pt;
    text-transform: uppercase;
}

.irishquote {
    padding-top: 16px;
    color: #005232;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-style: italic;
    font-size: 1.9em;
}

.englishquote {
    padding-top: 16px;
    color: #005232;
    font-size: 1.9em;
}

.nav {
    position: absolute;
    right: 8px;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    font-size: 10pt;
    color: #000000;
    padding: 3px;
}

.menua a:link {
    color: #000000;
}

.menua a:visited {
    color: #000000;
}

.nav a:link {
    color: #000000;
}

.nav a:visited {
    color: #000000;
}

.nav a:active {
    color: #000000;
}

.navlink {
    color: #000000;
}

.menua a:hover, .nav a:hover {
    color: #005232;
}

.menub {
    margin: 8px auto 2px auto;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
}

    .menub a:visited {
        color: #0C0097;
    }

    .menub a:hover {
        font-weight: bold;
    }

.dynamicmenuitem {
    font-size: 1.0em;
    font-family: Verdana,Sans-Serif;
    color: #000000;
    padding: 3px;
    background-repeat: repeat;
    cursor: pointer;
    height: 24px;
    text-align: center;
}

.mainmenu_dynamichover {
    color: !important;
}

a.mainmenu_dynamichover {
    cursor: pointer !important;
}

.filmstrip_l {
    border: 1px solid gray;
    background-image: url(Images/Icons/filmstrip_l.png);
    background-repeat: repeat-y;
}

.filmstrip_r {
    border: 1px solid gray;
    background-image: url(Images/Icons/filmstrip_r.png);
    background-repeat: repeat-y;
}

.tab2_tab_item {
    height: 21px;
    color: #ffffff;
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-weight: normal;
    font-size: 9pt;
    border-right: 1px;
    border-left: 1px;
    text-align: center;
    background-image: url(Images/green_chrome_lt.jpg);
    background-repeat: repeat-x;
    /*background-color: #7599BD;*/
}

a.tab2_tab_item {
    color: #ffffff !important;
    background-image: none;
    cursor: pointer !important;
}

.tab2_tab_hover {
    font-weight: normal;
    font-size: 8pt;
    height: 24px;
    color: #ffffff;
    border-right: 1px;
    border-left: 1px;
    background-image: url(Images/blue_chrome_drk.jpg);
    background-repeat: repeat-x;
    /*background-color: #054585;*/
}

a.tab2_tab_hover {
    background-image: none;
    color: #ffffff !important;
    cursor: pointer !important;
}

/* set the text colors for tabs */
.tab2_tab_selected {
    height: 24px;
    color: #ffffff;
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-weight: bold;
    font-size: 9pt;
    border-right: 1px;
    border-left: 1px;
    text-align: center;
    background-image: url(Images/green_chrome_tab_selected.jpg);
    background-repeat: repeat-x;
    /*background-color: #054585;*/
}

.cursor_none {
    cursor: default;
}

.webpart {
    background-color: #ffffff;
    border: 1px outset;
    padding: 0px !important;
}

.webpart_settings {
    background-position: center;
    padding: 5px;
    color: #000000;
    background-color: #C0C0C0;
}

.webpart_settings_link {
    font-family: verdana, "trebuchet MS", helvetica, sans-serif;
    font-size: 7pt;
    color: #005232;
}

.webpart_title {
    height: 18px;
    background-color: #005232;
    border-radius: 2px;
    border: none;
    color: white;
    padding: 6px 8px;
    font-size: 12px;
    cursor: default !important;
}

.webpart_zone {
    min-width: 315px;
    width: 100%;
}

.webpart_mouseover {
    cursor: pointer !important;
}

.mouse_pointer {
    cursor: pointer !important;
}

.videoContainer {
    position: relative;
    width: 100%;
    height: 100%;
}

.video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain; /* Not necessary in Chrome */
}

.slideshow {
    margin: 20px auto;
    width: 450px;
    height: 500px;
    padding-top: 20px;
    font-size: 14pt;
    text-transform: uppercase;
}

.slideShowCaption {
    font-size: 12pt;
}

@media screen and (max-width: 600px) {
    .header {
        width: 100%;
        height: 100px;
        padding-top: 10px;
        background-image: url(Images/muldoonconnect.png);
        background-repeat: no-repeat;
        background-position: center;
        z-index: 999;
    }

    .nav {
        display:flex;
        text-transform: uppercase;
        font-weight: normal;
        font-size: 9pt;
        color: #000000;
    }
}