/* site css for BJC website */


/* general width overrides for BJC only */
#content-journalnav { width: 76%; }
#author-index #content-journalnav, #keyword-index #content-journalnav { width: 100%; }
#content { width: 71%; }
#journalnav { width: 26%; }
#extranav { width: 21%; }

.no-left-nav #content { width: 100%; }
#article-related #content { width: 100%; }
#author-index #content, #keyword-index #content { width: 78%; }

#author-index #journalnav, #keyword-index #journalnav  { width: 19.7%; }
.no-left-nav #journalnav { display: none; }


#author-index #content p, #keyword-index #content p { font-size: 90%; }
/* ========================================== */
/* = Coloured icons for user-services links = */
/* ========================================== */
#hdr .user-services .li1 a {background-image: url(/common/includes/header/images/icons/01/icon_account_navy.gif);}
#hdr .user-services .li2 a {background-image: url(/common/includes/header/images/icons/01/icon_submit_navy.gif);}
#hdr .user-services .li3 a {background-image: url(/common/includes/header/images/icons/01/icon_register_navy.gif);}
#hdr .user-services .li4 a {background-image: url(/common/includes/header/images/icons/01/icon_subscribe_navy.gif);}

#hdr .user-services .us-link a:link, #hdr .user-services .us-link a:visited {
	color:#233678 /* sets the link color for the header nav */
}
#hdr .user-services .us-link a:hover {color:#CC0033}
/*#ftr #footer-copyright p.logo { display: none;}*/

/*sitewide link colors*/
a:link {color:#213e9a;}
a:visited {color:#213e9a;}
a:hover {color:#cc0033;}
/*end sitewide link colors*/


.journal-nav {
	display: block;
	margin-bottom: 20px;
}

.journal-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:left;
}

.journal-nav ul li {
	background-color: #EAEAEA;
	border-bottom: 1px solid #FFF;
	margin:0;
}

map.journal-nav ul li { background-color:#F5F3F4; }

map.journal-nav ul li a:hover, map.journal-nav ul li a.on, map.journal-nav ul li a.on:visited,
map.journal-nav ul li ul.subnav li.on, map.journal-nav ul li ul.subnav a:hover,
h2.society-resources, ul.society-resources a:hover, h1.page,  #toc #extranav div.change-issue h2, #aop #extranav div.change-issue h2, #toc-001 #extranav div.change-issue h2,
#info #content th.prices-head-first, #info #content th.prices-head, #topten #content h2,
#archive #content h2, #article-related #journal-header, body#access .toolsmenu .title { background: #0d2e98 url(/bjc/images/header_bg.gif) repeat-x 0 0; }


div.ad-rh p {
    color: #999999;
    font-size: 80%;
    margin: 0;
}

div.ad-rh {
    text-align: center;
}



#article-related a.back-to-article:link, #article-related a.back-to-article:visited {
float:right;
clear:both;
font-weight:bold;
font-size:80%;
color:#fff;
background:#213e9a url(/bjc/images/header_bg.gif) repeat-x 0 0;
margin:10px 0;/* tb/lr */
padding:3px 1em;
text-decoration:none;
}

#article-related a.back-to-article:hover{ 
background:#5d56a6;
}

#article-related h2.figure-title{ 
margin:0pt;
}

#ftr #footer-links, #footer-links ul li a:visited, #ftr #footer-links ul li a:link, #ftr #footer-links ul li a:visited{
background:#213e9a;
}

#article-related div.prevnext {
border:1px solid #c4c4c4;
}


#article-related div.container-image, #article-related div.container-image-text {
background:#f6f6f9 none repeat scroll 0% 50%;
border-left:1px solid #d0cccc;
border-right:1px solid #d0cccc;
border-top:0px;
border-bottom:0px;
}


#article-related div.container-figtab {
background:#f6f6f9 none repeat scroll 0% 50%;
border-left:1px solid #d0cccc;
border-right:1px solid #d0cccc;
border-top:1px solid #d0cccc;
border-bottom:0px solid #d0cccc;
}

#articlenav h2 { 
background: #213e9a url(/bjc/images/header_bg.gif) repeat-x 0 0; 
padding:6px 0pt 6px 6px;
text-align:left;
}

#article #content h3, #toc #content h3, #aop #content h3, #info #content h2,
#author-index #content h2, #keyword-index #content h2, #author #content h1, #services #content h1, h2.section-heading, #toc #content h2.top-ten-date {
	background-color: #fff;
	border-bottom: 1px solid #E2E2E2;
	color: #2F3D70;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding: 6px 0 2px 0px;
	text-transform: none;
}

#toc #content h2.top-ten-date { border-bottom: 0}

#article #content div.figure-table {
background-color:#f6f6f9;
border: 1px solid #E2E2E2;
}

#article-related p.from {
margin: 10px 0px 0px 0px;
}

.author-a-z p, .keyword-a-z p{
	float: left;
	margin: 0;
	padding: 2px 10px 0 0;
}

a.backtotop:link, a.backtotop:visited {
	background: url(/common/images/arrow_blue_up.gif) no-repeat 0pt 0.6em;
	color: #213e9a;
}

