/* following element uses the "Modified SBMH (Simplified Box Model Hack)" to provide IE with similar sized text to other browsers -details at: http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
/* also uses the "commented comment" hack to give mac ie a similar size to other browsers - details at: http://www.premonition.co.uk/cssd/ie51-only.html*/
* html body {font-size:90%;/* all IE */}
/* hide from mac ie5.x \*/
* html body {font-size:89%;}
/* end hide from mac ie5 */
body {
	font-size:90%;/* all other browsers */
	margin:0;
	padding:0 0 20px 0;
	color:#000;
	background:#fff;
	font-family:Verdana, arial, Helvetica, sans-serif;
}

/* generic print header style - displays only when printed */
.print-header {display:none;}
/* end generic print header style */

/* following class is to hide elements that give extra information for users of assistive technology such as screenreaders - for more info see: http://www.webaim.org/techniques/articles/hiddentext */
.hidden {
	position:absolute;
 	left:0px;
 	top:-500px;
 	width:1px;
 	height:1px;
 	overflow:hidden;
}

/* following declarations clears elements without a clearing element such as <br clear> being needed. For more info see: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content:url(/common/images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* a div with this class is sometimes required for correct display in Mac IE5.x */
div.cleardiv {
	clear:both;
	padding:0 !important;
}

span.cleardiv {
	display:block !important;
	clear:both !important;
	padding:0 !important;
	margin:0 !important;
}
/* end clearing declarations */


.button {
	font-weight:bold;
	font-size:80%;
	color:#fff;
	background-color:#000;
}

.clear {clear:both;}
.clearleft {clear:left;}

/* global list type styles */
ol.decimal {list-style-type:decimal;}/*(1, 2, 3, etc.)*/
ol.decimal-leading-zero {list-style-type:decimal-leading-zero;}/*(01, 02, 03, etc.)*/
ol.lower-alpha {list-style-type:lower-alpha;}/*(a, b, c, d, e, etc.)*/
ol.upper-alpha {list-style-type:upper-alpha;}/*(A, B, C, D, E, etc.) */
ol.lower-roman {list-style-type:lower-roman;}/*(i, ii, iii, iv, v, etc.)*/
ol.upper-roman {list-style-type:upper-roman;}/*(I, II, III, IV, V, etc.)*/
ol.lower-greek {list-style-type:lower-greek;}/*(alpha, beta, gamma, etc.)*/
/* end global list type styles */

/* text align styles */
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
/* end text align styles */

/* styles used for aligning glyph characters */
.align-baseline {vertical-align:baseline;}
.align-sub {vertical-align:sub;}
.align-super {vertical-align:super;}
.align-text-top {vertical-align:text-top;}
.align-middle {vertical-align:middle;}
.align-bottom {vertical-align:bottom;}
.align-text-bottom {vertical-align:text-bottom;}
/* end styles used for aligning glyph characters */


/* generic link styles */
a.seealso {
	font-size:70%;
	text-decoration:none;
	margin-top:1em;
	display:block;
}
a.seealso span.see {
	font-weight:bold;
	color:#c03;
}
a.seealso span.link {text-decoration:underline;}

a.rss {
	background:url(/fg/images/rss.gif) no-repeat left center;
	padding-left:34px;
}

#extranav a.rss {
	background:url(/fg/images/rss.gif) no-repeat left center;
	padding-left:25px;
}
/* end generic link styles */


#content span.free {
	color:#c03;
	text-decoration:none;
}

/* generic bold/italic style - use *only* in content where it would be nonsensical to use a specific class, such as class="nav-header" or something */
.b {font-weight:bold;}
.i {font-style:italic;}
.latin {font-style:italic;}

/* generic page header styles */
h1.page-header {
	font-weight:bold;
	font-size:140%;
	margin:15px 0 10px 0;

	padding-bottom:4px;
	border-bottom:1px solid #eaeaea;
}
/* end generic page header styles */

span.journalname {font-style:italic;}
span.journalnumber {font-weight:bold;}



/* Header */
#head-er hr {display:none;}

#head-er .header-nonad-wrapper {
	padding-bottom:15px;
	border-bottom:1px solid #fff;
}

/* Accessibility bar and login */
#head-er .accessibility-login-wrap {
	float:left;
	width:100%;
	background-color:#1086a5;
	border-bottom:1px solid #fff;
}

#head-er .accessibility-login {
	/*background:url(/test/images/nature.com.gif) no-repeat 0 5px #eaeaea;*/
	padding:4px 0 5px 0/*90px*/;
	text-align:right;
}

#head-er .accessibility-login a.nature-link {
	/*font:bold 110% Garamond, serif;*/
	font:bold 160% Garamond, serif;
	color:#b1062e;
	text-decoration:none;
	float:left;
	margin-right:20px;
	width:4.9em;
	text-align:left;
	line-height:80%;
}
* html #head-er .accessibility-login a.nature-link:hover {background:none;}
#head-er .accessibility-login a.nature-link:hover {background:url(/common/includes/header/images/nature.com.underline.gif) no-repeat left bottom;}

#head-er .accessibility-login img.nature-logo {
	height:11px;
	width:82px !important;
	width /**/:102px;
	margin:1px 20px 0 0;
	border:0;
	float:left;
}

#head-er .accessibility-login .jumplinks {
	float:left;
	width:45%;/* required for Mac IE */
	text-align:left;
	list-style-type:none;
	padding:0;
	margin:0;
	/*font-size:70%;*/
}

#head-er .accessibility-login .jumplinks li {
	display:inline;
	padding-left:15px;
}

#head-er .accessibility-login .jumplinks li.first {
	padding-left:0;
}

#head-er .accessibility-login .jumplinks a {
	color:#fff;
	text-decoration:none;
	padding-left:10px;
	background:url(/fg/images/arrow_down.gif) no-repeat left center;
}
#head-er .accessibility-login .jumplinks a:hover {text-decoration:underline;}

#head-er div.logon {
	/*font-size:70%; font size declared for all children to simply fix Mac IE/NS display issues */
}

/* Mac IE bugfixes */
#head-er .logon .onlyformacie {font-size:3px;}
/* hide from Mac IE \*/
#head-er .logon .onlyformacie {display:none;}
/* end Mac IE bugfixes */

