/* site css for Nature Chemistry website */

/* colours:
	backgrounds	#5e2e92
	contents	#5e2e92
	highlights	#dcd7de
*/

/* VIEW-422 - use font with good display of unicode chars */
/* VIEW-458 - make LH and RH navs use same font as content */
body #content-journalnav, body #extranav {font-family: arial,"Helvetica Neue", helvetica, sans-serif;}

/* @group sitewide link colors */
a:link, a:visited {color:#5e2e92;}
/* @end */

/* Journal header image and user services (register/subscribe/account details) */
#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_submit_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);}
/* end */


/* @group Navigation and heading styles */
#journalnav .journal-nav h2,
body#access .toolsmenu .title {
	background: url(/nchem/images/heading_gradients.jpg) no-repeat left top;
}

#extranav,
#extranav .marketing,
#extranav ul.supported,
h2.natjob,
h2.natpav,
h2.natprod,
#toc .focus-title {
	background: url(/nchem/images/heading_gradients.jpg) no-repeat right top;
}
/* @end */

/* @group Link arrows / custom bullets */
ul.nav-list a:link,
ul.nav-list a:visited,
#extranav div.extra li a, 
#journalnav .journal-nav li a,
#home #content .featurebox h3 {
	background-image:url(/nchem/images/icons/arrow_right.gif);
}

#journalnav .journal-nav li a:hover,
#journalnav .journal-nav li.selected a {
	background:#dcd7de url(/nchem/images/icons/arrow_right_active.gif) no-repeat 3px center;
}

#home #content div.issue-links ul.issue-links li a:link,
#home #content div.issue-links ul.issue-links li a:visited,
#home #content div.issue a.about-the-cover:link,
#home #content div.issue a.about-the-cover:visited,
ul.focsup-anchor li.out a,
a.arrow:link,
a.arrow:visited,
a.arrow:hover,
div.home-page-links li a,
div.home-page-links li a:visited,
ul.natjob h3,
div.natjobmore a:link,
div.natjobmore a:visited,
#toc #content div.articlenav div.prevnext a.next,
#toc #content a.about-the-cover,
#toc ul.toc-extra li.about-cover a,
#toc .issue.foc .toc-anchor ul li.out,
#article #content #nature-products div.natpro ul a:link,
#content #nature-products div.natpro ul a:visited,
#article-related #browser-plugins li a:link,
#article-related #browser-plugins li a:visited,
ul.anchor a.out:link,
ul.anchor a.out:visited {
	background-image:url(/nchem/images/icons/arrow_right_light.gif);
}

ul.nav-list a.page,
ul.nav-list a.page:visited {
	background-image:url(/nchem/images/icons/arrow_down.gif);
}

ul.focsup-anchor a,
ul.anchor a:link,
ul.anchor a:visited,
#toc ul.toc-anchor li,
#toc .issue.foc .toc-anchor ul li,
#article-related a.download-plugins:link,
#article-related a.download-plugins:visited {
	background-image:url(/nchem/images/icons/arrow_down_light.gif);
}

#toc #content div.articlenav div.prevnext a.prev {
	background-image:url(/nchem/images/icons/arrow_left_light.gif);
}

a.seealso:link span.link,
a.seealso:visited span.link {
	background-image:url(/nchem/images/icons/arrow_right_small.gif);
}

#info #content ul.subnav a {
	background-image:url(/nchem/images/icons/nav_dots.gif);
}
/* @end */

div.ad-rh.marketing .fake-button  a:link, div.ad-rh.marketing .fake-button a:visited {
	border-top-color:#b9c9e0;
	border-left-color:#b9c9e0;
}

.button,
#home #content div.cover a.subscribe:link,
#home #content div.cover a.subscribe:visited,
#articlenav h2, #article-related #journal-header,
#subscribe-now #content div.container a.register,
#subscribe-now #content a.return,
div.ad-rh.marketing .fake-button a:link,
div.ad-rh.marketing .fake-button a:visited,
#ftr #footer-links,
#ftr #footer-links ul li a:link,
#ftr #footer-links ul li a:visited {
	background-color:#5e2e92;
}

#article #content h2.nibs,
#article #content h5.norm,
#archive #content h3.tocsubject,
#archive #content h4.tocsubject,
#archive #content h5.tocsubject,
ul.natjob h3 a:link,
ul.natjob h3 a:visited,
div.natjobmore a:link,
div.natjobmore a:visited,
#article #content #more-like-this h3 {
	color:#5e2e92;
}

