/*************** Tags **************/
BODY {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000; background-color:#eee;
	line-height:150%;
	padding:0; margin:0;}
BODY#default {color:#222e68; line-height:130%;}
TABLE {width:100%; border-collapse:collapse;}
H1, H2, H3 {color:#222E6A;}
H1 {font-size:16px; //margin-top:20px;  margin-bottom:7px;}
H2 {font-size:14px; color:#000; margin:0 0 3px 0; padding:0;}
H3 {font-size:12px; margin:0; padding:0;}

P {line-height:160%; margin:0 0 7px 0; text-align:justify;}
A {color:#222E68;}
A:hover {color:#030B2F;}
UL {padding:0; margin:0;}
IMG {border:0;}

/*************** login page **************/
.default_container {
	width:743px; height:430px;
	position:absolute; top:50%; left:50%;
	margin-top:-25%;
	margin-left:-389px;}
.default_content {
	width:100%; height:416px;
	background-color:#fff;
	border:1px #ff9c01 solid;
	padding:15px;}
	
.login {margin-top:16px;}
.login TD {padding-left:84px; padding-right:20px; vertical-align:top;}
.login H1 {font-size:14px; color:#222e68; text-transform:uppercase; margin-bottom:7px;}
.login H3 {font-size:12px; color:#222e68; margin:0;}
H1.login_arrow {/*background:url(media/login_arrow.gif) no-repeat 185px;*/}
.login P {text-align:left;}
.login A {color:#222E68;}
.login A:hover {color:#030B2F;}
.login UL LI {list-style:none; padding:0 0 3px 0px;}
.login INPUT {width:122px; height:15px; font-size:12px; border:1px solid #ff9c01;}
.Cb2 INPUT  {width:22px; height:15px; font-size:12px; border:1px solid #ff9c01;}

.form TD {vertical-align:middle; padding:7px 0 2px 0;}
.form {margin-bottom:7px;}

.securityQuestion INPUT{ width:auto; font-size:12px; border:1px solid #ff9c01;}
.securityQuestion TD {vertical-align:middle; padding:7px 0 2px 0;}
 .securityQuestion{margin-bottom:7px;}

/**********************About Fore page ******************/
.default_container_AboutFore {
	width:600px; height:430px;
	position:absolute; top:40%; left:60%;
	margin-top:-25%;
	margin-left:-389px;}
.default_content_AboutFore {
	width:100%; height:416px;
	background-color:#fff;
	border:1px #ff9c01 solid;
	padding:15px;}


/*************** inner page **************/
.logo {padding:12px 0 8px 13px;}
#menu {height:19px; background-color:#222E6A;}
#menu TD {text-align:right;}
#menu UL {font-size:10px; color:#fff; text-transform:uppercase; margin-right:10px; //margin-right:0;}
#menu UL LI {display:inline; background:url(media/bullet_menu.gif) no-repeat 100%; padding:0 13px 0 4px; //padding:0 10px 0 8px;}
#menu UL LI.logout {display:inline; background:url(media/bullet_logout.gif) no-repeat 100%; padding:0 13px 0 4px; //padding:0 10px 0 8px;}
#menu UL LI A {color:#fff; text-decoration:none;}
#menu UL LI A:hover {color:#ffab30;}
#menu UL LI A#active_item {color:#ffab30;}


#content TD {vertical-align:top;}
#content_bg {width:740px; min-height:445px; background-color:#fff; border:1px solid #ff9c01; padding:10px 20px 30px 20px; margin-top:10px;}
#content_bg_narrow {width:580px; min-height:445px; background-color:#fff; border:1px solid #ff9c01; padding:10px 30px 30px 30px; margin:10px 0 0 15px;}
#content_bg_narrow_menu {width:660px;}
.wrapper {height:399px;}


TD#left_nav {padding:30px 0 0 10px; width:200px;} 
#left_nav UL LI {list-style:none; text-transform:uppercase; line-height:125%; padding:5px 5px 8px 5px;}
#left_nav UL LI DIV {border:1px solid #c9c9c9; padding:2px;} 
#left_nav UL LI A {font-size:11px; font-weight:bold; color:#222e62; text-decoration:none;}
#left_nav UL LI A:hover {border-bottom:1px solid #ff9c01;}
#left_nav UL LI A#active {border-bottom:1px solid #ff9c01;}
#left_nav UL LI UL {margin:6px 0 0 15px; //margin:6px 0 0 7px; }
#left_nav UL LI UL LI {text-transform:none; padding:0; }
#left_nav UL LI UL LI A {font-weight:normal; color:#6a6a6a; border:0;}
#left_nav UL LI UL LI A DIV {border:none; padding:0 0 0 8px; background:url(media/bullet.gif) no-repeat 0 5px;}
#left_nav UL LI UL LI A:hover {color:#222e62; border:none;}
#left_nav UL LI UL LI A#active_sub {color:#222e62; border:none;}
#left_nav UL LI UL LI A:hover DIV {background:url(media/bullet.gif) no-repeat 0 5px;}
#left_nav UL LI UL LI A#active_sub DIV{background:url(media/bullet_.gif) no-repeat 0 5px;}
#left_nav .separate {font-size:11px; font-weight:bold; color:#212e66; text-transform:uppercase; background:url(media/bullet_left_nav_s.gif) no-repeat 0 4px; padding:1px 0 2px 19px; margin:20px 0 0 4px;}
#left_nav .separate A {color:#5c5d5d; text-transform:none;}
#left_nav .separate A:hover {color:#212e66;}

UL.list {margin-bottom:7px;}
UL.list LI {font-weight:bold; list-style:none; padding:0 0 2px 15px; margin-left:15px;}
UL.list LI UL LI {font-weight:normal; list-style:none; background: #fff url(media/funds_bullet.gif) no-repeat 0 8px; padding:0 0 2px 12px; margin-left:10px;}

UL.list1 {margin-bottom:7px; margin-left:30px;}
UL.list1 LI {font-weight:normal; list-style:none; background: #fff url(media/funds_bullet.gif) no-repeat 0 8px; padding:0 0 2px 12px; margin-left:10px;}

ul.list2 {
margin:0px;
padding:10px 0px 10px 25px;
}

UL.list2 LI {
font-weight:normal; 
list-style:none; 
background: #fff url(media/bullet_list2.gif) no-repeat 0px 8px; 
padding:0 0 2px 10px; 
margin-left:10px;
}


.bold_text {font-weight:bold; list-style:none; padding:0 0 2px 15px; margin-left:15px;}

/*lists of pdf docs*/
.pdf {float:left; margin-right:30px;}
.pdf UL {margin:0 0 7px 0}
.pdf UL LI {list-style:none; background:url(media/bullet_pdf.gif) no-repeat 0 1px; padding:0 0 2px 24px;}
.pdf_line {clear:both; border-bottom:1px solid #999; padding-top:3px; margin-bottom:15px;}
.pdf_reader {clear:both; font-size:11px; color:#999; line-height:120%; padding:15px 0 0 0;}
.pdf_reader A {color:#999;}
.pdf_reader A:hover {color:#666;}

/*table of pdf docs (sheets)*/
/*.sheet_pdf TD {width:60px; height:88px; font-size:90%; background:url(media/sheet_pdf.gif) no-repeat; text-align:center; padding:28px 0 0 0;}
.sheet_pdf TD.year, .sheet_pdf TD.empty {background:none;}*/
.sheet_pdf TD {
width:50px; height:75px; //height:53px; 
font-size:11px; line-height:145%; 
background:url(media/sheet_pdf02.gif) no-repeat 45% 50%; 
text-align:center; 
padding:22px 0 0 0; //padding:22px 0 0 5px;}
.sheet_pdf TD.year, .sheet_pdf TD.empty {background:none;}


/* registration form */
.m_container {width:430px; margin-top:10px;}
TABLE.tablebody {font-size:12px; line-height:175%; text-align:right; margin:0;}
INPUT.long {width:244px; font-family:Arial, Helvetica, sans-serif; margin:0;}
TABLE.tablebody TD {padding:5px 10px 0 0;}
TABLE.tablebody H3 {font-size:12px;	font-weight:normal; color:#000; margin:0; padding:0;}
TR.alt_row {background-color:#eee;}
TR.m_last_row TD {height:40px; border:none; padding-bottom:5px;} 
.m_left_column {text-align:left; vertical-align:top;}
.m_right_column {text-align:left;}
TABLE.tablebody TEXTAREA {width:244px; height:100px;}
.withoutstar {padding-left:8px;}

/* Contacts */
.locations, .contacts {margin:7px 0 5px 0;}
.locations TD, .contacts TD {vertical-align:top; padding:0px 15px 15px 0px;}
.contacts TD {width:33%;}
.contact_select {font-weight:bold; color:#222E6A; background-color:#fff; border-bottom:1px solid #222E6A;}

.bold {font-weight:bold;}
.clear {clear:both;}

/* Funds */
.funds_chart {width:100%; padding-bottom:66px; padding-left:95px; margin:0 0 20px 0;}
.funds_fore {padding-left:112px;}
.fund {float:left; width:175px; margin:10px 0 0 5px;}
.fund UL LI {list-style:none; background:url(media/funds_bullet.gif) no-repeat 0 8px; padding:0 2px 4px 8px; margin:0 5px 0 7px;}
.fund_name {width:155px; height:28px; font-size:14px; font-weight:bold; color:#222E6A; text-align:center; line-height:100%; background:url(media/funds_name_bg.gif) no-repeat; padding:7px 10px 0 10px; margin:10px 0 0 0;}
.fund_overview {width:175px; background: url(media/funds_over_b.gif) no-repeat left bottom; padding:0 0 6px 0;}
.fund_over_bg {width:173px; min-height:200px; //height:200px; background-color:#e2e3e4;}


/*.fund_name01, .fund_name02, .fund_name03, .fund_name04 {width:130px; height:41px; font-size:14px; font-weight:bold; color:#222E6A; text-align:center; line-height:100%; background:url(media/funds_name_bg.gif) no-repeat; padding:7px 10px 0 10px; margin:10px 0 0 0;}
.fund_name01 {background:url(media/funds_name_bg01.gif) no-repeat;}
.fund_name02 {background:url(media/funds_name_bg02.gif) no-repeat;}
.fund_name03 {background:url(media/funds_name_bg03.gif) no-repeat;}
.fund_name04 {background:url(media/funds_name_bg04.gif) no-repeat;}
.fund_overview01, .fund_overview02, .fund_overview03, .fund_overview04 {background: url(media/funds_over_b.gif) no-repeat left bottom; padding:0 0 6px 0;}
.fund_overview01 {background: url(media/funds_over_b01.gif) no-repeat left bottom;}
.fund_overview02 {background: url(media/funds_over_b02.gif) no-repeat left bottom;}
.fund_overview03 {background: url(media/funds_over_b03.gif) no-repeat left bottom;}
.fund_overview04 {background: url(media/funds_over_b04.gif) no-repeat left bottom;}
.fund_over_bg01, .fund_over_bg02, .fund_over_bg03, .fund_over_bg04 {width:150px; min-height:250px; background-color:#e2e3e4;}
.fund_over_bg01 {background-color:#F7FBF4;}
.fund_over_bg02 {background-color:#F4FCFD;}
.fund_over_bg03 {background-color:#FFF8EC;}
.fund_over_bg04 {background-color:#FFFDE9;}*/

.footnote TD{vertical-align:bottom;}
.footnote P{font-size:80%; color:#999; text-align:justify; text-indent:-12px; //text-indent:-13px; margin:0 0 0 13px;}
SPAN.footnote{position:relative; top:-4px; font-size:10px; font-weight:normal; color:#222E6A;}

.summary {width:60%; background:url(media/table_bg.gif) repeat-x 0 top}	/* Funds - summary of terms, tables */
.summary TD {padding:2px 2px 2px 4px; border:1px solid #cfcfcf;}

/*.disclaimer {font-size:0.9em; color:#555;}
.disclaimer P {font-size:10px; color:#808080; padding:4px 0 0 0; margin:0; text-align:justify; line-height:130%;}	
.disclaimer_title {font-weight:bold;}*/


.disclaimer P{font-size:80%; color:#999; text-align:justify; text-indent:0px; margin:0;}
.disclaimer A {color:#999; font-size:10px; padding-right:5px;}
.disclaimer A:hover {color:#212E66;} 
P.add_links {width:780px; text-align:right; padding-top:6px; margin-bottom:-25px;}
P.copyright {font-size:11px; padding-left:19px;}
.space {height:20px;}



/* Performance part */
/* TODO: colors
***********************************************/ 
.quarters {
	border-left:1px solid #800000;
	border-top:1px solid #800000;
	margin-top:18px;}
.quarters TD {
	height:58px;
	vertical-align:middle;			
	border-right:1px solid #800000;
	border-bottom:1px solid #800000;
	padding:0px 0 0 13px;}			
.quarters A {
	font-size:20px;
	color:#343434;
	text-decoration:none;}
.quarters A:hover {text-decoration:underline;}
TD.quarters_column {		/* Performance - Quarters column */
	font-size:20px;
	color:#6A8E22;}
TD.quarters_column A {		/* Performance - Quarters column */
	color:#6A8E22;}

H2.second_line {
	font-size:12px;
	color:#343434;
	margin-top:5px;}
.quarters_perf {
	border-left:1px solid #800000;
	border-top:1px solid #800000;}
.quarters_perf TD {
	height:67px;
	vertical-align:top;
	border-right:1px solid #800000;
	border-bottom:1px solid #800000;
	padding:5px 0 7px 13px;}
.quarters_perf A {
	font-size:18px;
	color:Black;}
.quarters_perf A:hover {
    color:#800000;
	text-decoration:underline;}
.PerformanceTitle {
	font-size:18px;
	color:#343434;
	text-decoration:none;}
.percentage {
	display:block;
	font-size:14px;
	font-weight:bold;
	margin:8px 0 0 0;}
.perf_ytd {
	text-align:right;
	font-size:18px;
	color:#6A8E22;
	margin:20px 0 0 0;
	padding-right:37px;}
.perf_years {
	margin:5px 0 0 25px;
	padding:0;}
.perf_years LI {
	padding-bottom:0;}
.perf_years A {			
	font-size:11px;
	font-weight:bold;
	color:#333;
	background-color:#fff; 
	text-decoration:none;
	padding:0 0 2px 0;}
.perf_years A:hover {
	color:#333;
	text-decoration:underline;}
#perf_years_active {
	text-decoration:underline;}
.perf_nav {
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#4c5b2c;
	margin:1px 0 0 0;}

.tmp_centered {height:250px; background:url(media/logo_watermark.gif) no-repeat center bottom; padding-top:160px;}
.tmp_centered P {text-align:center; padding-top:55px;}


