/** 
 * SITE.CSS for Nature Reviews Clinical Oncology
 *
 * Colour Scheme:
 * #hexhex		purpose
 */

 
/* ========================================== */
/* = Coloured icons for user-services links = */
/* ========================================== */
#hdr .user-services .li1 a {background-image: url(/common/includes/header/images/icons/01/icon_account_grey.gif);}
#hdr .user-services .li2 a {background-image: url(/common/includes/header/images/icons/01/icon_ealert_grey.gif);}
#hdr .user-services .li3 a {background-image: url(/common/includes/header/images/icons/01/icon_register_grey.gif);}
#hdr .user-services .li4 a {background-image: url(/common/includes/header/images/icons/01/icon_subscribe_grey.gif);}

/*
-----------------------------------------------------------------------
Journal header image and user services (register/subscribe/account details)
-----------------------------------------------------------------------
*/

#head-er .image-user-services-wrap
{
	background-color: #768BA6; /* background color for the header */
}

#head-er .image-user-services img.journal-header
{
	width: 276px; /* width of the header image (logo) */
	height: 74px; /* height of the header image (logo) */
	margin: 0px 0; /* margins for the header image (logo)*/
}

#head-er .image-user-services
{
	/* background: url(/nrc/images/journal_header_bg.jpg) no-repeat right top; */ /* background image for the header (if any) */
}

#head-er .user-services a:link,
#head-er .user-services a:visited
{
	background: url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #000; /* arrow image on header links (my account etc) [up state] */
}
#head-er .user-services a:hover,
#head-er .user-services a:focus
{
	background: url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #666; /* arrow image on the header links (my account etc) [over state] */
}

/** 
 * Default site-wide link colors
 */
a:link
{
	color: #677697; /* default colour for links */
}

a:visited
{
	color: #677697; /* default colour for visited links, which really _SHOULD_ be different from normal links! */
}

a:hover,
a:focus
{
	color: #c03; /* default colour for link over state */
}
/* END: Default site-wide link colors */

/** 
 * Breadcrumb styles
 */
#breadcrumb div a:link
{
	color: #677697; /* color for links in breadcrumb */
}

#breadcrumb div a:visited
{
	color: #677697; /* colour for visited links in breadcrumb */
}
/* END: Breadcrumb styles */

/** 
 * Content Area Styles
 *
 * Foundation rules to create the basic appearance of the content div.
 * Rules for page components are listed separately, below.
 */
#content
{
	border: 1px solid #e7e7e7; /* border colour for the content area */
}
/* END: Content Area Styles */

/** 
 * Journalnav styles
 */
map.journal-nav ul
{
    background: #fff; /* background colour for menus */
    border: 1px solid #e7e7e7; /* border style for menus */
}

map.journal-nav ul li
{
	border-bottom: 1px solid #fff; /* 1px spacing between menu items: this should be same colour as background colour for menus */
}

map.journal-nav ul li.menu-heading
{
	background: #fff; /* background colour for menu headings: this should be same colour as background colour for menus */
}

map.journal-nav ul li a:link,
map.journal-nav ul li a:visited
{
	color: #000; /* colour for menu link text */
	background-color: #DBE0E3; /* #BED0D1 default background colour for 1st level menu items */
}

map.journal-nav ul li a:hover,
map.journal-nav ul li a:focus,
map.journal-nav ul li.selected a:link,
map.journal-nav ul li.selected a:visited
{
	color: #fff; /* default colour for link text over state and selected state on 1st level menu items */
	background-color: #768BA6; /* default background colour for over state and selected state on 1st level menu items */
}

map.journal-nav.supplementary ul li a.onsub:link,
map.journal-nav.supplementary ul li a.onsub:visited
{
	background: url(/common/images/online_submissions.gif) no-repeat left center #EFF2F7; /* background image and colour for "Online Submission" menu item: colour should be same as default 1st level item background */
}

map.journal-nav.supplementary ul li a.onsub:hover,
map.journal-nav.supplementary ul li a.onsub:focus
{
	background-color: #768BA6; /* background colour for "Online Submission" rollover menu item: colour should be the same as 1st level hover background */
}


map.journal-nav.supplementary ul li a.e-alerts:link,
map.journal-nav.supplementary ul li a.e-alerts:visited
{
padding-left: 23px;
background: url(/reviews/images/icons/signup.gif) 5px 7px no-repeat #DBE0E3;
}

map.journal-nav.supplementary ul li a.e-alerts:hover
{
padding-left: 23px;
background: url(/reviews/images/icons/signup.gif) 5px 7px no-repeat #768BA6;
}



/* start: subnav styles */
map.journal-nav ul li ul.subnav li
{
	border-top: 1px solid #fff; /* 1px spacing between subnav items: this should be same colour as background for menus */
}

map.journal-nav ul li ul.subnav a:link,
map.journal-nav ul li ul.subnav a:visited
{
	background: url(/nrc/images/graphics/bg.subnav.gif) 11px 5px no-repeat #efefef; /* background image and colour for subnav menu items */
}

map.journal-nav ul li ul.subnav a:hover,
map.journal-nav ul li ul.subnav a:focus,
map.journal-nav ul li ul.subnav li.selected a:link,
map.journal-nav ul li ul.subnav li.selected a:visited
{
	color: #000; /* text colour for subnav menu items in over and selected states */
	background: url(/nrc/images/graphics/bg.subnav.gif) 11px 5px no-repeat #EFF2F7; /* background colour for subnav menu items in over and selected states */
}
/* end: subnav styles */
/* END: Journalnav styles */

/** 
 * Register-Receive styles
 *
 * Styles for the sign up for e-alerts/library-recommend/newsfeeds menu
 */
div.reg-rec
{
    background: #fff; /* background colour for register-recieve menu */
    border: 1px solid #e7e7e7; /* border colour for register receive menu */
}

