/*
	common.css 
	author: Phil Champagne
	Updated for responsive design: 2014
	Updated for brand redesign: 2015
*/

/* =Global
------------------------------------------------------------------------------ */
body {
	font-family: arial, helvetica, sans-serif; /*'trebuchet ms'*/
	background-color: #e5e5e5;
}
.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;
}
.info {
	display: none;
	visibility: hidden;
	height: 0px;
	width: 0px;
	font-size: 0px;
	line-height: 0px;
}
/* RSS 
------------------------------ */
#utilities #rss {
	float: left;
	padding: 3px 0 0 16px;
	display: none; /* hide for now */
}

/* Header Site Alert */
#header .subContent {
	clear: both;
	background-color: #ffce00;
	padding: 9px 12px 9px 14px;
	margin: 12px 0;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
#header .subContent h3 {
	font-size: 200%;
	font-family: FuturaStd-Condensed,"futura-pt-condensed",Arial,san-serif;
	color: #102c52;
	display: inline;
	margin-right: 1em;
}
.lt-ie9 #header .subContent h3, .flexboxtweener #header .subContent h3 {
	font-weight: 500;
}
#header .subContent .abstract {
	display: inline;
}
#header .subContent p {

}
#loginForm .loginField {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #bcbcbc;
    display: inline-block;
	zoom: 1;
	*display:inline;
    font-style: italic;
    height: 24px;
    margin: 1px 0px 0px 5px;
    padding-left: 5px;
    width: 170px;
}
#siteSearch .submitBtn, #marketview .submitBtn, #loginForm .loginBtn {
	background: url('../images/redesign2015/submitbutton.png') 0 0 no-repeat;
	width: 26px;
	height: 29px;
	border: 0;
	text-indent: -9999px;
	text-transform: capitalize; /* IE */
	cursor: pointer;
	margin-left: 5px;	
}
/* Social Icons */
.fa.fa-facebook-square { color: #3b5998; }
.fa.fa-twitter-square { color: #55acee; }
.fa.fa-youtube-square { color: #cd201f; }
.fa.fa-linkedin-square { color: #0077b5; }
/* =Left navigation
------------------------------------------------------------------------------ */
#leftNav > ul {
	background-color: #f2f2f2;
    border: 1px solid #c3c3c3;
    padding: 16px;
	-webkit-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);
}
.lt-ie9 #leftNav > ul, .flexboxtweener #leftNav > ul {
box-shadow: 0px 5px 25px -7px rgba(0,0,0,0.75);
behavior: url('/prebuilt/pie/PIE.php');
}
#leftNav > ul li {
	line-height: 17px;
	padding: 4px 5px 4px 0;
}

#leftNav > ul li {
	line-height: 17px;
	padding: 4px 5px 4px 0;
}

#leftNav > ul li a {
	display: block;
	padding-left: 19px;
	text-decoration: none;
	color: #575757;
}

#leftNav > ul li a:hover {
	text-decoration: underline;
	padding-left: 19px;
	background: rgba(0, 0, 0, 0) url("../images/redesign2015/arrow-navyblue-right.png") no-repeat scroll left 50%;
}
#leftNav li.active {}
#leftNav li.active > a {
	color: #000;
	padding-left: 19px;
	background: rgba(0, 0, 0, 0) url("../images/redesign2015/arrow-navyblue-right.png") no-repeat scroll left 50%;
}
	
#leftNav .last {border-bottom: none;}

#leftNav > ul ul {
	margin-top:3px;
	}
	
#leftNav > ul ul li {
	background: #F1F1F1;
	padding-left: 18px;}
	
#leftNav > ul ul li a {padding-left: 19px;}

#leftNav > ul ul li a:hover {
	padding-left: 19px;
	text-decoration: underline;
	}

