/*  $Id: fii.css 20508 2011-07-22 10:33:30Z chris $ */

BODY {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    background: #4396CA url(/img/main_bg.jpg) repeat-x scroll left top;
    margin: 0;
}

IMG { border: 0; }

#holder {
    margin: 0px auto 0px auto; 
    width: 1024px;
    background-color:white; 
    position: relative;
}
	
#top_left { /* site name & sponsor */
    width: 152px; 
    height: 60px;
    background: url(/img/logo.gif) no-repeat 0 6px;
    padding-left: 68px;
    padding-top: 67px;
    color:#326698;
    font-family:Arial; 
    font-size: 13px;
    text-align: right;
}

#top_right {   /* banner */
    position: absolute;
    width: 772px; 
    top: 14px;
    left: 240px;
    height: 93px; 
    background-image:url(/img/top1.jpg);
}
	
#top_nav {   /* holder for top menu */
    width:1012px; 
    height:33px; 
    background-color:#326698;
    margin: 0 6px;
}

#top_tiny_line{
    clear: both; 
    margin: 1px 6px 0px 6px; 
    width: 1012px; 
    height: 4px; 
    background-color:#326698;
}

UL.top_menu {  /* top menu */
    display: block;
    margin: 0 0 0 5px;
    padding: 0;
    list-style-image:none !important;

}

UL.top_menu LI {
    float:left;
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}

UL.top_menu A { /* top menu element */
    display: block;
    height: 19px;
    color: white;
    text-decoration: none;
    border-right: solid white 1px;
    padding: 8px 12px 0px 12px;
    font-family: arial,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    border-bottom: solid 6px #326698;
}

UL.top_menu A:hover, UL.top_menu LI.current A /* bar on menu */ {
    border-bottom: 6px solid #ff9907;
}

.homeCharts {  /* charts on home page */
    float: left; 
    width: 190px; 
    margin-right: 28px; 
    padding: 0;
    border-right:  dotted 1px #dadfe2;
    border-left:  dotted 1px #dadfe2;
}

.homeChart { 
    width:190px; 
    margin-bottom:7px; 
    text-align:center; 
}
.homeChartTitle { 
    color: white; 
    padding: 4px 0px; 
    font-weight:bold; 
    font-family: arial,sans-serif;
    font-size: 9pt;
    color: black;
    background-color:  #dadfe2;
    margin-bottom: 9px;
}

.blockTitle { /* main title */
    font-family: arial,sans-serif;
    font-size: 16pt; 
    font-weight: bold; 
    color: #326698; 
    padding-top:3px; 
    padding-bottom:3px; 
    
    margin-bottom: 10px; 
    background-color: white;
    border-bottom: solid #326698 1px; 
    height:20px;
}

.hSub {   /* subtitle */
    font-family: arial,sans-serif;
    font-weight:bold; 
    margin-bottom: 3px;
}

.hSub A { 
    text-decoration: none !IMPORTANT;
    color: #326698 !IMPORTANT; 
    font-size: 110%;
}

.homePara {   /* home page paragraph */
    border-bottom: dotted 1px #dadfe2; 
    padding: 2px 4px;
    margin-bottom:8px; 
    background: #e8eeef; 
    border-bottom: solid #ccc 1px;
    border-right: solid #ccc 1px;
}
.homePara:hover { 
    background: #dadfe2; 
}

.ci { 
    font-size: 9pt;
    margin-bottom:4px; 
    padding-bottom:4px; 
    padding-left:4px;
}
/* Home page links to bond prices */
.ci A { text-decoration: none !IMPORTANT; }
.ci A:hover { text-decoration: underline !IMPORTANT; }

.filledareaTopImage, .filledarea { 
    padding:7px; 
    background-color:#e8eeef; 
    border-bottom: solid #ccc 1px;
    border-right: solid #ccc 1px;
    margin-bottom: 10px;
}

IMG.homeRight { 
    float: left;
}

