/* Global Chart Styles =======================================
==============================================================*/
.chart,
.charts {
margin-bottom:60px;
clear:both;
}
.chart p,
.charts p {
margin-bottom:10px;
}
.chart h3,
.charts h3,
.jquery-data-chart h3{
font-size:20px;
font-weight:bold;
margin-bottom:10px;
font-family:'Oswald',Arial, Helvetica, sans-serif;
line-height:30px;
}

.chart-container {
position:relative;
padding-top:40px;
}

.chart h4,
.charts h4,
.jquery-data-chart h4{
font-size:14px;
}
.chart-header {
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:600;
    border-top: 3px solid #000;
	margin-bottom:10px;
	padding-top:10px;
}
.chart-header-no-border {
	margin-bottom:10px;
	font-family:'Open Sans',Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:600;
}
.chart-header span,
.chart-header-no-border span {
	font-style:italic;
	font-weight:normal;
}
.chart .source,
.charts .source,
.jquery-data-chart .source,
.bw-table .source {
font-size:13px;
margin:10px 0;
font-style:italic;
}

.table-scroll {
	overflow-x:scroll;
	max-width:100%;
}
.table-scroll table {
	width:110%;/*increase table width by 10% since we are doing this for readability anyway*/
}

/*jquery data chart base*/
.jquery-data-chart {
display:block;
width:100%;
margin-bottom:60px;
}
.jquery-data-chart .chart-container,
.pie-data-chart .chart-container {
	position:relative;
	padding-top:0px;
}
.jquery-data-chart,
.jquery-data-chart div,
.jquery-data-chart span {
transition:all 1s ease-out 0.5s;
}
.jquery-data-chart .bar-height{
	position:relative;
	height:140px;
	display:inline-block;
	z-index:10;
}
.jquery-data-chart .bar{
	position:absolute;
	bottom:0;
	width:100%;
	background-color:#ccc;
}
.jquery-data-chart .bar .number.outside{
	position:absolute;
	top:-22px;
	width:100%;
	text-align:center;
	display:block;
}
.jquery-data-chart .bar.negative-bar .number.outside{
	top:10px;
}
.jquery-data-chart .bar .number.inside{
	position:absolute;
	top:5px;
	width:100%;
	text-align:center;
	display:block;
}
.jquery-data-chart .bar .number.inside.vertical{
	transform:rotate(-90deg);
	top:auto;
	bottom:30px;
}
.jquery-data-chart .bar .text{
	text-align:center;
	position:absolute;
	bottom:-20px;
	width:100%;
}
.jquery-data-chart .bar .text.inside{
	text-align:left;
	color:#fff;
	font-size:1em;
	line-height:1.3em;
	padding:5px;
	word-break:break-all;
}
.jquery-data-chart .labels .text {
	display:inline-block;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	line-height:1.2em;
	font-size:14px;
	vertical-align:top;
}
.jquery-data-chart.eight-row .bar-height .bar .text.inside{
	font-size:0.9em;
}

/* jquery-data-chart legend styles*/
.jquery-data-chart .legend {
	position:absolute;
}
.jquery-data-chart .legend.static {
	position:static;
	margin-bottom:20px;
}
.jquery-data-chart .legend .legend-block {
	display:inline-block;
	font-size:14px;
	margin-right:10px;
}
.jquery-data-chart .legend .legend-block:last-child {
	margin-right:0;
}

.jquery-data-chart .legend.top-right {
	top:0;
	right:0;
}

.jquery-data-chart .legend.top-left {
	top:0;
	left:0;
}


/* jquery-data-chart animation template*/
.jquery-data-chart.off .bar,
.jquery-data-chart.off .number,
.jquery-data-chart.off .text,
.jquery-data-chart.off .ball-number,
.jquery-data-chart.off .legend{
	height:0 !important;
	opacity:0 !important;
	border:none !important;
}
.jquery-data-chart.off .bar-height{
	border:none !important;
}


