A:link {
        COLOR: #0066cc
}
A:visited {
        COLOR: #000099
}
A:hover {
        COLOR: #000099
}
A:active {
        COLOR: #0066cc
}
TD {
        /*FONT-SIZE: 12px;*/ FONT-FAMILY: Arial, Helvetica, sans-serif
}
P {
        /*FONT-SIZE: 12px;*/FONT-FAMILY: Arial, Helvetica, sans-serif
}
.header-white {
        FONT-WEIGHT: bold; COLOR: #ffffff
}
.header-blue {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc
}
.bread {
        FONT-SIZE: 11px; COLOR: #0066cc 
}
.breadnav
{
        FONT-SIZE: 11px; COLOR: #0066cc;
		text-decoration:underline
}
.current {
        FONT-SIZE: 11px; COLOR: #000099
}
.title-menu-blue {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #003366; BACKGROUND-COLOR: #ccddee; valign: center; align: left
}
.blue {
        /*FONT-SIZE: 12px;*/BACKGROUND-COLOR: #ccddee
}
.title-page {
        FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #0066cc
}
.title-16px-lightblue-bold {
        FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #0066cc
}
.title-18px-blue {
        FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #0066cc
}
.title-13px-darkblue-bold {
        FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #003366
}
.title-14px-darkblue-bold {
        FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #003366
}
.text-10px-darkgray {
        FONT-SIZE: 10px; COLOR: #2a2a2a
}
.text-10px-red {
        FONT-SIZE: 10px; COLOR: #cc0000
}
.text-11px-bold {
        FONT-WEIGHT: bold; FONT-SIZE: 11px
}
.header-white-bold {
        FONT-WEIGHT: bold; COLOR: #ffffff
}
.text-10px {
        FONT-SIZE: 10px
}
.dark-blue-bold {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #003366
}
.foo {
        FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.foo-bold {
}
.white {
        FONT-SIZE: 8pt; BACKGROUND-COLOR: #ffffff
}
.grey {
        PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; BACKGROUND-COLOR: #efefef
}
.blue-text {
        /*FONT-SIZE: 12px;*/ COLOR: #0066cc
}
.text-10px-green {
        FONT-SIZE: 10px; COLOR: #006600
}
.header-white-bold {
        FONT-WEIGHT: bold; COLOR: #ffffff
}
.text-no-underline-darkblue {
        COLOR: #0066cc; TEXT-DECORATION: none
}
.title-level-0 {
        FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #0066cc; LINE-HEIGHT: 22px
}
.title-level-0-en {
        FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #0066cc; FONT-FAMILY: Arial, Helvetica, sans-serif,
}
.title-level-1 {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0066cc
}
.title-level-2 {
        FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #003366
}
.title-level-3 {
        FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #003366
}
.title-level-4 {
}
.header-nav {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #003366
}
.ccontent {
        FONT-SIZE: 12px; LINE-HEIGHT: 14pt; FONT-FAMILY: taipei
}
.title-level-1-en {
        FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #0066cc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.IEmenu {
        FONT-WEIGHT: normal; FONT-SIZE: 12px; CURSOR: hand; CURSOR: pointer; FONT-STYLE: normal; FONT-FAMILY: Arial,Helvetica,sans-serif; TEXT-DECORATION: none;
}
.NSmenuOff {
        FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.NSmenuOn {
        FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #003366; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
/*
.menuButton {
        FONT-WEIGHT: normal; FONT-SIZE: 12px; CURSOR: hand; CURSOR: pointer; COLOR: white; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #0066cc; TEXT-ALIGN: center; TEXT-DECORATION: none
}
*/
.menuButton {
        FONT-WEIGHT: normal; FONT-SIZE: 12px; CURSOR: hand; CURSOR: pointer; COLOR: white; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #017ac1; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.menuButtonHover {
        BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: 0px; CURSOR: hand; CURSOR: pointer; COLOR: #003366; BORDER-BOTTOM: 0px; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ccddee; TEXT-ALIGN: center; TEXT-DECORATION: none
}

/* OLD PCCG STYLESHEET HERE */
/* OLD PCCG STYLESHEET HERE */
/* OLD PCCG STYLESHEET HERE */

/* June 17, 2003 */
/* See the bottom of the file for the modifications made to the style sheet */

/*  tag references  
p			{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 140%;}
td			{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
a			{text-decoration: none;}
li			{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 140%;}
*/

/* start of add by dharkey */
.text_footnotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #0066CC;
	font-weight: bold
}
/* end of add by dharkey */

.widerLine {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
} 

/******* Ove styles start here *******/
.unbold {
	font-weight:lighter;
}

/* list styles */
ul {
	margin-left: 0;
}

.nested-list {
}

ol {
	list-style-image: none;
	margin-left: 0;
	padding-left: 1.8em;
}

/* Major Sub-Heading */
.majorSub {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/* Minor Sub-Heading */
.minorSub {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/*-- Branding Bar Styles --*/
.brandbar {
	background-color: #FFFFFF;
	color: transparent;
	color: #003366;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.brandbar-title {
	font-weight: bold; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Arial, Helvetica, sans-serif
}

.brandbar-globalnav {
	background-color: #3D6899;
}

/* ***** replaced on October 3rd ************


.bodytextblue{
background-color:#FFFFFF;
color:transparent;
color:#003366;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;}

New verison below!!
********************************************** */

.bodytextblue { 
	/*FONT-SIZE: 12px;*/
	COLOR: #003366; 
	FONT-FAMILY: Arial, Helvetica, sans-serif 
} 

/*-- Quicklink Styles --*/
.quicklinks	{
	color: #003366;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	v
	background-color: #EEEEEE;
}

.quicklinks-header	{
	color: #003366;
	font-weight: bold;
	border:1px;
	border-bottom-color: #FFFFFF;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-bottom-style: solid;
	background-color: #CCDDEE;
}

/*-- Footer Styles --*/
.footerText		{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}

/* Table Styles */

/*first do the table headers*/
.tableHead td { 
	background-color:#006699;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	border: 1px solid #6699CC;
}
.tableHead p {
	color: #FFFFFF;
}

/*links within the table headers*/
.tableHead p a:link		{font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline;}
.tableHead p a:visited		{font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline;}
.tableHead p a:hover		{text-decoration: underline; color: #FFFFFF;}

/*for more complex tables, we need a table sub-head*/
.tableSubHead td {
	background-color:#DDEEFF;
	/*FONT-SIZE: 12px;*/
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #A5BDD5;
}

/*table rows*/
.tableRow td {
	background-color:#FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #A5BDD5;
}

/*table rows that contain total values*/
.tableRow-total td {
	font-weight: bold;
	background-color:#FFFFFF;
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #A5BDD5;
}

/*-- Link Styles --*/
a:link		{font-family: Arial, Helvetica, sans-serif; color: #003366;}
a:visited		{font-family: Arial, Helvetica, sans-serif; color: #003366;}
a:hover		{text-decoration: underline; color: #FF0000;}

a.thirdnavLinks:link	{ color: #003366; text-decoration: none; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.thirdnavLinks:visited	{ color: #003366; text-decoration: none; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.thirdnavLinks:hover	{ color: #FF0000;  text-decoration: underline; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.thirdnavLinks:active	{ color: #FF0000;  text-decoration: underline; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}

a.thirdnavLinksOn:link		{ color: #CCCCCC; text-decoration: none; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.thirdnavLinksOn:visited	{ color: #CCCCCC; text-decoration: none; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.thirdnavLinksOn:hover		{ color: #FF0000;  text-decoration: underline; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.thirdnavLinksOn:active	{ color: #FF0000;  text-decoration: underline; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}

a.brandbar-links:link		{ color: #003366; text-decoration: none; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.brandbar-links:visited	{ color: #003366; text-decoration: none; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.brandbar-links:hover		{ color: #FF0000;  text-decoration: underline; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.brandbar-links:active		{ color: #FF0000;  text-decoration: underline; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}

a.footerText-links:link		{ color: #666666; text-decoration: underline; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.footerText-links:visited	{ color: #666666; text-decoration: underline; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.footerText-links:hover	{ color: #FF0000;  text-decoration: underline; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}
a.footerText-links:active	{ color: #FF0000;  text-decoration: underline; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif}

/* links embedded within content */
p a:link		{font-family: Arial, Helvetica, sans-serif; color: #003366; text-decoration:underline;}
p a:visited		{font-family: Arial, Helvetica, sans-serif; color: #003366; text-decoration:underline;}
p a:hover		{text-decoration: underline; color: #FF0000;}
/*
li a:link		{font-family: Arial, Helvetica, sans-serif; color: #003366; text-decoration:underline;}
li a:visited	{font-family: Arial, Helvetica, sans-serif; color: #003366; text-decoration:underline;}
li a:hover		{text-decoration: underline; color: #FF0000;}
*/

/* START modifications from Oct 3, 03 */
.blueboxborder { 
	BACKGROUND-COLOR: #003366 
} 

.blueboxbody { 
	BACKGROUND-COLOR: #ddeeff 
} 

.bodytext { 
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif 
} 

.trade { 
	FONT-SIZE: 80%; 
} 
/* END modifications from Oct 3, 03 */

/* modifications from July 27, 2004 */
A.help-links:link {
  FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Arial, Helvetica, sans-serif;
  TEXT-DECORATION: none
}
A.help-links:visited {
  FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-FAMILY: Arial, Helvetica, sans-serif;
  TEXT-DECORATION: none
}
A.help-links:hover {
  FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif;
  TEXT-DECORATION: underline
}
A.help-links:active {
  FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif;
  TEXT-DECORATION: underline
}
/* END modifications from July 27, 2004 */

/* Master Table Styles */

/*master table headers*/

.masterTableHead td {	
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF;
    background-color:#006699;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #6699CC;
	vertical-align : middle;
}

.masterTableHead p {
   color: #FFFFFF;
}

/*links within the master table headers*/
.masterTableHead p a:link     {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline;}
.masterTableHead p a:visited  {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration:underline;}
.masterTableHead p a:hover    {text-decoration: underline; color: #FFFFFF;}

/*master table rows*/
.masterTableRow td {
	font-family: Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 12px;
        background-color:#FFFFFF;
	color: #000000;
        padding-left: 3px;
        padding-right: 3px;
        border: 1px solid #A5BDD5;
}

/*master table sub-head*/
.masterTableSubHead td {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#DDEEFF;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #A5BDD5;
}

/*master table sub-head*/
.masterBoxSubHead td {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#DDEEFF;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	border: 1px solid #A5BDD5;
}

/* Modification log
	June 16: Added the "color: #003366;" property to the quicklinks-header class.
	June 17: Changed the "color: #CCCCCC from #003366;" property to the a.thirdnavLinksOn:link position.
	Oct 3  : New classes created.
	July 27, 2004 : Help classes added.
	August 20, 2004: Added new classes for Master Tables styles, used for Rates tables
	September 23, 2004: Added new class masterBoxSubHead
*/

/*** LEFT NAV STYLES ***/
.leftnav a:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0066cc; 
}
.leftnav a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #0066cc; 
}
.leftnav a:hover {
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-style: normal;
	/* WO26174 Xin
	font-weight: normal;*/
	color: #0066cc; 
}

.submenuHidden {
	display:none;
}
.submenuShow {
    margin: 0px 0px 0px 0px;
	color:#0066cc;
	/*border:1px solid yellow;*/
}
.submenuShow li {
    margin: 0px 0px 0px 0px;
    display:inline;
	list-style-type:none;
	color:#0066cc;
	margin-bottom:0px;
}
.submenuShow li a {
    margin: 0px 0px 0px 0px;
    padding-left:17px;
	padding-top:1px;
	padding-bottom:1px;
    background:transparent url(/vgn/mutualfunds/images/dot.gif) no-repeat 5px 7px;	
	display:block;
	/*border:1px solid blue;*/
}
.submenuShow li a:hover {
    margin: 0px 0px 0px 0px;
	background-color:#ccddee;
	display:block;
}

.submenuHidden .subitemShow {
	display:none;
}
.submenuShow .subitemShow {
    margin: 0px 0px 0px 0px;
	color:#0066cc;
	/*border:1px solid red;*/
}
.submenuShow .subitemShow li {
    margin: 0px 0px 0px 0px;
    display:inline;
	list-style-type:none;
	color:#0066cc;
	margin-bottom:0px;
	background-color:none;
}
.submenuShow .subitemShow li.selected {
    margin: 0px 0px 0px 0px;
    display:inline;
	list-style-type:none;
	color:#0066cc;
	margin-bottom:0px;
	background-color:#ccddee;
}
.submenuShow .subitemShow li a {
    margin: 0px 0px 0px 0px;
    padding-left:17px;
	padding-top:1px;
	padding-bottom:1px;
    background:transparent url(/vgn/mutualfunds/images/dot.gif) no-repeat 5px 7px;	
	display:block;
	/*border:1px solid green;*/
}
.submenuShow .subitemShowSelected {
    margin: 0px 0px 0px 0px;
	background-color:#ccddee;
	display:block;
}
.submenuShow .subitemShow li a:hover {
    margin: 0px 0px 0px 0px;
	background-color:#ccddee;
	display:block;
}

.menu {
	list-style-type:none;
	/*border:1px solid blue;*/
	padding:5px 4px;
}
.menu li{
	padding:2px 0 2px 0px; /*top/right/bottom/left*/
}
.menuClosed li{
	color:#0066cc;
	font-weight:normal;
	background:transparent url(/vgn/mutualfunds/images/bullet_blue.gif) no-repeat 0px 2px;
	/*cursor:pointer;
	border:1px solid red;*/
	padding-left:15px;
}
.menuOpen li{
	color:#0066cc;
	font-weight:bold;
	background:transparent url(/vgn/mutualfunds/images/bullet_blue_open.gif) no-repeat 0px 2px;
	padding-left:15px;
}

/*******************************************************
	New styles for Mutual Funds Navigator, September 06
********************************************************/


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #000000;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
	font-size:1px;
}
.dividerVertical {
	font-size: 1px;
	width: 1px;
}
.dividerHorizontal {
	font-size: 1px;
	height: 1px;
}
.dotlineDividerVertical {
	background: url(/vgn/mutualfunds/images/table_header_divider.gif) 0px 0px repeat-y;
	font-size: 1px;
	width: 1px;
}
.dotlineDividerHorizontal {
	background: url(/vgn/mutualfunds/images/table_header_divider_h.gif) 0px 0px repeat-x;
	font-size: 1px;
	height: 1px;
	margin-top: 5px;
}
.mfnWrapper {
	width: 600px;
	margin-right: 5px;
	overflow: hidden;
}
.mfnWrapper a {
	color: #06c;
	text-decoration: underline;
}
.mfnWrapper a:visited {
	color: #06c;
	text-decoration: underline;
}
.mfnWrapper a:hover {
	color: #06c;
	text-decoration: underline;
}
.mfnHeader {
	width: 600px;
	padding-bottom: 0px;
}
.mfnPageTitle {
	width: 300px;
	float: left;
	padding-bottom: 10px;
	border: 0;
}
.printBtn {
	float: right;
}
.mfnSubTitle {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding-bottom: 10px;
}

.mfnContentTop {
	width: 600px;
	background: #cde;
}
.fundFiltersWrapper {
	padding: 5px 0px 5px 0px;
}
ul.fundFilters {
	margin: 0;
	padding: 0;
}
ul.fundFilters li {
	list-style-type: none;
	float: left;
	display: inline;
}
ul.fundFilters li span {
	margin-left: 5px;
	font-weight: bold;
}
ul.fundFilters li a {
	color: #06c;
	text-decoration: none !important;
}
ul.fundFilters li a:hover {
	color: #000;
	text-decoration: none !important;
}

.filtersLayer {
	position: absolute;
	width: 200px;
	z-index: 9000;
	background-color: #eee;
	border: 1px solid #000;
}
.filtersLayerText {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin: 4px 4px 4px 4px;
}

.scrollingContentWrapper {
	width: 598px;
	height: auto;
	border-right: solid 1px #06c;
	border-left: solid 1px #06c;
}

span.headers {
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
span.headersPrint {
	font-size: 12px;
	color: black;
	font-weight: bold;
}
span.subHeader {
	font-size: 11px;
	color: #666;
}
span.subHeaderPrint {
	font-size: 11px;
	color: black;
}

.scrollingContentWrapper .scrollingContent {
	width: 598px;
	height: 440px;
	overflow: auto;
	overflow-x: hidden;
	
}
.fundCategory {
	font-size: 11px;
	font-weight: bold;
	color: #036;
	/**background: #cde;**/
	height: 20px;
	padding-top: 4px;
	padding-left: 4px;
}
.fundCategoryBgd {
	background: #cde;
}

.contentAlternateRowColorOdd {
	background: #fff;
}
.contentAlternateRowColorEven {
	background: #eee;
}

ul.fundTypeLink {
	width: 98px;
	margin: 0;
	padding: 0;
}
ul.fundTypeLink li {
	list-style-type: none;
	background: url(/vgn/mutualfunds/images/fund_type_arrow.gif) 0px 3px no-repeat;
}
ul.fundTypeLink li span {
	font-size: 11px;
	color: #06c;
	padding-left: 15px;
	display: block;
}
ul.fundTypeLink li span a {
	color: #06c;	
	text-decoration: underline;
}
ul.fundTypeLink li span a:visited {
	color: #06c;	
	text-decoration: underline;
}
ul.fundTypeLink li span a:hover {
	color: #06c;
	text-decoration: underline;
}

/*this is called blue arrow but it relly showing grey arrows*/
ul.bulletArrowBlue {
	margin: 0;
	padding: 0;
	padding-top:6px;
	padding-bottom: 14px;
}
ul.bulletArrowBlue li {
	list-style-type: none;
	background: url(/vgn/mutualfunds/images/bullet_arrow.gif) 5px 5px no-repeat;
	padding-left: 20px;
	margin-top: 3px;
}
ul.bulletArrowBlue li {
	font-size: 12px;
	color: #036;
}
ul.bulletArrowBlue li a {
	color: #003366;		
	text-decoration: underline;
}
ul.bulletArrowBlue li a:visited {
	color: #003366;	
	text-decoration: underline;
}
ul.bulletArrowBlue li a:hover {
	color: #06c;
	text-decoration: underline;
}

.scrollingContentBottomWrapper {
	width: auto;
	height: 24px;
	border-right: solid 1px #06c;
	border-left: solid 1px #06c;
	border-bottom: solid 1px #06c;
	background: #cde;
}
.compareBtn {
	float: right;
}

.paraHeading {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-bottom: 6px;
}
table.printLayoutExpanded
{
	border: solid 1px #cde;
}
table.printLayoutExpanded td.leftBorder{
	border-left: solid 1px #cde;
}
table.printLayout
{
	border: solid 1px #cde;
	border-collapse: collapse;
}
table.printLayout td {
	border: solid 1px #cde;
}
table.printLayout td.dashedLine {
	border-left: dotted 2px grey;
}
table.printLayout td.noBorder {
	border: none;
}
table.printLayout td.dashedLineBottom{
	border-bottom: dotted 2px grey;
	border-left: dotted 2px grey;
}
table.Layout
{
  border-top-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
}
table.Layout td {
	border: solid 1px #cde;
}
table.Layout td.dashedLine {
	border-left: dashed 1px #AAAAAA;
  	border-top-width: 0px;
  	border-bottom-width: 0px;
  	border-right-width: 0px;
}
table.Layout td.noBorder {
	border: none;
}
table.Layout td.dashedLineBottom{
  	border-top-width: 0px;
	border-bottom: dotted 1px #AAAAAA;
	border-left: dotted 1px #AAAAAA;
}
table.fundDetailsPrint {
	border: solid 1px #cde;
}
table.fundDetailsPrint td{
	border: solid 1px #cde;
}
table.fundDetails {
	border-top: solid 1px #cde;
	border-bottom: solid 1px #cde;
	background: #cde;
}
table.fundDetails tr {
	background: #fff;
}
table.fundDetails tr.alternatingRow {
	background: #eee;
}

td.nonalternatingRow {
	border-top: solid 1px #cde;
	border-bottom: solid 1px #cde;
	border-left: solid 1px #cde;
	border-right: solid 1px #cde;
}
td.alternatingRow {
	background: #eee;
	border-top: solid 1px #cde;
	border-bottom: solid 1px #cde;
	border-left: solid 1px #cde;
	border-right: solid 1px #cde;
}

table.fundDetails td {
	font-size: 11px;
	color: #000;
}
table.fundDetails td.highlightText {
	color: #666;
}

table.fundDetails td.highlightTextPrint {
	color: black;
}

table.regularTable td {
	font-size: 11px;
	color: #000;
}
table.regularTable td.highlightText {
	color: #666;
}
#PrintBut{
    background-image: url(/vgn/mutualfunds/images/print_button.gif); 
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 25px;
	margin-left: 5px;
	padding-top:3px;
    CURSOR: hand;
	CURSOR: pointer;
}

#PrintButForPrinter{
	display: list-item;
	list-style-image: url(/vgn/mutualfunds/images/print_button.gif);
	list-style-position: inside;
}


.glossaryBtn {
	float: right;
}

#glossaryBut{
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 25px;
	margin-left: 5px;
	padding-top:3px;
}

.pdfBtn {
	float: right;
}

#pdfBut{
	background-image: url(/vgn/mutualfunds/images/icon_pdf.gif); 
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	margin-left: 5px;
	padding-top:3px;
    CURSOR: hand;
	CURSOR: pointer;
}

.bodyTitle{
	font-weight: bold;
	FONT-SIZE: 14px;
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}


/*---------index Inv css-------------*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.dashedColumnTable {
	border-bottom:1px solid #ccc;
	margin-left:10px;
}
.smallTitle{
   	font-family: Arial, Helvetica, sans-serif;
    padding:5px;
}

.smallText{
   font-family: Arial, Helvetica, sans-serif;
   font-size:9px;
}
.dropDownFont{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}
.bread {
        FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; COLOR: #0066cc 
}
.current {
        FONT-FAMILY: Arial, Helvetica, sans-serif; FONT-SIZE: 11px; COLOR: #000099
}
.text_footnotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
}


.tableFourBorders{
	border-left:1px solid #ccddee;
	border-right:1px solid #ccddee;	
	border-top:2px solid #ccddee;	
	border-bottom:2px solid #ccddee;	
}
.tableFourBorders td{
	border-bottom:1px solid #ccddee;
	padding:6px;
}
.tableFourBorders td.noborder{
	border:none;
}


.note{
	font-size:10px;
}

.noteRed{
	font-size:10px;
	color:#ff0000;
}
A.navFundLink
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.navFundLink:hover
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.navFundLink:link
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.navFundLink:active
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
A.navFundLink:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}
.navLeftOff
{
    BACKGROUND-IMAGE: url('/vgn/mutualfunds/images/nav/Nav-Left-Off.gif');
    /* WIDTH: 20px; */
	WIDTH: 14px;
    HEIGHT: 23px;
	border-bottom: 1px solid #0066cc;
	white-space: nowrap;
}
.navBodyOff
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('/vgn/mutualfunds/images/nav/Nav-Background-Off.gif');
    WORD-SPACING: 0px;
    TEXT-TRANSFORM: uppercase;
	text-align: center;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    LETTER-SPACING: 0px;
    HEIGHT: 23px;
	border-bottom: 1px solid #0066cc;
	white-space: nowrap;
}
.navRightOff
{
    BACKGROUND-IMAGE: url('/vgn/mutualfunds/images/nav/Nav-Right-Off.gif');
    /* WIDTH: 20px; */
	WIDTH: 11px;
    HEIGHT: 23px;
	border-bottom: 1px solid #0066cc;
	white-space: nowrap;
}
.navEmpty
{
    BACKGROUND-IMAGE: url('/vgn/mutualfunds/images/nav/Nav-Background-Row.gif');
	white-space: nowrap;
}
.navLeftOn
{
    BACKGROUND-IMAGE: url('/vgn/mutualfunds/images/nav/Nav-Left-On.gif');
    /* WIDTH: 20px; */
	WIDTH: 14px;
    HEIGHT: 23px;
	white-space: nowrap;
}
.navBodyOn
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: url('/vgn/mutualfunds/images/nav/Nav-Background-On.gif');
    WORD-SPACING: 0px;
    TEXT-TRANSFORM: uppercase;
	text-align: center;
    COLOR: #0066cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    WHITE-SPACE: nowrap;
    LETTER-SPACING: 0px;
    HEIGHT: 23px;
	white-space: nowrap;
}
.navRightOn
{
    BACKGROUND-IMAGE: url('/vgn/mutualfunds/images/nav/Nav-Right-On.gif');
    /* WIDTH: 20px; */
	WIDTH: 11px;
    HEIGHT: 23px;
	white-space: nowrap;
}

/* one-table styles... */
div.tableContainer {
	/* cellspacing: 0; */
	width: 598px;
	height: 495px; 
	overflow: auto;
    border-right-width: 1px; 
    border-left-width: 1px; 
	border-top-width: 0px; 
	border-bottom-width: 0px; 
	border-style: solid; 
	border-color: #06c
}

/* ie6 and less only */
* html div.tableContainer { width: 600px; }

.NoPageBreakWithin {
    page-break-before: avoid;
    page-break-after: avoid;
    page-break-inside: avoid;
}

div.tableContainerPrint {
	/* cellspacing: 0; */
	width: 600px;
	overflow: auto;
	border-width: 1px;
	border-style: solid; 
	border-color: #cde;
    page-break-before: avoid;
    page-break-after: avoid;
}
div.tableContainer>table {
	border: 0;
	width: 100%;		/*100% of container produces horiz. scroll in Mozilla*/
}
div.tableContainer>table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto;
	/* adjust this height if second scroll bar appears */
/* kj
	height: 437px;
*/
	overflow-x: hidden;
}
div.tableContainerPrint>table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto;
	overflow-x: hidden;
}
thead tr {
	background-color: #FFFFFF;
	position:relative;
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
}
/*td:last-child {padding-right: 0px;}*/ /*prevent Mozilla scrollbar from hiding cell content*/
.listCellWithBorders, .listCellWithBordersLast {
    border-right-width: 1px; 
    border-left-width: 0px; 
    border-top-width: 1px; 
    border-bottom-width: 0px; 
    border-style: solid; 
    border-color: #ccddee;
	padding-top: 4px; 
	padding-bottom: 4px;
	padding-right:4px;
	padding-left:4px;
}
.listCellWithBordersLast {
	padding-right:14px;
}
.listCellTopBorder {
    border-right-width: 0px; 
    border-left-width: 0px; 
    border-top-width: 1px; 
    border-bottom-width: 0px; 
    border-style: solid; 
    border-color: #ccddee;
	padding-top: 0px; 
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.listCellWithBordersNoSidePadding {
    border-right-width: 1px; 
    border-left-width: 0px; 
    border-top-width: 1px; 
    border-bottom-width: 0px; 
    border-style: solid; 
    border-color: #ccddee;
	padding-top: 4px; 
	padding-bottom: 4px;
}

.headerCellDashedNone {
    text-align: center;
    border-right-width: 1px; 
    border-left-width: 0px; 
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    border-style: none; 
    border-color: #999999;
	padding-top: 4px; 
	padding-bottom: 0px;
	padding-right: 4px;
	padding-left: 4px;
}

.headerCellDashed {
    text-align: center;
    border-right-width: 1px; 
    border-left-width: 0px; 
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    border-style: dashed; 
    border-color: #999999;
	padding-top: 4px; 
	padding-bottom: 0px;
	padding-right: 4px;
	padding-left: 4px;
}

.headerCellDashedBottomRight {
    text-align: center;
    border-right-width: 1px; 
    border-left-width: 0px; 
    border-top-width: 0px; 
    border-bottom-width: 1px; 
    border-style: dashed; 
    border-color: #999999;
	padding-top: 4px; 
	padding-bottom: 0px;
	padding-right: 4px;
	padding-left: 4px;
}
.headerCellDashedBottom {
	text-align:center; 
	border-color: #999999; 
	border-bottom-width: 1px; 
	border-style: dashed; 
	border-top: none; 
	border-left: none; 
	border-right: none
}
/* ...one-table styles */

/* term products */
table.tpfilterFeatures { font-size: 11px; }
table.tpfilterFeatures input { font-size: 11px; width: 11px; }
table.tpfilterFeatures tr { vertical-align: middle; }
table.tpfilterFeatures td { font-size: 11px; }

div.tableContainer table#tpListView {
	table-layout: fixed; 
}

div.tableContainer #tpListView tbody {
	background: transparent;
}

div.tableContainer #tpListView tbody td {
	border-right-width: 1px; 
    border-left-width: 0px; 
    border-top-width: 0px; 
    border-bottom-width: 1px; 
    border-style: solid; 
    border-color: #ccddee;
	padding-top: 4px; 
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;
	
	text-align: center;
}

div.tableContainer #tpListView.tpCompareView tbody td {
	text-align: left;
}

div.tableContainer #tpListView.tpCompareView tbody td.tpTerm {
	text-align: center;
}

div.tableContainer #tpListView tr.tpListFamily {
	background:#ccddee;
}

div.tableContainer #tpListView tbody td.tpListName {
	text-align: left;
}

