/***** FONTS *****/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
/* Main site font - see zz_99-Google-Font-OpenSans.css*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);/*;*/

h1, .h1, .PageTitle, .PanelTitle {
    font-family: Raleway, sans-serif,Verdana !important;
    font-weight: 700;
    color: #cc0033 !important;
}

h2, .h2 {
    font-family: Raleway, sans-serif,Verdana !important;
    font-weight: 600;
    color: #000000 !important;
}

h3, .SectionTitle {
    font-weight: bold !important;
    font-family: inherit !important;
}

h4 {
    font-weight: bold !important;
    font-family: Raleway, sans-serif,Verdana !important;
}

body {
 font-family: Open Sans, sans-serif  !important;
  font-size: 16px !important;
  line-height: 1.6;
  color: #333333;
}


.rowSliderTabs, .container, .header-container, .SliderPage1 {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

#ste_container_TMSHomeSlider {
    width: 66% ;
    margin-top: 10px;
}

#ste_container_eNewsLinks {
    width: 33% ;
    margin-top: 10px;
}

#HomePageContent {
    display: block;
}

/*** HEADER ****/
/* Log In Button Right */
.auth-link-container-sm {
    float: right;
}

/* BACK TO TOP */
.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 25px;
    /*text-decoration: none;
    color: #fff;
    background-color: #057396;
    font-size: 12px;
    padding: 1em;*/
    display: none;
    border-radius: 5px;
}

    .back-to-top:hover {

        opacity:50%;
    }

/****** SIGN IN BUTTON */
.auth-link-container-sm:hover, .sign-in-link:hover {
    background-color: #b7b6b5;
    font-weight: bold;
}


.auth-link-container-sm a {
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: bold;
}

.auth-link-container-sm, .sign-in-link {
    -moz-user-select: none;
    background-color: #203265;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 0;
    padding: 5px 10px;
    text-align: center;
    transition: background 0.2s ease-out 0s;
    vertical-align: middle;
    white-space: normal;
    margin-left: 10px;
}




/***** NAV AUX DOWN 20 
.nav-auxiliary {
    margin-top: 7px !important;
}*/

/***** HEADER LINK COLOR */
.nav-auxiliary a {
    color: #ffffff !important;
    font-size: 15px;
    text-decoration: none;
}

/*  Move lock image a little left*/
.RadMenu .rmSlide .rmVertical .rmLeftImage {
    margin-left: -1px;
}


/* reduce search size */

@media (max-width: 710px) {

    #ctl01_SearchField_SearchTerms {
        width: auto !important;
        margin-top: 10px;
    }
}

/* remove rest of header when this low*/

@media (max-width: 590px) {

    .nav-auxiliary {
        display: none !important
    }
}

.RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
    font-size: 117% !important;
}


