

.tab-content {
	overflow-x: hidden;
}
.i-widget {
	margin: 0px;
}
.i-toggle {
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #dff2fd;
	border-left: 1px solid #cfd4d8;

	display: inline-block;
	height: 28px;
	width: 14px;
	position: relative;
	top: -4px;
	right: -15px;
	padding: 8px 16px 8px 16px;
	margin: -8px 0 -8px 0;
	float: right;
}
/*Badge css*/
.badge,
.moduleHeader .badge {
	webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	display: inline-block;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	height: 16px;
	padding: 4px 0 0 0;
	text-decoration: none;
	width: 14px;
	vertical-align: top;
}
.badge:focus {
	outline: 0;
	width: 16px;
}
.badge:focus img {
	border: 1px dotted #000;
	height: 16px;
	outline-color: rgb(229, 151, 0);
	outline-style: auto;
	outline-width: 5px;
	width: 16px;
}
.title .badge {
	margin-top:-2px;
}
/*Badge css Ends*/

/*SA Custom Tooltip*/
.tooltip,
.event-tooltip{
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
	background: #fff;
	border:solid 2px #5bade5;
	color:#7d7d7d;
	display: none;
	font-size: 13px;
	line-height: normal;
	margin:0;
	margin-top:20px;
	max-width: 300px;
	opacity: 1;
	padding:5px;
	position: absolute;
	text-align: center;
	z-index:1000;
}

/* Custom tooltip positions for fundetail carousel*/
@media screen and (max-width:320px){
	html[lang="en-CA"] .calendar-year-returns .tooltip{
		max-height: 55px;
	    max-width: 165px;
	    width: 100%!important;
	    left: 104px!important;
	}

	html[lang="en-CA"] .calendar-year-returns .tooltip .arrow{
		left: 75%;
	}

	html[lang="en-CA"] .value-of-investement .tooltip{
		max-height: 45px;
		max-width: 150px;
		width: 100%!important;
		left: 104px!important;
	}

	html[lang="en-CA"] .value-of-investement .tooltip .arrow{
		left: 80%!important;
	}
	
	html[lang="fr-CA"] .calendar-year-returns .tooltip{
		top: -41px!important;
	}

	html[lang="fr-CA"] .compound-annual-performance .tooltip.compoundAnnualTooltip{
		max-height: 55px;
	    max-width: 150px;
	    width: 100%!important;
	    left: 122px!important;;
	}

	html[lang="fr-CA"] .compound-annual-performance .tooltip.compoundAnnualTooltip .arrow{
		left:85%;
	}
}

@media screen and (min-width: 768px){
	.myCart-advisorCode .badge .tooltip{
		word-wrap: break-word;
		margin-right: 15px;
		min-width: 100px !important;
	}

	.calendar-year-returns .tooltip{
		max-height: 43px;
		max-width: 160px;
		width: 100%;
		left: 185px!important;
	}

	html[lang="en-CA"] .calendar-year-returns .tooltip .arrow{
		left: 25%;
	}

	html[lang="fr-CA"] .compound-annual-performance .tooltip.compoundAnnualTooltip{
		max-height: 43px;
	}

    html[lang="fr-CA"] .compound-annual-performance .tooltip.cumulativeTooltip{
        max-height: 43px;
        min-width:200px;
    }

	html[lang="fr-CA"] .calendar-year-returns .tooltip .arrow{
		left: 55%;
	}

	html[lang='en-CA'] .compound-annual-performance .tooltip.compoundAnnualTooltip{
		max-height: 45px;
        width: 100%;
		max-width: 250px;
	}
	html[lang='en-CA'] .compound-annual-performance .tooltip.cumulativeTooltip{
		max-height: 45px;
		width: 100%;
		max-width: 250px;
	}
	html[lang="en-CA"] .fundRiskTitle .tooltip{
		left:0!important;
	}

	html[lang="en-CA"] .fundRiskTitle .tooltip .arrow{
		left: 33%!important;
	}
	html[lang="fr-CA"] .fundRiskTitle .tooltip .arrow{
		left: 27%!important;
	}

	.etf-overview.dailyPrices-active {
	   position: relative;
	}
}

@media screen and (min-width: 1024px) {
	html[lang="en-CA"] .fundRiskTitle .tooltip .arrow{
		left: 67%!important;
	}

	html[lang="fr-CA"] .fundRiskTitle .tooltip .arrow{
		left: 50%!important;
	}
}

@media screen and (min-width: 568px){
	.myCart-advisorCode .badge .tooltip{
		max-width: 100px!important;
	}
}


/*SA Tooltip Arrows*/
.tooltip .arrow,
.event-tooltip .arrow{
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #5bade5;
	position: absolute;
	bottom:-10px;
	left:50%;
	margin-left:-10px;
	right:0;
}

.tooltip .inner-arrow,
.event-tooltip .inner-arrow{
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
	position: relative;
	left: -8px;
	bottom: 4px;
	z-index: 1500;
}

.rrMod .tooltip .inner-arrow {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #fff;
	position: relative;
	left: -8px;
}

.carousel-control.left .tooltip,
.carousel-control.right .tooltip {
	margin:0;
}

a.carousel-control.left .tooltip,
a.carousel-control.right .tooltip
{
	left:-35% !important;
}

.carousel-control .tooltip.arrow-top .inner-arrow {
	top:-13px;
}



.tooltip.arrow-top .inner-arrow {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-top:0;
	position: relative;
	left: -8px;
	bottom: 13px;
	z-index: 1500;
}

.vox-initial  .tooltip .inner-arrow,
.vox-periodic .tooltip .inner-arrow {
	bottom:3px;
}

.vox-initial  .tooltip.arrow-top .inner-arrow,
.vox-periodic .tooltip.arrow-top .inner-arrow {
	bottom:13px;
}

.tooltip.arrow-top .arrow {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #5bade5;
	border-top:0;
	position: absolute;
	top:-10px;
	left:50%;
	margin-left:-10px;
	right:0;
}

.tooltip.action{
	min-width: 100px;
}

/*tooltips end*/


.badge img {
	height: 14px;
	width: 14px;
	vertical-align: baseline;
}

.content .moduleHeader .badge,
.content .homepage-module-header .badge {
	margin:0 0 0 0px;
	padding:0;
}

.i-pwd-reset {
	/*font-size: 13px;*/
}

.i-pwd-reset {
	display: block;
	margin-bottom: 18px;
}

.checkbox {
	color: #717171;
	font-size: 12px;
	padding-left:0;
}

input {
	border-radius: 0px;
	border: 1px solid #d0d5d9;
	width: 280px;
}

.i-pipe {
	color: #c7c7c7;
	margin-right: 8px;
	margin-left: 8px;
}

/* TABS (All instances of tabs should be using this class! */

.tabs {
	height: 49px;
	margin:0;
	border-bottom: none;
}

/* Optional title for tabs, like on home page */
.tabs h2 {
	padding: 13px 0;
	font-size:20px;
	border-top: 3px solid #616a71;
	border-bottom: 1px solid #cfd4d8;
	margin-bottom: 15px;
}

.tabs li {
	border: 0px;
	margin: 0px;
	padding: 0 16px;
	text-align: center;
	height:47px;
}


.tabs li a {
	border-radius: 0px;
	border-width: 0px;
	color: #383838;
	background-color: transparent;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	font-size:14px;
}

.lbcBlueScheme .lbc {
	border-radius: 0px;
	border-width: 0px;
	color: #383838;
	background-color: transparent;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	width: 100%;
	font-size:14px;
	margin: auto;
    padding: 10px;
}

.tabs.lbcBlueScheme li a{
	color:#16559A;
} 

.tabs li span {
	font-size:14px;
}

/* Blue Scheme has blue default tabs and a white active tab with a green
   top border and a thinner carat.
*/
.tabs.blueScheme , .tabs.lbcBlueScheme  {
	border-bottom:1px solid #cfd4d8;
	height:auto;
	border-right: 1px solid  #cfd4d8;
}


.tabs.blueScheme li {
    background-color: #DFF2FD;
    border: 1px solid #cfd4d8;
    border-width: 1px 0 0px 1px;
    width: 50%;
    height: 45px;
    float: left;
}

.tabs.lbcBlueScheme li {
	background-color: #DFF2FD;
	border: 1px solid #cfd4d8;
	border-width: 1px 0 0px 1px;
	width: 50%;
	height: 62px;
	float: left;
}


.tabs.alignRight li {
	float: right;
}

@media screen and (max-width:835px) {

    .tabs.blueScheme .moreOptionTab {
        width:100%!important;
    }
	.tabs.blueScheme, .tabs.lbcBlueScheme {
		border: 1px solid #cfd4d8;
		border-top:0px;
	}
	.tabs.blueScheme li, .tabs.lbcBlueScheme li{
		border-top: 1px solid #cfd4d8;
	}
	.tabs.blueScheme li.oddTab , .tabs.lbcblueScheme li.oddTab{
		border-left: 0px;
	}
    .tabs.blueScheme li:nth-last-child(1):nth-child(odd),  .tabs.lbcBlueScheme li:nth-last-child(1):nth-child(odd) {
        width:100%!important;
    }
}


.tabs.blueScheme li.lastTab.oddTab, .tabs.lbcBlueScheme li.lastTab.oddTab{
	width:100%;
}

.tabs.blueScheme li a , .tabs.lbcblueScheme li a{
	color: #16559A;
	display:block;
}
.tabs .blueScheme li span, .tabs .lbcBlueScheme li span{
	color:#16559A;
}
.tabs.blueScheme  .activeTab ,  .tabs.lbcBlueScheme  .activeTab{
	padding-left: 5px;
	padding-right: 5px;
	background-image: none;
	background:#fff;
}
.tabs.blueScheme .selectedTab , .tabs.lbcBlueScheme .selectedTab{
	margin-top: 0px;
	border-top:3px solid #a5d96a!important;
	font-family: "PragmaticaSB";
}
.tabs.blueScheme .activeTab span,
.tabs.blueScheme .activeTab a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color:#333;
}

.tabs.lbcBlueScheme .activeTab span,
.tabs.lbcBlueScheme .activeTab a {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	color:#333;
}

.etfDailyPricesOverview .tabs.blueScheme{
	border: none;
}

/* Tabs floated to the right */
.tabs .alignRight {
	width: 100%;
}
.tabs.blueScheme .alignRight li, .tabs.lbcBlueScheme .alignRight li {
	border-left:1px solid #cfd4d8;
}


.pane {
	display:none;
	position:relative;
}
.pane.active {
	display:block;
}

.pane .mp-article {
	margin-bottom:0;
	padding:15px 0;
	border-top:0;
	border-bottom: 1px dotted #CFD4D8;
	position:relative;
}

.pane .mp-article:nth-child(2) {
	padding-top: 0px;
}

.single .pane .mp-article:nth-child(2){
	padding-top: 15px;
}

.pane,
.subpane {
	background-color: white;
	display: none;
}

.pane.activeTab {
	display: block !important;
}

.currentPane {
	display: block;
}

/* Carousels */
.carousel {
	overflow:hidden;
}
.formCarousel.carousel {
	overflow:visible!important;
}
.formCarousel .carousel-caption{
		padding:0px 25px;
}
.carousel .focal-point {
	min-height:250px;
}
.carousel-caption{
	/* cannot overflow:hidden here or the dropdowns won't work */
	padding:30px 20px 20px 20px;
	width:280px;
	height:100%;
	left:40px;
	background: none repeat scroll 0 0 rgba(97,107,114,0.8);
	position:absolute;
}

.homepage-carousel .carousel-caption{
	/* cannot overflow:hidden here or the dropdowns won't work */
	padding:30px 30px 20px 44px;
	width:33.33%!important;
	height:100%;
	left:0px;
	background: none repeat scroll 0 0 rgba(74, 124, 158, 0.8);
	position:absolute;
}

.caption-text {
    height: 242px;
}

.carousel-inner .item a:hover {
	text-decoration:none;
	cursor:hand;
}
.carousel-inner .item img, .carousel .heroImg {
	height:auto;
	min-height:250px;
	width: 100%;
}

.mi-category-banner .carousel-inner .item img
.mi-category-banner.carousel .heroImg {
	min-height:200px;
}

.carousel-caption .module {
	border-top: none;
	background: transparent;
	margin-bottom: 0;
	height: 228px;
	height:100%;
	width:330px;
	z-index: 1;
	position: absolute;
}

.split-module{
	border-bottom: 3px solid #616b72;
	margin-bottom: 20px;
    padding: 0 0 15px;
}

.etfDailyPricesOverview .split-module{
	float: none;
}

.split-module .qff-container{
	padding: 0 0 0 25px;
}

.split-module .qFF .qff-etf-form{
	margin-bottom: 0;
}

.split-module .module.qFF input {
    height: 28px;
    width: 92%;
    padding-right: 10px;
    padding-left: 10px;
}

.split-module .split-left,
.split-module .split-right{
	padding: 0!important;
}

.split-module .split-right{
	margin: 0 0 0 15px;
}

.split-module h2{
	margin-bottom: 15px;
}

.carousel-caption .moduleHeader,
.split-module .moduleHeader {
	border-top:none;
}
.carousel-caption .moduleHeader .module-header-title{
	line-height: normal;
	padding: 10px 0;
	float:none;
}
.carousel-caption  .btn{
	position:absolute;
	bottom:20px;
	left:20px;
}

.carousel-caption .btnContainer,
.formCarousel .btnContainer,
.rightRailContainer .btnContainer,
.btnContainer {
	margin-left: 10px;
}
.carousel-caption .btnContainer .halfBtn,
.formCarousel .btnContainer .btn.halfBtn,
.rightRailContainer .btnContainer input.halfBtn,
.rightRailContainer .btnContainer .halfBtn,
.btnContainer .halfBtn {
	display: block;
	float: left;
	margin-right: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	width: 49%;
}
@media screen and (min-width:480px) {
	.carousel-caption .mobileOnly{
		display:block;
	}
	.carousel-caption .desktopOnly{
		display:none;
	}
}
@media screen and (min-width:615px) {
	.carousel-caption{
		width:380px;
	}
	.carousel-caption .mobileOnly{
		display:none;
	}
	.carousel-caption .desktopOnly{
		display:block;
	}
}

.btnContainer .i-pipe {
	display: none;
}

.btnContainer .link_divider {
	display: none;
}

.loginFormWidget .btnContainer .halfBtn:first-child {
	margin-right: 2%;
}


.rightRailContainer .advisorLogin .btnContainer,
.carousel-caption .btnContainer,
.loginFormWidget .btnContainer {
	margin-left: 0;
}


.qFF .btnContainer .halfBtn {
	position: relative;
}


.qFF .btnContainer .viewall-link {
	margin-left: 2%;
}

html[lang="fr-CA"] .rightRailContainer .btnContainer .viewall-link,
html[lang="fr-CA"] .rightRailContainer .btnContainer .findFunds  {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
}

.formCarousel .btnContainer .btn {
	left:0;
	bottom:0;
	width:auto;
}
.carousel-caption .module .searchBtn {
	right:0px;
	position:absolute;
}

/*Tabbing Fix for input button*/
input[type='submit'].searchBtn {
	width:28px;
	text-indent: -9999px;
}


.carousel-caption .module .searchBtn img {
	min-height:0;
}
.carousel-caption .moduleHeader {
	margin-top:5px;
	/*margin-bottom:15px;*/
}
.carousel-caption .dropdown-menu {
	top:25px;
}

.navBtn-container .carousel-control {
	width: 44px;
	height: 100%;
	top: 20px;
	left: auto;
	font-size: 14px;
	overflow: visible;
	background: #DFF2FD;
	border: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	opacity: 1;
	filter: alpha(opacity=100);
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.carousel-control:hover{
	color:#16559a;
}

.navBtn-container .carousel-control.left{
	right:44px;
}

.navBtn-container .carousel-control.right {
	right: 0px;
	left: auto;
}

/*Accessible Carousel*/
.related-media-widget .jcarousel-skin-tango {
	overflow: hidden;
}

.related-media-widget .rmw-carousel,
.related-media-widget .jcarousel-skin-tango,
.related-media-widget .jcarousel-clip {
	height:auto;
}

.jcarousel-skin-tango .jcarousel-item {
	height: auto !important;
}


/* Generalized Module Styles
------------------------------------*/

.moduleHeader{
	background:none;
	border-top:3px solid #666;
	position:relative;
}
.relatedLinks .moduleHeader {
	overflow: hidden;
	padding:10px;
}

.moduleHeader.tall .module-header-title {
	line-height: 18pt;
	width:100%;
}

.moduleHeader.tall .module-header-title span {
	vertical-align: top;
}

.drawer_widget > .navbar .btn {
	margin: 5px 0 0 2px;
	padding: 4px 8px !important;
	height: 20px;
}

.i-progress > ol {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAAAnCAIAAADmXwMOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3gIEETE2BUFIpAAAAFZJREFUaN7t2MENACAMAzGK2H+zzFT+SJ0A3wiW8kl199LQRkCHDh06dOjQoUNHdOjQoUOHDh06X3aSUJgqv7Jl0aFDhw4dOnToiA4dOnTo0KFDh46eLjNqCLAaWUxxAAAAAElFTkSuQmCC);
	background-position: center center;
	background-repeat: repeat-x;
	height: 29px;
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	width: 100%;
}
.i-progress > ol > li {
	background: #FFF;
	border: 1px solid #CCC;
	color: #CCC;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	padding-right: 2px;
	text-align: center;
	width: 27px;
}
.i-progress > ol > li.active,
.i-progress > ol > li.completed {
	color: #FFF;
}
.i-progress > ol > li.active {
  background-color: #a6dc68;
  border: 1px solid #a6dc68;
  font-size: 20px;
  width: 30px;
}
.i-progress > ol > li.completed {
  background-color: #ccc;
}
.i-progress > ol > .stretch {
	display: inline-block;
	font-size: 0;
	line-height: 0;
	width: 100%;
}

.rgw-intro {
	margin-bottom: 30px;
}



.formLabel{
	margin-top:14px;
	margin-bottom:0;
}

.captcha {
	display:block;
	margin-top:14px;
	margin-bottom:14px;
}

.g-recaptcha {
    max-width: 310px;
    float: left;
}

.captchaError {
    display: none;
    color: #F00;
    float: left;
    margin-top: 2px;
    margin-left: 3px;
}

#registration_widget .mackenzie-pro,
#registration_widget .mp-header {
	margin-bottom: 0;
}

.i-left {
	float: left;
}

.i-right {
	float: right;
}

/* BEGIN Common Pretty Table */

table.pretty {
	border-collapse: separate;
	background-color: white;
	border: 1px solid #CFC4d8;
	width: 100%;
}


html[lang="fr-CA"] .distribution .rt-col-8 {
	max-width: 68px;
}
html[lang="fr-CA"] .distribution .rt-col-9 {
	max-width: 68px;
}
html[lang="fr-CA"] .distribution .rt-col-6 {
	max-width: 62px;
}
html[lang="fr-CA"] .distribution .rt-col-1 {
	max-width: 95px;
}

html[lang="fr-CA"] .distribution .rt-col-5 {
	max-width: 58px;
}

html[lang=fr-CA] #fundDetailCodesFees table.pretty .firstChild{
	max-width: 65px;
}

