﻿/* The YUI fonts css sets a standard 13px as an em. Percentages should be used
    for font manipulation otherwise
    px  pct
    10 	77
    11 	85
    12 	93
--- 13 	100 ---
    14 	108
    15 	116
    16 	123.1
    17 	131
    18 	138.5
    19 	146.5
    20 	153.9
    21 	161.6
    22 	167
    23 	174
    24 	182
    25 	189
    26 	197
*/
    
/* Global */
html, body{
    height:100%;
    background-color:#efefef;
    
}

a {
    text-decoration:none;
    color:#3b6b9d;
}
a:hover {
    color:#74c7dd;   
}
a:active {
    color:#3b6b9d;
}
a.white {
    text-decoration:none;
    color:#fff;
}
a.white:hover {
    color:#74c7dd;   
}
a.white:active {
    color:#3b6b9d;
}
.cleared {
    clear:both;
    line-height:0;
    height:0;
}

.indexCol {
    font-weight:bold;
    width:2.5em;
}

.goButton {
    background-repeat:no-repeat;
    cursor:pointer;
    width:42px;
    height:42px;
}

/* Body */
#aspnetForm {
    height:100%;
}

#container {
    min-height:100%;
    width:74.923em;
    *width:73.0502em;
    margin:auto;
    min-width:974px;
    text-align:left;
    background-color:#fff;
    overflow:auto;
    /*
    background-image:url(/site/layout_grid.gif);
    background-repeat:repeat;
    */
    
}
#mast {
    border-bottom: 1px solid #000;
    overflow:auto;
    width:100%;
}

#body {
    width:100%;
    overflow:hidden;
}

#sideBar {
    
    width:15.3846em;
    *width:15em;
    
    /*width:200px;*/
    min-width:200px;
    float:left;
    margin-top:10px;
    margin-left:10px;
}

#main {
    /*
    float:none;    
    width:auto;    
    width:58.7698em;
    *width:57.3em; 
    
    margin-left:16.1538em;
    *margin-left:15.75em;    
    */
}

#fullContent {
    width:58em;
    *width:56.5501em;
    min-width:754px;
    float:left;
    margin-top:10px;
}

#content {
    float:left;
    width:42.9231em;
    *width:41.5em;
    min-width:561px;
    *min-width:558px;
    margin-right:8px;
    *margin-right:9px;
    margin-top:10px;
}

#rightContentCol {
    float:left;
    /*width:185px;*/
    
    width:14.2308em;
    *width:13.875em;
    
}

#mastLogo
{
    float:left;
    width:480px;
    height:110px;
    background-repeat:no-repeat; 
    margin-top: 20px;
    margin-left:10px;
    display:inline;
}

.blockLanding {
    width:55%;
    float:left;
}

/* Top Nav */
.topNav {
    padding:10px;
    float:right;
    display:inline;
    width:176px;
    border-left:solid 10px #e0e0e0;
}
.topNav a
{
    display:block;
    width: 147px;
    height:24px;
    text-decoration: none;
    background-repeat:no-repeat;
    background-position:0 0;
    margin:0 auto;
    outline:none;
}
.topNav a:hover { 
    background-position: 0 -24px;
}


/* Footer */
#footer {
    text-align: left;
    /*height: 80px;*/
    margin-top:50px;
    
    margin-left:15.3846em;
    *margin-left:15em;
    
    width:59.5385em;
    *width:58.0501em;
    
    color: #736465/*K1*/;
    border-top:1px solid #000;
    line-height:1.9;
    float:left;
}

#footer a {
    color:#736465;
    text-decoration:none;
    font-size: 85%;
}

#footer a:hover {
    color:#8c8c8c;
    font-size: 85%;
}

#subFooter {
    text-align: left;
    margin-top:5px;
    
    margin-left:15.3846em;
    *margin-left:15em;
    
    width:59.5385em;
    *width:58.0501em;
    
    color: #736465/*K1*/;
    line-height:1.1;
    float:left;
}

/* SideBar/Navigation */

.SearchTextbox {
    width:13.4615em;
    *width:13.125em;
    margin: 3px 0;
}

div.AspNet-TreeView {
    position:relative;
    margin: 0;
    padding: 0;
    margin-top:10px;    
}

div.AspNet-TreeView ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.AspNet-TreeView-Hide
{
    display:none;
}

div.AspNet-TreeView .AspNet-TreeView-ClickableNonLink {
    cursor:pointer;
}

div.AspNet-TreeView span.AspNet-TreeView-Collapse {
    display:none;
}
div.AspNet-TreeView span.AspNet-TreeView-Expand {
    display:none;
}

div.AspNet-TreeView li.AspNet-TreeView-Parent {
    font-size:93%;
    line-height:1.8;
}
/* top-level leaf */
div.AspNet-TreeView li.AspNet-TreeView-Leaf {
    font-size:93%;
    line-height:1.8;
}

div.AspNet-TreeView .AspNet-TreeView-ClickableNonLink:hover {
    color:#999;
}

div.AspNet-TreeView .AspNet-TreeView-Parent li.AspNet-TreeView-Leaf a:hover{
    color:#999;
}

