/*************************************************/
/*************************************************/
/* Description: Entries in this CSS file should  */
/* only be used for LAYOUT items, ASI overrides, */
/* and template adjustments.                     */
/*************************************************/
/*************************************************/






/******* GENERAL LAYOUT ********/
@charset "UTF-8";


/***** FONTS *****/

/* Responsive version of the Austin Theme for iMIS 
@import url("//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);/*;*/


html {
  box-sizing: border-box !important;
}

body {
 font-family: Open Sans, sans-serif  !important;
   /*font-family: Segoe UI, Helvetica, Arial, sans-serifOpen Sans,  !important;*/
  font-size: 13px !important;
  line-height: 1.6;
  color: #333333;
}

/* This puts some space below the breadcrumb trail to even out the spacing */
    .breadcrumb-obo-container
    {
    margin-bottom:10px !important;
    }


/* STICKY To make the header menu sticky in desktop - make the height
*/

@media (max-width: 767px) {
    .header {
        /**/height: 173px;
        z-index:999 !important;
    }

    .navbar-fixed {
      position: inherit;
    }

    /* fix menu from stretching wide on xs*/
    .menuStick {margin-left:0;margin-right:0;}
    
}

@media (max-width: 1054px) {
    .header {
        height: 203px;
    }
    .navbar-fixed {
        top: 0;
        z-index: 200;
      position: fixed;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .header {
        /**/height: 173px;
        z-index:999 !important;
    }

    .navbar-fixed {
      position: inherit;
    }
}


/* At 1055 there are menu text breaks and the menu height increases - adjust*/
@media (min-width: 1055px) {
    .header {
        height: 190px;
    }
    .navbar-fixed {
        top: 0;
        z-index: 200;
      position: fixed;
        width: 100%;
    }
}


/** ADJUST SOCIAL ICONS TO HAVE NO OPACITY CHANGE **/
.SocialSprite {
         opacity: 1; 
}

/* GENERIC HIDE */
.HideMe
{
    display:none;
}







/*color the email red on the home */
a#homeemail {color:#5f0a0c}


/* THE HOME BACKDROP GRAPHIC*/

.homeBackDrop{background-image:url(../../images/portal/HomePage/SliderNews_background.jpg);background-repeat:repeat-x;}

/* to add some margin under the nav order to vertically align with sign in*/

#auxNavAcct > .NavigationUnorderedList
{
    margin-bottom:5px;
}



/* Main Menu - Rollover */
.RadMenu.rmResponsive .rmSelected > .rmRootLink, .RadMenu.rmResponsive .rmFocused > .rmRootLink {
    color: white;
    background-color: #b7b6b5;
}


/* RIGHT MENU */
.RadTreeView.RadTreeView_London .rtIn {
    font-weight: bold !important;
    display: inline-block !important;
}
.RadTreeView.RadTreeView_London .rtIn, .RadTreeView.RadTreeView_London .rtHover .rtIn, .RadTreeView.RadTreeView_London .rtSelected .rtIn {
    padding: 0 !important;
    border: none;
    margin-bottom:10px !important;
}
.RadTreeView .rtImg, .RadTreeView .rtIn, .RadTreeView .rtChk {
    /* display: inline-block; */
    vertical-align: top !important; 
}
/* Puts padding above the fist node ie TMS Membership 
.RadTreeView.RadTreeView_London > .rtUL > .rtLI:first-child {
    margin-top: 10px;
}*/
/* Puts padding above the the black bold text */
 .child-is-selected.rtIn {
    margin-top: 10px;
}
.RadTreeView.RadTreeView_London > .rtUL > .rtLI {
    padding-top: 10px;
}
/* remove padding so the sub moves over a little */
.RadTreeView.RadTreeView_London .rtUL .rtUL {
    padding-left: 0px !important;
}

/* Media Query to keep width at 250 until the screen breaks at 768*/
@media (min-width: 768px) {
  .nav-secondary {
  }
}


/* END RIGHT MENU */


/******* UNDER THE TABS AND SLIDER */
.background-container#highlight {
    background: url("../../images/portal/homeBKGSliderTabs.jpg");
    background-color: #007dac;
}
#highlight {
    border-bottom: 5px solid #007dac;
    border-top: 1px solid #fff;
}
.background-container {
    background-repeat: repeat-x;
}
.background-container {
    width: 100%;
}