/* =Links
------------------------------------------------------------------------------ */
a, a:link, a:focus {
	outline: none;
	color: #069;
}
a:hover {
	text-decoration: none;
}
.readMore {
	text-align: right;
}
.moreLink {
	text-align: right;
	clear: both;
}
.moreLink a {
	background: url('../images/wrapper/icon-more-link.gif') 0 2px no-repeat;
	line-height: 16px;
	padding-left: 21px;
}
#ReturnToTop, #ReturnToTop a {
	visibility: hidden;
	line-height: 0px;
}
/* =Icon Links
------------------------------------------------------------------------------ */
.article-sm, .calculator-sm, .document-sm, .video-sm, .webinar-sm {
    background-position: left -3px;
    background-repeat: no-repeat;
    background-size: 1.9em auto;
    display: block;
    padding-left: 2.2em;
}
.article-sm {
    background-image: url('../../images/wct/icons/icon-article-sm.png');
}
.calculator-sm {
    background-image: url('../../images/wct/icons/icon-calculator-sm.png');
}
.document-sm {
    background-image: url('../../images/wct/icons/icon-document-sm.png');
}
.video-sm {
    background-image: url('../../images/wct/icons/icon-video-sm.png');
}
.webinar-sm {
    background-image: url('../../images/wct/icons/icon-webinar-sm.png');
}


/* =Lists
------------------------------------------------------------------------------ */
#mainContent ul, #leftNav .subContent ul {
	margin: 12px 12px 12px 5px;
}
#mainContent ul ul, #leftNav .subContent ul ul {
	margin-bottom: 8px;
}
#mainContent ul li, #leftNav .subContent ul li { 
	background: url('../images/redesign2015/arrow-lightblue-right.png') 0 4px no-repeat;
	font-size: 100%;
	line-height: 1.4em;
	padding: 0 0 10px 14px;
}
#mainContent ul li:last, #leftNav .subContent ul li: last { 
	padding: 0 0 0 14px;
}
#mainContent ul.dialog {overflow: auto;}
#mainContent ul.dialog li {}
#mainContent ul.dialog ul {margin: 0; overflow: auto;}
#mainContent ul li li {
	font-size: 100%;
}
#mainContent ol, #leftNav .subContent ol {
	margin: 12px 0 12px 25px;
}
#mainContent ol ol, #leftNav .subContent ol ol {
	margin-bottom: 8px;
}
#mainContent ol li, #leftNav .subContent ol li {
	list-style: decimal;
	font-size: 100%;
	line-height: 1.4em;
	padding: 0 0 10px 14px;
	background: none;
	margin-left: 10px;
}
#mainContent ol li li, #leftNav .subContent ol li li {
	font-size: 100%;
}

/* =Typography
------------------------------------------------------------------------------ */
#mainContent {
	color: #575757;
}
#mainContent p {
	font-size: 100%;
	line-height: 1.45em;
	margin: 0 0 18px 0;
}
#mainContent p.date {
	font-size: 108%;
	color: #b0b0b0;
	line-height: 1.45em;
	margin: 0 0 5px 0;
}
#mainContent h1 {
    color: #555555;
    font-size: 235%;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 16px 0 6px;
}
#mainContent h2 {
	color: #575757;
	font-size: 138.5%;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 0 18px 0;
}
#mainContent h3 {
	color: #575757;
	font-size: 112%;
	line-height: 1.25em;
	font-weight: bold;
	margin: 10px 0 14px 0;
}
#homepage #mainContent h3 {
    border-bottom: 5px solid #6dc6eb;
    color: #102c52;
	font-family: FuturaStd-Condensed,"futura-pt-condensed",Arial,san-serif;
    font-size: 200%;
    padding: 0 0 3px 10px;
	font-weight: normal;
}
.lt-ie9 #homepage #mainContent h3, .flexboxtweener #homepage #mainContent h3 {
	font-weight: 500;
}
#mainContent h4, #leftNav h4 {
	color: #575757;
	font-size: 100%;
	line-height: 1em;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

#mainContent dd {
	margin-bottom: 1em;
}
#mainContent dt {
	font-weight: bold;
}

/* Section index and COTW
------------------------------ */
#mainContent #sectionIndex h2, #mainContent #cotw h2 {
	font-size: 182%;
}
#mainContent #sectionIndex h3 {
	color: #575757;
	font-size: 125%;
	font-weight: normal;
	margin-top: 0;
}

#mainContent #cotw h3  {
	color: #575757;
	font-size: 134.5;
	font-weight: normal;
	margin-top: 0;
}
.cotw {
    text-align: center;
    width: 100%;
}
.cotw > h4 {
    text-align: left;
}
.cotw > p {
    text-align: left;
}
.cotw img {
    height: auto;
    margin: 0 auto 10px;
    max-width: 375px;
    width: 90%;
}
/* Sub content 
------------------------------ */
#mainContent #aside .subContent p, #leftNav .subContent p {
	margin-bottom: 10px;
}
#mainContent #aside .subContent h3, #leftNav .subContent h3 {
	color: #575757;
	font-size: 123.1%;
	font-weight: normal;
	line-height: 21px;
	margin: 0 0 8px 0;
}

