/**
 * Top and Left Nav CSS Navigation Definitions
 *
 * @file              /css/navigation.css
 * @author            amelia.catalano@blackrock.com
 * @date              2009.06.10
*/ 

/* BEGIN TOP NAV JAPAN */

  #nav { margin: 0; padding: 0; list-style: none; }
  #nav li { z-index: 1000; float: left; position: relative; font-size: 12px; }
  /* commented this out because we use a different image for each language */
  /*#nav .mainTab { height: 27px; text-indent: -1500px; background: url(/images/bg-topnavsprite_jp.gif) no-repeat 0 0; }*/
  #nav .topText { height: 27px; display: block; }
  
  /* SUBMENUS */
  #nav .submenu { margin: 0; padding: 0; list-style: none; position: absolute; width: 200px; left: 0px; top: 27px; background: #FFF url(/images/sg/tnav_submenu_bkg.gif) repeat-x; display: none; z-index: 99; border-bottom:2px solid #008ece; }
  
  #nav #tab-1,#nav #tab-1 .submenu { width: 101px; }
  #nav #tab-1:hover,#nav #tab-1.hover,#nav #tab-1-active { width: 101px; background-position: 0 -27px; }
  
  #nav #tab-2 { width: 148px; background-position: -101px 0; }
  #nav #tab-2 .submenu,#nav #tab-2-active .submenu { width: 170x; background-position: -101px 0; }
  #nav #tab-2:hover,#nav #tab-2.hover,#nav #tab-2-active { width: 148px; background-position: -101px -27px; }
  
  #nav #tab-3 { width: 200px; background-position: -249px 0; }
  #nav #tab-3 .submenu,#nav #tab-3-active .submenu { width:300px; background-position:-328px 0; }
  #nav #tab-3:hover,#nav #tab-3.hover,#nav #tab-3-active { width: 200px; background-position: -249px -27px; }
  
  #nav #tab-4 { width: 184px; background-position: -449px 0; } /*,#nav #tab-4 .submenu*/
  #nav #tab-4 .submenu,#nav #tab-4-active .submenu { width: 333px; background-position: -449px 0; }
  #nav #tab-4:hover,#nav #tab-4.hover,#nav #tab-4-active { width: 184px; background-position: -449px -27px; }
  
  #nav #tab-5 { width: 158px; background-position: -633px 0; } /*,#nav #tab-5 .submenu*/
  #nav #tab-5 .submenu,#nav #tab-5-active .submenu { width:285px; background-position:-633px 0; }
  #nav #tab-5:hover,#nav #tab-5.hover,#nav #tab-5-active { width: 158px; background-position: -633px -27px; }
  
  #nav #tab-6 { width: 199px; background-position: -791px 0; }/*,#nav #tab-6 .submenu*/
  #nav #tab-6 .submenu,#nav #tab-6-active .submenu { width: 315px; background-position: -791px 0; right:0; left:-116px; }
  #nav #tab-6:hover,#nav #tab-6.hover,#nav #tab-6-active { width: 199px; background-position: -791px -27px; }
  
  #nav .submenu li { height: 25px; line-height: 25px; width: 100%; display: block; }/* border-bottom: 1px solid #87B3E4;*/
  #nav .submenu a { width: 100%; display: block; text-indent: 10px; color: #000; height: 25px; }
  
  /* ALL *NON-FIRST LEVEL* SUBMENUS */
  #nav .submenu li .submenu { left: 100%; top: 0px; }
  
  /* SUBMENU IFRAME OVERLAY (same height as submenu height total) */
  .iframeHidden { display: none; left: 0; top: 27px; filter: alpha(opacity = 0); position: absolute; z-index: 9; }
  
  /* SECOND LEVEL SUBMENU IFRAME OVERLAY */
  .iframeHidden.offset { left: 100%; top: 0; }

/* END TOP NAV JAPAN */ 


/* BEGIN LEFT NAV JAPAN */
  .search-container { height: 1%; background: #ebebeb; border-top: 1px solid #bfbfbf; padding: 15px; }
  .search-container .textfield { float: left; height: 16px; line-height: 16px; width: 130px; }
  .search-container .form_search_btn { float: left; margin: -1px 0 5px 2px; }
  .search-container label { clear: both; margin-left: 1px; }
  
  .left-nav-tabs { margin: 0; padding: 0; list-style: none; padding-top: 34px; background: url(/images/jp/ja/navigation/isharesFF.gif) no-repeat 0 0; }
  .left-nav-tabs li { float: left; margin: 0 2px 0 0; height: 30px; overflow: hidden; padding: 0; width: 101px; background: url(/images/jp/ja/navigation/bg-lefttab.gif) no-repeat 0 0; }
  .left-nav-tabs li.last { width: 102px; margin: 0 0 0 0; }
  .left-nav-tabs li a { display: block; line-height: 10px; font-size: 10px; font-weight: bold; overflow: hidden; height: 25px; margin: 0 0 0 0; padding: 5px 8px 0 2px; background: url(/images/jp/ja/navigation/bg-lefttab.gif) no-repeat right 0; }
  .left-nav-tabs li.active { background: url(/images/jp/ja/navigation/bg-lefttab-active.gif) no-repeat 0 0; }
  .left-nav-tabs li.active a { color: #fff; background: url(/images/jp/ja/navigation/bg-lefttab-active.gif) no-repeat right 0; }
  .menu-accordion,.menu-accordion ul { clear: both; margin: 0; padding: 0; list-style: none; background: #999; }
  .menu-accordion div { outline-style: none; font-weight: bold; font-size : 10px; cursor: pointer; margin: 0; padding: 0 0 0 31px; background: url(/images/jp/ja/navigation/icon-leftnav-collapse.gif) no-repeat 6px 10px; font-size: 10px; }
  .menu-accordion div.ui-state-default { background: url(/images/jp/ja/navigation/icon-leftnav-expand.gif) no-repeat 6px 10px; }
  .menu-accordion div.ui-state-active { background: url(/images/jp/ja/navigation/icon-leftnav-collapse.gif) no-repeat 6px 10px; }
  .menu-accordion li { margin: 0; padding: 0; line-height: 26px; color: #fff; background: url(/images/jp/ja/navigation/bg-leftnav-sprite.gif) repeat-x 0 0; }
  .menu-accordion li:hover,.menu-accordion li.hover { background-position: 0px -52px; }
  .menu-accordion li a { display: block; padding: 0 10px; color: #fff; }
  .menu-accordion .first-submenu li { padding-left: 31px; position: relative; background: #999 url(/images/jp/ja/navigation/icon-racquo.gif) no-repeat right top; border-bottom: 1px solid #838383; z-index: 9999999; }
  * html .menu-accordion .first-submenu li { height: 26px; }  /* IE6 needs height; FF doesn't want it */
  .menu-accordion .first-submenu li:hover,.menu-accordion .first-submenu li.hover { background-color: #3AA8FF; }
  .menu-accordion .second-submenu { left: 100%; z-index: 99; top: 0; width: 500px; position: absolute; display: none; border: 1px solid #42A3F4; border-bottom: 0; }
  .menu-accordion .second-submenu li { height: 25px; line-height: 25px; border-bottom: 1px solid #42A3F4; padding: 0; background: #2E87D7; }
  .menu-accordion .second-submenu li:hover,.menu-accordion .second-submenu li.hover { background: #3AA8FF; }
  .menu-accordion .first-submenu li:hover .second-submenu,.menu-accordion .first-submenu li.hover .second-submenu { display: block; }

/* END LEFT NAV JAPAN */