map.journal-nav ul li ul.resources a:hover {background:#900608 url(/bjc/images/headernpg_bg.gif) repeat-x 0 0; }

#toc #content h4.area, #aop #content h4.area {color: #213e9a;}

#article #content #References ol {
	list-style-type: none;
	/* alternate values: 
	none
	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.)*/
}

/* leftnav highlighting */
.home .jn-home,
.issue .jn-issue,
.aop .jn-aop,
.about-aop .jn-aop .subnav .jn-about-aop,
.archive .jn-archive,
.digitaleditions .jn-digitaleditions,
.au-index .jn-au-index,
.key-index .jn-key-index,
.aims-scope .jn-aims-scope,
.editors .jn-editors,
.contacts .jn-contacts,
.web-focus .jn-web-focus,
.web-collect .jn-web-collect,
.supp .jn-supp,

.for-authors .jn-for-authors,
.submitting .jn-submitting,
.open .jn-open,

.services .jn-services,
.sample-copy .jn-sample-copy,
.subscribe .jn-subscribe,
.indexed-in .jn-indexed-in,
.purchase .jn-purchase,
.advertising .jn-advertising,
.press .jn-press
{background: #adb6d3 url(/bjc/images/header2_bg.gif) repeat-x 0 0;}

.home .jn-home a:link,
.home .jn-home a:visited,
.issue .jn-issue a:link,
.issue .jn-issue a:visited,
.aop .jn-aop a:link,
.aop .jn-aop a:visited,
.about-aop .jn-aop .subnav .jn-about-aop a:link,
.about-aop .jn-aop .subnav .jn-about-aop a:visited,
.archive .jn-archive a:link, 
.archive .jn-archive a:visited,
.digitaleditions .jn-digitaleditions a:link, 
.digitaleditions .jn-digitaleditions a:visited,
.au-index .jn-au-index a:link, 
.au-index .jn-au-index a:visited,
.key-index .jn-key-index a:link, 
.key-index .jn-key-index a:visited,
.aims-scope .jn-aims-scope a:link, 
.aims-scope .jn-aims-scope a:visited,
.editors .jn-editors a:link,
.editors .jn-editors a:visited,
.contacts .jn-contacts a:link,
.contacts .jn-contacts a:visited,
.web-focus .jn-web-focus a:link,
.web-focus .jn-web-focus a:visited,
.web-collect .jn-web-collect a:link,
.web-collect .jn-web-collect a:visited,
.supp .jn-supp a:link,
.supp .jn-supp a:visited,

.for-authors .jn-for-authors a:link,
.for-authors .jn-for-authors a:visited,
.submitting .jn-submitting a:link,
.submitting .jn-submitting a:visited,
.open .jn-open a:link,
.open .jn-open a:visited,

.services .jn-services a:link,
.services .jn-services a:visited,
.sample-copy .jn-sample-copy a:link,
.sample-copy .jn-sample-copy a:visited,
.subscribe .jn-subscribe a:link,
.subscribe .jn-subscribe a:visited,
.indexed-in .jn-indexed-in a:link,
.indexed-in .jn-indexed-in a:visited,
.purchase .jn-purchase a:link,
.purchase .jn-purchase a:visited,
.advertising .jn-advertising a:link,
.advertising .jn-advertising a:visited,
.press .jn-press a:link,
.press .jn-press a:visited
{ font-weight: bold; }

.aop .jn-aop .subnav a {color: #000;}

/* left-hand nav section title */
map.journal-nav ul li h2.section-title {
	background: #0d2e98 url(/bjc/images/header_bg.gif) repeat-x 0 0;
	border-bottom:1px solid #FFF;
	color: #FFF;
	display: block;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 6px 5px;
}

map.journal-nav ul li h2.cancer-section-title {
	background: #003399 url(/bjc/images/cancer_research_uk.jpg) no-repeat left top;
	font-size: 80%;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 47px;
	position: relative;
}

.cancer-section-titlewhite {
	background-color: #fff;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 0;
	text-align: left;
	width: 97%;
}

.cancer-section-titlewhite img { border: none; height: 52px;}
map.journal-nav .research-box { border: 1px solid #b8c6e3; }

map.journal-nav .research-box ul li,
map.journal-nav .research-box ul li a,
map.journal-nav .research-box ul li a:hover,
map.journal-nav .research-box ul li a:visited {
	background-color: #FFF;
	border-bottom: none;
	color: #32549e;
	padding: 4px 5px;
	text-decoration: none;
}

map.journal-nav ul.cancer-research li { padding: 0; }
map.journal-nav ul li h2.npg-resources { background:#900608 url(/bjc/images/headernpg_bg.gif) repeat-x 0 0; }

/* subnav background image */
/* this is required as the background-color above overrides the background: url in the main.css */
.about-aop .jn-aop .subnav .jn-about-aop a:link,
.about-aop .jn-aop .subnav .jn-about-aop a:visited
{background: url(/common/images/nav_dots1.gif) 11px 5px no-repeat;}

/* end subnav background image */
/* end leftnav highlighting */


/*                      -------------------------                    */
/*                      add new styles below here                    */
/*                      -------------------------                    */



/* 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: 80%;
	color: #213E9A;
	text-transform: uppercase;
	margin: 1em 0 -1em 0;
}

#toc #content div.container div, #aop #content div.container div {
border-bottom:none;
}

#toc #extranav div.change-issue h2, 
#aop #extranav div.change-issue h2, 
#toc-001 #extranav div.change-issue h2
 {
text-align:left;
padding:6px 0pt 6px 6px;
}

#aop #extranav div.change-issue {
	display:block;
	margin-bottom:20px;
}

#toc img.open-logo, #aop img.open-logo {
	height:35px;
	float:left;
	border:none;
	margin-top:0;
	margin-right:10px;
	background-repeat:no-repeat;	
}

#toc #content p.aopintro, #aop #content p.aopintro {
	font-weight: bold;
	font-size: 90%;
	margin-top: 1em;
	margin-right: 0pt;
	margin-bottom: 1em;
	margin-left: 0pt;
}

/* added in due to focus section and aop toc */

#toc-001 #extranav div.change-issue, #aop #extranav div.change-issue h2 {
	display:block;
	margin-bottom:20px;
}

#aop #extranav div.change-issue h2 {
	color: #fff;
	font-size: 70%;
	font-weight: bold;
	margin: 0;
	padding: 3px 0;
	text-align: center;
}

#toc-001 #extranav div.change-issue h2 {
	color: #fff;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 3px 0;
	text-align: center;
}

#toc-001 #extranav div.change-issue ul, #aop #extranav div.change-issue ul  {
	background-color: #EAEAEA;
	list-style-type: none;
	margin: 0;
	padding: 0 0 7px;
	text-align: left;
}

