.navigation-vertical-container {
  width: 90px;
  text-transform: lowercase;
}

.navigation-vertical {
  padding: 0;
  margin-top: -2px;
}

.navigation-button {
  display: block;
  background-repeat: no-repeat;
  background-position: center 5px;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background: url(img/sprite_nav.png?x=y) no-repeat center 5px;
  font-size: 0.8em;
  padding: 30px 0 0 0;
  text-decoration: none;
}
.navigation-button-inner-container a:hover {
  color: #fff;
}
.navigation-vertical .icon-container > a > span {
  display: block;
  white-space: initial;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
}

.navigation-vertical .icon-container-with-tree > a > span {
  width: 65px !important;
  margin: auto;
}

.navigation-button-cell {
  border-bottom: 1px solid #201e23;
  background: #2d2d2d;
  color: #fff;
  padding: 0 !important;
}
.navigation-button-cell .navigation-button-border:hover {
  background: rgba(255, 255, 255, 0.05);
}
.navigation-button-cell .tree-container {
  padding: 0;
  width: 13px;
}
.navigation-button-cell .tree-container:hover {
  background: rgba(0, 0, 0, 0.2);
}
.navigation-button-cell .tree {
  height: 13px;
  padding: 0;
  width: 12px;
  background: url(img/sprite_icons.png) no-repeat center -477px;
  cursor: pointer;
  margin-top: 1px;
}

.navigation-button-inner-container {
  height: 56px;
}

.navigation-button-cell[data-button="bn"] .navigation-button span {
  max-width: 83px;
  white-space: pre-wrap;
}
.navigation-button-cell[data-button="bn"] .navigation-button {
  background-position: 8px -1723px;
  padding: 26px 0 0 0;
}
.navigation-button-cell[data-button="cu"] .navigation-button {
  background-position: 7px -98px;
}
.navigation-button-cell[data-button="in"] .navigation-button {
  background-position: center -749px;
}
.navigation-button-cell[data-button="ir"] .navigation-button {
  background-position: center -347px;
}
.navigation-button-cell[data-button="co"] .navigation-button {
  background-position: center -849px;
}
.navigation-button-cell[data-button="fu"] .navigation-button {
  background-position: center -146px;
}
.navigation-button-cell[data-button="fn"] .navigation-button {
  background-position: 9px -897px;
}
.navigation-button-cell[data-button="ne"] .navigation-button {
  background-position: 7px -649px;
}
.navigation-button-cell[data-button="ca"] .navigation-button {
  background-position: 10px -45px;
}
.navigation-button-cell[data-button="an"] .navigation-button {
  background-position: center 5px;
}
.navigation-button-cell[data-button="po"] .navigation-button {
  background-position: center -596px;
}
.navigation-button-cell[data-button="li"] .navigation-button {
  background-position: center -700px;
}
.navigation-button-cell[data-button="zm"] .navigation-button {
  background-position: center -246px;
}
.navigation-button-cell[data-button="db"] .navigation-button {
  background-position: center -196px;
}
.navigation-button-cell[data-button="cs"] .navigation-button {
  background-position: center -296px;
}
.navigation-button-cell[data-button="ec"] .navigation-button {
  background-position: 10px -949px;
}

.navigation-button-cell .icon-container-dtl {
  padding: 0 0 1px 0 !important;
}

