body, td {
    font-family : 'arimo' !important;
}

#page_outer {
    padding-top : 50px !important;
}

/* Duplicated from Style.css so we don't lose it with an update */
h2.highlighted {
    color               : #383838 !important;
    font-weight         : bold;
    text-transform      : uppercase;
    padding             : 10px 0 !important;
    margin-bottom       : 23px;
    font-size           : 27px;
    content             : "";
    display             : block;
    height              : 70px;
    background-image    : url(/images/Street3bg.png) !important;
    background-repeat   : repeat-x !important;
    background-position : bottom !important;
    background-color    : transparent !important;
}

h4.SelEvent {
    background-color : #FAE9B7 !important;
}

a.nav-link.active {
    color : #ED1B24 !important;
}

a.dropdown-toggle {
    margin-left : 7px;
}

@media (min-width : 745px) and (max-width : 1104px) {
    a.dropdown-toggle {
        margin-left : 0;
    }
}

@media (min-width : 768px) {
    .col-md-2 {
        max-width : 13.666667% !important;
    }
}

@media (min-width : 1231px) {
    .d-flg-none {
        display : block !important;
    }
}

@media (max-width : 1230px) {
    .d-flg-none {
        display : none !important;
    }
}

@media (min-width : 1200px) {
    .container {
        max-width : 1250px !important;
    }
}

ul li ul li .dropdown-toggle::after {
    margin-top : 13px;
    float      : right;
}

.footcol {
    /* max-width: 174px !important;*/
    min-width   : 170px !important;
    white-space : nowrap;
}

.TableTitle {
    border-bottom : 1px solid #9F0B03;
    font-size     : 16px;
    font-weight   : bold;
    margin-bottom : 10px;
}

.club-part ul li::before {
    content   : "\2022";
    color     : #E0E0E0;
    position  : absolute;
    left      : 10px;
    font-size : 50px;
}

.Hidden {
    display : none;
}

.Hidden.Not {
    display : contents;
}

.ErrorText {
    font-weight : bold;
    color       : #9F0B03;
}

.club-part ul li {
    font-size     : 17px;
    line-height   : 27px;
    margin-bottom : 12px;
    font-family   : 'Arimo';
    padding-left  : 25px;
}

.club-part ul {
    list-style   : none;
    position     : relative;
    padding-left : 15px;
}

/* .GpTwo{ margin: 0 -10px;} */
.club-part, .member {
    padding       : 30px 35px 40px !important;
    margin-bottom : 10px;
}

.GpTwo {
    margin-left  : 0;
    margin-right : 0;
}

.TwoCol.club-part {
    margin : 0 10px;
}

.Blank {
    display : none;
}

.Roadway {
    margin-top : -48px;
    width      : 100%;
    overflow   : hidden;
    z-index    : 99;
}

.DrivePorsche {
    position           : relative;
    -webkit-animation  : floatPorsche 2s infinite normal ease-out;
    animation          : floatPorsche 2s infinite normal ease-out;
    animation-duration : 10s;
    margin-top         : 0px;
    z-index            : 10;
    margin-bottom      : 20px;
}

img.HomeLinkPic {
    border-radius : 8px;
    height        : 100%;
    width         : 100%;
    object-fit    : cover; /*magic*/
}

.HomeLink {
    height : 260px;
}

.HomeLinkDiv {
    height        : 140px;
    border-radius : 8px;
}

@-webkit-keyframes floatPorsche {
    0% {
        left : 0;
        top  : 0;
    }
    50% {
        top : 7px;
    }
    100% {
        top  : 7px;
        left : 120%;
    }
}

@keyframes floatPorsche {
    0% {
        left : 0;
        top  : 0;
    }
    50% {
        top : 7px;
    }
    100% {
        top  : 7px;
        left : 120%;
    }
}

.EditImg, .SaveImg {
    z-index : 2;
    cursor  : pointer;
}

.EditButtons {
    float         : right;
    display       : inline-block;
    position      : relative;
    top           : 15px;
    padding-right : 15px;
}

.SectionTitle {
    font-size      : 18px;
    font-weight    : bold;
    padding-bottom : 5px;
}

.LstTitle {
    font-size      : 14px;
    font-weight    : bold;
    padding-bottom : 3px;
}

/* ------------------------- New Stuff ------------------------- */
textarea {
    padding : 5px;
}

img#CTAuth {
    margin-top    : -5px;
    padding-right : 5px;
}

img#Out {
    padding-bottom : 4px;
}

.tblContents {
    background-color : #E6FAFF;
    border           : 1px solid #888888;
    border-radius    : 6px;
}

#divtblUsers {
    margin-top : 15px;
}

#tblModels tbody tr.even, #tblUsers tbody tr.even, #tblPages tbody tr.even {
    background-color : #E6E6E6;
}

.TblEdit tr:nth-child(odd), .TblPgEdit tr:nth-child(odd), .TblContents tr:nth-child(odd), #tblModels tbody tr.odd {
    background-color : #FFFFFF;
}

.TblEdit td, .TblPgEdit td, .TblModEdit td {
    padding : 4px 10px;
}

.TblEdit tr td:first-child {
    font-weight : bold;
}

.TblEdit tr td:first-child:not(.TblEdit tr.NoTitle td) {
    font-weight : bold;
    text-align  : right;
}

.TblEdit tr td:first-child:not(.TblEdit tr:first-child td):not(.TblEdit tr.NoTitle td):after {
    content : ": ";
}

.TblEdit tr td:not(first-child) {
    text-align : left;
}

.TblEdit input[type="checkbox"], .TblPgEdit input[type="checkbox"], .TblModEdit input[type="checkbox"] {
    position : relative;
    top      : 2px;
}