@media (min-width: 768px) {


    /* drop down widths at full screen
*/

    /* ABOUT */
    /* About TMS */
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li.rmItem.rmFirst {
        width: 155px;
    }
    /* Society */
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(2) {
        width: 215px;
        white-space: nowrap !important
    }
    /* Society */
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(3) {
        width: 175px
    }
    /* Exhibits */
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(4) {
        width: 220px;
        margin-right: 0;
        white-space: nowrap !important
    }

    /****** MEMBERSHIP ********/
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li.rmItem.rmFirst {
        width: 200px;
    }
    /** MEMBER BEN*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(2) {
        width: 210px
    }
    /** VOL*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(3) {
        width: 225px
    }
    /** STU*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(4) {
        width: 210px
    }

    /***** MEETING *****/
    #ctl01_Primary_NavMenu > ul > li:nth-child(3) > div > ul > li.rmItem.rmFirst {
        width: 250px
    }

        #ctl01_Primary_NavMenu > ul > li:nth-child(3) > div > ul > li.rmItem.rmFirst > div {
            width: 220px
        }

    #ctl01_Primary_NavMenu > ul > li:nth-child(3) > div > ul > li.rmItem.rmLast {
        width: 225px
    }

    /***** PUBS ****/
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li.rmItem.rmFirst {
        width: 275px
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li:nth-child(2) {
        width: 300px
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li:nth-child(3) {
        width: 350px
    }

    /***** PD ******/
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div > ul > li.rmItem.rmFirst {
        width: 340px
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div > ul > li:nth-child(2) {
        width: 300px
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div > ul > li:nth-child(3) {
        width: 285px
    }

    /**** OUTREACH *****/
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li.rmItem.rmFirst {
        width: 275px
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li:nth-child(2) {
        width: 275px;
        white-space: normal !important
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li:nth-child(3) {
        width: 185px
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li.rmItem.rmLast {
        width: 245px
    }

    /**** DIV COMM ****/
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmLast.rmTwoLevels > div > ul > li.rmItem.rmFirst {
        width: 285px
    }

    #ctl01_Primary_NavMenu > ul > li.rmItem.rmLast.rmTwoLevels > div > ul > li.rmItem.rmLast {
        width: 245px
    }
    /* SLIDE BORDERS #ce1126 */
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div, #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div,
    #ctl01_Primary_NavMenu > ul > li:nth-child(3) > div, #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div,
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div, #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div,
    #ctl01_Primary_NavMenu > ul > li:nth-child(7) > div {
        border-left: solid 2px #ccc;
        border-right: solid 2px #ccc;
        border-bottom: solid 2px #ccc
    }

}




.RadMenu.MegaDropDownMenuOuter ul.rmLevel2 > .rmItem {
    white-space: nowrap
}

.RadMenu.MegaDropDownMenuOuter ul.rmLevel2 > .rmItem {
    width: 50%;
    white-space: normal;
    padding-left: 10px;
    align-self: self-start;
}


/*sub nav current menu indent
.sub-nav-body .RadTreeView.RadTreeView > .rtUL > .rtLI .rtLI .rtIn {
    padding-left: 30px !important;
}
*/

/** new for lock area*/
.sub-nav-body .RadTreeView.RadTreeView .rtIn {
    display: inline-block !important; 
}


/* move sub right*/
.RadMenu.RadMenu_London.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, .RadMenu.RadMenu_London.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
    margin-left: 15px;
}

.megaColHeader {
    font-size: 17px !important;
    width: auto !important;
}

.RadMenu.RadMenu_London .rmSlide ul.rmGroup {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.RadMenu.RadMenu_London .rmSlide ul.rmGroup {
    padding-right: 10px;
}

.RadMenu.RadMenu_London .rmTwoLevels .rmItem .rmItem, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 .rmLink {
    padding-left: 0;
    padding-right: 0;
}


@media (min-width: 768px) {

    /*********** THIS ENABLES THE CLICK OF THE MENU TOP NAVS SO MOUSEOVER DOES NOT TRIGGER DROP ***********/
    .RadMenu .rmHorizontal .rmRootLink .rmToggle {
        margin-left: -12px;
        float: none !important;
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
    }

    .RadMenu.RadMenu_London .rmToggle .rmIcon, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle .rmIcon {
        background-image: url("/ken/transparent_pixel.gif") !important;
        width: 0;
        height: 0;
    }

    .RadMenu.RadMenu_London .rmToggle, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle {
        display: inline-block !important;
        float: none !important;
    }

        .RadMenu.RadMenu_London .rmToggle, .RadMenu.RadMenu_London .rmToggle .rmIcon, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle {
            position: absolute !important;
        }
    /*********** THIS ENABLES THE CLICK OF THE MENU TOP NAVS SO MOUSEOVER DOES NOT TRIGGER DROP ***********/

    /* for navbar to stay fixed */
    .navbar-fixed {
        top: 0;
        z-index: 200;
        position: fixed;
        width: 100%;
    }

    .RadMenu .rmLeftImage {
        margin: 0;
    }
}


/*** A NEW VERSION OF ABOVE NEEDS CREATED FOR MOBILE */




/** MAKING MENU ADJUST TO SMALLER SCREENS **/
/* 1150 */
@media (max-width: 1200px) {
    /*undo padding
        .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
            padding-bottom: 1px;
            margin: 0;
            padding-top: 1px;
        }   */


    .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
        font-size: 112% !important;
    }


    /* PD text-align: center !important;*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) {
        word-wrap: normal !important;
        width: 135px;
        white-space: normal !important;
        
    }


    /* DIV COM text-align: center !important;*/
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmLast.rmTwoLevels {
        word-wrap: normal !important;
        width: 135px;
        /*background-color: blue;*/
        white-space: normal !important;
        
    }

    /* PUB - pads top n bottom when others break */

    /* ABT */
    #ctl01_Primary_NavMenu > ul > li:nth-child(1) > a {
        padding: 12px;
    }
    /* MBR */
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > a {
        padding: 12px;
    }
    /* MTG */
    #ctl01_Primary_NavMenu > ul > li:nth-child(3) > a {
        padding: 12px;
    }
    /* PUB */
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > a {
        padding: 12px;
    }
    /* OUT */
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > a {
        padding: 12px;
    }
    /* div 
    #ctl01_Primary_NavMenu > ul > li:nth-child(7) > a {
        width:25px !important;
    }*/
}


/* 1150 */
@media (max-width: 1100px) {
    /* MTG */
    #ctl01_Primary_NavMenu > ul > li:nth-child(3) {
        word-wrap: normal !important;
        width: 110px;
        white-space: normal !important;
        text-align: center !important;
    }
        /* MTG */
        #ctl01_Primary_NavMenu > ul > li:nth-child(3) > a {
            padding: 0;
        }
}


/* 1000 */

@media (max-width: 1010px) {
    /* ABT */
    #ctl01_Primary_NavMenu > ul > li:nth-child(1) > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    /* MBR */
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    /* MTG */
    #ctl01_Primary_NavMenu > ul > li:nth-child(3) > a {
        padding-left: 3px;
        padding-right: 3px;
    }
    /* PUB */
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    /* OUT */
    #ctl01_Primary_NavMenu > ul > li:nth-child(6 ) > a {
        padding-left: 5px;
        padding-right: 5px;
    }
    /* OUT */
    #ctl01_Primary_NavMenu > ul > li:nth-child(7) > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    /* panel stuff*/

    /*putreach*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li.rmItem.rmFirst {
        width: 228px;
        white-space: normal;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li:nth-child(2) {
        width: 209px;
        white-space: normal !important;
    }
    /*pubs*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li:nth-child(3) {
        width: 247px;
        white-space: normal;
    }
    /*pd*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div > ul > li.rmItem.rmFirst {
        width: 250px;
        white-space: normal;
    }


}


/* 950 */

@media (max-width: 960px) {
    /* ABT */
    #ctl01_Primary_NavMenu > ul > li:nth-child(1) > a {
        padding-left: 0;
        padding-right: 0;
    }
    /* MBR */
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > a {
        padding-left: 0;
        padding-right: 0;
    }
    /* MTG */
    #ctl01_Primary_NavMenu > ul > li:nth-child(3) > a {
        padding-left: 0;
        padding-right: 0;
    }
    /* PUB */
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > a {
        padding-left: 0;
        padding-right: 0;
    }
    /* OUT */
    #ctl01_Primary_NavMenu > ul > li:nth-child(6 ) > a {
        padding-left: 0;
        padding-right: 0;
    }
    /* DIV */
    #ctl01_Primary_NavMenu > ul > li:nth-child(7 ) > a {
        padding-left: 0;
        padding-right: 0;
    }
}

/* 880 */