table.pretty,
table.pretty tbody,
table.pretty thead,
table.pretty th,
table.pretty td {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table.pretty td {
	border: 1px dotted #CFC4d8;
	border-bottom:none;
	border-left:none;
	border-right:none;
	white-space: nowrap;
}

table.pretty td,
table.pretty th {
	padding: 5px 10px 5px 4px;
	border-left: 1px solid #CFC4d8;
	text-align: right;
}

table.pretty th {
	background-color: #f7f7f7;
	border-bottom: 1px solid #CFC4d8;
}

table.pretty td.firstChild,
table.pretty th.firstChild {
	border-left: none;
	padding-left: 10px;
	text-align: left;
}

table.pretty td.firstChild {
	white-space: normal;
}

table.pretty .groupBySortHeader {
	text-align: left;
}

/* Header cells */

table.pretty thead th {
	vertical-align: top;
}

html[lang=fr-CA] table.pretty thead th {
	font-size: 12px;
}

html[lang=fr-CA] table.pretty thead th.rt-col-0 {
	/*width: 40%;*/
}
table.pretty .center {
	text-align: center;
}

/* Sorting */

table.pretty thead th[class*=sorting] {
	cursor: pointer;
	vertical-align: top;
	padding-right: 4px;
}

table.pretty thead th[class*=sorting]:first-child {
	padding-right: 5px;
}

table.pretty thead th[class*=sorting] a {
	color: inherit;
	display: inline-block;
	line-height: 1.2;
	padding-right: 14px;
	position: relative;
	text-decoration: none;
}
table.pretty thead th[class*=sorting] a > .mfc-sort-indicator {
	position: absolute;
	right: 0;
	top: 2px;
}
@media (max-width: 855px) {
	table.pretty thead th[class*=sorting] a > .mfc-sort-indicator {
		top: 1px;
	}
}

table.pretty tbody td.sorting_asc,
table.pretty tbody td.sorting_desc,
table.pretty thead th.sorting_asc,
table.pretty thead th.sorting_desc {
	background: #fff;
}

table.pretty thead th.sorting_asc,
table.pretty thead th.sorting_desc {
	border-top:3px solid #94d14d;
	padding-top:2px;
}

table.pretty thead th.sorting_asc a {
	font-family: "PragmaticaBold", "Helvetica Bold", sans-serif;
}

table.pretty tbody th {
	text-align: left;
	background: #91c5d4;
}

table.pretty tbody td {
	text-align: right;
}
table.pretty tbody td.notAvail{
	text-align:center;
}
table.pretty tbody tr:first-child td {
	border-top: 0 none;
}

table.pretty tbody tr td.total {
	background:#666;
}

table.pretty tbody tr {
	background-color: #f6f6f6;
}

table.pretty tbody tr.odd {
	background-color: #fcfcfc;
}

table.pretty tbody tr.even {
	background-color: #f6f6f6;
}

/* Footer cells */

table.pretty tfoot th {
	background: #b0cc7f;
	text-align: left;
}

table.pretty tfoot th:first-child {
	text-align:left;
	padding-left:20px;
}

table.pretty tfoot tr th.grey {
	background:#CFC4d8;
}

table.pretty tfoot td {
	background: #d7e1c5;
	text-align: center;
	font-weight: bold;
}


/* jquery.responsiveTable styles */

.rt-scroll-wrapper {
	position: relative;
	overflow: hidden;
	clear: both;
}

.rt-scroll-wrapper:after,
.rt-scroll-wrapper:before {
	background: #999;
	color: white;
	display: block;
	height: auto;
	font-size: 24px;
	text-align: center;
	line-height: 25px;
	height: 25px;
	top: 10px;
	width: 10px;
	opacity: .65;
	position: absolute;
	z-index: 1;
}

.rt-scroll-wrapper:after {
	content: '\203A';
	right: 0;
}

.rt-scroll-wrapper:before {
	content: '\2039';
	left: 0;
}

.rt-scroll {
	overflow-x: scroll;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

/*MACKNZ0005-8499*/
.rt-scroll-wrapper:after,
.rt-scroll-wrapper:before {
	content: '';
	display: block;
	height: auto;
	top: 0;
	bottom: 0;
	position: absolute;
	width: 3px;

	-webkit-box-shadow: 0 0 15px rgba(0,0,0,1);
	   -moz-box-shadow: 0 0 15px rgba(0,0,0,1);
			box-shadow: 0 0 15px rgba(0,0,0,1);

	z-index: 1;
}

.rt-scroll:after {
	right: -3px;
}

.rt-scroll:before {
	left: -3px;
}

.rt-scroll > .rt-enhanced {
	border-width: 1px 0;
}

.rt-menu {
	border: 1px solid #ccc;
	cursor: pointer;
	display: none;
	float: right;
	height: 28px;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
}
.rt-menu .mfc-icon-select-arrow {
	float: none;
	left: auto;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 1;
}

.rt-menu > .rt-menu-toggle {
	color: #555555;
	display:inline-block;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	padding: 0 35px 0 10px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 2;
}

.rt-menu-toggle:hover {
	text-decoration: none;
}

.rt-menu-list {
	background: white;
	border: 1px solid #ccc;
	left: auto;
	right: 0;
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 0px;
}

.rt-menu-list > li {
	display: block;
	list-style: none;
	white-space: nowrap;
}

@media screen and (max-width: 479px) {
	.rt-menu-list {
		position: relative;
		max-width: 210px;
	}
	.rt-menu .rt-menu-toggle {
		display: block;
	}
	.rt-menu-list > li {
		white-space: normal;
	}
}

.rt-menu-list label {
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}

.rt-menu-list input[type=checkbox] {
	margin: 0;
}

.rt-menu-hidden {
	left: -999em;
	right: auto;
}

.rt-enhanced th.rt-optional,
.rt-enhanced td.rt-optional,
.rt-enhanced th.rt-essential,
.rt-enhanced td.rt-essential {
	display: table-cell;
}

/* Add to watchlist in table cells */

table.pretty td.firstChild > div {
	position: relative;
	padding-right: 22px;
}



html[lang=fr-CA] #prfTab2 table.pretty .cal-year span.rt-header-text,
html[lang=fr-CA] .etf-distributions table.pretty .cal-year span.rt-header-text
{
	max-width: 35px;
	display: inline-block;
}

html[lang=fr-CA] #prfTab2 td.cal-year,
html[lang=fr-CA] #prfTab2 td.dda-col,
html[lang=fr-CA] #prfTab2 td.inception-col,
html[lang=fr-CA] .etf-distributions td.cal-year,
html[lang=fr-CA] .etf-distributions td.dda-col,
html[lang=fr-CA] .etf-distributions td.inception-col{
	font-size: 13px;
}

table.pretty .footnoteAnchor {
	font-size: 16px;
	margin: 0 5px;
	display: inline-block;
}

table.pretty .watchlist {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
}

div.table-container {
	position: relative;
}

.etfDailyPricesOverview div.table-container{
	margin-top: 10px;
}

.etfDailyPricesOverview .tabs{
    display: none;
}

.etfDailyPricesOverview .groupBySelect{
	display: none!important;
}

@media screen and (max-width: 855px), print and (max-width: 855px) {

	table.pretty tbody td,
	table.pretty thead th {
		font-size: 10px;
	}

	table.pretty thead th.sorting_asc,
	table.pretty thead th.sorting_desc {
		height: 33px;
	}

	table.pretty .watchlist a img {
		max-width: 80%;
	}

	table.pretty .watchlist .addToWatchList {
		margin-top: -8px;
	}

	div.table-container div.scrollable:after,
	div.table-container div.scrollable:before {
		content: '';
		display: block;
		height: auto;
		top: 0;
		bottom: 0;
		position: absolute;
		width: 1px;

		-webkit-box-shadow: 0 0 15px rgba(0,0,0,1);
		   -moz-box-shadow: 0 0 15px rgba(0,0,0,1);
				box-shadow: 0 0 15px rgba(0,0,0,1);
	}

	div.scrollable:before {
		right: 0;
		z-index: 1;
	}
}

@media screen and (max-width: 835px) {
	.rt-menu {
		display: block;
		position: relative;
		z-index: 101;
	}
	/*MACKNZ0005-8626
	MACKNZ0005-7100*/
	.drawer, .drawer_widget{
		left:0!important;
	}

	.group-sort .rt-menu {
		margin-right: 0;
	}
}


/* END  Common Pretty Table */

/* START Individual Tables */

/* P&P Daily Prices / Money Market */

.daily-regular + .daily-money-market {
	margin-top: 20px;
}

.daily-regular + .daily-money-market .rt-menu {
	position: relative !important;
}

@media screen and (max-width: 518px) {

	.daily-regular th.rt-optional,
	.daily-regular td.rt-optional {
		display: none;
	}

	.daily-money-market th.rt-optional,
	.daily-money-market td.rt-optional {
		display: none;
	}

}

@media screen and (max-width: 768px) {

	.daily-regular th,
	.daily-regular td {
		display: none;
	}

	.daily-money-market th,
	.daily-money-market td {
		display: none;
	}

/*	.etfDailyPricesOverview th,
	.etfDailyPricesOverview td{
		display: table-cell;
	}*/


	.group-sort {
		margin-bottom: 0px;
	}

	.etfDailyPricesOverview .asOf {
	    color: #747474;
	    font-style: normal;
	    display: inline-block;
	    position: relative;
	    float: right;
	    margin-bottom: 1px;
	    margin-top: 0px;
	    width: 100%;
	    padding: 11px 0 10px 10px;
	    text-align: right;
	}

	.dailyPrices-active  .daily-regular .rt-menu{
		top: 0px;
		clear: both
	}

	.split-module .qff-container{
		padding: 0;
	}

}

/* P&P Fund Distributions */

@media screen and (max-width: 560px) {

	.fund-distributions th.rt-optional,
	.fund-distributions td.rt-optional {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.fund-distributions th,
	.fund-distributions td {
		display: none;
	}
}

/* P&P Multiple Fund Codes & Fees */

@media screen and (max-width: 560px) {

	.multiple-funds-codes-fees th.rt-optional,
	.multiple-funds-codes-fees td.rt-optional {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.multiple-funds-codes-fees th,
	.multiple-funds-codes-fees td {
		display: none;
	}
}


/* P&P Fund Performance: Short Term */

@media screen and (max-width: 560px) {

	.fund-performance-short th.rt-optional,
	.fund-performance-short td.rt-optional {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.fund-performance-short th,
	.fund-performance-short td {
		display: none;
	}
}

/* P&P Fund Performance: Long Term */

@media screen and (max-width: 560px) {

	.fund-performance-long th.rt-optional,
	.fund-performance-long td.rt-optional {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.fund-performance-long th,
	.fund-performance-long td {
		display: none;
	}
}

/* P&P Fund Performance: Calendar Year */

@media screen and (max-width: 560px) {

	.fund-performance-calendar th.rt-optional,
	.fund-performance-calendar td.rt-optional {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.fund-performance-calendar th,
	.fund-performance-calendar td {
		display: none;
	}
}

/* Codes & Fees: Fund Codes & Management Fees / Commissions & Trailer Fees */

/* Fund Codes & Management Fees */

@media screen and (max-width: 480px) {

	.fund-codes-mgmt-fees th.rt-optional,
	.fund-codes-mgmt-fees td.rt-optional {
		display: none;
	}
	 .group-sort .groupBySelect {
		margin-left: 0px;
	}
}

@media screen and (max-width: 768px) {

	.fund-codes-mgmt-fees th,
	.fund-codes-mgmt-fees td {
		display: none;
	}
}

/* Commissions & Trailer Fees */

@media screen and (max-width: 495px) {

	.commissions-trailer-fees th.rt-optional,
	.commissions-trailer-fees td.rt-optional {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.commissions-trailer-fees th,
	.commissions-trailer-fees td {
		display: none;
	}

	.commissions-trailer-fees table.pretty thead th {
		border-top:1px solid #CFC4d8;
	}

	.commissions-trailer-fees table.pretty thead th.sorting_asc,
	.commissions-trailer-fees table.pretty thead th.sorting_desc {
		border-top:3px solid #94D14D;
	}
}

/* Historical Data: Price History / Yield History / Distribution History */

/* Price History */

.priceHistory .toggle-text {
	color:#16559a;
	margin-left:20px;
}

.toggle-text {
	display: none;
}

@media screen and (max-width: 518px) {

	.price-history th.rt-optional,
	.price-history td.rt-optional {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.price-history th,
	.price-history td {
		display: none;
	}
}

/* Yield History */

@media screen and (max-width: 518px) {

	.yield-history th.rt-optional,
	.yield-history td.rt-optional {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.yield-history th,
	.yield-history td {
		display: none;
	}
}

/* Distribution History */

@media screen and (max-width: 518px) {

	.distribution-history th.rt-optional,
	.distribution-history td.rt-optional {
		display: none;
	}
}

@media screen and (max-width: 768px) {

	.distribution-history th,
	.distribution-history td {
		display: none;
	}
}

/* Portfolio: Complete Fund Holdings */

@media screen and (max-width: 518px) {

	.fund-complete-holdings th.rt-optional,
	.fund-complete-holdings td.rt-optional {
		display: none;
	}

	.fund-complete-holdings table.responsive thead th:first-child {
		width: 165px;
	}
}

@media screen and (max-width: 768px) {

	.fund-complete-holdings th,
	.fund-complete-holdings td {
		display: none;
	}

}

/* END Individual Tables*/

/* START Pagination */

.pagination {
	margin-top: 0px;
	min-height: 40px;
	height: auto;
	text-align: center;
	border: 1px solid #CCC;
	border-top:none;
	padding: 10px;
	font-size: 1.1em;
	background-color: #fcfcfc;
}

.pagination a,
.pagination span {
	margin-right: 5px;
}

.pagination a {
	font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
}

.pagination .resultsPerPage {
	display: block;
	text-align: left;
}

@media screen and (min-width:615px), print and (min-width:615px){
	.pagination .select-wrapper.max {
		display: inline-block;
		width: 65px;
		margin: 0 10px;
		vertical-align: top;
	}

	.pagination .resultsPerPage,
	.pagination .pageXofY {
		display: inline-block;
		line-height: 28px;
		margin: 0;
	}
}


/* END Pagination*/

.homepage-module-header em {
	padding-top:5px;
	color: #747474;
	/*float: right;	*/
	font-style: normal;,
	margin-right: 2px;
	margin-bottom:5px;
	display: block;
	clear: left;
}

.i-widget2 h3 {
	border-bottom: 1px solid #d3d3d3;
	font-weight: normal;
	line-height: inherit;
	padding-bottom: 12px;
}

.i-widget2 h3 > em {
	color: #878787;
	float: right;
}

/*.i-widget2 a.badge {
	position: relative;
	top: -2px;
}*/

.popover-title {
	display: none;
}

.popover {
	border: 2px solid #5bade5;
	border-radius: 0;
	margin-top: -14px;
}

.popover-content {
	color: #7d7d7d;
}

.articleShareBar ul {
	float: right;
	list-style: none;
}

.articleShareBar ul li {
	float: left;
	margin-left: 7px;
}


.barDivider {
	display: inline;
	font-size: 15px;
	margin: 0 4px 0 4px;
}

.barDivider.small {
	font-size: 10px;
}

/* email only share link */
a.addthis_button_email.mfcemail span {
	background-image: none;
	height: auto;
	width: auto;
	display: inline-block;
}
/* addThis pop overs START */
.shareContainer {
	position:relative;
	display:inline;
}

.shareWrapper.top .share-inner .share-content p .addthis_toolbox {
	text-align: center;
}
.shareWrapper{
	position:absolute;
	left:-120px;
	bottom:16px;
	z-index:1010;
	visibility:hidden;
	width: 142px;
	padding:1px;
	background-color:#ffffff;
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
	border:2px solid #59ABDD;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
}

.shareWrapper.top{
	margin-bottom:10px;
}
.share-content{
	padding:7px 5px 7px 7px;
}
.share-content p,
.share-content ul,
.share-content ol{
	margin-bottom:0;
}
.shareWrapper .arrow {
	border-width: 10px;

}


.shareWrapper .arrow,
.shareWrapper .arrow:after{
	position:absolute;
	display:block;
	width:0;
	height:0;
	border-color:transparent;
	border-style:solid;
}


.shareWrapper .arrow:after{
	content:"";
	visibility: inherit;
	width: 0;
	overflow: hidden;
	border-width: 11px;
}

.shareContainer .arrow.visible:after{
	content:" ";
}

.share.visible a:after{
	visibility: visible;
}



.shareWrapper.top .arrow{
	bottom:-11px;
	left:50%;
	margin-left: 45px;
	border-top-color: #59ABDD;
	border-bottom-width: 0;
}


	.shareWrapper.top .arrow:after{
		bottom: 3px;
		margin-left: -11px;
		border-top-color: #ffffff;
		border-bottom-width: 0;
	}



.shareWrapper.right .arrow{
	top:50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0, 0, 0, 0.25);
	border-left-width: 0;
}
	.shareWrapper.right .arrow:after{
		bottom: -10px;
		left: 1px;
		border-right-color: #ffffff;
		border-left-width: 0;
	}
.shareWrapper.bottom .arrow{
	top:-11px;
	left:50%;
	margin-left: -11px;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, 0.25);
	border-top-width: 0;
}
	.shareWrapper.bottom .arrow:after{
		top: 1px;
		margin-left: -10px;
		border-bottom-color: #ffffff;
		border-top-width: 0;
	}
.shareWrapper.left .arrow{
	top:50%;
	right: -11px;
	margin-top: -11px;
	border-left-color: #999;
	border-left-color: rgba(0, 0, 0, 0.25);
	border-right-width: 0;
}
	.shareWrapper.left .arrow:after{
		right: 1px;
		bottom: -10px;
		border-left-color: #ffffff;
		border-right-width: 0;
	}

.shareWrapper.flip {
	left:-15px;
}
.shareWrapper.flip .arrow{
	left:13px;
	margin-left:0;
}
.shareWrapper.flip .arrow:after{

}
/* addThis pop overs END */

/*.cap-currency-row {
	height: 45px;
	margin-top: 5px;
}*/

.cap-currency-row .export-options {
	margin-top: -2px;
}
.cap-currency-row .exportTo{
	float: right;
	display: inline-block;
	width: 200px;
}

.currency-button {
	display: inline-block;
	margin-right: 10px;
	margin-top: 5px;
	min-width: 55px;
	white-space: nowrap;
    line-height: normal;
}

.compound-annual-performance em {
	color:#747474;
}

.currency-button > .styledRadio {
	display: inline-block;
	position: relative;
	top: 3px;
}

.currency-button label {
	display: inline;
}

.cyr-currency-cad-container, .cyr-currency-usd-container {
	display: none;
	float: left;
}

.cyr-currency-row {
    display: inline-block;
    float: right;
    padding: 0px;
    line-height: normal;
}

.cyr-currency-row > .currency-button {
	position: relative;
}

.cyr-chart-border {
	border: 1px solid #d4d4d4;
	background-color: #fff;
	text-align: right;
	overflow: hidden;
}

/*.cyr-chart-container {
	width: 99%;
}*/
.cyr-chart-container {
    float:left;
}
.cyr-data-row {
	border: 1px solid #d1d1d1;
	background-color: #f6f6f6;
	padding: 12px 16px 12px 16px;
	text-align: right;
}

.cyr-data-table {
	color: black;
	font-size: 14px;
	text-align: right;
	width: 100%;
}

.cyr-data-table > thead > tr:first-child {
	color: black;
	font-weight: bold;
}

.cyr-data-table > thead > tr > th {
	text-align: center;
	padding: 4px 12px 4px 12px;
}

.cyr-data-table > thead > tr:last-child > th {
	font-weight: normal;
}

.cyr-data-table > tbody > tr > td {
	padding: 4px 12px 4px 12px;
}

.cyr-data-table > tbody > tr > td:first-child {
	color: black;
	font-weight: bold;
}

.cyr-data-table > tbody > tr > td:first-child > em {
	font-weight: normal;
	font-size: 10px;
}

.cyr-data-table > tbody > tr > td:not(:first-child) {
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px dotted #d1d1d1;
}

.cyr-data-table > tbody > tr:first-child > cyr:not(:first-child) {
	border-top: 1px solid #d1d1d1;
}

.cyr-data-table > tbody > tr:last-child > td:not(:first-child) {
	border-bottom: 1px solid #d1d1d1;
}

.cyr-data-table > tbody > tr:nth-child(even) > td:not(:first-child) {
	background-color: #fcfcfc;
}

.cyr-data-label-cell {
	width: 40%;
}

.cyr-data-num-cell {
	width: 30%;
}

.cyr-data-row > em {
	color: black;
	font-style: normal;
	display: block;
	text-align: right;
	margin-top: 8px;
}

/* VALUE OF X WIDGET */

body.overlayActive {
	overflow: hidden;
	position: fixed;
}

.vox_widget .noFundsError,
.vox_widget .afterEndDate {
	display: none;
	margin-bottom: 20px;
}

.vox_widget {
	margin-top: 36px;
}

.vox_widget.beforeLoad .vox-value-row,
.vox_widget.beforeLoad .vox-top-filter-row,
.vox_widget.beforeLoad .vox-form-row,
.vox_widget.beforeLoad .voi-legend,
.vox_widget.beforeLoad .voi-chart-container {
	display: none;
}
.vox_widget.beforeLoad .voi-chart-container {
	/*height: 200px;*/
}


.vox-value-row {
	margin-bottom: 10px;
}

.vox-value-row dl {
	border-bottom: 1px dotted #8e8e8e;
	margin: 0 0 40px 0;
	padding-bottom: 20px;
	position: relative;
}


@media screen and (max-width: 420px) {
	.vox-value-row .date.low {
		top: 45px;
	}
	.vox-value-row .voi-value.tall {
		margin: 0 0 60px 0;
	}
}

.vox-value-row dt {
	float: left;
	font-family: 'PragmaticaReg', helvetica, verdana, sans-serif;
	font-size: 13px;
}
.vox-value-row dt .date {
	position: absolute;
	right: 0px;
	top: 25px;
}
.vox-value-row dd {
	float: right;
	font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
	font-size: 12px;
}
.vox-value-row dt .label,
.vox-value-row dd {
	position: relative;
	vertical-align: bottom;
}
.vox-value-row dt .label {
	padding: 0 5px 0 0;
	top: 4px;
}
.vox-value-row dd {
	padding: 0 0 0 5px;
	top: 6px;
	margin-left: 0;
}

.vox-value-row ul {
	clear: both;
	list-style-type: none;
	margin: 0;
}
.vox-value-row .btn {
	display: block;
	width: 100%;
}

.vox-customize {
	background-color: #FFF;
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;

	/*1000 is spinner, position right underneath it.*/
	z-index: 999;
}
.vox-customize.overlayActive {
	display: block;
	z-index: 2999; /* to boost it over the drawer bar */
}
.vox-customize.overlayActive .error {
display: none;
}

.vox-overlay-header {
	background-color: #16467a;
	color: #FFF;
	font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
	font-size: 18px;
	line-height: 60px;
	padding: 0 15px;
	position: relative;
	text-align: center;
}
.vox-overlay-header .btn {
	float:right;
	margin-top:15px;
}
.vox-overlay-body {
	background-color: #f6f6f6;
	bottom: 61px;
	left: 0;
	overflow-y: auto;
	padding: 2px 10px 10px 10px;
	position: absolute;
	right: 0;
	top: 60px;
}

@media screen and (max-width:740px) {
	.vox-overlay-form {
		margin-bottom: 50px;
	}
}


.vox-customize-label,
.vox-currency-fieldset legend {
	font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
	font-size: 16px;
	margin: 8px 0 0;
}
.overlayActive .vox-customize-label {
	margin: 8px 0;
}

.vox-investment-row .vox-customize-label {
	margin:8px 8px 8px 0;
}

.vox-currency-buttons,
.vox-view-menu {
	border-right: 1px solid #cfd4d8;
}
.vox-currency-buttons a,
.vox-view-menu a {
	background-color: #e5f3fb;
	border-color: #cfd4d8;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	color: #245283;
	cursor: pointer;
	display: block;
	height: 44px;
	line-height: 44px;
	margin: 0;
	text-align: center;
	text-decoration: none;
}
.vox-currency-buttons a.selected,
.vox-view-menu a.selected,
.vox-view-menu a.selected span {
	border-top-color: #94d14d;
	border-top-width: 3px;
	background-color: #FFF;
	color: #333;
	font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
	line-height: 42px;
}

.vox-currency-fieldset {
	display: none;
}
.vox-currency-buttons a {
	float: left;
	width: 50%;
}
.vox-currency-buttons a.full {
	width: 100%;
}
.vox-view-menu {
	display: table;
	list-style-type: none;
	margin: 0;
	width: 100%;
}
.vox-view-menu li {
	display: table-cell;
}
.vox-view-menu .view,
.vox-view-menu .fullText {
	display: none;
}

.vox-investment-row {
	border-bottom: 1px dotted #d4d4d4;
	overflow: visible;
	padding-bottom: 20px;
}

.vox-initial .vox-unit,
.vox-periodic .vox-unit {
	float: left;
	line-height: 30px;
	width: 15px;
}

input#vox-initial-input {
    font-size: 14px;
    padding: 3px 10px;
    width: 100%;
}
.vox-initial .vox-unit.vox-unit-after,
.vox-periodic .vox-unit.vox-unit-after {
	float: right;
	text-align: right;
}
.vox-initial .vox-input,
.vox-periodic .vox-input {
	display: block;
	overflow: hidden;
}
.module .vox-initial input[type='number'],
.module .vox-periodic input[type='number'] {
	font-size: 14px;
	padding: 3px 10px;
	width: 100%;
}

.vox-frequency select,
.vox-daterange-row select {
	width: 100%;
}

.vox-daterange-row .vox-from,
.vox-daterange-row .vox-to {
	overflow: visible;
}
.vox-daterange-row .vox-input-row.month,
.vox-daterange-row .vox-input-row.year {
	float:left;
	width: 50%;
}
.vox-daterange-row .vox-input-row.month {
	padding-right: 5px;
}
.vox-daterange-row .vox-input-row.year {
	padding-left: 5px;
}

.vox-submit-buttons {
	border-top: 1px solid #cfd4d8;
	bottom: 0;
	left: 0;
	padding: 15px;
	position: fixed;
	right: 0;
}
.vox-submit-buttons .btn {
	float: left;
	width: 48%;
}
.vox-submit-buttons .vox-reset {
	background-color: #888;
	margin-left: 4%;
}

@media screen and (min-width: 740px) {
	.vox-submit-buttons {
		padding: 10px 15px 44px 10px;
	}
	.vox-value-row dd {
		font-size: 16px;
	}
	.vox-value-row dt {
		font-size: 14px;
	}
	.vox_widget .highcharts-tooltip span {
		min-width:300px!important;
		/*overflow:auto;*/
		white-space:normal !important;
	}
}

.voi-legend {
	border-top: 1px solid #cfd4d8;
	padding: 5px 0;
}
.voi-legend-fund {
	display: inline-block;
	margin: 0 10px 0 0;
	position: relative;
}

.voi-legend-fund > dt,
.voi-legend-fund > dd {
	vertical-align: top;
}

.voi-legend-fund > dt {
	color: #888;
	display: inline-block;
	font-family: 'PragmaticaReg', helvetica, verdana, sans-serif;
	font-size: 12px;
	margin-left: 15px;
}
.voi-legend-fund > dd {
	display: inline-block;
	height: 10px;
	left: 0px;
	margin: 0;
	position: absolute;
	top: 4px;
	width: 10px;
}
.voi-chart-container {
    width: auto;
}
.vox_widget .highcharts-tooltip > text > tspan:first-child {
	font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
}

@media screen and (max-width: 667px) {
	.vox_widget .highcharts-tooltip span {
	    width:220px!important;
	    overflow:auto;
	    white-space:normal !important;
	}

	.article-nav-wrapper .category-name{
		display: none;
	}
}

@media screen and (min-width: 740px), print and (min-width: 740px) {
    .vox-periodic,
    .vox-frequency,
    .vox-from,
    .vox-to {
        float: left;
        width: 50%;
    }
}

@media screen and (min-width: 480px), print and (min-width: 480px) {
	.showAs {
		display: block;
		position: absolute;
		top: 0px;
		right:0;
	}
	.vox-value-row dl {
		border: none;
		float: left;
		margin: 0 0 15px 0;
		padding: 0;
		position: static;
		width: 50%;
	}
	.vox-value-row dt,
	.vox-value-row dd {
		margin: 0;
		float: none;
	}
	.vox-value-row dt .date {
		position: static;
		right: auto;
		top: auto;
	}
	.vox-value-row dt .label,
	.vox-value-row dd {
		background-color: transparent;
		padding: 0;
		position: static;
		top: auto;
	}


	.vox-periodic,
	.vox-from {
		padding-right: 5px;
	}
	.vox-frequency,
	.vox-to {
		padding-left: 5px;
	}

}

@media screen and (min-width: 740px), print and (min-width: 740px) {

	body.overlayActive {
		overflow: auto;
		position: static;
	}

	.vox-value-row dl {
		margin: 0 40px 5px 0;
		width: auto;
	}
	.vox-value-row dl.noRightMargin {
		margin: 0 0 5px 0;
		width: auto;
	}

	.vox-value-row ul {
		clear: none;
		float: right;
		margin-top: 3px;
	}

	.vox-customize {
		border-top: 1px solid #cfd4d8;
		display: block;
		padding: 8px 0 5px;
		position: static;
	}
	.vox-overlay-header {
		display: none;
	}
	.vox-overlay-body {
		background-color: transparent;
		bottom: auto;
		overflow: visible;
		padding: 0px;
		position: static;
		top: auto;
	}

	.vox-overlay-form {
		background-color: transparent;
		border: none;
		padding: 0px;
	}
	.vox-overlay-form .vox-form-row,
	.vox-submit-buttons{
		display: none;
	}

	.vox-currency-fieldset {
		display: block;
		float: left;
	}
	.vox-currency-fieldset legend,
	.vox-currency-label,
	.vox-currency-buttons,
	.vox-view-label {
		display: none;
	}
	.vox-currency-fieldset input,
	.vox-currency-fieldset label {
		margin: 0;
		position: relative;
	}
	.vox-currency-fieldset input {
		top: -2px;
	}
	.vox-currency-fieldset label {
		top: -1px;
	}
	.vox-view-menu {
		border: none;
		display: block;
		float: right;
		margin-right: -8px;
		width: auto;
        padding-right: 10px;
	}
	.vox-view-menu li,
	.vox-view-menu .view {
		display: block;
		float: left;
	}
	.vox-view-menu .view {
		padding-right: 8px;
	}
	.vox-view-menu .fullText {
		display: inline;
		color: rgb(36, 82, 131);
		font-size: 14px;
		height: 20px;
		font-family: PragmaticaReg, Helvetica, Verdana, Helvetica, sans-serif;
	}
	.vox-view-menu .shortText {
		display: none;
	}
	.vox-view-menu a,
	.vox-view-menu a.selected,
	.vox-view-menu a.selected span {
		background-color: transparent;
		border: none;
		height: auto;
		line-height: normal;
	}
	.vox-view-menu a,
	.vox-view-menu a.selected {
		padding: 0 8px;
	}
	.vox-view-menu a:hover {
		text-decoration: underline;
	}
	.vox-view-menu .pipe a {
		border-left: 1px solid #afafaf;
	}

	.voi-legend-fund {
		margin: 0 30px 0 0;
	}

	.vox-periodic,
	.vox-frequency {
		float: left;
	}
	.vox-periodic {
		width: 27%;
	}
	.vox-frequency {
		width: 127px;
	}

	/*Allow Customize*/
	.allowCustomize .vox-value-row {
		margin-bottom: 15px;
	}

	.allowCustomize .vox-value-row dl {
		margin: 0 40px 5px 0;
		width: auto;
	}

	/*	.allowCustomize .vox-value-row ul {
		display: none;
	}*/

	.allowCustomize .vox-overlay-form .vox-form-row,
	.allowCustomize .vox-submit-buttons{
		display: block;
	}

	.allowCustomize .vox-customize {
		background-color: #f6f6f6;
		overflow: visible;
		padding: 5px 20px 5px 20px;
		margin-bottom:38px;
		position: relative;
	}

	.vox-customize .error {
		display: block;
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.allowCustomize .vox-customize-label,
	.allowCustomize .vox-currency-fieldset legend {
		font-family: 'PragmaticaReg', helvetica, verdana, sans-serif;
		font-size: 14px;
	}

	.allowCustomize .vox-currency-fieldset {
		/*padding-left: 10px;*/
		position: absolute;
		bottom: -30px;
		left:0;
	}

	.allowCustomize .vox-currency-fieldset legend {
		border: none;
		display: block;
		line-height: normal;
		margin-top: 0px;
		margin-bottom: 10px;
	}

	.allowCustomize .vox-currency-fieldset label {
		top: 1px;
	}

	.allowCustomize .vox-view-menu {
		position: absolute;
		right: 10px;
		bottom: -30px;
	}

	.vox-view-menu abbr {
		border:none;
	}

	.allowCustomize .vox-initial,
	.allowCustomize .vox-periodic {
		float: left;
		width: 30%;
		padding-right: 10px;
	}

	.allowCustomize .vox-daterange-row {
		margin-left: -20px;
	}
	.vox-daterange-row .vox-input-row.month {
		width: 115px;
	}
	.vox-daterange-row .vox-input-row.year {
		width: 84px;
	}

	.allowCustomize .vox-from{
		margin-left:20px;
	}
	.allowCustomize .vox-from,
	.allowCustomize .vox-to {
		clear: none;
		float: left;
		padding: 20px 10px 0 0;
		width: auto;
	}
	.allowCustomize .vox-to label{
		padding-left:10px;
	}
	.allowCustomize .vox-from .vox-customize-label,
	.allowCustomize .vox-to .vox-customize-label{
		float:left;
		width:45px;
		margin:0;
		line-height: 26px;
	}
    html[lang="fr-CA"] .allowCustomize .vox-from .vox-customize-label,
    .allowCustomize .vox-to .vox-customize-label{
        width:30px;
    }
    .allowCustomize .vox-submit-buttons {
		border: none;
		bottom: auto;
		float: right;
		left: auto;
		padding: 20px 0 0 0;
		position: static;
		right: auto;
		white-space: nowrap;
	}

	.allowCustomize .vox-submit-buttons .btn {
		float: none;
		width: auto;
	}

	.allowCustomize .vox-submit-buttons .vox-reset {
		margin-right:0;
		top:41px;
		right:17px;
		display: block;
		position: absolute;
	}

	.allowCustomize .vox-submit-buttons .vox-update{
		top:112px;
		right:17px;
		position: absolute;
		display: block;
	}

	.allowCustomize .voi-legend {
		/*padding-right: 50%;*/
	}

}
.cap-export-to {
	display: inline-block;
	float: left;
}

.cap-export-to > .btn.custom {
	width: 75px;
}

.cap-export-button,
.cap-export-button:hover {
	display: inline-block;
	float: right;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}

.customSelectBox > a {
	padding: 6px 10px 0 10px;
}
.customSelectBox .custom {
	font-size:12px;
}

.cap-data-row {
	border: 1px solid #d1d1d1;
    background-color: #fff;
    padding-right: 10px;
    padding-bottom: 10px;
	text-align: right;
    min-height: 415px;
}

.cyr-chart-border {
	padding-top: 5px;
	padding-bottom: 20px;
	min-height: 415px;
    float:left;
}

.cap-data-table em {
	font-style: normal;
}

.cap-data-table {
	color: black;
	font-size: 14px;
	width: 100%;
}

.cap-data-table tr th{
	padding-right: 10px;
   /* border: 1px solid #d1d1d1;*/
}


.cap-data-table > thead > tr:first-child {
	color: black;
	font-weight: bold;
}

.cap-data-table > thead > tr > th {
	text-align: center;
    padding: 4px 7px;
}

.cap-data-table > thead > tr:last-child > th {
	white-space: nowrap;
	line-height: normal;
}

@media screen and (max-width: 480px) {
	.cap-data-table > thead > tr:last-child > th {
		white-space: normal;
	}
}



.cap-data-table > tbody > tr > td {
	padding: 4px 12px 3px 12px;
}


.cap-data-table > tbody > tr > td > em {
	font-weight: normal;
	font-size: 10px;
}

.cap-data-table > tbody > tr > td{
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
    text-align: right;
    font-family: 'PragmaticaSB', helvetica, verdana, sans-serif;
    font-weight: normal;
}
.cap-data-table > thead > tr:last-child > th:first-child {
    font-family: 'PragmaticaReg', Helvetica, Verdana, sans-serif;
}
.cap-data-table > tbody > tr:first-child > td{
	border-top: 1px solid #d1d1d1;
}

.cap-data-table > tbody > tr:last-child > td{
	border-bottom: 1px solid #d1d1d1;
}

.cap-data-table > tbody > tr > td.even {
	background-color: #fcfcfc;
}

.cap-data-label-cell {
	width: 25%;
}

.cap-data-num-cell {
	width: 30%;
}

.cap-data-row > em {
	color: black;
	font-style: normal;
	display: block;
	text-align: right;
	margin-top: 8px;
}

.cap-notes-row {
	color: #7f7f7f;
	margin-top: 12px;
}

.cap-notes-label {
	font-weight: bold;
}

#frm_widget {
	margin-top: 36px;
}

.frm-row {
	margin-top: 2px;
}

.frm-rows {
	border-bottom: 1px solid #d3d3d3;
	font-size: 14px;
	padding-bottom: 7px;
	margin-bottom: 15px;
}

.frm-explanation ul {
	margin-bottom: 0px;
}

.frm-column {
	border-bottom: 1px dotted #4c4c4c;
	position: relative;
	height: 18px;
	margin-bottom: 12px;
}

.frm-column > span {
	background-color: white;
	bottom: -5px;
	position: absolute;
}

.frm-column > .riskLabel {
	left: 0;
	padding-right: 5px;
}

.frm-column > .riskValue {
	right: 0;
	font-size: 18px;
	padding-left: 3px;
}

.viewAllHoldings {
	margin-bottom:20px;
}

@media screen and (min-width:835px), print and (min-width: 835px){
	.frm-column {
		width: 26.8%;
		display:inline-block;
		margin-left:2.8125%;
	}

	.frm-column.first {
		width: 40%;
		margin-left:0;
	}
}




input[type=number] {
	-moz-appearance: textfield;
}


/* Related Links
-------------------------------------------------- */
.relatedLinks {
	background: #f6f6f6;
}

.relatedLinks > h2 {
	border-top: 3px solid #616b72;
	padding: 10px 0 10px 6px;
}

.relatedLinks-list {
	margin-left:0px;
	margin-bottom:0px;
	border-top: solid 1px #cfd4d8;
	border-bottom: solid 1px #cfd4d8;
	padding-top: 0px !important;
}

.relatedLinks-list li {
	list-style:none;
	border-bottom: 1px dotted #CCC;
	padding: 7px 0 7px 0;
	background:#fff;
}

.relatedLinks-list li {
	*zoom:1;
}

.relatedLinks-list li.odd {
	background: #fcfcfc;
}

.relatedLinks-list li.even {
	background: #f6f6f6;
}

.relatedLinks-list li:before, .relatedLinks-list li:after, {
	display:table;
	content:"";
	line-height:0;
}

.relatedLinks-list li:after {
	clear:both;
}

.relatedLinks-list li:last-child {
	border-bottom:none;
}

.relatedLinks-list li.last {
	border-bottom:none;
}

.relatedLinks-list li .relatedLink {
	font-size:13px;
	margin-left: 9px;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	padding-right: 12px;
	word-wrap: break-word;
}

.relatedLinks-list li .relatedLink img {
	vertical-align: baseline;
	display: inline-block;
}


.relatedLinks-list li .readmore{
	width:5%;
	height:20px;
	display:inline-block;
}
/* Related Links ends
-------------------------------------------------- */

/* Tools and Calculators
-------------------------------------------------- */

#toolsCalc-form {
	border-bottom: solid 1px #cfd4d8;
}

/* Tools and Calculators ends
-------------------------------------------------- */

/* batch 3 - drawer - my cart - step 1 */

.drw-tabs.drw-mycart-visible {
	/*height: 362px;*/
}

/*To be removed once new design is confirmed - Joseph Jung 7/12/2013 */

.risk_tolerance ul {
	border-color: #01447B;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	background-color: #fff;
	height: 20px;
	list-style: none;
	margin: 3px 0 35px 0;
	padding: 0;
}
.risk_tolerance ul li {
	border-right: 1px solid #01447B;
	float: left;
	height: 18px;
	width: 20%;
}
.risk_tolerance ul li dfn {
	bottom: -21px;
	display: inline;
	font-size: 12px;
	font-style: normal;
	position: relative;
}


.risk_tolerance .three {
	/*border-color: #01447B;
	border-style: solid;
	border-width: 1px 0px 1px 1px;*/
	/*background-color: #fff;*/
	height: 20px;
	list-style: none;
	margin: -5px 0 30px 0;
	padding: 0;
}

.risk_tolerance_level {
	background-color: #01447B;
}

.risk_tolerance .riskItem {
	background-color: #fff;
	border-color: #01447B;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	float: left;
	height: 18px;
	width: 20%;
	position: relative;
}

.risk_tolerance .riskItem img {
	position: absolute;
	width: 100%;
    height: 17px; !important;
    min-height: 17px; !important;
	visibility: hidden;
}

.risk_tolerance .riskItem img.selected {
	visibility: visible;
}

.risk_tolerance .riskItem .invisible-item {
	color: transparent;
}
.risk_tolerance .riskItem .last {
	border-right: 1px solid #01447B;
}
.risk_tolerance .riskItem dfn {
	margin-top:8px;
	bottom: -15px;
	display: block;
	font-size: 10px;
    font-family: 'PragmaticaReg',Helvetica,Verdana,sans-serif;
	font-style: normal;
	position: relative;
}

.risk_tolerance .riskItem dfn.readerOnly {
	position:absolute;
	overflow:hidden;
	clip:rect(0,0,0,0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}
.risk_tolerance .riskItem.last dfn{
	float: right;
}
.risk_tolerance .riskItem.last {
    border-right: 1px solid #01447b;
}
.risk_tolerance .riskItem.mid dfn {
	text-align:center;
}

/* START Datepicker */

.datepicker {
	display: none;
	position: relative;
}

.datepicker > a {
	margin-top:2px;
	border:0;
	display:block;
}

.no-touch .datepicker {
	display: inline;
}

.touch.input-date .datepicker {
	display: inline-block;
}

.native-trigger {
	display: none;
}

.touch .native-trigger {
	display: inline-block;
}

.touch .ui-datepicker-trigger {
	display: none;
}

.no-touch .datepicker input {
	display: none;
	position: static;
}

.touch .datepicker input[type="date"] {
	display: block;
	color: transparent;
	height: 19px;
	width: 19px;
	position: absolute;
	background: none;
	border:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.touch .datepicker span {
	display: block;
	height: 0;
	opacity: 0;
	overflow: hidden;
	width: 0;
}

.ui-datepicker .ui-datepicker-header {
	background: #16467a;
	border-color: #16467a;
	border-width: 0;

	-webkit-border-radius: 0;
	 -khtml-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;

	color: white;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	height: 14px;
	width: 14px;
	top: 50%;
	margin-top: -7px;
}

.ui-datepicker .ui-datepicker-next {
	right: 10px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 10px;
}

.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-prev .ui-icon {
	background: none;
	height: 14px;
	overflow: hidden;
	text-indent: 0;
	width: 14px;
}
.ui-datepicker .ui-datepicker-next .ui-icon:before,
.ui-datepicker .ui-datepicker-prev .ui-icon:before {
	content: url('/mi/assets/images/interface/icon-sprite.png');
	display: inline-block;
}
.ui-datepicker .ui-datepicker-next .ui-icon:before {
	margin-left: -203px;
	margin-top: -95px;
}
.ui-datepicker .ui-datepicker-prev .ui-icon:before {
	margin-left: -183px;
	margin-top: -95px;
}

.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
	background: transparent;
	border: 0 none;
}

.ui-datepicker .ui-datepicker-calendar {
	border: 1px solid #16467a;
}

/* END Datepicker */


/* temp rules, quick hack */
.fundHistoryFinder {
	border-bottom: 1px solid #cfd4d8;
	background-color: #efefef;
	padding: 10px;
}
	.fundHistoryFinder select {
		float: left;
		width: 100%;
	}
	/* this overrides our grid on purpose, please remove */
	.fundHistoryFinder.row [class*="span"] {
		float: left;
	}


/****************************************
	Multiple Fund and Fund History Finder
*****************************************/

.fundHistoryFinder .dropdown-group > * {
	width:150px;
	margin-left:0;
	margin-right: 100px;
	margin-bottom:10px;
	float: left;
}

.fundHistoryFinder .dropdown-group .customSelectLabelContainer {
	white-space: nowrap;
	text-overflow: ellipsis;
}

.fundHistoryFinder form>div label {
	margin-bottom: 0px;
	margin-top: 5px;
	margin-right:5px;
	width: 45px;
	float:none;
	display: block;
}

.fundHistoryFinder form>div .datepicker {
	margin-top:0px;
	float:left;
	width:auto;
}

.fundHistoryFinder form>div label.to {
	width: 25px;
}

 .fundHistoryFinder .from .control-label.from,
 .fundHistoryFinder .to .control-label.to {
	width:60px;
}

.fundHistoryFinder {
	padding: 15px;
	margin-bottom: 15px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.fundHistoryFinder form>div  div.fromYear,
.fundHistoryFinder form>div  div.toYear {
	margin-right:0;
}

.fundHistoryFinder form {
	margin-bottom:0;
}

.fund-detail .fundHistoryFinder .dropdown-group > .fromMonth,
.fund-detail .fundHistoryFinder .dropdown-group > .toMonth{
	width:150px;
}

.fundHistoryFinder .dropdown-group {
	margin-left:45px;
	position: relative;
}

.priceHistoryTabs .panes {
	margin:0;
	border:solid 1px #ccc;
	border-top:0;
	overflow: visible;
}

@media screen and (max-width:960px), print and (max-width:960px) {
	.item-toggle {
		position: relative;
		margin-bottom: 20px;
	}

	 .fundHistoryFinder div.from,
	 .fundHistoryFinder div.to {
		width: 100%;
	}

	 .fundHistoryFinder .from .control-label.from,
	 .fundHistoryFinder .to .control-label.to {
		margin-left:45px;
		margin-bottom:5px;
	}

	.fundHistoryFinder label {
		width: 45px;
	}

	.fundHistoryFinder button[type=submit] {
		float: none;
		width: 100%;
		position: relative;
		margin:10px auto 0 auto;
		right: 0px;
	}

}


.typeahead.dropdown-menu,
.typeahead.dropdown-menu li
 {
	z-index: 1010;
}

.typeahead > li {
	cursor: pointer;
}

/****************************************
Multiple Fund and Fund History Finder End
*****************************************/

/**
 * TOP NAV
 */

#topNavSections {
	border-top: 3px solid #616b72;
	border-bottom: 1px solid #cfd4d8;
	height: 54px;
	line-height: 50px;
	position: relative;
	white-space: nowrap;
}
#topNavSections .sections {
	color: #333;
	display: block;
	font-family: 'PragmaticaBold', Helvetica, Verdana, sans-serif;
	font-size: 18px;
	position: relative;
	z-index: 9;
}
#topNavSections .sections:hover {
	text-decoration: none;
}
#topNavSections .search {
	background-color: #dff2fd;
	border-left: 1px solid #cfd4d8;
	border-right: 1px solid #cfd4d8;
	display: block;
	float: right;
	height: 50px;
	overflow: hidden;
	position: relative;
	width: 52px;
	z-index: 10;
}
#topNavSections .search:before {
	content: url('/mi/assets/images/interface/icon-sprite.png');
  display: inline-block;
  margin-left: -5px;
  margin-top: -36px;
}
#topNavSections .search.active {
	background-color: #cfd4d8;
}
#topNavSections .arrow {
	display: inline-block;
	height: 16px;
	margin-left: 5px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 16px;
}
#topNavSections .name {
	display: inline-block;
	position: relative;
}
#topNavSections.active .name:after {
	border-color: transparent transparent #FFF transparent;
	border-style: solid;
	border-width: 7px;
	bottom: -3px;
	content: '';
	display: block;
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 0;
	z-index: 21;
}
#topNavSections.active .name:before {
	border-color: transparent transparent #cfd4d8 transparent;
	border-style: solid;
	border-width: 11px;
	bottom: -3px;
	content: '';
	display: block;
	height: 0;
	left: 50%;
	margin-left: -11px;
	position: absolute;
	width: 0;
	z-index: 20;
}

