.desktop{ display: none !important; }
.mobile{ display: block; }
.mobile_inline{ display: inline; }
.mobile_inline_block{ display: inline-block; }

body.menu_showing main,
body.menu_showing footer.id_footer{
	display: none;
}


/* COMMON ELEMENTS */

/* Cols & Tiles */

div.cols{
	width: 100%;
	position: static;
	left: auto;
	overflow: visible;
	padding: 0;
}

div.cols > div,
div.cols > div:first-child{
	width: 100%;
	float: none;
	margin: 0 0 12px 0;
}

div.panel div.cols > div.col{ margin-bottom: 0; }

/* Action Menubar */

div.action_menubar{
	background: transparent;
	transition: 0.6s;
}

div.action_menubar button.mobile_summary{
	width: 100%;
	display: block;
	padding: 10px 8px 10px 10px;
	text-align: left;
	background: #e6efd9;
	transition: 0.4s;
}

div.action_menubar.open button.mobile_summary{
	margin-bottom: 8px;
}

div.action_menubar button.mobile_summary span{
	display: inline-block;
}

div.action_menubar button.mobile_summary span:after{ content: ','; padding-right: 6px; }
div.action_menubar button.mobile_summary span:last-child:after{ content: ''; }

div.action_menubar div.action_menu{
	width: 100%;
	max-height: 0;
	display: block;
	float: none;
	overflow: hidden;
	background: transparent;
	transition: 0.6s;
}

div.action_menubar div.action_menu button.title{
	width: 320px;
	height: auto;
	max-width: none;
	padding: 10px 0 8px 3px;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #7D868C;
	font-size: 14px;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
	color: white;
	background: none;
}

div.action_menubar div.action_menu button.title:after{
	top: 9px;
	font-size: 11px;
	color: white;
	transition: transform 0.6s;
}

div.action_menubar div.action_menu ul{
	width: auto;
	height: auto;
	max-height: 0;
	position: static;
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	border-bottom: 1px solid transparent;
	box-shadow: none;
	background: none;
	transition: 0.6s;
}

div.action_menubar div.action_menu ul button{
	font-size: 13px;
	padding: 10px 10px 9px 24px;
	color: white;
}

div.action_menubar button.mobile_trigger{
	transition: 0.4s 0.4s;
}

div.action_menubar div.action_menu.open ul{
	max-height: 400px;
	padding-bottom: 8px;
	border-bottom-color: white;
}

div.action_menubar div.action_menu.open button.title:after{
	transform: rotate(-180deg);
}
div.action_menubar.open{
	padding-bottom: 12px;
	background:#45545f;
}
div.action_menubar.open div.action_menu{ max-height: 400px; }
div.action_menubar.open button.mobile_trigger{ margin: 10px 0 10px 0; transform: rotate(-180deg); }
div.action_menubar.open button.mobile_trigger:after{ }

div.action_menubar div.action_menu ul li.selected button{
	font-weight: bold;
}

div.action_menubar div.action_menu ul li.selected button,
div.action_menubar div.action_menu ul li.hovered button{
	position: relative;
	background: none;
}

div.action_menubar div.action_menu ul li.selected button:before,
div.action_menubar div.action_menu ul li.hovered button:before{
	content: '•';
	position: absolute;
	left: 11px;
	top: 0.66em;
	font-size: 16px;
}

div.action_menubar.single_menu div.action_menu > button.title{
	display: none;
}

div.action_menu button.download_xlsx_pnp{
	display: none;
}

/* Table.listing */

table.listing,
table.listing tbody,
table.listing tr{
	width: 100%;
	display: block;
}

table.listing tr{
	overflow: hidden;
	padding-top: 4px;
	margin-bottom: 4px;
}

table.listing tr.selected{
	background-color: rgba(206, 224, 179, 0.75);
}

table.listing td{
	float: left;
	padding-left: 0;
	display: inline-block;
	font-size: 13px;
	line-height: 14px;
	background: none;
}

table.listing td.split{
	clear: left;
	padding-left: 8px;
}

table.listing tbody td.fund_name{
	font-size: 17px;
	line-height: 1.1em;
}

/* Table Controls */

div.table_controls{
	height: auto;
	margin-bottom: 20px;
}

div.table_controls input.listing_search{
	width: 100%;
	height: 36px;
	float: none;
	margin: 0 0 10px 0;
	background-position: right -971px;
}

div.table_controls input.listing_search.loading{
	background: 303px 5px no-repeat url("img/loading.gif");
}

div.table_controls button.clear{
	height: 24px;
	line-height: 24px;
	padding: 0 16px 0 16px;
	text-align: left;
}

/* Table.Collapsible */

table.collapsible tr{ position: relative; }
table.collapsible tr,
table.collapsible tr td{
	padding: 0;
	margin: 0;
	border: none;
}

table.collapsible tr.heading,
table.collapsible tr.open{
	display: block;
}

table.collapsible tr.heading td{
	width: 100%;
	display: block;
	border-top: 7px solid #edeeef;
	border-bottom: none;
	transition: border-color 0.6s;
	cursor: pointer;
}

table.collapsible tr.heading.open td{
	border-top-color: #cee0b3;
}

table.collapsible tr.heading h2{
	padding: 0;
	border: none;
	margin: 14px 0 11px 0;
	padding-left: 32px;
	position: relative;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
}

table.collapsible tr.heading h2 button{
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
}

table.collapsible tbody td{ padding: 0; }

table.collapsible tr.fund{
	width: 308px;
	max-height: 0;
	margin-left: 32px;
	transition: 0.6s;
	line-height: 1em;
}

table.collapsible tr.fund td{
	float: none;
	clear: both;
	padding-left: 2px;
	border: none;
	border-top: none;
	box-sizing: border-box;
	transition: 0.6s;
}

table.collapsible td.fund_name{
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.1em;
	font-weight: bold;
}

table.collapsible.no_headings tr.fund,
table.collapsible tr.fund.open{
	max-height: 1000px;
	border-top: 1px solid #e4e4e4;
	padding-top: 12px;
	padding-bottom: 8px;
}