@media (max-width: 900px) {

    .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
        font-size: 100% !important;
    }

    /* MTG 
    #ctl01_Primary_NavMenu > ul > li:nth-child(3) > a {
        padding-top: 3px;
    }
*/
    /* PD 
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > a {
        padding-top: 3px;
    }*/
    /* DIV
    #ctl01_Primary_NavMenu > ul > li:nth-child(7) > a {
        padding-top: 3px;
    } */

    /* panel stuff */

    /*about*/
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(2) {
        width: 190px;
        white-space: normal;
    }
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(3) {
        width: 156px;
        white-space: normal;
    }

    /*mem*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li.rmItem.rmFirst {
        width: 175px;
        white-space: normal;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(2) {
        width: 175px;
        white-space: normal;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(4) {
        width: 200px;
        white-space: normal;
    }
    /*pub*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li.rmItem.rmFirst {
        width: 226px;
        white-space: normal;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li:nth-child(2) {
        width: 285px;
    }
    /*pd*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div > ul > li:nth-child(3) {
        width: 234px;
        white-space: normal;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div > ul > li:nth-child(2) {
        width: 241px;
        white-space: normal;
    }
    /*out*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li.rmItem.rmFirst {
        width: 222px;
        white-space: normal;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li:nth-child(2) {
        width: 161px;
        white-space: normal !important;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li.rmItem.rmLast {
        width: 214px;
        white-space: normal;
    }
}

@media (max-width: 865px) {


    /* MTG 
    #ctl01_Primary_NavMenu > ul > li:nth-child(3) > a {
        padding-top: 5px;
    }*/
    /* PD 
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > a {
        padding-top: 5px;
    }*/
    /* DIV 
    #ctl01_Primary_NavMenu > ul > li:nth-child(7) > a {
        padding-top: 5px;
    }*/
}

@media (max-width: 850px) {

    .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
        font-size: 96% !important;
    }
    /*panel font size*/
    .RadMenu.RadMenu_London .rmVertical .rmItem .rmText {

        font-size: 90% !important;
    }
    /*
    .megaColHeader {
        font-size: 165px !important;
        width: auto !important;
    }*/


    /* DIV COM */
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmLast.rmTwoLevels {
        width: 100px;
    }
}

@media (max-width: 800px) {

    .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
        font-size: 90% !important;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(1) > a {
        width: 70px;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(5)  {
        width: 120px;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) {width:95px;}


    /* panel */
        #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li.rmItem.rmLast {
            width: 169px;
            white-space: normal;
        }
        /*pubs studies*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li:nth-child(3) {
        width: 195px;
        white-space: normal;
    }
    /*mem*/
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(3) {
        width: 195px;
        white-space: normal;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(2) {
        width: 159px;
        white-space: normal;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li.rmItem.rmFirst {
        width: 159px;
        white-space: normal;
    }
}



@media (max-width: 767px) {
    /*
    .RadMenu.MegaDropDownMenuOuter div.rmSlide .rmItem:hover 
{
    font-weight: bold;
    color: orange !important;
}
*/
    .rowPrimNav {
        --bs-gutter-x: 0 !important;
    }


    .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
        font-size: 100% !important;
        text-transform: none !important;
    }

    .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem > .rmLink, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
        text-transform: none !important;

    }

    .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem > .rmLink, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
        border-bottom: solid 1px #ccc !important;
        padding-bottom: 5px !important;
        padding-top:5px !important;
    }



    /* this fixes the mobile menu so it is clickable vs mouse hover height: 100% !important;*/
    .RadMenu.RadMenu_London .rmToggle,  .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle {
        position: absolute !important;
        width: 100% !important;
        
        height:50px;
    }

        .RadMenu.RadMenu_London .rmToggle .rmIcon, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle .rmIcon {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
            display: block;
            width: 23px;
            height: 15px;
            background-image: url("images/responsivenav.png");
            background-repeat: no-repeat;
            background-position: 0 -26px;
            margin: 0 !important;
            position: absolute !important;
            top: 40% !important;
            left: 90% !important;
        }
    .RadMenu.RadMenu_London .rmLink:hover .rmToggle > .rmIcon, .RadMenu.RadMenu_London .rmLink.rmFocused .rmToggle > .rmIcon, .RadMenu.RadMenu_London .rmSelected > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_London .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon, .RadMenu.RadMenu_London .rmExpanded > .rmLink .rmToggle > .rmIcon, .RadMenu.RadMenu_London .rmSlide .rmLink .rmToggle > .rmIcon {
        background-position: 0 -26px;
        margin: 0 !important;
        position: absolute !important;
        /*top: 40% !important;*/
        left: 90% !important;
    }
    /**/
    .RadMenu.RadMenu_London .rmToggle, .RadMenu.RadMenu_London .rmToggle .rmIcon, .RadMenu.RadMenu_London .rmRootGroup .rmRootLink .rmToggle {
        position: absolute !important;
    }

    





    #ctl01_Primary_NavMenu > ul > li:nth-child(1), #ctl01_Primary_NavMenu > ul > li:nth-child(2), #ctl01_Primary_NavMenu > ul > li:nth-child(3), #ctl01_Primary_NavMenu > ul > li:nth-child(4), #ctl01_Primary_NavMenu > ul > li:nth-child(5), #ctl01_Primary_NavMenu > ul > li:nth-child(6), #ctl01_Primary_NavMenu > ul > li:nth-child(7) {
        width: 100% !important;
        /*text-align: center !important;*/
        border-bottom: solid 1px #203265;
    }
        #ctl01_Primary_NavMenu > ul > li:nth-child(3) > a, #ctl01_Primary_NavMenu > ul > li:nth-child(5) > a, #ctl01_Primary_NavMenu > ul > li:nth-child(7) > a {
            padding-top: 12px;
            padding-bottom: 12px;
        }

        #ste_container_TMSHomeSlider {
            width: 100% !important;
            margin-top: 10px;
            float: none !important
        }

    #ste_container_eNewsLinks {
        width: 100% !important;
        margin-top: 10px;
        float: none !important
    }


    /* reset the panel widths to 100% so they stretch*/
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(2),
    #ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(3),
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li.rmItem.rmFirst,
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(2),
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(3),
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li.rmItem.rmFirst,
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li:nth-child(2),
    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > div > ul > li.rmItem.rmLast,
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div > ul > li.rmItem.rmFirst,
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div > ul > li:nth-child(2),
    #ctl01_Primary_NavMenu > ul > li:nth-child(5) > div > ul > li.rmItem.rmLast,
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li.rmItem.rmFirst,
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li:nth-child(2),
    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > div > ul > li.rmItem.rmLast,

    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(4) {
        width: 100% !important;
    }
    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > div > ul > li:nth-child(4) {
        width: 100% !important;
    }
}