#topNavSearchMobile {
	border: 3px solid #cfd4d8;
	display: none;
	margin-bottom: 0;
	position: relative;
	top: -1px;
	padding:10px;
}
#topNavSearchMobile.showOnMobile {
	display: block;
}
#topNavSearchMobile input {
	color: #888;
	font-size: 16px;
	padding: 0;
	width: 100%;
	box-shadow: none;
	border:none;
}

#topNavSearchMobile input[type='checkbox'],
#topNavSearchMobile button,
#topNavSearchMobile label {
	display: none;
}

#topNavSearchMobile input {
	padding-right:0;
}

#topNav {
	border: 3px solid #cfd4d8;
	display: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: -1px;
}
#topNav.showOnMobile {
	display: block;
}
#topNav .menuItem {
	border-bottom: 1px solid #cfd4d8;
	color: #16559a;
	display: block;
	font-size: 16px;
	line-height: 41px;
	padding: 0 33px;
	position: relative;
}
#topNav .menuItem .i-secured {
	left: 14px;
	position: absolute;
	top: 12px;
}
#topNav > li,
#topNav .menuItem .name,
#topNav .menuItem .overflow-ellipsis {
	display: block;
}
#topNav .menuPane {
	display: none;
}

#topNav li.mobileOnly.mobileNav { display: block; }

@media screen and (min-width: 835px), print and (min-width: 835px) {

	#topNav li.mobileOnly.mobileNav { display: none; }

	#topNavSections,
	#topNavSearchMobile,
	#topNavSearchMobile.showOnMobile {
		display: none;
	}
	#topNav {
	  height: 55px;

	  text-align: justify;
	  -ms-text-justify: distribute-all-lines;
	  text-justify: distribute-all-lines;

	  display: block;
	  overflow: visible;
	  position: relative;
	  border: none;
		border-top: 3px solid #616b72;

		z-index: 1009;
	}

	#topNav > li {
	    height: 15px;
	    vertical-align: top;
	    display: inline-block;
	    *display: inline;
	    zoom: 1
	}

	#topNav .stretch {
	    width: 100%;
	    display: inline-block;
	    font-size: 0;
	    line-height: 0
	}

	#topNav .menuItem,
	#topNav .menuItem .name {
		height: 49px;
	}
	#topNav .menuItem {
		border: none;
		color: #333;
		font-size: 14px;
		line-height: normal;
		padding: 0 10px;
		position: relative;
		text-decoration: none;
		top: -3px;
	}
	#topNav .menuItem .name {
		border-top: 3px solid #616b72;
		display: inline-block;
		font-size: 12px;
		line-height: 48px;
		max-width: 100%;
		overflow: visible;
		padding: 0px 0 10px 0;
		position: relative;
		z-index: 1514;
	}
	#topNav .menuItem.active .name,
	#topNav .menuItem.active.hover .name {
		border-top: 3px solid #a6dc68;
		-webkit-box-shadow: 2px 0px 0px #FFF, -2px 0px 0px #FFF;
		-moz-box-shadow: 2px 0px 0px #FFF, -2px 0px 0px #FFF;
		box-shadow: 2px 0px 0px #FFF, -2px 0px 0px #FFF;
		font-family: 'PragmaticaBold',Helvetica, Verdana, sans-serif;
	}
	#topNav .menuItem .i-secured,
	#topNav .menuPane .i-secured {
		margin-right: 7px;
		left: auto;
		position: relative;
		top: 2px;
	}
	#topNav .menuPane .i-secured {
		top: 3px;
	}
	#topNav .menuItem.hover .name,
	#topNav .menuItem:hover .name.noMegaMenu {
		border-top: 3px solid #cfd4d8;
		-webkit-box-shadow: 2px 0px 0px #FFF, -2px 0px 0px #FFF;
		-moz-box-shadow: 2px 0px 0px #FFF, -2px 0px 0px #FFF;
		box-shadow: 2px 0px 0px #FFF, -2px 0px 0px #FFF;
	}
	/* borders for mouseover fx */
	#topNav .menuItem.hover .name:after,
	#topNav .menuItem.hover .name:before { display: none; }

	#topNav .menuItem.hover .name.hasMegaMenu:after {
		border-color: transparent transparent #FFF transparent;
		border-style: solid;
		border-width: 7px;
		bottom: -8px;
		content: '';
		display: block;
		height: 0;
		left: 50%;
		margin-left: -7px;
		position: absolute;
		width: 0;
		z-index: 1521;
	}
	/* borders for mouseover fx */
	#topNav .menuItem.hover .name.hasMegaMenu:before {
		border-color: transparent transparent #cfd4d8 transparent;
		border-style: solid;
		border-width: 11px;
		bottom: -8px;
		content: '';
		display: block;
		height: 0;
		left: 50%;
		margin-left: -11px;
		position: absolute;
		width: 0;
		z-index: 1520;
	}
	#topNav > .first .menuItem {
		padding-left: 0;
	}
	#topNav > .last .menuItem {
		padding-right: 0;
	}

	#topNav .menuPane {
		background-color: #FFF;
		border: 3px solid #cfd4d8;
		display: none;
		height: 350px;
		left: 0px;
		overflow: hidden;
		padding: 20px 0;
		padding-top: 15px;
		position: absolute;
		text-align: left;
		top: 51px;
		width: 100%;
		z-index: 1500;
	}
	#topNav .menuPane a:hover {
		text-decoration: underline;
	}
	#topNav .menuPane > .column {
		border-right: 1px solid #cfd4d8;
		float: left;
		height: 310px;
		padding: 0 20px;
		width: 33.333333%;
	}
	#topNav .menuPane > .column.last {
		border-right: none;
	}
	#topNav .menuPane .levelTwo,
	#topNav .menuPane .levelThree {
		display: block;
	}
	#topNav .menuPane span.levelTwo,
	#topNav .menuPane .type {
		font-family: 'PragmaticaBold', sans-serif;
	}
	#topNav .menuPane .levelTwo {
		padding: 0 0 10px;
	}
	#topNav .menuPane .levelTwo.firstChildTree {
		margin-top: 14px;
	}
	#topNav .menuPane .type,
	#topNav .menuPane .btn {
		margin: 0 0 10px;
	}
	#topNav .menuPane .levelTwoItems,
	#topNav .menuPane .levelThreeItems {
		list-style-type: none;
		margin: -5px 0 14px 0;
		padding: 0;
	}
	#topNav .menuPane .levelTwoItems {
		margin-top: 0;
	}
	#topNav .menuPane a.levelTwo,
	#topNav .menuPane .levelThree {
		border-bottom: 1px dotted #cfd4d8;
		padding: 5px 0;
	}
	#topNav .menuPane .condensed .levelThree {
		float: left;
		width: 50%;
	}
	#topNav .menuPane h2 {
		color: #16559a;
		font-family: 'PragmaticaBold', sans-serif;
		font-size: 18px;
		margin: 0 0 5px;
	}
	#topNav .menuPane p {
		margin: 0;
	}
	#topNav .menuPane .date {
		margin:10px 0;
	}
	#topNav .menuPane .fundDetails {
		border-bottom: 1px solid #cfd4d8;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	#topNav .menuPane .description {
		margin-top: 20px;
	}
	#topNav .menuPane .textBullets {
		list-style-type: disc;
		margin-left: 17px;
		margin-bottom: 10px;

	}

	#topNav .menuPane .column .moduleBreak {
	    display: inline-block;
	    width: 100%;
	}

	.levelThreeItems.condensed li {
	    display: inline;
	}

}

@media screen and (min-width: 870px), print and (min-width: 870px) {

	#topNav .menuItem .name {
		font-size: 14px;
	}

}

@media screen and (min-width: 960px), print and (min-width: 960px) {

	#topNav .menuItem .name {
		font-size: 16px;
	}

}

/**
 * LEFT NAV
 */

.content {
	margin-top: 30px;
}
h1.headerTitle {
	padding: 13px 0;
	border-top: 3px solid #616b72;
	border-bottom: 1px solid #cfd4d8;
	font-size: 18px;
	line-height: normal;
	margin-top: 20px;
	font-family: 'PragmaticaBold', 'PragmaticaSB', 'PragmaticaReg', Helvetica, Verdana, sans-serif;
}
.headerTitle.isLeftNav {
	cursor: pointer;
	position: relative;
	padding: 15px 0;

	/* white-space: nowrap; */
}

.isLeftNav .flyoutArrow {
	bottom: 0;
	left: 0;
	overflow: visible;
	position: absolute;
	z-index: 30;
}

.isLeftNav.active .name:after {
	border-color: transparent transparent #FFF transparent;
	border-style: solid;
	border-width: 9px;
	bottom: -18px;
	content: '';
	display: block;
	height: 0;
	left: 50%;
	margin-left: -9px;
	position: absolute;
	width: 0;
	z-index: 21;
}
.isLeftNav.active .name:before {
	border-color: transparent transparent #cfd4d8 transparent;
	border-style: solid;
	border-width: 11px;
	bottom: -15px;
	content: '';
	display: block;
	height: 0;
	left: 50%;
	margin-left: -11px;
	position: absolute;
	width: 0;
	z-index: 20;
}
.isLeftNav.active .name.activeCarat:before{
	border-color:transparent transparent #a6dc68 transparent;
}
.headerTitle .arrow {
	display: none;
	height: 16px;
	margin-left: 5px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 16px;
}
.headerTitle.isLeftNav .arrow {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom:0;
	margin:auto;
}
.headerTitle.isLeftNav .name {
	display: inline-block;
	position: relative;
	z-index: 9;
	max-width:90%;
	text-rendering: auto;
	/*line-height: 50px;*/
}

@media screen and (min-width: 300px){
	.headerTitle.isLeftNav .name {
		margin-right:10px;
	}
}

/* _headerTitle_dropdown specific css
-------------------------------------------------- */
.headerTitle.floatLeft {
	float: left;
	width: 100%;
}

.p-header-component.header-dropdown {
	display: none;
}

.content.noMarginTop {
	margin-top: 0px;
}

/* end of _headerTitle_dropdown.gsp specific css
-------------------------------------------------- */



#leftNav,
#leftNav .subMenu,
#leftNav .subSubMenu {
	display: none;
}
#leftNav {
	border: 3px solid #cfd4d8;
	position: relative;
	top: -1px;
}
#leftNav.showOnMobile {
	display: block;
}
#leftNav,
#leftNav .subMenu {
	background-color: #FFF;
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	-webkit-transform: translateZ(0);
}
#leftNav .subSubMenu {
	border-top: 1px dotted #cfd4d8;
	margin-bottom: 6px;
	padding-top: 6px;
}
#leftNav .expanded > .subMenu {
	display: block;
}

#leftNav .arrow {
	display: inline-block;
	height: 12px;
	overflow: hidden;
	width: 12px;
}
#leftNav .arrow:before {
	content: url('/mi/assets/images/interface/icon-sprite.png');
  display: inline-block;
  margin-left: -112px;
  margin-top: -102px;
}
#leftNav .primary,
#leftNav .secondary {
	background-color: #FFF;
	color: #16559A;
	cursor: pointer;
	display: block;
	font-size: 13px;
}
#leftNav .thirdly {
	display: block;
	cursor: pointer;
}
#leftNav .collapsed > a:hover,
#leftNav .expanded > a:hover {
	text-decoration: none;
}

#leftNav .primary,
#leftNav .secondary {
	border-top: 1px solid #CFD4D8;
	font-family: "PragmaticaBold", sans-serif;
	padding: 11px 20px 11px 33px;
	position: relative;
}
#leftNav .primary.first {
	border-top-width: 3px;
	margin-top: -3px;
}
#leftNav .primary .arrow,
#leftNav .secondary .arrow {
	margin-top: -6px;
	position: absolute;
	right: 12px;
	top: 50%;
}
#leftNav .primary.active {
	color: #333;
}


#leftNav .thirdly .arrow {
    position: absolute;
    right: 12px;
}

#leftNav ul.subMenu.subSubMenu li .arrow {
	display: none;
}
#leftNav a.thirdly:hover {
	text-decoration: underline;
}

#leftNav .primary.active .arrow:before,
#leftNav .secondary.active .arrow:before {
	content: url('/mi/assets/images/interface/icon-sprite.png#a');
	margin-left: -128px;
	margin-top: -104px;
}
#leftNav .expanded .primary {
	border-top: 3px solid #a6dc68;
	padding-top: 9px;
}
#leftNav .expanded .primary.first {
	padding-top: 11px;
}
#leftNav .expanded .primary .arrow:before,
#leftNav .expanded .primary:hover .arrow:before,
#leftNav .subMenu .expanded .secondary .arrow:before,
#leftNav .subMenu .expanded .secondary:hover .arrow:before {
	content: url('/mi/assets/images/interface/icon-sprite.png#e');
	margin-left: -100px;
	margin-top: -102px;
}
#leftNav .subMenu .expanded .secondary,
#leftNav .subMenu .expanded .secondary:hover{
	font-family: "PragmaticaSB", sans-serif;
}

#leftNav .expanded .primary.first .arrow,
#leftNav .expanded .primary.first:hover .arrow {
	margin-top: -6px;
}
#leftNav .expanded .primary.active .arrow:before,
#leftNav .subMenu .expanded .secondary.active .arrow:before {
	content: url('/mi/assets/images/interface/icon-sprite.png#ae');
	margin-left: -128px;
	margin-top: -92px;
}

#leftNav .secondary {
	border-top: 1px dotted #cfd4d8;
}
#leftNav .secondary,
#leftNav .thirdly {
	font-family: "PragmaticaReg", sans-serif;
	padding: 6px 22px 6px 33px;
}
#leftNav .thirdly {
	padding:5px 0 5px 33px;
	font-size: 12px;
}
#leftNav .secondary.active,
#leftNav .thirdly.active {
	color: #333;
}

#leftNav .secondary.active:hover {
	text-decoration: none;
}

#leftNav .thirdly.active {
	font-family: "PragmaticaSB", sans-serif;
	display: inline-block;
	padding-right:10px;
	cursor:default;
}
#leftNav .thirdly.active .arrow {
	position: relative;
	top: -1px;
	vertical-align: middle;
}
#leftNav .thirdly.active .arrow:before {
	content: url('/mi/assets/images/interface/icon-sprite.png#ta');
	margin-left: -140px;
	margin-top: -112px;
}

#leftNav .collapsed .primary .arrow,
#leftNav .collapsing .primary .arrow,
#leftNav .collapsed .secondary .arrow,
#leftNav .collapsing .secondary .arrow {
	-moz-transition: -moz-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	transition: transform 0.1s linear;
}
#leftNav .collapsed .primary:hover .arrow,
#leftNav .collapsed .secondary:hover .arrow {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#leftNav .collapsed.secured .primary .arrow,
#leftNav .collapsed.secured .primary:hover .arrow,
#leftNav .collapsed.secured .secondary .arrow,
#leftNav .collapsed.secured .secondary:hover .arrow {
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
#leftNav .collapsing .primary .arrow,
#leftNav .collapsing .secondary .arrow {
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#leftNav .expanding .primary .arrow,
#leftNav .expanding .secondary .arrow {
	-moz-transition: none;
	-o-transition: none;
	-webkit-transition: none;
	transition: none;
}

#leftNav .secured .i-secured {
	float: left;
	position: relative;
	top: 1px;
}
#leftNav .secured .secureText {
	display: block;
	padding-left: 16px;
}

.mp-header-spacer1 {
	width: 100%;
	height: 54px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
}

.mp-header-component.pressReleaseDropDown .btnContainer {
	float:right;
}


@media screen and (min-width: 835px) {

	.mp-header-spacer1 {
		height: 0px;
	}
	.mp-header-component.pressReleaseDropDown {
		margin-top: -88px;
	}

	.hasLeftNav .content {
		margin-top: 0px;
	}
	h1.headerTitle {
		margin-top: -5px;
		margin-bottom:8px;
		padding:0;
		border: none;
		height: auto;
		line-height: normal;
		font-size:30px;
	}
	.headerTitle.isLeftNav {
		padding:0;
		cursor: auto;
		float: left;
		/*width: 50%;*/
	}
	.isLeftNav.active .name:after,
	.isLeftNav.active .name:before {
		border: none;
	}
	.headerTitle .arrow,
	.headerTitle.isLeftNav .arrow {
		display: none;
	}
	.headerTitle.isLeftNav .name {
		z-index: auto;
		max-width:100%;
	}

	#leftNav {
		display: block;
		position: static;
		top: 0px;
	}

	#leftNav {
		border: none;
		border-bottom: 1px solid #CFD4D8;
	}
	#leftNav .primary {
		padding: 11px 20px 11px 1px;
	}
	#leftNav .primary.first {
		border-top-width: 1px;
		margin-top: 0;
	}
	#leftNav .primary .arrow,
	#leftNav .secondary .arrow {
		right: 2px;
	}

	#leftNav .expanded .primary.first,
	#leftNav .expanded .secondary.first {
		border-top-width: 3px;
		padding-top: 9px;
	}
	#leftNav .expanded .primary.first .arrow,
	#leftNav .expanded .primary.first:hover .arrow,
	#leftNav .expanded .secondary.first .arrow,
	#leftNav .expanded .secondary.first:hover .arrow {
		margin-top: -7px;
	}
	#leftNav .secondary{
		padding: 6px 15px 6px 1px;
	}
	#leftNav .thirdly{
		padding:5px 15px 5px 1px;
	}
}

/*Media Centre Batch3 Fixes Issue 1837*/
.mackenzie-pro {
	font-family: 'PragmaticaReg', helvetica, verdana, sans-serif;

}

/*
	Custom Accessibility Player Fixes
*/
.mackenzie-pro .mp-header {
	position: relative;
	z-index: 30;
}

.mackenzie-pro .mp-video.accessible {
	/*margin-top:-62px;*/
	z-index: 10;
	position: relative;
}

/*mobile Video HTML5 Fix*/
.mackenzie-pro .mp-video.accessible iframe,
.relatedMediaCarousel .rmw-slide iframe {
	width:100% !important;
}

.mp-video.accessible .controls {
/*	margin:10px 0 15px 0;*/
}
.mp-video ul {
	list-style-type:none;
}
.mackenzie-pro .article_div .mp-article {
	padding-top:5px;
}

.mackenzie-pro .mp-header h2 {
	line-height: normal;
	font-family: "PragmaticaSB","PragmaticaReg", Helvetica, Verdana, sans-serif;
	font-size: 18px;
	padding: 10px 0;
}

.mackenzie-pro .article_div a {
	font-family: 'PragmaticaReg', helvetica, verdana, sans-serif;
}