#head-er .logon a.login {
	font-weight:bold;
	color:#b1062e;
	text-decoration:none;
	padding:0 15px 0 0;
	text-transform:uppercase;
	letter-spacing:-0.1em;
	background:url(/common/includes/header/images/logon.gif) no-repeat right center;
}
#head-er .logon a.login:hover {
	background:url(/common/includes/header/images/logon_over.gif) no-repeat right center;
	text-decoration:underline;
}
#head-er .logon a.login:active {background:url(/common/includes/header/images/logon.gif) no-repeat right center;}

#head-er .logon a.logoff {
	font-weight:bold;
	color:#b1062e;
	text-decoration:none;
	padding:0 15px 0 15px;
	text-transform:uppercase;
	letter-spacing:-0.1em;
	background:url(/common/includes/header/images/logoff.gif) no-repeat right center;
}

#head-er .logon p {margin:0;}

#head-er .logon .user, #head-er .logon .inst {
	font-weight:bold;
}
/* end accessibility bar and logon */

/* Journal header image and user services (register/subscribe/account details) */
#head-er .image-user-services-wrap {
	float:left;
	width:100%;
	background-color:#d6335c;
}

#head-er .image-user-services {border-bottom:1px solid transparent;}/* for bg image display in Gecko */
* html #head-er .image-user-services {border-bottom:0;}/* reset to 0 for IE */

#head-er .image-user-services img.journal-header {
	float:left;
	width:344px;
	height:74px;
	margin:0;
	border:0;
}

#head-er .user-services {float:right;}
#head-er .user-services.div1 {width:12.35em !important;}/* !important is for IE inheritance bug */
#head-er .user-services.div2 {width:8.7em !important;}/* !important is for IE inheritance bug */

#head-er .user-services ul {
	list-style-type:none;
	border:1px solid #fff;
	border-width:1px 0 0 1px;
	text-align:right;
	margin:22px 0 21px 0;
	padding:0;
}

#head-er .user-services ul.list1 {border-right:1px solid #fff;}
#head-er .user-services li {border-bottom:1px solid #fff;}

#head-er .user-services a {
	display:block;
	color:#fff;
	text-decoration:none;
	/*font-size:70%;*/
	text-transform:uppercase;
	padding:1px 13px 1px 0;
	background:url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #767474;
}
#head-er .user-services a:hover {
	background:url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #000;
}
/* end Journal header image and user services (register/subscribe/account details) */

/* Publications links and journal search */
#head-er .publications-search-wrap {background:#000;}

/* Archival notice */
.archival-notice {
	clear:both;
	padding:7px 20px;
	border-bottom:1px solid #c69a25;
	color:#3f3210;
	background:#fff4cf;
	text-align:center;
}

.archival-notice p {margin:0;}

.archival-notice a {
	color:#8b1538;
	font-weight:bold;
}
/* end archival notice */

/* Hide from mac IE - use "padding-top/-bottom" instead of shorthand "padding" \*/
* html #head-er .publications-search {
	padding-top:3px;
	padding-bottom:3px;
}
/* end hide from Mac IE */
#head-er .publications-search {padding:4px 0;}

* html #head-er .publications {/* IE only */
	margin:6px 0 0 0;
}
#head-er .publications {
	/*font-size:70%;*/
	float:left;
	list-style-type:none;
	padding:0;
	margin:4px 0 0 0;
}

#head-er .publications li {
	display:inline;
	margin-left:10px;
}

#head-er .publications li.first {margin-left:0;}

#head-er .publications a {
	color:#fff;
	text-decoration:none;
	padding-right:15px;
	text-transform:uppercase;
	background:url(/common/images/icons/fff/arrow_s.gif) right center no-repeat;
	
}
#head-er .publications a:hover {text-decoration:underline;}

#head-er .search {
	text-align:right;
}

#head-er .search form {
	display:inline;
	margin:0;/* Necessary for NS7 */
}

#head-er .search form a {
	/*font-size:70%;*/
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding-right:14px;
	background:url(/common/images/icons/fff/arrow_s.gif) right center no-repeat;
}
#head-er .search form a:hover {text-decoration:underline;}

#head-er #searchtext {
	width:10em; border:1px solid #004e6f;
}

#head-er .publications-search label {
	/*font-size:70%;*/
	color:#fff;
	text-transform:uppercase;
}

#head-er input, #head-er select {
	/*font-size:70%;*/
	font-size:100%;
}

#head-er .publications-search input.button {
	color:#fff;
	background:#004e6f;
	border:1px solid #333;
	padding:0 1px 1px 1px;
	font-size:9px;
	font-weight:normal;
}
/* end publications links and journal search */

/* constrain width */
#head-er .accessibility-login,
#head-er .image-user-services,
#head-er .publications-search {
	padding-left:1%;
	padding-right:1%;
}
/* end constrain width */

/* end header */


/* journal nav styles */
map.journal-nav {
	display:block;
	margin-bottom:20px;
	
}

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

map.journal-nav ul li {
	margin:0;
	background-color:#eaeaea;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

map.journal-nav ul li.grouped {border-bottom:1px solid #eaeaea;}

* html map.journal-nav ul li a, * html map.journal-nav ul li a:visited {/*IE 5/6 only*/
	padding:2px 5px 3px 5px;
}
map.journal-nav ul li a, map.journal-nav ul li a:visited {
	display:block;
	margin:0;
	font-weight:bold;
	font-size:80%;
	color:#000;
	text-decoration:none;
	padding:4px 5px 4px 5px;
}

map.journal-nav ul li a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#c00;
}

map.journal-nav ul li a.on, map.journal-nav ul li a.on:visited {
	color:#fff;
	background-color:#c00;
}

map.journal-nav ul li a.submission {
	background:url(/common/images/online_submissions.gif) left center no-repeat;
	padding-left:20px !important;
}
/* end journal nav styles */


/* journal nav subnav styles */
map.journal-nav ul li ul.subnav {
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
	border-top:0;
}

map.journal-nav ul li ul.subnav li {
	margin:0;
	border-bottom:0;
	background:url(/fg/images/nav_dots2.gif) 11px 5px no-repeat #fafafa;
	background-position:11px 5px;
}

map.journal-nav ul li ul.subnav li.on {
	border-bottom:solid 1px #fafafa;
	background:url(/fg/images/nav_dots1.gif) 11px 5px no-repeat #c00;
	background-position:11px 5px;
}

* html map.journal-nav ul li ul.subnav a {/* IE only */
	padding:2px 10px 2px 20px !important;/* Mac IE */
	padding:0 10px 0 20px;/* Other IE */
}
map.journal-nav ul li ul.subnav a:link, map.journal-nav ul li ul.subnav a:visited {
	display:block;
	margin:0;
	font-weight:normal;
	font-size:70%;
	color:#000;
	text-decoration:none;
	padding:2px 10px 2px 20px;
}

map.journal-nav ul li ul.subnav a:hover {
	color:#fff;
	text-decoration:none;
	background:url(/fg/images/nav_dots1.gif) 11px 5px no-repeat #fab934;
}

map.journal-nav ul li ul.subnav a.on, map.journal-nav ul li ul.subnav a.on:visited {
	color:#fff;
	background:inherit;
}
/* end journal nav subnav styles */


/* leftnav */
#journalnav map.journal-nav ul li a:link, #journalnav map.journal-nav ul li a:visited {
	font-size:70%;
	font-weight:normal;
}