div.reg-rec ul
{
    background: #EFF2F7; /* background colour for register-receive menu list */
}

div.reg-rec ul li a:link,
div.reg-rec ul li a:visited
{
	color: #000; /* link colour in register-receive menu */
}

div.reg-rec ul li a:hover,
div.reg-rec ul li a:focus
{
	color: #000; /* link hover colour is register-receive menu */
}
/* END: Register-Receive styles */

/** 
 * Naturejobs box styles
 */
.nature-feed.box
{
    background: #fff; /* background colour for naturejobs box */
    border: 1px solid #e7e7e7; /* border style for naturejobs box */
}

.nature-feed.box h2.natjob
{
    background: #d8d8d8; /* background colour for naturejobs box heading */
}

.nature-feed.box ul.natjob li h3 a:link,
.nature-feed.box ul.natjob li h3 a:visited
{
	color: #677697; /* default colour for linked job title headings */
}

.nature-feed.box ul.natjob li h3 a:hover,
.nature-feed.box ul.natjob li h3 a:focus
{
	color: #c03; /* colour for linked job title headings in over state */
}

.nature-feed.box div.natjobmore
{
    border-top: 1px solid #cecfce;
}

.nature-feed.box div.natjobmore a:link,
.nature-feed.box div.natjobmore a:visited
{
	color: #677697; /* default link colour for "more jobs" link */
	background: url(/common/images/icons/next.gif) no-repeat left center; /* background image for "more jobs" link */
}

.nature-feed.box div.natjobmore a:hover,
.nature-feed.box div.natjobmore a:focus
{
	color: #c03; /* colour for "more jobs" link in over state */
    background-image: url(/common/images/icons/next_hover.gif); /* background image for "more jobs" link in over state */
}
/* END: Naturejobs box styles */

/** 
 * Natureproducts box styles
 */
#natprod.box
{
    background: #fff; /* background colour for nature products box */
    border: 1px solid #e7e7e7; /* border style for nature products box */
}

#natprod.box h2.natprod
{
    background: #d8d8d8; /* background colour for nature products box heading */
}
/* END: Natureproducts box styles */

/** 
 * Advert Styles
 *
 * Styles for adverts
 */
div.ad-rh
{
    background: #fff; /* background colour for skyscraper ads */
}

div.ad-rh p
{
	color: #cccccb; /* text colour for "Advertisement" above skyscraper */
}
/* END: Advert Styles */

/** 
 * Page Heading
 *
 * Styles for the main page heading
 * Has gradient background
 */
.page-heading h1
{
	color: #000; /* text colour */
	padding-top:0px;
	
}

.page-heading h1.series
{
	background: url(/nrclinonc/images/graphics/bg.icon.series.jpg) no-repeat left center; /* gradient background with icon built in (for article series homepage) */
}
/* END: Page Heading */

/** 
 * Default Box Styles
 *
 * Basic, default styles for content boxes
 */
#content div.box h2
{
	color: #384F6A; /* first level headin in boxes: text colour */
	border-bottom:1px solid #e3e3e3;
	font-size:130%;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:0px;
}

#content div.box h3
{
	color: #000; /* second level heading in boxes: text colour (by default, just bold black text) */
}

#content div.box h3.emphasize
{
	color: #384F6A; /* first level heading in boxes: text colour */
	border-bottom:1px solid #e3e3e3;
	font-size:130%;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:10px;
}

#content div.box h3 .label
{
	color: #8a8c9f; /* light grey "label" text for headings */
}

#content div.box a.pdf:link,
#content div.box a.pdf:visited,
#content div.box a.rss:link,
#content div.box a.rss.visited
{
	border: 1px solid #c1bfc1; /* pdf+rss links in coloured boxes: border style */
	color: #000; /* pdf+rss links in coloured boxes: text colour */
}

/* start: list styles */
/* start: default unordered list style (right arrow) */
#content div.box ul li
{
	background: url(/nrc/images/graphics/bullet.arrow-right.gif) no-repeat 0 0.5em; /* default list background image (purple right arrow) */
}
/* end: default unordered list style */

/* start: page link list style (down arrow) */
#content div.box ul.page-link-list li
{
	background: url(/nrc/images/graphics/bullet.arrow-down.gif) no-repeat 0 0.6em; /* background image for page anchor link list items (purple down arrow) */
}
/* end: page link list style */

/* start: no-page-link list style */
#content div.box ul.page-nolink-list li
{
	background: url(/nrc/images/graphics/bullet_no_link.gif) no-repeat 0 0.4em; /* background image for lists that are not "link lists" (diamond-shape bullet) */
}
/* end: no-page-link list style */

/* start: anchor list style (pink, floated boxes with down arrow: requires class="even" on alternate list items */
#content div.box ul.anchor-list li
{
	background: url(/nrc/images/graphics/bullet.arrow-down.gif) no-repeat 10px 50% #E0E9E9; /* (old #EFEFEF #E6E8E8) background image (purple down arrow) */
}
/* end: anchor list style */

/* start: conference list style */
#content div.box ol.conference-list h3
{
	color: #BD153B;
	border-bottom:1px solid #e3e3e3;
	font-size:130%;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:20px; /* styles for month headings within conference list */
}
/* end: conference list style */

/* start: faq list styles */
#content div.box dl.faq-list dt
{
	background: none;
	padding-left: 0;
}

#content div.box dl.faq-list dd
{
	background: none;
	padding-left: 0;
}
/* end: faq list styles */
/* end: list styles */

/* start: address and contact details styles */
#content div.box h3.address-type-heading,
#content div.box h4.address-type-heading,
#content div.box h5.address-type-heading,
#content div.box h6.address-type-heading
{
	color: #8a8c9f; /* address-type headings (telephone, fax etc) in contact details */
}
/* end: address and contact detail styles */
/* END: Default Box Styles */

