@font-face {
  font-family: 'HurmeGeometricSans1-Regular';
  src: url('images/HurmeGeometricSans1-Regular.eot?#iefix') format('embedded-opentype'),  url('images/HurmeGeometricSans1-Regular.otf')  format('opentype'),
	     url('images/HurmeGeometricSans1-Regular.woff') format('woff'), url('images/HurmeGeometricSans1-Regular.ttf')  format('truetype'), url('images/HurmeGeometricSans1-Regular.svg#HurmeGeometricSans1-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HurmeGeometricSans1-Bold';
  src: url('images/HurmeGeometricSans1-Bold.eot?#iefix') format('embedded-opentype'),  url('images/HurmeGeometricSans1-Bold.otf')  format('opentype'),
	     url('images/HurmeGeometricSans1-Bold.woff') format('woff'), url('images/HurmeGeometricSans1-Bold.ttf')  format('truetype'), url('images/HurmeGeometricSans1-Bold.svg#HurmeGeometricSans1-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'font-icon';
  src: url(images/ioof.eot?48jij5);
  src: url(images/ioof.eot?48jij5#iefix) format("embedded-opentype"), url(images/ioof.ttf?48jij5) format("truetype"), url(images/ioof.woff?48jij5) format("woff"), url(images/ioof.svg?48jij5#ioof) format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: FontAwesome;
  src: url(images/fontawesome-webfont.eot?v=4.6.3);
  src: url(images/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(images/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(images/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(images/fontawesome-webfont.ttf?v=4.6.3) format("truetype"), url(images/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal; }

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    background: #ffffff none;
    font: normal 1rem 'HurmeGeometricSans1-Regular', serif;
    color: #3a4552;
    padding: 0px;
    margin: 0px;
    line-height: 24px;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
	font: 400 1rem 'HurmeGeometricSans1-Regular', Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
}
a:focus, li:focus, span:focus, button:focus, select:focus, input:focus {
    outline: none !important;
}
h1, h2, h3, h4, h5, h6, p, ul {
    margin: 0;
    padding: 0
}
a {
    color: #303030;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
    color: #303030;
}
* {
    box-sizing: border-box;
}
ul li {
    list-style-type: none;
    list-style-image: none;
    line-height: normal;
    margin: 0;
    padding: 0;
}
table {
    width: 100%;
    border-collapse: collapse
}
table td {
    margin: 0;
    padding: 0;
    vertical-align: top
}
p {
    line-height: normal;
}
.emptyspace {
    height: 100px;
    font-size: 0;
}
.clear {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.row {
    margin-bottom: 0.3cm;
}
.column > .section {
    margin-left: 0.5cm;
}
.column:first-child > .section {
    margin-left: 0;
}
.vertical-list div {
    margin-bottom: 0.25cm;
}
.vertical-list div span:first-child {
    color: #3399FF;
}
.overunderallocation{
    
}
.vertical-list .MostOverweightAssetAllocation {
    color: RGB(114,186,149);
    text-align: center;
}
.vertical-list .MostUnderweightAssetAllocation {
    color: RGB(203,59,109);
    text-align: center;
}
.vertical-list .MostOverweightAssetAllocation span, .vertical-list .MostUnderweightAssetAllocation span{
    float: none;
}
.vertical-list .MostOverweightAssetAllocation .label 
{
    color: RGB(114,186,149);
    text-align: center;
    font-weight: normal;
	font-size: 10pt;
}
.vertical-list .MostUnderweightAssetAllocation .label
{
    color: RGB(203,59,109);
    text-align: center;
    font-weight: normal;
	font-size: 10pt;
}
.vertical-list .MostOverweightAssetAllocation  .value p:first-child,
.vertical-list .MostUnderweightAssetAllocation  .value p:first-child{
    font-size: 30pt;
    margin-bottom: 0;
    color: rgb(64,43,86);
    font-family: "OpenSans-SemiBold";
}
.vertical-list .MostOverweightAssetAllocation .value p:nth-child(2), 
.vertical-list .MostOverweightAssetAllocation .value p:nth-child(3), 
.vertical-list .MostUnderweightAssetAllocation .value p:nth-child(2), 
.vertical-list .MostUnderweightAssetAllocation .value p:nth-child(3) {
    font-size: 18px;
    margin-bottom: 0;
	font-weight: 700;
}
.page > .row1 {
    border-bottom: 0;
}
.page > .row1 h2 {
   	/*background: url(images/FS-logo.jpg) no-repeat left top;
    width: 6cm;
    background-size: 85%;
    font-size: 0;
    color: transparent;
    height: 70px;
    margin: 0;*/
}
.page1 > .row2 > .column2 > .section {
    background-color: #efefef;
    border-radius: 0.25cm;
    padding: 0.25cm;
}
.tabs.breakdowns {
    border: none;
    margin: 10px;
}
.tabs.breakdowns > .tabpanes {
    border: none;
}
.tabs.breakdowns > .tabpanes > .slider > .tab {
    padding-bottom: 20px;
}
.tabs.breakdowns > .tabbuttons {
    position: absolute;
    bottom: 5px;
    z-index: 10000;
}
.tabpanes {
    border: 0;
}
.tabs.breakdowns > .tabbuttons > .tab {
    border: none;
    background-color: #000;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 10px;
    text-indent: -10000px;
}
.page {
    position: relative;
    max-width: 1060px;
    min-width: 0;
    width: 100%;
    padding: 15px 20px 0;
    margin: 0 auto;
    margin-top: 0px;
    background-color: #ffffff;
}
.tabbuttons {
    padding: 1px 0 0;
    margin-bottom: 0;
    background: #fff;
    height: auto;
    border-bottom: 1px solid #ddd;
    border-top: 0;
    /*display: table;*/
    width: 100%;
	display: flex;
}
.tabs.horizontal > .tabbuttons > .tab {
    text-decoration: none;
    opacity: 1;
    margin: 0px -1px 0 0!important;
    background: transparent;
    border: 0px none;
    border-bottom-width: 0px;
    list-style: outside none none;
    list-style: none;
    padding: 0;
    position: relative;
    display: table-cell;
    vertical-align: middle;
	border: 1px solid #ddd;
	border-bottom: 0;
}
.tabbuttons .tab a {
    display: block;
    color: rgb(64, 43, 86);
    padding: 9px 15px !important;
    font-size: 15px;
    text-align: center;
    white-space: normal;
    height: 100%;
    width: 100%;
    display: table-cell;
	line-height: 22px;
}
.tabbuttons .tab span{
    height: 100%;
    width: 100%;    
    display: table;
    /*! border-left: 1px solid #ccc; */
    /*! border-right: 1px solid #ccc; */
}
.tabbuttons > .tab.active {
    text-decoration: none;
    opacity: 1;
    background: transparent none repeat scroll 0% 0%;
    border-bottom: 0 !important;
}
.tabbuttons > .tab.active a {
    color: #fff;
}
.tabpanes .tabbuttons {
    border-bottom: 1px solid #CCC;
    border-top: 0;
	padding-bottom: 1px;
}
.tabpanes .tabbuttons .tab:hover:before {
    content: "";
    background-color: #f2f2f2;
    height: 4px;
    width: 99%;
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    margin: 0 auto;
}
.tabpanes .tabbuttons .tab a{
	text-align: center;
	padding: 21px 25px !important;
	color: #BBB;
	font-weight: normal;
	font-family: "OpenSans-SemiBold";
	border: 0;
	text-transform: capitalize;
	margin-bottom: -1px;
}
.tabpanes .tabbuttons .tab a:hover{
	background-color: #f6f6f6;
}
.tabpanes .tabbuttons > .tab.active:before{
	top:0px;
}
.tabpanes .tabbuttons .tab.active:hover:before{
	background-color: rgb(64, 43, 86);
}
.tabs.horizontal > .tabbuttons > .tab.active{
	background: #0071bb none;
}
.tabpanes .tabbuttons > .tab.active a{
	border: 1px solid #ccc;
	border-bottom: 0;
	background-color: #fff;
	color: #fff;
	border-bottom: 1px solid #fff;
}
h2 {
    font-size: 1.15rem;
    font-weight: 700;
    color: #000;
    padding: 0;
    margin: 20px 0 0;
    height: 40px;
}
/*******/
.horizontal-list div {
    padding: 10px 0;
    width: 100%;
    border-bottom: 1px dotted #a9a9a9;
}
.horizontal-list span:first-child {
    font-weight: bold;
}
.horizontal-list span {
    width: 50%;
	line-height: normal;
}
.horizontal-list span:last-child {
    text-align: right;
}
.horizontal-list div.ApirCode {
    padding-top: 0;
}
.FundNameHeader {
    font-size: 1.5rem;
    font-weight: 600;
	color: #000;
}
.FundInfoTable .item1 h2, .RatingsTable .item1 h2 {
    margin: 10px 0 0;
    color: #000;
}
.FundInfoTable .item1 .value, .RatingsTable .item1 .value {
    display: none;
}
.FundInfoTable .item1, .RatingsTable .item1 {
    border-bottom: 0;
	padding-bottom: 0;
}
.PrevButton a, .ButtonToFundCentre a, .monthend a, .ReadMoreButton a {
    background: #0087d2;
    padding: 10px;
    color: #fff;
    text-decoration: none;
    float: right;
	transition: all 0.15s linear;
}
.PrevButton a:hover, .ButtonToFundCentre a:hover, .monthend a:hover, .ReadMoreButton a:hover {
    background: #fd992e;
	transition: all 0.15s linear;
}
.PrevButton a:before, .ButtonToFundCentre a:before, .ReadMoreButton a:before {
    content: '\e900';
    font-family: 'font-icon';
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    padding-left: 20px;
    float: right;
	padding-top: 3px;
}
.ButtonToFundCentre ,.ReadMoreButton {
    margin-top: 20px;
}
.page1 > .row3 > .tabs1 > .tabpanes > .slider > .tab1 > .row2 > .column1{
	width: 47%;
}
.page1 > .row3 > .tabs1 > .tabpanes > .slider > .tab1 > .row2 > .column2 {
    float: right;
    width: 50%;
}
.page1 > .row3 > .tabs1 > .tabpanes > .slider > .tab1 > .row3 > .composite1 > .compositebody > .row2 > .column1, .page1 > .row3 > .tabs1 > .tabpanes > .slider > .tab1 > .row3 > .composite1 > .compositebody > .row2 > .column2, .page1 > .row3 > .tabs1 > .tabpanes > .slider > .tab1 > .row3 > .composite1 > .compositebody > .row2 > .column3{
	width: 33.3%;
}
.composite.links .column > .section {
    margin-right: 10px;
	margin-left: 0;
	margin-bottom: 10px;
}
.CompLinks .column > .section {
	margin-bottom: 0;
}
.ChartBtn a, .DwnBtn a, .print a {
    background-color: #0087d2;
    padding: 0;
    font-weight: 500;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-decoration: none;
	transition: all 0.15s linear;
}
.ChartBtn a:hover, .DwnBtn a:hover, .print a:hover, .tabbuttons a:hover {
	background: #fd992e;
}
.tabbuttons a:hover {
	color: #ffffff;
}
.ChartBtn a:before {
    content: '\f201';
}
.DwnBtn a:before {
    content: '\f019';
}
.print1 a:before {
    content: '\f02f';
}
.composite .column p a, .composite .column .print a {
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
    text-align: center;
}
.print{
	width:auto;
	height: auto;
}
.DisclaimerTextHTML {
    font-size: 0.8rem;
}
.DisclaimerTextHTML b{
	font-family: 'HurmeGeometricSans1-Bold';
	font-weight: normal;
    display: inline-block;
    padding: 0 0 5px;
}
.CompLinks h2 {
	margin-top: 0;
	height: auto;
}
.CompLinks h2 a {
    font-size: 0.9rem;
    margin: 0;
    height: auto;
    font-weight: normal;
    padding: 11px 10px;
    display: inline-block;
	color: #fff;
	text-decoration: none;
}
.CompLinks h2 a:hover{
	color: #00AEEB;	
	text-decoration: none;
}
.CompLinks {
    background: #003065;
}
.CompLinks .column {
    width: auto !important;
}
td.SRM-I {
    text-align: left;
}
.SRM-Conditional h2 {
    margin-top: 30px;
}
.RatingsTable .item1 .label {
    width: 100%;
}
/*Performance chart*/
.PerfChart a {
    padding: 10px 15px;
    border: 1px solid #ddd;
    margin: 0 -1px 0 0;
	text-decoration: none;
}
.PerfChart a:empty {
    display: none;
}
.PerfChart a.active {
    background-color: #0070bb;
    color: #fff;
}
.performancecharts1.PerfChart .cumulative .chart {
    width: 100%;
}
.chart .cumulativechartendvalue {
    display: table;
    padding: 10px 0;
}
.chart .cumulativechartendvalue .instrument {
    float: left;
    margin-right: 30px;
    white-space: nowrap;
}
.chart .cumulativechartendvalue .instrument .instrumentname {
    margin-left: 5px;
}
.chart .periods {
    margin: 0 0 10px 0;
}
.chart .chartfromtodate {
    float: left;
    font-size: 0.8rem;
}
.chart .chartfooter {
    float: right;
    margin-right: 10px;
    font-size: 0.8rem;
}
div.chart {
    position: relative;
	
    clear: both;
    margin-bottom: 20px;
}
.chart a.resetzoom {
    width: 45px;
    height: 35px;
    background-color: #0087d2;
    position: absolute;
    right: 20px;
    top: -45px;
    font-size: 0;
	padding: 0;
    text-align: center;
}
.Documents > div.CitiCode a:before, .ChartBtn a:before, .DwnBtn a:before, .LFPBtn a:before, .print1 a:before, .chart a.resetzoom:before {
    content: '';
    font-family: FontAwesome;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
/*    padding-right: 10px;*/
}
.chart a.resetzoom:before {
    content: '\f079';
	padding: 0;
    padding-top: 4px;
    display: inline-block;
}
.monthend.periods.active {
    float: left;
    width: 100% !important;
}
.monthend.periods.active a {
    float: left;
}
table th {
    color: #0087d2;
    background-color: #fff;
	padding: 5px;
    border-bottom: 1px dotted #ddd;
	text-align: center;
}
table td{
	border-bottom: 1px dotted #ccc;
    background-color: #fff;
    padding: 5px 0;
	text-align: center;
}
td.rowheader{
	text-align: left;
}
table td.Name {
    text-align: left;
}
.PerformanceTab table td{
	background-color: #f3f3f3;
}
.AssetTable td:first-child, .AssetTable th:first-child {
    text-align: left;
}
.AssetTable td:last-child, .AssetTable th:last-child {
    text-align: right;
}
.breakdown th.Name, .breakdown td.Name {
    text-align: left;
    padding-left: 5px;
}
.breakdown th.Weight, .breakdown td.Weight {
    text-align: left;
    padding-right: 5px;
}
.breakdown th.Weight, .breakdown td.Weight {
    text-align: right;
}
.breakdown tr:hover td .key-color {
    width: 2px;
    transition: all 0.2s ease-in-out;
}
.breakdown tr:hover {
    border-bottom: 1px solid #0087d2;
}
.Documents {
    display: flex;
    justify-content: space-around;
}
.Documents span.label, .Documents span.value {
    border-bottom: 1px dotted #ddd;
    display: block;
    width: 113%;
	min-height: 35px;
}
.Documents > div:empty {
    display: none;
}
.Documents .PDS, .Documents .ApplicationForm, .Documents .FindDiversification, .Documents .CitiCode {
    text-align: center;
}
.Documents span.value {
    min-height: 73px;
}
.Documents > div span:first-child {
    text-align: center;
}
.Documents > div.FundName span:first-child {
    text-align: left;
}
.composite.Links, .composite.links {
	background: #eaedee;
	padding: 20px;
	padding-bottom: 0;
}
.compositebody > .row2{
	margin-bottom: 0;
}
.Links .column3 .row1 {
    margin-bottom: 0;
}
.SRM-Conditional table td.SRM-Active:before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #0087d2;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin: 0 auto;
    display: inline-block;
}
.Documents > div a {
    font-size: 0;
    background: url(images/ico_fs.png) no-repeat center; 
    display: block;
    width: 33px;
    height: 40px;
    margin: 0 auto;
}
.HoldingsTable .Name{
	width:70% !important;
}
.HoldingsTable .Weight {
	width:30% !important;
	text-align:right;
}
.HoldingsTable .tableRow.header{
    color: #0087d2;
    background-color: #fff;
    padding: 5px;
    border-bottom: 1px dotted #ddd;
}
.HoldingsTable .tableRow{ 
    padding: 5px;
    border-bottom: 1px dotted #ddd;
}
.HoldingsTable .tableRow:nth-child(3){ 
  	text-transform: uppercase;
}
.HoldingsTable .tableRow:nth-child(4){ 
  	text-transform: uppercase;
}
.HoldingsTable .tableRow:nth-child(5){ 
  	text-transform: uppercase;
}
.HoldingsTable .tableRow:nth-child(6){ 
  	text-transform: uppercase;
}
.HoldingsTable .tableRow:nth-child(7){ 
  	text-transform: uppercase;
}
.HoldingsTable .tableRow:nth-child(8){ 
  	text-transform: uppercase;
}
.HoldingsTable .tableRow:nth-child(9){ 
  	text-transform: uppercase;
}
.HoldingsTable .tableRow:nth-child(10){ 
  	text-transform: uppercase;
}
.HoldingsTable .tableRow:nth-child(11){ 
  	text-transform: uppercase;
}
.HoldingsTable .tableRow:nth-child(12){ 
  	text-transform: uppercase;
}

@media screen and (min-width:0px) and (max-width:1060px){
	.page{
		width: 97% !important;
		padding: 15px 10px;
    	margin: 0 auto;
	}
	.CompLinks .column1, .CompLinks .column2, .CompLinks .column3 {
		width: inherit !important;
	}
}
@media screen and (min-width:0px) and (max-width:767px){
	.page1 > .row1 > .column1, .page1 > .row1 > .column2{
		width: 100% !important;
	}	
	.FundInfoTab > .row2 .column1, .FundInfoTab > .row2 .column2 {
		width: 100% !important;
	}	
	.column > .section {
		margin-left: 0;
	}
	.FundInfoTab .links .column .row{
		margin-bottom: 10px;
	}
	.PerformanceTab > .row1 .column1, .PerformanceTab > .row1 .column2 {
		width: 100% !important;
	}
	.ButtonToFundCentre{
		margin-top: 0; 
	}
	.chart a.resetzoom{
		width: 40px;
		height: 30px;
		right: 0;
	}
	.PerfChart a.toggletext {
		width: 50% !important;
		padding: 10px 0;
		display: inline-block;
		text-align: center;
	}
	.PerfChart table th, .PerfChart table td{
		font-size: 13px;
		line-height: initial;
		vertical-align: top;
	}
	.AssetAllocationTab > .row1 > .column {
		width: 100% !important;
	}
	div.chart{
		display: block;
	}
}
@media screen and (min-width:0px) and (max-width:480px){
	.links .column1, .links .column2, .links .column3 {
		width: 100% !important;
	}
	.Documents {
		display: table;
	}
	.Documents > div {
		border-bottom: 1px dotted #ddd;
	}
	.Documents > div span.label {
		float: left;
		width: 50% !important;
		text-align: left;
		border-bottom: 0;
		color: #3a4552;
    	font-weight: bold;
	}
	.Documents > div span.value {
		float: right;
		width: 50% !important;
		vertical-align: top;
		clear: none;
		border-bottom: 0;
		text-align: right;
	}
	.Documents > div a{
		float: right;
	}	
	
}
@media screen and (min-width:0px) and (max-width:580px){
	.tabbuttons{
		display: block;
	}
	.tabs.horizontal > .tabbuttons > .tab{
		width: 100% !important;
		float: left;
	}
	.tabbuttons .tab a{
		text-align: left;
		font: normal 1rem 'HurmeGeometricSans1-Regular', serif;
	}
}
@media screen and (min-width:667px) and (max-width:767px){
	.tabbuttons .tab a{
		    padding: 9px 7px !important;
	}
}
.ConAndDetHeader, .Documents {
  min-height: 500px;
}
.Photo { width: 80%; margin-bottom: 0.5cm; }
.fundManagers .Name { display: none; }
/*Elston-Html*/