/* ===== mtlc.css ===== */

.text_over:hover {
    color: #cc2222;
    text-decoration: none;
}

.btn-top {
    vertical-align: top;
}

.btn-bold {
    font-weight: bold;
}

.mtlc_top {
    height:3px;
    width:100%;
    background-color: #2cac34;

}

.mtlc_header {
    background-color: #2891E2;
}

.mtlc_body {
    background-color: #2891E2;
}

.mtlc_logo {
   width:200px;
   border:0px black solid;
   padding-top:5px;
}

.mtlc_signin {
    font-size: 13px;
    padding-top: 18px;
    color: white;
}

.mtlc_signin_subtext{
    font-size: 11px;
    color: white;
}

.mtlc_signin_icon {
    font-size: 24px;
    height: 22px;
    vertical-align: -3px;
}

.mtlc_page_gold {
    border-radius: 3px;
    padding: 40px;
    width:100%;
    display: table;
}

#mtlc_body ul {
    line-height: 1.2;
}

.mtlc_page_shrink_noborder {
    display: table;
    height: 500px;
    margin: 0px auto;
    padding: 0px;
    /*border: 000px silver solid;*/
    background-color: transparent;
}

/* can this be replaced by page_shrink? */

.mtlc_page_gold_about {
    border-radius: 3px;
    max-width: 700px;
    margin:20px auto;
    padding: 20px;
    background-color: white;
}

@media screen and (max-width: 600px) {
/*
    .mtlc_top {
        background-color: #0000FF;
    }
*/

/*
    .mtlc_center {
        margin:0px 2%;
    }
*/
    .mtlc_logo {
        width:140px;
        border:0px black solid;
        padding-top:5px;
    }

    .mtlc_signin {
        padding-top: 12px;
    }

    .mtlc_page_gold{
        padding:0px;
    }

    .mtlc_page_shrink{
        padding:0px;
    }
}

/* still used by volunteer checkin */
@media screen and (max-width: 400px) {

/*
    .mtlc_top {
        background-color: #2cac34;
    }
*/
/*
    .mtlc_center {
        margin:0px 0px;
    }
*/

    .mtlc_logo {
        width:100px;
        border:0px black solid;
        padding-top:5px;
    }

    .mtlc_signin {
        padding-top: 8px;
        font-size: 11px;
    }

    .mtlc_signin_subtext {
        font-size: 10px;
    }
    .mtlc_signin_icon {
        font-size: 16px;
        height: 18px;
        vertical-align: -3px;
    }

}

/******** menu *********/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.form-check-input {
	width: 1.2em;
	height: 1.2em;
	border: 1px solid black;
}

/* DO WE NEED THIS */

/* ---------- Form Categories ---------------- */

/* ---------- Results ---------------- */

.raceresultbox {
    height: 100%;padding:15px;border:5px solid #EFEFEF;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
}

dl, ol, ul {
	margin-top: 0;
	margin-bottom: 0;
}

/* VPAT STUFF */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 3px solid #2563eb;
    outline-offset: 2px;
}

/* ===== mtl_base2.css ===== */

.clearFieldBlurred {
    color: #666;
    font-style: italic;
}
.clearFieldActive {
    color: #000;
    font-style: normal;
}

.button_link {
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
    color: #000000;
}
.button_link:hover {
    text-decoration: underline;
    color:#cc2222;
}
.button_fixed {
    min-width:120px;
}

.button {
    display: inline-block;
    text-decoration: none;
    padding: 6px 10px;
    position: relative;
    border: 1px solid #666666;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.button:hover:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);

}

.button_new {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 8px 16px;
    border: 1px solid #666666;

    background-color: #ffffff;
    font-weight:bold;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    min-width:50px;
    color:#303030;
    line-height: normal !important;

}
.button_new:hover {
    background-color: #c1c1c1;
    color:#cc2222;
    cursor: pointer;
}

.gold_button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
    background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
    background-color:#d29105;
}

.gold_button:active {
    position:relative;
    top:1px;
}

.blue_button {
    -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
    background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
    background-color:#3d94f6;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #337fed;
    display:inline-block;
    color:#ffffff;
    /*  font-family:arial; */
    font-size:12px;
    font-weight:bold;
    padding:4px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #1570cd;
    line-height: 12px;
    text-align: center;
}
.blue_button:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
    background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
    background-color:#1e62d0;
}
.blue_button:active {
    position:relative;
    top:1px;
}

.button_dead {
    display: inline-block;
    text-decoration: none;
    padding: 6px 10px;
    border: 2px solid #666666;
    background-color: #909090;
    font-weight:bold;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    min-width:50px;
    color:#303030;
}

.button_purple {
    margin:3px;
    display: inline-block;
    text-decoration: none;
    padding: 6px 10px;
    position: relative;
    border: 1px solid #666666;
    background-color: #7f027f;
    color: #ffffff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.button_white {
    margin:3px;
    display: inline-block;
    text-decoration: none;
    padding: 6px 10px;
    position: relative;
    border: 1px solid #666666;
    background-color: #ffffff;
    color: #000000;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.button_green {
    margin:3px;
    display: inline-block;
    text-decoration: none;
    padding: 6px 10px;
    position: relative;
    border: 1px solid #666666;
    background-color: #22cc22;
    color: #ffffff;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.button_lightgrey {
    display:inline-block;
    background-color:#ededed;
    color:#777777;
    border-radius:6px;
    border:1px solid #dcdcdc;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:4px 10px;
    text-decoration:none;
    text-shadow:1px 1px 0px #ffffff;
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    -moz-border-radius:6px; -webkit-border-radius:6px;
    line-height: 12px;
}

.button_thin {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 3px 3px 1px 3px;

    margin: 2px 2px 2px 2px;
    border: 2px solid #666666;
    background-color: #ffffff;
    font-weight:bold;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    min-width:30px;
    color:#303030;
    font-size:10px;
    line-height: normal !important;
    box-shadow: none;
    color: black !important;
}

.button_thin:hover {
    background-color: #c1c1c1;
    color:#cc2222 !important;
    cursor: pointer;
}

.button_thin_on {
    color:#cc2222 !important;
}

.button_on {
    background-color: #c1c1c1 !important;
    color:#cc2222 !important;
    cursor: pointer !important;
}

.button_claim {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    padding: 3px 5px;
    border: 2px solid #666666;
    background-color: #ffffff;
    font-weight:bold;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    min-width:30px;
    color:#303030;
    font-size:11px;
}
.button_claim:hover {
    background-color: #c1c1c1;
    color:#cc2222;
    cursor: pointer;
}
.button_claim_on {
    background-color: #c1c1c1;
    color:#cc2222;
    cursor: pointer;
}
.button_claim_dead {
    display: inline-block;
    text-decoration: none;
    padding: 3px 5px;
    border: 2px solid #666666;
    background-color: #909090;
    font-weight:bold;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:4px;
    min-width:30px;
    color:#303030;
    font-size:11px;
}

.button_volcheckin_off {
    display: inline-block;
    text-decoration: none;
    padding: 3px 5px;
    border: 1px solid #666666;
    background-color: #ffffff;
    font-weight:normal;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#303030;
}
.button_volcheckin_off:hover {
    background-color: #c1c1c1;
    color:#cc2222;
    cursor:pointer;
}

.button_volcheckin_on {
    display: inline-block;
    text-decoration: none;
    padding: 3px 5px;
    border: 1px solid #666666;
    background-color: #ffffff;
    background-color: #c1c1c1;
    font-weight:normal;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    color:#cc2222;
}
.button_volcheckin_on:hover {
    background-color: #ffffff;
    color:#303030;
    cursor: pointer;
}

.barButtonX {
    height:28px;
    font-size:12px;
    font-weight:bold;
}

.wizard_title {
    color:black;
    font-size:24px;
    font-weight:bold;
    line-height: 100%;
}

.wizard_subtitle {
    color:#606060;
    font-size:14px;
    font-weight:bold;
    line-height: 100%;
}

tr.orh_dialog > td
{
    padding-left: 0px;
    padding-right: 6px;
    padding-top: 6px;
}

.orh_newgroup {
    font-size:18px; width:370px; font-style:italic;
}

#modalBackgroundPopupX{
    display:none;
    position:fixed;
    _position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:3000;
}

.mainRLU {
    font-size: 28px;
    font-weight: bold;
    padding-bottom:2px;
    padding-top:6px;
    white-space: nowrap;
    color:#666666;
    text-align: left;
}

td.label {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #606060;
    padding-top: 4px;
    text-align: left;
}
td.value {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding-left: 4px; padding-top: 4px;
    text-align: left;
}
td.value_full {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    padding-top: 2px;
    text-align: left;
}

.formedit_header {
    padding: 4px;
    font-weight:bold;
    font-size:14px;
    color:black;
    line-height: normal;
    background-color: #c1c1c1;
}

.clearfloat {
    font-size: 1px;
    line-height: 0px;
    margin: 0px;
    clear: both;
    height: 0px;
}

.sectionTitle {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    background-color: #f1f1f1;
    color:#333333;
    padding:4px;
    border: 1px solid #666666;

}