/*.mackenzie-pro .article_div:last-child,
.mackenzie-pro .article_div.last {
	border-bottom: none;
}*/


/*.in-the-media .panes {
	margin-top:15px;
}

.in-the-media .pane .mp-article {
	border-bottom: none;
}*/

.viewall.media-ctr {
	color:#16467a;
	font-size: 13px;
}

/* Mackenzie Professional
/* ---------------------- */

.mackenzie-pro {
	width: 100%;
	margin-bottom: 20px;
	overflow:auto;
}

.mp-header {
	width: 100%;
	border-top: 3px solid #666;
	border-bottom: 1px solid #CCC;
	position: relative;
	margin-bottom: 15px;
}

/* Jira 8256 --> Fix space between header and paragraph tag (on login page) for Advisor Resources Login, AdvisorAccess Login and InvestorAccess Login*/
div#login_triage .mp-header {
	margin-bottom: 0;
}

.mp-header.no-top-header {
	/*mp header specifically for management team section*/
	border-top: none;
}

.mp-header-component {
	font: 13px/55px "PragmaticaReg", Helvetica, Verdana, sans-serif;
}
.content .mackenzie-pro .mp-article h3,
.content .mackenzie-pro .mp-article-link h3 {
	font:18px/normal 'PragmaticaReg', helvetica, verdana, sans-serif;
	margin-bottom:5px;
}

@media screen and (max-width: 480px) {
	.article_div .mp-article-link {
		overflow: hidden;
		display:block;
	}
}


.content .content .mp-header{
	/* mp header in the center of 3 column layouts */
	line-height:44px;
}
.content .content .mp-header h2 {
	font-size:18px;
	line-height:normal;
	padding:10px 0;
}

.content .content .mp-article h2.subdued {
	margin-bottom: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	color: #333;
}

.mp-articles{
	margin-bottom: 45px;

}

.in-the-media-links .mp-articles{
	margin-bottom:15px;
	border-bottom: 1px dotted #cfd4d8;
}

/* MACKNZ0005-8357 Modifications to In the Media module */
.mackenzie-pro.in-the-media-links h4 {
	color: #333;
}
@media all and (min-width: 615px) {
    .mackenzie-pro.in-the-media-links a.mp-article-link img {
		float: left;
	}
}


/* Jira 7864 --> Force 2 columns to 1 Fix spacing */
@media all and (max-width: 480px) {
    .investorEducationLinks .mp-articles{
		margin-bottom:15px;
	}
}
.mp-article {
	width:100%;
	padding-top:15px;
	margin-bottom: 15px;
	border-top: 1px dotted #cfd4d8;
}

.mp-article .article-thumb{
	margin-bottom:10px;
}

.mackenzie-pro .mp-articles .viewall {
	/*margin-top:-10px;*/
}

.mp-article:first-child,
.mackenzie-pro > .mp-article {
	border-top:none;
	padding-top:0;
}

.content .mackenzie-pro .mp-article.mp-border-top {
	border-top: none;
	/*padding-top: 10px;*/
}

.mackenzie-pro > .mp-spaced {
	margin-bottom: 40px;
}

.mp-header-component{
	float:right;
}
.mp-header-component span {
	float:left;
}
.mp-header-component .select-wrapper{
	margin-top:13px;
}
.mp-header-component .select-wrapper.customSelectBox {
	margin-left: 5px;
	right:auto;
	width:80px;
	float:right;
	position:relative;
}
.mackenzie-pro.pressReleases{
	overflow:visible;
}

.pressReleaseDropDown .select-wrapper.customSelectBox {
	float:left;
	margin-right:10px;
	top:3px;
}

.pressReleaseDropDown .btnContainer {
	position: relative;
	top:0px;
	margin-left: 0px;
}

@media screen and (max-width: 420px) {
	html[lang="fr-CA"] .pressReleaseDropDown .fundFindBtn {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 	15px;
	}

	html[lang="fr-CA"] .pressReleaseDropDown .select-wrapper.customSelectBox {
		top:2px;
	}

	html[lang="fr-CA"] .pressReleaseDropDown > span {
		font-size: 12px;
	}
}

.mp-header-component .customSelectBox .dropdown-menu {
	min-width:0;
}
.mp-article h2 {
	font-size:18px;
	line-height:22px;
	font-family: "PragmaticaReg";
}

.mfc-blue {
	color:#16559a;
}

.mp-article>h2 {
	margin-bottom: 10px;
}

.investoEducationPlanning .mp-article {
	border-top: none;
}

.mp-article .commentary {
	margin-top: 5px;
	margin-bottom: 8px;
}

.mp-article .commentary h2{
	color: #333;
}

.mp-article p, .mp-article .utils {
	color:#333;
	margin-bottom:5px;
}

.mp-article p .date {
	color:#888;
}

.mp-article h4, .mp-article p, .mp-article h3 {
	margin-bottom:5px;
}
.mp-article .date,
.mp-article .tags{
	font-size:12px;
	color:#888;
}

/*Vertical Gray Bars - Dividers*/
.link_divider,
.mackenzie-pro .mp-article .date {
	border-right: 1px solid #888888;
	display: inline-block;
	margin-right: 9px;
	min-height: 5px;
	vertical-align: middle;
	width: 11px;
}
.mackenzie-pro .mp-article .date.alone { border-right: none; }

.mackenzie-pro .mp-article .date.no-pipe {
	background: none;
}

.mackenzie-pro .mp-article .date,
.in-the-media .mp-article .date {
	display: inline-block;
	width: auto;
	line-height: 12px;
	vertical-align: middle;
	background-position: right;
	margin-right:5px;
	padding-right:10px;
}

.link_divider.keyFundLabel {
	height: 18px;
	margin-top: 2px;
	vertical-align: top;
	background-repeat: repeat-y;
	background-size: 13%;
}

/*1837 Media Center Fixes*/
.in-the-media .mp-article .date {
	margin-right: 0;
}

.link_divider {
	margin-top: -1px;
}

.link_divider.small {
	height: 12px;
}

.link_divider.medium {
	height: 14px;
}

.link_divider.large {
	height: 18px;
}

.mp-article .date  {
	vertical-align: middle;
	display: inline-block;
}

.keyfund_data .link_divider {
	border-right: 2px solid #555;
	vertical-align: middle;
	margin: -4px 6px 0 0;
	width: 8px;
	height: 16px;
}

.details span {
	display: inline-block;
	position: relative;
	bottom:3px;
	line-height: 16px;
	vertical-align: middle;
}

.mp-article p img {
	margin-left: 3px;
}

.mp-article p .pin img {
	margin-left: 0;
}

.pin {
	display: inline-block;
	position: relative;
	height: 17px;
	width: 17px;
}

.pin.addToBookmarks,.pin.addToCart, .pin.addToWatchList {
  position: inherit;
}

span.watchlist .pin.addToWatchList{
	position: relative;
}

.pin.addToBookmarks a , .pin.addToCart a, .pin.addToWatchList a{
	display: inline-block;
}

.shareContainer a, .addToBookmarks {
	text-decoration: none;
}

.shareContainer a:hover, .addToBookmarks:hover {
	text-decoration: none;
}

.press-releases__text {
	max-height: 6.1em;
	line-height: 17px;
	overflow-y: hidden;
	position: relative;
}

.press-release-detail {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #cfd4d8;
}

.press-release {
	margin-bottom: 30px;
}

.press-release h3 {
	margin-bottom: 8px;
}

.mp-video h2 {
	color:#333;
}

.mp-express h2 {
	color:#333;
	border-bottom: 1px solid #cfd4d8;
	padding-bottom: 15px;
}

.mp-express img.article-thumb {
	margin-top:10px;
	margin-bottom:15px;
	width: 100%;
}

.article_div img.thumb {
	margin-bottom: 15px;
	float: left;
}

.article_div.squareImage .caption {
	margin-left: 165px;
}

@media screen and (max-width: 480px) {
	.article_div .mp-article-link  img.thumb {
		width: auto;
		margin-right:10px;
	}
}

.mackenzie-pro .article_div{
	margin-bottom:20px;
	padding-bottom: 20px;
	border-bottom:1px dotted #cfd4d8;
	position:relative;
}

.mackenzie-pro .article_div p {
	margin-bottom: 0;
}

.mackenzie-pro .noBorder {
	border:none;
}


/* BC Video Single Adustment */
.mackenzie-pro.advisor .mp-article {
	z-index: 100;
	position: relative;
}

.mackenzie-pro.advisor{
	overflow: hidden;
}

.mackenzie-pro.advisor .mp-video {
	z-index: 50;
	position: relative;
	/*margin-top: -50px;*/
	padding: 0;
}

.split .article_div{
	margin:0;
	border:none;
}
.mackenzie-pro .article_div.last {
	margin-bottom:5px;
}
.mackenzie-pro .article_div .mp-article h2 {
	margin-bottom:5px;
	font-size:20px;
}

.article_link_desc {
	font-size: 13px;
	float: left;
	width: 180px;
	padding-left: 20px;
}
/* Mackenzie Professional ends
/* ---------------------- */


/* Executive Bio */

.one-item-menu {
	border-bottom: 1px solid #CFD4D8;
	border-top: 1px solid #CFD4D8;
	min-height: 46px;
	margin-bottom: 20px;
	position:relative;
}

.one-item-menu .date {
	float: left;
	line-height: 44px;
	font-size: 18px;
}

.one-item-menu > h3 {
	display: inline-block;
}

.one-item-menu > span {
	display: inline-block;
	float: right;
}

.one-item-menu > span > span {
	padding-right: 18px;
}

.one-item-menu > span > a > img {
	border-left: 1px solid #CFD4D8;
}

.bio-menu {
	/*margin-bottom: 20px;*/
}
.bio-menu .date{
	margin-top: 20px;
}
.bio-menu img {
	margin-top: -2px;
}

.bio-menu.top{
	border-bottom: 1px dotted #cfd4d8;
	padding-bottom:15px;
}
.bio-menu.bottom{
	border-top:1px dotted #cfd4d8;
	padding-top:15px;
	margin-top: 20px;
}

.bio-menu > span {
	float: right;
}

.bio-images {
	float: left;
	background:#fff;
}

.bio-menu .shareWrapper.top .arrow {
	margin-left: 49px;
}
.bio-menu .shareWrapper.top {
	left: -126px;
}

.bio-menu .executive-bios{
	display: inline-block;
	margin-bottom: 20px;
}
@media screen and (max-width: 480px) {

	.one-item-menu .date {
		font-size: 14px;
	}

	.bio-images {
		margin: 0px;
		width: 150px;
		margin-right: 10px;
	}
	.managerProfileContent h2 {
		font-size: 18px;
		font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
	}
	.managerProfile .managerProfileContent h4 {
		font-size: 14px;
		margin-left: 160px;
	}
	.managerProfileContent h4 {
		font-size: 14px;
	}
	.managerProfileContent .company,
	.managerProfileContent .experience {
		font-size: 14px;
	}

	.managerProfile .dotted-bottom{
		clear: both;
	}
}

@media screen and (max-width: 340px) {
	.bio-images {
		width: 100px;
	}
	.managerProfile .managerProfileContent h4 {
		font-size: 14px;
		margin-left: 110px;
	}
}


@media screen and (max-width: 350px) {
	.drw-bar {
		font-size: 11px;
	}
	.drwb-toggle span {
		margin-top:
	}
}


.bio-photo {
	margin-right: 18px;
	margin-bottom: 18px;
	border: 1px solid #ccc;
}

.bio-logo {
}

/* Media Contacts */

.media-contact > .article_link_desc {
	margin-bottom: 0;
}

/* Mutual Funds */

.totalFunds_div{
	background:#dff2fd;
	width:200px;
	height:130px;
	border:1px solid #cfd4d8;
	color:#16559a;
}
.article_fund_number{
	font-size:75px;
	float:right;
	margin:10px 20px 0 0;
	line-height:75px;

}
.totalFunds_div .article_link_desc{
	font-size:13px;
	float:right;
	margin-top:0px;
	margin-right:25px;
	text-align:right;
}

.article_div .fundName {
	font-family: 'PragmaticaBold',Helvetica,Verdana,sans-serif;
	margin-bottom: 5px;
	display: block;
	line-height: 1.2;
}

.row .full.clearfix .row .article_div .fundName {
	font-family: 'PragmaticaReg',Helvetica,Verdana,sans-serif;
	font-weight: bold;
}

.article_div .totalFunds_div {
	margin-right:20px;
}

.details{
	margin-bottom:0;
}
/* gsa search widget - begin */
/* widget wiki 5.2 */


/* gsa search widget - end */
.resultsDisplayTabs {
	border: 1px solid #CFD4D8;
	border-width:0 1px 1px 1px;
}
.resultsDisplayTabs li{
	padding: 0 12px;
}
.resultsDisplayTabs .tabs li a {
	font-size:13px;
}
.resultsDisplayTabs .tabs .activeTab .numResults {
	display: inline;
	font-size:inherit;
}
.pageXofY{
	margin-top:10px;
	display:block;
	text-align:center;
}
.resultsDisplayList{
	clear:left;
}
.resultsDisplayList .displayUtilities {
	padding: 20px;
	border-bottom: 1px solid #dfd4d8;
}
.resultsDisplayList .resultsPerPage,
.resultsDisplayFooter .resultsPerPage {
	display: block;
	margin: 5px 0;
}
.resultsDisplay{
	padding: 20px;
}
.resultsDisplay .resultBox {
	padding-top: 14px;
	padding-bottom: 15px;
	border-top: 1px dotted #ccc;
}
.resultsDisplay .resultBox:first-child{
	border-top:none;
	padding-top: 0px;
}
.resultsDisplay .resultBox:last-child{
	padding-bottom: 0px;
}
.resultsDisplayList dl {
	margin: 10px 0;
	overflow: hidden;
}
.resultsDisplayList dd{
	margin-left:0;
	clear:left;
	float:left;
	font-family: 'PragmaticaBold', 'Helvetica Bold', "Arial Bold", sans-serif;
	line-height: 1.4;
}
.resultsDisplayList dt{
	margin-left:4px;
	font-family: 'PragmaticaReg', Helvetica, Arial, sans-serif;
	float: left;
	line-height:normal;
}
.resultInnerBox .tags,
.resultInnerBox .tags a {
	font-size: 11px;
}
.resultIcons a{
	margin-right:5px;
	height:17px;
	width:17px;
	float:left;
}

.resultSummary h3 {
	max-height: 42px;
	overflow: hidden;
	font-size: 15px;
}
.resultSummary h3 a{
	font-size:15px;
}

.resultSummary .summary {
	max-height: 40px;
	overflow: hidden;
}

.resultsListFooter{
	padding:10px;
	background: #f7f7f7;
	border-top: 1px solid #dfd4d8;
}

.paginateButtonsBox {
	font-size: 1.1em;
}

.pagination .paginateButtonsBox {
	font-size: inherit;
}

.listOfPageLinks a,
.listOfPageLinks span {
	font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
	margin-right: 5px;
}

.sortOrderBox .submitButton,
.paginateButtonsBox .submitButton {
	display: block;
	width: 100%;
	margin: 10px 0 20px 0;
}

@media screen and (min-width:615px){
	.resultSummary {
		width:60%;
		float:left;
		padding-right: 15px;
	}
	.resultInfo {
		margin: 0 2%;
		width: 25%;
		float:left;
	}
	.resultIcons{
		width:auto;
		float:right;
		text-align:right;
	}
	.resultsDisplayList dl{
		margin: 0;
	}
	.sortOrderBox {
		float:left;
		text-align: left;
		width: 40%;
		white-space: nowrap;
		margin-bottom: 10px;
	}
	.sortOrderBox label,
	.sortOrderBox .select-wrapper,
	.sortOrderBox .submitButton
	 {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		margin-right: 5px;
	}

	.sortOrderBox .submitButton,
	.paginateButtonsBox .submitButton  {
		margin: 0;
		width: auto;
	}

	.paginateButtonsBox .submitButton {
		float: left;
	}
	.sortOrderBox .select-wrapper {
		width: 144px;
	}
	.paginateButtonsBox{
		float:right;
		overflow: hidden;
		text-align: right;
		display: inline-block;
	}

	.paginateButtonsBox .select-wrapper	{
		width:65px;
	}
	.paginateButtonsBox .pageXofY,
	.paginateButtonsBox .listOfPageLinks{
		margin: 0 0 0 10px;
		display:inline-block;
	}

	.paginateButtonsBox .resultsPerPage,
	.paginateButtonsBox .pageXofY,
	.paginateButtonsBox .submitButton,
	.paginateButtonsBox .select-wrapper{
		display: inline-block;
		vertical-align: middle;
		float: none;
		margin: 0;
		margin-right: 5px
	}

}
@media screen and (min-width:835px){
	.resultSummary {
		width:600px;
	}
	.resultInfo {
		margin: 0;
		width: 200px;
	}
	.resultIcons{
		width:auto;
	}
	.resultsDisplayList dl{
		margin: 0;
	}
	.sortOrderBox {
		margin-bottom: 0px;
	}
}

/* related media widget - begin */
/* widget wiki 6.6 */
	.related-media-widget {
		display: inline-block;
		width: 100%;
	}

	.hasLeftNav .related-media-widget {
		max-width: 100%;
	}

	.rmw-carousel {
		height: 350px;
		overflow: hidden;
	}

	.rmw-carousel ul {
		height: 100%;
		margin: -60px 0 0 0 !important;
		width: 100%;
	}

	.rmw-carousel .jcarousel-skin-tango .jcarousel-item {
		height: auto;
	}

	.rmw-slide {
		background: url(/assets/images/interface/carousel-placehold.jpg) no-repeat;
		display: none;
		float: left;
		list-style: none;
		position: relative;
		width: 300px;
		z-index: 200;
	}
	div.starter {
		/*background: url(/assets/images/interface/carousel-placehold.jpg) no-repeat;*/
    height:100%;
		width:100%;
		background-size:100%;
		position:absolute;
		/*top:60px;*/
		top: 0;
		z-index:250;
	}
	div.starter:hover {
		cursor: pointer;
	}
	.rmw-carousel div.starter{
   /* height: 162px;
    width: 287px;*/
   padding-top: 61px!important;
	}


	.starterOverlay{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	div.starter > img {
		width:100%;
    vertical-align: initial;
    height: 100%;
	}

	.starterOverlay img { -webkit-transition: all 1s ease; transition: all 1s ease;  }
	.starterOverlay:hover img { -webkit-transform: scale(1.5); transform: scale(1.5); }
	div.starter a {
		position: absolute;
		top: 50%;
		left: 0;
		width: 55px;
		z-index: 255;
		display: block;
		right: 0;
		margin: auto;
		margin-top:-27px;
		/*Half the size of the play button image*/
	}
.rmw-slide div.starter a{
    margin-top:0;
}
	.rmw-slide:first-child {
		margin-right: 30px;
	}

	.rmw-slide:first-child,
	.rmw-slide:first-child + .rmw-slide {
		display: block;
	}

	.rmw-slide.jcarousel-item {
		background: none;
		display: block;
	}

	.rmw-slide > div:first-child {
		position: relative;
		z-index: 200;
		min-height: 169px;
	}

	.rmw-slide h4 {
		margin-bottom:5px;
		margin-left: 10px;
	}

	.rmw-slide-text {
		margin-bottom: 5px;
		margin-left:10px;
	}

	.rmw-slide-extras {
		margin-left:10px;
		color: #888;
		font-size: 12px;
		line-height: normal;
		font-family: PragmaticaReg, helvetica, verdana, sans-serif;
	}

	.rmw-slide-date {
		font-size: 12px;
		font-family: PragmaticaReg, helvetica, verdana, sans-serif;
		color:#888;
	}

	.related-media-widget .jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 100%;
	}

	.related-media-widget .jcarousel-skin-tango .jcarousel-clip-horizontal {
		max-width: 100%;
		width: 100%;
		height: 100%;
	}

	.related-media-widget .jcarousel-skin-tango .jcarousel-next-horizontal {
		position: absolute;
		top: -31px; right: 5px;
	}

	.related-media-widget .jcarousel-skin-tango .jcarousel-prev-horizontal {
		position: absolute;
		top: -31px; left: 200px;
	}

	.related-media-widget .jcarousel-skin-tango .jcarousel-item-horizontal {
		margin-right: 30px;
        margin-left: 5px;
		padding: 0px;
		bottom:3px;
		width:320px;
	}

	.related-media-widget .jcarousel-skin-tango .jcarousel-item-horizontal > * {
		margin-left:0;
	}

	.related-media-widget h4{
  		margin-bottom: 0 !important;
  		border-bottom: none !important;
	}

	@media screen and (min-width:420px){
		.related-media-widget .jcarousel-skin-tango .jcarousel-item-horizontal {
			width:380px;
		}
	}

	@media screen and (min-width: 960px){
		.related-media-widget {
			max-width:630px;
		}
	}

	@media (max-width:480px) {
		.rmw-carousel {
			clip: rect(0, 300px, 100%, 0);
		}

		.related-media-widget .jcarousel-skin-tango .jcarousel-container-horizontal {
			width: auto;
		}

		.articleShareBar ul li.print {
			display: none;
		}
	}


/*Responsive Related Media Widget*/

.linkCaptionsBtn {
	color:#5d7598;
    width:100%;
    text-align: right;
	float:right;
	z-index: 400;
	right: 0;
	display: block;
	border:none;
	background: none;
	padding:0;
	font-size: 10px;
}

.linkCaptionsBtn:hover  {
	text-decoration: underline;
	cursor: pointer;
}

.linkCaptionsBtn:focus  {
    outline: none!important;
}

.responsiveBCcontainer .linkCaptionsBtn{
	margin: 10px 20px 5px 0 ;
}

/* I literally couldn't find the code that was preventing this */
.responsiveBCcontainer button.playPause.btn:focus {
	outline: 1px dotted #ddd;
}
button.linkCaptionsBtn:focus {
	outline: 1px dotted #111;
}

.mackenzie-pro .linkCaptionsBtn {
	/*display: none;*/
}

/*
@media screen and (max-width: 480px) {
	html.touch .responsiveBCcontainer{
		max-height: 245px;
	}
}*/

.responsiveBCcontainer {
  width: 100%;
  float: right;
  position: relative;
  z-index: 100;
  overflow: hidden;
  margin-bottom: 10px;
}

.relatedMediaCarousel .responsiveBCcontainer {
	margin-bottom: 10px;
}

.relatedMediaCarousel .responsiveBCcontainer.opened {
	margin-top: 32px;
	margin-bottom: 0;
	padding-bottom: 0;
}

html.touch .relatedMediaCarousel .responsiveBCcontainer.opened {
	margin-top: 10px;
}

html.touch .responsiveBCcontainer {
	padding-bottom:0;
	margin-bottom: 15px;
}

.responsiveBCcontainer .unclickable {
	left: 0;
	right: 0;
	height: 50px;
	width: 100%;
	bottom: 0;
	position: absolute;
	background: none;
	z-index: 200;
}

.responsiveBCcontainer .captionLanguages {
	margin-top: 10px;
	position: absolute;
	right: 0px;
}

.responsiveBCcontainer .captionLanguages button{
	display: none;
	float:left;
	margin-right:10px;
}

.responsiveBCcontainer .captionLanguages button.show{
	display: block;
}

.hasLeftNav .full.hero .responsiveBCcontainer.opened {
	margin-top: 0;
}
.hasLeftNav .full.hero .responsiveBCcontainer.opened .BrightcoveExperience {
	left: 0;
}
.brightcoveContainer {
	  position: relative;
	  padding-bottom: 56.1%;
	  margin-top: -1px;
	  height: 0;
      padding-top: 3px;
}
.opened .brightcoveContainer {
	padding-top: 45px;
  	padding-bottom: 56.1%;
}

.responsiveBCcontainer .bc-chapters {
	width: 100%;
}

.responsiveBCcontainer .chapterlist-item {
    padding: 1px 4px 1px 15px !important;
	border-bottom: 1px solid #ccc;
	display: block;
    font-family: PragmaticaReg, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
.responsiveBCcontainer .chapterlist-item:hover {
	text-decoration: none;
	cursor: pointer;
	background-color: #dff2fd;
}

.responsiveBCcontainer .chapterlist-item-selected {
	border-left: 4px solid #A5D96A;
    padding: 1px 4px 1px 11px !important;
}
.responsiveBCcontainer .chapterlist-item-selected:hover {
	background-color: white;
}
.responsiveBCcontainer .chapterlist-item-selected:focus {
	outline: none;
}

.responsiveBCcontainer p {
	margin: 0;
	color: #333;
}

@media screen and (max-width: 480px) {
	.full.hero .brightcoveContainer {
		position: relative;
		height: 0;
	}

}

.relatedMediaCarousel .brightcoveContainer {
	padding-top: 60px;
    visibility: hidden;
}

.relatedMediaCarousel .vjs-poster{
    padding-top: 60px;
}

.relatedMediaCarousel .opened .brightcoveContainer {
	padding-top: 39px;
	margin-top: 30px;
	margin-left: 10px;
}

@media screen and (min-width:835px){
	.full.hero .brightcoveContainer {
		padding-bottom:56.1%;
		margin-top: -1px;
	}
}
@media screen and (min-width:1020px){
	.full.hero .brightcoveContainer {
		padding-bottom: 56.1%;
		margin-top: -2px;
	}
}
.responsiveBCcontainer .controls {
	position: relative;
	display: block;
	padding: 0px;
	height: 0px;
	left: 13px;
	max-width: 50%;
	background-color: #fff;
}

.responsiveBCcontainer .arrow {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #5bade5;
	border-top:0;
	position: absolute;
	top:-10px;
	left:12%;
	right:0;
}

.responsiveBCcontainer .inner-arrow {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #fff;
	border-top:0;
	position: absolute;
	left: -8px;
	bottom: -10px;
	z-index: 1500;
}

.responsiveBCcontainer .controls,
.responsiveBCcontainer,
.responsiveBCcontainer span {
	cursor: default;
}

.responsiveBCcontainer .controls.focus {
	border: 2px solid rgb(132, 191, 231);
	height: 40px;
	padding: 5px 10px 7px 10px;
	display: inline-block;
	position: absolute;
}

.responsiveBCcontainer .controls span.arrow,
.responsiveBCcontainer .controls button
 {
	visibility: hidden;
}

.responsiveBCcontainer .controls span.arrow.focus,
.responsiveBCcontainer .controls button.focus
 {
	visibility: visible;
}

.responsiveBCcontainer .controls button{
	text-transform: uppercase;
	font-size: 10px;
	height: 18px;
	line-height: 13px!important;
	padding: 3px;
	background: none;
	color: transparent;
	/*visibility: hidden;*/
}

.relatedMediaCarousel .rmw-slide .brightcoveContainer video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding-top: 34px;
}

.responsiveBCcontainer .controls .captions.btn {
	display: none;
}

.responsiveBCcontainer .controls button.focus{
	background-color: rgb(23,72,119);
	color: white;
	margin-left: 0px;
}

* html .brightcoveContainer {
  margin-bottom: 45px;
  margin-top: 0;
  width: 100%;
  height: 100%;
}

