/**
 * 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 */
/* ****************************** */
.product-info { display:block; clear:both; padding-bottom:10px; font-size:12px;margin-top:-10px;}  /* need neg. margin to push top up flush w/ top of fund finder */
.product-info a { text-decoration:none; color:#156cc6; font-weight:normal; font-size:10px; }
.product-info a:hover { text-decoration:underline; }
.product-info .relpos { position:relative; }
.product-info #page-overlay { position:absolute; top:0; left:0; display:none; z-index:1; }
.product-info .hideElement { visibility:hidden; }
.product-info .pi-left-frame { width:485px; overflow:hidden; }
.product-info .pi-right-frame { width:258px; overflow:hidden; }
.product-info .pi-left-margin { margin:0 15px 0 10px; }
.product-info .pi-right-margin { margin:0 10px 0 0; }
.product-info .pi-right-left-margin { margin:0 10px 0 10px;} /* added by jj: achieves balanced 10px left and rt martgin when only single column layout like dist. page  */
.product-info .logo-for-print-pages { display:none; padding-left:12px; }
.product-info .prospectus-for-print-pages { display:none; }

/* ****************************** */
/* HEADER STYLES - TABS and above */
/* ****************************** */
/* Header BG */
.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;}
.product-info #product-info-header.comm-and-divalt {background:url(/images/product_info/header-bg-comm.gif) repeat-x bottom;height:100%;}

/* Header Breadcrumbs */
.product-info-header-container #breadcrumbs {height:20px;padding:0px;}
.product-info-header-container #breadcrumbs ul {margin-left:0;padding-left: 0;display: inline;border: none;}
.product-info-header-container #breadcrumbs ul li {margin-left:0;padding-left:0px;border:none;list-style:none;display:inline;}
.product-info-header-container #breadcrumbs ul li a{background:url(/images/product_info/blue-arrow.gif) no-repeat right 9px;}
.product-info-header-container #breadcrumbs ul li a, #breadcrumbs ul li span{font-size:10px;padding:5px 17px 3px 10px;}
.product-info-header-container #breadcrumbs ul li span{color:#666;font-weight:bold;}

/* Header Utility icons */
.product-info #product-info-header .util-container {position:absolute; top:8px;right:0px;}
.product-info #product-info-header .util-container ul#utility-nav {list-style:none;margin-top:0px;padding-right:10px;}
.product-info #product-info-header .util-container ul#utility-nav li {display:inline;margin-left:28px;}
.product-info #product-info-header .util-container ul#utility-nav li a {padding:2px 0 10px 20px;}
.product-info #product-info-header .util-container ul#utility-nav li.print a{width:25px;background:url(/images/product_info/print.gif) no-repeat;}
.product-info #product-info-header .util-container ul#utility-nav li.excel a{width:85px;background:url(/images/product_info/icon_xls.gif) no-repeat;}
.product-info #product-info-header .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;bottom:30px;text-decoration:none}

/* Header Fund Title */
.product-info #product-info-header h1{color:#333;font-size:20px;padding:19px 0 0 10px;}
.product-info #product-info-header h1 .fund-name{display:block;}
.product-info #product-info-header h1 .ticker{font-weight:normal;}
.product-info #product-info-header h1 .inception{font-size:12px;	font-weight:normal;	color:#333333;	padding-left:10px;}

/* Header TABS */
.product-info ul#tab-nav {list-style:none;}
.product-info #product-info-header ul#tab-nav{	padding:0;margin-left:10px;	margin-bottom:0;position:absolute;	bottom:-2px;} /* was -2 bott. and no left in WSOD proto */

