.cbre-navbar.dropdown-menu {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
	min-width: 197px;
}

.cbre-navbar.dropdown-submenu {
    position: relative;
}

.cbre-navbar.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  min-height: 101%;
}

.cbre-navbar.dropdown-submenu:hover>.dropdown-menu {
    display: inline-table;
}

.cbre-navbar.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.cbre-navbar.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.cbre-navbar.dropdown-submenu.pull-left {
    float: none;
}

.cbre-navbar.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar-green {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.cbre-app-toolbar  .navbar-green {
    border-bottom-style: none;
    margin-bottom: 0;
    margin-top: -10px;
}

.navbar-green > li > a {
    color: #262626;
    font-family: futura-pt,kozuka-gothic-pro,Arial,sans-serif;
    font-size: medium;
}

.navbar-green li:hover, .navbar-green li a:hover, .navbar-green .open>a, 

.navbar-green .open>a:focus, .navbar-green .open>a:hover {
    background-color:transparent !important;
    border-color:transparent !important;
}

.cbre-navbar.navbar-toggle {
     background-color:ButtonFace;
}

.cbre-navbar.navbar-toggle > *{
    background-color:#262626;
}

.cbre-navbar.dropdown-menu > li > a{
  color: #262626;
  font-family: futura-pt,kozuka-gothic-pro,Arial,sans-serif;
  font-size: 15px;
  line-height: 25px;
}

.cbre-navbar.dropdown-menu > li:hover > a {
    color:#69BE28;
    text-decoration: underline;
}

.cbre-navbar.navbar-brand {
    float: right;
    width: auto;
    padding: 0 10px 10px;
    color: #262626;
    font-family: futura-pt,kozuka-gothic-pro,Arial,sans-serif;
    font-weight:700;
}

/*AB: magic numbers of 767 and 768 come from bootstrap responsive css. It's 

the rubicon for switch between mobile and desktop view.
    And below queries were added for the sole purpose of adding margin for 

navbar only in desktop mode.
*/

@media (max-width: 767px) {
    .navbar-green.navbar {
        padding: 0 5px;
    }
    .cbre-myea {
        width: 100%;
    }
}


/* ----------------------------------------------------
   changed margin-right (below) to 0 from 5% because it 
   needs to line up to right edge of 1024px max-width
   #content_wrapper
   BUT - it screwed up IE, so there are some other
   fixes for that - noted lower down
   ------------------------------------------------- */

@media (min-width: 768px) {
    .navbar-green.navbar {
        float: right;
        margin-right:0;
    }
    .cbre-myea {
        width: 450px;
    }
    .cbre-myea .col-sm-6 {
        width: 50%;
        padding:0px;
    }
    .cbre-app-toolbar .navbar-green.navbar{
        float: left;
        margin-left:1%;
        border:none;
    }
}


/* top menu -------------------- */

.topLogo {
  padding-top: 10px;
}

/* --------------------------------------
   IE fix (directly below)
   ----------------------------------- */
#bs-example-navbar-collapse-1 > .navbar-nav {
  float: none;
}

/* tightened up spacing: here and further below */
#bs-example-navbar-collapse-1 {
  padding: 0;
}

/* sticking to right edge of #content_wrapper */
#bs-example-navbar-collapse-1 > div {
  padding-right: 0;
}

.topMenu,
.topMenu > .navbar {
  margin-bottom: 0;
}

.topMenu > .navbar > div {
  padding: 0;
}

.topMenu .dropdown-menu > .active > a, 
.topMenu .dropdown-menu > .active > a:focus, 
.topMenu .dropdown-menu > .active > a:hover {
  background-color:#fff; /* or transparent – or whatever color you want it to be */
}


/* ----------------------------------------------------------
   general font stack is called for <body> and other tags in 
   styles.css -- shouldn't have to repeat it here -
   should probably call styles.css before navigationmenu.css?
   ------------------------------------------------------- */
