/*	missionsquare-common.css
	General styles used by all sites
*/

/* MissionSquare Retirement brand colors */

:root { /* sRGB values; use color() to convert colorspace or notation */
  --msq-blue: #005C9F; /* rgb(0,92,159) */
  --msq-gold: #ffce00; /* rgb(255,195,0) */
  --msq-navy: #1A3865; /* rgb(26,56,101) */

  --msq-sky: #0094CF;   /* rgb(0,148,207) */
  --msq-grape: #5C62AC; /* rgb(92,98,167) */
  --msq-teal: #00838B;  /* rgb(0,131,139) */
  --msq-green: #00893A; /* rgb(0,137,58) */ 
  --msq-berry: #902B8A; /* rgb(144,43,138) */
  --msq-rose: #BF57A0;  /* rgb(191,87,160) */

  --msq-sky-dark: #0A71A6;   /* rgb(10,113,166) */
  --msq-grape-dark: #4D4F8C; /* rgb(77,79,140) */
  --msq-teal-dark: #00838B;  /* rgb(0,131,139) */
  --msq-green-dark: #00893A; /* rgb(0,137,58) */
  --msq-berry-dark: #802A7B; /* rgb(128,42,123) */
  --msq-rose-dark: #9A3C77;  /* rgb(154,60,119) */

  --msq-sky-light: #6AC0EB;   /* rgb(106,192,235) */
  --msq-grape-light: #6F7BBB; /* rgb(111,123,187) */
  --msq-teal-light: #53C4C6;  /* rgb(83,196,198) */
  --msq-green-light: #AAD269; /* rgb(170,210,105) */
  --msq-berry-light: #AC4C9C; /* rgb(172,76,156) */
  --msq-rose-light: #F179AF;  /* rgb(241,121,175) */

  --msq-gray-8: #8a8E96;
  --msq-gray-5: #B6B8BE;
  --msq-gray-2: #D7D9DE;
  --msq-bright: #F3F5FB;
  
  --msq-avenir-fontstack: "Avenir Next Pro", "Avenir Next", "Nunito Sans", Helvetica, Arial, sans-serif;
  --msq-fa-fontstack: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands';
}
/* =Global/general
------------------------------------------------------------------------------ */
.clearfix:after {
 content: "";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {
	min-height: 0;
	height: 0;
}
html>body .clearfix {
	height: auto;
}
.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
.print {
	display: none;
	visibility: hidden;
}
.fullWidth {
	width: 100% !important;
}
.maxWidth {
	margin: 0 50px;
}
.info {
	display: none;
	visibility: hidden;
	height: 0px;
	width: 0px;
	font-size: 0px;
	line-height: 0px;
}

blockquote {margin: 13px 40px;}

/* Typography
------------------------------------------------------------------------------ */
#mainContent {
	color: #444444;
}
#mainContent p, .nav-text p {
	font-size: 100%;
	line-height: 1.45em;
	margin: 0 0 18px 0;
}
#mainContent p.date {
	font-size: 108%;
	color: #444;
	line-height: 1.45em;
	margin: 0 0 5px 0;
}
#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h3 a {
  color: var(--msq-blue);
  font-family: var(--msq-avenir-fontstack);
  font-weight: 700;
}

#mainContent h1 {
    font-size: 235%;
    font-weight: 700;
    margin: 0 0 20px;
    padding: 16px 0 6px;
    line-height: 1.3em;
}
#mainContent h2 {
	font-size: 138.5%;
	line-height: 1.5em;
	margin: 0 0 18px 0;
}
#mainContent h3, #mainContent h3 a {
    font-size: 1.12rem;
    margin: 10px 0 14px 0;
}
#mainContent h4 {
	color: #444;
    font-family: var(--msq-avenir-fontstack);
	font-size: 110%;
	font-weight: 600;
	line-height: 1em;
	margin: 10px 0 10px 0;
}
#mainContent dd {
	margin-bottom: 1em;
}
#mainContent dt {
	font-weight: bold;
}
.centerTxt {
	text-align: center;
}

/* Links
------------------------------------------------------------------------------ */
a, a:link, a:focus {
	outline: none;
	color: var(--msq-blue);
}
a:hover {
	text-decoration: none;
}

.skiplink {
  display: block;
  padding: 0.5rem;
  position: absolute;
  transform: translateY(-1500%);
}