.sectionValue {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

.calendaritem_today {
    /*verticle-align:top;*/
    vertical-align:top;
    background-color:#c1c1c1;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
td.calendaritem_today { background-color: #FFDDAA; }

#titleDiv { background-color: #cccccc !important; }

#td.grouptitle { background-color: #cccccc !important; color: #2b2b2b !important; }
#td.calendartitle { background-color: #cccccc !important; }
#calControls table { background-color: #cccccc !important; }
a.calendar_menu { color: #666666; font-size: 30px }
td.calendar_menu { color: #666666 }

.message_body {
    font-size:12px;
    font-weight:normal;
    border: 1px #c1c1c1 solid;
    text-align:left;
}

.popup_menu {
    line-height: 120%;
    font-size:14px
}

.share_options   {
    padding:3px;
}

.box_white_border_x {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#ffffff;
    border:0px #a0a0a0 solid;
}

.box_white_border {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#ffffff;
    border:1px #a0a0a0 solid;
    border-radius:10px; -moz-border-radius:10px;
}

.mtl_body_div {
    display:table;
    background-color:#ffffff;
    margin:10px auto;
    border:1px solid #cccccc;
    border-radius:10px;
    -moz-border-radius:10px;
}

.event_description a {
    text-decoration: underline;
}

.calendar_title {
    font-size:11px;
}
.calendar_options {
    min-width:40px;
    height:100%;
    border:1px solid #e0e0e0;
    background-color: #ffffff;
    border-radius: 5px;
    padding:3px;
    font-size:12px;
    text-align: center;
    vertical-align: middle;
}

.font_bottom {
    font-family: 'Lato',sans-serif;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 24px;
    font-weight: 900;
    color: #F3f3f3;
}

.smart_list
{
    padding: 3px;
    background-color: #a0a0a0;
}

.event_box {

    width:100%;

    border-top:0px solid #000000;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;

    background-color: #ffffff;
}

.event_box_inner {
    padding: 16px;
}

.racebody {
    padding-top:10px;
    font-size:13px;
    color:#434343;
}

.sponsor_box {
    font-size:10px;
    color:#909090;
}

.sponsor_box_title {
    border: 1px solid #f1f1f1;
    text-align: center;
    font-size:12px;
    color:#303030;
    padding:4px;
}

.template_menu_set_on {
    background-color: white;
}

.template_menu_base_flat:hover {
    background-color: #aa6666;
}

.white_border {
    border:3px solid white;
    background-color: white;
}

#personPopupContainer
{
    position:absolute;
    left:0;
    top:0;
    display:none;
    z-index: 5000;
}

.personPopupPopup
{
}

#personPopupContent
{
    background-color: #FFF;
    min-width: 20px;
    min-height: 20px;
}

.personPopupPopup .personPopupImage
{
    margin: 5px;
    margin-right: 15px;
}

.personPopupPopup .corner
{
    width: 19px;
    height: 15px;
}

.personPopupPopup .topLeft
{
    background: url( "../images/personpopup/balloon_topLeft.png" ) no-repeat;
}

.personPopupPopup .bottomLeft
{
    background: url( "../images/personpopup/balloon_bottomLeft.png") no-repeat;
}

.personPopupPopup .leftSide
{
    background: url( "../images/personpopup/balloon_left.png") repeat-y;
}

.personPopupPopup .rightSide
{
    background: url( "../images/personpopup/balloon_right.png") repeat-y;
}

.personPopupPopup .topRight
{
    background: url( "../images/personpopup/balloon_topRight.png") no-repeat;
}

.personPopupPopup .bottomRight
{
    background: url( "../images/personpopup/balloon_bottomRight.png") no-repeat;
}

.personPopupPopup .top
{
    background: url( "../images/personpopup/balloon_top.png") repeat-x;
}

.personPopupPopup .bottom
{
    background: url( "../images/personpopup/balloon_bottom.png") repeat-x;
    text-align: center;
}

.now_tab_base {
    padding: 8px;
    text-decoration: none;
    text-align: left;
    min-width: 90px;
    font-size: 26px;
    font-weight:bold;
    margin-right: 4px;
    border-bottom: 1px solid #e0e0e0;
}

.hidden_field {
    color:#cc2222;
    font-size:12px;
    border-top: #cc2222 solid 1px;
}

.page_options {
    text-align:left;
    padding-bottom: 10px;
    padding-top:0px;
}

.section_header {
    font-size: 14px;
    font-weight: bold;
    background-color: #c1c1c1;
    padding: 4px;
}

.payment_field {
    font-weight: bold;
    font-size:14px;
}

.form_section {
    text-align: left !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    background-color: transparent !important;
    color: #525252 !important;
    border-radius: 4px;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 0px !important;
    padding-top: 10px !important;
}

.form_section_icon {
    font-size:16px;
    color:#525252;
}

.date_cntrl_zfield_format {
    width:100px;
    border-radius: 0;
    font-size:14px;
    border: 1px solid #D2D2D2;
    padding:0 3px;
    display: inline-block;
}

.date_cntrl_zfield_format_boot5 {
    width:100px;
    border: 1px solid #D2D2D2;
    display: inline-block;
}

/* ========== SPONSOR =========== */
.tablecontainer-mike {
    display:table;
    padding:0px;
    margin:20px auto;
    border: 000px blue solid;
    text-align: center;
    width:100%;
    box-sizing: border-box;
}

.sponsoritem-mike {
    display:inline-block;
    background-color:white;
    /*border: 6px outset #efefef;*/
    border: 6px solid #efefef;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width:260px;
    margin:10px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:top;
}

.sponsoritem-mike:hover {
    border:6px solid #cccbcb;
}

.sponsortype-mike {
    margin: 0px auto;
    text-align: center;
    font-size: 14px;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 0px;
    color: #313131;
    width: 90%;
    background: rgba(255,255,255,0.36);
    line-height: 17px;
    overflow: visible;
}

.sponsorinfocontainer-mike {
    margin:00px auto;
    border: 000px solid #ff00ff;
    position: relative;
}

.sponsorimageorname-mike {

    margin: 0 auto;
    text-align: center;

    width: 88%;
    height: 160px !important;
    line-height: 160px;
    padding-top: 8px;

    border: 000px solid #ffff00;
    background: white;
    padding: 6%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-sizing: content-box;
}

.imagecenter-mike {
    height: 160px;
    display: table-cell;
    vertical-align: middle;
    width: 218px;

}

.sponsorimageorname-mike img {
    text-align: center;
    vertical-align: middle;
    height: auto;
    width: auto;
    max-width: 218px;
    max-height: 160px;
	margin-left: auto;
	margin-right: auto;
}

.sponsorname-mike {
    font-size: 24px;
    max-height:140px;
    line-height: 30px;
}

.sponsordetails-mike {
    margin:0px auto;
    text-align: center;
    min-height: 94px;
    border:000px solid green;
    font-size:14px;
    border-top:1px solid #EFEFEF;
    color:#000000;
    font-weight:bold;
    font-style:italic;
    padding: 10px 10px 5px 10px;
    background: #FBFBFB;
    box-sizing: content-box;
}

.sponsorbuttoncontainer-mike {
    min-height:26px;
    border:0px blue solid;
    padding-top:4px;
    padding-bottom: 0px;
}

.button_claim-mike {
    text-decoration: none !important;
    /* 02Oct2025 DLB - removed imporntant on color */
    color: white ;
    width: 100% !important;
    border: none;
    background: green;
    padding: 12px 0;
    display: inline-block;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    cursor: pointer;
}

.button_claim-mike:hover {
/*    background:#2A5A77; */
    background: darkgreen;
}

.button_learn-mike {
    text-decoration: none !important;
    color: white !important;
    width: 100% !important;
    border: none;
    background: #3E82AB;
    padding: 12px 0;
    display: inline-block;
    border-radius: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    cursor: pointer;
}

.button_learn-mike:hover {
    background:#2A5A77;
}

/* JUST LOGO SPONSOR */
.tablecontainer-logo {
    display:table;
    padding:0px;
    margin:20px auto;
    border: 000px blue solid;
    text-align: center;
    width:100%;
    box-sizing: border-box;
}

.sponsoritem-logo {
    display:inline-block;
    background-color:white;
    border: 6px solid #efefef;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width:200px;
    height:200px;
    margin:4px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:top;
}

.sponsoritem-logo:hover {
    border:6px solid #cccbcb;
}

.sponsortype-logo {
    margin: 0px auto;
    text-align: center;
    font-size: 14px;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 0px;
    color: #313131;
    width: 90%;
    background: rgba(255,255,255,0.36);
    line-height: 17px;
    overflow: visible;
}

.sponsorinfocontainer-logo {
    margin:00px auto;
    border: 000px solid #ff00ff;
    position: relative;
}

.sponsorimageorname-logo {

    margin: 0 auto;
    text-align: center;

    width: 88%;
    height: 160px !important;
    line-height: 160px;
    padding-top: 8px;

    border: 000px solid #ffff00;
    background: white;
    padding: 6%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-sizing: content-box;
}

.imagecenter-logo {
    height: 160px;
    display: table-cell;
    vertical-align: middle;
    width: 218px;

}

.sponsorimageorname-logo img {
    text-align: center;
    vertical-align: middle;
    height: auto;
    width: auto;
    max-width: 218px;
    max-height: 160px;
    margin-left: auto;
    margin-right: auto;
}

@font-face {
    font-family: 'antoniobold';
    src: url('../fonts/antonio-bold-webfont.woff2') format('woff2'),
    url('../fonts/antonio-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'antoniolight';
    src: url('../fonts/antonio-light-webfont.woff2') format('woff2'),
    url('../fonts/antonio-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'antonioregular';
    src: url('../fonts/antonio-regular-webfont.woff2') format('woff2'),
    url('../fonts/antonio-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.levelcontainer-mike {
    display:block;
}

.level-mike {
    padding-top: 8px;
    padding-bottom: 14px;
    font-size: 35px;
    font-weight: 400;
    text-align: center;
    width: 100%;
    margin: 30px auto 30px auto;
    letter-spacing: -1px;
    text-shadow: 0 1px 2px rgba(100,100,100,.6);
    border-bottom: 2px solid #efefef;
    color: #000000;
    line-height: 2.5rem;
}

@media all and (max-width:480px) {
    .level-mike {
        font-size: 23px !important;
    }
}

.calendarleftcolumn {
    float:left;
    border: yellow solid 000px;
    vertical-align: top;
    text-align:center;
    width:30%;
    min-width:280px;
    padding:20px;
    color:black;
    font-size:10px;
    font-weight:bold;
    border-radius: 4px;
    background-color:#F1F1F1;
    margin-left: 5px;
    min-height: 200px;
}

.calendarrightcolumn {
    float: left;
    border:000px green solid;
    margin-left:20px;
    padding-left: 8px;
    width:65%;
}

.calendarimage {
    border:0px solid #d1d1d1;
    width:100%;
    max-width:150px;
}

@media (max-width: 600px) {
    .calendarleftcolumn {
        width:97%;
        float: none;
        margin:2px auto 30px auto;
    }
    .calendarrightcolumn {
        width:100%;
        float: none;
        margin:10px auto;
    }

    .calendarimage {
        max-width: 100px;
    }
}

.page_title {
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    color:#000000;
    text-align: left;
    padding: 8px 8px 16px 0;
    /*border-bottom: solid 0px #c1c1c1;*/
}

.grp_title {
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    color:#000000;
    text-align: left;
    padding-top:8px;
    padding-left:0px;
    padding-right:8px;
    padding-bottom:8px;
}

.sectionheader {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    padding:6px;
    background-color: #f1f1f1;
}

.rollover {
    text-decoration: none;
}

.rollover:hover {
    text-decoration: none;
    color:#cc4444;
    cursor: pointer;
}

.rolloverOption {
    text-decoration: none;
    color:black !important;
}

.rolloverOption:hover {
    text-decoration: none;
    color:#cc4444 !important;
    cursor: pointer;
}

.rolloverWhite {
    text-decoration: none;
    color:#ffffff;
    font-weight:bold;
}

.rolloverWhite:hover {
    text-decoration: underline;
    color:#cc4444;
}

.rolloverOptionTrans {
    text-decoration: none;
    font-weight:normal;
}

.rolloverOptionTrans:hover {
    text-decoration: none;
    color:#cc4444;
    cursor: pointer;
    font-weight:normal;
}

.rolloverRed {
    text-decoration: none;
    color:#cc2222;
    font-weight:bold;
}

.rolloverRed:hover {
    text-decoration: underline;
    color:#000000;
}

.rolloverOptionOn {
    text-decoration: none;
    color:#cc4444;
}

a.waiver_a {
    color:darkblue;
    text-decoration:underline;
}
a.waiver_a:hover {
    color:cornflowerblue;
    text-decoration:underline;
}
a.waiver_a:visited {
    color:#551A8B;
    text-decoration:underline;
}

.wrapper {width:auto;}

.eventw_tabs_list {
    border:0px yellow solid;
}

.eventw_tab_base {
    float:left;
    padding: 4px;
    font-size: 12px;
    font-weight:bold;
    text-decoration: none;
    text-align: center;

    min-width:70px;
    border-top: 2px solid #e0e0e0;
    border-bottom: 0px solid #ffffff;
    border-left: 2px solid #e0e0e0;
    border-right: 2px solid #e0e0e0;

    list-style-type: none;
    margin-right: 2px;
}

.eventw_tab_base_plus {
    float:left;
    padding: 8px;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
    font-weight:bold;
    min-width:24px;
    border-top: 2px solid #e0e0e0;
    border-bottom: 0px solid #ffffff;
    border-left: 2px solid #e0e0e0;
    border-right: 2px solid #e0e0e0;
}

.eventw_tab_off {
    background-color: #f1f1f1;
    color: #000000;
}

.eventw_tab_off:hover{
    background-color: #ffffff;
    color:#000000;
    cursor: pointer;
}

.eventw_tab_off a {
    color: #616161;
}
.eventw_tab_off:hover a {
    color: #000000;
    cursor: pointer;
}

.eventw_tab_on {
    background-color: #ffcccc;
    color: #000000;
}

.eventw_tab_on a {
    color: #000000;
}

.eventw_tab_on:hover a {
    cursor: pointer;
}

.eventw_tab_space {
    float:left;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    width:0px;
    font-size: 10px;
    font-weight:bold;
    border-top: 2px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}

.rrxf_wrapper {
    text-align: left;
    border:0px yellow solid;
    background-color: transparent;
}

.rrai_outer {

    padding:0px;
    margin-bottom:40px;
    background-color: #ffffff;
}

.rrai_inner {
    display:block;
    margin: 0 auto;
    padding: 0px;
    max-width:1200px;
    border:0px red solid;
}

.event_wrapper {
    border: 0px orange solid;
}

.event_box {
    border:0px purple solid;
}

.event_top {
    border:0px cyan solid;
    background-color: transparent;
}

.event_top_body {

    background-color: transparent;
    width: 90%;
    margin: 0 auto;

}
.event_top_body_popup {

    background-color: transparent;
    width: 100%;
    margin: 0 auto;

}

.event_header_inner {
    border: 0px yellow solid;
}

.race-header-wrapper {
    width:100%;
    font-size:12px;
    border:0px yellow solid;
}

.race-header {
    float:left;
    padding:10px;
    border: 0px solid red;
    max-width: 700px
}

.event_header_date {
    text-align:left;
    color:#000000;
    font-weight: bold;
    font-size:18px;
}

.event_header_title {
    text-align:left;
    color:#000000;
    font-weight: bold;
    font-size:24px;
    margin: 0px 0px 5px;
}

.event_tabs {
    border:0px red solid;
}

.event_bottom {
    border:0px solid cyan;
    min-height:400px;
}

.event_bottom_body {
    min-height: 400px;
    margin: 0 auto;
    clear:both;
    display:table;
    width:90%;
    background-color: transparent;
}

.event_bottom_notabs {

}

.event_bottom_tabs {
    border:1px solid #e0e0e0;
    background-color: #ffffff;
    min-height: 400px;
}

.race_content {
    border:0px solid #FF00FF;
    padding:10px;
    min-height:400px;
}

.event_page_title_notabs {
    float:left;
    padding: 4px;
    font-size: 32px;
    font-weight: bold;
    border:0px solid blue;
}

.event_page_title {
    text-align: left;
    font-size: 26px;
    color: #545454;
    font-weight: bold;
    padding-top:6px;
    padding-bottom:6px;
    border-bottom:0px solid #c1c1c1;
    margin-bottom:10px;
    margin-top:10px;
    line-height:1;
    min-width:100%;
}

.event_page_title_center {
    text-align: center;
    font-size: 34px;
    color: #545454;
    font-weight: bold;
    padding-top:6px;
    padding-bottom:6px;
    border-bottom:0px solid #c1c1c1;
    margin-bottom:10px;
    margin-top:10px;
    line-height:1;
    min-width:100%;

}

.event_page_title_top {
    text-align: left;
    font-size:24px;
    color:#434343;
    font-weight: bold;
    padding-top:16px;
    padding-bottom:6px;
    border-top:1px solid #c1c1c1;
    margin-top:20px;
    line-height:1;
    min-width:100%;

}

.event_sidebar {
    display: table-cell;
    vertical-align:top;
    padding: 0px;
    width: 200px;
    border: 0px solid green;
}

.dialog_instruction_inline {
    font-size:14px;
    font-style:italic;
    font-weight:normal;
    color:#229922;
}

.dialog_instruction {
    padding-top:3px;
    text-align: left;
    font-size:14px;
    font-style:italic;
    font-weight:normal;
    color:#229922;
    display:block;
    text-transform: none;
}

.dialog_warning {
    padding-top:3px;
    text-align: left;
    font-size:14px;
    font-style:italic;
    font-weight:normal;
    color:#cc2222;
    display:block;
}

.dialog_warning_center  {
    padding-top:3px;
    font-size:14px;
    font-style:italic;
    font-weight:normal;
    color:#cc2222;
    display:block;
}

.fdimaster {
    text-align: left;
    margin-bottom: 20px;
    /* 03Jan2022 KylaUpdate - added some padding, so red error border had more space*/
    /*padding: 0px;*/
    padding:2px;
    background: transparent;
}

.field_label {
    margin: 0;
    font-size: 16px !important;
    font-weight: bold;
    color: #606060;
    padding: 0 4px 2px 0;
    text-align: left !important;
}

.field_value_single {
    text-align: left !important;
    width: 100%;
    max-width: 100% !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding:0px;
    color: black;
    color:#666666;
    font-size:16px;
    line-height: 1.5rem;
}

.field_label_div_twoline {
    font-size: 16px;
    line-height: 16px;
    width: 100% !important;
    text-align: left !important;
    color: #666666 !important;
    font-weight: 400 !important;
    margin-bottom: 5px;
    text-transform: uppercase !important;
}

.field_help {
    font-size:12px;
    margin-bottom:5px;
    padding:4px;
    border-radius:3px;
    border:1px #525252 solid;
    background-color:rgba(242, 246, 246, 0.85);
    color:#525252;
}

.storeoption_help {
    font-size:14px;
    margin-left:17px;
    padding:6px;
    font-weight:normal;

    border-radius:3px;
    border:1px #525252 solid;
    background-color:rgba(242, 246, 246, 0.85);
    color:#525252;
}

.field_label_div_oneline {
    vertical-align:middle;
    text-align:left !important;
    display:inline-block;
    font-size:18px ;
    color: #115b7b !important;
    font-weight:400 !important;
    padding-right:5px;
    margin-bottom:5px;
    border:0px red solid;
}

.field_label_div_twoline_nocap {
    font-size: 16px !important;
    line-height: 16px;
    width: 100% !important;
    text-align: left !important;
    color: #666666 !important;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
}

.field_label_div_twoline_nocap_nowidth {
    font-size: 16px !important;
    line-height: 16px;
    text-align: left !important;
    color: #666666 !important;
    font-weight: 400 !important;
    margin-bottom: 5px !important;
}

.field_label_div_twoline_payment_summary {
    padding-bottom: 0;
    margin-bottom: 0 !important;
    margin-top: 10px;
}

.field_header_sub .field_label_div_twoline {
    text-transform: none !important;
}

.field_header_sub .field_label_div_oneline {
    text-transform: none !important;
}

.field_label_div_divide {
    border-top: #115b7b solid 1px;
    padding-top: 10px;
    margin-top: 60px;
}

.field_small_label {
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    color: #606060;
    padding-top: 8px;
    text-align: left;
}

.field_required {
    color: red;
}

.field_header_old {
    width:100%;
    padding:6px;
    border:1px #cccccc solid;
    font-size:22px;
    font-weight:bold;
    background-color: #e0e0e0;
    color:#606060

}

.field_header {
    width: 100%;
    max-width: 900px;
    font-size:22px;
    text-align: left;
    color:#ffffff;
    background-color:#909090;
    padding:8px 8px 8px 8px !important;
    border-radius: 4px;
    margin-top:25px;
    margin-bottom:5px;
    box-sizing: border-box;
}

.field_header_sub {
    width: 100%;
    max-width: 800px;
    font-size:18px;
    text-align: left;
    /*color: #5a5a5a !important;*/
    /*background-color: #efefef !important;*/
    color: #333333;
    background-color: #efefef;
    padding:8px 8px 8px 8px;
    border-radius:4px;
    margin-top:25px;
    margin-bottom:10px;
    box-sizing: border-box;
    text-transform: none !important;
}

.field_label_singlebox {
    width: 100%;
    max-width: 900px;
    font-size:16px;
    color: #666666;
    background-color: #efefef;
    padding:8px 5px 8px 12px;
    border-radius:4px;
    margin-bottom:4px;
    box-sizing: border-box;
    text-transform: none !important;
    vertical-align: middle !important;
    text-align: left !important;
    display: inline-block !important;
    font-weight: 400 !important;
    line-height: 16px
}

.field_header_sub_description {
    font-size:12px;
}

.field_header_subtitle {
    font-size:18px;
    text-align: left;
    color:#115b7b;
    padding-bottom:12px;
}

.field_product_header {
    width:100%;
    font-size:18px;
    text-align: left;
    color:#115b7b;
    margin-bottom:4px;
    background:#DEF0F8;
    padding:8px;
    box-sizing: border-box;
}

.field_subheader {
    width:100%;
    padding-left:6px; padding-right:6px; padding-bottom:6px;
    font-size:14px; font-weight:bold; background-color: #e0e0e0; color:#606060
}

.field_box {
    width:100%;
    border: 1px solid #e0e0e0;
    padding:4px;
}

.field_value_single_static {
    text-align: left;
    width:100%;
    padding-top: 14px !important;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    font-size:18px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    color:black;
}

.fdi_category_divider {
	font-size:24px;
	text-align:left;
	margin: 10px 0px 0px 0px;
	padding: 8px;
	font-weight: bold;
	background-color: #ffffff;
	border: 2px #e1e1e1 solid
}

.field_label_section {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-transform: uppercase;
}

.field_input {
    width: 100%;
    font-size: 18px;
    box-sizing: border-box;
    max-width: 800px;
    font-weight: 400;
    padding: 5px;
    border: 1px solid #d0d0d0;
    color: #5a5a5a;
    background: #fbfbfb;
    border-radius: 5px;
    height: 35px;
}

.field_filled {
    border: 3px solid #2222cc !important;
}

.field_readonly {
    background-color: #999999 !important;
}

.field_input::-webkit-input-placeholder {
    color:#b5b5b5;
}

.field_input_label {
    font-size:18px;
    font-weight: 400;
}

.field_input_select {
    border: 1px solid #d0d0d0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: auto;
    min-width: 280px;
    height: 35px;
    font-size: 16px;
    font-weight: 300;
    padding: 5px;
}

.field_input.fpm_summary_field {
    border:none !important;
    background: transparent !important;
}

.field_small_input {
    width:100%;
    font-size:10px;
    border: 1px solid #909090;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    color:black;
}

.field_input_textarea {
    width: 100%;
    max-width: 800px;
    font-size: 12px;
    font-weight: 300 !important;
    padding: 5px !important;
    border: 1px solid #909090;
    border-radius: 4px;
    box-sizing: border-box;
}

.field_input_date {
    width: 120px;
    font-size: 16px;
    font-weight: 400 !important;
    padding: 5px !important;
    border: 1px solid #909090;
    border-radius: 4px;
    box-sizing: border-box;
}

.field_label_email {
    padding:0px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom:4px;
}

.field_value_email {
    font-size: 14px;
    font-weight: normal;
    color: #724A4A;
}

.field_email{
    border: 1px #7d7d7d solid;
    color:black;
    background-color: #ffffff;
    padding-top:3px;
    width:100%;
    vertical-align:middle;
    font-size:16px;
    font-weight: normal;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

.field_input_short {
	max-width:280px !important;
}

.field_input_dateunit {
    width:110px !important;
    min-width:0 !important;
}

.field_input_timeunit {
    max-width:45px !important;
}

.field_input_datetimestatic {
    max-width:140px !important;
}

.field_input_select {
/*
	width:auto;
    min-width:280px;
    height:35px;
    font-size: 18px;
    font-weight: 300;
    padding: 5px;
 */
    border: 1px solid #909090;
    border-radius: 4px;
}

.field_input_select_filter {
    width:auto;
    max-width:600px;
    font-weight: 300;
    padding: 5px;
    border: 0px solid #909090;
    border-radius: 4px;
    background-color:white;
}

.field_small_input_select {
    font-weight:300;
    padding:5px;
    font-size:10px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    color:black;
}

.field_input_readonly {
    background-color: #d5d5d5 !important;
}

.list_input {
    font-size: 14px;
    box-sizing: border-box;
    font-weight: 400;
    padding: 2px;
    border: 1px solid #d0d0d0 !important;
    color: #5a5a5a;
    background: #fbfbfb;
    border-radius: 3px;
}
.list_input_readonly {
    /*background-color: #c1c1c1 !important;*/
    /*background-color: #c9c9c9 !important;*/
    background-color: #d5d5d5 !important;
    pointer-events: none;
}

.field_input_readonly_cntrl {
    background-color: #ffffff;
    color:#000000;
    opacity: .50;
    filter: alpha(opacity=50);
    cursor: default;
}

.field_input_single {
    font-size:16px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    color:black;
}

.form_control {
    font-size:18px
}

.fdi_productsizes {
    display:inline-block;
    font-size:16px;
    padding: 4px 14px 4px 4px;
    min-width:100px;
}

.sectionalHeader {
    font-size: 15px;
    font-weight: bold;
    padding:5px 5px 5px 10px;
    width:100%;
    color:#606060;
    background-color:#e0e0e0;
    text-align: left;
    margin-top: 10px;
}

.dialog_body {
    width:100%;
    margin: 0 auto;
    border:0 red solid;
    margin-bottom:8px;
}

.dialog_header_nomargin {
    font-size:20px;
    font-weight:bold;
    color:#000000;
    border-bottom:1px solid #e0e0e0;
    background-color:white;
    width:100%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 8px;
}

.dialog_header {
    font-size:20px;
    font-weight:bold;
    color:#000000;
    border-bottom:1px solid #e0e0e0;
    background-color:white;
    width:100%;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 4px;
    margin-bottom: 10px;
}

.dialog_content {
    text-align:center;
    border:0px black solid;
}

.master_dialog {
    font-size:20px;
    font-weight:bold;
    color:#000000;
    border-bottom:1px solid #e0e0e0;
    background-color:white;
    width:100%;
}

table.master_dialog td {
    border-bottom:1px solid #e0e0e0;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: left;
}

div.modal_popup_now {
    z-index:100010;
    position: fixed;
    top: 15%;
    left: 2%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 10px solid #f1f1f1;
    background-color: #ffffff;
    margin: 0;
    padding:12px;
    color:#333333;

}

div.modal_popup_full {
    z-index:100010;
    position: fixed;
    top: 15%;
    left: 10%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 10px solid #f1f1f1;
    background-color: #ffffff;
    margin: 0 auto;
    padding:2px 12px 2px 12px;
    color:#333333;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-sizing:border-box;
    overflow: auto;
}

#backgroundPopup{
    display:none;
    position:fixed;
    _position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1000;
}

#modalBackgroundPopup{
    display:none;
    position:fixed;
    _position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:100001;
}

.button_mave {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 4px;
    padding: 4px 12px 2px 12px;
    font-size: 12px;
    font-weight: normal;
    background-color: #fbfbfb;
    color: #5a5a5a;
    line-height: 14px !important;
    text-transform: uppercase;
    border: 1px solid #5a5a5a;
    border-radius: 2px;
}

.button_mave:hover {
    background-color: #c1c1c1;
    color:#000000 !important;
    cursor: pointer;
}

.button_mave_on {
    background-color: #616161 !important;
    color:white !important;
}

.button_mave_disabled {
    background-color: #c1c1c1 !important;
    border: 1px solid #a1a1a1;
    color:white !important;
}
.button_mave_disabled:hover {
    background-color: #c1c1c1 !important;
    color:white !important;
    cursor: default;
}

.button_mave_thin {
    display: inline-block;
    text-align: center;
    background-color: #FFFF;
     padding: 5px 12px 4px 12px;
    color: #303030;
    border: 1px solid #c1c1c1;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
    margin-bottom: 4px;
}

.button_mave_thin:hover {
    background-color: #c1c1c1;
    color:#000000 !important;
    cursor: pointer;
}
.button_mave_thin_on {
    background-color: #065273;
    color:white;
}
.button_mave_thin_on:hover {
    background-color: #065273;
    color:white;
}

.button_mave_small {
    display: inline-block;
    text-align: center;
    background-color: #fbfbfb;
    padding: 3px 3px 2px 3px !important;
    color: #525252;
    border: 1px solid #525252;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 10px !important;
    font-weight: normal;
    line-height: 12px;
    vertical-align: top;
    margin-bottom: 4px;
}
.button_mave_small:hover {
    background-color: #c1c1c1;
    color:#000000 !important;
    cursor: pointer;
}
.button_mave_small_on {
    background-color: #616161;
    color:white !important;
}
.button_mave_small_on:hover {
    background-color: #c1c1c1;
    color:white;
}

.button_tab {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 4px 12px 2px 12px;
    font-size: 14px;
    font-weight: bold;
    background-color: #d2e4fa;
    color: #5a5a5a;
    line-height: 25px !important;
    text-transform: uppercase;
    border: 1px solid #5a5a5a;
    border-radius: 2px;
}
.button_tab_selected {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-bottom: 20px;
    padding: 4px 12px 2px 12px;
    font-size: 14px;
    font-weight: bold;
    background-color: #fbfbfb;
    color: #5a5a5a;
    line-height: 25px !important;
    text-transform: uppercase;
    border: 1px solid #5a5a5a;
    border-bottom:0;
    border-radius: 2px 2px 0 0;
}
.button_tab:hover {
    background-color: #c1c1c1;
    color:#000000 !important;
    cursor: pointer;
}

.button_dialog {
    display: inline-block;
    text-decoration: none;
    text-align: center;
    background-color: #ffffff;
    padding: 5px 10px 5px 10px;
    color: #333333;
    border: 1px solid #666666;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-weight:400;
    font-size: 12px;
    min-width:80px;
    line-height: normal !important;
}

.button_dialog:hover {
    background-color: #c1c1c1;
    color:#cc2222;
    cursor: pointer;
}
.button_dialog_on {
    background-color: #c1c1c1;
    color:#cc2222;
}

.button_fixed {
    width:100%;
    max-width:220px;
    font-size: 15px !important;
    line-height: 18px !important;
    padding: 8px !important;
}

.button_mike {
    display: inline-block;
    text-align: center;
    /*padding: 10px 10px;*/
    padding: 10px 15px;
    font-weight: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-width: 50px;
    line-height: 21px;
    font-size: 18px;
    vertical-align: top;
    margin-bottom: 3px;
    text-decoration: none;
    background-color: #fbfbfb;
    color: #5a5a5a;
    text-transform: uppercase;
    border: 1px solid #5a5a5a;
    border-bottom: 2px solid #5a5a5a;
}

.button_mike.disabled_button {
    cursor: none;
    opacity: .5;
}

.button_mike:hover {
    background-color: #c1c1c1;
    color: #5a5a5a;
    cursor: pointer;
    text-decoration: none;
}

.button_mike_on {
    background-color: #065273;
    color:white;
}

.button_mike_on:hover {
    background-color: #065273;
    color:white;
}

@media (max-width:420px) {
    .button_mike {
        width:100%;
        font-size: 15px !important;
        line-height: 18px !important;
        padding: 8px  !important;
    }

    .button_mike_on {
        width:100%;
        font-size: 15px !important;
        line-height: 18px !important;
        padding: 8px !important;
    }
}

.toplinkcontainer_mike {
    border-bottom:2px solid #E5DEDE;
    padding:10px;
    text-align: center;
}

ul.toplinklist_mike {
    list-style: none;
}

ul.toplinklist_mike li {
    display: inline-table;
    padding: 0 15px;
    border-right: 1px solid black;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

ul.toplinklist_mike li:last-child {
    border:none !important;
}

.toplink_mike {
    color: #616161;
}

.toplink_mike:hover {
    color:#000000;
    text-decoration: underline;
}

.toplink_mike_on {
    font-weight: bold;
    color:#000000;
    text-decoration: underline;
}

.calendar_list_image {
    display:table-cell;
    background-color:white;
    padding:6px;
    width: 120px;

    vertical-align: top;
    border: 0px red solid;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}

.calendar_list_title {
    color: black;
    font-size: 24px;
    line-height: 1;
}
.calendar_list_text {
    font-size: 18px;
    line-height: 1;
}

.calendar_activity {
    display:inline-block;
    vertical-align:middle;
    padding: 2px 2px 3px 2px;
    /*padding-top:2px;
    padding-bottom: 3px;
    padding-left: 2px;
    padding-right: 2px;*/
    font-size: 11px;
    border:1px #606060 solid;
    border-radius:2px;
}

.calendaritem_header {
    vertical-align:top;
    background-color:#e1e1e1;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.calendaritem {
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

.calendaritem_outside {
    vertical-align:top;
    background-color:#f4f4f4;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.calendaritemA {
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration:none;
}

.calendaritemA:hover {
    color: #AA2222;
}

.calendaritemB {
    margin: 0;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}

@media screen and (min-width: 360px) and (max-width: 500px)  {

    .calendar_list_image {
        display:table-cell;
        background-color:white;
        padding:4px;
        width: 80px;
        height: 80px;
        vertical-align: top;
        border: 0px yellow solid;
        box-sizing: border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
    }

    .calendar_list_title {
        font-size: 14px;
    }
    .calendar_list_text {
        font-size: 12px;
    }

}

@media screen and (max-width: 360px) {

    .calendar_list_image {
        display:table-cell;
        background-color:white;
        padding:2px;
        width: 60px;
        height: 60px;
        vertical-align: top;
        border: 0px green solid;
        box-sizing: border-box;
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
    }

    .calendar_list_title {
        font-size: 12px;
    }
    .calendar_list_text {
        font-size: 10px;
    }

}

.mainRLU {
    font-size: 28px;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 2px;
    white-space: nowrap;
    color: #666666;
    text-align: left;
}

.m_tab_off {
    color: #ffffff;
    background-color: #a0a0a0;
    border: 1px solid #303030;
    /*border-top:1px solid #303030;
    border-right:1px solid #303030;
    border-left:1px solid #303030;
    border-bottom:1px solid #303030;*/
}

.m_tab_off_plus {
    color: #9a9a9a;
    background-color: #f9f9f9;
    border: 1px solid #d5d5d5;
    /*border-top:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;*/
}

.m_tab_bottom {
    color: #9a9a9a;
    background-color: #ffffff;
    border-top:1px solid #d5d5d5;
    border-right:0px solid #d5d5d5;
    border-left:0px solid #d5d5d5;
    border-left:0px solid #d5d5d5;
}

.m_tab_on {
    color: #000000;
    background-color: #e0e0e0;
    border: 1px solid #606060;
    /*border-top:1px solid #606060;
    border-right:1px solid #606060;
    border-left:1px solid #606060;
    border-bottom:1px solid #606060;*/
    font-weight:bold;
}

.m_tab_begin {
    width:6px;
    text-wrap: none;
    text-align: center;
    color: #d5d5d5;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400 !important;
    padding-top: 6px;
    padding-bottom: 6px;
    border: 0px solid #000000;
    /*border-top:0px solid #000000;
    border-right:0px solid #000000;
    border-left:0px solid #000000;
    border-bottom:0px solid #000000;*/
    background-color: transparent;
}

table.rrtable td {
    padding:4px;
}

div.activitypop {
    z-index:100000;
    position: fixed;
    top: 15%;
    left: 10%;
    overflow: auto;
    display:none;
    padding:0px;
    background-color:transparent;
    width:600px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 10px solid #f1f1f1;

}

div.helppopupB {
    z-index:100000;
    position: fixed;
    top: 15%;
    left: 10%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    border: 1px solid #f1f1f1;
    background-color: #ffffff;
    margin: 0px;
    padding: 12px 20px 12px 20px;
    /*padding-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 12px;*/
    color:#333333
}

.event_tab_base {
    float:left;
    height:30px;
}

.event_tab_off {
    padding: 4px;
    /*padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;*/
    background-color: #f1f1f1;
    text-decoration: none;
    text-align: center;
    min-width:90px;
    font-size: 10px;
    font-weight:bold;
    color:#616161;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    border-left: 2px solid #e0e0e0;
    border-right: 0px solid #ffffff;
}

.event_tab_off:hover{
    background-color: #ffffff;
    color:#000000;
    cursor: pointer;
}

.event_tab_off a {
    color: #616161;
}
.event_tab_off:hover a {
    color: #000000;
    cursor: pointer;
}

.event_tab_on {
    padding: 4px;
    /*padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;*/
    background-color: #ffffff;
    text-decoration: none;
    text-align: center;
    min-width:90px;
    font-size: 10px;
    font-weight:bold;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #ffffff;
    border-left: 2px solid #e0e0e0;
    border-right: 0px solid #ffffff;
}

.event_tab_on a {
    color: #000000;
}

.event_tab_on:hover a {
    cursor: pointer;
}

.event_tab_space {

}

.event_tab_first {
    padding: 4px;
    /*padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;*/
    background-color: transparent;
    text-decoration: none;
    color: #000000;
    text-align: center;
    font-weight:bold;
    width:30px;
    font-size: 14px;
    font-weight:normal;
    border-top: 0px solid #ffffff;
    border-bottom: 2px solid #e0e0e0;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
}

.event_tab_firsttop {
    padding: 4px;
    /*padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;*/
    background-color: transparent;
    text-decoration: none;
    color: #000000;
    text-align: center;
    font-weight:bold;
    width:30px;
    font-size: 14px;
    font-weight:normal;
    border-top: 0px solid #ffffff;
    border-bottom: 0px solid #e0e0e0;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
}

.event_tab_last {
    padding: 4px;
    /*padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;*/
    background-color: transparent;
    text-decoration: none;
    color: #000000;
    text-align: center;
    font-weight:bold;
    border-top: 0px solid #ffffff;
    border-bottom: 2px solid #e0e0e0;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
}

.event_tab_lasttop {
    padding: 4px;
    /*padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;*/
    background-color: transparent;
    text-decoration: none;
    color: #000000;
    text-align: center;
    font-weight:bold;
    border-top: 0px solid #ffffff;
    border-bottom: 0px solid #e0e0e0;
    border-left: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
}

.event_tab_plus {
    padding: 4px;
    /*padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;*/
    background-color: #f1f1f1;
    text-decoration: none;
    text-align: center;
    min-width:10px;
    font-size: 14px;
    font-weight:normal;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    border-left: 2px solid #e0e0e0;
    border-right: 0px solid #ffffff;
}

.event_tab_plus:hover{
    background-color: #ffffff;
    cursor: pointer;
}

.event_tab_plus a {
    color: #c0c0c0;
}
.event_tab_plus:hover a {
    color: #000000;
}

.messagebox {
    color:red;
    font-weight:bold;
    font-size:20px;
    padding-top:6px;
}

.messagebox_formedit {
    text-align:center;
    color:red;
    font-weight:bold;
    font-size:20px;
    padding:10px
}

.entry-content table,
body.et-pb-preview #main-content .container table {
    width: 100%;
    margin: 15px 0 15px 0px;
    border: 0px solid #eee;
    text-align: left;
}

.entry-content tr th,
.entry-content thead th,
body.et-pb-preview #main-content .container tr th,
body.et-pb-preview #main-content .container thead th {
    padding: 9px 24px;
    color: #555;
    font-weight: bold;
}

.entry-content tr td,
body.et-pb-preview #main-content .container tr td {
    padding: 6px 24px;
    border-top: 0px solid #eee;

}

#content-area table td {
    max-width: 100%;
}

#content-area table th {
    max-width: 100%;
}

.checkbox_large {
    /* transform: scale(1.5);
    -moz-transform: scale(1.5); */
	vertical-align: top;
	margin-top: 4px;
}

.checkbox_large_centered {
    margin-top: -4px !important;
    vertical-align: middle !important;
}

.radio_large_centered {
    margin-top: -4px;
    vertical-align: middle;
}

.radio_large {
    margin-top:6px !important;
}

.group_settings_section {
    border:1px solid #f1f1f1;
    margin-top:20px;
}

.donationpageheader {
    font-size: 40px;
    color: black;
    text-align: center;
    overflow: hidden;
    /*text-align: center;
    color: #000000;*/
    margin-bottom: 30px;
    line-height: 50px;
}

.donatesubheads {
    color: #00650E;
    clear: both;
}

.donateh2 {
    font-weight: bold;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    font-size:34px;
}

.onbehalf {
    margin-bottom: 8px;
    margin-top: 8px;
    font-size:18px;
}

.onbehalf span.selectnew {
    font-size: 12px;
    font-style: italic;
    color: #616161;
    text-decoration: underline;
}

.redadmin {
    color:#cc2222 !important;
}

.redadmin a {
    color:#cc2222 !important;
}

.donatesharesection {
    border-radius: 10px;
    border: 1px solid #dfdfdf;
    padding: 20px;
    margin-bottom: 15px;
    background: #F7F7F7;
}

.helpraise {
    margin-bottom: 8px;
    text-align: center;
}

.fbshare, .twshare {
    width: 100% !important;
    border: none !important;
    font-size: 16px !important;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.fbshare {
    background: #3B5090 !important;
    color:white !important;
    border-bottom: 3px solid #2d3b69 !important;
}

.twshare {
    background: #52A8EA !important;
    color:white !important;
    border-bottom: 3px solid #458dc5 !important;
}

.rrdonateformwrap {
    display: inline-block;
    background-color: white;
    overflow: hidden;
    border-radius: 12px;
    width:100%;
}

.mtlc_page_shrink {
    background: white;
}

.moneyraised {
    border-radius: 10px;
    border: 1px solid #dfdfdf;
    padding: 30px;
    margin-bottom: 30px;
    background: #F7F7F7;
}

.donorpanels {
    margin-top: 30px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

h3.panel-title {
    font-family: inherit;
    margin:0;
    padding:0;
    font-size: 16px;
    color: inherit;
}

.panel-default > .panel-heading {
    color: white;
    background-color: #1D9DD3;
    border-color: #ddd;
}

.panel-info>.panel-heading {
    color: #505050;
    background-color: #F7F7F7;
    border-color: #DFDFDF;
}

.panel-info {
    border-color: #DFDFDF;
}
.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.donatebtn {
    width: 100%;
    display: block;
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 10px;
}

.btn.btn-default {
    /*border-color: white !important;*/
    border-color: white ;
}

.fundraisingbuttons {

}

.outreachcontent h4 {
    font-weight: 600;
}

.donationpageheader_mike {
    font-size: 40px;
    color: black;
    text-align: center;
    overflow: hidden;
    /*text-align: center;
    color: #000000;*/
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 50px;
}

.donationpagesubheader {
    font-weight: 600;
}

.howtouse {
    border-radius: 10px;
    padding: 10px 30px 10px 30px;
}

.howtouse h4 {
    padding:0;
    margin:0 0 17px 0;
    font-weight: 600;
}

.howtouse .statistic-box .number {
    font-size: 2.6rem;
    line-height: 3rem;
    padding: 15px 0 0;
}

.ataglance h4 {
    color: #4c4c4c;
}

.statistic-box .number {
    float: none;
}

.panel-footer {
    padding: 10px 15px;
    background-color:transparent;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ui-datepicker select {
    color: #333;
}

#ui-datepicker-div, .ui-datepicker {
    font-size: 80%;
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

@media screen and  (max-width: 600px)  {

    .cat_price_schedule {
        display:none;

    }
}

.resultlisth2 {
    border-bottom:2px solid #efefef; padding:3px 10px;font-size:25px;
}

@media (max-width: 500px){
    .resultlisth2 {
        padding: 3px 5px;
        font-size: 20px;
    }
}

.raceresultcolumn {
    margin-bottom: 20px;
}

.raceresultbox {
    height: 100%;
    padding:15px;
    border:5px solid #EFEFEF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.resultlist {
    margin:0;
    padding:0;
    list-style-type: none;
}
.resultlist li {
    margin:0px;
    padding:7px 10px;
    background:#EFEFEF;
    border-bottom: 2px solid white;
    line-height: 20px;
}

.fa-racereach {
    font-size:14px;
    margin:4px;
}

.fa-racereach-grey {
    color:#cccccc;
    font-size:14px;
    margin:4px;
}
.fa-racereach-green {
    color:#006400;
    font-size:14px;
    margin:4px;
}

.fa-racereach-red {
    color:#cc0000;
    font-size:14px;
    margin:4px;
}
.fa-racereach-yellow {
    color:#F6BE00;
    font-size:14px;
    margin:4px;
}

.fa-racereach-black {
    color:black;
    font-size:14px;
    margin:4px;
}

.fa-racereach-white {
    color:white;
    font-size:14px;
    margin:4px;
}

.fa-racereach-black-disabled {
    color:black;
    font-size:14px;
    margin:4px;
    opacity:0.2;
    cursor: default;
}

.fa-racereach-form-black {
    color:black;
    font-size:18px;
    margin:4px;
}

.fa-hide-icon {
    opacity:0;
}

.fa-racereach-button {
    color: #5a5a5a;
    font-size:12px;
    margin:0;
}

.base_page {
    display: table;
    margin-top:4px;
    padding: 0px;
    background-color: transparent;
    border: 000px greenyellow solid;
}

.base_page_buttons {
    padding-top: 8px;
    padding-bottom:8px;
    vertical-align: middle;
    font-size:18px;
    font-weight: bold;
    border: 000px blue solid;
}

.base_page_header {
    padding-right:20px;
    vertical-align:middle;
    padding-top:10px;
    padding-bottom:8px;
    font-size:34px;
    font-weight: bold;
    border: 000px red solid;
}

.base_page_body {
    display: table;
    padding-top: 8px;
    border: 000px yellow solid;
}

.form_message {
    font-size: 18px;
    font-weight:bold;
    text-align: center;
    border:2px #cc2222 solid;
    border-radius:5px;
    padding:3px;
    background-color: #ffdddd;
    color:black;
    margin-bottom:10px;
}

.pphotocontainer {
    display:inline-block;
    margin:20px;
    min-width:220px;
    min-height:220px;
    padding:10px;
    border-radius:5px;
    border:1px solid #cccccc;
    text-align: center;
    vertical-align: top;
}

.mikestableoverride {
    border:none;
    font-size:14px;
    min-width: 500px;
    color:black;
    background-color: white;
}

.mikestableoverride td {
    padding: 8px;
    border: 1px #c1c1c1 solid;
    font-weight:normal;
}
.mikestableoverride thead th {
    background-color: #818181;
    color:white;
    padding:8px;
    text-align: center;
    font-size: 14px;
    font-weight:normal;
}

.mikestableoverride thead td {
    padding:0 !important;
}

.dlb-styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.dlb-styled-table thead tr {
    background-color: #666666;
    color: #ffffff;
    text-align: left;
}

.dlb-styled-table th {
    padding: 12px 15px;
    background-color: #666666 !important;
    color: #ffffff !important;
}

.dlb-styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}
.dlb-styled-table tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}
.dlb-styled-table tbody tr:last-of-type {
    /*border-bottom: 2px solid #009879;*/
    border-bottom: 2px solid #666666;
}

.smart_embedded_list {
    border:none;
    font-size:10px;
    min-width: 500px;
    color:black;
    background-color: white;
}
.smart_embedded_list td {
    padding: 4px;
    border: 1px #c1c1c1 solid;
    font-weight:normal;
}
.smart_embedded_list thead th {
    background-color: #818181;
    color:white;
    padding: 4px;
    text-align: center;
    font-size: 14px;
    font-weight:normal;
}

.smart_embedded_list thead td {
    padding:2px;
}

.button_calendar {
    margin-top: 4px;
    padding: 4px;
    font-size: 11px;
    background-color: #fffdcc;
    border: 1px solid #666666;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
}

.smart_filter_field {
    vertical-align:top;
    display: inline-block;
    margin-left: 10px;
    margin-top: 4px;
    border: 000px green solid;
}

.row_field_subfield {
    padding:4px 4px 4px 0;
    font-size:13px;
    color:black;
    font-weight:bold;
}

.row_field_expandcollapse_button {
    background-color:indianred;
    border:1px solid maroon;
    color:white;
    padding:2px 4px 2px 4px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-weight:400;
    /*font-size: 12px;*/
    min-width:80px;
    line-height: normal !important;

}
.row_field_expandcollapse_button:hover {
    background-color:maroon;
}

#menu {
    float: right;
}

#menu ul {
    margin: 0px;
    padding: 130px 0px 0px 0px;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    margin-left: 5px;
    padding: 5px 20px;
    background: #F3F1E9;
    text-decoration: none;
    text-transform: uppercase;
    border-top: 2px solid #EBEAD1;
    font-weight: bold;
    font-size: 11px;
    color: #182C33;
}

#menu a:hover, .active a {
}

.fa-racereach-reorder-small {
    font-size:12px;
    text-align: center;
    vertical-align:middle;
    width:15px;
    padding-bottom: 1px
}

.fa-racereach-reorder-large {
    margin: 4px 7px 2px 7px;
    font-size:18px;
}

.total_line_item {
    border-top:1px solid grey;
    border-bottom:1px solid grey;
    margin-top: 10px;
    max-width: 350px;
}

.total_input_field {
    font-weight: bold !important;
}

form.mikeupdatedform2020 {
    background: #e8e6e6;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 5px 0;
    border-radius: 3px;
}

.mikeupdatedform2020X .button_mave_thin {
    font-size: 10px !important;
    padding: 5px 12px 4px 12px !important;
}

.mikeformcontainer {
    width:100%;
    max-width: 1200px;
}

.smart_otable {
    margin-left:0;
    width:100%
}
.smart_otable td {
    padding:3px;
}
.smart_otable thead th {
    padding:3px;
}
.smart_otable thead td {

}

.radio_centered {
    margin-top: -1px;
    vertical-align: middle;
}

/* ======= from mtl_over.css ===== */

a {
    color: #000000;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}
a:hover, a:active, a:focus { outline: none; }

a img {
    border-style: none;
    border: none;
}

a:visited
{
    text-decoration: none;
}

/******* PAGETABC VIEW **********/

.pagetabc_bodycontent a {
    text-decoration: underline;
    color: #387AB5;
}

.pagetabc_bodycontent a:hover {
    text-decoration: none;
    color: #1c4a72;
}

/************   PAGETABZ VIEW       **********/

/************    Calendar Stuff      **********/
#calendar caption {
    padding-top: 5px;
    font-weight: bold;
}

#calendar table {
    width: 100%;
    border: 0px solid #E8E8E8;
}

#calendar thead {
    background: #000000;
    text-align: center;
    color: #FFFFFF;
}

