@charset "utf-8";

html { 
	/* set base font to 12px color 333 */
	font: normal 75%/150% Arial, sans-serif; 
	color: #333;
	height: 100%;
	/* fix for text size zooming on rotation */
 	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	display: none; /* Remedied in commonutils.js - Anti-framing security risk */
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body { 
	margin: 0px;
	padding: 0px;
}
/* added for SEO 4th quarter 2014 */

#autoSugg {

float:left;
color: black;
margin-left: -321px;
margin-top: 25px;
position: absolute;
z-index: 2000;
border: 1px solid;
background-color: #FFF;
border-color:  #ccc;
padding-left: 9px;
display:block;
width: 539px;
top:52px;
}



#autoSuggProcSpan{

font-size: 14px;
border-bottom: 1px solid;
margin-right: 12px;
border-color: #ccc;
padding-bottom: 6px;


}

#autoSuggGenSpan{

font-size: 14px;
border-bottom: 1px solid;
margin-right: 12px;
border-color: #ccc;
padding-bottom: 6px;

}

#PcontentTable{
margin-top: 3px;
 font-size: 14px;

}

#GcontentTable{
margin-top: -4px;
font-size: 14px;
margin-top: 7px;
}

#viewAllResAut{

font-size: 14px;
color: #8D4900;
padding-bottom: 9px;
padding-left: 2px;
padding-top: 20px;

} 
#fund-compare-tool-frame { margin: -18px; }

/* reset */
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; color: #333;}
/* end reset */