#ReturnToTop, #ReturnToTop a {
	visibility: hidden;
	line-height: 0px;
}
.readMore {
	text-align: right;
}
.moreLink {
	text-align: right;
	clear: both;
}

/* =Link Button
	------------------------------------------------------------------------------ */
.linkBtn {
	background-color: var(--msq-berry);
	display: inline-block;
	padding: .5em 1em;
	margin: 0 0 1em 0 !important;
    transition: all .2s ease-in;
    position: relative;
 }
.linkBtn a {
	color: #fff !important;
	font-size: 1.2rem;
 }
.linkBtn a:link, .linkBtn a:visited {
	text-decoration: none !important;
 }
.linkBtn a:hover, .linkBtn a:active {
	text-decoration: underline !important;
 }

.linkBtn::after {
    color: #fff;
    content: "\f054";
    font-family: var(--msq-fa-fontstack);
    font-style: normal;
    font-weight: 600;
    font-size: 85%;
    padding: 0 0 0 .5em;
 }
	.megamenu p.linkBtn {
    margin: 0 !important;
    font-size: 1.1rem;
 }
.ctaLink {
    font-family: var(--msq-avenir-fontstack);
    letter-spacing: -.01rem;
    transition: all .2s ease-in;
}
.ctaLink a:link, .ctaLink a:visited {
	color: var(--msq-berry);
	font-weight: 700;
    font-size: 1.2rem;
 }
.ctaLink::after {
    content: "\f054";
    font-family: var(--msq-fa-fontstack);
    font-style: normal;
    font-weight: 600;
    font-size: 85%;
    padding: 0 0 0 .5em;
}

.ctabox {
    border: solid 3px #666;
    padding: .5em 0 .7em 0;
    text-align: center;
    margin: 2em 0 !important;
}
/* Return to Top */
#ReturnToTop.active {
    visibility: visible;
}
#ReturnToTop {
    transition: all 600ms ease-in-out;
    color: #444;
    text-decoration: none;
    text-transform: uppercase;
    position: fixed;
    bottom: 2vh;
    right: 2px;
    font-size: .75rem;
    text-align: center;
    line-height: 1.2rem;
    z-index: 1;
    width: 50px;
}
#ReturnToTop:before{
    color: #999;
    content: "\f139";
    display: block;
    font-family: var(--msq-fa-fontstack);
    font-style: normal;
    font-weight: 900;
    font-size: 1.6rem;
    padding: .4rem 0;
    text-decoration: none;
}
#ReturnToTop:hover {
    color: var(--msq-gray-2);
}

/* Lists/Bullets
------------------------------------------------------------------------------ */
#mainContent ol > li {
	list-style: decimal;
}
#mainContent ul > li {
	list-style: square;
}
#mainContent ul, #mainContent ol, #leftNav .subContent > ul {
	margin: 1rem 0 1rem 1rem;
}
#mainContent ul ul, #leftNav .subContent > ul ul, #mainContent ol ol {
	margin: .5rem 0 .5rem 1rem;
}
#mainContent ul li, #mainContent ul li li, #leftNav .subContent > ul > li, #mainContent ol > li, #mainContent ol li li {
	font-size: 100%;
	line-height: 1.4em;
	margin: 0 0 .5rem 1rem;
	position: relative;
}
#leftNav .subContent > ul > li {
	padding: 0 0 .5rem 1rem;
	margin: 0;
}
#leftNav .subContent > ul li::before {
	content: "\f054";
    font-family: var(--msq-fa-fontstack);
	font-style: normal;
	font-weight: 900;
	font-size: 85%;
	position: absolute;
	left: 0;
	top: .1em;
}
#shareLinks ul, .rslides ul, #pageUtilities #breadcrumb ul {
	overflow: hidden;
}
#shareLinks li, .rslides li, #pageUtilities #breadcrumb li, #update-articles li, #pageUtils li {
	list-style: none !important;
}
#shareLinks li::before, .rslides li::before {
	content: "" !important;
	width: 0 !important;
}
#mainContent ul li:last, #leftNav .subContent > ul li:last {
 	padding: 0 0 0 1em;
}
#mainContent ul.dialog {overflow: auto;}
#mainContent ul.dialog ul {margin: 0; overflow: auto;}