map.journal-nav ul li {background-color: #bfd3d8;}
map.journal-nav ul li.laba {margin-bottom:15px!important;}
map.journal-nav ul li.grouped {border-bottom:1px solid #e8eff7;}

/* subnav visibility and highlighting */
map.journal-nav .subnav .selected {background-color:#eaeaea;}
map.journal-nav .subnav a:hover {
	background:url(/fg/images/nav_dots2.gif) 11px 5px no-repeat #eaeaea!important;
	color:#000!important;
}
/* end */


/* leftnav highlighting */
map.journal-nav ul li {background-color: #ece6da;}

map.journal-nav li.selected a:link,
map.journal-nav li.selected a:visited
{color:#fff;}

map.journal-nav .selected,
map.journal-nav ul li a:hover
{
	color: #fff;
    background-color: #085879;
}
/* end leftnav highlighting */

/* leftnav toolbox */

#main-journal-nav ul.xoxo li.spacing {background:#fff;}

#main-journal-nav ul.xoxo li h2.toolbox {
	font-size:80%;
	font-weight:normal;
	padding:4px 5px;
	margin:20px 0 0 0;
    background-color: #085879;
	color:#fff;
}

#main-journal-nav li.nav-rss {
}

#main-journal-nav li.nav-rss a.rss:link,
#main-journal-nav li.nav-rss a.rss:active,
#main-journal-nav li.nav-rss a.rss:visited {
	background:url(/fg/images/rss.gif) no-repeat 2px 50%;
	padding-left:20px;

}

#main-journal-nav li.nav-rss a.rss:hover {
	background:url(/fg/images/rss_rollover.gif) no-repeat 2px 50% #085879;
}

#main-journal-nav li.nav-ealert {
}

#main-journal-nav li.nav-ealert a.reg-rec:link,
#main-journal-nav li.nav-ealert a.reg-rec:active,
#main-journal-nav li.nav-ealert a.reg-rec:visited {
	background:url(/fg/images/e-alert.gif) no-repeat 2px 50%;
	padding-left:20px;
}

#main-journal-nav li.nav-ealert a.reg-rec:hover {
	background:url(/fg/images/e-alertrollover.gif) no-repeat 2px 50% #085879;
}


/* end leftnav */

/* styles for supplementary journal nav - used in conjunction with "journal-nav" styles (ie: class="journal-nav supplementary") */
#journalnav map.supplementary ul a, #journalnav map.supplementary ul a:visited {
	font-size:70%;
	font-weight:normal;
}


a.backtotop:link, a.backtotop:visited {
	float:right;
	margin-top:5px;
	margin-right:10px;
	margin-left:7px;
	padding-left:10px;
	font-size:70%;
	color:#fff;
	background:url(/fg/images/arrow_white_up.gif) 0 0.6em no-repeat;
}
a.backtotop:hover {color:#fff;}

h1.page {
	font-weight:bold;
	font-size:100%;
	color:#fff;
	background:#fab934;
	padding:3px 0 3px 10px;
	margin:0;
	margin-bottom:10px;
}

img.arrow {margin-right:5px;}

a.arrow-blue {
	padding-left:10px;
	background:url(/fg/images/arrow_blue.gif) 0 0.5em no-repeat;
}

a.arrow-grey {
	padding-left:10px;
	background:url(/fg/images/arrow_grey.gif) 0 0.5em no-repeat;
}

a.arrow-red {
	padding-left:10px;
	background:url(/fg/images/arrow_red.gif) 0 0.5em no-repeat;
}


/* topten link (home and about the cover) */
#extranav a.topten:link, #extranav a.topten:visited {
	border-top:1px solid #eaeaea;
	padding:0.8em 0 0 10px;
	margin-top:0.6em;
	background:url(/common/images/arrow_blue.gif) 0 1.2em no-repeat;
	display:block;
	font-size:70%;
}
#extranav a.topten:hover {
	text-decoration:underline;
	background:url(/common/images/arrow_red.gif) 0 1.2em no-repeat;
}
/* end topten link */



/** 
 * MODULE: .footer
 *
 * Global footer
 */
#foot-er {
    clear:both;
	float:left;
	width:100%;
	margin: 20px 0;
    padding: 0;
    border-top: 0;
}

#foot-er #footer-journal {
    background: #eee;
    border-top: 1px solid #000;
    padding: 2px 1%;
}

#foot-er #footer-journal:after {
    content: url(/common/images/clear.gif);
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hide from IE Mac \*/
* html #foot-er #footer-journal {height: 1%;}
/* End hide from IE Mac */

#foot-er #footer-journal p {
    margin: 0 1em 0 0;
    padding: 0 1em 0 0;
    float: left;
}

#foot-er #footer-journal p.journal-name {
    font-size: 100%;
    font-weight: bold;
    font-style: italic;
}

#foot-er #footer-journal p.issn,
#foot-er #footer-journal p.eissn,
#foot-er #footer-journal p.extra {font-size: 100%;}

#foot-er #footer-links {
    padding: 5px 1%;
    background: #000;
}

#foot-er #footer-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#foot-er #footer-links ul li {display: inline;}

#foot-er #footer-links ul li a:link,
#foot-er #footer-links ul li a:visited {
    display: block;
    float: left;
    color: #fff;
    background: #000;
    text-decoration: none;
    border-left: 1px solid #fff;
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
}

* html #foot-er #footer-links ul li a:link,
* html #foot-er #footer-links ul li a:visited {display: inline;}

#foot-er #footer-links ul li a:hover {text-decoration: underline;}

