/* add logo adjust height */
#home .ui-header.ui-bar-b,
#homeMembers .ui-header.ui-bar-b {
    height: 92px;
    background-image: url(/images/mobile/v3/logoMbLg.png);
    background-size: auto 75%;
    background-repeat: no-repeat;
    right bottom !important;
    background-color: #ffffff !important;
}

/* hide title text if using logo */
#home .ui-header h1,
#homeMembers .ui-header h1 {
    display: none;
}

/* image can be any size but higher pixel count better for retina and tablets */
.adAreaL.mImg,
.adAreaL.gImg {
    height: 100px;
    background: transparent url(/images/mobile/v3/mainImage.jpg)top center no-repeat;
    background-size: cover;
    display: block;
}

/* index image height tablets */
@media all and (min-width:36em) {

    .adAreaL.mImg,
    .adAreaL.gImg {
        height: 250px;
        max-height: 250px;
    }

}

/* body text display:block to show  */
.txtAreaMb {
    display: block;
}

/* Dark */
#memLog .ui-btn-hover-b,
.ui-body-a,
.ui-overlay-a,
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon,
.ui-bar-b {
    background-color: #005222;
}

#memLog,
#home .ui-header.ui-bar-b,
#homeMembers .ui-header.ui-bar-b,
.ui-mobile .ui-header.ui-bar-b,
.ui-btn-active.ui-btn-up-c,
.ui-icon,
.contentSlider,
#newsAreaM,
.ui-panel-content-wrap .ui-content,
#home .ui-header.ui-bar-b,
.ui-body-a,
.ui-overlay-a,
.ui-btn-up-b,
.ui-bar-b,
.ui-btn-hover-b,
.ui-icon-searchfield:after,
.ui-footer,
#popupLogin,
#fixturesList .ui-collapsible-heading .ui-btn .ui-icon,
.ui-page .ui-icon {
    border-color: #005222;
}

#home .ui-header h1,
#home .ui-header h1,
#homeMembers .ui-header h1,
#newsAreaM h2,
#newsAreaG h2,
.ui-btn-active.ui-btn-up-c,
.glNoCl,
.ui-btn-up-b:visited,
.ui-btn-up-b a.ui-link-inherit,
.ui-btn-up-b,
.popupTitle,
h1,
h1.ui-li-heading,
.subtitleMb {
    color: #005222;
}

@media all and (min-width:36em) {
    .ui-header.ui-bar-b .ui-title {
        color: #005222;
    }
}

/* Light */
#memLog,
#memLog .ui-btn-up-b,
.ui-mobile .ui-header.ui-bar-b,
.inBookBtn.ui-btn-up-b,
.ui-bar-b,
.ui-btn-hover-b,
.ui-page .ui-icon,
.ui-page .ui-icon-searchfield:after,
#fixturesList .ui-collapsible-heading .ui-btn .ui-icon,
#myFixturesList .ui-collapsible-heading .ui-btn .ui-icon,
.ui-datepicker td .ui-state-highlight {
    background-color: #005222;
}

/* Only for Sponsors set display:block to show */
.royalSlider {
    height: 120px !important;
    display: block;
}

.contentSlider {
    width: 100% !important;
}

/* display:none to hide news on index page - title and content areas */
#newsAreaM {}

#newsAreaG {
    display: none;
}

#newsCtM {}

/*#newsCtG{display:none;}

/* hide webcams not in use */
#webcam1 {}

#webcam2 {
    display: none;
}

#webcam3 {
    display: none;
}

#webcam4 {
    display: none;
}

.ui-icon,
.ui-icon-searchfield:after {
    border-radius: 50% !important;
}