/* =Tables
------------------------------------------------------------------------------ */
caption {display: none;}

.dataTable {margin-bottom: 10px;}

.dataTable thead th {
	text-align: center;
	border-bottom: 2px solid #999;
	background: #D8E3ED;}

.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 #DDD;} 

.fundTable {width: 100%;}

.fundTable thead th {
	background: #004477;
	color: #FFF;}
	
.fundTable tbody th {
	background: #daeef4 none repeat scroll 0 0; 
	color: #444444; 
	text-align: center;
 }

/* =Calculators
-----------------------------------------------------------------------------------------*/
#calculators {
	border-spacing: 10px;
	border-collapse: separate;}

#calculators td {padding-right:10px;}

#calculators a {
	border: 3px solid #F3F3F3;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	display: inline-block;
	zoom: 1;
	*display:inline;	
	}

#calculators a:hover {border: 3px solid #FFA22F;}

#calculators img {
	vertical-align: middle;
	padding-right: 10px;}

/* = Link to Us
------------------------------------------------------------------------------ */
.linkExample {
	margin: 15px 0;
}
.linkExample textarea.code {
	margin-top: 20px;
	width: 470px;
}
span.code {
	font-family: "Lucida Console", Monaco, monospace;
	color: #F48511;
	font-weight: normal;
	text-align: left;
	font-size: smaller;	
}
blockquote {Margin: 13px 40px;}
/* Homepage Articles */
#update-articles {
margin: 0px !important;
}
#update-articles li {
	border: 1px solid #c3c3c3;
	background: #eeeeee !important;
	padding: 12px !important;
	margin: 14px 0px !important;
	position: relative;
}
#update-articles li .article-photo {
	float: left;
	margin-right: 12px;
}
#update-articles li .article-photo > img {
    width: 100px;
}
#update-articles li .article-text {
	width: 73%;
	line-height: 1.3em;
	float: left;
}
#update-articles li .article-text .readMore {
    background: rgba(0, 0, 0, 0) url("../images/redesign2015/arrow-navyblue-right.png") no-repeat scroll 0 0;
    position: absolute;
    right: 0;
	bottom: 0;
}
#update-articles li .article-text .readMore a {
	display: block;
	height: 1.8em;
    width: 1.2em;
}
#update-articles h4, .tabs-content h4 {
    font-size: 110% !important;
    line-height: 1.2em !important;
    margin: 0px 0px 5px 0px !important;
}
#update-articles h4 a:hover, #update-articles h4 a:active, #update-articles h4 a:link, #update-articles h4 a:visited {
    color: #333333;
    font-weight: bold;
	line-height: 1.3em;
}
#update-articles h4 a:link, #update-articles h4 a:visited {
    text-decoration: none;
}
#update-articles h4 a:hover, #update-articles h4 a:active {
    text-decoration: underline;
}
#update-articles a:hover, #update-articles a:active, #update-articles a:link, #update-articles a:visited {
    color: #6a747c;
}
#update-articles a:link, #update-articles a:visited {
    text-decoration: none;
}
#update-articles a:hover, #update-articles a:active {
    text-decoration: underline;
}
/* Tabs */
.tabs-content {
    clear: both;
}
.tab-container > ul {
width: 100%;
margin: 0 !important;
}
.tab-container > ul > li {
background: none !important;
    border-bottom: 5px solid #6dc6eb;
    float: left;
    font-size: 160%;
    margin-bottom: 12px;
    padding: 3px 9px 0px 12px !important;
    width: 45%;
}
.tab-container > ul > li.active {
    background-color: #6dc6eb !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-family: FuturaStd-Condensed,"futura-pt-condensed",Arial,san-serif;
    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: #102c52;
}
.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: #069;
}
.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;
	zoom: 1;
	*display:inline;
	background: #eee;
	border: solid 1px #999;
	border-bottom: none;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-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;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
}
.tabs-content > div > ul {
    margin: 0 12px !important;
}

/* Tooltipster Default Theme */
.tooltipster-default {
	border-radius: 5px; 
	border: 2px solid #000;
	background: #4c4c4c;
	color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}