#foot-er #footer-links ul li a.about-npg:link,
#foot-er #footer-links ul li a.about-npg:visited {
    font-weight: bold;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
}

#foot-er #footer-copyright {
	text-align:left!important;
    padding: 0 1%;
    border-top: 0;
}

* html #foot-er #footer-copyright .footer-constrain {text-align:left;} /* fix IE centering footer text */

#foot-er #footer-copyright a {
    color:#b1062e;
}

#foot-er #footer-copyright p {
    margin: 0;
    padding: 5px 0 0 0;
}

#foot-er #footer-copyright p.logo {
    background: url(/common/images/npg_logo.gif) no-repeat 0 50%;
    margin: 5px 0 0 0;
    padding: 7px 36px;
}

#foot-er #footer-copyright p a:link,
#foot-er #footer-copyright p a:visited {
    font-weight: bold;
    text-decoration: none;
}

#foot-er #footer-copyright p a.footer-copyright:link,
#foot-er #footer-copyright p a.footer-copyright:visited {
    color: #000;
    font-weight: normal;
}

#foot-er #footer-copyright p a:hover {text-decoration: underline;}








/*
---
End of style from main.css, start of styles from site.css
---
*/











/* overwrite layout.css */
* html #content-journalnav {width:100%;}
/* overwrite layout.css */

/* hide login bar */
.accessibility-login-wrap {}

/* provide shadow below header */
#head-er .header-nonad-wrapper {
	padding-bottom:16px;
	background: #fff url(/fg/images/shadow.jpg) repeat-x left bottom;
}

/* provide light blue above header */
#head-er div.blue-top {
	height:8px;
	background:#1086a5;
	border-bottom:1px solid #fff;
}


/* Journal header image and user services (register/subscribe/account details) */
#head-er .image-user-services-wrap {background-color:#004e6f;}
#head-er .image-user-services img.journal-header {width:416px; height:54px; margin:13px 0; background-position: 0 50%;}

#head-er .image-user-services {background:url(/fg/images/journal_header_bg.gif) no-repeat right top;}

#head-er .user-services a {background:url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #000;}
#head-er .user-services a:hover {background:url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #3b2a5f;}

#head-er .publications-search-wrap {
	background-color:#1086a5;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
}

#head-er .publications-search label {color:#fff;}
/*#head-er .publications-search input.button {background:004e6f;}*/

/* end Journal header */

/** 
 * Site-wide link colours
 */
a:link
{
	color: #044c7c;
}

a:visited
{
	color: #044c7c;
}

a:hover
{
	color: #c03;
}

a.whatisrss
{
    padding-left: 30px;
}




a.more:link,
a.more:visited
{
    background: url(/fg/images/arrow-more.gif) no-repeat left center;
    padding-left: 10px;
    font-weight: bold;
}

a.browse-all:link,
a.browse-all:visited
{
    color: #044c7c;
}

/* e-alert link */
div.e-alert {
	margin-bottom:20px;
	background:url(/fg/images/004e6f_vfade.gif) repeat-x 0 -2px;
}

div.e-alert a:link, div.e-alert a:visited {
	background:url(/fg/images/envelope.gif) no-repeat 10px 55%;
	padding:8px 0 8px 30px;
	font-size:70%;
	font-weight:bold;
	display:block;
	color:#fff;
	text-decoration:none;
}
div.e-alert a:hover {
	background:url(/fg/images/envelope_004e6f.gif) no-repeat 10px 55%;
	text-decoration:underline;
}
/* end e-alert link */