.background-container .background-texture {
    background-position: center top;
    background-repeat: no-repeat;
}
.background-container {
    background-repeat: repeat-x;
}
.background-texture {
    min-width: 1170px;
}
.background-container>.inner {
    /**/width: 1170px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
/******* UNDER THE TABS AND SLIDER */





/****** HR DROPSHADOW */
hr.style-four {
    height: 6px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px #a7a7a7;
    margin-bottom:0;
    padding-bottom:0;

}


/* SCROLL TO TOP */

    /* scroll to top*/
.scrollToTop{
	width:50px; 
	height:65px;
	padding:10px; 
	text-align:center; 
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	background: url('../../images/portal/scroll.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}

/*removes the dotted line under the header and makes the background color black */
#masterHeaderBackground, .header {
  border-bottom: 0px;
  background-color:#000000;
}



/* in order to get the header to fire give each image*/


.imgNews:hover{

}


/**** THIS IS FOR THE HOME PAGE TO MAKE THE BKG GREY ****/
.Slider.FullWidth {
    /*height: 200px;*/
    background-image: none;
    background-color: #e2e2e2;
    border-bottom:solid 2px #000000;
}




/* THIS HIGHLIGHTS THE TOP LEVEL MEGA MENU SELECTED ITEM */

.rsmLevel1 > .megaColHeaderrsmSelected > a {color:#f26921 !important;font-weight:bold;}



/* hide the selected button names in the mega 
#ctl01_Primary_NavMenu_i1_i0_sm0 > ul > li > a {
    display:none !important;
}*/
#ctl01_Primary_NavMenu_i2_i0_sm0 > ul > li > a {
    display:none !important;
}
#ctl01_Primary_NavMenu_i3_i0_sm0 > ul > li > a {
    display:none !important;
}
#ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > a {
    display:none !important;
}
#ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > a {
    display:none !important;
}
#ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > a {
    display:none !important;
}






/***********************************/
/* HEADER START ********************/
/***********************************/


/* REMOVES THE TOP AND BOTTOM PADDING OF THE HEADER MAKING IT FLUSH AGAINST THE TOP */
.header {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* BACKGROUND BEHIND HEADER */
.topBkg

{
    background-image:url(../../images/portal/header_black3.jpg);
    background-repeat:no-repeat;
    height:150px;
}

/* this hides the small logo until the screen is resized*/
.theHeaderSmall{display:none;}

/***********************************/
/* HEADER END **********************/
/***********************************/



/***********************************/
/* PRIMARY NAV START ***************/
/***********************************/

/* WHEN IN XS MODE, the JOIN TMS causes the MENU TO GO OFFSCREEN - HIDE JOIN TMS */

@media (max-width: 767px) {
  .joinTMS {
    display:none !important;  }
}
/* Makes sure it displays ok when bigger than XS*/
@media (min-width: 768px) {
  .joinTMS {
    display:inherit;  }
}



/* REMOVES PADDING ON THE RIGHT OF THE MEGA MENU DROP DOWN*/
.RadMenu.rmResponsive .rsmColumn {
  display: inline-block;
  vertical-align: top;
  padding-right: 0px !important;
}



/* PRIMARY NAV < 768 - WIDTH OF THE MENU BARS*/
.navbar-collapse.collapse {
  width: 100% !important;
}

@media (max-width: 767px) {
  .navbar-collapse {
    /* expand to the full width of the page */
    margin-left: 0;
    margin-right: 0;
  }
}

/* PRIMARY NAV - BACKGROUND - COLOR OF THE BUTTONS */
.nav-primary
{
    margin-top:0;
    background-color:#ce1126;
}

/* PRIMARY NAV - TEXT COLOR OF THE BUTTONS */
.RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rsmLink {
    /*color: #b7b6b5; orig */
    /*color: #dcdad9;*/
    color:#ffffff;
}
/* PRIMARY NAV - FONT DETAILS OF THE BUTTONS*/
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
  text-transform: uppercase;
  font-size: 95%;
  font-weight: 600;
  letter-spacing: 0;
}



/***********************************/
/* PRIMARY NAV END  ****************/
/***********************************/

/***********************************/
/******START AUX AND NAV BAR********/
/***********************************/



    .nav-auxiliary {
      margin-top: 25px;
      margin-right: 25px;
    }


    .nav-auxiliary a {
      color: #ffffff;
      font-size: 15px;
      text-decoration: none;
    }


/***** SIGN IN BUTTON *****/

    .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;
    }

/***** SIGN IN BUTTON HOVER ******/
    .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;
    }

/* foundation sprite */
.nav-aux-foundation .nav-text {
  /* add the background sprite for the provided CSS classes */
  background-image: url("images/ResponsiveHeaderSpriteFoundation.png");
  background-repeat: no-repeat;
  /*   background-position: 0 20px;*/
  padding-left: 26px;
}


    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
        border: 1px solid #747474;
        border-radius: 0px;
    }

 

/* SEARCH */
    .search-container-sm {
        /*display: inline-block !important;*/
        float: right;
       margin-top:20px;
    }

    input.search-field {
        float: right;
        width: 250px;
    }




/* SOCIAL - ALIGN WITH THE SEARCH BAR */
#masterSocialNetworking
{
    display:inline-block;
       margin-top:20px;
}







/* 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: -0px -160px;
}

.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: -40px -160px;
}

.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: -80px -160px;
}

.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: -120px -160px;
}


/* SOCIAL - THE SIZE OF THE XLARGEBUTTONS */
.SocialSprite.XLargeButtons {
  width: 37px;
  height: 37px;
}