/* Animations */
.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}
.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}
.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* Pagelist Styles */
.pagelist .col_inner {
border: 1px solid #eaeaea;
-webkit-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);
box-shadow: 0px 5px 15px -10px rgba(0,0,0,0.75);
}
.lt-ie9 .pagelist .col_inner, .flexboxtweener .pagelist .col_inner {
box-shadow: 0px 5px 25px -7px rgba(0,0,0,0.75);
behavior: url('/prebuilt/pie/PIE.php');
}
.lt-ie9 .pagelist .col_inner {
    overflow: hidden;
    max-height: 300px;
}
.pagelist .col_inner h3 {
padding: 0px 10px;
font-weight: normal !important;
font-size: 100% !important;
margin: 6px 0 !important;
}
.pagelist .col_inner .abstract {
padding: 0px 10px;
}
.pagelist .indexThb {
font-size: 0px;
line-height: 0px;
padding: 5px 5px 0;
}
.pagelist .indexThb img {
    height: auto;
    max-width: 100%;
	width: 100%;
}
.quicklinks-title h3 {
    color: #102c52;
	font-family: FuturaStd-Condensed,"futura-pt-condensed",Arial,san-serif;
    font-size: 160%;
    line-height: 1.2em;
}
.lt-ie9 .quicklinks-title h3, .flexboxtweener .quicklinks-title h3 {
	font-weight: 500;
}

/* MOBILE STYLES 
-------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:660px) {
/* =Branding/Header
------------------------------------------------------------------------------ */
body{
	font-size: medium;
    -webkit-text-size-adjust: 100%; /* correct auto font-size adjustment for iPhone */
	background-color: #ffffff;
  }
#header {
	position: relative;
	z-index: 100;
}
#header .subContent {
    border-radius: 0;
    margin: 12px 0;
}
#ReturnToTop, #ReturnToTop a {
	visibility: visible;
	line-height: 1.5em;
	padding: 12px;
	display: inline-block;
	zoom: 1;
	*display:inline;	
	color: #999999;
}
#mainContentWrap img {
	max-width: 100%;
	height: auto;	
}
#mainContent h4, #leftNav h4 {
	padding: 0 10px;
} 
/* Utility navigation
------------------------------ */
/* hide social icons */
#utilityNav > .item4, #utilityNav > .item5, #utilityNav > .item6, #utilityNav > .item7 { display: none !important; }
#utilities {
	display: inline-block;
	zoom: 1;
	*display:inline;	
	position: relative;
}
#headerForms, #headerForms form, #headerForms li {
    display: inline-block;
    zoom: 1;
	*display:inline;
	float: right;
}
#utilities #utilityNav li, #marketview li, #siteSearch li {
    color: #102c52;
    float: left;
    font-size: 95%;
    margin-left: 15px;
    padding-left: 18px;
}
/* Search form
------------------------------ */
#utilityNav #siteSearch {
    display: inline-block;
	zoom: 1;
	*display:inline;	
}
#utilityNav #siteSearch ul li {
	float: left;
}
#utilityNav #siteSearch .searchField {
	background: #579cd2;
	color: #fff;
	display: block;
	width: 135px;
	height: 20px;
	font-size: 85%;
	line-height: 20px;
	padding: 2px 0 0 2px;
	border: 1px solid #b5c9d9;
}
#siteSearch .submitBtn {
	background: url('../images/redesign2015/submitbutton.png') 0 0 no-repeat;
	display: block;
	width: 26px;
	height: 29px;
	border: 0;
	text-indent: -9999px;
	text-transform: capitalize; /* IE */
	cursor: pointer;
}
/* =Page utilites
------------------------------------------------------------------------------ */
#pageUtilities {
	min-height: 25px;
}
#pageUtilities #breadcrumb {
	color: #999999;
	margin: 0px !important;
	float:left;
}
#pageUtilities #breadcrumb li {
	float: left;
	line-height: 1.5em;
	background: none;
	padding: 0px !important;
}
#pageUtilities #breadcrumb li a {
	background: url('../images/wrapper/breadcrumb-item-divider.gif') 100% 7px no-repeat;
	display: block;
	color: #999999;
	padding-right: 10px;
	margin-right: 4px;
}
#pageUtilities #breadcrumb li a.last {
	background: none;
}
#pageUtilities #pageUtils { 
	display: none;
	visibility: hidden;
	line-height: 0px;
}
/* =Left navigation */
#leftNav {
}