a.rss,
a.rss:visited
{
	background: url(http://www.nature.com/common/images/icons/rss.gif) no-repeat left center;
	padding: 3px 0 3px 20px;
	
}


a.pubmed,
a.pubmed:visited
{
    background: url(/fg/images/arrow01-left.gif) no-repeat left center;
    padding-left: 30px;
}
/* END: Site-wide link colours */

/** 
 * XHTML Elements
 *
 * The following overwrites some default browser behaviours for rendering
 * particular XHTML elements
 */

abbr:hover,
acronym:hover
{
    cursor: help;
}
/* END: XHTML Elements */


/** 
 * SKip Navigation Links
 *
 * the following declarations remove the skip navigation list item links
 * from page display and style the containing div as a narrow, yellow strip
 * at the top of the header
 *
#skiplinks
{
	height: 8px;
	background: #fec672;
	border-bottom: 3px solid #fff;
}

#skiplinks h1,
#skiplinks map,
#skiplinks ul
{
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
}
/* END: Skip Navigation Links */

/* rightnav spacer boxes */
div.spacer-box {
	height:61px;
	background-position:right top;
	background-repeat:no-repeat;
	width:99.9%;
}


/** 
 * .e-alert.register
 */
div.e-alert.register
{
	float: right;
	margin-top: 0.5em;
	font-size: 70%;
}
/* END: .e-alert.register */


/* vertical ad */
div.ad-rh {
	text-align:center;
	margin:20px 0;
	padding:10px 0;
}

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

/* skyscraper */
div.skyscraper img, div.skyscraper embed, div.skyscraper iframe {
	width:100%;
	height:600px;
	margin-right:35px;
}

div.skyscraper.wide img, div.skyscraper.wide embed, div.skyscraper.wide iframe {max-width:160px;}

* html div.skyscraper {/* IE only - "shrinks" flash ads by hiding overflow */
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}
/* end skyscraper */
/* end vertical ad */





















/*conferences and jobs*/

div.con-job {
background-color: #e6ebee;
padding: 5px;
}

 h2.con-job {
background: #bfd3d8;
color: #000;
font-weight: bold;
padding: 2px 0 2px 5px;
font-size: 80%;
margin: 20px 0 0 0

}
div.con-job a.standard:link, div.con-job a.standard:visited {
color: #000;
font-size: 70%;
background: #e6ebee;
}

div.con-job a.standard:hover {
color: #c03
}

div.con-job p {
color: #686868;
font-size: 70%;
padding: 0;
margin: 0 0 5px 0;
}

div.con-job a.callforpapers:link, div.con-job a.callforpapers:visited {
	color: #24A0F0;
	text-decoration: none;
	padding-left: 11px;
	background:url(/fg/images/arrow_home.gif) 0 0.5em no-repeat;
}

div.con-job span {
	background: #e6ebee;
}

/** 
 * .page-headline
 *
 * the following declarations set styles for the page-headline class
 * which is used for the primary h1 tag at the top of the content area.
 * This headline is often set to be hidden, but should always be present.
 */
.page-headline
{
    margin: 0 0 20px 0;
}

.page-headline h1
{
    color: #000;
    font-size: 80%;
    text-transform: uppercase;
}

.page-headline.spiel h1
{
	color: #000;
    background:#bfd3d8;
    margin: 0;
    padding: 3px 5px;
	 text-transform: uppercase;
	 }

.page-headline.spiel p
{
    font-size: 80%;
	color: #000;
    line-height: 150%;
    margin: 0.5em 0 1em 0;
}

.page-headline.spiel ul.more
{
    margin: 0.5em 0 1em 0;
    padding: 0;
    list-style-type: none;
    font-size: 80%;
}

.page-headline.spiel ul.more li
{
    line-height: 150%;
}
/* END: .page-headline */

/** 
 * .column-group
 *
 * .column-group provides a style class for a div frame which sets out two columns
 */
.column-group:after
{
    content:url(http://www.nature.com/common/images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .column-group
{
    height: 1%;
}
/* End hide from IE-mac */

div.column-group div.column-left
{
    float: left;
    width: 48%;
}

div.column-group div.column-right
{
    float: right;
    width: 48%;
}

div.column-group#research-article div.column-left
{
    float: left;
    width: 51%;
}

div.column-group#research-article div.column-right
{
    float: right;
    width: 45%;
}


div.column-group.ratio6040 div.column-left
{
    float: left;
    width: 58%;
}

div.column-group.ratio6040 div.column-left p
{ margin: 20px 0 0 0;
}

div.column-group.ratio6040 div.column-right
{
    float: right;
    width: 32%;
}


div.column-group.ratio7030 div.column-left
{
    float: left;
    width: 74%;
}

div.column-group.ratio7030 div.column-right
{
    float: right;
    width: 22%;
}
/* END: .column-group */

/** 
 * .box-group
 *
 * .box-group sets out a frame with a 1px border and a bottom margin into which
 * any number of boxes can be placed.
 * Boxes of the default .box class should always be held in a box-group, even
 * if there is only one box. This is because the default box style does not have
 * its own border and bottom margin.
 */
.box-group
{
    border: 1px solid#bfd3d8;
    margin-bottom: 20px;
}

.box-group:after
{
    content:url(http://www.nature.com/common/images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .box-group
{
    height: 1%;
}
/* End hide from IE-mac */
/* END: .box-group */

/** 
 * .box
 *
 * the following sets out styles for the default content box and a number of
 * variant subclasses of this.
 */
.box
{
    background-color: #bfd3d8;
}

.box.resources
{
    background-color: #ffe8c5;
}

.box h2
{
    font-size: 80%;
    color: #000;
    background-color:#bfd3d8;
    margin: 0;
    padding: 3px 5px;
}

.box h3
{
    color: #c03;
    font-size: 80%;
    background-color: #ffe8c5;
    margin: 0 0 0.5em 0;
    padding: 3px 5px;
}

.box .box-item
{
    padding: 5px;
}

.box div.box-item.highlit
{
    background: url(/cmc/update/images/bg-dots-matte-fff.gif) repeat-x left bottom #fff;
}

.box .box-item h3
{
    background-color: transparent;
    padding: 0;
}

.box .box-item h4
{
    font-size: 80%;
    margin: 0 0 0.5em 0;
}

.box .box-item p
{
	color: #000;
    font-size: 80%;
    line-height: 150%;
    margin: 0;
}

.box .box-item p.date
{
    font-size: 70%;
}

.box div.box-item.illustrated60
{
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 75px;
    min-height: 60px;
}
/* END: .box */

/** 
 * .calendar
 *
 * the following sets out styles for date-oriented lists of events, articles etc
 */
.calendar ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.calendar ul li
{
    border-bottom: 10px solid #fff;
}

.calendar ul li.first
{
    border-top: 10px solid #fff;
}

* html .calendar ul li ul li.ie-background-fix
{
    background-position: 5px 15px;
}

.calendar ul li.last
{
    border-bottom: 0;
}

.calendar ul li ul li
{
    background-color: #fff;
    padding: 5px;
}

.calendar ul li ul li.even
{
    background-color: #fff;
}

.calendar ul li h2
{
    font-size: 80%;
    color: #000;
    background: #bfd3d8;
    margin: 0;
    padding: 3px 5px;
}

.calendar ul li h3
{
    font-size: 80%;
    margin: 0;
    font-weight: normal;
    color: #c03
}

.calendar p.atl {
	font-weight: bold
}

.calendar ul li p
{
	color: #000;
    font-size: 80%;
    line-height: 150%;
    margin: 0;
}

.calendar ul li p.date,
.calendar ul li p.more,
.calendar ul li p.location
{
    font-size: 70%;
}

.calendar.conferences ul li p.date
{
    font-style: italic;
    font-size: 80%;
}

.calendar ul li.illustrated70
{
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 85px;
    min-height: 70px;
}

/* SUB-CLASS: .month-list */
.calendar.month-list
{
    border: 1px solid#bfd3d8;
    margin: 0 0 20px 0;
}

.calendar.month-list h2
{
    font-size: 80%;
    background:#bfd3d8;
    margin: 0;
    padding: 3px 5px;
}

.calendar.month-list ul
{
    font-size: 70%;
    padding: 5px;
}

.calendar.month-list ul li
{
    border-bottom: 0;
    line-height: 150%;
}
/* END-SUB: .month-list */
/* END: .calendar */

/** 
 * .subjects
 *
 * establishes styles for a left/right floated, two-column list for the research
 * library subjects
 */
 

.subjects h2
{
    font-size: 80%;
    color: #000;
    background: #bfd3d8;
    margin: 0 0 1em 0;
    padding: 3px 5px;
    text-transform: uppercase
}

.subjects ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 80%;
    
   
}

.subjects ul li
{
    float: left;
    width: 50%;
    line-height: 150%;
    
}

* html .subjects ul li
{
    width: 49%;
}

.subjects ul li.right
{
    float: right;
}

.subjects ul li.right:after
{
    content:url(http://www.nature.com/common/images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .subjects ul li.right
{
    height: 1%;
}
/* End hide from IE-mac */
/* END: .subjects */


/** 
 * .archive
 *
 * establishes styles for the archive box
 */

div.archive {
	
	font-weight: normal;

	
	}
div.archive .bx {
	border: 1px solid #bfd3d8;
	margin: 0;
	padding: 5px 5px 10px 5px;

}

.archive h2
{
	font-size: 80%;
    color: #000;
    background: #bfd3d8;
    margin: 20px 0 0 0;
    padding: 3px 5px;
    text-transform: uppercase
}

.archive h3 {
	font-size: 80%;
	margin-bottom: 0;
	margin-top: 5px

}

.archive a:link, .archive a:visited {
	font-size: 80%;
	font-weight: normal
}

/** 
 * .article
 * 
 * the following sets out required styles for featured articles
 * and research highlights articles
 */
.article
{
	border-top: 1px solid#bfd3d8;
}

.article.research
{
	border-top: 0;
}

.article h1
{
	font-size: 80%;
	color: #000;
    background:#bfd3d8;
    margin: 0;
    padding: 3px 5px;
    text-transform: uppercase;
}

.article h2#atl
{
	font-size: 90%;
	color: #c03;
	margin: 1em 0;
}

.article .cite-doi {

	display:block;
	margin-top:-1em;
	margin-bottom:1.5em;
	padding:0;
	font-size:70%;
	color: #7c7c7c;

}

.article p,
.article #references ol.norm
{
	font-size: 80%;
	color: #000;
	margin: 0 0 1em 0;
	line-height: 150%;
}

.article #references ol.norm li
{
	margin: 0 0 1em 0;
}

.article p.author,
.article #references span.journal
{
	font-style: italic;
}

.article #references h3
{
	font-size: 80%;
	margin: 1em 0 0 0;
}

.article .abstract,
.article #references span.jnumber
{
	font-weight: bold;
}

.article img
{
	border: 1px solid #ccc;
	padding: 5px;
}

.article img.right
{
	float: right;
	margin: 0 0 10px 10px;
}

.article img.left
{
	float: left;
	margin: 0 10px 10px 0;
}

.article div.article-source
{
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

.article div.article-source h3
{
	font-size: 70%;
	margin: 0 0 0.5em 0;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}

.article div.article-source p.source,
.article div.article-source p.source a:link,
.article div.article-source p.source a:visited
{
	display: block;
	width: 160px;
	height: 37px;
	margin: 0;
	padding: 0;
}


.article div.article-source p.source cite
{
	position: absolute;
 	left: 0px;
 	top: -500px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;
}

.article div.article-source ul.options
{
	margin: 0;
	padding: 0.5em 0;
	list-style-type: none;
	font-size: 70%;
}

.article div.article-source ul.options:after
{
    content:url(http://www.nature.com/common/images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .article div.article-source ul.options
{
    height: 1%;
}
/* End hide from IE-mac */

.article div.article-source ul.options li
{
	float: left;
	margin: 0 1em 0 0;
	padding: 0 1em 0 0;
	border-right: 1px solid #000;
	text-transform: lowercase;
}

.article div.article-source ul.options li.last
{
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}

.article div.article-source ul.options li a:link,
.article div.article-source ul.options li a:visited
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.article div.article-source ul.options li a:hover
{
	color: #c03;
}

.article div.column-group div.push
{
	clear: both;
	padding: 0 !important;
	border-top: 1px solid#bfd3d8;
	margin-bottom: 1em;
}
/* END: .article */

/** 
 * .article-navigation
 *
 * establishes styles for the article navigation menu
 */
.article-navigation
{
	margin-top: 1em;
	background: #fff;
}

.article.research .article-navigation
{
	margin-top: 0;
}

.article-navigation h3
{
	font-size: 80%;
    background:#bfd3d8;
    margin: 0;
    padding: 3px 5px;
    text-transform: uppercase;
}

.article-navigation ul
{
	margin: 0;
	padding: 0.5em;
	list-style-type: none;
	font-size: 80%;
}

.article-navigation ul li
{
	margin-bottom: 1em;
}

.article-navigation ul li a:link,
.article-navigation ul li a:visited
{
	padding-left: 15px;
	min-height: 9px;
	background: url(/fg/images/arrow.gif) no-repeat 0 50%;
}
/* END: .article-navigation */

/** 
 * .ealert
 * 
 * styles for the ealert subscribe form
 */
div.ealert form label
{
	font-size:80%;
	font-weight:bold;
}

div.ealert #cmg-submit
{
	font-size:80%;
	font-weight:bold;
	color: #000;
	background-color: #bfd3d8;
	width: 5em;
	height: 1.75em;
	margin-top: 2em;
}
/* END: .ealert */

/** 
 * .advert
 *
 * the following declarations sets styles for advertisements
 */
.advert
{
	margin: 0 0 20px 0;
	text-align: center;
}

.advert img
{
	vertical-align: bottom;
}
/* END: .advert */

/** 
 * .info-box
 *
 * this class establishes styles for information boxes with coloured backgrounds,
 * dotted top and bottom borders, and a list style with the standard arrow icon
 */
.info-box
{
	color: #000;
    margin: 0 0 20px 0;
	padding: 1em 1em 0 1em;
	background-color: #bfd3d8;
	border-top: 1px dashed#bfd3d8;
	border-bottom: 1px dashed#bfd3d8;
}

.info-box p
{
    font-size: 80%;
	color: #000;
    line-height: 150%;
    margin: 0.5em 0 1em 0;
}

.info-box ul
{
	font-size: 80%;
	list-style-image: url(/fg/images/arrow-more.gif);
	margin: 0;
	padding: 0 0 1em 20px;
}

.info-box ul li
{
	margin-bottom: 1em;
}
/* END: .info-box */

/** 
 * Generic Classes
 */
.issue
{
    font-weight: bold;
}

.em-upper
{
    text-transform: uppercase;
}
/* END: Generic Classes */



a.button {
	float: right;
	color:#085879;
	background-color:#fff;
	border: 1px solid #78A8C6;
	text-decoration: none;
	padding: 2px;
	margin: 10px;}

a.button:hover {
	background:#085879;
	color:#fff;
}

a.button.shrink {margin-top:0;}




/*
-----------------------------------------------------------------------
front page
-----------------------------------------------------------------------
*/



#content .featurebox p.doi {
	font-size:80%;
	margin:0;
	font-weight:normal;
	color: #1888C8;
}

#content .featurebox p.norm,
#content .featurebox p
 {
	font-size:80%;
	margin: 0 0 10px 0;
}


#content h1 {
	margin:0 0 10px 0;
	padding:3px 0 3px 5px;
	color:#000;
	font-size:100%;
	font-weight:bold;
}

#content h2.page {
	margin:0;
	color:#000;
	font-size:80%;
	font-weight:bold;
	background: #bfd3d8;
	padding: 3px 0 3px 5px;
	clear:both;
}

#content h5 {
 color: #084878;
 margin: 5px 0 5px 10px;
 
}

#content .norm {
	font-size:80%;
	font-weight: normal !important;}

/* top of page "issue" styles */
#content div.issue h1 span.description {
	display:block;
	color:#000;
	font-size:80%;
}

#content div.issue h1 span.description span.issue {
	font-size:80%;
	font-weight:normal;
}

/* global hr styles */
hr {display:none}

div.hr {
	margin:0;
	padding:4px 0 4px 0;
	background:url(/common/images/line.gif) center center repeat-x;
}
/* end global hr styles */
#content div.issue {margin-bottom:1em;}

#content div.issue div.cover {
	float:left;
	
	margin-right:10px;
	width:240px !important;
	width /**/:233px;
}

#content div.issue img {
	border:1px solid #ccc;
	padding: 5px;
	width:233px !important;
	width /**/:232px;
}

