/*-----------------------------------------------------------------------
Journal header image and user services (register/subscribe/account details)
-----------------------------------------------------------------------
*/
/* ========================================== */
/* = Coloured icons for user-services links = */
/* ========================================== */
#hdr .user-services .li1 a {background-image: url(/common/includes/header/images/icons/01/icon_account_purple.gif);}
#hdr .user-services .li2 a {background-image: url(/common/includes/header/images/icons/01/icon_ealert_purple.gif);}
#hdr .user-services .li3 a {background-image: url(/common/includes/header/images/icons/01/icon_register_purple.gif);}
#hdr .user-services .li4 a {background-image: url(/common/includes/header/images/icons/01/icon_subscribe_purple.gif);}
/*


#head-er .image-user-services-wrap {background-color: #737910;}

#head-er .image-user-services img.journal-header {
	width: 324px;
	height: 74px;
}
#head-er .image-user-services {/* background: url(/nri_redesign/images/journal_header_bg.jpg?legacy-collection=true) no-repeat right top; */}
#head-er .user-services a {background: #000 url(/common/images/icons/fff/arrow_s.gif) no-repeat right center;}
#head-er .user-services a:hover {background: #666 url(/common/images/icons/fff/arrow_s.gif) no-repeat right center;}

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

/** 
* Page Heading
*
* Styles for the main page heading
* Gives the appearance of a "tab" at the top of page
*/
.page-heading {padding: 10px 10px 0 10px;}

.page-heading h1 {
	font-size: 90%;
	background: #a3939f;
	padding: 5px 3px;
	margin: 0 0 1em 0;
}

.page-heading h1.series {background: #a3939f;}
.page-heading h1.page-header {font-size: 90%;}
/* END: Page Heading */



/* START Site specific colours */
/* 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;}
/* end: article-type section style */

#toc #content div.section ul.article-views li.first {background:url(/reviews/collection/chronicpain/images/graphics/bullet.arrow-right.image.gif) no-repeat left center;}

#toc #content div.section p.page,
#toc #content div.section p.doi
{
	margin:0;
	padding:0;
	line-height: normal;
}

#toc #content div.focus h3, 
#content div.box h2,
#toc #content div.section h3,
#toc #content div.focus h3
{
	font-size:110%;
	padding: 5px 3px;
	text-transform:capitalize;
	border-bottom: 1px solid #fff;
	background: #a3939f;
	color: #000;
}

#content div.box ul.anchor-list li,
#content div.box ol.conference-list h3,
#toc #content div.focus div.section h4,
#toc #content div.issue div.cover-navigation p.previous-issue,
#toc #content div.focus div.section h4,
#archive #content ul.vol .month,
#archive div.archive-list h2,
#archive #web-focuses h2.year,
#archive div.archive-list h2,
div.reg-rec ul,
table.data thead tr,
table.data tfoot tr,
#article #content div.box h3,
#article #content div.box h4
{background: #eaeaea;}


/* sitewide link colors */
a:link, a:visited {color:#68545e;}
a:hover {color:#c03;}
/* end sitewide link colors */

/* 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 Site specific colours */


/* light grey "label" text for headings */
#content div.box h3.label
{
	font-size: 120%;
	font-weight: bold;
	font-style: italic;
	color: #8a8c9f; 

}

#content span.free-access {
	color:#c03;
	font-size:90%;
	text-transform:uppercase;
}

/* START topbox details styles */
#toc #content div.borderbox {
	padding: 5px;
	border: 1px solid #eaeaea;	
}

#toc #content div.topbox {
	padding-left: 130px;
	min-height: 115px;
	background: url(/reviews/collection/chronicpain/images/chronicpain.jpg?legacy-collection=true) no-repeat top left;
}

#toc #content div.journal-logo {
	padding: 0;
	margin: 0 0 1em 0;
}


#toc #content div.topbox h1.desc {
	font-size: 110%;
	font-weight: normal;
	display: inline;
}


#toc #content div.topbox p.furtherdesc {
	display: inline;
	line-height: normal;
}

#toc #content div.section div.topic h4 span.label {background-color: #eaeaea;}
/* END topbox details styles */
/* END: ToC Styles */

/** 
* sponsor box styles
*/

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

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

/* END: sponsor box styles */

/* journalnav styles */
map.journal-nav ul li a:link,
map.journal-nav ul li a:visited,
map.journal-nav ul li ul.subnav a:link,
map.journal-nav ul li ul.subnav a:visited
{background: #a3939f;}

map.journal-nav ul li a:hover,
map.journal-nav ul li.selected a:link, 
map.journal-nav ul li.selected a:visited
{background: #68545e;}
/* end journalnav styles */

/** 
* Naturejobs box styles
*/
.nature-feed.box div.natjobmore a:link,
.nature-feed.box div.natjobmore a:visited,
.nature-feed.box ul.natjob li h3 a:link,
.nature-feed.box ul.natjob li h3 a:visited
{color: #68545e;}

.nature-feed.box div.natjobmore a:hover,
.nature-feed.box ul.natjob li h3 a:hover
{color: #c03;}
/* END: Naturejobs box styles */




/*		--------------------------------			*/
/*				SAMPLE COPY RULES			        */	
/*		--------------------------------			*/
#form1 {margin-top:20px;}

#form1 label {
	float:left;
	clear:left;
	width:12em;
	font-weight:bold;
	font-size:110%;
}

#form1 label.optional {font-weight:normal;}

#form1 input, #form1 select {
	float:left;
	margin:3px 0;
}

* html #form1 input.text {width:17.55em;/* IE only */}
#form1 input.text {width:17.7em;}
#form1 select {width:18em;}

#form1 div {
	float:left;
	clear:both;
	width:99%;
	text-align:left;
}


* html #form1 input.button.first {margin-left:13.2em; font-size:90%/* IE only */}
#form1 input.button.first {margin-left:14.5em;font-size:90%}
#form1 input.button {font-size:90%}
#form1 .button-holder {margin:10px 0;}