.brightcoveContainer video,
.brightcoveContainer .video-js,
.brightcoveContainer embed,
.brightcoveContainer object,
.BrightcoveExperience {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.brightcoveContainer object{
	width:100%;
}
.rmw-slide .brightcoveContainer object{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding-top: 34px;
}

.vjs-menu.vjs-contextmenu-ui-menu{
	display: none!important;
}

/* HTML5 player caption restyling */
.bc-ttml-region-r1 {
	bottom: 0;
	top:auto;
	height:auto;
}


/*Controls*/
html.touch .relatedMediaCarousel .controls {
	display: none;
}


/*Responsive Related Media Widget*/


/* related media widget - end */

/* My Sales Team
-------------------------------------------------- */

.mySalesTeam dl {
	margin: 0;
	color:#555;
}

.mySalesTeam .salesTeamAvatar {
	float: left;
	margin: 10px;
	text-align: left;
	width: 58px;
}
.mySalesTeam dd {
	margin: 10px;
	padding-left: 70px;
	text-align: left;
}
.mySalesTeam .salesTeamAvatar img{
	border: 1px solid #cfd4d8;
	width:58px;
	height:58px;
}
.mySalesTeam .dotted-bottom {
	padding-bottom: 0;
}

.mySalesTeam .footer {
	box-sizing: border-box;
	background-color: #dff2fd;
	height: auto;
	border-bottom: 1px solid #ccc;
}

.mySalesTeam .footer a {
	padding: 10px;
	display: inline-block;
}

/* My Sales Team ends
-------------------------------------------------- */


/* Quick Fund Finder starts; generalize this for all carousel captions containing widgets
-------------------------------------------------- */
	.qFF {
		margin-bottom: 20px;
	}

	.qFF h2.module-header-title {
		float: none;
	}

	.carousel-caption .qff-fundname-form,
	.carousel-caption .qff-etf-form {
		padding: 10px 0 8px 10px;
		margin: 0 0 -5px -10px;
	}

	.carousel-caption .qff-fundname-form,
	.rightRailContainer .qff-fundname-form ,
	.rightRailContainer .qff-etf-form{
		white-space: nowrap;
	}

	.qff-fundname-form {
		padding: 10px 10px 8px 10px;
		position: relative;
		overflow: hidden;
	}


	.rightRailContainer .qff-fundname-form,
	.rightRailContainer .qff-etf-form{
		padding: 10px 10px 8px 10px;
		position: relative;
	}
	.carousel-caption .qff-footer{
		display:none;
	}

	.carousel-caption input[type="text"] {
		border-right: 2px solid transparent;
		width: 100%;
		padding-left: 10px;
		height: 28px;
		color: #555555;
	}

	.carousel-caption input[name="query"] {
		width:92%;
		padding-right: 10px;
	}



	.carousel-caption .searchBtn {
		right:0;
	}

	.qff-fundname-search-button:hover,
	.qff-fundname-search-button {
		border: 1px solid #ccc;
		border-radius: 0;
		-webkit-border-radius: 0;
		background-color: #e5f4f9;
		height: 28px;
		overflow: hidden;
		padding: 0 !important;
		width: 28px;
	}
	.qff-fundname-search-button:before {
    content: url('/mi/assets/images/interface/icon-sprite.png');
    display: inline-block;
    margin-left: -62px;
    margin-top: -34px;
	}

	.qff-divider {
		height: 20px;
		margin-bottom: 6px;
		white-space: nowrap;
		width: 100%;
		padding: 0 10px;
	}

	.rightRailContainer .qff-divider{
		margin-bottom:-8px;
		margin-top: -6px;
		padding-left: 10px;
		padding-right: 10px;
	}

	/*.homepage .rightRailContainer .qFF .btnContainer {
	   margin: 15px 10px;
	}
*/
	.rightRailContainer .mySalesTeam .noResult{
		padding: 10px;
	}

	.qff-divider-left, .qff-divider-right {
		border-top: 1px solid #ccc;
		display: inline-block;
		position: relative;
		top: -2px;
		height: 1px;
		width: 46%;
	}

	.qff-divider-text {
		box-sizing: border-box;
		color: #BDBFBE;
		display: inline-block;
		font-size: 13px;
		line-height: 14px;
		padding: 0px;
		height: 14px;
		width: 6%;
		text-align: center;
	}

	.carousel-caption .qff-divider-text {
		color: #ddd;
		padding-top: 4px;
	}

	.qff-assetclass-form {
		margin-bottom: 10px;
	}
	.qff-assetclass-form .btnContainer {
		margin-left: 0px;
		margin-right: 0px;
	}
	.formCarousel .qFF .qff-codesandfees-link {
		color: #16559a;
		display: inline-block;
		margin-top: 10px;
	}
	.rightRailContainer .btnContainer .qff-codesandfees-link{
		display:none;
	}

@-moz-document url-prefix() {
/*div.qff-assetclass-dropdown > a.btn.custom {
		box-sizing: border-box;
		height: 22px;
		width: 225px;
		padding-top: 4px;
		padding-left: 6px;
	}*/
}

@media only screen and (min-width: 480px) and (max-width: 568px){
	.carousel-caption input[name="query"]{
		width: 100%!important;
	}

	.captchaError{
		margin-left: 4px;
    	max-width: 210px;
	}

	html[lang="fr-CA"] .captchaError{
		min-width: 215px;
	}
}

.qff-footer {
		box-sizing: border-box;
		background-color: #dff2fd;
		border-top: 1px solid #ccc;
		height: auto;
		border-bottom: 1px solid #ccc;
	}

	.carousel-caption .qff-footer {
		background: none;
		border-top: none;
		border-bottom: none;
		width: 200px;

		position: relative;
		top: -52px;
		left: 168px;
	}

	.rightRailContainer .qff-footer a{
		padding: 10px;
		display: inline-block;
		vertical-align: none;
	}

/* quick fund finder widget - end */


/* Brightcove Meida widget - begin */
	.audio-player-widget span[id^=_containerbcExperienceObj] {
		width: 100%;
	}
/* Brightcove Meida widget - end */



/* Management Companies - begin */
	.management-companies__company__description {
		max-height: 4.9em;
		line-height: 17px;
		overflow-y: hidden;
		position: relative;
	}

	@media all and (min-width: 615px) {
		.management-companies__company__managers {
			width: 100%;
			padding-left: 215px;
		}
		.qff-divider {
			padding: 0;
		}
	}
/* Management Companies - end */


/*Manager Profile Share Widget*/

.managementShareBar .shareWrapper  {
	height: 40px;
}

/*Site Search Widget*/
.hrw-form-search .searchInput {
    display: inline;
    float: left;
    margin-right: 5px;
}


/* Filter Box for prices & performances, GSA search
-------------------------------------------------- */
.fund-finder .mfcAjaxLoadingOverlay {
	background-color: #f6f6f6;
	opacity: .85;
}

.filter-search { position: relative; }

.filterBox {
	background-color: #f6f6f6;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
	margin-bottom: 50px;
	padding: 20px;
}

.filterBox .row {
	border-bottom: 1px dotted #CFC4d8;
}

.filterBox .row.filter-menus,
.filterBox .row.apply-reset {
	border-bottom: 0;
}

.gsa-search .filterBox .row:first-child +.row {
	border-bottom: 0;
}

.filterBox .row.radio-filters {
	padding: 10px 0;
}

.filterBox legend {
	color: #555;
	font-size: 13px;
	font-weight: bold;
}
.filterBox .form-search {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.filterBox .radio,
.filterBox .checkbox {
	min-height: 0;
	padding: 0;
}

.filterBox .checkbox {
	margin: 8px 6px 0 0;
}

.filterBox label {
	color: #555;
	cursor: pointer;
}

.filterBox label.btn {
	background-color: #59ade0;
	color: white;
}

	.filterBox .searchInput {
		border: solid 1px #ccc;
		display: inline-block;
		float: left;
		margin: 5px 0 20px 0;
	}

	.filterBox .searchInput input[name="query"] {
		display: block;
		float: left;
		width: 350px;
		margin-right: 0;
		padding: 0 5px 0 10px;
		line-height: normal;
	}

	.no-touch .filterBox .searchInput input[name="query"] {
		line-height: 27px;
	}

	.filterBox .searchInput [type="submit"] {
		border-left: 1px solid #ccc;
	}

	.filterBox .searchInput + label[for="orderable-materials"] {
		float: left;
		margin: 8px 0 0 20px;
	}

	.filterBox label[for="orderable-materials"] input {
		float: left;
		margin-right: 5px;
	}

	.filterBox .search-query {
		box-sizing: border-box;
		height: 27px;
		margin: 0;
		padding: 0 0 0 4px;
		width: 420px;
		line-height:27px;
	}

	.filterBox .search-query:focus {
		box-shadow: none;
		-webkit-box-shadow: none;
	}

	.filterBox .form-search .btn {
		background-color: #59ABDD;
		background-image: none;
		border: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		border-color: #16559a;
		margin-left: -5px;
		width: 27px;
		height: 27px;
		padding: 0px 0 0 0px;
	}

.filterBox .radioFilter {
	display: inline-block;
	width: 49%;
}

.filterBox .radioFilter h4 {
	border: none;
	margin: 0 0 5px 0;
}

.filterBox .radioFilter label {
	display: inline-block;
	line-height: 1;
	margin: 0 10px 0 0;
}

.filterBox .radioFilter span {
	position: relative;
	top: -3px;
}

.filterBox .radioFilter span.readerOnly {
	position: absolute;
}

.filterBox .radioFilter input[type="radio"] {
	margin: -8px 5px 0 0;
	display: inline-block;
}


.filterBox .filter-summary {
	display: none;
}

.filterBox .filterListContainer {
	padding: 20px 0 0;
}

.filterBox .filterListContainer h2 {
	display: none;
}

.filterBox .filterListContainer .apply-reset {
	display: none;
}
.filterBox .filterListContainer .filterListBody:before,
.filterBox .filterListContainer .filterListBody:after,
.filterBox .filterListContainer .filterListBodyContent:before,
.filterBox .filterListContainer .filterListBodyContent:after{
	display: table;
	content: "";
	line-height: 0;
}

.filterBox #asset-class,
.filterBox #fund-family {
	margin: 0 1px 0 0;
}

.filterBox .dropdown-wrap {
	display: block;
	float: left;
	padding-left: 0;
	position: relative;
	width: 33.33%
}

.filterBox .dropdown-wrap + .dropdown-wrap {
	padding-left: 10px;
}

.filterBox .dropdown {
	max-width: 300px;
}

.filter-summary h2,
.filterListContainer h2,
.filterBox .dropdown > a {
	padding:0 10px;
	display: block;
	height: 50px;
	color: #fff;
	border:1px solid #ccc;
	border-width:3px 1px 1px;
	background-color: #17467A;
	position:relative;
}

.filterBox .dropdown a .mfc-icon-select-arrow-white {
	display: block;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 45%;
}

.filterBox .dropdown > a:hover,
.filterBox .dropdown > a:active,
.filterBox .dropdown.open > a {
	text-decoration: none;
	background-color: #1d5a9c;
	border-top: solid 3px #a6dc68;
}

.filterBox .dropdown.open > a {
	height: 50px;
	background-image: url('/mi/assets/images/interface/icon-sprite.png');
	background-repeat: no-repeat;
	background-position: bottom;
	border-bottom: 0;
}

.filterBox .dropdown > a i {
	float: right;
	margin-top: 2px;
}

.filterBox .dropdown > h2 {
	display: none;
}

.filterBox .filter-summary .selected,
.filterBox .dropdown .selected {
	display: block;
	background-color: #fff;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	padding: 5px 10px;
	font-size: 11px;
}

.filterBox .dropdown-menu {
	border: 0;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	top: 50px;
	width: 100%;
	z-index: 1001;
	overflow: hidden;
}

.filterBox .dropdown-menu .dropdown-list-view {
	position: relative;
	max-height: 280px;
	overflow-x: hidden;
	overflow-y: auto;
}

.filterBox .dropdown-menu .dropdown-close {
	position: relative;
	bottom: 0px;
	width: 100%;
	background-color: white;
	padding: 10px;
	border-top: solid 1px #ccc;

	-webkit-box-shadow: 0px -2px 4px rgba(50, 50, 50, 0.18);
	-moz-box-shadow: 0px -2px 4px rgba(50, 50, 50, 0.18);
	box-shadow: 0px -2px 4px rgba(50, 50, 50, 0.18);
}

.filterBox .dropdown-menu .dropdown-close a {
	cursor: pointer;
	display: inline-block;
	height: 28px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
}

.filterBox .dropdown-menu ul {
	background-color: #fff;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.filterBox .dropdown-menu ul li {
	border-bottom: dotted 1px #CFC4d8;
	color: #888;
	line-height: 1;
	padding: 5px 0 5px 10px;
}

.filterBox .dropdown-menu ul li:last-child {
	border-bottom: none;
}

.filterBox .dropdown-menu ul li.last {
	border-bottom: 0;
	padding: 10px;
}

.filterBox .dropdown-menu ul li.last a {
	cursor: pointer;
	display: inline-block;
	height: 28px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	line-height: 28px;
	padding: 0 10px;
}

.filterBox .dropdown-menu ul li.last a:hover {
	background: #888;
}

.filterBox .dropdown-menu label {
	color: #16559a;
	cursor: default;
	display: inline-block;
	margin: 0;
	width: 100%;
}

.filterBox .dropdown-menu input[type="checkbox"] {
	float: left;
	margin-right: 5px;
}

.filterBox .dropdown-menu input[type="checkbox"] + span {
	cursor: pointer;
}

.filterBox .dropdown-menu input[disabled] + span {
	color: #888;
	cursor: not-allowed;
}

.filterBox .dropdown-menu ul li.results {
	color: #16559a;
}

.filterBox .apply-reset {
	text-align: right;
	position: absolute;
}

.gsa-search .filterBox .apply-reset {
	right: 20px;
	top: 42px;
}

.gsa-search .filterBox .apply-reset .contentHeader,
.gsa-search .filterBox .apply-reset .resultsCount {
	display: none;
}

.fund-finder .filterBox .apply-reset {
	right: 20px;
	top: 34px;
}

.filterBox .apply-reset p,
.filterBox .apply-reset h2,
.filterBox .apply-reset fieldset {
	display: inline-block;
	margin: 0;
}

.filterBox .apply-reset h2 {
	margin-right: 16px;
}

.filterBox .apply-reset h2 > span {
}

.loading .apply-reset .showcase {
	color: #cfcfcf;
}

.filterBox .apply-reset .showcase {
	margin-right:5px;
	vertical-align: middle;
	position: relative;
	display: inline-block;
}
.filterBox .apply-reset .contentHeader {
	display: inline-block;
	text-align: left;
	width: 110px;
}
.filterBox .filterListContainer .apply-reset .contentHeader {
	width: 118px;
}
.filterBox #search-details .apply-reset .contentHeader {
	width: 90px;
}

.filterBox .apply-reset [type="reset"] {
	background-color: #888;
}

.no-fundfiltermenus .filterBox .row:first-child + .row {
	border-bottom: 0;
}

.no-fundfiltermenus .filterBox .fund-filters,
.no-fundfiltermenus .filterBox .filterListContainer {
	display: none;
}
/*MACKNZ0005-5735*/
.no-fundfiltermenus.is-fund-filter-open .filterBox .filterListContainer {
	display: block;
}

.filterBox .apply-reset .gsw-button {
	margin-right: 5px;
}

@media screen and (max-width: 835px) {

	.filterBox .row:first-child,
	.filterBox .row:first-child + .row {
		border-bottom: 0 none;
		padding: 0;
		margin-bottom: 0px;
	}

	.filterBox .searchInput {
		border: 0;
		display: table;
		float: none;
		width: 100%;
	}

	.gsa-search .filterBox .searchInput {
		margin-bottom: 10px;
	}

	.filterBox .searchInput + label[for="orderable-materials"] {
		float: none;
		margin: 10px 0;
	}

	.filterBox .searchInput + label[for="maximum-order-quantity"] {
		float: none;
		margin-bottom: 20px;
	}

	.filterBox .searchInput .field {
		display: table-cell;
		padding: 0;
		vertical-align: top;
	}

	.filterBox .searchInput .submit {
		width: 75px;
	}

	.filterBox .searchInput .text input {
		border: 1px solid #ccc;
		float: none;
		width: 100%;
	}

	.filterBox .radioFilter {
		display: block;
		margin-bottom: 20px;
		width: 100%;
	}

	.filterBox .radioFilter input[type="radio"] {
		display: none;
	}

	.filterBox .radioFilter input[type="radio"]:checked + label {
		background: white;
		border-top: 3px solid #a5d96a;
		color: #555;
		line-height: 46px;
	}

	.filterBox .radioFilter label {
		background: #DFF2FD;
		border-color: #ccc;
		border-style: solid;
		border-width: 1px;
		display: inline-block;
		color: #16559A;
		float: left;
		line-height: 48px;
		margin: 0;
		min-height: 48px;
		text-align: center;
		width: 33.33%;
	}

	.filterBox .radioFilter label + input + label {
		border-width: 1px 1px 1px 0;
	}

	.filterBox .radioFilter label span {
		display: inline-block;
		font-size: 14px;
		line-height: 1;
		position: static;
		vertical-align: middle;
	}

	.filterBox .radioFilter legend {
		display: block;
		width: auto;
	}

	.gsa-search .filterBox .apply-reset {
		position: static;
	}
	.gsa-search .filterBox .apply-reset > p,
	.gsa-search .filterBox .apply-reset input[type="reset"] {
		display: none;
	}
	.gsa-search .filterBox .filterListContainer .apply-reset > p {
		display: block;
	}
	.gsa-search .filterBox .filterListContainer .apply-reset input[type="reset"] {
		display: inline;
	}

	.fund-finder .filterBox .apply-reset {
		display: block;
		padding: 20px 0 0;
		position: static;
	}

	.fund-finder .filterBox .apply-reset h2 {
		float: left;
	}

	.filterBox .apply-reset p {
		float: left;
		margin-bottom: 10px;
	}

	.filterBox .apply-reset fieldset {
		display: block;
	}

	.filterBox .apply-reset [type=reset],
	.filterBox .apply-reset [type=submit] {
		line-height: 46px;
		height: auto;
	}
	.filterBox .apply-reset input,
	.filterBox .apply-reset button {
		margin-top: 7px;
	}
	.gsa-search .filterBox .apply-reset .gsw-button {
		margin-right: 0;
		margin-top: 15px;
	}

	/*MACKNZ0005-5731
	  MACKNZ0005-8494*/
	.filterBox .filter-summary {
		display: block!important;
	}

	.filterBox .filterListContainer {
		background: white;
		bottom: 0;
		height: auto;
		left: 0;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 100%;
		visibility: hidden;
		width: 100%;
		z-index: 6001;
	}

	.filterBox .filter-summary h2,
	.filterBox .filterListContainer h2 {
		display: block;
		position: relative;
	}


	.filterBox .dropdown > h2 {
		display: none;
	}

	.filterBox .filterListContainer h2 {
		text-align: center;
		font-size: 14px;
	}

	html[lang="fr-CA"] .filterBox .filterListContainer h2.filterListTitle {
		font-size: 14px;
	}

	.filterBox .filter-summary h2 a,
	.filterBox .filterListContainer h2 a {
		position: absolute;
		right: 10px;
		margin-top: -14px;
		top: 50%;
	}

	.filterBox .filterListContainer .filterListBody {
		background: white;
		bottom: 101px;
		overflow: auto;
		overflow-y: scroll;
		padding: 0 10px;
		position: absolute;
		top: 50px;
		width: 100%;

		-webkit-overflow-scrolling: touch;
	}

	.filterBox .dropdown-wrap {
		float: none;
		margin: 10px 0 30px;
		width: 100%;
	}

	.filterBox .dropdown-wrap + .dropdown-wrap {
		padding-left: 0;
	}

	.filterBox .filterListContainer .dropdown {
		height: auto;
		position: static;
		max-width: none;
	}

	.filterBox .filterListContainer .dropdown .dropdown-list-view{
		max-height: none;
	}

	.filterBox .filterListContainer .dropdown .dropdown-close {
		display: none;
	}

	#fundClass {
		margin-bottom: 0;
	}

	.filterBox .filterListContainer .dropdown > a,
	.filterBox .filterListContainer .dropdown > h2 {
		background: #e6e6e6;
		color: #666;
		cursor: default;
		border-color: #666 transparent #CFC4d8;
		border-width: 3px 0 1px;
		margin: 0;
	}

	.filterBox .filterListContainer .dropdown a .mfc-icon-select-arrow-white {
		display: none;
	}

	.filterBox .filterListContainer .dropdown-menu {
		border-width: 1px 0;
		display: block;
		float: none;
		height: auto;
		margin: 0;
		max-height: none;
		overflow: visible;
		position: static;
		width: auto;
	}

	.filterBox .filterListContainer .dropdown-menu li {
		background-color: #f6f6f6;
		border-top: 1px dotted #CFC4d8;
		border-bottom: 0;
	}

	.filterBox .filterListContainer .dropdown-menu li:nth-child(even) {
		background-color: #e6e6e6;
	}

	.filterBox .filterListContainer .dropdown-menu li:first-child {
		border-top: none;
	}

	.filterBox .filterListContainer .dropdown-menu .last {
		display: none;
	}

	.filterBox .filterListContainer .selected {
		display: none;
	}

	.is-fund-filter-open,
	.is-fund-filter-open body {
		height: 100%;
		overflow: hidden;
		position: relative;
	}

	.is-fund-filter-open .filterListContainer .apply-reset {
		background: white;
		bottom: 0;
		top: auto;
		right: auto;
		display: block;
		padding: 10px;
		position: absolute;
		width: 100%;

		-webkit-box-shadow: -10px 0 20px rgba(0,0,0,.35);
		box-shadow: -10px 0 20px rgba(0,0,0,.35);
	}

	.is-fund-filter-open .filterListContainer .apply-reset .resultsCount,
	.is-fund-filter-open .filterListContainer .apply-reset .contentHeader {
		display: inline-block;
	}

	.is-fund-filter-open .filterListContainer .apply-reset div {
		clear: left;
		float: left;
		text-align: left;
		width: 100%;
	}

	.is-fund-filter-open .filterListContainer .apply-reset [type=submit],
	.is-fund-filter-open .filterListContainer .apply-reset [type=reset] {
		display: inline-block;
		float: left;
		margin: 0;
		width: 49%;
	}
	.is-fund-filter-open .filterListContainer .apply-reset [type=submit] {
		margin-right: 2%;
	}

	.is-fund-filter-open .filterBox .filterListContainer {
		bottom: 0;
		top: 0%;
		visibility: visible!important;

		-webkit-transition: .25s ease-out top;
		-moz-transition: .25s ease-out top;
		transition: .25s ease-out top;
	}

	.is-fund-filter-open .filterBox .dropdown > a.dropdown-toggle {
		display: none;
	}

	.is-fund-filter-open .filterBox .dropdown > h2 {
		display: block;
		text-align: left;
	}

	.is-fund-filter-open .filterBox .filterListBodyContent {
		padding: 5px 0 10px 0;
	}





}

@media screen and (max-width: 480px) {
	.filterBox .searchInput {
		display: block;
		float: none;
		margin: 5px 0 10px 0;
	}

	.filterBox .searchInput .field {
		display: block;
		float: none;
		width: 100%;
		margin-top: 10px;
	}

	.filterBox .searchInput .text {
		padding-right: 0;
	}

	.filterBox .searchInput .field [type="submit"] {
		display: block;
		width: 100%;
		margin: 0;
	}

	.fund-finder .filterBox .apply-reset h2 {
		margin-bottom: 10px;
	}

	.filterBox .apply-reset fieldset {
		clear: left;
		width: 100%;
	}

	.filterBox .apply-reset input,
	.filterBox .apply-reset button {
		float: left;
		width: 49%;
	}
	.filterBox .apply-reset .gsw-button {
		clear: left;
		margin-right: 2%;
	}
	.gsa-search .filterBox .apply-reset .gsw-button {
		margin-right: 0;
		width: 100%;
	}
}

@media screen and (max-height: 320px) and (max-width: 835px) {
	.filterBox .filterListContainer .filterListBody {
		bottom: 90px;
	}

	.filterBox .apply-reset p {
		margin-bottom: 5px;
	}

	.filterBox .apply-reset .showcase {
		font-size: 36px;
	}

	.filterBox .apply-reset .contentHeader {
		font-size: 12px;
		width: 82px;
	}
	.filterBox #search-details .apply-reset .contentHeader {
		width: 79px;
	}

	.is-fund-filter-open .filterBox .apply-reset [type=submit],
	.is-fund-filter-open .filterBox .apply-reset [type=reset] {
		line-height: 28px;
	}

}

html[lang="fr-CA"] .gsa-search .filterBox .filter-summary h2 {
	padding-right: 50%;
	line-height: 16px;
	padding-top: 7px;
	font-size: 14px;
}

/* Performance Filters end
-------------------------------------------------- */

/*Price and Performance Page*/
table.pretty tbody tr td.groupBySortHeader {
	background: white;
	padding: 0;
}

.groupBySortHeader .group-by-title {
	border-left-style: solid;
	border-left-width: 10px;
	font-family: 'PragmaticaSB', helvetica, verdana, sans-serif;
	font-weight: normal;
	display: block;
	padding: 5px 10px 5px 5px;
}

/* Price and Performance Tabs
-------------------------------------------------- */
/*No Matches*/
div[data-require=fundPerformance] .content {
	margin: 0;
}

div[data-require=fundPerformance] .no-results {
	display: none;
}

div[data-require=fundPerformance] .no-results:first-child {
	display: block;
}

/* P&P Tab Tools */

.group-sort {
	border-top: none;
	position: relative;
	padding: 20px 0 60px;
}

.group-sort .sub-nav {
	border-bottom: none;
	clear: both;
	margin-bottom: 0;
	padding-top: 10px;
	text-align: center;
}

.group-sort .sub-nav li {
	display: inline-block;
	height: auto;
	width: auto;
	border:0;
	padding:0;
	margin:0;
	background: transparent;
	color:#16559A;
	text-align: center;
	float:  none;
}

.group-sort .sub-nav li a {
	width:auto;
	display: inline-block;
	font-size: 13px;
	padding:0;
	background: none;
}

.group-sort .sub-nav .activeTab {
	padding:0;
}

.group-sort .sub-nav .activeTab a {
	color:#333;
	font-family: 'PragmaticaBold', helvetica, verdana, sans-serif;
}

.group-sort .currency-toggle {
	float: left;
	margin-top: 10px;
}

.group-sort .currency-toggle label {
	top: 0;
}

.group-sort .currency-toggle .radio-wrapper {
	margin-top:0px;
	top: 3px;
}

.group-sort .groupBySelect {
	margin: 0;
}

.group-sort .groupBySelect label {
	float: left;
	font-size: 12px;
	line-height: 28px;
	margin-right: 10px;
	margin-bottom: 0;
}

.group-sort .groupBySelect .select-wrapper {
	float: left;
	width: 125px;
}

html[lang="fr-CA"] .group-sort .groupBySelect .select-wrapper {
 	width: 100px;
}

.prfTabs .panes {
	margin-top: 0;
	min-height: 100px;
}

.prfTabs .export-options {
	position: absolute;
	margin: 0;
	left: 0;
	bottom: 21px;
}

#prfTab2 .export-options {
	bottom: auto;
	top: -49px;
}
.etf-distributions .export-options {
	bottom: auto;
	top: -49px;
}

.prfTabs .export-options .email a {
	background-color: #59ade0;
	color: #fff;
	display: inline-block;
	font-family: 'PragmaticaSB', helvetica, verdana, sans-serif;
	height: 28px;
	line-height: 28px;
	padding: 0px 10px;
	text-decoration: none;
}

.prfTabs .asOf {
	color: #747474;
	font-style: normal;
	right: 0;
	top: -115px;
	position: absolute;
}

.prfTabs .rt-menu {
	position: absolute;
	margin-bottom: 0;
	right: 0;
}

.daily-regular .rt-menu,
.daily-money-market .rt-menu {
	top: -49px;
}

.daily-regular + .daily-money-market .rt-menu {
	top: 0;
}

.fund-distributions .rt-menu,
.multiple-funds-codes-fees .rt-menu {
	top: -49px;
}

#prfTab2 .rt-menu {
	top: -49px;
}

.etf-distributions .rt-menu {
	top: -49px;
}

@media screen and (min-width: 385px) {
	.group-sort .currency-toggle {
		float: right;
		margin-top: 4px;
	}

}

@media screen and (min-width: 480px) {
	.group-sort {
		border: 1px solid #CFC4d8;
		border-width: 0 1px;
		padding-left: 20px;
		padding-right: 20px;
		overflow: visible;
	}

	.no-results .group-sort {
		border-bottom-width: 1px;
	}

	.group-sort .groupBySelect label {
		font-size: inherit;
	}

	.prfTabs .export-options {
		left: 20px;
	}

	.prfTabs .rt-menu {
		right: 20px;
	}

	.rt-menu-list {
		top: 28px;
	}

	.fund-distributions .rt-menu,
	.multiple-funds-codes-fees .rt-menu {
		top: -49px;
	}
}

@media screen and (min-width: 615px) {
	.group-sort .sub-nav {
		left: 50%;
		margin-left: -140px;
		position: absolute;
		top: 55px;
		width: 280px;
	}

}

@media screen and (min-width: 835px) {
	.group-sort {
		padding-bottom: 20px;
	}

	.group-sort .sub-nav {
		top: 15px;
	}

	.prfTabs .export-options {
		left: auto;
		right: 20px;
		bottom: 82px
	}

	#prfTab2 .export-options {
		bottom: auto;
		top: -102px;
	}
	.etf-distributions .export-options {
		bottom: auto;
		top: -102px;
	}
	.prfTabs .export-options .email a {
		background-color: transparent;
		color: #16559a;
		display: inline;
		font-family: 'PragmaticaReg', helvetica, verdana, sans-serif;
		height: auto;
		line-height: normal;
		padding: 0;
		text-decoration: none;
	}

	.prfTabs .export-options .email a:hover {
		text-decoration: underline;
	}

	.prfTabs .asOf {
		color: #747474;
		font-style: normal;
		right: 0px;
		top: -70px;
		position: absolute;
	}

	.etfDailyPricesOverview .asOf{
		top: -27px;
		float: right;
    	margin-bottom: 15px;
	}

}

/* GSA? */
@media screen and (min-width: 340px), print and (min-width: 340px) {
	html[lang="fr-CA"] .gsa-search .filterBox .filter-summary h2 {
		padding-right: 0;
		line-height: 50px;
		padding-top: 0;
	}
}