/* maincontentbox */	
#maincontentbox1, #maincontentbox2, #maincontentbox3, #maincontentbox4 {
	padding: 10px;
}
#maincontentbox1 {
	padding-top: 0;
}
#maincontentbox2, #maincontentbox3, #maincontentbox4 {
	border-top: 1px solid #cccccc;
	margin-top: 12px;
}
#mainContent > .subContent, #mainContent > .textContent, #mainContent > h1, #pageUtilities {
    margin: 12px auto;
}

#update-articles li .article-text {
	width: auto !important;
	float: none !important;
}

/* =Quick links
------------------------------------------------------------------------------ */
#quicklinks {
	clear: both;
}
#quicklinks #quickLinksInner {
	margin: 0 auto;
	background-color: #ffffff;
	padding: 12px;
}
.quickLinksBlock {
    margin-bottom: 24px;
}
.quicklinks-title {
    margin: 0 0 5px;
    position: relative;
}
.quicklinks-title h3 {
}
#quicklinks #quickLinksInner .quickLinksBlock ul li {
    line-height: 1.4em;
}
#quicklinks #quickLinksInner .quickLinksBlock a {
	color: #102c52;	
	text-decoration: none;
}
#quicklinks #quickLinksInner .quickLinksBlock a:hover {
	text-decoration: underline;
}
.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;
}
/* =Footer
------------------------------------------------------------------------------ */
#footer {
	width: 100%;
	clear: both;}
#footer #footerInner {
	color: #575757;
	font-size: 90%;
	line-height: 1.5em;
	width: 100%;
}
#footer ul {
	padding: 10px 20px;
}
#footer ul li a {
	color: #575757;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer p {
	clear: both;
	padding: 10px 20px;		
}
/* Responsive Data Table */
table.responsiveTable,  table.responsiveTable > tbody {
	display: block;
	width: 100%;
	*display: inline; /* for IE 7 and below */
	*width: auto; /* for IE 7 and below */
}
table.responsiveTable > thead {
	display: none;
	*display: table-header-group; /* for IE 7 and below */
}
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%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
	*width: auto; /* for IE 7 and below */
	*float: none; /* for IE 7 and below */
    *clear: none; /* for IE 7 and below */
}
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: '';
}

/* datable overwrites */
.dataTable > tbody > tr > td {
	text-align: left;	
	*text-align: center; /* for IE 7 and below */	
}
.dataTable > tbody > tr > td, .dataTable > tr > th {
	padding: 0px;
	*padding: 4px; /* for IE 7 and below */	
}
.fundTable tbody > tr > th {
	padding: 4px !important;
}

/* Embedded video styles */
#video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 18px;
}
#video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#video img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
.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;
}
}

/* TABLET STYLES 
-------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:661px) and (max-width:810px) {
/* =Branding/Header
------------------------------------------------------------------------------ */
#header {
	position: relative;
	z-index: 1000;
}
#header .logo {
    padding: 0 24px;
	margin-bottom: 12px;
}
.marginTop {
	margin-top: 0px !important;	
}
/* Utility navigation
------------------------------ */
/* hide social icons */
#utilityNav > .item4, #utilityNav > .item5, #utilityNav > .item6, #utilityNav > .item7  { display: none !important; }
#utilities {
	display: inline-block;
	zoom: 1;
	*display:inline;	
	position: relative;
}
#headerForms, #headerForms form, #headerForms li {
    display: inline-block;
    zoom: 1;
	float: right;
	*display:inline;
}
#utilities #utilityNav li, #marketview li, #siteSearch li {
    float: left;
    font-size: 95%;
    line-height: 2em;
    margin-left: 15px;
    padding-left: 18px;
	color: #102c52;
}

/* Search form
------------------------------ */

