/* some styles for performance - performance page = monthly */

#print_button_container img { left: 768px; }

#widgets div.print_link { margin: 0 0 6px 0; padding: 0 ; vertical-align: top;  }
#widgets div.print_link a { display: block; margin: 0; padding: 0 0 6px 0; vertical-align: top;  }
#widgets div.print_link img { float: left; }
#widgets div.print_link span { 
	
	margin-left: 26px; 
	height: 16px; width: 178px;
	vertical-align: top;
	display: block;
	padding-bottom: 12px;
}
* html #widgets a.print_link span { width: 177px; }

.jhcs_performance_wrapper { 
	
}


@media screen {
	div.id_main div.jhcs_performance_wrapper { 
		margin-top: 12px; margin-left: 18px; margin-right:12px;
	}
}

@media print { 

	div.id_main div.jhcs_performance_wrapper  { 
		 width: 496pt;
		 padding-right: 6pt;
	}
}





div.id_product_type { background-color: #E6E7E8; background-repeat: no-repeat; height: 39px; margin-bottom: 6px; padding-left: 9px; clear: both; }
div.id_product_type_narrow { background-image: url(/public/site/img/sys/id_product_type_top.gif); }
div.id_product_type_wide { background-image: url(/public/site/img/sys/id_product_type_top_lg.gif); }
div.id_product_type_wider { background-image: url(/public/site/img/sys/id_product_type_top_mutualfunds.gif); }
div.id_product_type ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; padding: 0pt; }
div.id_product_type li { float: left; margin: 8px 1px; }
div.id_product_type a, div.id_product_type span { color: #64707A; display: block; padding: 5px 10px; text-align: center; }
div.id_product_type li.on { background: #A6B5BA url(/public/site/img/sys/id_product_type_left.gif) no-repeat scroll 0%; }
div.id_product_type li.on span, div.id_product_type li.on a { background: transparent url(/public/site/img/sys/id_product_type_right.gif) no-repeat scroll right center; color: #FFFFFF; }
div.id_product_type li.off_over { background: #F2F2F2 url(/public/site/img/sys/id_product_type_left_over.gif) no-repeat scroll 0%; }
div.id_product_type li.off_over a { background: transparent url(/public/site/img/sys/id_product_type_right_over.gif) no-repeat scroll right center;  }

div.id_product_type li { max-width: 140px; min-width: 25px;  }
* html div.id_product_type li { width: 133px; }


.id_portfolio_type_container .type_heading h2.portfolio_type { float: left;  }
ul.id_share_class_selector { 
	float: left; 
	list-style-image: none; list-style-position: outside; list-style-type: none;
	padding: 6px 5px;	
	margin: 6px 0px 2px 15px;
	
	background-color: transparent; 
	background-color: #E4e9ee;
	background-color: #AFC0CD;
	background-color: #cbd4df;  
}

ul.id_share_class_selector li { 
	display: inline; 
	margin: 3px 0; 
	padding: 0 2px;
	color: #FFFFFF;  
	color: #002d62; 	
	font-size: 1em; 
	font-weight: bold; 
}

ul.id_share_class_selector li.nolink { padding-right: 4px; color: #002d62; } 

ul.id_share_class_selector li.id_share_class_item {  } 

.type_heading ul.id_share_class_selector li.first { border-left: 0; } 

ul.id_share_class_selector li.on { 

 background-color: #eebb33;
} 
ul.id_share_class_selector li a { padding: 2px 4px 2px 4px; text-align: center; }
* html ul.id_share_class_selector li a  { padding-right: 1px;}
ul.id_share_class_selector li a:hover { color: #faedcb; color: #cd5806; }
ul.id_share_class_selector li.on a, ul.id_share_class_selector li.on a:hover { 
	color: #002d62; 
}

@media print { 
	ul.id_share_class_selector li.id_share_class_item {display: none; }
	ul.id_share_class_selector li.on { display: inline; }
}



table.id_portfolio_type_table_header {/*border-top: 4px solid #eebb33;*/}
table.id_portfolio_type_table_header tr.heading {  background-color: #e4e9ee;}


table.id_portfolio_type_table {border-bottom: 1px solid #eebb33;}
table.id_portfolio_type_table tr.heading {  background-color: #cad5de;}
table.id_portfolio_type_table tr.bold_text {font-weight: bold;}
table.id_portfolio_type_table td.left_align {text-align: left; padding: 5px 5px 5px 5px;}
table.id_portfolio_type_table td.right_align {text-align: right; padding: 5px 5px 5px 0px;}

table.id_portfolio_type_table td.column_heading_port_name {text-align: left; vertical-align: bottom; padding: 5px;}
table.id_portfolio_type_table td.column_heading {text-align: center; vertical-align: bottom; padding: 5px;}
table.id_portfolio_type_table td.column_heading_daily {text-align: right; vertical-align: bottom; padding: 5px;}

table.id_portfolio_type_table tr.on {background: #F2F2F2; }
table.id_portfolio_type_table tr.off {background: #ffffff;  }

.clickable table.id_portfolio_type_table tr.on, .clickable table.id_portfolio_type_table tr.off { cursor: pointer; }

table.id_portfolio_type_table tr.mouseover {background: #cad5de ; }

@media print { 
	table.id_portfolio_type_table { border-top: 1px solid black; border-bottom: 0 solid black; }
}

.id_portfolio_type_container {
	margin: 15px 0px 15px 0px; 
}

.id_portfolio_type_container .type_heading {
	background: #002d62 none repeat scroll 0% 50%;
	/*border-top: 4px solid #faedcb;*/
	color: #FFFFFF;
	margin-left: 15px;
	margin-right: 15px;
}

.id_portfolio_type_container .type_heading h2 { 	
	font-size: 1.5em;
	margin-bottom: 0;
	padding: 8px 15px 8px 15px;	
	width: 15em;
}

.column_divider { border-left: 1px solid #95acbd; }
.row_divider { border-bottom: 1px solid #eebb33; }

.bold {font-weight: bold;}
.italic {font-style: italic;}

.data_pos {color: green;}
.data_neg {color: red;}
.data_na { color: #ABAFAE; font-size: 0.9em; }

span.scn { display: none; }
div.id_main div.jhcs_performance_wrapper div div.footnote { padding: 0 0 0 0;  }
@media print { 
	div.id_main div.jhcs_performance_wrapper div div.footnote { padding: 0 0 0 0; margin-right: 12pt; font-size: 9pt; }
}


div.id_main .jhcs_performanceprint_wrapper { 
	margin-right: 9px;
}

table.print_port_type {
	margin: 5px 5px 5px 0px;
}
table.print_port_type td {
	font-size: 1.3em; font-weight: bold; text-decoration: underline;
}

table.print_port_daily {
	border: 2px solid #95acbd; margin-top: 15px; margin-bottom: 15px;
}
table.print_port_daily td {
	padding: 2px;
}
table.print_port_daily td.port_name {
	font-size: 1.2em; font-weight: bold; background-color: #95acbd;
	border-bottom: 1px solid #95acbd;
}
table.print_port_daily td.header {
	text-align: center;
}
table.print_port_daily td.subheader {
	text-align: right; vertical-align: bottom;
	border-bottom: 1px solid #95acbd;
}
table.print_port_daily td.divider {
	border-left: 1px solid #95acbd;
}

table.print_port_monthly {
	border: 2px solid #95acbd; margin-top: 15px; margin-bottom: 15px;
}
table.print_port_monthly td {
	padding: 2px;
}
table.print_port_monthly td.port_name {
	font-size: 1.2em; font-weight: bold; background-color: #95acbd;
	border-bottom: 1px solid #95acbd;
}
table.print_port_monthly td.header {
	text-align: center;
}
table.print_port_monthly td.subheader {
	text-align: right; vertical-align: bottom;
	border-bottom: 1px solid #95acbd;
}
table.print_port_monthly td.divider {
	border-left: 1px solid #95acbd;
}
table.print_port_monthly td.port_notes {
	border-top: 1px solid #95acbd;
}

div.id_footnotes { margin-right: 9px; margin-left: 0;  }
div.id_footnotes a { font-weight: bold; }
sup, SUP, div.id_footnotes sup, .id_footnotes SUP { font-size: 0.8em; color: #002d62; font-weight: bold; }
div.id_footnotes p.numbered { margin-left: 1em; text-indent: -1em;  }