@import url(reset.css); /* RESET CSS */

/* 1.BODY
---------------------------------------------------------------------- */
*{line-height:normal;}
html,
body { height: 100%; margin: 0; padding: 0;}
body { 
	background:#101e27;     
	color: #123062;
    font-family: georgia;
    font-size: 14px;
	line-height:16px;
}



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

p {
    color: #123062;
    font-family: georgia;
    font-size: 14px;
    margin-bottom: 18px;
	line-height:1.6em;
}
a{ color:#002540; }
a:hover, a:focus{color:#FF9900;}
ul { list-style:none; }
/*ul li { margin-left:25px; }*/

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

q { quotes: "\201C" "\201D" "\2018" "\2019"; font-style:italic; }
q:before { content: open-quote; }
q:after  { content: close-quote; }

/* SAFARI SUPPORT */

q:before   { content: '\201C'; }
q:after    { content: '\201D'; }
q q:before { content: '\2018'; }
q q:after  { content: '\2019'; }



table { border-spacing:normal; }
table a { }
table a:hover,
table a:focus { text-decoration:underline; }
table td { border-bottom:1px solid #2A598A; background:#f4f6de; padding:5px 0; vertical-align:top; }
table td { background:transparent;  }
table tr.alt td { background:#ccc; }

	/* 2.1 ADMIN MENU
	---------------------------------------------------------------------- */
div#admin_menu{ font-family:Arial, Helvetica, sans-serif; width:auto!important; position: fixed!important;}
div#admin_menu a:hover, a:focus{ color:#005279; }
div#admin_menu div:first-child{ width:auto!important;}
div#admin_menu table td{ border:none; background:transparent; }
	
	/* 2.2 BASE REVISITS
	---------------------------------------------------------------------- */	
	div.legal_selection{
		background:transparent;
		border:thin rgba(255,255,255,.25) solid;
		width:40%;
	}
	#historic_tab, #return_tab, #quant_tab {
		background-color:transparent!important;    
		color: #234173;
		font-family: Times New Roman;
		font-weight: 900;
		margin-right: 2px;
		padding: 4px 10px;
		text-transform: uppercase;
		width: auto;
	}
	.tab_selected {
    	color: #FFFFFF;
	}
	/*	Sign Up form	*/
	#signup_pg .required_field {color:#000;}
	#signup_pg div.form_group .form_double_width {color:#000;}
	#signup_pg #disclaimer_plain{
		width:97%px; 
		height: 240px; 
		overflow: auto;
		border: 1px solid #CCC;
		float:left;
	}
	#signup_pg #disclaimer_check{
		background:transparent!important;
		border:none!important;
		float:left;
		margin-left:10px;
		margin-top:12px;
		padding:3px;
	}
	#signup_pg #disclaimer_submit{
		float:left;
		margin-top:12px;
	}
	#signup_pg #disclaimer_submit input[type="submit"]{
		width:120px; height:27px;
	}
	div.form_group .form_single_width {
		height:20px;
	}


/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4{ font-family:"Times New Roman", Times, serif; font-weight:normal; line-height:normal; color:#234173; }
h5{ font-family:Arial, Helvetica, san-serif; font-weight:normal; line-height:normal; color:#234173;}

h1,div#punch_col p{ font-size:28px; text-transform:uppercase; }
h2 { font-size:18px; margin-bottom:16px; }
h3 { font-size:16px; margin-bottom:13px; }
h4 { font-size:14px; margin-bottom:10px; }
h5 { font-size:12px; }

h1{font-size:32px;}


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

a { color:#234173; text-decoration:none; }
a:hover, a:focus { color:#234173; }



/* 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;}

/* 6.LAYOUT
---------------------------------------------------------------------- */

	/* 6.1 COMMON WRAPPER ELEMENT ------------ */
	div.wrapper{
		margin:0 auto;
		width:1020px;
/*		overflow:hidden;*/
	}
	/* 6.2 HEAD ROW ------------ */
	div#head_row, div#content_row, div#footer_row{
		position:relative;
		text-align:left;
		width:100%;
	}
	div#head_row{
		height:108px;
		padding:0;
		position:relative;
		z-index:2;
		background-color:#ffffff;	
	}
	div#head_row.wrapper{
		height:275px !important;
	}
	
	/* 6.3 CONTENT ROW ------------ */
	div#content_row{
		min-height:350px;
		z-index:2;
		position:relative;
		top:12px;
	}
	div#content_row p{
	}
	
	div#content_row .wrapper {
		background: -moz-linear-gradient(top, rgba(22,57,91,.9), rgba(126,168,209,.8));
		background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgba(22,57,91,.9)), to(rgba(126,168,209,.8)));
