.centered {
    margin: 0 auto;
    float: none !important;
    display: table;
}
.ComText {
    display: none;
}

.MoreText {
    color: #3c3c3c;
    font-size: 13px;
    cursor: pointer;
    font-weight:bold;
    background-color:#c2daf3;
}

.page-msg-widget { max-width:900px; margin:0 auto; }

.roster-header {
    position: relative;
    height: 87px;
    vertical-align: middle;
    border-bottom: 2px solid #001979;
    margin: 15px;
}

    .roster-header .roster-name {
        display: inline-block;
        vertical-align: middle;
        max-width: calc(98% - 95px);
    }

    .roster-header img {
        width: 80px !important;
        display: inline-block;
        vertical-align: middle;
    }

    .roster-header h2 {
        font-weight: bold;
        font-size: 24px;
        padding: 0px;
        margin: 0px 10px;
    }

    .roster-header span {
        font-size: 16px;
        display: block;
        margin:2px 10px;
    }

.roster-photo:not(.fcc) {
    border: 2px solid #3c3c3c;
}
.roster-photo.fcc {
    border: 2px solid #b60000;
}

.roster-member { margin:5px 15px; }

.roster-member {
    display: inline-block;
    width: 100%;
    max-width: 350px;
    vertical-align: top;
}

.roster-photo-group {
    display: inline-block;
    vertical-align: top;
}
.roster-member-detail {
    display: inline-block;
}
.roster-photo {
    display: block;
    background-size: cover;
    background-position: center;
    /*vertical-align: middle;*/
    width: 50px;
    height: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}

.roster-member-detail h3 {
    margin: 2px 0px;
    font-size: 16px;
}
.roster-member-detail div {
    font-size: 12px;
    line-height:1.75;
    max-width:265px;
}


.oa-badge {
    width: 17px;
    display: inline-block;
    vertical-align: top;
}
    .oa-badge img {
        display:inline-block;
    }









.page-jump {
    max-width: 250px;
    margin: 5px auto;
    padding-bottom: 10px;
}
.page-jump span {
    font-weight:bold;
    font-size:14px;
}

.dxTable_Basic {
    border: thin solid #bfbfbf;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0 auto;
    font-family: calibri,Arial;
}

    .dxTable_Basic > thead > tr > th:not(.td_RefreshLines), .dxTable_Basic > tbody > tr > th:not(.td_RefreshLines), .dxTable_Basic > tr > th:not(.td_RefreshLines), .SilverHeader {
        background: #eeeeee; /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
        color: #000;
        font-size: 12px;
        border: thin solid #cccccc;
        padding: 4px 8px;
        vertical-align: middle;
        font-weight: bold;
    }

    .dxTable_Basic > tr > td, .dxTable_Basic > tbody > tr > td, .dxTable_Basic > thead > tr > td {
        background-color: #fff;
        /*color:#000;*/
        font-size: 12px;
        border: thin solid #cccccc;
        padding: 4px;
        vertical-align: top;
        font-family: calibri,Arial;
        text-align: left;
    }

.dxGreyTable * {
    font-family: calibri,Arial;
}

.dxGreyTable {
    border: thin solid #bfbfbf;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0 auto;
}

    .dxGreyTable > tbody > tr > th, .dxGreyTable > thead > tr > th, .dxGreyTable > tfoot > tr > th {
        background: #eeeeee; /* Old browsers */
        background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
        background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
        color: #000;
        font-size: 14px;
        border: thin solid #cccccc;
        padding: 4px 8px;
        vertical-align: middle;
    }

    .dxGreyTable > tbody > tr > td, .dxGreyTable > thead > tr > td, .dxGreyTable > tr > td {
        background-color: #fff;
        color: #000;
        font-size: 12px;
        border: thin solid #cccccc;
        padding: 4px;
        vertical-align: top;
    }

.dxGreyTableTDAlt {
    background-color: #e2f8d4;
    color: #000;
    font-size: 12px;
    border: thin solid #cccccc;
    padding: 4px;
    vertical-align: top;
}



.single-patrol {
    text-align:center;
}
.single-patrol h4 {
    color: #001979;
}