#home #content div.aop,
#info #content table.cost th {
	background-color:#dcd7de;
}

#article #content blockquote.box p.quote-source,
#toc #content h4.area,
#archive #content .vol .month {
	background-color:#f3f7fb;
}

/* @group Unique styles */

/*		--------------------------------			*/
/*				SAMPLE COPY RULES			        */	
/*		--------------------------------			*/
#sample #form1 {margin-top:20px;}
#sample p.norm {font-size:90%;}

#sample #form1 label {
	float:left;
	clear:left;
	width:10em;
	font-weight:bold;
	font-size:90%;
}

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

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

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

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

* html #sample #form1 input.button.first {margin-left:8.9em;/* IE only */}
#sample #form1 input.button.first {margin-left:11em;}

#sample #form1 .button-holder {margin:10px 0;}

/* styles added for chemistry rj archive-subject-thumbnail start */

#subject-category .archive .analytical-chemistry { background-image: url(/nchem/images/tiles/tile_al.gif); }
#subject-category .archive .biochemistry { background-image: url(/nchem/images/tiles/tile_bi.gif); }
#subject-category .archive .catalysis { background-image: url(/nchem/images/tiles/tile_ca.gif); }
#subject-category .archive .chemical-biology { background-image: url(/nchem/images/tiles/tile_c.gif); }
#subject-category .archive .electrochemistry { background-image: url(/nchem/images/tiles/tile_es.gif); }
#subject-category .archive .environmental-chemistry { background-image: url(/nchem/images/tiles/tile_er.gif); }
#subject-category .archive .general-chemistry { background-image: url(/nchem/images/tiles/tile_ga.gif); }
#subject-category .archive .green-chemistry { background-image: url(/nchem/images/tiles/tile_ge.gif); }
#subject-category .archive .inorganic-chemistry { background-image: url(/nchem/images/tiles/tile_in.gif); }
#subject-category .archive .materials-chemistry { background-image: url(/nchem/images/tiles/tile_mt.gif); }
#subject-category .archive .medicinal-chemistry { background-image: url(/nchem/images/tiles/tile_md.gif); }
#subject-category .archive .nanotechnology { background-image: url(/nchem/images/tiles/tile_na.gif); }
#subject-category .archive .organic-chemistry { background-image: url(/nchem/images/tiles/tile_o.gif); }
#subject-category .archive .organometallic-chemistry { background-image: url(/nchem/images/tiles/tile_os.gif); }
#subject-category .archive .physical-chemistry { background-image: url(/nchem/images/tiles/tile_p.gif); }
#subject-category .archive .polymer-chemistry { background-image: url(/nchem/images/tiles/tile_po.gif); }
#subject-category .archive .photochemistry { background-image: url(/nchem/images/tiles/tile_pt.gif); }
#subject-category .archive .supramolecular-chemistry { background-image: url(/nchem/images/tiles/tile_sm.gif); }
#subject-category .archive .surface-chemistry { background-image: url(/nchem/images/tiles/tile_sr.gif); }
#subject-category .archive .synthesis { background-image: url(/nchem/images/tiles/tile_sn.gif); }
#subject-category .archive .theoretical-chemistry { background-image: url(/nchem/images/tiles/tile_th.gif); }

/* styles added for chemistry rj archive-subject-thumbnail end */

/* style added for small caps start */

/*
-----------------------------------------------------------------------
front page
-----------------------------------------------------------------------
*/
#home #content .scp {font-size:85%;}
/*
-----------------------------------------------------------------------
article
-----------------------------------------------------------------------
*/
#article #content .scp {font-size:85%;}

#content .scp {font-size:85%;}
/* style added for small caps end */

.mopsbutton:link, .mopsbutton:visited {background:#5e2e92;}

/* Small black 10px text variable */
.blacksml {
	font-size:80%;
}
/* @end */


/*
-----------------------------------------------------------------------
-----------------------------------------------------------------------
 NEW NCHEM STYLES FOR FULL JOURNAL
-----------------------------------------------------------------------
-----------------------------------------------------------------------
*/

#home #content .featurebox.colour, #home #content div.callpapers, #article #content blockquote.box p.quote-source, #extranav div.liteblue, #toc #content h4.area, #archive #content .vol .month, #archive #content div.subject, div.natprodmore input.button, #article #content #more-like-this, div.home-page-links ul, ul.language-selector ul {background-color:#F5F3F3;}


/*-----------------------------------------------------------------------
Toc
-----------------------------------------------------------------------*/
#toc #content div.compound {
	background: none;
	border:none;
	padding:0;
}

