@charset "utf-8"; /* CSS Document */ /*=== RESET ===*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;} /*=== GLOBAL ===*/ body { background: url(../images/bg_body.gif) repeat-x top; font-family: Arial, Helvetica, sans-serif;} strong { font-weight: bold;} em { font-style: italic;} a, a:visited, a:active { color: #0066cc; outline: none; text-decoration: none;} a:hover { text-decoration: underline;} .clear { clear: both;} .forPrint { display: none;} object, embed { outline: none;} .blue { color: #0066cc;} .siteWrap { margin: 0 auto; padding: 0 15px; width: 935px;} /*=== SA BAR ===*/ #saBar { left: 0; position: absolute; top: 0; width: 100%; z-index: 25;} #saBar table { width: 100%;} #saBar td { vertical-align: top;} #saBar .sanofiLeft { background: url(../images/bg_sanofiLeft_ci.gif) repeat-x top; height: 29px;} #saBar .sanofiRight { background: url(../images/bg_sanofiRight_ci.gif) repeat-x top; height: 29px;} #saBar .sanofiCenter { width: 935px;} /*=== SITE HEAD ===*/ .siteHead { background: transparent url(../images/bg_siteHead.jpg) no-repeat left top; height: 169px; margin: 0 -15px; padding: 0 15px; position: relative; width: 935px; z-index: 9999;} .siteHead .siteLogo { left: 0; position: absolute; top: 65px;} .siteHead .siteLogo a { display: block; height: 50px; overflow: hidden; text-indent: -9999px; width: 550px;} .siteHead .sanofiLogo { left: 15px; position: absolute; top: 0;} .siteHead .sanofiLogo a { display: inline; float: left; height: 54px; margin: 0 0 0 614px; overflow: hidden; text-indent: -2000px; width: 210px;} .siteHead .forUS { color: #333; font-size: 16px; left: 660px; line-height: 16px; position: absolute; top: 60px;} .siteHead .siteSearch { background: url(../images/bg_searchField.gif) no-repeat left top; height: 22px; left: 822px; position: absolute; top: 90px; width: 135px;} .siteHead .siteSearch .searchField { background: transparent; border: none; color: #009999; float: left; font-size: 12px; height: 22px; line-height: 22px; margin: 0 3px 0 0; padding: 0 10px 0; width: 84px;} .siteHead .siteSearch .searchBtn { float: left;} /*=== NAV ===*/ .siteNav { height: 30px; left: 15px; position: absolute; top: 139px;} .siteNav ul { padding: 0 0 0 1px;} .siteNav ul li { background: #FFF; float: left; height: 30px; margin: 0 0 0 -1px; position: relative;} .siteNav a { background: #FFF; color: #272f38; font-size: 12px; display: block; float: left; height: 30px; position: relative; text-decoration: none;} .siteNav a:hover { background: none;} .siteNav .replaced { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .siteNav a .replaced {background-color: #FFF; background-image: url(../images/bg_siteNav.gif); background-repeat: no-repeat; cursor: pointer;} .siteNav .home a { width: 84px;} .siteNav .home a .replaced { background-position: 0 0;} .siteNav .home a:hover .replaced { background-position: 0 -30px;} .siteNav .select a { width: 168px;} .siteNav .select a .replaced { background-position: -84px 0;} .siteNav .select a:hover .replaced { background-position: -84px -30px;} .siteNav .wellness a { width: 169px;} .siteNav .wellness a .replaced { background-position: -252px 0;} .siteNav .wellness a:hover .replaced { background-position: -252px -30px;} .siteNav .survivors a { width: 169px;} .siteNav .survivors a .replaced { background-position: -421px 0;} .siteNav .survivors a:hover .replaced { background-position: -421px -30px;} .siteNav table { position:absolute; top:0; left:0;} /*-- drop down --*/ .siteNav ul ul { background: transparent url(../images/bg_subnav_select.gif) no-repeat; border-top: 2px solid #638698; height: 126px; left: 0; overflow: hidden; padding: 15px 0 0 0; position: absolute; top: 30px; width: 336px; visibility: hidden; z-index: 9999;-moz-box-shadow: 1px 1px 3px #c7c7c7;-webkit-box-shadow: 3px 3px 3px #c7c7c7;-moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-radius-bottomleft: 10px;-webkit-border-radius-bottomright: 10px;} html>body .siteNav ul ul {background: transparent url(../images/bg_subnav_select.png) no-repeat;} .siteNav ul ul li { background: none; float: left; height: 25px; margin: 0; overflow: hidden; padding: 2px 0; position: relative; width: 168px;} .siteNav ul ul li a { background: transparent; color: #272f38 !important; display: inline; font-size: 14px; height: 25px; line-height: 25px; padding: 0 5px 0 12px; margin: 0 0 0 1px; text-decoration: none !important; width: 150px !important;} /*-- drop down selected--*/ .siteNav ul ul li.active a, .siteNav ul ul li.active a:hover, .siteNav ul ul li a:hover { background: #a2b6c1;} .siteNav ul li:hover ul, .siteNav ul a:hover ul{visibility:visible;} /*=== SITE BODY ===*/ .siteBody { background: url(../images/bg_siteHead.jpg) repeat-x 0 -160px; padding: 4px 0 0 0; width: 935px;} /*-- general --*/ .siteBody .mainContent { color: #535353; float: left; width: 615px;} .siteBody .blueArrow { background: url(../images/arrow_blue.gif) no-repeat right center; padding-right: 10px;} /*.siteBody .pdfLink, .sidebar .pdfLink { background: url(../images/icon_pdf.gif) no-repeat left center; padding-left: 18px;}*/ .sidebar .pdfLink { background: url(../images/icon_pdf.gif) no-repeat left center; line-height:1.769em; padding: 5px 0 5px 30px;} .mainContent .pdfLink{ background: url(../images/icon_pdf.gif) no-repeat left center; line-height:1.769em; padding: 5px 0 5px 30px;} .mainContent h1 { font-size: 1.375em; font-weight: normal; line-height: 1.2em; margin: 0 0 0.5em;} /*.mainContent h2 { font-size: 1.25em; font-weight: normal; line-height: 1.2em; margin: 0 0 0.5em;}*/ .mainContent h2 { font-size: 1.0em; font-weight: bold; line-height: 1.38em; margin: 0 0 -0.8125em; padding: 0;} .mainContent p { font-size: 0.8125em; line-height: 1.38em; margin: 1.0em 0;} .mainContent p.note { color: #666;} .mainContent p.returnTop { text-align: right;} .mainContent ul, .mainContent ol { margin: 1.0em 0;} .mainContent ul li { font-size: 0.8125em; line-height: 1.38em; list-style-type: disc; margin: 0 0 0 25px;} .mainContent ol li { font-size: 0.8125em; line-height: 1.38em; list-style-type: decimal; margin: 0 0 0 25px;} .mainContent .contentPhoto { border: none;/*border-width: 2px; border-style: solid;*/ float: right; margin: 0.35em 0 20px 10px;} /*-- home --*/ #carousel { background: #FFF url(../images/bg_homeCarousel.gif) no-repeat left top; color: #5b5b5b; height: 265px; margin: -4px 0 30px; overflow: hidden; position: relative; width: 935px;} #carousel #slides { display: inline; float: left; height: 256px; margin: 0 0 0 7px; overflow: hidden; position: relative; width: 738px;} #slides .slideItem { font-size: 13px; height: 256px; line-height: 18px; overflow: hidden; position: relative; width: 738px;} #slides .slideItem h2 { color: #ed8101; font-size: 25px; font-weight: normal; overflow: hidden; text-indent: -9999px;} #slides .slideItem p {} #carousel #slideToggle { position: absolute; right: 1px; top: 10px; z-index: 9999;} #carousel #slideToggle .toggleItem { height: 82px; position: relative;} #carousel #slideToggle img { cursor: pointer; position: absolute; right: 0; top: 0;} #carousel #slideToggle .on { visibility: hidden;} #carousel #slideToggle .active .on { visibility: visible;} #carousel #slideToggle .active .off { visibility: hidden;} #slides .slide1 { background: url(../images/bg_carousel_slide1.jpg) no-repeat left top;} #slides .slide1 .content { padding: 28px 0 0 25px; width: 445px;} #slides .slide1 h2 { background: url(../images/bg_carousel_slide1.jpg) no-repeat -25px -28px; height: 61px; margin: 0; width: 423px;} #slides .slide1 p { margin: 10px 0;} #slides .slide1 .block1 { display: inline; float: left; width: 250px;} #slides .slide1 .block2 { display: inline; float: left; width: 173px;} #slides .slide2 { background: url(../images/bg_carousel_slide2.jpg) no-repeat left top;} #slides .slide2 .content { padding: 25px 0 0 21px; width: 423px;} #slides .slide2 h2 { background: url(../images/bg_carousel_slide2.jpg) no-repeat -21px -25px; height: 63px; margin: 0; width: 423px;} #slides .slide2 p { margin: 10px 0;} #slides .slide3 { background: url(../images/bg_carousel_slide3b.jpg) no-repeat left top;} #slides .slide3 .content { padding: 34px 0 0 25px; width: 423px;} #slides .slide3 h2 { background: url(../images/bg_carousel_slide3b.jpg) no-repeat -25px -34px; height: 85px; margin: 0; width: 417px;} #slides .slide3 p { margin: 0px 0 20px;} #slides .slide3 p.halfMargin { margin: 0px 0 10px; } #homeCtas { color: #404040; font-size: 13px; line-height: 18px;} #homeCtas .ctaItem { background-image: url(../images/bg_homeCallouts.jpg); background-repeat: no-repeat; display: inline; float: left; height: 220px; overflow: hidden; width: 300px;} #homeCtas .ctaPad { padding: 15px 15px 0;} #homeCtas .cta1 { background-position: 0 0;} #homeCtas .cta1 h3 { margin: 0 0 10px;} #homeCtas .cta1 p { margin: 0;} #homeCtas .cta1 .thumb { float: left; margin: 2px 10px 0 0;} #homeCtas .cta1 .linkBlock { line-height: 23px; margin: 5px 0 0;} #homeCtas .cta2 { background-position: -300px 0; margin: 0 0 0 17px;} #homeCtas .cta2 h3 { margin: 0 0 10px;} #homeCtas .cta2 p { margin: 0;} #homeCtas .cta2 .linkBlock { line-height: 23px; margin: 5px 0 0;} #homeCtas .cta3 { background-position: 0 0; float: right !important;} #homeCtas .cta3 .thumb { margin: 0 0 10px;} #homeCtas .cta3 h3 { margin: 0 0 6px;} #homeCtas .cta3 p { margin: 0;} #homeCtas .cta3 .linkBlock { margin: 7px 0 0;} .homeCallouts { margin: 0 0 75px;} .homeCallouts .callout { border: 1px solid #98aab3; color: #000; display: inline; float: left; font-size: 13px; height: 218px; line-height: 18px; width: 298px;} .homeCallouts .contentIn { padding: 180px 12px 0;} .homeCallouts .yescan { background: url(../images/bg_callout_yescan.jpg) no-repeat; margin: 0 18px 0 0;} .homeCallouts .ccn { background: url(../images/bg_callout_ccn.jpg) no-repeat;} .homeCallouts .dietnut { background: url(../images/bg_callout_dietnut.jpg) no-repeat; float: right !important;} .homeCallouts .dietnut .contentIn { padding: 12px;} .homeCallouts .dietnut h3 { color: #007d7d; font-size: 18px; font-weight: bold; line-height: 24px; margin: 0 0 5px;} .homeCallouts .dietnut p { padding: 0 25px 0 0;} /*-- sub nav --*/ .subNav { background-image: url(../images/bg_siteSubNavs.jpg); background-repeat: repeat-x; height: 35px; margin: -4px 0 20px; position: relative; width: 935px; z-index: 10;} .subNav ul { height: 35px; width: 935px;} .subNav ul li { background: url(../images/bg_subnav_li.gif) no-repeat left center; display: inline; float: left; height: 35px; line-height: 35px; margin: 0 2px; padding: 0 0 0 5px; position: relative;} .subNav ul li.firstSub { background: none;} .subNav a { background-repeat: no-repeat; background-position: left -32px; color: #FFF; display: block; font-size: 14px; float: left; height: 35px; padding: 0; position: relative; text-decoration: none !important;} .subNav a:hover, .subNav li:hover a { background-position: left top; border: 0px solid transparent;} html>body .subNav a:hover { border: none;} .subNav a span { background-repeat: no-repeat; background-position: right -32px; color: #FFF; cursor: pointer; display: inline; float: left; height: 35px; margin: 0 0 0 14px; padding: 0 14px 0 0;} .subNav a:hover span, .subNav li:hover a span { background-position: right top;} /*-- sub nav drop down selected--*/ .subNav li.active a { background-position: left top;} .subNav li.active a span { background-position: right top;} /*-- sub nav drop down --*/ .subNav table { position:absolute; top:0; left:0;} #subNav ul ul { background: none; height: auto; left: 6px; overflow: hidden; padding: 10px 0 15px 0; position: absolute; top: 35px; width: 223px; visibility: hidden; z-index: 9999;-moz-box-shadow: 1px 1px 3px #c7c7c7;-webkit-box-shadow: 3px 3px 3px #c7c7c7;-moz-border-radius-bottomleft: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-radius-bottomleft: 10px;-webkit-border-radius-bottomright: 10px;} html>body #subNav ul ul {/*background: transparent url(../images/bg_subnav_breast.png) no-repeat;*/} #subNav ul ul li { background: none; float: left; height: 100%; line-height: normal; margin: 0; overflow: hidden; padding: 0 1px; position: relative; width: 221px;} #subNav ul ul li a { background: none; color: #000 !important; display: inline; font-size: 13px; font-weight: normal; height: 100%; line-height: 18px; padding: 3px 10px; margin: 0; text-decoration: none !important; width: 201px !important;} /*-- sub nav drop down selected--*/ #subNav ul ul li.active a, #subNav ul ul li.active a:hover, #subNav ul ul li a:hover { background: #a2b6c1;} /*-- recipe list sub nav --*/ #subNav ul .recipeList ul { width: 470px;} .other #subNav ul .recipeList ul { background: transparent url(../images/bg_subNav_sub_recipes.gif) no-repeat left bottom;} html>body.other #subNav ul .recipeList ul { background: none; background: transparent url(../images/bg_subNav_sub_recipes.png) no-repeat left bottom;} #subNav ul .recipeList ul li { padding: 0; width: 235px;} #subNav ul .recipeList ul li a { margin: 0 0 0 1px; width: 213px !important;} #subNav ul li:hover ul, #subNav ul a:hover ul, #subNav ul li.active a:hover ul {visibility:visible;} /*-- breadcrumbs --*/ .breadcrumbs { color: #272f38; font-size: 11px; line-height: 13px; margin: 0 0 7px;} .breadcrumbs a { color: #0066cc; text-decoration: none;} .breadcrumbs a:hover { color: #0066cc; text-decoration: underline;} /*-- utility --*/ .siteUtil { border-top-width: 3px; border-top-style: solid; height: 27px; overflow: hidden; padding: 10px 0 0;} .mainContent .utilActions { margin: 0; display: inline; float: right;} .mainContent .utilActions li { color: #006699; float: left; font-size: 11px; line-height: 27px; list-style-type: none; margin: 0; padding-left: 7px;} .utilActions li a { background-color: transparent; background-image:url(../images/bg_utilIcons.gif); background-repeat: no-repeat; color: #006699; display: block; text-decoration: none;} .utilActions li a:hover { color: #006699; text-decoration: underline;} .utilActions #sendFriend a { background-position: right 0; padding: 0 25px 0 0;} .utilActions #printPage a { background-position: right -27px; padding: 0 25px 0 0;} .utilActions #textSize { padding: 0 36px 0 7px; position: relative;} .utilActions #textSize a { display: inline; float: none;} .utilActions #textSize .textPlus { display: block; position: absolute; right: 18px; top: 0;} .utilActions #textSize .textPlus img { background:transparent url(../images/bg_utilIcons.gif) no-repeat left -54px; height: 27px; width: 13px;} .utilActions #textSize .textMinus { display: block; position: absolute; right: 0; top: 0;} .utilActions #textSize .textMinus img { background:transparent url(../images/bg_utilIcons.gif) no-repeat left -81px; height: 27px; width: 13px;} .utilActions #sharePage a { background-position: right -108px; padding: 0 22px 0 0;} /*-- cancer types --*/ #cancerTypes {} #cancerTypes .leftTypes { display: inline; float: left; width: 282px;} #cancerTypes .rightTypes { display: inline; float: left; margin: 0 0 0 30px; width: 288px;} #cancerTypes .type { height: 9em; position: relative; margin: 0 0 1.0em; padding: 0 0 1.38em;} #cancerTypes .type p { margin: 0 0 0.75em;} #cancerTypes .type .blueArrow { bottom: 0; font-size: 0.8125em; left: 0; position: absolute;} .mainContent #cancerTypes h2 { color: #666; display: block; font-size: 12px; height: 44px; line-height: 44px; margin: 0; overflow: hidden; padding: 0;} #cancerTypes h2 a { background-image: url(../images/bg_cancerTypes.jpg); background-repeat: no-repeat; display: block; height: 44px; text-indent: -9999px; text-decoration: none; width: 282px;} #cancerTypes h2 .rightTypes a { width: 286px;} #cancerTypes .breast h2 a { background-position: 0 0;} #cancerTypes .colon h2 a { background-position: 0 -44px;} #cancerTypes .headneck h2 a { background-position: 0 -88px;} #cancerTypes .prostate h2 a { background-position: 0 -132px;} #cancerTypes .cll h2 a { background-position: 0 -176px;} #cancerTypes .gastric h2 a { background-position: 0 -220px;} #cancerTypes .lung h2 a { background-position: 0 -264px;} #cancerTypes .other h2 a { background-position: 0 -308px;} /*-- content boxes --*/ .mainContent .boxed { background: url(../images/bg_boxed.gif) repeat-y left top; clear: right; height: 100%; margin: 20px 0; overflow: hidden; position: relative; width: 615px;} .mainContent .boxedOut { background: url(../images/bg_boxedOut.jpg) no-repeat left bottom; width: 615px;} .mainContent .boxedIn { background: url(../images/bg_boxedIn.jpg) no-repeat left top; overflow: hidden; padding: 15px; width: 585px;} .mainContent .boxed h2 {font-size:1em; font-weight:bold; line-height:1.38em; margin:0 0 -0.8125em; padding:0;} .mainContent .boxed h3 { font-size: 1.25em; font-weight: normal; line-height: 1.2em; margin: 0 0 -0.5em;} .mainContent .boxed h4 { color: #666; margin: 0;} .mainContent .boxed p { margin: 0.65em 0 0;} .mainContent .boxed .boxItem { margin: 1.75em 0 0;} /*-- video --*/ .videoPage {} .mainContent .videoPage .boxed { margin-top: 0;} .videoPage .videoHolder { height: 466px; margin: -7px -8px 0 -7px; overflow: hidden; width: 600px;} .videoPage .getFlash { text-align: center;} .videoPage .getFlash img { margin: 110px 0 0;} .videoPage .videoDesc { margin: 12px 0 0;} .videoPage .transcriptToggle { margin: 12px 0 0;} .videoPage .transcriptToggle a { background: url(../images/arrow_blue.gif) no-repeat left center; padding-left: 10px;} .noscript .videoPage .transcriptToggle { display: none;} .videoPage .transcriptCopy { display: none; margin: 12px 0 0;} .noscript .videoPage .transcriptCopy { display: block;} .videoPage .transcriptCopy .headline { display: none; font-weight: bold;} .noscript .videoPage .transcriptCopy .headline { display: block;} #videoNav { font-size: 12px; line-height: 18px; margin: 50px 0 20px;} #videoNav .boxed { margin: 0;} #videoNav .boxedOut { background-image: url(../images/bg_boxedOut_videos.gif);} #videoNav .boxedIn { height: 162px; padding: 15px 31px; position: relative; width: 553px;} .noscript #videoNav .boxedIn { height: auto; padding: 15px; position: relative; width: 585px;} .mainContent #videoNav .manyVideos { height: 159px; padding: 15px 0 18px 125px; position: relative; width: 490px;} #videoNav .videoCategory { display: none;} .noscript #videoNav .videoCategory { display: block;} #videoNav .videoPage {} .noscript #videoNav .videoPage { margin: 16px 0 0;} #videoNav .videoHeadline { margin: 0 0 7px;} #videoNav .videoHeadline h2 { font-size: 1.833em; font-weight: normal; line-height: 1.0em; margin: 0;} #videoNav .videoTab { background-image: url(../images/bg_videos_tabs.gif); background-repeat: no-repeat; cursor: pointer; height: 192px; overflow: hidden; position: absolute; top: 0; width: 16px;} #videoNav .leftTab { background-position: 0 0; left: 0;} #videoNav .leftTabInactive { background-position: 0 -192px; cursor: default; left: 0;} #videoNav .rightTab { background-position: -16px 0; right: 0;} #videoNav .rightTabInactive { background-position: -16px -192px; cursor: default; right: 0;} .mainContent #videoNav .manyVideos .videoTab {background-image: url(../images/bg_videos_tabs_many.gif); background-repeat: no-repeat; cursor: pointer; height: 75px; overflow: hidden; position: absolute; top: 45px; width: 11px;} .mainContent #videoNav .manyVideos .leftTab { background-position: 0 0; left: 109px;} .mainContent #videoNav .manyVideos .rightTab { background-position: -11px 0; right: 10px;} #videoNav .paginator { bottom: 0; font-size: 11px; height: 18px; left: 0; line-height: 18px; position: absolute; text-align: center; width: 615px;} #videoNav .paginator a { color: #0066cc; margin: 0 5px; text-decoration: none;} #videoNav .paginator a.active { color: #002e8d; text-decoration: underline;} #videoNav .thumb { float: left; overflow: hidden; width: 120px;} #videoNav .thumb a { color: #535353; display: block; text-decoration: none !important; width: 105px;} #videoNav .thumb span { display: block;} #videoNav .thumb .img { margin: 0 0 7px;} #videoNav .videoSubNav { background: url(../images/bg_videos_subnav.gif) no-reapt left top; display: none; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 10} .noscript #videoNav .videoSubNav {} #videoNav .videoSubNav ul { list-style: none; margin: 0; padding: 0; width: 100px;} #videoNav .videoSubNav li { border-top: 1px solid #FFF; list-style-type: none; margin: 0; height: 31px; overflow: hidden; padding: 0; width:100px;} #videoNav .videoSubNav li.first { border-top-color: transparent;} #videoNav .videoSubNav a { background-image: url(../images/bg_videos_subnav.gif); background-position: 0 -32px; color: #FFF; display: block; font-size: 12px; height: 31px; line-height: 31px; overflow: hidden; padding: 0 0 0 15px; text-decoration: none;} #videoNav .videoSubNav a.active { background-position: -100px -32px; color: #002e8d;} #videoNav .videoSubNav .first a { background-position: 0 0;} #videoNav .videoSubNav .first a.active { background-position: -100px 0; color: #002e8d;} #videoNav .videoSubNav .last a { background-position: 0 bottom;} #videoNav .videoSubNav .last a.active { background-position: -100px bottom; color: #002e8d;} /*-- recipes --*/ .mainContent .recipeCols {} .recipeCols .lcol { display: inline; float: left; margin: 0 15px 0 0; width: 285px;} .recipeCols .rcol { display: inline; float: left; width: 285px;} .mainContent .recipeList { margin: 0;} .mainContent .recipeList ul { margin: 0;} .mainContent .recipeList li { background: url(../images/arrow_blue.gif) no-repeat left 0.4em; color: #0066cc; font-size: 0.8125em; line-height: 1.38em; list-style-type: none; margin: 0 0 0 15px; padding: 0 0 0 12px;} .mainContent .recipeList li li { background: none; font-size: 100%; margin: 0 0 0 15px; padding: 0;} .recipeList li a { color: #0066cc; text-decoration: none;} .recipeList li a:hover { color: #0066cc; text-decoration: underline;} .mainContent .boxed .recipeItem { margin: 0 0 1.7em;} .mainContent .boxed .recipeItem h3 { margin: 0 0 0.40em;} .mainContent .boxed .recipeItem p { margin: 0.25em 0;} .mainContent .boxed .recipeItem .ingredients { padding: 0 0 0 25px;} .mainContent .recipeBox { padding: 0;} .mainContent .recipeBox .recipeToggle { background: #d9e8e0; cursor: pointer; padding: 15px; position: relative;} .mainContent .recipeBox .recipeOpen { background: none !important;} .mainContent .recipeBox .recipeToggle h2 { color: #009696 !important; font-size: 1.375em; margin: 0;} /*.mainContent .recipeBox .recipeOpen h3 { color: #666 !important;}*/ .mainContent .recipeBox .expandBtn { background-image: url(../images/arrow_down.gif); background-repeat: no-repeat; background-position: right center; color: #0066CC; font-size: 0.8125em; line-height: 1.0em; padding: 0 15px 0 0; position: absolute; right: 10px; top: 1.6em;} .mainContent .recipeBox .recipeOpen .expandBtn { background-image: url(../images/arrow_up.gif) !important;} .mainContent .recipeBox .recipeToggled { padding: 0 15px 15px;} #recipeDetail { margin: 1.0em 0;} #recipeDetail .recipeIngredients { display: inline; float: left; width: 300px;} #recipeDetail .recipeIngredients p { line-height: 1.75em;} #recipeDetail .recipeDirections { display: inline; float: left; margin: 0 0 0 15px; width: 300px;} #recipeDetail .recipeDirections ol li { margin: 0 0 0.75em 20px;} #recipeDetail .recipeNutrition { margin: 1.0em 0;} #recipeDetail .recipeNavigate { font-size: 0.8125em; height: 1.583em; line-height: 1.38em; margin: 2.0em 0 1.0em; text-align: right;} #recipeDetail .recipeNavigate .previousRecipe { background: url(../images/icon_previous.gif) no-repeat left center; float: left; padding: 0 0 0 20px;} #recipeDetail .recipeNavigate .nextRecipe { background: url(../images/icon_next.gif) no-repeat right center; float: right; padding: 0 20px 0 0;} #recipeDetail h3 { font-weight: bold; margin: 1.0em 0 0;} /*-- inner carousels --*/ #innerCarouselSlides { height: 100%; margin: 0; overflow: hidden; position: relative; width: 585px;} #innerCarouselSlides .slidesWrap { width: 5000px;} #innerCarouselSlides .headline { padding: 0 0 10px;} #innerCarouselSlides .headline h2, #innerCarouselSlides .headline h3{ margin: 0;} #innerCarouselSlides .slide { float: left; width: 585px;} #innerCarouselSlides .slideMedia { display: inline; float: left; height: 200px; overflow: hidden; width: 300px;} #innerCarouselSlides .slideCopy { display: inline; float: left; margin: 0 0 0 15px; width: 270px;} .breast #innerCarouselSlides .slideCopy { margin-top: -0.62em;} #innerCarouselSlides .recipeSlides .slideMedia { height: 200px; width: 200px;} #innerCarouselSlides .recipeSlides .slideCopy { width: 370px;} #innerCarouselSlides .recipeSlides .slideCopy .col1 { display: inline; float: left; width: 177px;} #innerCarouselSlides .recipeSlides .slideCopy .col2 { display: inline; float: left; margin: 0 0 0 15px; width: 177px;} #innerCarouselNav{ margin: 0 -15px 0 0; position: relative; width: 600px;} #innerCarouselNav .nav { display: inline; float: left; height: 75px; margin: 0 15px 0 0; padding: 17px 0 0; position: relative; width: 135px;} #innerCarouselNav .active { background: url(../images/bg_carouselNav_active.gif) no-repeat left top;} #siteWrap #mainContent .manyNav .nav { display: inline; float: left; height: 75px; margin: 0 15px 0 0; padding: 17px 0 0; position: relative; width: 105px;} #siteWrap #mainContent .manyNav .active { background: url(../images/bg_carouselNav_active_many.gif) no-repeat left top;} /*-- additional resources --*/ .mainContent .resources { margin: 2.5em 0 1.0em;} .mainContent .resources h5 { color: #666; font-weight: bold; font-size: 1.0em; line-height: 1.2em; margin: 0 0 0.25em;} .mainContent .resources p { margin: 0;} /*=== SIDEBAR ===*/ .siteBody .sidebar { float: right; width: 300px;} .sidebar ol { margin: 10px 0 0;} .sidebar ol li { margin: 0 0 0 20px;} .sidebar li { font-size: 0.8125em; line-height: 1.4em; list-style-type: decimal; margin: 0 0 0 15px;} .sidebar .widget { background: url(../images/bg_widget.gif) repeat-y left top; height: 100%; margin: 0 0 20px; overflow: hidden; position: relative; width: 300px;} .sidebar .widgetOut { background: url(../images/bg_widgetOut.jpg) no-repeat left bottom; overflow: hidden; width: 300px;} .sidebar .widgetIn {background: url(../images/bg_widgetIn.jpg) no-repeat left top; overflow: hidden; padding: 15px; width: 270px;} /* .sidebar .widget { background-color: #fffbf1; border: 1px solid #98aab3; color: #000; margin: 0 0 20px; position: relative;} .sidebar .widgetIn { padding: 15px;} */ .sidebar .widget h5 { color: #666; font-size: 1.125em; font-weight: bold; line-height: 1.2em; margin: 0 0 7px;} .sidebar .widget p { font-size: 0.8125em; line-height: 1.4em; margin: 0.538em 0 0;} /*-- video player --*/ .videoPlayer {} .sidebar .videoPlayer h5 { margin: 0 0 0.692em;} .sidebar .videoPlayer .thumb { display: inline; float: left; margin: 0 10px 0 0; width: 105px;} .sidebar .videoPlayer .copy { display: inline; float: left; margin: 0; width: 150px;} /*-- book --*/ .book {} .sidebar .book h5 { margin: 0 0 0.6em;} .sidebar .book .thumb { display: inline; float: left; margin: 0; width: 85px;} .sidebar .book .thumb img { margin: 0.15em 0 0;} .sidebar .book .copy { display: inline; float: left; margin: 0; width: 185px;} .sidebar .book .copy p { margin: 0;} /*-- women's cancer --*/ .sidebar .womenCancer .widgetOut { background-image: url(../images/bg_widgetOut_fwc.jpg) !important;} .sidebar .womenCancer .widgetIn { background-image: url(../images/bg_widgetIn_fwc.jpg) !important;} /* .womenCancer { background-image: url(../images/bg_widget_womenCancer_top.jpg); background-repeat: no-repeat; background-position: left top;} .womenCancer .widgetIn { background: url(../images/bg_widget_womenCancer_bottom.jpg) no-repeat left bottom;} */ /*-- fast fact --*/ .fastFact {} .fastFact .widgetHead { margin: 0 0 15px;} .fastFact .factControl { height: 16px; position: absolute; right: 15px; top: 15px;} .noscript .fastFact .factControl { display: none;} .factControl .prevFact { position: absolute; right: 20px; top: 0;} .factControl .nextFact { position: absolute; right: 0; top: 0;} #fastFact h5 { margin: 0 0 0.3em;} #fastFact p { margin: 0.3em 0 0;} #fastFact h5 img { background-image: url(../images/fast_fact_headlines.gif); background-repeat: no-repeat; height: 22px; width: 270px;} #fastFact .fact_1 img { background-position: 0 0;} #fastFact .fact_2 img { background-position: 0 -22px;} #fastFact .fact_3 img { background-position: 0 -44px;} #fastFact .fact_4 img { background-position: 0 -66px;} #fastFact .fact_5 img { background-position: 0 -88px;} #fastFact .fact_6 img { background-position: 0 -110px;} #fastFact .fact_7 img { background-position: 0 -132px;} #fastFact .fact_8 img { background-position: 0 -154px;} #fastFact .fact_9 img { background-position: 0 -176px;} #fastFact .fact_10 img { background-position: 0 -198px;} #fastFact .fact_11 img { background-position: 0 -220px;} #fastFact .fact_12 img { background-position: 0 -242px;} #fastFact .fact_13 img { background-position: 0 -264px;} #fastFact .fact_14 img { background-position: 0 -286px;} #fastFact .fact_15 img { background-position: 0 -308px;} #fastFact .fact_16 img { background-position: 0 -330px;} #fastFact .fact_17 img { background-position: 0 -352px;} #fastFact .fact_18 img { background-position: 0 -374px;} #fastFact .fact_19 img { background-position: 0 -396px;} #fastFact .fact_20 img { background-position: 0 -418px;} /*-- diet and nutrition --*/ .dietnut { background-image: url(../images/bg_widget_dietNutrition.jpg); background-repeat: no-repeat; background-position: bottom right;} .dietnut .widgetOut { background-image: url(../images/bg_widget_dietnut_widgetOut.jpg) !important;} .dietnut .widgetIn { padding-bottom: 35px;} .dietnut .widgetHead { margin: 0 0 15px;} .dietnut p.linkBlock { line-height: 1.65em;} /*-- useful links / resources --*/ .resources {} .resources .widgetHead { margin: 0 0 15px;} .resources ol {} /*=== MORE BOX ===*/ #moreBox { overflow: hidden;} #moreBox .moreHead { border-bottom: 1px solid #98aab3; height: 100%; overflow: hidden; padding: 0 0 7px;} #moreBox .moreHeadline { color: #666; display: inline; float: left; font-weight: bold; font-size: 1.0em; font-weight: bold; line-height: 1.0em; margin: 0 0 0 15px;} #moreBox .moreHome { display: inline; float: right; font-size: 0.8125em; font-weight: bold; line-height: 1.23em; margin: 0;} #moreBox .moreHome a { text-decoration: none;} #moreBox .moreHome a:hover { text-decoration: underline;} #moreBox .moreBody { font-size: 0.8125em; line-height: 1.38em; padding: 8px 0 0 15px;} #moreBox ul { margin: 0; padding: 0;} #moreBox li { float: left; font-weight: bold; height: 100%; position: relative; width: 200px;} #moreBox ul ul { margin: 0 0 0 10px;} #moreBox li li { float: none; font-weight: normal; width: 190px;} /*=== SECTION TABLE ===*/ .tableWrap { height: 100%; margin: 20px 0; overflow: hidden; position: relative; width: 615px;} .tableWrap .tableWrapBottom { background: url(../images/bg_tableWrapBottom.png) no-repeat left top; height: 8px; margin: -8px 0 0; overflow: hidden; position: relative; width: 615px;} .mainContent .tableWrap .boxed { margin: 0;} .mainContent .tableWrap .boxedOut { background: none;} .sectionTableWrap {border-left: 1px solid #b6d0bb; border-right: 1px solid #b6d0bb; width: 613px;} .sectionTable { border-bottom-style: solid; border-bottom-width: 1px; width: 613px;} .mainContent .sectionTableWrap .lastTable { border: none;} .mainContent .sectionTable h4 { color: #666; border-bottom: 1px solid #FFF; font-size: 1.0em; font-weight: bold; margin: 0; padding: 7px 15px;} .sectionTable table { font-size: 0.8125em; line-height: 1.38em; margin: 0; width: 615px;} .sectionTable table th, .sectionTable table td { color: #000; padding: 7px 15px; vertical-align: top;} .sectionTable table th { border-right: 1px dotted #FFF; font-weight: bold; padding-left: 35px; width: 55px;} .sectionTable table .last th, .sectionTable table .last td { padding-bottom: 25px;} .sectionTable table td {} /*=== SITE MAP ===*/ .sitemap .siteBody .sidebar { display: none;} .sitemap .siteBody .mainContent { float: none; width: auto;} #siteMap { font-size: 0.8125em;} #siteMap ul { list-style: none; margin: 0; padding: 0;} #siteMap li { list-style-type: none; margin: 0; padding: 0;} #siteMap .section { margin: 1.0em 0;} #siteMap .ribbon { background-image: url(../images/bg_ribbons.jpg); background-repeat: no-repeat; color: #FFF; font-size: 13px; font-weight: bold; height: 37px; line-height: 27px; padding: 7px 0 0; width: 308px;} #siteMap .section .breast { background-position: 0 0; height: 39px; line-height: 25px; padding: 5px 0 0;} #siteMap .section .cll { background-position: 0 -44px;} #siteMap .section .colon { background-position: 0 -88px;} #siteMap .section .gastric { background-position: 0 -132px;} #siteMap .section .headneck { background-position: 0 -176px; height: 39px; padding: 5px 0 0;} #siteMap .section .lung { background-position: 0 -220px;} #siteMap .section .prostate { background-position: 0 -264px;} #siteMap .section .other { background-position: 0 -308px; height: 39px; padding: 5px 0 0;} #siteMap .ribbon span { background: url(../images/bg_ribbons_arrow.gif) no-repeat 0 0; cursor: pointer; display: block; padding: 0 0 0 20px; width: 288px;} .noscript #siteMap .ribbon span { background: none; cursor: default;} #siteMap .active span { background-position: 0 -27px !important;} #siteMap .typesHeadline { margin: 0 0 5px;} #siteMap .typePages { display: none; padding: 0 0 10px;} .noscript #siteMap .typePages { display: block;} #siteMap .section ul { padding: 0 0 0 13px;} #siteMap .section li { font-size: 100%;} #siteMap .section ul ul { padding: 0 0 0 18px;} #siteMap .section li li { float: left; width: 225px;} #siteMap .section li li li { float: none; font-weight: normal; width: 190px;} /*=== GLOSSARY ===*/ #glossary {} #glossary .glossaryNav {} #glossary .glossaryNav span { color: #404040; display: inline; float: left; font-size: 0.8125em; font-weight: bold; line-height: 1.38em;} #glossary .glossaryNav ul { float: left; margin: 0 0 0 2px; padding: 0;} #glossary .glossaryNav ul li { background: none; float: left; font-size: 1.0em; list-style-type: none; line-height: 1.125em; margin: 0 3px; padding: 0;} #glossary .glossaryNav ul li a { font-weight: bold;} #glossary .letterBlock { margin: 0 0 1.0em;} #glossary .letterBlock .letter { color: #009999; font-size: 1.0em; font-weight: bold; line-height: 1.125em; margin: 1.0em 0 0.75em;} #glossary .letterBlock .letterItem { margin: 0.75em 0;} #glossary .letterBlock .letterItem p { margin: 0;} /*=== SECTION SPECIFIC COLORS ===*/ /*-- general --*/ .breast {/*color: #ec36af;*/} .headneck {/*color: #b81919;*/} .colon {/*color: #002e8d;*/} .lung {/*color: #718f99;*/} .gastric {/*color: #614bda;*/} .prostate {/*color: #4091e5;*/} .other {/*color: #009696;*/} /*-- sub navs --*/ .breast .subNav { background-position: 0 0;} .breast #subNav ul ul li.active a, .breast #subNav ul ul li a:hover { background-color: #f3bce1;} .breast .subNav a, .breast .subNav a span { background-image: url(../images/bg_subNav_breast.jpg);} .breast #subNav ul ul { background: transparent url(../images/bg_subNav_sub_breast.gif) no-repeat left bottom;} html>body.breast #subNav ul ul { background: transparent url(../images/bg_subNav_sub_breast.png) no-repeat left bottom;} .headneck .subNav { background-position: 0 -35px;} .headneck #subNav ul ul li.active a, .headneck #subNav ul ul li a:hover { background-color: #e4b4b3;} .headneck .subNav a, .headneck .subNav a span { background-image: url(../images/bg_subNav_headneck.jpg);} .headneck #subNav ul ul { background: transparent url(../images/bg_subNav_sub_headneck.gif) no-repeat left bottom;} html>body.headneck #subNav ul ul { background: transparent url(../images/bg_subNav_sub_headneck.png) no-repeat left bottom;} .colon .subNav { background-position: 0 -70px;} .colon #subNav ul ul li.active a, .colon #subNav ul ul li a:hover { background-color: #acbad7;} .colon .subNav a, .colon .subNav a span { background-image: url(../images/bg_subNav_colon.jpg);} .colon #subNav ul ul { background: transparent url(../images/bg_subNav_sub_colon.gif) no-repeat left bottom;} html>body.colon #subNav ul ul { background: transparent url(../images/bg_subNav_sub_colon.png) no-repeat left bottom;} .lung .subNav { background-position: 0 -105px;} .lung #subNav ul ul li.active a, .lung #subNav ul ul li a:hover { background-color: #c1d3d9;} .lung .subNav a, .lung .subNav a span { background-image: url(../images/bg_subNav_lung.jpg);} .lung #subNav ul ul { background: transparent url(../images/bg_subNav_sub_lung.gif) no-repeat left bottom;} html>body.lung #subNav ul ul { background: transparent url(../images/bg_subNav_sub_lung.png) no-repeat left bottom;} .gastric .subNav { background-position: 0 -140px;} .gastric #subNav ul ul li.active a, .gastric #subNav ul ul li a:hover { background-color: #cac3ee;} .gastric .subNav a, .gastric .subNav a span { background-image: url(../images/bg_subNav_gastric.jpg);} .gastric #subNav ul ul { background: transparent url(../images/bg_subNav_sub_gastric.gif) no-repeat left bottom;} html>body.gastric #subNav ul ul { background: transparent url(../images/bg_subNav_sub_gastric.png) no-repeat left bottom;} .prostate .subNav { background-position: 0 -175px;} .prostate #subNav ul ul li.active a, .prostate #subNav ul ul li a:hover { background-color: #c1daf3;} .prostate .subNav a, .prostate .subNav a span { background-image: url(../images/bg_subNav_prostate.jpg);} .prostate #subNav ul ul { background: transparent url(../images/bg_subNav_sub_prostate.gif) no-repeat left bottom;} html>body.prostate #subNav ul ul { background: transparent url(../images/bg_subNav_sub_prostate.png) no-repeat left bottom;} .other .subNav { background-position: 0 -210px;} .other #subNav ul ul li.active a, .other #subNav ul ul li a:hover { background-color: #c1daf3;} .other .subNav a, .other .subNav a span { background-image: url(../images/bg_subNav_other.jpg);} .other #subNav ul ul { background: transparent url(../images/bg_subNav_sub_other.gif) no-repeat left bottom;} html>body.other #subNav ul ul { background: transparent url(../images/bg_subNav_sub_other.png) no-repeat left bottom;} .wellness .subNav { background-position: 0 -245px;} .wellness #subNav ul ul li.active a, .wellness #subNav ul ul li a:hover { background-color: #FFF;} .wellness .subNav a, .wellness .subNav a span { background-image: url(../images/bg_subNav_wellness.jpg);} .wellness #subNav ul ul { background: transparent url(../images/bg_subNav_sub_other.gif) no-repeat left bottom;} html>body.wellness #subNav ul ul { background: transparent url(../images/bg_subNav_sub_other.png) no-repeat left bottom;} .survivorship .subNav { background-position: 0 -245px;} .survivorship #subNav ul ul li.active a, .survivorship #subNav ul ul li a:hover { background-color: #FFF;} .survivorship .subNav a, .survivorship .subNav a span { background-image: url(../images/bg_subNav_wellness.jpg);} .survivorship #subNav ul ul { background: transparent url(../images/bg_subNav_sub_other.gif) no-repeat left bottom;} html>body.survivorship #subNav ul ul { background: transparent url(../images/bg_subNav_sub_other.png) no-repeat left bottom;} .cll .subNav { background-position: 0 -280px;} .cll .subNav a, .cll .subNav a span { color: #000;} .cll #subNav ul ul li.active a, .cll #subNav ul ul li a:hover { background-color: #fadbad;} .cll .subNav a, .cll .subNav a span { background-image: url(../images/bg_subNav_cll.jpg);} .cll #subNav ul ul { background: transparent url(../images/bg_subNav_sub_cll.gif) no-repeat left bottom;} html>body.cll #subNav ul ul { background: transparent url(../images/bg_subNav_sub_cll.png) no-repeat left bottom;} /*-- section tables --*/ .breast .sectionTable { background-color: #fce1f3; border-bottom-color: #ec36af;} .breast .mainContent .alt { background-color: #fbd7ef;} .headneck .sectionTable { background-color: #f4dddd; border-bottom-color: #b81919;} .headneck .mainContent .alt { background-color: #f1d1d1;} .colon .sectionTable { background-color: #d9e0ee; border-bottom-color: #002e8d;} .colon .mainContent .alt { background-color: #ccd5e8;} .lung .sectionTable { background-color: #eaeef0; border-bottom-color: #718f99;} .lung .mainContent .alt { background-color: #e3e9eb;} .gastric .sectionTable { background-color: #e7e4f9; border-bottom-color: #614bda;} .gastric .mainContent .alt { background-color: #dfdbf8;} .prostate .sectionTable { background-color: #e3effb; border-bottom-color: #4091e5;} .prostate .mainContent .alt { background-color: #d9e9fa;} .other .sectionTable { background-color: #d9efef; border-bottom-color: #009696;} .other .mainContent .alt { background-color: #cceaea;} .cll .sectionTable { background-color: #fff0d9; border-bottom-color: #ff9900;} .cll .mainContent .alt { background-color: #ffebcc;} /*-- util --*/ .breast .siteUtil { border-top-color: #ec36af;} .headneck .siteUtil { border-top-color: #b81919;} .colon .siteUtil { border-top-color: #002e8d;} .lung .siteUtil { border-top-color: #718f99;} .gastric .siteUtil { border-top-color: #614bda;} .prostate .siteUtil { border-top-color: #4091e5;} .other .siteUtil, .sitemap .siteUtil { border-top-color: #009696;} .cll .siteUtil { border-top-color: #ff9900;} /*-- headlines --*/ .breast .mainContent h1, .breast .mainContent h3, .breast .mainContent .boxed h2 { color: #ec36af;} .headneck .mainContent h1, .headneck .mainContent h3, .headneck .mainContent .boxed h2 { color: #b81919;} .colon .mainContent h1, .colon .mainContent h3, .colon .mainContent .boxed h2 { color: #002e8d;} /*.lung .mainContent h1, .lung .mainContent h3, .lung .mainContent .boxed h2 { color: #718f99;}*/ /*.gastric .mainContent h1, .gastric .mainContent h3, .gastric .mainContent .boxed h2 { color: #614bda;}*/ /*.other .mainContent h1, .other .mainContent h3, .other .mainContent .boxed h2 { color: #009696;}*/ /* mycode*/ .gastric .mainContent h1 { color: #614bda;} .gastric .mainContent .boxed h2 { font-size: 1.0em; font-weight: bold; line-height: 1.38em; margin: 0 0 -0.8125em; padding-bottom: 3px;} .gastric .mainContent h3 { font-size: 1.25em; font-weight: normal; line-height: 1.2em; margin: 0 0 -0.5em;color: #614bda;} .lung .mainContent h1 { color: #718f99;} .lung .mainContent .boxed h2 { font-size: 1.0em; font-weight: bold; line-height: 1.38em; margin: 0 0 -0.8125em; padding-bottom: 3px;} .lung .mainContent h3 { font-size: 1.25em; font-weight: normal; line-height: 1.2em; margin: 0 0 -0.5em;color: #718f99;} .other .mainContent h1 { color: #009696;} .other .mainContent .boxed h2 { font-size: 1.0em; font-weight: bold; line-height: 1.38em; margin: 0 0 -0.8125em; padding-bottom: 3px;} .other .mainContent h3 { font-size: 1.25em; font-weight: normal; line-height: 1.2em; margin: 0 0 -0.5em;color: #009696;} /* mycode*/ .prostate .mainContent h1, .prostate .mainContent h3, .prostate .mainContent .boxed h2 { color: #4091e5;} .cll .mainContent h1, .cll .mainContent h3 { color: #ff9900;} .sitemap .mainContent h1, .sitemap .mainContent h3, .sitemap .mainContent .boxed h2 { color: #009696;} /*-- photos --*/ .breast .mainContent .contentPhoto { border-color: #ec36af;} .headneck .mainContent .contentPhoto { border-color: #b81919;} .colon .mainContent .contentPhoto { border-color: #002e8d;} .lung .mainContent .contentPhoto { border-color: #718f99;} .gastric .mainContent .contentPhoto { border-color: #614bda;} .prostate .mainContent .contentPhoto { border-color: #4091e5;} .other .mainContent .contentPhoto { border-color: #009696;} .cll .mainContent .contentPhoto { border-color: #ff9900;} /*-- content boxes -- .breast .mainContent .boxed { border-color: #ec36af;} .headneck .mainContent .boxed { border-color: #b81919;} .colon .mainContent .boxed { border-color: #002e8d;} .prostate .mainContent .boxed { border-color: #4091e5;}*/ .lung .mainContent .boxed { border-color: #718f99;} .gastric .mainContent .boxed { border-color: #614bda;} .other .mainContent .boxed { border-color: #009696;} /*=== SITE FOOT ===*/ .siteFoot { color: #000; margin: 0 0 25px; padding: 35px 0 0; text-align: center;} .siteFoot .siteMap { font-size: 0.8125em; line-height: 1.45em; margin: 0 0 20px;} .siteFoot .disclaimer { font-size: 0.6875em; line-height: 1.45em; margin: 10px 0 0;} /*=== POPUP ===*/ .popup { background: #FFF; width: 550px;} .popup .popupHeader { background: #009999; padding: 12px 20px;} .popup .popupHeader h1 { color: #FFF; font-size: 22px; line-height: 22px; margin: 0;} .popup .popupContentWrap {border: 1px solid #caacab; height: auto/*300px*/; padding: 15px 20px 20px;} .popup .popupBody { color: #000} .popup .popupBody p { color: #000; font-size: 16px; line-height: 24px; margin: 0 0 4px;} .popup .popupBody .small { font-size: 13px;} .popup .popupBody .sendForm {} .popupBody .sendForm .lcol { float: left; width: 295px;} .popupBody .sendForm .rcol { float: right; width: 175px;} .popupBody .sendForm .formItem { height: 24px; margin: 0 0 7px;} .sendForm .formItem label { color: #000; float: left; font-size: 13px; line-height: 24px; text-align: right; width: 122px;} .sendForm .formItem input { background: #ececec; border: 1px solid #949494; color: #000; float: right; font-size: 13px; height: 19px; padding: 3px 0 0; width: 164px;} .formItem input.badField { background: #eed4d4 !important; border: 1px solid #FF0000 !important;} .popup .popupBody .preview { padding: 0 0 0 0;} .popup .popupBody .preview p { color: #000; font-size: 13px; line-height: 18px; margin: 0;} .popup .popupBody .preview .break { line-height: 7px;} .popup .popupFoot {} .popup .popupFoot .lcol { float: left; text-align: right; width: 320px;} .popup .popupFoot .rcol { float: right; height: 24px; padding: 0 20px 0 0; width: 150px;} .popup .popupFoot p { color: #000; font-size: 13px; line-height: 18px; margin: 0;} .popup .popupFoot .clearBtn { float: left;} .popup .popupFoot .submitBtn { float: right;} .thankPopup .popupContentWrap { height: auto !important;} .thankPopup .popupBody {} .thankPopup .popupBody p { font-size: 13px; line-height: 18px; margin: 0 0 4px;} .thankPopup .popupBody .large { font-size: 16px; line-height: 24px;} .thankPopup .centeredBtns { height: 24px; margin: 0 auto; padding: 7px 0 0; width: 340px;} .centeredBtns .leftBtn { float: left;} .centeredBtns .rightBtn { float: right;} .exitPopup {} .exitPopup .popupContentWrap { height: auto !important;} .exitPopup .popupBody p { font-size: 13px; line-height: 18px; margin: 0 0 10px;} .exitPopup .popupBody .large { font-size: 16px; line-height: 24px; margin: 0 0 4px;} .exitPopup .popupFoot { padding: 10px 0 0;} .exitPopup .popupFoot .rightBtns { float: right; height: 24px; width: 170px;} .exitPopup .popupFoot .rightBtns .rightBtn { float: right;} .exitPopup .popupFoot .rightBtns .leftBtn { float: left;} /*-- static versions of popups --*/ .sendStatic {} .mainContent .sendStatic .sendHeader { background: none;} .mainContent .sendStatic .sendHeader h1 { color: #009999;} .mainContent .sendStatic .sendContentWrap { border: none; height: auto;} /*=== POPUP ===*/ .popup { background: #FFF; width: 550px;} .popup .popupHeaderPC { background: #656199; padding: 12px 20px;} .popup .popupHeaderPC h1 { color: #FFF; font-size: 20px; line-height: 22px; margin: 0;} /*== IWINDOW ==*/ #myOverlay { cursor: pointer; position: absolute; background-color: #000; left: 0; width: 100%; z-index: 9999;} #frameWrap { background-color: #FFF;position: absolute;overflow: hidden;padding: 0;z-index: 9999; width: 550px;} #frameWrap .frameCloseWrap { cursor: pointer; height: 19px; overflow: hidden; position: absolute; right: 14px; top: 11px; width: 18px;} #frameWrap .frameCloseWrap .closeFrame { height: 19px; left: 0; position: absolute; top: 0; width: 18px;} #frameWrap .frameCloseWrap .frameBtn { cursor: pointer; background: url(../images/bg_frameCloseBtn.gif) no-repeat; height: 19px; left: 0; position: absolute; top: 0; width: 18px;} .myFrameClass { border: 0; width: 550px;} #frameLoaderPC { position: absolute; z-index:9999; left: 50%; top: 100px; margin-left: -50px; width: 100px; height: 42px; border: 1px solid; background: #FFF url(../images/ajax-loader.gif) no-repeat 3px center;} #frameLoader { position: absolute; z-index:9999; left: 50%; top: 100px; margin-left: -50px; width: 100px; height: 42px; border: 1px solid #009999; background: #FFF url(../images/ajax-loader.gif) no-repeat 3px center;} #frameLoader p { color: #000; font-size: 12px; font-weight: bold; padding-left: 35px; margin: 0; text-align: center; line-height: 42px;} .mainContent .siteMapList li { font-size: 0.8125em; line-height: 1.38em; list-style-type: none; margin: 0 0 0 15px; padding: 0 0 0 12px;} .pageNumbers { text-align: right;} /*== new tooltip styles ==*/ #siteWrap .myTip:hover {color:#000; border-bottom: 1px solid #000; } #siteWrap .myTip, #siteWrap .myTip:visited { color:#000; border-bottom: 1px dotted #000; text-decoration: none !important;} .tipWrap { background-color: #F4F4F4; border-style: solid; border-width: 1px; width: 250px; z-index: 9999; } .tip { } .tip-top { } .tip-title { /*background: #b3ceb8;*/ color:#FFF; font-weight:bold; font-size: 13px; line-height: 16px; } .tip-title span { display: block; padding: 4px 10px; } .tip-text { color:#000; line-height: 16px;} .tip-text p { color: #000; margin: 3px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} .tip-text span { font-weight: bold; } .tip-text span.supColon {color:#006699;} .tip-bottom {} /*-- tip colors --*/ .breast .tipWrap { border-color: #ec36af;} .breast .tip-title { background: #ec36af;} .headneck .tipWrap { border-color: #b81919;} .headneck .tip-title { background: #b81919;} .colon .tipWrap { border-color: #002e8d;} .colon .tip-title { background: #002e8d;} .lung .tipWrap { border-color: #718f99;} .lung .tip-title { background: #718f99;} .gastric .tipWrap { border-color: #614bda;} .gastric .tip-title { background: #614bda;} .prostate .tipWrap { border-color: #4091e5;} .prostate .tip-title { background: #4091e5;} .other .tipWrap { border-color: #009696;} .other .tip-title { background: #009696;} .cll .tipWrap { border-color: #ff9900;} .cll .tip-title { background: #ff9900; color: #000;}