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

 BlackRock :: iShares US (v2.1)

 (c) Copyright 2010 BlackRock, Inc.

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


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

Homepage Overrides

******************************************************************/
/* vi-lite - this uses lighter colors on left and right */
#canvas.hp  { position:relative; top:0px; width: 1007px; margin:auto; margin-bottom:10px; z-index:1 }

/* vi-lite - this achieves gradiant bg at BOTTOM of left nav and rt sidebar  */
.hp #main    {
  min-height:900px;
  overflow:hidden;  /* to help firefox adjust height correctly - thus place the bg img at bottom.  */
  _height:900px;
  _overflow:inherit;
}

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

home overrides
for non homepage here's the math: 225+15+525+0+225+5 = 995  (note that 0 means 0 right margin for "left-content" )
hp math: 225+10+525+5+225+5=995    (note overrides are 10 left marg rather than 15 and 5 right marg rather than 0 for "left-content" )

/***************************************************************** */
body.hp .template-common {padding:0; margin:0 5px 35px 10px;} /* override 15px left margin to use 10px to match design of hp that has less left marg */
body.hp .template-common .left {margin-right:5px;} /* override no right margin with 5px to match design of hp that has 5px rt marg */ 


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

Misc Breadcrumb Overrides Need Annotations

******************************************************************/
/* brought over from content.css */
.breadcrumb-nav-redux {margin-bottom:20px;}
.breadcrumb-nav-redux a:visited, .breadcrumb-nav-redux a:link { text-decoration:none; }
.breadcrumb-nav-redux a:active, .breadcrumb-nav-redux a:hover { text-decoration:underline; }

.breadcrumb .links {float:right; position:absolute; top:15px; right:15px}
.breadcrumb .links ul {margin:0px;padding:0px;}
.breadcrumb .links ul li {display:inline;padding:0px 3px;}
.breadcrumb a { font-size:11px; }
.breadcrumb a:visited, .breadcrumb a:link { text-decoration:none; }
.breadcrumb a:active, .breadcrumb a:hover { text-decoration:underline; }
.main_noLeft_back .breadcrumb {padding-left:0px; width:955px;} /* Product list pages with no left nav */


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

Product Info Overrides
.fundpage is the product-info specific override

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

.fundpage #content .product-info         { margin-top:0px; padding-top:0;  }
.fundpage #content #product-info-header  { margin:0;width:100%; _padding-right:1px;  }
.fundpage #content .product-info table.annual-performance .label-column-width{ width:245px; }
.fundpage #content .product-info .performance-long-label {width:640px; }
.fundpage #content .product-info-header-container { margin-bottom:10px; }

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

Registration/Profile Overrides

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

/* CENTERED reg */
.reg #main { margin-bottom:25px; }
.reg #page div.template-common strong { font-weight:bold; }

.reg  #content #page div.template-common { margin:auto; width:570px; }
.regw .template-common{ margin:auto; width:770px; padding-bottom:50px;  }

.reg #main { margin-bottom:25px; }
.reg #page div.template-common strong { font-weight:bold; }

/* 
.reg  #content #page div.template-common { margin-left:140px; width:570px; }
.regw .template-common{ margin-left:140px; width:770px; padding-bottom:50px;  }
 */

.wide .reg #breadcrumb, .regw #breadcrumb { width:auto; margin:auto; }
.nocr .reg #content, .nocr .regw #content{ padding-top:25px; }


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

Instituional Lobby Overrides

******************************************************************/
/* padding fixed on inst popups */ 
#inst.contact { _padding:0;_padding-left:15px; }
#popup #inst { padding-left:0; }
#popup #inst #head { background:none; }
#popup #inst.contact #head h2 {
border-bottom:1px solid #BBBBBB;
color:#003D6C;
font-size:26px;
font-weight:normal;
padding:10px 0px;
width:100%;

}