/* header tabs specific to EQ */
.product-info #product-info-header ul#tab-nav li {float:left;background:url(/images/product_info/tab-right.gif) no-repeat right;}
.product-info #product-info-header ul#tab-nav li a {display:block;background:url(/images/product_info/tab-left.gif) no-repeat left;font-size:11px;font-weight:bold;color:#444343;text-shadow:#FFF 0 1px 1px;padding:10px 16px 9px 16px;}
.product-info #product-info-header ul#tab-nav li#selected {background:url(/images/product_info/tab-selected-right.gif) no-repeat right;}
.product-info #product-info-header ul#tab-nav li a:hover {text-decoration:none;color:#000;}
.product-info #product-info-header ul#tab-nav li#selected a {background:url(/images/product_info/tab-selected-left.gif) no-repeat left;color:#FFF;text-shadow:#333 0 1px 1px;}

/* header tabs specific to COMM (and Div Alt too)- handled via additional class called comm-and-divalt */
.product-info #product-info-header.comm-and-divalt ul#tab-nav li {float:left;background:url(/images/product_info/tab-right-comm.gif) no-repeat right;}
.product-info #product-info-header.comm-and-divalt ul#tab-nav li a {display:block;background:url(/images/product_info/tab-left-comm.gif) no-repeat left;font-size:11px;font-weight:bold;color:#444343;text-shadow:#FFF 0 1px 1px;padding:10px 16px 9px 16px;}
.product-info #product-info-header.comm-and-divalt ul#tab-nav li#selected {background:url(/images/product_info/tab-selected-right-comm.gif) no-repeat right;}
.product-info #product-info-header.comm-and-divalt ul#tab-nav li a:hover {text-decoration:none;color:#000;}
.product-info #product-info-header.comm-and-divalt ul#tab-nav li#selected a {background:url(/images/product_info/tab-selected-left-comm.gif) no-repeat left;color:#FFF;text-shadow:#333 0 1px 1px;}

/* top table disclosure area - content in teamsite */
.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:10px !important;font-weight:normal;font-style:italic; color:#666666;line-height:15px;border-bottom:1px #f4e7d6 solid;padding-top:0px;padding-right:50px;padding-bottom:10px;}
.product-info #product-info-header.comm-and-divalt #comm-disc {width:340px;padding-bottom:10px;padding-left:0;margin-top:0;margin-left:0;}
.product-info #product-info-header.comm-and-divalt #comm-disc li {padding-left:10px;}
.product-info #product-info-header.comm-and-divalt #comm-disc li a{display:block;padding-left:20px;height:20px;padding-top:2px;padding-bottom:5px;}
.product-info #product-info-header.comm-and-divalt #comm-disc li span{font-size:10px;color:#666;margin-bottom:10px;margin-left:20px;display:inline-block;}
.product-info #product-info-header.comm-and-divalt #comm-disc li.icon_pdf a{background:url(/images/product_info/icon_pdf.gif) no-repeat 0 0; }
.product-info #product-info-header.comm-and-divalt #comm-disc li.icon_tool a{background:url(/images/product_info/icon_link.gif) no-repeat 0 -2%;}