#calendar tbody td {
    border: 1px solid #514F42;
    text-align: center;
}

#today {
    font-weight: bold;
}

#prev {
}

#next {
    text-align: right;
}

/************   OLD STUFF       **********/

/************          **********/

a.home {
    margin: 0;
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    border: none;
}

td.title {
    margin: 0;
    font-size: 26px;
    font-weight: normal;
    color: #000000;
}

tr.spaceUnder > td
{
    padding-bottom: 16px;
}
tr.spaceOver > td
{
    padding-top: 16px;
}

.form_label_new {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #313131;
    text-align: left;
    text-wrap: none;
    padding-top: 0px;
    padding-bottom: 2px;
}

.form_value_new {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    text-wrap: none;
    padding-top: 0px;
    padding-bottom: 10px;
}

.form_label {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    text-wrap: none;
    padding-bottom: 10px;
}

.form_value {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    text-wrap: none;
    padding-bottom: 10px;
}

td.labelRLU {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-align: right;
    padding:4px;
}

td.labelDialog, a.labelDialog, i.labelDialog, div.labelDialog {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.labelActivity {
    margin-top: 6px;
    margin-bottom: 6px;
    /*font-size: 13px;*/
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.fieldActivity {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    text-align: left;
}

.form_question {
    border-bottom: 2px #c1c1c1 solid;
    /*padding-bottom: 22px;*/
    padding-bottom: 12px;
    /*padding-top: 24px;*/
}

.form_question_noborder {
    border: 0;
    padding-bottom: 12px;
    padding-top: 14px;
}

.form_question2 {
    border-bottom: 4px #c1c1c1 solid;
    padding-bottom: 10px;
    padding-top: 6px;
}

.option_value {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    padding-top:10px;
}

td.small {
    margin: 0;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}
a.small {
    margin: 0;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
}

.form_header {
    background-color: #c1c1c1;
    padding: 4px;
    font-weight:bold;
    font-size:14px;
    text-align: left;
}

td.centerpage {
    vertical-align:top;
    height:100%;
}

td.profile_left {
    vertical-align:top;
    background-color:#E5E5E0;
    height:100%;
}

td.profile_body {
    vertical-align:top;
    height:100%;
    /*min-width: 800px;*/
}

table.main_rr {
    height:100%;
    width:100%;
    border-collapse:collapse;
    vertical-align:top;
}

td.main_rr {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -1px;
    font-style: normal;
    line-height: 28px;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:8px;
    padding-right:8px;
    white-space: nowrap;
    color:#000000;
}

td.bodypage {
    font-size: 28px;
    font-weight: bold;
    letter-spacing: -1px;
    font-style: normal;
    line-height: 28px;
    padding-top:8px;
    padding-bottom:8px;
    white-space: nowrap;

    color:#000000;
}

.grouptitle {
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    color:#606060;
    white-space: nowrap;
    line-height: 28px;
    padding-bottom:8px;
    padding-top:8px;
    padding-right:8px;
}

.grouptitle4 {
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    color:#000000;

    padding-top: 20px;
}

.groupbrowsetitle {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    font-style: normal;
    line-height: 28px;
    color: #000000;
}

table.pagetitle {
    padding:4px;
}

td.pagetitle {
    width:100%;
    font-size:24px;
    font-weight:bold;
    color:black
}

td.section_header_dialog {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    background-color: #B1B1B1;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 4px;

    border:0px #a0a0a0 solid;
    border-radius:4px;
    -moz-border-radius:4px;
}

td.rewardheader {
    background-color:#A0A0A0;
    color:#ffffff;
    font-weight:bold;
    font-size:12px;
    width:100%;
    padding:2px
}

table.mtl_body_table {
    margin-left:auto;
    margin-right:auto;
    margin-top:4px;
    margin-bottom:10px;
    border-width:0px;
    border-color:#909090;
    border-style:solid;
}

table.rrx_body_table {
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
}

table.site_body_table {
    background-color: #FFFFFF;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    border-width:0px;
    border-color:#909090;
    border-style:solid;
}

.cancelx {
    font-weight:bold;
    font-size:16px;
    color:#000000;
    text-decoration:none;
}

div.promoteit {
    z-index: 100000;
    position: fixed;
    top: 15%;
    left: 10%;
    border: 0px solid #f1f1f1;
}

div.promoteit2 {
    z-index:100000;
    position: fixed;
    top: 15%;
    left: 10%;
    -webkit-box-shadow: 5px 5px 10px #ccc;
    -moz-box-shadow: 5px 5px 10px #ccc;
    box-shadow: 5px 5px 10px #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #909090;
    background-color: #ffffff;
    margin: 0px;
    padding: 8px;
    color:#333333
}

.copyright {
    font-size: 14px;
    font-style: italic;
    float: left;
    color: #666;
    text-decoration: none;
}

.footer {
    font-size: 12px;
    font-style: italic;
    color: #666;
    text-decoration: none;
}

.footer_header {
    color: #111111;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
}

.footer_subheader {
    color: #313131;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 3px;
}

td.calendartitle {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

a.calendar_menu, td.calendar_menu {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    /*color: #F2F2DD;*/
    text-decoration: none;
}

a.calendar_menu_selected {
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.calendarheader {
    /*verticle-align:top;*/
    vertical-align:top;
    background-color:#FFFFFF;
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

.calendaritem_body {
    /*verticle-align:top;*/
    vertical-align:top;
    background-color:#FFFFFF;
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

/* ================    Left Browse Menu  ================== */
td.leftmenu {
    vertical-align:top;
    background-color:#606060;
    color:#FFFFFF;
    height:100%;
}

td.leftmenutitle {
    margin: 0;
    font-size: 12px;
    height:20px;
    font-weight: normal;
    color: #EEEEEE;
    background-color: #000000;
}

tr.leftmenuitemoffx, td.leftmenuitemoffx, a.leftmenuitemoffx, form.leftmenuitemoffx {
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    height:16px;
    vertical-align:middle;
    padding-top: 3px;
    padding-left: 3px;
    text-decoration: none;
    text-align: left;
    white-space: nowrap;
}

tr.leftmenuitemoffx:hover, td.leftmenuitemoffx:hover, a.leftmenuitemoffx:hover, form.leftmenuitemoffx:hover {
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    height:16px;
    vertical-align:middle;
    text-decoration: none;
    padding-top: 3px;
    padding-left: 3px;
    background-color: #888888;
}

td.leftmenu2itemonx, a.leftmenu2itemonx, li.leftmenu2itemonx {
    color: #000000;
    background-color: #ddd3bb;
}

td.leftmenuitemonx {
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #ff0000;
    height:16px;
    vertical-align:middle;
    padding-top: 3px;
    padding-left: 3px;
    background-color: #ddd3bb;
    text-decoration: none;
}
.leftmenuitemsemix  {
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    height:16px;
    vertical-align:middle;
    padding-top: 3px;
    padding-left: 3px;
    background-color: #888888;
    text-decoration: none;
}

td.leftsubmenuitemoffx, a.leftsubmenuitemoffx, form.leftsubmenuitemoffx {
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    vertical-align:middle;
    padding-top: 3px;
    padding-left: 3px;
    text-decoration: none;
    background-color: #ddd3bb;
}
td.leftsubmenuitemoffx:hover, a.leftsubmenuitemoffx:hover, form.leftsubmenuitemoffx:hover {
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    color: #aa2222;
    vertical-align:middle;
    text-decoration: none;
    padding-top: 3px;
    padding-left: 3px;
    background-color: #ddd3bb;
}

td.leftsubmenuitemonx, a.leftsubmenuitemonx {
    margin: 0;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    vertical-align:middle;
    padding-top: 3px;
    padding-left: 3px;
    text-decoration: none;
    background-color: #bbb199;
}

table.groupitem {
    vertical-align:top;
    width:100%;
    background-color:#cccccc;
}

td.welcome, a.welcome {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.small {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
input.small {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
select.small {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
textarea.small {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

#tabmenu .tabrow_top {
    background-color: #717171;
}

.tabrow_lower {
    background-color: #c0c0c1;
}

ul.tabmenu_top, ul.tabmenu_lower {
    list-style-type: none;
    padding: 0px;
    font-size: 12px;
    line-height: 12px;
    margin: 0px;
    background-color: #717171;
}
ul.tabmenu_lower {
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
}

ul.tabmenu_top li, ul.tabmenu_lower li {
    float: left;
}

ul.tabmenu_lower li {
    margin-top: 6px;
    border-left-width: 1px;
    border-left-style: solid;
    margin-bottom: 9px;
}

ul.tabmenu_lower li.tabfirst {
    border-left-style: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

ul.tabmenu_top li.tab a, ul.tabmenu_top li.tabfirst a {
    display: block;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    background-color: #9f9f9f;
    text-decoration: none;
    color: #000000;
    font-weight:bold;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #f2f2ed;
    border-right-color: #f2f2ed;
}

ul.tabmenu_top li.tabfirst a {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #c1c1c1;
}

ul.tabmenu_top li.tab a:hover, ul.tabmenu_top li.tabfirst a:hover {
    background-color: #cc4444;
    color: #333;
}

ul.tabmenu_lower li.tab a, ul.tabmenu_lower li.tabfirst a {
    display: block;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    text-decoration: underline;
    color: #333;
    font-size:11px;
}

ul.tabmenu_lower li.tab a:hover, ul.tabmenu_lower li.tabfirst a:hover {
    color: #C00;
}

ul.tabmenu_top li.tab a.tabON, ul.tabmenu_top li.tabfirst a.tabON {
    background-color: #c0c0c1;
    color: #333;
}
ul.tabmenu_lower li.tab a.tabON, ul.tabmenu_lower li.tabfirst a.tabON {
    color: #C00;
}

#tabmenu {
    background-color: #717171;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #c1c1c1;
}

div.subsection {
    display:none;
    background-color:#ffffff;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
    border-top: 1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
    font-weight:normal;
    font-size:14px;
    color:#303030;
}

.promote_box {
    height:100%;
    width:700px;
    background-color: white;
}

.promote_title {
    width:100%; background-color:#ffffff; padding: 2px;  border-style:solid; border-width: 0px; border-color:black
}

.home_box_content {
    background-color: #f1f2ed;
}

#new_mtl_header {
    background-color: #FFF;
    margin-bottom: 0px;
}
#new_mtl_header #new_mtl_logo {
    display: block;
    float: left;
}

#new_mtl_header #new_my_calendars {
    background-color: #dedede;
    border: 1px solid #bbbbbb;
    float: right;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 12px;
    margin-right: 12px;
    margin-bottom: 10px;
    padding-top: 8px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
}

#new_mtl_header #new_my_calendars img {
    padding-top: 0px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 0px;
    margin: 0px;
    float: left;
}

#report_table td {
    padding-top:4px;
    padding-bottom:4px;
    padding-left:4px;
    padding-right:10px;
}

.mtl_body {
    margin:0;padding:0;
    background-color:#f1f1f1;
    background-image:url( "../images/bkgd_icons_athletes.gif");
    background-repeat: repeat-x;
}

.ool_body {
    margin:0;padding:0;
    background-color: #0053ab;
    background-repeat: repeat-x;
    background-image:url( "../images/gradiant.png");
}

table {
    border-spacing:0;
    border-collapse: collapse;
    cellspacing:0px;
    cellpadding:0px;
}

div.template_page {
    -webkit-box-shadow: 5px 5px 10px #ccc;
    -moz-box-shadow: 5px 5px 10px #ccc;
    box-shadow: 5px 5px 10px #ccc;
    border-radius: 2px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: 1px solid #000000;
    background-color: #f1f1f1;

    margin: 0px;
    padding: 8px;
    color:#555555
}

div.pagecenter {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;

    border: 0px solid #000000;
    background-color: #ffffff
}

div.pagecenterRTR {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;

    border: 0px solid #000000;
}

.eventheader {
    background-color: transparent;
    width:100%;
    padding-bottom: 10px;

}

.rolloverRow {
    background-color:white;
}

.rolloverRow:hover {
    background-color:#cc4444;
    cursor: pointer;
}

.odd {
    background-color:#ffffff;
}

.even {
    background-color:#f0f0f0;
}

/*  LINKS ============= */

.link {
    font-size:12px;
    font-weight:normal;
}

.link:hover {
    background-color:#cc2222;
    color:#ffffff;
    cursor: pointer;
}

.link_off {
    text-decoration: none;
}

.link_off:hover {
    color:#cc4444;
    text-decoration: underline;
}

.link_on {
    color:#cc4444;
    text-decoration: underline;
}

.pagetitle {
    font-size:18px;
    font-weight:bold;
}

.template_submenu  a {
    text-decoration: none;
    text-align:right;
    vertical-align:top;
    width:100%;
    font-size:14px;
    font-weight:bold;
    padding:4px;
}

a.template_submenu_active  {
    text-decoration: underline;
    color:#cc4444;
}

.template_submenu a:hover {
    text-decoration: underline;
}

.template_title {
    text-align:left;
    vertical-align:top;
    font-size:24px;
    font-weight:bold;
    width:100%;
    color:#606060;
    padding-top:4px;
    padding-bottom:4px;
    padding-right:4px;
}

.template_body {
    vertical-align:top;
    width:100%;
    font-size:14px;
    font-weight:normal;
    color:#303030;
    padding:4px;
}

.tab_base {

    text-wrap: none;
    text-align: center;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500 !important;

    line-height: 1.2em;
    font-size: 14px;

    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 3px;
    padding-left: 3px;

    background-color: #ffffff;

}

.tab_off {
    cursor: pointer;
    color: #303030;
    background-color: #f9f9f9;
    border-top:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    border-bottom:2px solid #000000;
}

.tab_off_plus {
    cursor: pointer;
    color: #9a9a9a;
    background-color: #f9f9f9;
    border-top:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    border-bottom:2px solid #000000;
}

.a_off {
    color: #303030;
}
.a_off:hover {
    color: #000000;
}

.tab_on {
    cursor: pointer;
    color: #000000;
    background-color: #ffffff;

    border-top:2px solid #000000;
    border-right:2px solid #000000;
    border-left:2px solid #000000;
    border-bottom:2px solid #ffffff;

}

.a_on {
    color: #000000;
}

.tab_begin {

    width:6px;

    text-wrap: none;
    text-align: center;
    color: #d5d5d5;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400 !important;

    padding-top: 6px;
    padding-bottom: 6px;

    border-top:0px solid #000000;
    border-right:0px solid #000000;
    border-left:0px solid #000000;
    border-bottom:2px solid #000000;

    background-color: transparent;
}

.tab_end {

    text-wrap: none;
    text-align: center;
    color: #d5d5d5;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400 !important;

    padding-top: 6px;
    padding-bottom: 6px;

    border-top:0px solid #d5d5d5;
    border-right:0px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    border-bottom:0px solid #000000;

    background-color: transparent;
}

.m_tab_base {
    text-wrap: none;
    text-align: left;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500 !important;
    line-height: 1.2em;
    font-size: 22px;
    background-color: #ffffff;
}

.m_tab_base2 {
    text-wrap: none;
    text-align: left;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500 !important;
    line-height: 1.2em;
    font-size: 24px;
    background-color: #ffffff;
    border-bottom: 1px solid #c1c1c1;
}

.m_tab_base2:hover {
    cursor: pointer;
    background-color: #e1e1e1;

}

.m_tab_off:hover {
    cursor: pointer;
    background-color: #cc2222;

}

.m_tab_off {
    color: #ffffff;
    background-color: #a0a0a0;
    border-top:1px solid #303030;
    border-right:1px solid #303030;
    border-left:1px solid #303030;
    border-bottom:1px solid #303030;
}

.m_tab_off_plus {
    color: #9a9a9a;
    background-color: #f9f9f9;
    border-top:1px solid #d5d5d5;
    border-right:1px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    border-bottom:1px solid #d5d5d5;
}

.m_tab_bottom {
    /*    min-width:95px; */
    color: #9a9a9a;
    background-color: #ffffff;
    border-top:1px solid #d5d5d5;
    border-right:0px solid #d5d5d5;
    border-left:0px solid #d5d5d5;
    border-left:0px solid #d5d5d5;
}

.m_a_off {
    color: #9a9a9a;
}
.m_a_off:hover {
    color: #000000;
}

.m_tab_on {

    color: #000000;
    background-color: #e0e0e0;

    border-top:1px solid #606060;
    border-right:1px solid #606060;
    border-left:1px solid #606060;
    border-bottom:1px solid #606060;

    font-weight:bold;

}

.m_a_on {
    color: #000000;
}

.m_tab_begin {

    width:6px;

    text-wrap: none;
    text-align: center;
    color: #d5d5d5;

    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400 !important;

    padding-top: 6px;
    padding-bottom: 6px;

    border-top:0px solid #000000;
    border-right:0px solid #000000;
    border-left:0px solid #000000;
    border-bottom:0px solid #000000;

    background-color: transparent;

}

.m_tab_end {
    text-wrap: none;
    text-align: center;
    color: #d5d5d5;
    font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400 !important;

    padding-top: 6px;
    padding-bottom: 6px;

    border-top:0px solid #d5d5d5;
    border-right:0px solid #d5d5d5;
    border-left:1px solid #d5d5d5;
    border-bottom:2px solid #000000;
    background-color: transparent;
}

/* ========== mtl_mike.css ==========*/

.field_label_div_oneline {
    /*vertical-align: center !important;*/
    vertical-align:middle !important;
    text-align:left !important;
    display:inline-block !important;
    font-size:16px;
    color:#666666 !important;
    font-weight:400 !important;
    padding-right:5px !important;
    margin-bottom:4px;
    border:0px red solid !important;
    text-transform:uppercase !important;
}

.field_category {
    padding:0px;
    background-color:transparent;
    border-radius:0px;
    margin-bottom:32px;
}

.waiver_text {
    text-transform:none !important;
    letter-spacing: normal;
}

.radios {
    text-transform:none !important;
}

.field_label_section {
    text-align: left;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    color: #525252;
}

.customcolorpadding {
    padding:7px;
    border-radius: 4px;
}

.field_header {
    width: 100%;
    /*27Jan2023 KylaUpdate - trying removing the max width since it is different than the subheader*/
    /*max-width: 800px;*/
    font-size:22px;
    text-align: left;
    color:#ffffff !important;
    background-color:#909090 !important;
    padding:8px 8px 8px 8px !important;
    border-radius: 4px;
    margin-top:25px;
    margin-bottom:5px;
    box-sizing: border-box;
}

.field_product_header {
    width: 100%;
    font-size: 18px;
    text-align: left;
    color:#666666 !important;
    margin-bottom: 4px;
    background: #efefef !important;
    padding: 8px;
    box-sizing: border-box;
}

.checkbox_large {
    margin-top:0px !important;
    position: relative;
    top: 2px;
    padding:0;
}

textarea#terms {
    padding: 15px;
}

.radio_large {
    margin-top: 0;
}

.fdi_category_divider {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    margin: 13px 0px 0px 0px;
    padding: 10px 0 5px 0;
    background-color: transparent;
    border: none;
    border-top: 1px solid #b3b3b3;
}

.fdi_category_divider:first-of-type {
    padding:0;
    margin:0;
    border-top:none;
}

.donationlearnmore {
    text-transform: none;
    font-size: 14px;
    letter-spacing: normal;
}

#paymethodcredit {
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*background-color:#efefef;*/
    background-color:#white;
}

/* DAVE IS ADDING THESE */
.option_label {
    vertical-align:top;
    text-align:left;
    margin:0;
    /*font-size: 18px;*/
    font-size:16px;
    font-weight:bold;
    color:#5a5a5a;
    padding-top:12px;
    padding-right:6px;
}

/* ----- classes added for the improved table designs ---- */
.base_page {
    width: 100%;
}

.btn-custom {
    background-color: white;
    color: black;
    border: 2px solid black;
    transition: all 0.3s ease-in-out;
}

.btn-custom:hover {
    background-color: black;
    color: white;
    border: 2px solid white;
}

.btn-bld {
    font-weight: bold;
}

/* style for the form overview */
.column_left {display:inline-block; width:76%; border:0px solid red; }
.column_middle {display:inline-block; width:2%;border:0px solid green;}
.column_right {display:inline-block; float:right; border:0px solid blue;}

.column_left_reg {display:inline-block; width:76%; border:0px solid red; }
.column_middle_reg{display:inline-block; width:2%;border:0px solid green;}
.column_right_reg {display:inline-block; float:right; border:0px solid blue;}

/* adding for new read only for select fields,  this is used when users are editting and we need a read only - same control */

.readonly-select {
    pointer-events: none;

    background-color: #e9ecef;
    color: #6c757d;
    border: 1px solid #adb5bd;

    opacity: 0.65;
    filter: grayscale(100%);

    box-shadow: inset 0 1px 3px rgba(0,0,0,.15);
    cursor: not-allowed;
}

/*  tomselect */

     /* Optional: make it feel like a normal Bootstrap input */
 .ts-control {
     min-height: calc(1.5em + .75rem + 2px);
     padding: .375rem .75rem;
     border-radius: .375rem;
 }

/* ===== epage.css ===== */
* {
    margin: 0;
    padding: 0;
}

body {
    /*font: 16px/1.4 'Roboto', Helvetica, Arial, sans-serif;*/
    color: #333;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
	font-weight: 400;
}

.text_over {
    color: #ffffff;
}
.text_over:hover {
    color: #cc2222;
}

.image_over > img {
    height:40px;
}
.image_over:hover > img {
    opacity: .5;
}

.image_parent_over > img {
    height:40px;
}
.image_parent_over:hover > img {
    opacity: .5;
}

.epage_power {
    float:right;  border:0px red solid;  vertical-align: middle;  padding-left:6px; padding-top:10px;
}

.epage_signin {
    float:right;  border:0px red solid;  padding:6px;
    text-align: right;  vertical-align: middle;
    color:white; font-weight:bold; font-size:16px;
    line-height:1;
}

.epage_social {
    display:inline-block; padding:2px; border: 0px yellow solid;  text-align: left; color:white;
}

.epage_tabs_on {
    background-color: #ffdddd;
}

.number {
    /*width: 20%;*/
    /*margin-right: 10px;*/
    float: left; vertical-align: top;
}

.title {
    width:290px;
}

.side_margin { width: 10%; }

.body_margin { width: 80% }

.event_desc_div_parent {
    display: inline; white-space: normal; border: 0px blue solid; background-color: transparent; color:white
}

.event_logo_div {
    float:left;
    display:table-cell;
    vertical-align: top;
    width:150px;
    padding:10px;
    background-color: #ffffff;
    border-radius: 5px;

}

.event_desc_div {
    float:left;
    display:table-cell;
    max-width: 60%;
    padding-left:20px;
    white-space: normal;
    border: 0px red solid;
    background-color: transparent;
    color:white;
    border:0px yellow solid;
}

.event_sponsor_div {
    float:right;
    border:000px red solid;
    display:table-cell;
    vertical-align: top;
    width:200px;
    padding-left:20px;

}
.event_logo {
    width:100%;
    border: 0px blue solid;
}

.event_flag {
    background-color: red;
    height:2px;
}

.epage_header_divider {
    height: 80px;
}

.epage_header_section {
	/* commented padding to remove space below the navigation on the epage and asite5 hero */
    /* padding-bottom:60px; */
    display:inline-block;
    border: 0px orange solid;
    background-color: transparent;
    color:white;
	position: relative;
}

#sponsor_header {
    display:none; font-weight:bold; font-size:24px; padding:10px; padding-top: 14px; background-color: #000000; border:1px #c1c1c1 solid; color: #ffffff; text-align: center;
}

.navbar-toggle {
    background-color:white;
}

.navbar-toggle:hover {
    color: #cc2222;
    background-color: #cc2222;
}

.navbar { background-color: rgba(255, 255, 255, .85);  }

#nav-header { display:none }

@media screen and (max-width: 767px) {

    #nav-header { display:inline-block; }

    #sponsor_header {
        display:block; font-weight:bold; font-size:24px; margin-top:20px; margin-bottom:10px; padding:10px; padding-top: 14px; background-color: #000000; border:1px #c1c1c1 solid; color: #ffffff; text-align: center;
    }

}

@media screen and (min-width: 500px) and (max-width: 767px) {

    .event_flag {
        background-color: purple;
        height:2px;
    }

    .event_sponsor_div {
        display:block;
        width:100%;
        margin-top: 20px;
        border: 000px purple solid;

    }
    .event_logo_div {
        display:block;
        width:100%;
        border: 000px purple solid;
    }

    .event_desc_div {
        display:block;
        width:100%;
        max-width: 100%;
        white-space: normal;

        margin:20px auto;
        border: 000px purple solid;
        padding: 10px;

        background-color: white; color:black
    }

}

@media screen and (max-width: 500px) {

    .event_flag {
        background-color: yellow;
        height:2px;
    }

    .event_sponsor_div {
        display:block;
        width:100%;
        margin-top: 20px;
        border: 000px yellow solid;

    }

    .event_logo_div {

        display:block;
        width:100%;
        border: 000px yellow solid;
    }

    .event_desc_div {
        display:block;
        width:100%;
        max-width: 100%;
        white-space: normal;

        margin:20px auto;
        border: 000px yellow solid;
        padding: 20px;
        background-color: white; color:black
    }

    .epage_header_divider {
        height: 0px;
    }

    .epage_header_section {
        padding-bottom:0px;
        display:inline-block;
        border: 0px orange solid;
        background-color: transparent;
        color:white;"
    }

    .side_margin { width: 2%; }

    .body_margin { width: 94% }

}

/* To stylize the header portion of the page */

.navbar-default .navbar-nav>li>a {
    /*color: white !important;*/
    /*font-weight: 300;*/
    color:white;
    font-weight: bold;
    font-family: 'Roboto', helvetica, sans-serif;
    font-size: 17px;
}

.navbar {
	background-color: #252525;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	color: white;
}

.navbar-brand {
	color:white !important;
	font-weight: 300 !important;
}

/* -------- gpage styles ---------- */

.gpage-section-container {

}

.gpage-section {
	padding-top: 60px;
	padding-bottom: 60px;
	font-size: 17px !important;
	line-height: 1.7em;
	position: relative;
	overflow: hidden;
}

.gpage-section a {
	/*color: #387AB5;*/
    /*text-decoration: underline;*/
}

.gpage-color-overlay-dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.8;
}