/* jquery-data-chart # of row styles*/
.jquery-data-chart.two-row .bar-height,
.jquery-data-chart .bar-height .two-row .bar-height,
.jquery-data-chart.two-row .labels .text{
	width:50%;
}
.jquery-data-chart.three-row .bar-height,
.jquery-data-chart .bar-height .three-row .bar-height,
.jquery-data-chart.three-row .labels .text{
	width:32%;
}
.jquery-data-chart.four-row .bar-height,
.jquery-data-chart.four-row .labels .text{
	width:23%;
	margin-right:2%;
}
.jquery-data-chart.five-row .bar-height,
.jquery-data-chart.five-row .labels .text{
	width:19%;
}
.jquery-data-chart.seven-row .bar-height,
.jquery-data-chart.seven-row .labels .text{
	width:12.5%;
	margin-right:1%;
}
.jquery-data-chart.eight-row .bar-height,
.jquery-data-chart.eight-row .labels .text{
	width:11.5%;
	margin-right:1%;
}
.jquery-data-chart.nine-row .bar-height,
.jquery-data-chart.nine-row .labels .text{
	width:10.5%;
}
.jquery-data-chart.ten-row .bar-height,
.jquery-data-chart.ten-row .labels .text{
	width:9%;
}
.jquery-data-chart.twelve-row .bar-height,
.jquery-data-chart.twelve-row .labels .text{
	width:7.7%;
}

.jquery-data-chart .bar-height.two-row .bar-height {
	width:50%;
}
.jquery-data-chart .bar-height.three-row .bar-height {
	width:32%;
}

.jquery-data-chart.two-row .bar-height:last-child,
.jquery-data-chart.three-row .bar-height:last-child,
.jquery-data-chart.four-row .bar-height:last-child,
.jquery-data-chart.five-row .bar-height:last-child,
.jquery-data-chart.six-row .bar-height:last-child,
.jquery-data-chart.seven-row .bar-height:last-child,
.jquery-data-chart.eight-row .bar-height:last-child {
	margin-right:0;
}
.jquery-data-chart .bar-height .bar-height {
	margin:0 !important;
}

.pie-data-chart .left-text {
width:65%;
display:inline-block;
vertical-align:top;
}
.pie-data-chart.small-width .left-text {
width:50%;
margin-right:5%;
}
.main-content .article-page .pie-data-chart .left-text p {
font-size:14px;
}
.main-content .article-page .pie-data-chart .left-text ul{
margin:0;
}
.main-content .article-page .pie-data-chart .left-text ul li {
font-size:16px;
line-height:25px;
margin-bottom:0;
}
.pie-data-chart.small-width .left-text li .value {
float:right;
}
.pie-data-chart .right-chart {
width:30%;
display:inline-block;
vertical-align:top;
}
.pie-data-chart.small-width .right-chart {
width:45%;
display:inline-block;
vertical-align:top;
}
.pie-data-chart .align-right {
	float:right;
}



/*individual chart styles*/
.chart.Mutual-Funds .chart-container,
.chart.strategy-tatics .chart-container  {
position:relative;
}
.chart.Mutual-Funds #MutualFunds {
width:98% !important;
margin:0 auto;
}
.chart.Mutual-Funds .left-label,
.chart.strategy-tatics .left-label,
.chart.Mutual-Funds .right-label {
font-size:1.1em;
position:absolute;
}
.chart.Mutual-Funds .left-label,
.chart.strategy-tatics .left-label{
left:-5%;
bottom:43%;
transform:rotate(-90deg);
}
.chart.Mutual-Funds .right-label{
right:-9%;
bottom:43%;
transform:rotate(-90deg);
}

.ldi16-chart {
margin:35px 0 25px 0;
}
.ldi16-chart.tgotppfa.jquery-data-chart .bar-height {
border-bottom:1px solid #000;
}
.ldi16-chart.tgotppfa.jquery-data-chart .bar .number {
font-size:1.1em;
}
.ldi16-chart.tgotppfa.jquery-data-chart .yellow {
background-color:#F8A71C;
}
.ldi16-chart.tgotppfa.jquery-data-chart .number.outside {
color:#F8A71C;
}
.ldi16-chart.tgotppfa.jquery-data-chart{
color:#000;
}
.ldi16-chart.tgotppfa.jquery-data-chart.ten-row .bar-height{
	padding-right:1%;
}
.ldi16-chart.tgotppfa.jquery-data-chart .bar-height:last-child{
	padding-right:0;
}
.ldi16-chart.tgotppfa.jquery-data-chart .bar-height .bar{
	width:90%;
}