input[type=text], input[type=password], input[type=search] {
    padding     : 0 5px;
    font-size   : 14px;
    font-family : 'Arimo';
}

input[type=submit], input[type=button], select, button, .UploadBtn, button {
    color            : #000000 !important;
    cursor           : pointer;
    padding          : 3px 15px;
    border-radius    : 4px;
    font-size        : 14px !important;
    background-image : linear-gradient(rgb(255, 230, 153), rgb(230, 172, 0));
}

input.NumText {
    text-align : right;
    height     : 22px;
}

input.Required {
    border : 2px solid #9F0B03;
}

input.Required.Complete {
    border : 1px solid #0A7C02;
}

#divBulkUpload {
    line-height   : 100px;
    font-size     : 24px;
    color         : #5E5E5E;
    height        : 100px;
    width         : 200px;
    border        : 3px dashed #5E5E5E;
    margin        : auto;
    margin-bottom : 10px;
}

.SmallPrint {
    font-size   : 11px;
    font-style  : italic;
    font-weight : normal !important;
}

.Important {
    font-size   : 12px;
    color       : #ED1B24;
    font-weight : bold !important;
}

#tblAddEvent input[type=text], input[type=password] {
    border-radius : 4px;
    height        : 26px;
    font-size     : 14px !important;
    border-width  : 1px;
}

tr.Highlight {
    border : 2px solid #9F0B03;
}

.body-text, .text {
    font-size   : 14px;
    font-family : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.BtnGold, .BtnGoldSmall {
    display        : inline-block;
    background     : #DEA90F;
    color          : #FFFFFF !important;
    text-transform : uppercase;
    border-radius  : 13px;
    font-family    : 'Arimo';
    font-weight    : 700;
    font-size      : 17px;
    margin-bottom  : 2px;
    margin-right   : 20px;
    height         : 57px;
    line-height    : 57px;
    padding        : 0 19px;
}

a.BtnGold {
    cursor : pointer;
}

.BtnGoldSmall {
    height        : 33px;
    line-height   : 33px;
    border-radius : 6px;
    font-size     : 15px;
    padding       : 0 15px;
}

.BtnGold:hover {
    color           : #ED1B24 !important;
    text-decoration : none !important;
    background      : #231F20;
}

.More {
    display : contents;
}

.MoreBtn, .LessBtn {
    width          : fit-content;
    padding        : 6px 3px 0 0;
    display        : flex;
    font-size      : 14px;
    font-weight    : bold;
    color          : #E6AC00 !important;
    border-bottom  : 2px solid #E6AC00;
    text-transform : uppercase;
    cursor         : pointer;
}

.EditBtn img {
    margin-top : -5px;
    cursor     : pointer;
}

#EditTools {
    display          : flow-root;
    /* background    : #f6f6ee; */
    border           : 1px solid #E6B000;
    border-radius    : 6px;
    padding          : 5px;
    background-image : linear-gradient(rgb(255, 249, 230), rgb(255, 210, 77));
}

#EdtImg, #EdtBtns {
    display      : table;
    width        : 100%;
    table-layout : fixed; /* For cells of equal size */
}

#EdtImg span, #EdtBtns span {
    display    : table-cell;
    text-align : center;
}

.tool {
    padding-right : 12px;
    cursor        : pointer;
}

.tools img {
    width : 20px;
}

.UploadBtn {
    margin-top       : 10px;
    cursor           : pointer;
    border           : 1px solid #5E5E5E;
    border-radius    : 6px;
    background-color : #F9F9F9;
}

.UploadForm {
    width         : 240px;
    padding       : 10px;
    text-align    : center;
    border        : 1px solid #888888;
    border-radius : 10px;
}

#PgCtrls {
    font-size   : 14px;
    float       : right;
    display     : inline-flex;
    color       : #E6AC00;
    font-weight : bold;
}

#PgInfo {
    margin-right : 20px;
}

.PgBtn {
    padding : 0 5px;
    cursor  : pointer;
}

.PgBtn:hover {
    background-color : #DEA90F;
    color            : #ED1B24;
    border-radius    : 4px;
}

.PgSel {
    font-weight : bold;
    color       : #ED1B24;
}

.Btn {
    cursor : pointer;
}

.FldTitle {
    text-align    : right;
    font-weight   : bold;
    padding-right : 6px;
}

#tblAddEvent td {
    padding : 3px 5px;
}

.DataEntry {
    line-height : 22px;
}

/*
#tblDays {
   border : 1px solid #9F0B03;
}

#tblDays td {
   text-align : center;
}
.EventImg, .EventLnk {
   cursor : pointer;
}
*/
#EvtTools {
    width            : 82px;
    background-color : #FFCCCC;
    border           : 1px solid #E60000;
    border-radius    : 6px;
}

a.EventLink.SelEvent {
    color : #ED1B24;
}

table.DialogTb td {
    padding        : 1px 5px;
    vertical-align : middle;
    line-height    : 24px;
}

.EventItem {
    background-color : #FFFFFF;
    border           : 30px solid #EFEFEF;
    border-radius    : 60px;
}

.EventItem, .EventItem div {
    font-size     : 17px;
    line-height   : 27px;
    margin-bottom : 12px;
    font-family   : 'Arimo';
    font-weight   : 300 !important;
}

.EventItem div b {
    font-weight : 700 !important;
}

/*  Content Editor Styles */
#AddImg {
    position : relative;
    top      : 5px;
}

#EventDocImg {
    max-width  : 32px;
    max-height : 28px;
}

#AddDoc {
    position : relative;
    top      : 1px;
}