table.collapsible.no_headings tr.fund{
	width: 340px;
	margin-left: 0;
}

table.collapsible tr.heading + tr.fund.open{
	border-top: none;
}

table.collapsible tr.heading + tr.fund.open{
	margin-top: -12px;
}

table.collapsible tr.fund.open:last-child{
	border-bottom: 1px solid #bebebe;
}

table.collapsible tr.fund.open td.fund_name{ margin-bottom: 14px; }




/* Tooltip */

div.id_tooltip{
	width: 280px;
	padding: 20px 20px 18px 16px;
}

div.id_tooltip a.close{
	top: 7px;
	right: 7px;
}


/* -------- */
/* FRAME */
/* -------- */

div.wide_row{
	width: 360px;
	margin: 0 0 0 -10px;
}

header.id_header,
footer.id_footer,
main{
	min-width: 360px;
/*	border-bottom: 1px solid #bebebe; */
}

header.id_header > div.inset,
footer.id_footer > div.inset{ width: 340px; }

main > div.inset{ width: 360px; }


/* HEADER */

header.id_header{
	height: 54px;
	border-bottom: 1px solid #bebebe;
	background: white;
}

header.id_header > div.inset{
	height: 53px;
/*	border-bottom: 1px solid #c9c9c9; */
	text-align: center;
	position: relative;
}

a.id_logo{
	width: 145px;
	display: inline-block;
}

nav.accessibility_nav{
	display: none;
}

nav.mobile{
	
}
nav.mobile a.id_mob_nav_trigger,
nav.mobile a.id_mob_search_trigger{
	display: block;
}

a.id_mob_nav_trigger{
	width: 28px;
	height: 25px;
	position: absolute;
	top: 15px;
	left: 0;
	background: left -300px no-repeat url("img/fidelity_sprites.png");
}

header.id_header.nav_open a.id_mob_nav_trigger{
	background-position: left -340px;
}

nav.mobile a.id_mob_watchlist_trigger{
	display: none;
}

nav.mobile a.id_mob_account_trigger{
	position: absolute;
	top: 14px;
	left: 275px;
	background-position: -20px -17px;
}

nav.mobile a.id_mob_search_trigger{
	position: absolute;
	top: 14px;
	left: 312px;
}

header.id_header > nav.id_nav{
	width: 100%;
	top: 54px;
	position: absolute;
	display: none;
	z-index: 10;
	background: #45545f;
}

nav.id_nav > div.inset{
	width: 360px;
	min-height: 200px;
	position: relative;
	margin: 0 auto 0 auto;
	overflow-x: hidden;
	background: #45545f;
	color: white;
}

nav.id_nav div.tile{
	display: none;
}

div.id_mob_menu_panel{
	width: 720px;
	position: relative;
	background: #45545f;
	color: white;
	transition: transform 0.3s;
	transform: translateX( 0 );
}

div.id_mob_menu_panel.show_submenu{
	transform: translateX( -360px );
}

div.id_mob_scroll_area{
	width: 360px;
	min-height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
}

div.id_mob_menu_panel.show_submenu div.id_mob_scroll_area{
	width: auto;
	overflow: hidden;
}

div.id_mob_scroll_area div.cols.cols_1111 .col,
div.id_mob_scroll_area div.cols.cols_211 .col {
    width: 100%;
}

div.id_mob_scroll_area ul.id_main_menu div.cols > div {
    width: 100%;
}

header.id_header.nav_open nav.id_nav{ display: block; }
/*
body.disable > main,
body.disable > footer{
	display: none;
}
*/

div.id_mob_menu_nav{
	width: 720px;
	overflow: hidden;
}

div.id_mob_menu_nav span{
	width: 340px;
	height: 1em;
	display: block;
	margin: 0 10px 0 10px;
	padding: 29px 0 21px 0;
	float: left;
	overflow: hidden;
	border-bottom: 1px solid #748087;
}

div.id_mob_menu_nav span.back:before{
	content: '▸';
	position: relative;
	top: -3px;
	float: left;
	font-size: 20px;
	color: #bdbdbd;
	margin-right: 8px;
	transform: rotate(180deg);
}

div.id_mob_menu_nav a{
	color: white;
	display: block;
}

ul.main > li.has_children:before{
	content: '▸';
	float: right;
	margin: 13px 8px 0 0;
	font-size: 20px;
	line-height: 20px;
	color: #bdbdbd;
}

div.id_mob_menu_nav > a:first-child:before{
	display: none;
}

nav.id_nav ul{
	width: 340px;
	margin: 0 10px 0 10px;
}

nav.id_nav ul ul ul{
	width: 327px;
	margin-left: 22px;
}

nav.id_nav li > a{
	display: block;
	padding: 16px 0 13px 0;
	color: white;
}

ul.id_main_menu > li{
	margin-left: 0;
	list-style: none;
	border-bottom: 1px solid #748087;
}


/* Main Menu */

nav.id_nav ul.id_main_menu{
	margin-bottom: 30px;
	position: relative;
}


/* Actions */

ul.id_actions{
	margin-bottom: 0;
	padding-bottom: 30px;
	border-bottom: 2px solid white;
}

ul.id_actions > li{
	border-bottom: none;
	list-style: none;
	margin-left: 0;
}

ul.id_actions > li > a{
	font-weight: normal;
}

ul.id_actions li.id_action_search{
	display: none;
}

ul.id_actions a.label_icon.watchlist{
	height: auto;
	line-height: 1em;
}

ul.id_actions a.label_icon.watchlist:before{
	content: '';
	display: none;
}

ul.id_actions a.label_icon.user{
	height: auto;
	line-height: 1em;
}

ul.id_actions a.label_icon.user:before{
	content: '';
	display: none;
}

div.id_fund_search_overlay{
	top: 0;
	opacity: 0;
	transition: opacity 0.4s;
}

div.id_fund_search > input{
	width: 255px;
}

div.id_fund_search_panel{
	width: 300px;
	min-height: 480px;
	height: 100%;
	top: 0;
	display: block;
	padding: 30px 31px 10px 35px;
	margin: 0 auto 0 auto;
	z-index: 10;
	transform: translateY(0px);
}