@media screen and (min-width: 480px), print and (min-width: 480px) {
	.fundHistoryFinder .dropdown-group > * {
		width: 90px;
		margin-left:0;
		margin-right: 15px;
		margin-bottom:10px;
		float: left;
	}
}

/*Price and Performance Tabs - End*/


@media screen and (max-width: 614px), print and (max-width: 614px) {
	.formCarousel {
		margin-bottom: 20px;
	}
	.formCarousel .focal-point {
		min-height:0;
	}
	.formCarousel .moduleContent {
		padding:0 10px;
	}

	.carousel-caption .qff-fundname-form,
	.carousel-caption .qff-etf-form{
		padding: 10px 10px 8px 10px;
		margin: -10px 0 -5px -0px;
	}
	.carousel-caption .btn {
		/* Set the blue buttons to full width */
		left:20px;
		right:20px;
		width:auto;
	}
	.formCarousel .carousel-caption .btnContainer .btn{
		left:0px;
		right:10px;
		top:auto;
		bottom:auto;
		position:relative;
	}
	.formCarousel .carousel-caption{
		filter:none;
	}
	.carousel-caption .module {
		position:relative;
	}

	.carousel-caption .module .searchBtn{
		right:10px;
		left:auto;
	}

	.carousel-inner .item{
		/*margin-top:25px;*/
		width: 100%;
	}

	.carousel-inner .item img{
		clip: rect(0px, 785px, 500px, 0px);
		max-width: none;
		/*height:250px;*/
		width: 100%;
	}
	.formCarousel .carousel-inner .item img {
		position:relative;
		height:auto;
		display: none;
	}

	#mfc-carousel.formCarousel .carousel-caption{
		left:auto;
		right:auto;
	}

	.formCarousel .moduleHeader {
		border-top: 3px solid #666 !important;
		border-bottom: 1px solid #ddd !important;
		color: black;
		padding-left: 10px;
		margin-bottom: 15px;
	}

	.formCarousel .carousel-inner {
		overflow-y: visible !important;
	}

	.formCarousel .carousel-caption {
		background-color: transparent;
		padding: 0 !important;
		position: relative;
		margin-top:25px;
		width: 100% !important;
	}

	.formCarousel .module {
		background-color: #f6f6f6;
		width: 100%;
	}
	.formCarousel .searchBtn {
		left:10px;
		right:35px;
	}

	.formCarousel .btnContainer {
		padding:10px 10px;
		min-height:25px;
		position:relative;
		width:100%;
	}

	.article_div h2{
		clear: left;
	}

	.article_div.squareImage h2 {
		clear: none;
	}

	.article_div .thumb{
		margin-bottom:15px;
	}
}

@media screen and (min-width:615px), print and (min-width:615px) {
	.carousel-caption .btnContainer {
		bottom:20px;
		left:0;
		position:absolute;
		width:100%;
	}

	.fund-manager-finder .btnContainer {
		bottom:65px;
	}

	.formCarousel .qFF .qff-codesandfees-link {
		color: #fff;
	}
	.formCarousel .qFF .qff-codesandfees-link .mfc-icon {
		display: none;
	}

	.homepage .rightRailContainer .qFF .btnContainer {
		margin-bottom: 60px;
	}

	/* Drawer End */

	.fundHistoryFinder form>div label {
		float:left;
	}

	.fundHistoryFinder form>div .datepicker {
		width:auto;
	}

	 .fundHistoryFinder .from .control-label.from,
	 .fundHistoryFinder .to .control-label.to {
		margin-left:0;
		margin-bottom:0;
	}
	.fund-detail .fundHistoryFinder .dropdown-group > .fromMonth,
	 .fund-detail .fundHistoryFinder .dropdown-group > .toMonth {
		width: 115px;
	}

	.article_div .caption {
		padding-left: 375px;
	}
	.article_div img {
		margin-bottom: 0;
	}
	.article_div.squareImage .caption {
		padding-left: 0;
	}

}



@media screen and (min-width: 835px) {

	.split .article_div .caption {
		padding-left: 0;
	}

	/* TABS */

	.headerTitle.isLeftNav .name{
		display:inline;
		line-height: 1;
	}

	.tabs{
		border-top: 3px solid #616a71;
		border-bottom: 1px solid #cfd4d8;
	}
	.tabs h2{
		position:absolute;
		border:none;
		margin-bottom: 0;
	}
	.tabs .alignRight {
		float:right;
		width:auto;
	}
	.tabs.blueScheme {
		height:49px;
        margin-right: -1px;
	}

	.etfDailyPricesOverview .panes{
		margin-top: 10px;
	}

	.tabs.lbcBlueScheme {
		height:66px;
		margin-right: -1px;
	}

    .moreOptionTab{
        border-width: 1px 1px 0px 1px!important;
    }

	.tabs.blueScheme li{
		width:auto!important;
	}

	.tabs.lbcBlueScheme li{
		width:16.66%;
	}

	.tabs.blueScheme li.activeTab , .tabs.lbcBlueScheme li.activeTab {
		padding: 0 16px;
	}
	.tabs.blueScheme li.lastTab.oddTab , .tabs.lbcBlueScheme li.lastTab.oddTab{
		width:auto;
		border:1px solid #cfd4d8;
		border-width:1px 1px 0 1px;
	}
	.tabs.blueScheme .activeTab {
		background: transparent url("/mi/assets/images/interface/icon-sprite.png") center -138px no-repeat;
		height:49px;
		/*border-bottom:1px solid white;*/
	}
	.tabs.lbcBlueScheme .activeTab {
		background: transparent url("/mi/assets/images/interface/icon-sprite.png") center -122px no-repeat;
		height:65px;
		/*border-bottom:1px solid white;*/
	}

	.tabs.blueScheme li.evenTab , .tabs.lbcBlueScheme li.evenTab{
		border-right:none;
	}
	.tabs.blueScheme li.last {
		border-right: 1px solid #cfd4d8;
	}
	.tabs.blueScheme li.lastTab {
		border-right: 1px solid #cfd4d8;
	}

	.tabs.blueScheme li.firstTab , .tabs.lbcBlueScheme li.firstTab{
		border-top:none;
	}

	.tabs.blueScheme .selectedTab , .tabs.lbcBlueScheme .selectedTab {
		margin-top:-3px;
	}
	.tabs.blueScheme .activeTab span, .tabs.lbcBlueScheme .activeTab span{
		padding-top:13px
	}

	/* BUTTONS */
	.carousel-caption .btnContainer,
	.formCarousel .btnContainer,
	/*.rightRailContainer .btnContainer,*/
	.btnContainer {
		margin-left: 0;
	}
	.rightRailContainer .btnContainer .btn,
	.carousel-caption .module input[type="submit"].halfBtn,
	.rightRailContainer .btnContainer .halfBtn,
	.btnContainer .halfBtn {
		display: inline-block;
		float: none;
		margin-left: 0;
		width: auto;
		white-space: nowrap;
	}

	.carousel-caption .btnContainer .link_divider {
		display: none;
	}

	.loginFormWidget .btnContainer .halfBtn:first-child {
		margin-right: 0;
	}
	.btnContainer .i-pipe {
		display: inline;
	}

	.btnContainer .link_divider {
		height: 17px;
		opacity: .4;
		display: inline-block;
	}

	.emailForm .btnContainer .formSubmit {
		margin-right: 0;
	}

	.carousel-caption .btnContainer .halfBtn {
		float: left;
		width: auto;
	}

	.qFF .btnContainer .viewall-link {
		margin-left: 0px;
		margin-right: 10px;
	}

	/* need to override other !importants ... why ? why ? */
	.module.qFF .btnContainer a.viewall-link.qffViewAll { color: #16559a !important; }
	.carousel-caption .module.qFF .btnContainer a.viewall-link.qffViewAll { color:inherit!important; }

	html[lang="fr-CA"] .rightRailContainer .btnContainer .viewall-link {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 0px;
		text-align: left;
	}

	html[lang="fr-CA"] .rightRailContainer .btnContainer .findFunds {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.advisorLogin .i-pipe {
		display: inline-block;
	}

	.fund-detail .codes-fees-wrapper .i-pipe {
		display: inline-block;
	}

	.homepage .rightRailContainer .qFF .btnContainer {
		margin: 15px 10px;
	}
	/* FORM CAROUSELS */
	.formCarousel .qFF .qff-codesandfees-link {
		background: none;
		border-left: 1px solid #BDBFBE;
		margin-top: 15px;
		padding-left: 10px;
	}
	.viewall-link {
		max-width: 130px;
	}
	.formCarousel .viewall-link{
		display: block;
		margin-left:0;
		padding-left:0;
		border-left:none;
		clear:left;
	}
	.formCarousel .viewall-link,
	.formCarousel .qff-codesandfees-link{
		float:left;
		margin-top:15px;
		margin-left: 2px;
	}

	.carousel-caption .moduleHeader .module-header-title{
        line-height: 45px;
        padding: 0px;
    }
    .carousel-caption .module.qFF .moduleHeader .module-header-title,
    .split-module .module.qFF .moduleHeader .module-header-title{
        line-height: 25px!important;
        min-height: 45px;
        padding:10px 0px;
    }

    .split-module .module.qFF .moduleHeader .module-header-title{
    	padding: 0;
    	min-height: 0;
    }

	/* LEFT NAV COLUMN */
	.relatedLinks {
		display:block;
	}

	/* UTILITY NAV */
	.mobile-dn{
		display:list-item;
	}
	.hideDesktop {
		display: none;
	}

}


.fundDisclaimers {
	color: #888888;
	font-size: 12px;
	margin-top: 10px;
}

.code-tables .fundDisclaimers {
	padding-left: 0;
}


.compound-annual-performance-notes {
	font-size: 12px;
	color: #888;
	margin-top: 10px;
}

/* Codes & Fees Widget on Prices & Performance and Fund Detail */
.noNewSales {
	color: #999;
}

/* Help module */
.help__contact-info__title {
	border-right: 1px solid black;
	display: inline-block;
	height: 12px;
	line-height: 12px;
	padding-right: 4px;
}

/* needs to be applied to position: relative element */
.mfcAjaxLoadingOverlay {
	height: 100%;
	width: 100%;
	opacity: 0.5;
	filter: alpha(opacity=50);
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 999;
	display: none;
}

.mfcPosRel {
	position: relative;
	/*min-height: 300px;*/
}

div[data-require="fundPerformance"] .mfcPosRel {
	min-height: 100%;
}

.mfcSpinContainer {
	position: relative;
}

/* Content Carousel Styles */

.content-carousel {
	overflow: visible;
}

.content-carousel ul {
	list-style-type: none;
}

.carousel-control .mfc-icon {
	height: 20px;
	left: 50%;
	margin-left: -7px;
	margin-top: -10px;
	position: absolute;
}

a.carousel-control .mfc-icon {
	top: 50%;
}

.carousel-wrap {
	line-height: normal;
}

.carousel-wrap .carousel-list {
	margin: 0;
}

.carousel-wrap .carousel-slide,
.carousel-slide {
	display: block;

	margin: 0;
	padding: 0;

	height: auto;
	max-width: 750px;
	width: 100%;
}

.no-carousel ul {
	margin:0;
}

@media screen and (min-width: 480px), print and (min-width: 480px) {

	.article_div img.thumb {
		margin-right: 15px;
		margin-bottom: 0;
	}


}

/* MANAGEMENT TEAM WIDGET */

#portfolio_managers_div {
	overflow: hidden;
}
#portfolio_managers_div .drtc-mstc-info {
	border-bottom: none;
	height: auto;
	padding-bottom: 0;
	padding-right: 0;
}
#portfolio_managers_div .drtc-mstc-info > p,
#portfolio_managers_div .drtc-mstc-info > a {
	font-size: 14px;
	line-height: normal;
}
#portfolio_managers_div .splitContainer:first-child .split1of2{
	padding-top:0;
}
#portfolio_managers_div .drtc-mstc-pic img{
	margin-right: 15px;
}
.drtc-mstc-pic img {
	border: 1px solid #ccc;
}


@media screen and (min-width: 768px){
    #portfolio_managers_div .split {
        width:48%;
        border-bottom:none;
        padding:0;
    }
    #portfolio_managers_div .split1of2{
        margin-right:4%;
    }
    #portfolio_managers_div .splitContainer,
    #portfolio_managers_div .full.clearfix.splitContainer {
        margin-bottom:20px;
        padding-bottom:20px;
        border-bottom:1px dotted #cfd4d8;
    }
    #portfolio_managers_div .full.clearfix.splitContainer.last {
        margin-bottom: 0;
        border-bottom: 1px dotted #cfd4d8;
    }

    .etfPerformance .cap-data-table > thead > tr:last-child > th {
		white-space: normal;
	}
}

/* Top Funds WIDGET */

#top_funds_module .mp-header h2 {
    line-height: normal;
    font-family: "PragmaticaSB","PragmaticaReg", Helvetica, Verdana, sans-serif;
    font-size: 18px;
    padding: 10px 0;
}

#top_funds_module .mp-header {
    border-top: none;
    border-bottom: none;
    margin-bottom: 0px;
    border-bottom: 3px solid #666;
    margin-bottom: 10px;
}
#top_funds_module .split1of2{
    background-color: #fcfcfc;
}
#top_funds_module .split2of2 {
    background-color: #f6f6f6;
}
#top_funds_module .split1of2{
    margin-bottom:0px
}
#top_funds_module .split2of2{
    margin-bottom:0px
}
#top_funds_module .split {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 9px
}
#fund-detail-more-options .split .form-wrapper{
    float: left;
}

#top_funds_div .splitContainer:first-child .split1of2{
    /* padding-top:0; */
}
#top_funds_div {
    overflow: hidden;
}



@media screen and (max-width: 767px) {
    #top_funds_div .split.last {
        width: 100%;
        background: #C8CFD4;
       /* padding-top: 20px;*/
      /*  margin-top: -20px;*/
    }
}

@media screen and (min-width: 768px){
    #top_funds_div .split {
        width: 49%;
        min-height: 41px;
        border-bottom:none;
        padding-top: 10px;
        border-bottom: 1px solid #cfd4d8;
    }
    #top_funds_div .split1of2{
        margin-bottom: 0px;
        margin-right: 0px;
        margin-right: 1%;
    }

    #top_funds_div .split.last {
        background: #C8CFD4;
    }
    #top_funds_div .split2of2{
        margin-bottom: 0px;
        padding-left: 2%;
        margin-right: 0px;
        margin-left: 1%;
    }
    #top_funds_div .split1of2{
        background-color: #ffffff;
    }
    #top_funds_div .split2of2{
        background-color: #ffffff;
    }
    #top_funds_module .mp-header{
        border-bottom: 1px solid #CCC;
    }
    #top_funds_div .splitContainer,
    #top_funds_div .full.clearfix.splitContainer {
        margin-bottom: 0px;
        border-bottom: none;
    }
    #top_funds_div .full.clearfix.splitContainer.last {
    }
}


/*   ****************************   */
/*   MPWP Calculator Style Starts   */
/*   ****************************   */

/* Fee Calculator */
.mpwpcalc .headerRow {
	border-bottom: none;
}

table.mpwpcalc-table {
	margin: 0 0 0 0;
	min-width: 960px;
}

table.pretty.mpwpcalc-table thead th[class*=sorting] {
	cursor: default;
}

.mpwpcalc-table__fundname {
	width: 230px;
	max-width: 230px;
}

.mpwpcalc-table__fundamount {
	width: 80px;
	text-align: center;
	max-width: 80px;
	font-size:13px;
}

.mpwpcalc-table__extraAmount {
	width: 80px;
	text-align: center;
	font-size:13px;
}

table.pretty th.mpwpcalc-table__percent {
	min-width: 50px
}

table.pretty tbody td.mpwpcalc-table--tdPadding {
	padding:0 3px;
	height: 100%;
}

.mpwpcalc-table__seriesselect {
	padding: 0;
	margin: 0;
}

.mpwpcalc-table__fundselect {
	padding: 0;
	margin: 0;
	width: 220px;
	max-width: 220px;

}

.customSelectBoxSeriesSmall__mpwpCalc--width {
	padding: 0;
	margin: 0;
	width: 90px;
	max-width: 90px;
}

.customSelectBoxSeriesProvince__mpwpCalc--width {
	padding: 0;
	margin: 0;
	width: 115px;
	max-width: 115px;
}

.mpwpcalc-table__percent .rt-header-text {
    font-weight: bold;
}

.customSelectBox__mpwpCalc {
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #cfd4d8;
}

.customSelectBox__mpwpCalc--width {
	width: 220px;
	float: left;
}

.customSelectBoxSeries__mpwpCalc--width {
	width: 90px;
	max-width: 90px;
		-webkit-box-shadow: none;
	  -moz-box-shadow: none;
	box-shadow: none;

}

.dropdownPWX {
	float:left;
	margin:3px 10px 0 0;
	font-family: 'PragmaticaSB', helvetica, verdana, sans-serif;
		font-weight: normal;
}

.dropdownPWX--first-child {
	margin-right: 14px;
}

.customSelectBox__mpwpCalc--containerPWX {
	float: left;
}

.mpwpcalc-table .mfc-icon-select-arrow {
	border: none;
}

table.pretty.mpwpcalc-table td.spacer {
	height: 5px;
	padding: 0;
}

table.pretty tbody td.mpwpcalc-table--thickBorder,
table.pretty tbody th.mpwpcalc-table--thickBorder {
	border-top: solid 3px #CFC4d8;
}

table.pretty tbody td.mpwpcalc-table--thickBorderB {
	border-bottom: solid 3px #CFC4d8;
}

table.pretty.mpwpcalc-table td, table.pretty.mpwpcalc-table th {
	min-width: 40px;
	padding-right: 4px;
	font-size: 13px;
}

.mpwpcalc table.pretty td, .mpwpcalc table.pretty th {
	background-color:#ffffff!important;
}

table.pretty td.totalValue {
	text-align: center;
}

.rowTotal td, .rowTotalAmt td{
	font-family: 'PragmaticaSB', helvetica, verdana, sans-serif;
		font-weight: normal;
}

.rowExtraAssets td {
		font-size: 12px;
}
.mpwpcalc-table__clearfix {
	clear: both;
	line-height: 1px;
}

.mpwpcalc-table__comparisonSection {
	display: none;
}

.mpwpcalc-table__comparisonSection .content {
	margin-top: 0px;
}

.btn--small, .btn--small:hover {
  padding: 0px 10px;
  height: 28px;
  border: 0;
  font: 12px/25px 'PragmaticaSB', Helvetica, Verdana, sans-serif;
  color: #fff;
  display: inline-block;
  background-color: #59ade0;
  text-align: center;
  line-height: 20px !important;
}

/* Fee Comparison */
table.pretty th.mpwpcalc-feecomparison__cellmax--calc, table.pretty td.mpwpcalc-feecomparison__cellmax--calc {
	width: 110px;
	max-width: 110px;
}

table.pretty th.mpwpcalc-feecomparison__cellmax--fund, table.pretty td.mpwpcalc-feecomparison__cellmax--fund {
	width: 255px;
	max-width: 255px;
}

table.pretty th.mpwpcalc-feecomparison__cellmax--values, table.pretty td.mpwpcalc-feecomparison__cellmax--values {
	width: 100px;
	max-width: 100px;
}

table.pretty th.mpwpcalc-feecomparison__cellmax--series {
	width: 140px;
	max-width: 140px;
}

table.pretty td.mpwpcalc-feecomparison__cellmax--series {
	width: 140px;
	max-width: 140px;
	text-align: left;
	/*-webkit-box-shadow: none;
	  -moz-box-shadow: none;
	box-shadow: none;*/
	padding:2px;
}

table.pretty td.mpwpcalc-feecomparison__cellmax--series .select-wrapper {
	-webkit-box-shadow: none;
	  -moz-box-shadow: none;
	box-shadow: none;
}

table.pretty td.mpwpcalc-feecomparison__cellmax--series .mfc-icon-select-arrow {
	border-left: none;
}

table.pretty.mpwpcalc-table td.secondChild, table.pretty th.secondChild {
  border-left: 1px solid #CFC4d8;
  padding-left: 10px;
  text-align: left;
}

.comparisonintro--color {
	color: #000000;
}

.mpwpcalc .homepage-module-header .module-header-title {
  	float: left;
}

.activeTabCursor a{
	cursor: text;
}

.mpwpcalc-comparisontable {
	margin: 0 0;
}

.customSelectBox__mpwpCalc--service, .customSelectBox__mpwpCalc--residence, .customSelectBox__mpwpCalc--containerPWX {
	float: none;
}

.customSelectBox__mpwpCalc--residence {
	margin: 20px 0 0 0;
}

.customSelectBox__mpwpCalc--residence .customSelectBoxSeriesSmall__mpwpCalc--width, .customSelectBoxSeriesProvince__mpwpCalc--width {
	float: left;
}

.mpwpcalc-table__print {
	float: left;
	margin-top: 5px;
}

.rgw-field > span > input.seriesBps {
	width:90px;
	padding-left: 10px
}

.mpwpcalc .rt-scroll-wrapper {
	position: relative;
	overflow: hidden;
	clear: both;
	border-right: 1px solid #CFC4d8;
}

.mpwpcalc-table .tabs.blueScheme {
	  margin-right: 0;
  }

.mpwpcalc .mpwpcalc-table__rt-scroll {
  overflow-x: scroll;
  max-width: 960px;
}

.mpwpcalc table.pretty th, .mpwpcalc table.pretty td {
	max-width: 230px;
}

.mpwp-calc__error {
	color: #fe0000;
	margin: 0px 0 20px 0;
	float: none;
}

.js-service-fee, .js-province, .js-ajax, .js-service-fee-amount,.js-provinceAndFee {
	display: none;
}

.btn-reset-rows {
	margin: 10px 0 10px 0;

}

.mpwpcalc .rt-scroll-wrapper:after, .mpwpcalc .rt-scroll-wrapper:before {
  content: '';
  display: block;
  height: auto;
  top: 0;
  bottom: 0;
  position: absolute;
  width: 3px;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,1);
  box-shadow: 0 0 15px rgba(0,0,0,1);
  z-index: 1;
}

.mpwpcalc input[type=number]:invalid {
    background-color: #FFE5E6;
}

.mpwpcalc-table__print {
	display: none;
}

.mpwpcalc .addLeftRightBorder {
	border-left: 1px solid #CFC4d8;
	border-right: 1px solid #CFC4d8;
	padding:0 10px 10px 10px;
}

.mpwpcalc .addLeftRightBorderBottom {
	border-left: 1px solid #CFC4d8;
	border-right: 1px solid #CFC4d8;
	border-bottom: 1px solid #CFC4d8;
	padding:0 10px 20px 10px;
	margin: 0 0 20px 0;
}

.addLeftRightBorderCompTop {
	border-left: 1px solid #CFC4d8;
	border-right: 1px solid #CFC4d8;
	padding:10px 10px 0 10px;
}

.addLeftRightBorderCompPrint {
	border-left: 1px solid #CFC4d8;
	border-right: 1px solid #CFC4d8;
	padding:10px;
}

table.pretty td.firstChild.mpwpDollar, table.pretty th.firstChild.mpwpDollar {
	text-align: right;
}

.mpwpcalc-table__pwxDisclaimer, .customSelectBox__mpwpCalc--containerPWX {
	display: none;
}

@media screen and (min-width:960px), print and (min-width:960px){
	.mpwpcalc .mpwpcalc-table__rt-scroll {
	  overflow-x: auto;
	}

	.mpwpcalc .rt-scroll-wrapper:after, .mpwpcalc .rt-scroll-wrapper:before {
	  content: '';
	  display: block;
	  height: auto;
	  top: 0;
	  bottom: 0;
	  position: absolute;
	  width: 0px;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  z-index: 1;
	}


}


@media screen and (min-width:650px), print and (min-width:650px){
	.customSelectBox__mpwpCalc--service, .customSelectBox__mpwpCalc--residence, .customSelectBox__mpwpCalc--containerPWX {
		float: left;
	}

	.customSelectBox__mpwpCalc--residence {
		margin: 0px 0 0 40px;
	}

	.mpwpcalc-table__print {
		float: right;
		margin-top: 0;
	}

	.mpwp-calc__error {
		/*float: left;*/
	}

	.mpwpcalc-table__pwxDisclaimer {
		float: left;
		margin: 2px 30px 20px 0;
	}

	.mpwpcalc-table__print {
		display: block;
	}

	.mpwpcalc .addLeftRightBorderBottom {
		padding:0 10px;
	}
}

@media screen and (max-width: 415px){
	.group-sort .currency-toggle{
		width: 150px;
		float: left;
		margin-top: 12px;
	}
	
	.company-profile{
		clear: both;
	}
	
	.company-profile-detail h2{
		max-width: 180px!important;
    	display: inline-block!important;
	}

	.company-profile .dotted-bottom, 
	.managerProfile .dotted-bottom{
		clear: both;
	}

	.bio-photo{
		margin-bottom: 0!important;
	}

    .homepage-carousel .carousel-caption{
        width: 100%!important;
    }
    .caption-text{
        height: auto!important;
    }
}

@media print {

/* stop table breaking between pages when printing */
table{
        page-break-inside: avoid;
    }

table.pretty td, table.pretty th {max-width: initial!important;min-width: initial!important;}
	.mpwpcalc h1.headerTitle  {
		margin-bottom: 20px;
	}

	.rowExtraAssets:first-child {
		display: none;
	}

	.btn-reset-rows {
		visibility: hidden;
	}


	.mpwpcalc-table__calculatorSection {
		margin: -20px 0 0 0;
	}

	.mpwpcalc-table__pwxDisclaimer {
	  margin-top: 4px;
	}

	.select-wrapper {
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  outline: none !important;
	  transition: none!important;
	   font-size: 11px!important;
	}

	.mpwpcalc table.pretty td, .mpwpcalc table.pretty th {
	  padding: 2px 4px 2px 4px;
	  font-size: 11px!important;
	}

	.mpwpcalc label, .mpwpcalc textarea, .mpwpcalc input, .mpwpcalc button, .mpwpcalc select {
	  font-size: 11px!important;
	  border: none!important;
	  background: none!important;
	  -webkit-box-shadow: none!important;
	  -moz-box-shadow: none!important;
	  box-shadow: none!important;
	  outline: none !important;
	  transition: none!important;

	}


	.mpwpcalc, .mpwpcalc .customSelectLabelContainer {
		font-size: 10px!important;
	}

	.mpwpcalc .select-wrapper .customSelectLabelContainer  {
		text-overflow: inherit!important;
		white-space: inherit!important;
		background: none!important;
		word-wrap: inherit!important;
		z-index: 999999!important;
		overflow: inherit;
	}

	table.mpwpcalc-table {
		min-width: 100%;
		font-size: 11px;
	}

	table.mpwpcalc-table th, table.mpwpcalc-table td {
		max-width: 70px!important;
	}

	.mpwpcalc .mpwpcalc-table__rt-scroll {
  		overflow: hidden;
	}

	.mpwpcalc .mfc-icon-select-arrow {
		display: none;
	}

	.mpwpcalc select.customSelectBox  {
		display:none!important;
	}

	.mpwpcalc .select-wrapper  {
		height:100%;
		background: none;
	}

	.mpwpcalc .select-wrapper .customSelectLabelContainer  {
		background: none;
		word-wrap: normal;
		text-overflow: initial;
			white-space: initial;
			z-index: 999999;
		overflow: inherit;
	}

	.mpwpcalc-table__fundselect {
		max-width: 90px!important;
		width: 90px!important;
		min-width: 90px!important;
		word-wrap: normal;
		text-overflow: inherit;
  		white-space: inherit;

	}

	.mpwpcalc table.pretty th, .mpwpcalc table.pretty td {
	    max-width: 90px!important;
		width: 90px!important;
	}

	.customSelectBox__mpwpCalc--width {
	 	max-width: 90px!important;
		width: 90px!important;
		min-width: 90px!important;

	}

	.mpwpcalc input, .secondChild .customSelectBoxSeries__mpwpCalc--width, input.mpwpcalc-table__fundamount,.mpwpcalc-table--tdPadding  {
	 	max-width: 60px!important;
		width: 60px!important;
		min-width: 60px!important;

	}

	.mpwpcalc-table__pwxDisclaimer {
	  float: left;
	  margin: 2px 30px 20px 0;
	}

	.customSelectBox__mpwpCalc--service, .customSelectBox__mpwpCalc--residence, .customSelectBox__mpwpCalc--containerPWX {
	  float: left;
	}

	.mpwp-calc__error {
	  float: left;
	  margin: 0 0 0 0;
	}

	.mpwpcalc-table__print {
	  float: right;
	  margin-top: 0;
	}

	.customSelectBox__mpwpCalc--residence {
	  margin: 0px 0 0 40px;
	}

	.mpwpcalc .headerRow.hasMarginBottom {
	  margin-bottom: 30px;
	}

	.mpwpcalc .headerRow.hasMarginTop {
	  margin-top: 30px;
	}

	.mpwpcalc .addLeftRightBorder {
		border-left: none;
		border-right: none;
		padding:0 10px;
	}

	.mpwpcalc .addLeftRightBorderBottom {
		border-left: none;
		border-right: none;
		border-bottom: none;
		padding:0 10px;
		margin: 0 0 20px 0;
	}

	.addLeftRightBorderCompTop {
		border-left: none;
		border-right: none;
		padding:10px 10px 0 10px;
	}

	.addLeftRightBorderCompPrint {
		border-left: none;
		border-right: none;
		padding:10px;
	}

	.mpwpcalc table.pretty td.firstChild, table.pretty th.firstChild,
	.mpwpcalc table.pretty td, table.pretty th {
		text-align: center!important;
	}

}

