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

Print Overrides

******************************************************************/
/* PRINTING WAS FIXED on 9.23.2010 so that modular pages (Overview pages, Topical pages) would print without the Right sidebar modules falling down below the body content
   also fixed was the printing of the Institutional phase2 pages - where two pages had wide tables needing print overrides to print ok. See institutional overrides below.
*/

@media print {

  /* *** SUPPRESSIONS *** */
  /* blk.ishares-us.css */
  a,a:hover{ text-decoration:underline; color:black }

  /* 685px is portrait width, 925px is landscape width at 100% scaling. */
  body  {font-size:1em; border-bottom:0px !important; background:none;min-width:685px;width:685px;*min-width:665px;*width:665px;size: 8.5in 11in landscape;} /* reduce font size by 1 px from 13 to 12, suprress bg */
  #canvas {background:none; width:685px;margin:0px;padding:0px;top:0px;}  /* suppress canvas backgrounds / shadows / positioning */
  /* suppress global elements  */
  #leftnav,
  #aux,
  #head,
  #breadcrumb,
  #qf-container,
  #footer,
  #external,
  #oo_feedback_float,
  #flashContentBrowser,
  #print_instructions,
  .utility-nav,
  .link,
  .header_wide,
  .canvas-top-side-shadows,
  .canvas-bottom-shadow,
  .pagination,
  .feedback_link,
  #product-info-header .tabs,
  .left_nav_white_bg { display:none; }
  #main       { background:none; clear:both;width:100%;*width:665px; float:none;overflow:visible;} /* must set to visible or Firefox 2nd page blank bug occurs */
  #content    { float:none;overflow:visible !important;clear:right;min-height:0px; width:100%;}

	/*Fund page specifics after redesign project on 12/8/2011 */
 #canvas.fundpage{
 	width:800px;
 }
 
 .ie8 #canvas{
 	width:800px;
 }
 .fundpage .product-info a#tax-info,
 .fundpage .fund-docs-link{display:none;}
 
 .ie8 .fundpage #holdings-futures-divalt-container
 {
  width:650px;
  font-size:10px;
 }
 
 .ie8 .fundpage #product-info-page-container 
{
  width:650px;
 }
 /*
  .ie8 .fundpage #product-info-page-container table#holdings-fi,
  .ie8 .fundpage #product-info-page-container table#holdings-fi tbody{
  width:90%;
  }
  */
  .ie8 .fundpage #holdings-fi td,
  .ie8 .fundpage #holdings-fi th{
  font-size:8px;
  padding:2px;
  }
  

 
 .ie8 #content .fundpage .product-info{}
.ie8 .fundpage .product-info .pi-left-margin{width:400px; margin:0 5px 0 0;}
.ie8 .fundpage .product-info .pi-right-margin{width:274px;float:left;}
.ie8 .fundpage .product-info table {color:#000; background-color:#fff; background-image:none;}
.ie8 .fundpage .product-info table tr.extended-header-top,
.ie8 .fundpage .product-info table tr.extended-header-bottom,
.ie8 .fundpage .product-info table tr.extended-header-bottom-main,
.ie8 .fundpage .product-info table tr.extended-header-bottom-sub,
.ie8 .fundpage .product-info #holdings-fi tr.extended-header-bottom-sub th,
.ie8 .fundpage #iau-bar-list h3.table-header,
.ie8 .fundpage h3.table-header{
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#FFFFFF); /* IE 6-8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFFFFF, endColorstr=#FFFFFF)"; /* IE 8+ */
}


	
.ie7 .fundpage #iau-bar-list h3.table-header,
.ie7 .fundpage h3.table-header,
.ie7 .fundpage .product-info #holdings-fi tr.extended-header-bottom-sub th{
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#FFFFFF); /* IE 6-8 */
}
	
