﻿/* largest width for content*/
#content {
  width: 703px;
  padding: 0px 0px 0px 10px;
  float: left;
  clear: left;
}
.contentw2border {
  width: 675px;
  border-top: solid 1px #d9d9d9;
  padding-top: 15px;
  margin-left: 6px;
}
.contentw2 {
  width: 675px;
  border: none;
  padding-top: 15px;
  margin: 20px 0 0 6px;
  padding: 0;
}

#rcol {
  float: right;
  width: 141px; /*this width may change once I get the new right column design*/
  margin: 0px 0 0 0;
  background-color: #fff;
}
/*
.rcolbox { background: #e3eff2 url("/images/bg-rcol-fp-top.png") no-repeat left top; padding: 12px 10px 0 12px; width: 113px; }
.rcolcontent { font-size: 10px; color: #666; line-height: normal; padding-top: 5px; }
*/
.rboxbotfp { background: #e3eff2 url("/images/bg-rcol-fp-bot.png") no-repeat left bottom; width: 135px; height: 14px; line-height: 0; }

#rbannerJapan { height: 215px; color: #fff; background: Transparent url("/images/bg-rbanner-japan141.png") no-repeat left top; padding-top: 18px; line-height: normal; }
#rbannerJapan h1 { font-size: 16px; color: #fff; padding: 0 0 0 7px; font-weight: bold;  margin: 0; line-height: normal;  } 
#rbannerJapan h3 { font-size: 12px; color: #fff; line-height: 13px; padding: 0 0 0 7px; font-weight: bold; margin: 0; }
#rbannerJapan h3 a { color: #fff; }
#rbannerJapan h3 a:hover { color: #333; }
#rbannerJapan .harrow { margin-left: 3px; margin-bottom: 1px; line-height: normal; }
.rcolbannercontent { padding: 10px 5px 0px 7px; font-size: 10px; }

.footerexception {
  font-size: 10px;
  }

/* narrow right columns backgrounds */
.rboxmaterialsh { background: #e3eff2 url("/images/bg-rcol-fp-tophd.png") no-repeat left top; font-size: 12px; color: #fff; font-weight: bold; background-color: #16868d; height: 21px; padding: 5px 4px 0 12px; width: 119px; }
.rboxmaterials { background-color: #e3eff2; /*background: #e3eff2 url("/images/bg-rcol-fp-top.png") no-repeat left top;*/  font-size: 10px; padding: 0 12px 0 0; width: 123px; }

.feediscbullet {
  float: left;
  padding: 5px 5px 0 5px;
  width: 20px;
}

.feedisctext {
  float: left;
  padding: 5px 5px 0 5px;
  width: 550px;
}
/* funds and performance landing container */
.fdcontainerspace { margin-bottom: 40px; }

#fp h2 { 
  float: left; 
  clear:left; 
  padding-right: 20px; 
  line-height: 22px;
}

#fp select { 
  float: left; 
  font-family: Arial, Verdana, Sans-Serif; 
  font-size: 12px; 
  font-weight: bold; 
  color: #6e6e6e; 
  width: 88px;
  border: solid 1px #b5b5b5;
  height: 22px; 
  padding: 2px;
}

.fdate { 
  float: left; 
  padding-left: 12px; 
  font-size: 11px; 
  color: #999; 
  line-height: 22px;
}

/*funds and performance landing page tables*/
#fp table {
  text-align: left; 
  margin: 14px 0 auto; 
  width: 675px; 
  font-size: 10px; 
  color: #333; 
  line-height: 13px; 
}

#fp tr { 
  text-align: left; 
  vertical-align: top; 
  height: 29px;    
  vertical-align: middle; 
}

#fp td.theader { 
  height: 30px;
  font-size: 10px; 
  color: #999; 
  font-weight: bold; 
  line-height: 10px; 
  border-top: solid 1px #d0d0d0; 
  border-bottom: solid 1px #c5c5c5;
  padding-left: 0px;
}