/* Show More List */
#showMore ul > li {
    display:none;
}
#showMoreBtn a {
    transition: all 600ms ease-in-out;
    color: #444;
    text-decoration: none;
}
#showMoreBtn a:after {
    color: var(--msq-gray-2);
    content: "\f13a";
    display: block;
    font-family: var(--msq-fa-fontstack);
    font-style: normal;
    font-weight: 900;
    font-size: 1.6rem;
    padding: .4rem 0;
    text-decoration: none;
}
#showMoreBtn a:hover {
    color: var(--msq-gray-2);
}
/* =xpro-slider
------------------------------------------------------------------------------ */
.xpro-slider-container .xpro-slider-nav-hover {
    opacity: 1;
    background-color: rgba(128, 42, 124, 0.8) !important; /* berry */
}

/* =Social
------------------------------------------------------------------------------ */
/* =Share Links
	------------------------------------------------------------------------------ */
p.share, ul#shareLinks {
    display: inline-block;
    margin: 1em 0 !important;
    vertical-align: middle;
 }
p.share {
    color: #015B8D;
    font-weight: bold;
 }
#shareLinks .fa-stack-2x {
    display: none !important;
}
#shareLinks .fa-stack-1x {
    width: 80% !important;
}
#shareLinks > li {
	background: var(--msq-blue) none repeat scroll 0 0 !important;
    display: inline-block;
    padding: 0 .2em .2em .2em !important;
    font-size: 90% !important;
    height: 25px;
    width: 25px;
    margin: 0 .3em;
 }
#shareLinks > li::before {
    content: '';
    display: none;
 }
#shareLinks > li .fa-stack {
	font-size: 100%;
	color: var(--msq-blue);
 }
#shareLinks > li .fa-twitter {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.9em;
 }
#shareLinks > li .fa-envelope {
	color: #fff;
	line-height: 1.9em;
 }
#shareLinks > li .fa-facebook {
	color: #fff;
	font-size: 1.25em;
	line-height: 1.7em;
}
/* straight squares */
#socialIcons .fa { 
	color: var(--msq-navy);
	background-color: #fff;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.6em !important;
}
/* rounded squares */
.fa.fa-facebook-square,
.fa.fa-twitter-square,
.fa.fa-youtube-square,
.fa.fa-linkedin-square { color: var(--msq-navy);}

/* Tables
------------------------------------------------------------------------------ */
caption {display: none;}
.dataTable {margin-bottom: 10px;}
.dataTable thead th {
	font-family: var(--msq-avenir-fontstack); 
	text-align: center;
	border-bottom: 2px solid #999;
	background: #caebe7;
}
.dataTable tbody th {text-align: left;}
.dataTable th {font-weight: bold;}
.dataTable td {text-align: center;}
.dataTable .date {text-align: left;}
.dataTable .currency {text-align: right;}
.dataTable .fundname {text-align: left;}
.dataTable td, .dataTable th {padding: 4px;}
.dataTable tbody td, .dataTable tbody th {border-bottom: 1px solid #B0B3AF;} 
.fundTable {width: 100%;}
.fundTable thead th {
	background: var(--msq-navy);
	color: #FFF;
}
.fundTable tbody th {
	background: #caebe7 none repeat scroll 0 0;
	color: #444;
    font-family: var(--msq-avenir-fontstack);
	text-align: center;
}
/* =Page utilites
------------------------------------------------------------------------------ */
.oneColumn #pageUtilities { /* Overrides for single column layout */
	width: 100%;
	padding-left: 0;
}
#pageUtilities #breadcrumb {
    color: #444;
    font-size: 85%;
    margin: 12px 0 0 !important;
}
#pageUtilities #breadcrumb li {
	float: left;
	line-height: 17px;
	background: none;
	padding: 0;
	margin: 0;
}
#pageUtilities #breadcrumb > li:before {
	content: "" !important;	
}
#pageUtilities #breadcrumb > li:after {
	content: "\f054";
    font-family: var(--msq-fa-fontstack);
	font-style: normal;
	font-weight: normal;
	font-size: 55%;
	padding: 1em;
}
#pageUtilities #breadcrumb > li:last-child:after {
	content: "" !important;
}
#pageUtilities #pageUtils {
	float: right;
}