#DelEventImg {
    position : relative;
    top      : 3px;
    float    : left;
}

.CalItem {
    width         : 100%;
    height        : 100%;
    z-index       : 99;
    border-radius : 7px;
    padding       : 2px 6px;
}

.CalItem:hover, .CalItem.EHover {
    color            : #FFFFFF;
    background-color : #5E5E5E;
    display          : block;
}

.StartEvent .CalItem {
    border-top-right-radius    : 0;
    border-bottom-right-radius : 0;
    border-right               : none;
}

.MidEvent .CalItem {
    border-right  : none;
    border-left   : none;
    border-radius : 0;
}

.EndEvent .CalItem {
    border-left               : none;
    border-top-left-radius    : 0;
    border-bottom-left-radius : 0;
}

.ECancelled {
    position    : absolute;
    left        : 35px;
    top         : 17px;
    display     : inline-block;
    color       : #B40404;
    font-family : Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    font-size   : 30px;
    font-weight : bold;
    transform   : rotate(345deg);
    z-index     : 999;
    opacity     : 0.5;
}

.ECancelMid {
    display     : inline-block;
    font-weight : bold;
    color       : #B40404;
    font-family : Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
}

.ECancelSm {
    position    : absolute;
    /*left        : -11px;
    top         : -17px;*/
    margin-top  : 5px;
    margin-left : 10px;
    display     : inline-block;
    color       : #B40404;
    font-family : Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace;
    font-size   : 16px;
    font-weight : bold;
    transform   : rotate(340deg);
    z-index     : 999;
    opacity     : 0.6;
}

.CalItemDiv {
    display : flex;
    padding : 0;
}

.CalItemDiv.Type1 { /* Cars & Coffee */
    background-color : #FFEEE6;
}

.CalItemDiv.Type2 { /* Driving Tours */
    background-color : #FF9999;
}

.CalItemDiv.Type3 { /* Social */
    background-color : #B3FFB3;
}

.CalItemDiv.Type4 { /* Technical */
    background-color : #C6C6EC;
}

.CalItemDiv.Type5 { /* Meetings */
    background-color : #E6ECFF;
}

.CalItemDiv.Type6 { /* Rally */
    background-color : #FFB3FF;
}

.CalItemDiv.Type7 { /* Autocross */
    background-color : #FFB380;
}

.CalItemDiv.Type8 { /* Drivers Education */
    background-color : #B3CCCC;
}

.CalItemDiv.StartEvent {
    border-top-right-radius    : 0;
    border-bottom-right-radius : 0;
    border-right               : none;
}

.CalItemDiv.MidEvent {
    border-right  : none;
    border-left   : none;
    border-radius : 0;
}

.CalItemDiv.EndEvent {
    border-left               : none;
    border-top-left-radius    : 0;
    border-bottom-left-radius : 0;
}

a.AddLink {
    position  : relative;
    top       : -7px;
    font-size : 14px;
}

/* Articles ****************************************/
.ArtSearch, .CalSearch {
    margin-left : 20px;
}

.ArtSearch input, .CalSearch input {
    position      : relative;
    top           : -5px;
    font-size     : 16px;
    height        : 30px;
    border        : 1px solid #C2C2D6;
    border-radius : 6px;
}

.ArtSearch button, .CalSearch button {
    position    : relative;
    top         : -6px;
    height      : 30px;
    line-height : 20px;
    border      : 1px solid #C2C2D6;
}

.ArtSearch button:hover, .CalSearch button:hover {
    background-image : linear-gradient(rgb(255, 230, 153), rgb(255, 210, 77));
}

.ArtSearch button:disabled, .CalSearch button:disabled {
    cursor           : unset;
    /* background-image: linear-gradient(rgb(255, 230, 153), rgb(230, 172, 0)); */
    background-image : linear-gradient(rgb(224, 224, 235), rgb(194, 194, 214));
}

#SearchMatch {
    position    : relative;
    top         : -6px;
    margin-left : 10px;
    font-size   : 16px;
}

/*************** End of Search Styles  ***********************************/
.ArticleImg {
    padding : 0 10px 10px 0;
}

#BoldTxt {
    position : relative;
    top      : 1px;
}

img.ImgRotate90 {
    transform : rotate(90deg);
}

img.ImgRotate180 {
    transform : rotate(180deg);
}

img.ImgRotate270 {
    transform : rotate(-90deg);
}

img.ImgLeft {
    float         : left;
    padding-right : 7px;
    /* padding-top   : 20px;*/
}

img.ImgRight {
    float        : right;
    padding-left : 20px;
    padding-top  : 20px;
}

img.ImgCenter {
    display : block;
    margin  : auto;
}

a.ExtLink, a.DocLink, a.ListLink {
    color  : #9F0B03;
    cursor : pointer;
}

/*  End of Content Editor Styles */
/********************  Datatables *********************/
table.dataTable tbody th, table.dataTable tbody td {
    padding : 2px 2px;
}

table.dataTable thead th, table.dataTable thead td {
    padding     : 10px 10px;
    font-weight : bold;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    font-family : 'Arimo';
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    font-family : 'Arimo';
}

/****************=**  End Datatables *******************/
#UList {
    margin-top : 5px;
    width      : 415px;
    float      : left;
    min-height : 330px;
}

.ProfilePic {
    border        : 2px solid #ED1B24;
    border-radius : 10px;
}

#UEdit {
    width         : 440px;
    padding       : 10px;
    border        : 2px solid #888888;
    border-radius : 10px;
    float         : left;
    margin-top    : 15px;
    margin-left   : 20px;
    min-height    : 300px;
}

