﻿@charset "utf-8";
@import "reset.css";
@import "jquery.jscrollpane.css";
@import "jquery.fancybox-1.3.4.css";
/* CSS Document */
body{ line-height:1.6em; font-family:Arial, SimSun, sans-serif; color:#000000; min-width:1000px; font-size:12px; }

.select-default option{font-size:10px;}
a { color:#555555; text-decoration:none;}
a:hover { text-decoration:underline;}
h1 { font-size:18px; line-height:2.2em; color:#990000; font-weight:bold; }
h2 { font-size:16px; color:#990000; line-height:2em; font-weight:bold; }
h3 { font-size:14px; color:#990000; line-height:1.6em; }
p { margin:12px 0; line-height:1.4em;}

.floatL { float:left;}
.floatR { float:right;}
.valignM { vertical-align:middle !important;}
.valignB { vertical-align:bottom !important;}
.alignC { text-align:center !important;}
.alignR { text-align:right !important;}
.alignL { text-align:left !important;}
.extend-bg, .extend-bg img, .extend-area { width:100%; text-align:left !important;}
.remarks { font-size:11px; color:#000000; -webkit-text-size-adjust:none;}
.darkRemarks { color:#000000; font-size:11px; -webkit-text-size-adjust:none;}
.greyRemarks { color:#9A9A9A; font-size:11px; -webkit-text-size-adjust:none;}
.remarksTit { font-size:12px; color:#000000; font-weight:bold;}
.noBreak { white-space:nowrap;}
thead p.remarks  { margin:2px 0 0 0; text-align:center; font-weight:normal;}
table { width:100%;}

.width30 { width:30%;}
.width20 { width:20%;}
.width15 { width:15%;}
.width10 { width:10%;}
.width5 { width:5%;}
.btn-toggle img:hover { cursor:pointer;}

.left-menu td, .left-menu th, td.right-promotionBox, .display-banner td { line-height:0;}


.header { min-width:1005px;}
.header .navBar { border-bottom:1px solid #000000; margin:3px 10px 0 0;}
.header .navBar ul { height:20px;}
.header .navBar li { float:right; background:url(../../images/header-sep-line.jpg) no-repeat left bottom; margin:0 5px 0 0; padding-left:5px; line-height:1.6em; font-size:11px; padding-top:3px;}
.header .navBar li.floatL { float:left; margin-left:0;}
.header .banner { margin-right:2px;}
.header .banner td { line-height:0;}

.main-container { margin:8px 12px 0 0; min-width:995px; min-height: 650px; _height: 650px;}
.main-container .left-menu { width:200px; vertical-align:top; padding-right:10px;}

.left-menu ul { background:url(../../images/left_menu_btm_shadow.jpg) no-repeat left bottom; padding-bottom:26px; font-size:0px;}
.left-menu li { line-height:0; margin-bottom:1px; font-size:0px; }
.left-menu li p { line-height:0; margin:0; display:block; font-size:0px;}

.left-menu .menuBtn a { background-repeat:no-repeat; background-position:left top; width:199px; height:43px; display:block; text-indent:-9999px;}
.left-menu .subMenuBtn a{ background-repeat:no-repeat; background-position:left top; width:199px; height:23px; display:block;}
.left-menu .BtnWithSubmenu a:hover {background-position:left top!important; cursor:default;}
.left-menu .menuBtn a:hover, .left-menu .subMenuBtn a:hover { background-position:left bottom;}
.left-menu .selected .menuBtn a, .left-menu .selected .BtnWithSubmenu a:hover, .left-menu .subMenuSelected a { background-position:left bottom!important;}

.left-menu .latestFund .menuBtn a { background-image:url(../../images/cn/left_menu_01_latestFundInformation.jpg); text-indent:-9999px;}
.left-menu .investmentOutlook .menuBtn a { background-image:url(../../images/cn/left_menu_02_investmentOutlook.jpg);}
.left-menu .awardRecognition .menuBtn a { background-image:url(../../images/cn/left_menu_02p_awardRecognition.jpg);}
.left-menu .interviewsArticles .menuBtn a { background-image:url(../../images/cn/left_menu_03_interviews_articles.jpg);}
.left-menu .contantUs .menuBtn a { background-image:url(../../images/cn/left_menu_04_contactUs.jpg);}
.left-menu .usefulLinks .menuBtn a { background-image:url(../../images/cn/left_menu_05_usefulLinks.jpg);}

.left-menu .authorisedFunds a { background-image:url(../../images/cn/left_menu_sub01_funds.jpg); text-indent:-9999px;}
.left-menu .caymanFunds a { background-image:url(../../images/cn/left_menu_sub02_funds.jpg); text-indent:-9999px;}
.left-menu .investmentOutlook .subMenuBtn a { background-image:url(../../images/cn/left_menu_sub03_spotlight.jpg); text-indent:-9999px;}




.main-container .main-content {  vertical-align:top; padding-bottom:30px;}
.main-container .main-content td { vertical-align:top;}

.main-container .main-content .toggle-banner, .display-banner { padding-bottom:15px; min-width:590px; }
.main-container .main-content .toggle-banner .display-content a { cursor:pointer; text-decoration:none;}
.main-container .main-content .toggle-banner .display-content td { line-height:0;}
.main-container .main-content .toggle-banner dl, .display-banner dl{ position:relative; width:305px; height:70px; left:0; top:0;}
.main-container .main-content .toggle-banner .display-content dt, .display-banner dt { position:absolute; left:0; top:0;}
.main-container .main-content .toggle-banner .display-content dd, .display-banner dd { position:absolute; left:0; top:0;}
.main-container .main-content .toggle-banner .display-content dd img, .display-banner dd img{ margin:9px 0 0 9px;}
.main-container .main-content .toggle-banner .display-content .banner-title, .display-banner .banner-title{ position:relative;}
.main-container .main-content .toggle-banner .display-content h1, .display-banner h1 { position:absolute; bottom:8px;  *bottom:12px; _bottom:15px; right:20px; width:270px; text-align:right; line-height:1.3em;}
.main-container .main-content .toggle-banner .display-content .banner-title  h1 span, .display-banner span { background:url(../../images/hidden-title-arrow.jpg) no-repeat left top; height:23px; width:13px; display:inline-block;*margin-bottom:4px; }
.main-container .main-content .toggle-banner.opened .display-content .banner-title span { background-position:left bottom;}


.main-container .main-content .toggle-banner .hidden { display:none;}
.main-container .main-content .toggle-banner.opened .hidden { display:block;}
.main-container .main-content .toggle-banner .hidden .index-banner-l{ background:url(../../images/hidden-banner-bg-l.jpg) no-repeat left bottom; min-height:216px; _height:216px; width:10px;}
.main-container .main-content .toggle-banner .hidden .index-banner-content{ background:url(../../images/hidden-banner-bg.jpg) repeat-x left bottom; padding: 10px; min-height:196px;  height:216px \9;}
.main-container .main-content .toggle-banner .hidden .index-banner-r{ background:url(../../images/hidden-banner-bg-r.jpg) no-repeat right bottom;  min-height:216px; _height:216px; width:10px;}
.main-container .main-content .toggle-banner .hidden .valign-btm { vertical-align:bottom;}


.main-container .record-list .title { border-bottom:1px solid #990000; }
.main-container .record-list.table-with-tab .title { border-bottom:none; }
.main-container .record-list .title td { padding:5px;}
.main-container .record-list .title .valignB { *vertical-align:middle !important;}
.main-container .record-list .table-note { background:url(../../images/table-bottom-bg.jpg) repeat-x left top; padding:20px 10px; font-size:11px; color:#000000; }

.main-container .records .btn-toggle{ cursor:pointer;}
.main-container .records .hidden { display:none;}
.main-container .records td { padding:10px 5px;}
.main-container .records thead td { font-size:14px; color:#990000; line-height:1.4em; vertical-align:middle; font-weight:bold; }
.main-container .headingAlignCenter thead td { text-align:center; }
.main-container .records thead .redBorderB td{border-bottom:1px solid #990000;}


.table-with-tab .tab menu { margin:0; padding:0; border-bottom:1px solid #990000; }
.table-with-tab .tab menu li { float:left; margin-right:4px; margin-bottom:-1px; background:url(../../images/tab-l-bg.jpg) no-repeat left bottom; position:relative; cursor:pointer;}
.table-with-tab .tab menu li a { color:#e0b2b2; text-decoration:none; background:url(../../images/tab-r-bg.jpg) no-repeat right bottom; display:block; _display:inline-block; line-height:1.2em; padding:0 10px; line-height:31px; }
.table-with-tab .tab menu li.selected , .table-with-tab .tab menu li:hover{ background-position:left top;}
.table-with-tab .tab menu li.selected a, .table-with-tab .tab menu li a:hover { color:#990000; background-position:right top;}
.table-with-tab .tab menu li.selected a:hover { cursor:default;}



.content {padding-left:16px;}


.main-container .main-content .back-top { padding-top:30px; text-align:right; margin-top:1px;}




.main-container .right-promotionBox { width:170px; vertical-align:top; padding-left:10px;}
.main-container .right-promotionBox .banner a{ display:block; margin-bottom:10px;}

.right-promotionBox .banner { margin-bottom:110px;}
.quickLinks a { margin-bottom:10px; display:block;}
.BoxTit { color:#9A9A9A; font-size:14px; margin:0 0 5px 0; font-weight:bold;}



.footer { position:relative; margin-right:10px; min-width:996px; line-height:0;}
.footer .terms{ font-size:11px; margin-right:10px;}
.footer .terms li { float:right; background:url(../../images/header-sep-line.jpg) no-repeat left bottom; margin:0 5px; padding-left:5px; line-height:1.5em; font-size:11px; padding-top:3px;}
.footer .copyright { width:50%;}
.footer .copyright div{ position:absolute; top:42px; left:20px; font-size:11px; line-height:1.4em;}
.footer .copyright img { width:100%; height:55px;}
.footer .logo-line img { width:100%; height:7px;}



.alternative-bg tbody tr.odd,.alternative-bg2 tbody tr.odd { background-color:#fcfcfc; _background-color:#f7f7f7; }
.alternative-bg tbody tr.odd td,.alternative-bg2 tbody tr.odd td { border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}

.alternative-bg thead tr td { font-size:13px!important; font-weight:bold;}
.alternative-bg tbody tr td { font-size:11px; line-height:1.2em;}


.selection-box { position:relative; width:180px; z-index:0;}
.boxA { z-index:1;}
.selection-box .opened { display:block;}
.selection-title { cursor: pointer; border:1px solid #dddddd; width:150px; padding:5px 17px 5px 10px; background:url(../../images/selection-box-arrow.jpg) no-repeat 165px 0; display:block; height:auto; line-height:1.2em;}
.selection { display:none; position:absolute; border:1px solid #dddddd; padding:5px 17px 5px 10px; background-color:#fff; z-index:2; left:0;min-width:150px; _width:150px;}
.selection li { line-height:1.2em; margin:13px 0; white-space:nowrap;}



.simple-table-area { padding:10px;}
.simple-table-area table table td { padding:5px;}
.greyLine {border-bottom:1px solid #dddddd;}
.redLine {border-bottom:1px solid #990000;}




/* Thomas added style 2012/05/10 Start */
.borderRedTop{ border-top:1px solid #990000 !important;}
.back-top.table-note{background:url(../../images/table-bottom-bg.jpg) repeat-x left top !important;}
.tdL{ text-align:left !important;}
.tdC{ text-align:center !important;}
.tdR{ text-align:right !important;}
.tdNoW{ white-space:nowrap !important;}
.tdWrap{ white-space:normal !important;}
.bgWhite{ background:#fff !important;}

/* Melissa added style 2012/05/11 Start */
.greyBox {padding: 12px 20px; background:#f6f6f6;}
.paddingT0 {padding-top:0px !important;}
.paddingB0 {padding-bottom:0px !important;}
.marginL10 {margin-left:10px;}
.marginL20 {margin-left:20px;}
.marginT10 {margin-top:10px;}
.marginT20 {margin-top:20px;}
.marginT24{margin-top:24px;}
.marginT30 {margin-top:30px;}
.greytxt {color: #666;}
.redBold, .redBold a {color:#990000; font-weight:bold;}
.roundBullet li {list-style-type:disc;}
/*.display-banner .extendedWidth {width:400px;}*/
.innertable table {margin:0; padding:0;}
.noPad .innertable tbody tr td {font-size:11px; -webkit-text-size-adjust:none; margin:0; padding:0 4px; border:0; text-align:center; vertical-align:middle; width:16%;}
.noPad {padding:0 !important; vertical-align:middle !important;}
.width30{width:30%;}
.table-note{background:url(../../images/table-bottom-bg.jpg) repeat-x left top !important; padding:20px 10px;}
.table-note p{padding:0; margin:0; font-size:11px; color:#000000; -webkit-text-size-adjust:none;}
.dltable td {padding:2px; vertical-align:middle !important;}
.aftable {margin:0; padding:0; }
.aftable td {text-align:center;}

.imptNote {margin:auto; background:#fff; width:460px; height:360px; padding:10px 20px; font-size:11px; color:#000000; -webkit-text-size-adjust:none; border:1px solid #ddd; overflow:hidden;}
#afLightbox {width:811px; background:none;}
#afLightbox .remarks {color:#000000;}
.afScroll {margin:auto; width:734px; height:210px; padding:12px; font-size:11px; /*color:#888;*/ color:#000000; -webkit-text-size-adjust:none; border:1px solid #ddd; overflow:hidden;}

.afLightboxTop {background:url(../../images/aflightbox_top.png) no-repeat; _background-image:url(../../images/aflightbox_top.gif)!important; height:11px; display:block;}
.afLightboxMid {background:url(../../images/aflightbox_bg.png); _background:#fff !important; padding:0 26px;}
.afLightboxBtm {background:url(../../images/aflightbox_btm.png) no-repeat; _background-image:url(../../images/aflightbox_btm.gif)!important; height:17px; _height:11px; display:block;}


.mediaLightbox {width:569px; background:none; margin:0 auto;}
.mediaLightbox p{text-align:left; margin:0; padding:5px 0;}
.mediaLightboxTop {background:url(../../images/mediaLightbox_top.png) no-repeat 0 bottom; _background-image:url(../../images/mediaLightbox_top.gif)!important; height:11px; display:block;}
.mediaLightboxMid {background:url(../../images/mediaLightbox_bg.png); _background:#fff !important; padding:0 30px; width:510px; _padding:0 25px;}
.mediaLightboxBtm {background:url(../../images/mediaLightbox_btm.png) no-repeat 0 0; _background-image:url(../../images/mediaLightbox_btm.gif)!important; height:17px; _height:11px; display:block;}

.mediaLightbox .mediaTit { text-align:center; margin:10px 0;}
.mediaLightbox .mediaSepLine { text-align:center; background:url(../../images/video-tit-sepLineBtm.jpg) no-repeat center bottom; margin-bottom:10px; height:1px;}
.riskDisclosure { height:100px; margin-bottom:20px; padding-right:25px; width:485px;}
.videoSubtitle { height:80px; margin-bottom:20px; padding-right:25px; width:485px; margin-top:10px;}

.mediaLightbox #fancybox-frame { width:569px;}



#fancybox-content>div {overflow:hidden !important;}

.jspCap {height:10px !important; display:block !important; background:transparent !important;}
.jspVerticalBar {background:transparent !important;}
.jspDrag {background:#990000 !important; cursor:pointer !important;}
.jspTrack {background:#e4e4e4 !important; width:6px !important;}
.scrollpane-container {background:url(../../images/scrollpanebg.jpg) bottom no-repeat; padding-bottom:20px;}



/* Joel added style 2012/05/14 Start */
.contact-method{margin-bottom:30px;}
.contact-method .item{padding:10px 0;}
.contact-method .item img{float:left;}
.contact-method .item .title{float:left;display:block;color:#990000;font-size:15px;}
.contact-method .item .title img{margin-right:5px;}
.contact-method .item .detail{margin-left:70px;}
tr.greyLineFade td img{width:100%;height:1px;}

.linkList li{background:url('../../images/link_list_underline.jpg') no-repeat 0 bottom;padding:5px 0 8px;}
.linkList li.last{background:none;}
.linkList li a img, .linkList li img{
	margin-right:5px;
	position:relative;
	top:4px;
	width: 13px;
}
.linkList li a, .linkList li{font-weight:bold; color:#333;}
/* Joel added style 2012/05/14 End */

.subTitleLinks li { margin-left:10px; background:none; padding:3px 0;}
.subLinks li { list-style:disc; margin-left:30px; background:none; padding:3px 0;}
.subNum li { list-style:decimal; margin-left:30px; background:none; padding:1px 0;}
.subNot { margin-left:15px !important;*margin-left:9px !important;}
.subNot sup { margin-right:.9em; *margin-right:1.3em; font-size:14px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {.subNot sup{margin-right:.7em;}}
@-moz-document url-prefix(){.subNot sup{margin-right:.7em;}}
.from{font-size 9px; !important;}

/* Ryan added style 2013/07/16 Start */
.awardsRecognition{background:url('../../images/award-icon.jpg') no-repeat left top;margin-bottom:20px;}
.awardsRecognition li {list-style-type:disc;margin:.5em 0 .5em 5em;}
.awardsRecognition li.artitle {margin-left:3em;list-style-type:none;font-size:120%;color:#990000;font-style:italic;letter-spacing:.1em;}
.awardRecognition a {color:#990000;}
/* Ryan updated style 2013/09/06 End */

.awardsRecognition2{background:url('../../images/award-icon.jpg') no-repeat left top;margin-bottom:20px;}
.awardsRecognition2 li {margin:.5em 0 .5em 5em;}
.awardsRecognition2 li.artitle {margin-left:3em;list-style-type:none;font-size:120%;color:#990000;font-style:italic;letter-spacing:.1em;}
.awardRecognition2 a {color:#990000;}


@media print
  {
  .noPrint { display:none;}
  
  .table-with-tab .tab menu li a { background:none;  }
  .table-with-tab .tab menu li { border:1px solid #e0b2b2; background:none; border-bottom-color:#fff;}
  .table-with-tab .tab menu li.selected {border:1px solid #990000; color:#990000; background:none; border-bottom-color:#fff;}
  }