.gpage-color-overlay-light {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.8;
}

.gpage-section .grp_title {
	font-weight: 400;
	font-size: 40px;
	margin-top:10px;
	margin-bottom: 20px;
	padding-left: 14px;
	padding-right: 14px;
	text-align: center;
	line-height: 50px;
}

.gpage-column {
	margin-bottom: 15px;
}

.gpage-section .grp_title::after {
	content: "";
	position: absolute;
	left: 45%;
	width: 10%;
	height: 1px;
	bottom: 0;
	margin-bottom: -.5em;
	background: grey;
}

.gpage-image {
	width:100%;
	display: block;
	margin: 0 auto 30px auto;
}

.gpage-section:nth-of-type(even) {
	background-color: #f1f1f1;
}

.gpage-section ul {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 20px;
}

.bg-light-text, .bg-light-text .grp_title {
	color: white;
}

.gpage-about {

}

.gpage-whyjoin {

}

.gpage-coach {

}

.gpage-blocktext {

}

.gpage-social {

}

.gpage-full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	padding-top: 0px;
	padding-bottom: 40px;
}

.gpage-image-container {
	float:left;
	display:inline-block;
	padding:4px;
	margin-top:10px;
	margin-right:20px;
	width:40%;
	max-width:400px;
	min-width:300px;
}

