body {background-color:#fff;} body, td, div, textarea, th {font-family:Verdana; font-size:13px; color:#000; line-height:17px;} div {position:absolute; z-index:1;} input {font-size:13px;} select {font-size:11px;} th,TH {line-height:17px; font-weight: bold; text-align:left} fieldset {border:none; margin-bottom:0; padding:0;} legend {border:none; margin-left:-7px; margin-bottom:0; padding:0;} .BodyLink:link {color:#003399; text-decoration:underline;} .BodyLinkNo {color:#000000; text-decoration:none;} /* changing the class by Dora Item C5 from scope docs - 2/4/2003 3:18PM */ .BodyLink:visited {color:#852020; text-decoration:underline;} .BodyLinkBold {color:#003399; text-decoration:underline;font-weight:bold} .BodyLinkSmall {color:#003399; text-decoration:underline; font-size: 11px;} .BodyLinkSmall:link {color:#003399; text-decoration:underline; font-size: 11px;} .BodyLinkSmall:visited {color:#852020; text-decoration:underline; font-size: 11px;} /* Components */ #Brand {top:19px; left:18px;} #Global {top:22px; left:190px; width:529px; text-align:right;} .gnav-spacing{padding:0; margin:0 0 0 17px;} #Geo {top:57px; left:40px;} #Content {top:105px; left:18px;} #BeaconArea {z-index:0; visibility:hidden;} /* DIVs used on segment HOME pages */ #DIV1 {top:0; left:0;} /* Background image for this DIV */ #DIV2 {top:61px; left:23px; z-index:2;} /* Large headline graphic */ #DIV3 {top:109px; left:9px; z-index:2;} /* Home page Announcement Links */ #DIV4 {width:300px; top:206px; left:9px; z-index:2;} /* National/Local announcement link rollover image */ #DIV5 {top:243px; left:23px; z-index:2;}/* Home page Body bottom left text area */ #DIV6 {top:0px; left:307px; z-index:2;} #DIV7 {top:0px; left:462px;} #DIV8 {top:100px; left:488px; z-index:2;} /* This is used on the segment home pages */ .bottomText {font-size:11px; line-height:13px; text-decoration:none;} .calloutText {font-size:12px; line-height:15px;} .calloutLink:link {color:#039; font-size:12px; line-height:15px; text-decoration:underline;} .calloutLink:visited {color:#740C0C; font-size:12px; line-height:15px; text-decoration:underline;} #DIV9 {top:191px; left:488px; z-index:2;} .datarow3bgcolor {background:#fff;} /* used in cfe 8 for alternating color rows... needed a white background one */ #SegmentNavLine{top:-1px; left:24px; z-index:2;} #NavArea {top:0; left:0;} /* Image areas inside Content div */ #ImageBg1 {top:0; left:159px; z-index:2;} #ImageBg2 {top:0; left:0;} /* These are used for template 6 */ #ImageBg3 {top:0; left:24px;} /* These are used for template 6 */ #ImageBgSide1, #ImageBgSide2, #ImageBgSide3 {top:0; left:464px; z-index:2; background:#fff; width:4px; height:26px;} /* overlap white space for gap beside image; used for home page template */ #ImageBgSide2{left:299px;} /* used for navleft and imageleft templates */ #ImageBgSide3{left:155px;} /* used for navleftwide template*/ /* These DIVs belong to the Body region */ #BodyTopimage {top:0; left:303px;} #BodyContentArea {top:137px; left:303px;} #BodyTrinavTop {top:0; left:159px;} #BodyTrinavTopBack {top:9px; left:166px; z-index:2;} #BodyTrinav {top:137px; left:159px;} #BodyTrinavShort {top:130px; left:159px;} #BodyTrinavNarrowShort {top:131px; left:303px} #BodyHeadline {top:34px; left:321px; z-index:2;} /* This is used to position the Body Title Headline graphic image */ #BodyHeadline2 {top:34px; left:178px; z-index:2;} #BodyHeadline3 {top:34px; left:42px; z-index:2;} /* This is used for Help pages/Error template Body title graphic */ #BodyHeadline4 {top:17px; left:321px; z-index:2;} /* Places Header for Sign On pgs for cfe144 */ #BodySubhead {top:61px; left:321px; z-index:2;} /* This is used to position the Body Title Subhead graphic image */ #BodySubhead2 {top:64px; left:178px; z-index:2;} /* This is used to position the Search results subhead which uses template 8 */ #BodySubhead3 {top:63px; left:373px; z-index:2;} #BodySubhead4 {top:64px; left:42px; z-index:2;} /* This is used for Help pages/Error template Body title graphic */ #BodySubhead5 {top:66px; left:330px; z-index:2;} /* Places Sub Head for Sign On pgs for cfe144 */ #BodySubhead5a {top:66px; left:321px; z-index:2;} /* Variation of BodySubhead5 */ #BodySubhead6 {top:64px; left:323px; z-index: 2;} /* This is for the keyword in search results for cfe 026, 027 */ #BodySubhead7 {top:64px; left:178px; z-index: 2;} /* This is for the keyword in search results for cfe 030 */ #BodySubhead8 {top:94px; left:321px;} #BodyTopContent {top:137px; left:303px;} #BodyMidCurve {top:260px; left:323px; z-index:2;} /* This is used to position the dynamically generated member name on the modified trinav version of template 4 */ #BodyMidCurveHelp {top:150px; left:44px; z-index:2;} /* This is used to position the dynamically generated member name on template 8 */ #BodyTopLink {top:7px; left:165px; z-index:2;} /* Used in 097 for help pages back link */ #BodyTopLinkError {top:7px; left:31px; z-index:2;} /* This is for the back link at the top of error templates */ #BodyTopimage2 {top:0; left:159px;} /* These can be used for templates 4 and 5 */ #BodyTopimageBack {top:0; left:159px; z-index:2;} /* Div for Back button on top left hand corner of Body area; used on navLeftWideTemplate.jsp */ #BodyTopimageBack2 {top:0; left:303px; z-index:2;} /* Div for Back button on top left hand corner of Body area; used on navLeftTemplate.jsp */ #BodyTopimageBack3 {top:0; left:25px; z-index:2;} /* Div for Back button on top left hand corner of Body area; used on errorTemplate.jsp */ #BodyTopimageBack4 {top:0; left:310px; z-index:2;} /* Div for Back button on top left hand corner of Body area; used on trinavForBetaImgLftTmplt.jsp */ #BodyContentArea2 {top:137px; left:159px;} /* These can be used for templates 4 and 5 */ #BodyContentAreaNAOLMailboxDetailRecd {top:147px; left:159px;} #BodyContentAreaNAOLMailboxDetailSent {top:147px; left:159px;} #BodyContentArea3 {top:0; left:0;} /* These can be used for templates 7 */ #BodyContentArea4 {top:154px; left:303px;} /* These can be used for templates 2 and 6 */ #BodyContentArea5 {top:164px; left:159px;} /* These can be used for pages with a top button area */ #BodyContentArea6 {top:95px; left:0;} /* used in 004 & 027 search results */ #BodyContentAreaNAOLMailboxDetailSent {top:164px; left:159px;} #BodyContentAreaNAOLMailboxDetailRecd {top:147px; left:159px;} #BodyContentAreaSignon {top:102px; left:303px;} #ContentLandingPage {top:80px; left:18px;} /* Used for landing pages in CFE186 */ #BodyFormButtons {top:130px; left:179px; z-index:2;} /* This is for the top area buttons on the secure member mailbox pages */ #PipeLong {top:280px; left:2px;} /* There is no DIV for pipeshort.jsp because it is generally include in a TABLE */ .PipeLink:link {color:#666; font-size:10px; text-decoration:underline; line-height:16px;} .PipeLink:visited {color:#852020; font-size:10px; text-decoration:underline; line-height:16px;} #EndMessage {top:320px; left:3px;} /* Setting html Header elements; used both cases */ h1,h2,h3,H1,H2,H3 {font-weight:bold;} h1, H1 {font-size:15px; line-height:18px;} h2, H2 {font-size:14px; line-height:17px;} h3, H3 {font-size:13px; line-height:17px;} h4, H4 {font-size:13px; line-height:17px; color:#939393;} .pseudoH1 {font-size:15px; font-weight:bold;} /* Used to simulate an H1, h1 tag but without the padding eg: jsp/feature/096updateemail/updateemailaddress.jsp */ .pseudoH2 {font-size:14px; font-weight:bold;} /* Used to simulate an H2, h2 tag but without the padding eg: jsp/feature/055caaps/reviewapptdetail.jsp */ .pseudoH3 {font-size:13px; color:#666; font-weight:bold} /* Used to simulate an H3, h3 tag but without the padding */ /* Dynamic headline and subhead html text headline styles */ .dyngenheadline {font-family:Arial; font-size:24px; color:#fff; text-decoration:none; line-height:29px;} /* This is for main titles that are text */ .dyngenheadline1 {font-family:Arial; font-size:24px; color:#fff; text-decoration:none; line-height:27px;} /* used for health ency detail page, shorter titles */ .dyngensubsubheadline {font-family:Verdana; font-size:12px; color:#000; text-decoration:none; font-weight:bold;} /* This is for black sub sub heads that are text */ .dyngensmallheadline {font-family:Arial; font-size:20px; color:#fff; text-decoration:none; line-height:24px;} /* This is for main titles that are text that are too long to use dyngenheadline */ .dyngenextrasmallheadline {font-family:Arial; font-size:14px; color:#fff; text-decoration:none; line-height:16px; font-weight:bold;} /* This is for really long titles on the health ency printer friendly page */ .dyngensubheadline {font-family:Arial; font-size:18px; color:#fff; text-decoration:none; line-height:22px;} /* This is for main sub heads that are text */ .dyngensubheadline1 {font-family:Arial; font-weight:bold; font-size:17px; color:#fff; text-decoration:none; line-height:19px;} /* used for health ency detail page, longer titles */ .dyngensubheadline2 {font-family:Arial; font-size:16px; color:#fff; text-decoration:none; font-weight:bold;} /* Used in cfe 008 / results2.jsp */ .dyngennavsubheadline {font-family:Arial; font-size:11px; color:#fff; text-decoration:none;} /* this is used in cfe27 for the text nav subhead for content pages */ .dyngensubsubheadlinehide {font-family:Verdana; font-size:12px; color:#6B9C37; text-decoration:none; font-weight:bold;} /* This is to show the siteid for cfe 097 hidden text added just now 8/5/2003 1:41PM */ .dyngensubsubheadlinehidewhite {font-family:Verdana; font-size:12px; color:#fff; text-decoration:none; font-weight:bold;} /* This is to show the siteid for cfe 097 hidden text added just now 3/22/2005 5:43PM Dora */ .BodyHeaderWhite {font-weight:bold; color:#fff; text-decoration:underline;} .BodyWhite {color:#fff;} /* Error message (from Message Manager) styles */ .errorMsg {font-size:13px; font-family:Verdana; font-weight:bold; line-height:17px; color:#b70e1e;}/*old color #ee5019; changed 05/16/03 colinc@criticalmass.com*/ .errorMsgBlue {font-size:13px; font-family:Verdana; font-weight:bold; line-height:17px; color:#b70e1e;}/*old color #852020; changed 05/16/03 colinc@criticalmass.com*/ .AsthmaResultsHeader {color:#fff;} /* Used in cfe138 for header color */ .footerText {font-family:Verdana; font-size:11px; line-height:14px;} /* Print page popup styles */ #popupBrand{top:6px; left:6px;} #popupContentArea{top:47px; left:6px;} #popuContentText{top:96px; left:45px; width:300px; font-family:Arial; font-size:24px; color:#fff; z-index:2;} #popuContentTextSub{top:123px; left:45px; width:300px; font-family:Verdana; font-size:12px; color:#000; text-decoration:none; font-weight:bold; z-index:2;} .popupTitle{font-family:Arial; font-size:27px; color:#fff;} /* form element styles */ .formtext {line-height:15px} /* Used for smaller line-height than normal */ .formtextbold {line-height:15px; font-weight: bold;} /* Used for smaller line-height than normal and bold text */ .formsize1 {width:30px;} /* These are input text box sizes as per form requirements; can be added to */ .formsize2 {width:40px;} .formsize3 {width:65px;} /* use size=5 for netscape 4 */ .formsize3a {width:100px;} /* use size=9 for netscape 4 */ .formsize4 {width:140px;} .formsize4b {width:200px} .formsize4c {width:250px;} /* used for cfe97 netscape size is 20 */ .formsize5 {width:275px;} /* used for textarea box (finalizeordermail.jsp) */ .formsize5a {width:292px;} /* used for cfe26 netscape size is 30 */ .formsize5b {width:280px;} /* used for cfe26 netscape size is 28*/ .formsize5c {width:300px;} /* used for cfe54, address line on personalinfomailbody.jsp netscape size is 32 */ .formsize5d {width:304px;} /* used for cfe21, name and company of broker field */ .formsize6 {width:325px;} .formsize6a {width:348px;} .formsize6b {width:358px;} /* Used in shared templates F and H */ .formsize6c {width:354px;} .formsize7 {width:367px;} /* example is in cfe30 netscape size is 39 */ .formsize7a {width:404px} /* used in 006facdir entry page */ .formsize8 {width:490px;} /* example is in cfe30 netscape size is 53 */ .formsize9 {width:600px;} /* example is in cfe22 */ .colorformsize1 {color:#a9a9a9; width:30px;} /* This makes the text entered into a field grey */ .colorformsize2 {color:#a9a9a9; width:40px;} /* This makes the text entered into a field grey */ /* Styles for Dennis and Jude complex table build -- DO NOT REMOVE colinc@criticalmass.com */ .tbl-head td {padding:3px 10px 4px 10px;} .tbl-data td {vertical-align:top;} .tbl-data span {display:block; padding:4px 0 5px 10px;} .tbl-data span .last {padding-right:10px;} .tbl-data .sub {margin:4px 0 20px 30px;} .tbl-data .sub span {padding:2px 10px 3px 0;} .sup {display:inline!important; font-size:9px; padding:0px!important;} /* style for A - Z search cfe index links */ .BodyAlphaLink {color:#039; text-decoration:underline; font-weight:bold; font-size:10px; padding-right:1px;} .BodyAlphaSelect {color:#eff6fa; font-weight:bold; font-size:10px;}/* you are here treatment for alphabet */ .NumberExplanation {font-size:10px} /* styles to control spacing */ .noMargin {margin:0;padding:0;} /* used to strip spacing from elements such as header tags */ .SpaceTop7 {padding-top:7px;} /* used instead of spacer gifs for bullet rollover, see drug ency results and detail pages as examples */ .beacon {position:absolute; top:0; left:0; z-index:2;}/* puts the web beacon in an out of the way place */ /* Segment Nav specific classes -- DO NOT EDIT */ div {width:5px; height:5px;} .whitecopy {color:#ffffff;} .greytext {color:#9b9b9b; font-size:9.5px; text-decoration:underline;} a:focus {outline:none;} a {text-decoration:none;} .menubutton {height:18px; visibility:hidden; z-index:1;} .menu {top:83px; left:147px; width:160px; height:139px; visibility:hidden; border:1px solid #999; z-index:100;} .menuitem {text-indent:10px; left:0px; top:0px; height:19px; line-height:17px; width:121px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000;} .menuitemlink {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; top:0; color:#000; text-decoration:none;} /*for publishing CFE's*/ .tableBody {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;} .bodyText {} .diamond {font-family:serif; vertical-align:25%; font-size:9px; line-height:22px;} /* for diamond symbol for Acrobat reader link */ .header {margin:0 0 17px 0; padding:0;} @media screen {* h.header {margin-top:-1px}} .black {color:#000;} .headerbarfontsize {font-size:13px; line-height:17px;} .interIcon_w {margin:0 -1px -4px 2px;} /* for interstitial graphic, white background */ .interIcon_c {margin:0 0 -4px 3px;} /* for interstitial graphic, color background */ /* segment home page */ ul.thumbnail {list-style:none; margin:0; padding:2px 0 0 0; border:none;} li.thumbnail {background-repeat:no-repeat; background-position:0px 2px; margin:0; padding:0 0 18px 82px; text-indent:0;} li.lstspace {padding-bottom:17px;} li.lstnospace {padding-bottom:0;} .fontnormal {font-weight:normal;} /* trinav for publishing */ tr.trnvTop h3 {margin:0 15px 4px 20px; padding:0;} tr.trnvBlck ul{list-style:none; margin:0 0 0 30px; padding:0; border:none;} tr.trnvBlck .TrnvColRt ul{margin-right:15px; margin-left:20px} tr.trnvBlck .TrnvColSpan ul{margin-right:15px;} @media screen {#BodyContentArea tr.trnvTop ul, #BodyContentArea2 tr.trnvTop ul, #BodyContentArea3 tr.trnvTop ul, tr.trnvTop h3 {margin-top:-4px}} tr.trnvBlck li{margin:0 0 1px 0; padding:0; text-indent:-10px} tr.trnvBlck li a{background:transparent url("nav_box_.gif") no-repeat 0px 6px; padding-left:10px;} tr.trnvBlck li a:hover{background-image:url("nav_box0.gif");} .TrnvCol {vertical-align:top; padding:0px 0 8px 0;} .AnchorLink {line-height:17px;} .btmMrgn {height:20px;} #trnvMidBar td {height:5px;} .trnvCntntMrgn {padding-left:20px; padding-right:10px; position:static; height:auto; width:auto;} *:first-child+html .trnvCntntMrgn {} * html .trnvCntntMrgn {width:100%} /* IE 7 and IE 6 and below hacks */ /* used for 006 - trinavs with header bars */ h1.hdrbar {margin:0 0 10px 0; padding:4px 0px 5px 19px; line-height:16px;} .bodyhdr {margin:0 0 17px 19px; padding:0px;} /* only used on 006 for now */ tr.trnvSubsHdr h3 {margin:9px 15px 0 20px; padding:0; font-weight:normal;} #BodyContentArea tr.trnvSubsNoHdr ul {margin-top:9px} .trnvHdrBarCntntMrgn {padding:0 10px 12px 20px; position:static; height:auto; width:auto;} /* 046 wysiwyg styles*/ .cntntMrgn {position:static; height:auto; width:auto;} .cntntMrgn p.extrSpcBefore, .trnvCntntMrgn p.extrSpcBefore, .extrSpcBefore {margin-top:17px} .cntntMrgn p, .trnvCntntMrgn p {padding:0 0 17px 0; margin:0} .cntntMrgn p.backtotop, .trnvCntntMrgn p.backtotop {padding-bottom:34px} .cntntMrgn p.backtotophdrbar, .trnvCntntMrgn p.backtotophdrbar {padding-bottom:19px} h1.newhdrbar1 {margin:10px -10px 10px -20px; padding:4px 0px 5px 19px; font-size:13px; line-height:16px;} ul.bottomSpace, .cntntMrgn p.bottomSpace, .trnvCntntMrgn p.bottomSpace {padding-bottom:12px; margin-bottom:0} .cntntMrgn p.bottomSpaceFtr, .trnvCntntMrgn p.bottomSpaceFtr {padding-bottom:13px; margin-bottom:0} ul.bottomNoSpace, .cntntMrgn p.bottomNoSpace, .trnvCntntMrgn p.bottomNoSpace {padding-bottom:1px; margin-bottom:0} .cntntMrgn p.bottomNoSpaceFtr, .trnvCntntMrgn p.bottomNoSpaceFtr {padding-bottom:2px; margin-bottom:0;} ul.ulCntnt {margin-top:0; padding-top:0} /* -- start FHT side bar styles -- */ /* overall containers */ div#sidebar {padding:9px 0 10px 10px; position:static; float:right; height:auto; width:auto;} div#sidebar.sbtoppadtrnv {padding-top:0;} #sidebar div {position:static; height:auto;} #sidebar div.sbcontainer {width:177px;} /* top portion */ div.sbtop {width:177px; padding:2px 5px 4px 5px; font-weight:bold; color:#ffffff; text-align:center;} div > div.sbtop {width:167px;} div.sbtoppgrphspic {padding-bottom:2px;} /* div.sb1top_c {background:url(sb1_top_.gif) top no-repeat;} div.sb1top_w {background:url(sb1_top_.gif) top no-repeat;} div.sb2top_c {background:url(sb2_top_.gif) top no-repeat;} div.sb2top_w {background:url(sb2_top_.gif) top no-repeat;} */ /* middle portion */ div#sidebar div.divider {height:2px; width:177px; font-size:0px;} div#sidebar div.dividersb1sb2 {height:10px;} .bgwhite {background-color:#fff;} div.hphoto {width:177px; height:67px; font-size:0px;} /* bottom portion */ div.sbbtm {width:177px; padding:5px 10px 0 10px;} div > div.sbbtm {width:157px} /* div.sb1btm_c {background:url(sb1_btm_.gif) bottom no-repeat;} div.sb1btm_w {background:url(sb1_btm_.gif) bottom no-repeat;} div.sb2btm_c {background:url(sb2_btm_.gif) bottom no-repeat;} div.sb2btm_w {background:url(sb2_btm_.gif) bottom no-repeat;} */ /* bullet styles */ div.sbbtmnopicbul {padding-top:8px;} ul.sb {list-style:none; margin:0; padding:0 0 5px 0;} ul.sb li {margin:0; padding:0 0 7px 10px; text-indent:-10px;} ul.sb li a {background:transparent url(nav_blub.gif); background-repeat:no-repeat; background-position:0 6px; padding-left:10px;} /* ul.sb li a:hover {background-image: url(nav_bluc.gif);} */ /* paragraph syles */ div.sbbtmpgrph {padding-top:0;padding-bottom:12px;} div.sbbtmpgrphnopic {padding-top:8px;padding-bottom:12px;} div.sbbtmpgrphhpic {padding-bottom:12px;} .pgrphphoto {float:left;margin:5px 6px 3px 0px; padding:0;} /* -- end FHT side bar styles -- */ /*NAOL benefit table styles in progress */ .cathead {padding:4px 10px 8px 10px;} .subcathead {padding:4px 10px 8px 0px;} .paymnthead {padding:4px 10px 8px 5px;} .dscdata {padding:5px 10px 7px 10px;} .paymntdata {padding:5px 10px 7px 5px;} .catheaderbar {padding:3px 10px 5px 19px;} .catindent {padding:0px 10px 0px 9px;} .subcatindent {padding:0px 10px 0px 19px;} .firstsubcatheader {padding:0px 5px 1px 0px;} .subcatheader {padding:12px 5px 1px 0px;} .subcatheadersym {padding-bottom:3px;} .colspacer {padding:0px 2px 0px 0px;} .benbacktop {padding:15px 5px 29px 20px;} .gennote {padding:44px 10px 0px 20px;} .catgennote {padding:14px 10px 0px 10px;} .catgennote1 {padding:9px 10px 0px 10px;} /* language style guide */ td.langbridgeicon {padding:5px 6px 0 0;} td.langbridgelink {padding-top:4px;} .langiconlink {margin:0 6px -3px 0;} .langicon {margin:0 1px -3px 1px} #langtoggle {text-align:right;position:static; height:auto; width:auto; margin-left:20px;} .langtoggle {margin:0 6px -3px 0;} /* styles ol's from message manager within div tags, used in search cfes */ div.messMan {position:static; width:auto; height:auto} div.messMan ol {margin:17px 0 0 40px} div.messMan li {margin:10px 0 0 0} /*testing Teamsite content auto-deployment. PLEASE DO NOT DELETE THIS LINE. */