/* LOGO - POSITIONS THE LOGO FOR SCREENS LARGER THAN > 768*/

.header-logo-container {
  float: left;
  margin-top: 25px;
  margin-left: 15px;
}


/********** AUX HELP WHEN RESIZING*/
/* removes the margin on the right to give more space */

@media (max-width: 890px)
{
    .nav-auxiliary {
      margin-top: 25px;
      margin-right: 0px;
    }
    /*swap the background image to give more grey space and less red space*/
    .topBkg
    {
        background-image:url(../../images/portal/CMS-Template-Header_Box-left.jpg);
        background-repeat:no-repeat;
        height:150px;
    }

    /* swap headers*/

    .theHeader{display:none;}
    .theHeaderSmall{display:block;}


    /*center and adjust the smaller logo*/
        .header-logo-container {
          text-align: center;
          margin-top: 40px;
          margin-left:10px;

        }
}

/*********************   FINAL ADJUST ON THE HEADER ***********************/
/* At 825 the logo needs to get smaller and the background graphic red curve needs to move left */

/* BACKGROUND BEHIND HEADER */


@media (max-width: 810px)
{

    #masterSocialNetworking
    {
        margin-right:0px !important;
    }

}



/************ START TABLET XSMALL ************/

@media (max-width: 767px) {


    .auth-link-container-sm, .sign-in-link {
        margin-left:0;
    }


        /* BACKGROUND BEHIND HEADER */
        .topBkg

        {
            background-image:none;
            background-repeat:no-repeat;
            height:150px;
            width:100%;
        }


        /* FOUNDATIN ICON */
        .nav-auxiliary .nav-aux-button.nav-aux-foundation .nav-text {
                /* hide the foundation text on small devices */
            display: inline-block;
            white-space: nowrap;
            float: left;
            overflow: hidden;
            width: 22px;
            height: 19px;
            padding-left: 22px;
          }
            /* change to white F */
          .nav-auxiliary .nav-aux-button.nav-aux-foundation .nav-text {
            background-image: url("images/ResponsiveHeaderSpriteFoundation.png");
            background-repeat: no-repeat;
            background-position: 0 -20px;
          }



        .nav-auxiliary .nav-aux-button .NavigationLink {
            background-color: #5a9708;
        }

        .navbar-toggle.collapsed {
            background-color: transparent;
        }

        .nav-auxiliary .nav-aux-button .NavigationLink, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl02_NavigationLink, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl03_NavigationLink, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl04_NavigationLink {
            background-color: transparent;
            border: 1px solid transparent;
            border-radius: 5px;
            margin-bottom: 6.5px;
            margin-left: 3px;
            margin-top: 6.5px;
            padding: 9px 10px;
        }

        .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl02_NavigationListItem .nav-text {
            background-position: 0 -150px;
        }

        #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl03_NavigationListItem .nav-text {
            background-position: 0 -50px;
        }

        .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl04_NavigationListItem .nav-text {
            background-position: 0 -200px;
        }


        .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl02_NavigationListItem .nav-text, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl03_NavigationListItem .nav-text, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl04_NavigationListItem .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
            display: inline-block;
            float: left;
            height: 19px;
            overflow: hidden;
            padding-left: 22px;
            white-space: nowrap;
            width: 22px;
        }

        .nav-auxiliary .nav-aux-account .nav-text, .nav-auxiliary .nav-aux-cart .nav-text, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl02_NavigationListItem .nav-text, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl03_NavigationListItem .nav-text, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl04_NavigationListItem .nav-text {
            background-image: url("images/ResponsiveHeaderSprite.png");
            background-repeat: no-repeat;
        }

        .nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle {
            margin-left: 0px;
        }

        /* SETS THE BACKGROUND OF THE TAB MENU AND ALIGNS THE ICONS TO CENTER*/
        .navbar-header.nav-auxiliary {
            background-color: #203265;
            width: 100%;
            text-align: center;
            height:55px; /* THIS IS NEW UPDATE WHEN MOVED TO THE NEW SYSTEM TO FIX EXTRA PADDING THE BOTTOM OF THE XSMALL MENU */
        }

        .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl02_NavigationLink:hover, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl03_NavigationLink:hover, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl04_NavigationLink:hover, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl02_NavigationLink:focus, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl03_NavigationLink:focus, .nav-auxiliary #ctl00_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl04_NavigationLink:focus  {
            background-color: #b7b6b5;
        }

        .navbar-toggle {
            background-color: #b7b6b5;
        }

        .navbar-toggle:hover, .navbar-toggle:focus {
            background-color: #b7b6b5;
        }

        /* CENTERING THE LOGO */
        .header-logo-container {
          float: none;
          text-align: center;
          clear: both;
          margin-top: 20px;
          margin-left: auto;
          margin-right: auto;
        }
        img.theHeaderSmall { clear:both;text-align:center;margin-left:auto;margin-right:auto; }
        /* END CENTERING THE LOGO */


        .nav-auxiliary {
          margin-top: 15px;
          margin-right: 0px;
        }

        /* padding */
        .header-container {
          margin-right: auto;
          margin-left: auto;
          padding-left: 0px;
          padding-right: 0px;
        }

}