.fr div.id_fund_search_initial_view ul li a {
    font-size: 17px;
}

div.id_fund_search_overlay.open,
div.id_fund_search_overlay.open_mid_page{
	opacity: 1;
}

div.id_fund_search_overlay.open div.id_fund_search_panel{
	transform: none;
}

div.id_fund_search_panel > div.inset{
	padding-bottom: 30px;
	border-bottom: 2px solid white;
}

div.id_fund_search_panel a.close{
	top: 10px;
	right: 10px;
}

div.id_fund_search_panel span.search{
	left: 15px;
	top: 36px;
}

div.id_fund_search_panel input{
	padding-left: 5px;
	margin-bottom: 20px;
}

div.id_fund_search_initial_view {
	padding-left: 0;
}

div.id_fund_search_results table{
	width: 277px;
	margin-right: 8px;
}

div.id_fund_search_results table.listing tbody td{
	border-bottom: none;
	padding: 0 2px 0 5px;
}


div.id_fund_search_results div.scrollbar{
	margin-left: 0;
}

/* Account */

nav.id_nav div.id_account_panel{
	width: 338px;
	top: 70px;
	left: 370px;
	margin: 0;
	padding: 0;
}

div.id_account_panel div.heading{
	margin-bottom: 25px;
	font-size: 22px;
	line-height: 1em;
	font-weight: 300;
	letter-spacing: 1px;
}

nav.id_nav div.id_account_panel div.cols{
	padding-bottom: 20px;
	border-bottom: 2px solid white;
}

nav.id_nav #account_actions{
	margin: 3px 0 30px 0;
}

nav.id_nav #account_actions li{
	padding-left: 0;
}

nav.id_nav #account_actions > li > a{
	padding: 12px 0 9px 0;
}

nav.id_nav #account_actions li a.logout{
	font-weight: bold;
}

div.profile{
	margin-bottom: 20px;
}

div.profile img{
	width: 80px;
	height: 80px;
	border-radius: 40px;
	margin-left: 15px;
	float: left;
}

div.profile a{
	color: white;
}


/* Panel */

div.panel{
	width: 360px;
	padding-bottom: 20px;
	overflow: auto;
	position: absolute;
	left: 349px;
	top: 0;
	display: none;
	background: none;
	color: white;
}

li.selected div.panel{
	display: block;
}

div.panel div.cols{
	overflow: hidden;
}

ul.id_main_menu div.panel div.cols div.col.last_menu > ul{
	padding-bottom: 20px;
	border-bottom: 2px solid white;
}

div.panel a{
	font-weight: normal;
}

div.panel li{
	padding-left: 10px;
	list-style: none;
	margin-left: 0;
}

ul.id_actions div.panel{
	top:  80px;
}

div.id_account_panel{
	top: 65px;
	left: 360px;
}

div.panel ul ul{
	width: 327px;
	border-bottom-color: transparent;
/*	position: absolute;
	left: 360px;
	top: 0;
*/
}

div.panel ul ul li a{
	font-weight: normal;
}

/* Search */

div.id_fund_search_results div.overview{
	width: 100%;
	margin: 0;
}

div.id_fund_search_results td{
	padding-top: 0;
}

div.id_fund_search_results tr.selected td{
	background: none;
}

div.id_fund_search_results td.name{
	font-weight: bold;
	padding-left: 5px;
	padding-bottom: 0;
}

div.id_fund_search_results td.split{
	padding-left: 5px;
}

/* MAIN */
/* Article Footer */

div.social{
	margin-bottom: 30px;
}

footer.id_footer > div.inset{
	padding-bottom: 10px;
	margin-bottom: 0;
}

footer.id_footer div.col,
footer.id_footer div.item{
	width: auto;
	padding-top: 0;
	margin-left: 0;
}

footer.id_footer div.col:first-child{
	width: auto;
	margin-bottom: 25px;
	border-bottom: 1px solid white;
}

footer.id_footer nav ul{
	margin-bottom: 20px;
}


/* ----------------------------- */
/* COMMON BODY ELEMENTS */
/* ----------------------------- */

/* ARTICLE */

article.article{
	width: auto;
	float: none;
}

article > footer div.sidebar{
	width: auto;
	position: static;
}

article figure img{
	max-width: 100%;
	height: auto;
}

/* Article Header */

article > header{
	margin-bottom: 16px;
}

article > header h1{
	font-size: 36px;
	margin: 16px 0 11px 0;
}

ul.secondary_actions{
	display: none;
}

article{
	padding: 0 10px 0 10px;
}

article h2{
	font-size: 30px;
	font-weight: 300;
}

/* Article Related Content */

article div.related_content > header div.heading{
	font-weight: 300;
}

article div.related_content > div.wide_row{
	margin-bottom: 0;
}

/* Menu_Blind */

.menu_blind{
	border-top: 2px solid #cfd4d8;
}

.menu_blind div.filter_summary{
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	padding: 8px 12px 8px 16px;
	background: #e6efd9;
}

.menu_blind > ul{
	max-height: 0;
	margin: 0 11px 0 11px;
	overflow: hidden;
}

.menu_blind > ul > li{
	display: block;
	margin: 0;
	border-bottom: 1px solid #7D868C;	
}

.menu_blind > ul > li a,
.radio_blind > dl > dd button{
	display: block;
	padding: 10px 0 8px 0;
	font-size: 14px;
	line-height: 1em;
	font-weight: bold;
	color: white;
}

.menu_blind > ul > li button{
	display: block;
	padding: 8px 0 6px 0;
	font-size: 14px;
	line-height: 1em;
	font-weight: bold;
	color: white;
}

.menu_blind .blind_trigger,
.radio_blind .blind_trigger{
	display: block;
	cursor: pointer;	
}

.menu_blind a.blind_trigger,
.menu_blind button.blind_trigger,
.radio_blind button.blind_trigger,
div.action_menubar button.mobile_trigger{
	width: 340px;
	height: 18px;
	line-height: 1em;
	display: block;
	padding: 0;
	position: relative;
	text-align: center;
	background: none;
}