#toc-001 #extranav div.change-issue ul li, #aop #extranav div.change-issue ul li {
	background-color: #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
	margin: 0;
}

#toc-001 #extranav div.change-issue ul a.prev:link, #toc-001 #extranav div.change-issue ul a.prev:visited,
#aop #extranav div.change-issue ul a.prev:link, #aop #extranav div.change-issue ul a.prev:visited{
	background: url(/common/images/arrow_black_left.gif) no-repeat  5px 8px;
}

#toc-001 #extranav div.change-issue ul a:link, #toc-001 #extranav div.change-issue ul a:visited,
#aop #extranav div.change-issue ul a:link, #aop #extranav div.change-issue ul a:visited  {
	background: url(/common/images/arrow_black.gif) no-repeat  5px 8px;
	color: #000;
	display: block;
	font-size: 80%;
	margin: 0;
	padding: 3px 5px 3px 14px;
	text-decoration: none;
}

/* added in due to focus section */

#toc #extranav div.change-issue ul li, #aop #extranav div.change-issue ul li {
	background-color:#EAEAEA;
	border-bottom:1px solid #EAEAEA;
	margin:0pt;
}

map.journal-nav ul li a:hover, map.journal-nav ul li a.on, map.journal-nav ul li a.on:visited, map.journal-nav ul li ul.subnav li.on, map.journal-nav ul li ul.subnav a:hover, h2.society-resources, ul.society-resources a:hover, h1.page, #toc #extranav div.change-issue h2, #aop #extranav div.change-issue h2, #toc-001 #extranav div.change-issue h2, #topten #content h2, #archive #content h2, #article-related #journal-header {
	background:#0D2E98 url(/bjc/images/header_bg.gif) repeat-x 0;
}

/* Added for redesign by nick */
map.journal-nav ul li a, map.journal-nav ul li a:visited {
	display: block;
	font-weight: normal;
	padding: 4px 5px;
}

#home div.welcome-box, #info #links-box {
	background: #FFF url(/bjc/images/welcome_bg.gif) repeat-x top left;
	border: 1px solid #e2e2e2;
	padding: 15px;
	margin-bottom: 1em;
}

#info #links-box {
	margin-top: 10px;
	padding: 5px 15px 15px;
}

#info #content #links-box ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#info #content #links-box ul li {
	background: none;
	font-size: 100%;
	padding: 0;
}

#info #content #links-box ul li h2 { 
	background: none ;
	border-bottom: none;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 2px;
}

#info #content h2.date {
	font-size: 90%;
	font-weight: bold;
	margin: 10px 0;
}

#info #content h2.editors, #info #content h2.info {
	margin: 15px 0;
}

#info .press-release p.norm {
	font-size: 90%;
	margin:0;
}

#info .press-release-item p { font-size: 90%; }
#info #content h2.press-release { 
	font-weight: bold; 
	font-size: 90%;
	color: #000;
	margin: 10px 0;
	border-bottom:0;
}

.pr-links { margin-top: 30px !important;}

#info #content table.price tr.header th, #info #content table.price tr.header td, #info #content table.price th {
	background: #adb6d3 url(/bjc/images/header2_bg.gif) repeat-x 0 0;
}

#info #content table.price td, #info #content table.price th.submit {
	background: #FFF url(/bjc/images/welcome_bg.gif) repeat-x top left;
	border-right: 2px solid #e2e2e2;
	border-bottom: 2px solid #e2e2e2;
}

#info #content table.price tr.header td {
	background: #FFF;
	border: 0;
}

#info #content #links-box ul li ul { padding-left: 15px; }