.ie7 .fundpage h3.table-header{
	color : #000;
	font-size:13px;
	}
  /* webcommon.css */
  /* PRINT css - note there is a Firebug issue where it applies print styles to screen.  */
  .print-only {display:block;}

    #canvas, #canvas.hp, .hp #main {background:transparent none !important;}
    .hp #main {overflow:visible !important;}
    .hp #main.clearfix {border:1px solid transparent;min-height:inherit;height:auto;}
    #ishares-tabs-hp {overflow:visible;}
    .template-common div.right {float:left;*float:right;overflow:visible;width:auto;}
    .hp .template-common .left,
    body.ff3 .hp .template-common .left *,
    body.chrome .hp .template-common .left *,
    body.safari .hp .template-common .left * {width:500px;}
    body.ie7 .hp .template-common .left *,
    body.ie8 .hp .template-common .left *,
    body.ie7 .hp #hero-panel #featured-promo .hitarea,
    body.ie8 .hp #hero-panel #featured-promo .hitarea {width:450px;}
    #ishares-tabs-hp .tabs * {width:auto !important;}
    .hp .template-common .left {padding-right:0;}
    .hp .template-common {margin:0;}
    .hp .template-common .right .right-content {margin-left:0;}
    .hp .template-common .left {position:relative;z-index:50}
    #sidebar {position:relative;z-index:100}
    /** Fund page **/
.ishares-doc-bd #grid-container .bodygrid * {overflow:visible;}


  .main_content_container_wide { float:left; }

  .disclaimers {padding:15px 10px 10px 0px; clear:both;width:7in}  /* inst phase2 - ff3 needed width set to avoid disclaimer cutting off at rt margin */

  .main_back, .main_back #main, .main_back #main #content { background:none; padding:0 0 0 0;margin:0 0 0 0;} /* inst phase2 - gave greater width. suppress left nav bg */
  /*.main_back, .main_back #main, .main_back #main #content { background:none; width:6in;border:1px solid red;} *//* suppress left nav bg */
  .main_back #main #content .template-common {margin: 0 0 0 0;} /* give printing more space since no margins needed for region if not on screen */
  .main_back #main #content #page {width:100%;} /* inst phase2 - widening to fix prod issue where rt side bar wrapping below content */

  /* *** PRODUCT INFO PAGES *** */
  .product-info {font-size:11px;overflow:visible;}
.product-info #product-info-page-container {width:100%;padding-top:15px;margin-right:15px;clear:both;height:100%;overflow:visible;}

