@import 'mf_grid.css';
@import 'mf_menu.css';
@import 'mf_helper.css';

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
/* reset margin and padding to override browser settings */
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-style: inherit;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: baseline;
    line-height:normal;
    color:#3a6174;
}


body {
    height:100%; /* this is the key! */
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#3a6174;
    padding:5px 0 0 0px;
    text-align:center;
    background: #111322 url(../images/global/global_bg_gradient.gif) repeat-x bottom;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1{
  font-size:20px;
  line-height:22px;
  font-weight:normal;
  margin-bottom:20px;
}

h2{
  font-size:18px;
  margin-bottom:10px;
}

h3{
  font-size:14px;
  margin-bottom:8px;
  font-weight:normal;
}

h4{
  font-size:14px;
  font-weight:bold;
}

h5{
  font-size:12px;
  font-weight:normal;
}

h6{
  font-size:12px;
  font-weight:bold;
}


/* Text elements
-------------------------------------------------------------- */

p{
    margin: 0 0 8px 0;
}

a:link, a:visited, a:active{
  color:#265a8a;/*#3d82c5;*/
  font-weight:bold;
  text-decoration:none;
}

a:hover{
  font-weight:bold;
  color:#0D4882;
  text-decoration:none;
}

a img {
    border: none;
}

strong{
/*	font-weight: bold;
*/}

em{
    font-style: italic;
}

/* Lists
-------------------------------------------------------------- */

ul{
    margin:0 0px 20px 18px;
    padding:0;
    list-style-type: disc;
}

ol{
    margin:0 0px 20px 30px;
    padding:0;
    list-style-type: decimal;
}

dl{
    margin: 0 0 20px 0;
}

dl dt {
    font-weight: bold;
}
dd {
    margin-left: 20px;
}
li{
  line-height:12px;
  padding:2px 0;
}

/* helper links
   inline list of links that appear aligned left */

p.helperlinks{
  text-align:right;
  border-top: solid 1px #3d82c5;
  padding:0;
  margin:0;
}
ul.helperlinks{
  float:right;
  width:100%;
  height:1%;
  margin:7px 0px 0 0px;
  padding:0 0 20px 0;
  list-style-type:none;
  text-align:right;
}

ul.helperlinks li{
  display:inline;
  background: url(../images/icons/icon_arrow.gif) no-repeat 0 2px;
  margin:3px 0px 3px 0px;
  padding:0px 0 0 10px;
  color:#3d82c5;
  font-weight:bold;
}

ul.helperlinks a{
  margin-right:12px;
  color:#3d82c5;
  font-weight:bold;
}

ul.arrow, ul.whitearrow, ul.downloads, ul.iconpdf, ul.icondoc, ul.iconxcl, ul.icon{
  margin:0px;
  padding:0 0 0 2px;
  list-style:none;
}

ul.arrow li, ul.whitearrow li, ul.downloads li, ul.iconpdf li, ul.icondoc li, ul.iconxcl li{
  list-style:none;
  color:#3d82c5;
  font-weight:bold;
  line-height:11px;
}

ul.whitearrow li, ul.whitearrow li a:link, ul.whitearrow li a:visited, ul.whitearrow li a:hover{
  color:#ffffff;
}

ul.arrow li, li.arrow{
/* default arrow list set to green */
  background: url(../images/icons/icon_arrow.gif) no-repeat 0 2px;
  margin:3px 0px 3px 0px;
  padding:0 0 0 10px;
}

ul.iconpdf li, li.iconpdf{
/* pdf icon list  */
  background: url(../images/icons/icon_pdf.gif) no-repeat 0 1px;
  margin:3px 0px 3px 0px;
  line-height:11px;
  padding:0 0 0 20px;
}

ul.icondoc li, li.icondoc{
/* pdf icon list  */
  background: url(../images/icons/icon_doc.gif) no-repeat 0 1px;
  margin:3px 0px 3px 0px;
  line-height:11px;
  padding:0 0 0 20px;
}

ul.iconxcl li, li.iconxcl{
/* pdf icon list  */
  background: url(../images/icons/icon_xcl.gif) no-repeat 0 1px;
  margin:3px 0px 3px 0px;
  line-height:11px;
  padding:0 0 0 20px;
}