#info #content ul.indexed {
	list-style-type:none;
	padding-left: 0;
	margin-left: 0;
}

#home div.welcome-text {
	padding-left: 150px;
	position: relative;
}

#home div p.norm {
	font-size:90%;
	margin:1em 0pt;
}

#home div.focus-box {
	border: 2px solid #e2e2e2;
	padding: 15px;
	margin-bottom: 1em;
}

#home .welcome-box h1 {
	color: #2F3D70;
	font-size: 140%;
	font-family: arial,Helvetica,sans-serif;
	margin: 0;
	font-weight: normal;
}

#home .welcome-box h2 {
	color: #2F3D70;
	font-size: 80%;
	font-weight: normal;
	margin: 0.5em 0;
}


#home div.welcome-box p { font-size: 80% }


#home div.journal-details a {
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	font-weight: bold;
	padding-top: 192px;
	width: 139px;
}

#home div.journal-details p {
	font-size: 100%;
	margin: 0.25em 0 0 0;
}

#home div.journal-details p.date { font-weight: bold; }

/* featured article include styles */

ul.featured-articles {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.featured-articles h2 {
	border-bottom: 1px solid #e2e2e2;
	color: #2F3D70;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
	padding-bottom: 2px;
}

ul.articles {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.articles li {
	float: left;
	margin: 10px 0;
	min-height: 50px;
	padding: 0 0 0 55px;
	position: relative;
	width: 85%;
}

.articles h3 {
	font-size: 80%;
	margin: 0;
	background: #FFF url(/bjc/images/arrow_right_blue.gif) no-repeat 0 4px;
	display: block;
	padding-left: 8px;
}

.articles .list-image {
	border: none;
	left: 0;
	padding-bottom: 6px;
	position: absolute;
	top: 0;
}

.articles h3 a { text-decoration: none; }

/* end featured article include styles */


h1.page-header {
	border-bottom: none;
	color: #a1a1a3;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 0;
	padding-bottom: 0;
}

h1.page-title, #info #content h1.page-header {
	border-bottom: 1px solid #e2e2e2;
	color: #2F3D70;
	font-size: 140%;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 2px;
	padding-top: 0px;
}


#article #content #cite { margin: 2px 0 }

/* override styles for article right hand nav */
#breadcrumb div {
	background: none;
	font-size: 110%;
	padding-bottom: 0.5em;
	padding-left: 0px;
}

#articlenav div.prevnext { background:#e3e7f4 none repeat 0% 50%; }
#articlenav ul { background-color:#e3e7f4; }
#articlenav a.toc:link, #articlenav a.toc:visited, #articlenav a.toc:hover { 
	background:#e3e7f4 repeat 0%;}
#articlenav ul li {
	background-color: #e3e7f4;
	border-bottom: 1px solid #e3e7f4;
}
/* override styles for article right hand nav */
#extranav p.date {
	font-size: 80%;
	margin: 0 0 5px;
	padding: 0;
}

/* archive */
#journal-archive #content h3 { border-bottom: none; }
#journal-archive #content ul { background: none; }

#journal-archive #content #archive {
	margin: 0;
	padding: 0;
}

#archive .heading {
	font-size: 115%;
	margin-bottom: 0;
	margin-top: 0;
	padding: 1ex 0;
}

#archive .heading a {
	background: url(/bjc/images/bjc_down.gif) no-repeat 0 4px;
	padding-left: 15px;
}

/* PAP 22/10/08 style added to make FREE icon correct size on archive page */
#archive span.free {font-size:80%;}
/* end PAP 22/10/08 */

body.js-enabled #archive .archive-list {
	display: none;
}

#journal-archive #content ul.archive-list {
	list-style-type: none;
	margin: 10px 0 20px 10px;
	padding: 0;
}

#journal-archive #content li {
	list-style-image: none;
	list-style-type: none;
}

#journal-archive #content ul.archive-list h4 {
	color: #2F3D70;
	font-size: 90%;
	margin: 10px 0;
}

table.archive-month {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;	
	margin: 0;
	padding: 0;
}

table.archive-month thead tr th {
	background: #213e9a url(/bjc/images/header_bg.gif) repeat-x 0 0;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	padding: 5px 0 5px 0;

}

table.archive-month thead tr th h5,table.archive-month thead tr td h5 {
	font-size: 80%;
	margin: 0;
}

table.archive-month thead tr th.row-index h5 {
	padding: 0 10px 0 0;
	
}


table.archive-month tbody tr th, table.archive-month tbody tr td {
	text-align: center;
	background-color: #e3e7f3;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;	
	font-size: 80%;	
	margin: 0;
	width: 7%;
	padding: 5px 0 5px 0;
	
}

#journal-archive #content li a { font-size: 80%; }
#journal-archive #content table.archive-month tbody tr td a { font-size: 100%; }

table.archive-month thead tr th.row-index,
table.archive-month tbody tr th.row-index {
	border-left: none;
	text-align: left;
	margin: 0;
	padding: 0 0 0 5px;
	width: 7%;
}

table.archive-month tbody tr th.row-index h5 {
	font-size: 80%;
	margin: 0;
}

#article-related table.data tbody td {
	border-right:1px solid #999;
}