/* ADD BORDER TO MENU BTNS */
.rmRootLink {
    border-right: solid 1px #000000;
}
/* DIV COM REMOVE BLACK BORDER */
#ctl01_Primary_NavMenu > ul > li.rmItem.rmLast.rmTwoLevels > a {
    border: 0;
}



/* END MENU */
/***** TMS HOME BACKDROP *****/
@media (min-width: 768px) {
    .homeBackDrop {
        background-image: url(https://www.tms.org/ken/images/HomePage/bkg1.jpg);
        /*background-image: url(https://www.tms.org/images/portal/HomePage/Slider-background-Graphic_2-400a.jpg);*/
        background-repeat: repeat-x;
    }

    .RadMenu_London .rmSlide .rmExpandRight, .RadMenu_London .rmSlide .rmGroup a.rmLink.rmExpandRight {
        background-image: none !important;
        background-position: 110% -200px;
        background-repeat: no-repeat;
    }
    /** THIS WILL CHANGE ALL MENU slides to be horizontal **/
    .rmSlide > .rmGroup {
        display: flex !important;
    }


    .RadMenu.RadMenu_London, .RadMenu.RadMenu_London .rmItem {
        font-size: 90% !important;
    }

    .navbar-collapse, .searchbar-collapse {
        background-color: #ce1126 !important;
    }

    #masterHeaderBackground, .header {
        /* removing temp to see if search works - border-bottom: 1px solid #000 !important; */
    }

    /** black border on bottom of menu */
    .header-bottom-container {
        /* background-color: #203265 !important; */
        background-color: #ce1126 !important;
    }

    /** this will make the menu float to the left and bring the menu under the header bottom where it lives **/
    .nav-primary {
        float: none !important;
    }


    /** REMOVE THE 10px nav primary PADDING ON TOP **/

    .nav-primary {
        margin-top: 0 !important;
    }

    /** REMOVE THE TOGGLE GRAPHIC **/

    .RadMenu_London .rmSlide .rmExpandRight, .RadMenu_London .rmSlide .rmGroup a.rmLink.rmExpandRight {
        background-image: url(none);
    }

    /** SIZE OF THE INDIV PANELS

    .rmGroup > .rmItem {
        max-width: 250px !important
    } **/

    /* SIZE OF TEXT OF MEGE MENU LINKS */

    .rmLevel2 > .rmItem > .rmText {
        font-size: 16px;
    }

    .megaColSub {
        font-size: 16px !important;
    }


    /** INDENTS THE INDIVS 

    .RadMenu.RadMenu_London .rmTwoLevels .rmItem .rmItem, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 .rmLink {
        padding-left: 5px !important;
    }
*/
    /** TOP LEVEL INDIV to LOWERCASE **/
    .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem > .rmLink, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
        text-transform: none !important;
    }




    /** check back on this - making width 100 vs 50% **/

    .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 > .rmItem {
        width: 100% !important;
    }

}

@media (max-width: 767px) {
    .homeBackDrop {
        background-image: none;
    }
    /* nudgle smaller menu*/
    .RadMenu.RadMenu_London .rmTwoLevels .rmItem .rmItem, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 .rmLink {
        padding-left: 15px !important;
    }
    /*make sure left is left in panels when in mobile*/
    .RadMenu.RadMenu_London, .RadMenu.RadMenu_London .rmItem {
        text-align: left !important;
    }
}




/********* HEADER **********/

/* REMOVE PADDING AT TOP AND BOTTOM */
.header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/** HIDES SMALL HEADER UNTIL NEEDED **/
.theHeaderSmall {
    display: none;
}

/** default header top margin **/
.theHeader {
    margin-top: 20px !important;
    margin-left: 12px
}

/* hide acct area object*/
#ctl01_AccountArea_OBOToggleLI, #ctl01_AccountArea_BatchToggleLI {
    display: none !important;
}

/* color of the acct area text */
.dropdown-menu > li > a, .dropdown-menu > li > div {
    color: #888 !important;
}

/* hide account area picture */
.profile-picture-wrapper {
    display: none !important;
}


/* acct area - caret too close */

.account-toggle .caret {
    margin-left: 5px;
}

/* acct area- add margin to bottom top nav list to make even with acct area*/

#auxiliary-container > ul.NavigationUnorderedList {
    margin-bottom: 5px !important
}



/* BLACK BACKGROUND BEHIND TOP */
.header-top-container {
    background-color: #000 !important;
}

/* removes dotted bottom of header - temp for search*/
#masterHeaderBackground, .header {
    /*border-bottom: 2px dotted #eeeeee;*/
    border-bottom: 0 !important;
}









    /** max width of indivs 

    .megaColSub {
        max-width: 150px !important
    }
**/
    /** UPDATE PADDING BETWEEN INDIVS **/

    .rmSlide .rmText {
        padding: 5px 15px !important;
    }



    /** DEFAULT MENU BUTTON SELECTED **/

    .RadMenu.RadMenu_London .rmRootLink.rmSelected {
        color: #000 !important;
        background-color: #dcdad9 !important;
    }

    /** THIS IS THE DEFAULT COLOR OF BUTTONS WHEN NOTHING IS SELECTED **/
    .RadMenu.RadMenu_London .rmLink {
        color: #fff !important;
        text-decoration: none;
        display: block;
        position: relative;
    }


    /** BACKGROUND BEHIND THE SLIDE **/
    .RadMenu.RadMenu_London .rmGroup {
        background-color: #e2e2e2 !important;
    }


    /** REMOVE THE PADDING OF THE INDIVS TO THE RIGHT SO IT DOESNT WRAP **/
    .RadMenu.RadMenu_London .rmSlide .rmText {
        padding-right: 0 !important;
    }

    /** CHANGE TEXT OF THE INDIVS TO BLACK **/

    .RadMenu.RadMenu_London .rmVertical .rmItem .rmText {
        color: #000;
    }

        .RadMenu.RadMenu_London .rmVertical .rmItem .rmText:hover {
            color: orange;
        }


    /** CHANGE INDIVS FROM FLEX **/
    .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 {
        display: flex !important;
        left: auto !important;
        flex-flow: column wrap;
        min-width: 155px;
    }