/*   **************************   */
/*   MPWP Calculator Style Ends   */
/*   **************************   */


/*   ********************************* */
/*   BrightCove New API Implementation */
/*   ********************************* */

ul.cupoints-list{
    margin: 0px;
}

.cupoints-list li{
	list-style-type: none;
	padding: 5px;
}
.cupoints-list li:hover{
	cursor: pointer;
	text-decoration: underline;
}

.vjs-big-play-button:before{
	line-height: 1px!important;
}
.vjs-big-play-button{
	margin: 0 auto;
	left: 0!important;
	right: 0!important;
    top: 40%!important;
}



.responsiveBCcontainer .vjs-volume-level,
.responsiveBCcontainer .vjs-play-progress
{
    background-color:#ea7200;
}


/*.hasLeftNav .content .full div.starter{
    height: 423px;
}*/

.hasLeftNav .content .full .video-js {
    top: -6px;
}

@media screen and (min-width: 320px) and (max-width: 767px){
    .video-js {
      	width: auto;
      	heignt: 200px;
    }
 }
.breadcrumb.fundShare{
    margin: 0 0 7px; !important;
    padding:0px; !important;
}

.history-tables{
    margin: 0 0 20px;
}


.gsa-audience{
    display: inline-block;
    float: left;
    clear: both;
}

.gsa-audience .dd{
    margin-left: 0;
    margin-right: 4px;
    font-family: 'PragmaticaBold', 'Helvetica Bold', "Arial Bold", sans-serif;
    line-height: 1.4;
}

.gsa-audience .dt{
    margin-left: 0px;
    font-family: 'PragmaticaReg', Helvetica, Arial, sans-serif;
    line-height: normal;
    word-wrap: break-word;
    word-break: break-all;
    float: none;
}

/*===============Start:: Brightcove media===================*/
.responsiveBCcontainer .vjs-captions-button{
    display: none!important;
}

.responsiveBCcontainer .vjs-fullscreen .vjs-captions-button{
    display: block!important;
}

.relatedMediaCarousel .rmw-slide .brightcoveContainer .vjs-fullscreen video{
    padding-top: 0px;
}
.responsiveBCcontainer .vjs-load-progress {
    background-color:black;
}

.bc-player-BJdFJ93yM_default .vjs-big-play-button{
	width: 55px!important;
	height: 55px!important;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	margin-top: 20px;	
}

.bc-player-BJdFJ93yM_default .vjs-big-play-button:hover{
	box-shadow: none!important;
}

.bc-player-BJdFJ93yM_default .vjs-big-play-button:before{
	    margin: 27px auto!important;
	    font-size: 29px!important;
}

.bc-player-BJdFJ93yM_default.video-js:-webkit-full-screen{
	width: 100%!important;
	height: 100%!important;
}

.relatedMediaCarousel .vjs-fullscreen-control.vjs-control.vjs-button {
    margin-left: -5px;
}

.cuepoints{
	margin-top: -6px;
}

/*IE 9 Styles*/

.ie9-preload .relatedMediaCarousel .rmw-slide .brightcoveContainer video{
	padding-top: 0!important;
	left:-8px !important;
}

.ie9-preload .video-js.bc-player-BJdFJ93yM_default{
	width:750px!important;
	height: 423px!important;
}

.ie9-preload .relatedMediaCarousel .video-js.bc-player-BJdFJ93yM_default{
	width: 300px!important;
	height: 160px!important;
}


.ie9-preload .vjs-progress-control.vjs-control{
	width: 495px!important;
}

.ie9-preload .relatedMediaCarousel .vjs-progress-control.vjs-control{
	width: 48px!important;
}

.ie9-preload .bc-player-BJdFJ93yM_default .vjs-play-progress, .bc-player-BJdFJ93yM_default .vjs-volume-level{
	background-color:  #ea7200!important;
}

.vjs-fade-in,.vjs-fade-out {
	visibility: visible !important;
	opacity: 1 !important;
	transition-duration: 0s!important;
}

.vjs-mouse.bc-player-BJdFJ93yM_default .vjs-fullscreen-control:before{
	content: "\e000"!important;
}

.ie9-preload .vjs-button.vjs-control.vjs-fullscreen-control {
    margin-top: -34px!important;
    margin-right: 9px!important;
}

.ie9-preload .relatedMediaCarousel .vjs-poster{
	max-width: 280px!important;
	margin-left: 0!important;
	padding-top: 0px!important;
}

.ie9-preload  .bc-player-BJdFJ93yM_default .vjs-big-play-button {
    width: 55px !important;
    height: 55px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    margin-top: -20px!important;
    margin: -19px auto!important;
}

.ie9-preload .bc-player-BJdFJ93yM_default .vjs-big-play-button:focus, 
.ie9-preload .bc-player-BJdFJ93yM_default .vjs-big-play-button:hover, 
.ie9-preload .bc-player-BJdFJ93yM_default .vjs-progress-holder:focus::before{
	box-shadow: none!important;
}

/*===============End:: Brightcove media===================*/

.valueCalculator{
	overflow: auto;
	margin-bottom: 15px;
}

.etf-backtested-ledend{
	height: 7px!important;
	border-bottom: 3px dotted #fd6f01;
}

.valueCalculator #step-2 input[type="text"]{
	padding: 5px 10px!important;
	margin-bottom: 10px;
}

.valueCalculator #step-2 input[type="date"]{
	padding: 2px 10px!important;
}


.valueCalculator .accordion-inner ul{
	list-style: none!important;
	margin-left: 0!important;
}

.valueCalculator li {
	border-top: none!important;
	border-bottom: none!important;
}
.accordion-inner li label{
	display: inline-block!important;
}

.valueCalculator input{
	padding-left: 10px;
}

#step-2{
	display: none;
}

.calculator-intro{
	background: #f6f6f6;
	border-top:  1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 10px 0;
}

.calculator-intro p {
	padding: 15px;
}

.valueCalculator #step-1 .panel{
	margin-top: 10px;
}

.hours-spent{
	float: right;
	margin-bottom: 10px;
	max-width: 285px;
}

.hours-spent label,
.sub-container label{
	display: inline-block;
	margin-right: 3px;
}

.hours-spent input,
.sub-container input{
	max-width: 125px;
}

.valueCalculator .accordion{
	border-bottom: none!important;
}

.sub-container{
	float: right;
	max-width: 300px;
}

.sub-container div{
	max-width: 400px;
	margin-bottom: 10px;
}

.sub-container div input{
	float: right;
	color: #545454;
}

.sub-container button{
	float: right;
}

.valueCalculator input[type="checkbox"]{
	margin: 0 0 3px!important;
}

.valueCalculator .module{
	background: #f6f6f6;
	width: 100%
}

.valueCalculator .moduleHeader {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}
.valueCalculator .mfc-icon-date-picker{
	margin-bottom: 10px;
}

.panel-content{
	overflow: auto;
}

.split-content{
	clear: both;
}

.split-left,
.split-right{
	float: left;
	width: 49%;
	padding: 15px;
}

.split-right{
	margin-right: 15px;
}

.valueCalculator h4{
	font-size: 15px!important;
	margin-bottom: 10px;
}

.advisorDisclaimer{
	margin-top: 15px;
}

.advisorDisclaimer span{
	font-size: 12px;
}

.advisorDisclaimer textarea{
	display: block!important;
	margin-top: 5px;
	width: 280px;
	max-width: 720px;
	height: 100px;
}

#step-2 .greyBtn.navigate {
    margin-right: 5px;
}

.valueCalculator .panel p{
	padding: 15px 15px 0;
}

.valueCalculator .accordion-inner label{
	margin-bottom: 0!important;
}

.valueCalculator input[disabled]{
	background-color: #eee!important;
}

.valueCalculator .report-summary label{
	margin-bottom: 15!important;

}

.panel.module.report-summary{
	margin-bottom: 15px;
}

.valueCalculator label.error{
	display: block;
    color: #F00;
    margin-top: 2px;
}

#reportDate{
	max-width: 258px;
}

#step-1 .sub-container{
	margin-top: -25px;
}

#hourlyFee.error{
	background-color: #eee!important;
}

.accordion-toggle div {
	display: inline-block;
}

.valueCalculator .accordion-toggle .arrow{
	height: 25px!important;
}

.valueCalculator .contact-info label.error{
	margin-top: -5px!important;
}

.charsDiscliamer{
	display: block;
}

.lang-select {
    float: right;
    height: 15px;
}

.lang-select label{
	display: inline-block;
}

.hideEnglish{
	display: none;
}

.lang-select input{
	margin-top: 0!important; 
}

html[lang="fr-CA"] .hours-spent{
	max-width: 420px;
}

html[lang="fr-CA"] .sub-container,
html[lang="fr-CA"] .sub-container div {
    max-width: 420px;
}

@media screen and (min-width:768px) and (max-width:768px){
	.split-left, .split-right {
	    width: 47%;
	}
}

@media screen and (max-width:736px){
	.accordion-toggle div {
    	max-width: 390px;
    	display: inline-block;
	}
	.split-left, .split-right{
		width: 100%;
		padding: 5px 15px 0;
	}

	.advisorDisclaimer textarea{
		max-width: 100%!important;
	}

	.etfDailyPricesOverview .prfTabs .panes{
		margin-top: 80px;
	}


	.etfDailyPricesOverview .splitContent .split-left{
		margin-bottom: 10px;
	}

	.etfDailyPricesOverview .split-module .qff-container{
		padding-left: 0;
	}

	.etfDailyPricesOverview .split-module .split-right{
		margin-left: 0;
	}

	.etf-overview.dailyPrices-active{
		float: none;
		clear: both;
	}

}

@media screen and (max-width:415px){
	.accordion-toggle div {
	    max-width: 220px;
	    margin-right: 0;
	    display: inline-block;
	}

	.valueCalculator .input-other{
		padding-left: 10px;
    	max-width: 195px;
	}

	.hspy {
	    max-width: 100px!important;
	}

	.advisorDisclaimer {
	    max-width: 300px;
	    min-width: 300px;
	}

	html[lang="fr-CA"] .sub-container label{
		max-width: 130px!important;
	}

	html[lang="fr-CA"] .hours-spent label{
		max-width: 150px!important;
	}

	.report-summary .split-left,
	.report-summary .split-right{
		margin-bottom: 10px;
	}

	.report-summary .split-right label{
		margin-top: -15px!important;
	}

	.client-info{
		margin-top: 15px;
	}

	.split-module .split-right{
		margin: 0;
	}
	
	.split-module .qff-container .btnContainer{
		margin-left: 0;
	}
}

@media screen and (max-width:320px){
	.valueCalculator #step-2 input[type="text"],
	.valueCalculator textarea{
		max-width: 260px!important;
	}

	#reportDate{
		max-width: 237px!important;
	}

	.advisorDisclaimer span{
	    max-width: 290px;
	    display: block;
	}

	html[lang="fr-CA"] .hours-spent label{
		max-width: 115px!important;
	}
}


//Image crop

.resize-container {
    position: relative;
    display: inline-block;
    cursor: move;
    margin: 0 auto;
}

.resize-container img {
    display: block
}

.resize-container:hover img,
.resize-container:active img {
    outline: 2px dashed #59ABDD;
}

.resize-handle-ne,
.resize-handle-se,
.resize-handle-nw,
.resize-handle-sw {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background: #59ABDD;
    z-index: 999;
}

.resize-handle-nw {
    top: -5px;
    left: -5px;
    cursor: nw-resize;
}

.resize-handle-sw {
    bottom: -5px;
    left: -5px;
    cursor: sw-resize;
}

.resize-handle-ne {
    top: -5px;
    right: -5px;
    cursor: ne-resize;
}

.resize-handle-se {
    bottom: -5px;
    right: -5px;
    cursor: se-resize;
}

.overlay {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -100px;
	z-index: 999;
	width: 250px;
	height: 180px;
    border: solid 2px #59ABDD;
	box-sizing: content-box;
	pointer-events: none;
}

.overlay:after,
.overlay:before {
	content: '';
	position: absolute;
	display: block;
	width: 250px;
	height: 40px;
    border-left: dashed 2px #59ABDD;
	border-right: dashed 2px #59ABDD;
}

.overlay:before {
	top: 0;
	margin-left: -2px;
	margin-top: -40px;
}

.overlay:after {
	bottom: 0;
	margin-left: -2px;
	margin-bottom: -40px;
}

.overlay-inner:after,
.overlay-inner:before {
	content: '';
	position: absolute;
	display: block;
	width: 40px;
	height: 180px;
    border-top: dashed 2px #59ABDD;
	border-bottom: dashed 2px #59ABDD;
}

.overlay-inner:before {
	left: 0;
	margin-left: -40px;
	margin-top: -2px;
}

.overlay-inner:after{
	right: 0;
	margin-right: -40px;
	margin-top: -2px;
}

.btn-crop {
	position: absolute;
	vertical-align: bottom;
	right: 20px;
	bottom: 5px;
	padding: 6px 10px 9px;
	z-index: 999;
	background-color: #59ade0;
	border: none;
	color: #FFF;
}
.btn-imageSubmit{
	position: absolute;
	vertical-align: bottom;
	right: 5px;
	bottom: 5px;
	padding: 6px 10px 9px;
	z-index: 999;
	background-color: #59ade0;
	border: none;
	color: #FFF;
}

.btn-crop img {
	vertical-align: middle;
	margin-left: 8px;
}


button.btn.halfBtn.uploadImage {
    margin-top: 25px;
 /*   margin-left: 87px;*/
	margin-bottom: 20px;
}

.container-dummy a:hover, .container-dummy a:focus {
	color: #fff;
}

.content-dummy {
	max-width: 1290px;
	padding: 0 1em;
	margin: 0 auto;
	text-align: center;
}


.imageCropping.fancybox-opened{
	width: 700px!important;
}

.imageCropping .fancybox-inner{
	width: 100%!important;
	min-width: 600px!important;
}

.dontshow{
	display: none;
}
.component {
	position: relative;
	padding: 4em;
	height: 500px;
	border: 3px solid #49708A;
	max-width: 901px;
	overflow: hidden;
	margin: 0 auto;
}
.inp-imageUpload{
	line-height:0!important;
	border:none;
	height:auto!important;
	margin-bottom: 10px;
}

/* Header */
.codrops-header {
	padding: 0 0 2em;
	letter-spacing: -1px;
}

.codrops-header h1 {
	font-weight: 800;
	font-size: 2.5em;
	line-height: 1.3;
	margin: 0.25em auto;
}

.codrops-header h1 span,
.a-tip {
	color: #49708A;
}

.a-tip {
	padding: 1em;
}

.a-tip span {
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	padding: 0 5px;
}

/* Top Navigation Style */
.codrops-top {
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 1em 2em;
	text-decoration: none;
	letter-spacing: 1px;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Codrops demo links */
.codrops-demos a {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0.5em 1em;
	margin: 5px;
	display: inline-block;
	border: 1px solid black;
	border-color: initial;
	border-radius: 4px;
}

.codrops-demos a.current-demo {
	color: #74777b;
}
.div-croppedImage {
	margin-top:10px;
}


@media screen and (max-width: 27em) {
	.codrops-icon {
		font-size: 1.5em;
	}
	.codrops-icon span {
		display: none;
	}
}
.div-croppedImage {
	width: 250px;
	height: 180px;
	border: 1px dashed #5bade5;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/*for mobile device*/
@media screen and (max-width: 740px) {
	.imageCropping.fancybox-opened{
		width: 340px!important;
	}
	.imageCropping .fancybox-inner{
		width: 100%!important;
		min-width: 330px!important;
	}
	.overlay {
		width: 200px;
		height:145px;
	}
	.overlay:after,
	.overlay:before {
		width: 200px;
	}
	.overlay-inner:after,
	.overlay-inner:before {
		height: 145px;
	}
	.div-croppedImage {
		width: 200px;
		height: 145px;
		border: 1px dashed #5bade5;
	}

}
canvas {
	image-rendering: optimizeSpeed;             /* Older versions of FF          */
	image-rendering: -moz-crisp-edges;          /* FF 6.0+                       */
	image-rendering: -webkit-optimize-contrast; /* Safari                        */
	image-rendering: -o-crisp-edges;            /* OS X & Windows Opera (12.02+) */
	image-rendering: pixelated;                 /* Awesome future-browsers       */
	-ms-interpolation-mode: nearest-neighbor;   /* IE                            */
}
.valueSubmit{
	float: right;
}
.uploadFile{
	background-color: #999999;
}
.fileLabel{
	display:inline-block;
	margin-left: 5px;
}
.advisorDisclaimer .ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	margin: 13px 9px;
}

.set-user-role{
	display: none;
}

.role-option.btn {
    margin-top: 15px;
    width: 100%;
    height: 36px;
    font:16px/33px 'PragmaticaReg', Helvetica, Verdana, sans-serif;
}

.role-option.btn:focus{
	border: 1px solid #16467A;
}

.role-toggle {
    display: none;
    margin-right: 3px;
    margin-left: 0!important;
    padding-left: 0!important;
    max-width: 230px;
    margin-bottom: 5px;
}

.lang-toggle {
    float: left;
    margin: 2px 0 5px;
    margin-right: -10px;
}

.gateway-close-btn{
	display: inline;
    float: right;
    padding: 5px 10px;
    font-size: 14px;
    background: #000;
    color: #fff;
    /*height: 25px;
    width: 25px;*/
    text-align: center;
}

.gateway-close-btn:hover{
	cursor: pointer;
	color: #fff;
	text-decoration: none;
}

.modal-logo-container {
    margin-bottom: -10px;
    width: 90%;
    clear: both;
}

.modal-logo-container img{
	margin-top: 7px;
	max-width: none;
	width: 130%;
}

.user-gateway .gateway-footer{
	background-color: #16467A;
	padding: 10px;
	color: #fff!important;
	margin: 35px 0 0!important;
}

.user-gateway .cookie.disclaimer{
	color: #fff!important;
	padding-top: 15px;
}

.fancybox-wrap.user-gateway .fancybox-skin{
	padding: 0!important;
	background-color: #fff!important;
	border-radius: 0!important;
}

.user-gateway .contentContainer {
    padding: 0 25px;
}

.gateway-footer .contentContainer {
	padding : 0 15px;
}

.user-gateway .mackenzie-copyright {
    display: block;
    margin-top: 10px;
}

.gateway-header p{
	font-size: 14px;
	padding-top: 5px;
}

.gateway-header h2 {
    font-weight: bold;
    font-size: 24px;
    margin: 10px 0px 20px;
}

@media screen and (min-width:320px) and (max-width:736px){
	.lang-toggle{
		margin-right: 0!important;
	}
}

@media screen and (max-width:736px){
	.user-gateway .fancybox-inner{
		overflow: auto!important;
	}

	.gateway-header h2{
		font-size: 14px;
	}

	.user-gateway .fancybox-inner{
		width: 100%!important;
		height: 100%!important;
	}

	.user-gateway .fancybox-skin{
		height: 100%;
	}

	.role-option.btn{
		height: 40px;
	    font-size: 14px;
	    line-height: normal!important;
	}

	.gateway-header p{
		padding-top: 0!important;
	}

	.user-gateway .gateway-footer{
		margin: 26px 0 0!important;
	}

	/*.user-gateway .contentContainer{
		padding: 0 10px!important;
	}*/

}

@media screen and (max-width:414px){
	.role-option.btn {
	    height: 40px;
	    font-size: 14px;
	    line-height: normal!important;
	}
}

@media screen and (max-width:320px){
	.user-gateway.fancybox-opened{
		top: 0!important;
		left: 0!important;
		width: 320px!important;
	}

	.user-gateway .fancybox-inner{

	}

	html[lang="fr-CA"] .role-option.btn:first-child {
    	margin-top: 0;
	}

	html[lang="fr-CA"] .user-gateway .gateway-footer {
	    margin: 14px 0 0!important;
	}

	.modal-logo-container{
	    margin-bottom: 10px!important;
	    width: 76%!important;
	    padding-top: 5px!important;
	    clear: none!important;
	}

	.gateway-header p{
		margin-bottom: 0!important;
	}

	.gateway-header p{
		font-size: 11px!important;
	}

	.user-gateway .gateway-footer {
    	margin: 15px 0 0!important;
	}

	.gateway-header h2{
		margin: 10px 0px 10px!important;
	}

	.lang-toggle{
		margin-right: 0px;
	}

 	.user-gateway .cookie.disclaimer{
		font-size: 11px!important;
		padding-top:5px!important; 
	}
}

@media screen and (min-width:568px) and (max-width:736px){
	.user-gateway.fancybox-opened{
		// top: 0!important;
		left: 0!important;
		width: 100%!important;
	}

	.role-option.btn {
	    height: 60px;
	    font-size: 14px;
	    line-height: normal!important;
	    max-width: 202px;
	}

	.modal-logo-container{
		width: 60%!important;
	}

	.gateway-header h2{
		margin:10px 0px 10px;
	}

	.modal-logo-container{
		clear: none;
		margin-top: 14px;
	}

	.lang-toggle{
		margin-top: -5px!important;
		margin-bottom: 5px;
	}

	.gateway-close-btn{
		margin-top: -14px;
	}
}

@media screen and (min-width:736px) and (max-width:736px){
	.user-gateway.fancybox-opened{
		width: 736px!important;
	}

	.lang-toggle{
		margin-right: 0;
	}

	html[lang="fr-CA"] .user-gateway.fancybox-opened{
		top:15px!important;
	}
}

@media screen and (min-width:667px) and (max-width:667px){
	.user-gateway.fancybox-opened{
		top:4px!important;
		width:667px!important;
	}

	html[lang="fr-CA"] .user-gateway.fancybox-opened{
		top:0px!important;
	}

}

@media screen and (min-width:640px) and (max-width:640px){
	.user-gateway.fancybox-opened{
		top:0px!important;
		width:640px!important;
	}

	.modal-logo-container {
    	width: 45%!important;
	}

	.gateway-header p {
	    margin-bottom: 0;
	}

	.role-option.btn{
		margin-top: 5px;
	}
	.user-gateway .gateway-footer{
		margin-top: 6px!important;
	}
}

@media screen and (min-width:568px) and (max-width:568px){
	.user-gateway.fancybox-opened{
		top: 0!important;
	}

	.role-option.btn{
		max-width: 165px;
		margin-top: 0!important;
	}

	.user-gateway .gateway-footer {
	    margin: 12px 0 0!important;
	}

	.user-gateway .cookie.disclaimer {
	    padding-top: 0;
	}
	.modal-logo-container{
		width: 35%!important;
	}
	.gateway-header h2 {
	    margin: 0px 0px 2px;
	}
	.gateway-header p{
		margin-bottom: 3px;
	}

	.user-gateway .mackenzie-copyright{
		margin-top: 0px;
		float: right;
	}

	.user-gateway .gateway-footer {
    	margin: 5px 0 0!important;
	}

	.homepage-carousel .carousel-caption{
        width: 100%!important;
    }
    .caption-text{
        height: auto!important;
    }

}

@media screen and (min-width:375px) and (max-width:375px){
	.user-gateway.fancybox-opened{
		width:375px!important;
		left:0!important;
		top:4px!important;
	}

}

@media screen and (min-width:360px) and (max-width:360px){
	.user-gateway.fancybox-opened{
		top:0px!important;
	}
}

@media screen and (min-width:568px) and (max-width:568px){
	.user-gateway.fancybox-opened{
		width:568px!important;
		left:0!important;
	}
}

.disabled-link:hover{
	cursor: not-allowed;
}

.disabled-link a{
	background-color: #a1a1a1;
	text-decoration: line-through;
}

.disabled-link a:hover{
	background-color: #a1a1a1!important;
	text-decoration: line-through;
}

.webinar-login i{
	margin-right: 2px;
}

/*Begin Email Preferences */
.email-preferences {
	margin-top: -30px;
}

.prefrences-intro {
    margin-bottom: 20px;
}

.subscription-option,.optOut{
	width: 13px;
	height: 13px;
	padding: 0;
	margin:0;
	vertical-align: text-bottom;
	position: relative;
	top: -1px;
  	*overflow: hidden;
}

label[for='subscriptionoption'], label[for='optout']{
	display: block;
  	padding-left: 15px;
  	text-indent: -18px;
}

.manage-preferences.display-login{
	display: none;
	overflow: initial!important;
}

.optOut{
	margin: 0!important;
}

.options label, label[for='optout']{
	font-weight: bold;
}


.options input{
	display: inline-block;
}

.subscription-option.dontshow{
	display: none!important;
}

.choice-desc{
	font-weight: normal;
}

.toggle-options {
	padding: 15px 0px;
}

.toggle-options a{
	margin-right: 15px;
}

.toggle-options p{
	font-weight: bold;
}

h2.double-rule {
	font-family: 'PragmaticaSB', helvetica, verdana, sans-serif;
	line-height: 44px;
	padding-top: 3px;
	border-top: 3px solid #666;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
	font-size: 18px;
}

.user-details input{
	padding-left: 10px;
	height: 26px;
	margin-top: 5px;
}

#emailPreferencesForm label[for='language']{
	margin-bottom: 5px;
}

#emailPreferencesForm dl{
	margin-bottom: 0!important;
}

#emailPreferencesForm label.error{
	display: block;
	color: #F00;
	margin-top: 2px;
}

.unsubscribed-success, .saved-success{
	display: none;
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
	padding: 15px 15px 7px;
}

.update-failed{
	display: none;
	color: #a94442;
	font-weight: 700;
	background-color: #f2dede;
	border-color:#ebccd1;
	padding: 15px;
	margin-bottom: 10px; 
}

.user-details .field-disabled{
	height: 50px;
	max-width: 280px;
}

.user-details dt{
	font-family: 'PragmaticaReg', helvetica, verdana, sans-serif;
	font-weight: normal;
}

#emailPreferencesForm .user-details dd{
	min-width: 280px;
	max-width: 280px;
	overflow: hidden;
	height: 26px;
	position: absolute;
	background-color: #EEE;
	border: 1px solid #CCC;
	color: #777;
	line-height: 23px;
	margin-left: 0;
	padding-left: 8px;
	margin-top: 5px;
}

#emailPreferencesForm .btnContainer{
	margin-left: 0;
}

#emailPreferencesForm .updatePreferences{
	margin-right: 5px;
}

.user-details dd{
	margin-bottom: 0px!important;
}

.ep-lang{
	max-width: 100px;
}

#unsub-all {
    display: none;
}

@media screen and (max-width: 714px){
	.sub-title {
	    max-width: 300px;
	}
}

@media screen and (max-width: 320px){
	.sub-title{
		max-width: 270px;
	}
}


@media screen and (max-width: 1024px){
	label[for='subscriptionoption'], label[for='optout']{
		text-indent: -21px;
	}

	.options input{
		vertical-align: baseline;
	}
}

/*End Email Prefrences*/

sup.chinese-indexsup {
	top: -28px;
	left: 8px;
}

#ff_placeholder{
	min-height: 300px;
}


html[lang="fr-CA"] sup.chinese-indexsup {
	top: -22px !important;
	left: 6px !important;
}

/*/*Fundfacts pages **/

.ff-internal #content {
    background: transparent url('images/fullColBG.jpg') no-repeat top center;
    padding: 30px 15px 30px 15px;
}

.ff-internal #content img {
    border: 0;
}

.ff-internal table.facts {
    border-collapse: collapse;
    width: 100%;
}

.ff-internal table.facts td {
    border: 1px solid #333333;
    padding: 6px 0 6px 5px;
    font-family: 'Lucidia Grande', Arial, sans-serif;
    font-size: 10px;
}

.ff-internal table.facts td.fundname {
    width: 540px;
}

.ff-internal table.facts td.series,
.ff-internal table.facts tr.header td {
    font-size: 12px;
    background-color: #17467a;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    border: 1px solid white;            
}

.ff-internal table.facts td.fundname {
    border: 0px;
}

.ff-internal table.facts td.series {
    color: #ffffff;            
}

.ff-internal table.facts tr.header td {
    color: #ffffff;
    padding: 10px 0 10px 0;
    border: 1px solid #cfc4d8;
}