#toc #content div.compound img.compound {
	padding: 0;
	border:0;
}

div.reg-rec a.roundup {
	background:transparent url(/common/images/icons/comp_roundup.gif) no-repeat scroll 1px 1px;
	padding-bottom:4px;
	padding-top:1px;
}

#toc div.show-images a:link, #toc div.show-images a:visited {
	font-size:80%;
	font-weight:bold;
	border: 1px solid #ccc;
	width:12em;
	padding:10px;
	margin-bottom: 15px;
	background: url(/nchem/images/bg_show_images.gif) repeat-x bottom;
	
}
#toc div.show-images a:hover {color:#CC0033;}

/*-----------------------------------------------------------------------
Article
-----------------------------------------------------------------------*/

#article #content a.compound {position:relative;}

#article #content a.compound img {
	position:absolute;
	bottom:20px;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	padding:5px;
}

#article #content a.compound:link img, #article #content a.compound:visited img{visibility: hidden;}

#article #content a.compound:hover img {visibility: visible;}

#article #content span.compound {background-color:#fff;}

#article #content span.compound a:link, #article #content span.compound a:visited {
	cursor:help;
	text-decoration: none;
	color: #000;
}

#article #content span.compound a.compound:link, #article #content span.compound a.compound:visited {
	cursor:pointer;
	text-decoration: underline;
	color: #5E2E92;
}

#article #content span.hilite {background-color:#ffffb0;}

#article #content div.inline-comp-links {
	margin: 0;
	padding: 0 8px 8px 0;
	float: left;
	display: none;
	background: transparent url(/nchem/images/comp_shadow.png) no-repeat scroll right bottom;
}

#article #content div.inline-comp-links div.inner-border {
	list-style-type: none;
	margin: 0;
	padding: 5px 7px 5px 8px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	background-color: #fff;
}

#article #content div.inline-comp-links h5 {
	margin: 2px 0 5px 0;
	padding: 0;
	font-size: 80%;
	float:left;
}

#article #content div.inline-comp-links a.close img {
	float: right;
	margin: 3px 0 0 0;
	padding: 0;
	border: 0;
}

#article #content div.inline-comp-links a.close {
	display: block;
	float: right;
	width:13px;
	margin: 0;
	padding: 0;
}

#article #content div.inline-comp-links ul {
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
	clear:left;
}

#article #content div.inline-comp-links li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 5px 0;
}

#article #content div.inline-comp-links ul a {
	background:transparent url(/common/images/icons/75002f/arrow_light.gif) no-repeat scroll left center;
	font-size: 80%;
	display:block;
	margin: 0;
	padding: 0 0 0 9px;
}

#article #content #comp-links-nojava  {
	margin: 10px 0;
	padding: 0;
}

#article #content #comp-links-nojava ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#article #content #comp-links-nojava ul li {
	padding: 0;
	margin: 0 0 10px 0;
	clear:both;
}

#article #content #comp-links-nojava ul li h4 {
	padding: 0;
	margin: 0;
	font-size: 80%;
}

#article #content #comp-links-nojava .nojava-links li {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	padding: 0;
}


#article #content #comp-links-nojava ul.nojava-links li a  {
	font-size:80%;
	background:transparent url(/common/images/icons/75002f/arrow_light.gif) no-repeat scroll 2px center;
	padding: 0 0 0 10px;
}

#article #content .stucture {background-color:#ffffb0;}

#article #content .structure-image {
	margin:0 0 20px 0;
	text-align:center;
}

#article #content .structure-image img {
	border: 1px solid #ccc;
	padding:10px;
}

div.hilite_tools {
	margin: 20px 0;
	padding: 0;
}

div.hilite_tools h3 {
	color:#666;
	font-family: arial,Helvetica,sans-serif;
	font-size:100%;
	display:inline;
	margin: 0 10px 0 0;
	padding: 0;
}

div.hilite_tools a {
	display:inline;
	font-size: 80%;
	background-color: #FFFFB0;
	text-decoration:none;
}