.top-bar {
    background: #005222;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#005222), to(#000));
    background-image: -webkit-linear-gradient(#005222, #000);
    background-image: -moz-linear-gradient(#005222, #000);
    background-image: -ms-linear-gradient(#005222, #000);
    background-image: -o-linear-gradient(#005222, #000);
    background-image: linear-gradient(#005222, #000);
}

#mainMenu a {
    background: #005222;
    border-bottom: 1px solid #fff;
    border-top: none;
}

.ui-panel {
    background: #005222;
}

.ui-collapsible .ui-btn-text {
    color: #005222;
}

.ui-collapsible .newHdMb {
    color: #000;
}

.top-bar .ui-btn-inner {
    background-color: #fff;
}

.top-bar .ui-btn-text {
    color: #005222;
    text-shadow: none;
}

.txtAreaMb,
.home-btn-wrapper,
.ui-panel-content-wrap,
.ui-collapsible-heading .ui-btn-icon-left .ui-btn-inner,
#homeMembers .home-btn-wrapper,
.ui-btn-up-c {
    background: #fff;
}

.ui-header h1.ui-title,
.txtAreaMb h2 {
    color: #005222 !important;
}

.ui-panel-content-wrap .ui-content {
    border-top: 8px solid #005222 !important;
}

#home .ui-header.ui-bar-b,
#homeMembers .ui-header.ui-bar-b {
    border-bottom: 8px solid #005222 !important;
}

.ui-btn-up-b {
    background: #005222;
}

.ui-btn-up-b .ui-btn-text {
    color: #fff !important;
}

.ui-btn-hover-b .ui-btn-text {
    color: #fff !important;
}

#newsCtM .ui-icon {
    background-color: #005222 !important;
}

@media (min-width: 38em) {

    #mainMenu h1,
    #mainMenu a {
        color: #fff;
    }

    #mainMenu .menuIco.hmIco {
        background-image: url(/icons/mobile/lightIco/homeMnIcWL.png);
    }

    #mainMenu .menuIco.bkIco {
        background-image: url(/icons/mobile/lightIco/bookMnIcWL.png);
    }

    #mainMenu .menuIco.mbIco {
        background-image: url(/icons/mobile/lightIco/mybookMnIcWL.png);
    }

    #mainMenu .menuIco.msIco {
        background-image: url(/icons/mobile/lightIco/mystatsMnIcWL.png);
        background-size: 100%;
    }

    #mainMenu .menuIco.lbIco {
        background-image: url(/icons/mobile/lightIco/leaderboardMnIcWL.png);
    }

    #mainMenu .menuIco.omIco {
        background-image: url(/icons/mobile/lightIco/oomMnIcWL.png);
    }

    #mainMenu .menuIco.drIco {
        background-image: url(/icons/mobile/lightIco/memDirMnIcWL.png);
    }

    #mainMenu .menuIco.dnIco {
        background-image: url(/icons/mobile/lightIco/localMnIcWL.png);
    }

    #mainMenu .menuIco.ctIco {
        background-image: url(/icons/mobile/lightIco/contactMnIcWL.png);
    }

    #mainMenu .menuIco.loIco {
        background-image: url(/icons/mobile/lightIco/logoutMnIcWL.png);
    }

    #mainMenu .menuIco.liIco {
        background-image: url(/icons/mobile/lightIco/loginMnIcWL.png);
    }

    #mainMenu .menuIco.mdIco {
        background-image: url(/icons/mobile/lightIco/mbdetMnIcWL.png);
    }

    #mainMenu .menuIco.nsIco {
        background-image: url(/icons/mobile/lightIco/newsMnIcWL.png);
    }

    #mainMenu .menuIco.fsIco {
        background-image: url(/icons/mobile/lightIco/fullMnIcW.png);
    }

    #mainMenu .menuIco.wcIco {
        background-image: url(/icons/mobile/lightIco/webcamMnIcWL.png);
    }

    #mainMenu .menuIco.mcIco {
        background-image: url(/icons/mobile/lightIco/memCardMnIcWL.png);
    }

    #mainMenu .menuIco.mpIco {
        background-image: url(/icons/mobile/lightIco/myPointsWL.png);
    }

    #mainMenu a:hover,
    #mainMenu a:active,
    #mainMenu a:focus {
        background: initial;
        color: #fff;
    }
}

.ui-body-d img {
    width: 100%;
    height: auto;
}