.gpage-content-conteainer {
	float:left;
	display:inline-block;
	padding:4px;
	margin-top:10px;
	width:40%;
	max-width:600px;
	min-width:300px;
}

.gpage-footer {
	background: black;
	margin-top: 50px;
	color: white;
}

.gpage-prefooter {
	background: #636363;
	padding: 60px;
	color: white;
}

.gpage-postfooter {
	padding: 15px;
	text-align: center;
}

.gpage_menu_li {
    padding: 0px !important;
}

/* -------------- 2023 Style Renaming -----------------------
---------- Preventing Style Clashes with WP -------------- */

.nav>li>a {
	padding: inherit;
}

#rrepage_header_menu.navbar-default .navbar-nav>li>a {
	color:white;
	font-weight: normal;
	font-family: 'Roboto', helvetica, sans-serif;
	font-size: 18px;
	padding: 15px 15px;
	text-decoration: none !important;
}

.nav-link {
color: white;
}

.entry-content a {
	/*text-decoration: none !important;*/
	text-decoration: none ;
}

#rrepage_header_menu.navbar-default .navbar-nav>li.active>a,
#rrepage_header_menu.navbar-default .navbar-nav>li:hover>a,
#rrepage_header_menu.navbar-default .navbar-nav>li.open>a {
	color: white;
	background: inherit;
}