.cio417-chart.aete,
.cio417-chart.aete div{
	white-space:nowrap;
	vertical-align:top;
}
.cio417-chart.aete p,
.cio417-chart.aete .source{
	white-space:normal;
}

.cio417-chart.aete .vertical-bar-chart .row-text {
	width:20%;
	display:inline-block;
	padding-top:10px;
}
.cio417-chart.aete .vertical-bar-chart .block-container {
	width:80%;
	display:inline-block;
}
.cio417-chart.aete .vertical-bar-chart .left-side,
.cio417-chart.aete .vertical-bar-chart .right-side,
.cio417-chart.aete .vertical-bar-chart .left-side div,
.cio417-chart.aete .vertical-bar-chart .right-side div {
	width:50%;
	display:inline-block;
	text-align:center;
	position:relative;
}
.cio417-chart.aete .vertical-bar-chart .header-row .block {
	padding:15px 10px;
}
.cio417-chart.aete .vertical-bar-chart .dy {
	background-color:#F9F0D9;
	color:#BEA357;
}
.cio417-chart.aete .vertical-bar-chart .ly {
	background-color:#FBF6E9;
	color:#BEA357;
}
.cio417-chart.aete .vertical-bar-chart .db {
	background-color:#E9F6FB;
	color:#05669A;
}
.cio417-chart.aete .vertical-bar-chart .lb {
	background-color:#F0F9FC;
	color:#05669A;
}

.cio417-chart.aete .vertical-bar-chart .bar-dy {
	background-color:#E7C569;
}
.cio417-chart.aete .vertical-bar-chart .bar-ly {
	background-color:#F1DEAE;
}
.cio417-chart.aete .vertical-bar-chart .bar-db {
	background-color:#056C8F;
}
.cio417-chart.aete .vertical-bar-chart .bar-lb {
	background-color:#73C6DA;
}

