/****************************************************/
/* ////////////// InvestSMART Styles ////////////// */
/****************************************************/

/*** Colours used for InvestSMART ***/
/*
:::::: BLUES ::::::
Darkest  : #000066
Darker   : #31319C [Bull]
MidShade : #6666CC
Light    : #CEDBF7
:::::::::::::::::::

Light Grey    : #EEEEEE
Normal Text   : #000000
Dark Grey Text: #333333

Yellow : #FFCC00
Orange : #FF9900
*/

/******************************************/
/* CRM ACCORDIAN STYLES                   */
/******************************************/

.AccordionHeader{
	/*
	font-family      : Arial, Verdana, Helvetica;
	font-size        : 12px;
	color            : #336699;
	background-color : #CEDBF7;
	*/
	background-color : #161159;	
	border-bottom    : solid #CCCCCC 1px;
	border-top       : solid #CCCCCC 1px;
	border-left      : solid #CCCCCC 1px;
	border-right     : solid #CCCCCC 1px;
	padding-bottom   : 5px;
	padding-left     : 5px;
	padding-right    : 5px;
	padding-top      : 5px;
}

TABLE.AccordionHeaderTable{
        BACKGROUND-COLOR: none;
	BORDER	        : #FFFFFF 0px solid;
	COLOR           : #336699;
	/*
	FONT-FAMILY     : Arial, Verdana, Helvetica;
	FONT-SIZE       : 12px;
	*/
}


TABLE.AccordionHeaderTable TD{
	BORDER	        : #FFFFFF 0px solid;
	PADDING-TOP     : 0px;
	PADDING-BOTTOM  : 0px;
	PADDING-LEFT    : 0px;
	PADDING-RIGHT   : 10px;
	COLOR           : #336699;
	/*
	FONT-FAMILY     : Arial, Verdana, Helvetica;
	FONT-SIZE       : 12px;
	*/
}


.PageBreak { page-break-after : always;} 


/******************************************/
/* NEWSLETTER */
/******************************************/

.NewsletterHeaderRight{
  BACKGROUND-COLOR: #6666CC;
  FONT-FAMILY     : arial, verdana,  helvetica;
  FONT-SIZE       : 8pt;
  COLOR           : #FFFFFF;
  PADDING-BOTTOM  : 2px;
  PADDING-LEFT    : 2px;
  PADDING-RIGHT   : 2px;
  PADDING-TOP     : 2px;
  BORDER-TOP      : #000066 1px solid;
  BORDER-BOTTOM   : #000066 1px solid;
  BORDER-LEFT     : #9999CC 1px solid;
  BORDER-RIGHT    : #000066 1px solid;
  }
.NewsletterHeaderLeft{
  BACKGROUND-COLOR: #31319C;
  BORDER-TOP      : #000066 1px solid;
  BORDER-BOTTOM   : #000066 1px solid;
  BORDER-LEFT     : #000066 1px solid;
  BORDER-RIGHT    : #31319C 1px solid;
  }
.NewsletterHeaderMiddle{
  BACKGROUND-COLOR: #31319C;
  BORDER-TOP      : #000066 1px solid;
  BORDER-BOTTOM   : #000066 1px solid;
  BORDER-LEFT     : #31319C 1px solid;
  BORDER-RIGHT    : #000066 1px solid;
  /*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#31319C' ,endColorStr= '#6666CC' ,gradientType= '1' );*/
  }
.NewsletterCopyrightFooter{
  BACKGROUND-COLOR: #31319C;
  BORDER-TOP      : #000066 1px solid;
  BORDER-BOTTOM   : #000066 1px solid;
  BORDER-LEFT     : #000066 1px solid;
  BORDER-RIGHT    : #000066 1px solid;
  }

/******************************************/
/* SUPERSCRIPT */
/******************************************/
sup{
   FONT-SIZE   : 10px;
   FONT-FAMILY : arial, verdana,  helvetica;
   COLOR       : #AAAAAA;
}


/******************************************/
/* HOMEPAGE FEATURES TABLE */
/******************************************/
table.HomePageFeatures{
    BORDER        : #FFFFFF 0px solid;
    COLOR         : #000000;
    FONT-SIZE     : 11px;
    FONT-FAMILY   : arial, verdana,  helvetica;
}

table.HomePageFeatures td{
	PADDING-TOP    : 2px;
	PADDING-BOTTOM : 0px;
	PADDING-LEFT   : 2px;
	PADDING-RIGHT  : 2px;
}

table.HomePageFeatures td.HomePageFeaturesRuleOff{
	BORDER-TOP  : #CECE9C 1px solid;
	PADDING-TOP    : 10px;
	PADDING-BOTTOM : 2px;
	PADDING-LEFT   : 2px;
	PADDING-RIGHT  : 2px;
}

table.HomePageFeatures a{
	color: #31319C;
	FONT-SIZE     : 11px;
    FONT-FAMILY   : arial, verdana,  helvetica;
	text-decoration: none;
}

table.HomePageFeatures a:visited{
	color: #31319C;
	FONT-SIZE     : 11px;
    FONT-FAMILY   : arial, verdana,  helvetica;
	text-decoration: none;
}


table.HomePageFeatures li{
	color: #31319C;
    FONT-SIZE     : 11px;
    FONT-FAMILY   : arial, verdana,  helvetica;
	text-decoration: none;
}

table.HomePageFeatures a:hover{
	COLOR		  : #FF9900;
    FONT-SIZE     : 11px;
    FONT-FAMILY   : arial, verdana,  helvetica;
	text-decoration: underline;
}

table.HomePageFeatures a:active{
	color: #31319C;
	font-size: 11px;
	font-family: arial, verdana,  helvetica;
	text-decoration: none
}

table.HomePageFeatures .homepage{
	color: #000000;
	font-size: 11px;
	font-family: arial, verdana,  helvetica;
}

/******************************************/
/* HEADER BAR */
/******************************************/
table.headerBar{
	background-color : #FFFFFF;
	PADDING-TOP    : 0px;
	PADDING-BOTTOM : 0px;
	PADDING-LEFT   : 0px;
	PADDING-RIGHT  : 0px;
	border         : 0px;
}

table.headerBar td{
    background-color : #EEEEEE;
    border-bottom    : #CECE9C 0px solid;
    border-top       : #CECE9C 0px solid;
    border-left      : 0px;
    border-right     : 0px;
    PADDING-TOP      : 0px;
    PADDING-BOTTOM   : 0px;
    PADDING-LEFT     : 0px;
    PADDING-RIGHT    : 0px;
}


table.headerBar td.plain{
    border         : 0px;
    border-left    : 0px;
    border-right   : 0px;
}


.PageHeading{			
	font-family : arial, verdana,  Tahoma, Helvetica;
	font-size   : 15px;
	font-weight : bold;
	color       : #31319C;
	padding-left: 5px;
}
/******************************************/

/****************************************************/
/* CALENDAR */
/****************************************************/

.Calendar{			
    FONT-FAMILY : arial, verdana,  helvetica;
    FONT-SIZE   : 11px;
    BORDER      : #9C9C9C 0px solid;
}
.CalendarHeading{
    COLOR            : #000000;
    BACKGROUND-COLOR : #CEDBF7;
    FONT-SIZE        : 15px;
    FONT-FAMILY      : arial, verdana,  helvetica;
    FONT-WEIGHT      : bold;
    PADDING          : 4px;
}
.CalendarDayHeading{
    COLOR            : #FFFFFF;
    BACKGROUND-COLOR : #222277;
    FONT-SIZE        : 11px;
    FONT-FAMILY      : arial, verdana,  helvetica;
    FONT-WEIGHT      : normal;
    PADDING          : 4px;
}
.CalendarDay{
    COLOR            : #000000;
    BACKGROUND-COLOR : #FFFFFF;
    FONT-SIZE        : 10px;
    FONT-FAMILY      : arial, verdana,  helvetica;
    PADDING          : 4px;
    BORDER           : #9C9C9C 1px solid;
}
.CalendarToday{
    COLOR            : #000000;
    BACKGROUND-COLOR : #FFFFFF;
    FONT-SIZE        : 11px;
    FONT-FAMILY      : arial, verdana,  helvetica;
    PADDING          : 4px;
    BORDER           : #FF0000 1px solid;
}
.CalendarDayNotThisMonth{
    COLOR            : #999999;
    BACKGROUND-COLOR : #EEEEEE;
    FONT-SIZE        : 11px;
    FONT-FAMILY      : arial, verdana,  helvetica;
    PADDING          : 4px;
    BORDER           : #9C9C9C 1px solid;
}