/*		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#b316395b', EndColorStr='#b37ea8d1');*/
		
		background:url(../images/ffffff_75pct.png) scroll 0 0 repeat transparent;
	
		height:auto;
		min-height:350px;
		width:1020px;
		
		-moz-border-radius: 0px 0px 0px 0px;
		-webkit-border-radius: 0px 0px 0px 0px;
	}
	
	#home_pg div#content_row .wrapper, #fund_login_pg div#content_row .wrapper {
		background:url(../images/f3f3f3_65pct.png) scroll 0 0 repeat transparent;
	}
		/* 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;
			max-width:1100px;
			width:100%;
			padding: 0 0 40px 0;y
		}
			
		#content_col #left_col{
			left: 0;
			padding: 31px 32px 0;
			position: relative;
			width: 796px;
		}
		#content_col #right_col{
		/*	display:none;	*/
		}

		#content_col #left_col, #content_col #right_col{
			float:left;	
		}
		#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 {

		bottom:0;
		clear:left;
		height:102px;
	}


/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */
#global {
	margin-left: auto;
	margin-right: auto; /* to realign your text */
	width: 100%;
	height: 100%;
	vertical-align:top;
	position:fixed;
}
#flashContent{
	position: relative;
	height:100%;
	width:100%;
}
#banner{
	width:100%;
	height:100%;
}
#banner>*{
	width:100%;
	height:100%;
}

img#logo { 
	position:relative; 
	margin-right:20px;
}

a.logo {
    left: -115px;
    position: relative;
    top: 31px;
}
#grade_fade {
    background: url("../images/grade_fade_long.png") repeat-x scroll 0 0 transparent;
	height: 95px;
    width: 100%;
}
/* 8.NAVIGATION
---------------------------------------------------------------------- */

div#main_nav {
    background: url("../images/ffffff_75pct.png") repeat scroll 0 0 transparent;
    border-bottom: medium none;
    border-radius: 0 0 0 0;
    top: 160px;
    display: inline;
    float: left;
    height: 50px;
    margin: 0 0 4px;
    position: absolute;
    width: 1020px;
	text-align:center;
}
#home_pg div#main_nav, #fund_login_pg div#main_nav {
    background: url("../images/f3f3f3_65pct.png") repeat scroll 0 0 transparent;
}
div#main_nav ul{
	list-style:none outside none;
	margin:18px 0 0 0;
	padding:0;
	width:auto;
}
div#main_nav ul li { 
	position:relative;
	display:inline;
}
div#main_nav ul li a{
    color: #123062;
    font-family: georgia;
    font-size: 14px;
    font-weight: 400;
    padding: 14px 12px 0;
    text-transform: uppercase;	padding-left:12px\9;	/* yep, that's right, a much needed IE hack*/
}
div#main_nav ul li a:after{ 
	/*content:" »";*/
}

ul#sec_nav, ul#fund_login_nav {
    float: right;
    line-height: normal;
    list-style: none outside none;
    margin: 0;
    position: relative;
    right: 20px;
    vertical-align: baseline;
    width: auto;
    font-family: Times New Roman;
	text-transform:uppercase;
	font-weight:900;
}
ul#sec_nav li, ul#fund_login_nav li { 
	margin:0; 
	padding:0px 10px 0 10px; 
	float:left; 
	line-height:1em;
}
ul#fund_login_nav{	top:92px;	}
ul#fund_login_nav li a{ color:#234173;}

ul#sec_nav{
	background-color:#234173;
	border-radius:0px 0px 5px 5px; 
	-webkit-border-radius:0px 0px 5px 5px; 
	-moz-border-radius:0px 0px 5px 5px; 
}
ul#sec_nav li {
    line-height: 1em;
    margin: 9px 5px;
}
ul#sec_nav li a {
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
}
/*
ul#sec_nav a:after{	content:" »"; }
*/

ul#sec_link{
	margin:15px 0px;
}

form#login_form a {
	background-color:#112f5e\9;	/* IE only	*/
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgba(0,0,0,1)), to(rgba(17,47,94,1)));
	background: -moz-linear-gradient(top, rgba(0,0,0,1), rgba(17,47,94,1));
	color:#fff;
	font-family:arial;
	font-size:smaller;
	line-height:2em;
	padding:3px 8px;
	text-transform:uppercase;
	width:100%;
	height:100%;
}