#utilityNav #siteSearch {
	float: left;
}
#marketview ul {
    float: right;
}
#utilityNav #siteSearch ul li {
	float: left;
}
/* =Page utilites
------------------------------------------------------------------------------ */
.oneColumn #pageUtilities { /* Overrides for single column layout */
	width: 100%;
	padding-left: 0;
}
#pageUtilities #breadcrumb {
	color: #999999;
	font-size: 85%;
	margin: 0 6px 0 0;
	float:left;
}
#pageUtilities #breadcrumb li {
	float: left;
	line-height: 17px;
	background: none;
	padding: 0px;
}
#pageUtilities #breadcrumb li a {
	background: url('../images/wrapper/breadcrumb-item-divider.gif') 100% 7px no-repeat;
	display: block;
	color: #999999;
	padding-right: 10px;
	margin-right: 4px;
}
#pageUtilities #breadcrumb li a.last {
	background: none;
}
#pageUtilities #pageUtils { 
	float: right;
	*min-width: 8.3em;
}
#pageUtilities #fontResize {
	float: left;
	width: 50px;
}
#pageUtilities #fontResize li {
	float: left;
	padding-right: 2px;
}
#pageUtilities #emailPrint {
	float: left;
	width: 60px;
}
#pageUtilities #emailPrint li {
	float: left;
	padding-right: 12px;
}/* maincontentbox */
#maincontentbox1, #maincontentbox2, #maincontentbox3, #maincontentbox4 {
	float: left;
	height: 50%;
	padding: 10px;
}
#maincontentbox1 {
	width: 46%;
	border-right: 1px solid #cccccc;
}
#maincontentbox2 {
	width: 45%;
}
#maincontentbox3 {
	width: 46%;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
#maincontentbox4 {
	width: 45%;
	border-top: 1px solid #cccccc;
}
#maincontentbox1 div, #maincontentbox2 div, #maincontentbox3 div, #maincontentbox4 div {
	width: 95%;
	float: right;
}
#update-articles li .article-text {
	width: auto !important;
	float: none !important;
}
/* =Footer
------------------------------------------------------------------------------ */
#footer {
	width: 100%;
	clear: both;}
#footer #footerInner {
	color: #575757;
	font-size: 100%;
	line-height: 15px;
	width: 810px;
	margin: 0 auto;
	background-color: #ffffff;
	min-height: 34px;
	padding: 20px 0 10px;
}
#footer ul {
	float: right;
	margin-right: 12px;
}
#footer ul li {
	background: url('../images/wrapper/footer-item-divider.gif') 0 3px no-repeat;
	float: left;
	padding: 0 9px 0 10px;
}
#footer ul li:first-child {
	background: none;
	padding-left: 0;
}
#footer ul li a {
	color: #575757;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footerInner > p {
	margin-left: 12px;
}
/* =Quick links
------------------------------------------------------------------------------ */
#quicklinks {
	clear: both;
}
#quicklinks #quickLinksInner {
	width: 810px;
	margin: 0 auto;
	background-color: #ffffff;
}
#quicklinks #quickLinksInner .quickLinksBlock {

}
#quicklinks #quickLinksInner .quickLinksBlock.last {

}
.quicklinks-title {
    border-bottom: 5px solid #6dc6eb;
    height: 3.5em;
    margin: 0 0 5px;
    padding: 0 10px;
    position: relative;
}
.quicklinks-title h3 {
    bottom: 0;
    padding-bottom: 5px;
    position: absolute;
}
#quicklinks #quickLinksInner .quickLinksBlock ul li {
    font-size: 110%;
    line-height: 1.4em;
    padding-left: 12px;
	margin-bottom: 5px;
}
#quicklinks #quickLinksInner .quickLinksBlock a {
	color: #102c52;	
	text-decoration: none;
}
#quicklinks #quickLinksInner .quickLinksBlock a:hover {
	text-decoration: underline;
}
}

/* DESKTOP STYLES
-------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:811px) {
/* =Branding/Header
------------------------------------------------------------------------------ */
#header {
	position: relative;
	z-index: 1000;
}
#header .logo {
	margin-bottom: 12px;
}
.logo > a > img {
    padding: 0 0 3px 2em;
	float: left;
}
.marginTop {
	margin-top: 0px !important;	
}
/* Utility navigation
------------------------------ */
#utilities {
	float: right !important;
	position: relative;
	text-align: right;
}
#utilities #utilityNav {
	margin-bottom: .7em;
	min-height: 1em;
}
#utilities #utilityNav li, #marketview li {
    float: left;
    line-height: 1.5em;
    margin-left: 1.2em;
	color: #102c52;
}
#utilities a {
	color: #102c52;
	text-decoration: none;
	font-family: FuturaStd-Condensed,"futura-pt-condensed",Arial,san-serif;
    font-size: 137%;
}
#headerForms {
	float: right;
	padding-top: 1.7em;
	clear: both;
}
.item4 span, .item5 span, .item6 span, .item7 span { display: none; }
#utilities #utilityNav li.item3 {
    padding-right: 1em;
    border-right: 1px solid #cccccc;
}
.lt-ie9 #utilities a, .flexboxtweener #utilities a {
	font-weight: 500;
}