/* END FROM PETAA */


/* TMS CUSTOM AUX NAV */



@media (min-width: 768px)
{
    .nav-primary {
      float: none; 
      clear: right;
    }
}





/* 100% background for the prim nav*/
.header-bottom-container {
  /*background-color: #203265 !important;*/
    background-color: #ce1126 !important;

}





/*** MEGA MENU INITIAL ****/

/* mega menu background color*/
.RadMenu.rmResponsive .rmGroup {
  background-color: #e4e4e4;
  border-left:solid 1px #cccccc;
  border-right:solid 1px #cccccc;
  border-bottom:solid 1px #cccccc;
}


    /* Mega menu text */
    .rmResponsive .rmSlide .rmLink, .rmResponsive .rmSlide .rsmLink
     {
      color: #1f1f1f;
      font-size: 90%;
    }

/* INDENTS the 4 COLUMN SUBS*/
.RadMenu.rmResponsive .rsmItem .rsmItem {
  margin-left: 0;
}

/*Turns all of the column header and sub links bold*/
.megaColHeader{
    font-weight:bold;
}
/* this changes the sub links back to normal*/
.megaColSub{
    font-weight:normal;
}

.hideColumn a.rsmLink {
    /*color:#575757 !important;*/
    color:#e2e2e2 !important;
}

.hideColumn {
    display:none !important;
    width:25% !important;
}


/* this hides the STARTING NODE!!!!!!!!!!!!*/
.rsmList > .startingNode > .rsmLink{
    display:none;
}



/* THIS SHOULD HIGHLIGHT THE SELECTED MEGA MENU ITEM ORANGE */

.rsmList > .megaColSubrsmSelected > .rsmLink {color:orange !important;}



/** FINDS THE RSMLINK CLASS INSIDE OF THE OTHERS
.rsmList > .rsmItem > .rsmLink{

    color:orange !important;
   
}
*/
/** END OF MEGA **/



/* PRIMARY NAV MENU PADDING*/

/*********** MORE PRIMARY NAV *************

    /* add a black border to the menu items*/
@media (min-width: 768px)
{
    .RadMenu.rmResponsive .rmRootGroup > .rmItem {
      border-right: solid 1px #000000
    }
}

/* this takes off the right border of the last menu item*/
@media (min-width: 768px)
    {
    .RadMenu.rmResponsive .rmRootGroup > .rmLast {
      border-right: none;
    }
}



/**** PRIMARY NAV ROLL COVER ****/
.RadMenu.rmResponsive .rmRootLink:hover, .RadMenu.rmResponsive .rmRootLink:focus, .RadMenu.rmResponsive .rmExpanded > .rmRootLink {
  background-color: #b7b6b5;
  color: white;
}

/*** EASE IN OF THE MENU OVERLAY */

.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
  margin: 0;
  transition: background 0.1s ease-out 0s;
}



@media (min-width: 768px)
    {

        /*** TARGETING MEGA MENU COLUMN WIDTHS*/
        /*About TMS*/
        #ctl01_Primary_NavMenu_i0_i0_sm0 > ul > li > div > ul:nth-child(1) {
            width:20% !important;
        }
        #ctl01_Primary_NavMenu_i0_i0_sm0 > ul > li > div > ul:nth-child(2) {
            width:25% !important;
        }
        #ctl01_Primary_NavMenu_i0_i0_sm0 > ul > li > div > ul:nth-child(3) {
            width:20% !important;
        }
        #ctl01_Primary_NavMenu_i0_i0_sm0 > ul > li > div > ul:nth-child(4) {
            width:35% !important;
        }


        /*Membership*/
        #ctl01_Primary_NavMenu_i1_i0_sm0 > ul > li > div > ul:nth-child(1) {
            width:25% !important;
        }
        #ctl01_Primary_NavMenu_i1_i0_sm0 > ul > li > div > ul:nth-child(2) {
            width:25% !important;
        }
        #ctl01_Primary_NavMenu_i1_i0_sm0 > ul > li > div > ul:nth-child(3) {
            width:25% !important;
        }
        #ctl01_Primary_NavMenu_i1_i0_sm0 > ul > li > div > ul:nth-child(4) {
            width:25% !important;
        }


        /*Professional Development*/
        #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(1) {
            width:33% !important;
        }

        #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(2) {
            width:33% !important;
        }

        #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(3) {
            width:33% !important;
        }


        /*divcomm*/
        #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(1) {
            width:50% !important;
        }

        #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(2) {
            width:50% !important;
        }


        /*outreach*/
        #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(1) {
            width:33% !important;
        }

        #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(2) {
            width:33% !important;
        }
        #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(3) {
            width:33% !important;
        }




        /* commented out to add the TMS Foundation into the mega 
                    #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(4) {
            width:20% !important;
        }
        */


}


