.bold { font-weight: bold; }
.italic { font-style: italic; }
.terms { font-size: 8pt; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; }
.termsLarge { font-size: 10pt; }
.termsNumber { width: 40px; padding-left: 15px; }
.termsText { width: 95%; }
.termsPoint p { float: left; }
#indexTableDiv { padding-left: 0px ! important; }
.pageicon { background-color: white; border: 0px solid rgb(208, 208, 208); height: 42px; width: 42px; color: gray; }
.frbreadcrumb { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; color: rgb(102, 102, 102) ! important; font-size: 1.2rem; }
@font-face {
  font-family: "effra_trial_he-webfont";
  src: url(7a3b394de451a015d6db3b946787bb7bdaf34a5d.woff)  format("woff");
}
@font-face {
  font-family: "effra_trial_rg-webfont";
  src: url(77c8b1fb89d40b51121a2e0afdbba429c2dcc1c6.eot)  format("embedded-opentype"), url(872bf0412357ca86646b6a91e72d15c51e44e8fa.woff)  format("woff");
}
body { font-family: effra_trial_rg-webfont,Arial,sans-serif ! important; background: rgb(238, 238, 238) none repeat scroll 0% 0% ! important; }
#prodDesc a { color: rgb(83, 23, 50); }
.indexChangeNoticeCol1, .indexChangeNoticeCol2, .indexChangeNoticeCol3 { color: rgb(83, 23, 50); font-size: 12px; }
td { color: gray; }
#indexChangeNoticeTable td { color: rgb(83, 23, 50); }
.indexChangeNoticeText { color: rgb(83, 23, 50); }
.docPanelContainer { border: 0px solid rgb(67, 121, 148); margin-bottom: 20px; background-color: white; }
.docPanelBox { border: 1px solid rgb(237, 237, 237); }
.docPanelBody { border-bottom: 1px solid rgb(237, 237, 237); border-left: 1px solid rgb(237, 237, 237); border-right: 1px solid rgb(237, 237, 237); }
.docPanelBody a { font-size: 12px; color: rgb(83, 23, 50); }
.docPanelBody a:hover { font-size: 12px; color: rgb(83, 23, 50); }
#prodDesc { font-size: 14px; }
.indexTableHeaderReturn { font-size: 14px; }
.indexTableHeaderLast { font-size: 14px; }
#PerformanceTablePartial { width: 100%; }
.vmiddle { padding-left: 0px ! important; }
.vmiddle h1 { font-family: effra_trial_he-webfont,Arial,sans-serif ! important; color: rgb(83, 23, 50); font-size: 40px; }
.docPanelHead { background-color: rgb(67, 121, 148); border-bottom: 0px solid rgb(59, 110, 143); color: white; width: 100%; position: relative; height: 40px; font-size: 18px; font-weight: normal; font-family: effra_trial_rg-webfont,Arial,sans-serif ! important; }
.docPanelBody li { list-style-type: none; background: transparent none repeat scroll 0% 0%; padding-left: 0px; line-height: 20px; }
#indexChangeNoticeTitle { max-width: 376px; background: transparent none repeat scroll 0% 0%; padding-left: 0px; }
.indexTableHeaderLast { background-color: rgb(67, 121, 148); color: rgb(255, 255, 255); border-width: 0px 1px 0px 0px ! important; border-style: none solid none none ! important; border-color: -moz-use-text-color rgb(255, 255, 255) -moz-use-text-color -moz-use-text-color ! important; -moz-border-top-colors: none ! important; -moz-border-right-colors: none ! important; -moz-border-bottom-colors: none ! important; -moz-border-left-colors: none ! important; border-image: none ! important; height: 20px; }
.indexTableHeaderReturn { background-color: rgb(67, 121, 148); color: rgb(255, 255, 255); border-width: 0px 0px 0px 1px ! important; border-style: none none none solid ! important; border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color rgb(255, 255, 255) ! important; -moz-border-top-colors: none ! important; -moz-border-right-colors: none ! important; -moz-border-bottom-colors: none ! important; -moz-border-left-colors: none ! important; border-image: none ! important; }
.currencyTabSelected { background: rgb(127, 162, 185) none repeat scroll 0% 0% ! important; color: rgb(255, 255, 255) ! important; cursor: default; width: 60px; height: 30px; padding-top: 5px; font-weight: 600; font-size: 14px; border-left: 1px solid white; }
.currencyTab { float: left; text-align: center; color: gray; background: rgb(221, 221, 221) none repeat scroll 0% 0%; cursor: default; width: 60px; height: 30px; padding-top: 5px; border-left: 1px solid white; font-weight: 600; font-size: 14px; }
.currencyTab:hover { cursor: pointer; }
th.indexNameCol:first-child { width: 330px; text-align: left ! important; font-weight: bold; background-color: rgb(67, 121, 148); color: white; border-color: red; }
#indexTable { line-height: 0.8; width: 100% ! important; }
#indexTable th { border: 1px solid rgb(229, 229, 229); text-align: center; background-color: rgb(67, 121, 148); color: white; height: 23px; }
#indexTable td { border: 1px solid rgb(229, 229, 229); text-align: center; padding-top: 5px; padding-bottom: 5px; }
#indexTable tr:nth-child(2n) { background-color: rgb(238, 238, 238); }
#tabUnderline { display: none; }
.returnTab { text-align: center; color: gray; background: rgb(221, 221, 221) none repeat scroll 0% 0%; cursor: default; width: 100px; height: 30px; padding-top: 5px; border-left: 1px solid white; font-weight: 600; font-size: 14px; }
.returnTab:hover { cursor: pointer; }
.returnTabSelected:hover { cursor: pointer; }
.returnTabSelected { background: rgb(67, 121, 148) none repeat scroll 0% 0%; color: white; }
.locationTab { width: 150px; float: left; height: 35px; text-align: center; font-weight: bold; background: white none repeat scroll 0% 0%; color: gray; font-size: 14px; border: 1px solid rgb(80, 157, 199); padding-top: 7px; }
.locationTabSelected { width: 150px; float: left; height: 35px; text-align: center; font-weight: bold; background: rgb(67, 121, 148) none repeat scroll 0% 0%; color: white; font-size: 14px; border: 1px solid rgb(67, 121, 148); padding-top: 7px; }
.maincontainer { min-height: 500px; background-color: white; margin-top: 1px; padding-bottom: 30px; }
.maincontainer .row { margin-left: 0px ! important; margin-right: 0px ! important; }
.productsFootnote { background: white none repeat scroll 0% 0%; }
#indexTableContainer { width: 99%; }
.tile-content { font-family: effra_trial_rg-webfont,Arial,sans-serif ! important; }
.chromeHeader { font-family: effra_trial_rg-webfont,Arial,sans-serif ! important; }
#selections { border: 0px none; }
@media (max-width: 400px) {
  .frbreadcrumb { display: none; }
  .indexNameCol { width: 20% ! important; }
}
@media (max-width: 600px) {
  .frbreadcrumb { display: none; }
  .crumbleft { margin-left: 30px; }
  .indexNameCol { width: 20% ! important; }
}
@media (max-width: 800px) {
  .crumbleft { margin-left: 30px; }
}