@import url(reset.css); /* RESET CSS */
/* 1.BODY
---------------------------------------------------------------------- */
*{line-height:normal;}
html,
body { height: 100%; margin: 0; padding: 0; background:url(none) repeat-y scroll center top #333;}
body { color:#6c6c6c; font-family:"Open Sans",Arial, Helvetica, sans-serif; font-size:10pt;}

/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */
.hide{display:none;}
hr.footer{
	border: 1px solid #CCCCCC ;
	width: 95%;
	margin:0 0 0 23px;
}
p{ margin-bottom:18px; color:#333;}
a{ color:#990000; text-decoration:none; }
a:hover, a:focus { color:#999; }

ul { list-style:none; }
/*ul li { margin-left:25px; }*/

strong { font-weight:bold; }
em { font-style:italic; }

table { border-top:0px solid #ccc; border-spacing:normal; color:#000 !important; }
table a {  }
table a:hover,
table a:focus { color:#990000; text-decoration:none; }
table td { border-bottom:1px solid #ccc; background:#f4f6de; padding:5px 0; vertical-align:top; }
table td { background:transparent;  }
table tr.alt td { background:#000; }


	/* 2.1 ADMIN MENU
	---------------------------------------------------------------------- */
	div#admin_menu {
/*		background:url("../images/admin/admin_close_tab.png") no-repeat scroll 0 0 transparent;*/
		font-family: "Open Sans",Arial,Helvetica,sans-serif;
		position: fixed;
		width: 300px;
		z-index: 9999;
		right:0;/*-230px;*/
	}
	div#admin_menu ul {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.94);
		border-color: -moz-use-text-color -moz-use-text-color #cacad9 #cacad9;
		border-radius: 0 0 0 10px;
		border-style: none none solid solid;
		border-width: medium medium 1px 1px;
		margin-left: 70px;
	}
	div#admin_menu ul li{
		background-repeat:no-repeat!important;
		background-position: 10px center !important;
		border-top:#cacad9 thin solid;
		background-size:30px 27px;
	}
	div#admin_menu ul li:first-child{border:none;}
	div#admin_menu ul li a {
		display: block;
		font-size: 14px;
		margin-left: 60px;
		padding: 10px 0;
	}
	div#admin_menu ul li a:hover, 
	div#admin_menu ul li a:focus{ color:#990000; }
	.admin_tab{
		float:left;
		cursor:pointer;
		border-radius: 0 0 0 10px;
		position:absolute;
		top:0;
	}
	
	
	/* 2.2 BASE REVISITS
	---------------------------------------------------------------------- */	
	div.legal_selection{
		background:transparent;
		border:thin rgba(255,255,255,.25) solid;
		color:#333333;
	}
	#historic_tab, #return_tab, #quant_tab {
		background-color: #990000 !important;
		border-radius: 15px 15px 0 0;
		color: #999;
		margin: 0 10px 10px 0;
		padding: 10px 20px;
	}
	
	.active {color:#990000!important;}
	.tab_selected {color:#999!important; background:#FFFFFF;}

/* 3.HEADINGS
---------------------------------------------------------------------- */
h1, h2, h3, h4, h5 {
    color: #555;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-weight: 300;
    margin-bottom: 10px;
}
h1 { font-size:24pt; }
h2 { font-size:20pt; margin-bottom:16px; }
h3 { font-size:18pt; margin-bottom:13px; }
h4 { font-size:16pt; margin-bottom:10px; }
h5 { font-size:13pt; font-weight:400;}



/* 4.LINKS
---------------------------------------------------------------------- */


/* 5.IMAGES
---------------------------------------------------------------------- */
.polaroid { border:5px solid #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-box-shadow:1px 1px 5px #999; -moz-box-shadow:1px 1px 5px #999; }

/*div#admin_menu img{ display:inline; }*/
div.banner{
/*	max-height:325px;*/
	height:325px;
}

/* 6.LAYOUT
---------------------------------------------------------------------- */
	/* 6.1 COMMON WRAPPER ELEMENT ------------ */
	div.wrapper{
		height:168px;
		margin:0 auto;
		width:85%;
		min-width:1000px;
		background:#FFFFFF;

		-moz-box-shadow: 0px 0px 0px #000;
		-webkit-box-shadow: 0px 0px 0px #000;
		box-shadow: 0px 0px 0px #000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color='#000000')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color='#000000');
	}
	
	/* 6.2 HEAD ROW ------------ */
	div#head_row, div#content_row, div#footer_row{
		position:relative;
		text-align:left;
		width:100%;
	}
	div#head_row{
		background:url("../images/side_dropshadows.png") repeat-y scroll center top transparent;
		height:168px;
		position:relative;
	}
	div#head_row.wrapper{
		height:168px;
	}
	div#head_row .banner{
		background:url("../images/banners/home.jpg") no-repeat scroll center 19px transparent;
	}
	
	/* 6.3 CONTENT ROW ------------ */
	div#content_row{
		background:url("../images/side_dropshadows.png") repeat-y scroll center top transparent;
		min-height:300px;
	}	
	div#content_row .wrapper {		
		height:auto;
		position:relative;
		background:#fff;
	}
	div#content_row .banner{
		background:url("../images/banners/home.jpg") no-repeat scroll 0 0 #FFFFFF;
		min-height:221px;
		height:221px;
		position:relative;
	}
	div#content_row .banner p#splash{
		background:url("../images/splash_tag.png") scroll no-repeat 0 0 transparent;
		bottom:28px;
		position:absolute;
		right:0;
		overflow:visible;
		width:618px;
		height:87px;
		text-indent:-5000px;
	}
	div#content_row p{
	}
	
		/* 6.3.1 CONTENT ROW, NAVIGATION COLUMN ------------ */
		div#content_row #nav_col{
			width:237px;
			float:left;
			background-color:#e1ebf7;
			height:100%;
		}
		
		/* 6.3.2 CONTENT ROW, CONTENT COLUMN ------------ */
		div#content_row #content_col{
			float:left;
			width:100%;
			padding:0 0 36px 0;
			min-height:300px;
		}
		div#content_row #content_col ul{
			padding-bottom:1.5em;
		}
		div#content_row #content_col #left_col ul li{
			list-style-image:url('../images/red_arrow.png');
			margin-left:20px;
		}
		div#content_row #content_col #left_col #sub_fund_nav ul li{
			list-style:none;
			margin-left:0;
		}	
			
		#content_col #left_col{
			padding:36px 34px 0 36px;
		}
		#content_col #right_col{
			display:none;
		}
		#content_col #left_col, #content_col #right_col{
			float:left;	
			width:93%;
		}
		#content_col #left_col h1{
			margin:0 0 15px;
		}
		#content_col #left_col p {
			line-height:1.6em;
			text-align:justify;
		}	

	
	/* 6.4 FOOTER ROW ------------ */
	div#footer_row {
		background: url("../images/footer_dropshadow.png") no-repeat scroll center -145px #333333;
		border: medium none;
		clear: left;
		color: #000000;
		height: 53px;
		padding: 0 0 20px;
	}


