/* --------------------------------------------------------------------------------------------- FileName: RIA.css Version: 0.2008.12.10 (PLS_v12.250.0+) Last Change: Removed appearance of link from deckPlayer img controls in Firefox --------------------------------------------------------------------------------------------- */ .vg0 .cbdModalDiv {display:none; z-index:100; position:absolute; top:0px; left:0px; width:100%; height:200%; filter: alpha(opacity=50); -moz-opacity: .5; -webkit-opacity: .5; background:#CCCCCC} /* */ /* Original square version - Can go away once new version is working */ .vg0 .form-field-info { position: absolute; padding: 5px 5px 5px 23px; z-index: 900; background-color: #FDE366; border: solid 2px #F4420C; color: #9E1B34; background-image: url(../images/icons/ind_error.gif); background-repeat: no-repeat; background-position: 5px 5px; font-size: 80%} /* Rounded Version */ .vg0 .form-field-info-box { position: absolute; z-index: 900 } .vg0 .form-field-info-contents { padding-left: 7px; color: #333; margin-bottom: 0px } .vg0 input.focus, .vg0 textarea.focus { border: 2px solid #33CC33;} .vg0 td.err {border-top: 2px solid #F4420C !important; border-bottom: 1px solid #F4420C !important; background-color: #FDE366 !important} /**/ /* closeButton styles */ .vg0 .closeButton {background-image: url(../images/buttons/btn_cancel_small.gif); background-repeat: no-repeat; height: 20px; width: 20px;} /* End closeButton Styles */ /* Begin Select One Styles */ .vg0 .vg-SelOneMenuTable { height: 20px; font-size: 80%; display: inline; vertical-align:top; margin: 0px 0px 0px 1px; cursor:default;} .vg0 .vg-SelOneMenuTable[class] { margin: 0px 0px 0px 0px; display: -moz-deck; } .vg0 .dataTable .vg-SelOneMenuTable { font-size: 100%; } /* remove gray line above SelectOneMenu in IE when inside of dataTable */ .vg0 table.dataTable tr td table.vg-SelOneMenuTable td { border-right: 0px; } .vg0 .vg-SelOneMenuInput { font-family: Arial; } .vg0 .vg-SelOneMenuVisRow td { height:22px; border-color:#AAAAAA; border-style:solid; background-color: #FFF;} /* DEF430238 - height */ .vg0 .vg-SelOneMenuCont { display: inline; height:20px; vertical-align:top;margin: 0px 6px 0px 0px;} .vg0 .vg-SelOneMenuCont[class] { display: -moz-deck; } /*FFox 2*/ html>/**/body .vg0 .vg-SelOneMenuCont[class] { display: inline-block; } /*FFox 3*/ .vg0 .vg-SelOneMenuText { background-color: #ffffff !important; padding:0px 0px 0px 2px !important; vertical-align:middle !important; text-align:left !important; border-style: solid !important; border-color: #CCC !important; border-width: 1px 0px 1px 1px !important;} .vg0 .vg-SelOneMenuTextSelected { width:100%; border:1px solid white; display:block; height:18px; } .vg0 .vg-SelOneMenuNoWrap .vg-SelOneMenuTextSelected { overflow:hidden; white-space: nowrap; } .vg0 .vg-SelOneMenuTextSelected[class] { display: -moz-deck; } /* need the display to be moz-deck so that 100% of the option's width is selectable */ .vg0 .vg-SelOneMenuIconCell { width: 17px !important; padding: 0px !important; border-style: solid !important; border-color: #CCC !important; border-width: 1px 1px 1px 0px !important;} .vg0 .vg-SelOneMenuIconCell img { padding-right: 0px !important; } .vg0 .vg-SelOneMenuIconCell[class] img { margin-bottom:-3px } .vg0 .vg-SelOneMenuDropDown { border-width: 1px; border-style: solid; border-color: #CCC #000 #000 #CCC; background-color: #FFF; overflow-y: auto; overflow-x: hidden; cursor: default; z-index: 999; position: absolute; font-family: Arial, sans-serif;} .vg0 .vg-SelOneMenuOption {font-size: 80%; padding: 2px 16px 2px 2px !important; } .vg0 .vg-SelOneMenuNoWrap .vg-SelOneMenuOption { white-space:nowrap; } .vg0 .vg-SelOneMenuHover td { background-color: #EAEAEA } .vg0 .vg-SelOneMenuHoverText td { color: #000; } .vg0 .vg-SelOneMenuDisabled { background: #E6E6E6 !important; color: #666666; } .vg0 .vg-SelOneMenuDisabled .vg-SelOneMenuTextSelected { border:none; } .vg0 .vg-SelOneMenuDropDownHide { -moz-user-focus: normal; height: auto; display: none; } /* Focus */ .vg0 .vg-SelOneMenuFocusText table.vg-SelOneMenuTable {margin-bottom: -1px; margin-top:-1px; margin-right: -1px; position: relative;} /* DEF430970 - margin changes */ .vg0 .vg-SelOneMenuFocusText table.vg-SelOneMenuTable td.vg-SelOneMenuText {border-style: solid !important; border-color: #33cc33 !important; border-width: 2px 0px 2px 2px !important; padding-left: 1px !important; } .vg0 .vg-SelOneMenuFocusText table.vg-SelOneMenuTable td.vg-SelOneMenuIconCell { height: 24px; border-style: solid !important; border-color: #33cc33 !important; border-width: 2px 2px 2px 0px !important;} /* DEF430238 - height */ /* remove the white background above SelectOneMenu in IE when inside of dataTable and there is a validation error */ .vg0 .vg-SelOneMenuHiddenRow td { background-color:transparent; overflow: hidden; padding: 0px !important; } /* Safari styles */ @media screen and (-webkit-min-device-pixel-ratio:0) { .vg0 .vg-SelOneMenuCont { display: inline-block; } .vg0 .vg-SelOneMenuTable { display:inline-block; } .vg0 .vg-SelOneMenuVisRow td { height:20px; } .vg0 .vg-SelOneMenuFocusText table.vg-SelOneMenuTable td.vg-SelOneMenuIconCell { height: 20px; } } /******* End SelectOne Styles ********/ /*Border color and background changes for glossary term tooltips*/ .vg0 .btl-chameleon-infoBackground {background-color: #FFF !important;} .vg0 .btl-chameleon-infoBorder {border-color: #000 !important;} /* COMPENSATE RIGHT MARGIN - to compensate for BB4 spacing */ .vg0 .bbxmp input.txtInput, .vg0 .bbxmp input.button, .vg0 .bbxmp .riaButton, .vg0 .bbxmp .riaButtonDisabled, .vg0 .bbxmp .riaIntButton, .vg0 .bbxmp .riaIntButtonDisabled { margin-right: 6px; } /* CHG411167: FAS - Prevent wrapping of button in FF in FOC */ .vg0 .bbxmp .FOCBot[class] .riaButton, .vg0 .bbxmp .FOCBot[class] .riaButtonDisabled, .vg0 .bbxmp .FOCBot[class] .riaIntButton, .vg0 .bbxmp .FOCBot[class] .riaIntButtonDisabled { margin-right: 2px; margin-left: -2px} /* IAM and FAS logon inputs - Not using validated input component */ .vg0 .bbxmp input#inputUserId, .vg0 .bbxmp input#inputPasswordId {margin-right: 6px;} /* END COMPENSATING STYLES */ .vg0 .btl-window-float { background-color: transparent !important; } /**/ .vg0 .roDeckTable td { vertical-align:top} .vg0 .roController div div.disabled, .vg0 .roController .roMenuHead { cursor:auto } .vg0 .roController .roMenuHead h3 { padding:8px 4px 0px 0px } .vg0 .roController p { font:80% Arial, Helvetica, sans-serif; margin:0px; padding:4px; } /* START rolloverDeck option1 styles*/ .vg0 .roDeck-opt1 .roController div div { height:24px; margin:0px; padding-right:0px; text-align:left; cursor:pointer} .vg0 .roDeck-opt1 .roDeck { border:7px solid #E6EDF2; background-color:#FFF; overflow:auto; } .vg0 .roDeck-opt1 .roDeck-sel { background-color:#E6EDF2; cursor:pointer;} .vg0 .roDeck-opt1 .roDeck-sel2 p { font-weight:bold } /* START rolloverDeck option2 styles*/ .vg0 .roDeck-opt2 .roDeckTD .rd6ctrLft { border-left:none } .vg0 .roDeck-opt2 .roController { padding-top:12px } .vg0 .roDeck-opt2 .roController div div { height:32px; margin:0px; padding-right:0px; text-align:left; cursor:pointer} .vg0 .roDeck-opt2 .roController div div.disabled { height:4px; font-size:1px } .vg0 .roDeck-opt2 .roController p { background-image: url(../images/icons/nav_arrow.gif); background-repeat: no-repeat; background-position: 6px 11px; padding: 8px 5px 8px 20px; } .vg0 .roDeck-opt2 .roController p a { color:#036; text-decoration: none; display:block; } .vg0 .roDeck-opt2 .roController .roDeck-sel p { background-color:#E6EDF2; cursor:pointer; background-image: url(../images/icons/nav_arrowslctd.gif); background-repeat: no-repeat; text-decoration: none; } /* END rolloverDeck option2 styles*/ /* START rolloverDeck option3 styles*/ .vg0 .roDeck-opt3 .roDeckTD, .vg0 .opt3 .roDeckTD .vg-deckCard { background-color:#FFF; } .vg0 .roDeck-opt3 .roController div div { height:32px; margin:0; text-align:left; cursor:pointer; overflow-y:hidden; position:relative } .vg0 .roDeck-opt3 .roController[class] div div { overflow-y:visible } .vg0 .roDeck-opt3 .roController div div.disabled { height:4px; font-size:1px } .vg0 .roDeck-opt3 .roController p { margin:0px; padding:8px 0px 8px 8px; } .vg0 .roDeck-opt3 .roController p a { color:#666; text-decoration:none;} .vg0 .roDeck-opt3 .roController .roDeck-sel p a { color:#FFF; font-weight:bold; } .vg0 .roDeck-opt3 .roDeck { background-color:#FFF; padding:10px; overflow:auto; } .vg0 .roDeck-opt3 .roDeck-sel { background-color:#9E1B34; cursor:pointer; } .vg0 .roDeck-opt3 .roDeck-sel .roItemArrow { position:relative; z-index:2; top:-100%; right:-10px; float:right; margin:0px; width:10px; height:100%; background-image:url("../images/icons/ind_redArrowRgt.gif"); background-repeat:no-repeat; background-position: 0px 2px; cursor:pointer; } /* END rolloverDeck option3 styles*/ /**/ /**/ .vg0 .fundList { border-bottom:1px solid #CCC; margin: 4px 0px 15px 0px; } .vg0 .fundList .boxSpacing, .vg0 .compareFunds .boxSpacing { margin:2px } .vg0 .fundList .verticalBar { border-left: 1px solid #CCC; width:5px; } .vg0 .fundList .fundType, .vg0 .fundList .fundRisk { font: normal 75% Arial, Helvetica, sans-serif; font-weight:bold; } .vg0 .fundList .fundType { padding-top: 5px;} .vg0 .fundList .fundType .safety { color: #669933; } .vg0 .fundList .fundType .income { color: #2C3065; } .vg0 .fundList .fundType .growth { color: #740F29; } .vg0 .fundList .fundRisk .more { color: #740f29; text-align:right; } .vg0 .fundList .fundRisk .less { color: #094D9E; text-align:left; } .vg0 .vg-fundBox, .vg0 .vg-fundShadow, .vg0 .vg-dropContainer{ height: 64px; width: 83px; } .vg0 .vg-fundBox .moveBox {font: 18px Arial, Helvetica, sans-serif; width:15px; margin:-18px 0 0 2px; padding:0; cursor:pointer; } .vg0 .vg-fundBox .moveBox .remove { font: 20px Arial, Helvetica, sans-serif; } .vg0 .vg-fundBox .moveBox.showPlus[class] { padding: 1px 0px; } .vg0 .vg-fundBox .moveBox.showPlus .remove {display:none;} .vg0 .vg-fundBox .moveBox.showMinus .add {display:none;} .vg0 .vg-fundBox .vg-dragHandle { font-size:0%; height:4px; border-top:1px solid #999; border-bottom:1px solid #999; margin:8px 20px 4px 25px; cursor:move; text-align:center;} .vg0 .vg-fundBox .vg-dragHandle[class] { margin:4px 20px 4px 25px; } .vg0 .vg-fundBox .fundBoxContent { margin:-4px 0 0 0; line-height: 60%; font: normal 11px Arial, sans-serif; } /* compensating styles for removing href from label link */ .vg0 .vg-fundBox .fundBoxContent a { color:#0000CC; } .vg0 .vg-fundBox .fundBoxContent a.mouseover { cursor:pointer; color:#660000; text-decoration: underline;} .vg0 .vg-fundShadow { z-index:0; } .vg0 .vg-fundBox { z-index:1; padding:4px; } .vg0 .vg-fundBox.fund1 { background: url(../images/popups/fund_box.gif) 0px 0px; } .vg0 .vg-fundBox.fund2 { background: url(../images/popups/fund_box.gif) 0px -70px; } .vg0 .vg-fundBox.fund3 { background: url(../images/popups/fund_box.gif) 0px -140px; } .vg0 .vg-fundBox.fund4 { background: url(../images/popups/fund_box.gif) -90px 0px; } .vg0 .vg-fundBox.fund5 { background: url(../images/popups/fund_box.gif) -90px -70px; } .vg0 .vg-fundBox.fund6 { background: url(../images/popups/fund_box.gif) -90px -140px; } .vg0 .vg-fundBox.fund7 { background: url(../images/popups/fund_box.gif) -180px 0px; } .vg0 .vg-fundBox.fund8 { background: url(../images/popups/fund_box.gif) -180px -70px; } .vg0 .vg-fundBox.fund9 { background: url(../images/popups/fund_box.gif) -180px -140px; } .vg0 .vg-fundBox.fund10 { background: url(../images/popups/fund_box.gif) -270px 0px; z-index:0 } .vg0 .vg-fundBox.fund10 .fundBoxContent { margin-top:12px; } .vg0 .vg-fundBox.fund10[class] .fundBoxContent { margin-top:8px; } .vg0 .compareFunds .vg-fundBox.fund10 .fundBoxContent { text-align:center; margin-top:17px; } .vg0 .compareFunds .vg-fundBox.fund10[class] .fundBoxContent { text-align:center; margin-top:13px; } .vg0 .vg-fundBox.fund10 .fundBoxContent a, .vg0 .vg-fundBox.fund10 .fundBoxContent a:hover { text-decoration:none; color:#333; } .vg0 .vg-fundBox.fund1 div.moveBox {color: #669933;} .vg0 .vg-fundBox.fund2 div.moveBox {color: #009966;} .vg0 .vg-fundBox.fund3 div.moveBox {color: #253976;} .vg0 .vg-fundBox.fund4 div.moveBox {color: #352C5E;} .vg0 .vg-fundBox.fund5 div.moveBox {color: #45254E;} .vg0 .vg-fundBox.fund6 div.moveBox {color: #5E1939;} .vg0 .vg-fundBox.fund7 div.moveBox {color: #950F29;} .vg0 .vg-fundBox.fund8 div.moveBox {color: #CC1919;} .vg0 .vg-fundBox.fund9 div.moveBox {color: #FF1919;} /**/ /*Web Registration */ /* Update Feb 2008 - Intial state boxes are now the same size as inProgress state */ .vg0 .webReg {width:100%;} .vg0 .webReg #CBD_PROCESS_NAV {width:100%;} .vg0 .webReg.initial #CBD_PROCESS_NAV { padding:16px 0px 55px 0px;} .vg0 .webReg.inProgress #CBD_PROCESS_NAV {padding:16px 0px 0px 0px; } .vg0 .webReg #CBD_PROCESS_NAV .disabled { -moz-opacity:0.4; filter:alpha(opacity=40); -webkit-opacity:.4;} .vg0 .webReg #CBD_PROCESS_NAV .disabled div.step { filter:alpha(opacity=40); } /*for IE */ .vg0 .webReg.initial #CBD_PROCESS_NAV .disabled { -moz-opacity:1; filter:alpha(opacity=100); -webkit-opacity:1;} .vg0 .webReg.initial #CBD_PROCESS_NAV .disabled div.step { -moz-opacity:1; filter:alpha(opacity=100); -webkit-opacity:1;} .vg0 .zeroOpacity { -moz-opacity:0.0; filter:alpha(opacity=0); -webkit-opacity:0;} .vg0 .webReg #CBD_NAV_DECK {width:100%;} .vg0 .webReg #CBD_NAV_DECK .upperProcNavCard { width:100%; background-color:#FFFFFF; margin-bottom:5px; padding:5px; overflow: auto; } .vg0 .webReg.initial #CBD_NAV_DECK .upperProcNavCard { height:1px;} .vg0 .webReg.inProgress #CBD_NAV_DECK .upperProcNavCard { height:320px; visibility:visible;} .vg0 .webReg .navDeckItem {width: 100%;} .vg0 .webReg .navDeckCardPad {padding: 0 0 10px 0 !important;} .vg0 .webReg .bgroup {margin: 0px;} .vg0 .webReg.inProgress .navDeckItem, .vg0 .webReg.initial .navDeckItem {height: 60px;} html>body .IE6Ignore, .vg0 .webReg #CBD_PROCESS_NAV { padding-bottom:30px } html>body .IE6Ignore, .vg0 .webReg .navDeckCardPad {padding: 0px !important;} .vg0 .webReg #CBD_NAV_DECK .lowerProcNavCard {width:100%; background-color:#036; padding:2px; } /* DEF441575 - BG Color fix for grad8 with fadein */ .vg0 .webReg #CBD_NAV_DECK .lowerProcNavCard { margin-top:-5px; border-top: 5px solid #BCCEDF; border-bottom: 10px solid #BCCEDF; } .vg0 .initial #CBD_NAV_DECK .lowerProcNavCard { border-color: #E5ECF4 } .vg0 .webReg .vg-deckCard {padding: 0px !important;} /*VFP Plan*/ .vg0 .vfpPlan { width:100%; } .vg0 .vfpPlan .disabled { -moz-opacity:0.6; filter:alpha(opacity=60); -webkit-opacity:.6;} .vg0 .vfpPlan .disabled div.step { filter:alpha(opacity=50); } /*for IE */ .vg0 .vfpPlan.overview { margin: 5px 0 0 0; } .vg0 .vfpPlan.consult { margin:34px 0 60px 0; } .vg0 .vfpPlan.data { margin:0 0 0 0; } .vg0 .vfpPlan { width:100%; padding:0px; } .vg0 .vfpPlan .vfpBullets ul { list-style-type:none; text-indent:-12px;} .vg0 .vfpPlan .vfpBullets ul li { margin-left:-2px; } .vg0 .vfpRBLink { -moz-opacity:0.8; filter:alpha(opacity=80); -webkit-opacity:.8;} .vg0 .gridTable tr.status td h2 { height:36px; padding:9px 0 0 9px; margin:0; border-left:1px solid #CCC; border-right:1px solid #CCC; white-space:nowrap; } .vg0 .gridTable tr.status td a:hover h2 { text-decoration:none; cursor:pointer} .vg0 .gridTable tr.status td.complete h2 { background-color:#42A437; color:#FFF; } .vg0 .gridTable tr.status td.complete2 h2 { background-color:#42A437; color:#FFF; padding-top:3px; } /*Complete2 used for complete look but with additional tag under it for the smaller command linke*/ .vg0 .gridTable tr.status td.complete2 h2 span { display:block; color:#FFF; font-size: 85%; font-weight:bold; line-height:100%; } .vg0 .gridTable tr.status td.incomplete h2 { background-color:#9E1B34; color:#FFF;} .vg0 .gridTable tr.status td.resume h2 { background-color:#FFD457; color:#9E1B34; } .vg0 .gridTable tr.status td.inactive { background-color:none } .vg0 .gridTable tr.status td.inactive h2 { background-color:#666; color:#EAEAEA; cursor:default; text-decoration:none; -moz-opacity:.6; filter:alpha(opacity=60); -webkit-opacity:.6; cursor:default } .vg0 .gridTable tr.status td.vfpRollover h2 { background-color:#F7F9E0; color:#9E1B34; } .vg0 .gridTable tr.status td.vfpRollover h2 span { color:#9E1B34; } /*tombstone numbering */ .vg0 div.step { display: block; height: 50px; width: 50px; margin: 0; padding: 0; position: relative; float: left; overflow: hidden; list-style-type: none; } .vg0 .step .icon { width: 100%; height: 100%; position: absolute; background-color:transparent !important; background-image: url(../images/icons/process-ind.png); background-repeat: no-repeat; } .vg0 .step .icon.one {top:0px; height: 100px; left: 0; width: 50px;} .vg0 .step .icon.two {top:0px; height: 100px; left:-50px; width: 100px;} .vg0 .step .icon.three {top:0px; height: 100px; left:-100px; width: 150px;} .vg0 .step .icon.four {top:0px;height: 100px; left:-150px; width: 200px;} .vg0 .step .icon.five {top:0px; height: 100px; left:-200px; width: 250px;} .vg0 .step .icon.done {top:-50px; height: 100px; left: 0; width: 50px;} /*openAcct navDeck*/ .vg0 .openAcct { width:100%; margin: 0px 95px 0px 95px; } .vg0 .openAcct[class] { width:auto } .vg0 .openAcct.OAinitial #CBD_PROCESS_NAV { padding:0px;} .vg0 .openAcct #CBD_PROCESS_NAV .gridTable { margin:0px; } .vg0 .openAcct #CBD_NAV_DECK { width:100%; background-color:#FFFFFF; } .vg0 .openAcct #CBD_NAV_DECK .upperProcNavCard { width:100%; padding:0 3px 0 3px; margin:3px 0 0 0 } .vg0 .openAcct #CBD_NAV_DECK .lowerProcNavCard { width:100%; padding:0 5px 0 0; margin:15px 0 0 0; } .vg0 .openAcct #CBD_NAV_DECK .rd4shdwctrMid, .vg0 .openAcct #CBD_NAV_DECK .roundBoxCtnt { background-color:#FFFFFF } /*(DEF445476) to prevent IE fuzzy text problem when fading in/out */ .vg0 .openAcct.OAinitial #CBD_NAV_DECK { margin-top:0px } .vg0 .openAcct.OAinitial #CBD_NAV_DECK .rd4shdwtopLft { background-position: -30px -182px } .vg0 .openAcct.firstTab #CBD_NAV_DECK .rd4shdwtopRow .rd4shdwtopLft { background-image: none; border-left:1px solid #CCC } .vg0 .openAcct.firstTab #CBD_NAV_DECK .rd4shdwtopRow .rd4shdwtopLft { background-image: none; border-left:1px solid #CCC } .vg0 .openAcct.lastTab #CBD_NAV_DECK .rd4shdwtopRow .rd4shdwtopRgt { background-image: url(../images/popups/round_box_ctrRgt3.png); background-position: center right; background-repeat: repeat-y; border-right:0px solid #000; } .vg0 .openAcct.firstTab #CBD_NAV_DECK .roundBoxCtnt .rd4shdwtopRow .rd4shdwtopLft { background-image: url("../images/popups/round_box.png"); background-repeat: no-repeat; border:none } .vg0 .openAcct.lastTab #CBD_NAV_DECK .roundBoxCtnt .rd4shdwtopRow .rd4shdwtopRgt { background-image: url("../images/popups/round_box.png"); background-position:-44px -180px; background-repeat: no-repeat; border:none } .vg0 .openAcct.secondaryTabs #CBD_NAV_DECK { } .vg0 .openAcct table.bcm2SummTable { border:none; } .vg0 .openAcct table.bcm2SummTable td.subHead { border-top:none; border-bottom:none; padding:0 0 0 0 } .vg0 .comp-navTabItem div.oaCtnt { padding:6px 0 0 0; margin:0 17px 0 50px; } .vg0 .comp-navTabItem div.oaCtnt .minWidth{ width:95px; font-size:1px } .vg0 .comp-navTabItem div.oaCtnt p { font: 75% Arial, Helvetica, sans-serif; color:#333; margin:.25em 0 0 0 } /* Component Numbers */ .vg0 .comp-navTabItem div.oaNum { width:17px; height:17px; position:absolute; top:0; right:0; background-image: url(../images/icons/process-ind.png); background-repeat: no-repeat; } /* Stand Alone Numbers */ .vg0 .oaNumImg { width:17px; height:17px; position:relative; background-image: url(../images/icons/process-ind.png); background-repeat: no-repeat; display: -moz-inline-box; display:inline-block; } /* Numbers - prefix with "oa" to avoid interfere with cl-out .one, .two, etc. */ .vg0 .oaOne { background-position: -59px -59px; } .vg0 .oaTwo { background-position: -79px -59px; } .vg0 .oaThree { background-position: -99px -59px; } .vg0 .oaCheck { background-position: -119px -59px; } .vg0 .oaFour { background-position: -139px -59px; } .vg0 .oaFive { background-position: -159px -59px; } .vg0 .oaSix { background-position: -179px -59px; } .vg0 .oaSeven { background-position: -199px -59px; } .vg0 .comp-navTabItem div.oaIcon { width:48px; height:46px; position:absolute; } .vg0 .comp-navTabItem div.oaIconSA { width:48px; height:46px; position:relative; } .vg0 .comp-navTabItem div.oaAccount { top: 4px; left:0; background: url(../images/icons/account.png) no-repeat; } .vg0 .comp-navTabItem div.oaInvestments { top: 0px; left:0; background: url(../images/icons/investment.png) no-repeat; } .vg0 .comp-navTabItem div.oaMethod { top: 4px; left:0; background: url(../images/icons/method.png) no-repeat; } .vg0 .comp-navTabItem div.oaReview { top: 4px; left:0; background: url(../images/icons/review.png) no-repeat; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwtopLft { background-position: -60px -180px; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwtopRgt { background-position: -74px -180px; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwbotLft { background-position: -60px -219px; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwbotRgt { background-position: -74px -219px; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwtopMid { border-top:1px solid #FC0; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwctrLft { border-left:1px solid #FC0; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwctrRgt { border-right:1px solid #FC0; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwbopMid { border-bottom:1px solid #FC0; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwctrRgt { background: url(../images/popups/round_box_ctrRgt3a.png) center right repeat-y; border-right:0px solid #000; } .vg0 .comp-navTabItem .navTabItemMO .rd4shdwbotMid { background: url(../images/popups/round_box_botMid3a.png) bottom center repeat-x; border-bottom:0px solid #CCC; } /*used to not display the outer procNavUI of the openAccount procNav's verify page*/ .vg0 .noProcNavUI #CBD_PROCESS_NAV { display:none } .vg0 .noProcNavUI { margin:0px !important } .vg0 .noProcNavUI #CBD_NAV_DECK .rd4shdwtopLft, .vg0 .noProcNavUI #CBD_NAV_DECK .rd4shdwtopRgt, .vg0 .noProcNavUI #CBD_NAV_DECK .rd4shdwbotLft, .vg0 .noProcNavUI #CBD_NAV_DECK .rd4shdwbotRgt, .vg0 .noProcNavUI #CBD_NAV_DECK .rd4shdwctrRgt, .vg0 .noProcNavUI #CBD_NAV_DECK .rd4shdwbotMid, .vg0 .noProcNavUI #CBD_NAV_DECK .rd4shdwtopMid, .vg0 .noProcNavUI #CBD_NAV_DECK .rd4shdwctrLft { background-image:none !important; border:none !important; } /*navTabItem CSS*/ .vg0 .comp-navTabItem .navTabItem { width:100%; left:0px; position:relative; margin:0px 0px -1px; } .vg0 .comp-navTabItem .navTabItemCtnt { margin:-6px 0 0 -4px; padding:0px; position:relative } .vg0 .comp-navTabItem .current .navTabItemCtnt { height:72px } .vg0 .comp-navTabItem .current .navTabItemCtnt[class] { height:65px } .vg0 .comp-navTabItem .current .rd4shdwbotRow { display:none } .vg0 .comp-navTabItem .current table.roundBox { background:#FFF } .vg0 .comp-navTabItem .unselected .navTabItem { cursor:pointer } .vg0 .comp-navTabItem .unselected .navTabItemCtnt, .vg0 .comp-navTabItem .unselectable .navTabItemCtnt { height:57px; } .vg0 .comp-navTabItem .unselected .navTabItemCtnt[class], .vg0 .comp-navTabItem .unselectable .navTabItemCtnt[class] { height:50px; } .vg0 .comp-navTabItem .unselected table.roundBox, .vg0 .comp-navTabItem .unselectable table.roundBox { background: #EAEAEA url(../images/gradients/65h_gradient_FFFFFF_EAEAEA.jpg) repeat-x; } .vg0 .comp-navTabItem .unselectable .navTabItemCtnt { cursor:auto } .vg0 .comp-navTabItem .unselectable .rd4shdwctrMid { background-color:#FFFFFF } /*(DEF445476) to prevent IE fuzzy text problem when fading in/out*/ .vg0 .comp-navTabItem .disabled .navTabItem, .vg0 .comp-navTabItem .unselectable .navTabItem { -moz-opacity:0.7; filter:alpha(opacity=40); -webkit-opacity: .7} .vg0 .comp-navTabItem .disabled .navTabItem div.oaCtnt, .vg0 .comp-navTabItem .unselectable .navTabItem div.oaCtnt { -moz-opacity:0.50; -webkit-opacity: .50} .vg0 .comp-navTabItem .disabled .navTabItem div.oaIcon, .vg0 .comp-navTabItem .unselectable .navTabItem div.oaIcon { -moz-opacity:0.40; filter:alpha(opacity=20); -webkit-opacity: .45} .vg0 .comp-navTabItem .disabled .navTabItem table.roundBox, .vg0 .comp-navTabItem .unselectable .navTabItem table.roundBox { background: none; } /* Select Tables - SMALL */ .vg0 table.selectTable { cursor:pointer; font:70% Arial, Helvetica, sans-serif;} .vg0 table.selectTable tbody { text-align:center; vertical-align:middle; } .vg0 table.selectTable { color:#333; border-top:1px solid #CCC; } .vg0 table.selectTable td, .vg0 table.selectTable th { height:33px; vertical-align:middle !important; } .vg0 table.selectTable td { background-color:#FFFFFF; padding:0 8px; border-bottom:1px solid #CCC; border-left:1px solid #CCC;} .vg0 table.selectTable th { background-color:#F2F4F6; text-align:center; vertical-align:middle; padding:0 8px; border-bottom:1px solid #CCC; border-left:1px solid #CCC;} .vg0 table.selectTable td p, .vg0 table.selectTable td span {font: 100% Arial, Helvetica, sans-serif; margin:0px;} .vg0 table.selectTable th p, .vg0 table.selectTable th span {font: 100% Arial, Helvetica, sans-serif; margin:0px;} .vg0 table.selectTable td.blankRow, .vg0 table.SelectTable th.blankRow { background-color:transparent; border-right:none; border-left:none; height:15px;} .vg0 .roDeck table.selectTable td.blankRow, .vg0 .roDeck table.SelectTable th.blankRow { background-color:#E6EDF2; } .vg0 table.selectTable .last { border-right:1px solid #CCC;} /* Select Tables - LARGE */ .vg0 table.selectTable.large { cursor:default; font:80% Arial, Helvetica, sans-serif; } .vg0 table.selectTable.large td { text-align:left; vertical-align:top !important; padding: 0px !important;} .vg0 table.selectTable.large th { cursor:pointer; height:27px; padding 0px 8px } .vg0 table.selectTable.large .gridTable { font: 100% Arial, Helvetica, sans-serif; margin-bottom:0px; border:none; } .vg0 table.selectTable.large .gridTable td { background-color: transparent; border:none; } /* Additional styles for Large table content */ .vg0 table.selectTable div.viewall { background-color:#D2E2EC; width:75px; padding:0px; margin: -2px 0px 0px; vertical-align:bottom; float:right } html>body .IE6Ignore, .vg0 table.selectTable div.viewall { margin: 0px; } .vg0 table.selectTable div.viewall p { font: 90% Arial, Helvetica, sans-serif; padding:2px; margin:0px; vertical-align:middle; text-align: center; } .vg0 table.selectTable div.viewall a { color:#000000; } .vg0 div.comp1 { margin:5px 5px 5px 5px; border:1px solid #FFF } .vg0 div.comp2 { overflow:auto; margin:5px 0px 5px 5px; padding:1px; text-align:left } .vg0 div.comp2 dl.arrow { margin-top:0px; } .vg0 div.comp2 dl.arrow dd { font:85% Arial,sans-serif } .vg0 div.comp2 dl.arrow dt { font:85% Arial,sans-serif } .vg0 div.comp3 { margin:10px 5px 5px 5px; border:1px solid #FFF; padding:1px; } /* Select Tables - styles for behaviors */ .vg0 table.selectTable .TableCell-sel { background-color:#FFE1A6; background-image:url(../images/gradients/100h_gradient_FFF1D6_FFE1A6.png); background-repeat:repeat-x } .vg0 table.selectTable.large div.TableCell-sel { border:1px solid #CC6600; background-color:#FFE1A6; background-image:url(../images/gradients/100h_gradient_FFF1D6_FFE1A6.png); background-repeat:repeat-x } .vg0 table.selectTable .TableHeadCell-sel { background-color:#D2E2EC; color:#333; background-image:url(../images/gradients/27h_gradient_EEF9FE_D2E2EC.jpg); background-repeat:repeat-x} .vg0 table.selectTable .TableRowCell-sel { background-color:#D2E2EC; color:#333; background-image:url(../images/gradients/130h_gradient_EEF9FE_D2E2EC.png); background-repeat:repeat-x} .vg0 table.selectTable .TableCell-sel div.viewall { background-color:transparent; } /* Tabbox styles */ .vg0 .vtabs .insidePad { padding: 5px 5px 0px 5px; } /* CHG411792 - Optional class to add padding inside tabbox */ .vg0 .vtabs .tabbox ul, .vg0 .vtabs .int-tabbox ul {position: relative; margin: 0 0 0 -1px; padding: 0; font: normal 11px Arial, sans-serif; list-style-type: none; width: 100%; height:22px; } @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari Hack - DEF411768 */ .vg0 .vtabs .tabbox ul, .vg0 .vtabs .int-tabbox ul {margin-bottom: -2px; } } .vg0 .vtabs .tabbox ul li, .vg0 .vtabs .int-tabbox ul li { display: block; float: left; margin:0; padding: 0; white-space: nowrap } /* DEF428525 - nowrap */ .vg0 .vtabs .tabbox ul li input, .vg0 .vtabs .int-tabbox ul li input {margin-right: 5px;} /* CHG411461 - checkbox inside tabbox */ .vg0 .vtabs .tabbox a, .vg0 .vtabs .int-tabbox a {display: block; float: left; color: #333; padding: 3px 10px 5px 10px; text-decoration: none; letter-spacing: 1px;} /*option 1*/ .vg0 .vtabs.opt1 .tabbox {border-bottom: solid 3px #D2E2EC;} .vg0 .vtabs.opt1 .int-tabbox {border-bottom: solid 3px #BFD3A1;} .vg0 .vtabs.opt1 .tabbox li.current, .vg0 .vtabs.opt1 .int-tabbox li.current, .vg0 .vtabs.opt1 .tabbox li.current-err, .vg0 .vtabs.opt1 .int-tabbox li.current-err, .vg0 .vtabs.opt1 .int-tabbox li.int-current {background-image: url(../images/gh/r_curve.gif); background-repeat: no-repeat; background-position: right top; background-color: #D2E2EC; margin-right:2px; padding-bottom: 1px;} .vg0 .vtabs.opt1 .tabbox li.current-err, .vg0 .vtabs.opt1 .int-tabbox li.current-err {background-color: #FDE366;} .vg0 .vtabs.opt1 .int-tabbox li.int-current {background-color: #BFD3A1;} .vg0 .vtabs.opt1 .tabbox li.current a, .vg0 .vtabs.opt1 .int-tabbox li.current a, .vg0 .vtabs.opt1 .tabbox li.current-err a, .vg0 .vtabs.opt1 .int-tabbox li.current-err a, .vg0 .vtabs.opt1 .int-tabbox li.int-current a {background-image: url(../images/gh/l_curve.gif); background-repeat: no-repeat; background-position: left top; color: #036; font-weight:bold;} .vg0 .vtabs.opt1 .tabbox li.current-err a, .vg0 .vtabs.opt1 .int-tabbox li.current-err a {color: #F4420C;} .vg0 .vtabs.opt1 .int-tabbox li.int-current a {color: #036;} .vg0 .vtabs.opt1 .tabbox li.unselected, .vg0 .vtabs.opt1 .int-tabbox li.unselected, .vg0 .vtabs.opt1 .tabbox li.unselected-err, .vg0 .vtabs.opt1 .int-tabbox li.unselected-err, .vg0 .vtabs.opt1 .tabbox li.int-unselected, .vg0 .vtabs.opt1 .int-tabbox li.int-unselected {background-image: url(../images/tab_grey_border_r_curve.gif); background-repeat: no-repeat; background-position: right top; background-color: #FFF; border-bottom: solid 1px #FFF; margin-right:2px;} .vg0 .vtabs.opt1 .tabbox li.int-unselected, .vg0 .vtabs.opt1 .int-tabbox li.int-unselected {background-image: url(../images/gh/r_curve.gif); background-color: #D5E5BC; margin-right:0;} .vg0 .vtabs.opt1 .tabbox li.unselected-err, .vg0 .vtabs.opt1 .int-tabbox li.unselected-err {background-image: url(../images/gh/r_curve.gif); background-color: #FDE366; margin-right:0;} .vg0 .vtabs.opt1 .tabbox li.unselected a, .vg0 .vtabs.opt1 .int-tabbox li.unselected a, .vg0 .vtabs.opt1 .tabbox li.unselected-err a, .vg0 .vtabs.opt1 .int-tabbox li.unselected-err a, .vg0 .vtabs.opt1 .tabbox li.int-unselected a, .vg0 .vtabs.opt1 .int-tabbox li.int-unselected a {background-image: url(../images/tab_grey_border_l_curve.gif); background-repeat: no-repeat; background-position: left top; color: #036; border-bottom: solid 1px #D2E2EC; padding-bottom: 4px;} .vg0 .vtabs.opt1 .tabbox li.unselected-err a, .vg0 .vtabs.opt1 .int-tabbox li.unselected-err a {background-image: url(../images/gh/l_curve.gif); color: #F4420C; border-bottom: solid 1px #FDE366;} .vg0 .vtabs.opt1 .tabbox li.int-unselected a, .vg0 .vtabs.opt1 .int-tabbox li.int-unselected a {background-image: url(../images/gh/l_curve.gif); color: #036;} .vg0 .vtabs.opt1 .tabbox ul li.disabled, .vg0 .vtabs.opt1 .int-tabbox ul li.disabled { background-image: url(../images/tab_disabled_border_r_curve.gif); background-repeat: no-repeat; background-position: right top; margin-right:2px;} .vg0 .vtabs.opt1 .tabbox ul li.disabled a, .vg0 .vtabs.opt1 .int-tabbox ul li.disabled a { background-image: url(../images/tab_disabled_border_l_curve.gif); background-repeat: no-repeat; background-position: left top; color: #999; cursor:default; border-bottom: solid 1px #CCC; padding-bottom: 4px;} /*option 2*/ .vg0 .vtabs.opt2 .tabbox {border-bottom: solid 3px #6A8DB6;} .vg0 .vtabs.opt2 .int-tabbox {border-bottom: solid 3px #BFD3A1;} .vg0 .vtabs.opt2 .tabbox li.current, .vg0 .vtabs.opt2 .int-tabbox li.current, .vg0 .vtabs.opt2 .tabbox li.current-err, .vg0 .vtabs.opt2 .int-tabbox li.current-err, .vg0 .vtabs.opt2 .int-tabbox li.int-current {background-image: url(../images/gh/r_curve.gif); background-repeat: no-repeat; background-position: right top;background-color: #6A8DB6; margin-right:1px;} .vg0 .vtabs.opt2 .tabbox li.current-err, .vg0 .vtabs.opt2 .int-tabbox li.current-err {background-color: #FDE366;} .vg0 .vtabs.opt2 .int-tabbox li.int-current {background-color: #BFD3A1;} .vg0 .vtabs.opt2 .tabbox li.current a, .vg0 .vtabs.opt2 .int-tabbox li.current a, .vg0 .vtabs.opt2 .tabbox li.current-err a, .vg0 .vtabs.opt2 .int-tabbox li.current-err a, .vg0 .vtabs.opt2 .int-tabbox li.int-current a {background-image: url(../images/gh/l_curve.gif); background-repeat: no-repeat; background-position: left top; color: #FFF; font-weight:bold;} .vg0 .vtabs.opt2 .tabbox li.current-err a, .vg0 .vtabs.opt2 .int-tabbox li.current-err a {color: #F4420C;} .vg0 .vtabs.opt2 .int-tabbox li.int-current a {color: #036;} .vg0 .vtabs.opt2 .tabbox li.unselected, .vg0 .vtabs.opt2 .int-tabbox li.unselected, .vg0 .vtabs.opt2 .tabbox li.unselected-err, .vg0 .vtabs.opt2 .int-tabbox li.unselected-err, .vg0 .vtabs.opt2 .tabbox li.int-unselected, .vg0 .vtabs.opt2 .int-tabbox li.int-unselected {background-color: #D2E2EC; background-image: url(../images/tab_grey_border_r_curve.gif); background-repeat: no-repeat; background-position: right top; border-bottom: solid 1px #FFF; margin-right:2px;} .vg0 .vtabs.opt2 .tabbox li.unselected-err, .vg0 .vtabs.opt2 .int-tabbox li.unselected-err {background-image: url(../images/gh/r_curve.gif); background-color: #FDE366; margin-right:0;} .vg0 .vtabs.opt2 .tabbox li.int-unselected, .vg0 .vtabs.opt2 .int-tabbox li.int-unselected {background-image: url(../images/gh/r_curve.gif); background-color: #D5E5BC; margin-right:0;} .vg0 .vtabs.opt2 .tabbox li.unselected a, .vg0 .vtabs.opt2 .int-tabbox li.unselected a, .vg0 .vtabs.opt2 .tabbox li.unselected-err a, .vg0 .vtabs.opt2 .int-tabbox li.unselected-err a, .vg0 .vtabs.opt2 .tabbox li.int-unselected a, .vg0 .vtabs.opt2 .int-tabbox li.int-unselected a {background-image: url(../images/tab_grey_border_l_curve.gif); background-repeat: no-repeat; background-position: left top; color: #036; padding-bottom:4px;} .vg0 .vtabs.opt2 .tabbox li.unselected-err a, .vg0 .vtabs.opt2 .int-tabbox li.unselected-err a {background-image: url(../images/gh/l_curve.gif); color: #F4420C;} .vg0 .vtabs.opt2 .tabbox li.int-unselected a, .vg0 .vtabs.opt2 .int-tabbox li.int-unselected a {background-image: url(../images/gh/l_curve.gif); color: #036;} .vg0 .vtabs.opt2 .tabbox ul li.disabled, .vg0 .vtabs.opt2 .int-tabbox ul li.disabled { background-image: url(../images/gh/r_curve.gif); background-repeat: no-repeat; background-position: right top; background-color: #EAEAEA; margin-right:1px;} .vg0 .vtabs.opt2 .tabbox ul li.disabled a, .vg0 .vtabs.opt2 .int-tabbox ul li.disabled a { background-image: url(../images/gh/l_curve.gif); background-repeat: no-repeat; background-position: left top; color: #999; cursor:default; padding-bottom: 4px;} /*option 3 for VFP*/ .vg0 .vtabs.opt3 { width: 100%; -moz-opacity:0.9; filter:alpha(opacity=90); -webkit-opacity:.9; margin-left:8px;} .vg0 .vtabs.opt3 .tabbox { border-bottom: 0px; height:51px; width: 795px;} .vg0 .vtabs.opt3 .tabbox ul {margin-left:0px !important;} .vg0 .vtabs.opt3 .tabbox ul li {width: 194px; display: block; float: left; margin: 0; padding: 0; -moz-opacity:0.9; filter:alpha(opacity=90); -webkit-opacity:.9;} .vg0 .vtabs.opt3 .tabbox ul li a {font-size: 12px; width: 188px; height: 51px; display: block; float: left; color: #333;text-decoration: none; letter-spacing: 1px; font-weight: bold; padding: 14px 0px 24px 10px;} .vg0 .vtabs.opt3 .tabbox ul li.current {background-image: url(../images/vfp_tab_slctd_rght.gif); background-repeat: no-repeat; background-position: right top; border-bottom: 0px; margin-right:3px; -moz-opacity:0.9; filter:alpha(opacity=90); -webkit-opacity:.9;} .vg0 .vtabs.opt3 .tabbox ul li.current a {font-weight: bold; color: #9E1B34; background-image: url(../images/vfp_tab_slctd_lft.gif); background-repeat: no-repeat; background-position: leftop; border-bottom: 0px;} .vg0 .vtabs.opt3 .tabbox ul li.unselected { background-image: url(../images/vfp_tab_rght.gif); background-repeat: no-repeat; background-position: right top; margin-right:3px;} .vg0 .vtabs.opt3 .tabbox ul li.unselected a { background-image: url(../images/vfp_tab_lft.gif); background-repeat: no-repeat; background-position: left top; } .vg0 .vtabs.opt3 .tabbox ul li.disabled { background-image: url(../images/vfp_tab_rght.gif); background-repeat: no-repeat; background-position: right top; margin-right:3px; -moz-opacity:0.5; filter:alpha(opacity=50); -webkit-opacity:.5;} .vg0 .vtabs.opt3 .tabbox ul li.disabled a { background-image: url(../images/vfp_tab_lft.gif); background-repeat: no-repeat; background-position: left top; color: #666; cursor:default;} .vg0 .vtabs.opt3 .tabcontainer {margin-top:0px; width: 783px;} /* Nav Squares */ .vg0 .vtabs.navSq1 .tabbox .navMinWidth, .vg0 .vtabs.navSq2 .tabbox .navMinWidth, .vg0 .vtabs.navSq3 .tabbox .navMinWidth, .vg0 .vtabs.navSq4 .tabbox .navMinWidth { width: 790px; font-size: 1px; } .vg0 .vtabs.navSq1 .tabbox ul, .vg0 .vtabs.navSq2 .tabbox ul, .vg0 .vtabs.navSq3 .tabbox ul, .vg0 .vtabs.navSq4 .tabbox ul {position: relative; margin: 0; padding: 0; list-style-type: none; width: 100%; height: 83px; } .vg0 .vtabs.navSq1 .tabbox ul li, .vg0 .vtabs.navSq2 .tabbox ul li, .vg0 .vtabs.navSq3 .tabbox ul li, .vg0 .vtabs.navSq4 .tabbox ul li { display: block; float: left; height: 70px; width: 153px; white-space: normal; margin-right: 5px; padding: 0;} .vg0 .vtabs.navSq1 .tabbox a, .vg0 .vtabs.navSq2 .tabbox a, .vg0 .vtabs.navSq3 .tabbox a, .vg0 .vtabs.navSq4 .tabbox a {display: block; float: left; color: #000; text-decoration: none; font: normal 14px Arial, sans-serif; height: 70px; width: 153px; padding: 15px 10px 15px 15px; letter-spacing: normal; } .vg0 .vtabs.navSq1 .tabbox li.unselected a:hover, .vg0 .vtabs.navSq2 .tabbox li.unselected a:hover, .vg0 .vtabs.navSq3 .tabbox li.unselected a:hover, .vg0 .vtabs.navSq4 .tabbox li.unselected a:hover { color: #FFF; text-decoration: none; } .vg0 .vtabs.navSq1 .tabbox li.unselected a:hover { background-color: #666633; } .vg0 .vtabs.navSq2 .tabbox li.unselected a:hover { background-color: #993300; } .vg0 .vtabs.navSq3 .tabbox li.unselected a:hover { background-color: #E47D2B; } .vg0 .vtabs.navSq4 .tabbox li.unselected a:hover { background-color: #235577; } .vg0 .vtabs.navSq1 .tabbox li.current, .vg0 .vtabs.navSq2 .tabbox li.current, .vg0 .vtabs.navSq3 .tabbox li.current, .vg0 .vtabs.navSq4 .tabbox li.current { background-repeat: no-repeat; background-color: transparent; width: 153px; height: 83px ; } .vg0 .vtabs.navSq1 .tabbox li.current { background-image: url(../images/ro_select_new.png); } .vg0 .vtabs.navSq2 .tabbox li.current { background-image: url(../images/mfi_select_new.png); } .vg0 .vtabs.navSq3 .tabbox li.current { background-image: url(../images/clg_select_new.png); } .vg0 .vtabs.navSq4 .tabbox li.current { background-image: url(../images/ira_select_new.png); } .vg0 .vtabs.navSq1 .tabbox li.current a, .vg0 .vtabs.navSq2 .tabbox li.current a, .vg0 .vtabs.navSq3 .tabbox li.current a, .vg0 .vtabs.navSq4 .tabbox li.current a { color: #FFF; font-weight:bold; } .vg0 .vtabs.navSq1 .tabbox li.unselected a, .vg0 .vtabs.navSq2 .tabbox li.unselected a, .vg0 .vtabs.navSq3 .tabbox li.unselected a, .vg0 .vtabs.navSq4 .tabbox li.unselected a { background-image: url(../images/nav_square_new.png); background-repeat: no-repeat; background-color: #E2DCC0; color: #000;} /* End Nav Squares */ /* Suared-off Tabs */ .vg0 .vtabs.opt5 { width: 100%;} .vg0 .vtabs.opt5 .tabbox { border-bottom: solid 1px #CCC; height:28px; width: 100%;} .vg0 .vtabs.opt5 .tabbox[class] {height:29px;} .vg0 .vtabs.opt5 .tabbox ul {margin-left:0px !important; margin-bottom: -1px;} .vg0 .vtabs.opt5 .tabbox ul li {display: block; float: left; margin: 0; padding: 0;} .vg0 .vtabs.opt5 .tabbox ul li a {font-size: 12px;display: block; float: left;;text-decoration: none; padding: 7px 10px 7px 10px;} .vg0 .vtabs.opt5 .tabbox ul li.current {margin-right:3px; border-top: solid 1px #CCC; border-left: solid 1px #CCC; border-right: solid 1px #CCC; background-color: #FFF; height: 29px; overflow:visible;} .vg0 .vtabs.opt5 .tabbox ul li.current a {font-weight: bold; color: #666; border-bottom: solid 2px #FFF; padding-bottom: 2px;} .vg0 .vtabs.opt5 .tabbox ul li.unselected {height: 29px; margin-right:3px; border-top: 0; border-left: 0; border-right: 0;} .vg0 .vtabs.opt5 .tabbox ul li.unselected a {font-weight: normal; color:#00C; border-bottom: 0px; } .vg0 .vtabs.opt5 .tabbox ul li.disabled { height: 29px; margin-right:3px; border-top: 0; border-left: 0; border-right: 0;} .vg0 .vtabs.opt5 .tabbox ul li.disabled a { font-weight: normal; color: #666; cursor:default;border-bottom: 0px; } .vg0 .vtabs.opt5 .tabcontainerLeft {border-left: solid 1px #ccc; margin-top: 0; padding: 5px 0 0 10px;} .vg0 .vtabs.opt5 .tabcontainerRight {border-right: solid 1px #ccc; margin-top: 0; padding: 5px 0 0 10px;} .vg0 .vtabs.opt5 .tabcontainerNone {margin-top: 0; padding: 5px 0 0 10px;} /* End Square Tabs */ /* Styles for secondary level tab navigation */ .vg0 .vtabs .subhead ul, .vg0 .vtabs .int-subhead ul { height: 19px; position: relative; margin: 0; padding-top: 1px; font: normal 11px Arial, sans-serif; list-style-type: none;} .vg0 .vtabs .subhead ul li, .vg0 .vtabs .int-subhead ul li {display: block; float: left; margin: 0; padding: 0;} .vg0 .vtabs.opt1 .subhead { background-color: #D2E2EC;} .vg0 .vtabs.opt2 .subhead { background-color: #6A8DB6;} .vg0 .vtabs.opt1 .int-subhead, .vg0 .vtabs.opt2 .int-subhead { background-color: #BFD3A1;} .vg0 .vtabs .subhead ul li, .vg0 .vtabs .int-subhead ul li { display: inline;padding-left: 10px; } .vg0 .vtabs .subhead ul li a, .vg0 .vtabs .int-subhead ul li a { font: normal 11px Arial, Helvetica, sans-serif;} .vg0 .vtabs.opt1 .subhead ul li, .vg0 .vtabs.opt1 .subhead ul li a, .vg0 .vtabs.opt1 .int-subhead ul li a, .vg0 .vtabs.opt2 .int-subhead ul li a { color: #036;} .vg0 .vtabs.opt2 .subhead ul li, .vg0 .vtabs.opt2 .subhead ul li a { color: #FFF;} .vg0 .vtabs .subhead ul li.current a, .vg0 .vtabs .int-subhead ul li.int-current a, .vg0 .vtabs .int-subhead ul li.current a { font-weight:bold; } .vg0 .vtabs .subhead ul li.current-err a, .vg0 .vtabs .int-subhead ul li.int-current-err a, .vg0 .vtabs .int-subhead ul li.current-err a, .vg0 .vtabs .subhead ul li.unselected-err a, .vg0 .vtabs .int-subhead ul li.int-unselected-err a, .vg0 .vtabs .int-subhead ul li.unselected-err a { background-color: #FDE366; color: #F4420C; padding: 0px 3px; } .vg0 .vtabs .subhead ul li.current-err a, .vg0 .vtabs .int-subhead ul li.int-current-err a, .vg0 .vtabs .int-subhead ul li.current-err a { font-weight: bold; } .vg0 .vtabs.opt1 .subhead a:hover, .vg0 .vtabs.opt1 .subhead a:visited:hover, .vg0 .vtabs.opt1 .subhead a:active:hover, .vg0 .vtabs.opt1 .subhead a:link:hover, .vg0 .vtabs .int-subhead a:hover, .vg0 .vtabs .int-subhead a:visited:hover, .vg0 .vtabs .int-subhead a:active:hover, .vg0 .vtabs .int-subhead a:link:hover { color: #036; } .vg0 .vtabs.opt2 .subhead a:hover, .vg0 .vtabs.opt2 .subhead a:visited:hover, .vg0 .vtabs.opt2 .subhead a:active:hover, .vg0 .vtabs.opt2 .subhead a:link:hover { color: #FFF; } .vg0 .vtabs .subhead ul li.current-err a:hover, .vg0 .vtabs .int-subhead ul li.int-current-err a:hover, .vg0 .vtabs .int-subhead ul li.current-err a:hover, .vg0 .vtabs .subhead ul li.unselected-err a:hover, .vg0 .vtabs .int-subhead ul li.int-unselected-err a:hover, .vg0 .vtabs .int-subhead ul li.unselected-err a:hover { color: #F4420C !important; } /* Adjust roundbox in tabs */ .vg0 .vtabs .btl-deckItem {padding: 0px !important;} /*Popup Leader styles ANY CHANGE TO THIS SECTION SHOULD BE REPEATED IN VGIX.css */ /*.ldrTable { background-color: transparent; cursor:url(/web/images/cursors/ilay_cursor.cur); }*/ .vg0 .ldrTable .ldr { visibility:hidden } .vg0 .ldrTable .ldr.vis { visibility:visible } .vg0 .ldrTable .ldr.top, .vg0 .ldrTable .ldr.bot { position:relative; background-image: url(../images/popups/round_box.png); background-repeat:no-repeat; } .vg0 .ldrTable .ldr.top { height:14px; width:24px; } .vg0 .ldrTable .ldr.bot { height:12px; width:24px; } .vg0 .ldrTable .ldr.top.tl { top:7px; left:14px; float:left; background-position: -32px -29px; } .vg0 .ldrTable .ldr.top.tr { top:7px; right:14px; float:right; background-position: -32px -29px; } .vg0 .ldrTable .ldr.bot.bl { bottom:5px; left:14px; float:left; background-position: -32px 0px; } .vg0 .ldrTable .ldr.bot.br { bottom:5px; right:14px; float:right; background-position: -32px 0px; } html>body .IE6Ignore, .vg0 .ldrTable .ldr.top { height:12px; width:24px; position:relative; background-image: url(../images/popups/shadow_box.png); background-repeat:no-repeat; } html>body .IE6Ignore, .vg0 .ldrTable .ldr.bot { height:20px; width:32px; position:relative; background-image: url(../images/popups/shadow_box.png); background-repeat:no-repeat; } html>body .IE6Ignore, .vg0 .ldrTable .ldr.top.tl { top:1px; left:14px; float:left; background-position: -32px -29px; } html>body .IE6Ignore, .vg0 .ldrTable .ldr.top.tr { top:1px; right:22px; float:right; background-position: -32px -29px; } html>body .IE6Ignore, .vg0 .ldrTable .ldr.bot.bl { bottom:11px; left:14px; float:left; background-position: -32px 0px; } html>body .IE6Ignore, .vg0 .ldrTable .ldr.bot.br { bottom:11px; right:14px; float:right; background-position: -32px 0px; } /* used by jsCBDopenAndPositionLayer */ .vg0 .aLdrTop {height:14px; width:24px; position:relative; background-image: url(../images/popups/round_box.png); background-repeat:no-repeat; background-position: -32px -29px;} html>body .IE6Ignore, .vg0 .aLdrTop {height:12px; width:24px; position:relative; background-image: url(../images/popups/shadow_box.png); background-repeat:no-repeat; background-position: -32px -29px; } .vg0 .aLdrBot {height:12px; width:24px; position:relative; background-image: url(../images/popups/round_box.png); background-repeat:no-repeat; background-position: -32px 0px; } html>body .IE6Ignore, .vg0 .aLdrBot {height:20px; width:32px; position:relative; background-image: url(../images/popups/shadow_box.png); background-repeat:no-repeat; background-position: -32px 0px; } /* used by jsCBDPositionDisplayObject */ .vg0 .xLdrTop { height:16px; width:26px; background-position: -32px -29px; position:absolute; background-image: url(../images/popups/round_box.png); background-repeat:no-repeat; font-size:0%; } .vg0 .xLdrBot { height:16px; width:26px; background-position: -32px 0px; position:absolute; background-image: url(../images/popups/round_box.png); background-repeat:no-repeat; font-size:0%; } .vg0 .xLdrLft { height:26px; width:14px; background-position: -29px -62px; position:absolute; background-image: url(../images/popups/round_box.png); background-repeat:no-repeat; font-size:0%; } .vg0 .xLdrRgt { height:26px; width:16px; background-position: -60px -62px; position:absolute; background-image: url(../images/popups/round_box.png); background-repeat:no-repeat; font-size:0%; } html>body .IE6Ignore, .vg0 .xLdrTop {height:12px; width:32px; background-image: url(../images/popups/shadow_box.png); } html>body .IE6Ignore, .vg0 .xLdrBot {height:22px; width:32px; background-image: url(../images/popups/shadow_box.png); } html>body .IE6Ignore, .vg0 .xLdrLft {height:26px; width:13px; background-image: url(../images/popups/shadow_box.png); } html>body .IE6Ignore, .vg0 .xLdrRgt {height:32px; width:22px; background-image: url(../images/popups/shadow_box.png); } .vg0 a.iLayer:hover { background-color:#FFCC99; color: #0000FF; text-decoration:none; z-index:1500; cursor:default } .vg0 a.iLayer img { background-color:#FFF; margin:0 .1em; } .vg0 a.iLayerImg:hover { cursor:default } /* DeckPlayer Styles */ .vg0 table.deckPlayer {border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } .vg0 table.deckPlayer .deckPlayerCont { padding: 14px 0px 14px 14px; 1px solid yellow } .vg0 table.deckPlayer .deckPlayerCounter { position:relative; float:right; top:-14px; border-left:1px solid #CCC; border-bottom:1px solid #CCC; height:25px; width:30px; padding:5px; z-index:2 } .vg0 table.deckPlayer .deckPlayerCounter h2 { text-align:right } .vg0 .deckPlayerController { font: 80% Arial, sans-serif; } .vg0 .deckPlayerController td.contentControls { padding-right: 5px; } .vg0 .deckPlayerController td.contentControls a { color:#00C; } .vg0 .deckPlayerController td.contentControls .roDeck-sel a { color:#333; font-weight: bold; background: none; } .vg0 .deckPlayerController td.linkControls { text-align: center; vertical-align:bottom } .vg0 .deckPlayerController td.linkControls div a { display:block; width: 20px; height:20px; margin:0px 1px; padding:2px 0px 0px .05cm } .vg0 .deckPlayerController td.linkControls[class] div a { padding:2px 2px 0px 0px } @media screen and (-webkit-min-device-pixel-ratio:0) { .vg0 .deckPlayerController td.linkControls[class] div a { padding:3px 0px 0px 1.5px } } .vg0 .deckPlayerController td.linkControls div a { font: 90% Arial, sans-serif; color:#333; text-decoration:none } .vg0 .deckPlayerController td.linkControls div a { background-image:url(../images/icons/media-controls.gif); background-position:-40px -45px; background-repeat:no-repeat } .vg0 .deckPlayerController td.linkControls div a:hover { font-weight:bold; text-decoration:none; background-position:-20px -45px; } .vg0 .deckPlayerController td.linkControls div.roDeck-sel a, .vg0 .deckPlayerController td.linkControls div.roDeck-sel a:hover { color: #FFF; font-weight:bold; background-position:0 -45px; background-repeat:no-repeat; cursor: text } .vg0 .deckPlayerController td.vertRule {border-right: 1px solid #999; width: 10px;} .vg0 .deckPlayerController td.first {padding-left: 7px;} .vg0 .deckPlayerController td.imgControls { width: 15px; text-align: center; padding:0 11px 0 16px} .vg0 .deckPlayerController td.imgControls a { font-size: 0%; color: transparent; } .vg0 .deckPlayerController td.imgControls a div { width: 15px; height: 11px; background-image: url(../images/icons/media-controls.gif); background-repeat: no-repeat; font-size: 0%; text-decoration: none; cursor:pointer; margin: 0 auto;} .vg0 .roundBox tr.rd4ctrRow .deckPlayerController td.imgControls {vertical-align: middle; } /*Needed to override ctrRow valign top */ .vg0 .deckPlayerController .imgControls a.rewind div { width: 10px; } .vg0 .deckPlayerController .imgControls a.rewind:link div, .vg0 .deckPlayerController .imgControls a.rewind:visited div { background-position: 0px 0px; } .vg0 .deckPlayerController .imgControls a.rewind:hover div { background-position: 0px -15px; } .vg0 .deckPlayerController .imgControls a.pause div { width: 8px; } .vg0 .deckPlayerController .imgControls a.pause:link div, .vg0 .deckPlayerController .imgControls a.pause:visited div { background-position: -15px 0px; } .vg0 .deckPlayerController .imgControls a.pause:hover div { background-position: -15px -15px; } .vg0 .deckPlayerController .imgControls a.play div { width: 7px; } .vg0 .deckPlayerController .imgControls a.play:link div, .vg0 .deckPlayerController .imgControls a.play:visited div { background-position: -30px 0px; } .vg0 .deckPlayerController .imgControls a.play:hover div { background-position: -30px -15px; } .vg0 .deckPlayerController .imgControls a.forward div { width: 10px; } .vg0 .deckPlayerController .imgControls a.forward:link div, .vg0 .deckPlayerController .imgControls a.forward:visited div { background-position: -45px 0px; } .vg0 .deckPlayerController .imgControls a.forward:hover div { background-position: -45px -15px; } /* End DeckPlayer Styles */ /* START Flyout Containter Styles */ .vg0 .FOCClipped { clip:rect(0px 4000px 4000px -4000px); } .vg0 .FOCTitle h3, .vg0 .FOCTitleInit h3 { font-size: 70% } .vg0 .FOCDrop .roundBoxScrollDiv { background-color: #FFF; } /* Prevents display issues after animation */ /* END Flyout Containter Styles */ /* ---------------------------------- */ /* Interim RIA Button styles */ /* ---------------------------------- */ .ie .vg0 .btl-button { display: inline-block; zoom: 1.0; /* needed to make opacity work */ } .gecko .vg0 .btl-button { -moz-box-align: start; display: -moz-inline-grid; } /* Re-emphasize the attributes before BB is loaded - DEF408350 */ .vg0 .btl-button { _display: inline-block; } .vg0 .btl-button[class] { display: -moz-inline-grid; } .vg0 .facade .riaButton[class] { margin-right: 2px !important; } /* Adjustment to align buttons with inputs and minimize wrapping */ .vg0 .btl-button { margin-top: 0px; padding: 1px 0px; vertical-align: top; cursor: default} .gecko .vg0 .btl-button { margin-top: -1px; } /* firefox */ .webkit .vg0 .btl-button { display: inline-block; } .opera .vg0 .btl-button { display: inline-block; vertical-align: middle; } .vg0 .btl-button-table { margin: 0; } .vg0 .verticalButton .btl-button-table { width: 100px; } .vg0 .btl-button-top-left, .vg0 .btl-button-top-left2, .vg0 .btl-button-top, .vg0 .btl-button-top2, .vg0 .btl-button-top-right, .vg0 .btl-button-top-right2, .vg0 .btl-button-right, .vg0 .btl-button-bottom-right, .vg0 .btl-button-bottom-right2, .vg0 .btl-button-bottom, .vg0 .btl-button-bottom2, .vg0 .btl-button-bottom-left, .vg0 .btl-button-bottom-left2, .vg0 .btl-button-left, .vg0 .btl-button-content { /* drastically override possible settings from outside */ padding: 0 !important; border-style: none !important; } .vg0 .btl-button-corner, .vg0 .btl-button-corner2 { overflow: hidden; width: 3px; margin: 0; padding: 0; } .vg0 .btl-button-corner { height: 1px; } .vg0 .btl-button-corner2 { height: 2px; } .vg0 .btl-button-top-left, .vg0 .btl-button-top-left2, .vg0 .btl-button-top-right, .vg0 .btl-button-top-right2, .vg0 .btl-button-bottom-left, .vg0 .btl-button-bottom-left2, .vg0 .btl-button-bottom-right, .vg0 .btl-button-bottom-right2, .vg0 .btl-button-top, .vg0 .btl-button-top2, .vg0 .btl-button-bottom, .vg0 .btl-button-bottom2 { background-image: url(/web/Backbase/bindings/namespaces/www.backbase.com.2006.btl/button/chameleon/media/buttonCornersTopBottomBorder.gif); background-repeat: repeat-x; line-height: 0; font-size: 0; } .vg0 .btl-button-left, .vg0 .btl-button-right { background-image: url(/web/Backbase/bindings/namespaces/www.backbase.com.2006.btl/button/chameleon/media/buttonLeftRightBorder.gif); background-repeat: repeat-y; } .vg0 .btl-button-top-left { background-position: 0 0; } .vg0 .btl-button-top-left2 { background-position: 0 -1px; } .vg0 .btl-button-top { background-position: 0 -48px; } .vg0 .btl-button-top2 { background-position: 0 -49px; } .vg0 .btl-button-top-right { background-position: 0 -12px; } .vg0 .btl-button-top-right2 { background-position: 0 -13px; } .vg0 .btl-button-right { background-position: -12px 0; } .vg0 .btl-button-bottom-right { background-position: 0 -26px; } .vg0 .btl-button-bottom-right2 { background-position: 0 -24px; } .vg0 .btl-button-bottom { background-position: 0 -62px; } .vg0 .btl-button-bottom2 { background-position: 0 -60px; } .vg0 .btl-button-bottom-left { background-position: 0 -38px; } .vg0 .btl-button-bottom-left2 { background-position: 0 -36px; } .vg0 .btl-button-left { background-position: 0 0; } .vg0 .btl-button .btl-button-table .btl-button-content{ background-color: #E5E9EF; background-position: 0 0; background-image: url(/web/Backbase/bindings/namespaces/www.backbase.com.2006.btl/button/chameleon/media/buttonBackground.gif); background-repeat: repeat-x; white-space: nowrap; text-align: center; } /* focus */ .vg0 .btl-button-contentContainer { width: 100%; height: 100%; position: relative; } .ie .vg0 .btl-button-contentContainer, .ie .vg0 .btl-button-padding { /* only for IE to avoid performance decrease.. in FF it would actually make the button collapse in some cases */ overflow: hidden; } .vg0 .btl-button-focusIndicator { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } .vg0 .btl-button-focus .btl-button-focusIndicator{ border: 1px dotted black; } .vg0 .btl-button-padding { width: 100%; height: 100%; position: relative; } .vg0 .btl-button-focusIndicator, .vg0 .btl-button-padding { box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing: border-box; } /* hover */ .vg0 .btl-button-hover .btl-button-top-left { background-position: 0 -3px; } .vg0 .btl-button-hover .btl-button-top-left2 { background-position: 0 -4px; } .vg0 .btl-button-hover .btl-button-top { background-position: 0 -51px; } .vg0 .btl-button-hover .btl-button-top2 { background-position: 0 -52px; } .vg0 .btl-button-hover .btl-button-top-right { background-position: 0 -15px; } .vg0 .btl-button-hover .btl-button-top-right2 { background-position: 0 -16px; } .vg0 .btl-button-hover .btl-button-right { background-position: -15px 0; } .vg0 .btl-button-hover .btl-button-bottom-right { background-position: 0 -29px; } .vg0 .btl-button-hover .btl-button-bottom-right2 { background-position: 0 -27px; } .vg0 .btl-button-hover .btl-button-bottom { background-position: 0 -65px; } .vg0 .btl-button-hover .btl-button-bottom2 { background-position: 0 -63px; } .vg0 .btl-button-hover .btl-button-bottom-left { background-position: 0 -41px; } .vg0 .btl-button-hover .btl-button-bottom-left2 { background-position: 0 -39px; } .vg0 .btl-button-hover .btl-button-left { background-position: -3px 0; } /* active */ .vg0 .btl-button-active .btl-button-top-left { background-position: 0 -6px; } .vg0 .btl-button-active .btl-button-top-left2 { background-position: 0 -7px; } .vg0 .btl-button-active .btl-button-top { background-position: 0 -54px; } .vg0 .btl-button-active .btl-button-top2 { background-position: 0 -55px; } .vg0 .btl-button-active .btl-button-top-right { background-position: 0 -18px; } .vg0 .btl-button-active .btl-button-top-right2 { background-position: 0 -19px; } .vg0 .btl-button-active .btl-button-right { background-position: -18px 0; } .vg0 .btl-button-active .btl-button-bottom-right { background-position: 0 -32px; } .vg0 .btl-button-active .btl-button-bottom-right2 { background-position: 0 -30px; } .vg0 .btl-button-active .btl-button-bottom { background-position: 0 -68px; } .vg0 .btl-button-active .btl-button-bottom2 { background-position: 0 -66px; } .vg0 .btl-button-active .btl-button-bottom-left { background-position: 0 -44px; } .vg0 .btl-button-active .btl-button-bottom-left2 { background-position: 0 -42px; } .vg0 .btl-button-active .btl-button-left { background-position: -6px 0; } .vg0 .btl-button-active .btl-button-content{ background-position: 0 100%; background-image: url(/web/Backbase/bindings/namespaces/www.backbase.com.2006.btl/button/chameleon/media/buttonBackgroundActive.gif); background-repeat: repeat-x; } .vg0 .btl-button-top-left, .vg0 .btl-button-top-left2, .vg0 .btl-button-top-right, .vg0 .btl-button-top-right2, .vg0 .btl-button-bottom-left, .vg0 .btl-button-bottom-left2, .vg0 .btl-button-bottom-right, .vg0 .btl-button-bottom-right2, .vg0 .btl-button-top, .vg0 .btl-button-top2, .vg0 .btl-button-bottom, .vg0 .btl-button-bottom2 { background-image: url(../images/buttons/riaButtonCorners.gif); } .vg0 .btl-button-left, .vg0 .btl-button-right { background-image: url(../images/buttons/riaButtonLeftRight.gif); } .vg0 .btl-button .btl-button-table .btl-button-content { background-color: transparent; background-image: none; font: 11px Arial, sans-serif; letter-spacing: .1em; } .vg0 .btl-button-active .btl-button-content { background-image: none; } .vg0 .btl-button-padding, .vg0 .btl-button-hover .btl-button-padding { padding: 1px 4px !important; } .vg0 .btl-button-active .btl-button-padding { padding: 2px 3px 0px 5px !important; } /* --- END ---------------------------- */ /*---- Background Positions----*/ .vg0 .riaButton .btl-button-top-left, .vg0 .riaButton .btl-button-hover .btl-button-top-left, .vg0 .riaIntButton .btl-button-top-left, .vg0 .riaIntButton .btl-button-hover .btl-button-top-left { background-position: 0 -6px; } .vg0 .riaButtonDisabled .btl-button-top-left, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-top-left, .vg0 .riaIntButtonDisabled .btl-button-top-left, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-top-left { background-position: 0 -9px; } .vg0 .riaButton .btl-button-top-left2, .vg0 .riaButton .btl-button-hover .btl-button-top-left2, .vg0 .riaIntButton .btl-button-top-left2, .vg0 .riaIntButton .btl-button-hover .btl-button-top-left2 { background-position: 0 -7px; } .vg0 .riaButtonDisabled .btl-button-top-left2, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-top-left2, .vg0 .riaIntButtonDisabled .btl-button-top-left2, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-top-left2 { background-position: 0 -10px; } .vg0 .riaButton .btl-button-top, .vg0 .riaButton .btl-button-hover .btl-button-top, .vg0 .riaIntButton .btl-button-top, .vg0 .riaIntButton .btl-button-hover .btl-button-top { background-position: 0 -54px; } .vg0 .riaButtonDisabled .btl-button-top, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-top, .vg0 .riaIntButtonDisabled .btl-button-top, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-top { background-position: 0 -57px; } .vg0 .riaButton .btl-button-top2, .vg0 .riaButton .btl-button-hover .btl-button-top2, .vg0 .riaIntButton .btl-button-top2, .vg0 .riaIntButton .btl-button-hover .btl-button-top2 { background-position: 0 -55px; } .vg0 .riaButtonDisabled .btl-button-top2, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-top2, .vg0 .riaIntButtonDisabled .btl-button-top2, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-top2 { background-position: 0 -58px; } .vg0 .riaButton .btl-button-top-right, .vg0 .riaButton .btl-button-hover .btl-button-top-right, .vg0 .riaIntButton .btl-button-top-right, .vg0 .riaIntButton .btl-button-hover .btl-button-top-right { background-position: 0 -18px; } .vg0 .riaButtonDisabled .btl-button-top-right, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-top-right, .vg0 .riaIntButtonDisabled .btl-button-top-right, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-top-right { background-position: 0 -21px; } .vg0 .riaButton .btl-button-top-right2, .vg0 .riaButton .btl-button-hover .btl-button-top-right2, .vg0 .riaIntButton .btl-button-top-right2, .vg0 .riaIntButton .btl-button-hover .btl-button-top-right2 { background-position: 0 -19px; } .vg0 .riaButtonDisabled .btl-button-top-right2, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-top-right2, .vg0 .riaIntButtonDisabled .btl-button-top-right2, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-top-right2 { background-position: 0 -22px; } .vg0 .riaButton .btl-button-right, .vg0 .riaButton .btl-button-hover .btl-button-right, .vg0 .riaIntButton .btl-button-right, .vg0 .riaIntButton .btl-button-hover .btl-button-right { background-position: -18px 0; } .vg0 .riaButtonDisabled .btl-button-right, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-right, .vg0 .riaIntButtonDisabled .btl-button-right, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-right { background-position: -21px 0; } .vg0 .riaButton .btl-button-bottom-right, .vg0 .riaButton .btl-button-hover .btl-button-bottom-right, .vg0 .riaIntButton .btl-button-bottom-right, .vg0 .riaIntButton .btl-button-hover .btl-button-bottom-right { background-position: 0 -32px; } .vg0 .riaButtonDisabled .btl-button-bottom-right, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-bottom-right, .vg0 .riaIntButtonDisabled .btl-button-bottom-right, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-bottom-right { background-position: 0 -35px; } .vg0 .riaButton .btl-button-bottom-right2, .vg0 .riaButton .btl-button-hover .btl-button-bottom-right2, .vg0 .riaIntButton .btl-button-bottom-right2, .vg0 .riaIntButton .btl-button-hover .btl-button-bottom-right2 { background-position: 0 -30px; } .vg0 .riaButtonDisabled .btl-button-bottom-right2, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-bottom-right2, .vg0 .riaIntButtonDisabled .btl-button-bottom-right2, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-bottom-right2 { background-position: 0 -33px; } .vg0 .riaButton .btl-button-bottom, .vg0 .riaButton .btl-button-hover .btl-button-bottom, .vg0 .riaIntButton .btl-button-bottom, .vg0 .riaIntButton .btl-button-hover .btl-button-bottom { background-position: 0 -68px; } .vg0 .riaButtonDisabled .btl-button-bottom, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-bottom, .vg0 .riaIntButtonDisabled .btl-button-bottom, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-bottom { background-position: 0 -71px; } .vg0 .riaButton .btl-button-bottom2, .vg0 .riaButton .btl-button-hover .btl-button-bottom2, .vg0 .riaIntButton .btl-button-bottom2, .vg0 .riaIntButton .btl-button-hover .btl-button-bottom2 { background-position: 0 -66px; } .vg0 .riaButtonDisabled .btl-button-bottom2, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-bottom2, .vg0 .riaIntButtonDisabled .btl-button-bottom2, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-bottom2 { background-position: 0 -69px; } .vg0 .riaButton .btl-button-bottom-left, .vg0 .riaButton .btl-button-hover .btl-button-bottom-left, .vg0 .riaIntButton .btl-button-bottom-left, .vg0 .riaIntButton .btl-button-hover .btl-button-bottom-left { background-position: 0 -44px; } .vg0 .riaButtonDisabled .btl-button-bottom-left, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-bottom-left, .vg0 .riaIntButtonDisabled .btl-button-bottom-left, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-bottom-left { background-position: 0 -47px; } .vg0 .riaButton .btl-button-bottom-left2, .vg0 .riaButton .btl-button-hover .btl-button-bottom-left2, .vg0 .riaIntButton .btl-button-bottom-left2, .vg0 .riaIntButton .btl-button-hover .btl-button-bottom-left2 { background-position: 0 -42px; } .vg0 .riaButtonDisabled .btl-button-bottom-left2, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-bottom-left2, .vg0 .riaIntButtonDisabled .btl-button-bottom-left2, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-bottom-left2 { background-position: 0 -45px; } .vg0 .riaButton .btl-button-left, .vg0 .riaButton .btl-button-hover .btl-button-left, .vg0 .riaIntButton .btl-button-left, .vg0 .riaIntButton .btl-button-hover .btl-button-left { background-position: -6px 0; } .vg0 .riaButtonDisabled .btl-button-left, .vg0 .riaButtonDisabled .btl-button-hover .btl-button-left, .vg0 .riaIntButtonDisabled .btl-button-left, .vg0 .riaIntButtonDisabled .btl-button-hover .btl-button-left { background-position: -9px 0; } /* All Buttons --- Added to compensate for a conflicting dataTable style in vgi.css (table.dataTable tr) ---- */ .vg0 .riaButton .btl-button-table tr, .vg0 .riaButtonDisabled .btl-button-table tr, .vg0 .riaIntButton .btl-button-table tr, .vg0 .riaIntButtonDisabled .btl-button-table tr { background: none; } /*---- Shared and Internal Buttons ----*/ .vg0 .riaButton .btl-button-content, .vg0 .riaIntButton .btl-button-content { color: #000000; } .vg0 .riaButton .btl-chameleon-highlightBackgroundAsBorder, .vg0 .riaIntButton .btl-chameleon-highlightBackgroundAsBorder { background-color: #FFCC00 !important; } .vg0 .riaButton .btl-chameleon-activeBackgroundAsBorder, .vg0 .riaIntButton .btl-chameleon-activeBackgroundAsBorder { background-color: transparent !important; } /*---- Disabled Shared and Internal Buttons ----*/ .vg0 .riaButtonDisabled .btl-chameleon-highlightBackgroundAsBorder, .vg0 .riaIntButtonDisabled .btl-chameleon-highlightBackgroundAsBorder, .vg0 .riaButtonDisabled .btl-chameleon-activeBackgroundAsBorder, .vg0 .riaIntButtonDisabled .btl-chameleon-activeBackgroundAsBorder { background-color: transparent !important; } .vg0 .riaButtonDisabled .btl-button-content, .vg0 .riaIntButtonDisabled .btl-button-content { color: #AAAAAA;} .vg0 .riaButton .btl-invisibleFocusInput, .vg0 .riaButtonDisabled .btl-invisibleFocusInput, .vg0 .riaIntButton .btl-invisibleFocusInput, .vg0 .riaIntButtonDisabled .btl-invisibleFocusInput { /* Minimize the input size. Setting the display to none would not allow focus */ width: 0 !important; height: 0 !important; /* IE 5.5 might need to have the font-size and line-height minimized in order to prevent the element from being bigger than specified */ font-size: 1px !important; line-height: 1px !important; /* safety measure to hide a possible border */ border-style: none !important; /* safety measure to minimize the size of the input */ padding: 0 !important; /* disable any browser based outline */ -moz-outline: none !important; outline: none !important; /* by default it has a text cursor*/ cursor:default; } /*---- Shared Vanguard Buttons ----*/ .vg0 .riaButton .btl-button-table { background-color: #BBCEE0; background-image: url(../images/gradients/25h_gradient_FFFFFF_BBCEE0.png); background-repeat: repeat-x; } .vg0 .riaButton .btl-button-active .btl-button-table { background-color: #FFFFFF; background-image: url(../images/gradients/25h_gradient_BBCEE0_FFFFFF.png); background-repeat: repeat-x; } .vg0 .riaButton .btl-chameleon-highlightBackgroundAsBorder .btl-button-content { background-image: url(../images/gradients/25h_gradient_FFFFFF_BBCEE0.png); } /*---- Shared Disabled Vanguard Buttons ----*/ .vg0 .riaButtonDisabled .btl-button-table, .vg0 .riaButtonDisabled .btl-button-active .btl-button-table { background-color: #E6EDF2; cursor: text; } /*---- Internal Vanguard Buttons ----*/ .vg0 .riaIntButton .btl-button-table { background-color: #D5E5BC; background-image: url(../images/gradients/25h_gradient_F4F9EA_A1D197.png); background-repeat: repeat-x; } .vg0 .riaIntButton .btl-button-active .btl-button-table { background-color: #FFFFFF; background-image: url(../images/gradients/25h_gradient_A1D197_F4F9EA.png); background-repeat: repeat-x; } .vg0 .riaIntButton .btl-chameleon-highlightBackgroundAsBorder .btl-button-content {background-image: url(../images/gradients/25h_gradient_F4F9EA_A1D197.png);} .vg0 .riaIntButtonDisabled .btl-button-table, .vg0 .riaIntButtonDisabled .btl-button-active .btl-button-table { background-color: #D5E5BC; cursor: text;} .vg0 .riaIntButtonDisabled .btl-chameleon-highlightBackgroundAsBorder {background-color: #D5E5BC;} /* disabled */ .vg0 .btl-disabled .btl-button-top-left { background-position: 0 -9px; } .vg0 .btl-disabled .btl-button-top-left2 { background-position: 0 -10px; } .vg0 .btl-disabled .btl-button-top { background-position: 0 -57px; } .vg0 .btl-disabled .btl-button-top2 { background-position: 0 -58px; } .vg0 .btl-disabled .btl-button-top-right { background-position: 0 -21px; } .vg0 .btl-disabled .btl-button-top-right2 { background-position: 0 -22px; } .vg0 .btl-disabled .btl-button-right { background-position: -21px 0; } .vg0 .btl-disabled .btl-button-bottom-right { background-position: 0 -35px; } .vg0 .btl-disabled .btl-button-bottom-right2 { background-position: 0 -33px; } .vg0 .btl-disabled .btl-button-bottom { background-position: 0 -71px; } .vg0 .btl-disabled .btl-button-bottom2 { background-position: 0 -69px; } .vg0 .btl-disabled .btl-button-bottom-left { background-position: 0 -47px; } .vg0 .btl-disabled .btl-button-bottom-left2 { background-position: 0 -45px; } .vg0 .btl-disabled .btl-button-left { background-position: -9px 0; } /* End of ria button*/ /* Wait cursor for facade */ .vg0 .waitCursor, .vg0 span.facade .waitCursor input, .vg0 span.facade .waitCursor a, .vg0 span.facade .waitCursor div { cursor:wait !important; } /* Begin 9Box filter styles */ .vg0 .nineBoxSelector .title img {float:right;} .vg0 .nineBoxSelector td.lgVal div, .vg0 .nineBoxSelector td.lgBld div, .vg0 .nineBoxSelector td.lgGrw div, .vg0 .nineBoxSelector td.midVal div, .vg0 .nineBoxSelector td.midBld div, .vg0 .nineBoxSelector td.midGrw div, .vg0 .nineBoxSelector td.smVal div, .vg0 .nineBoxSelector td.smBld div, .vg0 .nineBoxSelector td.smGrw div { background-image:url(../images/icons/widgets1.png); background-repeat: no-repeat; width: 25px; height: 25px; cursor:pointer; } /* Box Borders */ .vg0 .nineBoxSelector td.lgVal div.deselected, .vg0 .nineBoxSelector td.lgVal div.deselectedHover, .vg0 .nineBoxSelector td.lgVal div.selected, .vg0 .nineBoxSelector td.lgVal div.selectedHover { border-bottom: 2px solid #FFF;} .vg0 .nineBoxSelector td.lgBld div.deselected, .vg0 .nineBoxSelector td.lgBld div.deselectedHover, .vg0 .nineBoxSelector td.lgBld div.selected, .vg0 .nineBoxSelector td.lgBld div.selectedHover { border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; border-right: 2px solid #FFF;} .vg0 .nineBoxSelector td.lgGrw div.deselected, .vg0 .nineBoxSelector td.lgGrw div.deselectedHover, .vg0 .nineBoxSelector td.lgGrw div.selected, .vg0 .nineBoxSelector td.lgGrw div.selectedHover { border-bottom: 2px solid #FFF; } .vg0 .nineBoxSelector td.midVal div.deselected, .vg0 .nineBoxSelector td.midVal div.deselectedHover, .vg0 .nineBoxSelector td.midVal div.selected, .vg0 .nineBoxSelector td.midVal div.selectedHover { border-bottom: 2px solid #FFF;} .vg0 .nineBoxSelector td.midBld div.deselected, .vg0 .nineBoxSelector td.midBld div.deselectedHover, .vg0 .nineBoxSelector td.midBld div.selected, .vg0 .nineBoxSelector td.midBld div.selectedHover { border-bottom: 2px solid #FFF; border-left: 2px solid #FFF; border-right: 2px solid #FFF; } .vg0 .nineBoxSelector td.midGrw div.deselected, .vg0 .nineBoxSelector td.midGrw div.deselectedHover, .vg0 .nineBoxSelector td.midGrw div.selected, .vg0 .nineBoxSelector td.midGrw div.selectedHover { border-bottom: 2px solid #FFF; } .vg0 .nineBoxSelector td.smBld div.deselected, .vg0 .nineBoxSelector td.smBld div.deselectedHover, .vg0 .nineBoxSelector td.smBld div.selected, .vg0 .nineBoxSelector td.smBld div.selectedHover { border-left: 2px solid #FFF; border-right: 2px solid #FFF; } /* Deselected background images */ .vg0 .nineBoxSelector td.lgVal div.deselected { background-position: 0px 0px; } .vg0 .nineBoxSelector td.lgBld div.deselected { background-position: -27px 0px; } .vg0 .nineBoxSelector td.lgGrw div.deselected { background-position: -54px 0px; } .vg0 .nineBoxSelector td.midVal div.deselected { background-position: 0px -27px; } .vg0 .nineBoxSelector td.midBld div.deselected { background-position: -27px -27px; } .vg0 .nineBoxSelector td.midGrw div.deselected { background-position: -54px -27px; } .vg0 .nineBoxSelector td.smVal div.deselected { background-position: 0px -53px; } .vg0 .nineBoxSelector td.smBld div.deselected { background-position: -27px -53px; } .vg0 .nineBoxSelector td.smGrw div.deselected { background-position: -54px -53px; } /*Selected background images */ .vg0 .nineBoxSelector td.lgVal div.selected { background-position: -79px 0px; } .vg0 .nineBoxSelector td.lgBld div.selected { background-position: -107px 0px; } .vg0 .nineBoxSelector td.lgGrw div.selected { background-position: -133px 0px; } .vg0 .nineBoxSelector td.midVal div.selected { background-position: -79px -27px; } .vg0 .nineBoxSelector td.midBld div.selected { background-position: -107px -27px; } .vg0 .nineBoxSelector td.midGrw div.selected { background-position: -133px -27px; } .vg0 .nineBoxSelector td.smVal div.selected { background-position: -79px -53px; } .vg0 .nineBoxSelector td.smBld div.selected { background-position: -107px -53px; } .vg0 .nineBoxSelector td.smGrw div.selected { background-position: -133px -53px; } /* Deselected hover state background images */ .vg0 .nineBoxSelector td.lgVal div.deselectedHover{ background-position: 0px -120px;} .vg0 .nineBoxSelector td.lgBld div.deselectedHover{ background-position: -27px -120px;} .vg0 .nineBoxSelector td.lgGrw div.deselectedHover { background-position: -54px -120px;} .vg0 .nineBoxSelector td.midVal div.deselectedHover { background-position: 0px -147px;} .vg0 .nineBoxSelector td.midBld div.deselectedHover { background-position: -27px -147px;} .vg0 .nineBoxSelector td.midGrw div.deselectedHover { background-position: -54px -147px;} .vg0 .nineBoxSelector td.smVal div.deselectedHover { background-position: 0px -173px;} .vg0 .nineBoxSelector td.smBld div.deselectedHover { background-position: -27px -173px;} .vg0 .nineBoxSelector td.smGrw div.deselectedHover { background-position: -54px -173px;} /*Selected hover state background images */ .vg0 .nineBoxSelector td.lgVal div.selectedHover { background-position: -79px -120px;} .vg0 .nineBoxSelector td.lgBld div.selectedHover { background-position: -107px -120px;} .vg0 .nineBoxSelector td.lgGrw div.selectedHover { background-position: -133px -120px;} .vg0 .nineBoxSelector td.midVal div.selectedHover { background-position: -79px -147px;} .vg0 .nineBoxSelector td.midBld div.selectedHover { background-position: -107px -147px;} .vg0 .nineBoxSelector td.midGrw div.selectedHover { background-position: -133px -147px;} .vg0 .nineBoxSelector td.smVal div.selectedHover { background-position: -79px -173px;} .vg0 .nineBoxSelector td.smBld div.selectedHover { background-position: -107px -173px;} .vg0 .nineBoxSelector td.smGrw div.selectedHover { background-position: -133px -173px;} /* 9Box fonts */ .vg0 .nineBoxSelector .fundStyle, .vg0 .nineBoxSelector .fundMktCap, .vg0 .nineBoxSelector .fundStyleDesc, .vg0 .nineBoxSelector .fundMktCapDesc { font: 65% Arial, sans-serif; } .vg0 .nineBoxSelector .fundStyle a:hover, .vg0 .nineBoxSelector .fundMktCap a:hover {text-decoration: none; color:#FF9933;} .vg0 .nineBoxSelector .fundStyle, .vg0 .nineBoxSelector .fundStyleDesc { text-align:center; } .vg0 .nineBoxSelector .fundStyle { vertical-align:bottom; } .vg0 .nineBoxSelector .fundMktCap, .vg0 .nineBoxSelector .fundMktCapDesc { vertical-align:center; } .vg0 .nineBoxSelector .fundMktCap { text-align:right; padding-right: 2px; } .vg0 .nineBoxSelector .fundMktCap a { padding:.4em 0 } .vg0 .nineBoxSelector .fundMktCapDesc { text-align:left; padding-left: 4px; } /* End 9Box filter styles */ /* Begin Risk/Reward filter styles */ .vg0 .riskRewardSelector .riskLabel div { font: normal 65% Arial, sans-serif; } .vg0 .riskRewardSelector .riskLabel div.lessRisk { color:#669933; float:left; text-align:left;} .vg0 .riskRewardSelector .riskLabel div.moreRisk { color:#FF1919; float:right; text-align:right;} .vg0 .riskRewardSelector .riskFilter td {width: 25px; height:15px; border-left: 1px solid #FFFFFF;} .vg0 .riskRewardSelector .riskFilter td div {background-image: url(../images/icons/widgets1.png); background-repeat:no-repeat; } .vg0 .riskRewardSelector .riskFilter td.risk1 div.inactive {background-position: -4px -101px;} .vg0 .riskRewardSelector .riskFilter td.risk2 div.inactive {background-position: -31px -101px;} .vg0 .riskRewardSelector .riskFilter td.risk3 div.inactive {background-position: -57px -101px;} .vg0 .riskRewardSelector .riskFilter td.risk4 div.inactive {background-position: -84px -101px;} .vg0 .riskRewardSelector .riskFilter td.risk5 div.inactive {background-position: -111px -101px;} .vg0 .riskRewardSelector .riskFilter td.risk1 div.active {background-position: -4px -80px;} .vg0 .riskRewardSelector .riskFilter td.risk2 div.active {background-position: -31px -80px;} .vg0 .riskRewardSelector .riskFilter td.risk3 div.active {background-position: -57px -80px;} .vg0 .riskRewardSelector .riskFilter td.risk4 div.active {background-position: -84px -80px; } .vg0 .riskRewardSelector .riskFilter td.risk5 div.active {background-position: -111px -80px;} /* End Risk/Reward filter styles */ /* Age Band */ .vg0 .ageBand table.type1, .vg0 .ageBand table.type2 { font-style: normal; font-family: Arial, sans-serif; } .vg0 .ageBand table.type1 { font-size: 70%; line-height: 90%;} .vg0 .ageBand table.type2 { font-size: 75%; line-height: 95%; } .vg0 .ageBand td { vertical-align:top; white-space:nowrap; } .vg0 .ageBand td.heading { text-align: right; padding-right: 20px; font-weight: bold;} .vg0 .ageBand td div.selected { font-weight: bold; } .vg0 .ageBand td div.hover, .vg0 .ageBand td div.selected { cursor:pointer; } .vg0 .ageBand td div.container { font-size: 0%; padding-top: 5px; line-height: 0%;} .vg0 .ageBand table.type1 div.container { width: 58px; } .vg0 .ageBand table.type2 div.container { width: 80px; } .vg0 .ageBand td div.bar { height: 7px; background-color: #CCC; border-right:3px solid #FFF } .vg0 .ageBand td div.arrow { background-image: url(../images/icons/arrow.jpg); background-repeat:no-repeat; background-position: center center; height: 15px; } .vg0 .ageBand td div.hover div.arrow, .vg0 .ageBand td div.selected div.arrow { visibility: visible; } .vg0 .ageBand td div.arrow { visibility: hidden; } .vg0 .ageBand td div.floatLabel { visibility: hidden; font-weight:bold; position:absolute; background-color:#FFF; padding:3px; } .vg0 .ageBand td div.hover div.floatLabel, .vg0 .ageBand td div.selected div.floatLabel { visibility: visible; } .vg0 .ageBand td div.ageBandHide div.floatLabel { visibility: hidden } /* Type 1 Age Band */ .vg0 .ageBand table.type1 td.band1 div.default div.bar, .vg0 .ageBand table.type1 td.band1 div.hover div.bar, .vg0 .ageBand table.type1 td.band1 div.selected div.bar { background-color: #EF3333; } .vg0 .ageBand table.type1 td.band2 div.default div.bar, .vg0 .ageBand table.type1 td.band2 div.hover div.bar, .vg0 .ageBand table.type1 td.band2 div.selected div.bar { background-color: #B01F24; } .vg0 .ageBand table.type1 td.band3 div.default div.bar, .vg0 .ageBand table.type1 td.band3 div.hover div.bar, .vg0 .ageBand table.type1 td.band3 div.selected div.bar { background-color: #771C56; } .vg0 .ageBand table.type1 td.band4 div.default div.bar, .vg0 .ageBand table.type1 td.band4 div.hover div.bar, .vg0 .ageBand table.type1 td.band4 div.selected div.bar { background-color: #663366; } .vg0 .ageBand table.type1 td.band5 div.default div.bar, .vg0 .ageBand table.type1 td.band5 div.hover div.bar, .vg0 .ageBand table.type1 td.band5 div.selected div.bar { background-color: #663399; } .vg0 .ageBand table.type1 td.band6 div.default div.bar, .vg0 .ageBand table.type1 td.band6 div.hover div.bar, .vg0 .ageBand table.type1 td.band6 div.selected div.bar { background-color: #333399; } .vg0 .ageBand table.type1 td.band7 div.default div.bar, .vg0 .ageBand table.type1 td.band7 div.hover div.bar, .vg0 .ageBand table.type1 td.band7 div.selected div.bar { background-color: #336699; } .vg0 .ageBand table.type1 td.band8 div.default div.bar, .vg0 .ageBand table.type1 td.band8 div.hover div.bar, .vg0 .ageBand table.type1 td.band8 div.selected div.bar { background-color: #1B77CC; } .vg0 .ageBand table.type1 td.band9 div.default div.bar, .vg0 .ageBand table.type1 td.band9 div.hover div.bar, .vg0 .ageBand table.type1 td.band9 div.selected div.bar { background-color: #3399CC; } .vg0 .ageBand table.type1 td.band10 div.default div.bar, .vg0 .ageBand table.type1 td.band10 div.hover div.bar, .vg0 .ageBand table.type1 td.band10 div.selected div.bar { background-color: #009999; } .vg0 .ageBand table.type1 td.band11 div.default div.bar, .vg0 .ageBand table.type1 td.band11 div.hover div.bar, .vg0 .ageBand table.type1 td.band11 div.selected div.bar { background-color: #66CC33; } /* Type 2 Age Band */ .vg0 .ageBand table.type2 td.band1 div.default div.bar, .vg0 .ageBand table.type2 td.band1 div.hover div.bar, .vg0 .ageBand table.type2 td.band1 div.selected div.bar { background-color: #EF3333; } .vg0 .ageBand table.type2 td.band2 div.default div.bar, .vg0 .ageBand table.type2 td.band2 div.hover div.bar, .vg0 .ageBand table.type2 td.band2 div.selected div.bar { background-color: #663366; } .vg0 .ageBand table.type2 td.band3 div.default div.bar, .vg0 .ageBand table.type2 td.band3 div.hover div.bar, .vg0 .ageBand table.type2 td.band3 div.selected div.bar { background-color: #333399; } .vg0 .ageBand table.type2 td.band4 div.default div.bar, .vg0 .ageBand table.type2 td.band4 div.hover div.bar, .vg0 .ageBand table.type2 td.band4 div.selected div.bar { background-color: #009999; } .vg0 .ageBand table.type2 td.band5 div.default div.bar, .vg0 .ageBand table.type2 td.band5 div.hover div.bar, .vg0 .ageBand table.type2 td.band5 div.selected div.bar { background-color: #33CC33; } /* Start Layer */ .vg0 .vg-layer-modal { background: rgb(204, 204, 204) none repeat scroll 0% 50%; z-index: 100; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.5; -moz-opacity: 0.5; -webkit-opacity: 0.5; filter: alpha(opacity=50); -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; } .vg0 .vg-layer { position: absolute; left: 0px; top: 0px; z-index: 200; } .vg0 .vg-layer-closed { display: none; } .vg0 .iframe_cover { height: 100%; width: 100%; top: 0px; left: 0px; position: absolute; z-index: -1; padding: 4px; } /* End Layer */ /* Start NavBox */ .vg0 .vg-Navbox { position: relative; zoom: 1.0; overflow: visible; } .vg0 .vg-NavboxHead { -moz-user-select: none; position: relative; z-index: 1; cursor: pointer; border: none; background: none; padding: 0px; height: 25px; overflow: hidden; } .vg0 .vg-NavboxHeadActive { border-color: none; } .vg0 .vg-NavboxHeadContent { padding: 0px 5px 0px 29px; cursor: pointer; overflow: hidden; } .vg0 .sideTabCont-opt1Lft .vg-NavboxHeadContent { padding: 0px 5px 0px 22px; } .vg0 .vg-NavboxHeadContent span { font: 75% Arial, sans-serif; color: #036; } .vg0 table.summaryTable td .vg-NavboxHeadContent span, .vg0 table.dataTable td .vg-NavboxHeadContent span { font: 95% Arial, sans-serif; } .vg0 table.summaryTable td .vg-NavboxHeadContent span, .vg0 table.dataTable td .vg-NavboxHeadContent span, .vg0 .vg-NavboxHeadContent span { line-height: 25px; } .vg0 .vg-NavboxHeadContent span img { vertical-align: middle; margin: 5px 0px; } .vg0 table.summaryTable td .vg-NavboxOpen .vg-NavboxHeadContent span, .vg0 table.dataTable td .vg-NavboxOpen .vg-NavboxHeadContent span, .vg0 .vg-NavboxOpen .vg-NavboxHeadContent span { font-weight: bold; } .vg0 .vg-NavboxHeadFocus .vg-NavboxHeadInnerFocus { border: none; } .vg0 .vg-NavboxInnerFocus { border: none; padding: 0px; margin: 0px; height: 100%; overflow: hidden; line-height: 100%; } .vg0 .vg-NavboxHead .vg-NavboxFocus .vg-NavboxInnerFocus { padding: 0px; border: none; } .vg0 .vg-NavboxContent { display: none; overflow: visible; position: relative; z-index: 0; padding: 0px 5px 0px 10px; } .vg0 .vg-NavboxContent .fm { float: none; } .vg0 .vg-NavboxContentBorder { overflow: visible; } .vg0 .vg-NavboxOpen .vg-NavboxContent { display: block; } .vg0 .vg-NavboxClosed .vg-NavboxContentBorder, .vg0 .vg-NavboxClosed .vg-NavboxContent { display: none; } .vg0 .vg-Navbox .vg-NavboxContentBorder, .vg0 .vg-Navbox .vg-NavboxContent { height: 100%; position: static; border: none; background-color: #FFFFFF; overflow: visible; } .vg0 .vg-NavboxHead .vg-NavboxIcon { position: absolute; left: 7px; top: 5px; height: 15px; width: 15px; overflow: hidden; background-image: url(../images/icons/nav_icons.gif); } .vg0 .sideTabCont-opt1Lft .vg-NavboxHead .vg-NavboxIcon { left: 0px; } .ie .vg0 .vg-NavboxFocus .vg-NavboxIcon { left: 7px; top: 5px; } .vg0 .vg-NavboxOne .vg-NavboxHover .vg-NavboxHeadContent span, .vg0 .vg-NavboxOne .vg-NavboxHeadActive .vg-NavboxHeadContent span, .vg0 .vg-NavboxTwo .vg-NavboxHover .vg-NavboxHeadContent span, .vg0 .vg-NavboxTwo .vg-NavboxHeadActive .vg-NavboxHeadContent span, .vg0 .vg-NavboxFour .vg-NavboxHover .vg-NavboxHeadContent span, .vg0 .vg-NavboxFour .vg-NavboxHeadActive .vg-NavboxHeadContent span, .vg0 .vg-NavboxFive .vg-NavboxHover .vg-NavboxHeadContent span, .vg0 .vg-NavboxFive .vg-NavboxHeadActive .vg-NavboxHeadContent span { color: #9E1B34; } .vg0 .vg-NavboxOne .rightLabel, .vg0 .vg-NavboxTwo .rightLabel { float: right; padding-right: 5px; font-weight: normal; } .vg0 .vg-NavboxOne .rdCorner, .vg0 .vg-NavboxTwo .rdCorner { background-image: url(../images/icons/nav_icons.gif); display: inline; background-repeat: no-repeat; width: 6px; height: 25px; float: right; margin-left: -3px; } .vg0 .vg-NavboxOne .vg-NavboxHead, .vg0 .vg-NavboxTwo .vg-NavboxHead { margin-bottom: 0px; } .vg0 .vg-NavboxOne .vg-NavboxHead, .vg0 .vg-NavboxTwo .vg-NavboxHead { height: 29px; background-color: #FFFFFF; } .vg0 .vg-NavboxOne .vg-NavboxHeadContent, .vg0 .vg-NavboxTwo .vg-NavboxHeadContent { height: 25px; padding-right: 0px; } .vg0 .vg-NavboxOne .vg-NavboxHeadContent span, .vg0 .vg-NavboxTwo .vg-NavboxHeadContent span { color: #FFFFFF; } .vg0 .vg-NavboxOne .vg-NavboxHeadContent span, .vg0 .vg-NavboxTwo .vg-NavboxHeadContent span, .vg0 table.summaryTable td .vg-NavboxOne .vg-NavboxHeadContent span, .vg0 table.summaryTable td .vg-NavboxTwo .vg-NavboxHeadContent span, .vg0 table.dataTable td .vg-NavboxOne .vg-NavboxHeadContent span, .vg0 table.dataTable td .vg-NavboxTwo .vg-NavboxHeadContent span { font-weight: bold; } .vg0 .vg-NavboxOne .vg-NavboxOpen .vg-NavboxHover .vg-NavboxHeadContent, .vg0 .vg-NavboxOne .vg-NavboxOpen .vg-NavboxHeadActive .vg-NavboxHeadContent, .vg0 .vg-NavboxOne .vg-NavboxClosed .vg-NavboxHover .vg-NavboxHeadContent, .vg0 .vg-NavboxOne .vg-NavboxClosed .vg-NavboxHeadActive .vg-NavboxHeadContent, .vg0 .vg-NavboxTwo .vg-NavboxOpen .vg-NavboxHover .vg-NavboxHeadContent, .vg0 .vg-NavboxTwo .vg-NavboxOpen .vg-NavboxHeadActive .vg-NavboxHeadContent, .vg0 .vg-NavboxTwo .vg-NavboxClosed .vg-NavboxHover .vg-NavboxHeadContent, .vg0 .vg-NavboxTwo .vg-NavboxClosed .vg-NavboxHeadActive .vg-NavboxHeadContent { background-color: #F7F9E0; } .vg0 .vg-NavboxOne .vg-NavboxOpen .vg-NavboxHover, .vg0 .vg-NavboxOne .vg-NavboxOpen .vg-NavboxHeadActive, .vg0 .vg-NavboxOne .vg-NavboxClosed .vg-NavboxHover, .vg0 .vg-NavboxOne .vg-NavboxClosed .vg-NavboxHeadActive, .vg0 .vg-NavboxTwo .vg-NavboxOpen .vg-NavboxHover, .vg0 .vg-NavboxTwo .vg-NavboxOpen .vg-NavboxHeadActive, .vg0 .vg-NavboxTwo .vg-NavboxClosed .vg-NavboxHover, .vg0 .vg-NavboxTwo .vg-NavboxClosed .vg-NavboxHeadActive { background-color: #FFFFFF; } .vg0 .vg-NavboxOne .vg-NavboxOpen .vg-NavboxHover .vg-NavboxIcon, .vg0 .vg-NavboxOne .vg-NavboxOpen .vg-NavboxHeadActive .vg-NavboxIcon, .vg0 .vg-NavboxTwo .vg-NavboxOpen .vg-NavboxHover .vg-NavboxIcon, .vg0 .vg-NavboxTwo .vg-NavboxOpen .vg-NavboxHeadActive .vg-NavboxIcon, .vg0 .vg-NavboxFour .vg-NavboxOpen .vg-NavboxHover .vg-NavboxIcon, .vg0 .vg-NavboxFour .vg-NavboxOpen .vg-NavboxHeadActive .vg-NavboxIcon { background-position: 0px -45px; } .vg0 .vg-NavboxOne .vg-NavboxClosed .vg-NavboxHover .vg-NavboxIcon, .vg0 .vg-NavboxOne .vg-NavboxClosed .vg-NavboxHeadActive .vg-NavboxIcon, .vg0 .vg-NavboxTwo .vg-NavboxClosed .vg-NavboxHover .vg-NavboxIcon, .vg0 .vg-NavboxTwo .vg-NavboxClosed .vg-NavboxHeadActive .vg-NavboxIcon, .vg0 .vg-NavboxFour .vg-NavboxClosed .vg-NavboxHover .vg-NavboxIcon, .vg0 .vg-NavboxFour .vg-NavboxClosed .vg-NavboxHeadActive .vg-NavboxIcon { background-position: 0px -75px; } .vg0 .vg-NavboxFour .vg-NavboxContent, .vg0 .vg-NavboxFive .vg-NavboxContent { padding: 0px 5px 0px 29px; } .vg0 .sideTabCont-opt1Lft .vg-NavboxFour .vg-NavboxContent, .vg0 .sideTabCont-opt1Lft .vg-NavboxFive .vg-NavboxContent { padding: 0px 5px 0px 0px; } .vg0 .vg-NavboxFour .vg-NavboxOpen .vg-NavboxHead .vg-NavboxIcon, .vg0 .vg-NavboxFive .vg-NavboxOpen .vg-NavboxHead .vg-NavboxIcon, .vg0 .vg-NavboxFive .vg-NavboxOpen .vg-NavboxHover .vg-NavboxIcon, .vg0 .vg-NavboxFive .vg-NavboxOpen .vg-NavboxHeadActive .vg-NavboxIcon { background-position: 0px -60px; } .vg0 .vg-NavboxFour .vg-NavboxClosed .vg-NavboxHead .vg-NavboxIcon, .vg0 .vg-NavboxFive .vg-NavboxClosed .vg-NavboxHead .vg-NavboxIcon, .vg0 .vg-NavboxFive .vg-NavboxClosed .vg-NavboxHover .vg-NavboxIcon, .vg0 .vg-NavboxFive .vg-NavboxClosed .vg-NavboxHeadActive .vg-NavboxIcon { background-position: 0px -105px; } .vg0 .vg-NavboxFour .rdCorner, .vg0 .vg-NavboxFive .rdCorner { display: none; } .vg0 .vg-NavboxOne .vg-NavboxHead .rdCorner { background-position: -15px 0px; } .vg0 .vg-NavboxOne .vg-NavboxHover .rdCorner, .vg0 .vg-NavboxOne .vg-NavboxHeadActive .rdCorner { background-position: -15px -90px; } .vg0 .vg-NavboxOne .vg-NavboxOpen .vg-NavboxIcon { background-position: 0px 0px; } .vg0 .vg-NavboxOne .vg-NavboxClosed .vg-NavboxIcon { background-position: 0px -135px; } .vg0 .vg-NavboxOne .vg-NavboxHeadContent { background-color: #9E1B34; } .vg0 .vg-NavboxTwo .vg-NavboxHead .rdCorner { background-position: -15px -60px; } .vg0 .vg-NavboxTwo .vg-NavboxHover .rdCorner, .vg0 .vg-NavboxTwo .vg-NavboxHeadActive .rdCorner { background-position: -15px -90px; } .vg0 .vg-NavboxTwo .vg-NavboxOpen .vg-NavboxIcon { background-position: 0px -30px; } .vg0 .vg-NavboxTwo .vg-NavboxClosed .vg-NavboxIcon { background-position: 0px -120px; } .vg0 .vg-NavboxTwo .vg-NavboxHeadContent { background-color: #6A8DB6; } .vg0 .vg-NavboxFour .vg-NavboxOpen .vg-NavboxHover, .vg0 .vg-NavboxFour .vg-NavboxOpen .vg-NavboxHeadActive, .vg0 .vg-NavboxFour .vg-NavboxClosed .vg-NavboxHover, .vg0 .vg-NavboxFour .vg-NavboxClosed .vg-NavboxHeadActive { background-color: #F7F9E0; } .vg0 .vg-NavboxFour .vg-NavboxOpen .vg-NavboxHead, .vg0 .vg-NavboxFour .vg-NavboxOpen .vg-NavboxHover { border-top: solid 1px #EAEAEA; border-bottom: none; } .vg0 .vg-NavboxFour .vg-NavboxClosed .vg-NavboxHead, .vg0 .vg-NavboxFour .vg-NavboxClosed .vg-NavboxHover { border-top: solid 1px #EAEAEA; border-bottom: none; } .vg0 .vg-NavboxFour { border-bottom: solid 1px #EAEAEA; } .vg0 .vg-NavboxFive .vg-NavboxHover .vg-NavboxHeadContent span, .vg0 .vg-NavboxFive .vg-NavboxHeadActive .vg-NavboxHeadContent span { text-decoration: underline; } .vg0 .vfp .roundBoxCtnt .vg-NavboxContentBorder, .vg0 .vfp .roundBoxCtnt .vg-NavboxContent { background-color: transparent; padding: 2px 0px 0px 0px;} .vg0 .vfp .roundBoxCtnt .vg-NavboxHead .vg-NavboxIcon { left: 0px; } .vg0 .vfp .roundBoxCtnt .vg-NavboxHeadContent { padding: 2px 0px 0px 22px; } /* End NavBox */ /* Start YUI Slider */ .vg0 .comp-slider { margin: 0px 10px 0px 5px; } .vg0 .comp-slider .squarePointer, .vg0 .comp-slider .upPointer, .vg0 .comp-slider .downPointer { height: 40px; padding-top: 10px; } .vg0 .comp-slider .downPointerTicks { height: 60px; } .vg0 .comp-slider .sliderBar { position: relative; height: 23px; } .vg0 .comp-slider .sliderBar:focus { -moz-outline-style: none; } /* Remove focus indicator in FF */ .vg0 .comp-slider .barAttributes { position:absolute; height:5px; left: 0px; top: 8px; border: 1px solid #999; background-color: #EAEAEA; font-size: 0%; width: 100%; } .vg0 .comp-slider .sliderGripper, .vg0 .comp-slider .minGripper, .vg0 .comp-slider .maxGripper { position: absolute; background-image: url(../images/icons/act_slider.gif); width: 10px; font-size: 0%; } .vg0 .comp-slider .minInitVal, .vg0 .comp-slider .maxInitVal, .vg0 .comp-slider .initVal { position:absolute; top: 8px; background-image:url(../images/icons/reddot.gif); height: 6px; width: 6px; margin-left: 2px; font-size: 0%; } .vg0 .comp-slider .squarePointer .sliderGripper { background-position: 0px 0px; height: 16px; top: 2px; } .vg0 .comp-slider .upPointer .sliderGripper, .vg0 .comp-slider .downPointer .sliderGripper, .vg0 .comp-slider .downPointerTicks .sliderGripper, .vg0 .comp-slider .downPointer .minGripper, .vg0 .comp-slider .downPointer .maxGripper, .vg0 .comp-slider .downPointerTicks .minGripper, .vg0 .comp-slider .downPointerTicks .maxGripper { height: 19px; } .vg0 .comp-slider .upPointer .sliderGripper { background-position: 0px -35px; top: 0px } .vg0 .comp-slider .downPointer .sliderGripper, .vg0 .comp-slider .downPointerTicks .sliderGripper, .vg0 .comp-slider .downPointer .minGripper, .vg0 .comp-slider .downPointer .maxGripper, .vg0 .comp-slider .downPointerTicks .minGripper, .vg0 .comp-slider .downPointerTicks .maxGripper { background-position: 0px -75px; top: 2px; } .vg0 .comp-slider .gripperLabel { font: 12px Arial, sans-serif; position: absolute; width: 100px; left: -45px; text-align:center; } .vg0 .comp-slider .squarePointer .gripperLabel, .vg0 .comp-slider .upPointer .gripperLabel { top: -15px; } .vg0 .comp-slider .downPointer .gripperLabel { top: 19px; } .vg0 .comp-slider .barLabels { position: absolute; cursor: default; } .vg0 .comp-slider .barMinLabel, .vg0 .comp-slider .barMaxLabel { position: relative; } .vg0 .comp-slider .barMinLabel { float: left; } .vg0 .comp-slider .barMaxLabel { float: right; } .vg0 .comp-slider .barMinLabel div, .vg0 .comp-slider .barMaxLabel div { font: 12px Arial, sans-serif; position: absolute; width: 100px; text-align:center; } .vg0 .comp-slider .barMinLabel div { left: -45px; } .vg0 .comp-slider .barMaxLabel div { left: -55px; } .vg0 .comp-slider .squarePointer .barMinLabel div, .vg0 .comp-slider .squarePointer .barMaxLabel div, .vg0 .comp-slider .upPointer .barMinLabel div, .vg0 .comp-slider .upPointer .barMaxLabel div { top: 20px; } .vg0 .comp-slider .downPointer .barMinLabel div, .vg0 .comp-slider .downPointer .barMaxLabel div { top: -13px; } .vg0 .comp-slider .tickMarks { position: absolute; left: 5px; top: 23px; } .vg0 .comp-slider .tickMarks div { border-left: 1px solid #999; float: left; height: 10px; font-size: 0%; position: relative; } .vg0 .comp-slider .tickMarks .boldPoint { border-left: 1px solid #333; } .vg0 .comp-slider .tickMarks .tickLabel { position: absolute; left: -50px; top: 15px; border: 0px; font: 12px Arial, sans-serif; cursor:default; width: 100px; text-align: center; height: 20px; margin-top: -5px; padding-top: 5px;} /* End YUI Slider */ /* === SliderTab - 3 Tabs =============================== */ /* Could support more Tabs by changing width on slidertab-steps ul li */ .vg0 .slidertab :focus { outline:0; border:0; } .vg0 .slidertab-hidden { visibility: hidden; } .vg0 .slidertab-steps { margin-bottom:18px; border-bottom: 1px black solid; } .vg0 .slidertab-steps ul { display: block; list-style: none; margin:0; padding:0; width:100%; overflow:hidden; } .vg0 .slidertab-steps ul li { width: 33.3%; float: left; border-left: dashed 1px #D0C37F; text-align:center; } .vg0 .slidertab-steps ul li.slidertab-first { border-left: none; } .vg0 .slidertab-steps ul li a { display: block; color: #666; height: 138px; padding:25px 0 0; margin-left: 1px; font-size:14px; } .vg0 .slidertab-steps img { display: block; margin: 0 auto; border: 0px; } .vg0 img.slidertab-arrow { margin-top:-13px; position: relative; } .vg0 .slidertab-steps ul li a:visited { color:#666; } .vg0 .slidertab-steps ul li a:hover { background-color: #F4F0E4; text-decoration: none; } .vg0 .slidertab-steps ul li.selected a, .vg0 .slidertab-steps ul li.selected a:visited { color:#333; } /* === Deck Styles ============================================= */ /* === Horizontal SliderDeck - Supports up to 10 Cards ========= */ /* [==========] Outer div [mask] is 100% x 100% [{- - - - - - - - - - - - - -} {Slider} is 1000% (10 times width of mask) [{|-------||-------||-------|} |Card| is 10% width of Slider (100% of mask) [{| Card1 || Card2 || Card3 |} [{|-------||-------||-------|} [{- - - - - - - - - - - - - -} [==========] */ .vg0 .vg-deck-horiz { overflow:hidden; position:relative; width: 100%; } .vg0 .vg-deck-horiz .vg-deckSlider { width: 1000%; position: relative; } .vg0 .vg-deck-horiz .vg-deckCard { width: 10%; position: relative; float: left; padding: 0px 2px; } /* IE6 needs padding */ /* === Vertical SliderDeck - Supports up to 10 Cards =========== */ /*[===========] Outer div [mask] is 100% x 100% [{- - - - -}] {Slider} is 1000% (10 times height of mask) [{|-------|}] |Card| is 10% height of Slider (100% of mask) [{| Card1 |}] [{|-------|}] [{=========}] {| Card2 |} {|-------|} {| Card3 |} {|-------|} {- - - - -} */ .vg0 .vg-deck-vert { overflow: hidden; position: relative; } .vg0 .vg-deck-vert .vg-deckSlider { height: 1000%; position: relative; } .vg0 .vg-deck-vert .vg-deckCard { overflow: hidden; position: relative; height: 10%; } /* hidden by default to prevent scrollbar */ /* === Regular Deck - Future use =============================== */ .vg0 .vg-deck { } .vg0 .vg-deck .vg-deckSlider { } .vg0 .vg-deck .vg-deckCard { }