/****************************************************/
/* HEADING TEXT */
/****************************************************/
.heading{			
    color                : #000066;
    font-size            : 15px;
    font-weight          : bold;
    font-family          : arial, verdana,  helvetica;
    margin               : 0;
}
.heading1{			
    color                : #000066;
    font-size            : 12px;
    font-weight          : bold;
    font-family          : arial, verdana,  helvetica;
    margin               : 0;
}

.heading2{			
	font-family : Verdana, Tahoma, Arial, Helvetica;
	font-size   : 14.5pt;
	font-weight : bold;
	color       : #000066;
}

.headingOrange{			
	font-family : arial, verdana,  Tahoma, Helvetica;
	font-size   : 16px;
	font-weight : bold;
	color       : #FF9900;
}


.headingLight{			
	font-family : arial, verdana,  Tahoma, Helvetica;
	font-size   : 14px;
	font-weight : normal;
	color       : #31319C;
}






.blue{
	color: #31319C;
}

a:link{
	color: #5B578C;
	font-size: 11px;
	font-family: arial, verdana,  helvetica;
	text-decoration: none
}
a:visited{
	color: #5B578C;
	font-size: 11px;
	font-family: arial, verdana,  helvetica;
	text-decoration: none
}
a:active{
	color: #5B578C;
	font-size: 11px;
	font-family: arial, verdana,  helvetica;
	text-decoration: none
}
a:hover{
	color: #161159;
	font-size: 11px;
	font-family: arial, verdana,  helvetica;
	text-decoration: underline;
}


a.copyrightLink:link{
	font-family: arial, verdana,  helvetica;
	font-size: 7pt;
	color: #FFCC00;
	text-decoration: none;
}
a.copyrightLink:visited{
	font-family: arial, verdana,  helvetica;
	font-size: 7pt;
	color: #FFCC00;
	text-decoration: none;
}
a.copyrightLink:active{
	font-family: arial, verdana,  helvetica;
	font-size: 7pt;
	color: #FFCC00;
	text-decoration: none;
}
a.copyrightLink:hover{
	font-family: arial, verdana,  helvetica;
	font-size: 7pt;
	color: #EEEEEE;
	text-decoration: none;
}




body{
	background-color           : #FFFFFF;
	font-size                  : 11px;
	font-family                : arial, verdana,  helvetica;
	color                      : #000000;
	margin                     : 0px;
	margin-bottom              : 0px;
	margin-left                : 0px;
	margin-right               : 0px;
	margin-top                 : 0px;

	scrollbar-track-color      : #CEDBF7;
	scrollbar-face-color       : #CEDBF7;
	scrollbar-arrow-color      : #31319C;

	scrollbar-3dlight-color    : #9999CC;
	scrollbar-highlight-color  : #CEDBF7;
	scrollbar-darkshadow-color : #000066;
	scrollbar-shadow-color     : #CEDBF7;
}

table{
	padding-bottom : 0px;
	padding-left   : 0px;
	padding-right  : 0px;
	padding-top    : 0px;
	border         : 0px solid #FFFFFF;
}

	
p, td{
	font-family     : arial, verdana,  helvetica;
	font-size       : 11px;
	color           : #000000;
}
p.grey{
	font-family     : arial, verdana,  helvetica;
	font-size       : 7pt;
	color           : #666666;
	padding-bottom  : 5px;
	padding-left    : 5px;
	padding-right   : 5px;
	padding-top     : 5px;
}

.grey_small{
	font-family     : arial, verdana,  helvetica;
	font-size       : 7pt;
	color           : #666666;
}

b{font-weight: bold;}

.leftNavtop{
	font-family   : arial, verdana,  helvetica;
	font-size     : 11px;
	font-weight   : bold;
	color         : #161159;
	border-bottom : 1px solid #DDDDDD;
	padding-bottom: 4px;

}

a.leftNav:hover{
color: #979797;
text-decoration: underline;
}

b.leftNav{
	font-family   : arial, verdana,  helvetica;
	font-size     : 11px;
	font-weight   : bold;
	color         : #979797;
}

b.liability{
	font-family   : arial, verdana,  helvetica;
	font-size     : 8pt;
	font-weight   : bold;
	color         : #FF3300;
}
hr{
	width : 100%;
	color : #CECE9C;
}
table.portfolio{
	border           : 1px solid #31319c;
}
table.portfolioSection{
	border           : 1px solid #eeeeee;
	padding-bottom   : 3px;
	padding-left     : 3px;
	padding-right    : 3px;
	padding-top      : 3px;
}
option, select, textarea, input{
	background-color : #FFFFFF;
	font-family      : arial, verdana,  helvetica;
	font-size        : 11px;
	color            : #000000;
}

option.blue, textarea.blue, input.blue, select.blue{
	background-color : #EEEEEE;
	font-family      : arial, verdana,  helvetica;
	font-size        : 7pt;
	color            : #333333;
	border-bottom    : solid #EEEEEE 2px;
	border-top       : solid #000066 2px;
	border-left      : solid #000066 2px;
	border-right     : solid #EEEEEE 2px;
}

select.invisible{
	background-color : #FFFFFF;
	font-family      : arial, verdana,  helvetica;
	font-size        : 8pt;
	color            : #FF0000;
	border           : 1px solid blue; 
}

input.asxgame1{
	background-color : #EEEEEE;
	font-family      : arial, verdana,  helvetica;
	font-size        : 13pt;
	color            : #000000;
	text-align       : center;
	width            : 40pt;
}
input.asxgame2{
	background-color : #EEEEEE;
	font-family      : arial, verdana,  helvetica;
	font-size        : 13pt;
	color            : #000000;
	text-align       : center;
	width            : 15pt;
}

input.textupdate{
	background-color : #FFFFFF;
	font-family      : arial, verdana,  helvetica;
	font-size        : 11px;
	color            : #000000;
	border-bottom    : solid #FFFFFF 0px;
	border-top       : solid #FFFFFF 0px;
	border-left      : solid #FFFFFF 0px;
	border-right     : solid #FFFFFF 0px;
}
input.readOnly{
	background-color : #CEDBF7;
	font-family      : arial, verdana,  helvetica;
	font-size        : 8pt;
	color            : #444444;
	}
input.submit{
	background-color : #E9E9F0;
	font-family      : arial, verdana,  helvetica;
	font-size        : 8pt;
	font-weight      : normal;
	color            : #161159;
	cursor           : Hand;
	border-bottom    : 1px solid #104A7B;
	border-right     : 1px solid #104A7B;
	border-left      : 1px solid #AFC4D5;
	border-top       : 1px solid #AFC4D5;
	padding: 0px;
	margin:0px; 
	}
input.submit_bold{
	background-color : #E9E9F0;
	font-family      : arial, verdana,  helvetica;
	font-size        : 8pt;
	font-weight      : bold;
	color            : #161159;
	cursor           : Hand;
	border-bottom    : 1px solid #104A7B;
	border-right     : 1px solid #104A7B;
	border-left      : 1px solid #AFC4D5;
	border-top       : 1px solid #AFC4D5;
	}

input.submitOrange{
	background-color : #F59110;
	font-family      : arial, verdana,  helvetica;
	font-size        : 8pt;
	font-weight      : normal;
	color            : #FFFFFF;
	cursor           : Hand;
	border-bottom    : 1px solid #BF6C00;
	border-right     : 1px solid #BF6C00;
	border-left      : 1px solid #FFC77F;
	border-top       : 1px solid #FFC77F;
	padding: 0px;
	margin:0px; 
	}

small{
	font-family      : arial, verdana,  helvetica;
	font-size        : 7pt;
	color            : #000066;
	}
small.beige{
	font-family      : arial, verdana,  helvetica;
	font-size        : 9px;
	color            : #636300;
	}


/****************************************************/
/* HEADINGS */
/****************************************************/

h1{
    color                : #000066;
    font-size            : 18px;
    font-weight          : bold;
    font-family          : arial, verdana,  helvetica;
    margin               : 0;
    border-bottom	 : 1px solid #DDDDDD;
    padding-bottom	 : 2px;
}
h2{
    color                : #000066;
    font-size            : 15px;
    font-weight          : bold;
    font-family          : arial, verdana,  helvetica;
    margin               : 0;
}
h3{
    color                : #000066;
    font-size            : 12px;
    font-weight          : bold;
    font-family          : arial, verdana,  helvetica;
    margin               : 0;
}
h4{
    color		: #000066;
    font-weight		: bold;
    font-size		: 11px;
    font-family		: arial, verdana,  helvetica;
    margin		: 0;
}
h5{
    color: #636300;
    font-weight: bold;
    font-size: 7pt;
    font-family: arial, verdana,  helvetica;
    margin: 2;
}
h6{
    COLOR: #313131;
    BACKGROUND-COLOR: #FFCC00;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    FONT-FAMILY: arial, verdana,  helvetica;
    PADDING: 2px;
    PADDING-LEFT: 10px;
    MARGIN-BOTTOM: 5px;
}

