/* site css for Nature * site colour: #9c0204 * article page references list style: decimal * journal header image is located in site/includes/header - alter width and height to match new image **/ /* header */ /* edit the background colour */ #head-er .image-user-services-wrap {background-color:#9c0204;} /* edit the image dimensions to match those of /your_site/images/journal_header.gif */ #head-er .image-user-services img.journal-header {width:419px;} /* edit the path to this image, or just specify a colour instead */ #head-er .image-user-services {background:#9c0204;} /* edit the colour of these links, if necessary */ #head-er .user-services a {background:url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #000;} #head-er .user-services a:hover {background:url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #666;} /* Coloured icons for user-services links */ #hdr .user-services .li2 a { background-image:url(/common/includes/header/images/icons/01/icon_submit_red_med.gif); background-position:10px 0.5ex; } /*sitewide link colors*/ a:link, a:visited { color: #2b4055; } a:hover { color: #c03; } /*end sitewide link colors*/ #header-login {background:transparent;} #header-login img.journal-header { margin-top:19px; width:419px; height:74px; } #header-login, h2.society-resources, ul.society-resources a:hover, h1.page, #articlenav h2, #about #content h2, #article-related #journal-header, #article-related a.back-to-article:hover { background-color:#9c0204; } #toc #content h4.area, #aop #content h4.area { color:#9c0204; } #article #content #References ol { list-style-type:decimal; /* alternate values: decimal (1, 2, 3, etc.) decimal-leading-zero (01, 02, 03, etc.) lower-alpha (a, b, c, d, e, etc.) upper-alpha (a, B, C, D, E, etc.) lower-roman (i, ii, iii, iv, v, etc.) upper-roman (I, II, III, IV, V, etc.) lower-greek (alpha, beta, gamma, etc.)*/ } /* journal content and left nav overrides */ #journalnav { width: 23%; } #content { width: 74%; } #article-related #content { width: 100%; } /* journal left nav */ map.journal-nav h2 { margin: 0; padding: 4px 0 4px 6px; font-size: 1.1em; color: #651010; font-family: Arial, Helvetica, sans-serif; border: 1px solid #dfdfdf; border-bottom-style: none; } map.journal-nav ul { border: 1px solid #dfdfdf; border-bottom-style: none; } map.journal-nav ul li { background-color: transparent; border-bottom: 1px solid #dfdfdf; } map.journal-nav ul li a.on, map.journal-nav ul li a.on:visited { background-color: #9c0204; } map.journal-nav ul li a:link, map.journal-nav ul li a:visited { padding: 6px 5px 6px 20px; background: transparent url(/nature/images/nav_arrow.gif) no-repeat 6px 11px; font-weight: normal; font-size: 0.8em; } map.journal-nav ul li a:hover { background: #9c0204 url(/nature/images/nav_arrow_active.gif) no-repeat 6px 11px; color: #fff; } map.journal-nav .jn-about-the-journal { margin-top: 1em; } map.services ul, map.resources ul { background: #fff url(/nature/images/npg_lhn_bg.gif) repeat-x 0 0; border-style: solid; } map.services ul li, map.resources ul li { border-style: none; } map.services h2, map.resources h2 { font-family: Georgia, Palatino, "Times New Roman", serif; font-size: 1.3em; font-weight: normal; } map.services h2 span, map.resources h2 span { font-family: Arial, Helvetica, sans-serif; font-size: 0.83em; font-weight: bold; color: #545454; text-transform: lowercase; } map.services ul li a:link, map.services ul li a:visited, map.resources ul li a:link, map.resources ul li a:visited { background-image: url(/nature/images/nav_arrow_grey.gif); } .npgworklogo { border-bottom: 1px dotted #000; } /* journal left subnav */ map.journal-nav .subnav { display:none; border-right-style: none; border-left-style: none; } map.journal-nav .subnav li { padding: 2px 0; } map.journal-nav ul li ul.subnav a:link, map.journal-nav ul li ul.subnav a:visited { background: #fff url(/common/images/nav_dots2.gif) no-repeat 11px 5px; } map.journal-nav ul li ul.subnav li.on, map.journal-nav ul li ul.subnav a:hover { background-color: #9c0204; } #main-journal-nav a:link, #main-journal-nav a:visited { font-weight: bold; } .home .jn-home .subnav, .about-cover .jn-home .subnav, .aop .jn-aop .subnav, .about-aop .jn-aop .subnav, .supplements .jn-supplements .subnav, .insights .jn-supplements .subnav, .outlooks .jn-supplements .subnav, .collections .jn-supplements .subnav, .tech-features .jn-supplements .subnav, .web-focuses .jn-web-focuses .subnav, .biological-sciences .jn-web-focuses .subnav, .horizons .jn-web-focuses .subnav, .earth-environment .jn-web-focuses .subnav, .physical-sciences .jn-web-focuses .subnav, .science-politics .jn-web-focuses .subnav, .science-culture .jn-web-focuses .subnav, .multimedia .jn-multimedia .subnav, .podcast .jn-multimedia .subnav, .video .jn-multimedia .subnav, .blogs .jn-multimedia .subnav, .nesta .jn-awards .subnav, .google .jn-awards .subnav, .about-journal .jn-about-journal .subnav, .contact-journal .jn-about-journal .subnav, .about-editors .jn-about-journal .subnav, .nature-family .jn-about-journal .subnav, .first-issue .jn-about-journal .subnav, .for-advertisers .jn-about-journal .subnav, .for-librarians .jn-about-journal .subnav, .for-authors-and-referees .jn-for-authors-and-referees .subnav, .getting-published .jn-for-authors-and-referees .subnav, .guide-authors .jn-for-authors-and-referees .subnav, .publication-policies .jn-for-authors-and-referees .subnav, .submissions .jn-for-authors-and-referees .subnav, .for-referees .jn-for-authors-and-referees .subnav, .publishing .jn-for-authors-and-referees .subnav, .web-forums .jn-web-forums .subnav, .npgsub-1 .jn-web-forums .subnav, .npgsub-2 .jn-web-forums .subnav, .npgsub-3 .jn-web-forums .subnav, .npgsub-4 .jn-web-forums .subnav, .npgsub-5 .jn-web-forums .subnav { display:block; } /* journal left nav active link li */ .home .jn-home, .about-cover .jn-home .subnav .jn-about-cover, .aop .jn-aop, .about-aop .jn-aop .subnav .jn-about-aop, .issue .jn-issue, .archive .jn-archive, .supplements .jn-supplements, .insights .jn-supplements, .insights .jn-supplements .subnav .jn-insights, .outlooks .jn-supplements, .outlooks .jn-supplements .subnav .jn-outlooks, .collections .jn-supplements, .collections .jn-supplements .subnav .jn-collections, .custom-publications .jn-supplements, .custom-publications .jn-supplements .subnav .jn-custom-publications, .tech-features .jn-supplements, .tech-features .jn-supplements .subnav .jn-tech-features, .web-focuses .jn-web-focuses, .biological-sciences .jn-web-focuses, .biological-sciences .jn-web-focuses .subnav .jn-biological-sciences, .earth-environment .jn-web-focuses, .earth-environment .jn-web-focuses .subnav .jn-earth-environment, .horizons .jn-web-focuses, .horizons .jn-web-focuses .subnav .jn-horizons, .physical-sciences .jn-web-focuses, .physical-sciences .jn-web-focuses .subnav .jn-physical-sciences, .science-politics .jn-web-focuses, .science-politics .jn-web-focuses .subnav .jn-science-politics, .science-culture .jn-web-focuses, .science-culture .jn-web-focuses .subnav .jn-science-culture, .multimedia .jn-multimedia, .podcast .jn-multimedia, .podcast .jn-multimedia .subnav .jn-podcast, .video .jn-multimedia, .video .jn-multimedia .subnav .jn-video, .blogs .jn-multimedia, .blogs .jn-multimedia .subnav .jn-blogs, .nesta .jn-awards, .google .jn-awards, .google .jn-awards .subnav .jn-google, .about-journal .jn-about-journal, .contact-journal .jn-about-journal, .contact-journal .jn-about-journal .subnav .jn-contact-journal, .about-editors .jn-about-journal, .about-editors .jn-about-journal .subnav .jn-about-editors, .nature-family .jn-about-journal, .nature-family .jn-about-journal .subnav .jn-nature-family, .first-issue .jn-about-journal, .first-issue .jn-about-journal .subnav .jn-first-issue, .for-authors-and-referees .jn-for-authors-and-referees, .getting-published .jn-for-authors-and-referees, .getting-published .jn-for-authors-and-referees .subnav .jn-getting-published, .guide-authors .jn-for-authors-and-referees, .guide-authors .jn-for-authors-and-referees .subnav .jn-guide-authors, .publication-policies .jn-for-authors-and-referees, .publication-policies .jn-for-authors-and-referees .subnav .jn-publication-policies, .for-referees .jn-for-authors-and-referees, .for-referees .jn-for-authors-and-referees .subnav .jn-for-referees, .publishing .jn-for-authors-and-referees, .publishing .jn-for-authors-and-referees .subnav .jn-scientists, .submissions .jn-submissions, .press-releases .jn-press-releases, .for-authors .jn-for-authors, .for-referees .jn-for-referees, .about-the-journal .jn-about-the-journal, .about-cover .jn-home .subnav .jn-about-cover, .web-forums .jn-web-forums, .npgsub-1 .jn-web-forums, .npgsub-1 .jn-web-forums .subnav .jn-npgsub-1, .npgsub-2 .jn-web-forums, .npgsub-2 .jn-web-forums .subnav .jn-npgsub-2, .npgsub-3 .jn-web-forums, .npgsub-3 .jn-web-forums .subnav .jn-npgsub-3, .npgsub-4 .jn-web-forums, .npgsub-4 .jn-web-forums .subnav .jn-npgsub-4, .npgsub-5 .jn-web-forums, .npgsub-5 .jn-web-forums .subnav .jn-npgsub-5 { background: #9c0204 url(/nature/images/nav_arrow_active.gif) no-repeat 6px 11px; } /* journal left nav active subnav link a */ .about-aop .jn-aop .subnav .jn-about-aop a, .insights .jn-supplements .subnav .jn-insights a, .outlooks .jn-supplements .subnav .jn-outlooks a, .collections .jn-supplements .subnav .jn-collections a, .custom-publications .jn-supplements .subnav .jn-custom-publications a, .tech-features .jn-supplements .subnav .jn-tech-features a, .biological-sciences .jn-web-focuses .subnav .jn-biological-sciences a, .earth-environment .jn-web-focuses .subnav .jn-earth-environment a, .horizons .jn-web-focuses .subnav .jn-horizons a, .physical-sciences .jn-web-focuses .subnav .jn-physical-sciences a, .science-politics .jn-web-focuses .subnav .jn-science-politics a, .science-culture .jn-web-focuses .subnav .jn-science-culture a, .podcast .jn-multimedia .subnav .jn-podcast a, .video .jn-multimedia .subnav .jn-video a, .blogs .jn-multimedia .subnav .jn-blogs a, .google .jn-awards .subnav .jn-google a, .contact-journal .jn-about-journal .subnav .jn-contact-journal a, .about-editors .jn-about-journal .subnav .jn-about-editors a, .nature-family .jn-about-journal .subnav .jn-nature-family a, .first-issue .jn-about-journal .subnav .jn-first-issue a, .for-advertisers .jn-about-journal .subnav .jn-for-advertisers a, .for-librarians .jn-about-journal .subnav .jn-for-librarians a, .getting-published .jn-for-authors-and-referees .subnav .jn-getting-published a, .guide-authors .jn-for-authors-and-referees .subnav .jn-guide-authors a, .publication-policies .jn-for-authors-and-referees .subnav .jn-publication-policies a, .submissions .jn-for-authors-and-referees .subnav .jn-submissions a, .for-referees .jn-for-authors-and-referees .subnav .jn-for-referees a, .publishing .jn-for-authors-and-referees .subnav .jn-scientists a, .npgsub-1 .jn-web-forums .subnav .jn-npgsub-1 a, .npgsub-2 .jn-web-forums .subnav .jn-npgsub-2 a, .npgsub-3 .jn-web-forums .subnav .jn-npgsub-3 a, .npgsub-4 .jn-web-forums .subnav .jn-npgsub-4 a, .npgsub-5 .jn-web-forums .subnav .jn-npgsub-5 a { color: #fff; background: #9c0204 url(/common/images/nav_dots1.gif) no-repeat 11px 5px; } /* journal left nav active */ .home .jn-home a:link, .home .jn-home a:visited, .aop .jn-aop a:link, .aop .jn-aop a:visited, .issue .jn-issue a:link, .issue .jn-issue a:visited, .archive .jn-archive a:link, .archive .jn-archive a:visited, .supplements .jn-supplements a:link, .supplements .jn-supplements a:visited, .insights .jn-supplements a:link, .insights .jn-supplements a:visited, .outlooks .jn-supplements a:link, .outlooks .jn-supplements a:visited, .collections .jn-supplements a:link, .collections .jn-supplements a:visited, .custom-publications .jn-supplements a:link, .custom-publications .jn-supplements a:visited, .tech-features .jn-supplements a:link, .tech-features .jn-supplements a:visited, .web-focuses .jn-web-focuses a:link, .web-focuses .jn-web-focuses a:visited, .biological-sciences .jn-web-focuses a:link, .biological-sciences .jn-web-focuses a:visited, .earth-environment .jn-web-focuses a:link, .earth-environment .jn-web-focuses a:visited, .horizons .jn-web-focuses a:link, .horizons .jn-web-focuses a:visited, .physical-sciences .jn-web-focuses a:link, .physical-sciences .jn-web-focuses a:visited, .science-politics .jn-web-focuses a:link, .science-politics .jn-web-focuses a:visited, .science-culture .jn-web-focuses a:link, .science-culture .jn-web-focuses a:visited, .multimedia .jn-multimedia a:link, .multimedia .jn-multimedia a:visited, .podcast .jn-multimedia a:link, .podcast .jn-multimedia a:visited, .blogs .jn-multimedia a:link, .blogs .jn-multimedia a:visited, .video .jn-video a:link, .video .jn-video a:visited, .nesta .jn-awards a:link, .nesta .jn-awards a:visited, .google .jn-awards a:link, .google .jn-awards a:visited, .about-journal .jn-about-journal a:link, .about-journal .jn-about-journal a:visited, .contact-journal .jn-about-journal a:link, .contact-journal .jn-about-journal a:visited, .about-editors .jn-about-journal a:link, .about-editors .jn-about-journal a:visited, .nature-family .jn-about-journal a:link, .nature-family .jn-about-journal a:visited, .first-issue .jn-about-journal a:link, .first-issue .jn-about-journal a:visited, .for-advertisers .jn-about-journal a:link, .for-advertisers .jn-about-journal a:visited, .for-librarians .jn-about-journal a:link, .for-librarians .jn-about-journal a:visited, .for-authors-and-referees .jn-for-authors-and-referees a:link, .for-authors-and-referees .jn-for-authors-and-referees a:visited, .getting-published .jn-for-authors-and-referees a:link, .getting-published .jn-for-authors-and-referees a:visited, .guide-authors .jn-for-authors-and-referees a:link, .guide-authors .jn-for-authors-and-referees a:visited, .publication-policies .jn-for-authors-and-referees a:link, .publication-policies .jn-for-authors-and-referees a:visited, .for-referees .jn-for-authors-and-referees a:link, .for-referees .jn-for-authors-and-referees a:visited, .publishing .jn-for-authors-and-referees a:link, .publishing .jn-for-authors-and-referees a:visited, .submissions .jn-submissions a:link, .submissions .jn-submissions a:visited, .press-releases .jn-press-releases a:link, .press-releases .jn-press-releases a:visited, .for-authors .jn-for-authors a:link, .for-authors .jn-for-authors a:visited, .for-referees .jn-for-referees a:link, .for-referees .jn-for-referees a:visited, .about-the-journal .jn-about-the-journal a:link, .about-the-journal .jn-about-the-journal a:visited, .web-forums .jn-web-forums a:link, .web-forums .jn-web-forums a:visited, .npgsub-1 .jn-web-forums a:link, .npgsub-1 .jn-web-forums a:visited, .npgsub-2 .jn-web-forums a:link, .npgsub-2 .jn-web-forums a:visited, .npgsub-3 .jn-web-forums a:link, .npgsub-3 .jn-web-forums a:visited, .npgsub-4 .jn-web-forums a:link, .npgsub-4 .jn-web-forums a:visited, .npgsub-5 .jn-web-forums a:link, .npgsub-5 .jn-web-forums a:visited { color:#fff; background: #9c0204 url(/nature/images/nav_arrow_active.gif) no-repeat 6px 11px; } /* left hand list of journals */ #global-subject-areas { background: none; border: 1px solid #dfdfdf; } #global-subject-areas h2 { font-family: Arial, Helvetica, sans-serif; background-color: #fff; color: #545454; font-weight: bold; text-transform: lowercase; font-size: 1.1em; padding: 4px 0 0 6px; } #global-subject-areas h2 abbr { font-family: Georgia, Palatino, "Times New Roman", serif; font-weight: normal; color: #651010; text-transform: uppercase; font-size: 1.2em; border-bottom: none; } #global-subject-areas h3.view { font-family: Arial, Helvetica, sans-serif; background-image: none; font-size: 0.9em; text-transform: lowercase; padding: 0 0 0 50px; position: relative; border-style: none; } #global-subject-areas h3.view a { position: relative; display: block; left: -50px; width: 100%; background: #eaeaea url(/nature/images/nav_arrow_grey.gif) no-repeat 6px 6px; padding: 0 29px 2px 21px; } #global-subject-areas ul.category-list { margin-top: 5px; border-top: 1px solid #D3D3D3; } #global-subject-areas ul li { padding: 0 0 5px 0; } #global-subject-areas ul li h4 { background-color: #eaeaea; color: #000; font-weight: bold; padding: 3px 5px 3px 5px; } #global-subject-areas ul li li { padding-top: 2px; padding-bottom: 2px; } #global-subject-areas ul li a:link, #global-subject-areas ul li a:visited { display: block; font-weight: normal; background: transparent url(/nature/images/nav_arrow_grey.gif) no-repeat 1px 6px; padding-left: 16px; } /* div#global-subject-areas h2 span abbr (NPG) h3.view ul.category-list li h4.chemistry ul li ... h3.view a */ /* add new styles below */ hr.separator { display:block; visibility:hidden; } /* the following styles should remain in this stylesheet */ /* issue TOCs have some optional headings, aOp TOCs have fixed, unvarying headings */ #toc #content h4.subject, #aop #content h4.subject { font-weight:bold; font-size:70%; color:#9c0204; text-transform:uppercase; margin:1em 0 -1em 0; } /* top ad */ div.ad-top { clear:both; text-align:center; font-size:70%; color:#ccc; border-top:solid 1px #eaeaea; padding:7px 0; background:#fff; } div.ad-top img { width:100%; max-width:728px !important; height:90px; margin:0; border:0; } /* end top ad */ /* nature.com login box styles - when the user is logged in */ #logged-in {background-color:#fceeee;} #logged-in a {color:#000;} /* end nature.com login box styles - when the user is logged in */ /* nature.com login box styles - before the user has logged in successfully */ #login {background-color:#fceeee;} #login a {color:#000;} #login input.button {background:#9c0204;} /* end nature.com login box styles */ /* search form */ #search a.adsearch:link, #search a.adsearch:visited {color:#000;} #search a.adsearch:hover {color:#9c0204;} /* end search form */ /* account buttons */ div.account-buttons a:link, div.account-buttons a:visited { background-color:#757575; border-top:solid 0.2em #eceae7; border-right:solid 0.2em #333; border-bottom:solid 0.2em #333; border-left:solid 0.2em #eceae7; color:#fff; } div.account-buttons a:hover { background-color:#757575; border-top-color:#333; border-right-color:#eceae7; border-bottom-color:#eceae7; border-left-color:#333; color:#fff; } /* end account buttons */ #breadcrumb div { margin: -5px 0 0 0; } /* generic page header styles */ h1.page-header { color: #545454; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.01em; font-size: 1.5em; margin: 0 0 10px 0; text-transform:none; border-bottom:none; font-weight: normal; } h1.page-header b { font-weight: normal; } h1.page-header a:link, h1.page-header a:visited { text-decoration: none; } h1.page-header span.first { font-weight:bold; font-size: 108%; font-family: georgia, garamond, serif; letter-spacing:-0.02em; color:#f44; text-transform: lowercase; } h1.page-header span.second { font-weight:bold; font-size: 108%; font-family: georgia, garamond, serif; letter-spacing:-0.02em; color:#000; text-transform: lowercase; } span.page-header-spacer { display: none; /* added to remove spacing at top of extranav*/ font-size:120%; padding-bottom:4px; } /* end generic page header styles */ /* online only header that sits to the right of h1.page-header. */ /* Used like so:

pAGE TITLE

Online only content
*/ * html #content div.online-only-header {/* IE only */ top:-2.2em; } #content div.online-only-header { text-align:right; float:right; width:16em; position:relative; top:-2.3em; } #content div.online-only-header span { padding-left:15px; color:#666; font-size:70%; background:url(/common/images/icons/online_only.gif) left center no-repeat; } /* end online only header */ /* horizontal rule styles - use:
*/ div.hr { /* height:1px; background:url(/common/images/dots.gif) center center repeat-x; */ margin:1em 0; } div.hr-blank { height:1px; margin:1em 0; } hr {display:none;} /* end horizontal rule styles */ /* vertical ad */ div.ad-vert img {max-width:160px !important;} div.ad-vert {background:#fff;} /* end vertical ad */ /* horizontal ad */ div.ad-horiz {border-top:none;} /* end horizontal ad */ /* box ad */ #content div.ad-box {text-align:center;} #content div.ad-box p { font-size:70%; color:#999; background-color:#eaeaea; padding:0 0 4px 0; margin:0; } #content div.ad-box.x300x250 { margin:15px 0 0 10px; float:right; clear:right; width:300px !important; width /**/:310px;/*IE5.x pC only*/ } /* box ad */ /* back to top */ a.backtotop:link, a.backtotop:visited { margin-right:0; color:#000; background:url(/common/images/arrow_black_up.gif) 0 0.6em no-repeat transparent; text-decoration:none; } a.backtotop:hover { color:#000; text-decoration:underline; } /* end back to top */ /* Japanese styles added here */ #content span.english {display:block} #content span.japanese {display:block} #content .japanese {line-height:150%; font-weight:normal !important} /* * html #content-journalnav #content div.issue h2 {position:relative} */ #content h2 span.japanese {font-size:130% !important;} #article #content h2#atl span.english {font-size:90%;} #content h4 span.atl.japanese {font-size:120% !important } #content h4 span.atl.english {font-size:90% !important; color:#2D2D2D } #content div.container div.entry p.links a.japanese:link, #content div.container div.entry p.links a.japanese:visited { font-size:120% !important; } #content p.lead.japanese {font-size:100% !important} #content p.lead.english {font-weight:normal !important} /* end japanese styles */ /* back to top - no associated header */ #content div.no-header { /*background:url(/common/images/dots.gif) left bottom repeat-x;*/ padding:0; margin-top:0; margin-bottom:1em; } #content div.no-header-art { /*background:url(/common/images/dots.gif) left bottom repeat-x;*/ padding:0; margin-top:-2em; margin-bottom:1em; } #content div.no-header2 { /*background:url(/common/images/dots.gif) left top repeat-x;*/ padding:1px; margin-top:2em; } #content div.no-header3 { /*background:url(/common/images/dots.gif) left top repeat-x;*/ padding:1px; margin-top:1em; margin-bottom:1em; } /* end back to top - no associated header */ /*fulltext links*/ #content p.links a.fulltext {font-weight:bold;} /* table.data styles (all pages except article-related) */ * html #content table.data{/* IE only */ margin:1em 0 0 0; font-size:110%; } #content table.data{ border:1px solid #999; padding:10px; clear:both; } #content table.data td, #content table.data th {padding:3px 10px;} * html #content table.data caption {padding:0 0 5px 10px;/* IE only */} #content table.data caption { font-size:90%; font-weight:bold; text-align:left; padding:0 0 5px 20px; margin:1em 0 0 0; } * html #content table.data thead th, * html #content table.data thead td {border-top:0;/* IE only */} #content table.data thead th, #content table.data thead td { border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; } #content table.data tr.odd {background-color:#efefef;} #content table.data th { font-size:80%; font-weight:bold; } #content table.data td {font-size:80%;} /* end table.data styles (all pages except article-related) */ /* top of page anchor list */ ul.anchor { list-style-type:none; padding:0; margin:1em 0; font-size:90%; } ul.anchor a:link, ul.anchor a:visited { padding-left:10px; background:url(/common/images/arrow_black_down.gif) 0 0.5em no-repeat; } ul.anchor a:hover {background:url(/common/images/icons/c03/arrow_down.gif) 0 0.5em no-repeat;} ul.anchor a.out:link, ul.anchor a.out:visited {background:url(/common/images/arrow_black.gif) 0 0.5em no-repeat;} ul.anchor a.out:hover {background:url(/common/images/icons/c03/arrow.gif) 0 0.5em no-repeat;} /* nested anchor lists */ #content ul.anchor ul {list-style-type:none;} /* end nested anchor lists */ /* end top of page anchor list */ /* previous/next link bar */ #content div.prevnext { border:1px solid #c4c4c4; border-top:0; text-align:center; background:#fff; clear:both; } /* hide from Mac IE - deals with peekaboo bug \*/ * html #content div.prevnext {height:1%;} /* end hide from Mac IE */ #content div.prevnext .hide {display:none;} #content div.prevnext a:link, #content div.prevnext a:visited { font-size:70%; color:#000; text-decoration:none; } #content div.prevnext a:hover { color:#9c0204; text-decoration:none; } #content a.previous:link, #content a.previous:visited { border-right:1px solid #c4c4c4; float:left; padding:2px 10px 2px 10px; margin-left:10px; background:url(/common/images/arrow_black_left.gif) left center no-repeat; } #content a.previous:hover {background:url(/common/images/arrow_red_left.gif) left center no-repeat;} #content a.japanese:link, #content a.japanese:visited, #content a.japanese:hover { padding:2px 5px 2px 15px; background:url(/common/images/icons/fff/japanese.gif) left center no-repeat; } #content a.english:link, #content a.english:visited, #content a.english:hover { padding:2px 5px 2px 15px; /*background:url(/common/images/icons/fff/english.gif) left center no-repeat;*/ } #content a.next:link, #content a.next:visited { border-left:1px solid #c4c4c4; float:right; padding:2px 10px 2px 10px; margin-right:10px; background:url(/common/images/arrow_black.gif) right center no-repeat; } #content a.next:hover {background:url(/common/images/arrow_red.gif) right center no-repeat;} /* end previous/next link bar */ /* global list styles */ #content ol.norm {font-size:90%;} #content ul.norm {font-size:90%;} /* end list styles */ /* inline icon styles */ .icon-inline { padding-left:17px; background-position:left center; background-repeat:no-repeat; } #content .download-pdf {background-image:url(/common/images/download_pdf.gif);} /* end inline icon styles */ /* divider */ #content div.divider { background:url(/common/images/dots.gif) center left repeat-x; padding:1em 0; margin:0; } /* end divider */ /* gateways */ h2.npg-resources {background-color:#757575;} ul.npg-resources a:hover {background-color:#757575;} /* end gateways */ /* produced with support include */ #extranav div img { border-style: none; } #extranav div.produced-with-support { margin-bottom:1em; border:1px solid #c4c4c4; background:#f7f9fd; padding:5px 10px; } #extranav div.produced-with-support img { width:100%; } #extranav div.produced-with-support h2 { margin:0 0 5px 0; color:#666; font-size:70%; font-weight:normal; } /* end produced with support */ /* extranav extra styles - pub med/see also etc */ #extranav div.extra { border:1px solid #d3d3d3; margin:1em 0; padding:5px; } /* [view-689] changing .pink class to .grey (below) as a re-rip will be required as content is built into article, not in an include' /* #extranav div.pink {background-color:#f9f9fd;} #extranav div.pink li {border-bottom:1px solid #f9f9fd;} */ #extranav div.blue {background-color:#f7f9fd;} #extranav div.blue li {border-bottom:1px solid #f7f9fd;} #extranav div.extra h2 { background:transparent; text-align:left; color:#9c0204; font-size:70%; margin:0 0 0.5em 0; } #extranav div.extra ul { list-style-type:none; margin-top:0; padding:0; margin:0; background-color:transparent; } #extranav div.extra li { background-color:transparent; display:block; padding:2px 0; } #extranav div.extra li a:link, #extranav div.extra li a:visited { padding-left:7px; display:block; font-size:70%; color:#36c; text-decoration:underline; background:url(/common/images/arrow_blue.gif) 0 0.5em no-repeat; } #extranav div.extra li a:hover { color:#9c0204; background:url(/common/images/arrow_red.gif) 0 0.5em no-repeat; } #extranav div.extra ul li.more a:link, #extranav div.extra ul li.more a:visited { color:#9c0204; background:url(/common/images/arrow_red.gif) 0 0.5em no-repeat; } #extranav div.grey, #extranav div.pink { background:#e7ebed url(/rj/images/gradient_extra.jpg) repeat-y scroll left top !important; } #extranav div.grey h2, #extranav div.pink h2 { display:block; font-weight:bold; color:#5C5C5C; font-family:Arial,Verdana,Sans-serif; font-size:97%; margin:0; padding:5px 0; } #extranav div.grey li a:link, #extranav div.pink li a:link, #extranav div.grey li a:visited, #extranav div.pink li a:visited { color: #000; text-decoration: none; font-size: 80%; background:transparent url(/nature/images/arrow_right_2.gif) no-repeat scroll 2px center; padding:5px 5px 5px 15px; } #extranav div.grey li a:hover, #extranav div.pink li a:hover { color: #000; text-decoration: underline; } #extranav div.grey ul li.more a:link, #extranav div.grey ul li.more a:visited, #extranav div.pink ul li.more a:link, #extranav div.pink ul li.more a:visited { background:transparent url(/rj/images/arrow_right_red.gif) no-repeat scroll 2px center; color:#960006; } /* science books */ #extranav div.books { border:1px solid #fcc; } #extranav div.books h3 { font-size:70%; margin-bottom:0; } #extranav div.books h4 { display:inline; font-size:70%; font-weight:normal; } #extranav div.books div.image { text-align:center; margin-top:10px; } #extranav div.books ul, #extranav div.books ul li { display:inline; } #extranav div.books div.border-top { border-top:1px solid #fcc; padding-top:15px; } #extranav div.books li a:link, #extranav div.books li a:visited, #extranav div.books li a:hover { display:inline; background:transparent; border-left:1px solid #000; } #extranav div.books li a.first:link, #extranav div.books li a.first:visited, #extranav div.books li a.first:hover { border-left:0; } /* science books */ /* end extranav extra styles */ /* images in navbars */ .collapse {width:100%;} /* nature marketing box (can appear on any page) */ div.nature-marketing { margin-top:1em; clear:both; border:1px solid #d3d3d3; background:#fdfdfd; padding:10px; } div.nature-marketing h1 { font-size:90%; margin:0; } div.nature-marketing img {float:right;} div.nature-marketing p { font-size:70%; margin:0.5em 0; } div.nature-marketing a.subscribe { font-size:70%; display:block; background:url(/common/images/icons/c03/arrow.gif) 0 0.5em no-repeat; padding-left:7px; color:#9c0204; } /* end nature marketing box */ h2.page, h3.page { font-size:90%; font-weight:bold; color:#9c0204; background:url(/ncponc/images/dots.gif) left bottom repeat-x;/* dotted underline */ padding:3px 0 3px 0; margin:0; } h2.npg-resources { background-color: #9c0204; padding: 6px 5px; } /* archive */ #archive #content p {font-size:90%;} #archive #content h2.archive-head { font-size: 90%; padding: 3px; margin: 0; background: #eee; } #archive #content h3 { font-weight:bold; font-size:90%; margin:0; padding-top:0.3em; padding-bottom:0.3em; color: #3366CC; text-decoration: underline; } #archive #content h3 span { font-weight:normal; font-size:80%; } #archive #content h3 { padding-left:15px; background:url(/common/images/archive_plus.gif) left center no-repeat; } #archive #content h3.hover { background:url(/common/images/archive_plus_red.gif) left center no-repeat; color: red; } #archive #content h3.open { background: #f7f9fd url(/common/images/archive_minus.gif) left center no-repeat; } #archive #content h3.open.hover { background:url(/common/images/archive_minus_red.gif) left center no-repeat; # color: red; } #archive #content h3.open span {font-weight:bold;} #archive #content h4 { color:#36c; font-size:80%; margin:0; padding-top:0.2em; padding-bottom:0; background:#f7f9fd; padding-left:15px; } #archive #content ul { background:#f7f9fd; padding:0; margin:0; list-style-type:none; } #archive #content ul.listlinks { background:#fff; font-size:90%; margin-bottom:2em; } #archive #content ul.listlinks a { background:url(/common/images/arrow_blue_down.gif) left center no-repeat; padding-left:10px; } #archive #content ul.listlinks a:hover { background:url(/common/images/arrow_red_down.gif) left center no-repeat; } #archive #content div.container li {margin-left:15px;} #archive #content div.container li a:link, #archive #content div.container li a:visited { margin:0; background:url(/common/images/arrow_blue.gif) left center no-repeat; padding:0 0 0 10px; } #archive #content div.container li a:hover {background:url(/common/images/arrow_red.gif) left center no-repeat;} #archive #content h3.abuts-h2-above {margin-top:1em;} #archive #content h3.abuts-h2-below {margin-bottom:1em;} /* adding archive type styles */ #archive #content .changedisplay, #toc #content .changedisplay { background:#FDFDFD none repeat scroll 0 0; margin:10px 0 20px; } #archive #content .changedisplay h2, #toc #content .changedisplay h2 { background:#fff none repeat scroll 0 0; font-size:90%; margin:0; padding:3px 0; color:#1E557D; } #archive #content .changedisplay ul, #toc #content .changedisplay ul { list-style-type:none; margin:0; padding:3px 7px 9px; border:1px solid #E7E7E7; background-color: #F7F9FD; } #archive #content .changedisplay ul.month, #toc #content .changedisplay ul.month { list-style-type:none; margin:0; padding:3px 7px 9px; border-top:0; } #archive #content .changedisplay li, #toc #content .changedisplay li { border-right:1px solid #E7E7E7; display:inline; font-size:80%; padding-left:3px; padding-right:6px; } #archive #content .changedisplay li.first, #toc #content .changedisplay li.first { border-left:0 none; padding-left:0; } #archive #content .changedisplay li.last, #toc #content .changedisplay li.last { border-right:0 none; padding-right:0; } #archive #content div.container ul.alpha-nav { padding:3px 2px 9px 2px; border:1px solid #E7E7E7; margin: 10px 0 20px 0; } #archive #content div.container ul.alpha-nav li { display: inline; margin: 0; padding: 0; font-size: 70%; margin: 0 0 0 6px; } #archive #content div.container ul.alpha-nav li a:link, #archive #content div.container ul.alpha-nav li a:visited { background: none; padding: 0; margin: 0; } #archive #content h2.page { font-size:90%; font-weight:bold; margin:0 0 2px 0; padding:3px 0; color:#1E557D; } #archive #content ul.subject-category { list-style-type:none; background:none; margin:20px 0; padding:0; } #archive #content ul.subject-category li { margin:20px 0; } #archive #content ul.subject-category h3 { float:left; font-size:80%; margin:0; padding:0; width:38%; background:none; color:#000; text-decoration:none; } #archive #content h3.alpha { float:none; margin: 5px 0 10px 0; padding: 0; background: 0; border-bottom: #ddd 1px dotted; width: 100%; font-weight: normal; color: #1E557D; text-decoration: none; font-size: 80%; } #archive #content ul.subject-category h4 { float:left; font-size:80%; margin:0; padding:0; width:38%; background:none; color:#000; text-decoration:none; } #archive #content ul.subject-category ul { float:right; list-style-type:none; margin:0; padding:0; width:60%; background:none; } #archive #content ul.subject-category ul li { border-right:1px solid #E7E7E7; float:left; margin:0; padding:0 7px; } #archive #content ul.subject-category ul li a:link { background:none; } #archive #content div.container ul.subject-category li a:link, #archive #content div.container ul.subject-category li a:visited { background:none; padding:0; font-size:80%; } #toc #content h1.archive-toc-header { font-size:120%; padding: 0; margin:0 0 5px; } #toc #content h3.subject { font-size:100%; color:#1E557D; background:none; margin:5px 0 7px 0; padding:0; } /* toc */ /* web focus2 header */ #toc #content h1.page-header span.focus { position:relative; padding:1px 5px; border:1px solid #000; font-size:60%; top:-2px; } /* end web focus2 header */ /* podcast-video image */ #toc .podcast-video { float:left; clear:left; padding-right:10px; } /* endpodcast-video image */ /* top of page issue links */ #toc #content div.issue { border: 1px solid #C4C4C4; padding: 10px; background: #F7F9FD; } #toc #content div.issue p {font-size:90%;} #toc #content p.norm {font-size:90%;} #toc #content div.issue img { border: 1px solid #666666; float: left; height: 200px !important; margin-right: 10px; width: 150px !important; } /* styles for nature's first toc */ #toc #content div.issue img.first-toc { float: none; border: 0; width:413px !important; height:165px !important; margin:0 0 10px 0; } #toc #content div.issue div.first-toc-centre { text-align: center; } #toc #content div.issue p.mission { padding:0; margin:0 0 1em 0; } /* end styles for nature's first toc */ #toc #content div.issue div.issue-links { float:left; width:60%; } /* added for archive journals with no cover */ #toc #content div.issue div.no-cover-image { width: 90%; } #toc #content div.issue ul { margin:0; padding:0; list-style-type:none; } * html #toc #content div.issue div.wrapper {width:49%;}/* IE only */ #toc #content div.issue div.wrapper { float:left; margin:0; width:48%; min-width:140px; } #toc #content div.issue ul.second {margin-left:10px;} #toc #content div.issue h2 { font-size:100%; color: #000; margin-top:0; } #toc #content div.issue h2.insight { margin-bottom:0; } #toc #content div.issue p.volume { font-size:90%; margin-top:0; } #toc #content div.issue h2 span.free { color:#009c00; text-transform:uppercase; font-size:70%;/* inherits from h3 90% - displays as 70% */ } #toc #content div.issue h3 { font-size:90%; background:transparent; color:#000; margin:0; } #toc #content div.issue h3.also { clear:both; padding-top:1em; } /* end top of page issue links */ /* webfocus news box */ #toc #content div.news { border:1px solid #000; padding:15px; margin:1em 0; } #toc #content div.news div { background:#fff; opacity:0.92; margin:0; padding:5px 5px 10px 5px; } #toc #content div.news h2 { font:normal 170% georgia, serif; color:#ca4439; margin:0; } #toc #content div.news h2 span {color:#fdb7ac;} #toc #content div.news p { font-size:90%; margin:0 0 1em 0; } #toc #content div.news a.special { font-size:70%; display:block; background:url(/common/images/icons/c03/arrow.gif) 0 0.5em no-repeat; padding-left:7px; color:#9c0204; } #toc #content #nature-news-box { background: url(/nature/images/nature_news_box.gif) no-repeat 10px 10px; border: 1px solid #c4c4c4; margin-bottom: 20px; padding: 40px 10px 0 10px; } /* end webfocus news box */ #toc #content ul.anchor a {display:block;} #toc #content ul.anchor a.online-only { background:url(/common/images/icons/online_only_anchor.gif) no-repeat left 4px; padding-left:25px; } #toc #content p.online-only { padding:0 0 3px 15px; margin:1em 0; font-size:70%; color:#777; background:url(/common/images/icons/online_only.gif) left center no-repeat; } #toc #content span.online-only { padding-left:15px; background:url(/common/images/icons/online_only.gif) 0 3px no-repeat; } /* feature of the week */ #toc #content div.feature { border:1px solid #999; padding:10px; margin-bottom:2em; } #toc #content div.feature h3 { color: #000; font-size: 100%; margin: 0; padding: 0; padding-bottom: 0.4em; background: url(/common/images/dots.gif) left bottom repeat-x; } #toc #content div.feature h4 { font-size:100%; font-family:Georgia, serif; margin:0.5em 0 1em 0; } #toc #content div.feature h4 span { font-size:70%; font-family:Verdana, arial, helvetica, sans-serif; padding:1px 2px; border:1px solid #6c481f; color:#6c481f; background:#ebe3db; margin-right:3px; } #toc #content div.feature h4 a:link, #toc #content div.feature h4 a:visited { text-decoration:none; color:#6c481f; } #toc #content div.feature h4 a:hover { text-decoration:none; color:#9c0204; } #toc #content div.feature img { float:left; width:60px; height:60px; border:0; } #toc #content div.feature p { margin-left:70px; font-size:90%; } #toc #content div.feature p.no-image { margin-left:0; } /* end feature of the week */ #toc #content h3 { background: url(/ncponc/images/dots.gif) left bottom repeat-x transparent;/* dotted underline */ color: #000; font-size: 90%; font-weight: bold; padding: 3px 0 3px 0; margin: 0 0 1em 0; } #toc #content h4 { font-size:100%; /* inheritance fix */ margin:0; } #toc #content h4 span.page { color:#999; font-size:90%; } #toc #content h4 span.atl { font-weight:bold; font-size:90%; } #toc #content h4 span.artsubhead { display:block; text-transform:uppercase; font-weight:normal; font-size:70%; } #toc #content p.abs { font-size:90%; margin:0 0 5px 0; } #toc #content p.aug { font-size:90%; margin:0; } #toc #content p.doi { font-size:70%; margin:0.5em 0; } #toc #content p.links { font-size:70%; margin:0; } #toc #content p.seealso { font-size:70%; margin:0.5em 0 0 0; } #toc #content p.seealso span.seealso { font-weight:bold; color:#c33; } #toc #content a.more-review { font-size:70%; display:block; margin-top:2em; background:url(/common/images/icons/c03/arrow.gif) 0 0.5em no-repeat; padding-left:7px; color:#9c0204; } /* insight */ #toc #content div.insight { padding:10px; background:#f7f9fd; border:1px solid #666; margin:0; } #toc #content div.insight h3 { padding-top:0; margin-top:0; } #toc #content div.insight h3 span { color:#009c00; text-transform:uppercase; font-size:80%; /* inheritance fix */ } #toc #content div.insight p.produced { color:#666; font-size:70%; float:left; } #toc #content div.insight img.supporters { float:left; margin-left:20px; margin-bottom:10px; } #toc #content div.insight a.backtotop {margin-top:0;} #toc #content div.insight a.fulltoc { display:block; margin:0 0 2em 0; font-size:70%; color:#9c0204; background:url(/common/images/arrow_red.gif) left center no-repeat; padding-left:10px; } #toc #content div.insight a.fulltoc:hover { color:#36c; background:url(/common/images/arrow_blue.gif) left center no-repeat; } /* end insight */ /* new style collection pages e.g. human genomes - may 2006 */ .header-image #extranav span.page-header-spacer {display:none;} .header-image h1.page-header { background: no-repeat right center; /* margin-top:13px;*/ padding:15px 0 !important; } #toc #content div.container { float:left; clear:left; width:100%; } #toc #content div.container div.left { width:46%; float:left; } #toc #content div.container div.right { width:46%; float:right; } #toc #content div.container div.box { margin: 0 0 20px 0; } #toc #content div.container div.box h2 { background: #9c0204 no-repeat left bottom; font-size:90%; padding: 1px 3px 51px 3px; margin:0; text-transform: uppercase; color: #fff; } #toc #content div.container div.box p { font-size:80%; margin:0; padding:0; } #toc #extranav div.sponsor-logos {margin-bottom:1em;} #toc #extranav div.sponsor-logos h2 { margin:0 0 5px 0; color:#666; font-size:70%; font-weight:normal; text-align:center; } #toc #extranav div.sponsor-logos img { width:100%; border:0; display:block; margin:10px auto; } #toc #content div.poster { padding-left:70px; background-repeat: no-repeat; background-position: 0 0.3ex; } /* aop */ #aop #content h2 {margin-bottom:1em;} #aop #content h3 { color:#000; margin:0; font-size:100%; /* inheritance fix */ } #aop #content h3.category { font-size:70%; font-weight:normal; display:block; text-transform:uppercase; } #aop #content h4.atl { font-size:90%; margin-bottom:0; padding:0; } #aop #content h4.atl a.near-final { font-size:100%; font-weight:normal; margin-left: 0.5em; } #aop #content p.abs { font-size:90%; margin:0 0 5px 0; } #aop #content p.aug { font-size:90%; margin:0; } #aop #content p.doi { font-size:70%; margin:0.5em 0; } #aop #content p.links { font-size:70%; margin:0; } #aop #content p.seealso { font-size:70%; margin:0.5em 0 0 0; } #aop #content p.seealso span.seealso { font-weight:bold; color:#c33; } #aop #content p.footer, #aop #content p.intro, #aop #content a.about-aop {font-size:90%;} /* end aop */ /* reg-rec-receive (journal services) */ div.reg-rec ul { list-style-type:none; margin:0; padding:6px; border:1px solid #dbdbdb; background-color:#fff; } div.reg-rec ul li { display:block; margin:4px 0; font-size:70%; } div.reg-rec ul.toc li {border-bottom:1px solid #f7f9fd;} div.reg-rec ul li.first {margin-top:0.1em;} div.reg-rec ul li.last {margin-bottom:0;} div.reg-rec ul a:link, div.reg-rec ul a:visited { color: #000; display: block; font-size: 110%; padding: 0 0 12px 25px; text-decoration: none; } div.reg-rec ul a:hover { color: #000; text-decoration:underline; } div.reg-rec ul a.e-alerts { background:url(/nature/images/e_alerts.gif) 0 3px no-repeat; } div.reg-rec ul a.recommend { background:url(/nature/images/recommend.gif) 0 1px no-repeat; } div.reg-rec ul a.newsfeeds { background:url(/nature/images/newsfeed.gif) 0 0 no-repeat; } div.reg-rec ul a.inthenews { background:url(/nature/images/inthenews.gif) 0 0 no-repeat; } div.reg-rec ul a.corresp { background:url(/nature/images/corresp.gif) 0 0 no-repeat; } div.reg-rec ul a.purchase { background:url(/common/images/icons/f7f9fd/purchase.gif) 0 0 no-repeat; padding-top:2px; padding-bottom:2px; } div.reg-rec ul a.bookmark { background:url(/common/images/icons/f7f9fd/bookmark.gif) 0 0 no-repeat; padding-top:1px; padding-bottom:1px; } * html div.reg-rec ul a.japanese { background:url(/common/images/icons/f7f9fd/japanese.gif) 0 3px no-repeat; } div.reg-rec ul a.japanese { background:url(/common/images/icons/f7f9fd/japanese.gif) 0 1px no-repeat; padding-top:1px; padding-bottom:1px; } div.reg-rec ul.toc { border-top:0; background-color:#f7f9fd; } /* ----------------------------------------------------------------------- articlenav ----------------------------------------------------------------------- */ #articlenav { border: 1px solid #D3D3D3; display: block; margin-bottom: 20px; } #articlenav h2 { background-color: transparent; border-bottom: 1px solid #D3D3D3; color: #651010; font-family: Arial, Verdana, sans-serif; font-weight: bold; font-size: 1.1em; margin: 0; padding: 6px 10px; text-align: left; } #articlenav div.prevnext { font-size: 80%; text-align: left; margin: 0; padding: 8px 7px; } #articlenav div.prevnext a.prev { padding: 0 5px 0 10px; background:transparent url(/nature/images/arrow_left_2.gif) no-repeat scroll left center; } #articlenav div.prevnext a.next { padding: 0 10px 0 5px; background:url(/nature/images/arrow_right_2.gif) center right no-repeat; } #articlenav div.prevnext a:hover { text-decoration:underline; color:#000; } #articlenav ul { list-style-type: none; margin: 0; padding: 0; } * html #articlenav ul a:link, * html #articlenav ul a:visited, * html #articlenav ul a:hover {/* IE only */ padding:3px 5px 3px 19px !important;/* Mac IE */ padding:1px 5px 1px 19px;/* pC IE */ } #articlenav div.prevnext a:link, #articlenav div.prevnext a:visited { color: #000; text-decoration: none } #articlenav div.prevnext a:hover { text-decoration: underline; } #articlenav ul a:link, #articlenav ul a:visited { background: url(/nature/images/arrow_right_2.gif) 7px 8px no-repeat; color: #000; display: block; font-size: 80%; margin: 0; padding: 3px 5px 3px 19px; text-decoration: none; } #articlenav ul a:hover { text-decoration: underline; } #articlenav ul a.page, #articlenav ul a.page:visited { background:url(/nature/images/arrow_down_2.gif) 7px 8px no-repeat; } #articlenav ul a.page:hover { color:#000; text-decoration:underline; } #articlenav a.toc:link, #articlenav a.toc:visited, #articlenav a.toc:hover { border-bottom: 1px solid #D3D3D3; padding: 3px 17px; } /* articlenav links with icons */ #articlenav li { border-bottom: 1px solid #fff; } * html #articlenav ul a.protein-data-bank:link, * html #articlenav ul a.protein-data-bank:visited, * html #articlenav ul a.protein-data-bank:link, * html #articlenav ul a.threed:link, * html #articlenav ul a.threed:visited, * html #articlenav ul a.threed:link, * html #articlenav ul a.fulltext:link, * html #articlenav ul a.fulltext:visited, * html #articlenav ul a.fulltext:link, * html #articlenav ul a.download-pdf:link, * html #articlenav ul a.download-pdf:visited, * html #articlenav ul a.download-pdf:hover, * html #articlenav ul a.sendtofriend:link, * html #articlenav ul a.sendtofriend:visited, * html #articlenav ul a.sendtofriend:hover, * html #articlenav ul a.export:link, * html #articlenav ul a.export:visited, * html #articlenav ul a.export:hover, * html #articlenav ul a.export:citer, * html #articlenav ul a.cited:visited, * html #articlenav ul a.cited:hover, * html #articlenav ul a.permissions:link, * html #articlenav ul a.permissions:visited, * html #articlenav ul a.permissions:hover, * html #articlenav ul a.save:link, * html #articlenav ul a.save:visited, * html #articlenav ul a.save:hover, * html #articlenav ul a.purchase-article:link, * html #articlenav ul a.purchase-article:visited, * html #articlenav ul a.purchase-article:hover, * html #articlenav ul a.purchase-issue:link, * html #articlenav ul a.purchase-issue:visited, * html #articlenav ul a.purchase-issue:hover, * html #articlenav ul a.subscribe:link, * html #articlenav ul a.subscribe:visited, * html #articlenav ul a.subscribe:hover, * html #articlenav ul a.commercial_reprints:link, * html #articlenav ul a.commercial_reprints:visited, * html #articlenav ul a.commercial_reprints:hover * html #articlenav ul a.corresp:link, * html #articlenav ul a.corresp:visited, * html #articlenav ul a.corresp:hover {/* IE only */ padding: 3px 5px 3px 27px !important;/* Mac IE */ padding: 2px 5px 3px 27px;/* pC IE */ } #articlenav ul a.protein-data-bank:link, #articlenav ul a.protein-data-bank:visited, #articlenav ul a.threed:link, #articlenav ul a.threed:visited, #articlenav ul a.fulltext:link, #articlenav ul a.fulltext:visited, #articlenav ul a.download-pdf:link, #articlenav ul a.download-pdf:visited, #articlenav ul a.sendtofriend:link, #articlenav ul a.sendtofriend:visited, #articlenav ul a.export:link, #articlenav ul a.export:visited, #articlenav ul a.cited:link, #articlenav ul a.cited:visited, #articlenav ul a.permissions:link, #articlenav ul a.permissions:visited, #articlenav ul a.save:link, #articlenav ul a.save:visited, #articlenav ul a.purchase-article:link, #articlenav ul a.purchase-article:visited, #articlenav ul a.purchase-issue:link, #articlenav ul a.purchase-issue:visited, #articlenav ul a.subscribe:link, #articlenav ul a.subscribe:visited, #articlenav ul a.commercial_reprints:link, #articlenav ul a.commercial_reprints:visited, #articlenav ul a.corresp:link, #articlenav ul a.corresp:visited { margin: 3px 6px; padding: 5px 5px 5px 27px; } #articlenav ul a.fulltext:hover, #articlenav ul a.threed:hover, #articlenav ul a.protein-data-bank:hover, #articlenav ul a.download-pdf:hover, #articlenav ul a.sendtofriend:hover, #articlenav ul a.export:hover, #articlenav ul a.cited:hover, #articlenav ul a.permissions:hover, #articlenav ul a.save:hover, #articlenav ul a.purchase-article:hover, #articlenav ul a.purchase-issue:hover, #articlenav ul a.subscribe:hover, #articlenav ul a.commercial_reprints:hover, #articlenav ul a.corresp:hover { text-decoration:underline; color:#000; } #articlenav ul a.fulltext:link, #articlenav ul a.fulltext:visited, #articlenav ul a.fulltext:hover {background:url(/nature/images/fulltext.gif) 5px 4px no-repeat #fff;} #articlenav ul a.download-pdf:link, #articlenav ul a.download-pdf:visited, #articlenav ul a.download-pdf:hover { background: url(/nature/images/pdf.gif) no-repeat 4px 3px; } #articlenav ul a.threed:link, #articlenav ul a.threed:visited, #articlenav ul a.threed:hover { background: url(/nature/images/3d.gif) no-repeat 4px 3px; } #articlenav ul a.protein-data-bank:link, #articlenav ul a.protein-data-bank:visited, #articlenav ul a.protein-data-bank:hover { background: url(/nature/images/pdb.gif) no-repeat 4px 3px; } #articlenav ul a.sendtofriend:link, #articlenav ul a.sendtofriend:visited, #articlenav ul a.sendtofriend:hover { background: url(/nature/images/send_to_a_friend.gif) no-repeat 4px 6px; } #articlenav ul a.export:link, #articlenav ul a.export:visited, #articlenav ul a.export:hover { background: url(/nature/images/export.gif) no-repeat 4px 3px; } #articlenav ul a.cited:link, #articlenav ul a.cited:visited, #articlenav ul a.cited:hover { background: url(/nature/images/cited.gif) no-repeat 4px 3px; } #articlenav ul a.permissions:link, #articlenav ul a.permissions:visited, #articlenav ul a.permissions:hover { background: url(/nature/images/permissions.gif) no-repeat 4px 3px; } #articlenav ul a.commercial_reprints:link, #articlenav ul a.commercial_reprints:visited, #articlenav ul a.commercial_reprints:hover { background: url(/nature/images/ocr.gif) no-repeat 4px 3px; } #articlenav ul a.save:link, #articlenav ul a.save:visited, #articlenav ul a.save:hover { background: url(/nature/images/connotea1.gif) no-repeat 4px 3px; } #articlenav ul a.purchase-article:link, #articlenav ul a.purchase-article:visited, #articlenav ul a.purchase-article:hover {background:url(/common/images/icons/fff/purchase_article.gif) 5px 1px no-repeat #fff;} #articlenav ul a.purchase-issue:link, #articlenav ul a.purchase-issue:visited, #articlenav ul a.purchase-issue:hover {background:url(/common/images/icons/fff/purchase_issue.gif) 5px 1px no-repeat #fff;} #articlenav ul a.subscribe:link, #articlenav ul a.subscribe:visited, #articlenav ul a.subscribe:hover {background:url(/common/images/icons/fff/subscribe.gif) 5px 3px no-repeat #fff;} #articlenav ul a.corresp:link, #articlenav ul a.corresp:visited, #articlenav ul a.corresp:hover {background:url(/nature/images/corresp_1.gif) 5px 3px no-repeat #fff;} #articlenav ul a.readcube:link, #articlenav ul a.readcube:visited, #articlenav ul a.readcube:hover { background: url(/images/readcube-18x18.png) no-repeat 3px 3px; margin: 3px 6px; padding: 5px 5px 5px 27px; } /* end articlenav links with icons */ #articlenav li.last {/* provides padding for last item in white box */padding-bottom:5px;} #articlenav ul.supplementary {/* provides padding at top of every ul with class "supplementary" */padding-top:7px;} #articlenav ul a.on, #articlenav ul a.on:visited { color:#fff; background:url(/common/images/arrow_white.gif) 5px 8px no-repeat #9c0204; } #articlenav ul a.on:hover { color:#fff; text-decoration:underline; } /* ----------------------------------------------------------------------- article ----------------------------------------------------------------------- */ #article #content div {padding-bottom:1.5em;} #article #content div.hr {padding:0;} #article #content h2.nibs { font-size:90%; font-weight:bold; color:#9c0204; background:url(/ncponc/images/dots.gif) left bottom repeat-x transparent;/* dotted underline */ padding:3px 0 3px 0; margin:0; } #article #content h2 a.near-final { font-size:80%; margin-left: 0.5em; } #article #content h3 { font-size:90%; font-weight:bold; color:#9c0204; background:url(/ncponc/images/dots.gif) left bottom repeat-x transparent;/* dotted underline */ padding:3px 0 3px 0; margin:0; } #article #content h3.norm { color:#000; background:none; padding:0; margin:1em 0 0 0; } #article #content h4.norm { font-weight:bold; font-size:90%; margin:1em 0 0 0; } #article #content h3.location { font-weight:normal; font-size:70%; margin:1em 0 0 0; background:none; color:#000; } #article #content h5.norm { font-weight:bold; font-size:90%; display:inline; } #article #content h5.norm { font-weight:bold; font-size:90%; display:inline; } #article #content div p.norm { font-size:90%; margin:1em 0 1em 0; } /* short quote */ #article #content div q.pullquote { font-size:90%; margin:1em 0 0 0; padding:0.5em 10% 0.5em 10%; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; display:block; } /* end short quote */ /* long quote */ #article #content div blockquote.pullquote { font-size:90%; margin:1em 0 0 0; padding:0 10% 0 10%; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; text-align:center; } /* end long quote */ #article #content p.follows-h4 { font-size:90%; margin:0 0 0 0; } #article #content p.follows-h5 { font-size:90%; display:inline; } #article #content dl {font-size:90%;} #article #content #subjectcategories {font-size:70%;} #article #content #cite, #article #content .cite {font-size:70%;} #article #content #errorcor {font-size:70%;} #article #content #errorcor a {color:#c03;} #article #content #artsubhead {font-size:70%; display:block;} #article #content #atl {font-size:130%; font-weight:normal;} #article #content #artnote {font-size:90%;} #article #content #aug {font-size:90%;} #article #content p.caff {font-size:70%;} #article #content p.aunote {font-size:70%;} #article #content p.tlnote {font-size:70%;} #article #content p.prdates {font-size:70%;} #article #content p.footnote {font-size:90%;} #article #content p.endnote {font-size:90%;} #article #content p.closenote {font-size:90%;} #article #content p.correspondence {font-size:70%;} #article #content p.lead { font-weight:bold; font-size:90%; } #article #content #affiliations-notes {margin-top:1em; margin-bottom:0; padding-bottom:0 } #article #content #articlebody { /*background:url(/common/images/dots.gif) left top repeat-x;*/ padding-top:0.5em; margin-top:-1em; } /* affiliations styles */ #article #affiliations-notes ol { font-size:70%; } /* added for archive content */ #article #affiliations-notes ul { list-style-type: none; margin-left:0; padding-left:0; font-size:70%; } #article #affiliations-notes { margin-top:-1em; } /* end affiliations styles */ /* abstract styles */ #article #content #abs { /*background:url(/common/images/dots.gif) left top repeat-x;*/ padding-top:0; margin-top:0; /* new style added to loose spacing for line */ margin-bottom:0; padding-bottom:0; /* end new styling */ } #article #content #abs h4.abs { font-weight:bold; font-size:90%; display:inline; } #article #content #abs p.follows-h4 { font-size:90%; display:inline; } #article #content #abs div { padding-bottom:0;/* overrides style from #article #content div */ margin-top:1em; } #article #content div.keyw-abbr h4.keywords { font-weight:bold; font-size:70%; display:inline; } #article #content div.keyw-abbr p.keywords { font-size:70%; display:inline; } #article #content div.keyw-abbr h4.abbreviations { font-weight:bold; font-size:70%; display:inline; } #article #content div.keyw-abbr p.abbreviations { font-size:70%; display:inline; } /* end abstract styles */ /* figure/table styles */ #article div.figure-table { margin-top:2em; padding:10px; background-color:#fdfdfd; border:1px solid #e7e7e7; } #article div.figure-table h5 { display:block; margin-bottom:10px; } #article div.figure-table h4.nibs { display:block; font-size:90%; margin:0 0 10px 0; padding:0; } #article div.figure-table img.thumb { border:0; float:left; margin:10px 10px 0 0; width:150px; } #article div.figure-table p { font-size:70%; margin:10px 0 10px 160px; } #article div.figure-table a.full { display:block; padding:0 0 4px 25px; background:url(/common/images/full_figure.gif) left center no-repeat; } #article div.figure-table a.high-res { font-size:70%; margin-left:160px; display:block; padding:0 0 4px 25px; background:url(/common/images/icons/fceeee/high_res.gif) left center no-repeat; } #article div.figure-table a.pp { font-size:70%; margin-left:160px; display:block; padding:0 0 5px 23px; background:url(/common/images/icons/fceeee/powerpoint.gif) left center no-repeat; } /* end figure/table styles */ #article #content span.journal {font-style:italic;} #article #content span.jnumber {font-weight:bold;} /* abstract styles */ #article #content #more div.box { padding:10px 10px 20px 10px; background:#eaeaea; margin-top:1px; } #article #content #more div.container { padding:0; margin-top:1.5em; } #article #content #more p.intro { font-size:70%; margin:0; } #article #content #more h4.area { font-size:70%; margin:0; } #article #content #more p.title { font-weight:bold; font-size:90%; margin:0; } #article #content #more p.source { font-size:70%; margin:0; } #article #content #more p.source span.journal {font-style:italic;} #article #content #more p.seeall { font-size:70%; margin:0; } #article #content #more p.seeall a { padding-left:10px; background:url(/common/images/arrow_red.gif) left center no-repeat; color:#c03; } /* end abstract styles */ #article #content #acknowledgements h4 { font-weight:bold; font-size:90%; } #article #content .inline {display:inline;} #article #content #acknowledgements h4.footnotes {margin-bottom:0;} #article #content #acknowledgements p.pubdate {font-size:70%;} #article #content #acknowledgements p.follows-h4 { font-size:90%; display:inline; } /* pD - added 20041118 */ #article #content ul.none {list-style-type:none} /* add a small margin to separate references for easier viewing */ #article #content #References li {margin-bottom: 0.5em} /* end pD - added 20041118 */ /* right-hand ad box */ #article #content div.ad-right { float:right; padding-bottom:10px; margin:0 0 0 10px; width:300px !important; width /**/:312px;/*IE5.x pC only*/ } #article #content div.ad-right p { padding:0 0 3px 0; margin:0; font-size:70%; text-align: center; color:#ccc; } #article #content div.ad-right img { border:0; padding:0; margin:0; display:block; } /* image box */ #article #content div.image-legend { float:right; background:#fdfdfd; padding:0; border:1px solid #d3d3d3; margin:10px 0 10px 10px; width:180px !important; width /**/:192px;/*IE5.x pC only*/ } #article #content div.image-legend p { border-top:0px solid #d3d3d3; margin:0; padding:5px; font-size:70%; } #article #content div.image-legend img { border:0; /*display:block; width:180px;*/ } #article #content div.image-legend span {font-style:italic;} #article #content p.beforeimage-full { margin-bottom:1em; } #article #content div.image-full { margin-top:0; font-size:70%; text-align:center; background:#fdfdfd; border:1px solid #d3d3d3; padding:10px; } #article #content div.image-full img { border:1px solid #000; max-width:427px; } #article #content div.image-full p { text-align:left; } #article #content div.image-full span {font-style:italic;} /* #article #content p.image-legend { float:right; border:1px solid #000; margin:0 0 10px 10px; padding:153px 5px 5px 5px; font-size:70%; background-position:top left; background-repeat:no-repeat; background-color:#fceeee; width:169px !important; width /**//*:181px;/*IE5.x pC only*//* } */ #article #content p.norm {font-size:90%;} #article #content p.abstract { font-size:90%; font-weight:bold; } /* end image box */ #article #content h3.norm span.reviewed { font-size:80%; font-weight:normal; display:block; } #article #content p.book-aug, #article #content p.book-pub { font-size:70%; margin:0; } #article #content h3.listing { margin-top:1em; color:#000; background: none; } #article #content h3 span.atl { font-weight:bold; } #article #content h3 span.artsubhead { display:block; text-transform:uppercase; font-weight:normal; font-size:80%; /* inherits from 90% */ } #article #content p.abs { font-size:90%; margin:0; } #article #content p.aug { font-size:90%; margin:0; } #article #content p.doi { font-size:70%; margin:0.5em 0; } #article #content p.links { font-size:70%; margin:0; } #article #content p.seealso { font-size:70%; margin:0.5em 0 0 0; } #article #content p.seealso span.seealso { font-weight:bold; color:#c33; } #article #content p.aug-explain { font-size:70%; font-style:italic; } #article #content ol.questions p.question { font-weight:bold; } #article #content ol.questions { list-style-position:inside; margin-left:0; padding-left:0; } #article #content blockquote img.quoteleft { width:12px; height:10px; margin-right:5px; border:0; } #article #content blockquote img.quoteright { width:12px; height:10px; margin-left:5px; border:0; } #article #content blockquote.full { background:url(/common/images/dots_vertical.gif) top left repeat-y; padding-left:10px; margin-top:1em; margin-left:15px; } #article #content blockquote.full p {margin:0;} #article #content blockquote.full p.quote-source {font-weight:bold;} #article #content blockquote.box { border: 1px solid #C4C4C4; margin: 0 0 10px 10px; float: right; width: 180px !important; width /**/:192px;/*IE5.x pC only*/ } #article #content blockquote.box p.quote {margin:10px;} #article #content blockquote.box p.quote-source { background:#fdfdfd; padding:10px; border-top:1px solid #d3d3d3; margin-bottom:0; } /* back to article style - blue arrow */ #article a.arrow-back { padding-left:10px; background:url(/common/images/arrow_blue.gif) left center no-repeat; } #article a.arrow-back:visited { background:url(/common/images/arrow_purple_right.gif) left center no-repeat; } #article a.arrow-back:hover { background:url(/common/images/arrow_red.gif) left center no-repeat; } /* down anchor style - blue arrow */ #article a.arrow-down { padding-left:10px; background:url(/common/images/arrow_blue_down.gif) left center no-repeat; } #article a.arrow-down:visited { background:url(/common/images/arrow_purple_down.gif) left center no-repeat; } #article a.arrow-down:hover { background:url(/common/images/arrow_red_down.gif) left center no-repeat; } /* style for long strings in content that overflow the constrainers */ span.long { display:block; overflow: auto; } /* article related */ /* prev/next links */ #article-related div.prevnext { border-top:1px solid #d3d3d3; } #article-related div.prevnext a:link, #article-related div.prevnext a:visited {color:#000;} #article-related div.prevnext a:hover {color:#9c0204;} #article-related a.previous:link, #article-related a.previous:visited {background:url(/common/images/arrow_black_left.gif) left center no-repeat;} #article-related a.previous:hover {background:url(/common/images/arrow_red_left.gif) left center no-repeat;} #article-related a.index:link, #article-related a.index:visited {background:url(/common/images/arrow_black_up.gif) left center no-repeat;} #article-related a.index:hover {background:url(/common/images/arrow_red_up.gif) left center no-repeat;} #article-related a.next:link, #article-related a.next:visited {background:url(/common/images/arrow_black.gif) right center no-repeat;} #article-related a.next:hover {background:url(/common/images/arrow_red.gif) right center no-repeat;} /* end prev/next links */ #article-related div.container-sendfriend, #article-related div.container-figtab, #article-related div.container-image, #article-related div.container-image-text, #article-related div.container-more, #article-related div.container-image-box, #article-related div.container-text-box {background:#fdfdfd;} #article-related div.container-sendfriend .privacy { font-size: 80%; margin: 0 0 0 220px; } #article-related div.container-image, #article-related div.container-image-text { border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; } #article-related div.container-figtab a.full { background:url(/common/images/icons/fceeee/high_res.gif) 0 0 no-repeat; padding-bottom:3px; } #article-related div.container-figtab a.pp { background:url(/common/images/icons/fceeee/powerpoint.gif) 0 0 no-repeat; padding-bottom:3px; } #article-related div.container-figtab { border-color:#d3d3d3; } #article-related div.container-supplementary { background:#f9f9f9; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; } #article-related div.container-extra { background:#fdfdfd; padding:10px 10px 10px 10px; border:1px solid #d3d3d3; border-bottom:0; clear:both; } #article-related div.container-cite { clear:both; } #article-related div.container-image {border-top:1px solid #d3d3d3;} /* only used for boxes */ #article-related div.container-text-box { border-top:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; padding:10px; } #article-related div.container-image-box { border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; padding:10px; text-align: center; } #article-related div.container-image-box p { font-size: 70%; font-style: italic; } #article-related div.container-text-box p, #article-related div.container-sendfriend { font-size: 90%; } /* this article appeared in... */ #article-related div.container-extra h2.norm { font-size:90%; margin:0; } #article-related div.container-cite h2.norm { font-size:90%; margin:0; } #article-related div.container-extra h2.note, #article-related div.container-supplementary div.wrapper h2.note, #article-related div.container-cite h2.note { font-size:70%; margin:0; font-weight:normal; } #article-related div.container-extra p.note, #article-related div.container-extra p.doi, #article-related div.container-cite p.note, #article-related div.container-cite p.doi, #article-related div.container-supplementary div.wrapper p.note, #article-related div.container-supplementary div.wrapper p.doi, #article-related div.container-supplementary div.wrapper p.aug, #article-related div.container-supplementary div.wrapper p.journal { font-size:70%; margin:0; } #article-related div.container-extra p.atl, #article-related div.container-cite p.atl, #article-related div.wrapper p.atl { font-size:70%; margin:0; font-weight:bold; } /* end this article appeared in... */ #article-related p.viewing { font-size:90%; margin:1em 0; } #article-related p.pubmed { font-size:90%; margin:0; } #article-related div.container-more a.article {margin-top:1em;} #article-related div.container-more {border-bottom:0;} #article-related div.no-nav {border-bottom:1px solid #d3d3d3;} #article-related div.container-more ul.auth { font-size:90%; margin:0; padding:1em 0 0 0; font-weight: bold; } #article-related div.container-more ul.auth li { list-style-type: none; display:block; margin:0; padding:0 0 0.2em 0; } /* products */ #article-related div.container-products { background:#fdfdfd; padding:10px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; clear:both; } #article-related div.container-products h2 { font-size:90%; margin:0; } #article-related div.container-products ul { list-style-type:none; margin:0; padding:0; font-size:90%; font-weight:bold; } #article-related div.container-products ul li { margin-top:0.5em; } #article-related div.container-products ul a:link, #article-related div.container-products ul a:visited { padding-left:10px; background:url(/common/images/arrow_blue.gif) left center no-repeat; } #article-related div.container-products ul a:hover { background:url(/common/images/arrow_red.gif) left center no-repeat; } #article-related div.alphabet { padding:3px 10px; border:1px solid #d3d3d3; clear:both; font-size:70%; color:#999; } #article-related div.alphabet a:link, #article-related div.alphabet a:visited {color:#000;} #article-related div.alphabet a:hover {color:#9c0204;} #article-related div.alphabet span {color:#000;} #article-related div.cooperation { font-size:70%; color:#999; float:left; margin:1em 0 10px 0; } #article-related div.cooperation a.natprod { font:bold 110% georgia; letter-spacing:-0.04em; text-decoration:none; } #article-related div.cooperation a.natprod span.first {color:#f44;} #article-related div.cooperation a.natprod span.second {color:#444;} /* end products */ /* supplementary info styles */ #article-related div.download-plugins { float:left; margin-top:1em; } #article-related a.download-plugins:link, #article-related a.download-plugins:visited { padding:0 0 0 10px; border:0; background:url(/common/images/arrow_blue_down.gif) left center no-repeat; } #article-related a.download-plugins:hover {background:url(/common/images/arrow_red_down.gif) left center no-repeat;} #article-related div.container-supplementary { background-color:#fdfdfd; } #article-related div.container-supplementary p { border:0; padding-top:0; padding-bottom:0; } #article-related div.container-supplementary h2 { padding-top:0; padding-bottom:0; color:#000; } #article-related div.container-supplementary div.wrapper { border-bottom:1px solid #d3d3d3; margin:0; padding-top:1em; padding-bottom:1em; } #article-related div.container-supplementary div.first { border-top:1px solid #d3d3d3; } #article-related div.container-supplementary p.links { font-size:70%; margin-top:0.5em; } /* browser plugins */ #article-related #browser-plugins { background:#f9f9f9; padding:10px; border:1px solid #d3d3d3; clear:both; } #article-related #browser-plugins h2 { color:#9c0204; font-size:90%; clear:both; margin:0; } #article-related #browser-plugins h3 { font-size:90%; color:#000; margin:1em 0 0 0; } #article-related #browser-plugins div { float:left; width:30%; margin-left:3%; } #article-related #browser-plugins div.first {margin-left:0;} #article-related #browser-plugins ul { list-style-type:none; margin:0; padding:0; } #article-related #browser-plugins li a:link, #article-related #browser-plugins li a:visited { font-size:70%; padding-left:10px; background:url(/common/images/arrow_blue.gif) 0 0.5em no-repeat; } #article-related #browser-plugins li a:hover {background:url(/common/images/arrow_red.gif) 0 0.5em no-repeat;} /* end browser plugins */ /* ----------------------------------------------------------------------- icon styles ----------------------------------------------------------------------- */ .icon { display:block; padding:2px 0 2px 20px; background-position:left center; background-repeat:no-repeat; } .i-audio {background-image:url(/common/images/icons/fceeee/audio.gif);} .i-audio-grey {background-image:url(/common/images/icons/fceeee/audio_grey.gif);} .i-bitmap {background-image:url(/common/images/icons/fceeee/bitmap.gif);} .i-bitmap-grey {background-image:url(/common/images/icons/fceeee/bitmap_grey.gif);} .i-compressed {background-image:url(/common/images/icons/fceeee/compressed.gif);} .i-compressed-grey {background-image:url(/common/images/icons/fceeee/compressed_grey.gif);} .i-markup {background-image:url(/common/images/icons/fceeee/markup.gif);} .i-markup-grey {background-image:url(/common/images/icons/fceeee/markup_grey.gif);} .i-movie {background-image:url(/common/images/icons/fceeee/movie.gif);} .i-movie-grey {background-image:url(/common/images/icons/fceeee/movie_grey.gif);} .i-pdf {background-image:url(/common/images/icons/fceeee/pdf.gif);} .i-pdf-grey {background-image:url(/common/images/icons/fceeee/pdf_grey.gif);} .i-postscript {background-image:url(/common/images/icons/fceeee/postscript.gif);} .i-postscript-grey {background-image:url(/common/images/icons/fceeee/postscript_grey.gif);} .i-powerpoint {background-image:url(/common/images/icons/fceeee/powerpoint.gif);} .i-powerpoint-grey {background-image:url(/common/images/icons/fceeee/powerpoint_grey.gif);} .i-svg {background-image:url(/common/images/icons/fceeee/svg.gif);} .i-sif {background-image:url(/common/images/icons/fceeee/sif.gif);} .i-sif-grey {background-image:url(/common/images/icons/eaeaea/sif.gif);} .i-svg-grey {background-image:url(/common/images/icons/fceeee/svg_grey.gif);} .i-text {background-image:url(/common/images/icons/fceeee/text.gif);} .i-text-grey {background-image:url(/common/images/icons/fceeee/text_grey.gif);} .i-word {background-image:url(/common/images/icons/fceeee/word.gif);} .i-word-grey {background-image:url(/common/images/icons/fceeee/word_grey.gif);} .i-xls {background-image:url(/common/images/icons/fceeee/xls.gif);} .i-xls-grey {background-image:url(/common/images/icons/fceeee/xls_grey.gif);} .i-microarray {background-image:url(/common/images/icons/fceeee/microarray.gif);} .i-chemical-structures {background-image:url(/common/images/icons/fceeee/chemical_structures.gif);} .plugin-audio {background-image:url(/common/images/icons/eaeaea/audio.gif);} .plugin-audio-grey {background-image:url(/common/images/icons/eaeaea/audio_grey.gif);} .plugin-bitmap {background-image:url(/common/images/icons/eaeaea/bitmap.gif);} .plugin-bitmap-grey {background-image:url(/common/images/icons/eaeaea/bitmap_grey.gif);} .plugin-compressed {background-image:url(/common/images/icons/eaeaea/compressed.gif);} .plugin-compressed-grey {background-image:url(/common/images/icons/eaeaea/compressed_grey.gif);} .plugin-markup {background-image:url(/common/images/icons/eaeaea/markup.gif);} .plugin-markup-grey {background-image:url(/common/images/icons/eaeaea/markup_grey.gif);} .plugin-movie {background-image:url(/common/images/icons/eaeaea/movie.gif);} .plugin-movie-grey {background-image:url(/common/images/icons/eaeaea/movie_grey.gif);} .plugin-pdf {background-image:url(/common/images/icons/eaeaea/pdf.gif);} .plugin-pdf-grey {background-image:url(/common/images/icons/eaeaea/pdf_grey.gif);} .plugin-postscript {background-image:url(/common/images/icons/eaeaea/postscript.gif);} .plugin-postscript-grey {background-image:url(/common/images/icons/eaeaea/postscript_grey.gif);} .plugin-powerpoint {background-image:url(/common/images/icons/eaeaea/powerpoint.gif);} .plugin-powerpoint-grey {background-image:url(/common/images/icons/eaeaea/powerpoint_grey.gif);} .plugin-sif {background-image:url(/common/images/icons/eaeaea/sif.gif);} .plugin-svg {background-image:url(/common/images/icons/eaeaea/svg.gif);} .plugin-svg-grey {background-image:url(/common/images/icons/eaeaea/svg_grey.gif);} .plugin-word {background-image:url(/common/images/icons/eaeaea/word.gif);} .plugin-word-grey {background-image:url(/common/images/icons/eaeaea/word_grey.gif);} .plugin-xls {background-image:url(/common/images/icons/eaeaea/xls.gif);} .plugin-xls-grey {background-image:url(/common/images/icons/eaeaea/xls_grey.gif);} .plugin-microarray {background-image:url(/common/images/icons/eaeaea/microarray.gif);} .plugin-chemical-structures {background-image:url(/common/images/icons/eaeaea/chemical_structures.gif);} .plugin-text {background-image:url(/common/images/icons/eaeaea/text.gif);} /* end icon styles */ /* ----------------------------------------------------------------------- related links ----------------------------------------------------------------------- */ * html #content #related-links {padding-top:5px;} #content #related-links { background-color:#f7fbff; padding:10px; clear:both; margin-top:1em; } #content #related-links h3 { text-transform:uppercase; background:transparent; margin-top:0; padding:0; } #content #related-links h4 { font-weight:normal; font-size:70%; margin:1em 0 0 0; text-transform:uppercase; } #content #related-links p.explain { font-size:70%; margin:0 0 1.5em 0; } #content #related-links ul.norm { list-style-type:none; padding:0; margin:0; } #content #related-links ul.norm a:link, #content #related-links ul.norm a:visited { font-weight:bold; background:url(/common/images/arrow_blue.gif) center left no-repeat; padding-left:10px; } #content #related-links ul.norm a:hover {background:url(/common/images/arrow_red.gif) center left no-repeat;} /* nature products */ #content #nature-products { padding-bottom:0 !important; } #content #nature-products h3 { margin:0 !important; border:1px solid black; padding:5px 10px 5px 10px !important; font:bold 100% georgia; letter-spacing:-0.04em; background:transparent !important; } #content #nature-products h3 a {text-decoration:none;} #content #nature-products h3 span.first {color:#f44;} #content #nature-products h3 span.second {color:#444;} #content #nature-products div.natpro { border:1px solid black; border-top:0; padding:10px; background:#eaeaea; } #content #nature-products div.natpro span { display:block; font-size:70%; margin-top:4px; } #content #nature-products div.natpro h4 { border-bottom:1px solid black; padding-top:0.5em; padding-bottom:0.5em; font-size:80%; font-weight:normal; background:url(/common/images/in_cooperation_biocompare.gif) right center no-repeat; } #content #nature-products div.natpro ul { margin:0; padding:0; list-style-type:none; font-size:90%; } #content #nature-products div.natpro ul a:link, #content #nature-products div.natpro ul a:visited { font-weight:bold; background:url(/common/images/arrow_blue.gif) center left no-repeat; padding-left:10px; } #content #nature-products div.natpro ul a:hover{background:url(/common/images/arrow_red.gif) center left no-repeat;} #content #nature-products a.natpromore { float:right; font-size:70%; color:#c03; text-decoration:underline; display:block; } /* more articles like this */ #content div#more-like-this { margin:0; padding:10px; border:1px solid #d3d3d3; background:#f7fbff; } #content div#more-like-this h3 {background:transparent;} #content div#more-like-this div.wrapper { margin-bottom:1.5em; padding:0; } #content div#more-like-this p.explain { font-size:70%; margin:0 0 1.5em 0; } #content div#more-like-this a.article { font-weight:bold; font-size:90%; display:block; margin:0; } #content div#more-like-this p.journal { font-size:70%; margin:0; font-style:italic; } #content div#more-like-this p.journal span {font-style:normal;} #content div#more-like-this h4.area { font-weight:normal; font-size:70%; margin:0; text-transform:uppercase; } #content div#more-like-this a.allmatches:link, #content div#more-like-this a.allmatches:visited { font-size:70%; display:block; margin:0; padding:0 0 0 10px; background:url(/common/images/arrow_blue.gif) left center no-repeat; } #content div#more-like-this a.allmatches:hover {background:url(/common/images/arrow_red.gif) left center no-repeat;} /* index/archive pages - supplements/web-focuses etc */ #index-archive #content a.toc:link, #index-archive #content a.toc:visited { padding:2px 5px 2px 10px; background:url(/common/images/arrow_black_up.gif) left center no-repeat; } #index-archive #content h2.supp { font-size:90%; font-weight:bold; color:#9c0204; background:url(/ncponc/images/dots.gif) left bottom repeat-x transparent;/* dotted underline */ padding:3px 0 3px 0; margin:0 0 1em 0; } #index-archive #content div.supp {margin:0;} #index-archive #content div.supp-noimage {margin:0;} #index-archive #content div.supp h3 { font-size:100%; /* inheritance fix */ margin:0 0 0 70px; background: none; } #index-archive #content div.supp-noimage h3 { font-size:100%; /* inheritance fix */ margin:0; background: none; } #index-archive #content h3 a.atl { font-size:90%; } #index-archive #content div.supp img { float:left; width:60px; height:60px; border:0; } #index-archive #content div.supp p.norm { margin:0 0 0 70px; font-size:90%; } #index-archive #content div.supp p.support { margin:0 0 0 70px; font-size:70%; color:#666; } #index-archive #content div.supp p.doi { margin:0 0 0 70px; font-size:70%; } #content span.free-access { color:#090; font-size:70%; text-transform:uppercase; } #index-archive #content div.archive a.fulltoc { display:block; margin:0 0 2em 0; font-size:90%; background:url(/common/images/arrow_blue.gif) left center no-repeat; padding-left:10px; } #index-archive #content div.archive a.fulltoc:hover { background:url(/common/images/arrow_red.gif) left center no-repeat; } /* supplements pdf reprints box styles */ ul.sup-anchor {float: left;} div.sup-box { width:99%; height: 110px; } div.sup-reprints { float:right; margin:15px 5px 5px; padding:5px; border: 1px solid #746CB0; background: #f3fafc; font-size: 80%; } div.sup-reprints ul { margin: 0; padding: 0; list-style: none; } div.sup-reprints ul li.sup-heading { font-weight: bold; color: #000; margin-bottom: 5px; } /* summary page */ #summary #content a.toc:link, #summary #content a.toc:visited { padding:2px 5px 2px 10px; background:url(/common/images/arrow_black_up.gif) left center no-repeat; } #summary #content a.toc:hover { background:url(/common/images/arrow_red_up.gif) left center no-repeat; } #summary #content div.prevnext { border-top:1px solid #c4c4c4; margin-top:2em; } #summary #content p.abs { font-size:90%; margin:0; } #summary #content p.doi { font-size:70%; margin:0.5em 0; } /* sponsor pages */ #sponsor #content img.highlit-sponsor { float:left; margin:0 10px 10px 0; } #sponsor #content p.norm {font-size:90%;} #sponsor #content div.container {background:url(/common/images/eaeaea.gif) center top repeat-y;} #sponsor #content div.container div { padding:20px 0; width:45%; } #sponsor #content div.container div img {width:100%;} #sponsor #content div.container .left { float:left; text-align:center; } #sponsor #content div.container .right { float:right; text-align:center; } #sponsor #content div.divider { padding:0; margin:0; height:1px; background:url(/nature/images/divider_sponsor.gif) center top no-repeat; } #footer-sponsor {text-align:center;} /* press release pages */ #press #content p.norm {font-size:90%;} /* previous/next link bar with top border */ #press #content div.prevnext { border-top:1px solid black; } #press #content h2 { font-size:90%; font-weight:bold; color:#9c0204; margin:0 0 0.5em 0; } #press #content h3 { font-weight:bold; font-size:90%; margin:1em 0 0 0; } #press #content ul.anchor { padding:0; margin:0; } #press #content h4 { font-size:100%; /* inheritance fix */ margin:0; } #press #content h4 span.atl { font-weight:bold; font-size:90%; } #press #content h4 span.artsubhead { display:block; text-transform:uppercase; font-weight:normal; font-size:70%; } #press #content p.abs { font-size:90%; margin:0; } #press #content p.aug { font-size:90%; margin:0; } #press #content p.doi { font-size:70%; margin:0.5em 0; } #press #content p.doi-top { font-size:70%; margin:1em 0; } #press #content p.links { font-size:70%; margin:0; } #press #content ul.no-h3 { padding-top:1em; } /* start request copy form styles */ #request-copy #content p.norm {font-size:90%;} #request-copy #content p.norm {font-size:90%;} #request-copy #content label { font-size:90%; font-weight: bold; } #request-copy #content label.terms-cond { font-weight: normal; } #request-copy #content .wrapper input, #request-copy #content textarea { width: auto; display: block; padding:0; margin: 0.2em 0 0.5em 0; } #request-copy #content input.terms-cond { padding:0; margin: 0.5em 0 0 0; } #request-copy #content .wrapper input/**/, #request-copy #content textarea/**/ {/* all browsers except pC IE5.0, Mac IE */width:100%;} #request-copy #content form { background-color:#fceeee; padding:10px 15px; } #request-copy #content .wrapper select { display: block; margin: 0.2em 0 0.5em 0; } #request-copy #content input.button { display: block; margin-top: 1em; } /* top ten styles */ #topten #content p.intro { font-size:90%; } #topten #content h2 { font-size:90%; font-weight:bold; color:#9c0204; padding:3px 0 3px 0; margin:0 0 1em 0; } #topten #content ol p { font-size:80%; /* due to inheritance */ margin:0.2em 0; } #topten #content ol.topten p.articlelinks { font-size:80%; /* due to inheritence */ margin:0.5em 0 0.6em 0; } #content ol.topten h3 { border-bottom:0; margin:0.3em 0; font-weight:bold; font-size:100%; text-transform:uppercase; } #topten ol.topten h4 { font-size:90%; margin:0.3em 0; font-weight:bold; width:90%; } #topten ol.topten h5 { font-size:90%; margin:0.3em 0; font-weight:normal; width:90%; } #topten ol.topten a.fulltext { font-weight:bold; } #topten .no-header2 .backtotop { background-color:#e7e7e7; display:block; text-align:right; float:none; margin:0; padding:3px 17px; background-position:99% center; } * html #content ol.topten {text-align:left;}/* weird IE inherits "text-align:right" from a non-parent element */ #content ol.topten { list-style-type:none; padding:0; margin:0; background:#fafafa; } #content ol.topten li.topten_1 {background:url(/common/images/topten/01.gif) no-repeat 98.5% 10px;} #content ol.topten li.topten_2 {background:url(/common/images/topten/02.gif) no-repeat 98.5% 10px;} #content ol.topten li.topten_3 {background:url(/common/images/topten/03.gif) no-repeat 98.5% 10px;} #content ol.topten li.topten_4 {background:url(/common/images/topten/04.gif) no-repeat 98.5% 10px;} #content ol.topten li.topten_5 {background:url(/common/images/topten/05.gif) no-repeat 98.5% 10px;} #content ol.topten li.topten_6 {background:url(/common/images/topten/06.gif) no-repeat 98.5% 10px;} #content ol.topten li.topten_7 {background:url(/common/images/topten/07.gif) no-repeat 98.5% 10px;} #content ol.topten li.topten_8 {background:url(/common/images/topten/08.gif) no-repeat 98.5% 10px;} #content ol.topten li.topten_9 {background:url(/common/images/topten/09.gif) no-repeat 98.5% 10px;} #content ol.topten li.topten_10 {background:url(/common/images/topten/10.gif) no-repeat 98.5% 10px;} #content ol.topten { list-style-type:none; padding:0; margin:0; background:#fafafa; border-top:1px solid #e7e7e7; } #content ol.topten .spacing { border-bottom:1px solid #e7e7e7; padding:7px; margin:0; } /* info pages */ #info #content ul.index a {font-weight:bold;} #info #content ul.index p {margin-top:0;} #info #content ul.subnav { display:block; list-style-type:none; margin:0 0 0 30px; padding:0; } #info #content p.norm {font-size:90%;} #info #content ul {font-size:90%;} #info #content p.no-top-margin { font-size:90%; margin-top:0; } #info #content ul.no-top-margin {margin-top:0;} #info #content h2 { font-size:90%; font-weight:bold; color:#9c0204; background:url(/ncponc/images/dots.gif) left bottom repeat-x transparent;/* dotted underline */ padding:3px 0 3px 0; margin:0; } #info #content h3.norm { font-size:90%; margin-bottom:0; padding-bottom:0; } #info #content .inform {font-size:70%;} #info #content div.illust img {border:none;} #info #content ul.illust {list-style-type:none;} #info #content ul.illust, #info #content ul.illust li { margin:0; padding:0; } #info #content div.illust {text-align:center;} #info #content ul.subnav a {background:url(/common/images/nav_dots_36c.gif) 0 3px no-repeat;} #info #content ul.subnav a:visited {background:url(/common/images/nav_dots_639.gif) 0 3px no-repeat;} #info #content ul.subnav a:hover {background:url(/common/images/nav_dots_9c0204.gif) 0 3px no-repeat;} #info #content .natureeditorial p {font-size:90%;margin-top:0;} #info #content .l { clear:left; float:left; width:48%; } #info #content .r { float:right; width:48%; } #info #content div.col2 {margin:10px 0;} #info #content div.col2 h3 {font-size:90%;} #info #content div.col2 h3.col, #info #content div.col2 h4.col { clear:left; float:left; width:40%; font-size:90%; margin:0; font-weight:normal; font-style:italic; } /* CT added rule to overwrite italics in h4.col. 2005-04-04 */ #info #content div.col2 h4.col { font-style: normal; } /* end CT insert */ #info #content div.col2 p.col { float:left; width:55%; font-size:90%; margin:0; } /* end info pages */ /* subscribe now page */ #subscribe-now #content div.container { padding:10px; background-color:#fafafa; border:1px solid #ccc; margin-bottom:1em; } #subscribe-now #content div.container div.column1 { width:47%; padding-right:1%; float:left; background:url(/common/images/eaeaea.gif) top right repeat-y; } #subscribe-now #content div.container div.column2 { width:49%; padding-left:1%; float:right; } #subscribe-now #content .button {background:#9c0204;} #subscribe-now #content p.intro {font-size:90%;} #subscribe-now #content p.small {font-size:70%;} #subscribe-now #content ul { font-size:90%; } #subscribe-now #content div.container p { font-size:90%; margin-bottom:0.5em; } #subscribe-now #content div.container h2 { font-size:90%; font-weight:bold; margin-top:0; } #subscribe-now #content div.container h3.first {margin-top:0;} #subscribe-now #content div.container a.register { font-size:100%; font-weight:bold; text-decoration:none; color:#fff; background:#9c0204; border-top:1px solid #eaeaea; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #eaeaea; padding:2px 8px } #subscribe-now #content div.container span.freeaccount {font-weight:bold} /* comic styles */ #article-related #content div.container-image.comic { padding-left:0; padding-right:0; background-color:#fff; border-top:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; } #article-related #content div.container-comic h2.at1 { margin-bottom:0; padding-bottom:0; } #article-related #content div.container-comic p.atl { font-size:90%; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; } #article-related #content div.container-comic p.doi { font-size:80% !important; margin-top:0; padding-top:0; } /* additional styles taken from live start */ /* start additions by amanda for podcast*/ span.interviewee {font-weight:bold;} span.interviewer {font-weight:bold;} /* end additions by amanda for podcast*/ /* start additions by stefania for peer review focus */ #toc #content .box a.link-head-web:link, #toc #content .box a.link-head-web:visited, #toc #content .box a.link-head-web:hover { padding-bottom: 50px ; padding-right: 150px ; text-decoration: none ; color: #fff ; } #toc #content .box a.link-head-trial:link, #toc #content .box a.link-head-trial:visited, #toc #content .box a.link-head-trial:hover { padding-bottom: 50px ; padding-right: 100px ; text-decoration: none ; color: #fff ; } /* end additions by stefania for peer review focus */ /* start Tom's new video page stuff */ #video-box { width: 80%; margin: 20px auto 0; text-align: center; } #video-box #head-banner { background: #00487c right top no-repeat; height: 88px; text-align: left; } #video-box #head-banner h1 { background: left top no-repeat; height: 100%; margin: 0; } #video-box #head-banner h1 span { display: none; } #video-box ul.sectionlist { list-style: none; background-color: #45D7F5; margin: 0; padding: 0; font-weight: bold; font-size: 80%; padding: 5px 0; text-align: left; border-top: 1px solid #fff; } #video-box ul.sectionlist li { display: inline; } #video-box ul.sectionlist li a { padding: 5px; } #video-box ul.sectionlist li a:link, #video-box ul.sectionlist li a:visited { color: #000; } #video-box ul.sectionlist li a:hover { color: white; background: #AE151A; text-decoration: none; } #video-box ul.sectionlist li a.selected:link, #video-box ul.sectionlist li a.selected:visited { color: white; background: #AE151A; text-decoration: none; } #video-box #video-header { font-size: 70%; margin: 5px 0 5px; text-align: left; } #video-box #video-header ol { list-style: none; display:block; margin: 0; padding: 4px 0; width: 70%; float: left; } #video-box #video-header ol li { float: left; margin-right: 4px; } #video-box #video-header ol li a { color: #000; } #video-box #video-header p.rightlinks { float: right; margin: 0; padding: 0; } #video-box #video-header p.rightlinks a { display: block; padding: 4px 0; padding-left: 25px; font-weight: bold; } #video-box #video-header p.rightlinks a.send-friend { background: url(/nature/images/videopage-email.gif) top left no-repeat; } #video-box #video-header p.rightlinks a.send-friend:link { color: #c00; text-decoration: none; } #video-box #video-header p.rightlinks a.send-friend:visited { color: #c00; text-decoration: none; } #video-box #video-header p.rightlinks a.send-friend:hover { color: #c00; text-decoration: underline; } #video-box #main-block { font-size: 80%; background: #effbfc; padding: 10px 5px; text-align: left; } #video-box #main-block p { margin: 0 0 10px; line-height: 1.3; } #video-box #main-block #left { float: left; width: 340px; } #video-box #main-block #right { margin-left: 350px; } #video-box #main-block h2 { font-family: "Trebuchet MS", sans-serif; color: #c00; letter-spacing: 0.06em; margin: 0 0 5px; font-size: 130%; } #video-box #main-block h3 { color: #c00; letter-spacing: 0.06em; font-size: 120%; font-family: "Trebuchet MS", sans-serif; margin: 0; } #video-box #main-block a { font-weight: bold; } #video-box #main-block #left #movie { display: block; margin: 0; } #video-box #main-block p.caption { background: #ccf7ff; padding: 5px; font-size: 90%; font-style: italic; margin: 0 0 10px; } #video-box #main-block p.video-link { font-weight: bold; } #video-box #main-block p.video-link a { padding: 4px 0 4px 25px; } #video-box #main-block p.video-link a:link { color: #c00; text-decoration: none; } #video-box #main-block p.video-link a:visited { color: #c00; text-decoration: none; } #video-box #main-block p.video-link a:hover { color: #c00; text-decoration: underline; } #video-box #main-block p.video-link a.watch-film { background: url(/nature/images/videopage-play.gif) bottom left no-repeat; } #video-box #main-block p.video-link a.read-transcript { background: url(/nature/images/videopage-transcript.gif) bottom left no-repeat; } #video-box #video-foot p { font-size: 70%; margin: 5px 0; text-align: left; } #video-box #transcript { text-align: left; } #video-box #transcript cite { font-weight: bold; } #video-box #transcript ol { list-style: none; margin: 0; padding: 0 5px; } #video-box #transcript blockquote { margin: 5px 10px 20px; } #video-box #transcript ol li { margin: 0; padding: 0; } #video-box a:link { color: #003286; text-decoration: underline; } #video-box a:visited { color: #006ca5; text-decoration: underline; } #video-box a:hover { color: #00aae3; text-decoration: underline; } /* movie classes */ #video-box embed { display:block; border:0; margin:0; padding:0; } /* end tom's changes */ /* newpodcast classes */ #toc #content h2.podcast { font-size: 90%; margin: 1.5em 0; } #toc #content h3.podcast { font-size: 80%; font-weight: bold; margin: 3em 0 1em 0; color: #000; } #toc #content h3.podcastArchive a:link, #toc #content h3.podcastArchive a:visited { padding-left:15px; background:url(/common/images/archive_plus.gif) left center no-repeat; font-weight: bold; margin: 3em 0 1em 0; color: #0054A6; text-decoration: none; } #toc #content h3.podcastArchive a:hover { color: #f00; background:url(/common/images/archive_plus_red.gif) left center no-repeat; } #toc #content h3.podcastArchiveOpen a:link, #toc #content h3.podcastArchiveOpen a:visited { padding-left:15px; background:url(/common/images/archive_minus.gif) left center no-repeat; font-weight: bold; margin: 3em 0 1em 0; color: #0054A6; text-decoration: none; } #toc #content h3.podcastArchiveOpen a:hover { color: #f00; background:url(/common/images/archive_minus_red.gif) left center no-repeat; } #toc #content ul.podcast { font-size: 80%; margin-bottom: 30px; } #toc #content p.podcast { font-size: 80%; margin:0 0 2em 0; } #toc #content .currentShow { margin: 20px 0; font-size:80%; background-position: left; background-repeat: no-repeat; } #toc #content .currentShowPic { float: left; margin: 0 15px 0 0; border: 0; } #toc #content ul.podcastArchive { font-size: 80%; margin: 0; margin-bottom: 30px; padding: 0; } #toc #content li.podcastArchive { padding: 0 0 0 35px; margin: 0; margin-bottom: 20px; background: top left no-repeat; list-style-type: none; } #toc #content img {border: 0} #toc #content a.special { /* border: 1px solid #ccc; padding: 1px; */ margin: 0 8px 0 0; float: left; } #toc #content div.special { float: left; width: 480px; margin-bottom: 15px; padding: 0; } #toc #content a.special img { float: left; margin-top: 3px; } .feedTitleBg { margin-top: 15px; margin-bottom: 1px; width: 100%; background-color: #B1062E; font-size: 90%; } .feedTitle { font-size: 90%; color: #fff; font-weight: bold; padding: 2px 0 2px 5px; } .feedButton { width: 99%; height: 21px; border: 1px solid #ccc; margin: 1px 0; background: url(../podcast/images/feedButtonBg.gif) left center no-repeat; } .feedHolder { padding-left: 25px; padding-top: 2px; } .feed {border: 0;} .page-header-spacer { color: #fff; display: none; visibility:hidden; font-size:80%; } a.link-head-archive:link, a.link-head-archive:visited, a.link-head-archive:hover { padding-bottom: 50px ; padding-right: 25px; text-decoration: none ; color: #fff ; } a.link-head-subscribe:link, a.link-head-subscribe:visited, a.link-head-subscribe:hover { padding-bottom: 50px ; padding-right: 115px; text-decoration: none ; color: #fff ; } a.link-head-blog:link, a.link-head-blog:visited, a.link-head-blog:hover { padding-bottom: 50px ; padding-right: 145px; text-decoration: none ; color: #fff ; } a.link-head-help:link, a.link-head-help:visited, a.link-head-help:hover { padding-bottom: 50px ; padding-right: 120px; text-decoration: none ; color: #fff ; } a.link-head-more:link, a.link-head-more:visited, a.link-head-more:hover { padding-bottom: 50px ; padding-right: 65px; text-decoration: none ; color: #fff ; } a.link-head-about:link, a.link-head-about:visited, a.link-head-about:hover { padding-bottom: 50px ; padding-right: 140px; text-decoration: none ; color: #fff ; } a.link-head-videostreaming:link, a.link-head-videostreaming:visited, a.link-head-videostreaming:hover { padding-bottom: 50px ; padding-right: 65px; text-decoration: none ; color: #fff ; } a.link-head-google:link, a.link-head-google:visited, a.link-head-google:hover { padding-bottom: 50px ; padding-right: 50px; text-decoration: none ; color: #fff ; } a.link-head-podcast:link, a.link-head-podcast:visited, a.link-head-podcast:hover { padding-bottom: 50px ; padding-right: 50px; text-decoration: none ; color: #fff ; } /* end newpodcast classes */ /* Video browse section area */ #content h2.video-intro { font-size: 90%; margin: 0 0 20px; } #content h2.video-browse { font-size: 80%; color: #fff; background-color: #9c0204; margin: 30px 0 0 0; padding: 3px 0 3px 10px; } #content div.browse-section, #content div.content-section { font-size : 100%; padding : 0 0 10px 0; /*padding : 1px 10px 10px 10px;*/ border-left : 1px solid #BFC7C9; border-bottom : 1px solid #BFC7C9; margin-bottom : 1px; } #content div.browse-section h2, #content div.content-section h2, #content div.browse-section p, #content div.content-section p, #content div.intro-section-main-text h2, #content div.intro-section-main-text p { margin : 0 5px; padding : 10px 0 0 0; } #content div.browse-section h2, #content div.browse-section h3, #content div.browse-section h4, #content div.intro-section h2, #content div.intro-section h3, #content div.intro-section h4, #content div.content-section h2, #content div.content-section h3, #content div.content-section h4 { font-size : 100%; color : #000; } #content div.browse-left { clear: left; float: left; width: 49.5%; border-left: 1px solid #BFC7C9; border-bottom: 1px solid #BFC7C9; border-right : 1px solid #fff; border-top : 1px solid #fff; background: #EFF4F5; } #content div.browse-right { float: left; width: 49.6%; border-left: 1px solid #BFC7C9; border-bottom: 1px solid #BFC7C9; border-right : 1px solid #BFC7C9; border-top : 1px solid #fff; background: #EFF4F5; } #content div.first-row { border-top : none; } #content div.browse-col { background-color : #fff; font-size: 70%; } #content div.browse-col h2.browse-page { padding : 7px 7px 0 7px; margin : 0; font-size : 100%; color : #000; } #content div.browse-col img { border : 1px solid #404040; margin-top : 3px; margin-bottom : 9px; float : left; } #content div.browse-col ul { margin-left : 82px; margin-top : 0; } #content div.browse-col li { font-size : 100%; color : #404040; margin-top : 0; margin-bottom : 4px; } #content div.browse-col p { margin: 0 0 10px 82px; } #content div.browse-section-left, #content div.browse-section-right { padding: 7px 7px 7px 7px; } #content div.browse-left div, #content div.browse-right div { min-height : 20em; background-color : #EFF4F5; } /* End Video browse section area */ /* sample form */ #content #sample-form {margin-top:20px;} #content #sample-form label { float:left; clear:left; width:10em; font-weight:bold; font-size:90%; } #content #sample-form label.optional {font-weight:normal;} #content #sample-form input, #content #sample-form select { float:left; margin:3px 0; } #content #sample-form input.text {width:17.7em;} * html #content #sample-form input.text {width:17.55em;/* IE only */} #content #sample-form select {width:18em;} #content #sample-form div { float:left; clear:both; width:99%; text-align:left; } #content #sample-form input.button {background:#9c0204;} #content #sample-form input.button.first {margin-left:11em;} * html #content #sample-form input.button.first {margin-left:8.9em;/* IE only */} #content #sample-form .button-holder {margin:10px 0;} /* end sample form */ #info #content .content-wrapper { background-repeat:no-repeat; padding-left:150px; } /* additional styles taken from live end */ /* nature journal home */ #home #journalnav .image-holder {text-align:center;} #home #journalnav .image-holder img {margin-bottom:10px;} #home #journalnav .google { text-align:center; border:1px solid #ccc; margin:20px 0; } #home #content div.issue { border:1px solid #666; padding:10px; background:#f7f9fd; } #home #content div.issue div.cover { float:left; margin-right:10px; width:152px !important; width /**/:162px; } #home #content img { border-style: none; } #content div.issue div.cover-navigation { float: left; width: 170px; } #content div.issue div.cover-navigation img.journal-cover { display: block; } #toc #content div.issue p.about-cover { background: url(/nature/images/bullet-arrow-right.gif) no-repeat left bottom; font-size: 70%; padding: 5px 10px 0; margin: 0; } #home #content div.issue div.issue-links {margin-left:162px;} #home #content div.issue p {font-size:90%;} #home #content div.issue img { float:left; border:1px solid #666; height:200px !important; height /**/:202px; width:150px !important; width /**/:152px; } #home #content div.issue h1 { margin:0; font-size:100%; font-weight:bold; } #home #content div.issue-links ul.issue-links { margin:0 0 10px 0; padding:0; list-style-type:none; } #home #content div.issue-links ul.issue-links li { padding:4px 0; font-weight:bold; font-size:90%; } #home #content div.issue h1 span.title { display:block; font-size:70%; color:#c33; text-transform:uppercase; } #home #content div.issue h1 span.issue { font-size:90%; } #home #content div.issue ul { margin:0; padding:0; list-style-type:none; } #home #content div.issue h2 { margin:0; font-size:70%; color:#c33; } #home #content div.article { margin:1em 0; padding-bottom:1em; background:url(/common/images/dots.gif) left bottom repeat-x; } #home #content div.article .image { float:left; margin-right:10px; width:163px !important; width /**/:173px; } #home #content div.article .image img { float:left; border:1px solid #666; width:161px !important; width /**/:163px; } #home #content div.article .image2 img { float:left; border:0px solid #666; width:161px !important; width /**/:163px; } #home #content div.article .text { margin-left:173px; } #home #content div.article h1 { font-weight:bold; font-size:100%; /* for enclosed spans to inherit from */ } #home #content div.article h1 span.title { font-size:70%; text-transform:uppercase; display:block; color:#c33; } #home #content div.article h1 span.atl, #home #content div.article p { font-size:90%; } #home #content .featurebox { margin-bottom:20px; } #home #content div.left { float:left; width:48%; } #home #content div.right { float:right; width:48%; } #home #content .featurebox ul { font-size:80%; padding:0; margin:0; list-style-type:none; clear:both; } #home #content .featurebox a.more { display:block; margin-top:0.5em; font-size:70%; padding-left:10px; background:url(/common/images/arrow_red.gif) 0 0.5em no-repeat; color:#9c0204; } #home #content .featurebox h1 { font-size:70%; text-transform:uppercase; background:#9c0204; color:#fff; padding:3px 5px; } #home #content .news h1, #home #content .highlight h1 { margin:0 0 10px 0; } #home #content .news h2, #home #content .highlight h2 { font-size:70%; text-transform:uppercase; margin:1em 0 0.5em 0; } #home #content .news a.imagelink, #home #content .highlight a.imagelink { display:block; margin-left:60px; font-size:90%; font-weight:bold; } #home #content .news img.newsimage, #home #content .highlight img.newsimage { float:left; width:50px; height:50px; } #home #content .news ul { margin:1em 0 0 0; } #home #content .news li { margin:1em 0; } #home #content .webfocus h1, #home #content .topten h1 {margin-bottom:1px;} #home #content .webfocus .title {margin-top:0;} #home #content .webfocus h2, #home #content .topten p.header { margin:0; font-weight:bold; font-size:90%; padding:5px 5px 0 70px; min-height:55px !important; min-height /**/:60px;/* PC IE5 */ } #home #content .webfocus p { font-size:80%; margin:1em 0; } #home #content .topten h2 { font-size:80%; text-transform:uppercase; margin:1em 0; } #home #content .topten ol { font-size:80%; margin:0 0 20px 0; padding-left:23px; } #home #content .topten li { margin:1em 0; } #home #content ul.latest-issue { list-style-type: none; margin: 0; padding: 0; width: 100%; } #home #content ul.border-box, #home #content .border-box ul, #home #content ul.highlights-downloads, #home #content ul.highlights-downloads ul { list-style-type: none; margin: 0; padding: 0; } #home #content .latest-issue li.cover { float: left; margin-top: 1px; margin-right: 0; width: 150px; } #home #content .latest-issue li.cover-copy { float: right; width: 69%; } /* sections box */ #home #content .sections-box { margin: 0; list-style-type: none; padding: 0; } #home #content .sections-box li { margin: 0; padding: 0; clear: left; } #home #content .sections { margin: 10px 0 0 0; list-style-type: none; padding: 0; } #home #content .sections h2 { padding-bottom: 0; } #home #content .sections li { background-color: #f3f2f2; background-position: top right; background-repeat: no-repeat; border: 1px solid #e0e0e0; float: right; margin-bottom: 2.5ex; min-height: 58px; width: 48%; clear: none; } #home #content .sections li.left { float: left; margin-right: 2%; } #home #content .sections li h2 { font-size: 100%; margin: 7px 0 2px 7px; } #home #content .sections li p { color: #626262; font-size: 80%; margin: 0 0 0 7px; width: 60%; } #home #content .sections li.blog h2 { width: 155px; } #home #content .sections li.podcast { background-image: url(/nature/images/podcasts.jpg); } #home #content .sections li.videos { background-image: url(/nature/images/videos.jpg); } #home #content .sections li.author { background-image: url(/nature/images/author.jpg); } #home #content .sections li.blog { background-image: url(/nature/images/blog.jpg); } /* research articles */ #home #content .research { list-style-type: none; margin: 0; padding: 0; width: 100%; } #home #content .research li { float: left; width: 100%; } #home #content .research-articles { list-style-type: none; margin: 0.5em 0 1.5em 0; padding: 0; width: 100%; } #home #content .research-articles li { clear: left; float: none; margin-bottom: 10px; width: 100%; } #home #content .research-articles li.more { margin-bottom: 0.5em; } #home #content h2 { color: #545454; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 0; padding-bottom: 4px; } #home #content .research h2 { font-weight: normal; letter-spacing: 0.01em; font-size: 1.5em; margin-bottom: 5px; } #home #content .border-box h2 { margin-bottom: 10px; font-size: 0.95em; } #home #content a, #home #content a:visited { color: #2b4055; } #home #content a:hover { color: #c03; } #home #content .announcement { color: #545454; font-weight: bold; } #home #content .latest-issue-cover { border-bottom: none; font-size: 80%; margin-top: 0; padding-bottom: 0; } #home #content h1.latest-issue-cover a:link, #home #content h1.latest-issue-cover a:visited { background-position: top left; background-repeat: no-repeat; display: block; padding-top: 202px; text-decoration: none; color: #767474; font-weight: normal; } #home #content h1.latest-issue-cover span.replace { display: none; } #home #content ul .title { font-size: 80%; font-weight: normal; margin: 0; } #home #content ul .title a { font-weight: bold; } #home #content ul .more a { font-weight: normal; background: url(/nature/images/more_arrow.gif) no-repeat 0pt 5px; padding-left: 10px; } #home #content ul.border-box { border: 1px solid #e0e0e0; margin: 0 0 20px; } #home #content .border-box li { padding: 9px; } #home #content ul.highlights-downloads { border: 1px solid #e0e0e0; float: left; margin-bottom: 20px; padding: 10px; width: 44.1%; } #home #content ul.right-box { float: right; margin-left: 2%; } #home #content h3.journals { margin-top: 20px; } #home #content .promo h2, #home #content .texture h2, #home #content .supplement h2, #home #content .podcast1 h2, #home #content .podcast2 h2, #home #content .podcast3 h2, #home #content .podcast4 h2 { width: 75%; } #home #content .highlights-downloads h2 { margin-bottom: 10px; } #home #content .border-box h3 { border-bottom: none; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 80%; padding-bottom: 0; } #home #content .highlights-downloads h3 { border-bottom: none; font-size: 80%; padding-bottom: 0; } #home #content .right-box .highlight-links a { background-position: 2px 6px; padding-left: 20px; } #home #content .download-links { font-size: 80%; margin: 0pt; padding: 0 0 0 20px; } #home #content .download-links li { padding-bottom: 5px; } #home #content .download-links li a { font-weight: bold; } /* border boxes */ #home #content ul.border-box p { font-size: 80%; line-height: 1.4; margin: 2px 0 5px 0; } #home #content ul.border-box p.credit { font-size: 0.7em; margin: 1em 0 0 0; } #home #content ul.border-box li.indent p { padding-right: 130px; } #home #content ul.podcast2 li.indent p { padding-right: 160px; } #home #content .podcast4 { background: #f4f7ff url(/nature/images/promo_background-4.jpg) top left no-repeat; } #home #content .podcast3 { background: #f4f7ff url(/nature/images/promo_background-3.jpg) top left no-repeat; } #home #content .podcast1 { background: #f4f7ff url(/nature/images/promo_background-1.jpg) top left no-repeat; } #home #content .supplement { background: #f4f7ff url(/nature/images/promo_background.jpg) top left no-repeat; } #home #content .texture { background: #fff url(/nature/images/light_promo_background.gif) repeat-y right top } #home #content .podcast2, #home #content .news-promo { background-color: #f4f4f4; } #home #content .promo-image { background-position: bottom right; background-repeat: no-repeat; } #home #content .podcast2 .promo-image { background-image: url(/nature/images/nature-podcast.gif) } #home #content .promo .promo-image, #home #content .texture .promo-image { background-position: 98% 45px; padding-top: 12px; padding-bottom: 12px; } #home #content .promo-image .norm a { padding-left: 10px; background: url(/nature/images/more_arrow.gif) no-repeat 0pt 5px; margin-right: 0.8em; } #home #content .weeks-highlights, #home #content .weeks-highlights li { border: none; padding: 0; } #home #content .left-week { float: left; width: 48%; } #home #content .highlight-links a { background: url(/nature/images/more_arrow.gif) 0 6px no-repeat; font-size: 80%; padding-left: 9px; } #home #nature-jobs { background: #fff url(/nature/images/jobs_bg.gif) top left no-repeat; } #home #content #nature-jobs p { width: 100%; padding-right: 1%; } #home #nature-jobs p a { font-weight: bold; display: block; margin-bottom: 2px; font-size: 1.2em; font-family: Arial,Helvetica,san-serif; } /* right hand navigation */ #extranav a, #extranav a:visited { color: #2b4055; } #extranav a:hover, #extranav a:hover .link { color: #c03; } #extranav div.subscribe-to-nature { margin-bottom: 1em; } #extranav div.nature-news { border-style: none; margin-bottom: 1em; } .jotw .events-jobs { background: url(/common/images/jotw.gif) no-repeat 10px 30px; } .eotm .events-jobs { background:transparent url(/common/images/eotm.gif) no-repeat scroll 10px 30px; } /*.eotm-jotw { margin: 10px 0; }*/ .eotm-jotw .main-heading { background: transparent url(/common/images/eotm_jotw_bg.jpg) no-repeat scroll 0pt; color: #626262; } .eotm-jotw .main-heading { padding: 0 10px 10px 48px; } /*.eotm-jotw .more { color:#CE0808; }*/ /*.reg-rec { margin-bottom: 1em; }*/ #about-cover #content div.coverimage { margin-top: 1em; padding: 10px; text-align: center; } #about-cover #content div.covertext p { font-size: 90%; margin: 1em 0pt 0pt; } /* styles added by nick */ /* data list */ .data-list, .data-list ul { list-style: none; margin: 0; padding: 0; } .data-list {padding: 5px 0;} .data-list ul {display:inline;} .data-list li { display:inline; margin-right: 5px; } .data-list a {font-size: 95%;} /* fix inheritance */ #toc .data-list a {font-size: 80%;} .data-list .icon-heading { margin:0 5px 0 0; display:inline; /* inherited 90% from #article-related div.container-image-text ul */ font-size: 85%; padding:1px 0 1px 20px; } #toc .data-list .icon-heading {font-size: 80%;} .data-list.pdb .icon-heading {background: url(/common/images/icons/pdb_small.gif) no-repeat left center;} .data-list.three-d .icon-heading {background: url(/common/images/icons/threed_small.gif) no-repeat left center;} .data-list.three-d abbr {border-bottom: 0;} /* end data list */ /* Access Page Styles */ .toolsmenu .title { background: #9c0204; } .toolsmenu .links li.more a, .toolsmenu .links li.more a:visited { color:#CE0808; } .toolsmenu .links li a:hover { color:#3366CC; } .download { text-align:center; } #access #content .tools #natpav h3 { margin:0 0 10px; padding:0; background: none; } /* overwrites styles from /common/style/global.access.css */ ul.natjob h3.first {margin:0pt !important;} ul.natjob h3 { font-size:80% !important; padding:0 !important; margin:10px 0pt 0pt !important; background-color: transparent !important; } /* end overwrites styles from /common/style/global.access.css */ /* Override footer styles */ #ftr #footer-links { background: #000 url(/common/images/bg_red_footer.gif) repeat-x 0 0; } #ftr #footer-links ul li a:link, #ftr #footer-links ul li a:visited { background: transparent; } #ftr #footer-journal { background:#f5f3f4; } /* video archive item page - additional styles April 2008 */ h1.video-item-title { color:#9ca3a6; font-size:150%; line-height:1; font-weight:normal; font-family:Arial, Helvetica, sans-serif; } #video-archive-item { width:100%; height:100%; text-align:center; } #video-archive-item #swf-holder {position:relative;} #video-archive-item #infocols { position:relative; width: 705px; margin: auto; } #video-archive-item #infocol-left { width:48%; float:left; text-align:left; } #video-archive-item #infocol-right { width:48%; float:right; text-align:left; } #video-archive-item .infocol-3-left { text-align:left; width:33%; float:left; margin-top: 20px; } #video-archive-item .infocol-3-right { text-align:left; width:33%; float:right; margin-top: 20px; } #video-archive-item #infocols .info-box {padding:0;} #video-archive-item #infocols .info-content { padding:0px 15px 0 0; min-height:130px; } #video-archive-item #infocols .sponsor { text-align:center; } #video-archive-item #infocols .info-content img { border:1px solid #ccc; margin-left:auto; margin-right:auto; } #video-archive-item #infocols .info-top-left { background:url(/nature/videoarchive/images/info_tl.gif) left top no-repeat; padding:0 0 0 20px; } #video-archive-item #infocols .info-top-right { background:url(/nature/videoarchive/images/info_tr.gif) right top no-repeat; padding:0; } #video-archive-item #infocols .info-bottom-left { background:url(/nature/videoarchive/images/info_bl.gif) top left no-repeat; padding:0 0 0 20px; height:30px; } #video-archive-item #infocols .info-bottom-right { background:url(/nature/videoarchive/images/info_br.gif) top right no-repeat; height:30px; } #video-archive-item #infocols .info-content div.contentholder {padding:6px 0;} #video-archive-item #infocols .info-content .i-flash {background:url(/nature/videoarchive/images/i-flash.gif);} #video-archive-item #infocols .info-content .icon { background-position:left center; background-repeat:no-repeat; display:block; padding:8px 0pt 8px 40px; } #video-archive-item #infocols .info-content h2.txtlead { font-size:140%; font-weight:normal; color:#9ca3a6; font-family:Arial, Helvetica, sans-serif; line-height:100%; } #video-archive-item #infocols .info-content p.txtcopy { font-size:80%; color:#9ca3a6; font-weight:bold; line-height:1.4; font-family:Arial, Helvetica, sans-serif; } /* end video archive styles */ /* powerpoint links */ #content .container-image-text h3 { color: #000; font-size: 90%; margin: 0 0 0.2em; } #content kbd {font-size: 110%;} .powerpoint-note {font-size: 70%} #article-related div.container-image-text .pp { margin: 0pt 0pt 1em; padding: 0 0 5px 23px; font-size: 70%; background: transparent url(/common/images/icons/fceeee/powerpoint.gif) no-repeat scroll left top; } /* end powerpoint links */ /* WEB FORUM NEW STYLES */ #forum-content #webforum-header h1 { font-weight:normal; font-size:135%; padding:13px 0 13px 0; background-image: url(/nature/images/header.gif); } #forum-content .blueheader { font-weight:normal; font-size:130%; margin:20px 0 10px 0; padding:0; color: #398BC5; } /* top of page anchor list */ #forum-content ul.forumanchor { list-style-type:none; margin:1em 0; padding:0; font-size:90%; line-height: 24px; font-weight:bold; } #forum-content ul.forumanchor a:link, ul.forumanchor a:visited { padding-left:15px; background:url(/nature/images/arrow_down_red.gif) 0 0.5em no-repeat; } #forum-content ul.forumanchor a:hover {background:url(/nature/images/arrow_down_blue.gif) 0 0.5em no-repeat;} #forum-content #about-box { border: 1px solid #D3D3D3; background: url(/nature/images/about_bg.gif) repeat-x left bottom; width: 156px; font-size: 80%; font-weight:bold; float: right; text-align:center; padding:10px 10px 14px 10px; } #forum-content ul.forum-list { list-style-type: none; margin: 0; padding: 0; } #forum-content ul.categ-list { list-style-type: none; margin: 0; padding: 0; } /* */ #forum-content .forum-categ { font-size:100%; font-weight:bold; color:#000; background:url(/nature/images/categ_header.gif) left bottom no-repeat transparent;/* arrow + underline*/ padding:3px 0 5px 23px; margin:0 0 8px 0; } #forum-content .forum-archive { margin: 0 0 15px 2px; display:block; background:url(/common/images/arrow_red.gif) left center no-repeat; font-size:80%; padding-left:8px; } #forum-content .forum-item { margin:0 0 30px 0; } #forum-content .forum-item h3{ font-size: 90%; font-weight:bold; margin: 0 0 6px 70px; } #forum-content .forum-item a.forumtitle { background:none; } #forum-content .forum-item img { float:left; width:60px; height:60px; border:0; } #forum-content .forum-item .norm { margin:0 0 0 70px; font-size:70%; } #forum-content .forum-item dt { margin:5px 5px 0 70px; font-size:70%; font-weight:bold; float:left; } #forum-content .forum-item dd { padding-top: 5px; font-size:70%; font-weight:bold; } /* Right-nav - header */ .right-nav-head { background: #EF4C52 url(/nature/images/rightnav_head_bg.gif) no-repeat right top; font-weight: bold; font-size: 80%; color: #fff; display:block; margin:0; padding: 5px 0 6px 5px; } /* Right-nav - Comments box */ #comments-right-nav { border: 1px solid #D3D3D3; display: block; margin: 0 0 15px 0; font-size: 70%; } #comments-right-nav ul { list-style-type: none; margin:5px 0 5px 6px; padding:0; } #comments-right-nav li { background: url(/nature/images/comment_bubble_r.gif) no-repeat 0 0.9ex; padding: 0 0 10px 23px; margin:0; } #comments-right-nav .comments { display:block; padding-left: 10px; background: url(/nature/images/bullet.gif) no-repeat left center; margin-top:1px; } #comments-right-nav .date { display:block; margin-top:1px; } /* Right-nav - Blogs box */ #blogs-right-nav { border: 1px solid #D3D3D3; display: block; margin: 0 0 15px 0; font-size: 70%; } #blogs-right-nav ul { list-style-type: none; margin:5px 0 10px 6px; padding:0; } #blogs-right-nav li { display:block; background: url(/news/images/bullet.gif) no-repeat left center; padding: 0 0 0 10px; margin: 0 0 8px 0; } /* SPECIFIC FORUM PAGE STYLES */ #forum-content .forumheader { background: url(/nature/images/forumhead_bg.gif) repeat-y right top; border: 1px solid #D3D3D3; margin:0 0 15px 0; padding:10px; } #forum-content .forumheader p { font-size: 80%; } #forum-content .forumheader img { float:left; margin: 0 10px 0 0; } #forum-content .forumheader h2 { font-size:125%; font-weight:normal; margin: 0 0 0 195px; background:url(/nature/images/forumtitle_bg.gif) left bottom no-repeat; padding: 0 0 2px 0; } #forum-content .desc { font-size:80%; margin: 0 0 15px 0; } /* article crosshead */ #forum-content .forum_crosshead { font-size:90%; font-weight:bold; color:#1E557D; background:url(/nature/images/crosshead_line.gif) left bottom no-repeat; padding:3px 0 2px 0; margin:0 0 10px 0; } /* Article list styles*/ #forum-content ul.article-list { list-style-type: none; margin:0; padding: 0; } #forum-content ul.article-list li {margin: 0 0 15px 0; padding:0;} #forum-content ul.article-list h4 {font-size:90%; margin: 0 0 4px 0;} #forum-content ul.article-list .standfirst {font-size:80%; margin: 0 0 4px 0;} #forum-content ul.article-list .author {font-size:90%; margin: 0 0 4px 0;} #forum-content ul.article-list .date {font-size:70%; margin: 0 0 5px 0;} #forum-content ul.link-list { list-style-type: none; margin:0; padding: 0; } #forum-content ul.link-list li{ margin: 0 5px 0 0; padding: 0; float:left; font-size:70%; } #forum-content ul.link-list a { font-weight:bold; background:none; } /* blog toc style*/ #forum-content .blog { margin: 10px 0 15px 0; padding: 0 0 0 70px; } #forum-content .blog h4 {font-size:90%; margin: 0 0 4px 0;} #forum-content .blog .standfirst {font-size:80%; margin: 0 0 4px 0;} #forum-content .blog .author {font-size:85%; margin: 0 0 4px 0;} #forum-content .blog .links {font-size:70%; font-weight:bold; margin: 0;} /* related links style*/ #forum-content ul.links-list { list-style-type: none; margin: 0 0 15px 0; padding:0; } #forum-content ul.links-list li{ font-size: 90%; margin: 2px 0 2px 0; padding: 0 0 0 13px; background:url(/view-/webforums/images/arrow_link.gif) left center no-repeat; } /* resauces right-nav */ ul a.save:link, ul a.save:visited, ul a.save:hover { background: url(/nature/images/connotea1.gif) no-repeat 2px 0} /* WEB FORUM ARTICLE STYLES */ #forum-content #forum-article-header { margin:0; padding:0 0 -10px 0; } #forum-content #forum-article-header .article-type { font-size: 90%; color: #1E557D; margin: 0; background:none; } #forum-content #forum-article-header #cite { font-size:70%; margin: 0 0 5px 0; } #forum-content #forum-article-header .articletitle { font-weight:normal; font-size:135%; margin:10px 0 5px 0; } #forum-content #forum-article-header .standfirst { font-size:90%; font-weight:bold; margin: 0 0 10px 0; } #forum-content #forum-article-header .byline { font-size:90%; margin: 0; } #forum-content #forum-article-body { margin-top:0; } #forum-content #forum-article-body h3 { font-size:90%; font-weight:bold; color:#1E557D; background:url(/nature/images/crosshead_line.gif) left bottom no-repeat; padding:3px 0 2px 0; margin:20px 0 10px 0; } #forum-content #forum-article-body div.inline-image { float:right; padding:0; margin:0 0 10px 10px; border: 1px solid #888; } #forum-content div.inline-image img{ margin:0; padding:0; } #forum-content div.inline-image .inline-image-caption { border-top: 1px solid #888; background-color: #EBF1F5; display: block; font-size: 70%; padding:10px; margin:-3px 0 0 0; } #forum-content .inline-image-caption .image-credit { display: block; margin-top: 10px; font-style: italic; text-align:right; } #forum-content #forum-article-body div.forum-figure { border: 1px solid #AAA; background-color: #EBF1F5; padding:10px; display: block; } #forum-content div.forum-figure img { float:left; border: 1px solid #6A6A6A; margin:0; } #forum-content div.forum-figure h4 { display: block; font-weight:bold; font-size: 90%; margin:0 0 10px 0; } #forum-content div.forum-figure a.figtitle { background:none; } #forum-content div.forum-figure p.caption { margin: 0 0 0 160px; font-size: 70%; } #forum-content div.forum-figure .fullres { display: block; margin: 5px 0 0 160px; font-size: 70%; padding: 5px 0 5px 22px; background:url(/nature/images/fullres_icon.gif) left center no-repeat; } #forum-content div.forum-figure .fullres_link { font-weight: bold; background:none; } /* References */ #forum-content ol.references { padding:0 0 0 25px; margin:0; font-size:80%; } #forum-content ol.references li { margin: 0 0 10px 0; padding:0; } #forum-content .reflink { background:none; } /* Comments area*/ #forum-content #comments div { padding:0; } #forum-content #comments h3 { font-size:130%; font-weight:normal; color:#1E557D; background:url(/nature/images/comment_header.gif) left bottom no-repeat transparent;/* arrow + underline*/ padding:3px 0 1px 30px; margin:0 0 8px 0; } #forum-content #comments p { font-size:80%; } #forum-content #comments ul.comment-list { padding:0; margin:0; list-style-type: none; } #forum-content #comments ul.comment-list li { padding:10px; margin:10px 0 10px 0; } #forum-content #comments ul.comment-list li .comment-info { margin: 8px 0 0 0; padding: 3px 0 3px 30px; background: url(/nature/images/comment_bubble.gif) no-repeat left center; display: block; float: right; font-size:80%; } #forum-content ul.comment-list li .comment-info .user { font-weight:bold; margin-right: 30px; padding:0; margin:0; } #forum-content ul.comment-list .odd { background-color: #F6F8FA; } #forum-content #comments textarea { border: 1px solid #666; background-color: #F0F3F5; margin: 10px 0 10px 0; padding: 0; } #forum-content .buttons { float: left; width:98%; text-align:right; padding: 0; margin: 0; } #forum-content .comment-button { background: url(/nature/images/comment_button.gif) no-repeat 0 50%; margin: 0; padding: 2px 5px 3px 19px; color: #CE0808; font-size: 80%; font-weight: bold; border: 1px solid #7A7A7A; height: 29px; } /* Right nav 'comment on this article' box */ #comment-right-nav { background: url(/nature/images/comment_rightnav_bg.jpg) no-repeat left bottom; border: 1px solid #D3D3D3; padding: 17px 3px 11px 42px; margin: 0 0 15px 0; height: 1.8em; font-size: 80%; } #comment-right-nav a:link, #comment-right-nav a:visited{ color: #000; font-weight:bold; } /* Forum nav for an article*/ #forum-articlenav { margin: 0 0 20px 0; border: 1px solid #D3D3D3; } #forum-articlenav ul.forum-toc { margin: 0 0 15px 10px; list-style-type: none; font-size: 80%; padding: 0; } #forum-articlenav ul.forum-toc li { margin: 8px 0 8px 0; padding: 0 0 0 10px; background:url(/common/images/arrow_red_right.gif) left center no-repeat; } #forum-articlenav ul.resources { margin: 0 0 0 10px; list-style-type: none; font-size: 80%; padding: 0; } #forum-articlenav ul.resources li { margin: 8px 0 8px 0; padding: 3px 0 3px 28px; } #forum-articlenav ul.resources .blog { background:url(/nature/images/forumone_thumb_small.jpg) no-repeat left center; } #forum-articlenav ul.resources .pdf { background:url(/nature/images/pdf.gif) no-repeat left center; } #forum-articlenav ul.resources .conn { background:url(/nature/images/connotea1.gif) no-repeat left center; } #forum-articlenav ul.resources .sendfriend { background:url(/nature/images/send_to_a_friend.gif) no-repeat left center; } #forum-articlenav ul.resources .newsfeeds { background:url(/nature/images/newsfeed.gif) no-repeat left center; } #forum-articlenav ul a:link, #forum-articlenav ul a:visited { text-decoration:none; color:#000; } #forum-articlenav ul a:hover { text-decoration:underline; color:#000; } /* research higlights page */ #article #content ul.reshigh-nav, #article #content ul.reshigh-list { list-style-type: none; padding: 0; margin: 0; } #article #content ul.reshigh-nav { margin: 10px 0 30px 0; } #article #content ul.reshigh-nav li { margin: 0 0 3px 0; padding: 0 0 0 10px; font-size: 90%; background: url(/nature/images/arrow_dwn_red.gif) no-repeat left center; } #article #content ul.reshigh-list li { border-bottom: 1px solid #e1e1e1; margin: 0 0 20px 0; padding: 0 0 10px 0; } #article #content .reshigh-list .atl { font-size:130%; font-weight:normal; margin: 0; padding: 0; } /* sponsored subscriptions form */ #content #sponssub-form { margin:0; } #content #sponssub-form fieldset { border: none; } #content #sponssub-form div { float:left; clear:both; width:99%; text-align:left; margin: 0; padding: 5px 0; } #content #sponssub-form label { float:left; clear:left; width:15em; font-weight:bold; font-size:70%; margin: 2px 1em 0 0; } #content #sponssub-form p.label { float:left; font-weight:bold; font-size:70%; width: 15em; margin: 2px 1em 0 0; } #content #sponssub-form label.optional {font-weight:normal;} #content #sponssub-form input, #content #sponssub-form select { float:left; margin: 0; width:25em; } #content #sponssub-form textarea { width:22em; } #content #sponssub-form select {width:25.5em;} #content #sponssub-form input.button {background:#9c0204;} #content #sponssub-form input.button.first {margin-left:11em;} #content #sponssub-form .button-holder {margin:10px 0;} #content #sponssub-form label.other { margin: 5px 0 2px 16em; width:auto; } #content #sponssub-form input.other {margin-left:14.7em;} #content #sponssub-form ul.qual-list { list-style-type: none; margin: 0; padding: 0; float: left; } #content #sponssub-form ul.qual-list li { margin: 0 0 7px 0; padding: 0; clear:both; } #content #sponssub-form ul.qual-list li input, label { float: left; } /* SALT-978 odd addition of label style above causing problems with header search box - style below to fix this */ .login-nav .search label { float: none; } #content #sponssub-form ul.qual-list li label { font-weight:normal; margin: 0; padding: 0; clear:none; width: auto; } #content #sponssub-form ul.qual-list li input { margin: 0 8px 0 0; padding: 0; width: auto; } #content #sponssub-form #submit, #content #sponssub-form #reset { width:auto; padding: 5px 10px; margin: 0 10px 0 0; } #content #sponssub-form #submit { margin-left:14.7em; } /* end form */ /* back to article for article-related - ported from rj's group.css */ #article-related a.back-to-article:link, #article-related a.back-to-article:visited { font-weight:normal; color:#000; background:url(/common/images/icons/back.gif) 5px center no-repeat #fdfdfd; margin:10px 0;/* tb/lr */ padding:2px 5px 2px 20px; text-decoration:none; border:1px solid #e7e7e7; text-transform:lowercase; } #article-related a.back-to-article:hover { color:#000; background:url(/common/images/icons/back_hover.gif) 5px center no-repeat; text-decoration:none; } /* ----------------------------------------------------------------------- annotation highlighting tool ----------------------------------------------------------------------- */ #article #content div.hilite_tools { margin: 20px 0; padding: 0; } #article #content div.hilite_tools h3 { color:#666; font-family: arial,Helvetica,sans-serif; font-size:100%; display:inline; margin: 0 10px 0 0; padding: 0; background: none; } #article #content div.hilite_tools a { display:inline; font-size: 80%; background-color: #FFFFB0; text-decoration:none; } #article #content div.hilite_tools span { border: 1px solid #ccc; display:inline block; padding: 2px 5px 2px 25px; background:transparent url(/nature/images/highlight.gif) no-repeat scroll 5px center; } body#access div.hilite_tools { display: none; } /*----------------------------------------------------------------------- Article compounds -----------------------------------------------------------------------*/ #article #content a.compound {position:relative;} #article #content a.compound img { position:absolute; bottom:20px; background-color: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 2px solid #333; border-bottom: 2px solid #333; padding:5px; } #article #content a.compound:link img, #article #content a.compound:visited img{visibility: hidden;} #article #content a.compound:hover img {visibility: visible;} #article #content span.compound {background-color:#fff;} #article #content span.compound a:link, #article #content span.compound a:visited { cursor:help; text-decoration: none; color: #000; } #article #content span.compound a.compound:link, #article #content span.compound a.compound:visited { cursor:pointer; text-decoration: underline; color: #5E2E92; } #article #content span.hilite {background-color:#ffffb0;} #article #content div.inline-comp-links { margin: 0; padding: 0 8px 8px 0; float: left; display: none; background: transparent url(/nature/images/comp_shadow.png) no-repeat scroll right bottom; } #article #content div.inline-comp-links div.inner-border { list-style-type: none; margin: 0; padding: 5px 7px 5px 8px; border-top: 1px solid #aaa; border-left: 1px solid #aaa; background-color: #fff; } #article #content div.inline-comp-links h5 { margin: 2px 0 5px 0; padding: 0; font-size: 80%; float:left; } #article #content div.inline-comp-links a.close img { float: right; margin: 3px 0 0 0; padding: 0; border: 0; } #article #content div.inline-comp-links a.close { display: block; float: right; width:13px; margin: 0; padding: 0; } #article #content div.inline-comp-links ul { list-style-type: none; margin: 0 10px 0 0; padding: 0; clear:left; } #article #content div.inline-comp-links li { list-style-type: none; margin: 0; padding: 0 0 5px 0; } #article #content div.inline-comp-links ul a { background:transparent url(/common/images/icons/75002f/arrow_light.gif) no-repeat scroll left center; font-size: 80%; display:block; margin: 0; padding: 0 0 0 9px; } #article #content #comp-links-nojava { margin: 10px 0; padding: 0; } #article #content #comp-links-nojava ul { list-style-type: none; margin: 0; padding: 0; } #article #content #comp-links-nojava ul li { padding: 0; margin: 0 0 10px 0; clear:both; } #article #content #comp-links-nojava ul li h4 { padding: 0; margin: 0; font-size: 80%; } #article #content #comp-links-nojava .nojava-links li { float: left; clear: none; margin: 0 10px 0 0; padding: 0; } #article #content #comp-links-nojava ul.nojava-links li a { font-size:80%; background:transparent url(/common/images/icons/75002f/arrow_light.gif) no-repeat scroll 2px center; padding: 0 0 0 10px; } /* youtube video page */ .video-player .figure { margin: 2em auto; } .video-player .title, .video-player p { color: #222; font-family: Arial,Helvetica,sans-serif; font-size: 180%; font-weight: normal; line-height: 1.4; } .video-player p { font-size: 90%; } .video-player p.publication { font-style: italic; } /* youtube video page */