/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

img#banner{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

img#logo {
    height: auto;
    max-width: 45%;
    padding: 35px 0 0 3%;
    position: relative;
    width: 45%;
}

/* 8.NAVIGATION
---------------------------------------------------------------------- */

div#main_nav {
	display:inline;
	right:30px;
	font-size:16px;	
	position:absolute;
	z-index:100;
	top:-48px;
	font-family:"Open Sans", Arial, Helvetica, sans-serif;
	text-align:right;
	font-weight:300;
}
div#main_nav ul{
	list-style: none outside none;
	margin-bottom:12px;
}
div#main_nav ul li { 
	display: inline;
    height: 36px;
    min-height: 36px;
    position: relative;	
	color:#aaa;
	border-left:thin solid #aaa;	
}
div#main_nav ul li:first-child {
	border:none;
}
div#main_nav ul li a{ 
	padding:0 15px;
	color:#000;
}
div#main_nav ul li:hover{
	cursor:default;
}
div#main_nav ul li a:hover, 
div#main_nav ul li a:focus{ 
	padding:0 15px;
	color:#990000;	/*#FEFFB2;*/
}
#jsddm .submenu{
	position: absolute;
	visibility: hidden;
	margin: 0!important;
	padding: 5px 0;
	background: #990000;
	top: 27px;
	left:0;
	border-radius:0 0 10px 10px;
}
#jsddm .submenu li{border:none;}
#jsddm .submenu li a{
    color: #FFFFFF !important;
    display: block;
    margin: 0;
    min-width: 150px;
    max-width: 150px;
    padding: 6px 15px !important;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: auto;
}
#jsddm .submenu li a:hover{
	background: #890000;
	color: #FFF;
	border-radius:10px;
}

hr.mmenu{
	border-top:#333 1px solid;
	width:100%;
}
ul#sec_nav {
    background-color: #999;
    border-radius: 0 0 10px 10px;
    float: right;
    font-size: 16px;
    font-weight: 300;
    padding: 15px 25px;
    position: relative;
    right: 48px;
    top: 0;
}
ul#sec_nav li { 
	line-height:1em;	
}
ul#sec_nav a{
	color:#fff;
	text-decoration:none;
}
ul#sec_nav a:hover{	color:#990000; }