table.archive-month tbody tr th {
	font-weight: bold;
}

.supplements { margin: 10px 0 }

.supplements h5 {
	color: #213e9a;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.supplements p { margin: 0; }


/* archive box style - added by phil 2 July 2008 */

#home div.archive-box {
	border: 1px solid #e2e2e2;
	padding: 15px;
	margin-bottom: 1em;
}

#journal-archive #content div.archive-box {
	background: #FFF url(/bjc/images/welcome_bg.gif) repeat-x top left;
	border: 2px solid #e2e2e2;
	padding: 15px;
	margin: 1em 0 1em 0;
}

#journal-archive #content div.archive-box h2, #home div.archive-box h2 {	
	color: #2F3D70;
	font-size: 120%;
	font-weight: normal;
	margin: 0;
}

#journal-archive #content div.archive-box p, #home div.archive-box p {
	font-size: 80%;
	margin: 1em 0pt;
}

#journal-archive #content div.archive-box img {
	float: right;
	height: 31px;
	width: 88px;
	border: 0;
	margin: 0 2em 0 1em;
}


/* archive */

#bjc-open {
	float: right;
	margin: 0 0 10px 10px;
	padding-bottom: 0px !important;
}

#bjc-open-end { padding-bottom: 0 !important;; }
#bjc-open-end p {
	font-size: 80%;
	padding-left: 180px;
}

#bjc-open-left {
	float:left;
	margin: 0 10px 0 0;
	padding-bottom: 0px !important;
}

div.reg-rec a.recommend { border-top: none; }


/* added by glenns feb 26 2008*/

div.reg-rec a span.link { 
	text-decoration: none; 
}
div.reg-rec a, #extranav a.topten:link, #extranav a.topten:visited, #articlenav ul a:link, #articlenav ul a:visited, #articlenav div.prevnext, #toc #content p.links, #toc #extranav div.change-issue ul a:link, #toc #extranav div.change-issue ul a:visited, #aop #extranav div.change-issue ul a:link, #aop #extranav div.change-issue ul a:visited, #article #content #cite, #article #content p.prdates, #article #content p.caff, #article #affiliations-notes ol, #article #content #abs div.keyw-abbr p.keywords, #article #content div.figure-table a.full, #article #content div.figure-table a.ppt, #article #content div.figure-table p, #toc #content p.journal, #toc #content p.date   { 
	font-size: 80%; 
}


/* added by glenns */

#info #content ul {
	padding: 0 0 10px 20px;
}

div.reg-rec a.register {
border-top:0px;
}

ul.author-a-z, ul.author-a-z ul, ul.keyword-a-z, ul.keyword-a-z ul, ul.results-pagination, ul.results-pagination ul {
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0;
}

#author-index .author, #keyword-index .keyword  {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.author-a-z ul li, ul.keyword-a-z ul li {
	display: inline;
	font-size: 90%;
}

#author-search fieldset {
	border: none;
	font-size: 90%;
	margin: 10px 0 0;
	padding: 0;
}

#author-search .submit-button {
	background-color: #213e9a;
	border: none;
	color: #FFF;
	font-size: 90%;
	font-weight: bold;
	padding: 4px 5px;
}

#author-index .results-list, #keyword-index .results-list {
	border-bottom: 1px solid #ccc;
	padding-top: 15px;
}

#author-index .author li, #keyword-index .keyword li { margin-bottom: 20px; }

#author-index .author p, #keyword-index .keyword p {
	font-size: 90%;
	margin: 0;
}

#author-index .author p.author-name, #keyword-index .keyword p.keyword { 
	color: #213e9a; 
}
#author-index .author p.author-name, #author-index .author p.article, #keyword-index .keyword p.keyword, #keyword-index .keyword p.article{ font-weight: bold; }

.results-pagination  ul li {
	display: inline;
	font-size: 80%;
}

#author-index #content .results-pagination li p.results, #keyword-index #content .results-pagination li p.results {
	float: left;
	font-size: 80%;	
	font-weight: bold;
	margin: 0;
	padding: 3px 10px 0 0;
}

.results-pagination li.prev-next { font-weight: bold; }

.subsection-list {
	background: url(/bjc/images/article_subsections_bg.gif) repeat-x left top;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 5px;
}

.subsection-list li {
	background: url(/bjc/images/article_subsections.gif) no-repeat left 5px;
	display: inline;
	font-size: 80%;
}

.subsection-list li a {
	padding-left: 8px;
}

#article #content div#breadcrumb { padding-bottom: 0em; }
#article #content div.figure-table a.ppt { padding-bottom:2px; }
#home #content .impact { font-weight: bold; }

/*
-----------------------------------------------------------------------
ARTICLE BUTTONS
-----------------------------------------------------------------------
*/

#buttons {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#buttons li {
	background: #E4E2E7 url(/bjc/images/article_button_bg.gif) repeat-x left top;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #A1A1A1;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #A8A8A8;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}

#buttons li.left-margin { margin-left:5px ; }

#buttons li a {
	font-weight: bold;
	font-size: 70%;
	text-decoration: none;
	padding: 0.6em;
}