div.AspNet-TreeView .AspNet-TreeView-Parent li.AspNet-TreeView-Leaf {
    color:#000;
    margin-left:15px;
    line-height:1.5;
}

div.AspNet-TreeView .AspNet-TreeView-Parent li.AspNet-TreeView-Leaf a{
    color:#000;
    line-height:1.5;
}

div.AspNet-TreeView li.AspNet-TreeView-Selected a,
div.AspNet-TreeView .AspNet-TreeView-Parent li.AspNet-TreeView-Selected a{
    color:#8c8c8c !important;
}

/* Chart */
.chartRangeImg {
    vertical-align:middle;
    margin:auto 0;
}
.chartRangeLink {
    outline:none;
}

/* Form */
.entryForm {
    padding:10px;
    background-color:#efefef;
}
.entryForm p {
    margin-bottom:10px;
}

.entryForm label {
    width: 10em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block;
    padding-top:1px;
}

.entryForm input[type="text"] {
    width:25em;
}


.entryForm textarea {
    width:25em;
}

.entryForm input[type="image"],
.entryForm input[type="submit"] {
    margin-left: 10.5em;
}

.entryForm li { list-style-type:disc; margin-left:15px; }

.entryForm p.required label {
    font-weight:bold;
}

/* Grids */
.gridSmallHeader 
{
	font-size: 73%;
	font-weight: normal;
	background-color:#fff;
}

div.grid1 .AspNet-GridView table {
    width:100%;
}

div.grid1 .AspNet-GridView th, div.grid1 .AspNet-GridView td {
    padding-left:5px;
    padding-right:5px;
}

div.grid1 .AspNet-GridView thead tr th {
    font-weight:bold;
    background-color:#e0e0e0;
    /*line-height:1.8;*/
    height:1.8em;
    text-align:center;
    vertical-align:bottom;
    padding-bottom:3px;
    font-size: 85%;
}

div.grid1 .AspNet-GridView tbody tr td {
    background-color:#fff;
    line-height:1.6;
}

div.grid1 .AspNet-GridView tbody tr.AspNet-GridView-Alternate td {
    background-color:#efefef;
}

/* have to set explicit bgcolor for highlight function */
div.grid1 .AspNet-GridView tbody tr.AspNet-GridView-Alternate td span {
    background-color:#efefef;
}

td.CenteredGridCell
{
    text-align:center;
}

td.RightGridCell
{
    text-align:right;
}

th.RightGridCell
{
    text-align:right;
}

td.BoldGridCell
{
    font-weight:bold;
}

td.FullPercentGridCellWidth
{
 width:4em;
}

td.NoWrapGridCell
{
    white-space: nowrap;
}

td.TopGridCell
{
    vertical-align:top;
}

div.colHead {    
    padding-left:5px;
    font-weight:bold;
    background-color:#e0e0e0;
    line-height:1.8;
}

/* same as above except not using asp.net datagrid */
table.grid1 {
    width:100%;
}

table.grid1 th, table.grid1 td {
    padding-left:8px;
}

table.grid1 thead tr th,
table.grid1 tfoot tr td {
    font-weight:bold;
    background-color:#e0e0e0;
    /*line-height:1.8;*/
    height:1.8em;
    text-align:center;
    vertical-align:bottom;
    padding-bottom:3px;
}

table.grid1 tbody tr td {
    background-color:#fff;
    line-height:1.6;
}

table.grid1 tbody tr.alternateRow td {
    background-color:#efefef;
}

.SortableHeader {
    font-weight:bold;
    text-decoration:underline;
    color:#000;
}

.nowrapCell {
    white-space:nowrap;
}

#attrFooter {
    background-color:#efefef;
    margin-top:10px;
    padding:5px;
    border:1px solid #99b416;
    font-size: 85%;
}

#disclosureFooter {
    background-color:#efefef;
    margin-top:10px;
    padding:5px;
    border:1px solid #736465;
    font-size: 85%;
}

#copyrightFooter {
    background-color:#efefef;
    margin-top:10px;
    padding:5px;
    border:1px solid #736465;
    font-size:x-small;
}

#fundPerformanceFooter {
    padding:5px;
    font-size: 85%;
    text-align: justify;
    margin-right: 10px;
}


.footnoteText {
    font-size:xx-small;
    margin-top:5px;
}

li.bulleted {
    list-style-type:disc; 
    margin-left:15px; 
}

.banner {
    margin-top:7px;
}

.upText {
    color:#129f49;
}

.downText {
    color:#db4228;
}


/* Layouts */
div.left2Col {
    float:left;
    width:50%
}

div.right2Col {
    float:left;
    width:48.2%;
    margin-left:10px;
}

div.loading {
  background: url(/images/loader.gif) no-repeat center center;
  padding:0;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #fff;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 100px;
    text-align : left; 
    list-style-type : none;
    z-index:10;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	cursor : pointer;	
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.autocomplete_symbol
{
    color: #17a2c7;
}

.homeFlash {
    background-color:#fff;
    float:left;
    margin-left:38px;
    /**margin-left:86px;*/
    margin-bottom:0;
}
#homeFlash object{
  display: block;
  line-height:0;
}
#homeFlash embed{
  display: block;
  line-height:0;
}