#rrepage_header_menu.navbar {
	background-color: #252525;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	color: white;
	text-transform: none;
}

#rrepage_header_menu ul, #rrepage_header_menu ul li ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
}

#rrepage_header_menu .nav li {
	padding: 0;
}

main section #rrepage_header_menu ul li {
	margin-left: 0px;
	margin-right: 0px;
}

#rrepage_header_menu .dropdown-menu>li>a {
	color: black;
	padding: 6px 15px;
	font-size: 16px;
}

#rrepage_header_menu .dropdown-menu>.active>a, #rrepage_header_menu .dropdown-menu>.active>a:focus, #rrepage_header_menu  .dropdown-menu>.active>a:hover, #rrepage_header_menu .dropdown-menu>li:hover>a {
	font-weight: bold;
	color: black;
	opacity: 1;
}

#rrepage_header_menu .navbar-brand {
	color:white !important;
	font-weight: 300 !important;
}

#rrepage_header_menu .dropdown-menu {
	border: none;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

@media (max-width: 767px) {
	#rrepage_header_menu .nav li ul {
		visibility: visible;
		opacity: 1;
	}
	
	#rrepage_header_menu .dropdown-menu>li>a {
		color: white;
	}
	
	#rrepage_header_menu .dropdown-menu>.active>a, #rrepage_header_menu .dropdown-menu>.active>a:focus, #rrepage_header_menu  .dropdown-menu>.active>a:hover, #rrepage_header_menu .dropdown-menu>li:hover>a {
		color: white;
	}
}

/* --------------- asite styles --------------------*/

#asitehomehero {
position: relative;
}

#asitehomehero:before {
	content: "";
	background-color: black;
	position: absolute;
	display: block;
	opacity: .4;
	width: 100%;
	height: 100%;
	left: 0;
}

.asitemainbanner {
	padding-top: 150px;
	padding-bottom: 150px;
	text-align: center;
}

.asitemainbanner h1 {
	font-size: 54px;
	color: white;
}

.asitemainbanner h2 {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 300;
}

.asitebtncontainer {
	margin-top: 20px;
}

.asitebutton {
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	font-weight: 500;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1em;
	background-color: #f7941f;
	color: white;
	border-radius: 6px;
	display: inline-block;
}

.shape-bottom {
	position: relative;
	bottom: -6px;
}

.shape-fill {
	fill: #E9AC3F;
	transform-origin: center;
	transform: rotateY(0deg);
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
}

/* ---- title in Event Page header ----- */

.headertitlewrap {
	text-align: left;
}

.headertitle {
	text-transform: capitalize;
	padding: 5px 10px;
	font-size: 13px;
	color: white;
	margin-right: 5px;
}

@media (max-width: 1199px) {
	.headertitlewrap {
		text-align: right;
	}
}

.registerbtn {
	background-color: white;
	color: black;
	border-radius: 4px;
	border: 2px solid black;
}
/* ===== msite_styles_b.css ===== */

body {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    color:#231f20;
    margin:0;
    padding:0;
    font-weight: 400;

}

html {
    margin:0;
    padding:0;
    height: 100%;
}

.container-fluid.no-padding {
    padding:0;
    margin:0;
}

.section1content .btn {
    /*margin-top:30px;*/
}

/*.btn {*/
/*    margin-bottom: 17px;*/
/*}*/

/*.btn-primary {*/
/*    background: transparent;*/
/*	!*-webkit-border-radius: 8px;*/
/*	-moz-border-radius: 8px;*/
/*	border-radius: 8px;*!*/
/*	webkit-border-radius: 34px;*/
/*	-moz-border-radius: 34px;*/
/*	border-radius: 34px;*/
/*    border:1px solid white;*/
/*    color:black;*/
/*	font-size: 20px;*/
/*	padding: 10px 22px;*/
/*	text-align: center;*/
/*}*/

/*.btn-primary:hover {*/
/*    opacity: .8;*/
/*    border-color: inherit;*/
/*}*/

.regbtn {
    border:1px solid white;
}

.regbtn:hover {
}

.donationbtn {
    border:1px solid white;
    background:white;
    color:black;
}

.donationbtn:hover {
    opacity:.8;
    background:white;
    color:black;
    border:1px solid white;
}

.whitebtn {
    border:1px solid white;
    background:white;
    color:black;
}

.whitebtn:hover {
    opacity:.8;
    background:white;
    color:black;
    border:1px solid white;
}

/*.whitebtn:hover {

}*/

.redbtn {
    border:1px solid #A01F14;
    color:#A01F14;
}

.redbtn:hover {

    background:#A01F14;
    color:white;
}

.greybtn {
    border:1px solid #565656;
    color:#565656;
}

.greybtn:hover {
    background:#565656;
    color:#ffffff;
}

.makedonationbtn {
    border-width: 3px;
}

.myfundraisingbtn {
    border-width: 3px;
}

#maincontent {
	padding-top:3rem;
	padding-bottom: 3rem;
}

.anchorsection {
    position: absolute;
    top:-100px;
}

main section ul {
    margin-top:20px;
    margin-bottom: 20px;
}

main section ul li {
    margin-left: 50px;
    margin-right: 50px;
}

.picturecontrol img {
    max-width:100% !important;
    height: auto !important;
}

/* ------------ Typography --------------
----------------------------------------- */

h1, h2, h3, h4, h5 {
    /*font-family: 'antoniobold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.subhead {
    margin-top:15px;
    font-size:55px;
    /*text-transform: uppercase;*/
    position: relative;
    letter-spacing: -2px;
    text-shadow: 0 1px 2px rgba(100,100,100,.6);
}

.subheadsmall {
    font-size:50px;
    margin-bottom: 30px;
}

.whitetext {
    color:white;
}

.redtext {
    color:#ec1a02 !important;
}

.support {
    font-size:24px;
    margin-bottom: 30px;
}

/* ------------ Navigation --------------
----------------------------------------- */

.topbarnavs>li {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar {
    padding:0px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;

}

.navbar-expand-xl .navbar-nav {
	flex-wrap: wrap;
}

.navbar.nologonav {
    min-height:72px;
}

.navbar-default {
    border-color: #e7e7e7;
}

.navbar-nav {
    margin-right: 25px;

}

.nav-link {
    white-space: nowrap;
}

.navbar-default .navbar-nav>li>a {
}
/* 10Sept2025 MJC - Removed header shadow */
.navbar.navbar-expand-xl.navbar-dark.bg-dark {
   /* -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.3); */
    -webkit-box-shadow:none;
    box-shadow:none;
}

.navbar .container-fluid {
    flex-wrap: nowrap;
}

/* Brand: never shrink, width = image’s intrinsic width */
.brand-lock {
    flex: 0 0 auto;
}

.middle {
    min-width: 0;          /* critical so text-truncate can actually truncate */
}

/* Right: on mobile, reserve a fixed width for the hamburger so layout doesn’t shift */
.right {
    flex: 0 0 auto;
}
@media (max-width: 991.98px) { /* < lg */
    .right {
        width: 80px;         /* typical toggler footprint; tweak if needed */

        justify-content: space-around;
    }
}

.btnnavregister {
    margin-right:10px;
    margin-top: -2px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 5px 10px;
}

.btnnavregister > a {
    padding:5px 15px;
}

.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1);
    border-width:3px;
    margin-right: 15px;
}

.navbar-dark .navbar-nav .nav-link {
	font-weight: 600;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: grey;
}

.navbar-dark .navbar-toggler {
    background:white;
}

.navbar-dark .navbar-toggler-icon{
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
}

.navselected {
}

nav.navbar .navbar-nav .nav-item:last-child .dropdown-menu {
    right:0 !important;
    left:inherit;
}

/* ----------- Home Page Sections --------
------------------------------------------ */

/* ---------- Header --------------------- */

header {
    /* position: fixed; 10Sept2025 MJC - Removed sticky header */
    top:0;
    left:0;
    width:100%;
    z-index: 99999;
    position: relative;
}

.section1 {
	padding: 0;
}

.section2, .section3, .section4, .section5, .section6, .section7, .section8 {
    /*border-bottom: 8px solid black;*/
    /*padding: 70px 50px;*/
    padding: 50px 50px;
}

main {
/*
    margin-top:100px;
*/
   /* margin-top:130px; 10Sept2025 MJC - Remove margin top */
    z-index: 99;
}

main.nologomain {
    /* margin-top: 100px;  10Sept2025 MJC - Remove margin top */
    margin-top: 0;
}

.logo {
    padding: 12px;
    /*margin-left: 25px;*/
    margin-left: 10px;
    height: auto;
    width: auto;
    max-width: 200px;
    /*max-height: 100px;*/
    max-height: 80px;
    background: white;
    border-radius: 8px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.navsignin-mike {
   border:2px solid white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: 8px;
    margin-top: -2px;
}

#logintab {
    position: absolute;
    top:0;
    right:17px;
    color:#000000;
    font-size: 14px;
    text-align: center;
    padding:3px 10px;
    background:#ffffff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    z-index: 99999

}

#logintab a {
    color:#000000;
}

.alertbar {
	position:  relative;
	background: black;
	color:white;
	font-size: 16px;
	padding:5px 30px;
}

.alertbar a.closealert {
	position: absolute;
	right: 9px;
	top: 6px;
	border: 1px solid white;
	border-radius: 40px;
	padding: 1px 6px 5px 6px;
	line-height: 14px;
	text-decoration: none;
}

.alertbar a.closealert:hover {
	text-decoration: none;
}

#topbar {
    text-align: right;
    padding:3px 0px;
    font-size: 15px;
}

#topbar a {
}

#topbar a.dropdown-item {
    color:#212529 !important;
}

.topbarsocial {
    float: left;
}

ul.topsocial {
    list-style: none !important;
    margin:0;
    padding:0;
}

ul.topsocial li {
    display:inline;
    list-style: none !important;
}

ul.topsocial li a {
    color:white;
}

.topbar-dlb {
    /*background:#DA3622;*/
    color:white !important;

    text-align: right;
    padding:3px 30px;
    font-size: 15px;

}

.loggedinemail {
    display:inline;
    padding-right: 10px;
}

.profilemenu {
    display:inline;
}

.profiletoggle {
    background: transparent;
    border:none;
}

header .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.headereventname {
    /* max-width: 350px; */
    padding-top:8px;
    padding-bottom:8px;
    padding-right: 30px;
}

.navaccount {
    font-size: 1rem;
    font-weight: bold;
    text-transform: capitalize;
}
.naveventname {
    font-size: 1.4rem;
    line-height: 1em;
    text-transform: capitalize;
}
    /* ----------- Section 1 - Home Banner----------------- */

.section1 {
    width:100%;
}

.bx-wrapper, .bx-viewport {

	/*padding-bottom: 40px;*/
}

@media (max-width:767px) {
	.bx-viewport {
		/*height: 480px !important;*/

	}
    .headereventname {
        flex:auto;
        font-size: 1em;
        line-height: 1.2em;
    }
}

@media (max-width:390px) {

    .headereventname {
        flex:none;
        font-size: 1em;
        width: 120px;
        line-height: 1.2em;
    }
}

@media (max-width:320px) {

    .headereventname {
        display: none !important;
    }
}

@media (min-width:768px) {
	.bx-viewport {
		/*height: 640px !important;*/

	}
}

#hero {
    /*height: 600px;*/
}

.homehero {
    background-color:#2F2F2F;
    /*background-image: url("/assets/images/bg-section1-bikers.jpg");
    background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));*/
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: center;
    
    position: relative;
    /*max-height: 640px;*/
    overflow: hidden;

}

.homehero .section1content {
	padding:10px 20px 10px 20px;
}
@media (min-width:991px) {
    .homehero .section1content {
        padding:135px 20px 100px 20px;
    }
}

.section1contentsponsor {
	padding:135px 20px 100px 20px;
	width: 72%;
	float: left;
}
.section1sponsor {
	width:28%;
	float: left;
	/*background: black;*/
	padding:135px 20px 100px 20px;
}

.sponsoredby {
	font-width: 300 !important;
	color: white;
	font-style: italic;
}

.heroimgcontainer {

}

.herocontent {
    padding: 30px 15px 20px 15px;
    border-radius: 15px;
    /*margin-bottom: 40px;*/
    /*background: rgba(0,0,0,.5);*/
}

.heroimgcontainer .heroimg {
    /*-webkit-box-shadow: 0 0 4px 4px rgba(0,0,0,.4);*/
    /*box-shadow: 0 0 4px 4px rgba(0,0,0,.4);*/
    padding:15px;
    background:#ffffff;
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    max-width: 250px;
}

.herotextcontainer {
    text-align: left;
}

.herotext {
    color: white;
    margin: 50px auto;
    max-width: 750px;
    font-size: 50px;
    font-weight: bold;
    line-height: 53px;
    text-shadow: 0 1px 6px #0F0F0F;
    letter-spacing: -1px;
}

.herotagline {
    /*color: white;*/
    /*font-style:italics;*/
    /*font-weight: 400;*/
    /*font-size: 1.7rem;*/
	/*margin-bottom: 0;*/
    color: white;
    max-width: 750px;
    font-size: 30px;
    /*font-weight: bold;*/
    text-shadow: 0 1px 6px #0F0F0F;
    letter-spacing: -1px;
    margin-bottom: 0;
}

.herotextcontainer .herotext {
    margin: 0px 0 4px 0;
    /*text-shadow: 0 2px 3px rgba(0,0,0,.4)*/
}

.downarrow {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -21px;
    font-size: 54px;
    color: white;
}

.downarrow a {
    color:white;
}

/* ----------- Section 2 - Event Details Where When  ----------------- */

.amountraised {
	background: black;
    /*padding-top:30px;
    padding-bottom: 30px;*/
    padding-top:20px;
    padding-bottom:20px;
}

.amountraised h2 {
	color:white;
	margin-bottom:0;
}

.amountraisedtotal {
	color:#54bd4d;
	font-size: 50px;
}

.whensidebar {
    background: #e5e5e5;
    padding: 20px;
    border-radius: 20px;
}

@media (min-width:991px) {

    .vert.whensidebar {
        width: 330px;
    }
}

.picturecontrol {

}

.whatwherewhen {
    margin:50px 0;
    background: #ffffff;
    overflow: hidden;
    /*-webkit-border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*border-radius: 8px;*/
	webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    padding-top:15px;
    padding-bottom: 15px;

}

.whatwherewhenbox {
    /* 10Sept2025 MJC - Change What Where When Box design
    webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; */
    background: #ffffff;
    padding:10px 10px 10px 10px;
    margin-bottom: 15px;
    border-radius: 10px;
    color:#3e3e3e;
    overflow-wrap: break-word;
}

.horiz .whatwherewhenbox {
    height: 100%;
}

.whatwherewhenbox .sponsoritem-mike {
	border: none ;
	margin: 0;
}

