@charset "utf-8";
/**
 * Main CSS Definitions
 *
 * @file              /css/webcommon.css
 * @author            chris geheran / drew ross
 * @revision          $Id$
*/

  body  {
          /*font-family: ms pgothic, verdana, arial, sans-serif; //MS PGothic;*/
		  font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",verdana, arial, sans-serif;
          font-size: 12px;
          color: #333; /*626469*/
          background-color:#efeef0;
          margin:0;
          padding:0;
          border-bottom:20px solid #efeef0;
  }
.body-shadow{ background:transparent url(/images/body_shadow.jpg) repeat-y scroll center top; margin:0 auto; padding:0; overflow:hidden; width:1022px; }
  /* for pages whose contents are small */
  div.shortPage{ padding-bottom:280px; }

  img { border:0; }
  input, textarea { font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",verdana, arial, sans-serif; padding:0; margin:0; }
  :focus { -moz-outline-style: none; }
  p { line-height:16px; margin: 1em 0 1.6em; }
  form,p { border:0; padding:0; }
  h1 { font-size:35px; }
  h1.blueheader { font-size:22px; font-weight:bold; color:#0954b9; padding:0; margin:0px 0px 15px 0px; }
  h2.blueheader { font-size:12px; font-weight:bold; color:#0954b9; padding:0; margin:0; }
  h2.blueheader a { text-decoration:none; color:#0954b9; }
  h2.blueheader a:hover { text-decoration:underline; }

  .inline_left { display:inline; float:left; }
  .inline_right { display:inline; float:right; }

  a { color:#333; text-decoration:none; }
  a:active {outline:none;}
  a.underline { text-decoration:underline; }

  .clear { clear:both; }

  /* This is mainly for firefox-- if IE fix has to live in the decorator */
  .clearfix { zoom:1; }
  .clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden; }

	.b { font-weight:bold; }
  .i { font-style:italic; }
  .black { color:#000; }
  .white { color:#FFF; }
  .blue { color:#2288d6; }
  .darkBlue { color:#1266c3; }
  .ul { text-decoration:underline; }
  .error{ font-size:11px; color:#FF5C00; }
  .notoppadding { padding-top:0px; }
  .nopadding { padding:0; }
  .nomargin { margin:0 !important; }
  .nobold { font-weight:normal !important; }
  .indent50 { padding-left:50px; margin-bottom:10px; }
  .indent150 { padding-left:150px; margin-bottom:10px; }
  .indent20 { padding-left:20px; margin-bottom:10px; }
  .indent15 { padding-left:20px; margin-bottom:10px; }
  .mb20 { margin-bottom:20px !important; }
  .mb25 { margin-bottom:25px !important; }
  .mb45 { margin-bottom:45px !important; }
  .mb15 { margin-bottom:15px !important; }
  .mt50 { margin-top:50px !important; }
  .mt12 { margin-top:12px !important; }
  .mt15 { margin-top:15px !important; }
  .fs12 { font-size:12px; }
  .fs11 { font-size:12px; }
  .light_gray { color:#7b7b7b; }

  /* Spotlight Tags */
  .spotlight { display:block; position:absolute; left:0px; top:0px; }

	/* All Site layout definitions */
	/* static layout pieces (left unchanged with modified layout widths) */
	.main_content { margin:0; padding:0px 10px; }
	.left_nav { display:inline; width:205px; background:#ebebeb; vertical-align:top; float:left;}
	.left_nav .link_container { width:205px; }
	.left_nav .materials { border-top:2px solid #fff; }
	.left_nav .link_list_hdr { padding:0; margin:0; border-bottom:2px solid #fff; overflow:hidden; }
	.left_nav .fundback { background-color:#f2f2f2; }
	.left_nav .link_list { padding:10px 3px 0px 5px; }
	.left_nav .link_list ul { padding:0; margin:0; list-style:none; }
	.left_nav .link_list li { position:relative; padding-bottom:10px; }
	.left_nav .link_list li p { padding-right:12px; }
	.left_nav .link_list li a { display:block; color:#4a4a4a; }
	.left_nav .link_list li.grayarrow { background:transparent url(/images/lnav_grayarrow.gif) 139px 4px no-repeat; }
	.left_nav .link_list li.whitearrow { background:transparent url(/images/lnav_whitearrow.gif) 139px 4px no-repeat; }

  /* standard styles */
  .main_back { }
  .headernav_left { left:425px; }
  .site_container { display:block; width:990px; background:#fff; overflow:visible; margin:0px auto; }
  .site_container_noLeft { display:block; width: 990px; background: #fff; overflow: visible; margin:0 auto; }
  
  .layout_container {display:block; width:990px; clear:both; overflow:hidden; }
  .main_content_container { display:inline; width:785px; vertical-align:top; float:right; overflow:hidden; }
  .ie6 .main_content_container { padding-left: 5px; margin-left: -8px; }
  .header { height:110px; background-color:#FFF; position:relative; font-size:12px; color:#333; padding:0 25px 0 0; }
  .top_navigation { display:inline; width:990px; height:27px; vertical-align:top; background-image:url("/images/tnav_bg.gif"); background-repeat:repeat-x; float:left; }

  
  /* site layout overrides -- extended or retracted widths */
  /* No content yet */

  /* Logo Header decorator styles */
  body.logo_header_layout{ border-bottom:20px solid white;background:#fff; }
  .logo_header_layout { display:block; width:800px; }/* 846px*/
  .logo_header_layout p { color:#7b7b7b; font-size:12px; margin:0px 0px 15px 0px; }
  .logo_header_layout p.blue_big { color:#0954b9; font-size:22px; font-weight:bold; }
  .logo_header_layout p.blue_med { color:#0954b9; font-size:12px; font-weight:bold; }
  .logo_header_top { display:block; border-bottom:2px solid #2288D6; }
  .logo_header_logo { padding:15px; }
  .logo_header_content { display:block; }
  .options_top { padding-left:10px; }
  .options_border { border-bottom:3px solid #2288D6; }

  /* Top Navigation */
  div#topnav { background:url('/images/sprite_topnav.png') repeat-x; }
  div#topnav ul.menu { height:40px; margin:0; padding:0; list-style-type:none; }
  div#topnav ul.menu li { float:left; top:0px; left:0px; cursor:pointer; background:url('/images/sprite_topnav.png') right bottom no-repeat; padding-right:2px; }
  div#topnav ul.menu li:hover { position:relative; z-index:200000; }
  div#topnav ul.menu.back li { z-index:1; }
  div#topnav ul.menu li a { font-size:15px; color:#FFF; text-decoration:none; display:inline-block; height:27px; padding:13px 30px 0; }
  div#topnav ul.menu li a:hover,
  div#topnav ul.menu li.active a { background:url('/images/sprite_topnav.png') repeat-x 0px -40px; }
  /* Show sub menu on tab hover (using JS for IE6) */
  #topnav ul.menu li:hover a.tab { background:url('/images/sprite_topnav.png') repeat-x 0px -80px; }
  #topnav ul.menu li:hover .subMenu { visibility:visible; }
  #topnav .subMenu div .tier3 { visibility:hidden; display:none; padding:0; }
  #topnav ul.menu li:hover .tier2 li:hover .subMenu { visibility:visible; display:block; top:0px; }
  div#topnav .subMenu { visibility:hidden; z-index:5000; background:url('/images/bg_topnav_dropdown_outerleft.png') repeat-y bottom left; position:absolute; top:40px; left:-4px; zoom:1; }
  .ie7 div#topnav .subMenu { z-index: -1; }
  div#topnav .subMenu div { margin:0 0 0 4px; padding:0 6px 7px 0; list-style-type:none; background:url('/images/bg_topnav_dropdown_outerright.png') repeat-y bottom right; }
  div#topnav .subMenu ul { background:url('/images/bg_topnav_dropdown_inner.png') #C4DEF0 repeat-x; width:250px; padding:0 0 15px; margin:0;  }
  div#topnav .subMenu ul li { background:none; float:none; display:block; padding:0px; margin:0px; white-space:nowrap; position:relative; }
  div#topnav .subMenu ul li a { color:#333; font-size:12px; height:auto; padding:5px 0 0 20px; }
  div#topnav .subMenu ul li.first a { padding:14px 0 0 20px; }
  div#topnav .subMenu ul li.item_on { font-weight:bold; }
  div#topnav .subMenu ul li a:hover,
  div#topnav ul.menu li.active .subMenu li a { background-image:none; }
  div#topnav .subMenu ul li a:hover { text-decoration:underline; }
  div#topnav  span.lock { cursor:default; background:url('/images/icons/icon_lock.gif') no-repeat; display:inline-block; width:12px; height:12px; position:relative; left:1px; top:1px; }
 
  /* Tools Popup Header */
  .header_logo_only { display:block; width:990px; /*height:134px;*/ vertical-align:top; background:#fff; }
  .header_logo_only div { padding: 15px; border-bottom: 2px solid #2288D6; }
  
   /* Header */
  #logo a { position:absolute; left:25px; top:34px; }
  .header { height:110px; background-color:#FFF; position:relative; font-size:12px; color:#333; padding:0 25px 0 0; }
  .library .header { position:static; }
  .header a, .header span { font-size:12px; color:#888; } 
  .header .details { text-align:right; }
  .header ul { padding:0px; margin:0px; clear:right; float:right; }
  .header li { list-style-type:none; float:left; padding:0 7px; margin:0px; border-right:solid 1px #999; }
  .header li.start, .header li.end, .header li.noDivider { border-right:none; padding-right:0px; }
  .header .small_HK { background:url("/images/hk/flag_hk.jpg") 3px 5px no-repeat; }
  .header .flag { margin:0; padding:3px 19px 3px 1px; }
  .header .flag:hover { text-decoration:none; }
  #rightdivs  { float:right; width:750px; text-align:right; float:right; }
  #headerLinks { padding:10px 0 0; }
  #headerLinks li.en {  }
  #headerUserInfo { padding:20px 0 14px; }
  #welcometext, #welcome_signedin { display:inline-block; font-weight:bold; color:#333; padding-right:5px; }


  /* Tools Popup Header */
  .header_logo_only { display:block; width:990px; /*height:134px;*/ vertical-align:top; background:#fff; }
  .header_logo_only div { padding: 15px; border-bottom: 2px solid #2288D6; }

  /* Header Related Styles */
  .logo_container { width:100%; height:62px;display:block;padding-top:10px;clear:both; }
  .logo { display:inline; padding-left:12px; float:left; position:relative; z-index:999999; }
  /* i18n changed welcome_header to slide more to left - also removed duplicate style from standard area */
  .welcome_header { position: relative; top: 23px; right: 425px; display:block; color:#0954b9; margin:0px 0px 2px -1px; font-size:12px; font-weight:bold; text-align: right; }
  .header_nav { position:relative;top:1px;font-size:10px;margin:0px;padding:7px 0px 6px 15px;display:inline;border-left:1px solid #e7e3e7;float:left; }
  .header_nav ul { display:block; list-style:none; margin:0px 0px 0px -1px; padding:0; clear:both; }
  .header_nav ul a { color:#8C959B; }
  .header_nav ul li { display:inline; color:#8C959B; margin:0; padding:0px 5px 0px 0px; }
  .header_bottom_container { display:block; width:100%; height:36px; vertical-align:top; background:#fff url("/images/border_headerBottom.gif") repeat-x bottom left; clear:both; }

	/* Search */
	.form_search_input { width:117px; font-size:9px; height:14px; margin-top:2px; margin-left:1px; vertical-align:top; border:0; padding:0; }
	.form_search_btn { text-align:left; vertical-align:top;  border:0; margin:0; padding:0; }
	.search { display:inline; z-index:99999; position:relative; width:205px; height:31px; vertical-align:top; }
	.search_container { display:block; width:205px; height:27px; padding-top:3px; vertical-align:top; }
	.input_container { display:block; width:138px; height:18px; margin-left:5px; vertical-align:top; background:#fff; border:1px solid #152f89; }
  /* for i18n Brazil this light blue color separator looks like whitespace between search and first top nav. So chaning color to be darker to look
     like color of separators used between the Top Nav images.  #1B72B8 is hex for a light navy blue.*/
  /* orig us:  .tnav_separator {position:absolute; top:0px; left:160px; font-size:0px; width:1px; height:27px; border-left:1px solid #C8E1F5; } */
  .tnav_separator {position:absolute; top:0px; left:160px; font-size:0px; width:1px; height:27px; border-left:1px solid #1B72B8; }

  /* Breadcrumb Styles */
  .breadcrumb { display:block; font-size:11px; height:22px; clear:both; padding-top: 10px; }
  .breadcrumb .crumb { display:inline; padding-top:4px; padding-bottom:2px; float:left; }
  .breadcrumb .crumb ul li { font-size:12px;color:#7B7B7B; }
  .breadcrumb .crumb ul li a { font-size:11px;color:#676767; }
  .breadcrumb .links { margin: 0; padding: 4px 0 0 0; float:right; }
  .breadcrumb .links li { float: left; padding-left:10px; color:#2e87d6; }
  .breadcrumb .links li a { padding: 0 0 0 16px; display: block; color:#2e87d6; }
  .breadcrumb .links li .email { background: url(/images/print-email-sprite.gif) no-repeat 0 2px; }
  .breadcrumb .links li .print { background: url(/images/print-email-sprite.gif) no-repeat 0 -15px; }
  .breadcrumb .links li a:hover { text-decoration: underline; }
  .breadcrumb ul { list-style:none; margin:0; padding:0; border:0; }
  .breadcrumb ul li { display:inline; margin:0; padding-right:0px; }
  .breadcrumb ul li.selected  a { font-weight:bold; }
  
  /* printer friendly styles */
  .links{ margin:0; padding:0; }
  .print_right ul { border:0 none; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
  .print_right .links li { color:#2E87D6; float:left; padding-left:10px; }
  .print_right ul li { display:inline; margin:0; padding-right:0; }
  .print_right .links li .print { background:transparent url(/images/print-email-sprite.gif) no-repeat scroll 0 -15px; }
  .print_right .links li a { color:#2E87D6; display:block; padding:0 0 0 16px; }
  .print_right .links li a:hover { text-decoration: underline; }
  .print_body{ background-color:#fff; }
  
  /* bottom main area elements */
    .footer{ padding: 0; }
	#new_footer { display:block; width:100%; float:left; font-size:11px; text-align:left; } /* border-top:1px solid #e1dede;*/
    #new_footer .footer_column { display:inline; float:left; padding-top:10px; vertical-align:top; margin-left:8px; }
    #new_footer .footer_column1 { width:100px; }
    #new_footer .footer_column2 { width:110px; }
    #new_footer .footer_column3 { width:135px; }
    #new_footer .footer_column4 { width:175px; }
    #new_footer .footer_column5 { width:210px; }
	#new_footer .footer_padding { padding:3px 0 3px 0;}
    #new_footer .footer_column a { text-decoration:none; }
    #new_footer .footer_separator { display:inline; float:left; width:10px; }
    #new_footer #footer_logo { display:inline; float:right; padding-top:10px; }
	.footer_bottom_logo { width:100%; font-size:11px; padding:9px 0; clear:both; overflow:auto; }
	.inline_left_footer { display:inline; float:left; padding-left:8px;padding-top:18px; color:#666; }
    .inline_right_footer { display:inline; float:right; }
	.footer_copyright{ width:100%; font-size:11px; padding:20px 0 10px 0; clear:both; overflow:auto;border-top:1px solid #e1dede; }
	.footer_copyright_text{ padding:0 5px; line-height:14px; color:#666; }
	.footer_background{ height:15px; background-image:url("/images/footer_bkg.gif"); background-repeat:repeat-x; }
	
	
  .print_header { display:block; padding:10px 10px 20px 5px; clear:both; }
  .print_body { margin:5px; }
  .print_left { display:inline; float:left; color:#cc0000; }
  .print_right { display:inline; float:right; }

  /* Tools Passthrough Exit Page Style via Logo_Header:See Decorator */
  .exit_tracking { font-size:12px;padding-top:59px;padding-left:181px;color:#7b7b7b; }
	.exit_tracking a { text-decoration:underline; }

  /* Fund Screener Search */
  .fundscreener { display:block; color:#7b7b7b; }
  .fundscreener p { padding:0px 0px 0px 40px; font-size:11px; margin:0; }
  .fundscreener p.results { font-size:10px; margin:0; padding:5px 0px 10px 5px; }
  .fundscreener ul { padding-left:55px; margin-top:0; padding-top:0; font-size:11px;  }
  .fundscreener .blueheader { font-size:12px; font-weight:bold; color:#0954b9; padding:0; margin:0;   }
  .fundscreener .inline_left { display:inline; float:left; }
  .fundscreener .left_form { display:block; width:250px; }
  .fundscreener .left_form .blueheader { width:190px; }
  .fundscreener .right_form { display:block; width:325px; }
  .fundscreener .form { font-size:11px; padding:10px 0px 0px 18px; }
  .fundscreener .colheader { padding:5px 0px; color:#7b7b7b; font-weight:bold; }
  .fundscreener .row { display:block; padding-top:5px; clear:both; }
  .fundscreener .radio { display:block; text-align:center; width:25px; }
  .fundscreener .right_input { display:block; width:120px; }
  .fundscreener .right_input_element { width:80px; font-size:11px; color:#7b7b7b; }
  .fundscreener .left_form .description { display:block; width:150px; }
  .fundscreener .right_form .description { display:block; width:180px; }
  .fundscreener .text_input { width:196px; }
  .fundscreener .submit_button { display:block; padding-top:7px; width:200px; text-align:right;  padding-bottom:45px;}
  .fundscreener .right_form .submit_button { width:308px; }
  .fundscreener .seperator { height:5px; border-bottom:1px solid #667987; }

  /* Fund Screener Results */
  table.screener_results { width:100%; background-color:#efefef; font-size:10px; margin:0px 0px 10px 0px; padding:0; border:0; }
  table.screener_results a { text-decoration:underline; }
  table.screener_results th { color:#4b4b4b; vertical-align:bottom; font-weight:bold; padding:5px; background:#aeafb1 url("/images/datamodule_bg_header.gif") repeat-x top left; text-align:right; }
  table.screener_results th.detail { width:200px; text-align:left; }
table.screener_results th.stock { text-align:left; }
  /*table.screener_results th.ticker { width:45px; }
  table.screener_results th.price { width:56px; }
  table.screener_results th.performance { width:120px; }
  */
  table.screener_results td { padding:5px; text-align:right; }
  table.screener_results td.leftalign { text-align:left; }
  table.screener_results tr.results_header td { padding:0; margin:0; background-color:#fff; }

   /* New Header Styles */
   
   
  #header-container { clear:both; overflow:auto; width:990px;  font-size:11px;}
  #logo { float:left; padding:20px 0 0 15px; }
  /*#blurb { float:left; padding:44px 0 23px 7px; }*/
  #rightdivs { float: right; width: 550px; overflow:hidden; }/*arbritrary number, but should encapsulate everything under this section, so children can inherit width */
  
  #country_selector { clear:both; float:right; overflow:auto; width: 100%; font-size:11px;}/* explicit state to inherit 100% of right side container */
  #country_selector div { float:right; }/*padding-right:10px; keep stuff right-aligned */
  #country_selector a { color:#2e87d6; }
  #grey_arrow_sitemap { padding: 8px 6px 0 10px;}
  #sitemap { padding:9px 0 0 0;}
  #grey_arrow_faq { padding: 8px 6px 0 10px;}
  #faqheader { padding:9px 19px 5px 0; border-right:1px solid #e3e3e3;}
  #country { text-align: left; float: left; color:#929497; padding-left:19px;padding-top:9px;}
  #flag { padding: 7px 8px 0 7px; }
  #global { margin-top:9px; padding:0 10px 0 8px; border-left:1px dotted #929497; } 
  
  #change_language { margin-top:9px; padding:0 10px 0 6px; }
  
  #login_form_header { clear:both; float:right; overflow:auto; width: 100%;padding-top:10px; font-size:11px;}/* explicit state to inherit 100% of right side container */
  #login_form_header div { float:right; } /*padding-right:10px;  keep stuff right-aligned */
  .login_header{ width:80px; height:15px; }
  #login_id{ padding: 4px 6px 0 0; }   
  #login_pw{ padding: 4px 6px 0 8px; }
  #login_button{ padding: 1px 12px 0 6px;}
  #login_ch{width: 13px; height: 13px; padding:0; margin:0; vertical-align: bottom;position: relative;top: -1px;*overflow: hidden;}
  #login_check{ padding: 4px 6px 0 0; }
  #login_rememberme{ padding: 4px 10px 0 0; }
   
  #errordiv { float:right; clear: both; overflow:hidden; width: 100%; font-size:11px; }/* explicit state to inherit 100% of right side container */
  #errordiv div { float:right; padding-right:10px; padding-top:3px; }/* keep stuff right-aligned */
  #header_error { vertical-align: top; color:#f00;}
  
  
   #language_selector {text-align: right; display: table-cell;clear:both }
   #language_selector div { display: inline; vertical-align: middle;}
   #language { text-align: left; float: left; clear: left; color:#929497; font-size:9px; }
   #language_selector #language a { color:#0954B9; text-decoration: underline; }
   #language #language_active { font-weight: bold; }

   a.blue_links:visited, a.blue_links:link { color: #0754f2; text-decoration: none; }
   a.blue_links:active, a.blue_links:hover { color: #0754f2; text-decoration: underline; }

   /* Homepage styles */
    /* i18n took out the 6px left padding because on Brazil site it already has a left margin that looks good */
    /* orig: .content_section { width: 100%; float: left; clear: both; padding: 0 0 0 6px; }  */
   .content_section { width: 100%; float: left; clear: both; padding: 0 0 0 0px; }
   #hp_content #badge { width: 201px; height: 227px; float: left; clear: right; background: url('/images/hp/badge_bg.gif') no-repeat top left #18191a; display: inline; }
   #hp_content #badge div { display: inline; float: left; clear: both; padding: 0px; margin: 0px; overflow: hidden; }
   #hp_content #badge .splashed_badge { height:191px; width:201px; }
   #hp_content #badge .splashed_badge .content { padding:17px 8px 10px 10px; color:#ffffff; }
   #hp_content #badge .splashed_badge .content td { color:#ffffff; font-size:11px; }
   #hp_content #badge .splashed_badge .content b { font-weight:bold; font-size:12px; }
   #hp_content #badge .splashed_badge .content .badge_link { color:#87b40d; padding:0; margin:0; text-decoration:none; font-weight:bold; }
   #hp_content #badge #badge_top { background: url('/images/hp/badge_top.gif') no-repeat; height: 16px; width: 201px; }
   #hp_content #badge #badge_middle { background: url('/images/hp/badge_middle.gif') no-repeat; height: 65px; width: 201px; }
   #hp_content #badge #badge_bottom { background: url('/images/hp/badge_bottom.gif') no-repeat; height: 54px; width: 201px; }
   #hp_content #badge .badge_text { color: #ffffff; padding: 0 12px; font-family: ms pgothic, verdana, Arial, Helvetica; font-size: 10px; }
   #hp_content #badge #ii_btn { height: 27px; width: 201px; }
   #hp_content #badge #fp_btn { height: 29px; width: 201px; }
   #hp_content #badge #barclays_logo { height: 36px; width: 201px; }

   #dotted_border { background: url('/images/dot_bg.gif') repeat-y center; width: 1px; height: 105px; float: left; clear: none; }
   #flash { width: 638px; height: 227px; float: left; clear: left; display: block; }
   #lt_widget { width: 572px; height: 149px; float: left; clear: right; }
   #separator { margin: 0 7px; width: 3px; height: 143px; float: left; clear: none; }
   #middle_section { /*border: 1px solid #000000;*/ overflow: visible; }
   #services {  height: 105px; padding: 10px 20px 0 30px; float: left; clear: left; font-family: Arial, ms pgothic, verdana, Helvetica; font-size: 11px; line-height:16px; }

   /* Offer bubble styles */
   .etf { position: absolute; left: 314px; top: 378px; width: auto; visibility:hidden; z-index: 9999999999; }
   .ishares529 { position: absolute; left: 385px; top: 393px; width: auto; visibility:hidden; z-index: 9999999999; }
   .ipath { position: absolute; left: 338px; top: 409px; width: auto; visibility:hidden; z-index: 9999999999; }

   .bubble_top { background-image:url(/images/hp/bubble_top.gif); width:364px; height:6px; }
   .bubble_bottom { background-image:url(/images/hp/bubble_bottom.gif); width:364px; height:6px; }
   .bubble_left { background-image:url(/images/hp/bubble_left.gif); background-repeat:repeat-y; }
   .bubble_content { background-color:#ffffff; background-image:url(/images/hp/bubble_bg.gif); background-repeat:repeat-x; background-position:bottom; width:349px; }
   .bubble_content .bubble_copy { display:block; font-family:ms pgothic, verdana; font-size:11px; color:#262626; line-height:16px; }
   .bubble_content .bubble_copy .bubble_disclaimer { color: #838383; font-size: 9px; line-height:10px; }
   .bubble_content .bubble_copy a.bubble_links { color: #146bc6 !important; text-decoration: none; }
   .bubble_content .bubble_copy a.bubble_links:hover { color: #146bc6 !important; text-decoration: underline; }
   .bubble_right { width:1px; background-image:url(/images/hp/bubble_right.gif); background-repeat:repeat-y; }

   /*Tools Landing page splash badge */
   #splash_badge { vertical-align: top; text-align: center; }
   #splash_badge #badge { width: 186px; background: #b2b2b2; text-align: left; margin-top: 20px; }
   #splash_badge #badge .badge_corner { width: 5px; height: 5px; }
   #splash_badge #badge #badge_top { padding-top: 1px; background: url('/images/tools/badge_bg.gif') repeat-x top left #ffffff; }
   #splash_badge #badge #badge_bottom { padding-bottom: 1px; background: url('/images/tools/badge_bg.gif') repeat-x bottom left #efefef; }
   #splash_badge #badge #badge_left { padding-left: 1px; background: url('/images/tools/badge_bg.gif') repeat-x top left #efefef; }
   #splash_badge #badge #badge_right { padding-right: 1px; background: url('/images/tools/badge_bg.gif') repeat-x top left #efefef; }
   #splash_badge #badge #badge_content { background: url('/images/tools/badge_bg.gif') repeat-x top left #efefef; padding: 10px 3px; }
   #splash_badge #badge #badge_title { font-weight: bold; font-size: 12px; }
   #splash_badge #badge #badge_text { font-size: 10px; }
   #splash_badge #badge .badge_links { color: #1071df; font-size: 11px; }
   #splash_badge #badge a.badge_links:visited { text-decoration: none; }
   #splash_badge #badge a.badge_links:link { text-decoration: none; }
   #splash_badge #badge a.badge_links:active { text-decoration: underline; }
   #splash_badge #badge a.badge_links:hover { text-decoration: underline; }
   
   .sort_key_small { position:relative;z-index:999; }

  /* IOPV Data Tables */
  TABLE.iopv {
    border:medium none;
    border-collapse:collapse;
    font-family:ms pgothic, verdana;
    font-size:11px;
  }

  TABLE.papel {
    width:716px;
  }

  TABLE.cota {
    width:485px;
  }

  TABLE.iopv TH {
    background-color:#E5E5E5;
    border-color:#C1C1C1;
    border-style:none solid solid;
    border-width:medium 1px 1px;
  }

  TABLE.iopv TD {
  border-color:#C1C1C1;
  border-style:none solid;
  border-width:medium 1px;
  }

  TABLE.iopv TR.dark {
    background-color:#F5F5F5;
  }

  TABLE.iopv .iopvLeft {
    border-left:medium none;
  }

  TABLE.iopv .iopvRight {
    border-right:medium none;
  }
  
/* PRINT VIEW STYLES */
.print_body #searchbox { display: none; }

/* Header */
  #logo a { position:absolute; left:25px; top:34px; }
  .header { height:110px; background-color:#FFF; position:relative; font-size:12px; color:#333; padding:0 25px 0 0; }
  .header a, .header span { font-size:12px; color:#888; } 
  .header .details { text-align:right; }
  .header ul { padding:0px; margin:0px; clear:right; float:right; }
  .header li { list-style-type:none; float:left; padding:0 7px; margin:0px; border-right:solid 1px #999; }
  .header li.start, .header li.end, .header li.noDivider { border-right:none; padding-right:0px; }
  .header .flag { margin:0; padding:3px 19px 3px 1px; }
  .header .flag:hover { text-decoration:none; }
  #rightdivs { float:right; width:750px; text-align:right; float:right; }
  #blurb { float:left; padding:44px 0 23px 7px; position:absolute; top:17px; left:180px; }

  #qii  { padding:5px 0 0; }
  #headerLinks { padding:10px 0 0; }
  #headerLinks li.en {  }
  #headerUserInfo { padding:20px 0 14px; }
  #welcometext, #welcome_signedin { display:inline-block; font-weight:bold; color:#333; padding-right:5px; }
  
  #main_flash{ padding:5px; }

 /* Footer styles including sitemap, ishares and BlackRock links */
  #footer { overflow:auto; clear:both; color:#000; }
  #footer h3, #footer p, #footer a { line-height:16px; font-size:11px; }
  #footer a { color:#000; }
  #footer h2 { margin:0px; height:0px; overflow:hidden; }
  #footer h3  { margin:0px;  }
  #footer li { list-style-type:none; padding:0px; margin:0px; }
  #site_map, #ishares_links { zoom:1; overflow:auto; background:url('/images/bg_footer.png') repeat-x #F5F7F9; padding:13px 0 18px 25px; }
  #site_map ul { float:left; margin-right:15px; }

  #site_map li { padding:5px 0 0; margin-right:0px; }
  #ishares_links div, #ishares_links h3, #ishares_links ul, #ishares_links .col  { float:left; }
  #ishares_links ul, #blackrock_links ul { font-size:11px; }
  #ishares_links ul li, #blackrock_links ul li { padding:0 6px 0 4px; }
  #ishares_links ul li { display:inline; border-right:solid 1px #000; }
  #ishares_links ul li.heading { padding:0 1px 0 0; border-right:none; }
  ul#site_map_company { margin:5px 0 0; width:500px; }
  ul#site_map_legal, ul#site_map_help { margin:5px 0 0; }
  ul#site_map_help { clear:both; margin:5px 0 0; }
  ul#site_map_legal { float:none; }
  #site_map_legal_container { position:static; width:360px; }
  #footer #copywrite_date { line-height:12px; margin:0px; padding:5px 0 0; }
  #blackrock_links { zoom:1; overflow:auto; color:#FFF; background:url('/images/logo_blackrock.gif') no-repeat 25px 12px #000; height:42px; overflow:hidden; }
  #blackrock_links ul { margin:20px 0 0 230px; }
  #blackrock_links ul li { display:inline; margin:0px; border-right:solid 1px #FFF; }
  #blackrock_links a { color:#FFF; }
  #blackrock_links ul li.end, #ishares_links ul li.end { border-right:none; display:inline !important; }
  #footer span.lock { background:url('/images/icons/icon_lock.gif') no-repeat; display:inline-block; width:12px; height:12px; position:relative; left:4px; top:1px; }
  
  #ishares_links .legalp {padding-top: 10px; padding-right: 10px; clear: both; }
  .footer-seolink { text-align:center; padding-top:10px; }
  .footer-seolink a { text-decoration:underline; color: #333; }
  
  .thirdPartyCode img { display:none; }
  
/* Tabs in Home Page Highlights section */
.jp #ishares-tabs {margin-top:35px;}
#ishares-tabs .tabs { background:#fff url(/images/prod_redesign/tab_bg.png) 0 0 repeat-x; height:38px; padding-top:5px;}
#ishares-tabs .tabs .hd { line-height: 30px; overflow: hidden; clear: both; border-bottom:2px solid #0F81CA; height:31px; margin:1px; padding:0;}
#ishares-tabs .tabs .tab { display:inline; float: left; margin: 0 0 0 4px; padding: 0 15px; }
#ishares-tabs .tabs .tab a { background:url(/images/prod_redesign/primary_nav_divider.gif) 100% 10% no-repeat; display: block; float: left;
padding: 0 20px 0 0; margin:0 -20px 0 0; color:#000; font-size: 12px; }
*html #ishares-tabs .tabs .tab a {margin:0 -10px 0 0; }
#ishares-tabs .tabs .tab a:hover {text-decoration: underline!important;}
#ishares-tabs .tabs li.on{ display:inline; background:url(/images/prod_redesign/tab_selected_bg.png) repeat-x scroll left top; margin: 0 0 0 4px; padding: 0; _padding-left:10px; }
*html #ishares-tabs .tabs .on { padding:1px 10px 0 6px; }
#ishares-tabs .tabs .on a { display: block; float: left; background: #0f81ca url(/images/prod_redesign/tab_selected_bg.png) right top; padding: 1px 15px 0 10px; margin:0 -5px 0 5px; color:#fff; cursor: default;}
*html #ishares-tabs .tabs .on a { margin: 0 -5px 0 0; padding: 1px 15px 0 5px; }
#ishares-tabs .tabs .on a:hover { text-decoration: none!important; }
.tab-panel { display:none;}
#ishares-tabs div.on { padding: 10px; _margin-top:10px; display:block;}