.product-info .pi-left-margin{width:65%; margin-left:0;}
.product-info .pi-right-margin{width:32%;margin-right:0;*width:30%;*margin-right:15px;} /* anything more than 65% / 32% will cause the right side to drop */
.product-info .pi-right-left-margin {float:left; padding:0; padding-top:15px;margin:0;}


  .product-info .pi-left-frame { overflow:visible;} /* Site Nav Redux 6.15.2010 - added visible - otherwise Firefox shows large gap under title */
  .product-info .pi-right-frame { overflow:visible; } /* Site Nav Redux 6.15.2010 - added visible - otherwise Firefox shows large gap under title */
  .ie6 .product-info .pi-right-frame { width:270px; overflow:hidden; }  /* Site Nav Redux 6.15.2010 - IE6 needs overflow hidden or right column prints on top of left column */
  .product-info-header-container {clear:both;}
  .product-info-header-container #breadcrumbs,
  .product-info-header-container #tab-nav,
  .product-info-header-container #feedback,
  .pi-link-module { display:none; }
  .product-info #product-info-header {height:65px;}
  .product-info #product-info-header.comm-and-divalt {height:200px;}
  .product-info .logo-for-print-pages {padding-bottom:10px;}
  .product-info .prospectus-for-print-pages { display:block; }
  .product-info #product-info-header.comm-and-divalt p.comm-top-table-disclosure {margin:0 10px 0 10px; padding:0 50px 0 0; border:none; }
  .top-table-disclosure-container { padding-bottom:10px; margin-bottom:0; }
  .product-info .inception { color:#000; }
  .product-info .holdings-subhead-container {clear:both;padding-top:15px;}
  #sectorSwf { width:200px; height:240px; }
  #sectorImg { visibility:visible; }   /* FYI: img is only used by Firefox. IE prints the swf */

  .product-info .tabs {padding:0;}
  .product-info .tabs .tabs-hd {background-image:none;background-color:transparent; border-bottom:1px solid #999;}
  .product-info .tabs .tabs-hd .tab {background-image:none;background-color:transparent; border-style:solid; border-color:#999;border-width: 0 0 0 1px;top:3px;}
  /*
  .product-info .tabs .tabs-hd .selected { border-bottom:2px solid #fff; border-top:1px solid #999;  }
  */
  .product-info .tabs .tabs-hd .tab .tablink { background-image: none; color: #999;}
  .product-info .tabs .tabs-hd .selected .tablink { background-image: none; color: #000;}

  /* *** PRINT ONLY LOGO  ***  */
  .logo-for-print-pages {display:block;} /* show print version only logo top of page */
  .logo-for-print-pages img {width:221px !important;height:88px !important;} /* show print version only logo top of page */


	
 .product-info table.module th { height:26px; font-weight:bold; }
  .product-info .performance .label-column-width { width:auto; }
  .product-info .performance .returns-column-width { width:auto; }
  .product-info .performance .tax-column-width { width:auto; }
  .product-info .performance .price-column-width { width:auto; }
  .product-info .performance-co .label-column-width { width:auto; }
  .product-info .performance-co .returns-column-width { width:auto; }
  .product-info .annual-performance .label-column-width { width:auto; }
  .product-info .annual-performance .returns-column-width { width:auto; }
  .product-info .annual-performance .price-column-width { width:auto; }
  /* Holding name column for FI top daily holdings */
  .product-info .top-daily-holdings-fi .holding-name-column-width { width:50px; }
  .product-info .quality-ratings .rating-column-width { width:40px;}
  .product-info img.pi-info-icon { display:none;}
  .product-info .sector-breakdown .graph { width:48%; }
  .product-info .sector-breakdown .left-column { width:52%; }

 .product-info table.module tr.extended-header-bottom th { padding-top:0; padding-bottom:0;}
  .product-info table.annual-performance th { height:25px !important; padding-top:0; padding-bottom:0; border-bottom:1px solid #ddd; }
  .product-info table.performance-fees .performance-long-label { width:530px !important; }
 .fundpages .product-info thead th {background-image:none;background-color:none;border-bottom:1px solid #ccc;}
  .product-info .holdings-top-right-section-container #table-holdings-overview {width:250px;}

.product-info #holdings-fi td  {width:auto;word-wrap:break-word;}
  .product-info #holdings-fi .identifier {width:auto;padding-left:5px;}
  .product-info #holdings-fi .holding_nm {width:110px;}
  .product-info #holdings-fi .net_assets_pct {width:auto;}
  .product-info #holdings-fi .market_value {width:auto;}
  .product-info #holdings-fi .maturity_dt {width:auto;}
  .product-info #holdings-fi .moodys_rating {width:auto;}
  .product-info #holdings-fi .duration {width:auto;}
  .product-info #holdings-fi .coupon {width:auto;}
  .product-info #holdings-fi .yield_to_maturity {width:auto;}
  .product-info #holdings-fi .yield_to_call {width:auto;}
  .product-info #holdings-fi .sector_nm {width:auto;padding-right:5px;}




/* *** ALTERINGS of layout for print vs. screen *** */
/*
  .main_back #main {float:none;overflow:visible;} */
/* must set to visible or Firefox 2nd page blank bug occurs */
/*
  .main_back #main #content .left {width:auto;height:100%;overflow:visible;float:left;} */
/* 440 is max or rt col cuts off. Firefox MUST have overflow:visible or you get Print bug 2nd pg missing */
/*
  .main_back #main #content .left .left-content .page-body {width:auto;}  */
/* Don't think page-body class used. So commented out this style. */
/*
  .main_back #main #content .right {width:auto;overflow:visible;float:right;}
  .main_back #main #content .right .right-content {margin-left:5px;} */
/* ie6 needs more room for right sidebar to display. default style is 15px left marg */
/*

  */
/* ie6 needs narrows body area due to wider browser default left,rt margins of .75 */
/*
  .ie6.main_back #main #content .left {width:auto;} */
/* ie6 at same level as class main_back. */
/*
  .ie6.main_back #main #content .left .left-content .page-body {width:auto;}  */
/* Don't think page-body class used. So commented out this style. */
/*
  .ie6.main_back #main #content .right {width:auto;overflow:visible;float:right;} */
/* ie6 needs wider width to display module sidebars */
/*
  .ie6.main_back #main #content .right .right-content {margin-left:5px;} */
/* ie6 needs more room for right sidebar to display. default style is 15px left marg */
/*

  */
/* ie6 top blue border not printing so workaround will be to just put a gray border around the module with a top blue border. */
/*
 .ie6.main_back #main #content .right .right-content .mod {overflow:hidden;border-top:3px solid #008ec9 ;border-right:1px solid #A5A5A5;border-bottom:1px solid #A5A5A5;border-left:1px solid #A5A5A5;background:none;} */
/* give module top blue and simple other borders and suppress shadow bg */
/*
  .ie6.main_back #main #content .right .right-content .mod div {background:none;background-image:none;} */
/* currently sets the side borders */
/*
  .ie6.main_back #main #content .right .right-content .mod div h3 {background:none;} */
/* currently sets the top blue border */
/*

  */
/* layout b */
/*
  .main_back #main #content #layout-b .left .left-content .content-promo-media .media-container {width:365px;padding:5px;border:none;overflow:hidden;} */
/* suppress border, narrower width,hide overflow. Note: see ie6overrides.css for narrower setting */
/*
  .template-common .top-line { border-top:0px;}
*/

  /* institutional overrides - so the 5 Inst pages print nicely */
  .main_back #main #content #inst-phase2 .chart {width:450px !important;overflow:hidden;}
  .main_back #main #content #inst-phase2 .chart h4 {width:75px;margin:0 3px;}
  .main_back #main #content #inst-phase2 .chart #capt h3.w {width:75px;margin:0 0 0 70px}
  .main_back #main #content #inst-phase2 .chart p {width:250px;}

  .main_back #main #content #inst-phase2 #fct {width:400px}
  .main_back #main #content #inst-phase2 #fct #bottom .txt-container {width:220px}

  .ie6.main_back #main #content #inst-phase2 .chart {width:420px !important;overflow:hidden; }
  .ie6.main_back #main #content #inst-phase2 .chart p {width:210px;}
  .ie6.main_back #main #content #inst-phase2 .chart #capt h3.w {width:75px;margin:0 0 0 20px}

  /* modules */
  /* related funds module as appears on layout c */
  .tile-container-big {display:block;border:2px solid #999;background-color:#00f;} /* turn on display for printing */
  .tile-container-big.blue { background-color:#003399; background-image:none;} /* EQ - blue that approximates image bg . Darker blue: 003399 light blue: 004ede*/
  .tile-container-big.green { background-color:#669900; background-image:none;} /* FI - green that approximates image bg */
  .tile-container-big.orange { background-color:#ff9900; background-image:none;} /* CO - blue that approximates image bg */
  .tile-container-big.cyan {border:2px solid #999; background-color:#6699ff; background-image:none;} /* SP - blue that approximates image bg */
  .tile-container-big.gray {border:2px solid #999; background-color:#999999; background-image:none;} /* ALT - blue that approximates image bg */

  .tile-container-big div.asset-class-ticker-letters {color:#000;} /*  TICKER LETTER COLOR OVERRIDE -  Picked YELLOW re: legible on all bg color tiles. No other color I found works as well.  Dark yellow: ffff00  lite yellow: fffad9*/

  /* sidebar modules */
  /* note: these styles "sidebar-module" were deprecated in module markup but never deleted from here. Leaving here in case we want to leverage them in future */
  .sidebar-module {background:none;} /* remove shadow bg */
 .sidebar-module .border-top-blue {border-top:3px solid #008ec9 ;border-right:1px solid #A5A5A5;border-bottom:1px solid #A5A5A5;border-left:1px solid #A5A5A5;background:none;} /* give module top blue and simple other borders and suppress shadow bg */
  .sidebar-module .border-top-gray  {border:1px solid #A5A5A5;background:none;} /* give module simple border all around and suppress shadow bg */
  /* .sidebar-module .sidebar-content {font-size:11px;} get the font size down to look ancilliary as well as save space */
  /* .sidebar-module div.caption {font-size:11px;}  get the font size down to look ancilliary as well as save space */

  /* Fund in Focus */
  .fund-in-focus-module ul.fund-links li.separator {padding-right:1px;padding-left:1px;color:#bbb} /* keeps ie6 from wrapping the 3 links to next line */

  /* ishares.fund.modules.css */
  table.data_module { color:#000; background-color:#fff; }
  table.data_module tr.sub_header td { color:#000; background-color:#fff; }
  table.data_module th { color:#000; background:#fff; }
  table.data_module td.asof_dt { color:#000; }
table.data_module th.left_header { width:auto; }
table.data_module th.right_header { width:auto; }
table.data_module th.full_header { width:auto; }

  .fundheader .fund_header_container { color:#000; background:#fff; }
  .fundheader .fund_header_container_co { color:#000; background:#fff; }
  .fundheader  fund_caption { display:none; }
  .fundheader  table.fund_title td.title { color:#000; }
  .fund_overview { display:block; height:100%; clear:both; padding-bottom:10px;}

  .holdings_link { display:none; }

  table.index_overview thead tr.io_header td { vertical-align:bottom; height:52px; background-color:#fff; padding-bottom:3px; border:0;}
  table.index_overview tbody tr td { background-color:#fff; border:0; }
  .io_spacer { height:1px; }
  .io_headertext { display:inline; text-align:left; padding-left:2px; line-height:14px; color:#000; font-weight:bold; float:left; }
  .io_title { padding:5px 0px 20px 0px; font-size:22px; font-weight:bold; color: #000; }
  .io_sortkey { display:none; }
 .data_container {background:none; height:100%;}
  .fundtooltip{display:block;}
  .fundtooltip .iconTip{display:none;}
  .dd_label{display:block;}
  .normb { font-size:10px; color:#333; }
  .little { font-size:10px; color:#333; font-weight:normal; }
  .asof { color:#333 !important; }

  .product-info #product-info-header.comm-and-divalt p.comm-top-table-disclosure {width:600px;} /* Site Nav Redux 6.15.2010 - w/out this Firefox prints out of bounds to right */
  .product-info table.index-top-holdings-fi .holding-column, .product-info table.index-top-holdings-eq .holding-column { width:150px; } /* Site Nav Redux 6.15.2010 - without this table too wide in FF and IE6 crashes */


  /* Site Nav Redux 6.15.2010 - fix for printing in ie6 (if user has ie6 print background imgs turned on) - without these overrides the Table titles disappear when previewed/printed */
  .ie6 .product-info table.top-daily-holdings-fi div.relpos,
  .ie6 .product-info table.sector-breakdown div.relpos,
  .ie6 .product-info table.maturity-fi div.relpos,
  .ie6 .product-info table.avg-annual-total-returns div.relpos,
  .ie6 .product-info table.eq-yield div.relpos,
  .ie6 .product-info table.index-top-holdings-eq div.relpos
  {position:static;}
 }




  /* these were in ie6overrides but these clase names are obsolete so weren't used anymore anyway. now use .ie6 in cascade. see above. Leaving here for now in case need the .media-container thing in future */
  /* fixes for layout B, C printing - overrides for ie6 only. */
  /*.main-container .main-body .content .template-common .left {width:430px} *//* optimized print width for ie6 430px which is too narrow for firefox. See webcommon.js for firefox's width  */  /* inst phase 2 - moved this to blk.ishares-print.css */
  /* .main-container .main-body .content #layout-b .left .left-content .content-promo-media .media-container {width:420px;} */ /* inst phase 2 - commented out because it's no longer used /* narrower for ie6 - to match narrow space as per above */


/* NOTE: product_info.css -  NOT moved here.  re: Doing so breaks them. They need to be in product_info.css. Order matters. I tried and it breaks.  */