div.hilite_tools span {
	border: 1px solid #ccc;
	
	display:inline block;
	padding: 2px 5px 2px 25px;
	background:transparent url(/nchem/images/highlight.gif) no-repeat scroll 5px center;
	
}

ul.nav-list a.show-comp:link, ul.nav-list a.show-comp:visited {
	background:transparent url(/nchem/images/highlight.gif) no-repeat scroll 5px center;
}

ul.nav-list a.roundup {
	background:transparent url(/common/images/icons/comp_roundup.gif) no-repeat scroll 6px center;

}

/* connotea box */
#connotea-box {
	margin: 0 0 20px 0;
	padding: 0 0 1px 0;
	background: url(/nchem/images/bg_connotea.gif) repeat;
}

#connotea-box h2 {
	background:#5E2E92 none repeat scroll 0 0;
	color:#FFFFFF;
	font-size:80%;
	font-weight:bold;
	margin:0;
	padding:5px 5px;
	text-align:left;
}

#connotea-box div#tag-cloud {
	margin: 8px;
	padding: 5px;
	background-color: #fff;
}

#connotea-box a.tag_cloud {
	font-weight:bold;
	line-height:30px;
	margin:0 3px;
	text-decoration:none;
}

/* tag cloud */

div#tag-cloud {padding:5px; text-align:justify; margin:0 5px; background:#fff;}
a.tag_cloud { font-weight: bold; text-decoration: none; line-height: 30px; margin: 0 3px 0 3px }
a.tag_cloud:hover { text-decoration: underline; color: black }
a.tag_cloud_frequency_0 { font-size: 70% }
a.tag_cloud_frequency_1 { font-size: 80% }
a.tag_cloud_frequency_2 { font-size: 90% }
a.tag_cloud_frequency_3 { font-size: 100% }
a.tag_cloud_frequency_4 { font-size: 110% }
a.tag_cloud_frequency_5 { font-size: 120% }
a.tag_cloud_frequency_6 { font-size: 130% }
a.tag_cloud_frequency_7 { font-size: 140% }
a.tag_cloud_frequency_8 { font-size: 150% }
a.tag_cloud_frequency_9 { font-size: 160% }
a.tag_cloud_frequency_10 { font-size: 170% }
a.tag_cloud_recency_0 { color: #97A9B7; }
a.tag_cloud_recency_1 { color: #9C99AA; }
a.tag_cloud_recency_2 { color: #A1889D; }
a.tag_cloud_recency_3 { color: #A67790; }
a.tag_cloud_recency_4 { color: #AC6683; }
a.tag_cloud_recency_5 { color: #B15575; }
a.tag_cloud_recency_6 { color: #B64468; }
a.tag_cloud_recency_7 { color: #BC335B; }
a.tag_cloud_recency_8 { color: #C1224E; }
a.tag_cloud_recency_9 { color: #C61141; }
a.tag_cloud_recency_10 { color: #CC0033; }


/* COMPOUND RELATED PAGES*/

#article-related p.aug {
	font-size:90%;
	margin: 2px 0 4px 0;
	
}

#article-related p.doi {
	font-size:80%;
	margin: 2px 0;
}

#article-related p.journal {
	font-size:80%;
	margin: 2px 0;
}

#article-related p.published {
	font-size:80%;
	margin: 2px 0;

}

#article-related .supp-info {
	font-size: 70%;
	margin: 4px 0 0 0; 
	padding:0;
}


#article-related .download-all {
	background:#FDFDFD url(/common/images/icons/next.gif) no-repeat scroll left center;
	padding-left: 15px;
	margin: 10px 0 0 0;
	font-size: 70%;
	font-weight:bold;
	float:left;
}

#article-related p.compound-name {
	overflow: auto;
}

/* ------------------------------------------------ */
/* compound page */
/* ------------------------------------------------ */

#article-related div.container-image  {background:#fff none repeat scroll 0 0;}

#article-related div.container-figtab div.container-image {text-align:center;}

#article-related div.container-image img {border: 0;}

#article-related div.container-extra ul.synonyms {
	font-size:80%;
	list-style-type:none;
	margin:0;
	padding:0;
}

#article-related div.container-extra h3 {
	font-size:80%;
	margin: 0 0 10px 0;
}

#article-related div.container-extra p {
	font-size:80%;
	margin:10px 0;
	padding:0;
}

#article-related div.container-extra p.inchi, #article-related div.container-extra p.smiles {
	overflow: auto;
}

