/**
 * Product Info Page CSS Definitions
 *
 * @file              /css/product_info.css
 * @author            chris geheran
 * @revision          $Id$
 * @description       This was created as part of the fund page redesign project
*/

/* Product Info Pge Layout definitions */
/* ****************************** */
/* COMMON STYLES to product pages */
/* ****************************** */


.fundpage .fund-subheader {font-size:13px; line-height:19px; margin:17px 20px 26px 30px;}
.product-info {display:block; clear:both; padding-bottom:10px; font-size:12px;} /* site nav redux: left at 12px */ /*need neg. margin to push top up flush w/ top of fund finder */
.product-info a { text-decoration:none; color:#156cc6; font-weight:normal;}
.fundpage .product-info .extended-header-top a { color:#fff; }
.product-info a:hover { text-decoration:underline; }
.product-info .relpos { position:relative; z-index:0; } /* artf173966 z-index set to 0 (not -1..that's too low now for new canvas) fix for QF menu showing behind top region. Bug reported in ie6 but happens for ie7 too so fixing here not ie6overrides.css */
.fundpage .product-info .relpos {color:#fff;}
.product-info .hideElement { visibility:hidden; }
.fundpage div.fund-module div.footnote{ font-size:11px; margin:0; color:#999;text-align:left !important; }

.product-info .pi-left-margin {margin:0 10px 0 20px; width:475px; float:left;}
.product-info .pi-right-margin {float:right; margin:0px; width:264px;}
.product-info .pi-right-left-margin { margin:15px 0 0 20px;}
.product-info .logo-for-print-pages { display:none; padding-left:12px; }
.product-info .prospectus-for-print-pages { display:none; }

/* ****************************** */
/* GOLD IAU COMPONENTS            */
/* ****************************** */

#gold-glance  { height:150px; padding-top:10px; padding-bottom:5px; }
#gold-glance img{ float:left; clear:all; }
#gold-glance a.banner { float:left; }
#gold-pi-vault-map tr:last-child td {padding:0;}
.fundpage #content table#gold-pi-vault-map.module { width:inherit }


#g-wrap { position:relative; }
#gold-pi-vault-map tr td span {float:left; width:355px; word-wrap: break-word; color:#000;}
#gold-pi-vault-map tr td span em { color:#555 }
#gold-pi-vault-map var { float:left; width:100px; font-size:11px; text-align:right; font-weight:bold;  }

#gold-pi-vault-map #breadcrumbs { padding:0; margin:0 }

#gold-pdfs    { border-top:3px solid #2085CC; width:200px; background:white; position:absolute; top:145px; left:235px }
#gold-pdfs ul { border:1px solid #ccc; border-top:none;  padding: 5px 10px; }
#gold-pdfs li { padding:5px 0px; }
#gold-pdfs li a { background: transparent url(/images/gui/ico/northam_sprites.png) no-repeat left -161px; padding-left:25px;height:16px;padding-top:2px; _padding-bottom:2px; }

#iau-pi-header h1 { padding:0; margin:0; color:#333; font-weight:bold; font-size:22px   }
#iau-pi-header .disclosures { padding:0; font-style:normal }
#iau-pi-header .comm-top-table-disclosure { font-style:normal; padding:0 }
#iau-content   { padding:0px 10px; }
#iau-content{position:relative;}
#iau-content .intro {  clear:both;}
#iau-content .intro a { float:left; margin-right:10px;margin-left:5px;}
#iau-pi-header .inception { color:#666; }
#iau-content.comm-and-divalt .top-table-disclosure-container { width:760px;padding-bottom:4px;} /* magic number for ie6. if it's 10px then gap appears. @artf179692 - adjusted width. this fixed ie6 problem. decided to change width for all browsers. */
#iau-content.comm-and-divalt p.comm-top-table-disclosure {clear:both; margin:0; font-size:11px !important;font-weight:normal; color:#666666;line-height:15px; padding:0; border:0; padding-bottom:5px;padding-left:5px;  }
#iau-content.comm-and-divalt p.comm-top-table-disclosure span.normb {font-size:11px;} /* vi-lite: 33Act new disclosure font size */

#iau-content.comm-and-divalt #comm-disc { width:350px;padding:10px 0px;padding-left:0;margin:0; float:left; _width:365px  }
#iau-content.comm-and-divalt #comm-disc li {padding-left:5px;}
#iau-content.comm-and-divalt #comm-disc li a{display:block;padding-left:25px;height:16px;padding-top:2px; _padding-bottom:2px; }
#iau-content.comm-and-divalt #comm-disc li span{font-size:11px;color:#666;margin-bottom:10px;margin-left:25px;display:inline-block;}
#iau-content.comm-and-divalt #comm-disc li.icon_pdf a{ background: transparent url(/images/gui/ico/northam_sprites.png) no-repeat left -158px; }
#iau-content.comm-and-divalt #comm-disc li.icon_tool a{ background: transparent url(/images/gui/ico/northam_sprites.png) no-repeat left -238px;}

/*#iau-pi-header .comm-and-divalt { background:white;height:100%;}*/
/* vi-lite: 0 -50px offset of bg is so Gold At A Glance img (w/ white bg) blends better and doesn't have to be redone w/ transp bg */
#iau-pi-header .comm-and-divalt ,
.fundpage .comm-and-divalt #header
{background:url(/images/product_info/header-bg-comm.gif) repeat-x 0 -50px; margin:10px 0px 10px;padding-top:15px;} /* vi-lite: need one for Commodoties only */
#iau-pi-header .tabs{margin-top:0px;}
.ie6 #iau-pi-header .tabs { margin-top:-10px; }

#iau-pi-header .util-container {position:absolute; top:45px;right:10px;}
#iau-pi-header .util-container ul#utility-nav {list-style:none;margin-top:0px;padding-right:10px;}
#iau-pi-header .util-container ul#utility-nav li {display:inline;margin-left:28px;}
#iau-pi-header .util-container ul#utility-nav li a {padding:2px 0 10px 20px; }
#iau-pi-header .util-container ul#utility-nav li.print a{width:25px;background:url(/images/product_info/print.gif) no-repeat;}
#iau-pi-header .util-container ul#utility-nav li.excel a{width:85px;background:url(/images/product_info/icon_xls.gif) no-repeat;}
#iau-pi-header .util-container ul#utility-nav li.pdf a{background:url(/images/product_info/icon_pdf.gif) no-repeat;}

#gold-map { position:relative; }

.vloc { position:absolute; width:12px; height:12px; cursor:pointer;  }
.vloc-tip { padding:5px; display:none;  }
.vloc-tip h3  { margin:5px; border-bottom:1px solid #666; }
.vloc-tip img { float:right; margin-right:5px;  }

#iau1 { top:70px; /*left:114px;*/ left:26px;   width:100px; }
#iau2 { top:77px; left:115px; width:100px; }
#iau3 { top:48px; left:311px; width:100px; }

#gold-pi-vault-map td.iau-wsod { padding:0; margin:0}
.iau-wsod iframe{ width:470px;height:170px;border:none; margin-left:0px;}

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

datepicker

******************************************************************/
.product-info #page-overlay { position:absolute; top:0; left:0; display:none; z-index:3; background:transparent }

/* performance/holdings dropdown date picker */
.product-info .date-picker { display:inline; float:left; width:430px; margin:5px 0 15px 2px; }
.product-info .date-picker .display-list { list-style:none; height:25px; padding:0; margin:0; }
.product-info .date-picker .display-list li { float:left; margin-right:10px;}
.product-info .date-picker select { margin:-1px 0 0 5px; }
.product-info .date-picker label {color:#666; font-size:11px; margin-left:2px;}
.product-info .date-picker .radio-button-container { position:relative; margin:0 0 0 6px;z-index:0; } /* artf173966 z-index fix for QF menu showing behind top region. Bug reported in ie6 but happens for ie7 too so fixing here not ie6overrides.css */

.product-info .dropdown-layer { z-index:2; }
.product-info .dropdown-container { position:relative; display:inline; float:left; padding-left:15px; top:-2px; z-index:0;} /* artf173966 z-index fix for QF menu showing behind top region. Bug reported in ie6 but happens for ie7 too so fixing here not ie6overrides.css */

#dropdown-value { width:112px; height:20px; border:1px solid #e1e1e1; color:#666; font-size:10px; cursor:pointer;}
#dropdown-value a { display:block; color:#666; }
#dropdown-value a:hover { text-decoration:none; }
#dropdown-value .value { display:inline; float:left; }
#dropdown-value .arrow-icon { display:inline; float:right; }
#dropdown-value .value a { padding:4px 0 0 4px; }
#dropdown-value .arrow-icon a { padding:2px 4px 0 0; _padding:8px 5px; _display:block;  }
#dropdown-value .arrow-icon img { border: 0; *margin-top:6px; }
#dropdown-scroller.show { display:block; } /* use jquery hasClass, addClass, removeClass */
#dropdown-scroller { display:none; position:absolute; top:2px; left:0; border:1px solid #e1e1e1; }

/* refactored below section as part of artf184332 */
/* dropdown for selecting dates for Quarter End, Month-End radio buttons. Two variants - one with scroller, one without. Note: if you adjust this section - assure both variants display correctly - good ex. is TGR Perf tab  - has both variants */
/* using class (not id) to differentiate the styling between those variants */
.product-info .dropdown-scroller {overflow-y:auto; overflow-x:hidden;height:240px;width:112px;}
.product-info .dropdown-scroller ul#dropdown-list { width:100px; }
.product-info .dropdown-noscroller ul#dropdown-list { width:112px; }

/* below styles apply to both scroll and no-scroll variants of the dropdown */
.product-info ul#dropdown-list { display:block; padding:0; margin:2px 0 0 0; background:#fff; }
.product-info ul#dropdown-list li { margin:0; padding:0; display:block; float:none; color:#666; font-size:10px; border-bottom:1px solid #e1e1e1;  }
.product-info ul#dropdown-list li a { display:block; padding:5px; color:#666;}
.ie6 .product-info ul#dropdown-list li a {width:100%;}  /* only apply to ie6, re: ff3 makes hover too wide */
.product-info ul#dropdown-list li a:hover { background:#ecf4f9; text-decoration:none;  }
.product-info ul#dropdown-list li.li-selected a { background:#ecf4f9; }




/* ****************************** */
/* HEADER STYLES - TABS and above */
/* ****************************** */
/* Header BG vi-lite: Comm and Div Alt get a gray/blue gradiant. All other funds get no bg */
.product-info-header-container {padding:7px 14px 0 20px;}
.product-info-header-container #product-info-header #header {padding:13px 10px 0 10px; position:relative;} /* vi-lite: need one for Commodoties only */
.product-info-header-container #product-info-header.comm-and-divalt #header {padding-top:15px;} /* vi-lite: need one for Commodoties only */
/*.product-info #product-info-header {background:url(/images/product_info/header-bg.gif) repeat-x bottom;border-bottom:2px #728281 solid;height:138px; position:relative;margin-top:10px;margin-bottom:10px;}*/ /* vi-lite: no longer needed */
/*.product-info #product-info-header.comm-and-divalt {background:url(/images/product_info/header-bg-comm.gif) repeat-x bottom;height:100%;} */ /* vi-lite: no longer needed */




/* Header Breadcrumbs */
.product-info-header-container #breadcrumbs {float:left; padding:5px 0; width:500px;} /* vi-lite: no height wanted. used to be 40px. tweaked top to have correct vi top margin */
.product-info-header-container #breadcrumbs ul {border:none;}
.product-info-header-container #breadcrumbs ul li {margin:0 4px 0 0; padding-left:0; border:none; display:block; float:left; list-style:none;}
.product-info-header-container #breadcrumbs ul li.arrow {background:url('/images/gui/ico/northam_sprites.png') no-repeat -213px -645px; width:12px;}
.product-info-header-container #breadcrumbs ul li a, #breadcrumbs ul li span {font-size:.9em;}
.product-info-header-container #breadcrumbs ul li span{color:#333;font-weight:bold;} /* vi-lite: 333 darker. was 666 */

/* Header Utility icons */ /* vi-lite: this is obsolete. New utility bar does this now */
/*.product-info .util-container {position:absolute; top:100px;right:0px;} *//* vi-lite: dropped down lower */
/*.product-info .util-container ul#utility-nav {list-style:none;margin-top:0px;padding-right:10px;}*/
/*.product-info .util-container ul#utility-nav li {display:inline;margin-left:28px;}*/
/*.product-info .util-container ul#utility-nav li a {padding:2px 0 10px 20px;}*/
/*.product-info .util-container ul#utility-nav li.print a{width:25px;background:url(/images/product_info/print.gif) no-repeat;}*/
/*.product-info .util-container ul#utility-nav li.excel a{width:85px;background:url(/images/product_info/icon_xls.gif) no-repeat;}*/
/*.product-info .util-container ul#utility-nav li.pdf a{background:url(/images/product_info/icon_pdf.gif) no-repeat;}*/

.product-info a#tax-info{position:absolute;display:block;width:225px;color:#742e00;border:1px #742e00 solid;padding:2px;right:10px;text-decoration:none}

/* Header Fund Title  - refactored for vi-lite due to adding Fund Tile  */
.product-info #product-info-header a.tile-link {display:block;}
.product-info #product-info-header a.tile-link:hover {text-decoration:none;}
.product-info #product-info-header div#fund-name {display:block;float:left;padding-left:10px;color:#333;}
.product-info #product-info-header div#fund-name h1{font-weight:bold;font-size:22px;margin: 0;padding: 0 0 2px 0;}  /* 2px bottom lifts up Inception date to match VI comp */
.product-info #product-info-header div#fund-name span.inception{font-size:11px;}


/* Header TABS */

/* vi-lite:
   Tab classes that support the new vi-lite tabs are in blk.ishares-legacy.css - since for historical reasons
   another page was accessing them there (portfolio_strategies/asset_class_solutions/gold.htm). */

.fundpage .tabs .tabs-hd{border-bottom:none;}
.fundpage .tabs-hd .tab.selected .tablink{color:#000; background:#FFF; padding-right:17px;}

/* top table disclosure area - content in teamsite */
.product-info #product-info-header.comm-and-divalt .top-table-disclosure-container { position:relative;overflow:hidden;padding-bottom:4px;} /* magic number for ie6. if it's 10px then gap appears. @artf179692 - adjusted width. this fixed ie6 problem. decided to change width for all browsers. */
.product-info #product-info-header.comm-and-divalt p.comm-top-table-disclosure {clear:both;margin-top:0;margin-right:10px;margin-bottom:10px;margin-left:10px;font-size:11px !important;font-weight:normal;color:#666666;line-height:15px;padding:0px 50px 0 5px;} /* vi-lite: mod. Also incr font size for 33 Act */
.product-info #product-info-header.comm-and-divalt p.comm-top-table-disclosure span.normb {font-size:11px;} /* vi-lite: 33Act new disclosure font size */
.product-info #product-info-header.comm-and-divalt #comm-disc {padding-bottom:0px;padding-left:0;margin-top:0;margin-left:0;}
.product-info #product-info-header.comm-and-divalt #comm-disc li {margin-left:15px;margin-bottom:5px;} /* vi-lite mod */
.product-info #product-info-header.comm-and-divalt #comm-disc li a{display:block;float:left;clear:both;padding-left:20px;line-height:20px;}
.product-info #product-info-header.comm-and-divalt #comm-disc li span{display:block;float:left;line-height:20px;font-size:10px;color:#666;margin-left:5px;}
.product-info #product-info-header.comm-and-divalt #comm-disc li.icon_pdf a{background: url("/images/modules/common_sprites.gif") no-repeat -10px -149px; }
.product-info #product-info-header.comm-and-divalt #comm-disc li.icon_tool a{background: url("/images/modules/common_sprites.gif") no-repeat -10px -449px;}

/* feedback links in header */
.product-info #product-info-header #feedback{position:absolute;bottom:10px;right:10px;color:#000;padding-left:12px;}
.product-info #product-info-header #feedback a{color:#000;}

/* ********************************************** */
/* SUB-HEADER STYLES - Anything below Header Tabs */
/* ********************************************** */
/* sub header area for distributions, holdings, and performance - this shows a title w/ as of date to right of it */
.product-info .sub-header {padding:5px 0 0 0;} /* vi-lite mod */
.product-info .sub-header h2 {color:#333;font-weight:bold;font-size:14px; margin:0;padding:0;}
.product-info .sub-header h3 {color:#000;font-weight:bold;font-size:12px; margin:0;padding:0;}
.product-info .sub-header .as-of,.product-info .sub-header .footnote {color:#666;font-size:11px !important;font-weight:normal; }

/* Fund Objective Styles */
table.objective tr td { color:#000; font-size:13px !important; line-height:19px;}
table.objective a { font-size:12px !important; text-decoration:underline; }
table.objective p { padding:0 0 10px 0; margin:0; }

/* Module Common Styles */
.chart-legend {float:left; width: 230px;min-height:175px;}
.chart-graph {position:absolute;}
#sectorChart, #currencyChart {left:200px; position:absolute; width:160px;}
#currencyChart {left:220px;}
.chart-header {padding:5px 10px;}
.chart-header p {float:left; font-weight:bold; width:70%;}
.chart-header a {display:block; float:right; margin-top:10px;}
.left-sector-breakdown .color-box,.left-sectors-industries .color-box {margin-right:5px;}

.chartTip-container { position:absolute; z-index:9999999; top:0; left:0; width:0; height:0; }
.chartTip { width:0; height:0; top:0px; left:0px;position:relative;}
table.single-bottom-border { border-bottom:1px solid #ddd !important; }
table.module { padding:0; margin:0; border:0; width:100%; }
table.module thead {border-bottom:2px outset #dddddd;}

.module tr.extended-header-top th {border-bottom:none !important;}
.product-info table.module thead,
.product-info table.module tr.extended-header-bottom th { color:#333333; vertical-align:bottom !important; text-align:right; padding:8px 5px; font-weight:bold; border:0;}
.product-info table.module tr.extended-header-bottom th.al-left{text-align:left;}
.fundpage .product-info table.module tr.extended-header-bottom th.sector,
.fundpage .product-info table.module tr.extended-header-bottom th.sector-col2{
	text-align:left;
}
.product-info table.module tr.extended-header-bottom th.left{text-align :left;}
.product-info table.module thead{
	color:#fff;
}
.fundpage .product-info table.module tr.extended-header-bottom th,
.fundpage .product-info table.module tr.extended-header-bottom-sub th,
.fundpage .product-info table.module tr.extended-header-bottom-main th {
	color:#333333;
	font-weight:bold;
}


.fundpage .product-info table.module tr.extended-header-bottom-sub th,
.fundpage .product-info table.module tr.extended-header-bottom-main th {
	padding: 5px 5px 8px;
}

.fundpage .product-info table.module tr.extended-header-bottom-main th{
	text-align:center;
}

.fundpage .product-info table.module tr.extended-header-bottom-sub th{
	text-align:right;
}

.product-info table.module tr.extended-header-bottom th.left-padding {
	padding:12px 0 8px 8px !important;
	 text-align:left !important;
}
/*Documents Tab*/
.fundpage .product-info table.module tr.extended-header-bottom-sub th,
.fundpage .product-info #holdings-fi thead th,
.fundpage .product-info table#holdings-eq thead tr th {
	border-bottom:1px solid #BBB;
}
.fundpage .product-info table.module tr.extended-header-bottom th.date {width:100px;}
.fundpage table#holdings-eq tr.extended-header-top th,
.fundpage .module tr.extended-header-top th,
.fundpage #iau-bar-list h3.table-header,
.fundpage h3.table-header{
	height:14px;
	font-size:13px;
	text-align:left;
	padding:8px 5px;
	font-weight:bold;
}
.product-info table.module tr .neg li {color:#FF1E02;}
.product-info table.module tr .pos li {color:#7F9904;}
.product-info table.module tr .change-display {width:125px;}
.product-info table.module tr .change-display li {display:inline; padding:0 0 0 10px;}
.fundpage h3.table-header{
	margin:0;
}

.fundpage #iau-bar-list h3.table-header,
.fundpage h3.table-header{
	color:#FFFFFF;
}
.fundpage div#holdings-futures-divalt-container tr.extended-header-bottom th,
.fundpage div#holdings-collateral-container tr.extended-header-bottom th,
.fundpage div#holdings-futures-container tr.extended-header-bottom th,
.fundpage table#holdings-fund-of-funds tr.extended-header-bottom th,
.fundpage table#holdings-fi tr.extended-header-bottom th,
.fundpage table#holdings-eq tr.extended-header-bottom th,
.fundpage table#distributions tr.extended-header-bottom th{
	text-align:left;
}
.fundpage .holdings-asof-trigger{
	margin-top:1px;
}

.left-align {text-align:left !important;}
.right-align { text-align:right !important; }

.fundpage h3.table-header span,
.product-info table.module th span { font-weight:normal; margin-left:5px;color:#fff; font-size:11px; }
.product-info table.module th div.link { position:absolute; top:0px; left:0; width:457px; text-align:right; }  /* prod orig was 467 */
.product-info table.module td {text-align:left; border:0;} /* site nav redux - bumped font-size to 11 from 10. Ppadding was padding:12px 8px 8px, changed rt to 6 so sector breakdown key text would not wrap. Upped font size to 11 from 10 so bold works */
/*.product-info table.module.objective td {padding-top:0px} *//* vi-lite: could hang this off overview in css cascade (tab first?) so at least overview page not so verically gappy */
.product-info table.module td div.math-symbol { width:5px; }
.product-info table.module td span { font-weight:normal; color:#666; font-size:11px; }
.product-info table.module tr.footnote td span { font-weight:normal; color:#999; font-size:11px; } /* needed for footnote under Credit Ratings module */
.product-info table.module tr.footnote td p{ margin-top:0px; } /* needed for footnote */
.product-info table.module td.data { vertical-align:top; text-align:right; }
.product-info table.module tr.double-border td { border-bottom:2px solid #ddd; }
.product-info table.module tr.double-border-top td { border-top:2px solid #ddd; } 
.product-info table.module tr.single-border td { }
.product-info table.module tr.stripe { background:#f6f6f6; }
.product-info table.module tr.total-column td { text-align:left !important; color:#333; font-size:12px; font-weight:bold;}
.product-info table.module tr.total-column td.data { text-align:right !important;}
.product-info table.module tr.footnote td { padding:15px 0 0 0; margin:0; color:#999;text-align:left !important; }
.product-info table.module th.single-border-vert, .product-info table.module td.single-border-vert { border-right:1px solid #DDDDDD !important; } /* added by jj:  achives thin gray vertical line segmenting table */
.product-info table.module tr.body-links-row ul { padding:0 8px 8px; }
.product-info table.module tr.body-links-row td { padding:0; background:#ffffff; }
.product-info table.module tr.body-links-row-white ul { padding:0 8px 8px; }
.product-info table.module tr.body-links-row-white td { padding:0; background:#fff; }

/* Sectors/Industries */
#sectorImg { position:absolute; top:0; left:0; width:150px; z-index:2; visibility:hidden; }
.product-info .ie-border-fix { font-size:0; padding:0; margin:0; line-height:0; height:0; }
.product-info table.sector-breakdown td.left-column { padding:0; vertical-align:top; }
.product-info table.sector-breakdown .color-box { border:1px solid #878686; width:13px; height:12px; margin-right:5px; }
.product-info table.sector-breakdown td.graph { margin:0; vertical-align:top; text-align:center; width:233px; }
.product-info table.sector-breakdown table.left-sector-breakdown { margin:0; padding:0;}
.product-info table.sector-breakdown table.left-sector-breakdown td { clear:both; }
.product-info table.sector-breakdown table.left-sectors-industries {margin:0 0 0 0;} /* added to fix bug where too much vert space below Sector Breakdown table */

/* Index Profile FI */
.product-info table.index-profile-fi td.left-row { width:190px; }   /* slightly narrowed for GTIP/ITIP launch 2011 */

/* Index Top Holdings FI */
.product-info table.index-top-holdings-fi .holding-column { width:190px; }
.product-info table.index-top-holdings-fi td { text-align:right !important; }
.product-info table.index-top-holdings-fi td.holding-name { 
	text-align:left !important; font-weight:normal; }

/* Index Quality Ratings */
.product-info table.index-quality-ratings .rating-width { width:125px; font-weight:bold !important; }
.product-info table.index-quality-ratings td { text-align:right !important; }
.product-info table.index-quality-ratings td.rating { text-align:left !important; font-weight:bold; }

/* Average Annual Total Returns */
.product-info table.avg-annual-total-returns td { text-align:right !important; }
.product-info table.avg-annual-total-returns td.label-column { text-align:left !important; font-weight:bold !important; }
.product-info table.avg-annual-total-returns .label-column-width { width:70px; }
.product-info table.avg-annual-total-returns tr.footnote td {text-align:left !important; padding:5px 0 0; font-size:10px !important; font-style:italic;}

/* Overview Profile */
.fundpage .product-info div.footnote-disclaimer{ font-style:italic;font-size:11px; color:#999999; margin:5px 0 0; padding:0;text-align:left;}

.product-info table.overview-profile tr.footnote td {font-style:italic;font-size:10px;}
.product-info table.overview-profile tr td.data { padding-left:0;}

/* these styles support COPR Custodian's Fee tooltip that has more markup than usual in the tooltip. This achieves values lined up at same position */
div.tooltip-label {float:left;clear:both;width:100px;}
div.tooltip-value {float:left;width:100px;}

/* Top Daily Holdings FI */
.product-info .top-daily-holdings-fi td { text-align:right !important; }
.product-info .top-daily-holdings-fi td.holding-name-column { text-align:left !important;}
.product-info .top-daily-holdings-fi .holding-name-column-width { width:170px; }
.product-info .top-daily-holdings-fi .percent-fund-column-width { width:60px; }

/* Quality Ratings FI */
.product-info .quality-ratings .rating-column-width { width:125px; }
.product-info .quality-ratings tr td { text-align:right !important; }
.product-info .quality-ratings tr .rating-column { text-align:left !important; }

/* Spot Price Module */
.product-info table.spot-price td { padding:20px 30px 0 20px; color:#6a6a6a; background:#c8c8c8; font-weight:bold; }
.product-info table.spot-price td a { font-weight:bold; }
.product-info table.spot-price tr.last-row td { padding-bottom:25px; }

/* Performance Section */
.product-info .performance .left-border { border-left:1px solid #ddd !important; }

.product-info .performance tr.extended-header-bottom th { padding:5px 8px 8px 8px !important; text-align:right;}
.product-info .performance .label-column-width { width:182px; }
.product-info .performance .returns-column-width { width:81px; }
.product-info .performance .tax-column-width { width:92px; }
.product-info .performance .price-column-width { width:124px; }
.product-info .performance tr td { text-align:right !important;}
.product-info .performance tr td.header-column { font-weight:bold; text-align:left !important; }
.product-info .performance tr.footnote td { text-align:left !important; font-size:10px !important; }

.product-info .performance-alt .left-border { border-left:1px solid #ddd !important; }

.product-info .performance-alt tr.extended-header-bottom th { padding:5px 8px 8px 8px !important; text-align:right;}
.product-info .performance-alt .label-column-width { width:382px; }
.product-info .performance-alt .returns-column-width { width:180px; }
.product-info .performance-alt .price-column-width { width:140px; }
.product-info .performance-alt tr td { text-align:right !important; font-size:11px !important; }
.product-info .performance-alt tr td.header-column { font-weight:bold; text-align:left !important; }
.product-info .performance-alt tr.footnote td { text-align:left !important; font-size:10px !important; }

.product-info .performance-co { margin-top:5px; }
.product-info .performance-co .left-border { border-left:1px solid #ddd !important; }
.product-info .performance-co tr th { padding:5px 0 8px 8px !important; }
.product-info .performance-co tr.extended-header-top th { }
.product-info .performance-co tr.extended-header-bottom th { text-align:right !important;}
.product-info .performance-co .label-column-width { width:390px; }
.product-info .performance-co .returns-column-width { width:165px; }
.product-info .performance-co .price-column-width { width:140px; }
.product-info .performance-co tr td { text-align:right !important; font-size:11px !important; }
.product-info .performance-co tr td.header-column { font-weight:bold; text-align:left !important; }
.product-info .performance-co tr.footnote td { text-align:left !important; font-size:10px !important; }

.product-info .performance-fof { margin-top:5px; }
.product-info .performance-fof .left-border { border-left:1px solid #ddd !important; }
.product-info .performance-fof tr th { padding:5px 0 8px 8px !important; }
.product-info .performance-fof tr.extended-header-bottom th { text-align:right !important;}
.product-info .performance-fof .label-column-width { width:235px; }
.product-info .performance-fof .returns-column-width { width:124px; }
.product-info .performance-fof .price-column-width { width:160px; }
.product-info .performance-fof tr td { text-align:right !important; font-size:11px !important; }
.product-info .performance-fof tr td.header-column { font-weight:bold; text-align:left !important; }
.product-info .performance-fof tr.footnote td { text-align:left !important; font-size:10px !important; }



.product-info .annual-performance { margin-top:5px; border-bottom:1px solid #515153; }
.product-info .annual-performance .left-border { border-left:1px solid #ddd !important; }
.product-info .annual-performance tr th { padding:5px 0 8px 8px !important; }
.product-info .annual-performance tr.extended-header-bottom th { text-align:right !important;}
.product-info .annual-performance .label-column-width { width:270px; }
.product-info .annual-performance .returns-column-width { width:131px; }
.product-info .annual-performance .price-column-width { width:166px; }
.product-info .annual-performance tr td { text-align:right !important;}
.product-info .annual-performance tr td.header-column { font-weight:bold; text-align:left !important; }

.product-info .annual-performance-alt { margin-top:5px; border-bottom:1px solid #ddd; }
.product-info .annual-performance-alt .left-border { border-left:1px solid #ddd !important; }
.product-info .annual-performance-alt tr th,
 .product-info .performance-alt tr th { padding:5px 0 8px 8px !important; }
.product-info .annual-performance-alt tr.extended-header-top th { }
.product-info .annual-performance-alt tr.extended-header-bottom th { text-align:right !important;}
.product-info .annual-performance-alt .label-column-width { width:382px; }
.product-info .annual-performance-alt .returns-column-width { width:81px; }
.product-info .annual-performance-alt .price-column-width { width:124px; }
.product-info .annual-performance-alt tr td { text-align:right !important; font-size:11px !important; }
.product-info .annual-performance-alt tr td.header-column { font-weight:bold; text-align:left !important; }

.product-info .performance-fees { margin-top:5px; }
.product-info .performance-fees div.performance-long-label { width:660px; text-align:left; }
.product-info .performance-fees tr th {font-weight:normal; }
.product-info .performance-fees tr td { font-weight:bold; }
.product-info .performance-fees tr td.data { font-weight:normal; }
.product-info .performance-fees tr.footnote td { font-style:italic; font-weight:normal !important; }

.product-info .single-bottom-border { border-bottom:1px solid #ddd; }


/* ************** */
/* Distributions  */
/* ************** */
.product-info #distributions td { vertical-align:top; text-align:left;}
.product-info #distributions td.data { font-weight:normal; text-align:right; }
.product-info #distributions th.single-border-vert, .product-info table.distributions td.single-border-vert { border-right:1px solid #DDDDDD !important; } /*achieves thin gray vertical line segmenting table */
.product-info #distributions div.header-text { padding-top:0; padding-bottom:0; margin:0; }
/*.debug_note {font-size:10px;color:yellow;font-style:italf.product-info #distributionsic;background-color:darkviolet;}*/

/* ****************************** */
/* Common to most holdings tables */
/* ****************************** */
.product-info .holdings-table-title .footnote-left {float:left;color:#666;font-size:11px !important;font-weight:normal;width:300px;text-align:left;}
.product-info .holdings-table-title .footnote-right {float:right;color:#666;font-size:11px !important;font-weight:normal;width:400px;text-align:right;}
.product-info .holdings-table-title .footnote-right-nowidth {float:right;text-align:right;color:#666;font-size:11px !important;font-weight:normal;padding-bottom:5px;}
/* IE6 hack for getting a sign-in link down closer to table's pagination bar. Very limited exposure of this. Only appears on holdings tables when not signed in. Firefox was ok w/out it */
* html .product-info .holdings-table-title .marg-bott-negative {margin-bottom:-10px;} /* moves footnote a little close to table pagination bar */

.product-info .table-footnote {color:#666;font-size:11px !important;} /* used for footnote under a table e.g. ALT and GSG */
.product-info .table-footnote {margin-top:10px;}
/* ****************** */

/* ****************** */
/* HOLDINGS EQ    *** */
/* ****************** */
/* sub header area for distributions, holdings, and performance - this shows a title w/ as of date to right of it */
.product-info .holdings-table-title {padding:0 0 0 0;}
.product-info .holdings-table-title h2 {color:#333;font-weight:bold;font-size:14px; margin:0;padding:0;}
.product-info .holdings-table-title h3 {color:#000;font-weight:bold;font-size:12px; margin:0 0 7px 0;padding:0;}
.product-info .holdings-table-title .as-of {color:#666;font-size:10px !important;font-weight:normal;}

/* ************************ /
/* HOLDINGS EQ table widths /
/* ************************ /
/* locking down widths of columns */
/* these widths are the widths that are minimal widths that present the headers with minimal extra width. MATH IS RIGHT - WIDTHS TOTAL TO 760. Yahoo.  */
/* class names need to stay named as per the following names (e.g. net_assets_pct) because then can use id name as param for ajax call to backend. */
.product-info table#holdings-eq th#holding_ticker {width:65px}
.product-info table#holdings-eq th#holding_nm {width:200px} /* changed to 200. expanded out from 175 to 210 once I put data under the header */
.product-info table#holdings-eq th#net_assets_pct {width:65px}
.product-info table#holdings-eq th#market_value {width:110px}
.product-info table#holdings-eq th#identifier {width:90px}   /* needed to be wider. made 90 */
.product-info table#holdings-eq th#market_nm {width:65px}
.product-info table#holdings-eq th#sector_nm {width:80px;}    /* shrank this 10 */
.product-info table#holdings-eq th#fx_rate {width:85px;text-align:right}   /* grew this 10 */

/* ********************** */
/* HOLDINGS EQ table  *** */
/* ********************** */
/* 0 bottom margin so pagination snug up against bottom of table. */
/* note: height below could be deleted IF we didn't want fixed height - which in places could look good if column headers only take up one line */
.product-info table#holdings-eq td.data { font-weight:normal; text-align:right; }
.product-info table#holdings-eq td#holding-nm {width:200px;word-wrap:break-word; overflow:hidden;} /* word-wrap ie fix needed to keep IE6 from making column too wide and not wrapping text */
.product-info table#holdings-eq tbody tr.odd td {	background-color:#f6f6f6;}
.product-info table#holdings-eq th.single-border-vert, .product-info table#holdings-eq td.single-border-vert { border-right:1px solid #DDDDDD !important; } /*achieves thin gray vertical line segmenting table */


/* ****************** */
/* HOLDINGS FI    *** */
/* ****************** */
/* Notes: 1. GSG Collateral Holdings also used these styles. Be aware to test both FI and GSG if you change these. */
/* 2. FI has a lot more stuff going on due to tight column width needs to fit everything */
/* FORCE WIDTHS - without this... the columns would blow out due to long text in Name and Sector columns especially. */
/* note: id names below are underscored on purpose. Javascript uses these to coincide to backend ajax call for data fields of same name  */


/* basic Table Header style  */

.fundpage .product-info #holdings-fi thead tr.extended-header-bottom th {vertical-align:bottom; text-align:left; }

/* FI's TD styles  */
.product-info #holdings-fi td {vertical-align:top; text-align:left; font-size:11px; }
.product-info #holdings-fi th, .product-info #holdings-fi td {padding: 10px 2px;}
.product-info #holdings-fi td.data { font-weight:normal; text-align:right; }
.product-info #holdings-fi th.single-border-vert, .product-info #holdings-fi td.single-border-vert { border-right:1px solid #DDDDDD !important; } /*achieves thin gray vertical line segmenting table */

.product-info #holdings-fi thead th .pi-info-icon {margin-right:25px;} /* centering the i icon via pushing left */
.product-info #holdings-fi thead th img.real-yield { padding: 0 10px 3px 0;margin-right:0px;}  /* added for GTIP/ITIP as an override */

.product-info #holdings-fi tr.fake-row-for-sort-no-data {display:none} /* For Div Alt Collateral and Cash table - needs this. hide fake row of data. Keeps tablesorter happy */
.product-info #holdings-fi tr.fund-no-results td {color:#666 !important;} /* For Div Alt Collateral and Cash table  */
/* ********************************* */
/* EQ  Fund of Funds Holdings Table */
/* ********************************* */
/* table displays on holdings page  (upper table) when fund is "fund of funds" */
.product-info #holdings-fund-of-funds-container {margin-bottom:30px;}
.product-info table#holdings-fund-of-funds td { font-size:10px; vertical-align:top; text-align:left; padding:12px 5px 8px 5px; border:0; }
.product-info table#holdings-fund-of-funds td.data { font-weight:normal; text-align:right; }
.product-info table#holdings-fund-of-funds td#holding-nm {width:200px;word-wrap:break-word; overflow:hidden;} /* word-wrap ie fix needed to keep IE6 from making column too wide and not wrapping text */
.product-info table#holdings-fund-of-funds tbody tr.odd td {	background-color:#f6f6f6;}
.product-info table#holdings-fund-of-funds th.single-border-vert, .product-info table#holdings-fund-of-funds td.single-border-vert { border-right:1px solid #DDDDDD !important; } /*achieves thin gray vertical line segmenting table */

/* ************************** */
/* GSG Futures Holdings Table */
/* ************************** */
/* table displays on holdings page (upper table) only for GSG */
.product-info #holdings-futures-container {padding-top:10px}
/*.product-info #holdings-futures-container .table-footnote {padding-top:10px;padding-bottom:10px;color:#666;font-size:10px !important;}*/

/* note: height below could be deleted IF we didn't want fixed height - which in places could look good if column headers only take up one line */
.product-info table#holdings-futures tr.odd td {	background-color:#f6f6f6;}
.product-info table#holdings-futures tr.total-col td {color:#666 !important; border-top:2px #dddddd solid !important;} /* added for Div Alt */
.product-info table#holdings-futures tr.fund-no-results td {color:#666 !important;}
.product-info table#holdings-futures td.data { font-weight:normal; text-align:right; }
.product-info table#holdings-futures th.single-border-vert, .product-info table#holdings-futures td.single-border-vert { border-right:1px solid #DDDDDD !important; } /*achieves thin gray vertical line segmenting table */
.product-info #holdings-collateral-container {padding-top:25px;}

/* ************************************************ */
/* DIV ALT Futures and Forwards Holdings Tables     */
/* using class rather than id. re: 4 tables on 1 pg */
/* ************************************************ */
.product-info table.holdings-futures-divalt thead th {height:40px; }
/* note: height below could be deleted IF we didn't want fixed height - which in places could look good if column headers only take up one line */

.product-info table.holdings-futures-divalt td { font-size:10px; vertical-align:top; text-align:left; padding:12px 5px 8px 5px; border:0;}
.product-info table.holdings-futures-divalt tr.odd td {	background-color:#f6f6f6;}
/*.product-info table.holdings-futures-divalt tr.total-col td {color:#666 !important; border-top:2px #dddddd solid !important;} *//* added for Div Alt */
.product-info table.holdings-futures-divalt tr.fund-no-results td {color:#666 !important;}
.product-info table.holdings-futures-divalt td.data { font-weight:normal; text-align:right; }
.product-info table.holdings-futures-divalt th.single-border-vert, .product-info table.holdings-futures-divalt td.single-border-vert { border-right:1px solid #DDDDDD !important; } /*achieves thin gray vertical line segmenting table */
.product-info table.holdings-futures-divalt tr.fake-row-for-sort-no-data {display:none} /* hide fake row of data. Keeps tablesorter happy */


/* used by the Total row or No Data Avail row to look like that row is part of the data table above it - separated from above table to keep sort working */
.product-info table.holdings-futures-divalt-table-extension {width:100%;border-collapse: collapse;}
.product-info table.holdings-futures-divalt-table-extension td { font-size:10px; vertical-align:top; text-align:left; padding:12px 0px 8px 0px;border-bottom:1px #ddd solid;}
.product-info table.holdings-futures-divalt-table-extension td.data { font-weight:normal; text-align:right; }
.product-info table.holdings-futures-divalt-table-extension tr.total-col td {color:#666 !important;}
.product-info table.holdings-futures-divalt-table-extension tr.total-col td.data { font-weight:normal; text-align:right; padding-right:5px; }
.product-info table.holdings-futures-divalt-table-extension tr.fund-no-results td {color:#666 !important;}

/* below just WIDTH FORCER - attempting to line up under the tables above it. */
/* needed to set widths to make it look like part of table above it which has similar or matching widths for these columns */
.product-info table.holdings-futures-divalt-table-extension td#identifier {width:73px;}
.product-info table.holdings-futures-divalt-table-extension td#holding_nm {width:121px;} /* adjusted to align better under Market Price column in table above it. */
.product-info table.holdings-futures-divalt-table-extension td#market_price {width:46px;}
.product-info table.holdings-futures-divalt-table-extension td#market_value {width:73px;padding-right:4px;padding-left:4px;}
.product-info table.holdings-futures-divalt-table-extension td#par_value {width:47px}
.product-info table.holdings-futures-divalt-table-extension td#maturity_dt {width:70px;}
.product-info table.holdings-futures-divalt-table-extension td#moodys_rating {width:55px;}
.product-info table.holdings-futures-divalt-table-extension td#duration {width:60px;}
.product-info table.holdings-futures-divalt-table-extension td#coupon {width:55px;}
.product-info table.holdings-futures-divalt-table-extension td#yield_to_maturity {width:55px;}
.product-info table.holdings-futures-divalt-table-extension td#fundSectorName {width:69px;padding-left:4px;}

/* ******************************************* */
/* Div Alt Collateral & Cash Holdings      *** */
/* ******************************************* */
/* Notes: 1. GSG Collateral Holdings also used these styles. Be aware to test both FI and GSG if you change these. */
/* 2. FI has a lot more stuff going on due to tight column width needs to fit everything */
/* FORCE WIDTHS - without this... the columns would blow out due to long text in Name and Sector columns especially. */
/* note: id names below are underscored on purpose. Javascript uses these to coincide to backend ajax call for data fields of same name  */
.product-info table#holdings-divalt-c-and-c th#identifier {width:68px}  /* retweeked these numbers to add up to 750 which is the new alloted space */
.product-info table#holdings-divalt-c-and-c th#holding_nm {width:117px;}
.product-info table#holdings-divalt-c-and-c th#net_assets_pct {width:50px}  /* was 36px. making wider */
.product-info table#holdings-divalt-c-and-c th#market_value {width:71px}
.product-info table#holdings-divalt-c-and-c th#maturity_dt {width:67px}
.product-info table#holdings-divalt-c-and-c th#moodys_rating {width:54px}
.product-info table#holdings-divalt-c-and-c th#duration {width:59px;}
.product-info table#holdings-divalt-c-and-c th#coupon {width:53px;}
.product-info table#holdings-divalt-c-and-c th#duration {width:53px;}
.product-info table#holdings-divalt-c-and-c th#yield_to_maturity {width:53px;}
.product-info table#holdings-divalt-c-and-c th#yield_to_call {width:27px;}
.product-info table#holdings-divalt-c-and-c th#fundSectorName {width:71px;} /* was 130px reducing to force wrap (to allow other cols to be wider */

/* basic Table Header style  */

/* CUSTOM LEFT AND RIGHT PADDING FOR EACH TH  */
/* below accomplishes conserving as much unnecessary width (due to padding) as possible while keeping data off the vert borders */
.product-info table#holdings-divalt-c-and-c thead th#identifier, .product-info table#holdings-divalt-c-and-c td#identifier {width:75px;padding-left:3px;padding-right:0px}  /* column1 - CUSIP */
.product-info table#holdings-divalt-c-and-c thead th#holding_nm, .product-info table#holdings-divalt-c-and-c td#holding_nm {width:135px;padding-left:0px;padding-right:0px}  /* column2 - holding_nm  */
/*.product-info table#holdings-divalt-c-and-c thead th#net_assets_pct, .product-info table#holdings-divalt-c-and-c td#net_assets_pct {width:50px;padding-left:3px;padding-right:2px}  *//* column3 - net_assets_pct */
.product-info table#holdings-divalt-c-and-c thead th#market_value, .product-info table#holdings-divalt-c-and-c td#market_value {width:75px;padding-left:4px;padding-right:4px;}   /* column4 - market_value  */
.product-info table#holdings-divalt-c-and-c thead th#par_value, .product-info table#holdings-divalt-c-and-c td#par_value {width:50px;padding-left:4px;padding-right:4px;}   /* column4 - market_value  */
.product-info table#holdings-divalt-c-and-c thead th#maturity_dt, .product-info table#holdings-divalt-c-and-c td#maturity_dt {width:70px;padding-left:4px;padding-right:0px}  /* column5 - maturity_dt */
.product-info table#holdings-divalt-c-and-c thead th#moodys_rating, .product-info table#holdings-divalt-c-and-c td#moodys_rating {width:55px;padding-left:3px;padding-right:0px}  /* column6 - moodys_rating */
.product-info table#holdings-divalt-c-and-c thead th#duration, .product-info table#holdings-divalt-c-and-c td#duration {width:60px;padding-left:3px;padding-right:0px}  /* column7 - duration */
.product-info table#holdings-divalt-c-and-c thead th#coupon, .product-info table#holdings-divalt-c-and-c td#coupon {width:55px;padding-left:3px;padding-right:4px;}  /* column8 - coupon */
.product-info table#holdings-divalt-c-and-c thead th#yield_to_maturity, .product-info table#holdings-divalt-c-and-c td#yield_to_maturity {width:55px;padding-left:2px;padding-right:4px}  /* column9 - yield_to_maturity */
.product-info table#holdings-divalt-c-and-c thead th#yield_to_call, .product-info table#holdings-divalt-c-and-c td#yield_to_call {padding-left:4px;padding-right:3px;}  /* column10 - yield_to_call */
.product-info table#holdings-divalt-c-and-c thead th#fundSectorName, .product-info table#holdings-divalt-c-and-c td#fundSectorName {width:75px;padding-left:4px;padding-right:0px}  /* column11 - fundSectorName */

/* FI's TD styles  */
/* IE Fix below... without this IE6 will arbitrarily ignore column width and widen to accomodate words with breaks in them. Certain tickers for FI really show this works */
.product-info table#holdings-divalt-c-and-c td#holding_nm {word-wrap:break-word; overflow:hidden;}  /* word-wrap ie fix needed to keep IE6 from making column too wide and not wrapping text */
.product-info table#holdings-divalt-c-and-c td#fundSectorName {word-wrap:break-word; overflow:hidden;}  /* word-wrap ie fix needed to keep IE6 from making column too wide and not wrapping text */
.product-info table#holdings-divalt-c-and-c td.data { font-weight:normal; text-align:right; }
.product-info table#holdings-divalt-c-and-c tbody tr.odd td {	background-color:#f6f6f6;}
.product-info table#holdings-divalt-c-and-c th.single-border-vert, .product-info table#holdings-divalt-c-and-c td.single-border-vert { border-right:1px solid #DDDDDD !important; } /*achieves thin gray vertical line segmenting table */

.product-info table#holdings-divalt-c-and-c thead th img.pi-info-icon {margin-right:25px;} /* centering the i icon via pushing left */

.product-info table#holdings-divalt-c-and-c tr.fake-row-for-sort-no-data {display:none} /* For Div Alt Collateral and Cash table - needs this. hide fake row of data. Keeps tablesorter happy */
.product-info table#holdings-divalt-c-and-c tr.fund-no-results td {color:#666 !important;} /* For Div Alt Collateral and Cash table  */

/* used by the Cash and Total row or No Data Avail row to look like that row is part of the data table above it - separated from above table to keep sort working */
/* Note: All the widths are dup'd from table#holdings-divalt-c-and-c which is the table above that this extentsion is trying to align with */
.product-info table.holdings-divalt-c-and-c-table-extension {border-collapse:collapse}
.product-info table.holdings-divalt-c-and-c-table-extension td#identifier {padding-left:3px;padding-right:0px}  /* column1 - CUSIP */
.product-info table.holdings-divalt-c-and-c-table-extension td#holding_nm {padding-left:0px;padding-right:0px}  /* column2 - holding_nm  */
/*.product-info table.holdings-futures-divalt-table-extension td#net_assets_pct {padding-left:0px;padding-right:0px}  *//* column2 - holding_nm  */
/*.product-info table.holdings-futures-divalt-table-extension td#net_assets_pct {width:50px;padding-left:3px;padding-right:2px}  *//* column3 - net_assets_pct */
.product-info table.holdings-divalt-c-and-c-table-extension td#market_value {padding-left:4px;padding-right:4px;}   /* column4 - market_value  */
.product-info table.holdings-divalt-c-and-c-table-extension td#par_value {padding-left:4px;padding-right:4px;}   /* column4 - market_value  */
.product-info table.holdings-divalt-c-and-c-table-extension td#maturity_dt {padding-left:4px;padding-right:0px}  /* column5 - maturity_dt */
.product-info table.holdings-divalt-c-and-c-table-extension td#moodys_rating {padding-left:3px;padding-right:0px}  /* column6 - moodys_rating */
.product-info table.holdings-divalt-c-and-c-table-extension td#duration {padding-left:3px;padding-right:0px}  /* column7 - duration */
.product-info table.holdings-divalt-c-and-c-table-extension td#coupon {padding-left:3px;padding-right:4px;}  /* column8 - coupon */
.product-info table.holdings-divalt-c-and-c-table-extension td#yield_to_maturity {padding-left:2px;padding-right:4px}  /* column9 - yield_to_maturity */
.product-info table.holdings-divalt-c-and-c-table-extension td#yield_to_call {padding-left:4px;padding-right:3px;}  /* column10 - yield_to_call */
.product-info table.holdings-divalt-c-and-c-table-extension td#fundSectorName {padding-left:4px;padding-right:0px}  /* column11 - fundSectorName */


.product-info table.holdings-divalt-c-and-c-table-extension td { border:0;font-size:10px; vertical-align:top; text-align:left; padding:12px 0px 8px 0px;border-bottom:1px #ddd solid;}
.product-info table.holdings-divalt-c-and-c-table-extension td.data { font-weight:normal; text-align:right; }
.product-info table.holdings-divalt-c-and-c-table-extension tr.total-col td {color:#666 !important;}
.product-info table.holdings-divalt-c-and-c-table-extension tr.total-col td.data { font-weight:normal; text-align:right; padding-right:0px; }
.product-info table.holdings-divalt-c-and-c-table-extension tr.fund-no-results td {color:#666 !important;}

/* below just WIDTH FORCER - attempting to line up under the tables above it. */
/* needed to set widths to make it look like part of table above it which has similar or matching widths for these columns */
.product-info table.holdings-divalt-c-and-c-table-extension td#identifier {width:73px;}
.product-info table.holdings-divalt-c-and-c-table-extension td#holding_nm {width:121px;} /* adjusted to align better under Market Price column in table above it. */
.product-info table.holdings-divalt-c-and-c-table-extension td#market_price {width:36px;}
.product-info table.holdings-divalt-c-and-c-table-extension td#market_value {width:73px;padding-right:8px;padding-left:3px;}
.product-info table.holdings-divalt-c-and-c-table-extension td#par_value {width:47px}
.product-info table.holdings-divalt-c-and-c-table-extension td#maturity_dt {width:70px;}
.product-info table.holdings-divalt-c-and-c-table-extension td#moodys_rating {width:55px;}
.product-info table.holdings-divalt-c-and-c-table-extension td#duration {width:60px;}
.product-info table.holdings-divalt-c-and-c-table-extension td#coupon {width:55px;}
.product-info table.holdings-divalt-c-and-c-table-extension td#yield_to_maturity {width:55px;}
.product-info table.holdings-divalt-c-and-c-table-extension td#fundSectorName {width:69px;padding-left:4px;}

/* end Div Alt Collateral & Cash Holdings */



/* ***************************** */
/*  STYLES FOR SORTING TABLES    */
/* ***************************** */
/* Used by all product pages that have sortable tables (distribution and  holdings pages)
   There are three possible styles that come into play for column headers:
   headerSort [default] - which is sideways triangle - no Sort Applied. header style is applied by default.
   headerSortDesc - TRIANGLE POINTING DOWN =  Z to A = Descending
   headerSortAsc  - TRIANGLE POINTING UP =  A to Z = Descending    Overrides Sideways style since comes after header

   Note: These styles are used for both "front end" sorting which is done via JQuery Tablesorter.js lib and also
   for Ajax tables where the sort is done by the back end before sending sorted data back to front-end.

/* SET OF ARROWS TO RIGHT OF LABEL  - used by most columns unless specifically overridden below */
.product-info table.sort-icon-set thead th.headerSort a {font-weight:normal;background:transparent url(/images/product_info/arrow-right.gif) no-repeat scroll right center;color:#000000;display:inline-block;padding-right:8px;width:auto; }
.product-info table.sort-icon-set thead th.headerSortDesc a {font-weight:bold; background:transparent url(/images/product_info/arrow-down.gif) no-repeat scroll right center;}
.product-info table.sort-icon-set thead th.headerSortAsc a {font-weight:bold; background:transparent url(/images/product_info/arrow-up.gif) no-repeat scroll right center;}


/* OVERRIDE OF ABOVE for "multi class that positions bg a little diff for Multi line column header - opens up line spacing and increases right padding to get triangle off rt aligned text */
.product-info table.sort-icon-set thead th.headerSort a.multi-line {background:transparent url(/images/product_info/arrow-right.gif) no-repeat scroll right center;color:#000000;display:inline-block;line-height:13px;padding-right:10px;width:auto;}
.product-info table.sort-icon-set thead th.headerSortDesc a.multi-line {background:transparent url(/images/product_info/arrow-down.gif) no-repeat scroll right center;color:#000000;display:inline-block;line-height:13px;padding-right:10px;width:auto; }
.product-info table.sort-icon-set thead th.headerSortAsc a.multi-line {background:transparent url(/images/product_info/arrow-up.gif) no-repeat scroll right center;color:#000000;display:inline-block;line-height:13px;padding-right:10px;width:auto; }

/* removes link underlines in column headers */
.product-info table.sort-icon-set thead th.headerSort a:hover {text-decoration:none; }
.product-info table.sort-icon-set thead th.headerSortDesc a:hover {text-decoration:none; }
.product-info table.sort-icon-set thead th.headerSortAsc a:hover {text-decoration:none; }

/* masking effect for when ajax is fetching rows */
.product-info #feedbackLayer {z-index:500;position:absolute; filter:alpha(opacity=80); opacity:.8; background:#fefeff;display:none;} /* near top, centered */
.product-info #feedbackLayer-swirly-icon {display:none;z-index:1000;position:absolute;height:40px;width:40px;}

/* below styles support zebra striping via jquery built in widget */
table.tablesorter tbody tr.odd td {	background-color:#f6f6f6;}

/* ******************************************************* */
/* HOLDINGS page component styles  (used by EQ and FI  *** */
/* ******************************************************* */

/* **************************** */
/* holdings date picker *** */
/* **************************** */
.product-info .holdings-subhead-container {margin-bottom:10px;}
.product-info .holdings-date-picker { margin:5px 0 5px 0; }
.product-info .holdings-date-picker ul { list-style:none; width:400px;height:25px; padding:0; margin:0; }
.product-info .holdings-date-picker ul li { float:left; }
.product-info .holdings-date-picker select { margin:-1px 0 0 5px; }
.product-info .holdings-date-picker label { padding:0 0 0 5px; color:#666; font-size:10px; }


/* ************************************************ */
/*  holdings overview table                         */
/*  small table below product tabs - floated right  */
/* ************************************************ */
.product-info .holdings-top-right-section-container {margin-top:10px;margin-right:10px;margin-bottom:10px;} /* bump it off the right page marg by usual tenner */
.product-info .holdings-top-right-section-container #table-holdings-overview {padding:0; margin:0 0 5px 0; width:300px; }
.holdings-data-table {padding:0; margin:0 0 5px 0; width:330px; }
.holdings-data-table td {border-bottom:1px solid #DDDDDD; padding:3px 0; font-size:.8em;}
.holdings-data-table td.data {text-align:right;}

/* ******** table data ********* */
.product-info .holdings-top-right-section-container #table-holdings-overview td { border-bottom:1px solid #DDDDDD;padding:3px 0;font-size:11px  }
.product-info .holdings-top-right-section-container #table-holdings-overview td.data { font-weight:bold; text-align:right; }
.product-info .holdings-top-right-section-container .table-holdings-overview-footnote {color:#666666;font-size:11px !important;font-weight:normal;}


/* ************************* */
/* holdings pagination bar   */
/* ************************* */
.product-info #product-info-page-container .pagination_region {height:75px;width:auto;margin-top:10px;margin-bottom:10px;border:1px solid black } /* arbitrary width, ht for now */
.product-info #product-info-page-container .pagination_bar {clear:both;height:21px;padding-top:5px;padding-bottom:0px;padding-left:5px;margin-top:0px;margin-bottom:0px;color:#156CC6;font-weight:bold} /* Blue link color standard */
.product-info #product-info-page-container .pagination_bar .black {color:black}

/* used for giving pagination a top or bottom border to reinforce which table it goes with */
.product-info #product-info-page-container .pagination-bar-top-line {border-top:1px solid #E1DEDE;margin-top:20px;}
.product-info #product-info-page-container .pagination-bar-bott-line {border-bottom:1px solid #E1DEDE}

.product-info #product-info-page-container .pagination_bar .pagination_bar_left {float:left;padding-left:5px;color:black}
.product-info #product-info-page-container .pagination_bar .pagination_bar_right {float:right;padding-right:0px;}
.product-info #product-info-page-container .pagination_bar .pagination_bar_right .pagination-bar-link {margin-left:3px;margin-right:3px;}
.product-info #product-info-page-container .pagination_bar .pagination_bar_right .pagination-bar-link a.current-page {color:black;cursor:text} /* current page denoted by black */
.product-info #product-info-page-container .pagination_bar .pagination_bar_right .pagination-bar-link a.current-page:hover {text-decoration: none;}
.product-info #product-info-page-container .pagination_bar .pagination_bar_right .pagination-bar-link a {font-size:11px;font-weight:bold;color:#156CC6;} /* Blue link color standard */
.product-info #product-info-page-container .pagination_bar .pagination_bar_right .pagination-bar-link a:hover {text-decoration: underline;}
.product-info #product-info-page-container .pagination_bar .pagination_bar_right .next-container {display:inline;}
.product-info #product-info-page-container .pagination_bar .pagination_bar_right .next-container .next-link-visible {visibility:visible;} /* used to preserve the space it takes up to keep page bar links in same spot - no shifting */
.product-info #product-info-page-container .pagination_bar .pagination_bar_right .next-container .next-link-hidden {visibility:hidden;} /* used to preserve the space it takes up to keep page bar links in same spot - no shifting */
.product-info #product-info-page-container .pagination_bar_top_bg {background-image: url(/images/search/search_pagination_bar_bg.gif); background-repeat: repeat-x;}
.product-info #product-info-page-container .pagination_bar_bottom_bg {border-top:solid #AEA9A9 1px;} /* gray that matches gray in top bg's bottom border */


.product-info table.muni-calculator strong, .product-info table.muni-calculator label{font-weight:bold; float:left; padding:2px 0 0 0;}
.product-info table.muni-calculator input.text{margin:0 5px 0 5px; display:block; float:left; border:1px solid #eaeaea; border-top-color:#999; border-left-color:#999; padding:4px 0 3px 0; color:#999; font-size:11px;}
.product-info table.muni-calculator input.active{color:#000; margin:0 5px 0 5px; display:block; float:left; border:1px solid #eaeaea; border-top-color:#999; border-left-color:#999; padding:4px 0 3px 0; font-size:11px;}
.product-info table.muni-calculator span.muni_formula{padding-left:15px; color:#000;}
.product-info table.muni-calculator .div_muni_calc{color:#000;}
.product-info table.muni-calculator td a span{color:#fff; font-weight:bold;}
.product-info table.muni-calculator #muni_error{padding:3px 0 10px 0; font-weight:bold;}
.product-info table.muni-calculator a:hover{text-decoration:underline;}
.product-info table.muni-calculator #muni_error {color:#FF5C00; display:none;}
.product-info table.muni-calculator #muni_error.show {display:block;}
.product-info #muni_result_div table.muni-calculator tr.double-border td { border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
#muni_form_table.margin_zero{margin-bottom:0;}
.module.muni-calculator td.data { width:60px; }

table .pi-link-module.mod {background:none; box-shadow:none; margin-bottom:0; padding:0; width:auto; border:none; margin-bottom:0; padding:0;}
table .mod .inner-div {background:none #ffffff; border:0 !important; padding:0; width:99%;}
.pi-link-module ul, fund-docs-link ul { list-style-image:none; list-style-position:outside; list-style-type:none; padding:0; margin:0;}
.pi-link-module .inner-mod {background-color:#ffffff;}
.pi-link-module li{ margin:4px 0 2px 0; vertical-align:top;}
.pi-link-module h3,
.pi-link-module ul.related-funds h3{
	font-size:15px;
	color:#333333;
	padding:0px;
	margin:0 0 20px !important;
	border:none;
}
.pi-link-module ul.related-funds li a {
	width:130px;
	margin-left:10px;
	line-height:15px;
	padding:0px;
	font-size:12px;
}
.pi-link-module ul.related-funds li{
	margin-top:12px;
}
.fund-docs-link{bottom:-11px; position:absolute; right:2px;}
.pi-link-module a, .fund-docs-link a {display:inline-block; text-decoration:none; color:#156cc6; font-size:12px; font-weight:normal; padding:2px 10px 3px 22px;}
.fund-docs-link a{font-size:11px;font-weight:bold;}
.pi-link-module p,
.fund-docs-link span { margin:0; padding:0 0 0 0; }
.fund-docs-link span{font-weight:bold;}
.pi-link-module a.pi-over p,
.fund-docs-link a.pi-over span { text-decoration:underline; }
.fund-docs-link li {vertical-align:top; float:left; margin-right:10px;}
.fund-docs-link li:last-child {margin-right:0;}
.fund-docs-link a {padding-right:0px; padding-left:20px;}

/* vi-lite set */
.pi-link-module li.icon_pdf a,
.fund-docs-link li.icon.pdf a,
.fund-docs-link li.icon_pdf a { background: url("/images/modules/common_sprites.gif") no-repeat -10px -149px;} /* vi-lite */
.pi-link-module li.icon_xls a { background: url("/images/modules/common_sprites.gif") no-repeat -10px -649px; }     /* vi-lite */
.pi-link-module li.icon_ppt a { background: url("/images/modules/common_sprites.gif") no-repeat -10px -1999px; }    /* vi-lite */
.pi-link-module li.icon_tool a { background: url("/images/modules/common_sprites.gif") no-repeat -10px -749px; }    /* vi-lite */
.pi-link-module li.icon_popup a,
.fund-docs-link li.icon.popup a,
.fund-docs-link li.icon_popup a { background: url("/images/modules/common_sprites.gif") no-repeat -10px -449px; } /* vi-lite */
.objective {margin-top:5px;margin-bottom:30px;}


/*Specific to table, same as the ishares-canada.csss*/
.fund-module { margin: 0 0 20px; float: none; }
.fund-module .module-hd { overflow: hidden; zoom: 1; padding-bottom: .5em; }
.fund-module .module-hd h4, .table-title { float: left; width: auto; font-weight: bold; font-size: 13px; }
.fund-module cite { font-weight: normal; font-style: normal; font-size: 10px; color:#6F6F6F; margin-left: 5px; }
.fund-module .module-hd span { width: auto; line-height: 15px; margin: 0 5px 0 0; float:right;}
.fund-module .module-hd span a { font-size: 11px; }
.fund-module .module-hd span h5 { font-size: 11px; }
.fund-module .module-hd span h5 strong { font-weight: bold; }
.fund-module .module-hd .module-header {padding:5px 3px;}
.fund-module .module-hd .module-description {clear:both;padding:20px 0px 10px 0px;}

.fundpage table tr.footnote{border:1px solid #F6F6F6 !important; border-top:1px solid #BBB !important;}
.fund-module .module-bd { clear:both; display:block; width:100%; height: 100%;}
.fund-module .module-bd table {width:100%;}
.fund-module .module-bd table thead tr {vertical-align:bottom;}
.fund-module .module-bd table thead tr.extended-header-top {border:1px solid #194DAB;}
.fund-module .module-bd table thead tr.extended-header-bottom,
.fund-module .module-bd table thead tr.extended-header-bottom-sub {border:1px solid #BBBBBB; border-width:0 1px 1px;}
.fund-module .module-bd table thead tr.extended-header-bottom-main {border:1px solid #BBBBBB; border-width:0 1px 0;}
.fund-module .module-bd table tbody {border:1px solid #BBBBBB; border-top-width:0;}
.fund-module .module-bd table tbody td {padding:10px 5px;}
.fund-module .module-bd table tbody td p {margin:0;}
.fund-module .module-bd table tbody td.icon-cell em { margin-left: 5px; display:block; position: relative; }
.fund-module .module-bd table tbody td.icon-cell em a { position: absolute; left: 0; width: 16px; text-decoration: none; }
.fund-module .module-bd table thead tr.top-row th {padding-bottom: 3px;}
.fund-module .module-bd table thead tr.bottom-row th {padding-top: 3px; padding-bottom:3px; *background-position-y:-740px;}
.fund-module .module-bd table tbody tr {vertical-align:top; background:#FFFFFF;}
.even-row, .even-row td {background-color:#f6f6f6;}
.fund-module .module-bd table:not(.tablesorter) tbody tr:nth-child(even) {background-color:#f6f6f6;}
.fund-module .module-ft {font-size:10px; color:#999; width: 100%; padding-top: .5em; overflow: hidden; }

/* === Top Sector and top countries Breakdown Module === */
.fund-module .sectortable th.sector-graph-col { width: 140px; }
.fund-module .sectortable td.sector-chart {width:30%; padding:0px;}
.fund-module .sectortable td.sector-chart #sectorImage {display:none;}
.fund-module .sectortable td div.sector-legend { border:1px solid #AAAAAA; float:left; height:10px; line-height:10px; margin:3px 5px 0 0; width:10px; }
.fund-module .module-hd .allcountry-popup { background: url(/content/identity/images/northam_sprites.png) no-repeat scroll 0 -241px; padding: 2px 0 2px 22px; line-height: 16px; zoom: 1; }
.fund-module .countrytable td div.country-legend { float:left; width: 16px; height: 13px; margin:3px 5px 0 0; background-image: url(/content/identity/images/country_sprites.gif); }
.fund-module .sectortable td div.sector-name, .fund-module .countrytable td div.country-name { float:left; height:15px; line-height:16px; white-space:nowrap; }
.fund-module .sectortable td div.sector-value, .fund-module .countrytable td div.country-value { float: right; }
.fund-module .sectortable td div.legend-pos-0 { background-color: #1e255b; }
.fund-module .sectortable td div.legend-pos-1 { background-color: #315ca8; }
.fund-module .sectortable td div.legend-pos-2 { background-color: #629ad4; }
.fund-module .sectortable td div.legend-pos-3 { background-color: #a9d8f4; }
.fund-module .sectortable td div.legend-pos-4 { background-color: #5c8d34; }
.fund-module .sectortable td div.legend-pos-5 { background-color: #8cbd40; }
.fund-module .sectortable td div.legend-pos-6 { background-color: #b8d882; }
.fund-module .sectortable td div.legend-pos-7 { background-color: #d75928; }
.fund-module .sectortable td div.legend-pos-8 { background-color: #d97924; }
.fund-module .sectortable td div.legend-pos-9 { background-color: #f2c382; }
.fund-module .sectortable td div.legend-pos-10 { background-color: #a5acaf; }