div.tableContainer #tpListView tbody td.tpListNameNoPrint {
	
}

div.tableContainer #tpListView tbody td.tpListFamily {
	text-align: left;
}

table.fundDetails thead tr {
	position:static;
	top: auto; /*IE5+ only*/
}

#tpContentSpace .mfnWrapper {
	overflow: visible;
}
#tpContentSpace .mfnWrapper a,
#tpContentSpace .mfnWrapper a:visited,
#tpContentSpace .mfnWrapper a:link,
#tpContentSpace .mfnWrapper a:active {
	color: #003366;
	text-decoration: none;
}

#tpContentSpace .mfnWrapper a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#tpContentSpace .mfnWrapper a:link {
	text-decoration: underline;
}
#tpContentSpace .mfnWrapper a:visited {
	text-decoration: underline;
}
#tpContentSpace .mfnWrapper a:active {
	text-decoration: underline;
}

#tpContentSpace .mfnWrapper a.navFundLink, 
#tpContentSpace .mfnWrapper a.navFundLink:hover, 
#tpContentSpace .mfnWrapper a.navFundLink:link,
#tpContentSpace .mfnWrapper a.navFundLink:active,
#tpContentSpace .mfnWrapper a.navFundLink:visited
{
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.mfnHeader .printBtn { border: 0; padding-top: 3px;}
.mfnHeader .printBtn a#PrintBut { padding-top: 3px;   }

.mfnHeader .glossaryBtn { border: 0; padding-top: 3px;}
.mfnHeader .glossaryBtn a#glossaryBut { padding-top: 3px;   }

.mfnHeader .pdfBtn { border: 0; padding-top: 3px;}
.mfnHeader .pdfBtn a#pdfBut { padding-top: 3px;   }

.tpPrintTitle, .tpPrintDisclaimer, .tpPrintName { display: none; }

.tpNoPrint, .tpNoPrintTD { z-index: auto }

/* term products */

/* QPD related styles */
/* body styles (mp)  */
/*
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; background-color: #ffffff;}
*/
/*
.bodytext {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; font-weight: normal;}
*/
/*
.title {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #0066CC; font-weight: bold}
*/
.titlesmall {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #0066CC; font-weight: bold}
.legal {font-family: Arial, Helvetica; font-size: 10px; color:#000000; font-weight: bold;}

/*  link formating  */
/*
a.links {text-decoration:underline; color:#003366; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
*/
/*
a:hover {text-decoration:underline; color:#FF0000; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
*/

/* header styles */
a.headerOnBlue {text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
a.headerOnBlue:hover {text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000;}
a.header {text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#0066cc;}
a.header:hover {text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000099;}

.notes {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.notes2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.lgt-grey {background-color: #eeeeee}
.titlesmallblack {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; font-weight: bold}

/* credit cards specific */
.affinitydetails {
   padding: 10px 10px 10px 10px;
   border: 1px solid #ccddee;
}

/*    merged from creditcardsv7.css */

body.v7body { margin: 0; padding:0; text-align: center; }
body td { font-size:12px; }

body.small, body.small td { font-size:12px; }
body.medium, body.medium td { font-size:14px; }
body.large, body.large td { font-size:16px; }

div#root_div { text-align: left; }

#center_column.center_wide { width: 740px !important;}

/* TA */
table#cc_ta_content_table { width: 775px; }

/* compare cards main table */
table#cc_affinityrewards_table { width: 100%; }
table#cc_affinityrewards_table td { width: 33%; }

/* product table */
table.ccProductTable td { vertical-align: top; }
table.ccProductTable td.ccProductFeatures {  }
table.ccProductTable td.ccProductDetails {  }
table.ccProductTable td.ccProductProp { display:none;  } /* hiding to move quick features up in to banner area */

/* old tabber. might not be needed anymore */
.tabber{display:none;}  
.tabberlive { width: 496px; }
ul.tabbernav { width: 488px; }
.tabberlive .tabbertab { width: 480px; }
.tabbertab table td { vertical-align: top; }

#left_column .lnav_lv4_label_highlight a { color:#0079C1;  }

/* quick features styles */
	.cardquickfeatures {
		width: 490px;
		height: 74px;
		background: url(http://www.bmo.com/images/cardquickfeaturesBG.gif) bottom left repeat-x;
		text-align: left;
		margin-bottom: 18px;
	}
	.rewardsection, .feesection, .ratesection {
		float: left;
		padding: 0 19px;
	}
	.rewardsection {
		width: 120px;
		*width: 140px;
		_width: 140px;
	}
	.feesection {
		width: 89px;
		*width: 130px;
		_width: 130px;
		background: url(http://www.bmo.com/images/cardsectionBG.gif) bottom left no-repeat;
	}
	.ratesection {
		width: 171px;
		*width: 190px;
		_width: 190px;
		background: url(http://www.bmo.com/images/cardsectionBG.gif) bottom left no-repeat;
		padding-right: 0px;
	}
	.cardquickfeatures h2{ margin: 5px 0; color: #336699; font-size: 14px;}
	.cardquickfeatures p{ margin: 5px 0; color: #0079c1; font-size: 13px; font-weight: bold;}
	.cardquickfeatures p span{ color: #999; font-size: 10px; font-weight: normal;}


/*    added for V6 to V7 migration */
#cc_wide_centre {
    float: left;
    position: relative;
    width: 720px;
    padding: 15px;
}

#cc_compare_details {
    float: left;
    position: relative;
    width: 720px;
}

.lnav_lv4_label a {
    color: #444444 !important;
    text-decoration: none;
}

.lnav_lv4_label a:hover {
    color: #ED1C24 !important;
    text-decoration:underline;
}


.lnav_lv3_label a{
    color: #444444 !important;
    font-weight: bold;
    height: auto;
    margin-bottom: 0;
    margin-top: 3px;
    padding-bottom: 0;
    text-decoration: none;
    width: 140px;
}

.lnav_lv3_label a:hover {
    color: #ed1c24 !important;
    font-weight: bold;
    height: auto;
    margin-bottom: 0;
    margin-top: 3px;
    padding-bottom: 0;
    text-decoration: underline;
    width: 140px;
}