/* =Components
-----------------------------------------------------------------------------------------*/
/* Page Banner */
#pageBanner {
	position: relative;
	overflow:hidden;
	max-height: 390px;
}
#pageBanner img {
	display: block;
	width: 100%;
	height: auto;
	opacity: .9;
}
#pageBanner #bannerDesc {
    clear: both;
    font-size: 245%;
    max-width: 550px;
    color: #fff;
    position: absolute;
    top: 38%;
}
/* Features/promos */
.bg-gray {
	background-color: #e6e6e6;
	color: var(--msq-navy);
}
.bg-blue1 {
	background-color:  var(--msq-sky-light);
	color: var(--msq-navy);
}
.bg-blue2 {
	background-color: #00b3e3;
	color: #fff;
}
.bg-blue3 {
      background-color: var(--msq-navy);
      color: #fff;
}
.bg-gray h3, .bg-blue1 h3, .bg-blue2 h3, .bg-blue3 h3 {
	font-size: 1.65rem !important;
}
.bg-gray a, .bg-blue1 a, .bg-blue1 h3 {
	color: var(--msq-navy) !important;
}
.bg-blue3 a, .bg-blue2 a {
	color: #fff;
}
.bg-blue3 h3 {
      color: var(--msq-sky-light) !important;
}
.bg-right {
    background-repeat: no-repeat;
    background-position: right;
	background-size: auto 100%;
}
.ms-bg-gray1 {
    background-color: #757778;
    color: #fff;
}
.ms-bg-gray2 {
    background-color: #B0B3aF;
    color: var(--msq-navy);
}
.ms-bg-gray3 {
    background-color: #B0B3aF;
    color: #D0D1C9;
}
.ms-bg-blue1 {
    background-color: var(--msq-blue);
    color: #fff;
}
.ms-bg-blue2 {
    background-color: #1592D1;
    color: #fff;
}
.ms-bg-blue3 {
    background-color: var(--msq-navy);
    color: #fff;
}
.ms-bg-lt-blue {
    background-color: var(--msq-sky-light);
    color: #fff;
}
.ms-bg-teal {
    background-color: var(--msq-teal);
    color: #fff;
}
.ms-bg-lt-teal {
    background-color: var(--msq-teal-light);
    color: var(--msq-navy);
}
/* Need to remove Teal, not ada compliant */

.ms-bg-purple {
    background-color: var(--msq-grape-dark);
    color: #fff;
}
.ms-bg-gray1 h3, .ms-bg-gray2 h3, .ms-bg-gray3 h3, .ms-bg-blue1 h3, .ms-bg-blue2 h3, .ms-bg-blue3 h3, .ms-bg-lt-blue h3, .ms-bg-teal h3, .ms-bg-lt-teal h3 {
    font-size: 1.65rem !important;
}
.ms-bg-gray1 a, .ms-bg-gray2 a, .ms-bg-gray3 a, .ms-bg-blue1 a, .ms-bg-blue2 a, .ms-bg-blue3 a, .ms-bg-lt-blue a, .ms-bg-teal a, .ms-bg-lt-teal a, .ms-bg-purple a {
    color: #fff !important;
}
.ms-bg-gray1 h3, .ms-bg-gray2 h3, .ms-bg-gray3 h3, .ms-bg-blue1 h3, .ms-bg-blue2 h3, .ms-bg-blue3 h3, .ms-bg-lt-blue h3, .ms-bg-teal h3, .ms-bg-lt-teal h3, .ms-bg-purple h3 {
    color: #fff !important;
}
.ms-bg-lt-teal a, .ms-bg-lt-teal h3 {
    color: var(--msq-navy) !important;
}
.ms-bg-blue3 h3 {
    color: var(msq-sky-light) !important;
}
.feature h2,
.feature h3 {
    font-size: 1.5rem !important;
	line-height: 1.2em !important;
    margin-top: 1.5rem !important;
    position: relative;
}
.feature > h2 > span,
.feature > h3 > span {
    display: inline-block;
    position: relative;
    z-index: 5;
    background-color: #fff;
    padding: 0 15px;
    color: #444;
    font-size: 1.1rem;
    font-weight: normal;
    width: auto;
}
.page-x37 .feature > h2:before,
.page-x57 .feature > h2:before,
.page-x78 .feature > h2:before,
.page-x81 .feature > h2:before,
.page-x95 .feature > h2:before,
.feature > h3:before {
    content: "";
    border-bottom: 1px solid #666;
    width: 100%;
    display: inline-block;
    vertical-align: text-top;
    margin-top: .75em;
    position: absolute;
    left: 0;
}