/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */
div#footer_row .wrapper {
	bottom:0;
	padding:70px 0 0 0;
	width:1020px;
	text-align:center;
}
div#footer_row .wrapper p{
    color: #FFFFFF;
    display: inline;
    font-family: "Times New Roman",Times,serif;
    font-variant: small-caps;
    font-weight: 400;
}
div#footer_row .wrapper p a{
	display:inline;
	color:#FFFFFF;
	text-decoration:underline;
}
div#footer_row #copyright{
	margin:0 0 0 30px;
}
div#footer_row #copyright a{
	padding-left:10px;
}
div#footer_row #poweredby{
	float:right;
	margin:0 30px 0;
}
div#footer_row .wrapper p+a {
	left:10px;
	position:relative;
}


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

	/* 10.1 FUND_LOGIN STRUCTURE ------------ */
	#fund_login_pg #content_col #left_col{
		
	}
	
	#fund_login_pg #content_col #right_col {
		display:block;
		margin:35px 0;
	}
	#fund_login_pg #content_col #left_col p{
		font-size:18px;
	}
		
	/* 10.2 FUND_LOGIN FORM ------------ */	
	.login{
		float: right;
		padding: 0 0 10px 60px;
		width: 30%;
	}
	.login label {
		font-size:13px;

	}


.login input {
    border: medium none;
    box-shadow: 0 0 10px #666666 inset;
    display: block;
    margin: 0 0 8px;
    outline: medium none;
    padding: 5px;
    width: 200px;
}
	.login ul li{
		margin:7px 0 ;

	}
	.login ul li a:link{
		text-decoration:underline;
		font-size:inherit;
	}
	.login p{
	}
	.login h3{
		text-transform:uppercase;
		width:auto;
		margin:0;
		padding:0 0 5px 0;
	}
	
	/* 10.3 HOME STRUCTURE ------------ */
	#home_pg #content_col #left_col{
		width:796px;
		display:block;
		float:left;
	}
	#home_pg #content_col #left_col h1{
	}
	#home_pg #content_col #left_col p{
		font-size:18px;
		
	}
	
		/* 10.3.1 EXTRA DIVS ------------ */
		div#extra{
			overflow:hidden;
			position:relative;
		}
		div#punch_col{
			bottom:0;
			padding:0 25px;
			position:absolute;
			width:280px;
		}
		div#punch_col p{

		}
		div#quote_col{
			border-left:1px solid #cccccc;
			float:right;
			margin:25px 0 0;
			padding:0 30px;
			position:relative;
			width:45%;
			font-style:italic;
			color:#CCCCCC;
		}
		div#quote_col q {
			color: rgb(0, 37, 64);
			font-size:14px;
			font-weight:900;
		}

	

	
	
/* 11.FORM
---------------------------------------------------------------------- */

label{
	display:block;
}


/* 12.PERFORMANCE PAGE
---------------------------------------------------------------------- */

#performance_pg table.perf{width:890px;}
#performance_pg table.perf th, 
table.perf tbody, 
table.perf tr, 
table.perf td{
	font-family:inherit;
	line-height:normal;
	vertical-align:baseline;
}


/* 13.STRUCTURE PAGE
---------------------------------------------------------------------- */

#structure_pg table.list-table tr{
	background:transparent!important;
}


/* 14.SIGNUP PAGE
-----------------------------------------------------------------------*/

#signup_pg .form_double_width span{ 
/*	font-size:medium;*/
}

/*	15.MAP
-----------------------------------------------------------------------*/
#map-canvas{
	width:435px;
	height:350px;
	margin-left:20px;
}
#map_logo{
	width:100px;
	height:100px;
	max-height:100px;
	max-width:100px;
	background:url(../images/favicon_src.png) center center scroll transparent;
	margin-left:10px;
}
#map_info h1 {
    color:#322409;
	font-weight:900;
}

#bodyContent p{    color:#322409;}

/*	15.USER DOCUMENT
-----------------------------------------------------------------------*/
#user_documents_pg table td{
	border:none;
}


/* 00.MISC
---------------------------------------------------------------------- */
br{clear:both;}
small a{color:#ffffff !important;}
.tri_dots{display:inline; padding:0 5px;}

	/*	00.1 Import additional css	*/
	@import url(li-scroller.css); /*	LI-SCROLLER CSS	*/
	
#suitability_pg form table tr td{
	border: medium none;
}
#suitability_pg form table tr td:first-child{
    font-weight: 900;
 	padding-right: 20px;
    text-align: right;
    vertical-align: middle;
	width:30%;
	text-indent:30%;
}
fieldset{
	border-top:5px solid #234173;
	margin-top:40px;
}
fieldset#first_fs{
	margin-top:0px;
}
#suitability_pg input[type="text"]{
	width:300px;
}
#suitability_pg legend{
	background-color: #234173;
	color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 5px 15px;
    width: auto;
}
.left{text-align:left!important;}
.center{text-align:center!important;}
.inline{display:inline!important;}