.ff-internal table.facts td.pdf {
    width: 50px !important;
    text-align: center;
    border-bottom: 1px dotted #333333;
}

.ff-internal table.facts tr.fund_header {

      border: 1px solid #cfc4d8;
}

.ff-internal table.facts tr.fund_header td {
    padding: 10px 0 0 6px;
    margin: 0 0 0 0;
    vertical-align: bottom;
    background-color: #F6F6F6;
    border: none;
}

.ff-internal table.facts tr.fund_header h4 {
    margin: 0;
    padding: 0;
}

.ff-internal table.facts tr.header_spacer td {
    border: 0px;
    padding: 10px 0 10px 0;
}

.ff-internal table.facts tr.funds td {
    border: 1px solid #cfc4d8;
}

.ff-internal table.facts tr.first td {
    border-top: 0px;
}

.ff-internal table.facts tr.alt {
    background-color: #F6F6F6;
}

.ff-internal table.facts img {
    padding-right: 2px;
    max-width: none;
}

.ff-internal .funds {
    border: 1px solid #cfc4d8;
}

.ff-internal table.facts td.fund-name{
    width:100%;
    font-size: 13px;
}

.ff-internal .fund-select {
    width:24px;
}

.ff-internal table.facts tr.fund_header td a {
    font-size: 14px;
    float: right;
     margin: 0;
        padding: 0;
}

/*LBC site Fund Facts*/

.lb-ff-internal #content {
    background: transparent url('images/fullColBG.jpg') no-repeat top center;
    padding: 30px 15px 30px 15px;
 }
  
#content img {
   border: 0;
}
  
.lb-ff-internal table.facts {
	border-collapse: collapse;
	width: 100%;
}
  
.lb-ff-internal table.facts td {
	border: 1px solid #333333;
	padding: 6px 0 6px 5px;      
	font-family: 'Lucidia Grande', Arial, sans-serif;
	font-size: 10px;
}
  
.lb-ff-internal table.facts td.fundname {
   width: 540px;
}
  
.lb-ff-internal table.facts td.series,
.lb-ff-internal table.facts tr.header td {
    font-size: 10px;
    background-color: #333333;
    text-align: center;
    vertical-align: middle
    color: #ffffff;
    border: 1px solid white;
}
  
.lb-ff-internal table.facts td.fundname {
	border: 0px;
}
  
.lb-ff-internal table.facts td.series {
	color: #ffffff;
	padding: 30px;
}
  
.lb-ff-internal table.facts tr.header td {
	color: #ffffff;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #333333;
}
  
.lb-ff-internal table.facts td.pdf {
	width: 50px !important;
	text-align: center;
	border-bottom: 1px dotted #333333;
}
  
.lb-ff-internal table.facts tr.fund_header td {
	padding: 10px 0 0 6px;
	margin: 0 0 0 0;
	vertical-align: bottom;
	background-color: #F6F6F6;
	border-bottom: 1px dotted #333333;
}
  
.lb-ff-internal table.facts tr.fund_header h4 {
  margin: 0;
  padding: 0;
}
    
.lb-ff-internal table.facts tr.header_spacer td {
	border: 0px;
	padding: 10px 0 10px 0;
}
  
.lb-ff-internal table.facts tr.funds td {
	border-top: 1px dotted #333333;
	border-bottom: 1px dotted #333333;
}
    
.lb-ff-internal table.facts tr.first td {
	border-top: 0px;
}
  
.lb-ff-internal table.facts tr.alt {
	background-color: #F6F6F6;
}
  
.lb-ff-internal table.facts img {
	padding-right: 2px;
	max-width: none;
}

/*Advisor Streamfeed styling*/

.module.advisorStream{
	background: #f6f6f6;
	width: 100%;
	margin-bottom: 20px;
	padding: 0 0 15px;
	min-height: 300px;
}

.module.advisorStream .moduleHeader,
.module.mi-category-listing .moduleHeader {
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.module.advisorStream h2.module-header-title,
.module.mi-category-listing h2.module-header-title{
    float: none;
    line-height: normal;
    font-family: 'PragmaticaSB', helvetica, verdana, sans-serif;
}

#advisor_stream_embed{
	min-height: 300px;
}


.advisorstream-article {
    float: left;
    width: 23%;
    margin: 15px 0 0 15px;
}

.advisorStream .read-full{
	display: block;
	margin-top: 15px;
}

.advisorstream-text h4{
	margin-top: 10px;
}

.article-image-focal {
	height: 147px;
	width: 221px;
    position: relative;
    overflow: hidden;
}

.article-image-focal-image{
	height: auto;
}

.advisorstream-article img{
	width: 100%;
}

/*.advisorstream-item .article-summary{
	margin-left: 10px;
	float: left;
	max-width: 405px;
}
*/

/*Mackenzie institute Homepage Carousel*/
.mackinstitute-carousel{
	margin-bottom: 20px;
}

.mackinstitute-carousel .carousel-paginate.carousel-box{
	top: -4px;
}
.mackinstitute-carousel .carousel-caption .learn-more{
	font-size: 16px;
}

.mackinstitute-carousel .carousel-caption{
	width: 340px!important;
}

.slide-meta .readtime {
    display: inline-block;
    float: left;
}

.slide-meta {
    font-size: 12px;
    margin-top: 10px;
}

.mackinstitute-carousel .carousel-caption p{
    /* font-size: 8px; */
    font: 14px/18px 'PragmaticaReg', Helvetica, Verdana, sans-serif!important;
}

.slide-meta span {
    display: inline-block;
}

.slide-meta .pub-date {
    float: right;
    margin-right: 5px;
}

.mackinstitute-carousel .caption-text {
    min-height: 250px!important;
}	

.advisorStream .split-left,
.advisorStream .split-right{
	width: 100%;
	float: none;
	padding: 0;
}


/*Mackenzie institute Tools and Calculators*/
.module.generic-content .toolsCalc .moduleHeader {
    display: none;
}

.module.generic-content #toolsCalc-form {
	border-bottom: solid 0!important;
    padding: 15px 0 0 0;
    min-height: 175px;
    position: relative;
}

.generic-content .qff-assetclass-form .btnContainer{
	/*margin-top: 15px;*/
	position: absolute;
}

.generic-content .qff-assetclass-form .btnContainer .viewall {
    clear: none;
    display: inline;
    width: 220px;
    position: absolute;
    bottom: -13px;
    left: 70px;
}

html[lang="fr-CA"] .generic-content .qff-assetclass-form .btnContainer .viewall{
	left: 110px;
}

.generic-content .qff-assetclass-form .control-group{
    margin: 5px 0 86px;
}

/*Mackenzie Insittitute Category listing*/
.mi-category-listing{
	position: relative;
	clear: both;
	margin-bottom: 15px;
}

.mackenzie-institute .split{
	width: 49%;
    margin-right: 2%;
    border-bottom: none;
    padding-bottom: 0;
}

.mackenzie-institute.no-margin-bottom .split{
	margin-bottom: 0;
}

.mackenzie-institute .split.split2of2{
	margin-right: 0;
}


.splitContainer.mackenzie-institute,
.full.clearfix.splitContainer.mackenzie-institute,
.mackenzie-institute.clearfix{
	border-bottom: 0;
	margin-bottom: 0;
}

.category-heading{
	position: relative;

}

.category-caption{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    background: none repeat scroll 0 0 rgba(74,124,158,0.8);
    height: auto;
}

.mi-category-listing h2 {
    color: #fff;
    margin-bottom: 0!important;
}

.mi-article-link{
	display: block;
	font-weight: bold;
	padding: 5px 0;
}

.mi-category-listing .article-links {
    margin: 10px 15px 0;
}

.mi-category-listing .view-all{
	margin-top: 10px;
	display: block;
}

.articles-by-subcategory{
	margin-bottom: 20px;
	min-height: 330px;
}

.articles-by-subcategory .moduleHeader{
	border-top: none;
    margin-bottom: 25px;
}

.articles-by-subcategory .module-header-title{
    float: none;
    font-size: 22px;
    font-weight: bold;
    color: #16559a;
}

.mi-subcategory-item{
    width: 30%;
    float: left;
    margin-left: 33px;
    margin-bottom: 15px;
    height: 325px;
}

.mi-subcategory-item p{
	max-height: 50px;
	display: block;
}


.articles-by-subcategory .load-more {
    position: relative;
    display: block;
    margin: 0 auto;
    background: #f6f6f6;
    border: 0;
    padding: 9px 50px;
    color: #16559a;
}

.articles-by-subcategory .load-more:focus{
	outline: none;
}

.category-row .mi-subcategory-item:first-child, .category-row .mi-subcategory-item:last-child {
    margin: 0;
}

.subcategory-container {
    min-height: 300px;
}

.mi-subcategory-content {
    padding: 0 15px;
}

.mi-subcategory-content .i-secured,
.mi-article-link i.i-secured{
	margin: 0px 5px 0 0;
    line-height: normal;
    height: 15px;
}

.articles-by-subcategory .arrow {
    display: inline-block;
    height: 12px;
    overflow: hidden;
    width: 12px;
    margin-top: -4px;
    position: absolute;
    right: 35px;
    top: 50%;	
}

.articles-by-subcategory .arrow:before {
    content: url('/mi/assets/images/icon-sprite.png');
    display: inline-block;
    margin-left: -100px;
    margin-top: -102px;
}

.articles-by-subcategory .load-more span {
    margin-left: -10px;
}

.module.generic-content{
	border: 1px solid #CCC;
	    margin: 0 0 15px;
}

.module.generic-content .moduleContent{
	padding: 15px 20px 0;
}

.generic-content.precision .moduleContent {
    padding: 30px 20px;
}

.module.generic-content .mp-header{
	margin-bottom: 0;
	background: #f6f6f6;
}

.generic-content .mp-header h2{
	font-size: 16px;
    line-height: normal;
    padding: 10px 0;
    margin-left: 10px;
    margin-bottom: 0;
    color: #16559a;
    font-weight: bold;
}

.generic-content .split{
	border-bottom: 0;
}

.generic-content .left-align{
	float: left;
    display: inline-block;
    width: 50%;
    margin-bottom: 10px;
}

.generic-content .right-align{
	float: right;
    display: inline-block;
    /* padding: 24px 20px; */
    vertical-align: middle;
}

.generic-content .right-align p {
    padding: 10px 30px;
}

.split-module .generic-content .left-align,
.split-module .genereic-content .right-align{
	width: 50%;
}

.split-module .generic-content .left-align{
	float: right;
}

.split-module .module.generic-content .right-align img {
    padding-left: 10px;
}

.split-module .module.generic-content .left-align p {
    padding-right: 15px;

}

.split-module .generic-content .right-align p {
    padding: 0 15px 10px 0;
}

.module.generic-content .viewall{
	display: block;
	clear: both;
	width: 125%;
}

/*Quick fund finder main body module*/
.generic-content .qff-footer,
.generic-content .rrMod .moduleHeader{
	display: none;
}

.split .generic-content .module.qFF input{
    width: 55%;
}

.split .generic-content .searchBtn {
	margin-left: -5px;
    position: relative;
}

.module.generic-content .moduleContent .moduleContent {
    padding: 0;
}

.generic-content .qff-divider{
	width: 61%
}

.generic-content .qff-selection{
	padding: 0;
	margin-bottom: 13px;
}

.generic-content .qff-fundname-form,
.generic-content .qff-etf-form{
	margin: 10px 0 0px;
}

.generic-content .qff-codesandfees-link {
    position: absolute;
    top: 4px;
    right: 5px;
}

.generic-content .mf-search-pane,
.generic-content .etf-search-pane{
/*	width: 65%;*/
}

.generic-content .btnContainer {
    position: relative;
}

.generic-content .qFF {
    margin-bottom: 17px;
}

.generic-content .etf-search-pane{
	border-bottom: 0;
}

.generic-content .module.qFF .qff-assetclass-form {
    width: 61%;
}

.related-articles-navigation{
	display: none;
	margin-top: 15px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 30px 0 30px; 
	font-size: 16px;
}

.article-nav-wrapper{
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.related-articles-navigation .article-back{
	float: left;

}

.related-articles-navigation .article-next{
	float: right;
}

.article-nav-wrapper .category-name .category-name {
    text-transform: capitalize;
}

.article-nav-wrapper .to-category{
	text-transform: none;
}

.next-double-arrow:hover,
.back-double-arro{
	cursor: pointer;
}

.back-double-arrow{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAVFBMVEUAAAAWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoIJjsWAAAAG3RSTlMAAQIEGBkaIC8wMVBRUlV1e5GanqCitN7o8/XbAQnoAAAASklEQVQIW3XLNwKAIBQE0REzimJW/v3vacJUuNWbYmGfqSEZ1eFKDLEbgsuR673LzZ13cTuVBrXM5xkrmkwsf5V/Sj/Vgp5C3lsBXa0ELUBQPrkAAAAASUVORK5CYII=);
	width: 13px;
    height: 12px;
    float: left;
    margin: 7px 5px 0;
}

.next-double-arrow{
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAV1BMVEUAAAAWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZoWVZrG6GCUAAAAHHRSTlMAAQQKCxMYGRocHi0vMD5KXGd4e5qitMXH3uD1xYRwRwAAAElJREFUCFtdx0kSgCAQwMCAuOOKiOL8/50esCwxpw7TCuWuAcCKo4jhuUEc5j2bXZ/dLCOtbABUl1f6iAag/jskNx+zeEV3JmfdfpkEhVDFMkoAAAAASUVORK5CYII=);
    width: 12px;
    height: 12px;
    float: right;
    margin: 7px 5px 0;
}

.mi-pdf{
	background: url(/assets/images/pdf-icon.png);
    position: absolute;
    left: 10px;
    width: 32px;
    height: 37px;
    bottom: 10px;
}

.mi-images{
	position: relative;
}

.article-header-feature{
	 max-height: 340px;
    padding: 15px;
    margin: 15px 0 35px;
}

.article-header-feature .split.split1of2{
	width: 65%;
	margin-right: 0;
	float: right;
}

.article-header-feature .split.split2of2{
	width: 35%;
}

.article-feature-container {
    padding: 0 20px 0 0;
}

.article-header-meta {
    margin: 15px 0 10px;
}

.article-feature-container h4 {
    margin-bottom: 15px;
}

.article-feature-summary {
    height: 340px;
    line-height: 340px;
}

.article-feature-summary .vertical-align {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.expressRelateDocuments li{
	list-style: none;
	border-top: 1px solid #ccc;
	padding: 15px;
}

.expressRelateDocuments li .icons{
	float: right;
}

.expressRelateDocuments.generic-content.split-module{
	padding: 0;
}

.expressRelateDocuments.generic-content .split1of2,
.expressRelateDocuments.generic-content .split2of2{
	margin-bottom: 0; 
	padding-bottom: 0;
}

.expressRelateDocuments.generic-content .split ul{
	margin: 0
}

@media screen and (min-width: 1024px){
	/*.mi-subcategory-item.item-no-1,
	.mi-subcategory-item.item-no-4,
	.mi-subcategory-item.item-no-7,
	.mi-subcategory-item.item-no-10,
	.mi-subcategory-item.item-no-13,
	.mi-subcategory-item.item-no-16,
	.mi-subcategory-item.item-no-19{
		margin-left: 0;
	}*/

	.subcategory-container {
	    margin-left: -32px;
	}

	.generic-content .left-align{
		width: 35%;
		margin-bottom: 0;
	}

	.generic-content .right-align{
		width: 65%;
	}

	.split-module .generic-content .left-align,
	.split-module .generic-content .right-align{
		width: 50%;
	}

	.split .right-align, 
	.split .left-align{
		width: 50%;
		float: right;
	}

	.split-module .generic-content .right-align p{
		min-height: 127px;
	}

	.module.generic-content #toolsCalc-form {
	    padding: 15px 15px 0 0;
	}

	.expressRelateDocuments.generic-content .split{
		padding:0 10px;
		width: 50%;
	}

	.expressRelateDocuments.generic-content  .mp-header h2{
		margin-left: 24px;
	}

	.expressRelateDocuments.generic-content .split ul{
		margin-top: 0;
	}

	.expressRelateDocuments.generic-content .split1of2{
		margin: 0!important;
	}

	.expressRelateDocuments.generic-content .split li:first-child{
		border-top: 0;
	}
}
@media screen and (max-width: 768px) and (min-width: 569px){
	.mackinstitute-carousel .caption-text{
		min-height: 185px!important;
	}

	.advisorstream-text h4{
		margin-top: 15px;
	}
	.generic-content .right-align,
	.split-module .generic-content .left-align,
	.split-module .generic-content .right-align{
		width: 100%;
	}
}


@media screen and (max-width: 900px) and (min-width: 738px){
	.advisorstream-article{
		width: 47%;
		margin: 21px 0 0 21px;
	}
	.advisorstream-article img{
		width: 100%;
		height: auto;
	}

	.article-image-focal{
		width: 100%;
		height: 219px;
		max-width: 318px;
	}

	.advisorStream .split-left,
	.advisorStream .split-right{
		clear: both;
		width: 100%;
		float: none;
	}

	.advisorstream-text {
		max-width: 95%;
	}

	.mi-subcategory-item {
	    width: 45%;
	    margin-left: 5%;
	    height: 340px;
	}

	.mi-subcategory-content{
	    padding: 0;
	}

	.subcategory-container {
	    margin-left: -5%;
	}

	.split-module .generic-content .left-align,
	.split-module .generic-content .right-align{
		width: 100%;
	}

	.generic-content .right-align p {
	    padding:0 10px;
	}

	.split .generic-content p{
		min-height: 75px;
	}

	.generic-content .left-align{
		width: 35%;
	}

	.generic-content .right-align{
		width: 65%;
	}

	.module.generic-content #toolsCalc-form{
		float: none;
		width: 100%;
		min-height: 123px;
		padding-top: 5px;
	}

	.generic-content .qff-assetclass-form .control-group{
		margin: 0px 0 41px;
	}

	.generic-content .qff-assetclass-form .btnContainer {
	    position: absolute;
	    bottom: 12px;
	}

	.generic-content .qFF {
		margin-bottom: 103px;
	}

	.generic-content .btnContainer {
	    position: inherit;
	}

	.module.generic-content .moduleContent.clearfix{
		position: relative;
	}

	.generic-content .qff-codesandfees-link {
		top: inherit;
    	right: inherit;
   		bottom: 18px;
    	left: 24px;
	}

	.split .generic-content .module.qFF input{
		width: 92%;
	}

	.generic-content .module.qFF .qff-assetclass-form {
	    width: 100%;
	}

	.generic-content .qff-divider {
	    width: 100%;
	    padding: 0;
	}

	.article-header-feature{
		padding: 0;
	}

	.article-header-feature .split{
		border-bottom: 0;
	}

	.article-header-feature .split.split1of2 {
	    width: 55%;
	}

	.article-header-feature .split.split2of2 {
	    width: 45%;
	}

	.article-header-meta .split {
	    width: 50%;
	    padding: 0 15px 0 0;
	}

	.article-feature-container{
		
	}

	.article-feature-summary {
	    height: 270px;
	    line-height: 270px;
	}
	.article-feature-summary .print {
	    display: none;
	}
}

@media screen and (min-width: 738px) and (max-width: 738px){
	.article-image-focal{
		max-width: 310px;
	}
}

@media screen and (max-width: 900px) and (min-width: 808px){
	.article-image-focal{
		max-width: 350px;
	}
}

@media screen and (max-width: 736px){
	.mackinstitute-carousel .carousel-paginate.carousel-box{
		top: 1px;
	}
}

@media screen and (min-width: 667px) and (max-width: 768px){
	.mackinstitute-carousel .carousel-caption{
		width: 280px!important;
	}

	.slide-meta{
		margin-top:10px;
	}

	.slide-meta .readtime{
		margin-right: 22px;
	}

	.mi-subcategory-content{
	    padding: 0;
	}


}

@media screen and (max-width: 568px){
	.mackinstitute-carousel .carousel-caption{
		width: 100%!important;
	}

	.mackinstitute-carousel .caption-text{
		min-height: 0!important;
	}

	.slide-meta{
		display: none;
	}

}

@media screen and (min-width:568px) and (max-width:736px){
	.advisorstream-article {
		width: 47%;
		margin-left: 13px;
		margin-top: 0;
		padding: 15px;
	}

	.advisorstream-article img {
		width: 100%;
		height: auto;
	}

	.article-image-focal {
		width: 100%;
		height: 179px;
	}

	.advisorstream-text {
		max-width: 100%;
	}
	.advisorStream .split-left,
	.advisorStream .split-right{
		clear: both;
		width: 100%;
		float: none;
	}

	.advisorStream .split-left{
		margin-bottom: 15px;
	}

	.category-row .mi-subcategory-item{
	    width: 45%;
	}

	.category-row .mi-subcategory{

	}

	.subcategory-container {
	    min-height: 300px;
	    margin-left: -5%;
	}

	.mi-subcategory-item {
	    width: 45%;
	    margin-left: 5%;
	    height: 320px
	}
	.mi-subcategory-content{
	    padding: 0;
	}

	.split .generic-content p{
		min-height: 125px;
	}

	.generic-content .qff-assetclass-form .control-group {
	    margin: 5px 0 70px;
	}

	.split-module .generic-content .right-align p{
		padding: 15px 15px 10px 0;
	}

	.generic-content .btnContainer {
	    position: inherit;
	}

	.module.generic-content .moduleContent.clearfix{
		position: relative;
	}

	.generic-content.precision .moduleContent {
	    padding: 25px 20px;
	}

	.generic-content .qff-codesandfees-link {
		top: inherit;
    	right: inherit;
   		bottom: 18px;
    	left: 24px;
	}

	.article-header-feature{
		padding: 0;
	}

	.article-header-feature .split{
		border-bottom: 0;
	}

	.article-header-feature .split.split1of2 {
	    width: 55%;
	}

	.article-header-feature .split.split2of2 {
	    width: 45%;
	}

	.article-header-meta .split {
	    width: 50%;
	    padding: 0 15px 0 0;
	}

	.article-feature-container{
		
	}

	.article-feature-summary {
	    height: 270px;
	    line-height: 270px;
	}

	.article-feature-summary .print {
	    display: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 768px){
	.article-image-focal{
		max-width: 328px;
	}

	.mi-subcategory-item {
		margin-left: 3.7%;
	}

	.subcategory-container {
	    margin-left: -1%;
	}

	.articles-by-subcategory .moduleHeader {
		margin-left: 20px;
	}
	.mackenzie-institute .split{
		width: 49%;
		margin-right: 2%;
	}

	.split .generic-content .module.qFF input {
	    width: 91.5%;
	}
}


@media screen and (min-width:568px) and (max-width:667px){
	.mackenzie-institute .split{
		width: 100%;
		margin-right: 0;
		border-bottom: 0;
	    padding-bottom: 0;
	}

	.split .mi-category-listing{
		margin-bottom: 15px;
	}

	.split.split1of2 .mi-category-listing,{
	    margin-bottom: 0;
	}
	.mackenzie-institute .split.split1of2,
	.mackenzie-institute .split.split1of2{
		margin-bottom: 0;
	}

	.generic-content .right-align,
	.split-module .generic-content .left-align,
	.split-module .generic-content .right-align{
		width: 50%;
	}

	.split .generic-content .module.qFF input{
		width: 50.5%;
	}

	.generic-content .module.qFF .qff-assetclass-form {
	    width: 55%;
	}

	.generic-content .qFF .btnContainer .halfBtn {
		position: relative;
		width: 26.5%;
	}

	.generic-content .qff-divider {
	    width: 55%;
	}

	.generic-content .btnContainer {
	    position: inherit;
	}

	.module.generic-content .moduleContent.clearfix{
		position: relative;
	}

	.generic-content .qff-codesandfees-link {
	    left: inherit;
	    right: 15px;
	}

	.generic-content .qFF {
	    margin-bottom: 0px;
	}

	.module.generic-content #toolsCalc-form{
		margin: 15px 15px 0 0;
	}

	.article-feature-summary .print {
	    display: none;
	}

}

@media screen and (min-width:568px) and (max-width:568px){
	.article-image-focal{
		height: 148px;
	}

	.advisorstream-article{
		margin-left: 11px;
	}

	.split .generic-content .module.qFF input {
	    width: 51%;
	}		

	.generic-content .qff-divider {
	    width: 56%;
	    padding: 0;
	}

	.generic-content .module.qFF .qff-assetclass-form {
    	width: 56%;
	}

}

@media screen and (min-width:731px) and (max-width:736px){
	.article-image-focal {
		height: 201px;
	}

	.advisorstream-article{
		margin-left: 14px;
	}

	.split .generic-content p{
		min-height: 85px;
	}

	.generic-content .qff-assetclass-form .control-group {
	    margin: 5px 0 44px;
	}

	.generic-content .right-align{
		width: 50%;
	}
	.generic-content .qFF {
	    margin-bottom: 107px;
	}

	.split .generic-content .module.qFF input{
		width: 91%;
	}

	.generic-content .module.qFF .qff-assetclass-form {
	    width: 100%;
	}
	.generic-content .qff-divider {
	    width: 100%;
	}
}

@media screen and (min-width: 731px) and (max-width: 731px){
	.split .generic-content .module.qFF input {
	    width: 90%;
	}
}

@media screen and (max-width:414px){
	.advisorstream-article{
		width: 100%;
		margin: 0;
		padding: 20px;
	}

	.article-image-focal {
		height: auto;
		width: 100%;
	}
	.advisorstream-text h4{
		margin-top: 15px;
	}

	.mi-subcategory-item{
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-bottom: 25px;
	}

	.mi-subcategory-content{
		padding: 0 0 0 5px;
	}

	.mackenzie-institute .split{
		width: 100%;
		margin-right: 0;
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 15px;
	}

	.split .module.generic-content{
		margin-bottom: 15px;
	}

	.generic-content .left-align{
		margin-bottom: 10px;
	}

	.generic-content .right-align,
	.generic-content .left-align,
	.split-module .left-align, 
	.split-module .right-align{
		width: 100%;
		padding: 0;
	}

	.generic-content .right-align p,
	.generic-content .left-align p,
	.split-module .module.generic-content .right-align img{
		padding: 0;
	}

	.split-module .generic-content .left-align,
	.split-module .generic-content .right-align{
		width: 100%;
	}

	.module.generic-content #toolsCalc-form{
		float: none;
		width: 100%;
		padding-top: 0px;
		min-height:70px;
	}

	.generic-content .qff-assetclass-form .control-group{
		margin-bottom: 25px;
	}

	.generic-content .qFF {
	    margin-bottom: 75px;
	}

	.generic-content .btnContainer {
	    position: inherit;
	}

	.module.generic-content .moduleContent.clearfix{
		position: relative;
	}

	.generic-content .qff-codesandfees-link {
		top: inherit;
    	right: inherit;
   		bottom: 18px;
    	left: 24px;
	}
	.split .generic-content .module.qFF input {
	    width: 92%;
	}

	.generic-content .module.qFF .qff-assetclass-form {
    	width: 100%;
	}

	.generic-content .qff-divider{
		width: 100%;
		padding: 0;
	}

	.generic-content.precision .moduleContent {
	    padding: 25px 20px 0;
	}

	.article-feature-summary .print {
	    display: none;
	}


	.article-header-feature {
	    max-height: 100%;
	    padding: 0;
	}

	.article-header-feature .split{
		border-bottom: 0;
	}

	.article-header-feature .split.split1of2,
	.article-header-feature .split.split2of2{
	    width: 100%;
	}

	.article-header-feature .split.split1of2 {
	    margin-bottom: 15px;
	    padding: 0;
	}

	.article-feature-summary {
	    height: 100%;
	    line-height: normal;
	}

	.article-header-meta .split {
	    width: 50%;
	    padding: 0 15px 0 0;
	}

	.article-header-meta .split{
		float: none;
	}

	.promotional-carousel.mi-category-banner {
	}

	.mi-category-banner .carousel-caption{
		position: relative;
		padding: 20px;
	}

	.mi-category-banner .carousel-caption p{
		display: block;
		padding: 15px;
		line-height: normal;
	}

	.mi-category-banner .carousel-inner .item img{
		position: relative;
	    display: block;
	    width: 100%;
	    min-height: 0;
	    height: 150px;
	}
}

@media screen and (max-width: 375px){
	.split .generic-content .module.qFF input {
	    width: 91%;
	}

	.generic-content.precision .moduleContent {
	    padding: 25px 20px 0;
	}

	.article-feature-summary .print {
	    display: none;
	}
}

@media screen and (max-width: 320px){
	.split .generic-content .module.qFF input {
	    width: 89%;
	}

	.article-feature-summary .print {
	    display: none;
	}

	html[lang="fr-CA"] .generic-content .qff-assetclass-form .btnContainer .viewall {
	    left: 94px;
	}

}