.topBkg {
    background-image: url(https://www.tms.org/tms/images/portal/layout/header_new.jpg);
    background-repeat: no-repeat;
    height: 150px;
}



    /** MEGA COL HEADER ADJUSTMENTS 



#ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li.rmItem 

#ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(1) {max-width:105px !important}

#ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(2) {max-width:140px !important}

#ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(3) {max-width:115px !important}

#ctl01_Primary_NavMenu > ul > li.rmItem.rmFirst.rmTwoLevels > div > ul > li:nth-child(4) {max-width:190px !important}**/



    /* SECONDARY SUB NAV */

    .sub-nav-body .RadTreeView.RadTreeView .rtUL .rtUL {
        padding-left: 5px !important;
    }


    /*** TMS HOME PAGE ***/

    /* PODS */
    .podBox {
        width: 100%;
        padding-bottom: 5px;
    }



    .containerPods {
        min-height: 280px;
        border: 1px solid #cccccc;
        margin-top: 10px;
    }

.containerPodsUPD {
    min-height: 280px;
    border: 1px solid #cccccc;
    margin-top: 10px;
}


    .podBox {
        width: 100%;
        padding-bottom: 5px;
    }

    @media (min-width: 767px) {
        .containerPods {
            min-height: 270px;
        }
    }

    @media (min-width: 900px) {
        .containerPods {
            min-height: 290px;
        }
    }

    @media (min-width: 1100px) {
        .containerPods {
            min-height: 310px;
        }
    }


    /*@media (max-width: 480px) {
                .containerPods {min-height:0;border:none;}
            }*/



    /* This will hide the container pod content below 400 px 
            @media (max-width: 480px) {
                .containerPods{
                    display:none;
                }

            }
            ****/

    /* adjust font size of pod header text incl media queries */
    .barTextSize {
        font-size: 125%;
    }

    /* BAR TEXT HEADER BREAKS - SIMILAR TO PRIM NAV */
    @media (min-width: 1056px) {
        .barTextSize {
            font-size: 100%;
        }
    }

    @media (max-width: 1055px) {
        .barTextSize {
            font-size: 77%;
        }
    }

    @media (max-width: 826px) {
        .barTextSize {
            float: left;
            padding-left: 10px;
        }
    }

    @media (max-width: 767px) {
        .barTextSize {
            float: none;
            font-size: 100%;
        }
    }

    @media (max-width: 375px) {
        .barTextSize {
            float: left;
            font-size: 77%;
        }
    }


    /* ajust the container inside the pod where the text is */
    .podTxtContainer {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* adjusts the header text of the podTxtContainer */
    .podTxtContainerHeader {
        font-weight: bold;
        margin-top: 10px;
    }

    .podTxtContainerHeaderSubText {
        margin-top: 10px;
    }


    /* specfic styles for pods*/













    .readPubs {
        width: 100%;
        text-align: center;
        font-weight: bold;
        background-image: url('https://www.tms.org/images/portal/home/Header-Overlay-Publications.cccccc.png');
        background-color: #b7b6b5;
        background-position: 100% 50%;
        background-repeat: no-repeat;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
    }

        .readPubs:hover {
            background: none;
            background-color: #cccccc;
            cursor: pointer;
            color: white;
        }

    .podTxtContainer {
        padding-left: 10px;
        padding-right: 10px;
    }

    .centerMe {
        text-align: center;
    }

    .podTxtContainerHeader {
        font-weight: bold;
        margin-top: 10px;
    }

    .podTxtContainerHeaderSubText {
        margin-top: 10px;
    }

    .containerPods {
        min-height: 390px;
        border: 1px solid #cccccc;
        margin-top: 10px;
    }

.containerPodsUPD {
    min-height: 350px;
    border: 1px solid #cccccc;
    margin-top: 10px;
}
    /* Publications */
    .headerMeetings {
        width: 100%;
        text-align: center;
        font-weight: bold;
        background-image: url('https://www.tms.org/images/portal/home/Header-Overlay-Meetings.333366.png');
        background-color: #b7b6b5;
        background-position: 100% 50%;
        background-repeat: no-repeat;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
    }

        .headerMeetings:hover {
            background: none;
            background-color: #333366;
            cursor: pointer;
            color: white;
        }


    /* Professional Development */
    .headerProfDev {
        width: 100%;
        text-align: center;
        font-weight: bold;
        background-image: url('https://www.tms.org/images/portal/home/Header-Overlay-PD.98c287.png');
        background-color: #b7b6b5;
        background-position: 100% 50%;
        background-repeat: no-repeat;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
    }

        .headerProfDev:hover {
            background: none;
            background-color: #98c287;
            cursor: pointer;
            color: white;
        }




    .headerInitiatives {
        width: 100%;
        text-align: center;
        font-weight: bold;
        background-image: url('https://www.tms.org/images/portal/home/Header-Overlay-Initiatives.ff9933.png');
        background-color: #b7b6b5;
        background-position: 100% 50%;
        background-repeat: no-repeat;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
    }

        .headerInitiatives:hover {
            background: none;
            background-color: #ff9933;
            cursor: pointer;
            color: white;
        }


    .headerFoundation {
        width: 100%;
        text-align: center;
        font-weight: bold;
        background-image: url('https://www.tms.org/images/portal/home/Header-Overlay-foundation.738b75.png');
        background-color: #b7b6b5;
        background-position: 100% 50%;
        background-repeat: no-repeat;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
    }

        .headerFoundation:hover {
            background: none;
            background-color: #738b75;
            cursor: pointer;
            color: white;
        }


    .headerMember {
        width: 100%;
        text-align: center;
        font-weight: bold;
        /*font-size: 125%;*/
        background-image: url('https://www.tms.org/images/portal/home/Header-Overlay-Membership.ff6633.png');
        background-color: #b7b6b5;
        background-position: 100% 50%;
        background-repeat: no-repeat;
        height: 50px;
        line-height: 50px;
        vertical-align: middle;
    }

        .headerMember:hover {
            background: none;
            background-color: #ff6633;
            cursor: pointer;
            color: white;
        }


    /* HOME NEWS */
    /* HOME NEWS */
    /* HOME NEWS */

    #homeNews {
        width: 100%;
        margin-top: 20px;
        /*background-color: #e2e2e2;*/
    }



    .headerNews {
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 125%;
        /*background-image: url('../../images/portal/home/Header-Overlay_News.png'); 
    background-position: 100% 50%; 
    background-repeat: no-repeat;*/
        background-color: #1f3265;
        vertical-align: middle;
        color: white;
        height: 35px;
        line-height: 35px;
        vertical-align: middle;
    }

        .headerNews:hover {
            background: none;
            background-color: #1f3265;
            cursor: pointer;
            color: white;
        }

    /* HOME NEWS */
    /* HOME NEWS */
    /* HOME NEWS */

    @media (min-width: 0px) {
        .homeArticleText {
            display: none;
        }

        .homeBackDrop {
            background-image: none;
        }

        .newsText {
            text-decoration: none;
            font-family: Raleway;
            font-size: 125%;
            /*font-weight: bold;*/
            line-height: 15px;
        }

        .newsLink {
            padding: 7px;
            background-color: #f9f9f9;
            max-height: 130px;
            overflow: hidden;
            margin-bottom: 2px;
            margin-top: 0px;
            border-bottom: dotted 1px #cccccc;
        }

            .newsLink:hover {
                background-color: #f2f2f2;
                cursor: pointer;
            }

        .headerNews:hover {
            background-color: #111b35;
        }
    }

    /*@media (min-width: 0px) {
        .newsImg {
        display:block;
        width: 75px;
        height: 75px;
        padding-right: 5px;
        padding-bottom: 5px;
    }
}*/


    /**** THIS ADJUSTS THE NEWS BOX AS THE SCREEN SIZE IS REDUCED ****/
    /**** THIS ADJUSTS THE NEWS BOX AS THE SCREEN SIZE IS REDUCED ****/
    /**** THIS ADJUSTS THE NEWS BOX AS THE SCREEN SIZE IS REDUCED ****/
    @media (min-width: 300px) {
        .homeNewsCell {
            width: 100px;
        }
    }


    /* ADD PADDING TO PRIMNAV*/
@media (min-width: 1201px) {
    .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
        margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

    @media (min-width: 768px) {

        /*
        this pads the menu to be fatter
        .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
            padding-bottom: 6px !important;
            margin: 0;
            padding-top: 6px !important;
        }*/


        .homeBackDrop {
            background-image: url(https://www.tms.org/ken/images/HomePage/bkg1.jpg);
            background-repeat: repeat-x;
        }

        .newsImg {
            display: none;
        }

        .homeNewsCell {
            width: 55px;
        }

        .newsText {
            font-size: 90%;
            line-height: 12px;
        }
    }

    @media (min-width: 800px) {
        .homeNewsCell {
            width: 58px;
        }

        .newsText {
            font-size: 100%;
            line-height: 12px;
        }
    }

    @media (min-width: 820px) {
        .homeNewsCell {
            width: 65px;
        }
    }

    @media (min-width: 870px) {
        .homeNewsCell {
            width: 70px;
        }

        .newsText {
            font-size: 110%;
            line-height: 15px;
        }
    }


    @media (min-width: 900px) {
        .homeNewsCell {
            width: 75px;
        }
    }


    @media (min-width: 930px) {
        .homeNewsCell {
            width: 80px;
        }

        .newsText {
            font-size: 120%;
        }
    }

    @media (min-width: 980px) {
        .homeNewsCell {
            width: 85px;
        }
    }

    @media (min-width: 1020px) {
        .homeNewsCell {
            width: 87px;
        }
    }


    @media (min-width: 1040px) {
        .homeNewsCell {
            width: 92px;
        }
    }

    @media (min-width: 1070px) {
        .homeNewsCell {
            width: 97px;
        }
    }

    @media (min-width: 1100px) {
        .homeNewsCell {
            width: 103px;
        }
    }


    @media (min-width: 1140px) {
        .homeNewsCell {
            width: 108px;
        }
    }
    /**** THIS ADJUSTS THE NEWS BOX AS THE SCREEN SIZE IS REDUCED ****/
    /**** THIS ADJUSTS THE NEWS BOX AS THE SCREEN SIZE IS REDUCED ****/
    /**** THIS ADJUSTS THE NEWS BOX AS THE SCREEN SIZE IS REDUCED ****/


    /**** WOW SLIDER ****/



    /* WOW */

    #wowslider-container1 .ws_shadow {
        background: none !important;
    }


    /* SLIDER */

    #ste_container_htmSlider {
        max-width: 66%;
        height: 100%;
    }

    #ste_container_htmNews {
        max-width: 33%;
        height: 100%;
    }

    /********** FOOTER **************/

    /*background of the footer*/
    .footer-content {
        background-color: #ce1126 !important;
        padding-top: 0 !important;
    }

    /* SOCIAL - THE SIZE OF THE XLARGEBUTTONS */
    .SocialSprite.XLargeButtons {
        width: 37px;
        height: 37px;
    }
    /* SOCIAL - CREATE SPRITE DEFINITION FOR THE FLIKR ICON */
    .SocialSprite.FlikrIcon, .SocialSprite.FlikrIcon:hover, a:hover .SocialSprite.FlikrIcon, .SocialSprite.FlikrIcon:focus, a:focus .SocialSprite.FlikrIcon, .SocialSprite.FlikrIcon:active, a:active .SocialSprite.FlikrIcon {
        background-position: -200px 0;
        background-color: #ff0084;
    }

    /* CREATE NEW XLARGEBUTTONS CLASS PER DAVE FOR LARGER SOCIAL ICONS 
.SocialSprite.FlikrIcon.XLargeButtons, .SocialSprite.FlikrIcon.XLargeButtons:hover, a:hover .SocialSprite.FlikrIcon.XLargeButtons, .SocialSprite.FlikrIcon.XLargeButtons:focus, a:focus .SocialSprite.FlikrIcon.XLargeButtons, .SocialSprite.FlikrIcon.XLargeButtons:active, a:active .SocialSprite.FlikrIcon.XLargeButtons {
  background-position: -200px -160px;
}

*/

    .SocialSprite.FacebookIcon.XLargeButtons, .SocialSprite.FacebookIcon.XLargeButtons:hover, a:hover .SocialSprite.FacebookIcon.XLargeButtons, .SocialSprite.FacebookIcon.XLargeButtons:focus, a:focus .SocialSprite.FacebookIcon.XLargeButtons, .SocialSprite.FacebookIcon.XLargeButtons:active, a:active .SocialSprite.FacebookIcon.XLargeButtons {
        background-position: -2px -81px;
    }

    .SocialSprite.TwitterIcon.XLargeButtons, .SocialSprite.TwitterIcon.XLargeButtons:hover, a:hover .SocialSprite.TwitterIcon.XLargeButtons, .SocialSprite.TwitterIcon.XLargeButtons:focus, a:focus .SocialSprite.TwitterIcon.XLargeButtons, .SocialSprite.TwitterIcon.XLargeButtons:active, a:active .SocialSprite.TwitterIcon.XLargeButtons {
        background-position: -36px -78px;
    }

    .SocialSprite.LinkedInIcon.XLargeButtons, .SocialSprite.LinkedInIcon.XLargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.XLargeButtons, .SocialSprite.LinkedInIcon.XLargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.XLargeButtons, .SocialSprite.LinkedInIcon.XLargeButtons:active, a:active .SocialSprite.LinkedInIcon.XLargeButtons {
        background-position: -76px -81px;
    }

    .SocialSprite.YouTubeIcon.XLargeButtons, .SocialSprite.YouTubeIcon.XLargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.XLargeButtons, .SocialSprite.YouTubeIcon.XLargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.XLargeButtons, .SocialSprite.YouTubeIcon.XLargeButtons:active, a:active .SocialSprite.YouTubeIcon.XLargeButtons {
        background-position: -117px -77px;
    }

    .SocialSprite.FlikrIcon.XLargeButtons, .SocialSprite.FlikrIcon.XLargeButtons:hover, a:hover .SocialSprite.FlikrIcon.XLargeButtons, .SocialSprite.FlikrIcon.XLargeButtons:focus, a:focus .SocialSprite.FlikrIcon.XLargeButtons, .SocialSprite.FlikrIcon.XLargeButtons:active, a:active .SocialSprite.FlikrIcon.XLargeButtons {
        background-position: -396px -77px;
    }









    /* check if this can be deleted this will hide the about tms when less than 768 

@media (max-width: 767px) {
    .search-container-sm, .auth-link-container-sm {
        margin-top: 0 !important
    }

    .homeAboutUs {
        display: none;
    }

    .homeFollowUs {
        border: 0;
    }
}*/

    /* center the footer text */
    .footer-nav-copyright {
        text-align: center !important;
    }

        .footer-nav-copyright .NavigationUnorderedList, .footer-nav-copyright .footer-copyright {
            float: none !important;
            margin: 0;
        }


    /* center the footer text */
    .footer-nav-copyright {
        text-align: center !important;
    }

        .footer-nav-copyright .NavigationUnorderedList, .footer-nav-copyright .footer-copyright {
            float: none !important;
            margin: 0;
        }



    /* mobile 

        992 fix
        - defaut is for for toggle button not to show when it hits 992 - the hamburger bar only shows because of the button
        -  not needed now - style="display:block !important" in master row primnav- guarantees it'll show when collapse is visible
        - display the collapse - ie - the main TMS menu
        - adjust some colors

   */

    .navbar-toggle {
        display: none
    }

    @media (max-width: 992px) {
        .header-bottom-container {
            background-color: #203265 !important;
        }

        .rowPrimNav {
            background-color: #ce1126 !important;
        }

        .collapse {
            display: block
        }
    }

    @media (max-width: 767px) {
        .collapse {
            display: none
        }

        .navbar-toggle {
            display: block !important
        }

        .navbar-toggle {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            padding-bottom: 20px !important;
            padding-top: 6px !important;
            /* center the hamburger
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;*/
            background-color: transparent !important;
        }
    }

    /* Mobile Styles*/
    /* hanburger small*/