#PgEdit {
    padding       : 10px;
    border        : 2px solid #888888;
    border-radius : 10px;
    float         : left;
    margin-top    : 15px;
    margin-left   : 20px;
    min-height    : 300px;
}

.draggable {
    cursor : pointer;
}

#CarEdit, #divCarList, #PgList {
    padding       : 10px;
    border        : 2px solid #888888;
    border-radius : 10px;
    float         : left;
    margin-top    : 15px;
    margin-left   : 20px;
    min-height    : 300px;
}

table.tblContents th {
    color            : #FFFFFF;
    background-color : #33ADFF;
    text-align       : center;
}

.th {
    color       : #33ADFF;
    font-weight : bold;
    font-size   : 18px;
}

#divWebAdmin {
    background    : #F9F9F9;
    padding       : 15px 15px 15px 30px;
    border-radius : 20px;
    min-height    : 615px;
}

.HBtn {
    margin-left : 20px;
    position    : relative;
    top         : -6px;
    cursor      : pointer;
}

.HBtnSm {
    top         : -2px;
    margin-left : 6px;
}

.Para {
    margin-top  : 0;
    /* margin-bottom : 20px;*/
    font-size   : 17px;
    line-height : 27px;
}

/************ Drop down Menu  ************/
.dropdown-menu {
    min-width        : 10rem;
    white-space      : nowrap;
    margin-top       : -10px;
    border-radius    : 10px;
    background-color : #F6F6F6;
}

.dropdown-menu > li:hover, .submenu > li:hover {
    background-color : #BFBFBF !important;
}

ul.dropdown-menu li.nav-item, .dropdown-menu.li {
    padding     : 0 15px;
    line-height : 36px;
}

ul.dropdown-menu, li.nav-item:hover ul.dropdown-menu {
    border-radius : 10px;
}

ul.dropdown-menu li.nav-item a {
    line-height : 20px;
}

@media (min-width : 767px) {
    .nav-item .submenu {
        left : 94% !important;
    }
}

@media (max-width : 767px) {
    li.nav-item a {
        margin-left : -5px;
    }
    
    #main-menu .dropdown-menu.show {
        margin-left : 10px;
    }
}

.submenu {
    margin-top       : -2px !important;
    border-radius    : 10px !important;
    background-color : #F6F6F6 !important;
}

/************ End Drop down Menu  ************/

.CanEdit {
    cursor : pointer;
}

[contenteditable="true"] {
    padding          : 10px 15px 10px;
    /* background-color : rgba(255, 0, 0, 0.03); */
    background-color : rgba(153, 0, 204, 0.03);
    border-radius    : 6px;
}

.BoardPicCol {
    text-align : center;
}

.SponsorPicCol {
    text-align : center;
}

.SupMainPic {
    /* border              : 3px solid #FFFFFF; */
    border-radius       : 12px;
    max-width           : 600px;
    height              : 200px;
    background-repeat   : no-repeat;
    background-position : center center;
}

.SupMain {
    background-size  : 100%;
    width            : 90%;
    max-width        : 600px;
    margin           : 0 auto;
}


.Supporter {
    position       : relative;
    display        : block;
    width          : 100%;
    padding-bottom : 20px;
    margin-bottom  : 20px;
    border-bottom  : 3px solid #B3B3B3;
}

.SupCont {
    padding-left : 20px;
}

.SupName {
    font-size     : 28px;
    margin-bottom : 10px;
    text-align    : center;
}

.SupDetail {
    font-size   : 16px;
    font-family : 'arimo' !important;
    min-height  : 100px;
    text-align  : center;
}

.SupDetail .ExtLink {
    font-size   : 20px;
    font-weight : bold;
}

.SupTools {
    display     : table-cell;
    position    : absolute;
    top         : 11px;
    left        : 27px;
    z-index     : 999;
    width       : 20px;
    margin-left : -20px;
}

.UserPic {
    border        : 3px solid #ED1B24;
    border-radius : 12px;
    width         : 190px;
}

.CarPic {
    border        : 3px solid #ED1B24;
    border-radius : 12px;
    width         : 378px;
}

.CarPic {
    cursor : pointer;
}

.CarRow {
    display      : flex;
    margin-left  : -35px;
    margin-right : -30px;
}

.CarColumn {
    width : 50%;
}

.MemListItem {
    display     : inline-block;
    white-space : nowrap;
    padding     : 0;
    width       : 100%;
}

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

.MemName {
    display     : inline-block;
    white-space : nowrap;
}

.MemberCar {
    display       : flex;
    padding       : 17px 0px;
    background    : #FFFFFF;
    border        : 1px solid #E6E6E6;
    border-radius : 12px;
    margin-bottom : 10px;
    margin-left   : 10px;
    float         : left;
}

.MemCarDets {
    margin-top : -8px;
    text-align : left;
    padding    : 0;
}

.collapse.show, .active-acc {
    background-color : #FFFFFF !important;
}

.ModelMember {
    color : #ED1B24;
}

.CreditLink {
    font-weight : bold;
}

#SelMCarProf {
    margin-top  : 10px;
    text-align  : center;
    font-weight : bold;
}

.ui-dialog .ui-dialog-titlebar-close {
    line-height : 15px;
}

.ui-dialog .ui-dialog-titlebar-close:after {
    content : "x";
}

img.MiniPic {
    width         : 40px;
    border        : 1px solid #ED1B24;
    border-radius : 5px;
    float         : left;
    margin-right  : 6px;
    margin-bottom : 5px;
    cursor        : pointer;
}

.MiniTag {
    color     : #0F3665;
    font-size : 12px;
}

.MCModelName {
    position : relative;
    top      : -4px;
}