p {font: normal 100%/100% Arial, sans-serif; color: #1a1a1a; margin-bottom: 18px; line-height: 19px; margin-top:-2px;}
img {border:none; max-width: 100%;}
audio, video {max-width: 100%;}

/* links */
a { color: #8D4900; text-decoration:none;}
/*a:link { color: #8D4900; }*/
a:visited { color: #8D4900; }
a:visited:hover { color: #95151D; text-decoration: underline; }
a:hover { color: #95151D; text-decoration: underline; }
a:active { color: #8D4900; }

.l_secondary { color: #666666; text-decoration: underline; }
a.l_secondary:visited { color: #666666; text-decoration: underline; }
a.l_secondary:hover { color: #96151D; text-decoration: underline; }
a.l_secondary:active { color: #666666; text-decoration: underline; }

.l_inline { color: #8D4900; text-decoration: underline; }
a.l_inline:visited { color: #8D4900; text-decoration: underline; }
a.l_inline:hover { color: #96151D; text-decoration: underline; }
a.l_inline:active { color: #8D4900; text-decoration: underline; }

.l_disabled { color: #B3B3B3; text-decoration: none; cursor: default; }
a.l_disabled:visited { color: #B3B3B3; text-decoration: none; cursor: default; }
a.l_disabled:hover { color: #B3B3B3; text-decoration: none; cursor: default; }
a.l_disabled:active { color: #B3B3B3; text-decoration: none; cursor: default; }
a[toggle] { cursor: pointer; }
/* end links */

/* page headings */
h1.silo { font-size: 39px; font-weight: normal; line-height: 50px; margin-bottom: 21px; }
h1 { font-size: 27px; font-weight: normal; line-height: 32px; margin: -5px 0px 18px 0px; }
h2 { font-size: 21px; font-weight: normal; line-height: 24px; margin: -4px 0px 18px 0px; }
h3 { font-size: 16px; font-weight: normal; line-height: 24px; margin: -5px 0px 9px 0px; }
h4 { font-size: 14px; font-weight: normal; line-height: 16px; margin: -5px 0px 12px 0px; }
h5 { font-size: 12px; font-weight: normal; line-height: 20px; margin: -5px 0px 9px 0px; text-transform:uppercase; }

h3 a, h4 a { text-decoration: none; color: #8D4900; }
h3 a:visited, h4 a:visited { text-decoration: none; color: #8D4900; }
h3 a:hover, h4 a:hover { color: #96151D; text-decoration: underline; }

/* background colors */
.bgRed { background-color: #96151D; }
.bgPutty { background-color: #EAE5DA; }
.bgGray { background-color: #B3B3B3; }
.bgDarkGray { background-color: #666666; }
.bgDarkBlue { background-color: #44697D; }





/* banner */
#banner.bgRed, #banner.bgPutty, #banner.bgGray, #banner.bgDarkGray  { background-color: white; }
.banner1, .banner3 { position: relative; background-image: url(../images/dotted_rule.png); background-position: 0% 100%; background-repeat: repeat-x; padding-bottom: 1px; margin-bottom: 15px; }
.banner3 hr { display: none; }
#banner_head { max-width: 85%; }
#banner_head p, p.bannerHead { margin-top: 0px; padding-top:0; font-size: 21px; font-weight: normal; line-height: 32px; }
a.bannerLink, a.bannerLink:link, a.bannerLink:visited, 
a.bannerLinkSmall, a.bannerLinkSmall:link, a.bannerLinkSmall:visited
{
	display: inline-block; 
	font-size: 14px;
	text-decoration: none; 
	cursor: pointer;
	padding-left: 22px; 
	background-image:url(../images/icons/15_link_content_hover.png); 
	background-repeat: no-repeat; 
	background-position: left center;   	
}

.contentBox.cB3 { background-color: #FFFFFF; position:relative; margin-top: 27px; margin-bottom: 15px; padding: 0px 0px 0px 0px; }
.contentBox.cB3 img { float:left; max-width: 50%; padding-right: 9px;  }
.contentBox.cB3 p { font-size: 14px; font-weight: normal; width: 50%; float: left; margin: 0px; margin-top: -2px; line-height: 1.5; padding-left: 9px; }
.contentBox.cB3 h4 { margin-top: -4px; margin-bottom: 9px; /*color: #96151D;*/ color:#333; font-size:16px; width: 50%; padding-left: 9px; float: left; }

.banner1 { padding-bottom: 9px; }
#banner_head p.bannerSubhead, p.bannerSubhead { font-size: 14px; }

/* end banner */

.univers
{
	font-family: arial;
	font-size: 39px;
	font-weight: normal;
}

/* end page headings */

.footnote { line-height: 13px; font-size: 11px; color: #666666; margin-bottom: 18px;}

/* lists */
dl.unordered    { font: 100%/150% Arial,sans-serif; color: #333; margin: 0 0 18px 0; padding: 0; } 
dl.unordered dt { font: 100%/150% Arial,sans-serif; color: #666; float: left; padding: 0; }
dl.unordered dd { font: 100%/150% Arial,sans-serif; color: #333; margin-left: 9px; _margin-left: 6px; margin-bottom: 6px; _zoom:1; }
dl.unordered dl.unordered, dl.unordered ol, ol dl.unordered, ol ol { font: 100%/100% Arial,sans-serif; }
ol { margin: 0 0 18px 30px; _margin-left: 23px; } 
ol li { margin-bottom: 6px; _margin-bottom: 8px; font: 100%/150% Arial,sans-serif; color: #333; }
ol li .olText { font: 100%/100% Arial,sans-serif; margin: 0 0 0 -2px; _margin: -2px 0 0 -7px; _zoom:1; _vertical-align: text-top; }
html>body .olText { display: block; }
ul.linkList { font: 100%/150% Arial,sans-serif; margin: 0 0 18px 0; list-style-type: none; line-height: 18px;  }
.linkList li{ line-height: 18px; margin-bottom:9px !important; }
ul {margin:0 15px 11px 15px; padding:0; line-height:18px;}
/* end lists */

/* ------ reuse ------ */
.cb, .clearboth {clear:both; margin:0; padding:0;}
.clearfix {min-height:1px;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
.fl { 
	float: left; 
}

.fr { 
	float: right; 
}
.cb {clear:both; margin:0; padding:0;}
.block {display:block;}
.none, .data-source-loading {display:none !important}
sup { font-size: 8px;}

/* margins, paddings, widths, heights */
.no_pad { padding: 0 !important; }
.no_margin { margin: 0 !important; }
.m_r_6 { margin-right: 6px !important; }
.m_r_9 { margin-right: 9px !important; }
.m_r_18 { margin-right: 18px; }
.m_r_0 {margin-right: 0 !important;}
.m_l_9 { margin-left: 9px; }
.m_l_18 { margin-left: 18px; }
.m_t_9 { margin-top: 9px !important; }
.m_t_18 { margin-top: 18px !important; }
.m_b_9 { margin-bottom: 9px; }
.m_b_18, .m_b_3t { margin-bottom: 18px !important; }
.m_b_0 { margin-bottom:0 !important; }
.m_b_4t { margin-bottom: 36px; }
.m_l_36 {margin-left:36px;}
.p_r_9 { padding-right: 9px; }
.p_r_18 { padding-right: 18px; }
.p_l_9 { padding-left: 9px; }
.p_l_18 { padding-left: 18px; }
.p_b_9 { padding-bottom: 9px; }
.p_b_18 { padding-bottom: 18px; }
.p_t_9 { padding-top: 9px; }
.p_t_18 { padding-top: 18px !important; }
.p_b_0 { padding-bottom: 0px !important; }
.w_6 { width: 6px; }
.w_9 { width: 9px; }
.w_18 { width: 18px; }
.h_6 { height: 6px; }
.h_9 { height: 9px; }
.h_18 { height: 18px; }
.h_54 { height: 54px !important; }
.no_lpad, .respWholeMed {padding-left: 0 !important; }
/* end margins, paddings, widths, heights */

.red { color: #96151D; }
.inactive_red { color: #8D4900; }
.visited_red { color: #997A59; }
.disabled_gray { color: #B3B3B3; }
.secondary_gray { color: #666666; }
.gray { color: #333333 !important; }
.alert_red { color: #FF0000; }
.white { color: #FFFFFF; }
.putty { color: #EAE5DA }
.darkBlue { color: #44697D; }

/* Icon CLasses */
.icon_video { text-decoration: none; padding-left: 24px; background:url(../images/icons/15_link_video.png) no-repeat left 2px; }
.icon_article, .icon_brochure { text-decoration: none; padding-left: 24px; background:url(../images/icons/15_article.png) no-repeat left 1px; padding-bottom:20px;}
.icon_podcast, .icon_audiocast { text-decoration: none; padding-left: 24px; background:url(../images/icons/15_audio_podcast.png) no-repeat left 1px; }
.icon_guide { text-decoration: none; padding-left: 24px; background:url(../images/icons/15_guide.png) no-repeat left 1px;}
.icon_research_notes, .icon_research { text-decoration: none; padding-left:24px; background:url(../images/icons/15_research_notes.png) no-repeat left 1px;}
.icon_whitepaper { text-decoration: none; padding-left: 24px; background:url(../images/icons/15_whitepaper.png) no-repeat left 1px;}
.icon_workshops { text-decoration: none; padding-left: 24px; background:url(../images/icons/15_workshops.png) no-repeat left 1px; }
.icon_dropdown { text-decoration: none; padding-right: 15px; background:url(../images/icons/dropdown_active.png) no-repeat right 5px; }
.alert_icon {background:url(../images/icons/15_circle_alert.png) no-repeat left top; padding-left:20px; padding-bottom:1px;}
.export_icon {background:url(../images/icons/export_icon.png) no-repeat left top; padding-left:20px; font-size:12px; font-weight:normal; /* font size necessary for subtabs in fdp */}
.printIcon {background: transparent url(../images/icons/intl_icons.png) 0 center no-repeat scroll; background-position: 0 -105px; padding-left:16px; padding-bottom:2px;} 
.linkIcon { background: transparent url(../images/icons/intl_icons.png) 0 center no-repeat scroll; padding:0px; height:5px; width:9px;} 
a.closeIcon .linkIcon, a.closeIcon:link .linkIcon {background-position: 6px 3px; padding: 6px 26px 0 0; } 
a.closeIcon:hover .linkIcon { background-position: 6px -16px; }
a.downArrowIcon .linkIcon, a.downArrowIcon:link .linkIcon {background-position: -33px -17px; padding-right: 10px;} 
a.downArrowIcon:hover .linkIcon { background-position: -33px -3px; }
a.actionLayerIcon .linkIcon, a.actionLayerIcon:link .linkIcon {background-position: -60px -19px; padding-right: 10px; } 
a.actionLayerIcon:hover .linkIcon { background-position: -60px -5px; }
a.newWindowIcon .linkIcon, a.newWindowIcon:link .linkIcon {background-position: -80px -19px; padding-right: 12px; } 
a.newWindowIcon:hover .linkIcon { background-position: -80px -5px; }
a.linkArrowIcon .linkIcon, a.linkArrowIcon:link .linkIcon {background-position: -180px -19px; padding-right: 10px;} 
a.linkArrowIcon:hover .linkIcon { background-position: -180px -5px; }
a.downArrowLinkIcon .linkIcon, a.downArrowLinkIcon:link .linkIcon {background-position: -415px -20px; padding-right: 10px; } 
a.downArrowLinkIcon:hover .linkIcon { background-position: -428px -20px; }
a.audioIcon .linkIcon, a.audioIcon:link .linkIcon, .audioIcon .linkIcon {background-position: -273px -105px; padding-right: 21px; padding-bottom:16px;height: 19px;}
a.showMoreIcon .linkIcon, a.showMoreIcon:link .linkIcon {background-position: -415px -17px; padding-right: 10px; cursor:pointer;} 
a.showMoreIcon:hover .linkIcon { background-position: -428px -17px; }
a.videoIcon .linkIcon, a.videoIcon:link .linkIcon, .videoIcon .linkIcon {background-position: -296px -105px; height:15px; width:24px; display:inline-block; }
a.emailIcon .linkIcon, a.emailIcon:link .linkIcon, .emailIcon .linkIcon {background-position: -395px -105px; height:15px; width:25px; display:inline-block;}
a.mailIcon .linkIcon, a.mailIcon:link .linkIcon, .mailIcon .linkIcon {background-position: -399px -104px; padding-right: 15px; } 
.logged_off a.secure_link .linkIcon, a.lockIcon .linkIcon, a.lockIcon:link .linkIcon, .lockIcon .linkIcon {background-position: -595px -103px; padding: 6px 20px 0 0; } 
a.unlockIcon .linkIcon, a.unlockIcon:link .linkIcon, .unlockIcon .linkIcon {background-position: -620px -105px; padding: 5px 20px 0 0;}
a.articleIcon .linkIcon, a.articleIcon:link .linkIcon, .articleIcon .linkIcon {background-position: -245px -105px; width:23px; height:15px; display:inline-block;} 
a.guideIcon .linkIcon, a.guideIcon:link .linkIcon, .guideIcon .linkIcon {background-position: -570px -106px; padding: 2px 15px 0 0;}
a.pdfIcon .linkIcon, a.pdfIcon:link .linkIcon, .pdfIcon .linkIcon { background-position: -115px -228px; padding: 3px 18px 0 0; }
a.pdfLeftIcon .linkIcon, a.pdfLeftIcon:link .linkIcon, .pdfLeftIcon .linkIcon { background-position: -117px -228px; display:inline-block; float:left; height: 23px; width: 22px; }
a.printLeftIcon .linkIcon, a.printLeftIcon:link .linkIcon, .printLeftIcon .linkIcon { background-position: 0px -105px; display:inline-block; height: 18px; width: 21px; }
a.downloadIcon .linkIcon, a.downloadIcon:link .linkIcon, .downloadIcon .linkIcon { background-position: -25px -105px; display:inline-block; height: 18px; width: 21px; }
a.pdfRightIcon .linkIcon, a.pdfRightIcon:link .linkIcon, .pdfRightIcon .linkIcon { background-position: -116px -226px; display:inline-block; height: 18px; width: 21px; }

a.infoIcon .linkIcon, a.infoIcon:link .linkIcon, .infoIcon .linkIcon { background-position:-70px -133px; height: 18px; width: 21px; display:inline-block;} 

a.closeIcon .linkIcon, a.downArrowIcon .linkIcon, a.actionLayerIcon .linkIcon, a.newWindowIcon .linkIcon, a.linkArrowIcon .linkIcon, a.downArrowLinkIcon .linkIcon, a.audioIcon .linkIcon, a.videoIcon .linkIcon, a.mailIcon .linkIcon, a.lockIcon .linkIcon, a.unlockIcon .linkIcon, a.articleIcon .linkIcon, a.guideIcon .linkIcon, a.pdfIcon .linkIcon, .pdfIcon .linkIcon, a.pdfLeftIcon .linkIcon, .pdfLeftIcon .linkIcon, a.pdfRightIcon .linkIcon, .pdfRightIcon .linkIcon, .emailIcon .linkIcon, a.emailIcon .linkIcon, a.printLeftIcon .linkIcon, .printLeftIcon .linkIcon, a.downloadIcon .linkIcon, .downloadIcon .linkIcon {border:0; text-decoration:none; cursor:pointer;}
.l_newIcon, a.l_newIcon:link, a.l_newIcon:active, a.l_newIcon:visited { display: inline-block; padding-left: 30px; background:url(../images/icons/12_newIcon.png) no-repeat left 15%; }
.hk_newIcon, a.hk_newIcon:link, a.hk_newIcon:active, a.hk_newIcon:visited { display: inline-block; padding-left: 30px; background:url(../images/icons/new_ch.png) no-repeat left 15%; }
.linkIcon:hover  {text-decoration:none !important;}
.l_action, a.l_action:visited, a.l_action:active { color: #8D4900; text-decoration: none; cursor: pointer; padding-right: 16px; background-image:url(../images/icons/9_link_divlayer_active.png); background-repeat: no-repeat; background-position: right center; }
a.l_action:hover { color: #96151D; text-decoration: underline; cursor: pointer; padding-right: 16px; background-image:url(../images/icons/9_link_divlayer_hover.png); background-repeat: no-repeat; background-position: right center; }
.l_content, a.l_content:visited, a.l_content:active { cursor: pointer; padding-left: 22px; background:url(../images/icons/15_link_content_active.png) no-repeat left center; }
a.l_content:hover { background:url(../images/icons/15_link_content_hover.png) no-repeat left center; }
.l_newWindow, a.l_newWindow:visited, a.l_newWindow:active { color: #8D4900; text-decoration: none; cursor: pointer; padding-right: 16px; background-image:url(../images/icons/9_link_nwindow_active.png); background-repeat: no-repeat; background-position: right center; }
a.l_newWindow:hover { color: #96151D; text-decoration: underline; cursor: pointer; padding-right: 16px; background-image:url(../images/icons/9_link_nwindow_hover.png); background-repeat: no-repeat; background-position: right center }
.l_video, a.l_video:visited, a.l_video:active {text-decoration: none; /*cursor: pointer;*/ padding-right: 24px !important; background:url(../images/icons/15_link_video.png) no-repeat right center; *display:inline-block;}
.l_linkList, a.l_linkList:link, a.l_linkList:active, a.l_linkList:visited { color: #8D4900; text-decoration: none; cursor: pointer; bottom-margin: 18px; }
a.l_linkList:hover { color: #96151D; text-decoration: underline; cursor: pointer; bottom-margin: 18px; }
.l_arrow, a.l_arrow:link, a.l_arrow:visited, a.l_arrow:active { color: #8D4900; text-decoration: none; cursor: pointer; padding-right: 16px; background-image:url(../images/icons/9_link_arrow_active.png); background-repeat: no-repeat; background-position: right center; *display:inline-block; }
a.l_arrow:hover { color: #96151D; text-decoration: underline; cursor: pointer; padding-right: 16px; background-image:url(../images/icons/9_link_arrow_hover.png); background-repeat: no-repeat; background-position: right center; }
.dotted , a.dotted, a.dotted:link, a.dotted:visited, a.dotted:active { border-bottom: 1px dotted #333333; line-height: 16px; color: #333333; text-decoration:none; cursor:pointer;}
 a.dotted:hover { padding-bottom: 1px; border-bottom: none; line-height: 16px; color: #333333;}
.l_pdfRight, a.l_pdfRight:visited  { display: inline-block; color: #8D4900; text-decoration: none; cursor: pointer; padding-right: 24px; background:url(../images/icons/16_pdf.png) no-repeat right center; }
.l_pdfLeft, a.l_pdfLeft:link, a.l_pdfLeft:visited {padding-left: 24px; background:url(../images/icons/16_pdf.png) no-repeat left 0%; padding-bottom:4px; height:16px; }
.l_return_arrow, a.l_return_arrow:link, a.l_return_arrow:active, a.l_return_arrow:visited { display: inline-block; font-size: 14px; color: #965e23; text-decoration: none; cursor: pointer; padding-left: 22px; background:url(../images/icons/15_arrow_bannerR.png) no-repeat left center; }
a.l_return_arrow:hover { font-size: 14px; color: #96151D; text-decoration: underline; cursor: pointer; padding-left: 22px; background:url(../images/icons/15_arrow_bannerR_hover.png) no-repeat left center; }

/*end icon classes */

.hideOnAll {
	display: none !important;	
}

#mediaQuery {
	width: 0px;	
}

/* --------------- header ------------------ */
/* Vanguard site list */
#cbdSiteList { height: 21px; color:#FFF; text-transform:none; line-height:21px; font-weight: normal; }
#cbdSiteList ul { margin:0; padding:0; list-style:none; line-height: 21px;}
#cbdSiteList ul ul { position:absolute; z-index:200; background-color:#FFF; width:185px; display:none; border:1px solid #D3D4D4; border-top:none; margin-top: -1px; padding:2px 3px 9px; font-size: 12px; color:#333; } /* Dropdown list items specs */
#cbdSiteList ul:first-child > li:first-child { background:url(../images/icons/white_down_arrow.png) no-repeat; background-position: 95% 11px; padding-right: 24px; line-height: 27px;} 
html.notouch #cbdSiteList ul:first-child > li:first-child:hover, #cbdSiteList ul:first-child > li:first-child.hover{ background:#ffffff url(../images/icons/arrow_down.png) no-repeat; background-position: 95% 11px; border:1px solid #ccc; border-bottom:none;padding-right: 22px;}
#cbdSiteList li li:first-child:hover { background:none; border:none;}
html.notouch #cbdSiteList li:hover ul, #cbdSiteList li.hover ul { display:block; margin-left:-1px} /* shows the dropdown UL */
html.notouch #cbdSiteList li:hover a, #cbdSiteList li.hover a { color:#96151D;}
#cbdSiteList li a { color:#FFF; text-decoration:none; display:block; text-transform:uppercase; padding-left:6px;}
#cbdSiteList ul li li a { margin:3px 0; text-transform:none; padding:0 3px; color:#333 !important;}
#cbdSiteList li ul li:hover a { background:#96151D; color:#FFF !important; text-decoration:none; display:block;}  /* first item's color and font color changes on hover */
.divider {border-top:1px solid #D3D4D4; margin-bottom:2px;}
#cbdSiteList .red a{ color:#96151D !important;}
#cbdSiteList ul li li strong {padding-left:3px;}

.shortTitle {
	display:none;	
}
.header {
	background-color: #96151D;
}

/* utility bar */
#utility {
	height: 44px;
	background: url(../images/ghBg.png);
	margin: 0px;
	letter-spacing: 0.4px;
}

.utility_left {
	float: left;
	font-size: 10px;
	color: white;
	line-height: 20px;
	margin-left: 6px;
	margin-top: 12px;
	text-transform: uppercase;
}

#menuButton {
	margin: 7px 0px 7px 9px;
	float: left;
	width: 79px;
	height: 30px;
	display:block;
	-moz-border-radius: 3px;
 	border-radius: 3px;
}

.menuClosed {
	background: url(../images/icons/BlackMENUIconButton.png) no-repeat;
}

.menuOpen {
	background: url(../images/icons/BlackMENUIconButton.png) no-repeat;
}

.menuClosedZH {
	background: url(../images/icons/menue_ch.png) no-repeat;
}

.menuOpenZH {
	background: url(../images/icons/menue_ch.png) no-repeat;
}

.vgSig {
	cursor: pointer;
	background: url(../images/icons/VGsignature_lgScreen.png) no-repeat;
	width: 107px;
	height: 26px;
	float: left;
	text-decoration: none;
	margin-top: 12px;
	margin-left: 27px;
}
.site {
	display: none;
}
.utility_right {
	float: right;
	font-size: 10px;
	color: white;
	line-height: 20px;
	/*position: absolute;
	width:100%;
	right:0;*/
	
}

.utility_right a:visited:hover { color: #95151D; text-decoration: underline; }
.pipe {
	padding-left: 12px;
	padding-right: 12px;
}
#utility_links {
	display: none;	
}
#ribbon {
	background-color: black; 
	background: -moz-linear-gradient(#313131, #000000); /* FF 3.6+ */
	background: -ms-linear-gradient(top, #313131, #000000); /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #313131), color-stop(100%, #000000)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#313131, #000000); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#313131, #000000); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#000000'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#000000')"; /* IE8+ */  
    background: linear-gradient(#313131, #000000); /* the standard */
	height: 22px; 
	line-height: 22px;
	color: white;
	font-size: 10px;
	font-weight: bold;
	padding-left: 10px;
}
/* slide-out menu */
#menu {
	position: absolute;
	background: #333;
	left: -269px;
	top: 0px;
	width: 269px;
	overflow: hidden;
	display: block !important;
	height:100%;
}
#body {
	position: absolute;
	min-width: 320px;
	width: 100%;
	left: 0px;
	/* using jQuery switchClass instead of css3 transition for better support
	-webkit-transition: left 300ms ease-in-out;
	-moz-transition: left 300ms ease-in-out;
	-o-transition:  left 300ms ease-in-out;
	-ms-transition: left 300ms ease-in-out;

	transition: left 300ms ease-in-out; */
}
#body.slide {
	left: 269px;
}
/* Menu styels */
#menu .ui-accordion-header {
	position: relative;
}
#menu .red, #menu .ls_selected, #menu ul li a.leaf.menu_selected {
	border-top: none;
	background-color: #96151D;
	background: -moz-linear-gradient(#7D1119, #96151D); /* FF 3.6+ */  
	background: -ms-linear-gradient(top, #7D1119, #96151D); /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7D1119), color-stop(100%, #96151D)); /* Safari 4+, Chrome 2+ */  
    background: -webkit-linear-gradient(#7D1119, #96151D); /* Safari 5.1+, Chrome 10+ */  
    background: -o-linear-gradient(#7D1119, #96151D); /* Opera 11.10 */  
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7D1119', endColorstr='#96151D'); /* IE6 & IE7 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7D1119', endColorstr='#96151D')"; /* IE8+ */  
    background: linear-gradient(#7D1119, #96151D); /* the standard */  
}
#menu .menu .red, #menu ul li a.leaf.menu_selected {
	border-top: none;
}
#menu ul li a {
	background: transparent url(../images/sidebarShadow.png) 200px 0 repeat-y;
	/*height: 44px; Removed to fix leftSearchlist dropdown list height */
	margin: 0px;
	display: block;
	outline: none;
	color: #B2B2B2;	
	font-size: 16px;
	line-height: 12px;
	text-decoration: none;
	display: block;
	padding: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#menu ul li {
	background: url(../images/bg_btn_dkgray.png) no-repeat;	
}

#menu .menu li {
	background: url(../images/bg_btn_gray.png) no-repeat;
}
#menu .menu li a {
	color: #fff;
}
#menu .ui-icon {
	background: url(../images/icons/PlusSign.png) no-repeat;
	position: absolute;
	top: 12px;
	right: 16px;
	width: 17px;
	height: 18px;
}
#menu ul {
	margin: 0px;
	padding: 0px;		
}

#menu ul li {
	list-style: none;
	background: url(../images/bg_btn_dkgray.png) no-repeat scroll 0 0 transparent;
	margin: 0px;
	padding: 0px;
}
#menu li ul a, #menu .menu li ul a { 
	color: #B2B2B2;	
	font-size: 14px;
	padding: 16px 16px 16px 32px;
	/*
	padding: 12px 0px 6px 30px;
	*/
	display: block;
	text-decoration: none;
}
/* Added on 812013 */
#menu .menu span {
	text-transform:uppercase;
	padding:0px 16px;
	font-weight:normal;
	color: #fff;
	height: 20px;
}
#menu .ui-state-active .ui-icon {
	background: url(../images/icons/MinusSign.png) no-repeat;
	width: 21px;
	height: 10px;
	top: 18px;
	right: 10px;
}
#menu section{padding-top:20px; background-color:black;}
#menu section:first-of-type {padding-top:0px;}
#menu section.sites ul li a{color:white;}
.slide #menu { height: auto; min-height: 100%;} 
#channel { display:none;}
.hideOverflow {
	overflow: hidden;
}
.hideXOverflow {
	overflow-x: hidden;
}
.displayOverflow {
	overflow: visible;
}
.autoOverflow {
	overflow: auto;	
}
.scrollXOverflow {
	overflow-x: scroll;
}
.scrollXSmall {
	overflow-x: scroll;
}

/* Floating Column Heads */
.floatColDiv { position: absolute; top: 0; visibility: hidden; z-index: 119; overflow: hidden} 
.floatColDiv[class] { position: fixed; } 
.floatColHiddenRow { visibility: hidden; border-width: 0px; height: 0px; overflow: hidden; }
.floatColWrapper { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: auto; position: relative; }
.floatColWrapper .tabboxSideContentLeft .tabbox ul { _position:static }
.floatColBody { width: 100%; height: 100%; overflow: hidden; }
.floatColTable { overflow: hidden; margin: 0 !important; }
/* End Floating Column Heads */

/* --------------- end header ------------------ */

/* content */
#main {
	padding: 10px 10px 72px 10px;
	background-color: white;
	/*overflow:auto; 5913 Removed due to scroll bar issue on IE9*/
}
#left_body {
	padding-right: 0px;
}
#right_body
{
	background: url(../images/dotted_rule.png) repeat-x;
	padding: 18px 0 18px 0;
	margin: 0;
}
#right_body.noRightNav{
	background: none !important;
	margin: 0 !important;
}
/*Media Player */
#right_body.media { margin-top: 0px !important; background-color: #fff; padding-top: 0px !important; padding-left: 0px !important; }
/* show hide Divs for all screens */
.showTblCellOnSml
{
	display:table-cell !important;	
}

.showTblCellOnMed, .showTblCellOnMedLrg
{
	display:none !important;	
}

.showTblCellOnLrg, .showTblCellOnLrg1
{
	display:none !important;	
}

/*table column widths */

/*small table column widths */
.wide1 { width: 1%; }
.smallWide3, .wide3 {width:3%}
.smallWide4, .wide4 {width:4%}
.smallWide5, .wide5 {width:5%}
.smallWide6, .wide6 {width:6%}
.smallWide7, .wide7 {width:7%}
.smallWide8, .wide8 {width:8%}
.smallWide9, .wide9 {width:9%}
.smallWide10, .wide10 {width:10%}
.smallWide11, .wide11 {width:11%}
.smallWide12, .wide12 {width:12%}
.smallWide13, .wide13 {width:13%}
.smallWide14, .wide14 {width:14%}
.smallWide15, .wide15 {width:15%}
.smallWide16, .wide16 {width:16%}
.smallWide17, .wide17 {width:17%}
.smallWide18, .wide18 {width:18%}
.smallWide19, .wide19 {width:19%}
.smallWide20, .wide20 {width:20%}
.smallWide25, .wide25 {width:25%}
.smallWide30, .wide30 {width:30%}
.smallWide35, .wide35 {width:35%}
.smallWide40, .wide40 {width:40%}
.smallWide45, .wide45 {width:45%}
.smallWide50, .wide50 {width:50%}
.smallWide55, .wide55 {width:55%}
.smallWide60, .wide60 {width:60%}
.smallWide65, .wide65 {width:65%}
.smallWide70, .wide70 {width:70%}
.smallWide75, .wide75 {width:75%}
.smallWide80, .wide80 {width:80%}

.gridCell,
.grid12,
.grid11,
.grid10,
.grid9,
.grid8,
.grid7,
.grid6,
.grid5,
.grid4,
.grid3,
.grid2,
.grid1,
.gridOneQuarter,
.gridOneThird,
.gridHalf,
.gridTwoThirds,
.gridThreeQuarters {
	padding-bottom: 15px;
}

.leftBorder, .respLftBorder {
	background: url(../images/dotted_rule.png) repeat-x;
	padding-top: 15px;
}

/* end content */

/* tabs */

ul.tabs { margin:0; padding:0; list-style:none;}
.closed-tab-red, .closed-tab-grey
{
	background: url('../images/icons/navOpen.png') 98% 50% no-repeat, #F8F8F8; /* IE9+ */
	background: url('../images/icons/navOpen.png') 98% 50% no-repeat, -moz-linear-gradient(top,  #fafafa 0%, #e9e9e9 100%); /* FF3.6+ */
	background: url('../images/icons/navOpen.png') 98% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background: url('../images/icons/navOpen.png') 98% 50% no-repeat, -webkit-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/icons/navOpen.png') 98% 50% no-repeat, -o-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* Opera 11.10+ */
	background: url('../images/icons/navOpen.png') 98% 50% no-repeat, -ms-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* IE10+ */
	background: url('../images/icons/navOpen.png') 98% 50% no-repeat, linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%); /* W3C */
	margin: 0px; 	
	color: #333;
	display:block;
	font-weight: normal;
	padding: 0px 0px 0px 12px;
	line-height: 34px;
	border: 1px solid #D9D9D9;
	cursor: pointer;
}
.open-tab-red, .open-tab-grey
{
	background: url('../images/icons/navClose.png') 98% 50% no-repeat, #333333; /* IE9+ */
	background: url('../images/icons/navClose.png') 98% 50% no-repeat, -moz-linear-gradient(top,  #333333 0%, #474747 100%); /* FF3.6+ */
	background: url('../images/icons/navClose.png') 98% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#474747)); /* Chrome,Safari4+ */
	background: url('../images/icons/navClose.png') 98% 50% no-repeat, -webkit-linear-gradient(top,  #333333 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
	background: url('../images/icons/navClose.png') 98% 50% no-repeat, -o-linear-gradient(top,  #333333 0%,#474747 100%); /* Opera 11.10+ */
	background: url('../images/icons/navClose.png') 98% 50% no-repeat, -ms-linear-gradient(top,  #333333 0%,#474747 100%); /* IE10+ */
	background: url('../images/icons/navClose.png') 98% 50% no-repeat, linear-gradient(to bottom,  #333333 0%,#474747 100%); /* W3C */
	margin: 0px; 	
	color: #fff;
	display:block;
	font-weight: normal;
	padding: 0px 0px 0px 12px;
	line-height: 34px;
	border: 1px solid #333;
	cursor: pointer;
}
.tab-content-red, .tab-content-grey
{
	padding: 18px 0px;
	overflow:hidden;
}

/* end tabs */

/* begin popup */
.transbox, .searchTransbox
{
	 position: fixed; 
	 width: 100%; 
	 height: 100%; 
	 top: 0px;
	 left: 0px; 
	 right:0px; 
	 bottom: 0px;
	 z-index: 999;
	 background-color:#000;
}
.transbox { -moz-opacity: 0.2; opacity:.20; filter: alpha(opacity=20); }
.searchTransbox { -moz-opacity: 0.80; opacity:.80; filter: alpha(opacity=80); }
.disclaimer_box, .newSite
{
	border: 4px solid #666;
	background: white;
	z-index:3000;
	/* top: 49px; */
	margin-top: 49px;
	left: 5px;
	right: 5px;
	position: absolute;
	overflow: hidden;
	padding: 12px;
	min-width: 310px;
}
.disclaimer_box h2, .newSite h2
{
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	font-size: 14px;
	line-height: 12px;
	padding: 12px;
	text-align:center;
	color: white;
	width: 100%;
	background-color: #666;
	margin-top:-12px;
	margin-left:-12px;
}
.scroll_text
{
	padding: 0;
	height: 198px;
	overflow:auto;
}
.closeImg  
{ 
	display:none;
}
.disclaimer_box p, .newSite p
{
	margin-top: 0px;
}
/* Buttons styles */

.button-red,.secure-button
{
	color:#FFF; 
	text-transform:uppercase; 
	font-size:10px;
	font-weight: bold; 
	padding:1px 8px; 
	line-height:18px; 
	min-height:21px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline; 
	vertical-align: baseline; 
	background: -webkit-gradient(linear, left top, left bottom, from(#96151d), to(#7d1119)); 
	cursor:pointer;
	background: -ms-linear-gradient(top, #96151d, #7d1119); /* IE10+ */
	background: -moz-linear-gradient(top, #96151d, #7d1119); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#96151d', endColorstr='#7d1119');
}
.button-red a,.secure-button a
{
	color:#FFF;
}

.button-red a:hover,.secure-button a:hover
{
	color:#CCC; 
	text-decoration:none;
}
.button-red a:visited,.secure-button a:visited
{
	color:#FFF;
	text-decoration:none;
}
.addFundBox button, .alphbetizedList button, .compareFundSml button, .button-gray 
{
	font-family:Arial, Helvetica, sans-serif; 
	border: 1px #D9D9D9 solid; 
	/*padding: 0 1px 1px; 
	*padding:1px 2px;
	height:21px;  */
	text-transform:uppercase; 
	font-size:10px; 
	font-weight:bold; 
	*display: inline; 
	vertical-align: baseline; 
	background-color:#FEFEFE; 
	color:#333; 
	line-height:16px; 
	display: inline-block; 
	zoom: 1; 
	background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E2E2E2)); 
	background: -moz-linear-gradient(top, #FEFEFE, #E2E2E2); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#E2E2E2');
	background: -ms-linear-gradient(top, #FEFEFE, #E2E2E2); /* IE10+ */ 
	cursor:pointer; outline:none;
}
.addFundBox button:hover, .alphbetizedList button:hover, .compareFundSml button:hover, .button-gray:hover 
{ 
	background: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#FEFEFE)); 
	background: -moz-linear-gradient(top, #E2E2E2, #FEFEFE); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E2E2', endColorstr='#FEFEFE');
	background: -ms-linear-gradient(top, #E2E2E2, #FEFEFE); cursor:pointer; outline:none;
}
.disabledRed 
{
	border: none;
	font-family: Arial,Helvetica,sans-serif; 
	margin-right: 6px;  
	text-transform: uppercase; 
	font-size:10px; 
	padding:1px 5px; 
	*padding:0; 
	line-height:19px; 
	height:21px; 
	cursor:pointer; 
	background-color: #DFB8BB; 
	color:#FFF;
}
.buttonRedDisable 
{ 
	background-color: #DFB8BB; 
	color:#FFF; 
	text-transform:uppercase; 
	font-size:10px; 
	font-weight: bold; 
	padding:1px 8px; 
	line-height:18px; 
	min-height:21px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline; 
	vertical-align: baseline; 
	outline:none;
}
.buttonRedDisable a:visited, .buttonRedDisable a, .buttonRedDisable a:hover 
{ 
	color:#FFF; 
	text-decoration:none; 
	border:none; 
	cursor:text; 
	outline:none;
}
.disableBtn 
{ 
	background:#FFF !important; 
	color:#B2B2B2 !important; 
	cursor:text !important; 
}
.button-wheat,.logged_out .secure-button, .logged_off .secure-button {
	color:#333; 
	text-transform:uppercase; 
	font-size:10px;
	font-weight: bold; 
	padding:1px 8px; 
	line-height:18px; 
	min-height:21px; 
	display: inline-block; 
	zoom: 1; 
	*display: inline; 
	vertical-align: baseline;
	background: -webkit-gradient(linear, left top, left bottom, from(#A8A093), to(#D4CFC3)); 
	background: -moz-linear-gradient(top, #A8A093, #D4CFC3); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A8A093', endColorstr='#D4CFC3'); 
	background: -ms-linear-gradient(top, #A8A093, #D4CFC3); 
	cursor:pointer;
}
.button-wheat a:visited, .button-wheat a, .logged_out .secure-button a:visited, .logged_out .secure-button a
{
	color:#333; 
	text-decoration:none; 
	border:none;
}
.button-wheat a:hover, .logged_out .secure-button a:hover 
{
	color:#333; 
	text-decoration:none;
}
.enabledWheat 
{ 
	border: medium none; 
	font-family: Arial,Helvetica,sans-serif; 
	margin-right: 6px;  
	text-transform: uppercase; 
	color:#333; 
	font-size:10px; 
	padding:1px 5px; 
	*padding:0; 
	line-height:19px; 
	/*height:21px; */
	background: -webkit-gradient(linear, left top, left bottom, from(#A8A093), to(#D4CFC3)); 
	background: -moz-linear-gradient(top, #A8A093, #D4CFC3); 
	background: -ms-linear-gradient(top, #A8A093, #D4CFC3); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A8A093', endColorstr='#D4CFC3'); 
	cursor:pointer;
}
.enabledRed 
{ 
	border: medium none; 
	font-family: Arial,Helvetica,sans-serif; 
	margin-right: 6px;  
	text-transform: uppercase; 
	color:#FFF; 
	font-size:10px; 
	padding:1px 5px; 
	*padding:1px 0; 
	line-height:19px; 
	/*height:21px; */
	background: -webkit-gradient(linear, left top, left bottom, from(#96151d), to(#7d1119)); 
	background: -ms-linear-gradient(top, #96151d, #7d1119);
	background: -moz-linear-gradient(top, #96151d, #7d1119); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#96151d', endColorstr='#7d1119'); 
	cursor:pointer; 
}

/* etfs price history */
.grayButton a {
    background: -moz-linear-gradient(center top , #D4CFC3, #A9A194) repeat scroll 0 0 transparent;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    line-height: 21px;
    outline: medium none;
    padding: 0 8px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: baseline;
}
.grayButton a:hover {
    color: #333333;
    text-decoration: none;
}
/* Breaking News */
#breakingNews { display: table; background-color: #EAE5DA; margin-bottom:12px; border-spacing: 0px; width: 100%; line-height: 18px; height: 36px; }
#breakingNews a { display: table-cell; padding: 0 18px; vertical-align: middle; text-align: left;}
.breakingNewsTitle { display: table-cell; color: #FFF; font-size: 14px; background-color: #efab00; padding: 0px 18px; width: 165px; vertical-align: middle; text-align: center; }

/* Feature Component */
#feature {border-top:1px solid #999; border-bottom:1px solid #999; padding:12px 0; overflow:hidden; margin-bottom:18px;}
#feature p {margin:0;}
.feature1, .feature2, .feature3 {float:left; width:33.33333%; margin:0; padding-right: 18px;}
.feature3{float:left; width:33.33333%; margin:0; padding:0;}
.featureimg {padding:0 18px 0 0;}
.featureimg_w{width:64px;}

/* footer */
#footer { background-color: #333333; margin: 0px; padding: 18px 5px 36px 5px; text-align: left; color: #999999; clear: both; }
#footer p{margin-top:-5px; color: #999999;}
#footer a{color:#999; text-decoration:underline;}

/* text alignment */
.lefttext {text-align:left !important;}
.righttext {text-align:right !important;}
.centertext{text-align:center !important;}
.nowrap { white-space: nowrap;}

p.benchmark {
	padding: 3px;
	background-color: #EAE5DA;
	vertical-align: top;
	margin-bottom: 3px;

}

/** from infobox.css **/
.infoBoxSpan {color:#333; margin:0px;  font:normal 12px Arial ; text-align:start;} 
.roundBoxScrollDiv { margin-bottom:0px;}
.roundBoxScrollDiv.layer { overflow:auto;}
.rbPad .roundBoxScrollDiv { margin: 8px 4px 8px 8px; padding-right: 5px} /* Inside pad with-without scroll */
.roundBoxCtnt { width:100%; padding-top:0px; padding-bottom:2px; padding-left:0px; padding-right:2px; color:#333; padding-bottom:2px;} /* DEF438847 reverts DEF423940 */
.roundBoxCtnt[class] { width:auto;  padding-top:0px; padding-bottom:2px; padding-left:0px; padding-right:2px; color:#333; padding-bottom:2px;} 
/* Changed for DEF411556 */
.roundBox.nopadmarg .roundBoxCtnt, .roundBoxCtnt.nopadmarg { padding:0px; margin:0px;}
.roundBoxNoScrollDiv { width:100%; padding:6px 0px 10px 0px;}
html>body .IE6Ignore, .roundBoxNoScrollDiv { width:auto;}
.roundBoxNoScrollDiv .bgroup { margin:10px 0px -4px 0px}
.roundBoxCtnt .bgroup { margin:10px 0px 4px 0px}
html>body .IE6Ignore, .roundBoxCtnt .bgroup { margin:0px}
.roundBoxCtnt p {margin-bottom:0px}
.rdshdwtopLft .rdBlock, .rdshdwtopRgt .rdBlock, .rdshdwbotLft div.rdBlock, .rdshdwbotRgt div.rdBlock { width: 10px;}
.rdshdwtopLft, .rdshdwtopRgt, .rdshdwbotLft, .rdshdwbotRgt{ background-image: url(../images/infobox/round_box.png); background-repeat: no-repeat;}
.rdshdwctrMid{ vertical-align:top;} 
.rdshdwtopLft, .rdshdwctrLft, .rdshdwbotLft, .rdshdwtopRgt, .rdshdwctrRgt, .rdshdwbotRgt { width: 9px; font-size:1px} 
.rdshdwtopLft, .rdshdwtopMid, .rdshdwtopRgt, .rdshdwbotLft, .rdshdwbotMid, .rdshdwbotRgt { height: 6px; font-size:1px}
.rdshdwtopLft, .rdshdwtopRgt, .rdshdwbotLft, .rdshdwbotRgt { background-color:transparent;}
.rdshdwtopMid, .rdshdwctrLft, .rdshdwctrMid, .rdshdwctrRgt, .rdshdwbotMid { background-color:#FFFFFF;}
.rderrshdwctrMid {}    /* placeholder */
html>body .IE6Ignore, .rdshdwtopLft, .rdshdwctrLft, .rdshdwbotLft{ width: 10px; height: 6px; font-size:1px;}
html>body .IE6Ignore, .rdshdwtopRgt, .rdshdwctrRgt, .rdshdwbotRgt{ width: 15px; height: 6px; font-size:1px;}
html>body .IE6Ignore, .rdshdwbotMid { height:16px; font-size:1px}
 html>body .IE6Ignore, .rdshdwtopRgt div.rdBlock, .rdshdwbotRgt div.rdBlock { width: 15px;}*/
html>body .IE6Ignore, .rdshdwtopLft, .rdshdwtopRgt, .rdshdwbotLft, .rdshdwbotRgt { background-image: url(../images/infobox/shadow_box.png); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader();}
html>body .IE6Ignore, .rdshdwctrRgt, .rdshdwbotMid { background-color:transparent;}*/

/*gray border, trans fill, with gray shadow*/
.rdshdwtopLft { background-position: 0px 0px;}
.rdshdwtopRgt { background-position: -14px 0px;}
.rdshdwbotLft { background-position: 0px -39px;}
.rdshdwbotRgt { background-position: -14px -39px;}
.rdshdwtopMid  { border-top:1px solid #999999 !important;}
.rdshdwctrLft { border-left:1px solid #999999 !important;}

/*The following .ctrRgt & .botMid styles must follow the all other .ctrRgt & .botMid styles */
.rdshdwctrRgt { background: url(../images/infobox/round_box_ctrRgt.png) center right repeat-y; border-right:0px solid #999999;}
.rdshdwbotMid { background: url(../images/infobox/round_box_botMid.png) bottom center repeat-x; border-bottom:0px solid #CCC;} 

/* DEF434165 - Alpha loader - With no SRC, earlier issue still fixed but without 404 */
html>body .IE6Ignore, .rdshdwctrRgt { background: url(../images/infobox/shdw_box_ctrRgt.png) center right repeat-y; border-right:0px solid #CCC; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader();}
html>body .IE6Ignore, .rdshdwbotMid { background: url(../images/infobox/shdw_box_botMid.png) bottom center repeat-x; border-bottom:0px solid #CCC; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader();} 

.errCol { display:none; width:15px; border-top:1px solid #999999; border-bottom:1px solid #999999; padding:10px 10px 0px 4px; vertical-align:top}
.rdwarn .rdwarntopRow .errCol { display:block; border-right:1px solid #CCAE69; background-color:#F9EAAF;}
.rdinfo .rdinfotopRow .errCol, .rdpmail .rdpmailtopRow .errCol { display:block; border-right:1px solid #CCCC99; background-color:#F5F6C7;}
.rderr  .rderrtopRow  .errCol { display:block; border-right:1px solid #F4420C; background-color:#FDE366;}
.rderrshdw  .rderrshdwtopRow  .errCol { display:block; border-bottom:0px solid #999999; padding:10px 10px 0px 0px;}
.rderrshdw  .rderrshdwtopRow  .errCol { display:block; border-right: 0px solid #F4420C; background-color:#FDE366;}
.rderrshdwctrLft { background-color:#FDE366;}
html>body .IE6Ignore, .rdwarn .rdwarntopRow .errCol { display:table-cell}
html>body .IE6Ignore, .rdinfo .rdinfotopRow .errCol, .rdpmail .rdpmailtopRow .errCol { display:table-cell}
html>body .IE6Ignore, .rderr  .rderrtopRow  .errCol { display:table-cell}
html>body .IE6Ignore, .rderrshdw .rderrshdwtopRow  .errCol { display:table-cell}

.rdpmail .roundBoxScrollDiv, .rdwarn .roundBoxScrollDiv, .rdinfo .roundBoxScrollDiv, .rderr  .roundBoxScrollDiv { padding-left:8px;}
.rdpmail .roundBoxNoScrollDiv, .rdwarn .roundBoxNoScrollDiv, .rdinfo .roundBoxNoScrollDiv, .rderr  .roundBoxNoScrollDiv { padding-left:8px;}

.xLdrTop { height:16px; width:26px; background-position: -32px -29px; position:absolute; background-image: url(../images/infobox/round_box.png); background-repeat:no-repeat; font-size:0%;}
.xLdrBot { height:16px; width:26px; background-position: -32px   0px; position:absolute; background-image: url(../images/infobox/round_box.png); background-repeat:no-repeat; font-size:0%;}
.xLdrLft { height:26px; width:14px; background-position: -28px -62px; /**background-position: -29px -62px; */position:absolute; background-image: url(../images/infobox/round_box.png); background-repeat:no-repeat; font-size:0%; *margin-left:1px;}
.xLdrRgt { height:26px; width:16px; background-position: -60px -62px; position:absolute; background-image: url(../images/infobox/round_box.png); background-repeat:no-repeat; font-size:0%;}

html>body .IE6Ignore, .xLdrTop {height:12px; width:32px; background-image: url(../images/infobox/shadow_box.png);}
html>body .IE6Ignore, .xLdrBot {height:15px; *height:9px; width:32px; background-image: url(../images/infobox/shadow_box.png);}
html>body .IE6Ignore, .xLdrLft {height:26px; width:13px; background-image: url(../images/infobox/shadow_box.png);}
html>body .IE6Ignore, .xLdrRgt {height:32px; width:22px; background-image: url(../images/infobox/shadow_box.png);}
a.iLayer:hover { background-color:#FFCD99; color: #0000FF; text-decoration:none; z-index:1500; cursor:default} 
a.iLayer img { background-color:#FFF; margin:0 .1em;} 
a.iLayerImg:hover { cursor:default}
/** end from infobox. css**/

/** these are from local stylesheet.css!! **/
.C1.fl, .C2.fl, .C3.fl, .C4.fl, .C5.fl, .C6.fl, .C7.fl, .C8.fl, .C9.fl, .C10.fl, .C11.fl, .C12.fl,
	.C1.fr, .C2.fr, .C3.fr, .C4.fr, .C5.fr, .C6.fr, .C7.fr, .C8.fr, .C9.fr, .C10.fr, .C11.fr, .C12.fr
{
	float: none;
}
.C3frBorder {
	background: url(../images/dotted_rule.png) repeat-x;
	padding-top: 18px;
}
.col3 {
	margin-bottom: 18px;	
}
.col6 {
	margin-bottom: 18px;	
}
h4 {
	line-height: 16px;
	margin: -2px 0px 12px 0px;
}
hr {
	border: 0;
	background-color: #D9D9D9;
	color: #D9D9D9;
	height: 1px;
	clear: both;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
hr.dotLine {
    background-image: url("../images/controlBG.png");
    height: 1px;
    margin-bottom: 18px;
}

#selectProduct_div { width: 25%; min-width: 200px; position: relative;}
#selectProduct { margin: 0 0 18px 0; width:100%; }
#selectProduct_list { width: 100%; }

.dataTable th a, .quoteTable th a, .dottedAnchor a, .dottedAnchor {border-bottom:dotted 1px #333333 !important; color:#333 !important;}

.pageTop, .pageBottom { margin-top: -8px; width:100px; }
.pageTop_list, .pageBottom_list { width: 100px; }

#display_list, #display, #viewas_list, #viewas { margin-right: 20px; }
.dataPagination > div {
	display:inline;
}

.dataListBg strong {
	margin-right: 5px;
}

.dataListBg input { border:1px solid #CCCCCC; margin-right:9px;} /* for fund detail pages */
.radioButton input { border:none !important}
#category_div {margin-right:36px; } /* for fund detail page table header */
.dataListBg strong {margin-right:5px;} /* for fund detail pages table header */
.dataListItems .red a{ color:#96151D !important;}
p.dateLabel, .dateLabel  {font-size:11px; color:#666; margin:9px 0; }

.mt_spc {margin-top:7px;}
.clearboth{clear:both; margin:-19px 0; padding:0;}
.disable { color: #999; }

/* Calendar Styles */
.calendarIcon { background: transparent url(../images/icons/calendar_icon.png) no-repeat right center; margin-right:15px; padding-right:23px; display:inline-block; }

.ui-datepicker {display: none; border: 1px solid #D9D9D9; padding: 3px; background-color: white;}
.ui-widget {font-family: Arial, sans-serif; }
.ui-datepicker .ui-datepicker-header { position: relative; width: 138px; height: 25px; background-color: #EAE5DA !important; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {cursor: default; position: absolute; top: 6px; width: 13px; 		height: 13px; }
.ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled { opacity: .35; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
.ui-datepicker .ui-datepicker-prev { left: 6px; background-image: url(../images/icons/arrow_left_calsmall.png); background-repeat: no-repeat;}
.ui-datepicker .ui-datepicker-prev:hover { background-image: url(../images/icons/arrow_left_calsmall_hover.png);	}
.ui-datepicker .ui-datepicker-next { right: 6px; background-image: url(../images/icons/arrow_right_calsmall.png);	background-repeat: no-repeat; }
.ui-datepicker .ui-datepicker-next:hover { background-image: url(../images/icons/arrow_right_calsmall_hover.png);	}
.ui-icon { display: block; 	text-indent: -99999px; overflow: hidden;}
.ui-datepicker .ui-datepicker-title { line-height: 15px; font-size: 12px; color: #96151D; font-family: Arial, sans-serif; width: 96px;		text-align: center;	position: absolute;	left: 18px;	top: 5px;}
.ui-datepicker table { width: 138px; font-size: 12px; line-height: 12px; border-collapse: collapse;}
.ui-datepicker th {	border-bottom: 1px solid #D9D9D9 !important; color: #333; font-weight: bold; text-align: center; padding: 15px 0 9px;}
.ui-datepicker td {	border: none; padding-top: 6px; text-align: center;	vertical-align: middle;	height: auto;}
.ui-datepicker td a, .ui-datepicker td span {display: inline-block;	padding: 0;	line-height: 15px; height: 14px; width: 14px;		text-decoration: none; border-bottom: none;	}
.ui-datepicker td a:hover, .ui-datepicker td.ui-datepicker-current-day a { text-decoration: none; font-weight: normal !important;		color: white !important; background-color: #96151D !important; border-bottom: none;}
.ui-datepicker td.ui-datepicker-today a { color: #965E23; font-weight: bold; background-color: white;}
.ui-datepicker td.ui-datepicker-unselectable { color: #B3B3B3;}
.ui-datepicker-trigger { margin-bottom: -3px; max-width: none;}

.signup-table {color:black; font-weight:bold; width:100%; border-collapse:collapse; display:inline-block}
.signup-table tbody, .signup-table td, .signup-table tr { width: 100%; display:inline-block;}
.signup-table td { padding:2px 0 2px 9px; float:left; }
.signup-table input, .signup-table select {padding:2px; width:261px;}

.signup-table input[type="radio"] {font-size: 12px; width:20px; margin-right:4px;}
.signup-table span.radio_b {font-weight:normal; display:list-item; list-style:none;}
.signup-table { font-size: 12px; }

/* risk area */
.risk-area {display:block;margin-top:10px;}
.risk-range {display:block;margin-bottom:10px;}
.risk-range ul {margin:0; padding:0; width:300px; height:56px; text-align:left; list-style-type:none; display:block; }
.risk-range ul li {font-size:9px; width:55px; padding-top:42px; float:left; text-align: center;}
.level-0-select {background:url(https://static.vgcontent.info/crp/intl/ukw/images/general/RM_low.gif) 0 0 no-repeat;}
.level-1-select {background:url(https://static.vgcontent.info/crp/intl/ukw/images/general/RM_low-mid.gif) 0 0 no-repeat;}
.level-2-select {background:url(https://static.vgcontent.info/crp/intl/ukw/images/general/RM_mid.gif) 0 0 no-repeat;}
.level-3-select {background:url(https://static.vgcontent.info/crp/intl/ukw/images/general/RM_mid-high.gif) 0 0 no-repeat;}
.level-4-select {background:url(https://static.vgcontent.info/crp/intl/ukw/images/general/RM_high.gif) 0 0 no-repeat;}
.level-default-select {background:url(https://static.vgcontent.info/crp/intl/ukw/images/general/RM_off.png) 0 0 no-repeat;} 
.info{padding-bottom:1px;} 
.comments-input {overflow:auto; border:1px #333 solid; margin-bottom:18px;} 
.comments-input {width: 80%; height:300px;} 
.call_out { background: #EAE5DA; margin-top: 18px;
padding: 18px 12px; } 

/* end local styles */

/* styles for small screens only */
@media (max-width: 599px) {
	#mediaQuery {
		width: 1px;	
	}
	 
	.hideOnSml, .showOnMed, .showOnLrg, .showOnMedLrg, .showOnMedLrgInline, .showOnLrgInline {
		display: none !important;
	}
	
	.showOnSmall, .showOnMedSmall {
		display:block!important
	}
	.fullTitle {
		display: none;
	}
	
	.shortTitle {
		display: block;
	}

}

/* context bar */ /********************* add icon styles and fix float right*/
#context { padding: 9px 12px; margin-bottom: 18px; background-color: #948775; color: #ffffff; height:36px;}
#context > span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 42%;
}
#context > span:first-child {
	max-width: 50%;
}
#context a, #context a:visited, #context a:active{ color: #ffffff; text-decoration: none; }
#context a:hover { color: #ffffff; text-decoration: underline; }
#context .arrow { background:url(../images/icons/breadcrumb.png) no-repeat right center; padding-right:18px; margin-right: 9px; }


.navlist {border-bottom:3px solid #96151d; font-size:14px; margin:0px 0 18px 0; padding:8px 0;}
.navlist ul {padding:0; list-style:none; margin:0;}
.navlist li {padding:0; display:inline; margin:0px;}
.navlist li a { padding:9px 11px; text-decoration:none; background-color:#EAE5DA; color:#000; outline:none; margin:0 -2px 0 0;}
.navlist li a:hover {text-decoration:none; color:#96151D;}
.navlist li a.active {text-decoration:none; background-color:#96151D; color:#fff; }


/* cost-facts etfs styles start*/
.col3wide {width: 215px;}
.col3wide ul {margin:-1px 0 11px 15px; padding:0; line-height:21px;}
.col3wide h5 { margin: 25px 0px 7px 0px; }
.col3wide h5:first-child { margin-top:-5px;}
.col3wide p {margin-bottom:0px !important;}
.col3wide h2  {
    margin: 10px 0 18px;
}
.floatLeftOnSmall {
	float:left;
}
.floatRightOnSmall {
	float:right;
}
.col3wide h2  {
    margin: 0px 0 18px ;
    font-size: 13px;
    line-height: 15px;
}
.borderTop {
	border-top:1px dotted;
	width:300%;
	padding-bottom: 18px;
}

/* cost-facts etfs styles end*/

.milestoneTxt { font-size: 16px; color: #96151D; line-height: 24px; margin: -5px 0 9px;  }
.milestoneTxt a {font-size: 12px !important;}
/* milestones */
.vg-shade-overlay {
	display: none;
}
#shadeParent { color: #96151D; font-size: 14px; }
.milestones { background-color: #EAE5DA; padding: 9px; margin-bottom: 5px; }
/* FDP */
.redBlockSmall {background-color:#96151d; height:9px;}
.grBlockSmall {background-color:#009AA6; height:9px; border-top:1px solid #FFF; }
.redBlockLarge {background-color:#96151d; height:18px;}
.grBlockLarge {background-color:#997A59; height:18px; border-top:1px solid #FFF; }

/* data table */
.dataTable td, .dataTable tr, .dataTable th, .dataTable table, .dataTable { margin:0; padding:0; font-style:normal; font-weight:normal; }
.dataTable th, .tableHead{background-color:#eae5da; color:#333; border-right:#FFF 2px solid; padding:6px 6px 3px 6px; vertical-align:bottom; font-size:11px; line-height:14px; text-align:left;  font-weight:bold; height:18px;}
.dataTable th:first-child {border-left: none !important;}
.dataTable td.tableHead {padding: 0 6px 18px 0; background-color:#eae5da;}
.dataTable tr.tableCaption td{background-color:#eae5da; color:#333;font-style:normal; border:none; padding:3px 6px; border-top:9px solid #FFF; border-bottom:2px solid #FFF; cursor:pointer;}
.dataTable tr.tableCaption a{ color:#8D4900; text-decoration:none !important;}
.dataTable td.spacer {border:none; padding:4px;}
.dataTable td{padding:6px 8px 6px 6px; vertical-align:top; color:#333; border-top:#D9D9D9 solid 1px; line-height: 19px;}
.dataTable td a{ color:#8D4900; text-decoration:none;}
.dataTable{padding:0; margin:0 0 18px 0; border:medium none; font: bold 100% Arial,sans-serif;}
.dataTable th a {text-decoration: none; color:#7e4301; outline:none;}
.dataTable td a:hover {color:#96151d; text-decoration:underline;}
th.sort-column {background-color: #e0dbd0;}
.dataTable tr.bordernone td, td.bordernone, .dataTable th.bordernone {border-top:none; border-right:none;}
/*.dataTable tr.borderWhite td {}*/
.dataTable tr.borderbottom td {border-bottom:1px solid #D9D9D9;}
.th_height th {height:54px; border-bottom:2px solid #FFF; *height:54px;}
.dataTable tr:hover {background-color:#EAE5DA;}
.dataTable .hoverNone:hover {background-color:inherit !important;}
.dataTable td.infoLayer a{border-bottom:1px dotted #333; text-decoration:none; color:#333;}
.dataTable tr.topWhiteBorder td, .dataTable tr.topWhiteBorder th { border-top:2px solid #FFFFFF !important}	
.floatingHeader { position: fixed; top: 0px; }
/*** Table Flipper ***/
td.dataflipper a {text-decoration:none; background:url(../images/icons/9_arrow_down.png) no-repeat 2px 50%; padding-left:16px;}
td.dataflipper a:hover {text-decoration:none; background:url(../images/icons/9_arrow_down_over.png) no-repeat 2px 50%;}
td.dataflipper_d a {text-decoration:none; background:url(../images/icons/9_arrow_down_active.png) no-repeat 0px 50%; padding-left:16px;}
td.dataflipper_d a:hover {background:url(../images/icons/9_arrow_down_active_over.png) no-repeat 0px 50%;}
.dataflipper a:hover, .dataflipper a:visited, .dataflipper a {text-decoration:none;}
.dataTable td.dataflipper {padding-left:0px;}
.firstRowBorderNone tr:first-of-type td  {border-top:none;}  /*hides the top border of the first row in a table*/
.lastColBorderNone	th:last-of-type {border-right:none;}  /*hides the right border of the last column in a table header*/
/* Quote-table */
.quoteTable td, .quoteTable tr, .quoteTable th, .quoteTable table, .quoteTable { margin:0; padding:0; font-style:normal; font-weight:normal; }
.quoteTable {padding:0; margin:0 0 18px 0; border:medium none; font: bold 100% Arial,sans-serif; color:#333; }
.quoteTable th{ padding:6px 6px 6px 0; text-align:left;}
.quoteTable td{padding:4px 6px 4px 0; vertical-align:top;border-top:#D9D9D9 solid 1px; line-height: 19px;}
.quoteHead, .redLrg{ font-size: 16px; font-weight: normal; margin: 0px; color: #333 !important;}
.m_b_15 {margin-bottom:15px;}
.m_t_0 {margin-top:0;}
.quoteTable tr.mT3 th, th.mT3, .quoteTable th.mT3 { padding-top:3px;}
.dataTable th a, .quoteTable th a, .dottedAnchor a, .dottedAnchor {border-bottom:dotted 1px #333333 !important; color:#333 !important; padding-top:#333;}
.quoteTable th a:hover, .dottedAnchor a:hover, .contTable td a:hover, .dottedAnchor:hover { text-decoration:none !important; color:#333;}
.quoteTable tr.bordernone td, td.quoteTable, .quoteTable th.bordernone, td.bordernone {border-top:none; border-right:none;}

/* Content-table */
.contTable hr {border:0; background-color:#d9d9d9; color:#d9d9d9; height:1px; clear:both; margin:0; padding:0; overflow:hidden;}
.contTable td, .contTable tr, .contTable th, .contTable table, .contTable { margin:0; padding:0; font-style:normal; /*font-weight:normal;*/ }
th b {
    font-weight: bold;
}
.contTable {padding:0; margin:0 0 18px 0; border:medium none; font-family: Arial, Helvetica, sans-serif;}
.contTable th{background-color:#eae5da; color:#333; border-left:#FFF 2px solid; padding:6px; vertical-align:bottom; font-size:11px; line-height:14px; text-align:left;/*font-weight:bold;*/}
.contTable th a {text-decoration: none; color:#7e4301; outline:none;}
.contTable th:first-child {border:none;}
.contTable tr.tableCaption{background-color:#eae5da; color:#333; font-style:normal; }
.contTable tr.tableCaption a{ color:#965E23; text-decoration:none; }
.contTable tr.tableCaption td {border:none;}
.contTable td{padding:3px 3px 4px 0; vertical-align:top; color:#333;line-height:19px;}
.contTable td a{ color:#965E23; text-decoration:none;}
.contTable td a:hover {color:#96151d; text-decoration:underline;}
.contTable tr.borderWhite td {border-top:9px solid #FFF;}
.contTable .font21 {padding-bottom:9px !important;}
.contTable .pB27 td { padding-bottom: 27px; }
/* Briefs */
#briefTable { border-collapse: collapse; font-size: 11px; width: 219px; line-height: 11px; }
#briefTable td { padding: 6px; }
.briefTableBlue { background-color: #CCDDE6; text-align: right; }
.briefTableOrange { background-color: #E4DBD2; text-align: right; }
.briefTable { background-color: #ffffff; }
.briefNoBg { background-color: #ffffff; text-align: left; vertical-align: top; }
tr.briefTableLine { border-bottom: 1px solid #333333; }
.alignRight { text-align: right; }
p.briefKey { font-size: 11px; line-height: 12px; vertical-align: middle; margin-bottom: 9px; }
.blueBox { background-color: #CCDDE6; display: inline-block; width: 12px; height: 12px; margin-right: 9px; }
.orangeBox { background-color: #E4DBD2; display: inline-block; width: 12px; height: 12px; margin-right: 9px; }
.brief6col { border-left: 1px solid #cccccc; position: relative; padding-left: 17px; width: 456px; float: right; }
.italic { font-style: italic; }
.briefs li { margin: 0px 0px 18px 0px; padding: 0px; }
a.videoIconLeft .linkIcon, a.videoIconLeft:link .linkIcon, .videoIconLeft .linkIcon { vertical-align: middle; background-position: -296px -105px; float: left; padding-bottom: 18px; padding-right: 13px; }
.figureId { display: inline-block; background-color: #96151D; color: #ffffff; padding: 0px 6px; width: 70px; text-align: center; }
.figureName { display: inline-block; background-color: #E3DED7; color: #333333; padding: 0px 6px; width: 210px; }
.figureNameLg { display: inline-block; background-color: #E3DED7; color: #333333; padding: 0px 6px; width: 620px; }

/* Font Sizes */
.font11 { font-size: 11px; }
.font21 { font-size: 21px; font-weight: normal; line-height: 24px; }
.font16 { font-size: 16px; font-weight: normal; line-height: 24px; }
/* Fund Details Chart colors and Dimensions */
.scale, .scaleEnd { border-left:1px solid #D9D9D9; height:6px; float:left; margin-top:0;}
.scaleEnd {text-align:right;}
.mainScale {margin-top:-4px; border-right:1px solid #D9D9D9; height:6px; border-top:1px solid #D9D9D9; }
.redAlign {color:#96151D; margin-top:6px;}
.redBg, .grayBg, .greenBg, .circleBg, .rgBg { margin-left:6px; padding-right:12px;/* float:left;*/ height:23px; }
.redBg {background:url(../images/icons/redBg.jpg) no-repeat left 40%; }
.grayBg {background:url(../images/icons/grayBg.jpg) no-repeat left 40%; }
.greenBg {background:url(../images/icons/greenBg.jpg) no-repeat left 40%; }
.circleBg {background:url(../images/icons/circleBg.jpg) no-repeat left 40%; }
.rgBg {background:url(../images/icons/rgBg.png) no-repeat left 40%; padding-right:18px;}

/* Messages */ 
.info-msg, .warn-msg, .err-msg, .secure-msg { padding: 12px 9px; border-top-style:solid; border-top-width:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; vertical-align:text-top; }
.err-msg { background: url(../images/icons/15_circle_critical_alert.png) no-repeat 6px 14px #FAF2BB ; border-top-color: #FF0000; color:#FF0000; padding-left:26px; *display:inline-block;}
.err-msg-txt { background-color: #FAF2BB; border-left: 3px solid #FF0000; color:#FF0000; padding: 1px 0 6px 6px !important; *display:block; }
.info-msg { background-color: #FAF2BB; border-top-color: #F0AB00; display:inline-block; width:100%; } 
.secure-msg { background-color: #D3E0C5; border-top-color: #BBCF9D; }
.err-msg p{margin-top:0 !important;}
.errorIcon { background: url(../images/icons/15_circle_critical_alert.png) no-repeat left center ; padding:0 18px 4px 0; display:inline-block;}
/* subtab class */
.filterCell, .filterCell ul{padding:0; list-style:none; margin:0; font-size:11px;}
.filterCell li{ padding:0; margin: 0; display:inline; }
.filterCell li a{outline:none; text-decoration:none; padding:0px 8px; margin:-2px 0; line-height:14px; background-image:url(../images/icons/filterNav_pipe.png); background-repeat:no-repeat; background-position:left center;}
.filterCell li a:hover{color:#96151D; text-decoration:none;}
.filterCell li strong { margin-right:11px; padding:0; background-image:none;}
.filterCellActive a {color:#FFF; background-color:#96151D; text-decoration:none !important; margin:0; outline:none; padding:2px 8px !important; background-image:none !important;}
.filterCellActive a:hover  {text-decoration:none; color:#FFF !important;}
.dotNone, .dotNone tr, .bgNone, .bgNone a, .filterCell li:first-child, .filterCell li:first-child a {background-image:none !important;}

/*----------------Dropdown Styles-----------*/
.dataListBg, .dataPagination { overflow:auto; background-color:#eae5d9; border-bottom:2px solid #FFF; display:block; font-size:14px; color:#000;}
.dataListBg {padding: 17px 6px; }
.dataPagination {font-size: 14px; line-height:19px; padding:6px 6px; margin:0;}
.dataBg p { margin-bottom:0; color: #000;}
.dataBg  {background-color:#eae5d9; padding:10px 6px; border-bottom:2px solid #FFF; display:block;/* font-size:11px;*/}
.dataBg .dataListBox, .dataListBoxM, .dataListBoxL {margin-top:0;}
.dataListBg p{ margin:0; padding:0; line-height:18px; color:#000; font-weight: bold;}
.dataListBg select { margin-right:20px; /* min-width:165px; */ }
.dataListBox, .dataListBoxM, .dataListBoxL { width: 165px; cursor: pointer; color:#965E23; text-transform:none; border:1px solid #CCC; line-height:19px; background:#FFF url(../images/icons/selectDropdownRWD3.png) no-repeat 100% 50%; font-size:14px; }
.dataListBox > div:first-child, .dataListBoxM > div:first-child, .dataListBoxL > div:first-child { padding: 5px 34px 5px 8px; }
.dataListItems, .dataListItemsM, .dataListItemsL {width: 165px; position:absolute; z-index:200; background-color:#FFF; display:none; border:1px solid #CCC; border-top:none; padding:3px 4px; margin-left:-1px;}
.dataListItems ul, .dataListItemsM ul, .dataListItemsL ul {margin:0; padding:0; list-style:none;}
.dataListItems li, .dataListItemsM li, .dataListItemsL li {_border:1px solid #Fff;}
.dataListItems li a, .dataListItemsM li a, .dataListItemsL li a{color:#333; text-decoration:none; display:block; padding:2px 4px;}
.dataListItems li a:hover, .dataListItemsM li a:hover, .dataListItemsL li a:hover {color:#FFF !important; text-decoration:none;}
.dataListItems a:hover, .dataListItemsM a:hover, .dataListItemsL a:hover {background-color:#96151D; color:#fff !important; text-decoration:none; display:block;}
.dataPagination .pageControls { float: right; margin-top: -10px; }
.dataPagination .pageControls select { margin-right: 3px; }
.dataPagination .pageControls a, .dataPagination .pageControls span.disable { margin-left: 9px; }

.headerBorder th {border-bottom:#FFF 2px solid;}
.dataTd td:first-child { padding-left: 0; }

.chartContainer { position: relative;}
.chartContainer .verticalBarDashedSeparator { position: absolute; z-index: 1; border-right: 1px dashed #CCC; }
.ieQuirksVerticalText { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
.chartContainer * {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box;  }			
.customChartYAxisLabels .chartLabel {padding-right:6px; width:45px !important; text-align:left !important; font: 11px Arial,sans-serif;}

.rangeBar { background-color: black; opacity: .3; -moz-opacity: 0.3; filter: alpha(opacity=30); -webkit-opacity: .3; line-height: 0; font-size: 0;}
.indicator { line-height: 0; font-size: 0; z-index: 1; }
.chartContainer .toolTip { border: 1px solid #CCC; background-color: white; padding: 4px 7px 0; }
.toolTip td { padding-bottom: 4px;}
.chartToolTipTitle { font: 14px Arial,sans-serif; }
.chartContainer .toolTip .chartInfoKey { height: 9px; width: 9px; }
.toolTip .label0 { padding-left: 9px; }
.chartInfoLabel { font: 11px Arial,sans-serif; padding-left: 4px; padding-bottom: 2px; }
.chartContainer .customChartYAxisLabels .verticalText, .chartContainer .customChartdualAxisTitle .verticalText { padding: 0 0 5px; white-space: nowrap; }
.chartTitle { font: 11px/11px Arial,sans-serif; color: #666; }
.verticalText { -moz-transform: rotate(270deg); -moz-transform-origin: top left; -webkit-transform: rotate(270deg); -webkit-transform-origin: top left; -o-transform: rotate(270deg); -o-transform-origin: top left; -ms-transform: rotate(270deg); -ms-transform-origin: top left; }
.customChartDualAxisLabels .chartLabel { word-wrap: normal; }
/* Portal Page CSS for Small */
#portal { background-color:#FFF; }
.portalContent { margin-top:36px;}
.portal_left h2, .portal_middle h2, .portal_right h2, .portalBlock h2 {cursor:pointer; color:#965E23; margin-bottom: 18px;}
.portal_left:hover h2, .portal_middle:hover h2, .portal_right:hover h2, .portalBlock:hover h2 { color:#96151D; }
.portal_left, .portal_middle, .portalBlock { /*background-image: url(../images/dotted_rule.png); background-position: 0% 100%; background-repeat: repeat-x;*/ padding-bottom: 20px; min-height:78px;} 
.cbSmall { clear:both; }
.portal { padding:18px; }
.portal h3 { color: #333 !important; }

/* */
.borderDiv { border: none; }
.borderDiv div { float:right; width: 57%; }
.borderDiv img { float:left; width: 40%; }

/* Adv alpha */
.videoIconBox { padding:12px; margin-bottom:3px; background:url(../images/icons/videoIcon.png) #EAE5DA no-repeat 3% 20%; height:50px; cursor:pointer;}
.videoIconBox p{margin:0; padding:0 0 0 55px; color:#8D4900; font-size:16px;}
.red_block { background:none;}


/* Fund Compare */
/* Gray Gradient Tabs */
#grayTabs { border-bottom:1px solid #D9D9D9; font-size: 1.00em; margin:18px 0; height:34px; padding:0}
#grayTabs ul { padding: 0; list-style: none; margin: 0;}
#grayTabs li { padding: 0; display:inline; margin:0;}
#grayTabs li a { padding: 8px 11px; outline:none; margin-right:-4px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; border: 1px #D9D9D9 solid; *display: inline; background-color:#FEFEFE; color:#333; line-height:16px; display: inline-block; zoom: 1;  
background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#E2E2E2)); 
background: -moz-linear-gradient(top, #FEFEFE, #E2E2E2); 
background: -ms-linear-gradient(top, #FEFEFE, #E2E2E2); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#E2E2E2'); /*min-width:152px;*/ cursor:pointer;}
#grayTabs li a.active { background-color:#333333; color:#FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#484848)); 
background: -moz-linear-gradient(top, #333333, #484848); 
background: -ms-linear-gradient(top, #333333, #484848); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#484848'); /*min-width:152px;*/ cursor:pointer;}
/* Fund Comare Table */

.closeTab, .compareTable th { background: #333333;
background-image: url("../images/icons/MinusSign.png"); /* fallback */
background-image: url("../images/icons/MinusSign.png"), -webkit-gradient(linear, left top, left bottom, from(#333333), to(#484848)); /* Saf4+, Chrome */
background-image: url("../images/icons/MinusSign.png"), -webkit-linear-gradient(top, #333333, #484848); /* Chrome 10+, Saf5.1+ */
background-image: url("../images/icons/MinusSign.png"),    -moz-linear-gradient(top, #333333, #484848); /* FF3.6+ */
background-image: url("../images/icons/MinusSign.png"),     -ms-linear-gradient(top, #333333, #484848); /* IE10 */
background-image: url("../images/icons/MinusSign.png"),      -o-linear-gradient(top, #333333, #484848); /* Opera 11.10+ */
background-image: url("../images/icons/MinusSign.png"),         linear-gradient(top, #333333, #484848); /* W3C */
background-repeat: no-repeat; background-position: 98% center; height:36px; text-align:left; color:#FFF;  padding: 0 9px; vertical-align: middle; border-bottom:2px solid #FFF;  cursor:pointer;}
.openTab, .compareTable th.openTab { background: #FAFAFA;
background-image: url("../images/icons/PlusSignGray.png"); /* fallback */
background-image: url("../images/icons/PlusSignGray.png"), -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#E9E9E9)); /* Saf4+, Chrome */
background-image: url("../images/icons/PlusSignGray.png"), -webkit-linear-gradient(top, #FAFAFA, #E9E9E9); /* Chrome 10+, Saf5.1+ */
background-image: url("../images/icons/PlusSignGray.png"),    -moz-linear-gradient(top, #FAFAFA, #E9E9E9); /* FF3.6+ */
background-image: url("../images/icons/PlusSignGray.png"),     -ms-linear-gradient(top, #FAFAFA, #E9E9E9); /* IE10 */
background-image: url("../images/icons/PlusSignGray.png"),      -o-linear-gradient(top, #FAFAFA, #E9E9E9); /* Opera 11.10+ */
background-image: url("../images/icons/PlusSignGray.png"),         linear-gradient(top, #FAFAFA, #E9E9E9); /* W3C */
background-repeat: no-repeat; background-position: 98% center; height:36px; text-align:left; color:#333; padding: 0 9px; vertical-align: middle; border:1px solid #D9D9D9; cursor:pointer;}

#FCTBannerTable { border-spacing: 0px }
.compareTable tr { background: url(../images/icons/dotted_rule.png) repeat-x 0 100%; }
.compareTable td { padding:9px 6px; background:url(../images/icons/dot.png) repeat-y scroll left top;}
.compareTable td:first-child { background:none; }
tr.compareTableBgImg, h1.compareTableBgImg { background-color:#997A59 !important; height:70px; }
tr.compareTableBgImg_fr, h1.compareTableBgImg_fr { background-color: #997A59 !important; height:70px; }
.compareTableBgImg h2{ margin: 18px 0 18px 18px !important; color:white; font-family:Arial, sans-serif; font-size:26px  }
.compareFundSml { background-color: #F0F0F0; display: block; margin-bottom: -62px; padding: 18px 18px; }
.compareFundSml img { margin: 36px auto 72px; display:block;}
h1.compareTableBgImg { margin: 0 -18px 18px; }
tr.compareTableBg { height:119px; background-color:#FFF;}
.selectFundOnBtnClick { background-color: #FFF; width:100%; }
.selectFundOnTF { border: 1px solid #D9D9D9; background-color: #FFF; z-index:1000; top: -35px; left: 58.6%; position: absolute; overflow: hidden; padding: 12px 12px 0; width:36%; -moz-margin-start: -3px; }
.fundSelectBtns { background-color:#997A59 ; padding:18px; height:55px; margin:0 -12px; }
.fundSelectBtns p{color:white}
.verticalScroll { overflow-y: auto; height: 400px;}
.compareTable .err-msg { margin: -9px -6px;}
#fundSelectorCloseIcon {margin-top: 10px; float:right; display:block;}
#costCompare #FRQ { padding: 1px 0px; }
#compareTableResults, #costMer, #costTable, #selectorRow, #icons,#totalsTable,#fct-cst-toggle { display: none; }
.compareFundSml { background-color: #F0F0F0; display: block; margin-bottom: -62px; padding: 0 18px 18px; }
.compareFundSml h4 { padding-top: 20px }
.compareFundSml img { margin: 36px auto 72px; display:block;}
#costTableFootNote{display:none;}
@media (min-width: 480px) {
#compareTableResults, #costMer, #costTable, #selectorRow, #headerBackground,#icons,#totalsTable,#fct-cst-toggle { display: table-row-group; }
#costTableFootNote {display:block;}
#compareFundSml { display: none; }
#compareTable .errorIcon { background: url(../images/icons/15_circle_critical_alert.png) no-repeat left center ; padding:0 35px 0px 0; display:inline-block;}
#compareTable .errorIcon:hover { text-decoration: none;}
} 
/* Layer styles of Fund compare page */
.fundNameSelector {  margin-left:9px; }
.fundNameSelector tr { background-image:none; vertical-align:top}
.fundNameSelector td { padding:5px; background-image:none; font-weight:normal !important; font-size:12px;}
.fundNameSelector ul { margin:0 !important; padding:0; list-style-type:none; }
.fundNameSelector li { margin:2px; padding:2px 6px; list-style:none; }
.fundNameSelector li.alphbetizedList, .alphbetizedList { background-color:#997A59 !important; background-image:none; font-size:11px; font-weight:normal; text-align:left; color:#FFF; border-bottom:1px solid #FFF;}
div.alphbetizedList { height: 32px; padding: 4px 6px; line-height: 21px; margin-left:10px}
.orderedList { color:#B2B2B2; position:absolute; right:0px; top:0px; z-index:200; font-size:11px; margin:0; padding:0; }
.orderedList li { margin:0; padding:0; list-style:none;}

.grayBgColor { background: url(../images/dotted_rule.png) repeat-x 0 100% #EEE/* for FF */; }
.frOnMed { float: none; }

.fundNameBlock { position: relative; background-color:#FFF;}
.fundNameBox { height:120px; margin: -60px 0 0; padding: 3px 9px; position: absolute; width: 100%; text-align: center; z-index:998;}

.addFundBox {display:block; margin:0;}
.addFundBox p { border-bottom: 1px solid #CCCCCC; margin: 0 0 9px; padding: 0 0 6px 0; height: 69px;}
.addFundBox input {border:1px solid #d9d9d9; padding:2px 0 4px; /*min-height:18px;*/ width:70%; /*float:left; removed to align text box to center*/ /*background:url(../images/icons/search_bg.png) no-repeat -3% 50% #FFF; Hididng to get rid of magnifying glass on FC TF*/ font-size:12px; margin-right:-4px;}

.overflowTxt { height: 366px; overflow-x: hidden; overflow-y: scroll; padding: 0; position:relative; }

ul.redBlock { margin: 0; padding: 0; list-style:none; }
.redBlock li{ color: #FFFFFF; list-style:none; width: 100%; padding:3px 6px; background:url(../images/icons/breadcrumb.png) no-repeat 98% 50% #96151D; margin-bottom: 12px; }
.redBlock  li a, .redBlock  li a:hover { color: #FFF; display: block; text-decoration:none; outline: none; }
.showOnMedLrgTC { display: none; }
.borderBottomNone, .dataTable .borderBottomNone a{ border-bottom: none !important; }
.th_height th a{border:none !important;}
.selectFundOnTF img, .err-msg img{ padding:6px 9px; cursor:pointer; float:right; margin:-12px -12px 0;}


/* carousel/slide deck styles*/
.slideSpace { width: 21px; height: 21px; line-height: 21px; }
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0px;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
 }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
 }
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
ul.rslides_tabs { padding-top: 6px; background-color: #ccc; line-height: 30px; }
#slider1 { margin: 0 auto; }
.rslides_tabs { list-style: none;  padding: 0; margin: 0; font-size: 12px; text-align: center; width: 100%; }
.rslides_tabs li { display: inline; float: none; list-style:none; }
.rslides_tabs li:first-child { margin-left: 0; }
.rslides_tabs a { display: inline-block; width: 21px; height: 21px; background: url('../images/icons/timerLight.png'); margin-right: 12px;  text-decoration:none;}
.rslides_tabs .rslides_here a { background: url('../images/icons/timerDark.png'); }
.slidePrevious { float: left; padding: 9px; }
.slideNext { float: right; padding: 9px; }
td.borderNoneMed, .borderNoneMed { border-right: 2px solid #FFF !important; }
td.borderNoneSml, .borderNoneSml {border-top:none; border-right:none !important;}

/* select,input { font-size: 16px; } */

.compareTable .slider { position: relative; min-height: 480px; display: block; backgrond: #fff; overflow: hidden; }
.compareTable .slider ul { list-style-type: none; }
.slider-content { position:relative; min-height: 480px; display: block; /* width: 100%; float: left;*/ overflow-x: hidden; overflow-y: auto; }
.slider-content ul { position: relative; /*width: 100%;*/ display: block; float: left; }
.slider-content ul li { min-width: 93%; float: left; }
.slider-content ul ul li a { border-bottom: #f3f3f3 1px solid; padding: 5px 10px; text-transform: capitalize; display: block;}
.slider-content ul ul li a:hover { border-bottom-color: #d5ebf9; border-top-color: #d5ebf9; background: #f3faff; border-right-color: #d5ebf9; border-left-color: #d5ebf9; }
.slider-content .title { text-transform: uppercase; text-indent: 10px; padding: 5px 0px;/* width: 100%; */background: #bbb; float: left; color: #fff; font-weight: bold; }
.slider-content .selected .title { background: #666; }
.compareTable .slider .slider-nav { position: absolute; min-height: 480px; top: 0px; right: 18px; }
.compareTable .slider .slider-nav ul { padding: 0; margin: 0; }
.compareTable .slider .slider-nav li a { text-align: center; line-height: 13px; text-transform: uppercase; padding: 2px 5px; display: block; color: #B2B2B2; cursor: pointer; font-weight: bold; font-size: 11px; text-decoration:none; }
.compareTable .slider #debug { position: absolute; padding: 5px; bottom: 0px; background: #000; color: #fff; left: 0px; }
.compareTable .slider .arrow { border-bottom: #fff 8px solid; position: relative; border-left: #333 5px solid; line-height: 0%; width: 0px; font-size: 0px; top: 5px; border-right: #333 5px solid; }
.compareTable .slider .down { border-bottom: medium none; border-top: #fff 8px solid; top: 15px; }
.compareTable .slider .slide-up { position: relative; text-align: center; width: 100%; background: #FFF; float: right; height: 1px; /*cursor: pointer; */}
.compareTable .slider .slide-down { position: relative; text-align: center; width: 100%; background: #FFF; float: right; height: 1px; /* cursor: pointer; */}

.compareTable th, .compareTable td:first-child { text-align: left}
#fundInput0 input[type=text], #fundInput1 input[type=text], #fundInput2 input[type=text], #fundInput3 input[type=text] {width: 90% !important; margin-left: 3px;}
#costMer input[type=text], #feesCharges input[type=text] { width:30%; margin-left:3px; margin-bottom:2px;}
.compareTable .red { color:#F00; }

.compareTable .t1 table, .compareTable .t1 td { margin:0; padding:0; }
.compareTable .t1 td:first-child {  padding: 9px 6px; }
.compareTable .t1 td { border-top:1px solid #CCC; display: table-cell;}
.compareTable .t1 table tr, .compareTable .t1 tr { background:none; }
.compareTable .t1 table td { padding: 9px 6px; text-align:right; font-weight:normal; font-size:12px; border-top:none; }
.compareTable .font16 { line-height:16px; }
tr.borderNoneB, td.borderNoneL { background:none; }

.dataTablebg, .dataTablebg td { background-color: #EAE5DA; border-right:2px solid #FFFFFF !important; }
.dataTableRedBlock a { background-color: #96151D; height:100%; width:50%; float:left; border-right: 2px solid #FFF; color: #FFF !important; margin: -6px 0; padding: 2px 6px; text-align: center;}
.dataTableGrayBlock a { background-color: #B3B3B3; height:100%; width:50%; float:left; color: #FFF !important; margin: -6px 0; padding: 2px 6px; text-align: center; }
.dataTableRedBlock a:hover, .dataTableGrayBlock a:hover { text-decoration: none !important; }
.tealBg, .dataTable .tealBg:hover { background-color: #997A59; }
.tealBgFooter h4, .tealBgFooter p  { color: #FFF !important; }
.autoMargin { margin: 0 auto; }
.wideValue { width: 58%; }
.tealBgFooter { background-color: #997A59; padding:8px 18px 8px 34px ; color:#FFF; display:block; height:100%; margin-bottom:18px; }

.flipScreenRight, .flipScreenLeft { position:absolute; padding:6px; right:0; height:100%; width:24px; top:0; cursor:pointer;
 }
.flipScreenRight {background:url(../images/icons/flip_arrow_right.png) no-repeat center 25% #FFF; position:fixed; }
.flipScreenLeft {background:url(../images/icons/flip_arrow_left.png) no-repeat center 25% #FFF; position:fixed; }

.defaultTable table, .defaultTable tr, .defaultTable td{ margin:0; padding:0; border:0; vertical-align:top; }
.hide {display: none; }
.show {display: block; }

table.multiTable {
    font-size: 12px;
    width: 100%;
}
table.multiTable td {
    border-bottom: 1px solid #CCCCCC;
    padding: 6px;
    vertical-align: bottom;
}
table.multiTable thead td {
    border-bottom: 1px solid #FFFFFF;
    font-size: 14px;
    padding-bottom: 6px;
    vertical-align: bottom;
}
table.multiTable .multiTableHead {
    color: #96151D;
    font-size: 14px;
}
/* Search Bar */
#search { margin:-30px 0 0 0;}
#search input {border:1px solid #d4cec2; padding:2px 22px 2px 9px;  font-size:14px; height:25px; position:absolute; z-index:1002; right: 12px; top:9px; width:95%;}
#search button { display: none; }
.searchText, .searchText1 { background-color: #FFFFFF; border: 1px solid #D4CFC3; border-top:none; overflow-y: auto; overflow-x: hidden; padding:9px 6px; cursor:pointer; position:absolute; z-index:8000; /*white-space:nowrap;*/ text-align:left; font-size: 12px; font-weight:normal;}
.searchText div,  .searchText1 ul {margin:0; padding:0;}
.searchText1 li {list-style:none;}
.searchText div p,  .searchText1 li a { margin:0; color:#333; text-decoration:none; padding: 6px; display:block; outline:none; font-size:14px; }
.searchText li a:hover { background-color:#96151D; color:#FFF; text-decoration:none;}
.searchText1 li a:hover { color:#96151D; text-decoration:none;}
.searchText li.li-hover a,  .searchText1  li.li-hover a{background-color:#96151D; color:#FFF; text-decoration:none; outline:none; }

.searchText { float:right; width: 95%; right:6px; margin:26px 6px 0 0; }
.searchTextNoPhone { margin-top: 33px !important; }

/* CSS to get X icon */
#search input[type="reset"] { background: url(../images/icons/X_Delete_Icon.png) no-repeat right center; background-color: white; border: none; cursor: pointer; position: absolute; height: 22px; width: 18px; margin-right:1px; margin-top:2px; padding-left:0px;}

.searchIcon, .whitePhoneIcon { margin:12px 18px 0 0; cursor:pointer;}

.popUpLayer { background:#FFF; position:absolute; top:9%; left:12%; margin:0 auto; z-index:999; padding:18px; width:70%;}
.popUpLayer h1 { color: #997A59; margin-bottom: 27px;}
.floatingList { display: inline-block; list-style:none; zoom:1; *display: inline; vertical-align:top; margin: 0 18px 18px 0; width: 100%; }
.floatingList li { padding:3px 0;}
.floatingList input { margin: 0 9px 0 0;}
ul.floatingList  { margin-top:-18px !important; }
.popUpLayer p { padding-bottom:18px;}
.button-gray { padding: 0 6px;}

/* Search results page CSS */
#searchResults { border: 6px solid #999999; display: inline-block; margin: 0; width: 100%; padding:1px; position:relative;}
#searchResults input {border: none; font-size: 12px; height: 25px; padding: 2px 0 2px 9px; width:80%;}
#searchResults button {font-family:Arial, Helvetica, sans-serif; border:none; padding:1px 8px 1px 8px; *padding:1px 2px; color:#fff;  background-color:#A8A093; color:#333; text-transform:uppercase; font-size:10px; min-height:25px; display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; 
background: -webkit-gradient(linear, left top, left bottom, from(#D4CFC3), to(#A9A194)); 
background: -moz-linear-gradient(top, #D4CFC3, #A9A194); 
background: -ms-linear-gradient(top, #D4CFC3, #A9A194); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#D4CFC3', endColorstr='#A9A194'); 
cursor:pointer; /*width:60px;*/ position:absolute; }
#searchResults button:hover { background-color:#A9A194;
background: -webkit-gradient(linear, left top, left bottom, from(#A9A194), to(#D4CFC3)); 
background: -moz-linear-gradient(top, #A9A194, #D4CFC3);
background: -ms-linear-gradient(top, #A9A194, #D4CFC3);  
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#A9A194', endColorstr='#D4CFC3'); }
#searchResults button { right:1px; }

.dottedGray { background-image: url(../images/icons/dotBg.png); height: 1px; margin-bottom: 9px;}
.frMedLrg { float: none; }
.m_r_27 { margin-right: 27px ; }

/* Gray vertical tabs of left nav styles */

.leftNav { position: relative; min-height: 40px; font-size:14px; }
.leftNav ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #D9D9D9; width: 100%; }
.leftNav li { display: none; margin: 0; } /* hide all <li> items */
.leftNav a { text-decoration: none; line-height: 100%; color:#333; display:block; border: 1px solid #D9D9D9; border-top:none; padding: 12px 9px;}
.leftNav ul:hover, .leftNav li:hover { background-image: none !important; }
.leftNav .current , .leftNav ul:hover li { display: block; margin: 0;}/* display block to show only current li item */
.leftNav .current { background: #fff url(../images/icons/9_arrow_down_active_over.png) no-repeat 97% 50%; }
.leftNav .current a { color: #96151D;}
.leftNav li a:hover { background-color:#96151D; color:#FFF; }
.leftNav .current a:hover { background:#fff url(../images/icons/9_arrow_down_active_over.png) no-repeat 97% 50%; color: #96151D; }

	
/* downloadable documents dropdown list css */
.docList ul { list-style-type:none; margin:0; padding:0; display: inline-block; background-color:#FFF; }
.docList li { display: none; margin-right: 18px; clear:left /* To fix PDF icons alignment issue */; white-space:nowrap; padding-bottom:6px; }
/*.docList ul:hover li { display: block; }*/
.docList .current { display: block; margin: 0; textmargindecoration:none;} /*display block to show only current li item */
.docList .current a:hover { text-decoration: none !important ; }
.docList .current a { padding-left: 32px /* to get gap between choose format icon and text */; }
.chooseFormatIcon { text-decoration: none; background:url(../images/icons/15_choose_format.png) no-repeat 0 1px; }

/* For ETF list view page */
.smallWide33 {
    width: 33%;
}
.smallWide67 {
    width: 67%;
}
.smallWide34 {
    width: 34%;
}

.mR18ForSmall { margin-right: 18px; }
.nMR5 { margin-right:-5px; }
#showmorediv { cursor:pointer; }


.dataFont{font-weight:bold;color:#000000;}

#totalReturnsAsOfDate { padding-left: 3px; }
.topGrayBorder { border-top: 1px solid #CCC; padding-top: 18px; }
/*This class is for fixing the width of html select so as not letting it to auto expand based on the lengthiest option under it.*/
select.width-fix {width: 200px; /* fixed width on select tag. */ z-index: 1000; /* Make sure to put the select and its options above all other HTML elements. */ }
select.expand {width: auto; /* Let the browser handle it. */ } 

.leftSearchBar { height: 48px; padding: 7px 9px; position: relative;}
.leftSearchBar input#leftsearchtext { padding:7px 8px 7px 30px; border:1px solid #333; color:#666; font-size:14px; width:251px; background:url(../images/icons/search_icon_grey.png) no-repeat 3% 50% #CCC; position:absolute; z-index:8000;}

.leftSearchlist { background-color: #FFFFFF; background-image:none; border: 1px solid #D4CFC3; border-top:none; overflow: auto; padding:9px 6px !important; cursor:pointer; position:absolute; z-index:8000;/* white-space:nowrap;*/ text-align:left; width: 250px; margin:0; top:39px; }
.leftSearchlist div p { margin:0; color:#333 ; font-size:14px !important; text-decoration:none; padding:9px !important; display:block; outline:none; }
.leftSearchlist div, .leftSearchlist div p { background-image: none !important; }
.searchhover p{ background-color:#96151D !important; color:#FFF !important; text-decoration:none; outline:none; }
.testsearchbefore p{ background-color:white;padding:2px;cursor:pointer; margin: 0;}
#leftSearch input[type="reset"] { background: url(../images/icons/X_Delete_Icon.png) no-repeat right center; background-color: #CCC; border: none; cursor: pointer;      position: absolute; height: 24px; width: 18px; margin-left: 230px; margin-top: 5px; z-index:9000;}

ul.utilityRightNav  { margin:0; padding:0; list-style:none; float:right; }
.utilityRightNav li { list-style:none; display:table-cell; padding:8px 12px; border-left: 1px solid #7f121a; border-right: 1px solid #96151D; }
.utilityRightNav li:first-child, .noBorderLeftMedSml { border-left:none !important; }
.utilityRightNav img { padding-top:2px; }
.utilityRightNav li a, .utilityRightNav li a:visited:hover { color:#FFF; text-transform:uppercase; }
.showOnLrgTC { display: none !important; }

/* form-table section */
.form-table input, .form-table select, .form-table textarea {	width: 165px; margin-bottom: 2px;}
.form-table select#state_input, .form-table select#state, .form-table input#zip_input, .form-table input#zip { width: 100px; }
.form-table input[type='checkbox']  { width: 15px; float: left; margin-right: 10px;}
.form-table td:first-child { width: 40%; }

/* popup section */
.disclaimer_box .scroll {
	width: 100%;
	max-height:225px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#masterTrustList tr td p {
	margin-bottom: 10px;
	margin-top: 4px;
}
.brownBlock { background-color:#997A59; padding:6px 6px; color:#FFF; white-space:nowrap; height: 70px;}

.outlineY {outline: 3px solid #F0AB00; *border: 3px solid #F0AB00; }
.outlineB {outline: 3px solid #0098DB; *border: 3px solid #0098DB; }
.outlineP {outline: 3px solid #80379B; *border: 3px solid #80379B; }
.outlineG {outline: 3px solid #999999; *border: 3px solid #999999; }
.lgFont, .greenFont11 { color: #A8B400; font-size:11px; background: url("../images/icons/costAdvantage.png") no-repeat scroll right top transparent; line-height: 21px; padding-right: 27px; }
.checkedIconGray { background: url("../images/icons/15_circle_check.png") no-repeat scroll right top transparent; padding-bottom: 1px; padding-right: 18px; }

.graphViewOn, .graphViewOff, .tableViewOn, .tableViewOff { display:inline-block; height: 25px; width: 30px; margin-left:9px; }
.graphViewOn { background: url(../images/icons/graphIconOn.png) no-repeat scroll 0 0;}
.graphViewOff { background: url(../images/icons/graphIconOff.png) no-repeat scroll 0 0;}
.tableViewOn { background: url(../images/icons/tableIconOn.png) no-repeat scroll 0 0;}
.tableViewOff { background: url(../images/icons/tableIconOff.png) no-repeat scroll 0 0;}


.tableViewTable tr { background:none;}
.tableViewTable td { text-align: right !important; background: url("../images/icons/dot.png") repeat-y scroll left top transparent; }


a.flipperNoBg {text-decoration:none; background:url(../images/icons/9_arrow_down.png) no-repeat 2px 50%; padding-left:16px; color:#8D4900;}
a.flipperNoBg:hover {text-decoration:none; background:url(../images/icons/9_arrow_down_over.png) no-repeat 2px 50%; color:#95151D;}
a.flipperNoBg_d {text-decoration:none; background:url(../images/icons/9_arrow_down_active.png) no-repeat 0px 50%; padding-left:16px; color:#95151D;}
a.flipperNoBg_d:hover {background:url(../images/icons/9_arrow_down_active_over.png) no-repeat 0px 50%; color:#95151D;}
a.flipperNoBg:hover, a.flipperNoBg:visited, a.flipperNoBg {text-decoration:none;}

.sliderDiv .grid4 p{ padding-right:27px; }

select.width-fix {width: 250px; /* fixed width on select tag. */ z-index: 1000; /* Make sure to put the select and its options above all other HTML elements. */ }

#layer { top: 0% !important; }

.brownBlock input[type="text"] { width: 35%; }

.toolsTabs-on {
width: 50%;	
height: 34px;
text-align: center;
background: transparent none inherit inherit inherit; 
background: #333333; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #333333 0%, #474747 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#474747)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333333 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333333 0%,#474747 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333333 0%,#474747 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333333 0%,#474747 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#474747',GradientType=0 ); /* IE6-8 */
	margin: 0px; 	
	color: #fff;
	display:block;
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	line-height: 34px;
	border: 1px solid #333;
	cursor: pointer;	
}
.toolsTabs-off {
width: 50%;	
height: 34px;
text-align: center;
background: transparent none inherit inherit inherit; 
background: #fafafa; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fafafa 0%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */
	margin: 0px; 	
	color: #333;
	display:block;
	font-size: 14px;
	font-weight: normal;
	padding: 0px;
	line-height: 34px;
	border: 1px solid #ccc;
	cursor: pointer;	
}
.toolsTabSelected {
line-height: 9px;
width: 50%;
text-align: center;
background: url(../images/icons/toolsSelected.png) 50% 0% no-repeat;
margin-top: -1px;
}
.percent, .dollar, .dollarOn, .percentOn {margin-right:0px; margin-bottom:2px;}
.percentOn, .dollarOn { display: block; background:none; font-size:13px; text-align:center; }
.percentOff, .dollarOff { display: block; background:none; color:#96151d; font-size:13px; cursor:pointer; text-align:center; }
.percentOff A, .dollarOff A { text-decoration:none; border-bottom: 1px solid #96151d; }
.percentOn A, .dollarOn A, .percentOn A:hover, .dollarOn A:hover { text-decoration:none; cursor:default; color:#333; }

.no_RLPad { padding-left:0 !important; padding-right:0 !important; }

ul.fundDetailToolbar {
	list-style-type: none;
	width: 100%;
	margin: 0px;
	padding: 0px 0px 9px 0px;
}

ul.fundDetailToolbar li {
	list-style-type: none;
	display: inline;
	margin-left: 0px;
	padding-left: 0px;
}

ul.fundDetailToolbarLine li {
	margin: 0px 6px;
}


















/* ***********Slider CSS starts Here************ */
/* Cost simuation tool */
#costCompare { width: 100%; }
.ccHeader { width: auto; padding: 18px; background-color: #EAE5DA; font-size: 12px; }
#ccHeaderTitles {margin-top: 0px; line-height: 18px}
.ccLabel { color: #666666; }
#assumptions { width: 100%; display: table; }
.assumptionsTitle { width: 48%; text-align: left; }
.assumptionsMethodology { width: 50%; text-align: right; }
.assumptionsBox { display: table-cell; vertical-align: top; width: 33.33%; padding-top: 36px; }
.assumptionsLabel { margin-bottom: 18px; }
.assumptionsSlider { width: 95%; position: relative; }
input.assumptionNumber { width: 70px; font-size: 12px; position:absolute; top: 18px; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
.assumptionSpace { width: 45px; }
.sliderNumberLeft { float: left; margin-left: -6px; padding-top: 18px; background: url(../images/ccIncrementLine.png) no-repeat center;}
.sliderNumberRight { float: right; margin-right: -12px; padding-top: 18px; background: url(../images/icons/ccIncrementLine.png) no-repeat center; }

/* input boxes */
.ccInitialInvestment { width: 100px; }
.ccAnnualReturn { width: 50px; }
.ccHoldingPeriod { width: 50px; }
.ui-slider .ui-slider-handle { width:21px; height:29px; background: url(../images/icons/slider_icon.png) no-repeat; overflow: hidden; position: absolute; top: -10px; border-style: none; }
.ui-slider {
    position:relative;
    height:1px;
    background:rgba(255,255,255,0.2);
}
.ui-slider-padder {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:2px;
    outline:none;
    background:white;
}
#slider-range-max dd.initialInvestmentLine { width: 100%; height: 2px; background-color: #ffccff; margin-left: 0px; height: 20px; }

/* input boxes */
.fund1 { display: table-cell; width: 25%; }
.bg010 { width: 58px; height: 25px; border: 1px solid #948775; background: url(../images/icons/bg010.png); padding-right: 3px; display: table-cell; text-align: right; }
.bgPercentOff { width: 58px; height: 25px; border: 1px solid #948775; background: url(../images/icons/bgPercentOff.png); padding-right: 3px; display: table-cell; text-align: right; }
.ccCostColumn { display: table-cell; width: 20%; }
ul.ccCosts { list-style-type: none; padding: 0px; margin: 0px 0px; } 
ul.ccCosts li { list-style-type: none; padding: 0px; margin: 0px; line-height: 27px; text-align: right; margin: 0px 6px 6px 6px; } 
ul.ccCostsTitles li { text-align: left; } 
uVertDot { display: table-cell; background: url(../images/icons/bg_vertDot.png) repeat-y 50% 50%; height: 100%; padding: 0px; }
.ccCostColumn ul.ccCosts li.ccHorDot { background: url(../images/icons/bg_horDot.png) repeat-x; width:100%; line-height: 30px; padding-top: 9px; margin: 0px; padding: 0px 6px; }
.ccResult { font-size: 16px; color: #333; }
.ccResultRed { font-size: 16px; color: #ff0000; }

.valueFloater { background-color: transparent; border: none; }
input.initialAmount .valueFloater { width: 70px; font-size: 12px; position:absolute; top: 18px; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
input.annualReturn .valueFloater { width: 20px; font-size: 12px; position:absolute; top: 18px; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
input.holdingPeriod .valueFloater { width: 20px; font-size: 12px; position:absolute; top: 18px; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }

div.slider div.ui-slider-range {
   background: #948775;
   padding: 0px 0px 0px 0px;
   height: 1px;
   border-bottom: 2px solid #fff;
}
div.slider a.ui-slider-handle { border-color: #948776; background-color: #EFEFEF; margin-top: -5px; }

div.slider div.ui-slider-horizontal{
   margin: 10px 10px 10px 0px;
   width: 180px;
   padding: 0px 0px 0px 0px;
   height: 1px;               
}
/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
*/
/* Component containers
----------------------------------*/
#costCompare .ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }
#costCompare .ui-widget .ui-widget { font-size: 1em; }
#costCompare .ui-widget input, #costCompare .ui-widget select,#costCompare  .ui-widget textarea,#costCompare .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
#costCompare .ui-widget-content { border-bottom: 2px solid #fff; background: #948775 50% 50% repeat-x; color: #333333; }
#costCompare .ui-widget-content a { color: #333333; }
#costCompare .ui-widget-header { border: 1px solid #e3a1a1; background: #990033 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#costCompare .ui-widget-header a { color: #ffffff; }

/* Overlays */
#costCompare .ui-widget-overlay { background: #a6a6a6 url(../images/icons/jquery-ui/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .40;filter:Alpha(Opacity=40); }
#costCompare .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333333 url(../images/icons/jquery-ui/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .10;filter:Alpha(Opacity=10)}
/*
 * jQuery UI Slider 1.8.9
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
#costCompare .ui-slider { position: relative; text-align: left; }
#costCompare .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
#costCompare .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 1px; display: block; border: 0; background-position: 0 0; }

#costCompare .ui-slider-horizontal { height: .8em; }
#costCompare .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
#costCompare .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
#costCompare .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#costCompare .ui-slider-horizontal .ui-slider-range-max { right: 0; }

#costCompare .ui-slider-vertical { width: .8em; height: 100px; }
#costCompare .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
#costCompare .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
#costCompare .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
#costCompare .ui-slider-vertical .ui-slider-range-max { top: 0; }

.textLeft { text-align: left !important; }
a.compareCharacteristics { display: block; width: 100%; height: 100%; color: #333; }
#utility { z-index: 700; }
.semantic-content { z-index: 2000; }
.typeSelectBox { vertical-align: middle; line-height: 31px; color: #fff; display: block; width: 100%; margin: auto 0; background-color: #997A59; }
.typeSelect { color: #fff; }
a.typeSelect:link, a.typeSelect:visited, a.typeSelect:hover, a.typeSelect:active { width: 50%; margin-right: 6px; color: #fff; text-decoration: none; color: #fff; }
.displayBlock { display: block; }
.displayNone { display: none; }
.costSimTitleBox { vertical-align: middle; line-height: 31px; color: #fff; display: block; width: 100%; background-color: #997A59; text-align: left; padding-left: 6px; }
.costSimTitle { background-color: #fff; border: none; color: #333; width:60%; margin-right: 6px; }
.costSimTitleOn { background-color: #fff; color: #333; }
.costSimTitleOff { background-color: #997A59; color: #fff; }

/* toolsTable */
.compareTable .assumptionsTitle { font-size: 18px; }
.compareTable .assumptionsMethodology { font-size: 14px; }
.compareTable .assumptionsTab { width: 100%; text-align: center; padding: 0px; margin: 0px; line-height: 0px; }
.compareTable td.toolsMessaging { text-align: left; padding: 12px 0px; }
.toolsGo { margin: auto 0; text-align: center; padding: 18px 9px 0px 9px; width: 100%; }
input.ticker { float: left; width: 72%; height: 22px; background: url('../images/icons/name_or_ticker.png') no-repeat; }
input.additionalAmount { width: 100px; }
input.invBox {
    text-align:right;
}
.denomination { margin-right: 12px; float: left; }
.percent { margin-right: 18px; float: left; }
.advisorFee { width: 50px; float: right; text-align: right; }
input.UKCostSimFees { margin: 6px 0px 0px 6px; padding: 0px 3px 0px 0px; height: 24px; width: 50px; float: right; text-align: right; border: 1px solid #D9D9D9; }
.costCell { width: 50%; color: #ff0000; }
tr.showTableViewOn td { border-bottom: 1px solid #ccc; }
.compareTable td.toolsHead { font-weight: bold; font-size: 11px; text-align: left; }
.compareTable td.toolsHorzLine { height: 1px; background: url('../images/icons/toolsHorzLine.png') repeat-x left center; line-height: 1px; }
.compareTable input.line1 { outline: 3px solid #F0AB00; margin-right:10px }
.compareTable input.line2 { outline: 3px solid #0098DB; margin-right:10px }
.compareTable input.line3 { outline: 3px solid #80379B; margin-right:10px }
.compareTable input.line4 { outline: 3px solid #cccccc; margin-right:10px}
.compareTable #costCompare { text-align: left; }
ompareTable tr.toolsSpacer td { line-height: 18px; margin: 0px; padding: 0px; }
.compareTable .toolsTabSelected {
line-height: 9px;
width: 50%;
text-align: center;
background: url('../images/icons/toolsSelected.png') 50% 0% no-repeat;
margin-top: -1px;
}
.compareTable thead tr th, #header-fixed thead tr th { font-weight: normal; }
.compareTable .disableGrayFont, .compareTable .disableGrayFont a { color: #CCC; border-bottom: 1px dotted #CCC; }
.compareTable .disableGrayFont input[type="text"] { color: #CCC; }

.compareTable td.content { text-align: left; }
tr#fundSelect td { vertical-align: top; line-height: 18px; text-align: center; }
tr#fundSelect td button { font-weight: bold; color: #666; }
tr#fundSelect td input.ticker { width: 120px; }
tr#fundSelect td input.buttonGo { font-weight: bold; color: #666; }
/*.compareTable th { vertical-align: bottom; }*/
div#fundSelect { display: table-column-group; }
div#compareSelectFund { margin: 0 auto; position: absolute; width: 100%; height: 100%; background-color: #999; z-index: 2000; text-align: center; 
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
table#compareFundSelect { text-align: left; }
table#compareFundSelect td { padding: 3px; }
table#compareFundSelect th { padding: 3px; }
.accordionContent {  border-left: none; border-right: none; border-top: none; border-bottom: none; padding: 0px;  margin-bottom: 0px; }
#initialAmount { padding: 0px 36px 0px 0px; } 
#annualReturn { padding: 0px 18px 0px 18px; }
#holdingPeriod { padding: 0px 0px 0px 36px;}
th.fundSelectOff { opacity:0.4; filter:alpha(opacity=40); }
#header-fixed { 
    position: fixed; 
    top: 0px;
	margin-left: -1px;
	padding-right: 1px; 
	display:none;
    background-color: white;
	z-index: 800;
}
/* select fund */
div#compareSelectFundBox {
    width: 50%;
	height: 440px;
    background-color: #fff;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	margin: 0 auto;
    margin-left: auto;
	margin-right: auto; 
	margin-top: 300px;
	display: block;

}
div.fundSelectFooter { position: absolute; left: 0px; bottom: -18px; padding: 0px; background-color: #997A59; line-height: 54px; height: 54px; width: 100%; }
div#fundSelectScroller { height: 300px; position: relative; overflow-y: scroll; }
.alphbetizedList { padding-left: 6px; background-color: #997A59 !important; }
div#fundSelectScroller ul li { padding-left: 6px; margin: 0px 18px 9px 0px; }
div#fundSelectScroller ul { margin: 0px 18px 0px 0px; padding: 0px; line-height: 18px; }

/* sliders */

.slider-nav { position: absolute; right: 0px; margin-right: 12px; font-size: 8px; line-height: 6px !important; }
.slider-nav ul li { line-height: 12px; margin: 0px; padding: 0px; }

.slider-nav a { text-transform: capitalize; color: #999; }

.sliderLeft { display: block; position: absolute; top: 0px; left: 0px; }
.sliderRight { display: block; position: absolute; top: 0px; right: -18px; }

div#compareSelectFundBox .tabSpacing { text-align: left; }
div#compareSelectFundBox { display: block; text-align: left; padding: 27px; }

.closeModal { position: absolute; right: 6px; top: 6px; }

.selectFundsNonVanguardList { margin: 0px 27px 0px 0px; }
div.fundSelectAlpha { position: absolute; top: 63px; right: 40px; }
div.fundSelectAlpha ul { line-height: 12px; text-transform: capitalize; font-size: 8px; margin-top: 18px; }
div.fundSelectAlpha ul li a { color: #999; cursor: pointer; }
div.fundSelectAlpha ul li { padding: 0px; margin: 0px; }
div.fundSelectAlpha ul { padding: 0px; margin: 18px 0px 0px 0px; }

/* slider  styles */

.ui-slider-horizontal {
height: 1px;
}

button.gray {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #dddddd) );
	background:-moz-linear-gradient( center top, #f2f2f2 5%, #dddddd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dddddd');
	background-color:#f2f2f2;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #ededed;
	display:inline-block;
	color:#003333;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:23px;
	line-height:23px;
	padding: 0px 9px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin: 0px;
}
button.gray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #f2f2f2) );
	background:-moz-linear-gradient( center top, #dddddd 5%, #f2f2f2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#f2f2f2');
	background-color:#dddddd;
}

button.gray:active {
	position:relative;
	top:1px;
}



/* a href buttons */


a.buttonGray {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #dddddd) );
	background:-moz-linear-gradient( center top, #f2f2f2 5%, #dddddd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dddddd');
	background-color:#f2f2f2;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #ededed;
	display:inline-block;
	color:#333;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:23px;
	line-height:23px;
	padding: 0px 9px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
	margin: 0px;
}
a.buttonGray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #f2f2f2) );
	background:-moz-linear-gradient( center top, #dddddd 5%, #f2f2f2 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#f2f2f2');
	background-color:#dddddd;
}

a.buttonGray:active {
	position:relative;
	top:1px;
}




a.buttonRed {
	-moz-box-shadow:inset 0px 1px 0px 0px #b01923;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b01923;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b01923), color-stop(1, #80111a) );
	background:-moz-linear-gradient( center top, #b01923 5%, #80111a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b01923', endColorstr='#80111a');
	background-color:#b01923;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	display:inline-block;
	border: none;
	color:#fff;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	height:25px;
	line-height:25px;
	padding: 0px 9px;
	text-decoration:none;
	text-align:center;
	margin: 0px;
}
a.buttonRed:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #80111a), color-stop(1, #b01923) );
	background:-moz-linear-gradient( center top, #80111a 5%, #b01923 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80111a', endColorstr='#b01923');
	background-color:#80111a;
	color:#fff;
}
a.buttonRed:active {
	position:relative;
	top:1px;
}

/* special fonts for tools */
.returns { font-size: 16px; }
.costsOverTime { font-size: 16px; color: #ff0000; }

#FidelityFunds { display: none; height: 300px; position: relative; }
#BMOFunds { display: none; height: 300px; position: relative;  }
.vScroller { overflow-y: scroll; }
#fctHeaderFirstCell div{width:175px;} 
/* lightboxes */
.lightbox { }
/* title */
.costCompareInfoIcon { float: right; margin: -45px 6px 0px 0px; }
.costCompareInfoIcon:hover { cursor: pointer; cursor: hand; }

.popUpInfoLayer { background:#FFF; position:absolute; top:9%; left:15%; margin:0 auto; z-index:999; padding:18px; padding-bottom:0px; width:70%;}
.popUpCalcMethodologyLayer { background:#FFF; position:absolute; top:9%; left:15%; margin:0 auto; z-index:999; padding:18px; padding-bottom:0px; width:70%;}

#infoLayerBottomBorder {height: 54px; line-height: 54px; background-color: #997A59; margin-left: -18px; margin-right: -18px;}
#fctHeaderFirstCell{ vertical-align:top; }
#costMer .feeBox{ text-align: right; }
#costMer td.investmentAssumptions{padding-left:0; padding-right:0}
/* assumptions styles */
.valueFloater { background-color: transparent; border: none; color: #96151D; margin-top: 0px; }
input.initialAmount .valueFloater { width: 70px; font-size: 12px; position: absolute; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
input.annualReturn .valueFloater { width: 20px; font-size: 12px; position: absolute; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
input.holdingPeriod .valueFloater { width: 20px; font-size: 12px; position: absolute; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
.increments { width: 100%; }
.incrementLg { background-color: #fff; height: 18px; width: 1px; }
.invrementSm { background-color: #fff; height: 8px; width: 1px; }
/* Corner radius */
#costCompare .ui-corner-all, #costCompare .ui-corner-top, #costCompare .ui-corner-left,#costCompare .ui-corner-tl { -moz-border-radius-topleft: 0px/*{cornerRadius}*/; -webkit-border-top-left-radius: 0px/*{cornerRadius}*/; -khtml-border-top-left-radius: 0px/*{cornerRadius}*/; border-top-left-radius: 0px/*{cornerRadius}*/; }
#costCompare .ui-corner-all, .ui-corner-top,#costCompare .ui-corner-right,#costCompare .ui-corner-tr { -moz-border-radius-topright: 0px/*{cornerRadius}*/; -webkit-border-top-right-radius: 0px/*{cornerRadius}*/; -khtml-border-top-right-radius: 0px/*{cornerRadius}*/; border-top-right-radius: 0px/*{cornerRadius}*/; }
#costCompare .ui-corner-all, #costCompare .ui-corner-bottom,#costCompare .ui-corner-left, #costCompare .ui-corner-bl { -moz-border-radius-bottomleft: 0px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 0px/*{cornerRadius}*/; border-bottom-left-radius: 0px/*{cornerRadius}*/; }
#costCompare .ui-corner-all,#costCompare .ui-corner-bottom, #costCompare .ui-corner-right, #costCompare .ui-corner-br { -moz-border-radius-bottomright: 0px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 0px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 0px/*{cornerRadius}*/; border-bottom-right-radius: 0px/*{cornerRadius}*/; }
#costCompare .ui-slider-horizontal { height: 1px; }
.toolsReplaceLine { line-height: 1px; background-color: #ccc; margin: 18px 0px; }

/* Prototype shenanigans */
.compareStep1 { display: block; }
.compareStep2 { display: none; }
.compareStep3 { display: none; }
.compareStep4 { display: none; }
.displayBlock { display: block; }


/* SLIDER STYLES */
div.slider div.ui-slider-range {
   background: #948775;
   padding: 0px 0px 0px 0px;
   height: 1px;
   border-bottom: 2px solid #fff;
}
div.slider a.ui-slider-handle { border-color: #948776; background-color: #EFEFEF; margin-top: -5px; }
div.slider div.ui-slider-horizontal{
   margin: 10px 10px 10px 0px;
   width: 180px;
   padding: 0px 0px 0px 0px;
   height: 1px;               
}


/* Overlays */
#costCompare .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#costCompare .ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }
#costCompare .ui-widget .ui-widget { font-size: 1em; }
#costCompare .ui-widget input,#costCompare .ui-widget select,#costCompare .ui-widget textarea,#costCompare .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
#costCompare .ui-widget-content { border-bottom: 2px solid #fff; background: #948775 50% 50% repeat-x; color: #333333; }
#costCompare .ui-widget-content a { color: #333333; }
#costCompare .ui-widget-header { border: 1px solid #e3a1a1; background: #990033 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#costCompare .ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
#costCompare .ui-state-default, #costCompare .ui-widget-content .ui-state-default, #costCompare .ui-widget-header .ui-state-default { border: none; background: #eeeeee 50% 50% repeat-x; font-weight: bold; color: #004276; }
#costCompare .ui-state-default a,#costCompare .ui-state-default a:link,#costCompare .ui-state-default a:visited { color: #004276; text-decoration: none; }
#costCompare .ui-state-hover, #costCompare .ui-widget-content .ui-state-hover, #costCompare .ui-widget-header .ui-state-hover, #costCompare .ui-state-focus, #costCompare .ui-widget-content .ui-state-focus, #costCompare .ui-widget-header .ui-state-focus { border: 1px solid #cdd5da; background: #f6f6f6 url(../images/icons/ui-bg_highlight-hard_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #111111; }
#costCompare .ui-state-hover a, #costCompare .ui-state-hover a:hover { color: #111111; text-decoration: none; }
#costCompare .ui-state-active, #costCompare .ui-widget-content .ui-state-active, #costCompare .ui-widget-header .ui-state-active { border: 1px solid #eeeeee; background: #ffffff url(../images/icons/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: bold; color: #990033; }
#costCompare .ui-state-active a,#costCompare .ui-state-active a:link,#costCompare .ui-state-active a:visited { color: #990033; text-decoration: none; }
#costCompare.ui-widget :active { outline: none; }*/

/* Interaction Cues
----------------------------------*/
#costCompare .ui-state-highlight, #costCompare .ui-widget-content .ui-state-highlight, #costCompare .ui-widget-header .ui-state-highlight  {border: 1px solid #fcd3a1; background: #fbf8ee url(../images/icons/ui-bg_glass_55_fbf8ee_1x400.png) 50% 50% repeat-x; color: #444444; }
#costCompare .ui-state-highlight a, #costCompare .ui-widget-content .ui-state-highlight a,#costCompare .ui-widget-header .ui-state-highlight a { color: #444444; }
#costCompare .ui-state-error, #costCompare .ui-widget-content .ui-state-error, #costCompare .ui-widget-header .ui-state-error {border: 1px solid #cc0000; background: #f3d8d8 url(../images/icons/ui-bg_diagonals-thick_75_f3d8d8_40x40.png) 50% 50% repeat; color: #2e2e2e; }
#costCompare .ui-state-error a, #costCompare .ui-widget-content .ui-state-error a, #costCompare .ui-widget-header .ui-state-error a { color: #2e2e2e; }
#costCompare .ui-state-error-text, #costCompare .ui-widget-content .ui-state-error-text,#costCompare .ui-widget-header .ui-state-error-text { color: #2e2e2e; }
#costCompare .ui-priority-primary, #costCompare .ui-widget-content .ui-priority-primary,#costCompare .ui-widget-header .ui-priority-primary { font-weight: bold; }
#costCompare .ui-priority-secondary, #costCompare .ui-widget-content .ui-priority-secondary, #costCompare .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
#costCompare .ui-state-disabled, #costCompare .ui-widget-content .ui-state-disabled,#costCompare .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#costCompare .ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
#assumptions  .ui-slider-handle .ui-state-default .ui-corner-all {  -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; }
/* Overlays */
 #costCompare .ui-widget-overlay { background: #a6a6a6 url(../images/icons/ui-bg_dots-small_65_a6a6a6_2x2.png) 50% 50% repeat; opacity: .40;filter:Alpha(Opacity=40); }
#costCompare .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #333333 url(../images/icons/ui-bg_flat_0_333333_40x100.png) 50% 50% repeat-x; opacity: .10;filter:Alpha(Opacity=10)}
#costCompare .ui-slider { position: relative; text-align: left; }
#assumptions  .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; border: 1px solid #948776; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px;  overflow: visible;}
#costCompare .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 1px; display: block; border: 0; background-position: 0 0; }
#costCompare .ui-slider-horizontal { height: 1px; }
#costCompare .ui-slider-horizontal .ui-slider-handle { top: -6px; margin-left: -.6em; }
#costCompare .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
#costCompare .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#costCompare .ui-slider-horizontal .ui-slider-range-max { right: 0; }
#costCompare .ui-slider-vertical { width: .8em; height: 100px; }
#costCompare .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
#costCompare .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
#costCompare .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
#costCompare .ui-slider-vertical .ui-slider-range-max { top: 0; }
/* Lean modal */
#lean_overlay {
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.modalLayer
{
width: 50%;
padding-bottom: 2px;
display:none;
background: #FFF;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);	
top: 100px;
}
#fundList1 {
}
#intro {
}
.close_button { position: absolute; top: 12px; right: 12px; display: block; width: 18px; height: 18px; background: url(images/close.png); z-index: 2; }
.footer_close { }
.footer_add_fund { }
.modal_close {  }
.selectFundsContainer { height: 300px; overflow: auto; overflow-x: auto; position: relative; }
div.selectFundsContainer::-webkit-scrollbar{ width:12px; height:7px; }
div.selectFundsContainer::-webkit-scrollbar-track{ background-color:rgba(0,0,0,0.0); }
div.selectFundsContainer::-webkit-scrollbar-track:hover{ background-color:rgba(0,0,0,0.05); }
div.selectFundsContainer::-webkit-scrollbar-thumb{ background-color:rgba(153,122,89,0.4); }
div.selectFundsContainer::-webkit-scrollbar-thumb:hover{ background-color:rgba(141,73,0,0.7); }
.modalBox { position: relative; padding: 18px 18px 36px 18px; }
.modalFooter { position: absolute; width: 100%; bottom: 0px; left: 0px; height: 54px; line-height: 54px; background-color: #997A59; }
.modalFooterLeft { float: left; margin-left: 18px; }
.modalFooterRight { float: right; line-height: 54px; height: 54px; }
.modalSelectDialog { float: left; margin-right: 18px; font-size: 16px; }
.modalAddFund { float: right; margin: 15px 18px 0px 0px; }
.noInput { background-color: #fff; border: none; text-align: right; }
.noInputReturns { background-color: #fff; border: none; text-align: right; font-size: 16px; }
.noInputReturnsRed { background-color: #fff; border: none; text-align: right; font-size: 16px; color: #ff0000; }
.displayNone { display: none; }
.displayBlock { display: block; }
.fundSelectHeader { background-color: #997A59; color: #fff; line-height: 36px; padding-left: 12px; font-weight: normal; }
.toolContainer { width: 33%; float: left; }
.assumptions1 { float: left; }
.assumptions2 { float: left; }
.assumptions3 { clear: both; }
.toolsHeadIntro { width: 19%; }
.toolsHeadMain { width: 20%; }
#flipYourScreen { display: none; }
.costAdvantage1 { position: absolute; left: 22px; top: 6px; }
.costAdvantage2 { display: none; }
div.popupGraph { display:none; }
div.popupHover { position: relative; }
div.popupHover:hover div.popupGraph { display:block; }
div.popupGraph { position: absolute; top: 6px; right: 0px; }
/* columns */
.toolsColumn1 { width: 20%; }
.toolsColumn2 { width: 20%; }
.toolsColumn3 { width: 20%; }
.toolsColumn4 { width: 20%; }
.toolsColumn5 { width: 20%; }
.bgBrown { background-color: #997A59;}
/* SMALL */
@media only screen and (min-width : 300px) and (max-width : 600px) {
/* columns */	
.toolsColumn1 { width: 33%; }
.toolsColumn2 { width: 33%; }
.toolsColumn3 { width: 33%; }
.toolsColumn4 { display: none; }
.toolsColumn5 { display: none; }	
.compareTable th.toolsIntroText, #header-fixed th.toolsIntroText {
font-size: 12px;
width: 19%;
}
#header-fixed { top: 40px; }
.compareTable, #header-fixed {
font-size: 12px;
}
td.toolCol3, th.toolCol3 { display: none; }
td.toolCol4, th.toolCol4 { display: none; }

/* modal */
.modalLayer
{
width: 100%;
padding-bottom: 2px;
display:none;
background: #FFF;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);	
top: 100px;

}
div#compareSelectFundBox {
    width: 100%;
    background-color: #fff;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	margin: 0 auto;
	display: block;

}
.modalBox { height: 200px; overflow: auto; overflow-x: auto; position: relative; }
div.modalBox::-webkit-scrollbar{ width:12px; height:7px; }
div.modalBox::-webkit-scrollbar-track{ background-color:rgba(0,0,0,0.0); }
div.modalBox::-webkit-scrollbar-track:hover{ background-color:rgba(0,0,0,0.05); }
div.modalBox::-webkit-scrollbar-thumb{ background-color:rgba(153,122,89,0.4); }
div.modalBox::-webkit-scrollbar-thumb:hover{ background-color:rgba(141,73,0,0.7); }
div#fundSelectScroller { height: 100%; position: relative; overflow-y: scroll; }
#FidelityFunds { display: none; height: 100%; position: relative; }
#BMOFunds { display: none; height: 100%; position: relative;  }
.selectFundsContainer { height: 100%; overflow: auto; overflow-x: auto; position: relative; }
div.modalFooter { bottom: -45px; }
/* assumptions - SMALL  */
#initialAmount { width: 100%; padding: 0px; }
#annualReturn { width: 100%; padding: 0px; }
#holdingPeriod { width: 100%; padding: 0px; }
.assumptions1 { float: left; width: 70%; }
.assumptions2 { float: right; text-align: right; width: 20%; }
.assumptions3 { display: none; }
#header-fixed { 
	top: 44px;
}
.toolsHeadIntro { width: 19%; }
.toolsHeadMain { width: 40%; }
.smallHide { display: none; }
tr.showTableView td { display: table-cell; }
.compareTable td {
line-height: 18px;
}
td.toolsHorzLine { padding: 0px; }
.costAdvantage1 { display: none; }
.costAdvantage2 { display: block; position: absolute; margin-left: 18px; }
td.toolCol3, th.toolCol3 { display: none !important; }
td.toolCol4, th.toolCol4 { display: none !important; }
td.toolsVertLine .toolCol3 { display: none !important; }
td.toolsVertLine .toolCol4 { display: none !important; }
.smallOff { display: none; }
div#assumptions input.holdingPeriod {
width: 30px;
}
}
/* Characteristics */
.compareTable td.toolsHorzBorder { border-top:dotted 1px #999; }
td.vertLineCharacteristics { padding: 0px 0px 0px 0px; background: url('images/icons/toolsVertLine.png') repeat-y left top; line-height: 18px; }
.compareTable th.openTab {
vertical-align: middle;
padding-left: 12px;
}
.no_RLPad { padding-left:0 !important; padding-right:0 !important; }
@charset "utf-8";
/* CSS Document */

#assumptions { width: 100%; display: table; }
.toolContainer { width: 33%; float: left; }
#flipYourScreen { display: none; }
#costCompare { width: 100%; }
.ccHeader { width: inherit; padding: 18px; background-color: #EAE5DA; font-size: 12px; }
.ccLabel { color: #666666; }
.assumptionsTitle { width: 48%; text-align: left; font-size: 18px; }
.assumptionsMethodology { width: 50%; text-align: right; }
.assumptionsBox { display: table-cell; vertical-align: top; width: 33.33%; padding-top: 36px; }
.assumptionsLabel { margin-bottom: 18px; }
.assumptionsSlider { width: 95%; position: relative; }
input.assumptionNumber { width: 70px; font-size: 12px; position:absolute; top: 18px; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
.assumptionSpace { width: 45px; }
.assumptions1 { float: left; line-height: 30px; padding-right: 18px; }
.assumptions2 { float: left; line-height: 30px; width: 100%; white-space: nowrap; }
.assumptions3 { clear: both; padding-top: 18px; }
#initialAmount { padding: 0px 36px 0px 0px; } 
#annualReturn { padding: 0px 18px 0px 18px; }
#holdingPeriod { padding: 0px 0px 0px 36px;}
.valueFloater { background-color: transparent; border: none; }
input.initialAmount .valueFloater { width: 70px; font-size: 12px; position:absolute; top: 18px; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
input.annualReturn .valueFloater { width: 20px; font-size: 12px; position:absolute; top: 18px; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
input.holdingPeriod .valueFloater { width: 20px; font-size: 12px; position:absolute; top: 18px; background: inherit; border: 0; color: #96151D; z-index: 1000; text-align: center; }
div#assumptions { display: block; background-color: #EAE5DA; padding: 18px 0px 0px 0px; }
div#assumptions input.initialAmount { width: 78px; }
div#assumptions input.holdingPeriod { width: 30px; }
div#assumptions input.annualReturn { width: 30px; }
div#assumptions input.initialAmount.valueFloater { margin-left: -5%; }
div#assumptions input.annualReturn.valueFloater { margin-left: 63%; }
div#assumptions input.holdingPeriod.valueFloater { margin-left: 35%; }
div#assumptions input.additionalAmount { width: 70px; }

/* Accordion button */
.accordionButton { cursor: pointer;	width: 100%; text-align: center; }
span.toolsAccordionTarget { margin: auto; display: block; width: 36px; height: 27px; }
.toolsAccordionButtonOn { background: url(../images/icons/assumptionsTab.png) no-repeat center top; }
.toolsAccordionButtonOff { background: url(../images/icons/assumptionsTabOff.png) no-repeat center top; }

/* ui slider pips */
.ui-slider-horizontal { height: 1px; }
.ui-slider-horizontal.ui-slider-pips { margin-bottom: 18px; }
.ui-slider-pips .ui-slider-label,
.ui-slider-pips .ui-slider-pip-hide { display: none; }
.ui-slider-pips .ui-slider-pip-label .ui-slider-label { display: block; }
.ui-slider-pips .ui-slider-pip { 
		width: 2em; height: 1em; line-height: 1em; position: absolute;
		font-size: 12px; color: #948775; background-color: #none; overflow: visible; text-align: center;
		top: 1px; left: 20px; margin-left: -1em; cursor: pointer;
}
.ui-slider-pips .ui-slider-line { background: #fff; width: 1px; height: 9px; position: absolute; left: 50%; top:1px; }
.ui-slider-pips .ui-slider-label { position: absolute; top: 18px; left: 50%; margin-left: -1em; width: 3em; }
.ui-slider-pip:hover .ui-slider-label { color: black; font-weight: bold; }
.ui-slider-vertical.ui-slider-pips { margin-bottom: 0; margin-right: 2em; }
.ui-slider-vertical.ui-slider-pips .ui-slider-pip { 
	text-align: left; top: 20px; left: 20px; margin-left: 0; margin-top: -0.5em;
}
.ui-slider-vertical.ui-slider-pips .ui-slider-line { width: 3px; height: 1px; position: absolute; top: 50%; left: 0; }
.ui-slider-vertical.ui-slider-pips .ui-slider-label { top: 50%; left: 0.5em; margin-left: 0; margin-top: -0.5em; width: 2em; }
.ui-slider-vertical.ui-slider-pip:hover .ui-slider-label { color: black; font-weight: bold; }
.ui-slider-horizontal .ui-slider-handle { top: -7px; margin-left: -.6em; }
/* ui slider float */
.ui-slider-tip { width: 2.4em; }
.ui-slider-float .ui-slider-handle:focus,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label { outline: none; }
.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {
		position: absolute; 
		visibility: visible;
		top: 0px; 
		display: block;
		width: 4em;
		margin-left: -18px; 
		left: 0px;
		height: 27px; 
		line-height: 27px;
		padding: 0px 6px; 
		background: none; 
		text-align: center;
		font-size: 12px; 
		opacity: 0;
		color: #96151D;
		filter: Alpha(Opacity=0);
	}
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { 
		opacity: 1; 
		top: 15px; 
		visibility: visible;
		overflow: visible;
		border-bottom:none;
		text-decoration:none;
		filter: Alpha(Opacity=100); 
	}
/*.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 5px; }*/
	.ui-slider-float .ui-slider-pip .ui-slider-tip-label { top: 10px; }
	.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label { top: 10px; font-weight: normal; }
	.ui-slider-float .ui-slider-tip:after,
	.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
		content: " ";
		width: 0; height: 0;
		position: absolute;
		bottom: 0px; left: 0; margin-left: -5px;  
	}
	.ui-slider-float .ui-slider-tip:before,
	.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
		content: " ";
		width: 0; height: 0;
		position: absolute;
		bottom: 0px; left: 0; margin-left: -5px;  
	}
	.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
		top: 0px; 
	  }
	.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
		top: 0px; 
	  }
	    
/* handle */
.ui-slider-handle .ui-state-default .ui-corner-all {  -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px;}	
 .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; border: 1px solid #948776; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px;  }  
#assumptions .ui-widget-content { line-height: 2px; height: 2px; background-color: #948775; border-bottom: 1px solid #ffffff; }

/* SMALL */
@media only screen and (min-width : 300px) and (max-width : 600px) {
/* assumptions - SMALL  */
#initialAmount { width: 100%; padding: 0px; }
#annualReturn { width: 100%; padding: 0px; }
#holdingPeriod { width: 100%; padding: 0px; }
.assumptions1 { float: left; width: 70%; }
.assumptions2 { float: right; text-align: right; width: 20%; }
.assumptions3 { display: none; }
}
/* MEDIUM */
@media only screen and (min-width : 600px) and (max-width : 960px) {
/* columns */	
.toolsColumn1 { width: 25%; }
.toolsColumn2 { width: 25%; }
.toolsColumn3 { width: 25%; }
.toolsColumn4 { display: 25%; }
.toolsColumn5 { display: none; }	
#toolsTable { font-size: 12px; }
#header-fixed { font-size: 12px; top: 40px; }
#toolsTable th.toolsIntroText a, #header-fixed th.toolsIntroText a {
font-size: 12px;
}
td.toolCol4, th.toolCol4 { display: none !important; }
.initialAmount { width: 50%;}
.toolContainer { width: 100%; display: table; }
.medFL { float: left; }
.medFR { float: right; }
/* assumptions - MEDIUM  */
#initialAmount { padding: 0px; height: 50px; }
#annualReturn { padding: 0px; height: 50px; }
#holdingPeriod { padding: 0px; height: 50px; }
.assumptions1 { display: table-cell; width: 45%; }
.assumptions2 { display: table-cell; text-align: right; width: 25%; }
.assumptions3 { display: table-cell; width: 30%; padding-right: 18px; }
.assumptions3 #slider1 {margin-bottom:10px}
#header-fixed { 
	top: 44px;
}
}

/* FLIP YOU SCREEN */
@media only screen and (min-width : 1px) and (max-width : 320px) {	
#flipYourScreen { margin: auto; display: block; background-color: #F0F0F0; width: 100%; height: 100%; text-align: center; min-height: 500px; }
.flipYourScreenHeader { text-align: left; background-color: #997A59; color: #fff; width: 100%; padding: 15px; line-height: 18px; }
.flipYourScreenImage { margin-top: 44px; }
#toolsTable { display: none; }
#header-fixed { display: none; }
/*div#banner { display: none; }*/
}
/* Slider CSS Ends Here */


/* Cookie Drawer */
.cookieDrawer { margin:auto; background-color:#FFF; }
.cookieBox { padding:18px; background-color: #FAF2BB; display:inline-block; margin-bottom:18px;}
.cookieBox a {text-decoration:underline;}
.cookieInfo {border-bottom: 1px dotted #8D4900 !important;outline: medium none; text-decoration:none !important;}
#close a{ text-decoration:none !important;}
.tableSpace td {padding:0 0 6px 0;}
table.tableSpace {margin-bottom:9px !important;}

.header .secure_link {
	background: url(../images/icons/utility_lock.png) no-repeat 0 20%;
	padding-left: 21px !important;
	display: inline-block
}

.logged_off #head_logged_off,.logged_on #head_logged_on {
	display: block
}

.logged_on #head_logged_off,.logged_off #head_logged_on {
	display: none
}

.summaryTable td { padding: 3px; vertical-align: top; }
.summaryLeft { width: 99%; float: none; }
.summaryRight { width: 99%; float: none; }

/* 10/28/2013 css */
ul.shareClassList {
    display: inline;
    font-size: 12px;
    font-weight: normal;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul.shareClassList li {
    display: inline;
    list-style: none outside none;
    white-space: normal;
    line-height: 16px;
}
ul.shareClassList li a {
    background: url("../images/icons/dropdown_active.png") no-repeat scroll 100% 6px transparent;
    padding-bottom: 10px;
    padding-right: 12px;
    text-decoration: underline;
}

ul.shareClassList ul {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: none;
    margin-left: 10px;
    padding: 3px 3px 8px;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    width: 200px;
    z-index: 8000;
}

/* added to increase margin for caribbean share class dropdown */
ul.avwShareClassList {
	margin-left: 190px !important;
}

ul.shareClassList li li a {
    background-image: none !important;
    color: #333333 !important;
    display: block;
    outline: medium none;
    padding: 3px;
    text-decoration: none;
}
ul.shareClassList li ul li:hover a {
    background-color: #96151D;
    background-image: none !important;
    color: #FFFFFF !important;
    text-decoration: none;
}
* + html ul.shareClassList ul {
    margin-top: 18px;
	margin-left: -200px;
}

/* IDC Market Price for HK include file CSS */
.idcMPHK p {
    color: #666666;
    font-size: 11px;
    margin: 9px 0;
}
.idcMPHK h2 {
	margin:5px 0 21px 0 !important;
}
/* IDC Market Price for HK include file CSS Ends */
.phoneNumberHolder {
	margin: 45px 0px 0px 15px;  
	height: 20px;
	float: left;
	padding-right: 18px;
}

.errMsgTF {
background-color: #FAF2BB !important;
border-left: solid 3px #f00;
padding:8px 6px;
}
.ccHeader .errMsgTF { padding:0; } 

/* dropdown menu/navigation */

#dropdown { width: 100%; font-size: 14px; }
#dropdown ul { display: block; list-style-type: none;  width: 100%; margin: 0px 0px 18px 0px;  }
#dropdown ul li { line-height: 33px; }
#dropdown ul li a { display: block; width: 100%; line-height: 33px; color: #333; height: 33px; }
#dropdown ul li a:hover { color: #333; text-decoration: none; }
#dropdown ul li ul { list-style-type: none; line-height: 33px; width: 100%; border: 1px solid #E3E0D9; border-top: 1px solid #ffffff; margin-top: -1px; }
#dropdown ul li ul li { display: block; width: 100%; border-bottom: 1px solid #E3E0D9; }
#dropdown ul li ul li a { display: block; line-height: 33px; padding: 0px 9px; }
#dropdown ul li ul li a:hover { line-height: 33px; background-color: #96151D; color: #fff; text-decoration: none;}
#dropdown .redDropArrow { float: right; margin: 12px; }
#dropdown a.dropdownTop { border: 1px solid #E3E0D9; padding: 0px 0px 0px 9px; font-size: 16px; color: #96151D; background: url('../images/redDropArrow.png'); background-repeat: no-repeat; background-position: 97% 50%;}
#dropdown a.dropdownTop:hover { color: #96151D; }
#dropdown .dropdownOn { display: block !important; }
#dropdown .dropdown { display: none; }


/* Left tabs */
/* hide span on med/lg */
*:focus  { outline: none; }  
#leftTabs .leftTabs { float: left; }
#leftTabs a.leftTabs { float: left; }
#leftTabs ul.leftTabs { list-style-type: none; margin: 0px 18px 0px 0px; padding: 0px; line-height: 18px; font-size: 14px; }
#leftTabs ul.leftTabs li { border-top: 1px solid #d9d9d9; }
#leftTabs ul.leftTabs li a { display: block; width: 100%; height: 100%; padding: 12px; *margin-left: -18px; }
#leftTabs li.ui-state-active { 
	background: #333333; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ODQ4NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #333333 0%, #484848 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#484848)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#484848 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#484848 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#484848 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#484848 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#484848',GradientType=0 ); /* IE6-8 */
	border: 1px solid #333;	
	border-bottom: none;
	color: #fff;
	overflow: hidden;
	*margin-left: -18px;
	*padding-left: 12px;
 }
#leftTabs li.ui-state-active a { color: #fff; }
#leftTabs .ui-state-default { background-image: none; }
.ui-corner-top {}
.ui-tabs-panel {}
.ui-widget-content {}
.ui-corner-bottom {}
.ui-tabs-panel {}
.ui-widget-content {}
.ui-corner-bottom {}

/* left tab dropdown */
#leftTabDropdown { width: 100%; font-size: 14px; }
#leftTabDropdown ul { display: block; list-style-type: none;  width: 100%; margin: 0px 0px 18px 0px;  }
#leftTabDropdown ul li { line-height: 33px; }
#leftTabDropdown ul li a { display: block; width: 100%; line-height: 33px; color: #333; height: 33px; }
#leftTabDropdown ul li a:hover { color: #333; text-decoration: none; }
#leftTabDropdown ul li ul { list-style-type: none; line-height: 33px; width: 100%; border: 1px solid #E3E0D9; border-top: 1px solid #ffffff; margin-top: -1px; }
#leftTabDropdown ul li ul li { display: block; width: 100%; border-bottom: 1px solid #E3E0D9; }
#leftTabDropdown ul li ul li a { display: block; line-height: 33px; padding: 0px 9px; }
#leftTabDropdown ul li ul li a:hover { line-height: 33px; background-color: #96151D; color: #fff; text-decoration: none;}
#leftTabDropdown .redDropArrow { float: right; margin: 12px; }
#leftTabDropdown a.dropdownTop { border: 1px solid #E3E0D9; padding: 0px 0px 0px 9px; font-size: 16px; color: #96151D; background: url('../images/redDropArrow.png'); background-repeat: no-repeat; background-position: 97% 50%;}
#leftTabDropdown a.dropdownTop:hover { color: #96151D; }
#leftTabDropdown .dropdownOn { display: block !important; }
#leftTabDropdown .dropdown { display: none; }
#leftTabDropdown ul li ul li a.dropdownTop { font-size: 14px; color: #96151D; }

#iwu_content {
	clear: both;
	text-align: left;
	width: 100%;
	padding-bottom: 18px;
}

#tabbox {
	width: 100%;
	overflow: hidden;
	text-align: left;
	background: white;
}

#tabbox .tab {
	float: left;
	background-color: #e0dbcf;
	display: block;
	width: 33.33333333%;
	color: #b3b3b3;
	font-size: 12px;
	margin: 1px 0 1px 0;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 9px;
	padding-bottom: 9px;
	min-height: 54px;
	
}

#tabbox .tab.selected {
	background-color: #91181F;
	color: #FFF;
}

#tabbox .tab.innertab  {
	border-right: 2px solid #FFF;
	border-left:  2px solid #FFF;
}

#tabbox .tab.clickable {
	color: #FFF;
	cursor: pointer;
	background-color: #A8A093;
}

#tabbox .tab.width_s {
	width: 29% !important;
}

#tabbox .tab.width_l {
	width: 50% !important;
}

@media only screen and (min-width : 300px) and (max-width : 600px) {
#tabbox .tab.width_s {
		width: 40% !important;
	}

#tabbox .tab.width_l {
		width: 60% !important;
	}
}

#tabbox .tab .tabNumber {
	width: 10%;
	float: left;
}

#tabbox .tab .tabName {
	float: right;
	width: 90%;
	padding-left: 18px;
}

#tabbox .tab.half{
	width:50%;
}

#tabbox .tab.width_25 {	
width: 25% !important;
}

#tabbox .tab.height_rapt {
	min-height: 100px;
	}
	
@media only screen and (min-width: 320px) { 
#tabbox .tab.height_rapt {min-height: 100px;}
}


#iwu_content .tableHead {
	font-weight: bold;
	padding: 6px 1px 6px 1px;	
}

.borderTopNone {
	border-top: none !important;
}

/*section head*/

.section-head {
	background-color: #009AA6;
	width: 100%;
	margin-bottom: 12px;
	padding: 12px 12px 6px 12px;
}

.section-head h3 {
	color: #fff !important;
	margin-bottom: 0px;
}

.sub-section {
	font-size: 16px;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 18px;
}

/* banner4 */

.banner4 #banner_head {
	min-height: 90px;	
	max-width: 100%;
}

.bottom-callout {
	background-color: #E0DBD0;
	padding: 18px;
}

.bottom-callout p {
	font-size: 14px;
	font-weight: normal;
	width: 90%;
	float: left;
	margin: 0px;
	margin-top: -2px;
	line-height: 1.5;
	color: #333;
}

.bottom-callout h4 {
	margin-bottom: 9px;
	font-size: 16px;
}

/*call out box for About our products page*/

.contentBox.cB5 { background-color: #FFFFFF; position:relative; margin-top: 27px; margin-bottom: 15px; padding: 0px 0px 0px 0px; }
.contentBox.cB5 p { font-size: 14px; font-weight: normal; width: 50%; float: left; margin: 0px; margin-top: -2px; line-height: 1.5; padding-left: 9px; }
.contentBox.cB5 h4 { margin-top: -4px; margin-bottom: 9px; color:#333; font-size:16px; width: 100%; float: left; }
.c-col {width:50%; padding-right:18px; float:left;}

ul.shareClassList li:hover ul{display:block;}

#HoldingsEquityHeader{width:100%;padding-bottom:10px;}

.selectBox {
	width: 180px;
	margin-top: 0;
	cursor: pointer;
	color: #965E23;
	text-transform: none;
	border: 1px solid #CCC;
	line-height: 19px;
	background: #FFF url(../images/icons/selectDropdownRWD3.png) no-repeat
		100% 50%;
	font-size: 12px;
}

.selectBox div.selectedOption {
	padding: 5px 28px 5px 2px;
}

.selectBoxOptions {
	display: none; position : absolute;
	z-index: 200;
	background-color: #FFF;
	display: none;
	border: 1px solid #CCC;
	border-top: none;
	padding: 2px 1px 0px 0px;
	margin-left: -1px;
	position: absolute;
}

.selectBoxOptions ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.selectBoxOptions li {
	_border: 1px solid #Fff;
}

.selectBoxOptions li a {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 2px 4px;
}

.selectBoxOptions li a:hover {
	background-color: #96151D;
	color: #fff !important;
	text-decoration: none;
	display: block;
}

.selectBoxOptions div.options {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.flipper-closed, .flipper-open {
	background-repeat: no-repeat;
	vertical-align: middle !important;
	padding-left: 18px !important;
	background-position:5px 9px;
}

.flipper-open {
	background-image: url(../images/icons/9_arrow_down_active.png);
}

.flipper-closed {
	background-image: url(../images/icons/9_arrow_down.png);
}

.apply-button {text-align:center; background: url(../images/icons/dotted_rule.png) repeat-x 0;}
#Apply button {font-family:Arial, Helvetica, sans-serif; border:none; padding:1px 8px 1px 8px; *padding:1px 2px; text-transform:uppercase;  vertical-align: baseline; background-color:#96151D; color:#fff; text-transform:uppercase; font-size:10px; height:25px; display: inline-block; zoom: 1; *display: inline; 
background: -webkit-gradient(linear, left top, left bottom, from(#96151D), to(#7D111D)); 
background: -moz-linear-gradient(top, #96151D, #7D111D); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96151D', endColorstr='#7D111D'); cursor:pointer; z-index:998;}
#Apply button:hover { background-color:#7D111D;
background: -webkit-gradient(linear, left top, left bottom, from(#7D111D), to(#96151D)); 
background: -moz-linear-gradient(top, #7D111D, #96151D); 
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7D111D', endColorstr='#96151D'); }

/* To fix Extra Bold Font Bug In IE9 */
th, b, strong {
    font-weight: bold;
}

div.assumptions2 > div, td > div.int-view {display:inline-table;}

.int-view {height:22px; width:50px; background-color:#FAF2BB; border-left:#F0AB00 4px solid; border-top:1px #c2c2c2 solid; border-bottom:1px #c2c2c2 solid; border-right:1px #c2c2c2 solid; margin-top:2px; margin-bottom:-6px;}

#typeSelect-view0.int-view {color: #333; height:31px; background-color:#FAF2BB; border-left:#F0AB00 4px solid; border-top:none; border-bottom:none; border-right:none; display:block; vertical-align: middle; line-height: 31px; width: 100%; margin: auto 0;}

.int-view a.typeSelect:link, a.typeSelect:visited, a.typeSelect:hover, a.typeSelect:active {color:#333;}

#overviewTB-content .grid3 p {margin-bottom:0px !important;}

ul.glossary { margin:0; padding:0;}
.glossary li { list-style:none; margin-bottom:6px; padding:4px 5px 5px 5px; line-height:none }
.glossary .active { background-color:#91181F; color:#FFF; display:block; text-decoration:none; padding:4px 4px 5px 6px; }
.glossary .active a{ text-decoration:none; color:#FFF;outline:none; }

/* subtab class */
.subtabs{margin:18px 0; padding:0}
.subtabs ul{padding:0; list-style:none; margin:0;}
.subtabs li{ padding:0; margin: 0; display:inline;}
.subtabs li a{outline:none; text-decoration:underline; padding:2px 8px; margin:0;}
.subtabs li a:hover{color:#96151D;}
.subtabs li strong { margin-right:11px; padding:0;}
.subtabs-active a {color:#FFF; background-color:#96151D; text-decoration:none !important; margin:0;outline:none; }
.subtabs-active a:hover  {text-decoration:none; color:#FFF !important;}

.toolTip td{background:none}
td.fundCompareToggle{vertical-align:top;}

/*JQPlot Styles */


table.jqplot-table-legend {
	border-collapse:collapse;
	}

div.sectorWeightChart table.jqplot-table-legend {
/*     margin-top: 12px; */
/*     margin-bottom: 12px; */
/*     margin-left: 12px; */
/*     margin-right: 12px; */
height:55%;

}

table.jqplot-table-legend, table.jqplot-cursor-legend {
    background-color: transparent;
    border: 1px solid #cccccc;
    position: absolute;
    font-size: 1em;
}
tr.jqplot-table-legend{
	background:none;
	padding-bottom:0px;
}

td.jqplot-table-legend {
    vertical-align:top;
    background:none;
    padding-bottom:0px;
}

#pdfAssetChart td.jqplot-table-legend {
    vertical-align:middle;
}

/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/


td.jqplot-table-legend-swatch {
    padding-top: 0.5em;
    text-align: center;
    padding-right: 6px;
}

    

tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
    padding-top: 0px;
}


td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
    cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
    text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
    border: 1px solid #cccccc;
    padding:1px;
}
#pdfAssetChart div.jqplot-table-legend-swatch-outline, #pdfSectorWeightChart div.jqplot-table-legend-swatch-outline {
    border:none;
}

div.jqplot-table-legend-swatch {
    width:0px;
    height:0px;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
}


/* End JQPlot Styles */

.glossaryAlphabet {
    	background-color: #EAE5D9;
	border-bottom: 2px solid #FFFFFF;
	font-weight: bold;
	height: 26px;
	padding-left: 6px;
	padding-top: 4px;
}

/* avw mutual fund cost facts (detail pages) need reduced padding due to issue with Japanese funds whose NAV in Yen pushes the mf_detail div into the rightnav */
.avwMFCostFacts_noRightPadding{
	padding-right:0px !important;
}

/* Override default width of dataListBoxM (Drop down) for careers page */
#career_div div.dataListBoxM, div.dataListItemsM {
	width: 200px;
}

/* This will hide the investment prinicple images on small for both retail and advisor per business request.  This code snippet can
be removed once a corresponding change is made in the code jsps */
#asset-content img.showOnSml, #cost-content img.showOnSml, #discipline-content img.showOnSml { display: none;}

/* background images for lite registration form */
.numberOneOn {
	background-image:url(../images/icons/1_on.png);
	background-repeat: no-repeat;
	background-position: 9px 10px;
}
.whiteCheck {
	background-image:url(../images/icons/check_white_bg.png);
	background-repeat: no-repeat;
	background-position: 15px 10px;
}
.numberTwoOn {
	background-image:url(../images/icons/2_on.png);
	background-repeat: no-repeat;
	background-position: 9px 10px;
}

/* styles for profile link in header */
.utility_right .profileLink {
	padding:9px 9px;
	background: -moz-linear-gradient(top,  #fafafa 0%, #e9e9e9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-8 */
	color: #333 !important;
}

/*
model portfolio prototype

*/

/*
model portfolio prototype

*/

.input-color {
    position: relative;
}
.input-color .color-box {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ccc;
    position: absolute;
    left: 5px;
    top: 5px;
}
@charset "utf-8";
/* CSS Document */
/*base.css */
.mpcont .mpPanel {  
	display: none; 
	clear: both;
	margin: 0;
} 
.mpcont .mpPanel.active {
	display: block;	
}
.mpcont .mp_pie:before,
.mpcont .mp_pie:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.mpcont .mp_pie:after {
    clear: both;
}

.mpcont .mp_pie > li {
	list-style: none outside none;
	display: block;	
	width:16.666%;

	}
#productTypeMC-6040_list{
	margin-left:-9px;
}

/*tabs down*/
.blue { color: #0097D8;}
.orange { color: #E37222;}
#main h3 {color: #333;}
a.toggle {
text-decoration: underline;
font-weight: normal;
}
.linkBar {font-size:14px; line-height:19px; margin-top:27px; margin-bottom:45px;}
a.toggle {padding: 6px 9px; border-right: solid 1px #999;}
a.toglast {border-right: none;}
a.on {
background: #333333; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #333333 0%, #474747 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#474747)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #333333 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #333333 0%,#474747 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #333333 0%,#474747 100%); /* IE10+ */
background: linear-gradient(to bottom,  #333333 0%,#474747 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#474747',GradientType=0 ); /* IE6-8 */
	margin: 0px; 	
	color: #fff;
	display:inline;
	cursor: pointer;
	border-right:none;	
    text-decoration: none;
}

/*drop downs*/
.dataListBg .dataListBox {
	margin: 3px 10px 10px 0;		
}

.dataListBox { background:#FFF url(../images/icons/dropdownBox.png) no-repeat 100% 50%; font-size:11px; padding: 0 0 0 8px; max-width: 205px;}


/*alignment*/
.ab {vertical-align:bottom;}

@media only screen and (max-width: 599px) and (min-width: 10px) {
	
.mpcont .mp_pie { position: fixed; left: 0; bottom:0; background: #d4cfc3; padding: 0px; height:75px; width:100%; z-index:100; margin:0; }
.mpcont li .item { position: absolute; left: -1000px; cursor: pointer; -ms-interpolation-mode: bicubic; }
.mpcont li.active .item { position: absolute; left: -1000px; cursor: pointer; -ms-interpolation-mode: bicubic; }
.mpcont li .trim {position: absolute; left: -1000px; cursor: pointer; z-index: 2;}
.mpcont li .titlediv {position: absolute;}
.mpcont li .title {font-family: Arial, sans-serif; font-size: 9px; color: #333; text-transform: uppercase; }
.mpcont li .title {font-family: Arial, sans-serif; font-size: 9px; color: #333; text-transform: uppercase; line-height:12px; padding-top:6px; }
#img1000, #title1000 {left: 9px;}
#img8020 {left: 20%;}
#img6040, #title6040 {left: 36%;}
#img4060 {left: 53%;}
#img2080 {left: 69%;}
#title0100 {left: 75%;}
#img0100{left: 85%;}
#img1000, #img8020, #img6040, #img4060, #img2080, #img0100 {width:47px; height:47px; margin-left:auto; margin-right:auto; top:18px;}
#title1000, #title0100, #title6040 {height: 12px; margin-left:9px; margin-right:9px;}
#title1000 {text-align:left;}
#title0100 {text-align:right;}
#percentl000, #percent8020, #percent6040, #percent4060, #percent2080, #percent0100 {display:none;}
#title1000, #title0100{top:0px; }
#title8020, #title4060, #title2080, #title6040 {display:none;}
.mpcont li .item {background-image:url(../images/touch_circle.png); background-repeat:no-repeat; background-size:30px 30px; background-position:center;}
.mpcont li .item img {display:none;}
.mpcont li.active .item img {width: 47px; height: 47px; display:block;} 

/*left margin on large and medium override*/
.m_l_36 {margin-left:0px;}
h1 {font-size:20px;}
.m_r_27 {margin-right:18px;}

/*override grid on small 
.grid6 {width:75%;}
.grid2 {width:25%;}*/
}




/* 
Responsive Tabs

*/

/* Tabs - Standard & Responsive (barebones) */
.tabs-standard > .tabset {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;

	position: relative;
		
}
.tabs-standard > .tabset:before,
.tabs-standard > .tabset:after {
    content: " ";
    display: table;
}

.tabs-standard > .tabset:after {
    clear: both;
}
.tabs-standard > .tabset {
    *zoom: 1;
}
.tabs-standard .tabPanel,
.tabs-responsive .tabPanel {  
	display: none; 
	clear: both;
	margin: 36px 0 0 0;
} 
.tabs-standard .tabPanel.active,
.tabs-responsive .tabPanel.active {
	display: block;	
}


/* Standard Tabs - Primary */
.tabs-standard.primary > .tabset {
	border-right: none;
	border-top: none;
	border-left: 1px solid #d9d9d9;
	border-bottom: none;		
}

/*
.tabs-standard.primary > .tabset {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	border-right: none;
	border-top: none;
	border-left: 1px solid #d9d9d9;
	border-bottom: none;
		
}
.tabs-standard.primary > .tabset:before,
.tabs-standard.primary > .tabset:after {
    content: " ";
    display: table;
}

.tabs-standard.primary > .tabset:after {
    clear: both;
}
.tabs-standard.primary > .tabset {
    *zoom: 1;
}
*/
.tabs-standard.primary.fixed > .tabset:before {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	bottom: 0px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #D9D9D9;
}		
.tabs-standard.primary > .tabset > li {
	list-style: none outside none;
	display: block;	
	float: left;
	margin: 0;
	padding: 8px 15px;
	position: relative;
	/*border-right: 1px solid #d9d9d9;*/
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #D9D9D9;
	height: 54px;
	
	background: #fafafa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fafafa 1%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fafafa), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top,  #fafafa 1%,#e9e9e9 100%);
	background: -o-linear-gradient(top,  #fafafa 1%,#e9e9e9 100%);
	background: -ms-linear-gradient(top,  #fafafa 1%,#e9e9e9 100%);
	background: linear-gradient(to bottom,  #fafafa 1%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );	
}
.tabs-standard.primary > .tabset > li:before,
.tabs-standard.primary > .tabset > li:after {
	display: block;
	content: "";
	position: absolute;
	width: 1px;
	height: 52px;
	top: 0px;
	bottom: 0px;	
}
.tabs-standard.primary > .tabset > li:before {
	left: 0px;
	background-color: #FFF;		
}
.tabs-standard.primary > .tabset > li:after {
	right: 0px;
	background-color: #d9d9d9;		
}
.tabs-standard.primary > .tabset > li.active,
.notouch .tabs-standard.primary > .tabset > li:hover,
.touch .tabs-standard.primary > .tabset > li:active {
	border-right: 0px solid transparent;
	border-top: 1px solid #4D4D4D;
	border-bottom: 0px solid transparent;	
}
.tabs-standard.primary > .tabset > li:first-child {
	/*border-left: 2px solid #d9d9d9;*/
}
.tabs-standard.primary > .tabset > li.active:first-child,
.notouch .tabs-standard.primary > .tabset > li:first-child:hover,
.touch .tabs-standard.primary > .tabset > li:first-child:active {
	border-left: 0px solid transparent;
}
.tabs-standard.primary > .tabset > li.active:after,
.notouch .tabs-standard.primary > .tabset > li:hover:after,
.touch .tabs-standard.primary > .tabset > li:active:after {
	right: 0px;	
}
.tabs-standard.primary > .tabset > li > a,
.tabs-responsive.primary > .tabset > li > a {
	display: block;
	padding: 0px;	
	font-size: 13px;
	font-weight: normal;	
	line-height: 18px;
	text-decoration: none;			
	margin: 0px; 	
	color: #333;
	width: 100%;
	cursor: pointer;	
	
	/*
	background: #fafafa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fafafa 1%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fafafa), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(top,  #fafafa 1%,#e9e9e9 100%);
	background: -o-linear-gradient(top,  #fafafa 1%,#e9e9e9 100%);
	background: -ms-linear-gradient(top,  #fafafa 1%,#e9e9e9 100%);
	background: linear-gradient(to bottom,  #fafafa 1%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );
	*/	
}
/*
.tabs-standard.primary > .tabset li a:hover {
*/
.notouch .tabs-standard.primary > .tabset li:hover,
.touch .tabs-standard.primary > .tabset li:active,
.tabs-standard.primary > .tabset li.active {
	background: #4d4d4d;
	/*border-right: 1px solid transparent;*/
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDgwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4d4d4d 0%, #808080 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#808080));
	background: -webkit-linear-gradient(top,  #4d4d4d 0%,#808080 100%);
	background: -o-linear-gradient(top,  #4d4d4d 0%,#808080 100%);
	background: -ms-linear-gradient(top,  #4d4d4d 0%,#808080 100%);
	background: linear-gradient(to bottom,  #4d4d4d 0%,#808080 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#808080',GradientType=0 );
		
}
.notouch .tabs-standard.primary > .tabset li:hover:before,
.touch .tabs-standard.primary > .tabset li:active:before,
.tabs-standard.primary > .tabset li.active:before {
	background: #4f4f4f;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4f4f4f 0%, #999999 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#999999));
	background: -webkit-linear-gradient(top,  #4f4f4f 0%,#999999 100%);
	background: -o-linear-gradient(top,  #4f4f4f 0%,#999999 100%);
	background: -ms-linear-gradient(top,  #4f4f4f 0%,#999999 100%);
	background: linear-gradient(to bottom,  #4f4f4f 0%,#999999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#999999',GradientType=0 );	
}
.notouch .tabs-standard.primary > .tabset li:hover:after,
.touch .tabs-standard.primary > .tabset li:active:after,
.tabs-standard.primary > .tabset li.active:after {
	background: #333333;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MjYyNjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #333333 0%, #626262 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#626262));
	background: -webkit-linear-gradient(top,  #333333 0%,#626262 100%);
	background: -o-linear-gradient(top,  #333333 0%,#626262 100%);
	background: -ms-linear-gradient(top,  #333333 0%,#626262 100%);
	background: linear-gradient(to bottom,  #333333 0%,#626262 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#626262',GradientType=0 );
}


.notouch .tabs-standard.primary > .tabset li:hover > a,
.touch .tabs-standard.primary > .tabset li:active > a,
.tabs-standard.primary > .tabset li.active > a,
.notouch .tabs-standard.primary > .tabset li.active:hover > a,
.touch .tabs-standard.primary > .tabset li.active:active > a {
	color: #fff;	
}
.ie9 .tabs-standard.primary > .tabset li a,
.notouch.ie9 .tabs-standard.primary > .tabset li a:hover 
.touch.ie9 .tabs-standard.primary > .tabset li a:active {
	filter: none;
}



/*** Tabs - Responsive ***/
.tabs-responsive.primary {
	position: relative;	
}
.tabs-responsive.primary .dropdownBox {
	display: block;	
	position: relative;
	overflow: auto;
	margin: 0px; 	
	padding: 9px;
	color: #333;
	font-weight: normal;
	font-size: 13px;
	border: 1px solid #D9D9D9;
	cursor: pointer;		
	line-height: 18px;
	width: 100%;
	text-decoration: none;	
	background: 98% 50% no-repeat, #F8F8F8;
	background: 98% 50% no-repeat, -moz-linear-gradient(top,  #fafafa 0%, #e9e9e9 100%);
	background: 98% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9));
	background: 98% 50% no-repeat, -webkit-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%);
	background: 98% 50% no-repeat, -o-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%);
	background: 98% 50% no-repeat, -ms-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%);
	background: 98% 50% no-repeat, linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%);		
}
.tabs-responsive.primary .dropdownBox.active {
	background: #fff;
	border-top: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #FFF;
}	
.tabs-responsive.primary .dropdownBox .dropdownLabel {
	display: inline-block;
	float: left;	
}
.tabs-responsive.primary .dropdownBox.active .dropdownLabel {
	color: #96151D;	
}

.tabs-responsive.primary a.dropdownBox span.arrow {
	background-image: url(../images/icons/sm_11_arrow_down_gray.png);
	background-repeat: no-repeat;
	background-size: 11px 6px;
	background-position: center center;
	display: inline-block;
	width: 11px;
	height: 16px;
	float: right;
	line-height: 16px;
		
}
.tabs-responsive.primary a.dropdownBox.active .arrow {
	background-image: url(../images/icons/sm_11_arrow_down_red.png);	
}
.tabs-responsive.primary a.dropdownBox .dropdownLabel {
	
}
.tabs-responsive.primary > .tabset {
	display: none;
	top: 37px;
	position: absolute;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-top: none;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 1;		
}
.tabs-responsive.primary > .tabset.active {
	display: block;
	z-index:9999;
	
}
.tabs-responsive.primary > .tabset li {
	border-top: 1px solid #d9d9d9;	
    list-style: none;
}
.tabs-responsive.primary > .tabset li:first-child {
	border-top: none;	
}
/*
.notouch .tabs-responsive.primary > .tabset li.active:hover,
.touch .tabs-responsive.primary > .tabset li.active:active {
	background: none;	
}
*/
.tabs-responsive.primary > .tabset li a,
.notouch .tabs-responsive.primary > .tabset li a:hover,
.touch .tabs-responsive.primary > .tabset li a:active {
	outline: none;
	border: none;	
}
.tabs-responsive.primary > .tabset li a {
	color: #191919;	
	padding: 0 9px;
	display: block;
	line-height: 36px;
}
.notouch .tabs-responsive.primary > .tabset li a:hover,
.touch .tabs-responsive.primary > .tabset li a:active {
	color: #FFF;
	background: #4d4d4d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDgwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4d4d4d 0%, #808080 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#808080));
	background: -webkit-linear-gradient(top,  #4d4d4d 0%,#808080 100%);
	background: -o-linear-gradient(top,  #4d4d4d 0%,#808080 100%);
	background: -ms-linear-gradient(top,  #4d4d4d 0%,#808080 100%);
	background: linear-gradient(to bottom,  #4d4d4d 0%,#808080 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#808080',GradientType=0 );
		
}
.ie9 .tabs-responsive.primary > .tabset li a,
.notouch.ie9 .tabs-responsive.primary > .tabset li a:hover {
	filter: none;
}
.tabs-responsive.primary > .tabset li.active a,
.notouch .tabs-responsive.primary > .tabset li.active a:hover,
.touch .tabs-responsive.primary > .tabset li.active a:active {
	color: #96151d;	
	background: #fff;
}
.tabs-responsive.primary  .tabPanel {  
	margin: 36px 0 0 0;
} 

/*** Standard Tabs - Secondary ***/
.tabs-standard.secondary > .tabset {

}
.tabs-standard.secondary > .tabset:before {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	bottom: 0px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #D9D9D9;
	z-index: 1;
}
.tabs-standard.secondary > .tabset > li {
	list-style: none outside none;
	display: block;	
	float: left;
	margin: 0;
	padding: 3px 15px;
	position: relative;
	background-color: #fff;
	text-align: center;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid transparent;
}
.tabs-standard.secondary > .tabset > li.active {
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #FFF;
	z-index: 2;	
}
.tabs-standard.secondary > .tabset > li > a {
	font-size: 14px;
	line-height: 21px;	
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and ( min--moz-device-pixel-ratio: 2), 
only screen and ( -o-min-device-pixel-ratio: 2/1), 
only screen and ( min-device-pixel-ratio: 2), 
only screen and ( min-resolution: 192dpi), 
only screen and ( min-resolution: 2dppx) {
	.tabs-responsive.primary .dropdownBox .arrow {
		background-image: url(../images/icons/lg_11_arrow_down_gray.png);	
	}	
	.tabs-responsive.primary .dropdownBox.active .arrow {
		background-image: url(../images/icons/lg_11_arrow_down_red.png);	
	}
}

/**
Accordion new
*/
/*** Accordion (bare-bones) ***/
.accordion {
	margin: 0;
	padding: 0;	
}
.accordionTrigger {
	margin: 0;
	padding: 0;
}
.accordionTrigger:hover, 
.accordionTrigger > a:hover {
	text-decoration: none;
	cursor: pointer;
}
.accordionPanel {
	height: auto;
	margin: 0;
	padding: 0;
}
.accordionPanel > div {
	margin: 9px 0 0 0;
	padding: 0;
}
/*** Accordion - Primary & PageNav ***/
.accordion-container {
	padding-bottom: 18px;	
}
.accordion.primary,
.accordion.pageNav {
	margin: -1px 0 0 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	
}
.accordion.primary .accordionTrigger,
.accordion.pageNav .accordionTrigger {
	padding: 9px 45px 9px 0;	
	position: relative;
}
.accordion.primary .accordionTrigger a, .accordion.primary .accordionTrigger span.accordionLink,
.accordion.pageNav .accordionTrigger a, .accordion.pageNav .accordionTrigger span.accordionLink {
	font-size: 14px;
	line-height: 21px;
}
.accordion.pageNav .accordionTrigger a, .accordion.pageNav .accordionTrigger span.accordionLink,
.accordion.pageNav .accordionPanel ul li a {
	padding: 9px;	
}
.accordion.primary .accordionPanel > div,
.accordion.pageNav .accordionPanel > div {
	padding: 0 45px 0 0;
}
.accordion.primary .accordionPanel > div p,
.accordion.pageNav .accordionPanel > div p, {
	margin-top: 0;	
}
.accordion.primary span.icon-accordionToggle,
.accordion.pageNav span.icon-accordionToggle {
	display: block;
	background-image: url(../images/icons/plus.jpg);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 9px;
	top: 11px;
}
.accordion.primary.active span.icon-accordionToggle,
.accordion.pageNav.active span.icon-accordionToggle {
	background-image: url(../images/icons/minus.jpg);
}
.accordion.pageNav .accordionPanel ul {
	margin-top: 4px;	
}
.accordion.pageNav .accordionPanel ul li {
	/*margin-bottom: 15px;*/	
}
.accordion.pageNav .accordionPanel ul li a {
	display: block;
	color: #191919;
	padding: 8px 9px;	
	font-size: 14px;
	line-height: 21px;
	cursor: pointer;	
}
.notouch .accordion.pageNav .accordionPanel ul li a:hover,
.touch .accordion.pageNav .accordionPanel ul li a:active {
	color: #FFF;
	background: #4d4d4d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDgwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4d4d4d 0%, #808080 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#808080));
	background: -webkit-linear-gradient(top, #4d4d4d 0%,#808080 100%);
	background: -o-linear-gradient(top, #4d4d4d 0%,#808080 100%);
	background: -ms-linear-gradient(top, #4d4d4d 0%,#808080 100%);
	background: linear-gradient(to bottom, #4d4d4d 0%,#808080 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#808080',GradientType=0 );
}


/*** Accordion - Code ***/
.accordion.code {
	display: block;
	margin-bottom: 18px;	
}
.accordion.code pre {
	padding-bottom: 18px;
}
.accordion.code h4 {
	display: inline-block;	
}
.accordion.code a {
	font-size: 11px;
	color: #666;
	padding: 0;
	display: inline-block;
	/*
	padding: 0 7px;
	display: inline-block;
	background-color: #C7C7C7;
	font-size: 12px;
	color: #fff;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 10px 0;
	line-height: 1;
	vertical-align: bottom;
	*/
}

/*** Accordion - Secondary ***/
.accordion.secondary .accordionTrigger a, .accordion.secondary .accordionTrigger span.accordionLink {
	color: #8D4900;	
	font-size: 14px;
	line-height: 21px;	
}
.accordion.secondary.active .accordionTrigger a, .accordion.secondary.active .accordionTrigger span.accordionLink {
	color: #96151D;	
}
.accordion.secondary .icon-accordionToggle {
	display: inline-block;
	background-image: url(../images/icons/sm_11_arrow_down_brown.png);
	background-repeat: no-repeat;
	background-size: 11px 6px;
	width: 11px;
	height: 6px;
	position: relative;
	margin-left: 5px;
	vertical-align: 1px;
}
.accordion.secondary.enabled .icon-accordionToggle {
	background-image: url(../images/icons/sm_11_arrow_down_red.png);
}
.accordion.secondary .accordionPanel ul {
	margin-top: 18px;	
}
.accordion.secondary .accordionPanel ul li {
	margin-bottom: 18px;	
}
.accordion.secondary .accordionPanel ul li a {
	display: block;
	padding: 0;
	color: #191919;
	font-size: 14px;
	line-height: 21px;
	cursor: pointer;	
}

.notouch .accordion.secondary .accordionPanel ul li a:hover,
.touch .accordion.secondary .accordionPanel ul li a:active {
	color: #96151D;
	/*
	background: #4d4d4d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MDgwODAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4d4d4d 0%, #808080 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(100%,#808080));
	background: -webkit-linear-gradient(top, #4d4d4d 0%,#808080 100%);
	background: -o-linear-gradient(top, #4d4d4d 0%,#808080 100%);
	background: -ms-linear-gradient(top, #4d4d4d 0%,#808080 100%);
	background: linear-gradient(to bottom, #4d4d4d 0%,#808080 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#808080',GradientType=0 );
*/
}

span.accordionLink {color:#8D4900;}



@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and ( min--moz-device-pixel-ratio: 2), 
only screen and ( -o-min-device-pixel-ratio: 2/1), 
only screen and ( min-device-pixel-ratio: 2), 
only screen and ( min-resolution: 192dpi), 
only screen and ( min-resolution: 2dppx) {
	.accordion.primary .icon-accordionToggle,
	.accordion.pageNav .icon-accordionToggle {
		background-image: url(../images/icons/lg_plus_gray.png);
	}
	.accordion.primary.enabled .icon-accordionToggle,
	.accordion.pageNav.enabled .icon-accordionToggle {
		background-image: url(../images/icons/lg_minus_gray.png);
	}
	.accordion.secondary .icon-accordionToggle {
		background-image: url(../images/icons/lg_11_arrow_down_brown.png);
	}
	.accordion.secondary.enabled .icon-accordionToggle {
		background-image: url(../images/icons/lg_11_arrow_down_red.png);
	}			
}

#productTypeMC-6040 div.dataListItems{display:block;}
#productTypeMC-6040, #productTypeMC-6040_list{
	max-width:305px;
	width:305px;
}
#modelPortfolioChart #pieChart{
	width:300px;
	bottom:50px;					
	}
	
.logged_out .hideSecure{
	display:none !important;
}
/*Tools page*/
.featuredContent {margin-bottom:9px;} /*overriding current base.css margin-bottom 0*/

.tool {margin-top:18px; border:1px solid #f2f2f2; padding:18px; cursor: default; max-height:100%;}
.toolButton {margin: 0 0 0 100px;}
.tool:hover{background-color:#f2f2f2;}
.tool a {text-decoration:none;}
.tool a li {color:#333;}
.tool h4 {color:#8d4900;}
ul.tools{color:#333;}
.toolImage {float:left; display:inline-block;}
.toolContent {height:100%; display:table-cell; padding-left:18px;}
.toolimage img {width:80px; height:80px;}
.text:hover {border-bottom:1px solid #8d4900;}
.toolimage {min-height:290px;}
.tool a li {color:#333;}
.logged_out .secure_link2, .logged_off .secure_link2 { background:url(../images/icons/intl_icons.png) 0 center no-repeat scroll; height:5px; width:9px;}
.logged_out .secure_link2, .logged_off .secure_link2 {background-position: -595px -103px;
padding: 2px 18px 2px 5px;} 
/* .ccHeader, div#assumptions {background-color:#96151D;} */
#invAssumptions p, #invAssumptions h5, #invAssumptions h3, #invAssumptions h3 a {color:#fff;}
#assumptionsTitle h3 a, #invAssumptions h3 a  {border-bottom:solid 1px #fff;}
#assumptionsTitle h3 a:hover, #invAssumptions h3 a:hover {text-decoration:none;}
#assumptionsTitle h5 {margin:1px 0px 0px 0px;}
#assumptionsTitle h3, #invAssumptions h3 {margin-bottom:0px;}

/*Overrides 15px of white space on small when tools are hidden base.css*/ 
.gridOneThird {padding-bottom: 0px;}
.tool {padding-bottom: 15px;}

.w_featured {background-color: #fff !important;
color: #333 !important;}
.banner6{width: 100%;
background-color: #96151D;
color: #fff;
font-size: 24px;
line-height: 28px;
font-weight: normal;
margin-bottom: 36px;
padding: 18px;
}
.banner6 p.bannerHead {
margin-top: -2px;
font-size: 27px;
color: white;}
.toolsBanner {
background-color: #997A59 !important;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

#print_image:hover{
	cursor: pointer;
} 



/* events archive */
@media only screen and (min-width : 1px) and (max-width : 600px) {
#eventsArchive td.zero { width: 0px; display: none; padding: 0px; }
#eventsArchive td.eventsArchiveMain { padding: 18px 0px; }
}

@media only screen and (min-width : 1px) and (max-width : 965px) {
#eventsArchive td.zeroMed { width: 0px; display: none; padding: 0px; }
#eventsArchiveBox { margin: 0px 0px; }
}

/* Put all of this in base.css*/


.phoneNumberHolder a[href^="tel"] {
	text-decoration: none;
	cursor: default;
	font-size: 14px;
	line-height: 21px;
}
/*** Icon Styles ***/

.icon-pdf {
	background-image: url(../images/icons/sm_16_pdf.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: left 0px;
	display: inline-block;
	width: 16px;
	height: 16px;
}
.icon-locked {
	display: inline-block;
	background-image: url(../images/icons/sm_10_lock.png);
	background-repeat: no-repeat;
	background-size: 10px 12px;
	background-position: 0 0;
	width: 10px;
	height: 12px;
	margin: 0 7px;
	vertical-align: -1px;
}
a.icon-locked {
	display: inline-block;	
}
.icon-locked:hover {
	cursor: pointer;	
}

.icon-twitter {
	display: inline-block;	
	background-image: url(../images/icons/sm_32_twitter.png);
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: 0 0;
	width: 32px;
	height: 32px;
	margin: 0 7px 0 0;
	vertical-align: middle;			
}
.icon-rss {
	display: inline-block;	
	background-image: url(../images/icons/sm_32_rss.png);
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: 0 0;
	width: 32px;
	height: 32px;
	margin: 0 7px 0 0;
	vertical-align: middle;			
}
.icon-linkedIn {
	display: inline-block;	
	background-image: url(../images/icons/sm_32_linkedIn.png);
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: 0 0;
	width: 32px;
	height: 32px;
	margin: 0 7px 0 0;
	vertical-align: middle;			
}
.icon-googlePlus {
	display: inline-block;	
	background-image: url(../images/icons/sm_32_googlePlus.png);
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: 0 0;
	width: 32px;
	height: 32px;
	margin: 0 7px 0 0;
	vertical-align: middle;			
}
.icon-email {
	display: inline-block;	
	background-image: url(../images/icons/sm_32_email.png);
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: 0 0;
	width: 32px;
	height: 32px;
	margin: 0 7px 0 0;
	vertical-align: middle;		
}
.icon-phone {
	display: inline-block;	
	background-image: url(../images/icons/sm_18_phone_tan.png);
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 0 0;
	width: 18px;
	height: 18px;
	margin: 0 7px 0 0;
	vertical-align: middle;		
}
.icon-phoneReversed {
	display: inline-block;	
	background-image: url(../images/icons/sm_18_phone_reversed.png);
	background-repeat: no-repeat;
	background-size: 19px 20px;
	background-position: 0 0;
	width: 19px;
	height: 20px;
	margin: 11px 15px 0 0;
	vertical-align: middle;		
}


.cssArrow {
	display: inline-block;
	vertical-align: 6px;
	width: 0px;
	height: 0px;
	position: relative;

	
-webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
	 -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
	    transition: all 0.3s;		
}	
.cssArrow:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-left-color: #96151D;
	border-width: 6px;
	margin-top: -6px;	
}

.cssArrow.active  {
 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
	     transform: rotate(90deg);
}


/*** Banner styles ***/
.fundFinder,
.slider {	
	margin: 0 0 36px 0;
}
.fundFinder {
	min-height: 130px;
	background-color: #EFECE3;
	/*padding: 18px 18px 90px 18px;*/
	padding: 18px;
	position: relative;
}
.fundFinder dl h4 {
	margin-bottom: 0;	
}
.fundFinder .searchFunds {
	margin: 9px 0;	
}
.fundFinder dl, dl {
	margin: 18px 0 9px 0;
	/*margin: 36px 0 9px 0;*/
}
.fundFinder dl dd,
.fundFinder dl dt, dl dt  {
	margin: 9px 0;	
}
.fundFinder dl dt a,
.fundFinder dl dd a {
	border-bottom: 1px solid transparent;	
}
.fundFinder dl dt a:hover,
.fundFinder dl dd a:hover {
	border-bottom: 1px solid #96151D;	
	color: #96151D;
	text-decoration:none;
}
.fundFinder .logonBox {
	border-top: 1px solid #EAE5DA;	
	padding-top: 15px;
}
.fundFinder .logonBox:before {
	display: block;
	content: "";
	position:relative;
	height: 100%;
	border-top: 1px solid #FFF;
	margin-top: 0;
	padding-top: 0;
	top: -15px;
	
}

.fundFinder .logonBox .logonLinks > a:first-child {

}
.fundFinder .logonBox a {
	font-size: 16px;
	line-height: 21px;
	border-bottom: 1px solid transparent;
}
.fundFinder .logonBox a:hover {
	border-bottom: 1px solid #96151D;
	color: #96151D;
}
/*** FundFinder Searchbox Styles ***/
.searchWrapper {
	position: relative;	
}
.searchWrapper input {
	background-image: url(../images/icons/sm_search_grey.png);
	background-size: 15px 16px;	
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 32px;
	position: relative;

}

.searchWrapper input[type="search"].homepage  {
	background-image: url(../images/icons/sm_search_grey.png);
	background-size: 15px 16px;	
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 32px;
	position: relative;
	font-size: 12px;
	line-height:16px;
	color:#666;
	padding:10px;
	padding-left: 32px;
	padding-right: 22px;
	border:1px solid #D9D9D9;
	display: block;
	width: 100%;
	height: 35px;
}

.searchWrapper input.autoCompleteEnabled {	
	z-index: 999999;
	border: 1px solid transparent;
	background-color: transparent;
}

.searchWrapper .autoCompleteBox {
	overflow: auto;
	background-color: #fff;
	padding: 32px 18px 18px 23px;
	position: absolute;
	border: 1px solid #D9D9D9;	
	top: 0px;
	z-index: 99999;
	display: none;
}
.searchWrapper .autoCompleteBox table {
	width: 100%;	
}
.searchWrapper .autoCompleteBox table th,
.searchWrapper .autoCompleteBox table td {
	padding: 4px 6px;
	font-size: 14px;
	line-height: 21px;
}
.searchWrapper .autoCompleteBox table th {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	vertical-align: bottom;	
	padding: 4px 6px;
}
.searchWrapper .autoCompleteBox table td {
	vertical-align: top;
	padding: 10px 6px 0 6px;
}
.searchWrapper .autoCompleteBox table td a:hover {
	border-bottom: 1px solid #96151D;	
}
.searchWrapper .autoCompleteBox table .c-fundName {
	width: 70%;
	text-align: left;	
}
.searchWrapper .autoCompleteBox table .c-factSheet {
	width: 30%;
	text-align: center;	
}

/*** Module Blocks ***/
.module .module-header {
	display: block;
	float: none;
	color: #fff;
	padding: 0;
	position: relative;
}
.module .module-header h3,
.module .module-header h2 {
	display: inline-block;
	color: #1a1a1a;
	margin: 0;
	padding: 0;	
	border-bottom: 1px solid transparent;
}
.module .module-header:hover h3 {
	border-bottom: 1px solid #1a1a1a;
}
.module .date {
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 0;
	line-height: 16px;
	margin-bottom: 9px;
}
/*** Module Block - Page-specific ***/
.module.tools {
	padding: 10px 0;	
}

.module.tools h3, .module.tools h3 a {color:#1a1a1a !important;} 
.module.tools h3 a:hover {color:#1a1a1a !important; 
text-decoration:none;
border-bottom: solid #1a1a1a 1px;}


/*** PuttyBox ***/
.puttyBox {
	background-color: #EFECE3;
	padding: 15px;	
}

.puttyBox ul {
	margin: 10px 0 0 0;
	padding: 0;	
}
.puttyBox li {
	padding: 10px 0;
	display: block;
	border-top: 1px solid #EAE5DA;			
}
.puttyBox li a {
	font-size: 14px;
	line-height: 21px;	
}
.puttyBox li p {
	margin-bottom: 10px;	
}
.puttyBox li:before {
	display: block;
	content: "";
	position:relative;
	height: 100%;
	border-top: 1px solid #FFF;
	margin-top: 0;
	padding-top: 0;
	top: -10px;	
	opacity: 0.75;
}

.puttyBox li a {
	border-bottom: 1px solid transparent;	
}

.puttyBox li a:hover,
.touch .puttyBox li a:active {
	color: #96151D;
	border-bottom: 1px solid #96151D;
	text-decoration: none;
}

.puttyBox.connect {
	margin-bottom: 18px;	
}
.puttyBox.connect .socialLinks {
	margin: 0;
	padding: 0;	
}

.puttyBox.connect .linkedIn > span,
.puttyBox.connect .twitter > span {
	display: inline;	
	background-repeat: no-repeat;
	padding-left: 35px;
	line-height: 32px;
}
.puttyBox.connect .linkedIn > span {
	background-image: url(../images/icons/sm_32_linkedIn_box.png);
	background-size: 18px 18px;
	background-position: left center;
	padding-left: 27px;	
}
.puttyBox.connect .twitter > span {
	background-image: url(../images/icons/sm_32_twitter_box.png);
	background-size: 18px 18px;
	background-position: left center;
	padding-left: 27px;
}
.puttyBox.connect .repEmail, dd.repEmail {
	background-image: url(../images/icons/sm_15_email.png);
	background-repeat: no-repeat;
	background-size: 15px 10px;
	padding-left: 23px;
	background-position: left center;
	margin: 10px 0;
}
.puttyBox.connect .repPhone, dd.repPhone {
	background-image: url(../images/icons/sm_15_phone.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	padding-left: 23px;
	background-position: left center;
	margin: 10px 0;
}
.puttyBox.connect .repOffice, dd.repOffice {
	background-image: none;
	background-repeat: no-repeat;
	background-size: 15px 15px;
	padding-left: 23px;
	background-position: left center;
	margin: 10px 0;
}
.eventItem h6 {
	margin: 0;
}
.eventBox .eventImage {
	display: inline-block;
	background-image: url(../images/events/DonBarnett.jpg);
	width: 100%;
	height: 118px;
	max-width: 180px;
	background-size: 180px 118px;
	margin: 10px 0;
}

/*** Media Blocks ***/
.media {
	overflow: auto;
	margin: 18px 0;
}
.media-img {
	display: none;
	float: left;
	width: 25%;
	max-width: 146px;
	margin-right: 3%;	
	margin-bottom: 18px;	
}
.media-img.146x98 {
	max-width: 146px;	
}
.media-img.90x90 {
	max-width: 90px;		
}
.media-body {
	width: 100%;
	float: left;	
}

.media-body .heading {
	display: inline-block;
	margin-bottom: 5px;	
	text-decoration: none;
}

.media-body .heading h4 {
	font-size: 21px;
	line-height: 24px;
	color: #8C4800;
	display: inline;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	border-bottom: 1px solid transparent;
}
.media-body .heading:hover h4 {
	border-bottom: 1px solid #96151D;
	color: #96151D;
}
.media-body .topic {
	border-bottom: none;
}
.media-body .topic:hover {
	border-bottom: 1px solid #8D4900;
	text-decoration: none;
}
.module-header .icon-link-external {
	display: inline-block;	
	float: right;
	background-image: url(../images/icons/sm_link_external_white.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	width: 16px;
	height: 16px;
	margin-top: 5px;
	position: absolute;
	right: 14px;
	top: 14px;
}
.media-body p {
	margin: 9px 0;	
}
.media-body .meta {
	font-size: 12px;
	line-height: 16px;
	color: #808080;
}
.media-body .meta > span {
	color: #4c4c4c;	
}
.media-body .meta > a {
	border-bottom: 1px solid transparent;
}	
.media-body .meta > a:hover {
	border-bottom: 1px solid #96151D;
	color: #96151D;
}
.news-body .heading {
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 9px 0;
	display: inline-block;
}
.connect-body .heading {
	font-size: 14px;
	color:#96151D;
	line-height: 18px;
	margin: 0 0 9px 0;
	display: inline-block;
}
/*** Callout Box Styles ***/
.calloutBox {
	padding: 14px;		
}
.calloutBox.primary {
	padding: 14px;
	background: #95151d;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTUxNTFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdkMTExOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #95151d 0%, #7d1119 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#95151d), color-stop(100%,#7d1119));
	background: -webkit-linear-gradient(-45deg,  #95151d 0%,#7d1119 100%);
	background: -o-linear-gradient(-45deg,  #95151d 0%,#7d1119 100%);
	background: -ms-linear-gradient(-45deg,  #95151d 0%,#7d1119 100%);
	background: linear-gradient(135deg,  #95151d 0%,#7d1119 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95151d', endColorstr='#7d1119',GradientType=1 );
		
}
.calloutBox.secondary {
	padding: 14px;
	background: #808080;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjODA4MDgwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg,  #808080 0%, #666666 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#808080), color-stop(100%,#666666));
	background: -webkit-linear-gradient(-45deg,  #808080 0%,#666666 100%);
	background: -o-linear-gradient(-45deg,  #808080 0%,#666666 100%);
	background: -ms-linear-gradient(-45deg,  #808080 0%,#666666 100%);
	background: linear-gradient(135deg,  #808080 0%,#666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#666666',GradientType=1 );		
}
.calloutBox,
.calloutBox p,
.calloutBox a,
.calloutBox h2,
.calloutBox blockquote {
	color: #fff;	
}
.calloutBox h2 {
	margin-bottom: 18px;	
}
.calloutBox.cpd, .calloutBox.about, .puttyBox.links {
	margin-bottom: 18px;	
}


/*** Utility classes ***/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}


/*** Link Styles ***/
.boxLink {
	display: block;	
	margin: 0;
	padding: 0;
}
.boxLink li {
	list-style: none outside none;
	display: inline-block;
	padding-left: 28px;	
}
.boxLink.reversed li {	
	background-image: url(../images/icons/sm_boxarrow_reversed.png);
	background-size: 18px 18px;	
	background-repeat: no-repeat;
	background-position: left center;
}
.link-internal-primary,
.link-internal-primary:hover {
	color: #333;
	font-size: 16px;
	line-height: 21px;
	display: block;	
	text-decoration: none;
}

.link-internal-primary:hover {
	cursor: pointer;	
}
.link-internal-primary > span {
	display: inline-block;
	background-image: url(../images/icons/sm_18_boxarrow_white.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 18px 18px;
	width: 18px;
	height: 18px;
	vertical-align: -3px;
	margin-right: 12px;
}


/*** Fund Watch Styles ***/
.fundWatchBoxWrap {
	position: absolute;
	height: 41px;
	position: absolute;
	right: 15px;
	left: 15px;
	bottom: 15px;
	/*z-index: 999;*/		
}
.fundWatchBox {
	background-color: #fff;
	padding: 12px;
	position: absolute;
	overflow: hidden;
	right: 0;
	left: 0;
	top: 0;
	z-index: 999;
	border: 1px solid #d9d9d9;
}
.fundWatchBox h4 {
	font-size: 16px;
	line-height: 15px;
	margin: 0;
	padding: 0;
	color: #333;
}
.fundWatchBox h4 a {
	color: inherit;
	display: inline-block;
	margin-left: 15px;
	
}
.fundWatchBox h4 a:hover {
	cursor: pointer;
	display: inline-block;
}
.fundWatchBox .fundWatchPanel {
	display: none;	
}
.fundWatchBox .fundList {
	margin: 18px 0 0 0;
	padding: 0;	
}
.fundWatchBox .fundList li {
	list-style: none outside none;	
	margin: 10px 0;
	padding: 0;
}
.fundWatchBox .fundList li.pdf {
	background-image: url(../images/sm_16_pdf.png);
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: left 0px;
	padding-left: 25px;
	line-height: 20px;
}
.fundWatchBox .icon-settings {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url(../images/icons/sm_18_gear_red.png);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 0 0; 
	position: absolute;
	top: 10px;
	right: 10px;	
}


/*** Layer Styles - Logon ***/
#layer-logon {
	display: none;
	z-index: 99999;
	position: relative;	
}
/*** Global Footer Styles ***/
.footer {
	background-color: #666666;
}
.footer > div {
	padding: 18px;	
}
.footer p,
.footer a {
	color: #cbcbcb;	
}
.footer a {
	text-decoration: none;
}

.footer ul {
	margin: 0;
	padding:0;	
}
.footer ul li {
	padding:0;
	margin: 0;	
	list style: none outside none;
	display: inline-block;
	color: #cbcbcb;		
}
.footer p > a,
.footer ul li > a,
.footer ul li > a:hover {
	display: inline;
	color: #cbcbcb;
	text-decoration: none;
	border-bottom: 1px solid #cbcbcb;	
	font-size: 14px;
	line-height: 21px;		
}
/*** Global Footer Styles - SuperFooter Styles ***/
/**/
.superFooter > div {
	margin: 18px 0;	
}
.superFooter > div > ul {
	margin-top: 18px;
}
.superFooter > div > ul > li {
	margin-bottom: 32px;	
}

.superFooter h5 { font-size: 12px; font-weight: normal; line-height: 20px; margin: -3px 0px 9px 0px; text-transform:uppercase;}



.superFooter {
	background-color: #D4CFC3;
}
.superFooter > div {	
	overflow: auto;
}

.superFooter ul li > a,
.superFooter ul li > a:hover {
	color: #333;	
	text-decoration:none;
}

.superFooter > div > ul {
	width: 100%;
	overflow: auto;	
	margin-bottom: 36px;	
}
.superFooter > div > ul.last {
	margin-bottom: 0;
}
.superFooter > div > ul > li {
	float: left;
	width: 48%;	
	margin-left: 2%;
}
.superFooter > div > ul > li > ul > li {
	margin: 0 0 10px 0;
}

.superFooter > div > ul.cf li {list-style: none outside none;}

.superFooter > div > ul.cf li a.link.secondary {
color: #333;
border-bottom: 1px solid #1A1A1A;
}

@media only screen and (min-width: 600px) { 
	.unsecure .fundFinder {
		padding: 18px 18px 60px 18px;
	}
	.secure .fundFinder {
		padding: 18px;	
	}
	.fundFinder .logonBox .avatar {
		display: none;
	}
	.fundFinder .logonBox .logonLinks {
		width: 100%;	
	}
	
	.logonLinks a { text-decoration:none; }

	/*** FundFinder Search Box ***/
	.searchWrapper .autoCompleteBox {
		width: 500px;
	}		

	.media-body {
		width: 72%;
	}	
	.article {
		float: left;
		width: 65%;
		margin-right: 2%;	
	}
	.aside {
		float: right;
		width: 33%;
		margin-right: 0;		
	}
	
	
	/*** Media Blocks ***/
	.media-heading {
		
	}
	.media-img {
		display: block;	
	}
	
	/*** Footer Styles ***/
	.footer > div,
	.superFooter > div {
		max-width: 1002px;
		margin: 0 auto;	
		padding: 18px;
	}	
	.superFooter > div > ul {
		width: auto;
		overflow: auto;	
		margin-bottom: 36px;
		display: table-cell;
		vertical-align: top;	
	}	
	
}

/* end of base.css*/

/* Put all of this in base.css*/
/*** Retina Images ***/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
	
	/*** Link Styles ***/
	.boxLink.reversed span {
		background-image: url(../images/icons/lg_boxarrow_reversed.png);
	}
	.link-internal-primary > span {
		background-image: url(../images/icons/lg_18_boxarrow_white.png);
	}
	/*** Connect with Vanguard ***/	
	.puttyBox.connect .linkedIn > span {
		background-image: url(../images/icons/lg_32_linkedIn_box.png);		
	}
	.puttyBox.connect .twitter > span {
		background-image: url(../images/icons/lg_32_twitter_box.png);
	}	
	
	/*** Fund Watch Styles ***/
	.fundWatchBox .icon-settings {
		background-image: url(../images/icons/lg_18_gear_red.png);	
	}
	.fundWatchBox .fundList li.pdf,
	.icon-pdf {
		background-image: url(../images/lg_16_pdf.png);
	}
	/*** Icon Styles ***/
	.icon-twitter {
		background-image: url(../images/icons/lg_32_twitter.png);		
	}
	.icon-rss {	
		background-image: url(../images/icons/lg_32_rss.png);		
	}
	.icon-linkedIn {	
		background-image: url(../images/icons/lg_32_linkedIn.png);		
	}
	.icon-googlePlus {
		background-image: url(../images/icons/lg_32_googlePlus.png);		
	}
	.icon-email {	
		background-image: url(../images/icons/lg_32_email.png);
	}	
	.icon-phone {	
		background-image: url(../images/icons/lg_18_phone_tan.png);	
	}	
	.icon-phoneReversed {
		background-image: url(../images/icons/lg_18_phone_reversed.png);	
	}		
}	
/* end of base.css*/


/** etf education **/
.tabs-responsive.primary_ec .dropdownBox {
	display: block;	
	position: relative;
	overflow: auto;
	margin: 0px; 	
	padding: 9px;
	color: #333;
	font-weight: normal;
	font-size: 13px;
	border: 1px solid #D9D9D9;
	cursor: pointer;		
	line-height: 18px;
	width: 100%;
	text-decoration: none;	
	background: 98% 50% no-repeat, #F8F8F8;
	background: 98% 50% no-repeat, -moz-linear-gradient(top,  #fafafa 0%, #e9e9e9 100%);
	background: 98% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e9e9e9));
	background: 98% 50% no-repeat, -webkit-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%);
	background: 98% 50% no-repeat, -o-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%);
	background: 98% 50% no-repeat, -ms-linear-gradient(top,  #fafafa 0%,#e9e9e9 100%);
	background: 98% 50% no-repeat, linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%);		
}
.tabs-responsive.primary_ec .dropdownBox.active {
	background: #fff;
	border-top: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	border-bottom: 1px solid #FFF;
}	
.tabs-responsive.primary_ec .dropdownBox .dropdownLabel {
	display: inline-block;
	float: left;	
}
.tabs-responsive.primary_ec .dropdownBox.active .dropdownLabel {
	color: #96151D;	
}

.tabs-responsive.primary_ec .dropdownBox span.arrow {
	background-image: url(../images/icons/sm_11_arrow_down_gray.png);
	background-repeat: no-repeat;
	background-size: 11px 6px;
	background-position: center center;
	display: inline-block;
	width: 11px;
	height: 16px;
	float: right;
	line-height: 16px;
	padding-right:39px;
		
}
.tabs-responsive.primary_ec .dropdownBox.active .arrow {
	background-image: url(../images/icons/sm_11_arrow_down_red.png);	
}
.tabs-responsive.primary_ec .dropdownBox .dropdownLabel {
	
}
.bannerEC {width:100%; height:153px; background-color:#96151D; padding:18px;}
.bannerEC h1 {font-size: 39px; line-height: 46px; color:#fff;}
.grey {color:#C2BDB1; width:75%; }
.bannerEC p a {color:#fff; border-bottom:none;}
.body_h1 {font-size: 27px; line-height: 34px; margin: 0px 0px 18px 0px;}
.toolbar {margin-bottom:24px;}
.toolbar p {font-size:12px; padding-top:0; line-height:16px; color:#d9d9d9;}
.toolbar a {text-decoration:none; border-bottom:none;}
.toolbar:after {min-height: 1px;
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;}
ul.subtabset, ul.subtabset li {font-size:14px; padding-bottom:11px; list-style:none;}
#subTabSmall ul.subtabset, #subTabSmall ul.subtabset li {font-size:14px; padding-bottom:9px; list-style:none;}
ul.subtabset, ul.subtabset li.last {padding-bottom:0;}
.number{margin-right:12px; margin-bottom:9px; float:left;}
.blue, .ec_head {color:#1a1a1a !important;}
.tabs-responsive .tabsubPanel {  
	display: none; 
	clear: both;
	border-bottom: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9 ;
} 
.tabs-responsive .tabsubPanel.active {
	display: block;	
}


/*** Tabs - Responsive ***/
.tabs-responsive.primary_ec {
	position: relative;	
}
.tabs-responsive.primary_ec > .tabset {
	display: none;
	top: 37px;
	position: absolute;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #D9D9D9;
	border-left: 1px solid #D9D9D9;
	border-right: none;
	border-top: none;
	left: 0;
	right: 0;
	background-color: #FFF;
	z-index: 1;	
	color:#999;
	fund-size:14px;
}
.tabs-responsive.primary_ec > .tabset.active {
	display: block;
	z-index:9999;
	
}
.tabs-responsive.primary_ec > .tabset li {
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
.tabs-responsive.primary_ec > .tabset li:first-child {
	border-top: none;	
}

.tabs-responsive.primary_ec > .tabset li a,
.notouch .tabs-responsive.primary_ec > .tabset li a:hover,
.touch .tabs-responsive.primary_ec > .tabset li a:active {
	outline: none;
	border: none;	
}
.tabs-responsive.primary_ec > .tabset li a {
	color: #191919;	
	padding: 0 9px;
	display: block;
	line-height: 36px;
}
.notouch .tabs-responsive.primary_ec > .tabset li a:hover,
.touch .tabs-responsive.primary_ec > .tabset li a:active {
	color: #FFF;
	background: #4d4d4d;
			
}
.ie9 .tabs-responsive.primary_ec > .tabset li a,
.notouch.ie9 .tabs-responsive.primary_ec > .tabset li a:hover {
	filter: none;
}
.tabs-responsive.primary_ec > .tabset li.active a,
.notouch .tabs-responsive.primary_ec > .tabset li.active a:hover,
.touch .tabs-responsive.primary_ec > .tabset li.active a:active {
	color: #96151d;	
	background: #fff;
}
.tabs-responsive.primary_ec  .tabsubPanel {  
	margin: 0 0 36px 0;
	padding: 18px;
	background-color:#fff;
} 



@media only screen and (min-width: 600px) {
	.tabs-responsive.primary_ec .dropdownBox {
		display: none;
	}
	.tabs-responsive.primary_ec > .tabset {
		display: block;
		clear: both;
		margin: 0;
		padding: 0;
		top: 0;	
		position: relative;
		border-top: none;
		border-bottom: none;
		border-right: none;
		border-left: 1px solid #d9d9d9;	
	}
	.tabs-responsive.primary_ec > .tabset:before,
	.tabs-responsive.primary_ec > .tabset:after {
    	content: " "; /* 1 */
    	display: table; /* 2 */
	}

	.tabs-responsive.primary_ec > .tabset:after {
    	clear: both;
	}	
	.tabs-responsive.primary_ec > .tabset:before {
		content: "";
		display: block;
		position: absolute;
		height: 1px;
		bottom: 0px;
		left: 0;
		right: 0;
		border-bottom: 1px solid #D9D9D9;
	}
	/***/
	.tabs-responsive.primary_ec > .tabset > li {
		list-style: none outside none;
		display: block;	
		float: left;
		margin: 0;
		padding: 8px 15px;
		position: relative;
		border-top: 1px solid #d9d9d9;
		border-right: 1px solid #D9D9D9;
		border-bottom: 1px solid #D9D9D9;
		height: 72px;
		text-align:center;	
		background: #e9e9e9;
/* 		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); */
/* 		background: -moz-linear-gradient(top,  #fafafa 1%, #e9e9e9 100%); */
/* 		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fafafa), color-stop(100%,#e9e9e9)); */
/* 		background: -webkit-linear-gradient(top,  #fafafa 1%,#e9e9e9 100%); */
/* 		background: -o-linear-gradient(top,  #fafafa 1%,#e9e9e9 100%); */
/* 		background: -ms-linear-gradient(top,  #fafafa 1%,#e9e9e9 100%); */
/* 		background: linear-gradient(to bottom,  #fafafa 1%,#e9e9e9 100%); */
/* 		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e9e9e9',GradientType=0 );	 */
	}
	.tabs-responsive.primary_ec > .tabset > li:before,
	.tabs-responsive.primary_ec > .tabset > li:after {
		display: block;
		content: "";
		position: absolute;
		width: 1px #d9d9d9;
		top: 0px;
		height: 96px;
	}
	.tabs-responsive.primary_ec > .tabset > li:before {
		left: 0px;
		background-color: #FFF;		
	}
	.tabs-responsive.primary_ec > .tabset > li:after {
		right: 0px;
		background-color: #d9d9d9;		
	}
	.tabs-responsive.primary_ec > .tabset > li.active,
	.notouch .tabs-responsive.primary_ec > .tabset > li:hover,
	.touch .tabs-responsive.primary_ec > .tabset > li:active {
		border-right: 1px solid #d9d9d9;
		border-top: 1px solid #d9d9d9;
		border-bottom: 0px solid transparent;	
	}
	.tabs-responsive.primary_ec > .tabset > li:first-child {
		border-top: 1px solid #d9d9d9;		
	}
	.tabs-responsive.primary_ec > .tabset > li.active:first-child,
	.notouch tabs-responsive > .tabset > li:first-child:hover,
	.touch tabs-responsive > .tabset > li:first-child:active {
		border-left: 1px solid #d9d9d9;
		border-top: 1px solid #D9D9D9;
	}
	.tabs-responsive.primary_ec > .tabset > li.active:after,
	.notouch .tabs-responsive.primary_ec > .tabset > li:hover:after,
	.touch .tabs-responsive.primary_ec > .tabset > li:hover:after {
		right: 0px;	
	}
	.tabs-responsive.primary_ec > .tabset > li > a {
		display: block;
		padding: 18px 0 0 0;	
		font-weight: normal;	
		line-height: 18px;
		text-decoration: none;			
		margin: 0px; 	
		color: #44697D;
		width: 100%;
		cursor: pointer;
		
		
	}
	.notouch .tabs-responsive.primary_ec > .tabset li a:hover,
	.touch .tabs-responsive.primary_ec > .tabset li a:active,
	.tabs-responsive.primary_ec > .tabset li.active a,
	.notouch .tabs-responsive.primary_ec > .tabset li.active a:hover,
	.touch .tabs-responsive.primary_ec > .tabset li.active a:active {
		/*color: #96151d;*/	
		background: none;
		filter: none;
	}
	.notouch .tabs-responsive.primary_ec > .tabset li:hover,
	.touch .tabs-responsive.primary_ec > .tabset li:active,
	.tabs-responsive.primary_ec > .tabset li.active,
	.notouch .tabs-responsive.primary_ec > .tabset li.active:hover,
	.touch .tabs-responsive.primary_ec > .tabset li.active:active {
		background: #fff;
			
	}
	.notouch .tabs-responsive.primary_ec > .tabset li:hover:before,
	.touch .tabs-responsive.primary_ec > .tabset li:active:before,
	.tabs-responsive.primary_ec > .tabset li.active:before {
		background: #fff;
		
	}
	.notouch .tabs-responsive.primary_ec_ec > .tabset li:hover:after,
	.touch .tabs-responsive.primary_ec_ec > .tabset li:active:after,
	.tabs-responsive.primary_ec_ec > .tabset li.active:after {
		background: #fff;
		
	}
	
	
	.notouch .tabs-responsive.primary_ec > .tabset li:hover > a,
	.touch .tabs-responsive.primary_ec > .tabset li:active > a,
	.tabs-responsive.primary_ec > .tabset li.active > a,
	.notouch .tabs-responsive.primary_ec > .tabset li.active:hover > a,
	.touch .tabs-responsive.primary_ec > .tabset li.active:active > a {
		color: #44697D;
	}
	.ie9 .tabs-responsive.primary_ec > .tabset li a,
	.ie9 .tabs-responsive.primary_ec > .tabset li a:hover {
		filter: none;
	}	
	
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and ( min--moz-device-pixel-ratio: 2), 
only screen and ( -o-min-device-pixel-ratio: 2/1), 
only screen and ( min-device-pixel-ratio: 2), 
only screen and ( min-resolution: 192dpi), 
only screen and ( min-resolution: 2dppx) {
	
	.tabs-responsive.primary_ec .dropdownBox .arrow {
		background-image: url(../images/icons/lg_11_arrow_down_gray.png);	
	}	
	.tabs-responsive.primary_ec .dropdownBox.active .arrow {
		background-image: url(../images/icons/lg_11_arrow_down_red.png);	
	}
}

.blue_bar {width:100%; margin-top:18px; margin-bottom:18px; padding:9px; background-color:#96151d;}
.blue_bar h4 {color:#fff; margin:0px; }
ol.link_ol li {color:#8D4900; margin-bottom:10px; font-size:14px; line-height:21px;}

/*scroll area for education layer*/
.scroll_text2 {
	overflow: auto;
	height: 200px;
	padding: 0px 9px 0px 0px;
}
/*end etf education **/

/* START - styles for Research & Commentary redesign */
.puttyBox {background-color: #EFECE3; padding: 15px; margin-top: 18px;}
.filterOpen {
background: url(../images/icons/plus.jpg) no-repeat;
float: right;
margin-left: 6px;
width: 17px;
height: 18px;
}
.filterClosed {
background: url(../images/icons/minus.jpg) no-repeat;
float: right;
margin-left: 6px;
width: 17px;
height: 18px;
}

.leftNav ul.sub-topic a {
width: 100%;
text-decoration: none;
line-height: 100%;
color: #333;
display: block;
border: 1px dotted #D9D9D9;
border-top: none;
border-left: none;
border-right: none;
padding: 9px 9px 9px 18px;
white-space: nowrap;
}
.leftNav li.hasSubCategories a:hover {background-color:#fff; color:#333;}
.leftNav ul.sub-topic {border-top:none;}
.leftNav li:hover {cursor: pointer;}
.leftNav ul.sub-topic li a:hover { color:#FFF; }
.hide {display:none;}
.authorBioDiv {width: auto; padding-top: 18px; padding-bottom: 18px; background-color: #EAE5DA; font-size: 12px;}
.authorBioDiv p, .authorBioDiv h2 {padding-left: 18px; padding-right: 18px;}
.authorBioImage {width: 100%; margin-top: -18px;}
hr.sectionBreak {border: 0; background-color: #e37222; color: #e37222; height: 2px; clear: both; margin: 0; padding: 0; overflow: hidden;}
/* END - styles for R&C redesign */


.twitter-icon {
	display: inline-block;	
	background:transparent url(../images/icons/16_twitter.png) 0 center no-repeat scroll; 
	padding:0px;
	width:16px;
	margin-right:8px;

}
.linkedIn-icon {
	display: inline-block;	
	background:transparent url(../images/icons/16_linkedin.png) 0 center no-repeat scroll; 
	padding:0px;
	width:16px;
	margin-right:8px;
}
.googlePlus-icon {
	display: inline-block;	
	background:transparent url(../images/icons/16_google+.png) 0 center no-repeat scroll; 
	padding:0px;
	width:26px;
	margin-right:8px;

}
.facebook-icon {
	display: inline-block;	
	background:transparent url(../images/icons/16_facebook.png) 0 center no-repeat scroll; 
	padding:0px;
	width:16px;
	margin-right:8px;

}

span.ff_ticker {display:inline-block;
    min-width:40px;
}
span.ff_name {display:inline-block; min-width:140px; max-width:140px;}

a.shareIcon .linkIcon, a.shareIcon:link .linkIcon, .shareIcon .linkIcon {background-position: -100px -105px; height:16px; width:25px; display:inline-block;}

.m_l_98 {margin-left:98px !important;}

input#fundAutocomplete[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input#fundAutocomplete[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input#fundAutocomplete[type="search"]::-webkit-search-decoration,
input#fundAutocomplete[type="search"]::-webkit-search-cancel-button,
input#fundAutocomplete[type="search"]::-webkit-search-results-button,
input#fundAutocomplete[type="search"]::-webkit-search-results-decoration { display: none; }

/*For tools page*/
.bgl-iframe { border: none; width: 700px; height: 440px; padding: 0; margin: 0; }

#disclaimer_language_selector a, #disclaimer_language_selector a:visited, #disclaimer_language_selector a:active {
    color: #8D4900;
    font-weight: bold;
    padding: 0 0 16px;
    text-decoration: underline;
}
#disclaimer_language_selector a:hover, #disclaimer_language_selector a.ls_selected {
    color: #8D4900;
    text-decoration: none;
}

.primary_ec{background-color:#fff;}

.selected_ec{color:#1A1A1A !important;}



.tool2 {margin-top:18px; border:1px solid #f2f2f2; padding:18px; cursor: default; min-height:180px;}
.tool2:hover{background-color:#f2f2f2;}
.tool2 a {text-decoration:none;}
.tool2 h4 {color:#8d4900;}
.toolimage2 {float:left; display: inline-block;}

a.shareIcon {cursor:pointer;}

/* Callout boxes for ETF EC*/

.orangeborderbox {background-color:#eaeaea; text-align:center; display:inline-block;}
.orangeborderbox p {text-align:left;}
.boxwidth100 {width:100%; min-height:180px; padding:18px;}
.bluebox2 h4 {color:#fff;}

/* Callout boxes Indexing section of ETF EC*/

.bluebox2 {background-color:#44697D; text-align:center; border:2px solid #44697D; border-bottom-left-radius:25px; border-bottom-right-radius:25px; display:inline-block;}
.greybox2 {background-color:#efefef; text-align:center; border:2px solid #efefef; border-top-left-radius:25px; border-top-right-radius:25px; display:inline-block;}
.orangebox2 {background-color:#EC9D65; text-align:center; border:2px solid #EC9D65; display:inline-block;}
.boxwidth100h {width:100%; min-height:100px; padding:18px;}

/* Table styles for ETF EC*/

thead.ec th {
background-color: #efefef;
color: #333;
padding: 6px 6px 3px 6px;
vertical-align: middle;
text-align: left;
font-size:16px;
line-height:21px;
font-weight:normal;
height: 70px;
border:none;
}

thead.ec th.first_ec { border-top-left-radius:25px;}

thead.ec th.last_ec { border-top-right-radius:25px;}

.dataTable td.ec { border-top: #EC9D65 solid 1px;}

/* bulleted list for ETF EC */
ul.ec, ul.ec li {margin: 0 15px 11px 15px;
padding: 0;
line-height: 18px;
list-style-type: disc;
list-style:disc !important;
font-size:14px;
}
ul.ec {margin-top: 24px; margin-bottom:24px;}

h4.blue a.selected{color:#44697D;}

.slider.video{float:none; min-height:0px;}

#navMenu .puttyBox {display:none;}

a.link.secondary:hover {
color: #96151D !important;
border-bottom: 1px solid #96151D !important;
text-decoration: none;
}

/* modelportfolio */
.blue_mp { color: #0097D8;}
.orange_mp { color: #E37222;}
#banner div.bannerinfo {
color:#1a1a1a;
display: inline-block;
float: right;
font-size: 12px;
line-height: 19px;
height: 30px;
}
h1.bannerHead {
color: #1a1a1a;
font-size: 27px;
line-height: 32px;
font-weight: normal;
}
.no_b_m {margin-bottom: 0px !important;}
div > #about-ps {border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding:18px; }
div > #about-ps {position: absolute; background: #efece3; z-index:1000; margin-right:10px;}
div > #about-ps .pointer{  margin-left:90%; margin-top:-18px;}
div > #about-ps button {float:right;}
.about_scroll {overflow-y:auto; max-height:225px;}

#banner div.bannerinfo {display:inline-block; float:right; font-size:12px; line-height:19px; height:30px; width:30%; text-align:right;}
#banner div.bannerinfo:hover { cursor:pointer;}
div.bannerinfo img {vertical-align:middle; padding-right:9px;}
div.bannerinfo span {vertical-align:middle;}
#banner div.bannerText  {display:inline-block; width:70%;}
div > #about-ps .pointer span.arrow { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 7px solid #efece3; position:relative; top:5px;}
.impwide50 {width:50% !important;}

/*Fix for fund list page achor tags hidden behind floating header */
span[ID*="funds"]{padding-top:63px; margin-top:-63px; display:list-item; list-style:none;}



/****NAV MKTP Toggle ****/

.NAVMarketToggle.filterCell a {
	outline: none;
	text-decoration: none;
	padding: 0px 8px;
	margin: -2px 0;
	line-height: 14px;
	padding: 2px 8px !important;
}

.NAVMarketToggle.filterCell .NAVMarketToggleActive a {
	color: #fff;
	background-color: #96151D;
	text-decoration: none !important;
	
}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> VUI STYLES <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/




/*------------ VUI INFOBOX -------------*/
.vuiFloatingContainer {border-bottom: 1px solid transparent; top: 0px; z-index:2}
.vuiFloatingContainerBottom { bottom: 0px; top: auto; }

.vuiErrormessage .vuiInfobox { color: #F00; }

a.infoboxTrigger { border-bottom: dotted 1px #333; color: #333; background-color: transparent; text-decoration: none; cursor: text; }
a.infoboxTrigger:hover { border-bottom: none; color: #333; background-color: transparent; text-decoration: none; cursor: text; }

.vuiInfobox { position: fixed; z-index: 3; color: #333; text-align: left; white-space: normal; font-weight: normal; font-size: 1em; font-size: 1rem; line-height: 1.5; }

.vuiInfobox .vuiPtrTop { margin: 12px 0px 0px 0px; }
.vuiInfobox .vuiPtrBottom { margin: 0px 0px 12px 0px; }
.vuiInfobox .vuiPtrLeft { margin: 0px 0px 0px 12px; }
.vuiInfobox .vuiPtrRight { margin: 0px 12px 0px 0px; }

.botMar36 { margin-bottom: 36px !important; }

/******* FLOATING CONTAINER *******/

/* Hack used to get the true Element.outerHeight(true) of our wrapper
element. Fixes issues with 'margin collapse' on child elements. */
.vuiFloatingContainer { border-bottom: 1px solid transparent; top: 0px; z-index: 1; }
.vuiFloatingContainerBottom { bottom: 0px; top: auto; }

@media print
{
    /* The directive applies css to the nodes through ng-style.  Do not override the px values */
    .vuiFloatingContainer { position: static !important; }
    .vuiFloatingPlaceHolder { display: none !important; }
}



/******* POINTER CONTAINER *******/

.vuiPointer { position: relative; margin-top: 21px;  }
.vuiPtrContainer { padding: 9px; border: 1px solid #999; overflow: auto; background-color: #fff; }
.vuiPtr { position: absolute; width: 22px; height: 12px; background: transparent url(../images/infoBoxLdr_17_335.png) 0px 0px no-repeat scroll; }
.vuiPtrRight .vuiPtr, .vuiPtrLeft .vuiPtr { width: 12px; height: 22px; }
.vuiPtrTop .vuiPtr    {    top: -11px; background-position:   0px -13px; }
.vuiPtrRight .vuiPtr  {  right: -11px; background-position: -42px   0px; }
.vuiPtrBottom .vuiPtr { bottom: -11px; background-position:   0px  -1px; }
.vuiPtrLeft .vuiPtr   {   left: -11px; background-position: -24px   0px; }

.vuiPointercontainerSkin1 .vuiPtrContainer { border: 1px solid #D4CFC3; }
.vuiPointercontainerSkin1 .vuiPtrTop .vuiPtrContainer    { border-width: 1px 0px 0px 0px; }
.vuiPointercontainerSkin1 .vuiPtrRight .vuiPtrContainer  { border-width: 0px 1px 0px 0px; }
.vuiPointercontainerSkin1 .vuiPtrBottom .vuiPtrContainer { border-width: 0px 0px 1px 0px; }
.vuiPointercontainerSkin1 .vuiPtrLeft .vuiPtrContainer   { border-width: 0px 0px 0px 1px; }
.vuiPointercontainerSkin1 .vuiPtr { width: 133px; height: 21px; } 
.vuiPointercontainerSkin1 .vuiPtrRight .vuiPtr,
.vuiPointercontainerSkin1 .vuiPtrLeft .vuiPtr { width: 21px; height: 133px; }
.vuiPointercontainerSkin1 .vuiPtrTop .vuiPtr    {    top: -20px; background-position:   0px -44px; }
.vuiPointercontainerSkin1 .vuiPtrRight .vuiPtr  {  right: -20px; background-position:   0px -70px; }
.vuiPointercontainerSkin1 .vuiPtrBottom .vuiPtr { bottom: -20px; background-position:   0px -30px; }
.vuiPointercontainerSkin1 .vuiPtrLeft .vuiPtr   {   left: -20px; background-position: -37px -70px; }

.vuiPointercontainerSkin2 .vuiPtrContainer { border: none; background-color: #EAE5DA; padding: 18px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.vuiPointercontainerSkin2 .vuiPtr { width: 22px; height: 13px; }
.vuiPointercontainerSkin2 .vuiPtrRight .vuiPtr, 
.vuiPointercontainerSkin2 .vuiPtrLeft .vuiPtr { width: 13px; height: 22px; }
.vuiPointercontainerSkin2 .vuiPtrTop .vuiPtr	{    top: -13px; background-position:  -59px -13px; }
.vuiPointercontainerSkin2 .vuiPtrRight .vuiPtr	{  right: -13px; background-position: -108px   0px; }
.vuiPointercontainerSkin2 .vuiPtrBottom .vuiPtr	{ bottom: -13px; background-position:  -60px   0px; }
.vuiPointercontainerSkin2 .vuiPtrLeft .vuiPtr	{   left: -13px; background-position:  -90px   0px; }


/****************** vuiTableScroll *****************/

.vuiScrollingTables { position: relative; width: 100%; display: table; table-layout: fixed; margin-bottom: 18px; }
.vuiScrollingTables > .vuiScrollingTableLeftSide,
.vuiScrollingTables > .vuiScrollingTableRightSide { width: 100%; display: table-cell; }
.vuiScrollingTables > .vuiScrollingTableLeftSide { position: absolute; top: 0px; left: 0px; pointer-events: none; }
.vuiScrollingTables .vuiScrollingTableLeft,
.vuiScrollingTables .vuiScrollingTableRight { width: 100%; margin-bottom: 0px; }

.vuiOverflowSupported .vuiScrollingTables > .vuiScrollingTableLeftSide,
.vuiOverflowSupported .vuiScrollingTables > .vuiScrollingTableRightSide { overflow: hidden; }
.vuiOverflowSupported .vuiScrollingTables > .vuiScrollingTableRightSide > .vuiScrollingTableOverFlow { overflow-x: auto; overflow-y: hidden; }

/* right table */

.vuiScrollingTableRight > THEAD > TR > .vuiFixedCol,
.vuiScrollingTableRight > TBODY > TR > .vuiFixedCol,
.vuiScrollingTableRight > TFOOT > TR > .vuiFixedCol { visibility: hidden; pointer-events: none; }

/* left table */

.vuiScrollingTableLeft > THEAD > TR > TD,
.vuiScrollingTableLeft > THEAD > TR > TH,
.vuiScrollingTableLeft > TBODY > TR > TD,
.vuiScrollingTableLeft > TBODY > TR > TH,
.vuiScrollingTableLeft > TFOOT > TR > TD,
.vuiScrollingTableLeft > TFOOT > TR > TH { visibility: hidden; }

/* some browsers incorrectly show borders on visibility hidden elements */
.vuiScrollingTableLeft.vuiDataTable > THEAD > TR > TH { border-color: transparent; }
.vuiScrollingTableLeft.vuiDataTable > THEAD > TR > TH.vuiFixedCol { border-color: #FFF; }

.vuiScrollingTableLeft > THEAD > TR > .vuiFixedCol,
.vuiScrollingTableLeft > TBODY > TR > .vuiFixedCol,
.vuiScrollingTableLeft > TFOOT > TR > .vuiFixedCol { visibility: visible; pointer-events: auto; }

.vuiScrollingTableLeft.vuiSimpleTable > THEAD > TR > .vuiFixedCol,
.vuiScrollingTableLeft > TBODY > TR > .vuiFixedCol,
.vuiScrollingTableLeft > TFOOT > TR > .vuiFixedCol { background-color: #FFF; } 

/******* vuiScrollIndicators *******/

.vuiOverflowNotSupported .vuiScrollIndicators { display: none; }

.vuiScrollingTableLeft > .vuiScrollIndicators > TR > TD { visibility: visible; padding: 0px; height: 0px; border-width: 0px; }

.vuiScrollIndicators > TR > TD > .vuiScrollIndLft,
.vuiScrollIndicators > TR > TD > .vuiScrollIndRgt { position: absolute; height: auto; bottom: 0px; top: 0px; width: 27px; display: none; }

.vuiScrollIndicators > TR.vuiScrollIndicatorLeftShown > TD > .vuiScrollIndLft,
.vuiScrollIndicators > TR.vuiScrollIndicatorRightShown > TD > .vuiScrollIndRgt { display : block; }

.vuiScrollIndicators > TR > TD > .vuiScrollIndRgt 
{ 
	right : 0px; 
	/* gradient is 0% to 78% because it needs to be 21px wide inside a 27px wide area */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMC4yNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(right,  rgba(153,153,153,0.25) 0%, rgba(255,255,255,0) 78%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0%,rgba(153,153,153,0.25)), color-stop(78%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(right,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: -o-linear-gradient(right,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: -ms-linear-gradient(right,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: linear-gradient(to left,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
@media \0screen\,screen\9 
{
	.vuiScrollIndicators > TR > TD > .vuiScrollIndRgt 
	{ 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FFFFFF', endColorstr='#40999999',GradientType=1 ); 
	}
}

.vuiScrollIndicators > TR > TD > .vuiScrollIndLft 
{
	/* gradient is 0% to 78% because it needs to be 21px wide inside a 27px wide area */
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background-image: -moz-linear-gradient(left,  rgba(153,153,153,0.25) 0%, rgba(255,255,255,0) 78%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(153,153,153,0.25)), color-stop(78%,rgba(255,255,255,0)));
	background-image: -webkit-linear-gradient(left,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: -o-linear-gradient(left,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: -ms-linear-gradient(left,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-image: linear-gradient(to right,  rgba(153,153,153,0.25) 0%,rgba(255,255,255,0) 78%);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
@media \0screen\,screen\9 
{
	.vuiScrollIndicators > TR > TD > .vuiScrollIndLft 
	{ 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40999999', endColorstr='#00FFFFFF',GradientType=1 );
	}
}

/* arrows */

.vuiScrollIndicators > TR > TD .vuiScrollIndArr { display: table-cell; min-width: 27px; vertical-align: middle; text-align: center; background-color: rgb( 213, 207, 196 ); /* #d5cfc4 */ background-color: rgba( 213, 207, 196, 0.9 ); }
@media \0screen\,screen\9 
{
	.vuiScrollIndicators > TR > TD .vuiScrollIndArr { filter: alpha(opacity=90); }
}
.vuiScrollIndicators > TR > TD .vuiScrollIndArr > .vuiScrollIndArrImg { display: inline-block; vertical-align: middle; height: 13px; width: 7px; background: url(../images/nav_icons_ng_17_835.png) 0px -1397px no-repeat scroll; }
.vuiScrollIndicators > TR > TD > .vuiScrollIndRgt > .vuiScrollIndArr > .vuiScrollIndArrImg { background-position: -12px -1397px; }

/*
	******* vuiTables *******

	THEAD contains table heads and column heads
	THEAD TD is a table head
	THEAD TH is a column head
	TBODY TH is a row head
	TBODY & TFOOT contain normal TDs
*/

/* generic - borders */

TD.vuiNoBotBorder,
TH.vuiNoBotBorder,
TR.vuiNoBotBorder > TD,
TR.vuiNoBotBorder > TH { border-bottom-width: 0px !important; }

/* shared input error styles */

.vuiDataTable > * > TR > TD.vuiInputError,
.vuiSummaryTable > * > TR > TD.vuiInputError { padding-left: 3px; } 

/******* VUI LAYER *******/

.vuiLayer { background-color: #FFF; z-index: 999; position: fixed; top: 50%; left: 0px; right: 0px; margin: auto; }
.vuiLayer a {cursor:pointer; }
.vuiLayerHasTitle .vuiLayerHeader .vuiLayerTitle {color: #333333; font-family: Arial, sans-serif; font-size: 16px; padding: 18px 0px 17px 0px; }
.vuiLayerLarge .vuiLayerHeader .vuiLayerTitle {font-size: 21px;}
.vuiLayerCloseButton { background: url(../images/close_16_290.png) no-repeat scroll 0px -54px transparent; top: 6px; right: 6px; cursor: pointer; height: 24px; margin-left: 6px; position: absolute; text-decoration: none; width:24px; }
.vuiLayerCloseButton:hover { background-position: 0px -78px; }
.vuiLayerBody { overflow:auto; }
.vuiLayerBodyContent { border-top: 1px solid transparent; border-bottom: 1px solid transparent; }
.vuiLayer .vuiLayerContainer { height: 100%; width: 100%; padding: 17px 18px;}
.vuiLayerCloseable .vuiLayerContainer { padding: 41px 18px 17px 18px; }
.vuiLayerHasTitle .vuiLayerContainer {padding: 0px 18px 17px 18px;}
.vuiModalDiv { width: 100%; height: 100%; top: 0px; left: 0px; z-index: 100; position: fixed; background-color: #CCC; opacity: .5; }

@media \0screen\,screen\9 
{
	.vuiLayer { max-height: 80%; }
	.vuiModalDiv { filter: alpha(opacity=50); }

	.vuiLayerGrid2 { width: 194px; }/* 194px = 164px + 6px + 18px + 6px */ 
	.vuiLayerGrid4 { width: 358px; }/* 358px = 328px + 6px + 18px + 6px */ 
	.vuiLayerGrid6 { width: 522px; }/* 522px = 492px + 6px + 18px + 6px */ 
	.vuiLayerGrid8 { width: 698px; }/* 698px = 656px + 6px + 18px + 6px */ 
	.vuiLayerGrid10 { width: 862px; }/* 862px = 820px + 6px + 18px + 6px */

	.vuiLayerSmall { border: 6px solid #666; }
	.vuiLayerLarge { border: 12px solid #666; }

	.vuiLayerCloseButton:hover { background-position: 0px -18px; }
	.vuiLayerCloseButton { background-position: 0px 0px; height: 18px; margin-left: 6px; width: 18px; }
}

/*small*/
@media screen and (max-width: 599px)
{
	.vuiLayer { width: 100%; height: 100%; top: 50px; margin-top: 0px !important; }
}

/*medium and large*/
@media screen and ( min-width: 600px ), print
{
	.vuiLayerGrid2 { max-width: 194px; width: 16.666666666666664%; }
	.vuiLayerGrid4 { max-width: 358px; width: 33.33333333333333%; }
	.vuiLayerGrid6 { max-width: 522px; width: 50%; }
	.vuiLayerGrid8 { max-width: 698px; width: 66.66666666666666%; }
	.vuiLayerGrid10 { max-width: 862px; width: 83.33333333333334%; }
	
	.vuiLayerSmall  { border: 6px solid #666; }
	.vuiLayerLarge { border: 12px solid #666; }
	
	.vuiLayerCloseButton { right: 6px; top: 6px; }
	
	.vuiLayer { max-height: 80%; }
}

/*large*/
@media screen and ( min-width: 1000px ), print
{
	.vuiLayerCloseButton:hover { background-position: 0px -18px; }
	.vuiLayerCloseButton { background-position: 0px 0px; height: 18px; margin-left: 6px; width: 18px; }
}

/******* LINKS *******/

.vuiLink { cursor: pointer; }



/******************** vuiDataTable *********************/
.vuiDataTable span.subHead {font-size: 21px; font-weight: normal; line-height: 30px;}
.vuiDataTable { margin-bottom: 18px; }

.vuiDataTable { 
	border-spacing: 0px;		/* collapse cell spacing */
	border-collapse: separate;	/* collapse causes rendering issues, so make sure it is the default of separate */
	empty-cells: show;			/* show decorations on empty cells */
} 

/*** table heads ***/

.vuiDataTable > THEAD > TR > TD { padding: 0px 0px 18px; text-align: left; font-size: 1.3em; font-size: 1.3rem; line-height: 1.125em; line-height: 1.5rem; border-bottom-width: 0px; }

/*** sub heads ***/

.vuiDataTable > TBODY > .vuiSubheadRow > TD { border-top: 7px solid #FFF; border-bottom: 2px solid #FFF; background-color: #EAE5DA; padding: 3px 6px; }

/*** column heads ***/

.vuiDataTable > THEAD > TR > TH { border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; padding: 9px 6px; vertical-align: bottom; background-color: #EAE5DA; font-weight: bold; font-size: 0.916em; font-size: 0.916rem; line-height: 1.18em; line-height: 1.08rem; height: 54px; /* acts like min height since not supported on th or td */ }
.vuiDataTable > THEAD > TR > TH.bordernone {border-left:none; vertical-align:top;}
.vuiDataTable > THEAD > TR > TH:first-child { border-left-width: 0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiDataTable > THEAD > TR > TH { height: 36px; /* safari hack for cell height since it incorrectly adds padding into height [ 54 - 18 vert padding ] */ } }
.vuiDataTable > THEAD > TR > TH.vuiTopRow { height: 24px; border-bottom: none; padding: 0 6px 6px 6px; }
.vuiDataTable > THEAD > TR > TH.vuiBotRow { height: 30px; }
.vuiDataTable > THEAD > TR > TH.vuiBotRow:first-child { border-left-width: 2px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiDataTable > THEAD > TR > TH.vuiTopRow{ height: 18px; /* safari hack for cell height since it incorrectly adds padding into height [ 24 - 6 vert padding ] */ } }
@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiDataTable > THEAD > TR > TH.vuiBotRow{ height: 12px; /* safari hack for cell height since it incorrectly adds padding into height [ 30 - 18 vert padding ] */ } }

.vuiDataTable > THEAD > TR > TH.vuiColHead1 {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZjhmOGY4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f8f8f8 0%, #f8f8f8 0%, #e4e4e4 100%, #e4e4e4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(0%,#f8f8f8), color-stop(100%,#e4e4e4), color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 0%,#e4e4e4 100%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 0%,#e4e4e4 100%,#e4e4e4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8f8f8 0%,#f8f8f8 0%,#e4e4e4 100%,#e4e4e4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8f8f8 0%,#f8f8f8 0%,#e4e4e4 100%,#e4e4e4 100%); /* W3C */
}

@media \0screen\,screen\9
{
	.vuiDataTable > THEAD > TR > TH.vuiColHead1 {
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e4e4e4',GradientType=0 ); /* IE8 */
	}
}

/*** data table filter row ***/
.vuiDataTable > THEAD > TR > TD.vuiFilterRow { vertical-align: middle; background-color: #EAE5DA; padding: 6px; height: 54px; border-bottom: 2px solid #FFF; font-size: 1em; font-size: 1rem;}


/*** data cells ***/

.vuiDataTable > TBODY > TR > TD,
.vuiDataTable > TFOOT > TR > TD { border-bottom: 1px solid #D9D9D9; padding: 6px; vertical-align: text-top; }

/*** turns off border when show benchmark is selected ***/
.vuiDataTable > TBODY > TR.noBorder > TD { border-bottom: none; }

/*** total row ***/

.vuiDataTable > TBODY > .vuiTotalRow > TD,
.vuiDataTable > TFOOT > .vuiTotalRow > TD { border-bottom-width: 0px; font-weight: bold; }

/*** internal ***/

.vuiDataTable.vuiIntOnly { border: 3px solid #BBCF9D; }

/* internal table & column heads */

.vuiDataTable.vuiIntOnly > THEAD > TR > TD,
.vuiDataTable > THEAD > TR.vuiIntOnly > TD,
.vuiDataTable > THEAD > TR.vuiIntOnly > TH,
.vuiDataTable > THEAD > TR > TD.vuiIntOnly,
.vuiDataTable > THEAD > TR > TH.vuiIntOnly { background-color: #BBCF9D; }

/* internal rows & cells */

.vuiDataTable > TBODY > TR.vuiIntOnly > TD,
.vuiDataTable > TBODY > TR > TD.vuiIntOnly,
.vuiDataTable > TFOOT > TR.vuiIntOnly > TD,
.vuiDataTable > TFOOT > TR > TD.vuiIntOnly { background-color: #D3E0C5; }

/******* VUI Datatable sortable columns ****/

.vuiDataTable th.sortablecolumn:hover,
.vuiDataTable th.selected.sortablecolumn { cursor: pointer; background-color: #E0DBD0; }

.vuiDataTable th.sortablecolumn:after { content: ""; background: url(../images/nav_icons_ng_17_835.png) no-repeat; display: inline-block; font-size: 0%; padding: 4px 4px 0px 3px; margin: 0px 0px 0px 3px; width: 5px; height: 4px; }

.vuiDataTable th.sortDown.sortablecolumn:after { background-position: -24px -911px; }
.vuiDataTable th.sortDown:hover.sortablecolumn:after { background-position: -12px -911px; }

.vuiDataTable th.sortUp.sortablecolumn:after { background-position: -24px -904px; }
.vuiDataTable th.sortUp:hover.sortablecolumn:after { background-position: -12px -904px; }

.vuiDataTable th.selected.sortDown.sortablecolumn:after { background-position: 0px -911px; }
.vuiDataTable th.selected.sortUp.sortablecolumn:after { background-position: 0px -904px; } 

/*******END VUI Datatable sortable columns ****/


/*************************** vuiMenu ********************************/
.vuiMenu { display: inline-block; cursor: default; max-width: 100%; font-size: 1em; font-size: 1rem; font-weight: normal; line-height: 1.5em; line-height: 1.5rem; }
.vuiMenu .vuiMenuLabel { display: inline-table; border: 1px solid #CCC; background-color: #fff; width: 100%; }
.vuiMenu .vuiMenuLabelFixed { table-layout: fixed; }
@media screen and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiMenu .vuiMenuLabel { vertical-align: -11px; /* fix for safari bug for wrong vertical align with inline-table */ } }
.vuiMenu .vuiMenuLabel .vuiMenuLabelText { display: table-cell; padding: 3px 9px 4px; color: #96151d; }
.vuiMenu .vuiMenuLabel .vuiMenuLabelTextInner { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align:left; }
.vuiMenu .vuiMenuLabel .vuiMenuIcon { display: table-cell; content: ""; width: 27px; min-width: 27px; max-width: 27px; background: url(../images/nav_icons_ng_17_835.png) 0px -1014px no-repeat scroll; }
.vuiMenu .vuiMenuOptionsContainer { border: 1px solid #CCC; padding: 9px 3px 10px 3px; background-color: #fff; position: fixed; z-index:1; overflow-y: auto; }

/* use large icon style for non-responsive pages */
.vuiNonResponsivePage .vuiMenu .vuiMenuLabel .vuiMenuLabelText { padding: 0px 9px 1px; color: #8D4900; }
.vuiNonResponsivePage .vuiMenu .vuiMenuLabel .vuiMenuIcon { width: 17px; min-width: 17px; max-width: 17px; background-position: 0px -598px; }
.vuiNonResponsivePage .vuiMenuOpen .vuiMenuLabel .vuiMenuIcon, 
.vuiNonResponsivePage .vuiMenu.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon {background-position: 0px -648px;}
.vuiNonResponsivePage .vuiMenu:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -623px; }

.vuiMenuOptionsContainer .vuiMenuitem { padding: 3px 6px 4px; cursor: pointer; text-align: left; color: #333; }
.vuiMenuOptionsContainer .vuiMenuItemHighlight {color: #FFF; background-color: #96151D;}
.vuiMenuOptionsContainer .vuiMenuitem span { vertical-align: middle; line-height: normal; display: inline-block; }
.vuiMenuOptionsContainer .vuiMenuItemDisabled { color: #B3B3B3; }

.vuiMenuError {background-color: #FAF2BB; border-left: 3px solid #F00; padding-left: 3px;}

/* large */

@media (min-width: 1001px) 
{
	.vuiMenu .vuiMenuLabel .vuiMenuLabelText { padding: 0px 9px 1px; color: #8D4900; }
	.vuiMenu .vuiMenuLabel:hover .vuiMenuLabelText { color: #965E23; text-decoration: none;}
	.vuiMenu .vuiMenuLabel .vuiMenuIcon { width: 17px; min-width: 17px; max-width: 17px; background-position: 0px -598px; }
	.vuiMenuOpen .vuiMenuLabel .vuiMenuLabelText { color: #96151d; }
	.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon, .vuiMenu.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -648px; }
	.vuiMenu:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -623px; }
}
@media screen and (min-width: 1001px) and (-webkit-min-device-pixel-ratio:0) { ::i-block-chrome,.vuiMenu .vuiMenuLabel { vertical-align: -7px; /* fix for safari bug for wrong vertical align with inline-table */ } }
	
/* IE8 - large */

@media \0screen\,screen\9 
{
	.vuiMenu .vuiMenuLabel .vuiMenuLabelText { padding: 0px 9px 1px; color: #8D4900; }
	.vuiMenu:hover .vuiMenuLabel .vuiMenuLabelText { color: #96151d; text-decoration: underline; }
	.vuiMenu .vuiMenuLabel .vuiMenuIcon { width: 17px; min-width: 17px; max-width: 17px; background-position: 0px -598px; }
	.vuiMenu:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -623px; }
}



/*** Disabled ***/

.vuiMenuDisabled .vuiMenuLabel .vuiMenuLabelText,
.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuLabelText { color: #B3B3B3; text-decoration: none; }
.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon,
.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -1111px; }

/* large */

@media (min-width: 1001px) 
{
	.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon,
	.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -673px; }
}

/* IE8 - large */

@media \0screen\,screen\9 
{
	.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon,
	.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon { background-position: 0px -673px; }
}



/*** vuiMenuStyle1 Skin ***/

.vuiMenuStyle1 .vuiMenuLabel { border: none; margin: 1px; }
.vuiMenuStyle1 .vuiMenuLabel .vuiMenuIcon { background: none; }
.vuiMenuStyle1 .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle1:hover .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle1.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle1.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { content: ""; display: block; width: 9px; height: 6px; background: url(../images/nav_icons_ng_17_835.png) 0px -790px no-repeat scroll;}

/* large */

@media (min-width: 1001px) 
{
	.vuiMenuStyle1 .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -775px; }
	.vuiMenuStyle1:hover .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -790px; }
}
	
/* IE8 - large */

@media \0screen\,screen\9 
{
	.vuiMenuStyle1 .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -775px; }
	.vuiMenuStyle1:hover .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -790px; }
}

/* Disabled */
	.vuiMenuStyle1.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle1.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -805px; }



/* vuiMenuStyle2 Skin */

.vuiMenu.vuiMenuStyle2 .vuiMenuLabel { height: 38px; width: 226px; padding-left: 12px; padding-right: 8px; 
	background: #FFFFFF; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmU5ZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EBE9EA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EBE9EA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EBE9EA 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%, #EBE9EA 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%, #EBE9EA 100%); /* IE10+ */
	background: linear-gradient(to bottom, #FFFFFF 0%, #EBE9EA 100%); /* W3C */ }
.vuiMenu.vuiMenuStyle2 .vuiMenuLabel .vuiMenuLabelText { width: 196px; vertical-align: middle; padding: 0px; color: #333333; font: normal 16px Arial }
.vuiMenu.vuiMenuStyle2 .vuiMenuLabel:hover .vuiMenuLabelText { text-decoration: none; }

.vuiMenu.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon { width: 10px; height:5px; min-width:9px; max-width: 9px; background: none; }
.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle2:hover .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle2.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle2.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { content: ""; vertical-align:-5px; display: inline-block; width: 10px; height: 6px; background: url(../images/nav_icons_ng_17_835.png) -16px -775px no-repeat scroll; }

.vuiMenu.vuiMenuStyle2 .vuiMenuOptionsContainer .vuiMenuitem { height: 36px; line-height: 36px; padding: 0px 6px 0px; }

/* large */

@media (min-width: 1001px) 
{
	.vuiMenu.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon,
	.vuiMenu.vuiMenuStyle2.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon, 
	.vuiMenu.vuiMenuStyle2.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon { background: none; }
	.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2:hover .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before { vertical-align:-7px; }
}

/* IE8 - large */

@media \0screen\,screen\9 
{
	.vuiMenu.vuiMenuStyle2:hover .vuiMenuLabel .vuiMenuLabelText { text-decoration: none; }
	.vuiMenuStyle2 .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2:hover .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2.vuiMenuOpen .vuiMenuLabel .vuiMenuIcon:before,
	.vuiMenuStyle2.vuiMenuOpen:hover .vuiMenuLabel .vuiMenuIcon:before  { vertical-align: -7px; }
}

/* Disabled */

.vuiMenu.vuiMenuStyle2.vuiMenuDisabled .vuiMenuLabel .vuiMenuLabelText { color: #B3B3B3; text-decoration: none; }
.vuiMenuStyle2.vuiMenuDisabled .vuiMenuLabel .vuiMenuIcon:before,
.vuiMenuStyle2.vuiMenuDisabled:hover .vuiMenuLabel .vuiMenuIcon:before { background-position: 0px -805px; }

/* Menu Item Divider */

hr.vuiMenuItemDivider { border-top: 1px solid #CCCCCC; margin-top: 5px; margin-bottom: 6px; padding: 0px; font-size: 0%; }

/*** END vuiMenu ***/


/* vuiSubheadFlipper */

.vuiSubheadFlipper:before { content: ""; display: inline-block; height: 9px; width: 9px; margin-right: 6px; background-image: url(../images/nav_icons_ng_17_835.png); background-position: -5px -294px; }
.vuiSubheadFlipper:hover:before { background-position: -22px -294px; }
.vuiToggled .vuiSubheadFlipper:before { background-position: -5px -310px; }
.vuiToggled .vuiSubheadFlipper:hover:before { background-position: -22px -310px; }

/* END vuiSubheadFlipper */
/* BEGIN vuiWindowshade */

.vuiToggle { cursor: pointer; }
.vuiWindowshade { display: inline; outline: none; }
.vuiWindowshadeBody { position: relative; }
.vuiWindowshadeBody.vuiWindowshadeThreeContent { border-left: 1px solid #999; border-right: 1px solid #999; }
.vuiWindowshadeFloat { position: relative; height: 33px;}
.vuiWindowshadeFloat .vuiWindowshade, 
.vuiWindowshadeFloat .vuiWindowshadeBody { z-index: 3;  background-color: #fff; }
.vuiWindowshadeTwoHeadText { display: inline; background-color: #fff; }

.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandDown,
.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandUp { position: relative; height: 24px; background-color: #fff; }
.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandDown { border-top: 1px solid #999; }
.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandUp { border-bottom: 1px solid #999; }

.vuiWindowshadeTwoLink.vuiWindowshadeExpandDown,
.vuiWindowshadeTwoLink.vuiWindowshadeExpandUp { background-color: #fff; position: relative; height: 24px; padding: 4px 12px 0px; border: 1px solid #999; }
.vuiWindowshadeTwoLink.vuiWindowshadeExpandDown { top: -1px; border-top: 0px; }
.vuiWindowshadeTwoLink.vuiWindowshadeExpandUp { top: 0px; border-bottom: 0px; }

.vuiWindowshadeTwoPaddingLeft { padding-left: 6px; }
.vuiWindowshadeTwoPaddingRight { padding-right: 6px; }

/* Drop shadow styles */
.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandDown.vuiWindowshadeDropShadow {
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#33000000,endColorstr=#00000000);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorstr=#33000000,endColorstr=#00000000)";
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
background-image: -o-linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
background-image: linear-gradient(top, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
}

.vuiWindowshadeTwoLink.vuiWindowshadeExpandDown.vuiWindowshadeDropShadow {
-moz-box-shadow:0px 8px 20px rgba(192,192,192,0.2);
-webkit-box-shadow:0px 8px 20px rgba(192,192,192,0.2);
box-shadow:0px 8px 20px rgba(192,192,192,0.2);
}

.vuiWindowshadeTwoHeadContent.vuiWindowshadeExpandUp.vuiWindowshadeDropShadow {
filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#00000000,endColorstr=#33000000);
-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorstr=#00000000,endColorstr=#33000000)";
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
background-image: linear-gradient(bottom, rgba(0,0,0,0.2), rgba(0,0,0,-1.8));
}

.vuiWindowshadeTwoLink.vuiWindowshadeExpandUp.vuiWindowshadeDropShadow {
-moz-box-shadow:0px 8px 20px rgba(192,192,192,0.2);
-webkit-box-shadow:0px 8px 20px rgba(192,192,192,0.2);
box-shadow:0px 8px 20px rgba(192,192,192,0.2);
}
.vuiWindowshadeTrigger { cursor: pointer; display: inline-block; text-align: center; }
.vuiWindowshadeTrigger:after { content: ""; display: inline-block; height: 9px; width: 15px; margin-left: 3px; background: url(./images/vui_link_modifiers.png) -209px -5px no-repeat scroll; }
.vuiWindowshadeTwoLink.vuiWindowshadeTrigger:after { content: ""; display: inline-block; height: 9px; width: 15px; margin-left: 3px; background: url(./images/nav_icons_ng_17_835.png) no-repeat scroll; }

/* Default styles for the arrow image. Changes depending on expand direction. */
/* Down arrow */
.vuiWindowshadeClosed .vuiWindowshadeExpandDown.vuiWindowshadeTrigger:after,
.vuiWindowshadeOpened .vuiWindowshadeExpandUp.vuiWindowshadeTrigger:after { background-position: -209px -5px }

.vuiWindowshadeClosed .vuiWindowshadeExpandDown.vuiWindowShadeTriggerHover:after,
.vuiWindowshadeOpened .vuiWindowshadeExpandUp.vuiWindowShadeTriggerHover:after { background-position: -228px -5px; }

/* Up Arrow */
.vuiWindowshadeOpened .vuiWindowshadeExpandDown.vuiWindowshadeTrigger:after,
.vuiWindowshadeClosed .vuiWindowshadeExpandUp.vuiWindowshadeTrigger:after { background-position: -447px -5px; }

.vuiWindowshadeOpened .vuiWindowshadeExpandDown.vuiWindowShadeTriggerHover:after,
.vuiWindowshadeClosed .vuiWindowshadeExpandUp.vuiWindowShadeTriggerHover:after { background-position: -467px -5px; }


/* Windowshade 2 styles for the arrow image. Changes depending on expand direction. */
/* Down arrow */
.vuiWindowshadeClosed .vuiWindowshadeTwoLink.vuiWindowshadeExpandDown.vuiWindowshadeTrigger:after,
.vuiWindowshadeOpened .vuiWindowshadeTwoLink.vuiWindowshadeExpandUp.vuiWindowshadeTrigger:after { background-position: 1px -312px }

.vuiWindowshadeClosed .vuiWindowshadeTwoLink.vuiWindowshadeExpandDown.vuiWindowShadeTriggerHover:after,
.vuiWindowshadeOpened .vuiWindowshadeTwoLink.vuiWindowshadeExpandUp.vuiWindowShadeTriggerHover:after { background-position: -16px -312px; }

/* Up Arrow */
.vuiWindowshadeOpened .vuiWindowshadeTwoLink.vuiWindowshadeExpandDown.vuiWindowshadeTrigger:after,
.vuiWindowshadeClosed .vuiWindowshadeTwoLink.vuiWindowshadeExpandUp.vuiWindowshadeTrigger:after { background-position: 1px -468px; }

.vuiWindowshadeOpened .vuiWindowshadeTwoLink.vuiWindowshadeExpandDown.vuiWindowShadeTriggerHover:after,
.vuiWindowshadeClosed .vuiWindowshadeTwoLink.vuiWindowshadeExpandUp.vuiWindowShadeTriggerHover:after { background-position: -16px -468px; }


.vuiWindowShadeTriggerHover .vuiWindowshadeLabel { text-decoration: underline; }
.vuiWindowshadeLabel { display: inline-block; }

/* END vuiWindowshade */

/* ---------END VUI STYLES ---------- */

/* hongkong internal changes for search */
a.showMoreIcon_ser .linkIcon, a.showMoreIcon_ser:link .linkIcon {background-position: -415px -17px; padding-right: 10px; cursor:hand;} 
a.showMoreIcon_ser:hover .linkIcon { background-position: -428px -17px; cursor:hand;}
.box{
	width:95%;
	line-height:14px ; /* change accordingly */
	overflow: hidden;
	max-height: 42px;
	position: relative;
}

.mpcont h3{display:none !important;} 

.anchor-pointer{
	cursor: pointer;
}

/* For fundfinder */
#fundFinder { background-color: #ccc; display: block; position: relative; width: 232px; padding: 12px; margin: -18px -18px 18px -12px; border-bottom: 18px solid #fff; font-size: 12px; }
div.browseFundsOff:hover { cursor: pointer; }

#fundFinder ul.linkList { background-color: #fff; position: absolute; cursor: pointer; padding: 3px; border: 1px solid #ccc; border-top: none; }
#fundFinder .linkList li { border: none; line-height: 21px; font-size:12px; font-weight:normal; }
#fundFinder .linkList li a { margin: 0px 6px; }
#fundFinder .linkList li:hover { background-color: #96151D; color: #fff; }
#fundFinder .linkList li:hover a { background-color: #96151D; color: #fff; }
#tickers1 {display: table-cell;}


#fundFinder input.searchbox { 
    background: #FFF url(../images/icons/16_search_magglass.png) no-repeat 4px 4px; 
    border: 1px solid #D4CFC3; 
    outline:0; 
    padding-left: 25px;
	height: 27px;
	width: 100%;
	color: #ccc;
} 


.ui-autocomplete { background-color: #fff; padding: 9px 6px; border: 1px solid #D4CFC3; border-top: none; }
.ui-autocomplete a { display: block; margin-left: 6px; padding: 3px 0px; }
.ui-autocomplete a:hover { background-color: #96151D; color: #fff; text-decoration: none; margin: 0px; padding: 3px 6px; cursor: pointer; }

#fundFinder .ui-helper-hidden-accessible { position: absolute; left:-999em; }

#fundFinder li.ui-menu-item a:hover { background-color: #96151d; color: #fff; cursor: pointer; text-decoration: none; }
#fundFinder li.ui-menu-item a { margin-left: 3px; line-height: 18px; font-size: 12px; }


#fundFinder .browseFunds { margin-top: 6px; margin-left: -12px; }

#fundFinder a.clicky { padding: 3px 21px 3px 9px; margin: 0px 21px 0px 1px; background: transparent url("../images/icons/9_arrow_down_active.png") no-repeat 95% 50%; cursor: pointer; }
#fundFinder a:hover.clicky { color: 96151D; text-decoration: underline; cursor: pointer; background: transparent url("../images/icons/9_arrow_down_active_over.png") no-repeat 95% 50%; }

#fundFinder a.clicky.active { color: #96151D; background-color: #fff; margin: 0px 3px 0px 0px; border: 1px solid #ccc; background: #fff url("../images/icons/9_arrow_down_active_over.png") no-repeat 95% 50%; }

/* banner - fund finder */
#fundFinderBanner { position: absolute; top: 54px; right: 36px; }
#fundFinderBanner #fundFinder { border-bottom: none; }
#fundFinder ul { list-style-type: none; }

@media only screen and (max-width: 966px) and (min-width: 10px) {
#fundFinder { background-color: transparent; display: block; position: relative; width: 232px; padding: 12px; margin: -18px -18px 18px -12px; border-bottom: none; font-size: 12px; }
#fundFinder .browseFunds { margin-top: 18px; }
#fundFinder ul.linkList { background-color: #fff; position: relative; cursor: pointer; padding: 3px; border: none; }
#fundFinder a.clicky.active { color: #96151D; background-color: #fff; margin: 0px 3px 0px 0px; border: none; background: #fff url("../images/icons/9_arrow_down_active_over.png") no-repeat 95% 50%; }
}

@charset "utf-8";
.invisible { display: none; }

/* investor questionnaire */
.bd-grey {background-color:#eae5da !important; padding:18px !important;}
#step_ind {width:100%; height:40px;}
#step_ind span {display:inline;}
#step_ind span.status-button,  #start span.status-button,  #get span.status-button  {height:40px; background-color:#96151D; padding:9px; cursor:pointer;}

#step_ind span.status-button a, #start span.status-button a, #get span.status-button a{text-align:center; vertical-align:middle; color:#fff;}
#step_ind span.status-button a:hover , #start span.status-button a:hover, #get span.status-button a:hover {cursor:pointer;}
#step_ind #get span.disabled, #get span.disabled a:hover { background-color: #ccc; text-decoration:none; height:40px;}
#results span.status-button {float:right; margin-top:-40px;}
#get span.status-button {float:right; width:100%;}
#step_ind div.get {float:right; height:100%; width:22.5%}
#step_ind div.status {float:left; height:100%; width:77.5%}
#IQs input[type='radio'] { line-height:normal; margin:11px 0 0 0;}
#IQs input[type='radio'] { margin-left: -20px; float:left;}
#IQs label, #IQs input[type='radio'] { cursor:pointer;}
#IQs label, #IQs input {line-height:36px; font-size:14px;}
#IQs label {display:block; width: 300px;}
.radio {min-height:20px; padding-left:20px;}
.IQ9 { background-image: url(../images/q9_ie8.png); background-repeat:no-repeat;}
.IQ9 { height:184px;}
.IQ9 {height:184px; width:314px; background-position:center left; background-image:url(../images/q9.png); }
.IQ9 {background-repeat:no-repeat; height:184px; background-size:cover; }
.IQ9 {margin-left:18px;}
.m_t_54 {margin-top:54px;}
#IQs h3 {color:#96151D;}
/** end IQ **/



.grid_share {
display: inline-table;
margin-right:: 18px;
}
.grid_share a { display: block; }
.wechat-icon { display: inline-block; background: transparent url(../images/icons/16_wechat.png) 0 center no-repeat scroll; padding: 0px; width: 16px; margin-right: 8px; }



 
/* for HK ETF Campaign page*/

        .asia_fund {
            position: absolute;
            left: 69%;
            top: 27%;
            height: 50px;
            width: 100px;
            padding: 6px;
            font-size: 24px;
            line-height: 24px;
            font-weight: bold;
            color: #333;
        }
        .asia1-pointer {
            position: absolute;
            left: 64%;
            top: 60%;
        }
        .asia2-pointer {
            position: absolute;
            left: 64%;
            top: 115%;
        }
        .japan_fund {
            position: absolute;
            left: 84%;
            top: 44%;
            height: 50px;
            width: 100px;
            padding: 6px;
            font-size: 24px;
            line-height: 24px;
            font-weight: bold;
            color: #333;
        }
        .japan-pointer {
            position: absolute;
            left: 64%;
            top: 63%;
        }
        .europe_fund {
            position: absolute;
            left: 50%;
            top: 34%;
            height: 50px;
            width: 100px;
            padding: 6px;
            font-size: 24px;
            line-height: 24px;
            font-weight: bold;
            color: #333;
        }
        .europe-pointer {
            position: absolute;
            left: 61%;
            top: 65%;
        }
        .us_fund {
            position: absolute;
            left: 14%;
            top: 37%;
            height: 50px;
            width: 100px;
            padding: 6px;
            font-size: 24px;
            line-height: 24px;
            font-weight: bold;
            color: #333;
        }
        .us-pointer {
            position: absolute;
            left: 62%;
            top: 62%;
        }
        .fund-title {
            font-size: 16px;
            font-weight: bold
        }
        .fund-detail {
            color: #333;
            text-decoration: none;
        }
        .fund-number {
            font-weight: normal;
            color: #333 !important;
	    text-decoration: none;
        }
        a:hover.fund-number {
            color: #333;
            text-decoration: none;
        }
	a.fund-number:visited {	
	    color:#333
	} 
        #main h3 {
            color: #96151D;
        }
        .banner-disclaimer {
            height: 100px;
            border: solid 1px #D9D9D9;
            margin-bottom: 30px;
            padding: 9px;
            overflow-y: scroll;
            font-size: 13px;
        }
        .intro-text {
            margin-bottom: 24px;
            line-height: 19px;
            font-size: 14px;
        }
        .click-bar {
            background-color: #EAE5DA;
            padding: 9px;
            width: 58%;
            font-weight: bold;
            font-size: 16px;
        }
  	.click-bar-CH {
	    background-color: #EAE5DA;
	    padding: 9px;
	    width: 37%;
	    font-weight: bold;
	    font-size: 16px;
	}
        .map-box {
            height: auto;
            border: solid 2px #D9D9D9;
            padding: 9px;
            margin-bottom: 36px;
        }
        .map-box-last {
            height: auto;
            border: solid 2px #D9D9D9;
            padding: 9px;
            margin-bottom: 9px;
        }
        .fund-details-sm {
            color: #333 !important;
            font-weight: bold;
        }
     	.section-headline {
	    font-size: 21px; 
            font-weight: normal;
            line-height: 24px; 
            margin: -4px 0px 18px 0px;
            color:#96151D;
	}

/* END HK ETF Campaign page*/


/*for all of base.css*/
        
        .m_t_24 {
            margin-top: 24px;
        }
        .m_b_36 {
            margin-bottom: 36px;
        }


/* New article image css added by Tracy on 7-26-17 */
/* X Small - common */
.articleImage {width:100%; margin-bottom:18px; display:block; clear:both;}
/* Small */
@media all and (min-width: 600px) {
.articleImage {width:50%; float:right; margin-left:15px;}
}
/* Medium */
@media only screen and (min-width: 768px) {
.articleImage {width:44.44444444444444%; float:right; margin-left:18px;}
}
/* Large */
@media only screen and (min-width: 1002px) {
.articleImage {width:55.55555555555556%; float:right; margin-left:18px;}
}



/******* DISPLAY *******/
.dispInline { display: inline !important; }
.dispInlineBlock { display: inline-block !important; }
.dispBlock { display: block !important; }
.displayNone { display: none !important; }

/*** VERTICAL ALIGNMENT ***/
.alignTop { vertical-align: top    !important; }
.alignMid { vertical-align: middle !important; }
.alignBot { vertical-align: bottom !important; }
.alignBase { vertical-align: baseline !important; }





/* Adding CSS for Investment Stewardship*/
/* This css was added for Investment Stewardship page only if you have a page that needs to use this please see Mark or Tracy first. Do not modify */
/* Grid system */
.gbs-grid-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -6px; margin-right: -6px; }
.gbs-grid-row > [class*="gbs-col-"] { position: relative; min-height: 1px; padding-left: 6px; padding-right: 6px; word-wrap: break-word; width: 100%; }
/* Option align grid column height */
.gbs-grid-row.align-col-height > [class*="gbs-col-"] { display: -ms-flexbox; display: flex; }
.gbs-grid-row.align-col-height > [class*="gbs-col-"] > * { width: 100%; }
/* Grid widths */
.gbs-col-xs-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.gbs-col-xs-11 { -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
.gbs-col-xs-10 { -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
.gbs-col-xs-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.gbs-col-xs-8 { -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
.gbs-col-xs-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
.gbs-col-xs-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.gbs-col-xs-5 { -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
.gbs-col-xs-4 { -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
.gbs-col-xs-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.gbs-col-xs-2 { -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
.gbs-col-xs-1 { -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
/* Create margins between grids */
.gbs-col-xs-offset-12 { margin-left: 100%; }
.gbs-col-xs-offset-11 { margin-left: 91.66666667%; }
.gbs-col-xs-offset-10 { margin-left: 83.33333333%; }
.gbs-col-xs-offset-9 { margin-left: 75%; }
.gbs-col-xs-offset-8 { margin-left: 66.66666667%; }
.gbs-col-xs-offset-7 { margin-left: 58.33333333%; }
.gbs-col-xs-offset-6 { margin-left: 50%; }
.gbs-col-xs-offset-5 { margin-left: 41.66666667%; }
.gbs-col-xs-offset-4 { margin-left: 33.33333333%; }
.gbs-col-xs-offset-3 { margin-left: 25%; }
.gbs-col-xs-offset-2 { margin-left: 16.66666667%; }
.gbs-col-xs-offset-1 { margin-left: 8.33333333%; }
.gbs-col-xs-offset-0 { margin-left: 0; }
/*** min-width = 600px, gutter width = 14px ***/
@media screen and (min-width: 37.5em) {
    .gbsContainer { padding: 14px; }
    .gbsContainerLarge { padding: 54px 14px 63px; }
    .gbsContainerMedium { padding: 36px 14px; }
    .gbsContainerLargeTop { padding: 54px 14px 0; }

    .gbs-grid-row { margin-left: -7px; margin-right: -7px; }
    .gbs-grid-row > [class*="gbs-col-"] { padding-left: 7px; padding-right: 7px; }
    /* Grid widths */
    .gbs-col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .gbs-col-sm-11 { -ms-flex:0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
    .gbs-col-sm-10 { -ms-flex:0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .gbs-col-sm-9 { -ms-flex:0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .gbs-col-sm-8 { -ms-flex:0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .gbs-col-sm-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .gbs-col-sm-6 { -ms-flex:0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .gbs-col-sm-5 { -ms-flex:0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .gbs-col-sm-4 { -ms-flex:0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .gbs-col-sm-3 { -ms-flex:0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .gbs-col-sm-2 { -ms-flex:0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
    .gbs-col-sm-1 { -ms-flex:0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
    /* Create margins between grids */
    .gbs-col-sm-offset-12 { margin-left: 100%; }
    .gbs-col-sm-offset-11 { margin-left: 91.66666667%; }
    .gbs-col-sm-offset-10 { margin-left: 83.33333333%; }
    .gbs-col-sm-offset-9 { margin-left: 75%; }
    .gbs-col-sm-offset-8 { margin-left: 66.66666667%; }
    .gbs-col-sm-offset-7 { margin-left: 58.33333333%; }
    .gbs-col-sm-offset-6 { margin-left: 50%; }
    .gbs-col-sm-offset-5 { margin-left: 41.66666667%; }
    .gbs-col-sm-offset-4 { margin-left: 33.33333333%; }
    .gbs-col-sm-offset-3 { margin-left: 25%; }
    .gbs-col-sm-offset-2 { margin-left: 16.66666667%; }
    .gbs-col-sm-offset-1 { margin-left: 8.33333333%; }
    .gbs-col-sm-offset-0 { margin-left: 0; }
}

/*** min-width = 768px, gutter width = 18px ***/
@media screen and (min-width: 48em) {
    .gbsContainer { padding: 18px; }
    .gbsContainerLarge { padding: 54px 18px 63px; }
    .gbsContainerMedium { padding: 36px 18px; }
    .gbsContainerLargeTop { padding: 54px 18px 0; }

    .gbs-grid-row { margin-left: -9px; margin-right: -9px; }
    .gbs-grid-row > [class*="gbs-col-"] { padding-left: 9px; padding-right: 9px; }
    /* Grid widths */
    .gbs-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .gbs-col-md-11 { -ms-flex:0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
    .gbs-col-md-10 { -ms-flex:0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .gbs-col-md-9 { -ms-flex:0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .gbs-col-md-8 { -ms-flex:0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .gbs-col-md-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .gbs-col-md-6 { -ms-flex:0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .gbs-col-md-5 { -ms-flex:0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .gbs-col-md-4 { -ms-flex:0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .gbs-col-md-3 { -ms-flex:0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .gbs-col-md-2 { -ms-flex:0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
    .gbs-col-md-1 { -ms-flex:0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
    /* Create margins between grids */
   .gbs-col-md-offset-12 { margin-left: 100%; }
    .gbs-col-md-offset-11 { margin-left: 91.66666667%; }
    .gbs-col-md-offset-10 { margin-left: 83.33333333%; }
    .gbs-col-md-offset-9 { margin-left: 75%; }
    .gbs-col-md-offset-8 { margin-left: 66.66666667%; }
    .gbs-col-md-offset-7 { margin-left: 58.33333333%; }
    .gbs-col-md-offset-6 { margin-left: 50%; }
    .gbs-col-md-offset-5 { margin-left: 41.66666667%; }
    .gbs-col-md-offset-4 { margin-left: 33.33333333%; }
    .gbs-col-md-offset-3 { margin-left: 25%; }
    .gbs-col-md-offset-2 { margin-left: 16.66666667%; }
    .gbs-col-md-offset-1 { margin-left: 8.33333333%; }
    .gbs-col-md-offset-0 { margin-left: 0; }
}


/*** min-width = 1002px ***/
@media screen and (min-width: 62.625em) {
    /* Grid widths */
    .gbs-col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
   .gbs-col-lg-11 { -ms-flex:0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
    .gbs-col-lg-10 { -ms-flex:0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .gbs-col-lg-9 { -ms-flex:0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .gbs-col-lg-8 { -ms-flex:0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .gbs-col-lg-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .gbs-col-lg-6 { -ms-flex:0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .gbs-col-lg-5 { -ms-flex:0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .gbs-col-lg-4 { -ms-flex:0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .gbs-col-lg-3 { -ms-flex:0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .gbs-col-lg-2 { -ms-flex:0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
    .gbs-col-lg-1 { -ms-flex:0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
    /* Create margins between grids */
    .gbs-col-lg-offset-12 { margin-left: 100%; }
    .gbs-col-lg-offset-11 { margin-left: 91.66666667%; }
    .gbs-col-lg-offset-10 { margin-left: 83.33333333%; }
    .gbs-col-lg-offset-9 { margin-left: 75%; }
    .gbs-col-lg-offset-8 { margin-left: 66.66666667%; }
    .gbs-col-lg-offset-7 { margin-left: 58.33333333%; }
    .gbs-col-lg-offset-6 { margin-left: 50%; }
    .gbs-col-lg-offset-5 { margin-left: 41.66666667%; }
    .gbs-col-lg-offset-4 { margin-left: 33.33333333%; }
    .gbs-col-lg-offset-3 { margin-left: 25%; }
    .gbs-col-lg-offset-2 { margin-left: 16.66666667%; }
    .gbs-col-lg-offset-1 { margin-left: 8.33333333%; }
    .gbs-col-lg-offset-0 { margin-left: 0; }
}

/*** min-width = 1280px ***/
@media screen and (min-width: 80em) {
    .gbsContainer { padding: 26px; }
    .gbsContainerLarge { padding: 54px 26px 63px; }
    .gbsContainerMedium { padding: 36px 26px; }
    .gbsContainerLargeTop { padding: 54px 26px 0; }

    .gbs-grid-row { margin-left: -13px; margin-right: -13px; }
    .gbs-grid-row > [class*="gbs-col-"] { padding-left: 13px; padding-right: 13px; }
    /* Grid widths */
    .gbs-col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .gbs-col-xl-11 { -ms-flex:0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667%;  }
    .gbs-col-xl-10 { -ms-flex:0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333%; }
    .gbs-col-xl-9 { -ms-flex:0 0 75%; flex: 0 0 75%; max-width: 75%; }
    .gbs-col-xl-8 { -ms-flex:0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667%; }
    .gbs-col-xl-7 { -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333%; }
    .gbs-col-xl-6 { -ms-flex:0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .gbs-col-xl-5 { -ms-flex:0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667%; }
    .gbs-col-xl-4 { -ms-flex:0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333%; }
    .gbs-col-xl-3 { -ms-flex:0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .gbs-col-xl-2 { -ms-flex:0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667%; }
    .gbs-col-xl-1 { -ms-flex:0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333%; }
    /* Create margins between grids */
    .gbs-col-xl-offset-12 { margin-left: 100%; }
    .gbs-col-xl-offset-11 { margin-left: 91.66666667%; }
    .gbs-col-xl-offset-10 { margin-left: 83.33333333%; }
    .gbs-col-xl-offset-9 { margin-left: 75%; }
    .gbs-col-xl-offset-8 { margin-left: 66.66666667%; }
    .gbs-col-xl-offset-7 { margin-left: 58.33333333%; }
    .gbs-col-xl-offset-6 { margin-left: 50%; }
    .gbs-col-xl-offset-5 { margin-left: 41.66666667%; }
    .gbs-col-xl-offset-4 { margin-left: 33.33333333%; }
    .gbs-col-xl-offset-3 { margin-left: 25%; }
    .gbs-col-xl-offset-2 { margin-left: 16.66666667%; }
    .gbs-col-xl-offset-1 { margin-left: 8.33333333%; }
    .gbs-col-xl-offset-0 { margin-left: 0; }
}
.gbs-container-bottom-align { display: flex; flex-direction: column; height: 100%; } 
.gbs-bottom-align-left, .gbs-bottom-align-center, .gbs-bottom-align-right { margin-top: auto; }
.gbs-bottom-align-left { align-self: flex-start; } 
.gbs-bottom-align-center { align-self: center; } 
.gbs-bottom-align-right { align-self: flex-end; } 
                
                
.articleBox {min-height:160px;}



.vuiBorderBottom0px {border-bottom:0 !important;}


/* ----- Background Colors ----- */
/* Greys - Cool */
.gbsBackgroundColorCoolGrey { background-color: #F0F0F0; }
/* font colors */
.vuiFontBlack {color: #333 !important;}

/* Tracyws Update 03/12/2018*/
a.gbs-parent-link:hover, a.gbs-parent-link:hover, a.gbs-parent-link:visited:hover {
    text-decoration: none;
}

/* Tracyws Update 03/12/2018*/
a.gbs-parent-link:hover .gbs-nested-link, a.gbs-parent-link:visited:hover .gbs-nested-link {
    border-bottom: 1px solid #96151D;
    text-decoration: none;
}

/* End of Investment Stewardship css. Do not modify */



/*Factor funds css from MS 10-16-18 */

.factors-banner { 
	background: url(https://static.vgcontent.info/crp/intl/hkw/images/resources/factor-investing-banner.jpg) no-repeat center/cover; 
	padding: 18px;
	margin-bottom: 36px; 
}
.factors-banner h1 {
	margin-top: 0;
}
.factors-banner p { 
	font-size: 16px;
}
.factors-teal-font-color{
	color: #006778 !important; 
}
.factors-purple-font-color{
	color: #80379B !important;
}
.factors-limegreen-font-color{
	color: #919C00 !important;
}
.factors-orange-font-color{
	color: #D96D20 !important;
}
.factors-blue-font-color{
	color: #007DB3 !important;
}
.factors-light-teal-font-color{
	color: #00838D !important;
}
.factors-olive-font-color{
	color: #C28B00 !important;
}
.factors-exposure-box-ul{
	color: #fff;
    background: #4C687B;
}
.factors-exposure-box{
	align-self: flex-end;
	padding: 0 10px; 
	display: block;
}
.factors-exposure-chart{
	position: relative;
}
.factors a.downArrowIcon .linkIcon, a.downArrowIcon:link .linkIcon{
	padding-right: 18px;
}
.factors .vuiNavboxBodyContent{
	overflow-x: hidden !important;
}
.factors-font-14 {
	font-size: 14px;
}
.factors .vuiTabLabel{
	font-size: 14px;
}
.factors ul.linkList { 
	margin: 0 0 27px 0;
}
.factors dl { 
	margin: 0 0 18px 0;
}
.factors dd.repPhone, .factors dd.repEmail { 
	margin: 0 0 9px 0;
}
.factors .vuiTabContent { 
	padding: 36px 0 0; 
}
.vuiOverflowSupported .vuiTabSetContent {
    overflow: hidden !important;
}
.factors .vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead .vuiNavboxLabelContent .vuiNavboxLabelAnchor, .factors .vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead .vuiNavboxHeadContent:hover .vuiNavboxLabelContent .vuiNavboxLabelAnchor { 
	color: #333;
	font-size: 14px; 
}
.factors .vuiNavboxStyle2 .vuiNavbox .vuiNavboxHead .vuiNavboxHeadIconContainer { 
	margin-top: 3px; 
}
.factor-icons-thumbnail { 
	max-width: 36px; 
	float: left; 
}
.factor-icons-content { 
	margin-left: 42px;
	margin-top: 6px;
}
.factors .right-nav { 
	background-color: #EAE5DA;
	padding: 18px; 
}


/* Style vui tabs */
.factors .vuiTabContainer { 
	border-bottom: 1px solid #D9D9D9;
}
.factors .vuiTabSetStyle3 .vuiTab, .factors .vuiTabSetStyle3 .vuiTab:hover { 
	border: 1px solid #D9D9D9; 
	border-left-color: #D9D9D9;
	border-right-color: #D9D9D9;
	padding: 12px 9px;
	color: #333; 
	background: linear-gradient(to bottom,  #fafafa 0%,#e9e9e9 100%);
}
.factors .vuiTabSetStyle3 .vuiTabSelected, .factors .vuiTabSetStyle3 .vuiTabSelected:hover { 
	border: 1px solid #333;
	border-left-color: #333;
	border-right-color: #333;
	color: #FFF; 
	background: linear-gradient(to bottom,  #333 0%,#484848 100%);
}

/* You tube player */
.youtube-video-container { 
	max-width: 640px; 
	margin-bottom: 18px; 
}
.youtube-video-wrapper { 
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.youtube-video { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.factors .button-white-promotional {
            text-transform: uppercase;
            color: #96151D;
            font-size: 12px;
            font-weight: normal;
            line-height: 30px;
            min-height: 30px;
            background: #FFF;
            padding: 1px 8px;
            display: inline-block; 
            zoom: 1; 
            vertical-align: baseline; 
            cursor: pointer; 
            
}
.factors .button-white-promotional:hover {
            text-decoration: none; 
}


/* End of Factor funds css */
                    
/* HK Awards page */

.hr-black-awards-divider {
    border-top: 5px solid;
    margin: 0 0 18px 0;
}
                    
/* End of HK Awards page */                   