<style>
*:focus {outline:none}

a, a:visited {
  color: #4080df;
}

a:hover {
  color: #b10c1b;
  text-decoration: underline;
}

#scorecard h3 {
	font: bold 16px Arial, Arial, Helvetica, sans-serif;
	margin: 4px 0px 4px 4px;
}

#scorecard #outer article.helplegend { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #333;
	line-height: 1.3em;
}

#scorecard #outer article.helpsnapshot { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #333;
	line-height: 1.3em;
	text-align: left;
}

.dataDisplay {
	font-family:Arial, Helvetica, sans-serif 16px;
}


#outer {
	position: relative;
	top:0px;
	overflow:hidden;
	width:920px;
	margin-left: auto ;
  	margin-right: auto ;
	height:100%;
	border: none;
	background-color: #E4E4E4;
}

.fund-display {
	display: none;
	position: fixed;
	border: 1px solid black;
	top: 190px; 
	width: 325px; 
	margin-left: auto ;
  	margin-right: auto ;
	padding: 2px; 
	margin: 10px; 
	z-index: 99; 
	color: #000; 
	background: #fff;
	line-height: 24px;
	text-align: center;
	font-weight:bold;
}

#header {
	background: #e4e4e4;
	border: 1px solid #fff;
}

#tableNAV {
	/*background-color: #e4e4e4;*/
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	width: 920px;
	color: #626262;
}
	
#right {
	position: relative;
	overflow: scroll;
    width:101%; 
	height: 100%;
	background: #FFFFFF;
	padding: 0px 50px 0px 0px;
}

tr.row:hover {
	background-color:#FF6;
}

#footer {
	position: absolute;
	bottom: 0;
	width: 920px;
	height: 80px;
	background: #E4E4E4;
}

.spacer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
}

.headerText {
	color: #4080df;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}


#deltadimage {
        width: 34px;
        height: 23px;
        background: url("../images/DeltaD.png") no-repeat;
        display: inline-block;
		text-indent: -99999px;
    }
	
    #deltadimage:hover {
        background: url("../images/DeltaD_hover.png") no-repeat;
		background-position: 0 0;
    }

#deltapimage {
        width: 34px;
        height: 23px;
        background: url("../images/DeltaP.png") no-repeat;
        display: inline-block;
		text-indent: -99999px;
    }
	
    #deltapimage:hover {
        background: url("../images/DeltaP_hover.png") no-repeat;
		background-position: 0 0;
    }



.fundName {
	color: #354d71;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:underline;
}

.footerText {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

.boldText {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.f-normal {
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}

.closeText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFF;
	text-decoration: underline;
}

#snapshot {
	font: normal 12pt Arial, Helvetica, sans-serif;
	color: #333;
	text-align: left;
	width: 325px;
}

#snapshot .data {
	margin: 10px 0px 10px 0px;
}

#snapshot .f-normal {
    width: 46%;
    text-align: right;
    float: left;
    margin: 10px 10px 0px 0px;
}

#snapshot .dataDisplay {
	font-weight: bold;
    width: 47%;
    text-align: left;
    float: right;
    margin: 10px 10px 0px 0px;
}

button.closeText {
	font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    width: 100%;
    text-align: right;
	}
	
.blackText {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

.blackTextBold {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.redText {
	color: #B71125;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

.redTextBold {
	color: #B71125;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.greenText {
	color: #388838;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

.greenTextBold {
	color: #388838;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
  
/*#header ul {
  clear:both; 
  text-align:center; 
  border-top:1px solid #e4e4e4;
}

#header ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
}

#header ul li {
  display: inline;
}
*/

#header ul {
  clear:both; 
  text-align:center; 
  border-top:1px solid #73a2bd;
}

#header ul {
  margin:0; 
  padding:0; 
  list-style-type:none; 
  background:transparent; 
  height:3em;
}

#header ul li {
  display:inline; 
}

#searchBox {
    position: absolute;
    top: 52px;
    left: 570px;
    background-color: #354E71;
    border: none;
    width: 340px;
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}

body {
    background-color: #7a92b3;
	font-family:Arial, Helvetica, sans-serif;
}

div#main {
	position:absolute;
	top: 120px;
	left: 40px;
	width: 900px;
	z-index: 100;
}

.blackTextM {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
}

#legend {
	position: absolute;
	height: 22px;
	width: 120px;
	left: 13px;
	top: 68px;
}

.legendBox {
	position: fixed;
	display: none;
	border-top: 1px solid #000;
	padding: 6px; 
	z-index: 100;
	width: 500px;
	top: 20px;
	left: 240px;
	background-color: #ffffff;	
	font-size: 12px;
	font-weight: normal;

}

.boldWhiteUnderline {
	text-decoration: underline;
	font-weight: bold;
	color:#fff;
	background-color: #7a92b3;
}


#scorecard button {
    background-color: #7a92b3;
    color: #fff;
    padding: 2px 14px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #fff;
}

#scorecard article.helpsnapshot button {
	background-color: #7a92b3;
    color: #fff;
    padding: 2px 14px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #fff;
    width: 100%;
    text-align: right;
}

#scorecard article.helplegend button {
    width: 100%;
    background-color: #7a92b3;
    color: #fff;
    padding: 8px 10px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #fff;
    cursor: pointer;
    text-align: right;
}

#scorecard button:hover, #scorecard #footer button:hover,#scorecard article.helplegend button:hover  {
	background-color: #921500;
	}
	
#scorecard button:active, #scorecard #footer button:active {
	background-color: #494f4a;
	}

#scorecard #footer button {
    background-color: #354E71;
    color: #fff;
    padding: 2px 14px;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #fff;
}


.helpleft {
	width: 25%;
	float: left;
    padding: 14px 0px 0px 0px;
	font-weight: bold;
	}

.helpleft p {
	display: inline;
}

.helpright {
	width: 75%;
	float: right;
	text-align: left;
    padding: 14px 0px 0px 0px;
}

.clearfix:after {
    content: "";
    clear: both;
    display: table;
	height:100%;
}

a.scroll {
  font-size:1.1em;
  text-decoration: underline;
  color:#333333;
}

a.scroll:link, a.scroll:visited, a.scroll:active {
	color: #4080df;
	text-decoration: none;
	background-color: #f0f2f3;
    padding: 0px 2px 0px 2px;
	font-weight: bold;
}
	
a.scroll:hover {
	color: #4080df;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #4080df;
	}
  
a.scroll:active {
	color: #4080df;
	text-decoration: none;
	}
	
</style>