#contenttext h1
{
    color                : #000066;
    font-size            : 15px;
    font-weight          : bold;
    font-family          : arial, verdana,  helvetica;
    margin               : 0;
	border-bottom	 : 0px solid #DDDDDD;
    padding-bottom	 : 2px;
}

#contenttext h2
{
    color                : #000066;
    font-size            : 12px;
    font-weight          : bold;
    font-family          : arial, verdana,  helvetica;
    margin               : 0;
	border-bottom	 : 0px solid #DDDDDD;
    padding-bottom	 : 2px;
}

/* ///////// Table header Style /////// */


.darkBlue{
	background-color : #31319C;
	}
.tableheader{
	background-color : #000066;
	border : 1px solid #000066;
	}
.titleDarkBlue{
	background-color : #31319C;
	font-family : Verdana;
	font-size : 8pt;
	font-weight : bold;
	color : #ffffff;
	padding-bottom : 4px;
	padding-left   : 4px;
	padding-right  : 4px;
	padding-top    : 4px;
	}
.titleLightBlue{
	background-color : #E0ECFC;
	font-family : Verdana;
	font-size :7pt;
	font-weight : bold;
	color : #000066;
	padding-bottom : 4px;
	padding-left   : 4px;
	padding-right  : 4px;
	padding-top    : 4px;
	}
.titleMidBlue{
	/*background-color : #8FBFFF;*/
	background-color   : #EEEEEE;
	font-family        : Verdana;
	font-size          : 7pt;
	font-weight        : bold;
	color              : #000066;
	padding-bottom     : 4px;
	padding-left       : 4px;
	padding-right      : 4px;
	padding-top        : 4px;
	}

/* /////// Content Classes //////// */

td.planningStart{
	background-color: #ffff66;
    border-bottom: #ffcc00 1px solid;
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	padding-bottom : 2px;
	padding-left   : 2px;
	padding-right  : 2px;
	padding-top    : 2px;
	}
td.planningFinish{
	background-color: #ffff66;
    border-bottom: #ffcc00 1px solid;
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
	padding-bottom : 2px;
	padding-left   : 2px;
	padding-right  : 2px;
	padding-top    : 2px;
	}
.bullLeft{
	background-color: #31319C;
	background-image: url(/images/home/middle_left.gif);
	background-repeat: no-repeat;
	}
.leftNavDots{
	background-color: #31319C;
	background-image: url(/images/home/dotted_line.gif);
	background-repeat: repeat-x;
	}
.leftNavItem{
	font-family: arial, verdana,  helvetica;
	font-size : 8pt;
	font-weight : bold;
	color : #FFCC00;
	padding-bottom : 4px;
	padding-left   : 4px;
	padding-right  : 4px;
	padding-top    : 4px;
	}
.searchheader{
	background-color: #FF9900;
	font-family : arial, verdana,  helvetica;
	font-size : 7pt;
	font-weight : bold;
	color : #31319C;
	padding-bottom : 4px;
	padding-left   : 4px;
	padding-right  : 4px;
	padding-top    : 4px;
	}
.searchContent{
	background-color: #FFCC00;
	font-family : arial, verdana,  helvetica;
	font-size : 7pt;
	color : #31319C;
	padding-bottom : 4px;
	padding-left   : 4px;
	padding-right  : 4px;
	padding-top    : 4px;
	}
.topBar{
	BACKGROUND-COLOR: #6666CC;
	FONT-FAMILY: arial, verdana,  helvetica;
	FONT-SIZE : 8pt;
	COLOR : #FFFFFF;
	PADDING-BOTTOM : 2px;
	PADDING-LEFT   : 0pt;
	PADDING-RIGHT  : 0px;
	PADDING-TOP    : 2px;
	BORDER-TOP: #9999CC 1px solid;
	BORDER-BOTTOM: #000066 1px solid;
	}
.whatsNew{
	background-color: #31319C;
	background-image: url(/images/home/mac_bar.gif);
	background-repeat: repeat-x;
	font-family : arial, verdana,  helvetica;
	font-size : 8pt;
	font-weight : bold;
	color : #000066;
	padding-bottom : 0px;
	padding-left : 9px;
	padding-right : 0px;
	padding-top : 0px;
	}
.contentWhite{
	/* background-color: #FFFFFF; */
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	color : #31319C;
	padding-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 4px;
	}
.fundHeader{
	background-color: #31319C;
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	color : #ffffff;
	padding-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 4px;
	}