/*
-----------------------------------------------------------------------
MORE ARTICLES LIKE THIS SECTION
-----------------------------------------------------------------------
*/

#article #content #more-like-this {
	background:#EFF1F9;
	border:1px solid #CCCCCC;
	margin:25px 0;
	padding:10px;
}
	
#article #content #more-like-this h3 {
	background:transparent;
	border-bottom:none;
	color: #000;
	font-size: 90%;
	font-weight: bold;
	margin: 0;
	padding: 3px 0;
}

#article #content #more-like-this div.wrapper {
	margin-bottom:1.5em;
	padding:0;
}

#article #content #more-like-this p.explain {
	font-size:80%;
	margin:0 0 1.5em 0;
}

#article #content #more-like-this a.article {
	font-weight:bold;
	font-size:90%;
	display:block;
	margin:0;
}

#article #content #more-like-this p.journal {
	font-size:80%;
	margin:0;
	font-style:italic;
}
#article #content #more-like-this p.journal span {font-style:normal;}

#article #content #more-like-this h4.area {
	color:#000;
	font-weight:normal;
	font-size:80%;
	margin:0;
	padding-left:0;
	text-transform:uppercase;
	background-color:transparent;
}

#article #content #more-like-this a.allmatches:link,#article  #content #more-like-this a.allmatches:visited {
	color:#C03;
	font-size:80%;
	display:block;
	margin:0;
	padding:0 0 0 10px;
	background:url(/common/images/icons/c03/arrow_s.gif) no-repeat left center;
}

#article #content #more-like-this a.allmatches:hover {background:url(/common/images/icons/c03/arrow_s.gif) no-repeat left center;}

/*
-----------------------------------------------------------------------
AUTHORS
-----------------------------------------------------------------------
*/

#content #author h1 { margin-bottom: 30px; }

#content #author h2 {
	color: #2F3D70;
	font-size: 120%;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 0;
	border-bottom: 0;
}

#content #author .author-box {
	background: #F3F5FC;
	border: 1px solid #E2E2E2;
	margin-bottom: 20px;
	min-height: 93px;
}

#content #author .author-box div { padding: 10px 0 0 140px; }

#content #author .img {
	background-position : 10px 5px;
	background-repeat: no-repeat;
}

#content #author .submit { background-image: url(/bjc/images/submit.gif); }

#content #author .license { 
	background-image: url(/bjc/images/license.gif);
	min-height: 109px;
}
#content #author .open {
	background-position : 20px 15px;
	background-image: url(/bjc/images/bjc_open_author.gif);
}
#content #author .author-box p {
	font-size: 80%;
	margin: 0;
}

#content #author .author-box p a { font-weight: bold; }

/*
-----------------------------------------------------------------------
SERVICES
-----------------------------------------------------------------------
*/

#content #services {
	background: url(/bjc/images/services_mouse.gif) no-repeat right 34px;	
}

#content #services h1 { margin-bottom: 20px; }

#services p { 
	font-size: 80%;
	line-height: 1.6;
	margin-top: 0;
	padding-right: 160px;
}

#content #services #services-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#content #services #services-list li {
	background: url(/bjc/images/services_arrow.gif) no-repeat 0 7px;
	font-size: 80%;
	line-height: 1.6;
	padding-bottom: 10px;
}

#content #services #services-list li a {
	font-weight: bold;
	padding-left: 10px;
}

/*
-----------------------------------------------------------------------
TOP TEN
-----------------------------------------------------------------------
*/

#content .topten .atl {
	font-size: 90%;
	font-weight: bold;
	margin: 0;
}

#content .topten p.aug {
	font-size: 90%;
	margin: 0;
}

#content .topten p.journal, #content .topten p.date {
	font-size: 80%;
	margin: 0.2em 0;
}

#content .topten p.links {
	font-size: 80%;
	margin: 0;
}

/*
-----------------------------------------------------------------------
Focus styles
-----------------------------------------------------------------------
*/

#toc-001 .focus-title {
background:#0D2E98 url(/bjc/images/header_bg.gif) repeat-x 0;
}

#toc #content h2 {
margin-top:10px;
margin-bottom:10px
}

#toc div.focus-box {
    padding: 1em 0;
}

#toc div.focus-box h4 {
    color: #2F3D70;
    font-size: 120%;
    font-weight: normal;
    margin: 0;
}

#toc div.focus-box img {
    float: left;
    margin: 10px 12px 0 0;
    border: 1pt solid rgb(0, 0, 0);

}


#content h2.focus-title{
margin-top:0px;
margin-bottom:0px;
}

h1.page-title-focus {
border-bottom: 0px;
color:#2F3D70;
font-size:140%;
font-weight:normal;
margin:0pt;
padding-bottom:0px;
}


.padder img.spacer {
margin:5px 5px 5px 0pt;
}


/* replaced sup-title style to match new sup-box format, added 25/10/2011 by Phil */

#toc #content h2.sup-title {
	background: url("/bjc/images/header_bg.gif") repeat-x scroll 0 0 #0D2E98;
	color: #FFFFFF;
	font-size: 90%;
	margin-bottom: 0;
	margin-top: 20px;
	padding: 2px 5px;
}