.tbgcolor1 { background-color: #f4f0dc;}
.tbgcolor2 { background-color: #fffced;}

#fp td.col1 a { font-family: Arial, Verdana, Sans-Serif; font-size: 12px; color: #16869d; font-weight: bold; }
#fp td.col1 a:hover { text-decoration: underline;  }

#fp td.col1h { width: 40%; border-right: solid 1px #dbdbdb; }
#fp td.col2h { width: 12%; border-right: solid 1px #dbdbdb; text-align: center; }
/*#fp td.col3h { width: 10%; border-right: solid 1px #dbdbdb; text-align: center; }*/
#fp td.col4h { width: 12%; border-right: solid 1px #dbdbdb; text-align: center; }
#fp td.col5h { width: 18%; border-right: solid 1px #dbdbdb; text-align: center; }
#fp td.col6h { width: 18%; text-align: center;}

#fp td.col1 { /*width: 252px;*/ border-right: solid 1px #dbdbdb; text-align: left; padding-left: 18px; }
#fp td.col2 { /*width: 91px;*/  border-right: solid 1px #dbdbdb; text-align: center; }
#fp td.col3 { /*width: 92px;*/  border-right: solid 1px #dbdbdb; text-align: center; }
#fp td.col4 { /*width: 93px;*/  border-right: solid 1px #dbdbdb; text-align: center; }
#fp td.col5 { /*width: 108px;*/ border-right: solid 1px #dbdbdb; text-align: center; }
#fp td.col6 { /*width: 108px;*/ text-align: center; }

/* fund internal data pages */
#fheader { height: 47px; margin-left: 18px;  }
#fheader h1 { float: left; padding-top: 9px; }
#fheader img { float: left; vertical-align: middle; }
.fstandardperf { 
  font-family: Arial, Verdana, Sans-Serif; 
  font-size: 14px; 
  font-weight: bold; 
  color: #333; 
  line-height: 13px; 
  padding: 0px 0 10px 85px; 
}
.fstandardperfpdf {font-size: 11px; font-weight: normal; color: #666; }

.fticker {
  float: left; 
  font-family: Arial, Verdana, Sans-Serif;
  font-size: 16px; 
  font-weight: bold;
  color: #999; 
  padding-top: 17px;
  padding-right: 17px;
  width: 60px;
}
#fheader .fselect {
  float: left;
  margin-top: 14px;
}
#fheader select { 
  float: left; 
  font-family: Arial, Verdana, Sans-Serif; 
  font-size: 12px; 
  font-weight: bold; 
  color: #6e6e6e; 
  width: 88px;
  border: solid 1px #b5b5b5;
  height: 22px; 
  padding: 2px;
}
/*fund tabs */
#fundtabcontainer {
  width: 703px;
  padding-bottom: 15px; 
}
.fundtabcontainerfooter {  
  background: #fff url("/images/bg-shadowbot.png") no-repeat left top; 
  height: 7px; 
}
/*exception to hide the rest of the tabs except for the Overview */
#fundtab1of3 { 
  width: 703px; 
  height: 32px;
  background: #fff url("/images/ftab1-of-3.png") no-repeat left top;
} 
#fundtab2of3 { 
  width: 703px; 
  height: 32px;
  background: #fff url("/images/ftab2-of-3.png") no-repeat left top;
} 
#fundtab3of3 { 
  width: 703px; 
  height: 32px;
  background: #fff url("/images/ftab3-of-3.png") no-repeat left top;
} 


#fundtab1 { 
  width: 703px; 
  height: 32px;
  background: #fff url("/images/ftab1.png") no-repeat left top;
} 
#fundtab2 { 
  width: 703px; 
  height: 32px;
  background: #fff url("/images/ftab2.png") no-repeat left top;
} 
#fundtab3 { 
  width: 703px; 
  height: 32px;
  background: #fff url("/images/ftab3.png") no-repeat left top;
} 
#fundtab4 { 
  width: 703px; 
  height: 32px;
  background: #fff url("/images/ftab4.png") no-repeat left top;
} 
#fundtab5 { 
  width: 703px; 
  height: 32px;
  background: #fff url("/images/ftab5.png") no-repeat left top;
} 

.fundtabcontainer li { 
  float: left; 
  list-style: none;   
  width: 136px; 
  line-height: 32px;
  font-size: 11px;
  text-align: center;
  padding-left: 4px;
}