@media (max-width: 1091px) {
	.whatwherewhenbox .sponsoritem-mike {
		width: 100%;
	}
	
	.whatwherewhenbox .sponsorimageorname-mike {
		width: 100%;
		height: auto;
		padding: 0;
	}
	
	.whatwherewhenbox .sponsorimageorname-mike img {
		width: 100%;
		height: auto;
	}
	
	.whatwherewhenbox .imagecenter-mike {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	
}

.whenwhere {
    /*background: #efefeb; */
    background:white;
    position: relative;
}

.whenwhere .col-md-6 {
	margin-bottom:20px;
}

.when {
    /* 10Sept2025 MJC - stylizing to be more modern
    font-family: 'Open Sans', sans-serif;*/
    font-weight: 400;
    font-size: 23px;
    line-height: 30px;
    margin:0 0 15px 0;
    padding:5px 0px;
    color: black;
    /*text-align: center;
    padding:5px 20px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;*/
}

.when.timerwhen {
    border: none;
    padding-bottom: 0;
}

.date {
    /*font-family: 'antoniobold'; *!*/
    /* 10Sept2025 MJC - stylizing to be more modern
    font-family: 'Open Sans', sans-serif;*/
    font-weight: 400;
    /* text-transform: uppercase; */
    font-size: 18px;
    margin: 0;
    padding:0;
}

.location {
    margin:0;
    padding:0;
    /* 10Sept2025 MJC - stylizing to be more modern
    font-size: 25px;
    line-height: 30px; */
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    padding:0;
}

.schedulebelow {
    margin:0;
    padding:0;
    font-size: 20px;
    color:#b50606;
}

.detailssubhead {
    margin-bottom: 30px;
    margin-top:30px;
}

/* ----------- Section 3 - Schedule  ----------------- */

.schedule {
    background: #78150C;
    background-image: url("/assets/images/bg-schedule-bikers.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-y: 115px;
    padding:100px 20px;
    position: relative;
}

.schedule h2 {
    margin-bottom:50px;
}

.scheduletime {
    /*font-family: 'antoniobold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color:white;
    font-size: 40px;
    text-align: center;
}

.scheduletime span {
    color:#F8CE46;
}

/* ----------- Section 4 - Why We Ride  ----------------- */

.whyweride {
    /*background: #F7CE46;*/
    background: #000000;
    color:#F7CE46;
    padding:50px 0 0 0;margin:0;
    position: relative;
}

.fullimage {
    width:100% !important;
}

.whyweride figure {
    padding:0;
    margin:0;
}

/* ----------- Section 5 - Fundraising  ----------------- */

.fundraising {
    background: #BA9D39;
    background-image: url("/assets/images/bg-fundraising.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding:150px 20px;
    position: relative;
}

.buttonrow {
    margin-top:50px;
}

/* Leaderboards Section */

.fundraiserlist-mike {
    list-style-type: none !important;
    margin:0 0 30px 0;
    padding:0;
}

.fundralisthead-mike {

}

.listhead-mike {

}

.fundralistitem-mike {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */
    padding:10px;
    margin-bottom: 5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.3);
    position: relative;
    overflow: hidden;
}

.trophy-mike {
    position: absolute;
    left:-20px;
    z-index: 999999;
}

.rank-mike {
    float: left;
    width: 55px;
    padding:10px 15px;
    background: black;
    text-align: center;
    /*font-family: 'antoniobold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-right: 15px;
    font-size: 40px;
    line-height: 40px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#585858+0,1c1c1c+100 */
    background: #585858; /* Old browsers */
    background: -moz-linear-gradient(top, #585858 0%, #1c1c1c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #585858 0%,#1c1c1c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #585858 0%,#1c1c1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */
    z-index: 999;

}

.rank-mike fas, .rank-mike svg {
    margin-left:-10px;
}

.fundraisername-mike {
    float: left;
    font-size: 20px;
    line-height: 26px;
}

.fundraisername-mike span {
    /*font-family: 'antoniobold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    display: block;
    font-size: 30px;
}

.fundraiserteam-mike {
    float:left;
    /*font-family: 'antoniobold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    display: block;
    font-size: 30px;
    padding-top: 5px;
}

.fundamount-mike {
    float: right;
    /*font-family: 'antoniobold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: -1px;
}

/* ----------- Section 6 - Routes  ----------------- */

.routeselevations {
    background: #525151;
    background-image: url("/assets/images/bg-routes.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 80px;
    position: relative;
}

.routeselevations .subhead {
    color:white;
    margin-bottom: 60px;
}

.routeheader {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color:white;
    font-size: 25px;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.routescontainer .col-md-6 {
    margin-bottom: 50px;
}

.routeheader span.routhdownload a {
    font-weight: 300;

    margin-left:20px;
}

.otherdownloads {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    color:white;
    font-size: 20px;
    margin-bottom: 10px;
    padding-bottom: 0;
}

.otherdownloads span.routhdownload a {
    font-weight: 300;

    margin-left:0px;
}

/* ----------- Section 7  ----------------- */

.sponsors {
    position: relative;
}

.sponsorpage {

}

/* ----------- Section 8 - Pictures  ----------------- */

.section8 {
    padding:0;
    position: relative;
}

.pictures {
    background: #272727;
    padding:0;
    margin:0;
}

.pictureframe {
    padding: 2px;
}

/*! CountdownTimer for jQuery @version2.0.1 (https://harshen.github.io/jQuery-countdownTimer/).
 *  Written by Harshen Pandey (https://remote.com/harshen) January 2014.
 *  @license MIT (https://github.com/harshen/jQuery-countdownTimer/blob/master/LICENSE.md)
 *  and GPLv3 (https://github.com/harshen/jQuery-countdownTimer/blob/master/LICENSE-GPL.md).
 *  @release - 29/10/2017
 *  Copyright (c) 2017 - 2020 Harshen Pandey
 *  Please attribute the author if you use it.
 */
/* jQuery.countdownTimer.css*/

.timerbox {
    margin-bottom:0px;
    overflow: hidden;
}

.style {
    width: 100%;
    font-weight: bold;
    padding:5px;
}

.colorDefinition {

    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.size_xl {
    font-size:50px;
    border-radius: 6px;
}

.size_lg {
    font-size:40px;
    border-radius: 5px;
}

.size_md {
    font-size:30px;
    border-radius: 4px;
}

.size_sm {
    font-size:20px;
    border-radius: 3px;
}

.size_xs {
    font-size:15px;
    border-radius: 2px;
}

.lang-rtl {
    direction: rtl;
}

.displaySection {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
    border-right: 1px solid #b5b4b4;
}

.timerDisplay > span.displaySection:last-child {
    border-right: none;
}

.label6 .displaySection {
    width: 15%;
}

.label5 .displaySection {
    width: 18%;
}

.label4 .displaySection {
    width: 23.5%;
}

.label3 .displaySection {
    width: 31.8%;
}

.label2 .displaySection {
    width: 48.6%;
}

.label1 .displaySection {
    width: 98%;
}

.numberDisplay {
    font-size: 200%;
    margin-bottom: 0;
    padding-top: 10px;
    line-height: 25px;
    font-weight:400;
}

.periodDisplay {
    display: block;
    margin:0;
    padding-bottom:5px;
    line-height: 10px;
    font-weight:400;
}

.timerDisplay {
    clear: both;
    width: 100%;
    padding: 0px 4px 0px 4px;
    text-align: center;
    float: left;
}

.labelformat {
    float: left;
    font-size: 15px;
    border-width: 7px;
}

/* ----------- footer  ----------------- */

footer {
    background:#353535;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 30px;
    padding-bottom: 20px;
    color:white;
    font-size: 1rem;
}

footer a {
    color:#b9b9b9;
}

footer hr {
    background: white;
    margin-top: 8px;
}

.footerlogos {
    margin-bottom: 0px;
    margin-top: 80px;
}

.footerride {
    max-width: 168px;
}

.footerfb {
    font-size: 25px;
    margin-left: 10px;
    color:#4968AD;
}

.footerfb a {
    color:#4968AD;
}

.footerfb_gray {
    font-size: 25px;
    margin-left: 10px;
    color:#999999;
}

.footerfb_gray a {
    color:#999999;
}

.contacthdr {
    /*font-family: 'antoniobold';*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
}

.contacttext {
    font-size:14px;
}

.copyright {
    color:#B0B0B0;
    font-size: 12px;
}

.disclaimer {
    color:#B0B0B0;
    font-size: 12px;
}

.bottombar {
    text-align: center;
    background:#000000;
    padding:10px;
    color:#ffffff;
    font-size:14px;
}

.footerrrlogo {
    max-width:150px;
}

p.social {
    margin-bottom: 0;
    padding-bottom: 5px;
}
.socialicons {
    list-style-type: none;
    margin:0;
    padding:0;
}

.socialicons li {
    display: inline;
}

.socialicons li a {
    color:#b9b9b9;
}

/* ------------ MEDIA QUERIES ----------
---------------------------------------- */

@media all and (max-width: 1199px) {
    .navbar-collapse {padding:15px;
	    max-height: 380px;
	    overflow-y: auto;}

    .btncontainer {
        width:100%;
        justify-content: space-between;
    }
} 
	 
@media all and (max-width: 991px) {
	.herotextcontainer {
		text-align: center;
	}
}

@media all and (max-width: 1263px) {
	.section1contentsponsor .herotextcontainer {
		text-align: center;
	}
}
	 
@media all and (max-width: 767px) {
	
	body {
	    font-size: 1rem;
		font-weight: 400;
		line-height: 1.4rem;
	}

    #logintab {
        right: inherit;
        left: 134px;
        top: 20px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

   /*  main {
        margin-top: 130px;
    } */
	
	.logo {
    max-width: 90px;
	}
	
	.subhead {
		margin-bottom: 30px;
		font-size: 40px;
	}

	
	
	.subhead:before {
    	width: 150px;
	}
	
	.homehero {
    background-attachment:inherit;
    background-position-x: center;
    background-position-y: 0;
    padding: 65px 20px 30px 20px;
    position: relative;
	}

    .heroimgcontainer {
        text-align: center;
    }

    .heroimg {
        display: inline-block;
    }

    

    .herotext {
        margin-bottom: 0px;
        font-size: 30px;
        line-height: 35px;
    }

    .herotagline {
        color: white;
        font-weight: 400;
        font-size: 20px;
    }
	
	.section1contentsponsor {
		padding:80px 20px 60px 20px;
		width: 100%;
		float: none;
	}
	.section1sponsor {
		width:100%;
		float: none;
		padding:80px 20px 60px 20px;
	}

    .downarrow {
        bottom: 20px;
        left: 48%;
        margin-left: -21px;
    }

    body.home_mike {
        font-size: 15px;
        line-height: 20px;
    }

    main section ul li {
        margin-left: 30px;
        margin-right: 30px;
    }

    .subhead {
        font-size: 34px;
        margin-bottom: 20px;
    }

    .date {
        font-size: 20px;
        line-height: 25px;
    }

    section table {
        width:100% !important;
    }

    section table td {
        padding:4px 2px;
    }

    section table tr:nth-child(odd) {
        background: #FFF;
    }

    section table tr:nth-child(even) {
        background: #ececec;
    }

	.section6 {
        padding-left:10px;
        padding-right: 10px;
    }
    
    .heroridelogo {
	    max-width:60%;
    }
    
    .section2 {
	    padding: 70px 20px 50px 20px;
    }

	
	.location {
		font-size: 1.1rem;
		line-height: 1.5rem;
	}
	
	.schedule {
		background-position-x: center;
		background-position-y: 0;
	    background-repeat: no-repeat;
	    background-attachment:inherit;
		padding: 70px 20px;
		
	}

	.schedulebelow {
		font-size: 1.1rem;
		line-height: 1.5rem;
	}	
	
	.detailssubhead {
    	font-size: 1.6rem;
	}

	.scheduletime {
    font-size: 1.3rem;
    margin-bottom: 20px;
    line-height: 1.5rem;
	}

	.scheduletime span {
    display: block;
	}
	
	.subhead {
    	font-size: 40px;
    }
    
    .subhead.whitetext:before {
    width: 123px;
	}
	
	.support {
    font-size: 1.1rem;
    margin-bottom: 30px;
    padding: 0 20px;
	}
	
	.fundraising {
		background-attachment: inherit;
		padding: 70px 20px 50px 20px;
	}

    .fundamount-mike {
        padding-top: 16px;
    }
	
	span.routhdownload {}
	
	.routeselevations {
	    background-attachment: inherit;
	    padding-top: 70px;
	    padding-bottom: 0px;
	}
	
	.routeheader {
    	font-size: 18px;
    }
    
    .routeheader span.routhdownload a {
	    font-size: 15px;
    }
    
    .otherdownloads {
	    font-size: 15px;
    }
    
    .sponsors {
	    padding: 50px 20px;
    }
    
    footer {
	    background-position-x: center;
		background-position-y: 0;
	    background-repeat: no-repeat;
	    background-attachment:inherit;
        padding-top: 50px;
		padding-bottom: 50px;
    }
    
    .footerlogo {
	    max-width: 60%;
        margin-bottom: 30px;
    }

    .footerride {
        margin-left: auto;
        margin-right: auto;
        display:inline-block;
    }

    .contactcol {
        text-align:center;
    }

    .copyright {
        text-align: center;
        float: none;
    }

    .footerrrlogo {
        max-width: 150px;
        display: block;
        margin: 0 auto;
    }
	
} 

@media all and (max-width: 575px) {

    body.home_mike {
        font-size: 15px;
        line-height: 20px;
    }

    main section ul li {
        margin-left: 30px;
        margin-right: 30px;
    }

    .subhead {
        font-size: 34px;
        margin-bottom: 20px;
    }

    .date {
        font-size: 20px;
        line-height: 25px;
    }

    section table {
        width:100% !important;
    }

    section table td {
        padding:4px 2px;
    }

    section table tr:nth-child(odd) {
        background: #FFF;
    }

    section table tr:nth-child(even) {
        background: #ececec;
    }

    .fundraiserteam-mike {
        float: left;
        /*font-family: 'antoniobold';*/
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
        display: block;
        font-size: 26px;
        padding-top: 17px;
    }

    .fundamount-mike {
        padding: 2px;
        clear: both;
        float: none;
        text-align: center;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#585858+0,1c1c1c+100 */
        background: #585858; /* Old browsers */
        background: -moz-linear-gradient(top, #585858 0%, #1c1c1c 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #585858 0%,#1c1c1c 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #585858 0%,#1c1c1c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 */
        color: white;
        line-height: 36px;
        margin-top: 10px;
        display: block;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .rank-mike {
        margin-bottom: 5px;
    }

    .fundraisername-mike {

    }
}

@media (min-width:768px) and (max-width:991px) {

	.scheduletime {
        /*font-family: 'antoniobold';*/
        font-family: 'Open Sans', sans-serif;
        font-weight: 700;
	    color: white;
	    font-size: 30px;
	    text-align: center;
	}
	
	.section1contentsponsor {
		padding:80px 20px 60px 20px;
		width: 60%;
		float: left;
	}
	.section1sponsor {
		width:40%;
		float: left;
		
		padding:80px 20px 60px 20px;
	}
}

@media (min-width:1200px) and (max-width:1220px) {
	.section1contentsponsor {
		padding:80px 20px 60px 20px;
		width: 60%;
		float: left;
	}
	.section1sponsor {
		width:40%;
		float: left;
		padding:80px 20px 60px 20px;
	}
}

@media (min-width:1200px) {
    .headereventname {
        max-width: 350px;
    }
}

@media (min-width: 767px) {
    /* .whensidebar {
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
    } */
}

/* ===== rr3.css ===== */
.ck-editor__editable {
    min-height: 500px !important;
}

.appheader {
    background: #3291DF;
    color:white;
    text-align: center;
    padding:8px;
    margin-bottom: 20px;
}

.applist {
    margin:0;
    padding:0;
    list-style-type: none;
    margin-bottom: 50px;
}

.applistitem {
    display: inline-block;
    background: #CFEBF8;
    padding:30px;
    text-align: center;
    margin-right: 1px;
    margin-bottom: 4px;
    width: 160px;
    height: 180px;
    vertical-align: top;
}

.applistimage {
    width:80px;
    margin-bottom: 8px;
}

.applistitem.disabled {
    opacity: .2;
}

.applistitem.disabled {
    pointer-events: none;
    cursor: default;
}

.rralertbar {
    background: #BA3E28;
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px;
    font-size: 18px;
    z-index: 79;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.2);
    margin-bottom:10px;
}

/* ORIGINAL */

body {
    background:white;
    /*font-family: "Nunito Sans", sans-serif;*/
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    color: #333;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

.page-content {
    min-height: 800px;
	padding: 94px 15px 50px 15px;
}

.page-content > .container-fluid {
	/*overflow-x: scroll;
	overflow-y: visible;*/
	
}

.footercopyright a {
	color:white;
}

.mainwrapper {
	position: relative;
}

.titlelogo {
    margin-left: -4px;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 50px;
}

.control-panel-toggle.open .far {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* for Date Picker */

.flatpickr-calendar.open {
	z-index: 99999999;
}

/* ---------- NAVIGATION ------------------------
------------------------------------------------- */

/* ------------- Header Navigation ------------ */	

.site-header {
    background:#F8FCFE;
}

.scrollpagecontent {
	overflow-x: scroll;
}

.rr3headericon {
	height: 25px;
	margin-right: 10px;
}

.dropdown.dropdown-typical .dropdown-header, .dropdown.dropdown-typical .dropdown-item {
    padding: 7px 14px;
}

#accountsdropdown a:nth-child(even) {
    background: #F3F5F8;
}

#accountsdropdown .dropdown-item {
    font-size: 13px;
}

.show-hide-sidebar {
    margin: 0 0 0 15px;
}

.dropdown.dropdown-typical a.dropdown-toggle .fa {
    vertical-align: middle;
    margin: 0 1px 0 0;
    color: #adb7be;
    font-size: 17px;
    line-height: 16px;
    position: relative;
    top: -1px;
}

.rr3headericon {
	height:30px; 
	width:30px;
	margin-right:4px
}

.rr3plathdricon {
    height: 20px;
    width: 33px;
    margin-right: 4px;
    margin-top: -5px;
}

.site-header .dropdown.dropdown-typical .lbl {
    font-size: 13px;
    line-height: 16px;
}

.orangeicon {
    color: #F29735 !important;
    font-size: 27px;
    margin-right: 9px;
    vertical-align: middle;
    margin-top: -5px;
}

.moreaccounts {
    color:#129DD5;
}

/* ------------- Accounts List ---------------- */

.allaccounts {
	position: relative;
	overflow: hidden;
	background: white;
	padding: 20px 20px;
	margin-bottom: 50px;
	display: none;
	border: 1px solid gray;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 2px 3px #D6D6D6;
box-shadow: 0 0 2px 3px #D6D6D6;
}

.allaccountslist {
	list-style-type: none;
	overflow: hidden;
}

.allaccountslist li {
    font-size: 12px;
	padding:3px 17px !important;
}

.platformicon 	{
    width: 23px;
    height: 14px;
    margin-top: -3px;
    margin-right: 4px;
    opacity: 0.7;
}

.dropdown.dropdown-typical a.dropdown-toggle .font-icon {
    margin: 0 3px 0 0;
}

.site-header .dropdown a.dropdown-toggle {
	height: inherit;
	line-height: inherit;
}

.MikeBS5 .nav-item {
	white-space: nowrap;
}

nav.MikeBS5 {
	margin-top: -5px;
}

nav.MikeBS5 .nav-link {
	color: #000000;
	font-size: 16px;
}

nav.MikeBS5 .nav-link:hover, nav.MikeBS5 .dropdown-menu .dropdown-item:hover {
	color: #00a8ff;
}

nav.MikeBS5 .nav-link i {
	margin-right: 5px;
	text-align: center;
}

ol, ul {
	padding-left: 0;
}

body.sidebar-hidden .page-content {
	padding-left: 0px;
	padding-right: 0px;
}

body.sidebar-hidden #home.page-content {
	padding-left: inherit;
}

/* ------------- Sidebar Navigation ----------- */

.side-menu-list, .side-menu-list ul {
	padding-left:0;
}

.side-menu-list>li:hover :not(.navdivider), .side-menu-list>li:not(.navdivider) a:hover, .side-menu-list>li:hover :not(.navdivider) a span {
    /*trying to remove the rollover*/
    /*color: black !important;*/
}

.side-menu .jspPane {
    padding-top:80px !important;
}

.side-menu-list .lbl {
    font-size: .9rem;
    font-weight: 400;
    color: black;
}

.side-menu-list>li:hover :not(.navdivider) .lbl {
    /*trying to remove the rollover*/
    /*color: black !important;*/
}

.side-menu-list .fa, .side-menu-list .font-icon, .side-menu-list .glyphicon, .side-menu-list .tag-color {
    font-size: .9rem;
}

.side-menu-list>li.navdivider:hover span, .side-menu-list>li.navdivider:hover .navlogo i  {
    /*color: #ffffff !important;*/
}

.side-menu {
}

.side-menu-ca {
    /*background: #94C7E5;*/
    background: #ffffff;
}

.side-menu-ax {
    background: #ffffff;
}

.side-menu-ea {
    background: #fde6c7;
}

.side-menu-ed {
    /*background:#EFF5EC;*/
    background: #ffffff;
}

nav.side-menu {
    position:absolute !important;
    /* padding-bottom:200px !important; */
}

.side-menu-list>li {
    line-height: 16px;
    border-bottom: 1px solid #E7F0F4;
}

.navdivider {
	background: #545454;
    padding: 10px 20px 10px 10px;
    color: white;
    font-weight: 600 !important;
    font-size: 16px;
}

.side-menu-list li.navdivider span:hover {
    background-color: transparent;
}

.side-menu-list li.navdivider span {
    padding: 4px 10px 4px 26px;
}

.side-menu-list a, .side-menu-list li>span {
    padding: 11px 10px 11px 10px;
/*     padding: 11px 10px 11px 26px; */
}
    
.side-menu-list .fa,.side-menu-list .far, .side-menu-list .fas, .side-menu-list .fal, .side-menu-list .font-icon, .side-menu-list .glyphicon, .side-menu-list .tag-color {
    right: 10px;
    top: 12px;
}

.side-menu-list .fa,.side-menu-list .far,.side-menu-list .fas, .side-menu-list .fal,.side-menu-list .font-icon, .side-menu-list .glyphicon, .side-menu-list .tag-color {
    position: absolute;
    right: 9px;
    left: inherit;
    top: 13px;
    line-height: 16px;
    font-size: 1.0625rem;
	transform: rotate(0deg);
	transition: transform .25s ease-out;
}

.side-menu-list .opened span.fa,.side-menu-list .opened .far, .side-menu-list .opened span.fal, .side-menu-list .opened span.fas {
	transform: rotate(90deg);
	transition: transform .25s ease-out;
}

.side-menu-list li.opened > span:nth-child(1) span:nth-child(1) {
    color: #b9b9b9 !important;
}

.side-menu-list a, .side-menu-list li>span {
    border-left: solid 7px transparent;
}

.navlogo {
    float: left;
    margin-right: 12px;
    width: 40px;
    height: 40px;
}  

.navlogoimg {
	width: 100%;
	height:100%;
	border-radius: 8px;
}

.side-menu-list li.with-sub>span:before {
    content:none !important;
}

.side-menu-list li>span {
    border-left: solid 7px transparent;
}

.side-menu-list a ul li a {
    border-left: solid 14px transparent !important;
}

.side-menu-list li.with-sub li.with-sub li>a, .side-menu-list li.with-sub li.with-sub li>span {
    padding-left: 18px;
    border-left: 14px solid transparent;
}

.side-menu-list>li.aquamarine.opened li.with-sub li>a {
	border-left-color: #21a788;
} 

.side-menu-list>li.blue.opened li.with-sub li>a {
	border-left-color: #00a8ff;
}

.rr3_menu_high .lbl  {
	font-weight: 700;
}

.side-menu-list li.opened {
	background-color: white;
}

/*.side-menu-list a:hover, .side-menu-list li>span:hover {*/
/*	background-color: #5a5c5d;*/
/*}*/

.side-menu-list>li.orange .with-sub>span, .side-menu-list>li.orange.opened a, .side-menu-list>li.orange.opened>span {
    /*border-left-color: #F29735;*/
	border-left-color: black;
}

.side-menu-list>li.orange .fa, .side-menu-list>li.orange .font-icon, .side-menu-list>li.orange .glyphicon {
    color: #F29735;
}

.side-menu-list .axwhite.opened .axwhite {
    background: #f2f2f2;
    color: black;
}
.side-menu-list .axwhite.opened {
    background: #f2f2f2;
    color: black;
}

/* Begin Mike Capstone Styles */
/* 5b8455 */

.side-menu-list .edgreen {
background: #476D41;
color: white;
}
.side-menu-list .edgreen.opened .edgreen {
    background: #5b8455;
    color: white;
}
.side-menu-list .edgreen.opened {
    background: #5b8455;
    color: white;
}

.side-menu-list .edgreen:hover, .side-menu-list .edgreen.opened span:hover .fa-chevron-right {
    color: #476D41;
}
.side-menu-list .edgreen.opened span:hover .lbl {
color: black;
}
.side-menu-list .edgreen.opened:hover .lbl {
    color: white;
}
.side-menu-list .edgreen .lbl {
color: white;
}
.side-menu-list .edgreen.opened .lbl {
    color: white;
}
.side-menu-list .edgreen.opened ul a:hover .lbl {
color: black;
}

/* End Mike Capstone Styles */

.side-menu-list .cablue {
    background: #366999;
    color: white;
}
.side-menu-list .cablue.opened .cablue {
    background: #4176A8;
    color: white;
}
.side-menu-list .cablue.opened {
    background: #4176A8;
    color: white;
}

.side-menu-list .cablue:hover, .side-menu-list .cablue.opened span:hover .fa-chevron-right {
    color: #366999;
}
.side-menu-list .cablue.opened span:hover .lbl {
    color: black;
}
.side-menu-list .cablue.opened:hover .lbl {
    color: white;
}
.side-menu-list .cablue .lbl {
    color: white;
}
.side-menu-list .cablue.opened .lbl {
    color: white;
}
.side-menu-list .cablue.opened ul a:hover .lbl {
    color: black;
}

/* -------------- Main Page Styles ------------ */

.loggedinas {
	position: absolute;
	right: 10px;
	top:6px;
	font-size: 12px;
	color:#3a3c3d;
	font-style: italic;
}

.site-header .user-menu.dropdown .dropdown-toggle img {
    height: 26px;
    width: 26px;
    margin: 3px 3px -1px 0;
}

/* -------------- Home Cards ------------------ */

#home {
	background:#356DA5;
    padding-bottom: 80px;
	margin-top: -15px;
}

#home.page-content {

    background-size: cover;
}

#home .card {
	margin-bottom: 30px;
	border-radius: 8px;
}

#home .card h3 {
	font-weight: 600;
}

#home .card-top-image {
	border-bottom: 1px solid #BCDBE6;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#home .card-body {
	padding: 15px 15px 30px 15px;
	min-height: 250px;
}

#home .card-footer {
	padding:0;
	margin:0;
}

#home .card-footer a {
	padding:15px;
	color:white;
	width:100%;
	display: inline-block;
}

#home .card-footer a:hover {
	color:white;
}

.homecardimage {
    text-align: center;
    padding:20px;
    margin-bottom: 23px;
}

.homecard {
    padding:30px 50px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 10px solid #426DA0;
}

.homecardcc {
    background:#EBEAF1;

}

.homecarded {
    background:#ECF2E9;

}

.homecardsm {
    background:#F2EFE6;

}

.homecardca {
    background:#E7EFF6;

}
.homecardbuttons {
    text-align: center;
}

.homebtns {
    color: white;
    padding: 15px 30px;
    display: inline-table;
    margin-top:10px;
    text-align: center;
}

.homecardcc .homecardimage {
    border-bottom:5px solid #6C5A9E;
    background:#EBEAF1;
}

.homepurplebutton {
     background:#6C5A9E;
 }

.homepurplebutton:hover {
    background:#4D4473;
    color: white;
}

.homecarded .homecardimage {
    border-bottom:5px solid #60B158;
    background:#ECF2E9;
}

.homegreenbutton {
    background:#60B158;
}

.homegreenbutton:hover {
    background:#507744;
    color: white;
}

.homecardsm .homecardimage {
    border-bottom:5px solid #B29242;
    background:#F2EFE6;
}

.homegoldbutton {
    background:#B29242;
}

.homegoldbutton:hover {
    background:#776537;
    color: white;
}

.homecardca .homecardimage {
    border-bottom:5px solid #469BCF;
    background:#E7EFF6;
}

.homebluebutton {
    background:#469BCF;
}

.homebluebutton:hover {
    background:#345976;
    color: white;
}

/* ------------ Apps Page -------------------- */

.apptype {
    text-align:center;
    background: #EDF5EB;
    color:white;
    border-radius: 20px;
    line-height: 16px;
    font-weight: 600;padding:5px 25px 5px 25px;
}

.apptype.caapp {
    background: #DAE9F4;
}

.header-divider {
    margin-bottom:20px;
}

/* ------------- Event Summary Page ---------- */

.eventdata {
	width:100%;
	overflow-x:auto;
	min-height: 400px;
    padding-top: 2px;
}

.section-header {
    margin-bottom: 5px;
    padding-bottom: 6px
}

.header-img {
	max-height: 60px;
	border:2px solid #C5D6DE;
	border-radius: 5px;
}

.section-header .subtitle {
    font-size: 1.5rem;
	font-weight: 600;
	color:#00B846;
}

.eventtitle {
	font-weight: 600;
    padding-bottom: 0px;
	margin-bottom: 10px !important;
    color:#545454;

}

.eventtitle span {
    font-weight:300;
    color:#434343;
}

.eventname {
	margin-bottom: 15px !important;
}

.eventmeta {
    background: #F9FCFE;
    padding: 10px 10px 12px 10px;
    border: 1px solid #C8D6DD;
    border-radius: 3px;
}

.eventmeta_ca {
	background: #e4f0f9;
	padding: 15px;
	border: none;
	border-radius: 3px;
}

.eventmeta_ed {
    background: #EFF5EC;
    padding: 10px 10px 12px 10px;
    border: 1px solid #C8D6DD;
    border-radius: 3px;
}

.eventdate, .eventlocation, .eventnumber, .eventwebsite {
	display: block;
    padding-right: 22px;
    margin-right: 21px;
    font-weight: 400;
    margin-bottom: 5px;

}

.eventdate span, .eventlocation span, .eventnumber span, .eventwebsite span {
	color:black;
}

span.eventhead {
	font-size: 22px;
}

span.eventdetail {
	font-size: 13px;
	display: block;
}

span.eventicon {
	width: 28px !important;
	display: inline-block;
    font-size: 16px;
}

.eventwebsite {
	border-right: none;
	color:black;
}

.eventwebsite a, .eventdate a {
    color:black;
}

.clubtitle {
	font-weight: 600;
	/* 	border-bottom: 1px solid #e3edf2; */
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color:#129DD5;
}

.eatitle {
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color: #F29735;
}
.cctitle {
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color: #F29735;
}
.smtitle {
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color: #F29735;
}
.adtitle {
	font-weight: 600;
	padding-bottom: 10px;
	margin-bottom: 10px !important;
	color: #F29735;
}

/* -------------- Button Styles --------------- */

.bluebutton {
    background-color: #94C7E5;
    border-color: #129DD5;

    /*background-color: #129DD5;*/
    /*border-color: #129DD5;*/
}

.bluetxt {
	/*color:#129DD5;*/
    color:#94C7E5;

}

.greentxt {
	color:#2EB751;
}

.purpletxt {
	color:#7255A1;
}

.goldtxt {
	color:#B79239;
}

.bluebutton:hover {
	background: #0D678D;
}

.btn.btn-primary.greenbutton, .greenbutton {
    background-color: #2EB751;
    border-color: #2EB751;
}

.greenbutton:hover {
	background:#20843a;
}

.btn.btn-primary.goldbutton, .goldbutton {
    background-color: #B79239;
    border-color: #B79239;
}

.goldbutton:hover {
	background: #846928;
}

.btn.btn-primary.purplebutton, .purplebutton {
    background-color: #7255A1;
    border-color: #7255A1;
}

.purplebutton:hover {
	background: #4c396b;
}

a.btn:hover {
    /*color: #0056b3 !important; */
     color: #dddddd !important;
    /* text-decoration: underline; */ /* optional: emphasize it's a link */
}

.rr3_menu_high {
	background-color: #ecf2f5;
}

/* ----------- Media Queries ------------- */

@media (min-width:1200px) {
    #home .card-img-top {
        max-width: 370px;
    }

	
}