.navbar-toggle.collapsed {
    margin-bottom: 0 !important;
    /*margin-left: 20px;*/
    background-color: transparent !important;
}

.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #b7b6b5 !important;
    /*margin-left: 20px !important*/
}

.navbar-toggle {
    margin-left: auto;
    margin-right: auto;
}

    /* account area - this keeps the acct area visible all the way*/

    @media (max-width: 991px) {
        .account-toggle .nav-text, .account-toggle.dropdown-toggle .caret {
            position: static;
            left: 0 !important;
            font-size: inherit !important
        }
    }

    /* This makes the height of the hamburger bar taller */
    @media (max-width: 767px) {
        .RadMenu .rmItem a.rmLink {
            width: 100% !important;
        }
        .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 > .rmItem {
            width: 100% !important;
        }
        /*.RadMenu.RadMenu_London .rmTwoLevels .rmItem .rmItem, .RadMenu.RadMenu_London .rmTwoLevels .rmLevel1 .rmLink {
            padding-left: 12px !important;
        }
        */
        .RadMenu.RadMenu_London.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, .RadMenu.RadMenu_London.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
            margin-left: 0 !important;
        }
        .header-bottom-container {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .auth-link-container {
            padding: 0 !important;
            border-bottom: none !important
        }

        .RadMenu.RadMenu_London .rmRootGroup > .rmItem > .rmLink {
            /* font-size: 16px !important*/
        }

        /*.rmSlide > .rmGroup {
        display: flex !important;
        flex-wrap: wrap
    }*/
    }