#article-related div.container-extra p.download-links {
	font-size:70%;
	margin:10px 0;
	padding:0;
}

#article-related div.container-extra p.comp-data {
	margin: 0 0 10px 0;
	
	float:left;
}

#article-related div.container-extra ul.comp-data {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
	float:left;
	font-size: 80%;
}

#article-related div.container-extra ul.comp-data li {
	float:left;
	padding: 0 0.6em 0 0;
	margin: 0 0 0 0.6em;
	border-right: 1px solid #666;
}

#article-related div.container-extra ul.comp-data li.last {
	border-right: none;

}

#article-related ul.more-articles {
	margin:0;
	padding:0;
}

#article-related ul.more-articles h4 {
	font-size:70%;
	margin: 1px 0;
	padding: 0;
}

#article-related ul.more-articles p {
	font-size:70%;
	margin: 1px 0;
	padding: 0;
}

#article-related ul.more-articles a {font-size:100%;}

#article-related ul.more-articles ul.comp-data {
	font-size: 70%;
}

#article-related div.container-jmol {
	background:#FDFDFD none repeat scroll 0 0;
	border: 1px solid #E7E7E7;
	clear:both;
	padding:10px;
}


/* new definition list styles for compound pages wooOOOOoo */

#article-related div.container-extra dl { 
	display:inline;
	font-size: 80%;
}

#article-related div.container-extra dt { 
	font-weight: bold;
	margin: 0 0.5em 10px 0 ;
	float: left;
	clear: left;
}

#article-related div.container-extra dd { 
	margin: 0 0 10px 0;
	padding: 0;
}

#article-related div.container-extra dt.synonyms { 
	margin: 10px 0 5px 0;
	float: none;
	clear: none;
}

#article-related div.container-extra dd.synonyms ul { 
	list-style-type:none;
	margin:0;
	padding:0;
}

#article-related div.container-extra dt.inchi { 
	margin: 10px 0 1px 0;
	
	float: none;
}

#article-related div.container-extra dd.inchi, #article-related div.container-extra dd.std-inchi, #article-related div.container-extra dd.smiles { 
	overflow: auto;
}







#article-related .container-jmol .jmol {width:500px;}

/* COMPOUND ROUND-UP */

#article-related div.container-roundup {
	background:#FDFDFD none repeat scroll 0 0;
	border: 1px solid #E7E7E7;
	padding:10px;
	margin: 0 0 10px 0;
}

#article-related div.container-roundup p.note{
	font-size:70%;
	padding: 0;
	margin: 0;
}
#article-related div.container-roundup h3 {
	font-size:80%;
	padding: 0;
	margin: 0 0 3px 0;
}

#article-related div.container-roundup span.page {
	color:#666666;
	
}
#article-related div.container-roundup p.aug {
	font-size:80%;
	margin: 0;
}

#article-related div.container-roundup ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear:both;
}

#article-related div.container-roundup ul li{
	text-align:center;
	float:left;
	margin: 10px 15px 0 0;
}

#article-related div.container-roundup ul li h4{
	font-size:80%;
	font-weight:normal;
	margin:0;
	padding:0;
}

#article-related div.container-roundup img {
	border:1px solid #ccc;
	background-color:#fff;
	padding:10px;
}

#article-related .container-roundup-image {float:left;}

#article-related  a.backtotop:link, #content a.backtotop:visited {

	margin:0 0 2px 7px;

}

/* compound image styles */
#toc #content div.compound {
	background-color:#fff;
	border:none;
	margin:1em 0 0 0;
	padding:0px;
	width:auto;
}

#toc #content div.compound img.compound {
	border:none;
	margin:10px 0;
	padding:5px;
	background-color:#fff;
	width:auto;
	max-width:390px;
}
/* end compound image styles */

/*-----------------------------------------------------------------------
Article
-----------------------------------------------------------------------*/

#article #content a.compound {position:relative;}

#article #content a.compound img {
	position:absolute;
	bottom:20px;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	padding:5px;
}

#article #content a.compound:link img, #article #content a.compound:visited img{visibility: hidden;}

#article #content a.compound:hover img {visibility: visible;}

#article #content span.compound {background-color:#fff;}

#article #content span.hilite {background-color:#ffffb0;}

/* 
-----------------------------------------------------------------------
commenting
-----------------------------------------------------------------------
*/
body .comment-form .submit {
	color: #5E2E92;
}


/* @end */