.eagle-member {
    width: 100%;
    max-width: 300px;
    min-height: 400px;
    max-height: 400px;
}

.hp-scorecard { display:none; }

.recipe-block { padding:4px; margin-bottom:20px; position:relative; border-bottom:2px solid #ccc; }
.recipe-image { display: inline-block; vertical-align:top; }
.recipe-title { font-weight:bold; font-size:20px; padding-bottom:4px;  }
.ingredient-grouping { font-weight:bold; font-size:16px; }
.recipe-block .list-group-item { border:none; padding:1px 0px 1px 28px; }


.recipe-reviews { position:relative; margin:10px; height:20px; }
.recipe-rating { position:absolute; width: 84px; left:0px; padding: 2px; }
.recipe-comments { position:absolute; width: 200px; right:0px; padding: 2px; text-align:right; }

.review-recipe { color:#11193d; cursor:pointer; }
.review-recipe:hover { color:#007009; }
.review-cmtbutton { color:#11193d; cursor:pointer; }
.review-cmtbutton:hover { color:#007009; }

.bugler-calls h2 {
    text-align: center;
    padding: 4px;
    border-bottom: 2px dashed #ccc;
}

.bugle-call-single a {
    color:#001979;
    padding:4px 8px;
}
.bugle-call-single h3 { font-size:14px; margin:15px 0px 0px 0px; }
.bugle-call-single img { width:100%; max-width:720px }


/**
    bugle-music music-Sheet-{0}
    **/



.div_LinkWrapper {
    border: thin solid #1c6215;
    border-radius: 4px;
    display: inline-block;
    width: 400px;
    height: 75px;
    padding: 4px;
    margin: 2px;
    vertical-align: top;
    text-align: left;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    padding: 2px;
    color: #006;
    line-height: 1.2;
}

    .div_LinkWrapper:hover {
        background-color: #88ae84;
    }



    .div_LinkWrapper span {
        font-weight: normal;
        font-size: 12px;
        text-align: left;
        padding: 2px;
        line-height: 1.2;
        display:block;
        color:#282828;
    }

.upcoming-events h2 { color:#fff; }

.profile-content { margin:10px auto; padding:10px 0px; }

.profile-content h1 {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    padding-bottom: 20px;
}
.profile-content h2 {
    font-weight: bold;
    font-size: 16px;
    margin:0px;
}
.profile-content h3 {
    font-weight: bold;
    font-size: 16px;
}
.profile-content .avatar {
    width: 125px;
    height: 125px;
    margin: 0 auto;
}
.profile-content .member-tools a {
    padding: 4px 8px;
    margin: 4px;
    display: block;
    width: 100%;
}


    /*.event-documents a {
        
        padding: 10px 16px;
        margin:20px;
        background-color: #febd00;
        border: 2px solid #febd00;
    }
    .event-documents a:hover {
        background-color: #11193d;
        color: #fff;
        border-color: #febd00;
    }*/

    .event-documents a {
        border-radius: 6px;
        background-color: #febd00;
        padding: 10px 16px;
        margin:4px;
        display: inline-block;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
        border: 2px solid transparent;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

        .event-documents a:hover {
            border: 2px solid #febd00;
            background: #11193d;
            color: #fff;
        }

        .event-documents a:focus {
            color: #fff;
            text-decoration: none;
        }

.event-text-link {
    color: #febd00;
}

.a-signup {
    display: inline-block;
    padding: 2px 4px !important;
    background-color: #5f5f5f;
    color: #fff;
    border-radius: 3px;
    margin-left: 6px;
    border: 2px solid #ccc;
}
.a-signup:hover {
    background-color: #fff;
    border-color:#000;
    color:#000!important;
}

.event-tools {
    background-color: #fff;
    border-radius: 6px;
    margin:8px 0px;
    text-align:center;
}
    .event-tools li {
        display: inline-block;
        padding: 20px 10px;
        margin:0px 4px;
    }
    .event-tools li span {
        display: block;
        font-size:30px;
    }

    .event-tools a {
        color: #11193d!important;
    }

.head-slim {
    padding-top: 125px;
    padding-bottom: 5px;
    text-align:center;
}

.admin-tools {
    padding-top:0px;
}

.admin-tools .container {
    margin: 0px 10px;
    width: 99%;
}

.row.text-center > div {
    display: inline-block;
    float: none;
}

.leader-tools {
    padding: 10px 0px;
    margin: 10px auto;
}
.leader-tool-heading { font-size:24px; text-align:left; }
.leader-tool-link {
    display: inline-block;
    padding: 5px 15px;
    margin: 2px;
    border-radius: 5px;
    background-color: #1d3f66;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
    line-height: 21px;
}

    .leader-tool-link:hover {
        background: #febd00;
        color: #000;
    }

    .leader-tool-link:focus {
        color: #000;
        text-decoration: none;
    }

.tagging-overview .dxTable_Basic {
    width: 100%;
}
.tagging-overview .dxTable_Basic th {
    text-align: center;
}

.tagging-overview td {
    vertical-align:middle;
}

.web-notices {
    margin: 12px auto;
}
.web-notices .alert {
    position: relative;
}
.web-notices .alert button {
    position: absolute;
    top: 5px;
    right: 10px;
}

.favorite-links {
    padding: 10px 0px;
    margin: 10px auto;
}
.dismissed-notices {
    padding: 10px 0px;
    margin: 10px auto;
}

.favorites-link {
    display: inline-block;
    padding: 5px 15px;
    margin: 2px;
    border-radius: 5px;
    background-color: #1d3f66;
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 12px;
    line-height: 21px;
}

.favorites-link:hover {
    background: #febd00;
    color: #000;
}

.favorites-link:focus {
    color: #000;
    text-decoration: none;
}

.directory-search {
    padding: 10px 0px;
    margin: 20px auto;
}


.dir-search-results {
    max-height: 400px;
    overflow-y: auto;
    overflow-x:hidden;
}
.search-profile-content {
    padding: 10px 0px;
    margin: 10px auto;
}

.search-profile-content h2 {
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
}

.search-profile-content h1 {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    padding-bottom: 20px;
}

.search-profile-content h3 {
    font-weight: bold;
    font-size: 16px;
}

.search-profile-content .avatar {
    width: 125px;
    height: 125px;
    margin: 0 auto;
}

.search-profile-content .member-tools a {
    padding: 4px 8px;
    margin: 4px;
    display: block;
    width: 100%;
}

.camp-menus table.responsive {
    width: 100%;
}

.camp-menus .overview table.responsive img {
    display: block;
    margin: 0 auto;
    height: 50px;
}

.camp-menus table.responsive td {
    text-align: center;
}
    .camp-menus table.responsive td .label {
        display: none;
        color: #000;
    }

.camp-menus table.responsive th {
    background-color: #ddd;
    text-align: center;
}

.camp-menus table.second {
    margin-top: 5em;
}

@media screen and (max-width:640px) {
    .camp-menus table.responsive thead {
        display: none;
    }

    .camp-menus table.responsive tbody th,
    .camp-menus table.responsive tbody td {
        display: block;
        text-align: center;
    }

    .camp-menus table.responsive td span {
        display: block !important;
    }

    .camp-menus table.responsive td .label {
        background-color: #ddd;
        font-weight: bold;
        text-align: center;
    }
}


.camp-menus .menus-buttons a, .campmenu-Editor a, .menu-editor-overview a, .recipe-block a, .camp-menus .overview a, .roster-buttons a {
    border-radius: 6px;
    background-color: #11193d;
    padding: 7px 15px;
    margin: 4px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

    .camp-menus .menus-buttons a span, .campmenu-Editor a span, .menu-editor-overview a span, .recipe-block a span, .camp-menus .overview a span, .roster-buttons a span {
        padding-right: 10px;
    }

    .camp-menus .menus-buttons a:hover, .campmenu-Editor a:hover, .menu-editor-overview a:hover, .recipe-block a:hover, .camp-menus .overview a:hover, .roster-buttons a:hover {
        border: 2px solid #11193d;
        background: #febd00;
        color: #000;
    }

    .camp-menus .menus-buttons a:focus, .campmenu-Editor a:focus, .menu-editor-overview a:focus, .recipe-block a:focus, .camp-menus .overview a:focus, .roster-buttons a:focus {
        color: #fff;
        text-decoration: none;
    }

.menus-dropdowns {
    padding: 10px;
}

/*.recipe-editor .panel-footer {
    display: none;
}*/

.a_EditRecipe, .a_AddPhoto {
    float: right;
}

.Slim_Button a {
    padding: 4px 8px;
    margin: 4px;
    display: block;
    width: 100%;
}


.campmenu-Editor h2 {
    font-size: 28px;
}
.campmenu-Editor h3 {
    font-size: 24px;
    padding-left:30px;
}
.campmenu-Editor h3 a {
    padding: 4px 8px;
    font-size: 12px;
}
.campmenu-Editor h3 span:first-child {
    float: left;
}
.campmenu-Editor h3 .s_Multiplier{
    float:right;
}

.mealline-entries {
    padding-left: 60px;
}
.mealline-entries div a span {
    font-size: 12px;
    padding: 4px 6px;
}
.mealline-entries div a {
    padding: 0px;
}

.menu-icon-img {
    height: 25px !important;
}

.mm-invalid { color:#f00; }
.mm-approved {
    font-weight: bold;
    color: #006211;
}
.mm-pending {
    font-weight: bold;
    color: #f00;
}

.mm-comments {
    padding: 8px 4px;
    border-bottom: 1px solid #ccc;
}

.mm-comments h4 {
    font-size: 16px;
    display: inline-block;
}
.mm-comments span {
    font-size: 14px;
    float: right;
}
.mm-comments div {
    font-size: 12px;
    text-align:left;
}

.mm-actionbtn {
    float: left;
}


.cart-overview .form-control {
    border: 1px solid #e9e9e9;
    border-radius: 0;
}

a.Cart-Action {
    border-radius: 10px;
    background-color: #11193d;
    padding: 6px 10px;
    margin: 2px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    float:right;
}
    a.Cart-Action:hover {
        border: 2px solid #11193d;
        background: #febd00;
        color: #000;
    }

.cart-overview .eline-cost { font-size:18px; font-weight:bold; text-align:right; display:block; margin-top:4px; }


a.rem-cart-event {
float:right;
}

.roster-buttons { float:right; }


table.cart-table th {
    text-align: left;
    border-top: 1px solid #ccc;
    border-bottom: none;
    border-right: none;
    border-right: none;
    font-size: 16px;
    vertical-align: middle;
    color: #11193d;
}
table.cart-table td { border:none!important; }

.hidden { display:none; }

.cart-table .ce-AttendType {
    width: 175px;
}
.cart-table .ce-FullName { max-width:250px; }
.cart-table .ce-restrict {  }
.cart-table .ce-payoptions { }
.cart-table .ce-seatbelts { width:80px; }
.cart-table .ce-charge { width:100px; }

@media screen and (max-width:850px) {
    table.cart-table thead {
        display: none;
    }

    table.cart-table tbody th,
    table.cart-table tbody td {
        display: block;
        text-align: center;
    }

    table.cart-table td span {
        display: block !important;
    }

    table.cart-table td .label {
        background-color: #ddd;
        font-weight: bold;
        text-align: center;
    }

    .cart-table .ce-AttendType {
        width: 100%;
    }

    .cart-table .ce-FullName {
        width: 100%;
    }

    .cart-table .ce-restrict {
        width: 100%;
    }

    .cart-table .ce-payoptions {
        width: 100%;
    }

    .cart-table .ce-seatbelts {
        width: 100%;
    }

    .cart-table .ce-charge {
        width: 100%;
    }
}

a.simple-button {
    border-radius: 10px;
    background-color: #11193d;
    padding: 6px 10px;
    margin: 2px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    float: right;
}

    a.simple-button:hover {
        border: 2px solid #11193d;
        background: #febd00;
        color: #000;
    }


.tbl_HonorPatrolScoring a {
    border-radius: 10px;
    background-color: #be1e1e;
    padding: 0px 5px;
    margin: 2px;
    display: inline-block;
    color: #fff;
    font-weight:bold;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid transparent;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    float: right;
}
    .tbl_HonorPatrolScoring a:hover {
        border: 2px solid #4e4e4e;
        background: #eac514;
        color: #000;
    }

.recent-news-read-more {
    float: right;
}
.recent-news-read-more:hover {
    color:#febd00;
}


.News-Block img {
    max-width: 200px;
    max-height: 130px;
    margin:4px;
    display: inline-block;
    float: left;
}
.News-Block .date {
    float: right;
}
.News-Block .divTitle {
    text-align:center;
    font-weight:bold;
    font-size:14px;
}
.modal > .dxbs-popup {
    top: 125px!important;
}

.eagle-mem { 
    background-image:url(/Content/Images/Template/Eagle-Roster.png);
    background-position:bottom right;
    background-repeat:no-repeat;
}


.d_ProjRow {
    padding:4px;
    text-align:left;
}
.s_ProjTitle {
    font-weight:bold;

}
.s_ProjDate {
    float: right;
    padding:4px;
}
.s_ProjDateDue {
    float: right;
    padding: 4px;
}
.d_ProjDetails {

}
.d_ContactDetails {
    padding:2px;
    border-bottom:thin solid #ccc;
}

.alb_Listing {
    display: inline-block;
    margin: 2px 4px;
    width: 120px;
    height:175px;
    text-align:center;
    vertical-align:top;
    color:#fff;
}

    .alb_Listing img {
        display: block;
        height: 75px;
        margin:0 auto;
    }
    .alb_Listing span {
        font-weight: bold;
        text-align: center;
        display: block;
        color: #fff;
    }
    .alb_Listing p {
        color: #fbfbfb;
    }


.pic_Listing {
    display: inline-block;
    margin: 2px 4px;
    width: 120px;
    height: 120px;
    text-align: center;
    vertical-align: top;
    color: #fff;
}

    .pic_Listing img {
        display: block;
        height: 75px;
        margin: 0 auto;
    }

    .pic_Listing span {
        font-weight: bold;
        text-align: center;
        display: block;
        color: #fff;
    }

.div_GalleryPages a {
    padding: 4px 6px;
    font-weight: bold;
    text-align: center;
    font-size:18px;
    color:#fff;
}
.div_GalleryPages span {
    padding: 4px 6px;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #febd00;
}

.div_MSG { 
    font-weight:bold;
    font-size:14px;
    text-align:center;
    background-color:#adc0f3;
    padding:4px 8px;
    margin:5px auto;
    max-width:750px;
    border-radius:4px;
    color:#000;
}

.a_EagleNavArrow {
    padding:2px 10px;
    font-size:36px;
    font-weight:bold;
}



section.upcoming-events h1 {
    text-align: center;
}

section.upcoming-events .adv-headers {
    cursor: pointer;
    margin: 0px 4px;
}

    section.upcoming-events .adv-headers .adv-more {
        float: right;
        font-size: 60px;
    }

    section.upcoming-events .adv-headers h3 {
        color: #fff;
        text-align: left;
        margin: 0px;
        padding: 0px;
        width: calc(100% - 35px);
    }

    section.upcoming-events .adv-headers h4 {
        color: #fff;
        text-align: left;
        margin: 0px;
        padding: 0px;
        width: calc(100% - 35px);
    }

    section.upcoming-events .adv-headers a {
        color: #fff;
    }

section.upcoming-events .adv-content {
    display: none;
    margin-top: 6px;
    padding: 6px;
}



.arrow {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

    .arrow.right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .arrow.left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

    .arrow.up {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }

    .arrow.down {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }





.ui-tooltip, .oaTT-arrow:after {
    background: #fff;
    border: 2px solid #ccc;
}

.ui-tooltip {
    padding: 10px 20px;
    color: #000;
    border-radius: 8px;
    box-shadow: 0 0 3px #ccc;
}

.oaTT-arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

    .oaTT-arrow.top {
        top: -16px;
        bottom: auto;
    }

    .oaTT-arrow.left {
        left: 20%;
    }

    .oaTT-arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -20px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .oaTT-arrow.top:after {
        bottom: -20px;
        top: auto;
    }

.PageNoticeBar {
    padding: 10px;
    margin: 10px auto;
    width: 95%;
}

    .PageNoticeBar span.ui-icon {
        float: left;
        margin-right: .5em;
        top: .5em;
    }