ul.iconcsv li, li.iconcsv{

/* csv icon list  */
  background: url(../images/icons/icon_csv.gif) no-repeat 0 1px;
  margin:3px 0px 3px 0px;
  line-height:11px;
  padding:0 0 0 20px;
}

li.iconbl{
/* blank icon list  */
  background: url(../images/icons/icon_bl.gif) no-repeat 0 1px;
  margin:3px 0px 3px 0px;
  line-height:11px;
  padding:0 0 0 20px;
}

ul.whitearrow li{
  background: url(../images/icons/icon_arrow_white.gif) no-repeat 0 2px;
  margin:3px 0px 3px 0px;
  padding:0 0 0 10px;
}

a.iconpdf, a:hover.iconpdf{
  background: url(../images/icons/icon_pdf.gif) no-repeat 0 2px;
  padding-left:25px;
}

a.whitearrow{
    list-style:none;
    display:list-item;
    margin:2px 0px 0px 0px;
    padding:0 0 0 10px;
    font-weight:bold;
    line-height:12px;
    background: url(../images/icons/icon_arrow_white.gif) no-repeat 0 1px;
    color:#ffffff;
}

a.arrow{
    list-style:none;
    display:list-item;
    float:left;
    margin:2px 0px 0px 0px;
    padding:0 0 0 10px;
    line-height:12px;
    background: url(../images/icons/icon_arrow.gif) no-repeat 0 1px;
}

.inline{
    display:inline;
}

/* Tables
-------------------------------------------------------------- */

table{
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom:15px;
}

table.tableMaxWidth{
    height:1%;
}
.full_content table.tableMaxWidth{
    width:940px;
    margin-right:0px;
}
#container_sidebar .full_content table.tableMaxWidth{
    width:725px;
    margin-right:0px;
}
#container_sidebar .col_content table.tableMaxWidth{
    width:355px;
    margin-right:0px;
}
#container_sidebar .full2_content table.tableMaxWidth{
    width:555px;
    margin-right:0px;
}
#container_sidebar .full3_content table.tableMaxWidth{
    width:555px;
    margin-right:0px;
}
table.table2col{
    width:100%;
}
table.table2col caption{
}

table.table2col tbody td{
    text-align:right;
}
table.table2col tbody th{
    width:125px;
    text-align:left;
}

.rich-table, .rich-table-header,.rich-table-headercell, .rich-table-cell,
  .rich-subtable-cell, .rich-table-footercell, .rich-subtable-footercell {
     border-width:0px;
}

/*td, tr.alt td, th{
  border: solid 1px #dddddd;
}*/

tr.altcal td, tr.altcal th{
/* set alternating row color */
  background-color:white;
  border:none;
  text-align:left;
  font-weight: bold;
  color:#3a6174;
}

tr.altview td, tr.altview th{
/* set alternating row color */
  background-color:white;
  border:none;
  text-align:left;
  font-weight: bold;
  color:#3a6174;
}

thead th{
    padding: 8px 5px;
    vertical-align:top;
    font-weight:bold;
    text-align:left;
}
thead td{
    padding: 4px 5px;
    font-weight:bold;
    border-bottom: 1px solid #d8dfd8;
    text-align:left;
}

tbody th, tbody td {
    padding:6px 5px;
    vertical-align:top;
    text-align:left;
}

tbody th{
    font-weight:bold;
}

tfoot td{
    padding:6px 5px;
    vertical-align:top
}

caption {
    font-size:14px;
    text-transform:uppercase;
    border-bottom: 2px solid #d8dfd8;
    font-weight: bold;
    text-align:left;
    padding: 10px 5px 6px 4px;
    color:#3a6174;
}

table .numeric{
    text-align:right;
}

tr.alt td, tr.alt th{
/* set alternating row color */
  background-color:#d7e5d9;
}

.date{
    font-size:10px;
    font-style:italic;
    font-weight:normal;
    padding:2px 4px;
}

table .indent{
    padding-left:20px;
}
table .categories{
    border-bottom: 1px solid #d8dfd8;
    border-top: 1px solid #d8dfd8;
    font-size:14px;
    padding: 8px 5px;
    text-align:left;
    color:#3a6174;
    border-left:none;
    font-weight:bold;
}

table .categories span{
    font-size:14px;
    font-weight: bold;
    text-align:left;
    color:#3a6174;
}