#content div.issue a.about-the-cover:link, #content div.issue a.about-the-cover:visited {
	padding-left:7px;
	background:url(/common/images/arrow_blue.gif) center left no-repeat;
	font-size:80%;
	display:block;
	margin:4px 0 9px 0;
}
#content div.issue a.about-the-cover:hover {background:url(/common/images/arrow_red.gif) center left no-repeat;}

#content div.issue div.issue-links {
	margin-left:172px;
	margin-top: 10px
}

#content div.issue ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#content div.issue-links ul.content-links {
	margin: 0;
	padding:0;
	list-style-type:none;
}

#content div.issue-links ul.content-links li {
	padding:0.25em 0;
	font-weight:bold;
	font-size:80%;
}

#content div.issue-links ul.issue-links {
	margin:0 0 0 20px;
	padding:0;
	list-style-type:none;
}

#content div.issue-links ul.issue-links li {padding:0.2em 0;}

#content div.issue-links ul.issue-links li a:link, 
#content div.issue-links ul.issue-links li a:visited {
	margin:0;
	background:url(/fg/images/arrow_home.gif) no-repeat 0 50%;
	font-size:80%;
	padding-left:10px;
}

/* end top of page "issue" styles */


/* featureboxes */
#content .container {float:left;}
* html #content .featurebox {height:1%;}/* peekaboo bugfix */
#content .featurebox {margin:10px 0 20px 0;}
#content .featurebox .padder {padding:5px;}
#content .featurebox .padder .heading {margin-top:-5px;}/* when heading contains no image */

