﻿.btnleft {
    width: 100% !important;
    margin: 10px auto 10px auto !important;
    float: none !important;
}

#VenueDetailPopup {
    max-width: 900px;
    padding: 30px;
    margin: 0 auto;
    left: calc(50% - 450px);
    font-size: 0.85em;
}

@media all and (max-width:1000px) {
    #VenueDetailPopup {
        width: 95%;
        left: 2.5% !important;
    }
}

#sitecontainer, .sitecontainer {
    top: -5px;
}

#pagetext {
    overflow-x: auto;
    overflow-y: visible;
}

#expand {
    height: 10%;
    z-index: 100;
    background-color: white;
    border: solid 1px #20738B;
    color: #006699;
    padding: 6px;
    z-index: 103;
}

.trainingvenues li {
    width: auto;
    margin: 0px;
    padding: 20px 0;
    box-sizing: border-box;
    font-size: 0.85em;
    text-align: left;
    border-bottom:: solid 1px #efefef;
}

    .trainingvenues li h4 {
        padding: 0 0 0px 0;
        font-size: 1.7em !important;
        font-weight: lighter;
    }

    .trainingvenues li a {
        display: inline-block;
        padding: 2px 10px;
        bordeR: solid 1px #ccc;
        margin: 5px 5px 0 0px;
        border: .5px solid #c0e3f1;
        background-color: #edf7fb;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    }

        .trainingvenues li a:hover {
            background-color: #d5edf6;
        }

#my-map {
    height: 300px;
    margin: 10px auto 0 auto;
    width: 100%;
    padding: 0;
    display: block;
    z-index: 20;
}

@media screen and (max-width:600px) {
    #my-map {
        display: none;
    }

    .trainingvenues li {
        width: 100%;
        margin-bottom: 30px;
        border-bottom: dotted 1px #ccc;
        padding-bottom: 15px;
        text-align: left;
    }

        .trainingvenues li:first-child {
            border-top: dotted 1px #ccc;
            padding-top: 30px;
            margin-top: -30px;
        }

        .trainingvenues li:last-child {
            border-bottom: none;
        }
}

.StandOutTitle {
    border-bottom: dotted 1px #efefef;
    margin: 0px 0 20px 1% !important;
    text-align: Left;
    padding: 5px 0;
    width: 98% !important;
}