#popup #inst #body {
background:none repeat scroll 0 0 transparent;
float:left;
margin:10px 15px 0 0;
padding:0;
width:515px;

}

#popup #inst #inner {
background:none repeat scroll 0 0 #FFFFFF;
margin-top:40px;
_margin-top:10px;

}

#blk .inst-popup{
  margin-top:10px
}

#blk #inst.contact #inst_inner{ margin-top:0; }

body.inst_about{
 background:white;
}

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

Gold Overrides

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


/* === Begin fund tab ===  (VI) */

/* vi-lite: Note tabs styles below are used by Product pages (as well as portfolio_strategies/asset_class_solutions/gold.htm */

 /* === Begin fund tab ===  (VI) */
/*#product-info-header div*/
.tabs {margin-top:19px; width:100%;}
.funds-list .tabs, #layout-c .tabs {margin-top:10px;}
.tlp .tabs {padding-right:0px;padding-left:0px}  /* override for TLP Tools Landing Page */
#iau-pi-header .tabs {padding-right:0px;padding-left:0px;margin-right:-10px;} /* override for IAU which has custom container around the tab div which provides padding */
#product_list_content .tabs {padding-right:15px;padding-left:15px} /* override for product list pages which don't need padding  */
.tabs .tabs-hd {border-bottom:2px solid #2085CC;}
.spin .tabs .tabs-hd { background-color: #94E000}  /* spin green */

.tabs-hd .tab {float:left; margin-top:6px;}
.tabs-hd .tab.selected {background:none;}
.tabs-hd .tab .tablink {color:#333333; display:block; font-size:1em; padding:7px 15px;}
.tabs-hd .tab.selected .tablink {color: #ffffff;}
.tabs-bd {padding-top:15px; background:white }
/* === End fund tab === */

.gold #layout-b .tabs  {margin-top:0px;padding-right:0px;padding-left:0px} /* no top margin or left/right padding for portfolio_strategies/asset_class_solutions/gold.htm */
.gold #layout-b .hero-promo { background:none; border-bottom:none; margin-bottom:20px; padding-bottom:0;}
.gold #layout-b .hero-promo img { margin-bottom:-3px; }
.gold #layout-b .left-content h2, .gold #layout-b .left-content h3 { margin:0; margin-bottom:5px; padding:0; color:black; font-size:18px; }
.gold #layout-b .left-content h3 { font-weight:bold; font-size:14px; }

.gold p em { display:block; color:#666; margin-top:5px; font-size:11px;}

.gold table.options          { width:100%; font-weight:bold; background:url(/images/product_info/pi_module_header.gif) repeat-x; margin-bottom:15px; }
.gold table.options thead    {  }
.gold #layout-b table.options thead h3 { color:#666; font-weight:bold; padding-left:0px; margin-top:5px; margin-bottom:0;  font-size:12px; } 

.gold table.options thead th      { padding-left:5px;  text-align:center; vertical-align:center; font-size:11px; width:80px; margin:1px; margin-top:0px; margin-bottom:5px; 
                                    padding-top:10px; padding-bottom:20px; cursor:pointer; height:50px; _padding-bottom:0px} 
.gold table.options thead th.none { border:none; cursor:text }

.gold table.options thead th.label { padding-left:10px; padding-top:5px; }
.gold table.options thead th img { float:left;width:13px;  }
.gold table.options thead a.info { height:32px;float:left;display:block; width:65px; cursor:pointer;  }

.gold table.options tfoot td.label { padding-left:10px; border-top:1px solid #ccc; }
.gold table.options tfoot td a     { font-weight:normal; width:200px; display:block; padding-left:0  }

.gold table.options td       { padding:10px; text-align:center; font-weight:normal; cursor:pointer;  }
.gold table.options td.selected { background:url(/images/ico/vi_check.png) no-repeat 5px 20px; }
.gold table.options .label   { text-align:left; width:120px; font-weight:bold; font-size:11px; padding-left:25px; border:none;  cursor:text }
.gold table.options .alt     { background:#F6F6F6; }


.gold table.options .adj td    { padding-top:15px; }

.gold table.options thead th.highlight a { color:#666; }
.gold table.options thead th.highlight {  background:#F6F6DE;  }
.gold table.options tbody td.highlight {  background:#FFFFE6 }
.gold table.options tbody .alt td.highlight  { background-color:#F6F6DE; }
.gold table.options a.info { text-decoration:none; color:#000; }

.gold #goldalloc { background:url(/images/gold/gold_chart_sprite.png) no-repeat; background-position:0 top; height:540px; }
.gold #goldcorr  { background:url(/images/gold/chart_gold_correlation.png) no-repeat; height:225px; }
.gold #goldperf  { background:url(/images/gold/chart_gold_perf.png) no-repeat; height:330px }
.gold #goldinf   { background:url(/images/gold/chart_gold_inflation.png) no-repeat; height:330px; }
.gold #golddeval { background:url(/images/gold/chart_gold_dollar.png) no-repeat;height:370px; }
.gold #goldhist  { background:url(/images/gold/chart_gold_history2.png) no-repeat;height:370px; }
.gold .chart {width:520px; height:295px; margin-bottom:10px }

#fif-iau em { float:left; width:150px; word-wrap: break-word; margin-bottom:10px; color:#555; cursor:pointer; }
#fif-iau em.full { width:185px; }
#fif-iau em i {font-size:10px;font-style:normal;}
#fif-iau var { float:left; width:20px; font-size:11px; text-align:center; font-weight:bold }
#fif-iau a.name em{ margin:0; padding:0; width:100%; display:inline; color:#006BB4; cursor:pointer }
#fif-iau h4 { padding-left:0; padding-bottom:3px;  font-weight:bold; border-bottom:1px solid #666; color:#333;   }

#fif-iau iframe.iau-wsod  { height:80px;width:190px; border:none;}
iframe#iau-wsod3 { width:520px; height:600px; }

#fif-iau .iau-wsod {  height:80px; }
#fif-iau .iau-wsod h4 {  }
#fif-iau .iau-wsod h4 em { margin-left:0;color:black; }
#fif-iau .iau-wsod em { width:100px;}
#fif-iau .iau-wsod em.sm { font-size:10px; }
#fif-iau .iau-wsod var{ width:80px; text-align:right }

.gold #chart-wrapper { width:518px; background:url(/images/product_info/pi_module_header.gif) repeat-x; }
.gold #chart-wrapper ul    { list-style:none; padding-bottom:10px; height:50px; margin-bottom:0px; padding-top:20px;    }
.gold #chart-wrapper li    { display:inline; float:left; _width:55px;  }
.gold #chart-wrapper li h3 { margin:1px 10px 0;  }
.gold #chart-wrapper input { float:left; display:block; padding:0; margin-top:3px; margin-right:0; _margin-top:0px; _margin-left:0px; }
.gold #chart-wrapper label { float:left; display:block; padding:0 5px; margin-top:2px; font-size:11px; margin-right:10px; _margin-right:0; _margin-left:0 }

.gold #chart-wrapper img      { width:520px; margin-bottom:10px; background-position:-8px top;}
.gold #chart-wrapper img.p0   { background-position: -2135px top;}
.gold #chart-wrapper img.p5   { background-position:-1603px top;}
.gold #chart-wrapper img.p10  { background-position:-1071px top;}
.gold #chart-wrapper img.p20  { background-position:-541px top;}
.gold #chart-wrapper img.p100 { background-position:-8px top;}

.gold #chart-wrapper li.wide { _width:150px; } 
.gold #chart-wrapper li.px label { _width:100px; }
.gold #chart-wrapper li.px { _width:130px; }

.gold .goto-gold { font-weight:bold; font-size:12px; margin:10px 0px; margin-bottom:20px; float:left; width:100%; }

.gold td .goto-gold { font-size:11px; padding:0; margin:0;  }

.gold-bt { font-size:11px; color:#666; line-height:16px;}
.gold-bt b { font-size:14px; color:black; padding:5px;  margin:0; margin-bottom:5px; padding-left:0; display:block; border-bottom:1px solid #60e7f9  }




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

Tools Overrides

******************************************************************/
.wide .tools #breadcrumb {  margin-left:auto; }

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

Fundscreener Tool Overrides

******************************************************************/
/* old margins break pageflow in new canvas */
#fundscreener { width:997px; height:1400px; overflow:hidden; margin-left:5px;  }

      .fs #page { overflow:hidden; } /* fix iframe on fundscreener */
.wide .fs #breadcrumb { margin-left:0px; }

.ie6 .fs #content { margin-left:6px; }
.ie6 #fundscreener{ width:985px; margin-left:5px; overflow-x: hidden; margin-right:-5px;  }

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

Search Results Page Overrides

******************************************************************/
/* search page fixes */
#searchnav { padding-top:15px; }
.search_breadcrumb{ padding-top:7px }

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

Misc Collisions Need Annotations

******************************************************************/
#content #head,.content #head { background:none }
#popup #head { background:none; }


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

Misc. Legacy Overrides Need Annotations

******************************************************************/
/* Legacy Pages - main class that all overrides depend on is .legacy  */
.legacy #page {padding:0px 10px 35px 15px; overflow:hidden ;_width:745px;}   /* .legacy  class is added to div container in  main decorator for teamsite legacy pages. This affords applying "override" styles to it's div child which has class .content  */
.legacy #page .content {padding:0; margin:0;}

.legacy #page .about_pages { padding:0; margin:0 }
.legacy #page .glossary { padding:0px; }
.legacy #page #siteMap { width:700px }

/* Legacy Content fixes */
.legacy #page .breadcrumb {padding-left:0px;}  /* jj 4.22.2010 artf176731 - gave it no padding so it lines up with content left edge */
.legacy #page blockquote {font-size:12px; margin:11px 40px;}
.legacy #page .contactinfo {width:100%;}
.legacy #page .contactinfo td {width:50%;}
.legacy #page p {margin-top: 0px;margin-right:25px;}
.legacy #page .content.privacy_policy, .legacy #page .glossary, .legacy #page #siteMap {padding-top:50px;}
/* .legacy #main #content {_margin:0 1px 0 -1px; _width:775px;} <-- breaking registration pages please use a dif override */

/* Legacy Misc Pages */
#institutional_pension ol, #institutional_pension ul {margin: 12px 0px; padding-left:40px;}
.logo_header_layout .fund_overview.all_distributions .data_module {width:100%;}
#charity {_width:745px;_margin:0px 6px 0px -1px;}
#institutional_sectors_disclaimers {padding:15px 0 0 0 !important;}


.legacy table#content { background:none; }


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

Misc. Legacy Overrides Need Annotations

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

/*** Topics Pages ***/
/* 2009 Capital Gains Page */
.topics .content #left_channel { width:455px;display:inline;float:left;clear:left;border-top:1px solid #c8c8c8; }
#capgains .content { width:745px;display:block;float:left;clear:both; }
/*#capgains .content #left_channel { width:455px;display:inline;float:left;clear:left;border-top:1px solid #c8c8c8; }*/
#capgains .content #left_channel #column_header { margin:20px 0 0 0; }
#capgains .content #right_channel { width:287px;display:inline;float:left;clear:right; }
#capgains .content #right_channel .right_image { width:287px;height:148px;display:block;float:left;clear:both; }
#capgains .content #right_channel .right_cta { width:287px;display:block;float:left;clear:both;position:relative;left:12px; }
#capgains .content #right_channel .right_cta .right_cta_middle { position:relative;left:12px;padding:0 15px 0 0; }
#capgains .block { width:745px;display:block;float:left;clear:both; }
#capgains #fund_table { margin:30px 0; }
#capgains #fund_table .fund { width:155px; }
#capgains #fund_table table td { padding:0 5px; }
#capgains #fund_table .heading { height:55px;background:url('/content/en_us/images/topics/capgains_hdr_bg.gif') repeat-x bottom left;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; }
#capgains #fund_table .heading td { border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;padding:5px;vertical-align:top; }
#capgains #fund_table .odd { height:65px;vertical-align:middle; }
#capgains #fund_table .even { height:65px;vertical-align:middle;background:#f4f4f4; }
#capgains #resources { padding:10px 0 0 0; }
#capgains #resources .pdf { background:url('/content/en_us/images/icons/icon_pdf.gif') no-repeat; }
#capgains #resources .copy { width:240px;/*display:inline;float:left;clear:right;*/padding:0 55px 30px 0;vertical-align:top; }
#capgains #resources .resource { width:255px;display:block;float:left;clear:both;margin:0 55px 30px 0; }
#capgains #resources #left { width:265px;margin:10px 65px 0 0;display:inline;float:left;clear:left;vertical-align:top; }
#capgains #resources #right { width:265px;margin:10px 0 0 0;display:inline;float:left;clear:right;vertical-align:top; }
.topics .icon { width:15px;height:25px;/*display:inline;float:left;clear:left;*/padding-right:10px; }
.topics .center { text-align:center; }

/* Tax Loss and Harvesting */
#tax_loss .content { width:745px;display:block;float:left;clear:both; }
#tax_loss .content #left_channel #column_header { margin:20px 0 0 0; }
#tax_loss .content #right_channel { width:287px;display:inline;float:left;clear:right; }
#tax_loss .content #right_channel .right_image { width:287px;height:148px;display:block;float:left;clear:both; }
#tax_loss .content #right_channel .right_cta { width:287px;display:block;float:left;clear:both;position:relative;left:12px; }
#tax_loss .content #right_channel .right_cta .right_cta_middle { position:relative;left:12px;padding:0 15px 0 0; }
#tax_loss .block { width:100%;display:block;float:left;clear:both; }
#tax_loss #resources #left { width:265px;margin:10px 65px 0 0;display:inline;float:left;clear:left; }
#tax_loss #resources #right { width:265px;margin:10px 0 0 0;display:inline;float:left;clear:right; }
.topics .icon { padding-right:10px; }



/*Sector Landing page*/
/*#sector-lp { font-family:arial; }
#sector-lp h1 { font-size:26px; color:#003D6C; font-weight:100; padding:10px 0; }
#sector-lp h3 { font-size:15px; font-weight:bold; margin:0 0 10px 0; }*/
#sector-lp .container { }
#sector-lp .main-channel { display:inline; float:left; width:500px; font-size:13px; }
#sector-lp .sector-etf-list { padding:20px 0 0 0; }
#sector-lp .sector-etf-list .top { width:500px; height:33px; background:url(/images/topics/sector_list_top.gif); font-weight:bold; font-size:12px; }
#sector-lp .sector-etf-list .top .padding { padding:10px 0 0 10px; }
#sector-lp .list-contents { border:1px solid #bbbbbb; border-top:none; }
#sector-lp .twisty-container { display:block; clear:both; padding:10px 0 0 10px; }
#sector-lp .sector-name { font-size:12px; padding:0 0 0 20px; cursor:pointer; }
#sector-lp .twisty-on { background:url(/images/topics/sector_minus.gif) left no-repeat; }
#sector-lp .twisty-off { background:url(/images/topics/sector_plus.gif) left no-repeat; }
#sector-lp .sector-contents { display:none; padding:5px 0 5px 20px; }
#sector-lp .sector-contents a { font-size:12px; }
#sector-lp .asterisk { font-family:verdana; font-size:10px; color:#767676; padding:10px 0 50px 0; }
#sector-lp .right-channel { display:inline; float:left; margin-left:22px; }
#sector-lp .additional-resources { width:208px;margin:0 0 15px 0; }
#sector-lp .additional-resources .top { background:url(/images/topics/sector_resources_top.gif) no-repeat; height:3px; overflow:hidden; width:208px; }
#sector-lp .additional-resources .middle { background:url(/images/topics/sector_resources_bg_right.gif) right repeat-y; border-left:1px solid #bbbbbb; width:208px; }
#sector-lp .additional-resources .container { padding:10px 4px 10px 10px; }
#sector-lp .additional-resources .icon { width:20px; display:inline; float:left; padding-bottom:10px; }
#sector-lp .additional-resources .link { width:165px; display:inline; float:left; padding-bottom:10px; }
#sector-lp .additional-resources .link a { font-size:12px; }
#sector-lp .additional-resources .bottom { background:url(/images/topics/sector_resources_bottom.gif) no-repeat; height:3px; overflow:hidden; width:208px; }

/* /topics/fixed_income.htm */
     .topics-fi #topic_page_container { margin-left:80px }
     .topics-fi #page { width:950px; }
     .topics-fi #breadcrumb { margin-left:95px;}
.ie6 .topics-fi #breadcrumb { margin-left:95px;}
     .topics-fi #topics_additional_resources { margin-left:80px }
     .topics-fi #fixedincome_disclaimers { margin-left:80px }
     .topics-fi .fixed_income_copy { margin-left:80px }



/* /topics/emerging_markets.htm */

#blk .topics-emerging #page { }
     .topics-emerging #emerging_markets #resources table { width:720px }
     .topics-emerging #emerging_markets #disclosure { width:750px }
     .topics-emerging a.fixed_income_links { color:#1687E7; }
#emerging_markets .links,  
#emerging_markets .icon, 
#emerging_markets .fundname { font-size:11px; }
.topics-emerging #right_channel {  }
.topics-emerging h2 { color:#003D6C; font-size:26px; font-weight:normal; margin:0 0 28px; padding:0; }

#blk .topics-emerging #resources table .thumb { width:91px;height:126px;background:url('/images/topics/emerging_markets_thumbnails.gif') no-repeat 0px -1000px; }  
#blk .topics-emerging #resources #thumb1 { background-position:0px 0px; }  
#blk .topics-emerging #resources #thumb2 { background-position:0px -126px; }  
#blk .topics-emerging #resources #thumb3 { background-position:0px -252px; }  
#blk .topics-emerging #resources #thumb4 { background-position:0px -378px; }  
     .topics-emerging #resources table   { border-top:1px solid #ccc; margin-top:15px; margin-right:50px; width:750px }
     .topics-emerging #emerging_markets  { float:left; }
     .topics-emerging #right_channel     { float:left; clear:right;  }

/* /topics/2010_resources.htm */
.topics-res2010 #page { padding:0; margin-left:10px;}
.topics-res2010 #treatmentB_LP { width:auto; margin-left:0  }
.topics-res2010 .disclosures { padding:5px; padding-bottom:15px; }
.topics-res2010 #treatmentB_LP .tri_column { padding:0; margin:0; padding-left:20px; }
.topics-res2010 #treatmentB_LP .boxcopy { padding:0 }
.topics-res2010 #treatmentB_LP table#content { margin:0; width:750px; margin-right:10px; }

.topics-res2010 #treatmentB_LP .wide_column { padding:0; padding-left:20px }
.topics-res2010 #treatmentB_LP .inner_right { width:350px; }
.topics-res2010 #treatmentB_LP .subhead { padding:0; padding-top:10px; }


/* /topics/institutional_sectors.htm */
.topics-instsec #content_area div { padding-bottom:15px; }
.topics-instsec #content_area td div {  padding-bottom:0; }
.topics-instsec #family_etfs tr td.left { padding:5px; }
.topics-instsec #family_etfs tr td.right{ padding:5px 0px }
/*** END: Topics Pages ***/