.feature > h3:before {
    margin-top: .0.6em;
}
.feature h4 { /* CTA headers */
	font-size: 1.5rem !important;
	line-height: 1.2em !important;
	font-weight: 700 !important;
	color: var(--msq-blue) !important;
}
.feature p {
    margin: 0 0 5px 0 !important;
}
.feature > div > .col_inner {
    padding: 16px 50px;
}
.feature > .bg-blue1 > .col_inner, .feature > .bg-blue2 > .col_inner {
	padding: 2em 50px;
}
.feature > .maxWidth > .col_inner {
	padding: 2em 0 3em 0 !important;
	max-width: 50%;
}
.feature > .bg-blue1.bg-right > .col_inner {
    max-width: 60%;
}
.feature .pagelist #update-articles li .article-text h4 a {
	color: var(--msq-blue) !important;
}
.feature .pagelist #update-articles li .article-text h4 a {
	text-decoration: underline !important;
}
.feature .pagelist #update-articles li .article-text h4 a:hover, .feature .pagelist #update-articles li .article-text h4 a:active {
	text-decoration: none !important;
}
/* CategoryList - News */
#update-articles {
	margin: 0px !important;
}
#update-articles li {
	border: 1px solid #c3c3c3;
	background: var(--msq-bright) !important;
	padding: 12px !important;
	margin: 14px 0px !important;
	position: relative;
}
ul#update-articles li::before {
    content: "";
}
#update-articles li .article-photo {
    float: left;
    margin-right: 12px;
    width: 100px;
    overflow: hidden;
}
#update-articles li .article-photo img {
    height: 100px;
    width: auto;
    max-width: inherit !important;
}
#update-articles li .article-text {
	width: 73%;
	line-height: 1.3em;
	float: left;
	text-align: left;
}
#update-articles li .article-text .readMore {
	position: absolute;
	right: 0;
	bottom: 0;
}
#update-articles li .article-text .readMore a {
    display: block;
    height: 2rem;
    width: 2rem;
    text-decoration: none;
}
#update-articles .readMore a::after {
    content: "\f054";
    text-decoration: none !important;
    font-family: var(--msq-fa-fontstack);
    font-size: 1.2rem;
    padding: 0 1rem;
    font-weight: 900;
}
#update-articles h3,
#update-articles h4, .tabs-content h4 {
	font-size: 110% !important;
	line-height: 1.2em !important;
	margin: 0px 0px 5px 0px !important;
}
#update-articles h3 a:hover, #update-articles h3 a:active, #update-articles h3 a:link, #update-articles h3 a:visited,
#update-articles h4 a:hover, #update-articles h4 a:active, #update-articles h4 a:link, #update-articles h4 a:visited {
	color: #444;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.3em;
}

#update-articles a:link, #update-articles a:visited, #update-articles h4 a:link, #update-articles h4 a:visited,
#update-articles h3 a:link, #update-articles h3 a:visited {
	text-decoration: underline;
}
#update-articles a:hover, #update-articles a:active, #update-articles h4 a:hover, #update-articles h4 a:active,
#update-articles h3 a:hover, #update-articles h3 a:active {
	text-decoration: none;
}
#update-articles a:hover, #update-articles a:active, #update-articles a:link, #update-articles a:visited {
	color: var(--msq-blue);
}
#showMore #update-articles li .article-photo img.middle {
    margin-left: -55%;
}
#showMore #update-articles li .article-photo img.right {
    margin-left: -95%;
}
/* Pagelists */
.pagelist .col_inner {
	border: 1px solid #eaeaea;
	box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);
	text-align: left;
}
.lt-ie9 .pagelist .col_inner, .flexboxtweener .pagelist .col_inner {
	box-shadow: 0px 5px 25px -7px rgba(0,0,0,0.75);
}
.lt-ie9 .pagelist .col_inner {
	overflow: hidden;
	max-height: 300px;
}
.pagelist .col_inner h3 {
	padding: 0px 10px;
	font-size: 110% !important;
	margin: 6px 0 !important;
}
.pagelist .col_inner .abstract, .pagelist .col_inner p {
	padding: 0px 10px;
}
.pagelist .indexThb {
	font-size: 0px;
	line-height: 0px;
	padding: 5px 5px 0;
	max-height: 250px;
	overflow: hidden;
}
.pagelist .indexThb img {
	height: auto;
	max-width: 100%;
	width: 100%;
}
/* PageList - Shortcut Dropdown */
#ShortcutDropdown {
	background-color: #f04f23;
	border-radius: 5px;
	margin-top: 6px;
	padding: 10px;
}
#ShortcutDropdown > .dropbtn {
	background: #f04f23 url("../images/redesign2015/arrow-white-down.png") no-repeat scroll 100% 50%;
	color: #ffffff;
	font-size: 150%;
	text-decoration: none;
	width: 100%;
	position: relative;
	display: inline-block;
}
.lt-ie9 #ShortcutDropdown > .dropbtn, .flexboxtweener #ShortcutDropdown > .dropbtn {
	font-weight: 500;
}
#ShortcutDropdown .dropdown-content {
	background-color: #f04f23;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	display: none;
	margin: 10px 0 0 !important;
	position: absolute;
	z-index: 10;
	width: 275px;
}
#dropdownItems li {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	padding: 0 !important;
}
#dropdownItems li > a {
	background: rgba(0, 0, 0, 0) url("../images/redesign2015/arrow-white-right.png") no-repeat scroll 5px 0.7em;
	color: #ffffff;
	display: block;
	padding: 0.5em 1.3em;
	text-decoration: none;
}
#dropdownItems li a:hover {
	background-color: var(--msq-bright);
	color: #666;
}
#ShortcutDropdown .showDropdown {
	display: block;
}
/* Scroll Effects
------------------------------------------------------------------------------ */
.scrollDisplay, .scrollToggle {
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out 0.5s;
}
.scrollDisplay.scrollUp, .scrollToggle.scrollUp {
	transform: translate3d(0, 50px, 0);
}
.scrollDisplay.scrollLeft, .scrollToggle.scrollLeft {
	transform: translate3d(50px, 0, 0);
}
.scrollDisplay.in-view, .scrollToggle.in-view {
	transform: none;
	visibility: visible;
	opacity: 1;
}