.sup-box {
	background: none repeat scroll 0 0 #FDFDFD;
	border: 1px solid #E7E7E7;
	border-top: 0 none;
	padding: 4px 14px 14px 14px !important;
	margin: 0 0 20px;
}

.sup-box p {
	font-size: 90%;
	margin: 0;
	padding-top: 10px !important;
} 




/*
-----------------------------------------------------------------------

Additional Top 10 link
-----------------------------------------------------------------------
*/

 


#extranav a.topten2:link, #extranav a.topten2:visited, #extranav a.topten2:hover {
	background: url(/bjc/images/icon_topten2.gif) no-repeat left bottom;
	border-top: none;
	margin-top: 0;
	padding: 7px 0 2px 22px;
}

/*
-----------------------------------------------------------------------

see all citations link
-----------------------------------------------------------------------
*/

#cited a.allcitations {
background:transparent url(/bjc/images/services_arrow.gif) no-repeat  0px 5px;
font-size:80%;
padding-bottom:10px;
padding-top:0;
margin-top:0;
font-weight:bold;
padding-left:10px;
}


.cited-container {
	background: #F6F6F9;
	border: 1px solid #D0CCCC;
	clear: both;
	padding: 10px;
}

.cited-container li {
	font-size: 90%;
	margin: 0 10px 20px 40px;
}

.cited-container li p  { margin: 0; }

.cited-container li h3 {
	font-size: 100%;
	font-weight: normal;
	margin: 0;
}

/*
-----------------------------------------------------------------------
Nature Jobs & Products include
-----------------------------------------------------------------------
*/

.nature-feed.box, #natprod.box { padding: 0 0 15px; }

h2.natjob, h2.natprod {
	background: #0D2E98 url(/bjc/images/header_bg.gif) repeat-x 0 0;
	border-bottom: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
	padding: 6px 5px;
}

h2.natjob {
	color: #fff;
	font-size: 100%;
	margin: 0;
	padding: 3px 11px 4px;
}

.nature-feed.box h2.natjob, #natprod.box h2.natprod { font-size: 100%; }
h2.natjob span.first, h2.natprod span.first { color: #ccc; }
h2.natjob span.second, h2.natprod span.second { color: #fff; }

ul.natjob, div.natprodmore  { padding: 4px 9px; }
div.natjobmore { padding: 5px 0 5px 10px; }
ul.natjob h3 a:link, ul.natjob h3 a:visited , div.natjobmore a:link, div.natjobmore a:visited { color: #213E9A; }
div.natprodmore input.button { background-color: #213E9A; }

/*
-----------------------------------------------------------------------
Styles in Editor page
-----------------------------------------------------------------------
*/

#info #content ul.editors {
	list-style-type:none;
	margin-left:0pt;
	margin-top:0pt;
	padding-left:0pt;
	float: left;
}

#info #content ul.editors li {
	float:left;
	height:auto;
	margin:0pt;
	line-height:1.6;
	padding:0pt;
	width:49.5%;
}

#info #content ul.editors li ul {
	list-style-type:none;
	margin-left:0pt;
	padding-left:0pt;
}

#info #content ul.editors li ul li {
	width:99%;
}

#info #content h3.norm {
	font-size:90%;
	margin-bottom:0pt;
}

/*

/*
-----------------------------------------------------------------------
Styles in BJC Open pages
-----------------------------------------------------------------------
*/

#info #content p.open-test {
	text-align: center;
	font-size:140%;
}

#info #content #open-img {
	background: url(/bjc/open/images/bjc_open.gif) no-repeat left 20px;
	min-height: 55px;
}

#info #content #open-img-submit {
	background: url(/bjc/open/images/bjc_open.gif) no-repeat left 0;
	min-height: 40px;
}

/*

/*
-----------------------------------------------------------------------
Styles in BJC Society page
-----------------------------------------------------------------------
*/

#info #content p.society-reg {
	font-size:80%;
}

/*
-----------------------------------------------------------------------
Styles in BJC Online colour page
-----------------------------------------------------------------------
*/

#info #content table.colour th {
	background: #adb6d3;
	font-weight: bold;
	padding: 4px 10px 4px 10px;
}

#info #content table.colour td {
	background: #FFF url(/bjc/images/welcome_bg.gif) repeat-x top left;	
	padding: 4px 10px 4px 10px;
	border-bottom: 2px solid #e2e2e2;
	border-right: 2px solid #e2e2e2;
}

#info #content h2.colour {
	background: none ;
	border-bottom: none;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 15px 0 5px;
	color: #000;
}	

/*
-----------------------------------------------------------------------
NEW HOMEPAGE STYLES
-----------------------------------------------------------------------
*/

#home-new div.welcome-box {
	background: #FFF url(/bjc/images/welcome_bg2.gif) repeat-x top left;
	border: 1px solid #e2e2e2;
	padding: 10px 10px 0 10px;
	margin-bottom: 15px;
}
#home-new div.welcome-text {
	padding-left: 0;
}

#home-new div.contain-left {
	width: 48%; 
	float:left;
} 

#home-new div.contain-right {
	width: 48%; 
	float:right;
}

#home-new div p.norm {
	font-size:90%;
	margin:1em 0pt;
}