.cio417-chart.aete .vertical-bar-chart .background {
	width:50%;
	height:30px;
	vertical-align:top;
	padding:5px 0;
}
.cio417-chart.aete .vertical-bar-chart  .list-row {
	border-bottom:1px solid #999;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.header-row .block {
	padding-top:5px;
	padding-bottom:5px;
}
.cio417-chart.aete .vertical-bar-chart  .list-row .left-side .bar {
	height:20px;
	position:absolute;
	right:0;
	bottom:3px;
}
.cio417-chart.aete .vertical-bar-chart  .list-row .right-side .bar {
	height:20px;
	position:absolute;
	left:0;
	bottom:0;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Gabon .bar {
	width:99%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Angola .bar {
	width:97%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Mexico .bar {
	width:88%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Dom .bar {
	width:82%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Jordan .bar {
	width:67%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Mongolia .bar {
	width:67%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Zambia .bar {
	width:64%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Colombia .bar {
	width:55%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Paraguay .bar {
	width:55%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Costa .bar {
	width:53%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Belize .bar {
	width:52%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Salvador .bar {
	width:51%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Uruguay .bar {
	width:47%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Ghana .bar {
	width:41%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Guatemala .bar {
	width:23%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Kenya .bar {
	width:23%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Nigeria .bar {
	width:20%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Morocco .bar {
	width:20%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Brazil .bar {
	width:15%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Ecuador .bar {
	width:1%;
}


.cio417-chart.aete .vertical-bar-chart  .list-row.Lanka .bar {
	width:1%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Ivory .bar {
	width:5%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Romania .bar {
	width:6%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Hungary .bar {
	width:7%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Turkey .bar {
	width:22%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Senegal .bar {
	width:26%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Panama .bar {
	width:28%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Peru .bar {
	width:30%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Croatia .bar {
	width:35%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Africa .bar {
	width:35%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Indonesia .bar {
	width:40%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Serbia .bar {
	width:46%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Lithuania .bar {
	width:54%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.China .bar {
	width:58%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Argentina .bar {
	width:60%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Jamaica .bar {
	width:62%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Vietnam .bar {
	width:68%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Honduras .bar {
	width:71%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Poland .bar {
	width:71%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Pakistan .bar {
	width:73%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Cameroon .bar {
	width:75%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Georgia .bar {
	width:77%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Trinidad .bar {
	width:77%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Seychelles .bar {
	width:78%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Armenia .bar {
	width:81%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Suriname .bar {
	width:86%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.Slovakia .bar {
	width:88%;
}
.cio417-chart.aete .vertical-bar-chart  .list-row.India .bar {
	width:90%;
}

.cio417-chart.lei .chart-container {
	text-align:center;
}
.cio417-chart.lei .chart-container p,
.cio417-chart.lei .chart-container .source {
	text-align:left;
}
.cio417-chart.lei .labels {
	border-top:1px solid #999;
	padding-bottom:10px;
}
.cio417-chart.lei .bar .number.inside {
	font-size:14px;
	top:0;
	color:#fff;
}
.cio417-chart.lei .bar.r {
	background-color:#A41D2E;
}
.cio417-chart.lei .bar.p {
	background-color:#DA6392;
}
.cio417-chart.lei .legend-block .fa.r {
	color:#A41D2E;
}
.cio417-chart.lei .legend-block .fa.p {
	color:#DA6392;
}

.basic-table {
	border:none;
	border-collapse:collapse;
	width:100%;
}
.basic-table.sm-text {
	font-size:15px;
}
.basic-table td {
	padding:5px 10px;
	border-top:1px solid #999;
	vertical-align:middle;
}
.basic-table th{
	padding:5px 10px;
	font-family:'Droid Serif',Georgia, "Times New Roman", Times, serif;
	vertical-align:bottom;
}
.basic-table th:first-child{
	padding-left:0;
}

.basic-table.no-top-border tr:first-child  td {
	border-top:none;
}
.basic-table.no-border td {
	border-top:none;
}
.basic-table td:first-child {
	padding-left:0;
}
.basic-table td:last-child {
	padding-right:0;
}
.basic-table tr:last-child td {
	border-bottom:1px solid #999;
}

.basic-table.numbered-table td:first-child{
	width:15px;
	padding-right:0;
	padding-left:0;
	font-size:12px;
}

.cioso17-chart .gr .bar.g {
	background-color:#9EB23A;
}
.cioso17-chart .gr .bar .number.inside {
	color:#fff;
}
.cioso17-chart .gr .bar .number.outside {
	color:#9EB23A;
}
.cioso17-chart .pie-data-chart .value {
	float:right;
}
.cioso17-chart .pie-data-chart .left-text {
	width:45%;
}
.cioso17-chart .pie-data-chart .right-chart {
	width:53%;
}

/*LDI 2017*/
.ldi17-chart .jquery-data-chart .bar-height {
	height:250px;
}
.ldi17-chart .bar.g {
	background-color:#9EB23A;
}
.ldi17-chart .bar.gray {
	background-color:#ACAC92;
}
.ldi17-chart .bar.o {
	background-color:#D66F3D;
}
.ldi17-chart .bar.br {
	background-color:#8B5439;
}
.ldi17-chart .bar.gb {
	background-color:#857B7D;
}
.ldi17-chart .bar.lb {
	background-color:#9FD3A7;
}
.ldi17-chart .bar .number {
	font-size:20px;
}
.ldi17-chart .wmpphgfs .bar .number {
	font-size:14px;
}
.ldi17-chart .bar .number.inside {
	color:#fff;
}

.ldi17-chart .bar .outside.gray,
.ldi17-chart .legend .fa.gray {
	color:#ACAC92;
}
.ldi17-chart .bar .outside.o,
.ldi17-chart .legend .fa.o {
	color:#D66F3D;
}

.ldi17-chart .bar .outside.gb,
.ldi17-chart .legend .fa.gb {
	color:#857B7D;
}

.ldi17-chart .legend .fa.br{
	color:#8B5439;
}

.ldi17-chart .fa.p{
	color:#272363;
}

.ldi17-chart .fa.r{
	color:#EE3527;
}

.ldi17-chart .wmpphgfs .labels,
.ldi17-chart .ygby .labels {
	margin-top:30px;
}

.ldi17-chart .pcaiatrp .pcaiatrp-legend li {
	display:block;
}
.ldi17-chart .tcocadhbrfps .bar .number.inside {
	color:#000;
}

.ldi17-chart .ctrbc2  .bar-tooltip-image {
	position: absolute;
	top: 5%;
	width: 172px;
	max-width: 1000%;
	left: 100%;
}