.MemCarProf {
    line-height : 18px;
    font-size   : 14px;
}

.ECharts {
    float         : left;
    padding       : 20px 30px 50px 30px;
    display       : inline-block;
    overflow      : hidden;
    border        : 2px solid #ED1B24;
    background    : #FFFFFF;
    border-radius : 12px;
}

#ModDistWriteup {
    font-size   : 14px;
    float       : left;
    padding     : 50px;
    text-align  : center;
    width       : 300px;
    font-weight : bold;
}

#ModelDistPie {
    float         : left;
    padding       : 30px 30px 50px 30px;
    display       : inline-block;
    overflow      : hidden;
    border        : 2px solid #ED1B24;
    background    : #FFFFFF;
    border-radius : 12px;
}

/*************  Article Styles *************/
.Article {
    padding       : 20px 20px 30px 20px;
    display       : inline-block;
    overflow      : hidden;
    background    : #FFFFFF;
    border-radius : 12px;
    font-size     : 16px;
}

.ArtMain {
    display       : inline-block;
    width         : 100%;
    padding       : 5px;
    margin-bottom : 20px;
    /*   background    : #FFFFFF;
       border        : 1px solid #D9D9D9;*/
    border-radius : 12px;
}

.ArtPicCont {
    float           : left;
    width           : 40%;
    height          : 200px;
    margin          : 0 20px 5px 0;
    
    display         : flex;
    justify-content : center;
    align-items     : center;
    overflow        : hidden;
    border          : 2px solid #ED1B24;
    border-radius   : 12px;
}

.ArtMainPic {
    /* width         : 50%;*/
    flex-shrink : 0;
    min-width   : 100%;
    min-height  : 100%;
    resize      : horizontal;
}

.ArtTitle {
    font-size   : 22px;
    font-weight : bold;
    padding     : 0 0 0 0;
}

.ArtDetail {
    font-size : 16px;
}

.ArtContent {
}

.ArtAttrib {
    font-size     : 14px;
    color         : #ED1B24;
    line-height   : 16px;
    margin-bottom : 15px;
}

.AddArtBtn {
    position : relative !important;
    top      : -5px !important;
}

/*************  Event Type Styles *************/
.EvtTpMain {
    display       : inline-block;
    width         : 100%;
    padding       : 5px;
    margin-bottom : 20px;
    border-radius : 12px;
}

.BdrPic {
    border        : 2px solid #ED1B24;
    border-radius : 12px;
}

.RoundPic {
    border-radius : 12px;
}

#GalUpList {
    width  : 400px;
    margin : auto;
}

#GalUpList td {
    padding : 2px 10px;
}

.UplPic {
    border        : 2px solid #ED1B24;
    border-radius : 12px;
    width         : 80px;
    float         : left;
}

#DropArea {
    margin : 0 10px 10px 0 ;
    float       : left;
    border      : 3px dashed #5E5E5E;
    /* width       : 200px; */
    width: 99%;
    height: 55px;
    text-align: center;
    line-height: 40px;
    border-radius: 10px;
}

#GalUpSubmit {
    background-color : #DEA90F;
}

.fileinput-button input {
    position  : absolute;
    /* top       : 0; */
    /* right     : 0;*/
    left      : 0;
    margin    : 0;
    /* height    : 100%; */
    opacity   : 0;
    filter    : alpha(opacity=0);
    /* font-size : 200px !important; */
    direction : ltr;
    cursor    : pointer;
    width     : 200px;
    float     : left;
}

.EvtTpMainPic {
    float         : left;
    width         : 40%;
    border        : 2px solid #ED1B24;
    border-radius : 12px;
    margin        : 0 20px 5px 0;
    min-height    : 100px;
}

.EvtTpName {
    font-size     : 22px;
    font-weight   : bold;
    padding       : 0 20px 0 0;
    margin-top    : -5px;
    margin-bottom : 5px;
}

.EvtTpDetail {
    font-size : 16px;
    padding   : 0 0 0 0;
}

.EvtTpContent {
    float     : left;
    font-size : 16px;
}

#EvtTypeTools {
    display : inline-block;
    float   : right;
}

/*************  Gallery Styles *************/
.Public {
    font-weight : bold;
    color       : #218838;
}

.NotPublic {
    font-weight : bold;
    color       : #ED1B24;
}

#divGalList {
    margin-top  : 6px;
    line-height : 60px;
    font-size   : 24px;
}

#GalListEventId {
    position  : relative;
    top       : -3px;
    height    : 40px;
    padding   : 5px 10px 5px 10px;
    font-size : 18px;
}

#GalListEventId option {
    padding   : 5px 10px;
    font-size : 14px;
}

#AddGal {
    margin-top    : 10px;
    margin-bottom : 10px;
    width         : max-content;
    z-index       : 1;
}

#divGallery {
    display         : flow-root;
    justify-content : space-between;
}

.GalEventName {
    position                   : relative;
    top                        : -25px;
    font-size                  : 14px;
    color                      : #FFFFFF;
    background-color           : #ED1B24;
    width                      : 100%;
    padding                    : 2px 10px;
    border-bottom-left-radius  : 8px;
    border-bottom-right-radius : 8px;
}

.GalRow {
    display   : flex;
    flex-wrap : wrap;
}

.GalMain {
    /* display : inline-block;
    width   : 330px;
    height  : 200px;
    margin: 0 10px 10px 0;
     */
    flex    : 30%;
    padding : 0 10px 10px 0;
    height  : 200px;
}

@media screen and (max-width : 992px) {
    .GalMain {
        flex : 50%;
    }
}

@media screen and (max-width : 600px) {
    .GalRow {
        flex-direction : column;
    }
}