.fundHeaderSmall{
	background-color: #31319C;
	font-family: arial, verdana,  helvetica;
	font-size: 7pt;
	color : #ffffff;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	}
.fundContentMedBlue{
	background-color: #31319C;
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	color : #ffffff;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	}
.fundContentBlue{
	background-color: #CEDBF7;
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	color : #000066;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	}
.fundContentWhite{
	/* background-color: #ffffff; */
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	color : #000066;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	}
.tableContent{
	border : 1px solid #000066;
	}
.contentGold{
	background-color: #FFCC00;
	font-family:  arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	color : #000066;
	padding-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 4px;
	}
.contentDate{
	/* background-color: #ffffff; */
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	color : #000066;
	padding-bottom : 2px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 2px;
	}
.contentLightBlue{
	background-color : #E0ECFC;
	font-family : arial, verdana,  helvetica;;
	font-size : 7pt;
	color : #000066;
	padding-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 4px;
	}
.contentLightBlue:hover{
	background-color : #EBF2FC;
	font-family : arial, verdana,  helvetica;
	font-size : 7pt;
	color : #000066;
	padding-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 4px;
	}
.contentDarkBlue{
	background-color : #31319c;
	font-family :arial, verdana,  helvetica;
	font-size : 8pt;
	color : #ffcc00;
	padding-bottom : 4px;
	padding-left : 4px;
	padding-right : 4px;
	padding-top : 4px;
	}
.copyright{
	font-family: arial, verdana,  helvetica;
	font-size : 7pt;
	color : #eeeeee;
}
/* ///////// Other Classes //////// */

.whiteLine{
	background-color : #ffffff;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 1px;
	}
.lightBlueLine{
	background-color : #E0ECFC;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 1px;
	}
.medBlueLine{
	background-color : #31319C;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 1px;
	}
.darkBlueLine{
	background-color : #000066;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 1px;
	}
.goldLine{
	background-color : #CC9900;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	line-height : 1px;
	}
.asterisk{
	font-family : Verdana,Arial,Helvetica;
	font-size   : 9px;
	font-weight : normal;
	color: #FF0000;
	vertical-align: super;
	}

/* Link styles */

a.navLink{
FONT-FAMILY       : Verdana,Arial,Helvetica;
FONT-SIZE         : 10px;
FONT-WEIGHT       : bold;
COLOR             : #FFCC00;
TEXT-DECORATION   : none;
}
a.navLink:visited{
FONT-FAMILY       : Verdana,Arial,Helvetica;
FONT-SIZE         : 10px;
FONT-WEIGHT       : bold;
COLOR             : #FFCC00;
TEXT-DECORATION   : none;
}
a.navLink:active{
FONT-FAMILY       : Verdana,Arial,Helvetica;
FONT-SIZE         : 10px;
FONT-WEIGHT       : bold;
COLOR             : #FFCC00;
TEXT-DECORATION   : none;
}
a.navLink:hover{
FONT-FAMILY       : arial, verdana,   Helvetica;
FONT-SIZE         : 10px;
FONT-WEIGHT       : bold;
COLOR             : #FFFFFF;
TEXT-DECORATION   : none;
}

a.specialNavLink{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight : bold;
	color: #ffffff;
	text-decoration: none;
	}
a.specialNavLink:hover{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight : bold;
	color: #ffffff;
	text-decoration: underline;
	}
.bold{
	font-family: arial, verdana,  helvetica;
	font-size: 7pt;
	font-weight : bold;
	color: #000066;
	text-decoration: underline;
	}
.bold:hover{
	font-family: arial, verdana,  helvetica;
	font-size: 7pt;
	font-weight : bold;
	color: #FF9900;
	text-decoration: none;
	}
.newsLink{
	font-family:arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight : normal;
	color: #FF9900;
	text-decoration: underline;
	}
.navTopNavSelected{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #313131;
	}
.navTopNavSelected:hover{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	color: #313131;
	}
.navTopNav{
	font-family:arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #636300;
	}
.navTopNav:hover{
	font-family:  Verdana, Arial,Helvetica;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: underline;
	color: #636300;
	}
.featureLink{
	background-color : #E0ECFC;
	font-family:  Verdana, Arial,Helvetica;
	font-size: 8pt;
	text-decoration: none;
	color: #000066;
	}
.featureLink:hover{
	background-color : #E0ECFC;
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	text-decoration: underline;
	color: #000066;
	}
.boldLink{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #000066;
	}
.boldLink:hover{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	color: #000066;
	}
.terms{
	font-family: arial, verdana,  helvetica;
	font-size: 7pt;
	text-decoration: underline;
	color: #000066;
	}


	
#contenttext table
{
border-collapse: collapse;
text-align: left;
color: #666666;
font-size: 12px;
font-family: arial, verdana,  tahoma, sans-serif;
border: 1px solid #666666;
padding: 5px;
}

#contenttext .calcresultstable th
{
border-collapse: collapse;
text-align: left;
color: #555555;
font-size: 12px;
font-family: arial, verdana,  tahoma, sans-serif;
border: 1px solid #666666;
padding: 5px;
background-color: #EEEEEE;
}

#contenttext .calcresultstable td
{
border-collapse: collapse;
text-align: right;
color: #666666;
font-size: 12px;
font-family: arial, verdana,  tahoma, sans-serif;
border: 1px solid #666666;
padding: 5px;
}

#contenttext table td
{
text-align: left;
color: #666666;
font-size: 12px;
font-family: arial, verdana,  tahoma, sans-serif;
border: 1px inset #666666;
padding: 5px;
}

TABLE.TabTable, TABLE.TabTable td
{
background-color: #FFFFFF;
color: #555555;
font-family: arial, verdana,  Helvetica;
font-size: 11px;
}

TABLE.TabTable a
{
text-decoration: underline;
color: #555555;
font-family: arial, verdana,  Helvetica;
font-size: 11px;
}

TABLE.TabTable a:hover
{
text-decoration: underline;
color: #3b8b01;
font-family: arial, verdana,  Helvetica;
font-size: 11px;
}

TABLE.TabTable TD.TabTableTab
{
background-image: url(/images/tabtopright.gif);
background-position: bottom left;
/*border-top: #555555 1px solid;*/
border-right: #555555 1px solid;
text-align: center;
color: #EEEEEE;
font-weight: bold;
font-family: arial, verdana,  Helvetica;
font-size: 11px;
}

TABLE.TabTable TD.TabTableTab1
{
background-image: url(/images/tabtopright.gif);
background-position: bottom right;
/*border-top: #555555 1px solid;
border-right: #555555 1px solid;*/
text-align: center;
color: #EEEEEE;
font-weight: bold;
font-family: arial, verdana,  Helvetica;
font-size: 11px;
}

TABLE.TabTable TD.TabTableTabFirst
{
background-image: url(/images/tabtopdark.gif);
/*border-top: #555555 1px solid;
border-left: #555555 1px solid;*/
border-right: #555555 1px solid;
text-align: center;
color: #EEEEEE;
font-weight: bold;
font-family: arial, verdana,  Helvetica;
font-size: 11px;
}

TABLE.TabTable TD.TabTableTab2
{
background-image: url(/images/tabtoprightl.gif);
background-position: bottom left;
/*border-top: #555555 1px solid;*/
border-right: #555555 1px solid;
text-align: center;
color: #555555;
font-family: arial, verdana,  Helvetica;
font-size: 11px;
}

TABLE.TabTable TD.TabTableTab3
{
background-image: url(/images/tabtoprightl.gif);
background-position: bottom right;
/*border-top: #555555 1px solid;
border-right: #555555 1px solid;*/
text-align: center;
color: #555555;
font-family: arial, verdana,  Helvetica;
font-size: 11px;
}

TABLE.TabTable TD.TabTableTabFirst2
{
background-image: url(/images/tabtoplight.gif);
/*border-top: #555555 1px solid;
border-left: #555555 1px solid;*/
border-right: #555555 1px solid;
text-align: center;
color: #555555;
font-family: arial, verdana,  Helvetica;
font-size: 11px;
}

TABLE.TabTable TD.TabTableMore
{
font-size: 10px;
text-align: right;
color: #555555;
}

TABLE.TabTable TD.TabTableMore a
{
text-decoration: none;
font-size: 10px;
text-align: right;
color: #555555;
}

TABLE.TabTable TD.TabTableMore a:hover
{
text-decoration: underline;
font-size: 10px;
text-align: right;
color: #555555;
}

/******************************************/
/* TABLE FOR LIFESTYLE SECTION            */
/******************************************/
TABLE.Lifestyle{
    BORDER: #769BC6 1px solid;
}
TABLE.Lifestyle TR Th{
    PADDING: 2px;
}
TABLE.Lifestyle TR TD.LifestyleHeader{
    COLOR: #000066;
    BACKGROUND-COLOR: #CEDBF7;
    FONT-SIZE: 9pt;
    FONT-FAMILY: arial, verdana,   Helvetica;
    FONT-WEIGHT: bold;
    PADDING: 2px;
    PADDING-LEFT: 8px;
    PADDING-RIGHT: 8px;
    BORDER-BOTTOM: #769BC6 1px solid;
}

TABLE.Lifestyle TR TD.LifestyleHeader a{
	COLOR: #000066;
	FONT-WEIGHT : bold;
	TEXT-DECORATION : none;
}

TABLE.Lifestyle TR TD.LifestyleBody{
	PADDING: 10px;
}


td.OfferON {
	/*BACKGROUND-COLOR: #EEFCFC;*/
	BACKGROUND-COLOR: #EEEEEE;
	BORDER: #769BC6 1px solid;
	CURSOR : hand;
	PADDING-BOTTOM : 10px;
	PADDING-LEFT   : 10px;
	PADDING-RIGHT  : 10px;
	PADDING-TOP    : 10px;

}
td.OfferOFF {
	BORDER: #FFFFFF 1px solid;
	PADDING-BOTTOM : 10px;
	PADDING-LEFT   : 10px;
	PADDING-RIGHT  : 10px;
	PADDING-TOP    : 10px;
}

td.OfferON a {
	COLOR: #FF9900;
	FONT-WEIGHT       : bold;
	TEXT-DECORATION   : none;
}

td.OfferOFF a {
	COLOR: #000066;
	TEXT-DECORATION   : none;
	FONT-WEIGHT: bold;
}




/******************************************/
/* INDICE TABLE                           */
/******************************************/
TABLE.IndiceTable{
	COLOR  : #FFFFFF;
	/*BORDER : #9C9C9C 1px solid;*/
	BORDER : #000000 1px solid;
}

TABLE.IndiceTable TR TD{
	BACKGROUND-COLOR : #CEDBF7;
/*	BACKGROUND-COLOR : #31319C;*/
/*	BORDER-BOTTOM    : #CECE9C 1px solid;*/
	COLOR            : #000066;
	FONT-FAMILY      : Verdana,Arial,Helvetica;
	FONT-SIZE        : 9px;
	PADDING-BOTTOM   : 3px;
	PADDING-LEFT     : 3px;
	PADDING-RIGHT    : 3px;
	PADDING-TOP      : 3px;	
}


.tinytext{
    font-size: 7pt;
    font-family: arial, verdana,  helvetica;
}
A:link.tinytext{
    font-size: 7pt;
    color: #003399;
    font-family: arial, verdana,  helvetica;
}
A:visited.tinytext{
    font-size: 7pt;
    color: #003399;
    font-family:  Verdana, Arial,Helvetica;
}
A:hover.tinytext{
    font-size: 7pt;
    color: #FF0000;
    font-family: arial, verdana,  helvetica;;
    TEXT-DECORATION: none
}



/* STYLES */

.summaryLink{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: underline;
	color: #313131;
	}
.summaryLink:hover{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #313131;
	}
.TitleLinksActive{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	text-decoration: none;
	color: #006699;
	}
.TitleLinksInactive{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #31319C;
}
.TitleLinksActive:hover{
	font-family: arial, verdana,  helvetica;
	font-size: 8pt;
	text-decoration: underline;
	color: #FF0000;
}
.TitleLinksInactive:hover{
	font-family 	: arial, verdana,  helvetica;
	font-size   	: 8pt;
	font-weight 	: bold;
	text-decoration	: underline;
	color		: #FF0000;
}

.sectionheader{
    /*font-weight   : bold;*/
    /*color         : #31319C;*/
    color           : #636300;
    background-color: #EEEEEE;
    font-size       : 11px;
    font-family     : arial, verdana,  helvetica;
    padding-bottom  : 2px;
    padding-left    : 2px;
    padding-right   : 2px;
    padding-top     : 2px;
}
.sectionheaderMed{
   background-color: #CCCCCC;
   font-family     : arial, verdana,  helvetica;
   font-size       : 8pt;
   font-weight     : bold;
   color           : #000066;
   padding-bottom  : 2px;
   padding-left    : 2px;
   padding-right   : 2px;
   padding-top     : 2px;
}
.sectionSelected{
	background-color : #CCCC99;
	font-family      : arial, verdana,  helvetica;
	font-size        : 8pt;
	font-weight      : bold;
	color            : #333399;
	padding-bottom   : 2px;
	padding-left     : 2px;
	padding-right    : 2px;
	padding-top      : 2px;
}
.sectionTitle{
	/*background-color: #31319C;*/
	background-color: #222277;
	/*background-color: #CEDBF7;*/
	font-family     : arial, verdana,  helvetica;
	font-size       : 11px;
	font-weight     : none;
	color           : #FFFFFF;
	padding-bottom  : 3px;
	padding-left    : 3px;
	padding-right   : 3px;
	padding-top     : 3px;
}
.sectionContentLite{
    font-family    : arial, verdana,  helvetica;
    font-size      : 8pt;
    color          : #333333;
    padding-bottom : 2px;
    padding-left   : 2px;
    padding-right  : 2px;
    padding-top    : 2px;

}
.sectionContentMed{
    background-color: #CEDBF7;
    font-family     : arial, verdana,  helvetica;
    font-size       : 8pt;
    color           : #000000;
    padding-bottom  : 2px;
    padding-left    : 2px;
    padding-right   : 2px;
    padding-top     : 2px;
}
.sectionContentDark{
    background-color : #CE9C00;
    font-family      : arial, verdana,  helvetica;
    font-size        : 8pt;
    color            : #000066;
    padding-bottom   : 2px;
    padding-left     : 2px;
    padding-right    : 2px;
    padding-top      : 2px;
}


/**********************************/
/*    PORTFOLIO MANAGER STYLES    */
/**********************************/

.PortfolioDropDownList{
    color           : #000000;
    font-size       : 11px;
    font-family     : arial, verdana,  helvetica;
    background-color: #FFFFFF;
    padding-bottom  : 2px;
    padding-left    : 2px;
    padding-right   : 2px;
    padding-top     : 2px;
}

.PortfolioColumnHeadings{
    /*color           : #636300;*/
    color           : #31319C;
    font-size       : 11px;
    font-family     : arial, verdana,  helvetica;
    background-color: #EAEAEA;
    padding-bottom  : 2px;
    padding-left    : 2px;
    padding-right   : 2px;
    padding-top     : 2px;
}

.PortfolioItemRow{
    color           : #000000;
    font-size       : 11px;
    font-family     : arial, verdana,  helvetica;
    padding-bottom  : 2px;
    padding-left    : 2px;
    padding-right   : 2px;
    padding-top     : 2px;
}

.PortfolioTotals{
	FONT-WEIGHT     : bold;
	COLOR           : #333333;
	BACKGROUND-COLOR: #EEEEEE;
	BORDER-TOP      : #FFFFFF 1px solid;
	BORDER-BOTTOM   : #FF0000 1px solid;
}


/* INFO
lighter yellow = #FFFF94
yellow = #FFCC00
darker yellow = #CE9C00
lighter blue = #6666CC
darker blue = #31319C
*/


.subitem
{
	COLOR: #31319C;
	FONT-SIZE: 11px;
	FONT-FAMILY: arial, verdana,  helvetica;
	TEXT-DECORATION: none;
}
.subitem:link
{
	COLOR: #31319C;
	FONT-SIZE: 11px;
	FONT-FAMILY: arial, verdana,  helvetica;
	TEXT-DECORATION: none
}
.subitem:visited
{
	COLOR: #31319C;
	FONT-SIZE: 11px;
	FONT-FAMILY: arial, verdana,  helvetica;
	TEXT-DECORATION: none
}
.subitem:hover
{
	COLOR: #FF9900;
	FONT-SIZE: 11px;
	FONT-FAMILY: arial, verdana,  helvetica;
	TEXT-DECORATION: underline;
}
.subitem_selected
{
	COLOR: #31319C;
	FONT-SIZE: 11px;
	FONT-FAMILY: arial, verdana,  helvetica;
	FONT-WEIGHT:  bold;
	TEXT-DECORATION: none
}
.subitem_disabled
{
	COLOR: #DDDDDD;
	FONT-SIZE: 11px;
	FONT-FAMILY: arial, verdana,  helvetica;
	TEXT-DECORATION: none
}


.member_become
{
	FONT  : bold 8pt  arial, verdana,  helvetica;
	COLOR : #31319C;
	TEXT-DECORATION: none;
}
.member_become:hover
{
	FONT  : bold 8pt  arial, verdana,  helvetica;
	COLOR : #31319C;
	text-decoration: underline;
}

TABLE.PageLinks
{
    BORDER-RIGHT  : 0px;
    BORDER-TOP    : 0px;
    BORDER-LEFT   : 0px;
    BORDER-BOTTOM : 0px;
}
TABLE.PageLinks TR TD
{
/*    BORDER-TOP: #cccccc 1px solid;*/
    BORDER-BOTTOM: #eeeeee 1px solid;
}
TABLE.PageLinks TR TD.Selected
{
    BORDER-TOP    : #CCCCCC 1px solid;
    BORDER-BOTTOM : 0px
}
TABLE.PageLinks TR TD.SeparatorSelected
{
    BORDER-BOTTOM: 0px
}
TABLE.PageLinks TR TD.OpenTab
{
    BORDER-TOP    : #CCCCCC 1px solid;
    BORDER-LEFT   : #CCCCCC 1px solid;
    BORDER-BOTTOM : 0px
}
TABLE.PageLinks TR TD.NoBorder
{
    BORDER-TOP    : none;
    BORDER-LEFT   : none;
    BORDER-BOTTOM : none;
}

/*
:::::: BLUES ::::::
Darkest  : #000066
Darker   : #31319C [Bull]
MidShade : #6666CC
Light    : #CEDBF7
:::::::::::::::::::

Light Grey    : #EEEEEE
Normal Text   : #000000
Dark Grey Text: #333333

Yellow : #FFCC00
Orange : #FF9900

Gold/Brown (LineTable) : CECE9C
*/




/******************************************/
/* MESSAGE TABLE                        */
/******************************************/
TABLE.MessageTable{
    BORDER      : #908EAB 1px solid;
    COLOR       : #161159;
    FONT-SIZE   : 11px;
    BACKGROUND-COLOR: #E9E9F0;
    FONT-FAMILY : arial, verdana,  helvetica;
    PADDING     : none;
    background-image: url(/images/MessageBoxBG.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

TABLE.MessageTable TD{
    COLOR       : #161159;
    FONT-SIZE   : 11px;
    FONT-FAMILY : arial, verdana,  helvetica;
    PADDING: 5px;

}

TABLE.MessageTable TD a{
    FONT-SIZE   : 11px;
	text-decoration: none;
}

TABLE.MessageTable TD a:hover{
    FONT-SIZE   : 11px;
	text-decoration: underline;
}

TABLE.MessageTable TD a:visited{
    FONT-SIZE   : 11px;
	text-decoration: none;
}
/* SOLVE BACKGROUND PROBLEM FOR RADIO BUTTONS etc */
TABLE.MessageTable input.checkbox{
	background-color : #E9E9F0;
}

/******************************************/
/* NEWSLETTER INDEX TABLE                 */
/******************************************/
TABLE.NewsletterIndexTable{
    BORDER      : #CCCCCC 1px solid;
    COLOR       : #000000;
    BACKGROUND-COLOR: #FFFFFF;
    FONT-SIZE   : 11px;
    FONT-FAMILY :arial, verdana,  helvetica;
    PADDING: 0px;
}

TABLE.NewsletterIndexTable TD{
    BACKGROUND-COLOR: #EEEEEE;
    COLOR       : #000000;
    FONT-SIZE   : 11px;
    FONT-FAMILY : arial, verdana,  helvetica;
    PADDING: 2px;
}


/******************************************/
/* PROGRESS BAR TABLE                     */
/******************************************/
TABLE.ProgressBarTable{
    BORDER      : #CCCCCC 1px solid;
    COLOR       : #000000;
    BACKGROUND-COLOR: #FFFFFF;
    FONT-SIZE   : 11px;
    FONT-FAMILY : arial, verdana,  helvetica;
    PADDING     : none;
}

TABLE.ProgressBarTable TD{
    BACKGROUND-COLOR: #EEEEEE;
    COLOR       : #000000;
    FONT-SIZE   : 11px;
    FONT-FAMILY : arial, verdana,  helvetica;
    PADDING: 0px;
}

TABLE.ProgressBarTable TD.ProgressBarTableBar{
    BACKGROUND-COLOR: #31319C;
    COLOR       : #000000;
    FONT-SIZE   : 11px;
    FONT-FAMILY : arial, verdana,  helvetica;
    PADDING: 0px;
}



/******************************************/
/* CONTAINER TABLE                        */
/******************************************/
TABLE.Container{
    BORDER           : #908EAB 1px solid;
    COLOR            : #000000;
    BACKGROUND-COLOR : #FFFFFF;
    FONT-SIZE        : 11px;
    FONT-FAMILY      : arial, verdana,  helvetica;
    PADDING          : none;
}

TABLE.Container TR TD.ContainerHeader{
    COLOR           : #FFFFFF;
    BACKGROUND-COLOR: #161159;
    FONT-SIZE       : 11px;
    FONT-FAMILY     : arial, verdana,  helvetica;
    PADDING         : 2px;
    PADDING-LEFT    : 4px;
    PADDING-RIGHT   : 4px;
    BORDER-BOTTOM   : #908EAB 1px solid;
    /*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#D0DBF0' ,endColorStr= '#FFFFFF' ,gradientType= '1' );*/
}

TABLE.Container TR TD.ContainerBody{
    BACKGROUND-COLOR : #FFFFFF;
    PADDING          : 0px;
}

TABLE.Container TR TD.ContainerBodyPadded{
    BACKGROUND-COLOR : #FFFFFF;
    PADDING          : 8px;
}

/*
:::::: BLUES ::::::
Darkest  : #000066
Darker   : #31319C [Bull]
MidShade : #6666CC
Light    : #CEDBF7
:::::::::::::::::::

Light Grey    : #EEEEEE
Normal Text   : #000000
Dark Grey Text: #333333

Yellow : #FFCC00
Orange : #FF9900

Gold/Brown (LineTable) : CECE9C
*/


/******************************************/
/* DATA TABLES                            */
/******************************************/

.DataRowHighlight{background-color : #E9E9F0;}

.DataRow{background-color : #FFFFFF;}

TABLE.DataTable{
	BACKGROUND-COLOR: #FFFFFF;
	BORDER	        : #FFFFFF 0px solid;
	COLOR           : #000000;
	FONT-FAMILY     : arial, verdana,  helvetica;
	FONT-SIZE       : 11px;
	margin:0;
}


TABLE.WithBorder{
	BORDER           : #908EAB 1px solid;
}

TABLE.DataTable TD{
	BORDER	         : #FFFFFF 0px solid;
	PADDING-TOP      : 2px;
	PADDING-BOTTOM   : 2px;
	PADDING-LEFT     : 5px;
	PADDING-RIGHT    : 5px;
	COLOR            : #000000;
	FONT-FAMILY      : arial, verdana,  helvetica;
	FONT-SIZE        : 11px;
}

TABLE.DataTable TD a{
	FONT-FAMILY      : arial, verdana,  helvetica;
	FONT-SIZE        : 11px;
}

TABLE.DataTable TD a:hover{
	FONT-FAMILY      : arial, verdana,  helvetica;
	FONT-SIZE        : 11px;
}

TABLE.DataTable TD a:visited{
	FONT-FAMILY      : arial, verdana,  helvetica;
	FONT-SIZE        : 11px;
}

TABLE.DataTable TR.DataTableHeader TD{
	FONT-WEIGHT      : Normal;
	COLOR            : #161159;
	BACKGROUND-COLOR : #C4C3D6;
	BORDER           : #FFFFFF 0px solid;
}


TABLE.DataTable TR.DataTableFooter TD{
	FONT-WEIGHT      : Normal;
	COLOR            : #161159;
	BACKGROUND-COLOR : #C4C3D6;
	BORDER           : #FFFFFF 0px solid;
	BORDER-TOP       : #908EAB 1px solid;
	PADDING-TOP      : 2px;
	PADDING-BOTTOM   : 2px;
	PADDING-LEFT     : 5px;
	PADDING-RIGHT    : 5px;
}


/* Verticle Data Table */
TABLE.DataTable TR.DataTableRow TD.DataTableHeaderVert{
	FONT-WEIGHT      : Normal;
	COLOR            : #161159;
	BACKGROUND-COLOR : #C4C3D6;
    BORDER-RIGHT     : #908EAB 1px solid;
}
TABLE.DataTable TR.DataTableRowTop TD.DataTableHeaderVertTop{
	FONT-WEIGHT      : Normal;
	COLOR            : #161159;
	BACKGROUND-COLOR : #C4C3D6;
        BORDER-RIGHT     : #908EAB 1px solid;
}

TABLE.DataTable TR.DataTableRowVertTopHighlight TD{
	FONT-WEIGHT      : Normal;
	BACKGROUND-COLOR : #E9E9F0;
	color            : #000000;
	BORDER           : #FFFFFF 0px solid;
}
TABLE.DataTable TR.DataTableRowVertHighlight TD{
	FONT-WEIGHT      : Normal;
	BACKGROUND-COLOR : #E9E9F0;
	color            : #000000;
	BORDER           : #FFFFFF 0px solid;
	BORDER-TOP       : #908EAB 1px solid;
}



TABLE.DataTable TR.DataTableRowTop TD{
	FONT-WEIGHT      : Normal;
	background-color : #FFFFFF;
	color            : #000000;
	BORDER           : #908EAB 0px solid;
}


TABLE.DataTable TR.DataTableRow TD{
	FONT-WEIGHT      : Normal;
	background-color : #FFFFFF;
	color            : #000000;
	BORDER           : #FFFFFF 0px solid;
	BORDER-TOP       : #908EAB 1px solid;
}

TABLE.DataTable TR.DataTableRowDisabled TD{
	background-color : #FFFFFF;
	color            : #DDDDDD;
	BORDER           : #FFFFFF 0px solid;
	BORDER-TOP       : #908EAB 1px solid;
}

TABLE.DataTable TR.DataTableRowHighlight TD{
	background-color : #E9E9F0;
	color            : #000000;
	BORDER-TOP       : #908EAB 1px solid;
}

/* SOLVE BACKGROUND PROBLEM FOR RADIO BUTTONS etc */
TABLE.DataTable TR.DataTableRowHighlight input{
	background-color : #E9E9F0;
	color            : #000000;
}





.DataTableHeaderOnMouseDown
{

	BACKGROUND-COLOR: #E0E0E0;
	COLOR           : #000000;
	FONT-WEIGHT     : bold;
	FONT-SIZE       : 11px;
	FONT-FAMILY     : arial, verdana,  helvetica;
	PADDING         : 2px;

        border-top      : #CEDBF7 1px solid;
        border-bottom   : #CEDBF7 1px solid;
        border-left     : #CEDBF7 1px solid;
	border-right    : #CEDBF7 1px solid;
}

.DataTableHeaderOnMouseOver
{

	BACKGROUND-COLOR: #EEEEEE;
	COLOR           : #000000;
	FONT-WEIGHT     : bold;
	FONT-SIZE       : 11px;
	FONT-FAMILY     : arial, verdana,  helvetica;
	PADDING         : 2px;

        border-top      : #CEDBF7 1px solid;
        border-bottom   : #CEDBF7 1px solid;
        border-left     : #CEDBF7 1px solid;
	border-right    : #CEDBF7 1px solid;
}

.DataTableHeaderLink
	{
	font-family     : arial, verdana,  helvetica;
	font-size       : 8pt;
	font-weight     : bold;
	text-decoration : none;
	color           : #000066;
}
.DataTableHeaderLink:hover
	{
	font-family     : arial, verdana,  helvetica;
	font-size       : 8pt;
	font-weight     : bold;
	text-decoration : underline;
	color           : #ff0000;
}
.DataTableColumnHeading
	{
	font-family	: arial, verdana,  helvetica;
	font-size	: 11px;
	font-weight	: bold;
	color		: #000000;
	padding-bottom	: 1px;
	padding-left	: 1px;
	padding-right	: 1px;
	padding-top	: 1px;
	}

 
 TABLE.DateTableNavigation TR TD{
	border-bottom    : #CCCCCC 0px solid;
	border-right     : #CCCCCC 0px solid;
  	color		 : #000066;
  	background-color : #CCCCCC;
  	font-size        : 11px;
  	font-family	 :arial, verdana,  helvetica;
  	padding          : none;
  	padding-top      : 0px;
  	padding-bottom   : 0px;
  	padding-left     : 0px;
  	padding-right    : 0px;
}





/******************************************/
/* DATA TABLES V2                         */
/******************************************/
TABLE.DataTable1{
        BACKGROUND-COLOR: #FFFFFF;
	BORDER	        : #CCCCCC 1px solid;
	COLOR           : #000000;
	FONT-FAMILY     : arial, verdana,  helvetica;
	FONT-SIZE       : 11px;
}


TABLE.DataTable1 TD{
	BORDER	        : #FFFFFF 0px solid;
	PADDING-TOP     : 3px;
	PADDING-BOTTOM  : 3px;
	PADDING-LEFT    : 6px;
	PADDING-RIGHT   : 6px;
	COLOR           : #000000;
	FONT-FAMILY     : arial, verdana,  helvetica;
	FONT-SIZE       : 11px;
}

TABLE.DataTable1 TR.DataTableTitle1 TD{
	FONT-WEIGHT     : bold;
	COLOR           : #000000;
	BACKGROUND-COLOR: #D0DBF0;
	BORDER-BOTTOM   : #CCCCCC 1px solid;
}       


TABLE.DataTable1 TR.DataTableHeader1 TD{
	FONT-WEIGHT     : Normal;
	COLOR           : #555555;
	BACKGROUND-COLOR: #EEEEEE;
	/*BORDER-TOP      : #CCCCCC 1px solid;*/
	/*BORDER-BOTTOM   : #CCCCCC 1px solid;*/
}


TABLE.DataTable1 TR.DataTableRow1 TD{
	FONT-WEIGHT      : Normal;
	background-color : #FFFFFF;
	color            : #000000;
	BORDER           : #FFFFFF 0px solid;
	BORDER-TOP       : #CCCCCC 1px solid;
}


TABLE.DataTable1 TR.DataTableRow1 TD.DataTableHeaderVert1{
	FONT-WEIGHT      : Normal;
	COLOR            : #555555;
	BACKGROUND-COLOR : #EEEEEE;
        BORDER-RIGHT     : #CCCCCC 1px solid;
}

TABLE.DataTable1 TR.DataTableRowTop1 TD.DataTableHeaderVertTop1{
	FONT-WEIGHT      : Normal;
	COLOR            : #555555;
	BACKGROUND-COLOR : #EEEEEE;
        BORDER-RIGHT     : #CCCCCC 1px solid;
}


TABLE.DataTable1 TR.DataTableRowTop1 TD{
	FONT-WEIGHT      : Normal;
	background-color : #FFFFFF;
	color            : #000000;
	BORDER           : #FFFFFF 0px solid;
}

TABLE.DataTable1 TR.DataTableRowDisabled TD{
	background-color : #FFFFFF;
	color            : #DDDDDD;
	BORDER           : #FFFFFF 0px solid;
}


TABLE.DataTable1 TR.DataTableRowTop1 TD.DataTableCellHighlight1{
	background-color : #EEEEEE;
}
TABLE.DataTable1 TR.DataTableRow1 TD.DataTableCellHighlight1{
	background-color : #EEEEEE;
}



TABLE.DataTable1 TR.DataTableRowHighlight1 TD{
	background-color : #EEEEEE;
	color            : #000000;
	BORDER-TOP    : #DDDDDD 1px solid;
}

/* SOLVE BACkGROUND PROBLEM FOR RADIO BUTTONS etc */
TABLE.DataTable1 TR.DataTableRowHighlight1 input{
	background-color : #EEEEEE;
	color            : #000000;
}
TABLE.DataTable1 TD.DataTableCellHighlight1 input{
	background-color : #EEEEEE;
	color            : #000000;
}


/************************
 * 		 NEW CSS 		*
 ************************/

#footer
{
width: 100%;
float: left;
font-family: arial, verdana,  tahoma, sans-serif;
}

#footer a
{
text-decoration: none;
color: #4f4f4f;
font-family: arial, verdana,  tahoma, sans-serif;
}

#footer a:hover
{
text-decoration: underline;
color: #4f4f4f;
}

#footer p.hr
{
padding: 15px 0 0 0;
text-align: center;
color: #4f4f4f;
font-size: 12px;
font-family: arial, verdana,  tahoma, sans-serif;
background-image: url(../images/home/Footer_Bar.gif);
background-position: top;
background-repeat: no-repeat;
}

#footer small
{
padding: 10px 0 0 0;
width: 100%;
text-align: center;
color: #4f4f4f;
font-size: 10px;
font-family: arial, verdana,  tahoma, sans-serif;
}

#newsletter
{
padding-top: 40px;
width: 140px;
background-image: url(../images/hometitle.gif);
background-repeat: no-repeat;
background-position: bottom center;
height: 22px;
font-family: arial, verdana,  tahoma;
font-size: 12px;
color: #FFFFFF;
}

#newsletter p
{
color: #FFFFFF;
font-size: 10px;
font-family: arial, verdana,  tahoma;
margin: 5px 5px 5px 10px;
}

#email
{
color: #6B6B6B;
width: 140px;
background-image: url(../images/greybox.gif);
background-repeat: no-repeat;
background-position: bottom;
height: 88px;
list-style: none;
font-family: arial, verdana,  tahoma;
font-size: 12px;
}

#email p
{
font-size: 10px;
font-family: arial, verdana,  tahoma;
margin: 25px 5px 5px 15px;
}

#email li.arrow
{
left: 10px;
font-size: 10px;
background-image: url(../images/miniarrow.gif);
background-repeat: no-repeat;
background-position: 4px 20%;
padding: 0 0 1px 0;
position: relative;
}

#email input
{
top: 2px;
position: relative;
}

#email input.email
{
top: 5px;
position: relative;
}

#nav
{
margin: 0px;
padding: 0px;
height: 25px;
width: 100%;
text-align: right;
font-family: arial, verdana, tahoma;
font-size: 10px;
color: #F0BD33; 
background-image: url(../images/NavBg.gif);
background-position: bottom;
}

#web
{
font-family:   verdana, arial, tahoma;
font-size: 10px;
margin: 0px;
padding: 0px;
float: left;
height: 25px;
text-align: left;
line-height: 25px;
background-image: url(../images/NavBg-left.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

#web a
{
font-family: verdana,  arial, tahoma;
font-size: 10px;
text-decoration: none;
color: #F0BD33;
}

#web a:hover
{
font-family:verdana, arial,   tahoma;
font-size: 10px;
text-decoration: underline;
color: #F0BD33;
}

#links
{
font-family: verdana,  arial,  tahoma;
font-size: 10px;
margin: 0px;
padding: 0px;
float: right;
height: 25px;
line-height: 25px;
text-align: right;
vertical-align: middle;
background-image: url(../images/NavBg-right.gif);
background-repeat: no-repeat;
background-position: bottom right;
/*background-color:#161159;*/
}

#links a
{
font-family: verdana,  arial,  tahoma;
font-size: 10px;
text-decoration: none;
color: #F0BD33;
}

#links a:hover
{
font-family:  verdana,  arial, tahoma;
font-size: 10px;
text-decoration: underline;
color: #F0BD33;
}

#links input.text
{
border: 1px solid #161159;
}

span.searchbox
{
position: relative;
top: 2px;
}

#links input.img
{
position: relative;
top: 2px;
}

TABLE.fundtablefooter TD
{
font-size: 10px;
}

TABLE.fundtablefooter TD a
{
font-size: 10px;
text-decoration: none;
}

TABLE.fundtablefooter TD a:hover
{
font-size: 10px;
text-decoration: underline;
}

TABLE.fundtablefooter TD a:visited
{
font-size: 10px;
text-decoration: none;
}

a.orangeLinkBold {
	font-family: arial, verdana,  Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9900;
	text-decoration: none;
	font-size: 12px;
}

a.orangeLinkBold:hover{
	font-family: arial, verdana,  Helvetica, sans-serif;
	color: #000066;
	font-size: 12px;
	font-weight: bold;
}

a.orangeLinkBold:visited{
	font-family: arial, verdana,  Helvetica, sans-serif;
	color: #FF9900;
	font-size: 12px;
	font-weight: bold;
}


/******************************************/
/* SMART GUIDE                            */
/******************************************/
span.SmartGuideSectionHeaderClosed{
height: 31px;
width: 255px;
font-family: verdana, arial, tahoma;
font-weight: normal;
background-image: url(/images/Guide_Header.gif);
background-repeat: no-repeat;
color: #FFFFFF;
padding-left: 40px;
padding-top: 0px;
display: block;
vertical-align:middle;
cursor: hand;
line-height: 31px;
}

span.SmartGuideSectionHeaderOpen{
height: 31px;
width: 255px;
font-family: verdana, arial, tahoma;
font-weight: normal;
background-image: url(/images/Guide_Header_Open.gif);
background-repeat: no-repeat;
color: #FFFFFF;
padding-left: 40px;
padding-top: 0px;
display: block;
vertical-align:middle;
cursor: hand;
line-height: 31px;
}


span.SmartGuideTop{
height: 40px;
width: 255px;
font-family: verdana, arial, tahoma;
font-weight: bold;
background-image: url(/images/Guide_Top.gif);
background-repeat: no-repeat;
color: #F0BD33;
display: block;
padding: 0px;
padding-left: 15px;
vertical-align:middle;
line-height: 40px;
}

span.SmartGuideBottom{
height: 10px;
width: 255px;
background-image: url(/images/Guide_Bottom.gif);
background-repeat: no-repeat;
display: block;
vertical-align:middle;
}

div.SmartGuideSectionContent{
width: 100%;
background-image: url(/images/Guide_Background.gif);
background-repeat: repeat-y;
padding-left: 6px;
padding-right: 6px;
}

  /******************************************************************
  Tabs - important styles to ensure accessibility in print
  *******************************************************************/
  @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
      .tabs-hide {
          display: none;
      }
  }
  @media print {
      .anchors {
          display: none;
      }
  }

  /******************************************************************
  Tabs - not important for accessibility, just for the look of it...
  *******************************************************************/
  .anchors {
      list-style: none;
      margin: 0;
      padding: 0 0 1px;
  }
  .anchors:after { /* clearing without presentational markup, IE gets extra treatment */
      display: block;
      clear: both;
      content: " ";
  }
  .anchors li {
      list-style: none;
      float: left;
      margin: 0 1px 0 0;
  }
  .anchors a {
      display: block;
      position: relative;
      top: 1px;
      border: 1px solid #CCCCCC;
      border-bottom: 0;
      z-index: 2;
      padding: 2px 9px 1px;
      color: #000;
      text-decoration: none;
      background: #EEEEEE;
  }
  .anchors .tabs-selected a {
      padding-bottom: 2px;
      /*border-bottom: 0;*/
      border: 1px solid #161159;
      border-bottom: 0;
      font-weight: normal;
      color:#FFFFFF;
  }
  .anchors a:hover {
      color:#FFFFFF;
  }

  .anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active {
      background-image: url(/images/PortfolioButtonBG.gif);
  }
  .fragment {
      background: #FFFFFF;
  }
  .anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,
  .anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
      cursor: text;
  }
  .anchors a:hover, .anchors a:focus, .anchors a:active {
      cursor: pointer;
  }
  .anchors .tabs-disabled {
      opacity: .4;
  }
  .anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active, .anchors .tabs-disabled a:visited {
    /*  background: transparent;*/
	background: #EEEEEE;
	text-decoration: none;
	cursor: default;
	color: #000000;
  }
  .fragment {
      padding: 0 0px;
  }
  .anchors .tabs-selected .tabs-loading {
      padding-left: 25px;
      background-image: url(loading.gif);
      background-position: 4px 50%;
      background-repeat: no-repeat;
  }
  .anchors { /* auto clear */
      display: inline-block; /* @ IE 7 */
      _height: 1%; /* @ IE 6 */
  }
  .anchors a {
      float: left;
  }
  .anchors .tabs-disabled a {
      filter: alpha(opacity=40);
      zoom: 1; /* trigger filter */
  }


/************************************/
/***         LIST STYLES          ***/
/************************************/

ul{
  margin-bottom : 8px;
}

ul li{
   list-style-image : url(/images/li.gif);
   font-family      : arial, verdana,  helvetica;
   font-size        : 11px;
   color            : #000000;
   margin           : 2px;
}

ol{
  margin-bottom : 8px;
}

ol li{
   font-family      : arial, verdana,  helvetica;
   font-size        : 11px;
   color            : #000000;
   margin	    : 2px;
}

ul.greentick{
  margin-bottom : 8px;
}

ul.greentick li{
   list-style-image : url(/images/green_arrow.gif);
   font-family      : arial, verdana,  helvetica;
   font-size        : 11px;
   color            : #161159;
   margin           : 2px;
   vertical-align   : middle;
}

ul.pdf{
  margin-bottom : 8px;
}

ul.pdf li{
   list-style-image : url(/images/pdf_small.gif);
   font-family      : arial, verdana,  helvetica;
   font-size        : 11px;
   color            : #161159;
   margin           : 8px;
   vertical-align   : middle;
}

ul.envelope{
  margin-bottom : 8px;
}

ul.envelope li{
   list-style-image : url(/images/envelop1.gif);
   font-family      : arial, verdana,  helvetica;
   font-size        : 11px;
   color            : #161159;
   margin           : 8px;
   vertical-align   : middle;
}

ul.glossary{
  margin-bottom : 8px;
}

ul.glossary li{
   list-style-image : url(/images/glossary_icon.gif);
   font-family      : arial, verdana,  helvetica;
   font-size        : 11px;
   color            : #161159;
   margin           : 8px;
   vertical-align   : middle;
}

li.RedCross {
	list-style-image : url(/images/cross_red_01.gif);
	}
li.GreenTick{
	list-style-image : url(/images/tick_green_01.gif);
	}

li.Lego{
	list-style-image : url(/images/lego_arrow_yellow.gif);
	}


ul.ticks
{
margin: 1.8em 0 0 20px;
padding-left: 0;
}

ul.ticks li
{
list-style: url(/images/home/LiTick.gif);
margin-left: 0;
padding-left: 0;
margin-bottom: .7em;
}

li.bullet
{
list-style: url(/images/newsgreen.gif);
margin-left: 0;
padding-left: 0;
margin-bottom: .6em;
}

li.info
{
list-style: url(/images/igreen.gif);
margin-left: 0;
padding-left: 0;
margin-bottom: .6em;
}


input.greyinput
{
color: #979797;
}

a.innermenu
{
color: #979797;
font-style: italic;
}

a.innermenu:hover
{
color: #979797;
font-style: italic;
}

a.innermenu:visited
{
color: #979797;
font-style: italic;
}

td.oldblue p, td.oldblue li
{
color: #4E4A81;
}

/*****************************/
/*        Super calc         */
/*****************************/
#calculator
{
text-align: right;
top: 15px;
float: right;
position: relative;
height: 180px;
background-image: url(/images/bgpig.gif);
background-repeat: no-repeat;
color: #FFFFFF;
width: 100%
}

#calcmain
{
padding-top: 50px;
text-align: right;
position: relative;
font-family: arial, verdana,  tahoma;
color: #FFFFFF; 
}

#calcmain p
{
font-family: arial, verdana,  tahoma;
color: #FFFFFF; 
}

#calcmain a:link
{
font-family: arial, verdana,  tahoma;
color: #FFFFFF; 
text-decoration: underline;
}

#calcmain a:hover
{
font-family: arial, verdana,  tahoma;
color: #FFFFFF;
text-decoration: underline;
}

#calcmain a:visited
{
font-family: arial, verdana,  tahoma;
color: #FFFFFF; 
text-decoration: underline;
}

#calc3text, #calc2text, #calc1text
{
padding-left: 5px;
float: right;
width: 20%;
color: #FFFFFF;
}

#calc4text, #calc5text, #calc6text
{
padding-left: 5px;
float: right;
width: 20%;
color: #FFFFFF;
}

#calc6text a, #calc2text a
{
text-decoration: none;
color: #FFFFFF;
}

#calc6text a:hover, #calc2text a:hover
{
text-decoration: underline;
color: #FFFFFF;
}

#calc3, #calc2, #calc1
{
float: right;
width: 45px;
}

#calc4, #calc5, #calc6
{
float: right;
width: 45px;
}

#calculate
{
top: 20px;
text-align: right;
position: relative;
float:right;
}

#calcright
{
width: 12px;
float: right;
height: 160px;
background-image: url(/images/rightgreen.gif);
}

#topperf
{
padding-top: 10px;
float: right;
color: #4f4f4f;
font-size: 16px;
font-family: arial, verdana, tahoma, sans-serif;
}

#news
{
padding: 10px 0 0 0;
float: right;
color: #4f4f4f;
font-size: 16px;
font-family: arial, verdana, tahoma, sans-serif;
}

#newssubmit
{
width: 50px;
height: 20px;
float:right;
margin-right: 10px;
cursor: hand;
}

fieldset
{
border: 1px solid #000066;
padding: 5px;
font-family: arial, verdana,  tahoma, sans-serif;
}

fieldset .more
{
font-family: arial, verdana,  tahoma, sans-serif;
text-align: center;
}

legend
{
color                : #000066;
font-size            : 15px;
font-weight          : bold;
font-family          : arial, verdana,  helvetica;
margin               : 0;
padding: 2px 6px;
}

#pagetext label
{
width: 50%;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
margin-top: 4px;
}

.redAsterisk
{
color: red;
font-weight: bold;
}

#crumbs
{
color: #979797;
font-size: 11px;
font-weight: bold;
font-family: arial, verdana,  helvetica;
}

#crumbs a:link
{
font-weight: normal;
}

#crumbs a:hover
{
font-weight: normal;
}

#crumbs a:visited
{
font-weight: normal;
}