/** 
 * Data Tables
 *
 * Styles for tables with class="data"
 */
table.data
{
	border: 1px solid #d0d0d0; /* border around table */
}

table.data caption
{
	border: 1px solid #d0d0d0; /* border for table caption (should be same as above) */
	font-weight:bold;
}

table.data thead tr
{
	background: #e7e6ec; /* default table row colour */
}

table.data tbody tr.even
{
	background: #f5f5f5; /* alternate row colour */
}

table.data tfoot tr
{
	border-top: 1px solid #d0d0d0; /* border at top of table foot (should be same colour as other table borders) */
}
/* END: Data Tables */

/** 
 * Article Styles
 */
#article #content div.box #cite
{
	color: #7c7c7c; /* colour for article citation text */
}

#article #content div.box #aug
{
	color: #8a8a8a; /* colour for author names text */
}

#article #content div.box h3,
#article #content div.box h4
{
	background: #fff; /* background colour for article subheadings */
}

/* start: figure styles */
#article #content div.box div.figure-table
{
	background: #f5f5f5; /* background colour for figure boxes */
	border: 1px solid #E0E0E0; /* border style for figure boxes */
}

#article #content div.box div.figure-table ul.options li.full,
#article #content div.box div.figure-table ul.options li.fti
{
	background: url(/reviews/images/icons/full_figure.gif) no-repeat left center; /* icon for "full table" and "figures-tables index" link */
}

#article #content div.box div.figure-table ul.options li.high-res
{
	background: url(/reviews/images/icons/highres.gif) no-repeat left center; /* icon for "high-resolution image" link */
}

#article #content div.box div.figure-table ul.options li.powerpoint
{
	background: url(/reviews/images/icons/ppt.gif) no-repeat left top; /* icon for powerpoint link */
}

#article #content div.box div.figure-table ul.options li.chemdraw
{
	background: url(/nrc/images/graphics/icon.16x16.chemdraw.gif) no-repeat left top; /* icon for chemdraw link */
}
/* end: figure styles */

/* start: article navigation styles */
#article #extranav #articlenav
{
	background: #fff; /* background colour for article nav */
	border: 1px solid #e7e7e7; /* border style for article nav */
}

#article #extranav #articlenav h2
{
	color: #000; /* text colour for article nav headings */
	background: #DBE0E3; /* background colour for article nav headings */
}

#article #extranav #articlenav ul.view-tools
{
	border-top: 1px solid #d8d8d8; /* border above links to "At a glance" etc in article nav */
}

#article #extranav #articlenav ul li
{
	background: url(/nrc/images/graphics/bullet.arrow-down.gif) no-repeat 5px 50%; /* background image for article nav links (purple down arrow) */
}

#article #extranav #articlenav ul.view-tools li
{
	background: url(/nrc/images/graphics/bullet.arrow-right.gif)
 no-repeat 5px 0.6em; /* background image for "at a glance" links etc (purple right arrow) */
}

#article #extranav #articlenav ul li.download-pdf
{
	background: url(/reviews/images/icons/pdf.gif) no-repeat 5px 0; /* article nav pdf icon */
}

#article #extranav #articlenav ul li.sendtofriend
{
	background: url(/reviews/images/icons/send.gif) no-repeat 5px 0.5em; /* article nav send-to-friend icon */
}

#article #extranav #articlenav ul li.export
{
	background: url(/reviews/images/icons/export.gif) no-repeat 5px 0; /* article nav export citation/references icon */
}

#article #extranav #articlenav ul li.permissions
{
	background: url(/reviews/images/icons/reprints.gif) no-repeat 5px 0; /* article nav reprints and permissions icon */
}

#article #extranav #articlenav ul li.commercial_reprints
{
	background: url(/reviews/images/icons/ocr.gif) no-repeat 5px 0; /* article nav commercial reprints icon */
}

#article #extranav #articlenav ul li.save
{
	background: url(/reviews/images/icons/savelink.gif) no-repeat 5px 0; /* article nav "save this link" icon */
}

#article #extranav #articlenav ul li.toc
{
	background: url(/reviews/images/icons/toc.gif) no-repeat 5px 50%; /* article nav "table of contents" icon */
}

#article #extranav #articlenav ul li.prev
{
	background: url(/common/images/icons/back.gif) no-repeat 5px 50%; /* article nav next icon */
}

#article #extranav #articlenav ul li.next
{
	background: url(/common/images/icons/next.gif) no-repeat 5px 50%; /* article nav previous icon */
}
/* end: article navigation styles */

/* begin: search pubmed box styles */
#article #extranav #search-pubmed
{
	background: #fff; /* background colour for pubmed box */
	border: 1px solid #e7e7e7; /* border style for pubmed box */
}

#article #extranav #search-pubmed h2
{
	color: #000; /* text colour for pubmed box heading */
	background: #d8d8d8; /* background colour for pubmed box heading */
}

#article #extranav #search-pubmed li
{
	background: url(/nrc/images/graphics/bullet.arrow-right.gif) no-repeat 5px 0.5em; /* default list bullet (next to author names) in pubmed box (purple right arrow) */
}

#article #extranav #search-pubmed li.more
{
    border-top: 1px solid #cecfce; /* border above "more authors of this article" link in pubmed box */
}

#article #extranav #search-pubmed li.more a:link,
#article #extranav #search-pubmed li.more a:visited
{
	color: #684A94; /* text colour on "more authors of this article" link */
	background: url(/common/images/icons/next.gif) no-repeat left center; /* arrow icon on "more authors of this article" link */
}

#article #extranav #search-pubmed li.more a:hover,
#article #extranav #search-pubmed li.more a:focus
{
	color: #c03; /* text colour for "more authors of this article" link on over state */
    background-image: url(/common/images/icons/next_hover.gif); /* arrow icon for "more authors of this article" link on over state */
}
/* end: search pubmed box styles */