#content .featurebox.colour {
	background-color:#fff;
	border:1px solid #bfd3d8;
}

#content div.left {
	float:left;
	width:48%;
}

#content div.right {
	float:right;
	width:48%;
}

#content .featurebox h3 {
	font-size:80%;
	text-transform:uppercase;
	background:#bfd3d8;
	color:#000;
	padding:3px 5px;
	margin:0;
	border-bottom:1px solid #fff;
}
#content .featurebox h3 a {
	color:#fff;
	text-decoration:none;
}
#content .featurebox h3 span {
	display:block;
	font-weight:normal;
}

/* header styles */
#content .featurebox .atl-or-category {
	font-size:80%;
	margin: 0;
	font-weight: bold;
	border-top:5px solid #fff;/* border used instead of margin to fix Gecko bug */
}
#content .featurebox.colour .atl-or-category {border-color:#fff;}

#content .featurebox .homesubject {
	font-size:90%;
	margin:0;
	border-top:5px solid #fff;/* border used instead of margin to fix Gecko bug */
}
* html #content .featurebox .homesubject {margin:0;}/* IE doesn't like negative margin */
#content .featurebox.colour .homesubject {border-color:#fff;}

#content .featurebox .seealso {
	font-size:90%;
	display:inline;
	color:#000;
}
/* end header styles */
#content .featurebox .sub-head {
	background-color: #e6ebee;
	color: #1888c8;
	padding: 5px;
	font-size: 80%;
	font-weight:normal;
	margin:0;
}

#content .featurebox .padder .sub-head {
	background-color: transparent;
	color: #1888c8;
	padding:0;
	font-size: 90%;
	font-weight:bold;
	margin:10px 0;
}

#content .featurebox .sub-head.line {
	border-top:1px solid #d8d8e8;
	padding-top:10px;
	margin-top:0;
}

#content .featurebox div.heading-image img {
 	float:left;
	padding: 3px;
	margin: 8px 0 5px 0;
}

#content .featurebox img {border: 1px solid #ccc;}

#content .featurebox div.heading-image .text {
 	margin-left:80px;
}

#content .featurebox a.arrow {
	font-size:90%;
	font-weight:bold;
	margin-top:5px;
}
#content .featurebox div.see-also a {
	font-size:90%;
	font-weight:bold;
}




#content div.aop {background-color:#dae6ff}
/* end featurebox styles */


/* prelaunch */
#content div.cover a.subscribe:link, #content div.cover a.subscribe:visited {
	color:#fff;
	font-size:90%;
	font-weight:bold;
	background:#bfd3d8;
	padding:1px 0;
	text-decoration:none;
	border:1px solid #fff;
	border-top-color:#ddd;
	border-right-color:#555;
	border-bottom-color:#555;
	border-left-color:#ddd;
	display:block;

	text-align:center;
	text-transform:uppercase;
}

#content div.cover a.subscribe:hover {background-color:#c03;}

* html #content a.register {background:url(/common/images/icons/fff/envelope.gif) 0 0.5em no-repeat;}
#content a.register {
	display:block;
	background:url(/common/images/icons/fff/envelope.gif) 0 0.3em no-repeat;
	padding-left:20px;
	font-size:80%;
}

* html #content a.recommend {background:url(/common/images/icons/fff/tick.gif) 0 0.3em no-repeat;}
#content a.recommend {
	display:block;
	background:url(/common/images/icons/fff/tick.gif) 0 0.2em no-repeat;
	padding:1px 0 1px 20px;
	font-size:80%;
}

#content div.callpapers {
	background-color:#f3f7fb;
	border:1px solid #e7e7e7;
	padding:5px;
	margin:20px 0 10px 0;
	text-decoration:none;
}