/** PRIMARY NAV < 768 REMOVE PADDING SO THE MENU DOESNT CAUSE A BOTTOM SCROLLBAR*/
@media (max-width: 767px) {
        /*  .RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rmSlide .rmLink {
            padding: 0px 0px;
        }
       this move the menu text in from the left and arrow in from the right */
            .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
          font-size: 80%;
          padding-top:10px;
          padding-bottom:10px;
          /*padding-left:40px;
          padding-right:20px;*/
        }

        .RadMenu.rmResponsive .rmToggle .rmIcon {
          margin-top: 22px;
        }

        /****  XS - MAKING THE NAV MENU CLICKABLE*/

        .RadMenu.rmResponsive .rmToggle {
            display: inline-block;
            position: relative;
            /* margin: -10px -15px; */
            float: left;
            height: 55px;
            margin-top: -36px;
            margin-bottom: -10px;
            margin-left: 0;
            padding-left: 0;
            width: 100%;
            top: 0;
            left: 0;
        }
}

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

/* THIS TARGETS THE PRIM NAV BUTTON WIDTHS - BUT ONLY SHOWS ON MOUSEOVER - DOESN'T AFFECT PHYSICAL WIDTH */
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
    width: 100%;
    text-align:center;
}


/*
.RadMenu.rmResponsive .rmItem {
    white-space: normal !important;
}

*/








/*london 833 - might hve something to do with the mega being 100%
.RadMenu.rmResponsive .rmRootGroup > .rmItem {
    position: static;
}

#ctl01_Primary_NavMenu_i0_i0_sm0 > ul > li > .rmItem {
    position: static;

}
*/

/* this targets the about mega dropdown so it spreads out all 4 columns, otherwise they run together
.RadMenu.rmResponsive .rmRootGroup > .about {
    position: static;
}


.RadMenu.rmResponsive .rmRootGroup > .community {
    position:  center;
   white-space:normal;

}
*/

/* PRIMARY NAV MENU PADDING*/



/* REDUCE PADDING AND FONT SIZE OF BUTTONS AS THE SCREEN SHRINKS */

@media (min-width: 1181px) {

    .RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rmSlide .rmLink {
        padding: 10px 27px;
    }

    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
        /*font-size: 90%;*/
   }

}

@media (max-width: 1180px) {

    .RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rmSlide .rmLink {
      padding: 10px 25px;
    }
    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
        font-size: 87%;
   }

}




@media (max-width: 1120px) {
    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
        white-space: normal !important;
        font-size: 83%;
    }

    .RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rmSlide .rmLink {
        padding: 10px 23px;
    }
}



@media (max-width: 1055px) {

    .RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rmSlide .rmLink {
        padding: 10px 25px;
    }
        .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
          font-size: 80%;
   }
            #ctl01_Primary_NavMenu > ul > li:nth-child(1) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:135px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(2) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:135px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(3) {
            word-wrap:normal !important;
            width:135px;
            /*wborder:solid 1px red;*/
        }
            #ctl01_Primary_NavMenu > ul > li:nth-child(4) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:135px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(5) {
            word-wrap:normal !important;
            width:135px;
            /*border:solid 1px red;*/

        }

            #ctl01_Primary_NavMenu > ul > li:nth-child(6) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:135px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(7) {
            word-wrap:normal !important;
            width:135px;
            /*border:solid 1px red;*/
        }


       /*** STICKY - ADJUST HEIGHT***/


}




@media (max-width: 980px) {

    .RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rmSlide .rmLink {
        padding: 10px 20px;
    }
        .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
          font-size: 80%;
   }
            #ctl01_Primary_NavMenu > ul > li:nth-child(1) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:125px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(2) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:125px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(3) {
            word-wrap:normal !important;
            width:125px;
            /*wborder:solid 1px red;*/
        }
            #ctl01_Primary_NavMenu > ul > li:nth-child(4) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:125px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(5) {
            word-wrap:normal !important;
            width:125px;
            /*border:solid 1px red;*/

        }

            #ctl01_Primary_NavMenu > ul > li:nth-child(6) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:125px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(7) {
            word-wrap:normal !important;
            width:125px;
            /*border:solid 1px red;*/
        }

}




@media (max-width: 900px) {

    .RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rmSlide .rmLink {
        padding: 10px 15px;
    }
        .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
          font-size: 80%;
   }
            #ctl01_Primary_NavMenu > ul > li:nth-child(1) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:115px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(2) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:115px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(3) {
            word-wrap:normal !important;
            width:115px;
            /*wborder:solid 1px red;*/
        }
            #ctl01_Primary_NavMenu > ul > li:nth-child(4) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:115px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(5) {
            word-wrap:normal !important;
            width:115px;
            /*border:solid 1px red;*/

        }

            #ctl01_Primary_NavMenu > ul > li:nth-child(6) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:115px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(7) {
            word-wrap:normal !important;
            width:115px;
            /*border:solid 1px red;*/
        }

}