img.GalMainPic {
    border        : 2px solid #ED1B24;
    border-radius : 10px;
    width         : 100%;
    height        : 100%;
    object-fit    : cover; /*magic*/
    margin-top    : -15px;
}

.GalName {
    position    : relative;
    top         : -25px;
    left        : 10px;
    color       : #ED1B24;
    text-shadow : -1px -1px 0 #FFFFFF;
}

.GalTools {
    position   : relative;
    top        : 10px;
    margin-top : -19px;
}

.CarTools {
    position   : relative;
    top        : 25px;
    left       : -85px;
    margin-top : -20px;
}

#SlideShowBtn {
    position : relative;
    top      : 10px;
}

.KWait {
    width         : 100%;
    margin-top    : 5px;
    padding       : 5px;
    border        : 1px solid #5E5E5E;
    border-radius : 8px;
}

/*************** Award Types  **********************/
#AddAwdTp {
    margin-top    : 10px;
    margin-bottom : 10px;
    width         : max-content;
    z-index       : 1;
}

#divAwardType {
    display         : flow-root;
    justify-content : space-between;
}

#divGalPreview {
    /*display : flex;*/
    width  : 100vw;
    height : 50vh;
}

.SlideButtons {
    position    : absolute;
    top         : 5%;
    padding     : 0 30px;
    display     : inline-block;
    width       : 98%;
    height      : 95%;
    font-size   : 100px;
    line-height : 100px;
}

.SlideLeft {
    Position       : relative;
    top            : 40%;
    width          : 40%;
    text-align     : left;
    vertical-align : middle;
    padding-left   : 20px;
    cursor         : pointer;
    text-shadow    : -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
    float          : left;
}

.SlideRight {
    Position       : relative;
    top            : 40%;
    width          : 40%;
    text-align     : right;
    vertical-align : middle;
    padding-right  : 20px;
    cursor         : pointer;
    text-shadow    : -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
    float          : right;
}

.AwardTypeTools:not(#AwdTypeDetail .AwardTypeTools) {
    float : left;
}

#AwdTypeDetail .AwardTypeTools {
    float : right;
}

.AwdTpRow, .AwdRow {
    display   : flex;
    flex-wrap : wrap;
}

.AwdTpMain:not(.DBItem) {
    flex          : 30%;
    padding       : 0 10px 10px 0;
    min-height    : 300px;
    
    
    margin        : 15px;
    border        : 2px solid #ED1B24;
    border-radius : 12px;
    text-align    : center;
}

@media screen and (max-width : 992px) {
    .AwdTpMain {
        flex : 50%;
    }
}

@media screen and (max-width : 600px) {
    .AwdTpRow, .AwdRow {
        flex-direction : column;
    }
}

img.AwdTpMainPic {
    border        : 2px solid #ED1B24;
    border-radius : 10px;
    /* width         : 30%; */
    width         : 300px;
    height        : 60%;
    object-fit    : cover; /*magic*/
    margin        : -23px 10px 5px 0;
    float         : left;
}

.AwdTpName {
    /* margin-top  : -25px;
    left        : 10px;
    font-size   : 18px;
    color       : #000000;
    */
    font-size   : 3em;
    font-weight : bold;
    line-height : 40px;
    color       : #E6AC00;
    text-shadow : 2px 2px 0 #000000;
    position    : relative;
    top         : 40%;
}

.AwdTpTools {
    position : relative;
    top      : 10px;
}

.AddAwardLink {
    position : relative !important;
    top      : -3px !important;
}

.AwdTpDetail {
    display : none;
}

#AwdTypeDetail {
    display       : inline-block;
    margin-bottom : 10px;
}

img.AwdTpTitlePic {
    border        : 2px solid #ED1B24;
    border-radius : 10px;
    width         : 165px;
    height        : 60%;
    object-fit    : cover; /*magic*/
    margin        : 0px 10px 5px 0;
    float         : left;
}

/*  Member Awards */
.AwardTools {
    position : relative;
    top      : 30px;
    float    : left;
}

.AwdTypeName, .AwdTitle, .AwdWinner {
    text-align  : center;
    font-size   : 16px;
    font-weight : bold;
    line-height : 20px;
}

.AwdMain {
    /* display : inline-block; */
    flex       : 30%;
    padding    : 0 10px 10px 0;
    min-height : 300px;
    max-width  : 400px;
    margin     : 15px;
    text-align : center;
}

img.AwdMainPic {
    border        : 2px solid #ED1B24;
    border-radius : 10px;
    width         : 300px;
    height        : 60%;
    object-fit    : cover; /*magic*/
    margin        : 7px 10px 10px 0;
}

/*************** Merchandise  **********************/
.MerchTools {
    position   : absolute;
    z-index    : 3;
    margin-top : 5px;
}

/*
.VIRPrdMain {
   flex : 50%;
}
.VIRPrdRow, .VIRPrdRow {
   flex-direction : column;
}
*/
.VIRPrdRow {
    display   : flex;
    flex-wrap : wrap;
}

@media screen and (max-width : 992px) {
    .VIRPrdMain {
        flex : 50%;
    }
}

@media screen and (max-width : 600px) {
    .VIRPrdRow, .VIRPrdRow {
        flex-direction : column;
    }
}

img.VIRPrdMainPic {
    border        : 2px solid #ED1B24;
    border-radius : 10px;
    /* width         : 30%; */
    width         : 200px;
    /* height        : 60%;*/
    object-fit    : cover; /*magic*/
    margin        : 0 10px 5px 0;
    float         : left;
}

.VIRPrdMain {
    flex    : 45%;
    padding : 0 10px 10px 0;
    margin  : 15px;
    display : flow-root;
}

