/* Reset (for browser continuity) -------------------------------------------*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, html, img, label, th, td { padding: 0; margin: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } table { empty-cells: show; border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} abbr,acronym {border:0;font-variant:normal;} q:before, q:after { content: ''; } body { background: url('../images/background.jpg') repeat-x center top; font: 62.5%/160% verdana, arial, sans-serif; color: #000; } textarea, input, button, select { font: 110% arial, sans-serif;} ol, ul { list-style: none; } /* Generic Styles -------------------------------------------*/ h1 { font-size: 180%; } h2 { font-size: 160%; } h3 { font-size: 120%; } h1, h2, h3, h4, h5, h6 { font-weight:bold; } a { outline: none; } strong { font-weight: bold; } em { font-style: italic; } th, td { border:1px solid #000; padding:.5em; } th { font-weight:bold; text-align:center; } caption { margin: 0 0 .5em .5em; font-style: italic; } fieldset { margin: 0; padding: 0; border: none; } legend { margin: -10px; padding: 0; position: absolute; text-indent: -9999em; color:#000; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { min-height: 1px; height: auto !important; height: 1px; } .sup { position: relative; bottom: 4px; } .sub { position: relative; top: 4px;} .hidden { display: none; } /* Accessibility -------------------------------------------*/ .accLinks { position: absolute; top: -500px; height: 0; } .accLinks p { position: absolute; left: -9999px; top: 0; font-size: 110%; white-space: nowrap; } h2.SectionMarker { position: absolute; left: -9999px; top: 0; font-size: 110%; white-space: nowrap; } /* IntroVideo -------------------------------------------*/ .introContainer { display: none; width: 100%; height: 100%; background-color: #ffffff; position: fixed; z-index: 800; } .introContainer #intro { position: absolute; left: 50%; top: 50%; margin-left: -320px; margin-top: -240px; } .introContainer h1 { width: 190px; height: 116px; margin-bottom: 50px; background: url('../images/logo.gif') no-repeat left 15px #fff; text-indent: -5000em; } .introContainer p { font-size: 12px; color: #666766; } .introContainer p a { color: #576d85; text-decoration: underline; font-weight: bold; } /* pageContainer (main wrapper) -------------------------------------------*/ #pageContainer { width: 950px; margin: 0 auto; padding: 1px 0 0 0; } /* utilityNav (main grid) -------------------------------------------*/ #utilityNav {/* height: 26px;*/ padding-bottom: 12px; } #utilityNav ul { float: right; position: relative; } #utilityNav ul li { float: left; } #utilityNav ul li a { display: block; height: 20px; background-position: left top; background-repeat: no-repeat; border-right: 1px solid #ffffff; text-indent: -5000em; } #utilityNav ul li a:link, #utilityNav ul li a:visited { background-position: left top; } #utilityNav ul li a:hover, #utilityNav ul li a:active, #utilityNav ul li.active a { background-position: left bottom; } #utilityNav ul li#home.active a { background-position: left bottom; } #utilityNav ul li#home a { width: 49px; background-image: url('../images/btn_home.gif'); } #utilityNav ul li#client a { width: 84px; background-image: url('../images/btn_client.gif'); } #utilityNav ul li#client a.loginBtn{ width: 84px; background: url('../images/btn_client.gif') } #utilityNav ul li#join a { width: 59px; background-image: url('../images/btn_join.gif'); } #utilityNav ul li#join.active a { background-position: left bottom;width: 59px; background-image: url('../images/btn_join.gif'); } #utilityNav ul li#contact a { width: 80px; background-image: url('../images/btn_contact.gif'); border: none; } #utilityNav ul li#contact.active a { background-position: left bottom;width: 80px; background-image: url('../images/btn_contact.gif'); } #utilityNav ul li.secondrow { clear: left; } #utilityNav ul li form { width: 267px; padding: 8px 0 8px 8px; border-top: 1px solid #ffffff; position: absolute; left: 0px; top: 20px; background: #afbac6; } /*#utilityNav ul li form { width: 267px; padding: 8px 0 8px 8px; background: #afbac6; display: none; position: absolute; top: 20px; left: 0px; } */ #utilityNav ul li form ul { width: 267px; float: none; } .jqTransformInputWrapper { margin-right: 1px; } #utilityNav ul li form input { width: 97px; height: 17px; padding: 3px 0 0 10px; margin-right: 1px; border: none; background: #fff; color: #576d85; font-size: 9px; line-height: 10px !important; font-family: verdana; } #utilityNav ul li form input[type=image] { width: 29px; height: 20px; padding: 0px; position: relative; top: 0px; } #utilityNav ul li form input.go { width: 29px; height: 20px; padding: 0px; position: relative; _top: 1px; } #utilityNav ul li form input.close { width: 14px; height: 14px; padding: 0px; position: relative; _top: 1px; } /* headerContainer (main grid) -------------------------------------------*/ #headerContainer { margin-bottom: 12px; } #headerContainer h1 { width: 190px; height: 116px; background: url('../images/logo.gif') no-repeat left 15px #fff; float: left; text-indent: -5000em; } #headerContainer #mainNav { float: left; } #headerContainer #mainNav li { height: 75px; padding-top: 53px; border-right: 1px solid #cfd6dd ; float:left;} #headerContainer #mainNav li#main_traditional { padding-left: 56px; } #headerContainer #mainNav li.last { width: 128px; border: none; } #headerContainer #mainNav li a { display: block; width: 143px; height: 26px; background-position: center top; background-repeat: no-repeat; text-indent: -5000em; } #headerContainer #mainNav li a:link, #headerContainer #mainNav li a:visited { background-position: center top; } #headerContainer #mainNav li a:hover, #headerContainer #mainNav li a:active, #headerContainer #mainNav li.active a { background-position: center -25px; } #headerContainer #mainNav li.last a:link, #headerContainer #mainNav li.last a:visited { background-position: right top; } #headerContainer #mainNav li.last a:hover, #headerContainer #mainNav li.last a:active, #headerContainer #mainNav li.last.active a { background-position: right -25px; } #headerContainer #mainNav li.last a { width: 128px; background-position: right top; } #headerContainer #mainNav li#main_traditional a { background-image: url('../images/btn_nav_traditional.gif'); } #headerContainer #mainNav li#main_traditional.active a{ background-image: url('../images/btn_nav_traditional.gif'); cursor:default; background-position: center -25px; } #headerContainer #mainNav li#main_structured a { background-image: url('../images/btn_nav_structured.gif'); } #headerContainer #mainNav li#main_structured.active a { background-image: url('../images/btn_nav_structured.gif'); cursor:default; background-position: center -25px; } #headerContainer #mainNav li#main_advisory a { background-image: url('../images/btn_nav_advisory.gif'); } #headerContainer #mainNav li#main_advisory.active a { background-image: url('../images/btn_nav_advisory.gif'); cursor:default; background-position: center -25px; } #headerContainer #mainNav li#main_firm a { background-image: url('../images/btn_nav_firm.gif'); } #headerContainer #mainNav li#main_firm.active a { background-image: url('../images/btn_nav_firm.gif'); cursor:default; background-position: center -25px; } #headerContainer #mainNav li#main_market a { background-image: url('../images/btn_nav_market.gif'); background-position: center 0px;}/*modified 4dec09*/ #headerContainer #mainNav li#main_market a:hover { background-image: url('../images/btn_nav_market.gif'); background-position: center -25px;}/*modified 10dec09*/ #headerContainer #mainNav li#main_market.active a { background-image: url('../images/btn_nav_market.gif'); cursor:default; background-position: center -25px; } /* Content Styles (home page) -------------------------------------------*/ #contentContainer { padding-bottom: 70px; } #peopleTicker { margin-bottom: 29px; } #research{} #contentContainer .news, #contentContainer .about, #contentContainer .videos { float: left; } #contentContainer .news { width: 280px; padding-right: 54px; } #contentContainer .about { width: 280px; padding-right: 54px; } #contentContainer .news h2, #contentContainer .about h2, #contentContainer .videos h2 { margin-bottom: 16px; background-repeat: no-repeat; background-position: left top; text-indent: -500em; } #contentContainer .news h2 { width: 271px; height: 32px; background-image: url('../images/h_news.gif'); } #contentContainer .about h2 { width: 279px; height: 31px ;background-image: url('../images/h_about.gif'); } #contentContainer .videos h2 { width: 118px; height: 32px; background-image: url('../images/h_videos.gif'); } #contentContainer .events h2 { width: 118px; height: 32px; background-image: url('../images/events.gif'); } #contentContainer li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #contentContainer .news li { padding:5px; margin-bottom: 1px; font-size: 9px !important; min-height: 16px; background-color: #f0f1f3; color: #576d85; position: relative; } #contentContainer .news li.download { padding-left: 39px; } #contentContainer .news li.download a { text-decoration: none; color: #576d85; } #contentContainer .news li.article a,.ciolink { font-weight: bold; text-decoration: none; color: #576d85; } #contentContainer .news li.article em { width:180px; padding-right:20px; } #contentContainer .news li span { display: block; padding-right: 5px; float: left; } #contentContainer .news li em { display: block; float: left; } #contentContainer .news li em a { font-style: normal; } #contentContainer .news li img { position: absolute; left: 10px; top: 5px; } #contentContainer .news li a { display: block; } #contentContainer .about { color: #576d85; } #contentContainer .contentArea {padding-right:0px; width:759px; float:right; padding-right:0px; } #contentContainer .about p { margin-bottom: 25px; } #contentContainer .about .firmBtn { display: block; width: 99px; height: 20px; background: url('../images/btn_firm.gif') no-repeat left top; text-indent: -5000em; float: right; } #contentContainer .videos { width: 281px; } #contentContainer .videos li { padding: 5px; margin-bottom: 1px; font-size: 9px !important; min-height: 16px; background-color: #f0f1f3; color: #576d85; font-size: 9px !important; position: relative; } #contentContainer .videos li img { float: left;} #contentContainer .videos li p { width: 140px; padding-left: 9px; float: left; } #contentContainer .videos li p strong { display: block; } #contentContainer .videos li.download { padding-left: 15px; } #contentContainer .videos li.download a { text-decoration: none; color: #576d85; } #contentContainer .videos li.article a,.ciolink { font-weight: bold; text-decoration: none; color: #576d85; } #contentContainer .videos li.article em { width:180px; padding-right:20px; } #contentContainer .videos li span { display: block; padding-right: 5px; float: left; } #contentContainer .videos li em { display: block; float: left; } #contentContainer .videos li em a { font-style: normal; } #contentContainer .videos li a { display: block; } /* form style -------------------------------------------*/ #utilityNav .jqTransformSelectWrapper ul li { float: none; } #utilityNav .jqTransformSelectWrapper ul li a { text-indent: 0px; } form.jqtransformdone label{ margin-top:4px; margin-right: 8px; display: block; float:left; } form.jqtransformdone div.rowElem{ clear:both; padding:4px 0px; } /* ------------- * Selects * ------------- */ #utilityNav ul li#client form { margin-top:-1000px; } #utilityNav ul li#client .jqTransformSelectWrapper { width: 235px !important; margin-bottom: 1px; position:relative; height: 20px; background: #fff; float:left; } #utilityNav ul li#client .jqTransformSelectWrapper div span { color:#576D85; font-size: 9px; float: none; position: absolute; white-space: nowrap; height: 16px; line-height: 10px; padding: 4px 0 0 10px; overflow: hidden; cursor:pointer; } #utilityNav ul li#client .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 19px; height: 20px; background: url('../images/select_right.gif') no-repeat center center; border: none; } #utilityNav ul li#client .jqTransformSelectWrapper ul { position: absolute; width: 225px !important; top: 20px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; height: 150px; overflow: auto; overflow-y: auto; z-index:10; } #utilityNav ul li#client .jqTransformSelectWrapper ul a { display: block; width: auto !important; height: 20px; padding: 5px; text-decoration: none; color:#576D85; background: none; font-size: 9px; } #utilityNav ul li#client .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } #utilityNav ul li#client .jqTransformSelectWrapper ul a:hover, #utilityNav ul li#client .jqTransformSelectWrapper ul a.selected:hover { background:#576D85; color: #fff; } #utilityNav ul li#clientMonth .jqTransformSelectWrapper { width: 125px !important; margin-bottom: 1px; position:relative; height: 20px; background: #fff; float:left; } #utilityNav ul li#clientMonth .jqTransformSelectWrapper div span { color:#576D85; font-size: 9px; float: none; position: absolute; white-space: nowrap; height: 16px; line-height: 10px; padding: 4px 0 0 10px; overflow: hidden; cursor:pointer; } #utilityNav ul li#clientMonth .jqTransformSelectWrapper a.jqTransformSelectOpen { display: block; position: absolute; right: 0px; width: 19px; height: 20px; background: url('../images/select_right.gif') no-repeat center center; border: none; } #utilityNav ul li#clientMonth .jqTransformSelectWrapper ul { position: absolute; width: 104px !important; top: 20px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; height: 150px; overflow: auto; overflow-y: auto; z-index:10; } #utilityNav ul li#clientMonth .jqTransformSelectWrapper ul a { display: block; width: auto !important; height: 20px; padding: 5px; text-decoration: none; color:#576D85; background: none; font-size: 9px; } #utilityNav ul li#clientMonth .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #333; } #utilityNav ul li#clientMonth .jqTransformSelectWrapper ul a:hover, #utilityNav ul li#clientMonth .jqTransformSelectWrapper ul a.selected:hover { background:#576D85; color: #fff; } #utilityNav ul li#clientMonth .jqTransformHidden { display: none; } .jqTransformInputInner, .jqTransformInputWrapper, .jqTransformInputWrapper li, .jqTransformInputInner li { width: 97px !important; float: left;} .jqTransformInputInner input { width: 87px; line-height: 10px !important; } /* ------------- * Hidden - used to hide the original form elements * ------------- */ #utilityNav ul li#client .jqTransformHidden { display: none; } /* footerContainer (main grid) -------------------------------------------*/ #footerContainer { padding-top: 6px; border-top: 1px solid #ccd3da; } #footerContainer ul, #footerContainer ul li { float: left; } #footerContainer p, #footerContainer ul li a { display: block; height: 9px; float: left; background-repeat: no-repeat; background-position: left top; text-indent: -5000em;} #footerContainer ul li { padding-right: 11px; } #footerContainer p { width: 87px; margin-right: 37px; background: url('../images/ftr_copy.gif') no-repeat left top; text-indent: -5000em; } #footerContainer ul li#ftr_contact a { width: 54px; background-image: url('../images/btn_ftr_contact.gif'); } #footerContainer ul li#ftr_terms a { width: 100px; background-image: url('../images/btn_ftr_terms.gif');} #footerContainer ul li#ftr_privacy a { width: 72px; background-image: url('../images/btn_ftr_privacy.gif'); display:block;} #footerContainer ul li#ftr_employee a { width:51px; background-image: url('../images/btn_ftr_employee.gif'); display:block;} #footerContainer ul li#ftr_sitemap a { width: 39px; background-image: url('../images/btn_ftr_sitemap.gif'); } #footerContainer ul li#ftr_glossary a { width: 47px; background-image: url('../images/btn_ftr_glossary.gif'); } /* ------------- * Classes used for left navigation * ------------- */ .leftNavigation {float:left;width:160px; padding-top:12px;} .leftNavigation,.leftNavMainMenu ul,.leftNavMainMenu ul li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:italic!important; } .leftNavMainMenu li.firstItem { margin:8px 0px 18px 0px!important; } .leftNavMainMenu li { margin:25px 0px 18px 0px!important; background:url('../images/left-menu-inactive-arrow.gif') no-repeat right; _background:url('../images/left-menu-inactive-arrow.gif') no-repeat 3px right; } .leftNavMainMenu li a { color:#576D85; text-decoration:none; padding-right:8px; } .leftNavMainMenu li.active,.leftNavMainMenu li.activeWithCursor { color:#C77F5B; cursor:default; background:url('../images/left-menu-active-arrow.gif') no-repeat right 5px; _background:url('../images/left-menu-active-arrow.gif') no-repeat 6px right; } .leftNavMainMenu li.activeWithCursor { cursor:pointer; } .leftNavMainMenu li.activeWithCursor a,.leftNavMainMenu li.active a { color:#C77F5B; cursor:default; text-decoration:none; } .leftNavMainMenu li.activeWithCursor a { cursor:pointer; } .leftNavMainMenu li a:hover,.leftNavMainMenu li.activeWithCursor:hover { color:#C77F5B; } .leftNavMainMenu li ul.subMenu li { background:none; color:#576D85!important; margin:4px 0px 4px 10px!important; background:url('../images/left-sub-menu-inactive-arro.gif') no-repeat 0px 6px ; _background:url('../images/left-sub-menu-inactive-arro.gif') no-repeat 0px 6px; padding-left:16px; } .leftNavMainMenu li ul.subMenu li.subMenuActive { background:none; cursor:default; margin:4px 0px 4px 10px!important; background:url('../images/left-sub-menu-active-arrow.gif') no-repeat 0px 6px; _background:url('../images/left-sub-menu-active-arrow.gif') no-repeat 0px 6px; padding-left:16px; } .leftNavMainMenu li ul.subMenu li a { color:#576D85; cursor:pointer!important; text-decoration:none; } .leftNavMainMenu li ul.subMenu li a:hover { color:#C77F5B; } .leftNavMainMenu li ul.subMenu li.subMenuActive a { color:#C77F5B; cursor:default!important; text-decoration:none; } .hide {display:none; } /* ------------- * Classes used for bread crumbs * ------------- */ .breadCrumb{ font-size:11px; font-style:italic; color:#576d85; float:left; width:100%; padding: 2px 0px 0px 0px; } .breadCrumb ul{ float:left;width:80%; display:block; } .breadCrumb ul li{ float:left;display:block; } .breadCrumb ul li a,.breadCrumb ul li a.last{ float:left; background-image: url(../images/breedc-arr.gif); background-repeat: no-repeat; background-position: right; padding-right:15px; text-decoration:none; color:#576d85; display:block; } .breadCrumb ul li a.last { background-image:none; cursor:default; } .breadCrumb ul li a:hover{ float:left; text-decoration:none; color:#c77f5b; } /* ------------- * Classes used for page level middle content * ------------- */ #midContent{ float:left; width:565px; padding:0px 13px 0px 0px; } /* ------------- * Classes used for right panel of a page * ------------- */ .rightNavsubHeader { font-size:12px; color:#b7b7b7; margin-bottom:2px; font-weight:normal; } .rightPaneLinks,.paraLinks{ color:#576d85; font-size:10px; font-style:italic; text-decoration:none; } .paraLinks { font-weight:bold; } .rightPaneLinks li{ line-height:20px; } .rightPaneLinks li a,.bodyLinks{ color:#576d85; text-decoration:none; } .activeBodyLink{ color:#c77f5b;text-decoration:none; } .rightPaneLinks li a:hover,.rightPaneLinks:hover,.bodyLinks:hover{ color:#c77f5b;text-decoration:none; } .contactsContainer { padding-top:20px; } .rightPanel {float:right; /*margin-right:10px;*/ padding-top:5px; width:170px; } .emailDetails {padding-top:4px;color:#666766; font-size:10px; } /* ------------- * Classes used for headers * ------------- */ .pageHeader { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#7bb8cf; padding-bottom:10px; font-weight:normal; } th.pageHeader { text-align:left; padding-left:0px;} /* ------------- * Classes used for body content * ------------- */ .bodyContent{ font-size:11px; color:#666766; } .bodyContentspacer {padding-top:12px; } .strategyDataTable th,.lgipTable th {border:0px;white-space:nowrap; text-align:left;} .strategyDataTable td,.lgipTable td { border:none; border-bottom:1px solid #ebeae9; padding-top:0px; padding-bottom:0px; padding-left:0px; } .lineTd td{ border-bottom:1px solid #dad9d9 !important; } .lgipTable td { padding-left:5px; } .lgipTable td a img { margin-bottom:5px; margin-top:10px; } .valuedData td {border:none; vertical-align:top; padding-left:0px; padding-bottom:13px; } .profileDataTable td { padding:0px; border:none; } /* ------------- * Classes used for page level navigation * ------------- */ a.tertiaryNavigation,a.tertiaryNavigation:hover,a.tertiaryNavigationActive { background-color:#586e85; cursor:hand; padding:5px 15px 5px 15px; color:#fff; font-size:11px; font-style:italic; font-weight:bold; text-decoration:none; margin-right:-2px; font-family:Verdana; } /*---for ie7 - 27.11.2009---*/ a.tertiaryNavigation,a.tertiaryNavigation:hover,a.tertiaryNavigationActive { *padding:3px 15px 4px 15px; *display:inline-block; *margin-top:-4px; } /*--end---*/ a.tertiaryNavigation:hover,a.tertiaryNavigationActive { background-color:#c77e5b; } /* ------------- * Classes used for spacers and some commom properties like padding,text align etc. * ------------- */ .emailPrintLnkContainer { padding-left:20px; } /*---for ie7 - 27.11.2009---*/ .emailPrintLnkContainer { *display:inline-block; *margin-bottom:3px; } /*---end--*/ .valuedData { color:#656565; font-size:11px; } .greyData { font-size:11px; color:#B7B7B7; } .spacer20 {padding-top:20px;} hr { border:1px solid #EFEFEF; height:0px;} .pageMainDataTable td,.pageMainDataTable th {padding:0px;border:none;} .alignLeft {text-align:left;} #assetDetails th,#overallStat th,#permDetails th,#permDetails1 th,#classDetails th,#tradBondTbl td,#tradBondTbl th,#dataTable td,#dataTable th,#clientTabl th,#clientTabl td { padding-left:5px; } #assetDetails td,th,#overallStat td,th,#permDetails td,th,#permDetails1 td,th {padding:5px 5px 5px 5px; font-size:10px;} #assetDetails td,#permDetails td,#overallStat td,#permDetails1 td { padding-left:5px;} /*#permDetails td { height:40px; }*/ .spacer5 {padding-top:5px; } #nameTable td {padding:0px; padding-right:10px; border:none; } #nameTable td.photoCol { padding:4px 10px 32px 0px; } .valignTop {vertical-align:top; } .spacer3 { padding-top:3px;} .paddingBtm3 {padding-bottom:3px; } .paddingBtm8 { padding-bottom:8px; } .printBtn { margin-left:5px; margin-bottom:-2px; } .colPadding td {padding-top:2px; padding-bottom:2px;} .textJustify {text-align:justify;} .evenRow { background-color:#F7F7F7; } .oddRow { background-color:#FFFFFF; } #dataTable td { height:68px; } #successorTable td { height:40px; padding-left:5px; } #traTbl td { height:60px; padding-left:5px; padding-right:5px; } #traTbl th{padding-left:5px; } .handCursor { cursor:hand!important; color:red!imporant; } .eventsDataTable td,th {height:30px; border:none;} .fourthLevelHeader {font-size:12px; font-weight:bold; color:#504E4C;} form input.contactsTextFlds {padding:6px 0px 2px 2px; vertical-align:middle; height:17px; } #classDetails td { height:84px; padding-left:5px; } #classDetails td table td { height:15px; } .disClaimer { font-size:10px; font-style:italic; color:#A3A3A3; } #header { margin-top:27px; font-size:14px; color:#504E4C; margin-bottom:12px; } html[xmlns*=""] #header { font-weight:normal;} .rollOverHeader {color:#CACACA; float:right; font-size:11px; } .buttons{ height:20px; background:#586e85; text-align:center; /*line-height:20px;*/ color:#FFFFFF; font-size:11px; font-style:normal; border:0px; padding:0; margin:0; }