/* contact us*/
.staffHeader {
    background-color: #ccc;
    text-align: left;
    color: black;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}

.staffBox {
    border: solid 1px #f2f2f2;
    padding: 5px;
    background-color: white;
    min-height: 115px;
}

    .staffBox:hover {
        background-color: #f2f2f2;
        cursor: crosshair;
    }
/* jom mag adv*/
.borderIt {
    border-right: solid 5px white;
}
.deadlineHeader {
    background-color: #29a7dc;
    font-weight: bold;
    border-right: solid 2px white;
}
.altRowBkg {
    background-color: #f2f2f2;
}


/* lock */
.RadMenu .rmSlide .rmVertical .rmLeftImage {
/*display:none !important*/
}


/*  CSS FOR THE PUBLICATIONS CONTENT */

.citation-formats li {
  background: url('http://www.tms.org/multiscalestudy/images/actions_icons.png') no-repeat scroll 10px -355px #2d7dd0;
  display: inline-block;
  padding: 13px 15px 10px 45px;
  margin: 5px 0px;
  border-radius: 4px;
}
.citation-formats li > a, .roundbtn_2 {
  color: #fff;
  text-decoration:none;
}

.citation-formats li:hover
{
    background-color:#5099e4;
}




/* Responsive Table */


/* Responsive Table */
/*styles for graphic info (hed, subhed, source, credit)*/
.rg-container {
    line-height: 1;
    margin: 0;
    padding: 1em 0;
    color: #1a1a1a;
}