#bs-example-navbar-collapse-1 > .navbar-nav > li > a {
  padding: 10px 20px 5px 20px;
  vertical-align: middle;
  color: #262626;
  font-size: 15px;
  font-family: futura-pt,kozuka-gothic-pro,Arial,sans-serif;
}

#bs-example-navbar-collapse-1 > .navbar-nav > li > a > li > a {
  color: #262626;
  font-size: 15px;
  font-family: futura-pt,kozuka-gothic-pro,Arial,sans-serif;
}

/* -------------------------------------------------------
   margin-top: -30px is to make up for the space taken up
   by the 2 <br> tags above the element. There used to by
   only one <br> and I had the margin-top set to -10 or 
   something. I couldn't figure out a way to make the <br>
   elements take less room
   ALSO, the other styles below help to tighten up the
   spacing
   ---------------------------------------------------- */
#bs-example-navbar-collapse-1 > a {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: -30px;
  line-height: 20px;
  height: 20px;
}


/*------------------------------------ */

#appToolbar > .navbar-nav {
  margin-left: -30px;
  padding-left: 0;
}

#appToolbar > .navbar-nav > .container-fluid {
  padding-left: 0;
  margin-left: -15px;
}

#appToolbar > .navbar-nav {
  margin-bottom: 0;
}

#appToolbar > .navbar-nav > li > img {
  padding-top: 5px;
  margin-bottom: 0;
}

#appToolbar > .navbar-nav > li > a {
  padding: 10px 20px 5px 5px;
  vertical-align: middle;
  color: #262626;
  font-size: 14px;
  font-family: futura-pt,kozuka-gothic-pro,Arial,sans-serif;
}


.cbre-myea{
    font-family: futura-pt,kozuka-gothic-pro,Arial,sans-serif;
    font-weight:400;
}

.cbre-myea li a {
    color: #262626;
}

.cbre-myea li:hover a {
    color:#69BE28;
    text-decoration: underline;
    cursor:pointer;
}

.cbre-myea.active a {
    background-color:#EEEEEE;
}

.cbre-myea-outlook-dashboard{
    text-align:center;
    padding-top:10px;
}

.cbre-myea-outlook-dashboard-border-bottom{
    border-top-width:1px;
    border-top-color:darkgray;
    border-top-style: solid;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
}

.cbre-myea-outlook{
    margin: 0;
    padding: 0;
    width: 100%;
    padding-right: 15px;
}

.cbre-myea-outlook-regions{
    margin: 0;
    padding: 0;
}

.cbre-myea-outlook-regions > div{
    display: inline-block;
    width:48%;
    text-align:center;
    vertical-align:top;
}

.cbre-myea-outlook-regions ul{
    margin: 0;
    padding: 0 0 20px 0;
}

.cbre-myea-outlook-regions li{
    border-style:none;
    padding-bottom:5px;
    padding-top:0px;
}

.cbre-myea-outlook-regions strong{
    color:#016A4C;
    cursor:default;
}

.cbre-myea-quick-links-border-left{
    display: inline-block;
    border-left: 1px solid darkgray;
    padding-top: 0px;
    padding-bottom: 0px;
    width: 1px;
    position: absolute;
    top: 10%;
    left: 0px;
    height: 80%;
}

.cbre-myea-quick-links list-group{
    display:inline-block;
}

.cbre-myea-quick-links li{
    border-style:none;
}

.cbre-myea-quick-links-logout{
    padding-top: 10px;
    border-top: 1px solid darkgray;
    color: #262626;
}

.cbre-app-toolbar li{
    cursor:pointer;
}

.cbre-app-toolbar li > img {
    display:inline-block;
}

.cbre-app-toolbar .dropdown-menu img{
    margin-left:7%;
}

.cbre-app-toolbar li > a {
    display:inline-block;
}

.cbre-apps-iframe > iframe{
    border-style: none;
    width: 100%;
    height: 400px;
}

.cbre-supplytrax-header{
    float: left;
    margin-left: 3%;
    margin-right: 3%;
}

.cbre-supplytrax-header strong{
    color: #262626;
}