.navigation-button-cell[data-button="sc"] .navigation-button {
  background-position: center -1429px;
}
.navigation-button-cell[data-button="wl"] .navigation-button {
  background-position: center -492px;
}
.navigation-button-cell[data-button="fb"] .navigation-button {
  background-position: center -1484px;
}
.navigation-button-cell[data-button="et"] .navigation-button {
  background-position: center -1619px;
}
.navigation-button-cell[data-button="pr"] .navigation-button {
  background-position: center -1669px;
}
.navigation-button-cell[data-button="sl"] .navigation-button {
  background-position: center -1823px;
}
.navigation-button-cell[data-button="fl"] .navigation-button {
  background-position: center -1772px;
}
.navigation-button-cell[data-button="de"] .navigation-button {
  background-position: 10px -1872px;
}
.navigation-button-cell[data-button="xx"] .navigation-button {
  background: none;
  padding: 5px 0 5px 0;
}
.navigation-button-cell[data-button="xx"] .icon-container-with-tree {
  border: none;
  padding-top: 5px;
}
.navigation-button-cell[data-button="xx"]
  .icon-container-with-tree
  .navigation-button {
  text-align: right;
  width: 58px !important;
}
.navigation-button-cell[data-button="xx"]
  .icon-container-with-tree
  .navigation-button
  span {
  width: 58px !important;
}
.navigation-button-cell[data-button="xx"] .tree-container {
  width: 25px;
}
.navigation-button-cell[data-button="xx"] .tree {
  margin-top: 0px;
  padding: 0;
  background: url(img/icon_sprite_v3_black.png) no-repeat scroll right -3983px transparent;
}

.navigation-button-cell .icon-container-with-tree {
  border-right: 1px solid #444;
  margin: 0;
  padding: 0;
}

.navigation-button-cell .icon-container {
  padding: 6px 0;
  margin: 0;
}

.navigation-button-cell .treeview {
  padding: 9px 11px 9px 11px;
  text-align: left;
}

.nav-sub-menu {
  position: absolute;
}
.nav-sub-menu div.active .pop-menu {
  position: relative;
  border: 1px solid #000;
  background-color: #222;
  min-width: 180px;
  font-size: 0.95em;
  width: auto !important;
}
.nav-sub-menu div.pop {
  width: auto;
}

.nav-sub-menu div.active .pop-menu ul {
  padding: 9px 11px 9px 11px;
  text-align: left;
  list-style-type: none;
  margin: 0;
}

.nav-sub-menu div.active .pop-menu ul.left-second-level-menu {
  padding-top: 2px;
  padding-bottom: 2px;
}

.nav-sub-menu div.active .pop-menu ul li {
  background: url(img/icon_sprite_v3_black.png) no-repeat left -4860px;
  border-top: 1px dotted #444;
  padding-left: 10px;
  margin: 2px 0;
}
.nav-sub-menu div.active .pop-menu ul li.first {
  border-top: 0;
  padding-top: 0;
}
.nav-sub-menu div.active .pop-menu ul li.menu-expanded ul li {
  border-top: 0;
}

.nav-sub-menu div.active .pop-menu ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 0.9em;
}
.nav-sub-menu div.active .pop-menu ul li a:hover {
  color: #ccc;
}

.nav-sub-menu div.active .pop-menu ul li.menu-expanded {
  background: url(img/arrow-down.png) no-repeat left 7px;
}

.navigation-vertical-container .header-right-menu-inactive {
  color: #d5d5d5;
  cursor: pointer;
  display: block;
  padding: 13px;
  border-left: 1px solid gray;
  height: 25px;
}

/* products button */
.products-btn .navigation-button {
  background: url(img/sprite_nav.png) no-repeat scroll center -1669px;
}

.products-btn {
  border: none;
  background: #2d2d2d;
  background-position: center -180px;
  border: 1px solid #222;
  position: fixed;
  bottom: 5px;
  left: 5px;
  width: 84px;
  font-size: 14px;
  padding: 1px 0;
}

/*funds price page top navigation */

.sublinks {
  margin-bottom: 6px;
  float: right;
  display: inline-block;
  margin-left: 6px;
}
.sublinks div:first-child {
  float: left;
  margin-top: 7px;
  margin-right: 7px;
}

.sublinks a span {
  text-transform: none;
}

.sublinks a {
  color: #152f82;
  display: block;
  float: left;
  text-align: center;
  text-transform: capitalize;
  border: #152f82 1px solid;
  background: #e1e5f1;
  margin-right: 3px;
  font-size: 1em;
  margin-top: 3px;
  text-decoration: none;
}

.sublinks a {
  padding: 4px 8px;
}

.sublinks a.right {
  margin-right: 0;
}

.sublinks a {
  background: #2d2d2d;
  color: #b1b1b1;
  border: none;
}

.sublinks a:hover,
.sublinks a.active {
  background: #2d2d2d;
  color: #59c6ce;
}