.rg-header {
    margin-bottom: 1em;
}

.rg-hed {
    font-weight: bold;
    margin-bottom: 0.25em;
}

.rg-subhed {
    line-height: 1.4em;
}

.rg-source-and-credit {
    width: 100%;
    overflow: hidden;
    margin-top: 1em;
}

.rg-source {
    margin: 0;
    float: left;
    font-weight: bold;
    line-height: 1.5em;
}

    .rg-source .pre-colon {
        text-transform: uppercase;
    }
/*styles for graphic*/
table.rg-table {
    margin: 0 0 1em 0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

    table.rg-table * {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
        text-align: left;
        color: #333;
    }

    table.rg-table thead {
        border-bottom: 1px solid rgba(195,195,197,.3);
    }

    table.rg-table th {
        font-weight: bold;
        padding: 0.5em;
        line-height: 1.4;
    }

    table.rg-table td {
        padding: 0.5em;
        line-height: 1.4;
    }

    table.rg-table .highlight td {
        font-weight: bold;
    }

    table.rg-table tr {
        border-bottom: 1px solid rgba(195,195,197,.3);
        color: #222;
    }

    table.rg-table .number {
        text-align: right;
    }

    table.rg-table.zebra tr:nth-child(even) {
        background: rgba(195, 195, 197, 0.1);
    }

    table.rg-table tr.highlight {
        background: #edece4;
    }

@media screen and (max-width: 500px) {
    .rg-container {
        max-width: 500px;
        margin: 0 auto;
    }

    table.rg-table {
        display: block;
        width: 100%;
    }

        table.rg-table tr.hide-mobile, table.rg-table th.hide-mobile, table.rg-table td.hide-mobile {
            display: none;
        }

        table.rg-table thead {
            display: none;
        }

        table.rg-table tbody {
            display: block;
            width: 100%;
        }

        table.rg-table td:last-child {
            padding-right: 0;
            border-bottom: 2px solid #ccc;
        }

        table.rg-table tr, table.rg-table th, table.rg-table td {
            display: block;
            padding: 0;
        }

            table.rg-table td[data-title]:before {
                content: attr(data-title) ":A0";
                font-weight: bold;
                display: inline-block;
                content: attr(data-title);
                float: left;
                margin-right: 0.5em;
            }

        table.rg-table tr {
            border-bottom: none;
            margin: 0 0 1em 0;
            padding: 0.5em 0;
        }

            table.rg-table tr:nth-child(even) {
                background: none;
            }

        table.rg-table td {
            padding: 0.5em 0 0.25em 0;
            border-bottom: 1px dotted #ccc;
            text-align: right;
        }

            table.rg-table td:empty {
                display: none;
            }

        table.rg-table .highlight td {
            background: none;
        }

        table.rg-table tr.highlight {
            background: none;
        }

        table.rg-table.zebra tr:nth-child(even) {
            background: none;
        }

        table.rg-table.zebra td:nth-child(even) {
            background: rgba(195, 195, 197, 0.1);
        }
}

.warningHeadTMS {
    border-left-color: #F39189;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #F39189;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: #F39189;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-style: solid;
    border-top-width: 1px;
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    page-break-after: avoid;
    mc-auto-number-format: '{b}{color #d52b1e}Warning! {/color}{/b}';
    background-color: #fff2f0;
    overflow: hidden;
}

.warningTMS {
    border-bottom-color: #F39189;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: #F39189;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: #F39189;
    border-right-style: solid;
    border-right-width: 1px;
    margin-top: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    background-color: #fff2f0;
    overflow: hidden;
}

/* specialty meeting exhibit boxes*/
.boxBkg {
    background-color: white;
    margin-bottom: 10px;
    min-height: 200px;
    width: 100%;
    border: 1px solid #4d7eb1;
    margin-right: 10px;
}
.sponsorBoxHeader {
    background-color: #4d7eb1;
    color: black;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: white;
}

/* specialty meeting important dates*/
.leftSideBorder {
    min-width: 100px;
    background-color: #ffffff;
    border-right: 1px solid #cccccc;
    padding: 10px;
}
.leftBar {
    margin-top: 10px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background-color: #e9e9e9;
    text-align: center;
    color: #3a376e;
    margin-bottom: 10px;
    font-size:80% !important;
}


.pdf {
    background: url(/images/common/icon_pdf.gif) no-repeat left 1px;
    padding-left: 17px;
    margin-top: 10px;
    text-decoration: none;
}

.word {
    background: url(/images/common/icon_word.jpg) no-repeat left 1px;
    padding-left: 17px;
    margin-top: 10px;
    text-decoration: none;
}