/* To override stupid Timberlake settings */
.outerwrapper {
/*	max-width:none !important; */
}
/* Try using absolute positioning instead of these hacks: */
.row-fluid .span22 {
	width:100% !important;
}
[class*="span"] {
	margin-left: 0 !important;
}
.container-fluid {
	padding-left:0 !important;
	paddinr-right:0 !important;
}
/* END override Timberlake */

body {
	padding:0;
	margin:0;

/* Another option
	font-family:"Courier New", Courier, monospace;
	font-family:Georgia, "Times New Roman", Times, serif;
	*/


	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;

	/* has no effect here
	margin:200px;
	padding:200px;
	*/
}

/* Link color in the tabs */
	/* Set this in jquery-ui-1.8.23.custom-USSIFTHEME.css - NOT here
div#tabs.ui-tabs ul.ui-tabs-nav a:link, div#tabs.ui-tabs ul.ui-tabs-nav a:visited {
	color:#000;
}

a:link, a:visited, div#tabs a:link, div#tabs a:visited {
	color:#00f;
}
a:hover, a:active, div#tabs a:hover, div#tabs a:active {
	color:#f00;
}
*/

/* abort
div#tabs a:link {color:#0000FF;}
div#tabs a:visited {color:#00FF00;}
div#tabs a:hover {color:#FF00FF;}
div#tabs a:active {color:#0000FF;}
*/

.largetext {
	font-size: 16px;
	font-weight:bold;
}
.instructions {
	font-size:14px;
	font-weight:bold;
}
/*
table.ProfileTable td {
*/
/* Great default, but overrides manual table valign attribute
table td {
	vertical-align:top;
}
*/
table.ProfileTable td.LeftColumn {
	text-align:right;
	/* Why did this not work?
	vertical-align:top;
	*/
	font-weight:bold;
	width:375px;
}

/* moved to page itself
table#FinancialInformation td.aum {
	white-space:nowrap;
}
*/
div#SiteContainer {
	/* PROS of setting a specific width:
			1) Forces the DIV containing all tabs to a larger size, which is more likely to fit if the web browser is too narrow (needs to be opened full screen)
		CONS of setting a specific width:
			1) Forces the DIV larger than it needs to be sometimes, when it would have fit at the lesser browser width
			2) Does not allow the site to expand outwaord (use CSS3 min-width instead?)
	width:980px;
	*/

/* Doesn't necessarily need to be the full 980px - Make the minimum lower
	min-width:980px;
*/
	min-width:900px;
/*
	margin: auto;
*/
	margin: 0 auto;
	/* debug
	border-style:dotted;
	border-width:thick;
	border-color:#f00;
	padding:50px;
	*/
	
	/* put this in body instead for simplicity
	padding:5px;
	*/
}
p#copyright {
	font-size:10px;
	/*
	font-family:Arial, Helvetica, sans-serif;
	*/
}
/* This conflicts with: div.BrownBackground, table.BrownBackground, tr.BrownBackground, th.BrownBackground, td.BrownBackground
table#key {
	font-size:10px;
}
*/

tr.GreyBkg {
	/*
	background-color:#eee;
	*/
	/*
	background-color:#efefef;
	*/
	background-color:#f5f5f5;
/*
	background-color:#f6fff6;
	*/
}

