.stream { position:absolute;right:9999em;left:auto; }
.print { display : none; }
* { margin:0; padding:0; }

/* ---< FRAME >--------------------------------- */
html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* fixes the background-image flicker bug in IE */
html, body { height : 100%; }
body { background: #E6E6E6; margin: 0; padding: 0; color: #000; line-height: 1.2em; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }
.bodywrap { position: relative; width: 938px; margin: 0 auto; text-align: left; background: url(../Images/bw-bg.gif) repeat-y; font-size: 1.2em; }
.onecol .bodywrap { background-image: url(../Images/bw-bg-onecol.gif); }
.twocol .bodywrap { background-image: url(../Images/bw-bg-twocol.gif); }

/* ---< DEFAULTS >------------------------------ */
p, blockquote, ul, ol, dl, table { margin-top: 0px; margin-bottom: .7em; line-height:1.4em; }
ul, ol { list-style: none; padding: 0; margin: 0; }
a { color: #922E36; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
acronym { cursor: help; border: none; }
acronym:hover { border-bottom: 1px dotted #DDD; }
img { margin: 0; padding: 0; border: none; vertical-align: middle; }
h1, h2, h3, h4 { margin-top : 0; margin-bottom : 0; }
h1 { font-size: 1.27em; margin-bottom: .55em; }
h2 { font-size: 1.27em; margin-top: 1.57em; margin-bottom: .55em; }
h3 { font-size: 1.09em; margin-top: 1em; margin-bottom: .64em; }
h4 { font-size: 1em; margin-bottom: .2em; }
th acronym:hover { border: none; }
th.num, td.num { white-space: nowrap; text-align: right; }
form { margin: 0; }
fieldset { padding: 0; margin: 0; border: none; }
input, select, textarea { vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
textarea { vertical-align: top; width: 99%; }
select, textarea, .textinput, .fi_txt input { border: 1px solid #9C9C9C; background: #FFF; color: #000; }

/* ---< STUFF >--------------------------------- */
.pagebody .wrapper { _height: 0; min-height: 0; }
.clear { width: 100%; overflow: hidden; }
.bold { font-weight: bold; }
.center { text-align: center; }
.hidden { display: none; }
.right { text-align: right; }
.third-wrapper { width: 860px; overflow: hidden; position: relative; }
.third-left { width: 270px; float: left; margin-right: 25px; }
.third-middle { width: 270px; float: left; margin-right: 25px; }
.third-right { width: 270px; float: right; }
.left-half { float: left; width: 49%; }
.right-half { float: right; width: 49%; }
.button:hover, .button:focus { color: #6D6666; }
.button { color: #FFF; cursor: pointer; font-size: 0.92em; font-weight: bold; padding: 2px 8px; border: solid 1px #999; background: url(../Images/bg-button.gif) repeat-x center left; }
.excel-button .button { background: url(../Images/bg-button-excel.gif) no-repeat; padding-left: 22px; }
.tab-tabs { background: url(../Images/bg-tabstrip.gif) repeat-x bottom left; margin-left: 3px; }
.tab-content { border-left: solid 1px #BBD7FA; border-right: solid 1px #BBD7FA; border-bottom: solid 1px #BBD7FA; padding: 8px; margin-left: 3px; }
.loader { width: 100%; height: 100%; background: #FFF; text-align: center; }
.loader img { margin: 30px 0; }
.loader p { font-size: 2em; }

/* ---< HEADER >-------------------------------- */
.pageheader .brand { height: 117px; }
.pageheader .wrapper { background: #FFF url(../Images/bg-header.gif) no-repeat; margin: 0 10px 0 10px; border-bottom: solid 4px #FFF; }

/* ---< BODY >---------------------------------- */
.pagebody { float: left; margin-left: 240px; width: 680px; _display: inline; background: url(../Images/pb-top.gif) no-repeat; min-height: 400px; _height: 400px; }
.pagebody .wrapper .content { margin: 24px 0 0 18px; width: 860px; }
.pagebody .wrapper .content-2col { margin: 24px 0 0 18px; width: 700px; }
.onecol .pagebody { margin-left: 18px; width: 902px; }
.twocol .pagebody { margin-left: 191px; width: 729px; }
.footer { clear : both; background: #E6E6E6 url(../Images/bg-footer.gif) no-repeat; }
.footer .content { padding: 50px 33px; font-size: .92em; color: #FFF; }
.footer .content i { color: #7F7F7F; padding: 0 4px; }
.footer .content a { color: #fff; text-decoration: underline; }
.wrapper .content { position: relative; }

/* ---< MAIN NAVIGATION >----------------------- */
.mnav { margin-top: -1.2em; position: absolute; top: 86px; left: 10px; font-family: Verdana; font-weight: bold; background: #79282f url(../Images/mnav-bg.gif) repeat-x; overflow: hidden; width: 918px; z-index: 99; }
.mnav h2 { position:absolute;right:9999em;left:auto; }
.mnav .content { padding: 0 0 0 12px; }
.mnav li { float: left; position: relative; z-index: 99; }
.mnav li div { float: left; }
.mnav li a { float: left; color: #FFF; padding: 16px 19px 11px 19px; background: url(../Images/mnav-mid.gif) no-repeat 100% 50%; }
.mnav .current { background: #FFF url(../Images/mnav-curr-li.gif) no-repeat; margin-left: -2px; }
.mnav .current a { background: url(../Images/mnav-curr-li-a.gif) no-repeat 100% 0; color: #5A5A5A; }
.wrapper .mnav a:hover, .wrapper .mnav a:focus, .wrapper .mnav a:active { color: #FFF; } 
.wrapper .mnav .current a:hover, .wrapper .mnav .current a:focus, .wrapper .mnav .current a:active { color: #5A5A5A; }
.RadMenu_MainMenu .rmRootGroup li.rmFocused { padding: 0; background: silver url(../Images/mnav-curr-li.gif) no-repeat; margin-left: -2px; _margin-left: 0; color: #5A5A5A; }
.RadMenu_MainMenu .rmRootGroup li.rmFocused a { background: url(../Images/mnav-curr-li-a.gif) no-repeat 100% 0; color: #5A5A5A; padding: 16px 19px 11px; }
.RadMenu_MainMenu a.rmLink { cursor: pointer !important; cursor: hand; }
.RadMenu_MainMenu .rmRootGroup a.rmClicked { background:transparent url(../Images/mnav-mid.gif) no-repeat scroll 100% 50%; }
.RadMenu_MainMenu .rmRootGroup a.rmClicked span { background-image: none !important; color: #FFF; }
.RadMenu_LeftMenu .rmRootGroup .rmItem { background: url(../Images/tnav-mid.gif) repeat-x; }
.RadMenu_LeftMenu .rmRootGroup .rmFirst { background: none; }
.RadMenu_LeftMenu .rmVertical .rmItem { width: 140px; }
.RadMenu_LeftMenu a.rmLink { cursor: pointer !important; cursor: hand; }

/* ---< SUB NAVIGATION >------------------------ */
.snav { font-size: .92em; font-weight: bold; position: absolute; top: 121px; left: 19px; border-top: solid 1px #D1D1D1; width: 163px; }
.snav .content { margin: 0 0 0 10px; }
.snav li a { display: block; padding: 8px 0; }
.snav li a:hover { text-decoration: underline; }
.snav .cat1 a { background: none; }

/* ---< DOTTED DEFINITIONS >-------------------- */
ul.dotted li { background: url(../Images/bg-dotted-li.gif) repeat-x bottom left; width: 100%; overflow: hidden; }
ul.dotted li span.name { float: left; padding: 3px 10px 3px 0; background: #FFF; font-weight: bold; }
ul.dotted li span.value { float: right; padding: 3px 0 3px 10px; background: #FFF; }

/* ---< WORD LIST >----------------------------- */
.letters { width: 100%; overflow: hidden; margin-bottom: 25px; }
.letters li { float: left; }
.letters li a { float: left; padding: 3px 6px; border: solid 1px #E7E7E7; margin-right: 3px; line-height: 1; _height: 0; min-height: 0; }
.letters li a:hover { background-color: #E7E7E7; }
ol.wordlist li { margin-bottom: 22px; }
.wordlist h3 { font-weight: normal; font-size: 1.1em; margin: 0 0 5px 0; padding: 0; }
.wordlist h3 span.is { font-weight: bold; }
.wordlist h3 span.en { font-style: italic; font-size: 0.8em; padding-left: 10px; }
.wordlist p { line-height: 1.4em; }

/* ---< FRONT PAGE >---------------------------- */
.intro-text { line-height: 1.6em; margin-bottom: 30px; }
.fp-stock-list { float: left; padding: 0 10px 0 0; width: 500px; }
.fp-stock-list a { color: #000; }
.fp-stock-list h3, .feed-list h3 { background: url(../Images/bg-dotted-li.gif) repeat-x bottom left; padding: 0 0 10px 0; margin: 0; }
.fp-stock-list ul li { padding: 4px 0 8px 0; width: 100%; overflow: hidden; }
.fp-stock-list ul li img { width: 14px; height: 14px; margin-right: 10px; float: left; }
.fp-stock-list ul li span.stock-type-1 { width: 14px; height: 14px; margin-right: 5px; float: left; }

.fp-stock-list ul li span.stock-type-1 { width: 14px; height: 14px; text-align: center; background-color: #C5D9F1; margin-right:5px; float:left; }
.fp-stock-list ul li span.stock-type-2 { width: 14px; height: 14px; text-align: center; background-color: #8DB4E3; margin-right:5px; float:left; }
.fp-stock-list ul li span.stock-type-3 { width: 14px; height: 14px; text-align: center; background-color: #538ED5; margin-right:5px; float:left; }

.fp-stock-list ul li span.name { width: 245px; float: left; }
.fp-stock-list ul li span.category { color: #7B7B7B; float: left; }
.fp-stock-list ul li span.rate { float: right; }
.fp-stock-list .spacer { height: 22px; }
.feed-list { float: right; width: 350px; }
.feed-list ol li { margin-bottom: 10px; }
.feed-list ol li a { display: block; padding: 3px 0 4px 4px; }
.feed-list ol li span { color: #7B7B7B; font-size: 0.9em; }
.feed-list ol li span.source { padding: 0 10px 0 4px; }

/* ---< FUND PAGE >----------------------------- */
h2.fund-name { font-size: 1.9em; font-weight: normal; margin: 33px 0 29px 0; padding-left: 50px; }
img.font-bank-custodian { position: absolute; top: -9px; left: 3px; }
.fund-remark { line-height: 1.4em; }
.fund-upper { position: relative; }
.chart-wrapper { width: 400px; float: left; position: relative; }
.chart-wrapper .compare-link { font-size: 0.9em; position: absolute; bottom: 0; left: 0; }
.chart-wrapper .links { margin: 8px 0 0 0; font-size: 0.9em; }
.chart-wrapper .links a { float: right; margin-left: 10px; }
.chart-wrapper .links a:hover { text-decoration: underline; }
.chart-loader { background: #FFF; position: absolute; top: 0; left: 0; opacity: 0.9; width: 405px; height: 350px; text-align: center; }
.chart-loader img { margin: 100px 0 40px 0; }
.chart-loader p { font-size: 2em; }
.fund-info { float: right; width: 400px; margin-top: -10px; }
.fund-info h3 { background: url(../Images/bg-dotted-li.gif) repeat-x bottom left; padding: 0 0 10px 0; margin: 0; }
.fund-wrapper h3 { font-size: 1.3em; margin: 20px 0 10px 0; }
.fund-info hr { height: 0px; margin: 20px 0 20px 0; border: none; color: #FFF; }
.risk-factor { position: absolute; top: 0; right: 0; width: 220px; overflow: hidden; height: 24px; }
.risk-factor .label { float: left; width: 60px; text-align: right; margin-right: 10px; padding-top: 5px; }
.risk-factor .img { float: left; width: 150px; text-indent: -9999em; height: 24px; }
.risk-factor-1 { background-image: url(../Images/riskfactors/risk-factor-1.gif); }
.risk-factor-2 { background-image: url(../Images/riskfactors/risk-factor-2.gif); }
.risk-factor-3 { background-image: url(../Images/riskfactors/risk-factor-3.gif); }
.risk-factor-4 { background-image: url(../Images/riskfactors/risk-factor-4.gif); }
.risk-factor-5 { background-image: url(../Images/riskfactors/risk-factor-5.gif); }
.risk-factor-6 { background-image: url(../Images/riskfactors/risk-factor-6.gif); }
.risk-factor-7 { background-image: url(../Images/riskfactors/risk-factor-7.gif); }
.excel-button { margin: 10px 0 20px 0; }

/* ---< FUND LIST >----------------------------- */
.GridRow_Telerik td, GridAltRow_Telerik td { white-space: nowrap; }
.GridRow_Telerik a, .GridAltRow_Telerik a { text-decoration: underline; color: #922E36; }
.GridRow_Telerik a:hover, .GridAltRow_Telerik a:hover { text-decoration: none; color: #D06C74; }
.GroupHeader_Telerik td p { margin: 1px 0 0 0; font-size: 1.4em; font-weight: bold; color: #000; }
.GroupHeader_Telerik td { border-color: #828282 !important; }
.GridHeader_Telerik, .ResizeHeader_Telerik { font-size: 10px !important; }
table.MasterTable_Telerik thead tr th { padding: 4px; height: 24px; }
.neg { color: #C81E1E !important; text-align: right; }
.pos { color: #189A3D !important; text-align: right; }
.fund-type { background-color: olive; color: #FFF !important; text-align: center; }
.RadGrid_Telerik .rgAdd, .RadGrid_Telerik .rgRefresh, .RadGrid_Telerik .rgEdit, .RadGrid_Telerik .rgDel, .RadGrid_Telerik .rgFilter, .RadGrid_Telerik .rgPagePrev, .RadGrid_Telerik .rgPageNext, .RadGrid_Telerik .rgExpand, .RadGrid_Telerik .rgCollapse, .RadGrid_Telerik .rgSortAsc, .RadGrid_Telerik .rgSortDesc, .RadGrid_Telerik .rgUpdate, .RadGrid_Telerik .rgCancel { width: 12px !important; }
.RadGrid_Telerik .risk-factor-1, .checkbox-list .risk-factor-1 { background-color: #EDDE02; text-align: center; font-weight: bold; background-image: none; }
.RadGrid_Telerik .risk-factor-2, .checkbox-list .risk-factor-2 { background-color: #EDC202; text-align: center; font-weight: bold; background-image: none; }
.RadGrid_Telerik .risk-factor-3, .checkbox-list .risk-factor-3 { background-color: #ED9D02; text-align: center; font-weight: bold; background-image: none; }
.RadGrid_Telerik .risk-factor-4, .checkbox-list .risk-factor-4 { background-color: #EE7401; text-align: center; font-weight: bold; background-image: none; }
.RadGrid_Telerik .risk-factor-5, .checkbox-list .risk-factor-5 { background-color: #EE4B01; text-align: center; font-weight: bold; background-image: none; }
.RadGrid_Telerik .risk-factor-6, .checkbox-list .risk-factor-6 { background-color: #EE2601; text-align: center; font-weight: bold; background-image: none; }
.RadGrid_Telerik .risk-factor-7, .checkbox-list .risk-factor-7 { background-color: #EE0A00; text-align: center; font-weight: bold; background-image: none; }
.risk-factor-1 a { color: #000 !important; text-decoration: none; }
.risk-factor-2 a { color: #000 !important; text-decoration: none; }
.risk-factor-3 a { color: #000 !important; text-decoration: none; }
.risk-factor-4 a { color: #000 !important; text-decoration: none; }
.risk-factor-5 a { color: #000 !important; text-decoration: none; }
.risk-factor-6 a { color: #000 !important; text-decoration: none; }
.risk-factor-7 a { color: #000 !important; text-decoration: none; }
.stock-type-1 { text-align: center; background-color: #C5D9F1; }
.stock-type-2 { text-align: center; background-color: #8DB4E3; }
.stock-type-3 { text-align: center; background-color: #538ED5; }
.risk-factor-explainer { position: absolute; top: 0; left: 0; }
.risk-factor-explainer img { float: left; margin: 0 10px; }
.risk-factor-explainer span { font-size: 0.9em; float: left; margin-top: 5px; }
.stock-type-explainer { position: absolute; top: 30px; left: 0; font-size: 0.9em; }
.stock-type-explainer .type { width: 100%; overflow: hidden; margin-bottom: 1px; }
.stock-type-explainer .type span { float: left; padding: 2px 4px; }
.stock-type-explainer .type-name { width: 16px; }
.fund-filters { margin: 0 0 50px 0; }
.fund-filters ol li { margin-bottom: 4px; }
.fund-filters ol li label { float: right; padding: 3px 10px 0 0; }
.fund-filters ol li select { float: right; width: 130px; }

/* ---< COMPARISON PAGE >----------------------- */
.compare-error-message { font-size: 1.4em; color: #C00; font-weight: bold; padding: 12px 0; text-align: center; line-height: 1.4em; }
.compare-changed-dates { font-size: 1.2em; color: #C00; font-weight: bold; padding: 12px 0; line-height: 1.2em; margin-left: 3px; }
.date-pickers { margin: 15px 0 0 3px }
.date-pickers .from { padding: 0 10px 0 0; }
.date-pickers .to { padding: 0 10px 0 10px; }
.explainer { font-size: .83em; color: #7B7B7B; margin: 15px 0; }
.titlebar_WebBlue { background: #B9C4D2 !important; color: #000 !important; }
.TableLayout_WebBlue td a, .TableLayout_WebBlue td span { padding: 4px !important; }
.checkbox-list { float: left; width: 278px; }
.checkbox-list li { float: left; width: 270px; padding: 2px 4px; overflow: hidden; }
.checkbox-list li input { float: left; margin: 2px 8px 2px 0; }
.checkbox-list li span { float: left; padding: 2px 4px; }
.checkbox-list li span.rf { margin-left: 2px; }
.checkbox-list li span.st { background-color: aqua; }
.checkbox-list li label { float: left; padding: 2px 4px; font-size: .93em; cursor: pointer; margin-left: 2px; overflow: hidden; white-space: nowrap; }
.checkbox-list li.on label { background-color: #7B7B7B; color: #FFF; }
.checkbox-list li span.category-name { display: block; width: 100%; background-color: #DFDFDF; font-size: 0.93em; padding: 2px 4px; }
.fund-list { margin-top: 20px; }

/* ---< TABLES >-------------------------------- */
table.hz { width: 100%; }
table.hz tbody th { border-bottom: solid 1px #AFAFAF; font-weight: bold; height: 22px; }
table.hz tbody td { xpadding: 5px 6px; height: 22px; }
table.yearly tbody th { width: 20%; }
table.rates tbody th { width: 10%; }