/* -------------------k------------------------------- */

#footer {
    background-color:#326698;
    height:40px;
    text-align: center;
    color: white;
    padding-top: 6px;
}

#footer UL { 
    list-style-type:none;
    margin-left: 300px;
}
    
#footer LI { float: left; }
#footer LI A { 
    padding: 2px 10px; 
    color: white;
    font-weight: bold;
}

.two_column_rhs {
    float: left;
    width:750px;
}

.two_column_left {
    float:left;
    width: 490px;
    margin-right:25px;
}

.two_column_right{
    float:left;
    width:232px;
}

#feed{
    width: 468px;
    height: 60px;
    position: relative;
    top:	24px;
    left:	118px;
}
	
.mpuHolder{
    float: right;
    width:300px;
    height:250px;
}

/**
 * From the old site
 **/

#main {
    min-height: 620px;
}

#content-area {
    margin-bottom:4px;
    background-color:white; 
    min-height:400px;
    padding:10px 20px 20px 20px;
    position: relative; /* context */
}


#learncontentbar { float:left;width:180px; }
#learnart { float:left; }
#learnspacer { float:left;width:5px; }

a:link, a:visited, a:active { text-decoration:underline; color:#F46701;}
a:hover { COLOR:#F46701; text-decoration:underline;}

#left { width:191px; margin:0px 30px 0 0;}

.padBot_s { padding-bottom:5px; }
.padBot_m { padding-bottom:10px; }
.padBot_l { padding-bottom:20px; }

H1 { color:#2A5580; font-size:14px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #326698;}
H2, H3, H4, H5, H6, H7, H8 { color:#2A5580; font-size:12px; margin-bottom:4px; margin-top:10px; }

.ratitle {
    background-color:#2A5580;
    padding:3px 8px 3px 8px;
    font-weight:bold;
    color:white;
    width:168px;
}

.navbar {
    background-color:#2A5580;
    padding:3px 8px 3px 8px;
    color:white;
}

.navbox {
    background-color:#2A5580;
    color:white;
}

.left { float:left; }
.clear { clear:both; height:1px; font-size:1px;}

.selected {background:white;font-size:14px;}
.unselected {background:silver;font-size:14px;}


.search-form {
    background: #e8eeef;
    padding: 4px 10px;
    right: 20px;
    top: 8px;
    position: absolute;
}

.bondchart .search-form {
    background: transparent;
    top: 7px;
}


/* Analysis & Comment */

A.admin, A.admin:link, A.admin:visited { color: red; font-size: 7pt; font-weight: normal; }
A.admin:hover { color: red; text-decoration: underline; }

.print-button { 
    text-align: right;
    margin-top: -5px;
}

.analysis-summaries A  {
    text-decoration: none;
    color: black;
}

.analysis-summaries DIV.summary {
    padding: 3px 0;
}

.analysis-summaries DIV.summary .summaryText {
    margin-left: 11em;
    text-indent: -1em;
}

.analysis-summaries DIV.summary:hover {
    background: #ccc;
}

.analysis-summaries DIV.summaryDate {
    float: left;
    width: 9em;
    text-align: right;
    margin-right: 1em;
}

.analysis-summaries DIV.summaryDate A  { color: #444; }

.summaryLink { margin: 3px 0 0 10em; color: #444; }
.summaryLink A { display: block; color: #444; padding: 2px; }
.summaryLink A:hover { text-decoration: underline; }

.archive-box, .content-box-holder  {
    width: 220px;
    margin-right: 20px;
}
.archive-box, .content-box  {
    border: solid 1px #326698;
    padding: 0 5px;
    background: #e0e0e0;
    margin-bottom: 20px;
}

.archive-box H2, .content-box H2 {
    border-bottom: solid #326698 1px;
}

UL.analysis-archive-list, UL.contents-list {
    margin-left: 0px;
    padding-left: 0;
}

.analysis-archive-list LI, UL.contents-list LI {
    list-style-type:none;
    margin-left: 0;
    margin-bottom: 3px;
    padding-left: 0;
}

UL.analysis-archive-list LI A, UL.contents-list LI A { 
    font-size: 8.5pt;
    display: block;
    text-decoration: none;
    padding: 3px;
    color: #444;
}
UL.contents-list LI A {  font-size: 100%; }
UL.contents-list LI.sel A {  font-weight: bold; }

UL.analysis-archive-list LI A:hover, UL.contents-list LI A:hover { 
    color: white;
    background: #326698;
}

.article-box {
    position: relative;
    width: 100%;
}

.article-box .top { 
    text-align: left;
    background: #f0f0f0;
    font-size: 95%;
    font-weight: bold;
    color: white;
    background: #326698;
    padding: 4px 6px;
}

.article-box .teaser {
    color: white;
    background: #326698;
    padding: 4px 6px;
    margin-bottom: 10px;
}

.article-display {
    width: 540px;
}

.article-display .dateline { 
    font-weight: bold;
    font-size: 120%;
}

.article-display .articleSectionFlexible {
    margin-top: 4px;
}

.article-display .secTitle { 
    font-weight: bold;
}

.article-display TABLE { border-collapse: collapse; }
.article-display TABLE TD { border: solid #aaa 1px;  padding: 2px 4px;}

#analysis-contents  {
    width: 200px;
    padding: 5px;
    margin-right: 20px;
    border:1px solid #8BB093;
}

UL.article-list {
    margin-left: 0;
    padding-left: 0;

}
.article-list LI {
    list-style-type:none;
    margin-left: 0px;
    margin-bottom: 4px;
    padding-left: 5px;
}

.article-list LI A {
    font-size: 9pt !IMPORTANT;
    line-height: normal;
    text-decoration: none;
    color: #24653d;
}

.article-list LI A:hover {
    text-decoration: underline;
}

.Article IMG {
   padding: 10px 4px;
}

/* Bond Prices & Yields */

UL.priceCategoryList LI { 
    list-style-type:none;
    margin-left: 0;
    margin-bottom: 3px;
    padding-left: 0;
}

UL.priceCategoryList LI A { 
    display: block;
    text-decoration: none;
    padding: 3px 10px;
    width: 90%;
    background: #e8eeef;
}

UL.priceCategoryList LI A:hover { 
    color: white;
    background: #326698;
}

UL.priceCategoryList .caption {
    color: black;
    margin-left: 20px;
    font-size: 90%;
}
UL.priceCategoryList A:hover .caption {
    color: white;
}

.summaryInfo { 
    background: #e8eeef;
    padding: 5px;
}
.priceInfo { 
}

.content H2 {
    color: white;
    font-size: 14pt;
    background: #326698;
    padding: 4px;
}

.instrumentTable { border-collapse: collapse; }
.instrumentTable TD { 
    border: solid #ccc 1px; 
    padding: 5px 10px 5px 6px;; 
}

.instrumentTable THEAD TR { background: #326698; }
.instrumentTable THEAD TD { }
.instrumentTable THEAD TD.sort-n { background: no-repeat url(/img/sort_n.png) 2px -4px; }
.instrumentTable THEAD TD.sort-d { background: no-repeat url(/img/sort_d.png) 2px -4px; }
.instrumentTable THEAD TD.sort-u { background: no-repeat url(/img/sort_u.png) 2px -4px; }
.instrumentTable THEAD A { 
    color: white; 
    font-weight: bold; 
    text-decoration: none; 
    margin-right: 4px;
    padding-left: 12px;
}
.instrumentTable TBODY TR:hover { background: #e8eeef; }
    
/*** Charting ***/

TABLE.chart-layout-subbox {
    margin-top: 10px;
    width: 600px;
}

TABLE.chart-layout-option-subbox {
    margin-top: 10px;
}

.chart-holder {
    /* holds chart and info boxes below it */
    border: solid #888 1px;
}

.chart-img {
    padding: 5px 3px;
    /* actual chart image */
}

.chart-info {
    margin-top: 5px;
    border-top: solid #888 1px;
    border-bottom: solid #888 1px;
    background: #f0f0f0;
    font-size: 8pt;
}

TABLE.chartInfo TD {
    padding-bottom: 4px;
}

.chartInfoCol2 {
    border-left: solid #888 1px;
    padding-left: 10px;
    padding-top: 4px;
}

.chart-options-box {
    background: #f0f0f0;
    border: solid #888 1px;
    padding: 4px;
    width: 200px;
}

.chart-options-box A {
    color: black;
    text-decoration: none;
}
.chart-options-box A.link {
    font-size: 95%;
    color: blue;
}
.chart-options-box A.link:hover {
    text-decoration: underline;
}

.chart-options-box .chartOptHeading {
    margin-top: 5px;
    background: #d0d0d0;
    padding: 2px;
}

.chart-options-title {
    font-weight: bold;
    border-bottom: solid #888 1px;
    padding-bottom: 2px;
}

.chart-options-print {
    float: right;
}
.chart-next-prev {
    border: solid #888 1px;
    padding: 4px 4px 8px 28px;
    text-align: center;
    margin-top: 2px;
    margin-bottom: 6px;
    background: #f0f0f0;
}

A.chart-np-link { 
    background: #295284;
    padding: 2px 6px;
    color: white !IMPORTANT;
    font-weight: bold;
    text-decoration: none;
    width: 60px;
    display: block;
    float:left;
    margin-right: 10px;
}

.chart-help-button {
    width: 18px;
    height: 18px;
    /* background: url(/img/ii/chartControl/chartControl_help.gif); */
    float: right;
    margin-top: 5px;
    font-weight: bold;
    color: #333;
}

#chart-relative-dlg { 
    display: none;
    position: absolute;
    left: 100px;
    top: 50px;
    width: 500px;
    border: solid #326698 2px;
    background: white;
}

#chart-relative-dlg-title {
    background: #326698;
    padding: 10px;
    color: white;
    font-weight: bold;
}

#chart-relative-dlg .close-button { 
    float: right;
    font-weight: bold;
    color: white;
}
#chart-relative-dlg .close-button A { color: white; }
#chart-relative-dlg .dlg-area  { 
    padding: 10px;
    background: #f0f0f0;
}
#chart-relative-dlg .buttons { 
    text-align: center; 
    background: #ddd;
    border-top: solid #326698 2px; 
    padding: 6px 0;
}

/** Search **/

.search-table { border-collapse: collapse; }
.search-table TD { 
    border: solid #ccc 1px; 
    padding: 5px 10px 5px 6px;; 
}

.search-table THEAD TR { background: #326698; color: white; }
.search-table TBODY TR:hover { background: #e8eeef; }
.search-table .hl { background: yellow; }
.search-table .gpname { font-weight: bold; }

#stock {
    width: 350px;
}

.ad-analysis  {
    float: right;
    padding-left: 20px;
    background: white;
}

.ad-bondcategories {
    margin-top: 20px;
    text-align: center;
}
.ad-bondcategories-right {
    float: right;
    margin-right: 20px;
}


.ad-bondtable, .ad-content { 
    float: right;
    padding-left: 20px;
    background: white;
    margin-top: 30px;
}

.ad-chart { 
    float: right;
    padding-left: 20px;
    background: white;
    margin-top: 30px;
}

.ad-learn-intra {
    float: right;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.homeAdvert {
    margin-top: 20px;
}

.ad-yieldcalc {
    float: right;
}

@media print {
	.noPrint {display: none;}
	.print {display: block}
 }     
	
	
.flashClickCatcher { 
   background: yellow;
   width: 1px;
   height: 1px;
   position: absolute;
   z-index: 10;
   filter:alpha(opacity=0);
   opacity:0.0;
   cursor: pointer;
}