#siteSearch .searchField, #marketview .searchField {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #bcbcbc;
    display: inline-block;
	zoom: 1;
	*display:inline;
    font-style: italic;
    height: 24px;
    margin: 1px 0px 0px 5px;
    padding-left: 5px;
    width: 170px;
}

/* Search form
------------------------------ */

#headerForms #siteSearch {
	clear: both;
}
#siteSearch > li {
    padding: .7em 0 0 0;
    display: inline-block;
    zoom: 1;
	*display:inline;
}
/* =Page utilites
------------------------------------------------------------------------------ */
#pageUtilities {

}
.oneColumn #pageUtilities { /* Overrides for single column layout */
	width: 100%;
	padding-left: 0;
}
#pageUtilities #breadcrumb {
	color: #999999;
	font-size: 85%;
	margin: 0 6px 0 0;
	float: left;
}
#pageUtilities #breadcrumb li {
	float: left;
	line-height: 17px;
	background: none;
	padding: 0px;
}
#pageUtilities #breadcrumb li a {
	background: url('../images/wrapper/breadcrumb-item-divider.gif') 100% 7px no-repeat;
	display: block;
	color: #999999;
	padding-right: 10px;
	margin-right: 4px;
}
#pageUtilities #breadcrumb li a.last {
	background: none;
}
#pageUtilities #pageUtils { 
	float: right;
	*min-width: 8.3em;
}
#pageUtilities #fontResize {
	float: left;
	width: 50px;
}
#pageUtilities #fontResize li {
	float: left;
	padding-right: 2px;
}
#pageUtilities #emailPrint {
	float: left;
	width: 60px;
}
#pageUtilities #emailPrint li {
	float: left;
	padding-right: 12px;
}/* maincontentbox */
#maincontentbox1, #maincontentbox2, #maincontentbox3, #maincontentbox4 {
	float: left;
	height: 50%;
	padding: 10px;
}
#maincontentbox1 {
	width: 46%;
	border-right: 1px solid #cccccc;
}
#maincontentbox2 {
	width: 45%;
}
#maincontentbox3 {
	width: 46%;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
#maincontentbox4 {
	width: 45%;
	border-top: 1px solid #cccccc;
}
#maincontentbox1 div, #maincontentbox2 div, #maincontentbox3 div, #maincontentbox4 div {
	width: 95%;
	float: right;
}
/* =Footer
------------------------------------------------------------------------------ */
#footer {
	width: 100%;
	clear: both;}
#footer #footerInner {
	color: #575757;
	font-size: 100%;
	line-height: 15px;
	width: 980px;
	margin: 0 auto;
	background-color: #ffffff;
	min-height: 34px;
	padding: 20px 0 10px;
}
#footer ul {
	float: right;
	margin-right: 28px;
}
#footer ul li {
	background: url('../images/wrapper/footer-item-divider.gif') 0 3px no-repeat;
	float: left;
	padding: 0 9px 0 10px;
}
#footer ul li:first-child {
	background: none;
	padding-left: 0;
}
#footer ul li a {
	color: #575757;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footerInner > p {
	margin-left: 28px;
}
/* =Quick links
------------------------------------------------------------------------------ */
#quicklinks {
	clear: both;
}
#quicklinks #quickLinksInner {
	width: 980px;
	margin: 0 auto;
	background-color: #ffffff;
}
#quicklinks #quickLinksInner .quickLinksBlock {

}
#quicklinks #quickLinksInner .quickLinksBlock.last {

}
.quicklinks-title {
    border-bottom: 5px solid #6dc6eb;
    height: 3.5em;
    margin: 0 0 5px;
    padding: 0 28px;
    position: relative;
}
.quicklinks-title h3 {
    bottom: 0;
    padding-bottom: 5px;
    position: absolute;
}
.quickLinksBlock > ul {
    padding: 0 17px;
}
#quicklinks #quickLinksInner .quickLinksBlock ul li {
    font-size: 110%;
    line-height: 1.4em;
    padding-left: 12px;
	margin-bottom: 5px;
}
#quicklinks #quickLinksInner .quickLinksBlock a {
	color: #102c52;	
	text-decoration: none;
}
#quicklinks #quickLinksInner .quickLinksBlock a:hover {
	text-decoration: underline;
}

}