table .center{
    text-align:center;
}
table .lborder{
    border-left:solid 1px #d8dfd8;
}
table .rborder{
    border-right:solid 1px #d8dfd8;
}
table .lrborder{
    border-left:solid 1px #d8dfd8;
    border-right:solid 1px #d8dfd8;
}
.perfchart_2ndcol
{
width:120px;
}


div.litTablesNav {
    float:left;
    width:725px;
    z-index:50;
    height:49px;
    overflow:hidden;
}
div.litTablesNav div.litIntro {
    border-bottom:1px solid #76919f;
    float:left;
    height:48px;
    width:473px;
}
div.litTablesNav div.litIntro h1.pageTitle {
    font-weight:normal;
    margin:0px;
    padding:0px 0px 6px 0px;
}
div.litTablesNav div.litIntro p {
    margin:0px;
    padding:0px 0px 6px 0px;
}
div.litTablesNav div.litTabs {
    padding:16px 0px 0px 0px;
    margin:0px;
    overflow:hidden;
    float:left;
    width:252px;
    height:33px;

}
div.litTablesNav div.litTabs ul#tabList {
    height:33px;
    border-style:solid;
    border-color:#76919f;
    border-width:0px 1px 0px 1px;

    margin:0px;
    list-style-type:none;
    padding:0px;
    float:left;
    width:250px;
    overflow:hidden;

}
div.litTablesNav div.litTabs ul#tabList li {
    float:left;
    height:33px;
    padding:0px;
    margin:0px;
}

div.litTablesNav div.litTabs ul#tabList li a span{
    display:none;
}
div.litTablesNav div.litTabs ul#tabList li.liOrderByMail {
    width:147px;
}
div.litTablesNav div.litTabs ul#tabList li.liDownloads {
    width:103px;
}
div.litTablesNav div.litTabs ul#tabList li.liOrderByMail a{
    background:url(/site-content/images/tabs_orderByMail.gif) no-repeat 0px 0px;
    height:33px;
    display:block;
    width:147px;
    padding:0px;
    margin:0px;
}
div.litTablesNav div.litTabs ul#tabList li.liDownloads a{
    background:url(/site-content/images/tabs_downloads.gif) no-repeat 0px 0px;
    height:33px;
    display:block;
    width:103px;
    padding:0px;
    margin:0px;
}
div.litTablesNav div.litTabs ul#tabList li.current{
    height:33px;
    display:block;
    padding:0px;
    margin:0px;

}
div.litTablesNav div.litTabs ul#tabList li.liOrderByMail a:hover,
div.litTablesNav div.litTabs ul#tabList li.liDownloads a:hover,
div.litTablesNav div.litTabs ul#tabList li.current a,
div.litTablesNav div.litTabs ul#tabList li.current a:hover{
    background-position: 0px -33px;
}
div.litTableHeaders {
    border-right:1px solid #76919f;
    border-left:1px solid #76919f;
    clear:left;
    width:723px;
}
div.litTableHeaders table {
    border-width:0px;
    padding:0px;
    margin:0px;
}
div.litTableHeaders table td {
    font-weight:bold;
    padding:4px 5px 4px 5px;
    vertical-align:bottom;
}
#divDownloads div #downloadTable table.downloadTableInner td.fundName_d1,
div#forDownload table td.fundName_d1,
div#movDownload div.fixedTableHeader table thead td.fundName_d1 {
    width:387px;
}
div#forMail table td.fundName_d1,
div#movMail div.fixedTableHeader table thead td.fundName_d1 {
    width:433px;
}
#divDownloads div #downloadTable table.downloadTableInner td.ticker_d1 ,
div.litTableHeaders table td.ticker_d1 {
    padding:0px 2px 4px 8px;
    width:40px;

}
div.litTableHeaders table td.prospectus {
    text-align:center;
    width:36px;
}
#divOrderByMail  table.tableMaxWidth table.downloadTableInner tbody td.fundName {
    width:433px;
}
#divOrderByMail table.tableMaxWidth table.downloadTableInner tbody td.ticker {
    width:40px;
}
#divOrderByMail table.tableMaxWidth table.downloadTableInner tbody td.prospectus {
    width:36px;
}





td.fundName{
width:285px;
vertical-align:middle;
}
td.ticker{
width:40px;
vertical-align:middle;
}
td.prospectus{
text-align:center;
vertical-align:middle;
width:36px;
}