/* start: poster styles */
#article #content div.box.poster img.poster-graphic
{
	border: 1px solid #ccc; /* border style for preview image on poster page */
}
/* end: poster styles */
/* END: Article Styles */

/** 
 * Article related page styles
 */
#article-related div.box .container-cite h2.note
{
	color: #8a8a8a; /* colour for the "From the following article" heading */
}

#article-related div.box .container-cite p.journal,
#article-related div.box .container-cite p.doi
{
	color: #7c7c7c; /* colour for journal / doi text */
}

#article-related div.box .container-image
{
	border: 1px solid #E0E0E0; /* border for image container */
	background: #f5f5f5; /* background for image container */
}

#article-related div.box .container-image-text
{
	border: 1px solid #E0E0E0; /* border for text container */
	background: #f5f5f5; /* background for text container */
}

/* start: styles for new figure-table navigation */
#article-related div.ar-navigation ul li.back
{
	background: url(/nrc/images/graphics/bullet.arrow-left.gif)
 no-repeat left center; /* left arrow for "back to article" links */
}

#article-related div.ar-navigation ul li.next
{
	background: url(/nrc/images/graphics/bullet.arrow-right.gif)
 no-repeat right center; /* right arrow for next figure/table links */
}

#article-related div.ar-navigation ul li.down
{
	background: url(/nrc/images/graphics/bullet.arrow-down.gif) no-repeat left center; /* down arrow for page anchor links */
}
/* end: styles for new figure-table navigation */

/* start: figure-table index */
#article-related div.container-figtab
{
	border-left: 1px solid #E0E0E0; /* border style for figures/tables container */
	border-right: 1px solid #E0E0E0; /* border style for figures/tables container */
	background: #f5f5f5; /* background colour for figures/table container */
}

#article-related div.container-figtab.first
{
	border-top: 1px solid #E0E0E0; /* border-top for first fig-tab container */
}

#article-related div.container-figtab.last
{
	border-bottom: 1px solid #E0E0E0; /* border-bottom for last fig-tab container */
}

#article-related div.container-figtab div.container-image a img
{
	border: 1px solid #ccc; /* border stlye for fig-tab image */
}

#article-related div.container-figtab ul.options li.full,
#article-related div.container-image-text ul.options li.full
{
	background: url(/reviews/images/icons/full_figure.gif) no-repeat left top; /* "full-figure" icon */
}

#article-related div.container-figtab ul.options li.powerpoint,
#article-related div.container-image-text ul.options li.powerpoint
{
	background: url(/reviews/images/icons/ppt.gif) no-repeat left top; /* powerpoint icon */
}

#article-related div.container-figtab ul.options li.chemdraw,
#article-related div.container-image-text ul.options li.chemdraw
{
	background: url(/nrc/images/graphics/icon.16x16.chemdraw.gif) no-repeat left top; /* chemdraw icon */
}
/* end: figure-table index */

/* start: data tables */
#article-related div.box .container-table,
#article-related div.box .container-image-box
{
	border: 1px solid #E0E0E0; /* border for table container div */
	background: #f5f5f5; /* background for table container div */
}

#article-related table.data
{
	border-top: 1px solid #E0E0E0; /* border-top on article-related data tables */
	border-left: 1px solid #d0d0d0; /* left border on article-related data tables */
}

#article-related table.data thead th
{
	background: #CEDBDE; /* background colour for table-head cells in table head */
	border-bottom: 1px solid #D0D0D0; /* border colour for the same */
	border-right: 1px solid #fff; /* achieves 1px spacing between cells */
}

#article-related table.data thead th.last
{
	border-right-color: #E7E7E7; /* right border on last table head cell */
	border-bottom-color: #E7E7E7; /* bottom border on last table head cell */
}

#article-related table.data tfoot td
{
	background: #fff; /* background colour on table foot cell */
	border-bottom: 1px solid #E7E7E7; /* bottom border on the same */
	border-right: 1px solid #fff; /* right border on the same - achieves 1px spacing between cells */
}

#article-related table.data tfoot td.last
{
	border-right-color: #E7E7E7; /* right border on last table foot cell */
}

#article-related table.data tbody tr,
#article-related table.data tbody tr.odd
{
	background: #f5f5f5; /* background on all table rows (article related data tables have no 'zebra stripes') */
}

#article-related table.data tbody th
{
	background: #fff; /* background colour for heading cells in table body */
	border-bottom: 1px solid #E7E7E7; /* bottom border for the same */
	border-right: 1px solid #fff; /* achieves 1px spacing between cells */
}

#article-related table.data tbody th.last
{
	border-right-color: #E7E7E7; /* makes right border coloured on last heading cell in table body */
}

#article-related table.data tbody td
{
	border-bottom: 1px solid #E7E7E7; /* bottom border on standard table cell */
	border-right: 1px solid #fff; /* achieves 1px spacing between cells */
}

#article-related table.data tbody td.last
{
	border-right-color: #E7E7E7; /* makes right border coloured on last table cell in row */
	border-bottom-color: #E7E7E7;
}
/* end: data tables */

/* start: send-to-friend */
#article-related div.box div.container-sendfriend
{
	border: 1px solid #e7e7e7; /* border style on send-to-friend container div */
	background: #f5f5f5; /* background colour on the same */
}

#article-related div.box div.container-sendfriend p.essential
{
	color: #999; /* colour for "Required Field" label */
}

#article-related div.box div.container-sendfriend input.friend
{
	background: #CEDBDE; /* submit button background colour */
	border-top: 1px solid #fff; /* border-top colour for same */
	border-left: 1px solid #fff; /* left border for the same */
	border-bottom: 1px solid #8CAEB5; /* bottom border for the same */
	border-right: 1px solid #8CAEB5; /* right border for the same */
}
/* end: send-to-friend */