.fundtabcontainer li a { display: block;  font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Sans-Serif; }
.fundtabcontainer li a:hover { color: #fff; text-decoration: none; background-image: url("/images/ftab-over.png"); background-repeat: no-repeat; width: 135px; }

.fundtabcontainer li.fundtabon a { display: block; color: #999; font-size: 12px; font-weight: bold; font-family: Arial, Verdana, Sans-Serif; }
.fundtabcontainer li.fundtabon a:hover {  color: #fff; text-decoration: none; }

#ftabcontent { 
  background: #fff url("/images/bg-shadowlr.png") repeat-y left top;
  padding: 15px 15px 5px 15px;
}
/*fund data table*/
.fdatalft {float: left; clear: left; width: 250px; }
.fdatargt {float: right; clear:right; width: 400px; margin-left: 23px; }

.fdatatype { 
  font-family: Arial, Verdana, Sans-Serif; 
  font-size: 14px; 
  font-weight: bold; 
  color: #333; 
  line-height: 13px; 
  padding: 5px 0 10px 3px;
}
.fdisclosure { padding-left: 3px; padding-bottom: 5px; color: #333;  }

.fdisclosure h6, .fcommentary h6  { font-family: Verdana, Arial, Sans-Serif; color: #333; font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
.fcommentary h5  { text-transform:uppercase; font-size: 11px; font-weight: bold; letter-spacing: 1px; }
.fdisclaimer { font-size: 10px; font-style: italic; }

.fcommentary {  border-top: solid 1px #d9d9d9; padding: 7px 25px 3px 7px; color: #666; }

.fdatadate { font-family: Arial, Verdana, Sans-Serif; font-size: 11px; color: #999; font-weight: normal;}

.fdatatable {
  padding: 4px;
  margin-bottom: 10px; 
  border: solid 1px #d9d9d9;
  font-size: 11px; 
  color: #666; 
  line-height: 16px;
}

.fdatatabledisc {
  padding: 4px;
  margin-bottom: 10px; 
  font-size: 11px; 
  color: #666; 
  line-height: 16px;  
}


#fpricing table, #ffacts table, #fportfolio table {
  width: 240px; 
  font-size: 10px; 
  color: #333; 
  line-height: normal;
}

.holdings { padding-top: 10px;}

#fpricing td.theader { line-height: 10px; border-top: solid 1px #d9d9d9; font-weight: normal; vertical-align: top; padding-top: 3px; padding-bottom: 3px; padding-left: 0; }
#fpricing td.col1h { width: 55px; border-right: solid 1px #dbdbdb; text-align: center; font-size: 11px; color: #999; font-weight: bold; }
#fpricing td.col2h { width: 66px; border-right: solid 1px #dbdbdb; text-align: center; font-size: 9px; color: #999; }
#fpricing td.col3h { width: 66px;  border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; text-align: center; font-size: 9px; color: #999; }
#fpricing td.col4h { width: 50px; border-top: solid 1px #d9d9d9; text-align: center; font-size: 9px; color: #999; }
#fpricing td.col1 { height: 28px; border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; text-align: center; padding-left: 0;}
#fpricing td.col2 { height: 28px; border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; text-align: center; padding-left: 0;}
#fpricing td.col3 { height: 28px;  border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; text-align: center; padding-left: 0;}
#fpricing td.col4 { height: 28px; border-top: solid 1px #d9d9d9; text-align: center; padding-left: 0;}

#fportfolio tr, #fannualfees tr { height: 21px; } 
td.flabel { border-top: solid 1px #d9d9d9; padding-left: 7px;  width: 150px;  background-color: #fffced; }
td.fdata { border-top: solid 1px #d9d9d9; text-align: right; padding-right: 7px;  background-color: #fffced; }
td.theader { height: 19px; line-height: 10px; border-top: solid 1px #d9d9d9; font-weight: bold; color: #999; padding-left: 7px;}

#ffacts td { padding-top: 3px; padding-bottom: 3px; }

#fannualfees table { width: 100%; color: #333; }
#fannualfees td.flabel { width: 590px; }
td.flabeltotal { border-top: solid 1px #d9d9d9; padding-left: 7px;  width: 150px;  background-color: #f4f0dc; }
td.fdatatotal { border-top: solid 1px #d9d9d9; text-align: right; padding-right: 7px;  background-color: #f4f0dc; }

.fobjective { border-top: solid 1px #d9d9d9; padding: 7px 25px 3px 7px; }
.fobjective ul { padding-top: 9px; }
.fobjective li {   
  background-image: url("/images/arrow1-wbg.png");
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 10px;
}

.flinks { border-top: solid 1px #d9d9d9; margin-top: 15px;}
.flinks ul { padding-top: 9px; }
.flinks li {   
  background-image: url("/images/arrow1-wbg.png");
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left: 10px;
  padding-bottom: 5px;
}

#fmngnt table {width: 390px; }
#fmngnt tr { vertical-align: middle; } 
td.fmngntpic { border-top: solid 1px #d9d9d9; width: 50px; }
td.fmngntpic img { border: solid 1px #d9d9d9; }
td.fmngntdata { padding: 5px 0 10px 15px; font-size: 12px; font-weight: bold; color: #333; border-top: solid 1px #d9d9d9; }
.fmngntdate { font-size: 11px; color: #999; font-weight: normal; }
.fbtnmorebio { margin-top: 5px; }
.fmngntintro { padding: 0 5px 5px 3px; }
.fmngntextra { padding: 5px 5px 5px 3px; border-top: solid 1px #d9d9d9; }
.fmngntfootnote {padding: 5px 5px 0 7px; font-size: 10px; color: #666; font-weight: normal; border-top: solid 1px #d9d9d9;}

#fannual table, #fcumulative table, #fcommentary table { width: 100%; }
#fannual tr, #fcumulative tr, #fcommentary tr { height: 22px; color: #333; font-size: 10px; }
#fannual td.theader, #fcumulative td.theader { height: 30px; line-height: 10px; border-top: solid 1px #d9d9d9; padding: 0;}
#fcommentary td.theader  { height: 20px; line-height: 12px; border-top: solid 1px #d9d9d9; padding: 5px 0; vertical-align: top; }
#fcommentary td.theader2  { height: 20px; line-height: 12px; border-top: solid 1px #d9d9d9; padding: 0;}
#fannual td.col1h, #fcumulative td.col1h, #fcommentary td.col1h  {  /*width: 67px;*/ width: 10%; border-right: solid 1px #dbdbdb; padding-left: 7px; font-size: 11px;  color: #999; font-weight: bold;  }
#fannual td.col2h, #fcumulative td.col2h, #fcommentary td.col2h { /*width: 95px;*/ width: 10%; border-right: solid 1px #dbdbdb; text-align: center; font-size: 11px; color: #999; font-weight: bold;  }
#fcumulative td.col6h, #fannual td.col6h, #fcommentary td.col6h  { /*width: 128px;*/ width:10%; border-top: solid 1px #d9d9d9; text-align: center; font-size: 11px; color: #999; font-weight: bold;  }
#fcumulative td.col8h, #fannual td.col8h { /*width: 128px;*/ width: 13%; border-top: solid 1px #d9d9d9; text-align: center; font-size: 9px; color: #999; font-weight: bold;  }
#fcumulative td.col1, #fannual td.col1, #fcommentary td.col1 { border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; text-align: center; }
#fcumulative td.col2, #fannual td.col2 { height: 30px; border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; text-align: center; }
#fcumulative td.col6, #fannual td.col6 { border-top: solid 1px #d9d9d9; text-align: center;  }
#fcumulative td.col8, #fannual td.col8 { border-top: solid 1px #d9d9d9; text-align: center;  }

#fcommentary td.col2 { height: 30px; border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; text-align: right; padding-right: 14%; }
#fcommentary td.col6 { border-top: solid 1px #d9d9d9; text-align: right; padding-right: 15%;  }

#ftopten table { color: #333; font-size: 10px; }
#ftopten td.theader { height: 21px; font-weight: bold; }
#ftopten td.footer1 { height: 22px; color: #999; font-size: 11px; font-weight: bold; border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; padding-left: 6px; }
#ftopten td.footer2 { height: 22px; color: #999; font-weight: bold; border-top: solid 1px #d9d9d9; text-align: right; padding-right: 5px;}
#ftopten td.col1h { width: 249px; border-right: solid 1px #dbdbdb; padding-left: 7px; font-size: 11px; color: #999; }
#ftopten td.col2h { width: 94px; border-right: solid 1px #dbdbdb; text-align: center; font-size: 9px; color: #999; }
#ftopten td.col3h { width: 46px; border-top: solid 1px #d9d9d9; text-align: right; font-size: 9px; color: #999; padding-right: 5px }
#ftopten td.col1 { height: 28px; border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; padding-left: 7px; }
#ftopten td.col2 { height: 28px; border-right: solid 1px #dbdbdb; border-top: solid 1px #d9d9d9; text-align: center; }
#ftopten td.col3 { height: 28px; border-top: solid 1px #d9d9d9; text-align: right; padding-right: 5px; }