form#login_form a {	
	background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(17,47,94,1));
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgba(0,0,0,1)), to(rgba(17,47,94,1)));
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ff000000', EndColorStr='#ff112f5e');
	color:#fff;
	font-family:arial;
	font-size:smaller;
	line-height:2em;
	padding:3px 8px;
	text-transform:uppercase;
}


/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */
div#footer_row .wrapper {
	line-height:3.1em;
	position:relative;
	text-align:center;
	vertical-align:baseline;
	background:#fff;
	height:53px;
	border:none;
}
div#footer_row .wrapper p{
	color:#666;
	font-size:.8em;
	display:inline;
	padding:22px 0 0 34px;
	float:left;
}
div#footer_row #copyright{	float:left;}
div#footer_row #copyright a{
	padding-left:10px;
	text-decoration:underline;
	color:#990000;
}
div#footer_row #poweredby{
	float:right;
	padding-right:34px;
	color:#666;
}
div#footer_row #poweredby a{	color:#666;}
div#footer_row #poweredby a:hover{	color:#990000; }
div#footer_row .wrapper p+a {
	left:10px;
	position:relative;
}


/* 10.HOMEPAGE
---------------------------------------------------------------------- */

	/* 10.1 FUND_LOGIN STRUCTURE ------------ */		
	#fund_login_pg #content_col{		display:none;}
		
	/* 10.2 FUND_LOGIN FORM ------------ */	
	.login{
		background-color: #990000;	
		height: 290px;
		padding: 0;
		position: absolute;
		right: calc(10%);
		top: calc(50% - 145px);
		width: 322px;
		z-index: 10;
		border-radius:10px;
	}
	.blurb{
		background-color: #990000;
		height: auto;
		padding: 30px;
		position: absolute;
		right: calc(20%);
/*		top: calc(15% - 145px);*/
		width: 345px;
		z-index: 10;
		border-radius: 10px;
	}
	.blurb a{text-decoration:underline!important; color:#FFFFFF!important;}
	.login p{
		position: relative;
		top: 25px;
		color:#fff;
		display:inline;
		clear:both;
		margin:0 0 0 30px;
		font-size:24px;
		font-weight:900;
	}
	.login p:first-child{
		font-weight:300;
	/*	color:#6de172;*/
	}
	.login p img{
		vertical-align: -2px;
		margin:0 5px;
		display:inherit;
	}
	.login label {
		font-family:Arial,Helvetica,sans-serif;
		font-size:16px;
		clear:left;
	}
	.login input{
		border-color:#B9BAB2 #A9AB86 #A9AB86 #B9BAB2;
		border-style:solid;
		border-width:1px;
		display:block;
		float:left;
		height: 20px;
		margin: 0 0 8px;
		width: 200px;
	}
	.login ul{
		margin: 0 0 0 30px;
		position: relative;
		top: 60px;
	}
	.login ul li{
		margin:7px 0 ;
		font-family:Arial, Helvetica, sans-serif;
		font-size:smaller;
	}
	.login ul li a{
		text-decoration:underline;
		font-size:inherit;
		color:#fff;	
		
	}
	.login h4{		
		color: #6CB6FF;
		margin: 40px 0 0 60px;
		text-transform: capitalize;
		width: 170px;
	}
	.login form{
		color: #FFFFFF;
		margin: 0 0 0 30px;
		position: relative;
		top: 50px;
	}
	.login form img{cursor:pointer;}
	
	#fund_login_pg div#content_row .banner, #home_pg div#content_row .banner{
		height: 532px;
	    min-height: 532px;		
	}
	
	/* 10.3 HOME STRUCTURE ------------ */
	#home_pg #content_col{ display:none; }
	.blurb h1{
		color: #fff;
		font-size: 24px !important;
		margin: 0;
	}
	.blurb p {
		color: #ffffff;
		line-height: 1.5em;
		margin: 12px 0 0 0;
		text-align: justify;
		width: auto;
	}
	
	
/* 11.FORM
---------------------------------------------------------------------- */
label{	display:block;}


/* 12.PERFORMANCE PAGE
---------------------------------------------------------------------- */
#performance_pg table.perf{width:100%;}

