/* global content */

/*
font-family: 'Gochi Hand', 'Comic Sans MS';
font-family: 'Roboto Slab', Georgia;
*/


body {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:14px;
	background-color:#fff;
}

p, a, h1, h2, h3, h4, h5, h6, h7, ul, li, span, div, table, td, tr, strong, em {
	color:#333;
}

a {
	outline:none;
	cursor:pointer;
	text-decoration:none;
}

div, p, a, h1, h2, h3, h4, h5, h6, h7, ul, li, span, table, td, tr, strong, em {
	zoom:1;	
}

em  {
	font-style:italic;
}

strong {
	font-weight:bold;	
	color:inherit;
}

p {
	margin-bottom:15px;
	line-height:150%;
}

h1 {
	display:block;
	font-weight:bold;
	font-size:24px;
}

img {
	border:none;
}


.image-block {
	text-indent:-9999px;
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
}


.content-container {
	width:788px;
	margin:auto;	
}

.content-container .main-content {
	position:relative;
}

.content-container .main-content .image-container {
	clear:both;	
	position:relative;
}

.content-container .main-content .image-container.float {
	float:left;	
	clear:none;
}


.content-container .main-content .shadow-overlay {
	position:absolute;
	opacity:0.3;
	filter:alpha(opacity=30);
	background-color:#000;
	display:none;
	z-index:999;
	left:0px;
	top:0px;
	width:100%;
}






.content-container .main-content .hotspot {
	position:absolute;
	width:30px;
	height:14px;
	padding-left:8px;
	padding-top:4px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background:url('../images/global/bg-hotspot-left.png') no-repeat left top;
	z-index:1000;
	cursor:pointer;
}

.content-container .main-content .hotspot span {
	display:none;	
}


.content-container .main-content .hotspot.hotspot-right {
	background-image:url('../images/global/bg-hotspot-right.png');
	width:15px;
	padding-left:23px;	
}

.content-container .main-content .hotspot.hotspot-right.hotspot-double-digit {
	background-image:url('../images/global/bg-hotspot-right.png');
	width:21px;
	padding-left:17px;	
}

.content-container .main-content .hotspot.hotspot-shaded {
	background:url('../images/global/bg-hotspot-left-shaded.png');
}

.content-container .main-content .hotspot.hotspot-right.hotspot-shaded {
	background:url('../images/global/bg-hotspot-right-shaded.png');
}


.content-container .infographic {
	height:3740px;
	width:100%;
	background:url('../images/global/infographic.png') no-repeat left top;
	position:relative;
}


.hotspot#hs-1 { left:155px; top:69px; }
.hotspot#hs-2 { left:740px; top:222px; }
.hotspot#hs-3 { left:740px; top:241px; }
.hotspot#hs-4 { left:10px; top:377px; }
.hotspot#hs-5 { left:740px; top:377px; }
.hotspot#hs-6 { left:10px; top:675px; }
.hotspot#hs-7 { left:740px; top:907px; }
.hotspot#hs-8 { left:10px; top:1070px;}
.hotspot#hs-9 { left:10px; top:1137px }
.hotspot#hs-10 { left:10px; top:1634px; }
.hotspot#hs-11 { left:740px; top:1634px; }
.hotspot#hs-12 { left:10px; top:2058px; }
.hotspot#hs-13 { left:5px; top:2767px; }
.hotspot#hs-14 { left:10px; top:3309px; }
.hotspot#hs-15 { left:740px; top:3309px; }

.tooltips .tooltip-1 { top:224px; left:198px; }
.tooltips .tooltip-2 { top:320px; left:165px; }
.tooltips .tooltip-3 { top:340px; left:165px; }
.tooltips .tooltip-4 { top:489px; left:345px; }
.tooltips .tooltip-5 { top:489px; left:159px; }
.tooltips .tooltip-6 { top:380px; left:55px; }
.tooltips .tooltip-7 { top:852px; left:167px; }
.tooltips .tooltip-8 { top:870px; left:131px; }
.tooltips .tooltip-9 { top:1000px; left:131px; }
.tooltips .tooltip-10 { top:1749px; left:405px; }
.tooltips .tooltip-11 { top:1749px; left:161px; }
.tooltips .tooltip-12 { top:1860px; left:55px; }
.tooltips .tooltip-13 { top:2430px; left:45px; }
.tooltips .tooltip-14 { top:3425px; left:396px; }
.tooltips .tooltip-15 { top:3425px; left:147px; }