td.prospectus_last{
text-align:center;
vertical-align:middle;
width:36px;
}
td.prospectus_download{
width:32px;
text-align:center;
vertical-align:middle;
}

td.prospectus_download_last{
width:32px;
text-align:center;
vertical-align:middle;
}

td.fundName_dl{
width:387px;
vertical-align:middle;
}
td.ticker_dl{
width:40px;
vertical-align:middle;
}


.borderBottom {
border-bottom:1px solid #D8DFD8;
}
.td_inception
{
padding-right:25px;
_padding-right:_15px;
}
/*.noborder*/
{
border:none;
}
#pc_totalReturns table p,
#pc_totalReturns table p
{
margin:0;
}
#pc_totalReturns .numeric,
#pc_afterTaxReturns .numeric
{
width:45px;
}
.topholdingtrheigh
{
height:40px;
}
#divDownloads table#downloadTable .categories,
#divOrderByMail #orderByMail .categories
{
padding:8px 0 0 0;
}
#divDownloads table#downloadTable tbody th, #divDownloads table#downloadTable tbody td,
#divOrderByMail #orderByMail tbody th, #divOrderByMail #orderByMail tbody td
{
padding-left:0;
padding-right:0;
}
#divDownloads table#downloadTable .downloadTableInner,
#divOrderByMail #orderByMail .downloadTableInner
{
width:100%;
}
#divDownloads table#downloadTable .downloadTableInner tbody td,
#divOrderByMail #orderByMail .downloadTableInner tbody td
{
padding:6px 5px;
}
#divDownloads table#downloadTable .categories h4,
#divOrderByMail #orderByMail .categories h4
{
margin-left:5px;
margin-bottom:5px;
text-transform:uppercase;
}
/* --------------------------------------------------------------

    Styling for form elements

-------------------------------------------------------------- */
label {
    font-weight: bold;
    display:block;
    padding:0;
    margin: 0 0 3px 0;
    text-transform:uppercase;
}

.labelCheckbox, .labelRadio{
    font-weight: bold;
    display:block;
    margin-top:5px;
    margin-right:5px;
    text-transform:uppercase;
}

.labelRadio {
    text-transform:none;
}

form p {
  margin:0px;
  padding:8px 0px;
}

form h4{
    margin-top:30px;
}

/* Fieldsets */
fieldset{
    padding:0;
    margin: 0;
}

legend{
    font-weight: bold;
    font-size:12px;
}

input{
  vertical-align:middle;
  margin-right:4px;
  font-weight:normal;
}
.radio td
{
text-align:center;
width:20px;
}
.radiotitle td
{
text-align:center;
width:35px;
}

.inputCheckbox, .inputRadio {
  display: inline;
  height: 12px;
  width: 12px;
  margin-right:4px;
}

/* Text fields */
input.text{
    margin:0px;
    border:1px solid #cecece;
    background:#fff;
    padding:1px 4px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#3a6174;
    width:250px;
}
input.text:focus{
    border:1px solid #3a6174;
    background:#fff;
}

/* Textareas */
textarea{
    width:250px;
    margin:0;
    padding:2px;
    border:1px solid #cecece;
    background:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#3a6174;
}

textarea:focus{
    border:1px solid #999;
    background:#fff;
}

/* Select fields */
select {
    border:1px solid #ccc;
    background:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    width:260px;
    color:#3a6174;
}

select:focus{
    border:1px solid #999;
    background:#fff;
}

.error, .error a    { color:#FF0000; }


.inlineform{
/* for form elements appearing inline */
    margin-bottom:15px;
}

.inlineform .labelCheckbox, .inlineform .labelRadio{
    display:inline;
    clear:both;
    margin: 0 5px 0px 5px;
    text-transform:none;
}

.optional, .required{
  margin-top:20px;
  font-weight:bold;
}

.submitbtn{
  margin-top:8px;
  float:right;
}

p.btnright{
    width:auto;
  display:block;
  float:right;
  margin: 10px 15px 0 0;
  padding:0;
}

/* Misc classes and elements
-------------------------------------------------------------- */


/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.4em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
}

.clear { display: inline-block;  }
.clear:after, .container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .clear { height: 1%;line-height:1px; }
.clear { display: block;clear:both; }


/* float block elements */
.floatleft{
  float:left;
}

.floatright{
  float:right;
}

.imgfloatleft{
  float:left;
}

.imgfloatright{
  float:right;
}

