/* site css for Laboratory Investigation website */
/* site colour:  #2955a0 */
/* article page references list style:  decimal */

/* ========================================== */
/* = Coloured icons for user-services links = */
/* ========================================== */
#hdr .user-services .li1 a {background-image: url(/common/includes/header/images/icons/01/icon_account_blue_med.gif);}
#hdr .user-services .li2 a {background-image: url(/common/includes/header/images/icons/01/icon_submit_blue_med.gif);}
#hdr .user-services .li3 a {background-image: url(/common/includes/header/images/icons/01/icon_register_blue_med.gif);}
#hdr .user-services .li4 a {background-image: url(/common/includes/header/images/icons/01/icon_subscribe_blue_med.gif);}

#hdr .user-services .us-link a:link, #hdr .user-services .us-link a:visited {
	color:#2955A0 /* sets the link color for the header nav */
}
#hdr .user-services .us-link a:hover {color:#CC0033}


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, .nav-header, h1.page, #article #content h3, #articlenav h2, #toc #extranav div.change-issue h2, #toc #content h3, #about #content h2, #info #content h2, #info #content th.prices-head-first, #info #content th.prices-head, #aop #content h3, #topten #content h2, #archive #content h2, #article-related #journal-header, #article-related a.back-to-article:hover, #subscribe-now #content h2, #subscribe-now #content input.button, #content h2.focus-title 
{background-color: #2955a0;}

#toc #content h4.area, #aop #content h4.area {color: #2955a0;}

#article #content #References ol {
	list-style-type: decimal;
	/* 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,
.aop .jn-aop,
.about-aop .jn-aop .subnav .jn-about-aop,
.issue .jn-issue,
.archive .jn-archive,
#archive .jn-archive,
.press-releases .jn-press-releases,
.author-index .jn-author-index,
.keyword-index .jn-keyword-index,
.for-authors .jn-for-authors,
.for-referees .jn-for-referees,
.contact-eds .jn-contact-eds,
.about-the-journal .jn-about-the-journal,
.about-the-society .jn-about-the-society,
.focus .jn-focus,
.videos .jn-videos,
.subscribe .jn-subscribe,
.advertising .jn-advertising,
.contact-npg .jn-contact-npg,
.site-features .jn-site-features,
.award .jn-award
{background-color: #2955a0;}

.home .jn-home a:link,
.home .jn-home 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,
.issue .jn-issue a:link,
.issue .jn-issue a:visited,
.archive .jn-archive a:link, 
.archive .jn-archive a:visited,
.pif .jn-archive .subnav .jn-archive a:link, 
.pif .jn-archive .subnav .jn-archive a:visited,
#archive .jn-archive a:link, 
#archive .jn-archive a:visited,
.press-releases .jn-press-releases a:link,
.press-releases .jn-press-releases a:visited,
.focus .jn-focus a:link,
.focus .jn-focus a:visited,
.videos .jn-videos a:link,
.videos .jn-videos a:visited,
.award .jn-award a:link,
.award .jn-award a:visited,
.author-index .jn-author-index a:link,
.author-index .jn-author-index a:visited,
.keyword-index .jn-keyword-index a:link,
.keyword-index .jn-keyword-index 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,
.contact-eds .jn-contact-eds a:link,
.contact-eds .jn-contact-eds a:visited,
.about-the-journal .jn-about-the-journal a:link,
.about-the-journal .jn-about-the-journal a:visited,
.about-the-society .jn-about-the-society a:link,
.about-the-society .jn-about-the-society a:visited,
.subscribe .jn-subscribe a:link,
.subscribe .jn-subscribe a:visited,
.advertising .jn-advertising a:link,
.advertising .jn-advertising a:visited,
.contact-npg .jn-contact-npg a:link,
.contact-npg .jn-contact-npg a:visited,
.site-features .jn-site-features a:link,
.site-features .jn-site-features a:visited
{color: #fff;}

.aop .jn-aop .subnav a {color: #000;}
.pif .jn-archive .subnav a {color: #000;}

/* 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
.pif .jn-archive .subnav .jn-archive a:link,
.pif .jn-archive .subnav .jn-archive 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                    */
/*                      -------------------------                    */


/* cm additions for cme mockup */

IMG.ebm_cme_small {
	float:left;
	height:26px;
	width:29px;
	margin:1em 0.5em 0.5em 0;
}

IMG.ebm_cme_small_cm {
	float:left;
	height:26px;
	width:29px;
	margin:0.2em 0.5em 0 0;
}

.ebm_cme {
	float:left;
	height:43px;
	width:43px;
	margin:0.3em 0.5em 0 0;
}

.ebm_cme_cm {
	float:left;
	height:43px;
	width:43px;
	margin:0.3em 0.5em 0 0;
}

.floatleft {float:left;}

#medscapeBox {
	background: url(webfocus/images/medscapebox_bg.gif) repeat-x bottom left;
	border: 1px solid #2955a0;
	font-size: 70%;
	margin-bottom: 2em;
	padding-bottom:0em;
}