#performance_pg table.perf th, 
table.perf tbody, 
table.perf tr, 
table.perf td{font-family:Arial, Helvetica, sans-serif!important; font-size:12px!important; line-height:normal; color:#6c6c6c; vertical-align: middle;}

#performance_pg table.perf img[src*="grapher.php"]{margin:auto;}


/* 13.STRUCTURE PAGE
---------------------------------------------------------------------- */
#structure_pg tr,
#structure_pg th,
#structure_pg td{color:#6c6c6c;}

#structure_pg table.list-table{margin-bottom:30px;}
#structure_pg table.list-table tr{	background:transparent!important;}

/* 14.SIGNUP PAGE
-----------------------------------------------------------------------*/
/* 14.SIGNUP PAGE
-----------------------------------------------------------------------*/
/*#signup_pg {font-size:12px!important;}
#signup_pg ol{
	list-style: lower-roman outside none;
    padding: 0 0 10px 20px;
}
#signup_pg .form_double_width span {
	color:#FFFFFF !important; 
	font-size:medium;	
}
#signup_pg fieldset fieldset{
    border: 0 solid;
    border-top: 1px solid;
}
#signup_pg fieldset fieldset legend{
	background: url("none") repeat scroll 0 0 transparent;
    border: 0 solid;
    font-weight: 900;
    padding: 10px;
}*/

#signup_pg .required_field {
	color:#cc0000;
}
#signup_pg div.form_group .form_single_width {
	height:20px;
}
#signup_pg div.form_group .form_double_width {
	color:#666666;
}
#signup_pg #disclaimer_submit input[type="submit"] {
    background-color: #b21f17;
	font-family:'Open Sans', Helvetica, san-serif;
    font-size: 22px;
    font-weight: 100;
    height: auto;
    padding: 20px 100px;
    width: auto;
}
#signup_pg #eu_disclaimer_check input[type="checkbox"],
#signup_pg #disclaimer_check input[type="checkbox"]{
	margin-right:20px;
}
#signup_pg legend {
	padding:10px 150px;
}


.empty {color:gray;}
#signup_pg div.form_group fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 96%;
}
#signup_pg fieldset h2 {
    padding-bottom: 10px;
    width: 100%;
	margin-bottom:0;
}
#signup_pg .required_field {
	color:inherit;
}
#signup_pg div.form_group .form_single_width {
    border: 1px solid #D0D0D0;
    height: auto;
    margin-bottom: 15px;
    margin-right: 18px;
    padding: 0;
	max-width:48%;
	overflow:hidden;
	width:50%
}
#signup_pg div.form_group .form_double_width {
	color:inherit;
	margin-bottom:30px;
}


#signup_pg #eu_disclaimer_plain {
	width:97%px;
	height: 240px;
	overflow: auto;
	border: 1px solid #CCC;
	float:left;
}
#signup_pg #eu_disclaimer_check {
    background: none repeat scroll 0 0 black !important;
    border: medium none !important;
    color: #ffffff;
    display: inherit;
    float: left;
    font-family: "Open Sans";
    font-size: 22px;
    height: auto;
    margin-top: 12px;
    outline: medium none;
    padding: 25px 30px;
    text-transform: uppercase;
    width: inherit !important;
	margin-bottom:20px;
}

#signup_pg #disclaimer_plain {
	width:97%px;
	height: 240px;
	overflow: auto;
	border: 1px solid #CCC;
	float:left;
}
#signup_pg #disclaimer_check {
    background: none repeat scroll 0 0 #5e5e5e !important;
    border: medium none !important;
    color: #ffffff;
    display: inherit;
    float: left;
    font-family: "Open Sans";
    font-size: 22px;
    height: auto;
    margin-top: 12px;
    outline: medium none;
    padding: 25px 30px;
    text-transform: uppercase;
    width: inherit !important;
}
#signup_pg #disclaimer_submit {
	display:inherit;
	float:right;
	margin-top: 12px;
	position: relative;
	right: 60px;
}
#signup_pg ol{
	list-style: lower-roman outside none;
    padding: 0 0 10px 20px;
}
#signup_pg .form_double_width span {
    font-family: "Open Sans";
    font-weight: 100;
    position: relative;
    top: 3px;
}
#signup_pg .form_group{margin-bottom:20px; clear:both;}

#signup_pg .form_group input {
    padding: 19px;
    width: 97%;
	border:none;
	outline:none;
	vertical-align:top;
	font-size:inherit;
	text-transform: lowercase;
}

#signup_pg .third_group input {
	text-transform: none;	
}