.content-container .main-content img {
	display:block;
	cursor:pointer;
}

.tooltips .tooltip {
	position:absolute;	
	width:210px;
	padding:5px 5px 15px 5px;
	background-color:#fff;
	border:1px solid #ff931e;
	display:none;
	z-index:1001;
}

.tooltips .bt-close-tooltip {
	float:right;
	background:url('../images/global/bt-close-tooltip.png') no-repeat center center;
	width:13px;
	height:14px;
}

.tooltips .tooltip h2 {
	color:#ff931e;
	font-size:20px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left:10px;
	line-height:120%;
}

.tooltips .tooltip h2 span {
	font-size:11px;
	color:#ff931e;
}

.tooltips .tooltip p {
	color:#333;
	font-size:12px;
	margin-bottom:15px;
	margin-left:10px;
	padding-right:10px;
}

.tooltips .tooltip span {
	color:#333;
}

.tooltips .tooltip p a {
	color:#0093d0;
	font-weight:bold;
}

.main-content img.ic-new-window {
	display:inline;
}

.tooltip:first-child .bt-previous, .tooltip:last-child .bt-next  {
	display:none;
}

.tooltip .bt-previous, .tooltips .bt-next {
	float:left;
	width:13px;
	height:15px;
	background-repeat:no-repeat;
	background-position:center center;
}

.tooltip .bt-previous {
	background-image:url('../images/global/bt-previous.png');
	margin-right:10px;
}

.tooltip .bt-next {
	background-image:url('../images/global/bt-next.png');
}


.tooltip .nav-container {
	margin:auto;
	overflow:hidden;
}

.tooltip .nav-container-1 {
	width:13px;
}

.tooltip .nav-container-2 {
	width:36px;
}

.tooltip .id-display {
	clear:both;
	float:right;
	font-size:11px;	
	margin-right:10px;
	color:#333;
}

.fund-facts-header .decor {
	width:15px;
	background-color:#6cb43f;
	margin-right:30px;
	height:120px;
	float:left;
}


.fund-facts-header {
	background-color:#0093d0;
	overflow:hidden;	
	clear:both;
}


.fund-facts-header h2 {
	font-weight:bold;
	color:#000;
	float:left;
	margin-right:40px;
	margin-top:33px;
	font-size:28px;
}

.fund-facts-header p {
	color:#fff;
	float:left;
	width:340px;
	font-size:16px;
	margin-top:18px;	
}


.fund-facts-header p a {
	color:#ffb426;
	text-decoration:underline;
	font-weight:bold;
	font-size:18px;
}

.related-resources{
	padding: 15px 0 20px 30px;
	overflow:hidden;
}
.related-resources h2{
	font-size:25px;
	color:#000;
	margin: 20px 0;
}

.related-resources li {
	height:32px;
	padding-left: 50px;
	padding-top:8px;
	padding-bottom:0px !important;
	margin-top:0px !important;
}
.related-resources .article {
	background:url(../images/global/ic-article.png) left top no-repeat;
}

.related-resources .calculator{
	background:url(../images/global/ic-calc.png) left top no-repeat;
}

.related-resources ul li a {
	font-size: 18px;
	color:#0093d0;
	display:block;
	float:left;
	padding-right: 10px;
	background:url(../images/global/greyArrow.png) right no-repeat;
}

.content-container .main-content .related-resources ul li a img {
	display:inline;
	margin-right:5px;
	position:relative;
	top:-2px;
}
	
#text_content_footer {
	width:400px;
	float:left;	
	padding:15px 0px;
}

#text_content_footer a {
	background-image: url("../images/global/greyArrow.png");
	background-position: right 7px;
	background-repeat: no-repeat;
	color: #0093D0;
	font-size: 16px;
	padding-right: 16px;
	text-decoration: none;
	font-weight:bold;
	margin-left:25px;
}


.logo_bottom {
	background-image: url("../images/global/logo_bottom.png");
	float: right;
	height: 58px;
	width: 209px;
	margin-right:34px;
	margin-bottom:20px;
}

.area-link, .area-link sup, .area-link span {
	position:absolute;
	z-index:999;
	display:block;	
	text-indent:-99999px;
	font-size:0px;
	color:#fff;
}


sup {
	font-size:9px;
	position:relative;
	top:-3px;
}

/* IE9 and below */

.tooltip-15 .bt-next  {
	display:none;
}