@media (max-width: 826px) {

    .RadMenu.rmResponsive .rmLink, .RadMenu.rmResponsive .rmSlide .rmLink {
        padding: 10px 15px;
    }
        .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
          font-size: 80%;
   }
            #ctl01_Primary_NavMenu > ul > li:nth-child(1) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:105px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(2) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:105px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(3) {
            word-wrap:normal !important;
            width:105px;
            /*wborder:solid 1px red;*/
        }
            #ctl01_Primary_NavMenu > ul > li:nth-child(4) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:105px;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(5) {
            word-wrap:normal !important;
            width:105px;
            /*border:solid 1px red;*/

        }

            #ctl01_Primary_NavMenu > ul > li:nth-child(6) > .rmLink {
              padding-bottom: 19px;
              padding-top: 18px;
              vertical-align: middle;
            /*border:solid 1px red;*/
            width:105px;
            word-wrap:normal !important;
            }
            #ctl01_Primary_NavMenu > ul > li:nth-child(7) {
            word-wrap:normal !important;
            width:105px;
            /*border:solid 1px red;*/
        }



}


/* MAKE SURE THE PRIM NAV BARS ARE 100%*/
@media (max-width: 767px) {

    #ctl01_Primary_NavMenu > ul > li:nth-child(1) > .rmLink {
        width: 100%;
        border-bottom: solid 1px rgb(18, 29, 61);
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(2) > .rmLink {
        width: 100%;
        border-bottom: solid 1px rgb(18, 29, 61);
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(3) {
        width: 100%;
        border-bottom: solid 1px rgb(18, 29, 61);
    }

        #ctl01_Primary_NavMenu > ul > li:nth-child(3) > .rmLink {
            padding-bottom: 19px;
            padding-top: 18px;
            vertical-align: middle;
        }

    #ctl01_Primary_NavMenu > ul > li:nth-child(4) > .rmLink {
        width: 100%;
        border-bottom: solid 1px rgb(18, 29, 61);
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(5) {
        width: 100%;
        border-bottom: solid 1px rgb(18, 29, 61);
    }

        #ctl01_Primary_NavMenu > ul > li:nth-child(5) > .rmLink {
            padding-bottom: 19px;
            padding-top: 18px;
            vertical-align: middle;
        }

    #ctl01_Primary_NavMenu > ul > li:nth-child(6) > .rmLink {
        width: 100%;
        border-bottom: solid 1px rgb(18, 29, 61);
    }

    #ctl01_Primary_NavMenu > ul > li:nth-child(7) {
        width: 100%;
        border-bottom: solid 1px rgb(18, 29, 61);
    }

        #ctl01_Primary_NavMenu > ul > li:nth-child(7) > .rmLink {
            padding-bottom: 19px;
            padding-top: 18px;
            vertical-align: middle;
        }

        /* nudges the mega menu to the right a little
        .RadMenu.rmResponsive .rsmItem .rsmItem {
          margin-left: 5px;
        }*/
        .RadMenu.rmResponsive .rsmItem {
          padding: 3px 13px;
        }
 

        .auth-link-container {


           /* 3/16/2017 - commented out to remove the callout message that displays when less than 480
               padding: 10px 15px;
          text-align: center;
          border-bottom: 1px solid #8E4242;
         background-color: #b7b6b5;
          background-color:green;
          line-height: 40px;*/
        }

        #ctl01_LoginStatus1
        {
        -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: normal;
        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;
        color: white;
        text-decoration: none;
    }



/***** SIGN IN BUTTON HOVER ******/
    #ctl01_LoginStatus1:hover {
          background-color: #b7b6b5;

        }

/***** SIGN IN BUTTON TEXT COLOR *****/
    #ctl01_LoginStatus1 > a {
        color: #ffffff !important;
        text-decoration: none !important;
        text-transform: uppercase;
        font-weight: bold;
    }


    /* WHEN < 768 HIDE THE GREY BACKGROUND BEHIND THE NEWS */

    #homeNews {
        background:none !important;
    }
}


@media (min-width: 481px) {


    /* WHEN IN TABLET MODE - NEED TO SET THE COLUMN WIDTHS OF THE PRIMAR NAV MEGA MENU FOR SECTIONS THAT DO NOT HAVE 4 COLUMNS */

    /* MEETINGS */
    #ctl01_Primary_NavMenu_i2_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 48% !important;
    }

    #ctl01_Primary_NavMenu_i2_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 48% !important;
    }

    #ctl01_Primary_NavMenu_i2_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 0% !important;
    }

    #ctl01_Primary_NavMenu_i2_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 0% !important;
    }

    /* PUBS */
    #ctl01_Primary_NavMenu_i3_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 33% !important;
    }

    #ctl01_Primary_NavMenu_i3_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 33% !important;
    }

    #ctl01_Primary_NavMenu_i3_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 33% !important;
    }

    #ctl01_Primary_NavMenu_i3_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 0% !important;
    }

    /* PROF DEV */
    #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 32% !important;
    }

    #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 32% !important;
    }

    #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 32% !important;
    }

    #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 0% !important;
    }


    /* OUTREACH */
    #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 33% !important;
    }

    #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 33% !important;
    }

    #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 33% !important;
    }

    #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 0% !important;
    }




    /* DIV COMM */
    #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 48% !important;
    }

    #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 48% !important;
    }

    #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 0% !important;
    }

    #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 0% !important;
    }

}