.imgfloatleft img{
  margin: 15px 15px 0 0;
  padding-right:15px;
}

.imgfloatright img{
  margin: 0 0 15px 15px;
}

.margin_right15px
{
margin-right:15px;
}


/* Some default classes
-------------------------------------------------------------- */
/*
/* Use a .box to create a padded box inside a column.
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #eee;
}

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


*/
#autocomplete_choices{
/* positioning for the autocomplete dropdown
    for the ticker search in the navbar */
    position:absolute;
    width:350px !important;
    text-align:left;
    margin-left:-175px;
    background:#ffffff none repeat scroll 0%;
    border:1px solid #bbbbbb;
    max-height:300px;
    _height: expression(this.scrollHeight > 300? '300px' : 'auto');
    overflow-y: scroll;
    _overflow:scroll;
    z-index:1000;

}

#autocomplete2_choices{
/* positioning for the autocomplete dropdown
    for the ticker search homepage */
    position:absolute;
    width:350px !important;
    text-align:left;
    margin-left:-75px;
    background:#ffffff none repeat scroll 0%;
    border:1px solid #bbbbbb;
    max-height:100px;
    _height: expression(this.scrollHeight > 100? '100px' : 'auto');
    overflow:auto;
    z-index:1000;

}
.tickerhint ul {
    list-style-type:none;
    margin:0pt;
    padding:0pt;
}

.tickerhint li {
    margin: 0;
    padding:3px 3px 3px 5px;
      cursor:pointer;
    color: #3d82c5;
}

.tickerhint li:hover {
    background: #0D4882;
}

.tickerhint ul li.selected {
    background-color: #d7e5d9;
}


/* breadcrumb styling */
#breadcrumb{
     font-size:10px;
    color:#3d82c5;
    margin-left:20px;
    padding-bottom:26px;
    clear:both;
    display:block;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active{
      font-weight:normal;
    margin:0 3px;
}

#breadcrumb a.current, #breadcrumb a:visited.current{
    font-weight:normal;
    color:#3a6174;
}

.icon{
  margin: 0 10px;
}
.hasTooltip{
  margin: 0 5px 0 10px;
  display:inline-block;
  cursor:pointer;
}
.hasNoTooltip{
  margin: 0 5px 0 10px;
  display:inline-block;
}

.iconNewFund{
    list-style:none;
    display:list-item;
    margin-top:2px;
    margin-bottom:2px;
    padding-left: 40px;
    background: url(../images/icons/icon_new.gif) no-repeat 0 -1px;
}
h1.iconNewFund{
    background-position:0 4px;
    margin-bottom:20px;
    display:block;
    clear:both;
    height:22px;
}
.backtotop{
    float:right;
    font-size:11px;
    text-transform:lowercase;
    list-style:none;
    display:list-item;
    margin:2px 0px 0px 2px;
    padding:0 0 0 15px;
    background: url(../images/icons/icon_arrowup.gif) no-repeat 0 5px;

}

.optional span, .required span{
  font-weight:bold;
    text-transform:uppercase;
}
.inlineform span
{
font-weight:normal;
vertical-align:top;
text-transform:none;
}
.inlineform table
{
display:inline;
}
span.radiolabel
{
height:30px;
display:block;
text-transform:none;
}

.inlineform label
{
display:none;
}

.whiteHeader
{
color:#FFFFFF;
background:#FFFFFF;
}

.imageMargin
{
margin-right:5px;
}

.teamMessageMargin
{
padding:0;
width:400px;
}

.teamInfoMargin
{
margin:10px;
padding:0;
width:400px;
}

.teamColAlign
{
text-align:left;
}

#header #logo a, .overlay_content a.logo{
    background:url(/site-content/images/global/logo_ssga_mutualfunds.gif) no-repeat;
    width:83px;
    height:36px;
    display:block;
}.superscript
    {
    vertical-align: baseline;
    font-size: 1em;
    position: relative;
    top: -0.4em;
    text-decoration:none;
    }
.glossaryico
{
vertical-align:middle;
text-align:left;
}
.glossaryico .hasTooltip,
.glossaryico .hasClickTooltip
{
margin:0 3px 0 3px;
}
.errorMsg{
color:red;
}

li.ql_arrow
{
margin-left:10px;
}

.headerWithInfoInco
{
margin:0px;
padding-top:40px;
text-align:center;
}