@media (max-width: 767px) {
	.site-header .site-logo img {
	    width: 46px;
	    top:0;
	}
}

@media (max-width: 1056px) {
	.site-header .site-header-content {
		margin-left: -200px;
	}
	.dropdown.dropdown-typical a.dropdown-toggle .fa {
		width: 18px;
	}
	
	.platformicon {
		width: 14px;
		height: 9px;
	}
	
	.site-header .dropdown.dropdown-typical a.dropdown-toggle .font-icon {
		margin-right: 3px;
	}
}

@media (max-width: 1530px) and (min-width: 1055px) {
	.site-header .dropdown.dropdown-typical a.dropdown-toggle .lbl {
    	display:inherit;
	}
}

.daterangepicker.dropdown-menu {
     max-width: none;
     z-index: 999999;
 }
.bootstrap-table .table a, .fixed-table-body .table a, .table a {
    position: relative;
    top: -1px;
}

/* Sleek Gold */
 .sleek-gold {
     background-color: #c4a747;
     color: #FFF;
     border-color: #C9A227;
 }
.sleek-gold:hover {
    background-color: #B89222;
    color: #FFF;
}

/* Royal Blue (Contrast Color) */
.royal-blue {
    background-color: #4169E1;
    color: #FFF;
    border-color: #3155C7;
}
.royal-blue:hover {
    background-color: #3155C7;
    color: #FFF;
}



     /* VPAT STUFF */

 a:focus-visible,
 button:focus-visible,
 input:focus-visible,
 select:focus-visible,
 textarea:focus-visible {
     outline: 3px solid #2563eb;
     outline-offset: 2px;
 }

/*
    a:focus,
    button:focus,
    input:focus,
    select:focus,
    textarea:focus {
        outline: 3px solid #2563eb;
        outline-offset: 2px;
    }
*/

/* 10Sept2025 MJC - Adding styles for new Sticky Header */

/* Your existing fixed styles… */
#header.issticky {
    position: fixed;
    top: 0; left: 0; right: 0;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 4px 18px rgba(0,0,0,.12);

    /* Slide/fade in when the class is added */
    animation: sticky-slide-in 180ms ease-out both;
}

/* Subtle slide + fade */
@keyframes sticky-slide-in {
    from {
        transform: translateY(-10px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}