@media (min-width: 768px) {

    /*** TARGETING MEGA MENU COLUMN WIDTHS*/
    /*About TMS*/
    #ctl01_Primary_NavMenu_i0_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 145px !important;
        /*background-color:red;*/
        white-space:nowrap !important;
    }

    #ctl01_Primary_NavMenu_i0_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 175px !important;
        white-space:nowrap !important;
    }

    #ctl01_Primary_NavMenu_i0_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 125px!important;
        white-space:nowrap !important;
    }

    #ctl01_Primary_NavMenu_i0_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 225px !important;
        white-space:nowrap !important;
    }
    /*membership*/
    #ctl01_Primary_NavMenu_i1_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 150px !important;
    }
    #ctl01_Primary_NavMenu_i1_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 175px !important;
    }
    #ctl01_Primary_NavMenu_i1_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 175px !important;
    }
    #ctl01_Primary_NavMenu_i1_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 225px !important;
    }

    /*meetings*/
    #ctl01_Primary_NavMenu_i2_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 245px !important;
    }
    #ctl01_Primary_NavMenu_i2_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 200px !important;
    }
    #ctl01_Primary_NavMenu_i2_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 0px !important;
    }
    #ctl01_Primary_NavMenu_i2_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 0px !important;
    }


    /*pubs*/
    
       /* commented out for now to see if better
   #ctl01_Primary_NavMenu_i3_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 200px !important;
    } */
    #ctl01_Primary_NavMenu_i3_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 200px !important;
    }
    #ctl01_Primary_NavMenu_i3_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 225px !important;
    }
    #ctl01_Primary_NavMenu_i3_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 0px !important;
    }

    /*profdev*/
    #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 265px !important;
    }
    #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 215px !important;
    }
    #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 200px !important;
    }
    #ctl01_Primary_NavMenu_i4_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 0px !important;
    }

    /*outreach*/
    #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 200px !important;
    }
    #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 200px !important;
        overflow: visible;
    }
    #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 150px !important;
    }
    #ctl01_Primary_NavMenu_i5_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 140px !important;
    }

    /*divcomm*/
    #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(1) {
        width: 225px !important;
    }
    #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(2) {
        width: 190px !important;
        overflow: visible;
    }
    #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(3) {
        width: 0px !important;
    }
    #ctl01_Primary_NavMenu_i6_i0_sm0 > ul > li > div > ul:nth-child(4) {
        width: 0px !important;
    }
}


/**********  RM TOGGLE *************/

@media (min-width: 768px)
{
    .RadMenu.rmResponsive .rmToggle {
display: block;
   /*margin: -30px -25px;
  float: none; */
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color:purple;*/    
left: 15px;
  top: 10px; 
     }

    .RadMenu.rmResponsive .rmToggle .rmIcon {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0;
      display: block;
      background-image: url("images/10x10_transparent.png");
      background-repeat: repeat-x;
      /*background-color:red;*/
      margin-top: 0px; 
      margin-bottom: 0px; 
      margin-right: auto;
      margin-left: auto;
      text-align: center;
      width:100%;
      height:100%;
    }

}




/* JOM - may have been used w/ tabs

@media (min-width: 768px) {
    .jomDesktop {
        display:inline-block;
    }
    .jomTab {
        display:none;
    }
}
@media (max-width: 767px) {
    .jomDesktop {
        display:none;
    }
    .jomTab {
        display:inline-block;
    }
}

*/



/* BOXES ON THE HOME SWITCHES TO ONLY BAR - REMOVE CONTENT 

*/



/*   .containerPubs{
        display:none;
    }
    .containerNews{
        display:none;
    }
    .containerMeetings{
        display:none;
    }
    .containerInitiatives{
        display:none;
    }
    .containerFoundation{
        display:none;
    }
    .containerMember{
        display:none;
    }
    .containerProfDev{
        display:none;
    }*/ 



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

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

/* this will hide the about tms when less than 768 */

@media (max-width: 767px) {

    .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;
}



/********* END FOOTER ***********/
/********* END FOOTER ***********/
/********* END FOOTER ***********/



/* SEARCH - when screen is < 768 this will make the height of the search box that is dropped to be evenly spaced on top / bottom*/

@media (max-width: 767px) {
    .search-container {
        display: block;
        height: 60px;
    }
}
    .auth-link-container {
        display: none;
        height: 0;
    }