.menu_blind a.blind_trigger:after,
.menu_blind button.blind_trigger:after,
.radio_blind button.blind_trigger:after,
div.action_menubar button.mobile_trigger:after{
	content: '';
	width: 25px;
	height: 8px;
	display: inline-block;
	margin: 0 auto 8px auto;
	transform: rotate(180deg);
	color: #bdbdbd;
	background: center top no-repeat url("img/fidelity_sprites.png");
}

.menu_blind,
.menu_blind ul{ transition: 0.4s; }
.menu_blind a.blind_trigger:after,
.menu_blind button.blind_trigger:after,
.radio_blind button.blind_trigger:after,
div.action_menubar button.mobile_trigger:after{ transition: 0.4s 0.4s; }

.radio_blind .blind_trigger:active,
.radio_blind .blind_trigger:focus{
	outline: none;
}

.menu_blind.open{
	padding-top: 10px;
	padding-bottom: 10px;
	background: #45545f;
}

.menu_blind.multi_blind{ border-top: 0; }
.menu_blind.multi_blind.open{ padding-top: 0; }

.menu_blind.open > ul{
	max-height: 1000px;
	margin-bottom: 18px;
}

.menu_blind.open a.blind_trigger:after,
.menu_blind.open button.blind_trigger:after,
.radio_blind.open button.blind_trigger:after{
	color: white;
	transform: rotate(0deg);
}

/* Radio Blind */

.radio_blind{
	transition: 0.4s;
}

.radio_blind dl{
	margin: 0 11px 0 11px;
}

.radio_blind dt,
.radio_blind dd,
.radio_blind dl button{
	width: 100%;
	text-align: left;
}
.radio_blind dt{
	width: 340px;
	margin-left: -11px;
}

.radio_blind dt button{
	padding: 12px 8px 9px 11px;
	font-size: 17px;
	line-height: 1em;
	color: #6a747b;
	background: #e6efd9;
}

.radio_blind dd{
	max-height: 0;
	overflow: hidden;
	transition: 0.4s;
}

.radio_blind dd button{
	color: white;
	background: none;
}

.radio_blind.open{
	padding-bottom: 10px;
	background: #45545f;
}

.radio_blind.open dl{ margin-bottom: 18px; }
.radio_blind.open dt{ margin-bottom: 8px; }
.radio_blind.open dd{
	max-height: 100px;
	border-bottom: 1px solid #7D868C;
}



/* CARROUSEL */

div.carrousel{
	width: 360px;
	margin-bottom: 12px;
}

div.carrousel div.controls a.previous,
div.carrousel div.controls a.next{
	width: 20px;
	height: 25px;
	left: 5%;
	top: 45%;
	background-position: -48px -766px;
}

div.carrousel div.controls a.next{
	left: auto;
	right: 5%;
	background-position: -61px -766px;
}

div.carrousel div.controls a.previous:hover{
	background-position: -48px -791px;
}

div.carrousel div.controls a.next:hover{
	background-position: -61px -791px;
}

div.carrousel div.controls div.slide_select{
	display: none;
}


/* TILES */

div.tile,
div.tile div.media{
	width: 100%;
}

div.tile.dark_video div.media:after,
div.tile.light_video div.media:after{
	width: 45px;
	height: 30px;
	bottom: 10%;
	left: 5%;
	background-position: left -790px;
}

div.tile.light_video div.media:after{
	background-position: left -750px;
}


/* Tile: Normal */

div.t_normal{
	height: auto;
}

div.t_normal div.heading{
	font-size: 18px;
}

div.t_normal div.body{
	margin-top: 5px;
	font-size: 18px;
}


/* Tile: Normal Doclist */

article.fund.moneymarket div.t_normal_doclist,
article.fund.portfolio div.t_normal_doclist,
div.cols div.t_normal_doclist{
	width: 340px;
	height: auto;
	margin: 0 auto 0 auto;
	border-bottom: 1px solid #cccccc;
}

article.fund.moneymarket div.t_normal_doclist div.body,
article.fund.portfolio div.t_normal_doclist div.body,
div.t_normal_doclist div.body{ height: auto; }


/* Tile: Block */
div.t_block{
	height: 198px;
}

div.t_block div.media{
	height: 198px;
}

div.t_block div.text{
	height: 72%;
	display: table;
	padding: 5% 5% 0 5%;
	text-align: center;
}

div.t_block div.text > div{
	display: table-cell;
	vertical-align: middle;
}

div.t_block div.heading{
	font-size: 30px;
	line-height: 1em;
}

div.t_block div.body{
	font-size: 16px;
	line-height: 1.2em;
	margin-top: 2px;
} 

div.t_block div.link a.blue_button,
div.t_block div.link a.green_button{ font-size: 15px; }

/* Tile: demi_block */

div.t_demi_block div.heading{
	font-size: 26px;
	line-height: 1em;
	letter-spacing: -1px;
	color: #4683ba;
}

div.t_demi_block.screened div.text{
	height: 165px;
}

div.t_demi_block div.body{
	font-size: 16px;
}


/* Tile: no image */

div.t_no_image{ min-height: 0; }

div.t_no_image div.text{
	padding-left: 20px;
	padding-right: 20px;
}

article.fund div.t_no_image{
	height: auto;
}


/* Tile: Captioned */

div.t_captioned div.text{ padding: 0 10px 8px 10px; }
div.t_captioned div.heading{ font-size: 26px; }


/* FEATURES */

div.feature{
	height: 280px;
	margin-bottom: 12px;
}

div.feature div.body{ margin-top: 6px; }
div.feature div.link{ margin-top: 10px; }
div.feature div.heading + div.link{ margin-top: 5px; }

div.tile.show_mobile_link div.link,
div.f_multilink.show_link div.link{ display: block; }

div.feature div.link a.blue_button,
div.feature div.link a.green_button{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
}

div.feature.dark_video div.media:after,
div.feature.light_video div.media:after{
	width: 45px;
	height: 30px;
	bottom: 10%;
	left: 5%;
	background-position: left -790px;
}

div.feature.light_video div.media:after{
	background-position: left -750px;
}


/* Feature: Splash */