#home-new .welcome-box h1 {
	color: #2F3D70;
	font-size: 140%;
	font-family: arial,Helvetica,sans-serif;
	margin: 0 10px 0 0;
	font-weight: normal;
	float: left;
}

#home-new .welcome-box h2 {
	color: #2F3D70;
	font-size: 80%;
	font-weight: normal;
	margin: 7px 0 0;
	float: left;
	
}



#home-new div.welcome-box p, #home-new div.welcome-box ul li { font-size: 80% }

#home-new div.welcome-box ul {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
}

#home-new div.welcome-box ul.left {
	width: 46%;
	float:left;
	padding: 0 0 0 15px;
	
}

#home-new div.welcome-box ul.right {
	width: 46%;
	float: right;
	padding: 0 0 0 15px;
	
}

#home-new div.journal-details {
	float: none;
	font-size:70%;
	margin-bottom:1em;
	width:100%;
}


#home-new div.journal-details a {
	background-repeat: no-repeat;
	color: #000000;
	font-weight: bold;
	padding-left: 0;
	height: auto;
	width: auto;
}


#home-new div.section-box div.journal-details p {
	font-size: 100%;
	margin: 0.25em 0 0 0;
	
}

#home-new div.journal-details p.date { font-weight: bold; }

#home-new div.section-box {
	margin: 0 0 1em 0;
	padding: 5px;
	background: url("/bjc/images/bg_sectionbox.gif") repeat-x scroll 0 0 #FFFFFF;
	
}

#home-new div.cover {
	padding: 10px;
	border: 1px solid #e5e6ea;
	margin-bottom: 1.5em;
}

#home-new div.cover img {
	border: none;
	float: left;
	margin: 0 10px 0 0;
	max-width: 100px;
}




#home-new div.section-box h2 {
	color:#2F3D70;
	font-size:80%;
	margin:0 0 5px 0;
}


#home-new div.section-box h3 {
	color:#2F3D70;
	font-size:120%;
	font-weight:normal;
	margin:0;
}

#home-new div.section-box p {
	font-size:80%;
	margin:1em 0;
}

#home-new div.cover p {
	font-size: 70%;
	
}

#home-new div.cover p.impact {
	font-weight:bold;
	font-size: 80%;
}

#home-new .featured-articles ul {
	margin: 5px 0 0 0;
}

#home-new .articles li {
	width:auto;
}

#home-new div.section-box .articles h3 {
	background:url("/bjc/images/arrow_right_blue.gif") no-repeat scroll 0 4px #FFFFFF;
	display:block;
	font-size:80%;
	margin:0;
	padding-left:8px;
}

#home-new div.section-box .articles span.free {
	font-weight: bold;
}
#content .open-access{
	font-weight: bold;
	color: #CC0033;
    text-decoration: none;
    font-style: italic;
    text-transform: capitalize;
    font-family: inherit;
    font-size: inherit;
}
/*sub heading styling in the toc REMOVED*/

#toc #content h4.artsubhead{
    color: #2F3D70;
    font-size: 70%;
    font-weight: bold;
    margin: 1em 0 0em;
    text-transform: uppercase;
}

/*class added to make the citation of impact factor smaller*/

p.journal_details_tiny_text{
   font-size: 90%!important;
}

/*class to color text in pink*/
.pink{
color:#e10067 !important;
}
/*When BJC open exists in AOP the date is wrapping around the BJC open icon in index_by_type, this is to solve it*/

#toc h4.aopd{
clear:both;
}

/*BJC Digital Edition*/
body#digitaledition{
	background: none!important;
}

#myViewerContent{
	position:absolute; 
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%;
	overflow:hidden;
}

/* Spotlight Index styles, added by Phil, 16 Nov 2009 */

.spotlight-box {
	margin: 20px 0;
	clear:both;
}
.spotlight-box .image_link{
	float: left; 
	margin: 0px 10px 0px 0px; 
	display: block;
}

.spotlight-title a {
	font-size: 120%;
	text-decoration: none;
	color: #000000;
	margin: 0 0 0 13px;
}

h3.spotlight-title a{
	margin:0;
}

.spotlight-title a:hover {
	text-decoration: underline;
	color: #CC0033;
}

.spotlight-image, .spotlight-image-small {
	border: 1pt solid #000000;
	float: left;
}
.spotlight-image-small{
	width: 24px ;
}

.spotlight-box p {
	font-size: 80% !important;
    line-height: 180%;
    margin: 0 0 0 143px;
}

.spotlight-editor {
	font-weight: bold;
	margin: 5px 0 5px 115px !important;
}
.collection_sponsor .sponsor_text{
	float: left !important; 
	margin: 0 0 5px 46px !important; 
	color: rgb(32, 63, 154)!important; 
	font-weight: bold !important; 
	font-size: 75%!important; 
}

#toc #content div.collection_sponsor{
	padding: 0;
	border: none;
	float: right;
}

.collection_sponsor_logo{
	float:left; 
	clear:both
}
.collection_cover_sponsor{
    border-bottom: 1px solid #eaeaea;
}
.collection_cover_sponsor a.image_link{
    float:left;
}

#info #content h3.spotlight-title{
    margin-bottom: 10px;
}