#signup_pg div.form_group select {
    background: url("../images/select_arrow.png") no-repeat scroll 92% 52% #FFFFFF;
    border: medium none;
    outline: medium none #000080;
    padding: 19px;
    width: 105%;
	font-size:inherit;
	color:inherit;
}
#signup_pg div.form_group select option{color:#000;}
#signup_pg .form_group label {
	font-weight:100;
	font-family:"Open Sans";
	margin-bottom:10px;
}
.checkbox_item {
    clear: both;
    font-family: "Open Sans";
    font-size: inherit;
    left: 15px;
    padding: 9px;
    position: relative;
    text-indent: -25px;
}
#signup_pg input[type="radio"] {
    width: auto !important;
}
.darkblue_bkgnd {
/*    background-color: #222b3f;*/
    padding: 10px 30px 30px !important;
    width: 880px !important;
	border:1px solid #d0d0d0;
}
.smallerfontsize .checkbox_item,
.smallerfontsize p{
	font-size: 13px;
}

/* 15.CONTACT PAGE
-----------------------------------------------------------------------*/
#contact_pg table p{text-align:left;}

/* 16.MARKETING PAGE
-----------------------------------------------------------------------*/
#marketing_pg tr,
#marketing_pg th,
#marketing_pg td{color:#6c6c6c;}

/* 17.LETTERS PAGE
-----------------------------------------------------------------------*/
#letters_pg tr,
#letters_pg th,
#letters_pg td{color:#6c6c6c;}
#letters_pg #letters_list_1 td:nth-child(1){width:90%;}

/* 18.MANAGEMENT PAGE
-----------------------------------------------------------------------*/
#management_pg #left_col{width:93%;}

#management_pg p{margin-top:10px; line-height:1.5;}
#management_pg i{font-weight:900;}

#management_pg tr,
#management_pg th,
#management_pg td{color:#6c6c6c;}

#management_pg h2{margin-bottom:0;}
#management_pg h4{}
#management_pg h5 {
    background: none repeat scroll 0 0 #ccc;
	border-radius: 0 0 7px 7px;
    color: white;
    margin: 0;
    padding: 3px 8px;
}
#management_pg table{margin-bottom:5px;}
#management_pg table:first-child{margin-top:0!important;}
#management_pg table td{padding-top:0;}
#management_pg table td div img{float:left; margin: 0 30px 0px 0;}

#management_pg #performance_wrapper img {
    border-radius: 0 0 20px 20px;
    box-shadow: -1px 3px 2px #666;
    margin: 0 25px 20px 0 !important;
}

/* 19.FUNDS PAGE
-----------------------------------------------------------------------*/
#funds_pg .inner_box{ width: 50%; float: left;}
#funds_pg .view-more {
    background: url("../images/overview_sprite.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    margin-right: 5px;
	border-radius:0 0 10px 10px;
}
#funds_pg #left_col{width:93%;}
#funds_pg .box{}
#funds_pg .box div{width:100%!important;}
#funds_pg .box p{}
#funds_pg .box p span{}
#funds_pg .box p span a {
    display: inline-block;
    min-height: 53px;
    min-width: 198px;
    text-indent: -9999px;
}
#funds_pg .box #performance {
    background-position: 0 0;
    width: 198px;
}
#funds_pg .box #structure {
    background-position: -199px 0;
    width: 198px;
}
#funds_pg .box #marketing {
    background-position: -398px 0;
    width: 198px;
}
#funds_pg .box #communications {
    background-position: -597px 0;
    width: 198px;
}
#funds_pg .box #documents {
    background-position: -796px 0;
    width: 198px;
}

/* 20.SUB FUND NAVIGATION
-----------------------------------------------------------------------*/
#sub_fund_nav{
	float: left;
    height: 100%;
    width: 200px;
}
#sub_fund_nav form{ margin-bottom:20px;}
#sub_fund_nav select{ width:200px; }
#sub_fund_nav ul{}
#sub_fund_nav ul li {
    font-family: Open Sans;
    font-size: 15px;
    font-weight: 300;
    margin: 15px 0;
}
#sub_fund_nav ul li a{
	padding:0 8px;
}
#sub_fund_nav #funds_list:hover{cursor:default;color:#990000;}
#performance_wrapper{
	border-left: 1px solid #BABA98;
    float: left;
    margin-left: 20px;
    padding-left: 20px;
    width: calc(100% - 245px);
}
#structure_pg #performance_wrapper{
    width: 670px;
}



/* 00.MISC
---------------------------------------------------------------------- */
br{clear:both;}
small a{color:#FFFFFF !important; font-family:Arial, Helvetica, sans-serif}
.tri_dots{display:inline; padding:0 5px;}
.hover{color:#990000;}