/* start: supplementary info */
#article-related div.container-supplementary
{
	border: 1px solid #e7e7e7;
	background: #f5f5f5;
}

/* start: browser plugins */
#article-related #browser-plugins
{
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
}

#article-related #browser-plugins h2
{
	background: transparent;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: none;
	color: black;
	margin-bottom: 10px;
	
}
/* end: browser plugins */
/* end: supplementary info */
/* END: Article related page styles */


/** 
 * ToC Styles
 */
/* start: issue details styles */
#toc #content div.issue div.details h2
{
	border-bottom: 1px solid #e3e3e3; /* border colour on heading with month / volume / issue details */
}

#toc #content div.issue div.cover-navigation p.previous-issue
{
	background: url(/nrc/images/graphics/bullet.arrow-left.gif)
 no-repeat 3px 50% #E9DDD6; /* arrow bullet on "previous issue" link above front cover */
}

#toc #content div.issue div.cover-navigation img.journal-cover
{
	border: 1px solid #cfd0cf; /* border around cover image */
}

#toc #content div.issue div.cover-navigation p.about-cover
{
	background: url(/nrc/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to "about cover" link */
}
/* end: issue details styles */

/* start: "default" section style (with just straight articles) */
#toc #content div.section h3
{
	color: #000; /* text colour on toc section headings */
	border-bottom:1px solid #e3e3e3;
	font-size:130%;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:0px;
}

#toc #content div.section p.date
{
	color: #8a8c9f; /* text colour for "published online: " / date text */
}

#toc #content div.section p.page,
#toc #content div.section p.doi
{
	color: #8a8c9f; /* text colour for page number / doi text */
}

#toc #content div.section ul.article-views li
{
	border-left: 1px solid #000; /* colour of vertical bar between "full text | PDF" links */
}

#toc #content div.section ul.article-views li.first
{
	background: url(/nrc/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to first item in "full text | PDF" links */
}

#toc #content div.section p.see-also
{
	background: url(/nrc/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to "see also" links */
}
/* end: "default" section style */

/* start: article-type section style (where articles are super-headed by an article type) */
#toc #content div.section div.type h4,
#toc #content div.focus div.section div.type h5,
#toc #content div.section div.series div.type h5
{
	color: #999; /* text colour for article type headings */
}
/* end: article-type section style */

/* start: topic section style (where articles are super-headed by a topic heading) */
#toc #content div.section div.topic h4 span.label
{
	background-color: #fff; /* background colour on topic labels */
}

#toc #content div.section div.topic h4 span.focus
{
	background: url(/nrc/images/graphics/icon.focus-article.gif) no-repeat right center; /* focus icon when it appears after a topic label (HR might want to get rid of this style so that focus always appears in focus section (see below) - as do I!) */
}
/* end: topic section style */

/* start: focus section style */
#toc #content div.focus h3
{
	color: #fff; /* text colour for focus section heading */
	background: #677697; /* background colour for the same */
	border-bottom: 1px solid #fff; /* creates 1px spacing below header */
}

#toc #content div.focus h3 a:link,
#toc #content div.focus h3 a:visited
{
	color: #fff; /* text colour for linked focus section heading */
}

#toc #content div.focus h3 a:hover,
#toc #content div.focus h3 a:focus
{
	color: #e7e6ec; /* hover text colour for linked focus section heading */
}

#toc #content div.focus h3 span.focus
{
	background: url(/nrclinonc/images/graphics/icon.focus.gif) no-repeat left center; /* focus icon in focus section heading */
}

#toc #content div.focus div.section
{
	border: 1px solid #d8d8d8; /* border around section in focus */
	border-top: 0; /* eradicate top border, 'cos we don't want it */
}

#toc #content div.focus div.section h4
{
	/*background: url(/nrc/images/graphics/bg.6x1.toc.gif) repeat-y left top #E0E9E9; /* section heading background colour and coloured block graphic (on left) within focus */
	background-color: #E0E9E9;
	border-bottom: 1px solid #d8d8d8; /* bottom border for the same */
}

#toc #content div.section div.series h4,
#toc #content div.focus div.section div.series h5
{
	color: #f00; /* text colour for the"Article series" heading within focus section */
}

#toc #content div.section div.series h4 span.series,
#toc #content div.focus div.section div.series h5 span.series
{
	background: url(/nrclinonc/images/graphics/icon.series-article.gif) no-repeat left center; /* series icon within series heading when within focus */
}
/* end: focus section style */

/* start: orphaned articles section style */
#toc #content div.section.orphan div.type
{
	border: 1px solid #d8d8d8; /* border colour around orphaned articles (e.g. Correspondence) */
}
/* end: orphaned article section style */

/* start: calendar lists */
#toc #content div.archive-calendar
{
	border: 1px solid #e7e7e7;
	border-bottom: none;
	background: #f5f5f5;

}

#toc #content div.archive-calendar h2
{
	
	border-bottom: none;
	color: #000;
	padding-left: 10px;
}

#toc #content div.archive-calendar ul li a:link,
#toc #content div.archive-calendar ul li a:visited
{
	color: #000; /* colour for YEARS in calendar list */
}

#toc #content div.archive-calendar ul ul li
{
	border-left: 1px solid #000; /* colour of vertical bar between months in calendar list */
}

#toc #content div.archive-calendar ul ul li a:link,
#toc #content div.archive-calendar ul ul li a:visited
{
	color: #677697; /* default link colour for MONTHS in calendar list */
}

#toc #content div.archive-calendar ul ul li a:hover,
#toc #content div.archive-calendar ul ul li a:focus
{
	color: #c03; /* hover link colour for MONTHS in calendar list */
}

/* start: archive category results calendar list */
#toc #content #archiveMonths div.spacing
{
	border: 1px solid #e7e7e7; /* border around months in archive results calendar list */
	border-top: 0; /* eradicate top border! */
	padding-bottom: 0;
	background: #f5f5f5;
	margin-bottom: 2em;
}

#toc #content #archiveMonths ul li
{
	border-left: 1px solid #000; /* colour of vertical bars between months in archive results calendar list */
}

#toc #content #archiveMonths ul li.current-view
{
	color: #999; /* colour for "greyed-out" current item in archive results calendar list and archive views list */
}

#toc #content #archiveMonths ul li a:link,
#toc #content #archiveMonths ul li a:visited
{
	color: #677697; /* link colour in archive results calendar list */
}

#toc #content #archiveMonths ul li a:hover,
#toc #content #archiveMonths ul li a:focus
{
	color: #c03; /* hover link colour in archive results calendar list */
}
/* end: archive category results calendar list */
/* end: calendar lists */

/* start: current original research */
#toc #content #archiveArticles
{
	border: 1px solid #E7E7E7; /* border around archive results */
}

#toc #content #archiveArticles h3
{
	color: #fff; /* text colour for article heading in archive results (e.g. "October 2005 Original Research...") */
	background: #768BA6; /* background colour for the same */
}

#toc #content #archiveArticles div.spacing p.doi
{
	color: #8a8c9f; /* colour for doi on archive results */
}

#toc #content #archiveArticles div.spacing ul.article-views li
{
	border-left: 1px solid #000; /* colour of vertical bar between article views */
}

#toc #content #archiveArticles div.spacing ul.article-views li.first
{
	background: url(/nrc/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to first article view */
}
/* end: current original research */
/* END: ToC Styles */

/** 
 * Archive Styles
 */
/* start: archive view lists */
#archive #content div.archive-views
{
	border: 1px solid #e7e7e7; /* border around archive view list */
	background: #f5f5f5;
}

#archive #content div.subject h2
{
	border: 1px solid #e7e7e7; /* border around archive view list */
	background: #f5f5f5;
}

#archive #content div.archive-views h2
{
	color: #000;
	margin: 5px 0 5px 0;
}

/* (if you want to make the archive heading black)  #archive #issue h2.page 
{
	color: #000;
}*/

#archive #content div.archive-views ul li
{
	border-left: 1px solid #000; /* colour of vertical bar between archive view list items */
}

#archive #content div.archive-views ul li.current-view
{
	color: #999; /* "greyed out" colour for current view item */
}

#archive #content div.archive-views ul li a:link,
#archive #content div.archive-views ul li a:visited
{
	color: #677697; /* link colour for archive view list item links */
}

#archive #content div.archive-views ul li a:hover,
#archive #content div.archive-views ul li a:focus
{
	color: #c03; /* link hover colour for archive view list item links */
}
/* end: archive view lists */

/* start: issue archive box styles (NPhys style) */
#archive #content ul.vol div
{
	border: 1px solid #DBE0E3; /* border colour around issue boxes */
	background: #f4f7f8; /* issue box background */
	min-height: 131px; /* to correct wrapping problem */
}

#archive #content ul.vol .month
{
	background: #e4e8ea; /* background on issue month heading */
	border-bottom: 1px solid #DBE0E3; /* border bottom on the same */
}

#archive #content ul.vol .issue
{
	border-bottom: 1px solid #DBE0E3; /* border bottom beneath issue cover  */
}

#archive #content ul.vol .issue:hover
{
	background-color: #fff; /* hover colour (decent browsers only) on issue cover box */
}

#archive #content ul.vol .not-published .issue:hover
{
	background-color: #fafafa; /* hover colour on not yet published issue boxes */
}

#archive #content div.box ul.vol .issue-no
{
	border-bottom: 1px solid #DBE0E3;
}

#archive #content ul.vol .supname
{
	border-bottom: 1px solid #DBE0E3;
}

#archive #content ul.vol .not-published div
{
	background: #fafafa;
	color: #888;
}

#archive #content ul.vol .not-published .month
{
	background: #eee;
}
/* end: issue archive box styles */

/* start: web focus archive */
#archive #web-focuses h2.year
{
	background-color: #fff;
}

#archive #web-focuses div.supp img
{
	border: 1px solid #ccc;
}

#archive #web-focuses div.supp h4.atl span.updated
{
	color: #f00;
}

#archive #web-focuses div.supp p.date
{
	color: #999;
}

#archive #web-focuses div.supp p.support
{
	color: #999;
}
/* end: web focus archive */

/* start: posters archive */
#archive #posters div.supp.odd
{
	background: #f5f5f5;
}

#archive #posters div.supp h2
{
	border-bottom: none;
	text-transform: none;
}

#archive #posters div.supp img
{
	border: 1px solid #ccc;
}

#archive #posters div.supp p.description,
#archive #posters div.supp p.date
{
	color: #999;
}
/* end: posters archive */
/* END: Archive Styles */


/**
  * Subscribe Now Page
  *
  * Defines styles for page which displays when user attempts to access
  * full text of article without login and/or subscription.
  */
#subscribe-now #content div.container
{
	background-color: #f5f5f5;
	border: 1px solid #E7E7E7;
}

#subscribe-now #content .button
{
	color: #000;
	background: #CEDBDE;
	border: 1px solid #8CAEB5;
	border-left-color: #fff;
	border-top-color: #fff;
}

#subscribe-now #content div.container a.register
{
	color: #000;
	background: #CEDBDE;
	border: 1px solid #8CAEB5;
	border-left-color: #fff;
	border-top-color: #fff;
}
/* END: Subscribe Now Page */


/*
** 
 * Additional Styles
 *
 * These styles were all added after the separation of the original group.css
 * into site.css and group.css
 */
/* exported to site.css 2005-10-27 (need to forward to GM and SB */
#toc #content div.article p.correspondence
{
	color: #8a8c9f;
}

div.reg-rec ul.toc-pdf
{
    background: #fff; /* background colour for register-receive menu list */
}

div.reg-rec ul.toc-pdf a:link,
div.reg-rec ul.toc-pdf a:visited
{
    background: url(/reviews/images/printer.gif) 0 3px no-repeat;
}
/* end: export 2005-10-27 */

/* start: insert into toc styles: next-previous issue list */
#toc #content div.cover-navigation ul.prev-next
{
	padding: 0 5px;
}

#toc #content div.cover-navigation ul.prev-next li 
{
background-image: none;
}

#toc #content div.cover-navigation ul.prev-next li a:link,
#toc #content div.cover-navigation ul.prev-next li a:visited
{
	background: url(/nrc/images/graphics/bullet.arrow-left.gif) no-repeat left center;
}

#toc #content div.cover-navigation ul.prev-next li.next a:link,
#toc #content div.cover-navigation ul.prev-next li.next a:visited
{
	background: url(/nrc/images/graphics/bullet.arrow-right.gif) no-repeat right center;
}
/* end: insert into toc styles */

#toc #content #archiveMonths h2
{
	border: 1px solid #e7e7e7;
	background: #f5f5f5;
	color: #000;
	padding: 5px 0 0px  5px;
	margin-bottom: 0;
}
/* END: Additional Styles */

/** 
 * About the Cover
 */
#about-cover #content div.coverimage
{
	background-color: #f5f5f5;
	border: 1px solid #e7e7e7;
}

#about-cover #content div.coverimage img
{
	border: 1px solid #ccc;
	background: #fff;
}

#about-cover #content div.covertext
{
	background-color: #f5f5f5;
	border: 1px solid #e7e7e7;
}
/* END: About the Cover */

/* start: twenty questions */
#article #content div.box ol.twenty-questions ul li h6 a:link,
#article #content div.box ol.twenty-questions ul li h6 a:visited
{
	background: url(/nrc/images/graphics/icon.arrow.down.gif) no-repeat left center;
}
/* end: twenty questions */

/* start: web watch */
#article #content div.web-watch ul.web-watch-links
{
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
}
/* end: web watch */

/* start: disease watch */
#article #content div.disease-watch #articlebody div.item h3
{
	background: url(/nrc/images/graphics/bullet_no_link.gif) no-repeat left center;
}
/* end: disease watch */

/* start: additions to articles css */
#article #content div.box h2#atl
{
	color: #000;
	font-weight:bold;
	font-size:140%;
	text-transform:none;
	
}

#article #content div.box h2#atl span.label
{
	color: #8a8a8a;
	font-weight:bold;
	font-size:75%;
}



#article #content div.box p.focus,
#article #content div.box p.series
{
	color: #f00;
}

#article #content div.box p.focus
{
	background: url(/nrclinonc/images/graphics/icon.focus.sxtitle.gif) no-repeat left center;
}

#article #content div.box p.series
{
	background: url(/nrclinonc/images/graphics/icon.series-article.gif) no-repeat left center;
}

/* start: callouts */
#article #content blockquote.box
{
	border: 1px solid #ccc;
}

#article #content blockquote.box p.quote-source
{
	border-top: 1px solid #ccc;
}
/* end: callouts */

/* start: links box */
#article #content #links h5
{
	color: #8a8a8a;
}

#article #content #links ul li
{
	border-left: 1px solid #000;
}
/* end: links box */

/* start: references and links box */
#article #content #references-links h5
{
	color: #8a8a8a;
}

#article #content #references-links ol.references li ul.article-views li,
#article #content #References ol.references li ul.article-views li
{
	border-left: 1px solid #000;
}
/* end: references and links box */

/* start: previous-next list at end of article */
#article #content #prev-next ul.prev-next li.prev a:link,
#article #content #prev-next ul.prev-next li.prev a:visited
{
	background: url(/common/images/icons/back.gif) no-repeat left center;
}

#article #content #prev-next ul.prev-next li.prev a:hover,
#article #content #prev-next ul.prev-next li.prev a:focus
{
	background-image: url(/common/images/icons/back_hover.gif);
}

#article #content #prev-next ul.prev-next li.next a:link,
#article #content #prev-next ul.prev-next li.next a:visited
{
	background: url(/common/images/icons/next.gif) no-repeat right center;
}

#article #content #prev-next ul.prev-next li.next a:hover,
#article #content #prev-next ul.prev-next li.next a:focus
{
	background-image: url(/common/images/icons/next_hover.gif);
}
/* end: previous-next list at end of article */
/* end: additions to articles css */

/* start: homepage */
#home #content div.details div.featured-article
{
	border: 1px solid #E7EBEF;
}

#home #content div.details div.goto
{
	background: #f5f5f5;
}

#home #content div.cover-navigation img.journal-cover
{
	border: 1px solid #cfd0cf;
}

#home #content div.box-item
{
	border: 1px solid #E7EBEF;
}

#home #content h2
{
 text-transform: none;
}

#home #content div.box-item h3
{
	color: #fff;
	background: #768BA6
}

#home #content div.box-item h4
{
 background: url(/nrclinonc/images/graphics/icon.arrow.right.gif) no-repeat 5px 50% #EFF2F7;
 border-bottom: 1px solid #DEDFE1;
}

#home #content div.box-item h4 a:link,
#home #content div.box-item h4 a:visited
{
	color: #000;
}

#home #content div.box-item h4 a:hover,
#home #content div.box-item h4 a:focus
{
	color: #000;
}

#home #content div.box-item img.illustration
{
	border: 1px solid #cfcecf;
}

#home #content div.box-item ul.more-in-field li h4 a:link,
#home #content div.box-item ul.more-in-field li h4 a:visited,
#home #content div.box-item div.illustrated h4 a:link,
#home #content div.box-item div.illustrated h4 a:visited
{
	color: #677697;
}

#home #content div.box-item ul.more-in-field li h4 a:hover,
#home #content div.box-item ul.more-in-field li h4 a:focus,
#home #content div.box-item div.illustrated h4 a:hover,
#home #content div.box-item div.illustrated h4 a:focus
{
	color: #c03;
}

#home #content p.fn
{
	color: #b4b4b4;
}
/* end: homepage */

/* addition to article-related for pubmed-more */
#article-related div.box .container-more
{
	border: 1px solid #e7e7e7; /* border for image container */
	background: #f5f5f5; /* background for image container */
}

#article-related div.box h2.from
{
	color: #8a8a8a; /* colour for the "From the following article" heading */
}

#article-related div.box p.sent-to,
#article-related div.box p.with
{
	color: #8a8a8a;
}
/* end adddition to article-related */

/* start: addition of article-views list to articlebody */
#article #content #articlebody ul.article-views li
{
	border-left: 1px solid #000;
}
/* end: addition of article-views list to articlebody */

/* start: addition to articlenav for site.css */
#article #extranav #articlenav ul li.fulltext
{
	background: url(/reviews/images/icons/toc.gif) no-repeat 5px 0.25em; /* article nav send-to-friend icon */
}
/* end: addition to articlenav for site.css */



/** 
 * Advert styles
 *
 * The white background for the leaderboard overwrites styles set in main.css
 * for the header. The rules which set this white background can therefore be
 * found in the Header styles section above
 */
div.ad-rh.marketing
{
    background: #fff;
    border: 1px solid #e7e7e7;
}

div.ad-rh.marketing form input, #sample #form1 .button
{
	color: #fff; /* text colour of button */
	background: #33619D;  /* main bg colour: was #007C88, then db1a21*/
	border: 2px solid #000; /* border colour right and bottom */
	border-top-color: #ccc; /* border colour top: was  #C8D9DB*/
	border-left-color: #ccc; /* border colour bottom: was #C8D9DB*/
}


* html div.marketing
{
    background: #fff !important; /* rule to resolve IE specificity error: set color to same as div.reg-rec above */
}

div.ad-rh.marketing h2
{
	color: #000;
	background: #d8d8d8;
}

div.ad-rh.marketing p,
* html div.ad-rh.marketing p
{
	color: #000;
}



div.ad-rh
{
    background: #fff; /* background colour for skyscraper ads */
}

div.ad-rh p
{
	color: #cccccb; /* text colour for "Advertisement" above skyscraper */
}
/* END: Advert styles */


/** 
* sponsor box styles - added 21 Aug 2007 by Deborah Anthony
*/

div.ad-rh.marketing
{
    background: #fff;
    border: 1px solid #e7e7e7;
	text-align: center;
}

div.ad-rh.marketing h1
{
	text-align: left;
	color: #000;
	background: #C8D9DB;
	padding: 3px 5px;
	margin: 0 0 1em 0;
	font-size: 100%;
}

/* END: sponsor box styles */


/*----------- */
/*--TOP TEN--*/
/*----------*/
#toc #content ol.topten div.article ul.article-views li.first 

{

background-color: transparent;

background-image: url(/nrc/images/graphics/bullet.arrow-right.image.gif);

background-repeat: no-repeat;

background-attachment: scroll;

background-x-position: left;

background-y-position: center;

}


#toc #content ol.topten ul.article-views li.first {
background:transparent url(/nrc/images/graphics/bullet.arrow-right.image.gif) no-repeat scroll left center;
}


#toc #content ol.topten ul.article-views
{
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	list-style-type: none;
}

#toc #content ol.topten ul.article-views:after
{
	content: url(/common/images/clear.gif);
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #toc #content ol.topten ul.article-views
{
	height: 1%;
}
/* End hide from IE-mac */

#toc #content ol.topten ul.article-views li
{
	float: left;
	line-height: 100%;
	min-height: 12px;
	background-image: none;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0.5em;
	min-height: 12px;
}

#toc #content ol.topten ul.article-views li.first
{
	margin-left: 0;
	padding-left: 18px;
	border-left: 0;
}

#toc #content ol.topten ul.article-views li.pdf
{
	font-weight: bold;
}

/*Overwrites for top ten from site.css */

#toc #content  div.spacing  ol.topten ul.article-views li
{
	border-left: 1px solid #000; /* colour of vertical bar between article views */
}

#toc #content  div.spacing ol.topten ul.article-views li.first
{
	background: url(/nrc/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to first article view */
}

/* This was added because I was close to suicide over not being able to figure out why the titles were grey and not black. Now they're black*/
#toc #content ol.topten h5.atl {
	color:#000;
	text-transform: none;
	margin-top: 0;
	}

#toc #content ol.topten h4, #toc #content ol.topten h5, #toc #content ol.topten h5 {
color:#999999;
}
#toc #content ol.topten h4, #toc #content ol.topten h5, #toc #content ol.topten h5 {
font-size:110%;
margin:0pt;
text-transform:uppercase;
}
#toc #content ol.topten h4, #toc #content ol.topten h5, #toc #content ol.topten h6 {
margin-top:0.5em;
}

/*overwrite from site.css */
#toc #content ol.topten p.date {
color:#8A8C9F;
}



#toc #content ol.topten p.page, #toc #content div.section p.doi {
color:#8A8C9F;
}

#toc #content ol.topten p.page, #toc #content div.section p.doi {
font-size:110%;
line-height:150%;
margin:0pt 0pt 0.5em;
}
#toc #content ol.topten p.aug {
font-size:110%;
font-style:italic;
line-height:150%;
margin:0pt;
}

#content div.box address {
	margin:0;
}
#content div.box h6.address-type-heading {
	margin: 1em 0 0;
}

/* for access pages */
body#access .toolsmenu .title {
	background: #768BA6;
}