#boxContent {
	margin: 7px;
}

#boxContent ul {
	font-size: 100%;
	list-style-type: none;
	margin: 0px 0px 15px 20px;
	padding: 0;
}

#boxContent ul li {
	padding: 3px 0px;
}


/* end cm additions */



/* 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: #2955a0;
	text-transform: uppercase;
	margin: 1em 0 -1em 0;
}

#toc #content h4.artsubhead {
	font-weight: bold;
	font-size: 70%;
	color: #2955a0;
	text-transform: uppercase;
	margin: 0 0 1em 0;
}



/* USCaP resources styles */
h2.uscap-resources {
	font-weight: bold;
	font-size: 80%;
	background-color: #2955a0;
	color: #fff;
	margin: 0;
	padding: 2px 5px 2px 5px;
}

ul.uscap-resources {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

ul.uscap-resources li {
	margin: 0;
	background-color: #eaeaea;
	border-bottom: solid 1px #fff;
}

ul.uscap-resources a, ul.uscap-resources a:visited {
	display: block;
	margin: 0;
	font-size: 70%;
	color: #000;
	text-decoration: none;
	padding: 3px 5px 3px 5px !important;
	padding /**/: 0 5px 2px 5px;/*IE5.x PC only*/
}

ul.uscap-resources a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #2955a0;
}
/* end USCaP resources styles */



#content .redbold {
	background-color: #fff;
	color: #c03;
	font-weight: bold;
}

/* KI homepage split page styles */

/* featureboxes */
#home #content .container {float: left;}
#home #content .featurebox {margin: 10px 0 20px 0;}
#home #content .featurebox .padder {padding: 5px;}
#home #content .featurebox .padder .heading {margin-top: -5px;}/* when heading contains no image */
#home #content .featurebox.colour {background-color: #f0f0f4;}

#home #content div.left {
	float: left;
	width: 48%;
}

#home #content div.right {
	float: right;
	width: 48%;
}

#home #content .featurebox h3 {
	font-size: 90%;
	text-transform: uppercase;
	background: #2955a0;
	color: #fff;
	padding: 3px 5px;
	margin: 0;
	border-bottom: 1px solid #fff;
}
#home #content .featurebox h3 a {
	color: #fff;
	text-decoration: none;
}

#home #content .featurebox p.norm {
	color: #000;
	line-height: 1.5;
	text-decoration: none;
	font-size: 80%;
}

#home #content .featurebox h3 span {
	display: block;
	font-weight: normal;
}

#home #content .featurebox div.heading-image {
	padding-left: 71px;
	min-height: 116px;
	margin: 5px;
}


/* featured patho in focus */
#home div.featured-blurb {margin: 0 0 1em 1px;}

#home div.featured-blurb h2 {
	font-weight: bold;
	font-size: 80%;
	margin: 0;
}

#home div.featured-blurb h2 .norm {
	font-weight: normal;
}

#home div.featured-blurb p.norm {
	font-weight: normal;
	font-size: 90%;
}

#home div.featured-blurb a {
	font-weight: bold;
	font-size: 90%;
	padding-bottom: 15px;
	text-decoration: none;
}
#home div.featured-blurb a span {
	text-decoration: underline;
}
#home div.featured-blurb a span.free {
	text-decoration: none;
	color: #c03;
}

/* end featured blurb */

#home .smallnorm {
	font-weight: normal;
	font-size: 90%;
}



/* for access pages */
body#access .toolsmenu .title {
	background: #2955a0;
}


/* styles for Supplements, added 02 Feb 2012 by EH */

.sup-title {
	background-color: #2955a0;
	color: #FFFFFF;
	margin-top: 20px;
	font-size: 90%;
	padding: 3px 0 3px 10px;
}

.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;
}


/* styles for Zmag link in TOC, added 22 January 2015 by EH */

.cover_image_jumplinks_box {
    border: 1px solid #E7E7E7;
    margin-bottom: 20px;
    padding: 20px;
}
.cover_image_jumplinks_box img {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}
.cover_image_jumplinks_box h2 {
    margin-left: 188px;