.VIRPrdName {
    font-size     : 2.2em;
    font-weight   : bold;
    line-height   : 40px;
    color         : #E6AC00;
    text-shadow   : 2px 2px 0 #000000;
    margin-bottom : 10px;
    white-space   : nowrap;
    display       : inline-block;
}

.VIRPrdCont {
    text-align : left;
}

.VIRPrdTools {
    position : relative;
    top      : 10px;
}

.AddVIRPrdLink {
    position : relative !important;
    top      : -3px !important;
}

#VIRPrdDetail {
    display       : inline-block;
    margin-bottom : 10px;
}

/************** Sponsors *******************/
.SpRow {
    display   : flex;
    flex-wrap : wrap;
}

@media screen and (max-width : 992px) {
    .SpMain {
        flex : 50%;
    }
}

@media screen and (max-width : 600px) {
    .SpRow {
        flex-direction : column;
    }
}

img.SpMainPic {
    border        : 2px solid #ED1B24;
    border-radius : 10px;
    width         : 200px;
    object-fit    : cover; /*magic*/
    margin        : 0 10px 5px 0;
    float         : left;
}

.SpMain {
    flex    : 45%;
    padding : 0 10px 10px 0;
    margin  : 15px;
    display : flow-root;
}

.SpName {
    font-size     : 2.2em;
    font-weight   : bold;
    line-height   : 40px;
    color         : #E6AC00;
    text-shadow   : 2px 2px 0 #000000;
    margin-bottom : 10px;
    white-space   : nowrap;
    display       : inline-block;
}

.SpCont {
    text-align : left;
}

.SpTools {
    position : relative;
    top      : 10px;
}

.AddSpLink {
    position : relative !important;
    top      : -3px !important;
}

#SpDetail {
    display       : inline-block;
    margin-bottom : 10px;
}

/************** Member Buy & Sell *******************/
.MemBSTools {
    position    : absolute;
    z-index     : 3;
    margin-top  : 10px;
    margin-left : 5px;
}

.MemBSRow {
    display   : flex;
    flex-wrap : wrap;
}

@media screen and (max-width : 992px) {
    .MemBSMain {
        flex : 50%;
    }
}

@media screen and (max-width : 600px) {
    .MemBSRow {
        flex-direction : column;
    }
}

img.MemBSMainPic {
    border        : 2px solid #ED1B24;
    border-radius : 10px;
    width         : 200px;
    min-height    : 125px;
    object-fit    : cover; /*magic*/
    margin        : 5px 10px 7px 5px;
    float         : left;
}

.MemBSMain {
    flex         : 45%;
    padding      : 0 10px 10px 0;
    margin-right : 15px;
    display      : flow-root;
    /* max-width     : 45%;*/
    /* border        : 1px solid #DEA90F;
    border-radius : 10px; */
}

.MemBSName {
    font-size     : 1.8em;
    font-weight   : bold;
    line-height   : 40px;
    color         : #E6AC00;
    text-shadow   : 2px 2px 0 #000000;
    white-space   : nowrap;
    display       : inline-block;
    margin-bottom : -5px;
    margin-top    : -6px;
}

.BSPrice {
    display : flex;
}

.MemBSCont {
    margin-top : 5px;
}

.MemBSPosted {
    font-size     : 12px;
    font-style    : italic;
    margin-bottom : 5px;
}

.AddMemBSLink {
    position : relative !important;
    top      : -7px !important;
}

#MemBSDetail {
    display       : inline-block;
    margin-bottom : 10px;
}

#BSProPics {
    display : inline-block;
}

.ProdPicList {
    display : table;
}

.ProdWarn {
    color : #ED1B24;
}

.ProdPic {
    border        : 2px solid #ED1B24;
    border-radius : 10px;
    width         : 100px;
    height        : 80px;
    object-fit    : cover; /*magic*/
    margin        : 5px 2px 7px 5px;
    float         : left;
}

.ProdPicList img.ProdPic {
    width  : 60px;
    height : 40px;
    margin : 5px 2px 7px 2px;
    cursor : pointer;
}

#Issuu {
    width  : 300px;
    height : 400px
}

#PEventsCal {
    margin-bottom : 10px;
}

#ShowRec {
    display     : inline-block;
    font-size   : 14px;
    position    : relative;
    top         : -8px;
    margin-left : 20px;
    cursor      : pointer;
    color       : #5E5E5E;
}

#ShowRec img {
    position : relative;
    top      : -2px;
}

.HideRec {
}

#TempDivWEB {
    display    : contents;
    text-align : left;
}

#TempDivWEB ul {
    margin-top : -10px;
}

#TempDivWEB li {
    color       : #9F0B03;
    font-weight : bold;
    margin-left : 40px;
}

/***************** Maps ****************/
.Map25Link {
    margin  : 0;
    padding : 0;
}

.Map25Link img {
    width : 20px;
}

#MapFrame {
    margin  : 20px 0;
    border  : 1px solid #808080;
    display : inline-block;
}

.MapPic {

}

.QRCode {
    float      : right;
    margin-top : 10px;
}

.RdTopAreas {
    margin-top : 2px;
}

#tblAreas {
    border-collapse : separate;
    border-spacing  : 3px;
}

#tblAreas td {
    font-size   : 16px !important;
    font-weight : bold;
    height      : 16px !important;
    padding     : 4px 15px 2px 6px !important;
    line-height : 18px;
}

#tblAreas td:nth-child(1) {
    color            : #000000 !important;
    background-color : #FFFFFF !important;
}