div.f_splash{
	height: 280px;
}

div.f_splash div.text{
	width: 250px;
	height: 140px;
	display: table;
	left: 55px;
	top: 70px;
}

div.f_splash div.text > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

div.f_splash div.heading{ font-size: 20px; }
div.f_splash div.body{ font-size: 16px;}
div.f_splash div.link a{
	letter-spacing: 0;
	font-size: 16px;
}

div.f_splash,
div.carrousel.for_f_splash{ height: 280px; }
div.cols_21 div.f_splash,
div.cols_21 div.carrousel.for_f_splash{ height: 237px; }


/* Feature: Short Text */

div.f_short_text{
	height: 280px;
}

div.f_short_text div.text{
	width: 260px;
	height: 16 0px;
	left: 55px;
	top: 50px;
}

div.f_short_text div.heading{
	font-size: 24px;
}

div.f_short_text div.body{
	font-size: 18px;
	line-height: 1em;
}

/* Feature: Long Text */

div.f_long_text{
	height: 280px;
}

div.f_long_text div.text{
	width: 250px;
	height: 140px;
	left: 55px;
	top: 70px;
}

div.f_long_text div.heading{
	font-size: 22px;
}

div.f_long_text div.body{
	font-size: 15px;
}


/* Feature: Find Fund / Search */

div.f_find_fund{
	display: none;
}

/* Features: eforms */

div.f_multilink{
	height: 710px;
}

div.f_multilink div.text{
	width: 310px;
	left: 15px;
	top: 140px;
}

div.f_multilink div.heading{
	font-size: 34px;
}

div.f_multilink div.body{
	font-size: 22px;
}

div.f_multilink div.link a span{
	font-size: 0.7em;
	display: inline-block;
}

/* Feature: Small */

div.f_small{
	height: 218px;
}

div.f_small div.text{
	width: 340px;
	height: 112px;
	display: table;
	left: 10px;
	top: 10px;
	text-align: center;
}

div.f_small div.text > div{
	display: table-cell;
	vertical-align: middle;
}

div.f_small div.heading{
	width: auto;
	font-size: 34px;
}

div.f_small div.body{
	width: auto;
	font-size: 22px;
}

div.f_small div.link{
	position: static;
}

div.f_small div.link a span{
	font-size: 0.7em;
	display: inline-block;
}

/* ------------------- */
/* AUTH OVERLAYS */
/* ------------------- */

div.dialog{
	padding: 20px 15px 20px 15px;
	margin-top: 0;
	margin-bottom: 20px;
}

div.dialog > div.controls{
	right: 15px;
}

div.dialog h2{
	font-size: 32px;
}

div.dialog div.message.major{
	font-size: 32px;
}

div.auth_select_acct_type div.account_type{
	display: none;
}

div.auth_select_acct_type div.account_type.selected{
	display: block;
}

/* select_acct_type */

div.dialog.auth_select_acct_type h2{ font-size: 32px; }
div.dialog.auth_select_acct_type header{ margin-bottom: 20px; }

div.dialog.auth_select_acct_type{
	width: 330px;
	padding: 20px 15px 20px 15px;
}

div.dialog div.account_type,
div.dialog div.account_type:first-child{
	width: auto;
}

div.dialog div.account_type div.body,
div.dialog div.account_type:first-child div.body{
	border-left: 0;
	padding: 0 8px 0 8px;
}

div.dialog div.account_type > button,
div.dialog div.account_type:first-child > button{
	width: 100%;
	margin-left: 0;
}

div.dialog div.account_type{
	float: none;
	margin-left: 0;
}

div.dialog div.account_type h3{ display: none; }

div.tabs{
	overflow: hidden;
	margin-bottom: 15px;
}

div.tabs button{
	height: 37px;
	line-height: 37px;
	padding: 0;
	float: left;
	margin-left: 2px;
	font-size: 17px;
	color: #36424a;
	background: #e6efd9;
}