#content div.callpapers h2 {
	margin:0;
	font-size:90%;
}

#content div.callpapers p {
	margin:0;
	font-size:80%;
}
/* end call for papers "box link" */


#content .pl-list {
	padding:10px;
	border:1px solid #dae6ff;
}

#content .pl-list .atl {
	font-size:90%;
	font-weight:normal;
	margin:0;
}

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

#content .pl-list li {
	margin:15px 0;
}

#content .pl-list p {
	margin:0;
	font-size:90%;
}
/* end prelaunch */


/*research library box styles*/

#content div.issue-links .left {
	float: left;
	margin: 0;
	padding-left: 10px;
}


/** 
 * MODULE: .footer
 *
 */

#foot-er #footer-journal {
	background: #1086a5;
	color:#fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#foot-er #footer-journal p.journal-name {
    font-size: 110%;
}
#foot-er #footer-copyright a {
    color:#000;
}

#foot-er #footer-copyright p a:link,
#foot-er #footer-copyright p a:visited {
    font-weight: normal;
    text-decoration: underline;
}  

/* ---------------------------------------------
Additional and extra styles added July 2006
By JDG @ NPG UK
For Functional Glycomics Gateway
----------------------------------------------*/  

/* generic styles */

img.spacer {
	border:none!important;
	margin:5px;
	padding:0;
	float:left;
	width:115px;
	height:101px; 
}

.no-background {background:transparent!important;}

#content-journalnav #content a.block:link,
#content-journalnav #content a.block:active,
#content-journalnav #content a.block:visited {
	display:block;
	margin:0.5em 0;	
	font-size:80%;
	font-weight:bold;
} 

/* image box */
#content div.image-legend {
	float:right;
	border:1px solid #ccc;
	margin:1.8em 0 10px 10px;
	padding:4px;
	width:180px;
}

#content div.image-legend p {
	margin:0;
	padding:0;
	font-size:70%;
}

#content div.image-legend img {
	border:0;
	margin:0;
	padding:0;
	display:block;
	width:180px;
}

#content div.image-legend span {font-style:italic;}
/* end image box */

/* featurebox styles start */

#content-journalnav #content div.featurebox h5 {
 	Margin:0.5em 0;
	padding:0;
	font-size:80%;
}	

#content-journalnav #content p.author {
	font-size:80%; 
	color:#666;
	margin:0 0 10px 0;
	padding:0;
}

#content-journalnav #content div.column-right div.featurebox {
	border:0;
	text-decoration:none;	
}

/* featurebox styles end */

/* ----------------
XOXO styles
------------------*/

/* featurebox styles */

#content-journalnav #content div.featurebox .xoxo {
	margin:0;
	padding:0;
	list-style:none;
}

#content-journalnav #content div.featurebox .xoxo li {
	margin:0.5em 0;
	padding:0;
}

#content-journalnav #content div.featurebox .xoxo li ul {
	margin:0;
	padding:0 1em;
	list-style:none;
}

#content-journalnav #content div.featurebox .xoxo li ul li.doi {
	font-size:80%;
}

/* calendar styles */

#content-journalnav #content div.calendar .xoxo li ul li.even {
	background-color:#f3fafe;
}

#content-journalnav #content div.featurebox .xoxo li a.onpagenav:link,
#content-journalnav #content div.featurebox .xoxo li a.onpagenav:active,
#content-journalnav #content div.featurebox .xoxo li a.onpagenav:visited {
	margin:0;
	padding:0 0 0 7px;
	font-size:80%;
	background: url(http://www.nature.com/common/images/arrow_blue.gif) no-repeat left center;
}

#content-journalnav #content div.featurebox .xoxo li a.onpagenav:hover {
	background: url(http://www.nature.com/common/images/arrow_red.gif) no-repeat left center;
}

.xoxo li ul.twocol {margin:0 padding:0;}
#content-journalnav #content div.featurebox .xoxo li ul.twocol li.right {float:right; display:block; clear:right; width:49%;}
#content-journalnav #content div.featurebox .xoxo li ul.twocol li.left {float:left; display:block; clear:left; width:49%;}

/* 3 col - may not be needed */

/*div.column-group.ratio6040x div.column-left{    float: left;  width: 73.5%;} */

/* div.column-group.ratio6040x div.column-left p{ margin: 20px 0 0 0;} */

/* div.column-group.ratio6040x div.column-right { float: right; width: 24%; } */

/* toolbox menu styles */

.toolbox
{
    margin: 0 0 20px 0;
    background: #ece6da;
    padding: 0 0 10px 0;
	list-style:none;
}

.toolbox h2
{
	font-size: 70%;
	color: #fff;
	background: #004e6f;
	margin: 0;
	padding: 3px 5px;
	font-weight:normal;
}

.toolbox ul
{
    margin: 0;
    padding: 0 5px;
    list-style: none;
}

.toolbox #toolbox ul li {padding: 2px 10px;}

.toolbox a:link,
.toolbox a:visited {
	font-size:70%;
	color:#000;
	display:block;
}

.toolbox a:hover {color: #c03;}

.toolbox li.nav-e-alert a:link,
.toolbox li.nav-e-alert a:visited {
	background:url(/fg/images/envelope.gif) no-repeat left center;
	padding:0 0 0 20px;
	margin-top:3px;
}
/* toolbox menu styles end */

/*  new HEADER styles start */

div.email-alert {float:left;}

/*  ie6 fix to make the link sit correctly */
*html div.email-alert a {line-height:2em;}

div.email-alert a:link, 
div.email-alert a:active, 
div.email-alert a:visited {
	font-size:80%; 
	color:#fff;
}

div.email-alert a:hover {color:#000;}

/*  new HEADER styles end */

/* NPG resources styles */
h2.npg-resources {
	font-weight:bold;
	font-size:80%;
	background-color:#b1062e;
	color:#fff;
	margin:0;
	padding:2px 5px 2px 5px;
}

ul.npg-resources {
	list-style-type:none;
	text-align:left;
	margin:0;
	padding:0;
	margin-bottom:20px;
}

ul.npg-resources li {
	margin:0;
	background-color:#eaeaea;
	border-bottom:solid 1px #fff;
}

ul.npg-resources a, ul.npg-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.npg-resources a:hover {
	color:#fff;
	text-decoration:none;
	background-color:#b1062e;
}
/* end NPG resources styles */