/* Not currently used, but could be used for ESG criteria values */
.unselectable {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

/* obsolete
	div#tabs {
		padding:0px;
		margin-left:0px;
		margin-right:10px;
	}
*/
/* This does not seem to have any effect here - Must be hardcoded in the index.php for SAM and MFPC chart
.ui-widget-content {
	border: 0px;
}
*/
li.TabClass {
/*
	visibility:hidden;
	*/
	display:none;
}







/************************************************************************************************
EVERYTHING BELOW HERE USED TO BE IN THE SEPARATE FILE MFPC_SPECIFIC.CSS - EXCEPT NOW IT HAS BEEN MODIFIED SLIGHTLY
/***********************************************************************************************/

/* Default link colors */
a {
	color: #2e64a0;
/* from ussif.org -- no!
	text-decoration: none;
	*/
}
a:hover, a:visited:hover {
	color: #57810c;
}
a:visited {
	color: #0b3869;
}
a:active, a:visited:active {
	color: #f00;
}

/* Override the blue highlight for A tags since the ESG criteria are not actually linked */
a.ESGcriteria {
	color:#000;
}

/* For links in the BrownBackground */

/* Links in the header (does not include the column headings */
.BrownBackground a:link, .BrownBackground a:visited {
	color:#fff;
}
/* Mouse over and click for links in the header (does not include the column headings (Currently only the "Download as PDF for Printing" link) 
div#tabs .BrownBackground a:hover, div#tabs .BrownBackground a:active {
	color:#f00;
}
*/


/* this is too specific, make it apply for any .BrownBackground class
div#tabs table tr.BrownBackground a:hover, div#tabs table tr.BrownBackground a:active {
	*/
.BrownBackground a:hover {
	/* This is bright yellow
	color:#fff200;
	*/
	/* The MFPC actually used this orangey color */
	color:#EABA26;
}

.BrownBackground a:active {
	color:#f00;
}

/* For LINK & VISITED LINK for the currently selected column header in the BrownBackground */
/* this is too specific, make it apply for any .BrownBackground class
div#tabs table tr.BrownBackground a.sorted_by:link, div#tabs table tr.BrownBackground a.sorted_by:visited {
	*/
.BrownBackground a.sorted_by:link, .BrownBackground a.sorted_by:visited {
	/* This is bright yellow
	color:#fff200;
	*/
	/* The MFPC actually used this orangey color */
	color:#EABA26;

/* why?
	text-decoration:none;
	font-size:50px;
*/
}

/* For MOUSING OVER the currently selected column header in the BrownBackground */
/* this is too specific, make it apply for any .BrownBackground class
div#tabs table tr.BrownBackground a.sorted_by:hover {
*/
.BrownBackground a.sorted_by:hover {
	color:#fff;
}
/* For CLICKING the currently selected column header in the BrownBackground */
/* this is too specific, make it apply for any .BrownBackground class
div#tabs table tr.BrownBackground a.sorted_by:active {
*/
.BrownBackground a.sorted_by:active {
	color:#f00;
}

/* ... */
table.FundTable td.LeftColumn, table.StrategyTable td.LeftColumn {
	text-align:right;
	font-weight:bold;
	width:250px;
}

/* Make context-sensitive (instead of here)
table tbody td {
	border: 1px solid #878063;
	padding: 2px;
}
*/

/* Override UI tabs CSS  */
.ui-tabs-panel {
	padding:0 !important;
}

/* Header background (does not include the column headings */
/*
div#tabs .BrownBackground {
*/
/*
div.BrownBackground, table.BrownBackground, tr.BrownBackground, th.BrownBackground, td.BrownBackground {
*/
.BrownBackground {
	/*
	background: none repeat scroll 0 0 #878063;
	*/
	background-color:#0b3869;
	color:#fff;
	font-size:12px;
	/* IMPORTANT: DEFINE THE BORDER STYLE AND COLOR, BUT DO NOT TURN IT ON FOR ALL FOUR SIDES AUTOMATICALLY-- INSTEAD, USE border-bottom-width: 1px etc */
	border: 0 solid #B3AB8C;
	/* below is from one example-- Does it work everywhere?	*/
	/*
	border: 1px solid #f00;
	border:0;
	*/
	/*
	border: 1px solid #B3AB8C;
	*/


	/* THIS IS INSERTED FROM BrownBorderBottomRtBorder AS AN EXPERIMENT */
	border: 1px solid #B3AB8C;
	border-bottom-width:1px;
	border-right-width:1px;
	border-top-width:0;
	border-left-width:0;
	/* END INSERTED AS EXPERIMENT */	
}


.BrownBorder {
	border: 0 solid #B3AB8C;
}
/* Duplicate of .BrownBorder but to save a ton of repetitive HTML */
.BrownBorderBottomRtBorder {
/*
	border-style:solid;
	border-color:#B3AB8C;
*/
/* Not sure why this wasn't here before - does it cause any problems? YES IT SCREWS UP THE SAM CHART! 
	background-color:#878063;
	color:#fff;
	*/
	border: 1px solid #B3AB8C;
	border-bottom-width:1px;
	border-right-width:1px;
	border-top-width:0;
	border-left-width:0;
/*
	font-weight:bold;
	*/
}


/* Every HTML table cell on tabs #1, 3, and 4, but not 2 */
table#FinancialPerformance tbody td, table#ProxyVoting tbody td, table#AccountMinimums tbody td {
/* Handling this elsewhere now
	border: 1px solid #878063;
	*/
	padding: 2px;
	vertical-align:top;
	text-align:center;
}

/* obsolete?
table#ScreeningAdvocacy tbody td {
	padding: 4px;
}
*/


/* Alignment for SAM Chart - Financial Information headings */
table#FinancialInformation th {
	vertical-align:bottom;
	/* probably not needed
	text-align:center;
	*/	
}
/* Alignment for SAM Chart - Financial Information cell contents */
table#FinancialInformation td {
/* dev
	vertical-align:bottom;
	text-align:right;
*/
	vertical-align:top;
	text-align:center;
}

/* Alignment for SAM Chart - Screening & Advocacy headings */
table#ScreeningAdvocacy th {
	/* dev
	vertical-align:bottom;
	text-align:center;
	*/
	vertical-align:top;
	text-align:right;
}
/* Alignment for SAM Chart - Screening & Advocacy cell contents */
table#ScreeningAdvocacy td {
/* dev
	vertical-align:top;
	text-align:center;
*/
	/* does not have any effect currently
	vertical-align:bottom;
	*/
	text-align:center;
	padding: 4px;
}


/* Column heading background (Does not include header above) */
/* Standardize on BrownBackground instead
div#tabs table tr.header {
	background-color:#878063;
}
*/

/* Column header border */
/* Obsoleted by BrownBackground class
div#tabs table tr.header th {
	border: 1px solid #b3ab8c;
}
*/

/* Use class "GrayBkg" in charts.css instead of this
tr.even {
	background-color:#f6f6f6;
}
*/

/************************************************************************************************
EVERYTHING ABOVE HERE USED TO BE IN THE SEPARATE FILE MFPC_SPECIFIC.CSS
/***********************************************************************************************/

/************************************************************************************************
/* THE FOLLOWING WAS ADDED 1/21/2015 TO RESOLVE CONFLICTS WITH NEW TIMBERLAKE THEME */
/***********************************************************************************************/
.main-menu ul li a:hover {
	color: #fff; /* Override default link color for MfPC/SAM charts, for new navbar rollover link color */
}
/* Override color and background image in custom jQuery UI theme from old Timberlake theme */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #0b3869;
}
/************************************************************************************************
/* END SPECS ADDED 1/21/2015 TO RESOLVE CONFLICTS WITH NEW TIMBERLAKE THEME */
/***********************************************************************************************/