/* CREATE ACCOUNT */
/* Try to hide the Create Account when in desktop/tab - but show in xsmall*/
@media (min-width: 768px) {
    NavigationUnorderedList.nav-aux-account {
        display: none;
    }
}

/* ASI ACCOUNT*/
/* ==========================================================================
   DROPDOWN MENUS
   ========================================================================== */
/* This comes from Bootstrap v. 3.3.2, but has been modified */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1100;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  color:black;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li {
  list-style: none;
}
.dropdown-menu > li > a,
.dropdown-menu > li > div {
  text-decoration: none;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  white-space: nowrap;
      color: #888;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
  background-color: #00a9e0;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  color: #7c7c7c;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1090;
}



.dropdownRow

{
    /*background-color:red;*/
    color:black;
}

/************* ACCT*/



/* Toggles and auxiliary navigation
   ========================================================================== */
.account-menu > li > a {
  /*font-weight: 600;*/
  display: inline-block;
  /* make sure the top & bottom padding make it exactly the height of the header bar 
  padding: 15px 10px;*/
}
/*
.account-menu > li > a, .account-menu > li > a:hover, .account-menu > li > a:visited, .account-menu > li > a:active {
  text-decoration: none;
  color: #333;
}
*/
  /*.account-menu > li > a:hover, .account-menu > li > a:focus, .account-menu > li > a:active {
 need to provide a fallback color for IE8, which doesn't support rgba 
  background-color: #f2f2f2;
  background-color: rgba(0, 0, 0, 0.05);
}
*/
.obo-toggle a {
  border-radius: 5px;
  border: none !important;
  vertical-align: middle;
}


.obo-toggle {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}


.obo-toggle.on {
  background-color: #003a4d;
}

.obo-toggle.on:hover,
.obo-toggle.on:focus,
.obo-toggle.on:active {
  background-color: #005875;
}


.obo-toggle {
  padding: 0 !important;
  background-image: none;
  width: 34px;
  height: 34px;
}
.obo-toggle:hover, .obo-toggle:focus, .obo-toggle:active {
  border: none !important;
}

.obo-toggle:before {
  background-position: -224px 0;
}
.obo-toggle.on:before {
  background-position: -248px 0;
}

/* Dropdowns
   ========================================================================== */
/* Dropdowns are used for the account area and the search toggle */
@media (max-width: 767px) {
    .account-menu > .dropdown {
    /* this is necessary to allow the search box to span the full width */
    position: static;
    text-align:initial;
  }
    .account-menu > .dropdown > .dropdown-menu {
    width: 100%;
  }
}

/* Account area
   ========================================================================== */
.account-menu .obo-actions a {
  text-decoration: none;
}
@media (max-width: 767px) {
  .account-menu .obo-actions > li:first-child {
    display: block;
    white-space: normal;
    margin-bottom: .2em;
  }
    #ctl01_AccountArea_PartyName {
        /*font-size: 90%;*/
        padding-top: 10px;
        width: 60px;
    }
}

.account-menu .profile-picture-wrapper {
  width: 34px;
}
.obo-on .account-menu .profile-picture-wrapper {
  width: 38px;
}
.account-menu .profile-picture-wrapper img {
  width: 28px;
  height: 28px;
  /*top: 0;*/
  border-radius: 5px;
}
.account-menu .profile-picture-wrapper .picture-secondary {
  width: 18px;
  height: 18px;
  left: 30px;
  bottom: 3px;
  border: 2px solid #e98300;
  border-radius: 3px;
}

.account-toggle .nav-text {
  margin-left: 35px;
  display: inline-block;
  max-width: 15em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
}
@media (max-width: 767px) {

 /* #ctl01_AccountArea_ProfileMenu
    {width:100px;}*/

  .account-menu > li > .account-toggle {
    padding-left: 7px;
    /*padding-right: 25px;*/
  }
  .account-menu > li > .account-toggle:hover {
    background-color: transparent;
  }
  .account-toggle .nav-text {
    margin-left: 0;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  .account-toggle .caret {
    display: none;
  }
  .open .account-toggle .picture-primary {
    -webkit-box-shadow: 0 0 0 3px #003a4d;
    box-shadow: 0 0 0 3px #003a4d;
  }
}

@media (min-width: 768px) {
#auxNavAcct{
    float:right;
  }
    #ctl01_AccountArea_PartyName
    {font-size:90%;padding-top:10px;}


 .nav-aux-cart {margin-right:10px;}

 /* this helps level the text of the aux nav and the account area when logged in*/
 .navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink {
    display: inline-block;
    vertical-align: bottom;
}


}





/* THIS SHOULD HIDE THE LOCKS - ADDING CLASS - TO THE SUBNAV */
.importantClass {
    display:none !important;
}


.aimeHome {
    position:relative;
    top:50%;
    transform: translateY(50%);
}

@media (max-width: 767px) {
    .aimeHome {
        transform:none !important;
    }
}