div.tabs button:first-child{ margin-left: 2px; }
div.tabs button.selected{ background: #cee0b3; }

div.dialog.auth_select_acct_type div.tabs button{
	width: calc( 33% - 2px );
}


/* ------------------------------------ */
/* ARTICLE AND CKEDITOR STYLES */
/* ------------------------------------ */

/* ARTICLE */

article header div.byline div.date,
article header div.byline{ font-size: 15px; line-height: 23px; }

article > header p.major{
	font-size: 22px;
	line-height: 31px;
	margin-bottom: 15px;
}

article > header div.content{
	margin-top: 22px;
}

article div.content{
	font-size: 17px;
}

article div.content figure.video{
	width: auto;
	padding-bottom: 25px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 25px;
}

a.back_to_top{
	display: none;
}

/* ----------------- */
/* PAGE SPECIFIC */
/* ----------------- */

/* FORMS */

div.content_blind{
	padding: 14px 0 0 0;
}

div.content_blind > h2{
	height: auto;
	position: relative;
	margin: 2px 0 12px 0;
	padding-left: 32px;
	font-size: 20px;
	font-weight: normal;
	line-height: 1em;
}

div.content_blind > h2 span{ font-size: 12px; }

div.content_blind > h2 button{
	position: absolute;
	left: 0;
	top: -2px;
}

div.content_blind div.body{
	margin-left: 32px;
}

/* Home - Advisor */

main > div.inset{
	background: white;
}

div.cols > div.top_funds{
	width: 338px;
	height: auto;
	padding: 8px 11px 8px 11px;
}

/* Top Funds */

div.cols > div.top_funds{
	padding-bottom: 0;
}
ul.fund_list li{
	overflow: hidden;
}

ul.fund_list div.name{
	width: 235px;
	float: left;
}

ul.fund_list div.rating{
	width: 78px;
	float: right;
	margin: 0;
	text-align: right;
}


/* Portfolio Managers */

article.managers div.row{ margin-bottom: 0; }
article.managers > header h1{ margin-top: 32px; }

nav.alpha_index{
	width: 360px;
	height: 30px;
	line-height: 29px;
	padding: 0;
	margin: 10px 0 10px -5px;
	/* -5 instead of -10 because it's going to get 
	doubled by the frame that will wrap it for
	the 'sticky' behaviour used on the index */ 
	overflow: hidden;
	text-align: center;
}

nav.alpha_index a,
nav.alpha_index a:first-child{
	width: 18px;
	height: 20px;
	line-height: 21px;
	margin: 0;
	float: none;
	font-size: 11px;
}

nav.alpha_index a.disabled{ display: none; }
div.alpha_items{ margin-top: 10px; }

/* Manager Detail */

article.manager{
	position: relative;
}

article.manager > header{
	margin-top: 30px;
	margin-bottom: 10px;
	position: relative;
	border-bottom: none;
}

article.manager > header h1{
	margin-bottom: 0;
	font-size: 28px;
	font-weight: 300;
}

article.manager img.photo{
	width: 144px;
	margin: 0 0 30px 0;
}

article.manager div.quote{
	width: auto;
	margin-bottom: 30px;
	position: relative;
	float: none;
	clear: both;
	font-size: 16px;
}

article.manager div.quote.short{ font-size: 24px; }
article.manager div.quote.medium{ font-size: 20px; }

article.manager div.quote p:before{ position: static; }

article.manager div.details,
article.manager div.details:last-child{
	width: 100%;
	clear: both;
	float: none;
	margin-left: 0;
}

article.manager div.details div.item:last-child{ border-bottom: 1px solid #e9e9e9; }


article.manager div.funds_managed{
	margin-bottom: 45px;
}


/* MRFPS */

/* table.mrfps tr.fund, */
div.mrfps table.headings,
article.mrfps table.headings,
table.mrfps td.gap,
table.mrfps td.wide_gap{ display: none; }

article.mrfps > header{ margin-bottom: 15px; }
article.mrfps > header p.major{ font-size: 18px; }

article.mrfps div.table_controls input{ width: 100%; }
article.mrfps div.table_controls button.plain{
	font-size: 14px;
	margin: 5px 0 0 0;
}

table.mrfps a{ color: #5381ac; }

table.mrfps td.report_heading{
	font-size: 14px;
	clear: both;
}

table.mrfps tr.fund td.report{
	width: 33%;
	text-align: center;
	float: left;
	clear: none;
}

table.mrfps td.report a,
table.mrfps td.report > span{
	display: block;
	overflow: hidden;
	border-radius: 2px;
	padding-top: 6px;
	padding-bottom: 8px;
}

table.mrfps td.report a.type_icon:after{
	margin-left: 0;
}

table.mrfps td.report a:hover,
table.mrfps td.report a:active{
	background: #f2f2f2;
	text-decoration: none;
}

table.mrfps td.report span.mobile{
	display: block;
	margin-bottom: 13px;
}

table.mrfps.no_headings tr.fund td.report_heading,
table.mrfps tr.fund.open td.report_heading{
	display: block;
	padding-top: 11px;
	margin-bottom: 2px;
}
table.mrfps tr.fund.open td.report_heading.fr{ padding-top: 0; }


/* Fund Codes */

article div.body ul.action_menu,

table.fund_codes.headings,
table.fund_codes td.row_menu{ display: none; }

table.fund_codes tbody tr{ line-height: 14px; }
table.fund_codes tbody td{
	width: 65px;
	border-bottom: none;
}

table.fund_codes td.fund_name{
	width: 100%;
	font-weight: normal;
}

table.fund_codes tr.fund td.fund_name,
table.fund_codes tr.fund.open td.fund_name{
	margin-bottom: 20px;
}

table.fund_codes tr.fund td.fund_code,
table.fund_codes tr.fund td.fund_series,
table.fund_codes tr.fund td.fund_option{
	position: absolute;
	left: 140px;
	bottom: 8px;
}
table.fund_codes tr.fund td.fund_series{ left: 0; }
table.fund_codes tr.fund td.fund_option{ left: 70px; }

/* Fund Facts */

table.fund_facts.headings{ display: none; }

div.fund_fact{
	width: 73px;
	height: auto;
	margin: 5px 10px 4px 0;
	overflow: visible;
}

div.fund_fact:nth-child(4n){
	margin-right: 0;
}

div.fund_fact a,
div.fund_fact button{
	width: 30px;
	height: 20px;
	display: inline-block;
	float: left;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
}

div.fund_fact button{
	width: 32px;
	margin-top: -2px;
	background-position: -63px -451px;
}

div.fund_fact:nth-child(4n){
	width: 55px;
}

div.fund_fact:nth-child(4n) button{
	width: 20px;
}



/* article.article */

article.article div.content h2{
	font-size: 18px;
	line-height: 24px;
	margin-top: 22px;
	margin-bottom: 12px;
	font-weight: bold;
}

/* Product Program */

article.product_program div.left_img,
article.product_program div.right_img{
	margin-bottom: 30px;
}

article.product_program > div.body,
article.product_program div.share,
article.product_program div.left_img aside,
article.product_program div.right_img aside,
article.product_program div.left_img div.col,
article.product_program div.right_img div.col{
	width: auto;
	float: none;
}

article.product_program div.content p{
}

article.product_program div.left_img aside,
article.product_program div.right_img  aside{
	margin-bottom: 15px;
}

article.product_program h2{
	font-size: 32px;
	line-height: 1em;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
}

article.product_program h3{
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	color: #5381ac;
}

article.product_program div.share{ margin-left: 0; }

/* ------------ */
/* Fund Page */
/* ------------ */

article.fund div.table_controls{ margin-bottom: 0; }
article.fund div.table_filters{ position: relative; }
article.fund div.action_menubar{
	float: none;
	margin-top: 35px;
}

article.fund div.fund_code{
	width: 100%;
	height: 35px;
	line-height: 35px;
	position: absolute;
	top: 0;
	box-sizing: border-box;
}

article.fund button.mobile_summary span{
	width: 33.3%;
	display: inline-block;
	text-align: center;
}
article.fund div.cols div.mobile_section{
	margin-bottom: 30px;
}

div.cols > div.fund_stats{
	padding-top: 10px;
	padding-bottom: 4px;
	border: none;
}

article.fund .table_filters.etf {
    min-height: 50px;
}

article.fund .etf div.fund_code{ position:static; width:auto; }

article.fund .etf #ticker {
    display: block;
}
article.fund .etf .padding10 {
    display:block;
	padding: 10px;
	border: 1px solid #ccc;
	border-top: 0;
	margin-bottom: 20px;
}
article.fund .etf div .fund_code.fund_stat {
    border: none;
    display: block;
    padding: 0 0 0 0;
	margin-bottom: 0;
	height: 53px;
}
article.fund .etf .fund_stat {
	margin-bottom: 0;
}

article.fund .etf .fund_code.fund_stat:last-child {
    border-top: 1px solid #ccc;
}
article.fund .etf .heading {
    padding-top: 8px;
}
article.fund .etf .fund_code.fund_stat:last-child {
    border-top: 1px solid #ccc;
}
.col.price:last-child {
    margin: 0;
	border-left: 1px solid #ccc;
}
#ctrl_mkt .col {
    display: block;
    margin-right: 0;
}
#ctrl_mkt .col .price {
    float: right;
    display: block;
}
/* Performance Chart / Calc */