/* 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:20px 0 0 0;}
.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:10px !important;font-weight:normal; }

/* Product Info Tooltip Styles */
.pi-info-tip .title { padding:0 0 5px 0; color:#424242; font-weight:bold; }
.pi-info-tip { color:#747a7d; font-size:10px; background:#d9f4ff url(/images/product_info/info_tip_back.gif) top left repeat-x; }
img.pi-info-icon { vertical-align:bottom; }

/* Fund Objective Styles */
table.objective tr td { color:#000; font-size:12px !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 */
#sectorChart { position:absolute; top:95px; left:275px; width:200px; height:200px; }
.chartTip-container { position:absolute; z-index:9999999; top:0; left:0; width:0; height:0; }
.chartTip { width:0; height:0; }
table.single-bottom-border { border-bottom:1px solid #ddd !important; }
table.module { padding:0; margin:0 0 30px 0; border:0; width:100%; }
table.module th { padding:0 0 0 10px; border:0; height:46px; vertical-align:middle; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
table.module tr.extended-header-top th { height:30px !important; vertical-align:bottom !important; border:0; text-align:left; background:#fff url("/images/product_info/pi_module_extheader.gif") repeat-x bottom left; }

/* Height is 1px in the following 2 classes to clear the previously set heights */
.product-info table.module tr.extended-header-bottom th { height:1px !important; vertical-align:bottom !important; text-align:right; padding:12px 8px 8px 8px !important; font-size:10px; font-weight:normal; border:0; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
.product-info table.module tr.extended-header-bottom th.left-padding { height:1px !important; padding:12px 0 8px 8px !important; font-size:10px; font-weight:normal; border:0; text-align:left !important; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }

.product-info table.module th.right-align { text-align:right !important; }
.product-info table.module th span { font-weight:normal; color:#666; font-size:10px; }
.product-info table.module th div.link { position:absolute; top:0px; left:0; width:467px; text-align:right; }
.product-info table.module td { font-size:10px; text-align:left; padding:12px 8px 8px; border:0; }
.product-info table.module td div.math-symbol { width:5px; }
.product-info table.module td span { font-weight:normal; color:#666; font-size:10px; }
.product-info table.module td.data { vertical-align:top; font-weight:bold; text-align:right; }
.product-info table.module tr.double-border td { border-bottom:2px solid #ddd; }
.product-info table.module tr.single-border td { border-bottom:1px solid #ddd; }
.product-info table.module tr.stripe { background:#f6f6f6; }
.product-info table.module tr.total-column td { text-align:left !important; border-top:2px solid #ddd; border-bottom:1px solid #ddd; color:#666; font-weight:normal !important; }
.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.double-row ul.change-display { clear:both; padding:0; margin:0; width:100%; text-align:right; }
.product-info table.module tr.double-row ul.change-display li { display:inline; float:right; margin:0; padding:0 0 0 10px; }
.product-info table.module tr.double-row ul.change-display li.left-point { padding:0; }
.product-info table.module tr.double-row ul.pos li { color:#7f9904; }
.product-info table.module tr.double-row ul.neg li { color:#ff1e02; }
.product-info table.module tr.body-links-row ul { padding:0 8px 8px; }
.product-info table.module tr.body-links-row td { padding:0 !important; background:#f6f6f6; }
.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 !important; background:#fff; }

/* Sectors/Industries */
#sectorSwf { padding-left:20px; z-index:1; }
#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 td.graph-height { height:240px; }
.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:200px; }

/* 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:bold; }

/* 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 */
.product-info table.overview-profile tr.footnote td {font-style:italic;}
.product-info table.overview-profile tr td.data { padding-left:0;}


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

/* Quality Ratings FI */
.product-info table.quality-ratings .rating-column-width { width:125px; }
.product-info table.quality-ratings tr td { text-align:right !important; }
.product-info table.quality-ratings tr .rating-column { text-align:left !important; font-weight:bold !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 table.performance .left-border { border-left:1px solid #ddd !important; }
.product-info table.performance tr.extended-header-top th { font-weight:normal !important; padding:5px 8px 8px 8px !important; text-align:center; border-top:2px solid #ddd; }
.product-info table.performance tr.extended-header-bottom th { padding:5px 8px 8px 8px !important; text-align:right; font-size:11px !important; }
.product-info table.performance .label-column-width { width:198px; }
.product-info table.performance .returns-column-width { width:81px; }
.product-info table.performance .tax-column-width { width:92px; }
.product-info table.performance .price-column-width { width:124px; }
.product-info table.performance tr td { text-align:right !important; font-size:11px !important; }
.product-info table.performance tr td.header-column { font-weight:bold; text-align:left !important; }
.product-info table.performance tr.footnote td { text-align:left !important; font-size:10px !important; }

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

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

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

/* performance/holdings dropdown date picker */
.product-info .date-picker { display:inline; float:left; width:430px; margin:5px 0 15px 0; }
.product-info .date-picker ul.display-list { list-style:none; height:25px; padding:0; margin:0; }
.product-info .date-picker ul.display-list li { float:left; }
.product-info .date-picker select { margin:-1px 0 0 5px; }
.product-info .date-picker label { padding:0 0 0 15px; color:#666; font-size:10px; margin-left:2px; }
.product-info .date-picker .radio-button-container { position:relative; margin:0 0 0 6px; }
.product-info .date-picker .radio-button { position:absolute; height:15px; top:2px; left:0; }

.product-info .dropdown-layer { z-index:2; }
.product-info .dropdown-container { position:relative; display:inline; float:left; padding-left:15px; top:-2px; }
.product-info .dropdown-container #dropdown-value { width:112px; height:20px; border:1px solid #e1e1e1; color:#666; font-size:10px; }
.product-info .dropdown-container #dropdown-value a { display:block; color:#666; }
.product-info .dropdown-container #dropdown-value a:hover { text-decoration:none; }
.product-info .dropdown-container #dropdown-value .value { display:inline; float:left; }
.product-info .dropdown-container #dropdown-value .arrow-icon { display:inline; float:right; }
.product-info .dropdown-container #dropdown-value .value a { padding:4px 0 0 4px; }
.product-info .dropdown-container #dropdown-value .arrow-icon a { padding:2px 4px 0 0; }
.product-info #dropdown-scroller { display:none; position:absolute; top:2px; left:0; border:1px solid #e1e1e1; }

.product-info .dropdown-scroller { height:240px; width:112px; overflow-y:auto; overflow-x:hidden; }
.product-info .dropdown-scroller ul#dropdown-list { width:100px; }
.product-info .dropdown-noscroller {  width:112px; }
.product-info .dropdown-noscroller ul#dropdown-list { width:112px; }
.product-info ul#dropdown-list { display:block; padding:0; margin:2px 0 0 0; background:#fff; }
.product-info ul#dropdown-list li { display:block; float:none; color:#666; font-size:10px; border-bottom:1px solid #e1e1e1;  }
.product-info ul#dropdown-list li a { display:block; padding:4px 0 5px 4px; color:#666; }
.product-info ul#dropdown-list li a:hover { background:#ecf4f9; text-decoration:none; }
.product-info ul#dropdown-list li.li-selected a { background:#ecf4f9; }


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

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

.product-info table.performance-fees { margin-top:5px; border-top:2px solid #ddd; }
.product-info table.performance-fees div.performance-long-label { width:660px; }
.product-info table.performance-fees tr th {font-weight:normal;padding:0 10px; }
.product-info table.performance-fees tr td { font-weight:bold; }
.product-info table.performance-fees tr td.data { font-weight:normal; }
.product-info table.performance-fees tr.footnote td { font-style:italic; font-weight:normal !important; }

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

/* ************** */
/* Distributions  */
/* ************** */
.product-info table#distributions {padding:0; margin:0 0 35px 0; border-top:2px #dddddd solid;border-bottom:1px #ddd solid; width:100%; }
.product-info table#distributions thead th {padding-top:5px;padding-right:4px;padding-bottom:8px;padding-left:4px;font-weight:normal;font-size:10px; height:46px; border:0; vertical-align:bottom; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
.product-info table#distributions th.right-align { text-align:right !important; }
.product-info table#distributions td { font-size:10px; vertical-align:top; text-align:left; padding:12px 8px 8px; border:0; }
.product-info table#distributions td.data { font-weight:normal; text-align:right; }
.product-info table#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 */
/*.debug_note {font-size:10px;color:yellow;font-style:italic;background-color:darkviolet;}*/

/* ****************************** */
/* Common to most holdings tables */
/* ****************************** */
.product-info .holdings-table-title .footnote-left {float:left;color:#666;font-size:10px !important;font-weight:normal;width:300px;text-align:left;}
.product-info .holdings-table-title .footnote-right {float:right;color:#666;font-size:10px !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:10px !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 {padding-top:10px;padding-bottom:10px;color:#666;font-size:10px !important;} /* used for footnote under a table e.g. ALT and GSG */
.product-info .table-footnote p {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. */
.product-info table#holdings-eq {padding:0; margin:0 0 0 0; border-top:2px #dddddd solid;border-bottom:1px #ddd solid; width:100%; }
/* 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 th {padding:5px 5px 8px 5px; font-weight:normal;font-size:10px; height:40px; border:0; vertical-align:bottom; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
.product-info table#holdings-eq th.right-align { text-align:right !important; }
.product-info table#holdings-eq td { font-size:10px; vertical-align:top; text-align:left; padding:12px 5px 8px 5px; border:0; }
.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  */
.product-info table#holdings-fi {width: 770px;}             /* math is col widths+padding from left to right: 72+135+52+76+71+55+60+58+56+44+85 = 764. */
.product-info table#holdings-fi th#identifier {width:70px} 
.product-info table#holdings-fi th#holding_nm {width:135px;}
.product-info table#holdings-fi th#net_assets_pct {width:50px}  /* was 36px. making wider */
.product-info table#holdings-fi th#market_value {width:75px}
.product-info table#holdings-fi th#maturity_dt {width:70px}
.product-info table#holdings-fi th#moodys_rating {width:45px}
.product-info table#holdings-fi th#duration {width:47px;}
.product-info table#holdings-fi th#coupon {width:43px;}
.product-info table#holdings-fi th#duration {width:53px;}
.product-info table#holdings-fi th#yield_to_maturity {width:44px;}
.product-info table#holdings-fi th#yield_to_call {width:27px;}
.product-info table#holdings-fi th#fundSectorName {width:75px;} /* was 130px reducing to force wrap (to allow other cols to be wider */

/* basic Table Header style  */
.product-info table#holdings-fi {border-top:2px #dddddd solid;border-bottom:1px #dddddd solid;}
.product-info table#holdings-fi thead th {padding-top:5px;padding-bottom:8px;font-weight:normal;font-size:10px; height:40px; border:0; vertical-align:bottom; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
.product-info table#holdings-fi th.right-align { text-align:right !important; }

/* 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-fi thead th#identifier, .product-info table#holdings-fi td#identifier {padding-left:3px;padding-right:0px}  /* column1 - CUSIP */
.product-info table#holdings-fi thead th#holding_nm, .product-info table#holdings-fi td#holding_nm {padding-left:0px;padding-right:0px}  /* column2 - holding_nm  */
.product-info table#holdings-fi thead th#net_assets_pct, .product-info table#holdings-fi td#net_assets_pct {padding-left:3px;padding-right:2px}  /* column3 - net_assets_pct */
.product-info table#holdings-fi thead th#market_value, .product-info table#holdings-fi td#market_value {padding-left:4px;padding-right:4px;}   /* column4 - market_value  */
.product-info table#holdings-fi thead th#maturity_dt, .product-info table#holdings-fi td#maturity_dt {padding-left:4px;padding-right:0px}  /* column5 - maturity_dt */
.product-info table#holdings-fi thead th#moodys_rating, .product-info table#holdings-fi td#moodys_rating {padding-left:3px;padding-right:0px}  /* column6 - moodys_rating */
.product-info table#holdings-fi thead th#duration, .product-info table#holdings-fi td#duration {padding-left:3px;padding-right:0px}  /* column7 - duration */
.product-info table#holdings-fi thead th#coupon, .product-info table#holdings-fi td#coupon {padding-left:3px;padding-right:4px;}  /* column8 - coupon */
.product-info table#holdings-fi thead th#yield_to_maturity, .product-info table#holdings-fi td#yield_to_maturity {padding-left:2px;padding-right:0px}  /* column9 - yield_to_maturity */
.product-info table#holdings-fi thead th#yield_to_call, .product-info table#holdings-fi td#yield_to_call {padding-left:4px;padding-right:3px;}  /* column10 - yield_to_call */
.product-info table#holdings-fi thead th#fundSectorName, .product-info table#holdings-fi td#fundSectorName {padding-left:4px;padding-right:0px}  /* column11 - fundSectorName */ 

/* FI's TD styles  */
.product-info table#holdings-fi td {font-size:10px; vertical-align:top; text-align:left; border:0;padding-top:12px;padding-bottom:8px}
/* 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-fi 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-fi 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-fi td.data { font-weight:normal; text-align:right; }
.product-info table#holdings-fi tbody tr.odd td {	background-color:#f6f6f6;}
.product-info table#holdings-fi th.single-border-vert, .product-info table#holdings-fi td.single-border-vert { border-right:1px solid #DDDDDD !important; } /*achieves thin gray vertical line segmenting table */

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

.product-info table#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 table#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 {padding:0; margin:0 0 0 0; border-top:2px #dddddd solid;border-bottom:1px #ddd solid; width:100%; }
.product-info table#holdings-fund-of-funds thead th {padding-top:5px;padding-right:4px;padding-bottom:8px;padding-left:4px;font-weight:normal;font-size:10px; height:40px; border:0; vertical-align:bottom; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
.product-info table#holdings-fund-of-funds th.right-align { text-align:right !important; }
.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;}*/

.product-info table#holdings-futures {padding:0; margin:0 0 0 0; border-top:2px #dddddd solid;border-bottom:1px #ddd solid; width:100%; }
.product-info table#holdings-futures thead th {padding-top:5px;padding-right:4px;padding-bottom:8px;padding-left:4px;font-weight:normal;font-size:10px; height:40px; border:0; vertical-align:bottom; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
/* 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 th {padding:5px 5px 8px 5px; font-weight:normal;font-size:10px; height:40px; border:0; vertical-align:bottom; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
.product-info table#holdings-futures th.right-align { text-align:right !important; }
.product-info table#holdings-futures td { font-size:10px; vertical-align:top; text-align:left; padding:12px 5px 8px 5px; border:0; }
.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 #holdings-futures-divalt-container {padding-top:25px}
.product-info table.holdings-futures-divalt {padding:0; margin:0 0 0 0; border-top:2px #dddddd solid;border-bottom:1px #ddd solid; width:100%; }
.product-info table.holdings-futures-divalt thead th {padding-top:5px;padding-right:4px;padding-bottom:8px;padding-left:4px;font-weight:normal;font-size:10px; height:40px; border:0; vertical-align:bottom; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
/* 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 th {padding:5px 5px 8px 5px; font-weight:normal;font-size:10px; height:40px; border:0; vertical-align:bottom; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
.product-info table.holdings-futures-divalt th.right-align { text-align:right !important; }
.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 */
.product-info #holdings-collateral-container {padding-top:25px;}

/* 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 {width: 770px;}             /* math is col widths+padding from left to right: 72+135+52+76+71+55+60+58+56+44+85 = 764. */
.product-info table#holdings-divalt-c-and-c th#identifier {width:70px}
.product-info table#holdings-divalt-c-and-c th#holding_nm {width:135px;}
.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:75px}
.product-info table#holdings-divalt-c-and-c th#maturity_dt {width:70px}
.product-info table#holdings-divalt-c-and-c th#moodys_rating {width:45px}
.product-info table#holdings-divalt-c-and-c th#duration {width:47px;}
.product-info table#holdings-divalt-c-and-c th#coupon {width:43px;}
.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:44px;}
.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:75px;} /* was 130px reducing to force wrap (to allow other cols to be wider */

/* basic Table Header style  */
.product-info table#holdings-divalt-c-and-c {border-top:2px #dddddd solid;border-bottom:1px #dddddd solid;}
.product-info table#holdings-divalt-c-and-c thead th {padding-top:5px;padding-bottom:8px;font-weight:normal;font-size:10px; height:40px; border:0; vertical-align:bottom; text-align:left; background:#fff url("/images/product_info/pi_module_header.gif") repeat-x bottom left; }
.product-info table#holdings-divalt-c-and-c th.right-align { text-align:right !important; }

/* 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  */
.product-info table#holdings-divalt-c-and-c td {font-size:10px; vertical-align:top; text-align:left;  border:0;padding-top:12px;padding-bottom:8px}
/* 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:46px;}
.product-info table.holdings-divalt-c-and-c-table-extension td#market_value {width:73px;padding-right:4px;padding-left:4px;}
.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 {background:transparent url(/images/product_info/arrow-right.gif) no-repeat scroll right center;color:#000000;display:inline-block;line-height:10px;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;color:#000000;display:inline-block;line-height:10px;padding-right:8px;width:auto; }
.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;color:#000000;display:inline-block;line-height:10px;padding-right:8px;width:auto; }

/* 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;} /* 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;margin-left: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; }
.product-info .holdings-top-right-section-container #table-holdings-overview-gsg {padding:0; margin:0 0 5px 0; width:330px; }
/* ******** table data ********* */
.product-info .holdings-top-right-section-container #table-holdings-overview td { border-bottom:1px solid #DDDDDD;padding:3px 0;font-size:10px  }
.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:10px !important;font-weight:normal;}

.product-info .holdings-top-right-section-container #table-holdings-overview-gsg  td { border-bottom:1px solid #DDDDDD;padding:3px 0;font-size:10px  }
.product-info .holdings-top-right-section-container #table-holdings-overview-gsg  td.data { font-weight:bold; text-align:right; }

/* ************************* */
/* 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 */

/* **************** */
/* PRINT MEDIA  *** */
/* **************** */
@media print {
  .header_wide { display:none; }
  .link { display:none; }
  .main_content_container_wide { float:left; }
  .product-info .pi-left-frame { width:385px; }
  .footer { display:none; }
  .left_nav_white_bg { display:none; }
  .product-info-header-container #breadcrumbs { display:none; }
  .product-info-header-container #utility-nav { display:none; }
  .product-info-header-container #tab-nav { display:none; }
  .product-info-header-container #feedback { display:none; }
  .product-info #product-info-header {height:140px;}
  .product-info #product-info-header.comm-and-divalt {height:300px;}
  .product-info .logo-for-print-pages { display:block; }
  .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; }

  #sectorSwf { width:150px; height:165px; }
  #sectorImg { visibility:visible; }
  #product-info-page-container { width:650px; overflow:hidden; }
  #comm-disc { display:none; }
  .product-info .holdings-subhead-container { width:650px; }
  .product-info #product-info-header.comm-and-divalt { width:650px; }
  .product-info table#holdings-fi {width:600px;}             /* math is col widths+padding from left to right: 72+135+52+76+71+55+60+58+56+44+85 = 764. */
  .product-info table#holdings-fi th#identifier {width:70px}
  .product-info table#holdings-fi th#holding_nm {width:80px;}
  .product-info table#holdings-fi th#net_assets_pct {width:40px}  /* was 36px. making wider */
  .product-info table#holdings-fi th#market_value {width:75px}
  .product-info table#holdings-fi th#maturity_dt {width:70px}
  .product-info table#holdings-fi th#moodys_rating {width:45px}
  .product-info table#holdings-fi th#coupon {width:33px;}
  .product-info table#holdings-fi th#duration {width:23px;}
  .product-info table#holdings-fi th#yield_to_maturity {width:44px;}
  .product-info table#holdings-fi th#yield_to_call {width:27px;}
  .product-info table#holdings-fi th#fundSectorName {width:75px;} /* was 130px reducing to force wrap (to allow other cols to be wider */
  .product-info table#holdings-fi td#identifier {width:70px}
  .product-info table#holdings-fi td#holding_nm {width:80px;}
  .product-info table#holdings-fi td#net_assets_pct {width:40px}  /* was 36px. making wider */
  .product-info table#holdings-fi td#market_value {width:75px}
  .product-info table#holdings-fi td#maturity_dt {width:70px}
  .product-info table#holdings-fi td#moodys_rating {width:45px}
  .product-info table#holdings-fi td#coupon {width:33px;}
  .product-info table#holdings-fi td#duration {width:23px;}
  .product-info table#holdings-fi td#yield_to_maturity {width:44px;}
  .product-info table#holdings-fi td#yield_to_call {width:27px;}
  .product-info table#holdings-fi td#fundSectorName {width:75px;} /* was 130px reducing to force wrap (to allow other cols to be wider */
  .product-info .holdings-top-right-section-container #table-holdings-overview {padding:0; margin:0 0 5px 0; width:235px; }
  .product-info .holdings-top-right-section-container #table-holdings-overview-gsg {padding:0; margin:0 0 5px 0; width:235px; }

  /* CG: Sorry, had to add a firefox hack due to its printing bugs */
  html>body #product-info-page-container { width:800px; }
  html>body .product-info .holdings-subhead-container { width:800px; }
  html>body #holdings-fi { width:800px; }
  html>body .product-info table#holdings-fi th#holding_nm {width:125px;}
  html>body .product-info table#holdings-fi td#holding_nm {width:125px;}

  /* Holding name column for FI top daily holdings */
  .product-info table.top-daily-holdings-fi .holding-name-column-width { width:50px; }


  .product-info img.pi-info-icon { display:none; }
  .product-info table.module {}
  .product-info table.module th { padding:0; height:26px; border-bottom:1px solid #ddd !important; }
  /* tbd - I refactored this from being a class to being an id so test if print is ok. ALso I no longer use
  .sort-indicator-multiline-text, .sort-indicator-one-line-text so see what effect that has on above print styles
  */
  .product-info table#distributions div.header-text { padding-top:0; padding-bottom:0; margin:0; }
  .product-info table#distributions th { padding:0; height:25px;vertical-align:middle; border-bottom:1px solid #ddd;}
  .product-info .sector-breakdown .graph { width:48%; }
  .product-info .sector-breakdown .graph-height { height:150px; }
  .product-info .sector-breakdown .left-column { width:52%; }

  .pi-right-left-margin, .disclaimers { width:650px; }
  table.module tr.extended-header-top th { height:25px !important; padding-top:0; padding-bottom:0; border-bottom:1px solid #ddd; }
  .product-info table.module tr.extended-header-bottom th { padding-top:0; padding-bottom:0; border-bottom:1px solid #ddd; }
  .product-info table.performance .label-column-width { width:40px; }
  .product-info table.performance .returns-column-width { width:31px; }
  .product-info table.performance .tax-column-width { width:40px; }
  .product-info table.performance .price-column-width { width:84px; }
  .product-info table.performance-co .label-column-width { width:250px; }
  .product-info table.performance-co .returns-column-width { width:115px; }
  .product-info table.annual-performance th { height:25px !important; padding-top:0; padding-bottom:0; border-bottom:1px solid #ddd; }
  .product-info table.annual-performance .label-column-width { width:150px; }
  .product-info table.annual-performance .returns-column-width { width:111px; }
  .product-info table.annual-performance .price-column-width { width:146px; }
  .product-info table.performance-fees .performance-long-label { width:530px !important; }

   table.avg-annual-total-returns .label-column-width { width:20px !important; }
   table.avg-annual-total-returns th { padding:12px 2px 8px 2px !important;  }
   table.avg-annual-total-returns th.left-padding { padding:12px 0 8px 2px !important; }
   table.avg-annual-total-returns td { font-size:10px; text-align:left; padding:12px 2px 8px 2px; border:0; }
}