/* Responsive Video */
.vimeo-youtube {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px; 
  position: relative;
}
.vimeo-youtube iframe,
.vimeo-youtube object,
.vimeo-youtube embed {
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}

/* Component List - Tabs */
.tabs-content {
	clear: both;
}
.tab-container > ul {
	width: 100%;
	margin: 0 !important;
}
.tab-container > ul > li {
	background: none !important;
	border-bottom: 5px solid var(--msq-sky-light);
	float: left;
	font-size: 160%;
	margin-bottom: 12px;
	padding: 3px 9px 0px 12px !important;
	width: 45%;
}
.tab-container > ul > li.active {
	background-color: var(--msq-sky-light) !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.tab-container > ul > li.active a:link, .tab-container > ul > li.active a:visited, .tab-container > ul > li a:link, .tab-container > ul > li a:visited {
	color: #ffffff;
	font-size: 160%;
	font-weight: normal;
	line-height: 2em;
	text-decoration: none;
}
.tab-container > ul > li a:link, .tab-container > ul > li a:visited {
	color: var(--msq-navy);
}
.lt-ie9 .tab-container > ul > li.active a:link, .lt-ie9 .tab-container > ul > li.active a:visited, .lt-ie9 .tab-container > ul > li a:link, .lt-ie9 .tab-container > ul > li a:visited, .flexboxtweener .tab-container > ul > li.active a:link, .flexboxtweener .tab-container > ul > li.active a:visited, .flexboxtweener .tab-container > ul > li a:link, .flexboxtweener .tab-container > ul > li a:visited {
	font-weight: 500;
}
.tab-container .tabs-content a:link, .tab-container .tabs-content a:visited {
	color: var(--msq-blue);
}
.tab-container h3 {
	display: none;
	visibility: hidden;
}
.tabs-content h4 a:hover, .tabs-content h4 a:active, .tabs-content h4 a:link, .tabs-content h4 a:visited {
	color: #333333 !important;
	font-weight: bold;
}
.tabs-content h4 a:link, .tabs-content h4 a:visited {
	text-decoration: none;
}
.tabs-content h4 a:hover, .tabs-content h4 a:active {
	text-decoration: underline;
}
.etabs {
	margin: 0;
	padding: 0;
}
.tab {
	display: inline-block;
	background: var(--msq-bright);
	border: solid 1px #999;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}
.tab a {
	font-size: 14px;
	line-height: 2em;
	display: block;
	padding: 0 10px;
	outline: none;
}
.tab a:hover {
	text-decoration: underline;
}
.tab.active {
	background: #fff;
	padding-top: 6px;
	position: relative;
	top: 1px;
	border-color: #666;
}
.tab a.active {
	font-weight: bold;
}
.tab-container .panel-container {
	background: #fff;
	border: solid #666 1px;
	padding: 10px;
	border-radius: 0 4px 4px 4px;
}
.tabs-content > div > ul {
	margin: 0 12px !important;
}

/* MOBILE STYLES 
------------------------------------------------------------------------------ */
@media only screen and (max-width:1023px) {
    .maxWidth {
    	margin: 0 1em;
    }
    #ReturnToTop, #ReturnToTop a {
    	visibility: visible;
    	line-height: 1.5em;
    	padding: 12px;
    	display: inline-block;
    	color: #999999;
    }
    #mainContentWrap img {
    	max-width: 100%;
    	height: auto;
    }
    #mainContent h4, #leftNav h4 {
    	padding: 0 10px;
    }
    /* Feature Sections */
    .feature-nobg > .left {
        background-image: none;
    }
    .feature > .maxWidth > .col_inner, .feature > .bg-blue1.bg-right > .col_inner {
    	max-width: 100%;
    }
    .feature > div > .col_inner {
        padding: 1em;
    }
    .feature > .bg-blue1 > .col_inner, .feature > .bg-blue2 > .col_inner {
    	padding: 1em;
    }
    /* CategoryList - News */
    #update-articles li .article-text {
    	width: auto !important;
    	float: none !important;
    }
    /* ComponentList Tabs */
    .tab-container > ul {
    	display: none;
    	visibility: hidden;
    }
    .tab-container > ul > li {
    	float: none;
    	width: 100%;
    }
    .tab-container h3 {
    	display: inherit;
    	visibility: visible;
    }
    .tabs-content > div {
    	display: inherit !important;
    }
    /* PageLists */
    .pagelist > .section > .col, .pagelist > .section > .col_margin {
    	padding: 1em 0;
    }
    /* PageList - Shortcut Dropdown */
    #ShortcutDropdown .dropdown-content {
    	width: 70% !important;
    }
    /* Page Banner */
    #pageBanner {
        background: #e6e6e6;
    }
    #pageBanner #bannerDesc {
        font-size: 150% !important;
        max-width: 100% !important;
        position: relative;
        color: var(--msq-navy);
    	padding: 10px 0 0;
    }
    
    /* =Responsive table
    ------------------------------------------------------------------------------ */
    table.responsiveTable, table.responsiveTable > tbody {
    	display: block;
    	width: 100%;
    }
    table.responsiveTable > thead {
    	display: none;
    }
    table.responsiveTable > tbody > tr, table.responsiveTable > tbody > tr > th, table.responsiveTable > tbody > tr > td {
    	padding: 0;
    	text-align: left;
    	white-space: normal;
    	display: block;
    	width: 100%;
    	box-sizing: border-box;
    	clear: left;
    }
    table.responsiveTable > tbody > tr {
    	padding-bottom: 11px;
    	margin-bottom: 11px;
    }
    table.responsiveTable > tbody > tr > th[data-title]:before, table.responsiveTable > tbody > tr > td[data-title]:before {
    	content: attr(data-title) ":\00A0";
    	font-weight: bold;
    }
    table.responsiveTable > tbody > tr > td {
    	border: none;
    	margin-bottom: 6px;
    	color: #444;
    }
    table.responsiveTable > tbody > tr > td:empty {
    	display: none;
    }
    table.responsiveTable > tbody > tr > td:first-child {
    	font-size: 14px;
    	font-weight: bold;
    	margin-bottom: 6px;
    	color: #333;
    }
    table.responsiveTable > tbody > tr > td:first-child:before {
    	content: '';
    }
    /* Data Table Overwrites */
    .dataTable > tbody > tr > td {
    	text-align: left;
    }
    .dataTable > tbody > tr > td, .dataTable > tr > th {
    	padding: 0px;
    }
    .fundTable tbody > tr > th {
    	padding: 4px !important;
    }
    
    /* =Video
    ------------------------------------------------------------------------------ */
    div#video {
        width: 95%;
    }
    #videoPage .span_1_of_3, #videoPage .span_2_of_3, .landingInner .span_1_of_3 {	
    	width: 100% !important;	
    }

}

/* DESKTOP STYLES
-------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:1024px) {
    /* Feature Sections */
    .featurebg > .left > .col_inner, .featurebg > .maxWidth > .col_inner {
        max-width: 60%;
    }
    div#video {
        padding: 24px;
        margin: 0 auto;
        min-height: 250px;
    }
    #videoPage #video {
        padding: 0 !important;
    }

}