div.charts_area{
	padding: 10px 0 10px 0;
}

div.charts_area h2{
	overflow: hidden;
}

div.charts_area h2 button{
	width: calc( 50% - 12px );
	margin: 0 0 0 8px;
	box-sizing: border-box;
	float: left;
	padding: 10px 0 8px 0;
}

div.performance div.chart_box,
div.price div.chart_box{
	width: 360px;
	margin-left: -10px;
	padding: 0;
}

.is_mobile  div.performance_calc{
	margin: 0 10px 13px 10px;
}

.is_mobile div.price_summary label {
    margin-left: 40px;
}
.is_mobile div.performance_calc label,
.is_mobile div.performance_calc div.heading_box{
	display: block;
	float: none;
	margin-top: 15px;
	margin-left: 0 !important;
}

div.performance_calc div.heading_box div.result{
	padding-top: 4px;
}


div.performance_calc div.action_menu button.title{ padding-right: 30px; }
div.performance_calc div.action_menu button.title::after{ right: 8px; }

.is_mobile div.performance_calc div.message{
	height: auto;
	position: relative;
	bottom:  auto;
	left: auto;
	top: 6px;
}

div.performance div.chart_controls,
div.price div.chart_controls{
	padding: 5px 0 0 7px;
	position: relative;
}

div.performance div.chart_controls button,
div.price div.chart_controls button{ margin-right: 6px; }
div.performance div.chart_controls button.draw,
div.price div.chart_controls button.draw{ display: none; }

div.performance div.chart_controls button.chart_action span,
div.performance div.presets button span,
div.price div.chart_controls button.chart_action span,
div.price div.presets button span,
div.price div.chart_controls button.chart_action span.label{
	padding: 7px 10px 7px 10px;
}

div.performance div.presets,
div.price div.presets{
	margin: 22px 0 8px 0;
	float: none;
}

div.performance div.chart_controls div.actions,
div.price div.chart_controls div.actions{
	position: absolute;
	top: 5px;
	right: 0;
}

div.performance div.chart_controls button.chart_action.draw span{     background-position: -62px -1156px; }
div.performance div.chart_controls button.chart_action span.dollar{   background-position:   2px -1235px; }
div.performance div.chart_controls button.chart_action span.percent{  background-position:   3px -1264px; }
div.performance div.chart_controls button.chart_action.reset span,
div.price       div.chart_controls button.chart_action.reset span{    background-position: -34px -1265px; }
div.performance div.chart_controls button.chart_action.add_fund span:first-child{
	padding-right: 0;
	background-position:  -45px -1242px;
}

div.performance_calc div.recurring_transaction div.controls{ max-width: 340px; }

div.performance div.chart_controls button.chart_action span.label{
	line-height: 25px;
	padding-left: 0;
	padding-right: 12px;
}

div.performance div.chart_controls div.presets,
div.price div.chart_controls div.presets{
	margin-right: 0;
}

div.performance div.presets button,
div.price div.presets button{
	min-width: 39px;
	font-size: 14px;
}

div.performance div.presets button span,
div.price div.presets button span{
	padding-right: 3px;
	padding-left: 3px;
}

div.performance div.select_dates,
div.price div.select_dates{
	float: none;
	margin: 20px 7px 0 0;
	padding: 0;
	text-align: right;
}

div.performance div.select_dates input,
div.price div.select_dates input{
	width: 102px;
	height: 23px;
	padding-right: 24px;
	font-size: 18px;
	background-position: 112px -1075px;
}

div.performance div.select_dates label{
	display: inline-block;
	float: none;
	font-size: 18px;
	line-height: 1em;
}

div.performance div.chart,
div.price div.chart{
	height: 320px;
}


/* --------Fund Page Fund Overview------ */

#ovrvw_dist span.value,
#ovrvw_rebalfreq span.value
 {
	float: right;
	text-align: right;
	font-weight: bold;
	margin-top: 0px;
}

/* ---------------------------------------- */

div.table_box{
	border: none;
	overflow-x: auto;
}

div.table_box h2 > span{
	display: block;
}

div.table_box,
div.performance,
div.price,
div.volatility_meter{
	padding-left: 10px;
	padding-right: 10px;
}

div.volatility_meter{
	margin: 20px 0 30px 0;
}

div.volatility_meter div.band{
	height: 50px;
}

div.volatility_meter div.value{
	height: 50px;
	padding-top: 17px;
	font-size: 12px;
}

div.volatility_meter div.band:after{
	width: 18px;
	top: -10px;
	background-position: -55px -400px;
}

/* Fund Page - Allocation */

div.allocation{
	overflow: hidden;
	margin-bottom: 30px;
}

div.allocation div.tabs{ margin-bottom: 0; }
div.allocation div.cols{
	position: relative;
	left: -14px;
}

div.allocation div.cols > div.col{ min-height: 0; }
div.allocation div.cols > div.col.tall{ top: auto; }



/* Fund Page - Portfolio Managers */

article.fund div.portfolio_managers div.row{
	margin-bottom: 0;
}