#tblAreas td:nth-child(2) {
    margin : 2px 15px 2px 0;
    border : 1px solid #5E5E5E !important;
    width  : 30px;
    height : 20px;
}

#tbl25Roads tr:first-child td:not(#tblAreas td) {
    border    : none !important;
    font-size : 12px;
    padding   : 0 0 10px 0;
}

#tbl25Roads tr td:first-child:not(#tblAreas td) {
    font-weight : bold;
}

#tbl25Roads tr td:nth-child(2):not(#tblAreas td) {
    text-align : center;
    padding    : 0 4px;
}

#tbl25Roads tr td:nth-child(5):not(#tblAreas td) {
    text-align : right;
}

#tbl25Roads tr:nth-child(2n+2):not(#tblAreas tr) {
    background-color : #E6E6E6;
}

#tbl25Roads tr:nth-child(2) td:not(#tblAreas td) {
    font-size        : 14px !important;
    font-weight      : bold;
    color            : #FFFFFF;
    background-color : #808080;
}

#tbl25Roads td:not(#tblAreas td) {
    border      : 1px solid #5E5E5E;
    font-size   : 12px;
    font-weight : bold;
    padding     : 8px 4px;
    line-height : 16px;
}

.div25RoadTop {
    display : flow-root;
}

.RdTitle {
    display     : inline;
    font-size   : 20px;
    font-weight : bold;
}

.RdTitleXtra {
    display      : inline;
    font-size    : 15px;
    font-weight  : bold;
    margin-top   : 5px;
    padding-left : 20px;
    float        : right;
    font-family  : 'arimo' !important;
}

.Area {
    text-align : center;
}

.Area1 {
    background-color : #F3E5BE !important;
}

.Area2 {
    background-color : #B9FEB4 !important;
}

.Area3 {
    background-color : #B6DAFB !important;
}

#ContactForm {
    display  : inline-block;
    position : relative;
    left     : 15%;
    
}

#tblContact {
    border-collapse : separate;
}

#tblContact input[type=text], #tblContact textarea {
    font-size   : 14px;
    line-height : 18px;
}

#tblContact td:first-child:not(#SaveRow) {
    text-align     : right;
    font-size      : 14px;
    font-weight    : bold;
    padding-right  : 10px;
    vertical-align : top;
}

#SaveRow td {
    text-align : center !important;
}

.AdminMenu {
    padding-left : 15px;
}

.AdminMenu h4.top-categories {
    margin-bottom : 10px;
    padding       : 10px 20px;
}

.btnWaitApp {
    position      : relative;
    top           : -2px;
    padding-right : 2px;
}

a.AdminLink {
    font-size : 1.2rem;
}

.New {
    font-weight : bold;
    color       : #9F0B03;
}

.tblListLinks {
    padding : 2px 4px;
}

.tblListLinks img {
    position : relative;
    top      : -3px;
}

.tblListLinks:hover {
    background-color : #01DF01;
}

.tsTeamName {
    color       : #ED1B24;
    font-size   : 16px;
    font-weight : bold;
    line-height : 32px;
    padding     : 3px 10px;
}

.tsStats {
    padding    : 0px 10px 10px 10px;
    margin-top : -10px;
    color      : #8A8A8A;
}

.tsRoad {
    padding          : 3px 10px;
    font-weight      : bold;
    background-color : #F6F6F6;
    border-radius    : 4px;
}

.tsKM {
    padding : 3px 10px;
    color   : #8A8A8A;
}

.tsCont {
    padding       : 3px 10px;
    margin-bottom : 10px;
}

.tsCont img.RdImg {
    border-radius : 8px;
}

.flexslider {
    max-width  : 100%;
    max-height : 100vh;
    margin-top: -53px !important;
}

.flexslider ul li img {
    max-width  : 100%;
    max-height : 100vh;
    object-fit : contain;
    margin     : auto;
}

.flexslides {
    max-height : 100vh;
}

.liflex {
    object-fit : contain;
}

#tblStats tr:not(thead):nth-child(n+1):nth-child(odd) {
    background-color : #f2f2f2;
}

#tblStats td:nth-child(1) {
    width : 20px;
}

#tblStats td:nth-child(2) {
    width : 260px;
}

#tblStats td:nth-child(3) {
    width : 20px;
}

#tblScores tr:not(thead):nth-child(n+1):nth-child(odd) {
    background-color : #f2f2f2;
}

#tblScores td:nth-child(1) {
    width : 260px;
}

#tblScores td:nth-child(2) {
    width : 20px;
}

#tblScores td:nth-child(3) {
    width : 50px;
}

#tblScores td:nth-child(4) {
    width : 50px;
}
#NewsArchiveData{
   display: block ;
}
.NewsLink{
    white-space: nowrap;
    width: 120px;
    padding: 0 10px 0 0;
}
.NewsLink.Current{
    color: black;
    font-size: 22px;
    font-weight: bold;
}
.DelNewsLink{
    margin-right: -4px;
}
.NewsYear{
    padding: 10px 0 0 0 ;
}
#DocUpload {
    padding: 5px 10px;
    border: 1px solid #888888;
    border-radius: 12px;
    background-color: #F0F0F5;
}
#DocUpCancel {
    background-color: #DEA90F;
    padding: 6px 20px;
    border-radius: 8px;
    color: #FFFFFF;
    float: right;
    vertical-align: top;
}
#DocUpSubmit {
    background-color: #DEA90F;
    position: relative;
    left: 17px;
    top: 15px;
    padding: 6px 20px;
    border-radius: 8px;
    color: #FFFFFF;
}
#UpDocMultFile{
   margin: -4px 0 0 70px; 
   width: 470px;
}
.MultUpload{
    width: 100% !important;

}