/* Fund Page - Tile Slide */

div.allocation.mobile_slide div.viewport div.cols{
	width: 1230px;
	margin-left: 0;
	overflow: hidden;
}

div.allocation.mobile_slide div.cols_1111 > div{
	width: calc( 25% - 31px );
	float: left;
}

div.mobile_slide{
	position: relative;
}

div.mobile_slide div.cols{
	padding-bottom: 30px;
}

div.mobile_slide div.table_box{
	padding: 10px 10px 30px 10px;
}

div.mobile_slide div.viewport{
	width: 360px;
	overflow: auto;
}

div.mobile_slide div.viewport > div{
	width: 600px;
	position: relative;
}

div.mobile_slide div.viewport > div.risk_measures{
	max-width: 500px;
	margin-bottom: 0;
}

div.mobile_slide > div.message{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 13px;
	color: #69737a;
}

body.is_ie div.mobile_slide > div.message{ bottom: 22px; }
/* body.is_ie div.allocation > div.message{ bottom: 10px; } */

div.mobile_slide > div.message:after{
	content: '';
	width: 22px;
	height: 14px;
	float: right;
	margin: 3px 0 0 8px;
	background: no-repeat left -1140px url("img/fidelity_sprites.png");
}

/* Fund Page - Tile Slide */

div.allocation.mobile_stack div.cols{
	width: auto;
	left: 0;
}

div.allocation.mobile_stack div.cols > div.col{
	width: 340px;
	height: auto;
	padding: 0;
	border: none;
}

/* Fund Page - moneymarket */

article.fund.moneymarket div.t_normal_doclist div.body{
	height: auto;
}

article.fund.moneymarket div.tabs button{
	width: 107px;
}

article.fund.moneymarket div.allocation{
	margin-bottom: 0;
}


/* Search Results */

article.search div.table_controls{ margin-bottom: 37px; }

article.search div.table_controls select{
	width: 260px;
}

article.search div.radio_filters{
	margin-bottom: 11px;
}

div.pagination span > a{ width: 30px; }
div.pagination span{ min-width: 66px; }
div.pagination span.prev{ text-align: right; }
div.pagination span.prev a{ margin-right: 0; }

/* Price and Performance */

table.pnp.headings,
table.pnp td.row_menu{ display: none; }

table.pnp tr.fund td{
	width: 50px;
	display: none;
	margin-top: 12px;
	float: left;
	clear: none;
	font-size: 13px;
	line-height: 20px;
	font-weight: 300;
}

table.pnp tr.fund td.fund_name,
table.pnp tr.heading td,
table.pnp.view_AG tr.fund td.AG,
table.pnp.view_ST tr.fund td.ST,
table.pnp.view_LT tr.fund td.LT,
table.pnp.view_CY tr.fund td.CY,
table.pnp.view_QR tr.fund td.QR,
table.pnp.view_D tr.fund td.D,
table.pnp.view_FC tr.fund td.FC,
table.pnp.view_AG tr.fund td.AG_mobile,
table.pnp.view_ST tr.fund td.ST_mobile,
table.pnp.view_LT tr.fund td.LT_mobile,
table.pnp.view_CY tr.fund td.CY_mobile,
table.pnp.view_QR tr.fund td.QR_mobile,
table.pnp.view_D tr.fund td.D_mobile,
table.pnp.view_FC tr.fund td.FC_mobile{
	display: block;
}

table.pnp tr.fund td.mobile_clear{ clear: left; }

table.pnp tr.fund td.heading{
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
}

table.pnp span.mobile_subheading{
	display: block;
	font-size: 13px;
	font-weight: normal;
}

table.pnp tr.fund td.fund_name{
	width: auto;
	margin: 0;
	font-size: 17px;
	font-weight: normal;
}

table.pnp td.numeric,
table.pnp td.date,
table.pnp td.action,
table.pnp td.desc{
	line-height: 1.4em;
}

table.pnp td span.detail{
	font-size: 12px;
	font-weight: 300;
}
table.pnp td.AG_mobile.heading{
	width: 100px;
	clear: left;
	font-weight: bold;
	line-height: 1.4em;
}
table.pnp td.AG_mobile.heading span.detail{ display: block; }
table.pnp td.AG.numeric{ width: 48px; }
table.pnp td.ST_mobile.heading,
table.pnp td.LT_mobile.heading,
table.pnp td.CY_mobile.heading,
table.pnp td.QR_mobile.heading,
table.pnp td.D_mobile.heading{ width: 340px; clear: left; }
table.pnp td.ST.numeric{ width: 48px; }
table.pnp td.LT.numeric{ width: 56px; }
table.pnp td.LT_mobile.heading span.detail{ display: inline-block; }
table.pnp td.LT.incp_date{
	width: 112px;
	position: absolute;
	bottom: 94px;
	right: 28px;
	text-align: right;
}

table.pnp td.CY.numeric{ width: 42px }
table.pnp td.QR.numeric{ width: 42px }
table.pnp td.D.desc,
table.pnp td.D.date,
table.pnp td.D.action,
table.pnp td.D.numeric{ width: 170px; }

table.pnp.view_FC tr.fund td.FC{
	width: 340px;
	overflow: hidden;
	margin: 0;
	display: block;
	float: none;
	clear: both;
}
table.pnp tr.fund td.FC span.mobile_subheading,
table.pnp tr.fund td.FC span.value{ width: 168px; float: left; }
table.pnp tr.fund td.FC span.as_at{ float: right; }
table.pnp tr.fund td.FC.mobile_clear{ padding-top: 12px; }
table.pnp tr.fund td.FC_mobile.heading{ width: 340px; }
table.pnp.collapsible tr.fund{ width: 340px; margin-left: 0; }
table.pnp.collapsible tr.fund.open td.fund_name{ margin-bottom: 0; }

div.table_controls ::-webkit-input-placeholder { font-size: 16px; }
div.table_controls ::-moz-placeholder { font-size: 16px; }
div.table_controls :-ms-input-placeholder { font-size: 16px; }
div.table_controls ::input-placeholder { font-size: 16px; }