/*
-----------------------------------------------------------------------
Nature History AKA History of the Journal Nature Website Stylesheet
-----------------------------------------------------------------------
NOTES:

Design and build: JDG July - October 2007 for NPG
WPE: Jasmine Myer / Manpreet Mankoo
XML: Catherine Alexander
Project manager: Niamh Shields
Editor: Arran Frood
Publisher: Sarah Greaves / Samia Mantoura

All HTML and STYLES copied and adapted from REPORTS_TEMPLATES
-----------------------------------------------------------------------
*/










/* history change site wide link colors*/

a:link {color:#416281;}
a:hover {color:#c00;}
a:visited {color:#416281;}
a:visited:hover { color : #c00; }

/*header colours*/

#hdr #header-nav a:link, #hdr #header-nav a:visited {color: #000;}
#hdr #header-nav li.hilite {background-image: url(/nature/history/images/tab_l_hilite.gif);}
#hdr #header-nav .hilite a {background-image: url(/nature/history/images/tab_r_hilite.gif);}
#hdr .user-services .li1 a {background-image:url(/nature/history/images/bg_cc_myaccount.gif);}
#hdr .user-services .li2 a {background-image:url(/nature/history/images/bg_cc_ealert.gif);}
#hdr .user-services .li3 a {background-image:url(/nature/history/images/bg_cc_subscribe.gif);}
#hdr .user-services .li4 a {background-image:url(/nature/history/images/bg_cc_rss.gif);}

/* end history change site wide link colors */

/* generic styles - do not edit */

hr {display:none;}

#content  {
	background:url(/nature/history/images/generic/h1.gif) no-repeat left top;
}

#content h1#page-title {
	padding:0 0 0 60px;
	margin:7px 0 20px 0;
	font-family: Arial, "MS Trebuchet", sans-serif;
}

#home #content h1#page-title, #editors #content h1#page-title, #editors #content, #home #content { 
	background:none;
	padding:0;
}

#spotlight h1.headingmain, h2 {
	color:#4278ac;
	margin-top:0;
	font-size:140%;
	font-family: Arial, "MS Trebuchet", sans-serif;
}

#histories h2 { color:#000; }

h3 {
	color: #444;
	font-size: 100%;
	margin: 0 0 6px;
}

p.intro, p.top-intro  {
	font-size: 80%;
	margin: 0;
}

#spotlight p.intro { margin-bottom: 1em;}
p.norm { font-size:80%; }

/* end generic styles */



/* rss direct link */

#content div.rss-updates-link {
	background-color:#fafafa;
	padding:1px 5px 5px 5px;
	border:1px solid #ccc;
	text-align:right;
	float:right;
	}

#content div.rss-updates-link a.rss-link:link,
#content div.rss-updates-link a.rss-link:active,
#content div.rss-updates-link a.rss-link:visited {
	background: url(/nature/history/images/index/rss_3d.gif) no-repeat right center;
	padding:15px 57px 17px 20px;
}

#content div.rss-updates-link a.rss-link:hover {
	background: url(/nature/history/images/index/rss_3d_hover.gif) no-repeat right center;
}


/* end rss direct link */



/* links with icons */

#content a.arrow-link:link,
#content a.arrow-link:active,
#content a.arrow-link:visited {
	padding-left:8px;
	background:url(/common/images/arrow_blue2_right.gif) no-repeat 0% 55%;
}

#content a.arrow-link:hover {background:url(/common/images/arrow_red_right.gif) no-repeat 0% 55%;}

#content ul.list-link {
	list-style:none;
	margin:0;
	padding:0;
	font-size:80%;
}


/* end links with icons */


/* article page left hand navigation or tools box */

ul#article-tools {
	list-style:none;
	margin:10px 0;
	padding:5px 0;
	border-left:1px solid #efefef;
	border-bottom:1px solid #efefef;
	background:url(/nature/history/images/index/lh_title_background.gif) no-repeat right top;

}

#article-tools li.box-title {
	margin:0; 
	padding:0;
}

#article-tools li.box-title h2 {
	font-size:90%;
	margin:0;
	padding:3px 0 11px 35px;
	background:url(/nature/history/images/index/arrow_right_small.gif) no-repeat 5px top;
}

ul#article-tools li ul.article-nav {
	background:url(/nature/history/images/index/lh_box_background.gif) repeat-x 0% 0%;
	list-style:none;
	margin:0;
	padding:5px;
}

#article-tools li ul.article-nav li {
	margin:0 0 10px 0;
	padding:2px 0 2px 18px;
	font-size:80%;
}
	
#article-tools li ul.article-nav li a:link, #article-tools li ul.article-nav li a:active, #article-tools li ul.article-nav li a:visited { color:#b1062e; }
#article-tools li ul.article-nav li a:hover { color:#000; }
	
#article-tools li ul.article-nav li.references {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	padding-top:10px;
	padding-bottom:10px;
}

#article-tools li ul.article-nav li.previous {background:url(/nature/history/images/index/double_arrow_left.gif) no-repeat 0% 60%;}
#article-tools li ul.article-nav li.next {background:url(/nature/history/images/index/double_arrow_right.gif) no-repeat 0% 60%;}
#article-tools li ul.article-nav li.references {background:url(/nature/history/images/index/double_arrow_down.gif) no-repeat 0% 60%;}
#article-tools li ul.article-nav li.send-to-a-friend {background:url(/nature/history/images/index/send_to_a_friend.gif) no-repeat 0% 60%;}
#article-tools li ul.article-nav li.permissions {background:url(/nature/history/images/index/rights_and_permissions.gif) no-repeat 0% 60%;}
#article-tools li ul.article-nav li.save-this-link {background:url(/nature/history/images/index/save_this_link.gif) no-repeat 0% 60%;}

/* jobs box */

#natjob.box {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:0;
	border-top:0;
	background:url(/nature/history/images/index/rh_box_background.gif) repeat-x 0% 0%;
	padding:0;
	margin-bottom:20px;
}

#natjob.box a:link, #natjob.box a:visited { color:#b1062e; }
#natjob.box a:hover { color:#000; }

#natjob.box h2.natjob {
	text-align:right;
	margin:0;
	padding:10px 0;
	background:url(/nature/history/images/index/rh_title_background.gif) no-repeat left top;
}


#natjob.box h2.natjob a:link {
	text-align:right;
	margin:0 5px 0 0;
	padding:5px 35px 5px 0;
	background:url(/nature/history/images/index/arrow_right_small.gif) no-repeat right top;
}

#natjob.box ul.natjob { padding:5px 10px; }

#natjob.box div.natjobmore {
	padding:5px;
	border-top:1px dotted #a0b4cd;
}

#natjob h3 { font-size:80%; }

.dark h2.natjob {
	font-size:100%;
	background-color: #C6D2E1;	
	background-image: url(/nature/history/images/rh_title_background.gif);	background-position : top left;
	background-repeat : repeat-x;	
}

/* end jobs box */

/* spotlight, best of nature, journal-club search box  - adapted from pre-exisiting stem cells html */

#search-journal-club.box {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:0;
	border-top:0;
	background:url(/nature/history/images/index/rh_box_background.gif) repeat-x 0% 0%;
	padding:0;
}

#search-journal-club.box a:link, #search-journal-club.box a:visited { color:#b1062e; }
#search-journal-club.box a:hover { color:#000; }

#search-journal-club.box h2 {
	text-align:right;
	margin:0;
	padding:10px 0;
	background:url(/nature/history/images/index/rh_title_background.gif) no-repeat left top;
	font-size:100%;
	color:#000;
}


#extranav .box h2 span.arrow {
	text-align:right;
	margin:0 5px 0 0;
	padding:5px 35px 5px 0;
	background:url(/nature/history/images/index/arrow_right_small.gif) no-repeat right top;
}

#search-journal-club.box form { margin:5px; }
#search-journal-club.box form h3 { font-size:80%; }

#search-journal-club.box form input.search {
	border: 1px solid #999;
	font-size:70%;
	padding:2px 5px;
}

#search-journal-club.box form input.go {
 	border:1px solid #999;
 	background-color:#fff;
	font-size:60%;
 	padding:1px 5px;
}

/* end , best of nature, journal-club search box */

/* spotlight resources box start */

#extranav div.box.resources {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:0;
	border-top:0;
	background:url(/nature/history/images/index/rh_box_background.gif) repeat-x 0% 0%;
	padding:0;
	margin-bottom:20px;
}

#extranav div.box.resources h2 {
	text-align:right;
	margin:0;
	padding:10px 0;
	background:url(/nature/history/images/index/rh_title_background.gif) no-repeat left top;
	font-size:100%;
	color:#000;
}

#extranav div.box.resources ul.item {
	list-style:none;
	margin:5px;
	padding:0;
	font-size:80%;
}

#extranav div.box.resources ul.item li { padding:3px 0 5px 20px; }
#extranav div.box.resources ul.item li.digital { background:url(/nature/history/images/digital.gif) no-repeat 0% 50%; }
#extranav div.box.resources ul.item li.news { background:url(/nature/history/images/news.gif) no-repeat 0% 50%; }
#extranav div.box.resources ul.item li.rss { background:url(/nature/history/images/rss.gif) no-repeat 0% 50%; }

/* spotlight resources box end */

/* nature news and nature subscribe right hand start */

#extranav .rh-nature-link {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(/nature/history/images/rh/rh_butt_back.gif) repeat-x left top;
	margin-bottom:20px;
	padding:2px 5px;
}

#extranav .rh-nature-link p {
	font-size:80%;
	text-align:center;
}

#extranav .rh-nature-link p a:link,
#extranav .rh-nature-link p a:active,
#extranav .rh-nature-link p a:visited {text-decoration:none;}

#extranav .rh-nature-link img {
	border:0;
	width:161px;
	height:21px;
	padding:3px 0;		
}

#extranav img.nature-news-logo { background:url(/nature/history/images/rh/nature_news_logo_red.gif) no-repeat 50% 50%; }
#extranav img.nature-logo { background:url(/nature/history/images/rh/nature_logo_red.gif) no-repeat 50% 50%; }

/* nature news and nature subscribe right hand end */






/* page tabs - adapted from pre-existing HTML */
/* new styles due to journal club page merge */
#sort-nest {
	background: url(/nature/history/images/timeline/tab_back.gif) no-repeat left top;
	float: left;
	height:64px;
	list-style-type: none;
	margin: 0 0 20px;
	padding-left: 10px;
}

#sort-nest li {
	border-left: 1px solid #CACACA;
	float: left;
	font-size: 70%;
	font-weight: bold;
	margin: 0;
	padding: 22px 4px;
}

#sort-nest li a { color: #B1062E; }
.paper-details li p.cite { margin: 0; }
#sort-nest li.sort-nest-highlight, #sort-nest li.active { background: url(/nature/history/images/timeline/timeline_active_tab.gif) no-repeat left top; }
#sort-nest li.sort-nest-highlight a:link, #sort-nest li.active a:link, #sort-nest li.sort-nest-highlight a:visited, #sort-nest li.active a:visited { color: #fff; }

/* new styles due to journal club page merge */

.tabs {
	background: url(/nature/history/images/timeline/tab_back.gif) no-repeat left top;
	height:64px;
	float:left;
	padding-left:10px;
	margin-bottom:20px;
}

div.bottom-line {
	background:url(/nature/history/images/timeline/tab_back_end.gif) no-repeat right top;
	height:63px;
	width:14px;
	float:left;
	margin-bottom:20px;
}

.tabs h2 {
	float:left;
	font-size:80%;
	margin:0;
	padding:22px 3px;
	border-left:1px solid #cacaca;
}

.tabs .tab:after {
    content:url(/common/images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.tabs .active { 
	color:#fff;
	background: url(/nature/history/images/timeline/timeline_active_tab.gif) no-repeat left top;
}

.tabs .inactive a:link, .tabs .inactive a:active, .tabs .inactive a:visited { color:#b1062e; }

.tabs .inactive a:hover { 
	color:#fff;
	background: url(/nature/history/images/timeline/timeline_active_tab.gif) no-repeat left top;
	margin:0;
	padding-top:22px;
	padding-bottom:22px;
}


.tabs .active a:link, .tabs .active a:active, .tabs .active a:visited { color:#fff; }
.tabs .active a:hover { color:#b1062e; }
/* end page tabs - adapted from pre-existing HTML */

/*
-----------------------------------------------------------------------
Start Index page styles by JDG
-----------------------------------------------------------------------
*/


#content #index-container {}

#content #index-container ul.row-container {
	background:url(/nature/history/images/index/bg_row_dots.gif) no-repeat 50% 0%;
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

ul.row-container:after {
    content:url(/common/images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

#content #index-container ul.row-container li {
	width:47%;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

/* font size and display */


#content #index-container ul.row-container li h1 {
	font-size:130%;
	background-image:url(/nature/history/images/index/arrow_right.gif);
	padding-top:10px;
	padding-bottom:20px;
	margin:0;
}

#content #index-container ul.row-container li h1 a:link {
	margin:0;
	padding:0;
}

#content #index-container ul.row-container li.left h1 {
	background-position: top left;
	background-repeat: no-repeat;
	padding-left:50px;
}

#content h1 {
	font-size:160%
}

#content #index-container ul.row-container li.right h1 {
	background-position: top right;
	background-repeat: no-repeat;
	padding-right:50px;
}

#content #index-container ul.row-container li h2 {
	font-size:90%;
	margin:0;
	padding:0;
}
	
#content #index-container ul.row-container li h3 {}
#content #index-container ul.row-container li p { font-size:80%; }

#content #index-container ul.row-container li span.highlight {
	font-weight:bold;
	color:#f00;
}

/* index spacer - homepage images with reflection */

#content #index-container ul.row-container li.right div.index-image {
	float:left;
	margin-right:5px;
}

#content #index-container ul.row-container li.left div.index-image {
	float:right;
	margin-left:5px;
}

#content #index-container ul.row-container li div.index-image canvas { height:25px!important; }

/* index spacer - homepage images with reflection end */
	
#content #index-container ul.row-container li.right {
	text-align:right;
	margin-left:3%;
}

#content #index-container ul.row-container li.left { margin-right:3%; }
#content #index-container ul.row-container li h1 { font-family: Arial, "MS Trebuchet", sans-serif; }

/* end index page styles */



















/*
-----------------------------------------------------------------------
Start Timeline page styles 
all styles copied and adapted from REPORTS
- please forgive the strange titles for the css and redundant styles:
- brief was to use the exact same HTML as reports and adapt the styles.
-----------------------------------------------------------------------
*/

/* timeline nav */

#timeline-navigation { background-image:url(/nature/history/images/nav_tr.gif); }

#timeline-navigation {
	background-position:right top;
	background-repeat:no-repeat;
	font-size:80%;
	margin:25px 5px 0pt 0pt;
	padding:10px 30px 0pt 0pt;
	width:50%;
}

#timeline-navigation ul {
	background:transparent url(/nature/history/images/nav_bl.gif) no-repeat scroll left bottom;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt 0pt 10px 10px;
}

#timeline-navigation ul li {
	background:transparent url(/nature/history/images/timeline_arrow.gif) no-repeat scroll 0.5em 0.9em;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	padding:5px 0pt 10px 13px;
}

#timeline-navigation ul li.first {border-top:1px solid #999999;}

#timeline-navigation ul li.last {border-bottom:1px solid #999999;}

dl#date-line {
margin:0pt;
padding:0pt 0pt 1px;
-x-background-x-position:4.5em;
-x-background-y-position:100%;
background-attachment:scroll;
background-color:transparent;
background-image:url(/nature/history/images/border_drop.gif);
background-repeat:no-repeat;
}

dl#date-line dt {
	float:left;
	font-family:arial,Verdana,Helvetica,sans-serif;
	font-size:160%;
	padding-top:6px;
}

dl#date-line dd {
	border-right:1px solid #717171;
	margin-left:4.5em;
}

dl#date-line dd.gradient1 {
	background-image:url(/nature/history/images/gradient1down.gif);
}

dl#date-line dd.gradient1.expanded {
	background-image:url(/nature/history/images/gradient1.gif);
}

dl#date-line dd.gradient2 {
	background-image:url(/nature/history/images/gradient2down.gif);
}

dl#date-line dd.gradient2.expanded {
	background-image:url(/nature/history/images/gradient2.gif);
}


dl#date-line dd.gradient1-nolink, 
dl#date-line dd.gradient2-nolink, 
dl#date-line dd.gradient1.expanded, 
dl#date-line dd.gradient1, 
dl#date-line dd.gradient2.expanded, 
dl#date-line dd.gradient2 {
	background-position:right top;
	background-repeat:repeat-y;
}

dl#date-line dd .timeline-header {
	background:transparent url(/nature/history/images/h2_left.gif) repeat-y scroll left top;
	padding:10px;
}

dl#date-line dd h2 {
	font-size:90%;
	font-weight:bold;
	margin:0pt;
	padding:0pt 30px 0pt 10px;
}

dl#date-line dd div.content {
	background:#FFFFFF url(/nature/history/images/indent.gif) no-repeat scroll left top;
	margin:0pt;
	padding:0pt;
}


#timeline dl#date-line dd div.content ul li {
	padding-bottom:15px;
}

dl#date-line dd ul li {
	list-style:none;
	font-family:Verdana,Arial,sans-serif;
	font-size:80%;
	font-weight:normal;
	line-height:130%;
	padding:10px 10px 0 0;
	margin:0;
}


dl#date-line dd ul li img.timeline-content-image {
	float:left;
	border:1px solid #ccc;
	margin:0 5px 5px 0;
}














/*
-----------------------------------------------------------------------
Start Histories page styles 
- Styles based on timeline page styles above
-----------------------------------------------------------------------
*/

#histories dl#date-line dd .timeline-header {
	background:0;
	border-left:1px solid #787878;
	border-bottom:1px solid #787878;
}

#histories dl#date-line dd div.content {
	background:0;
}

#histories dl#date-line dd div.content ul.timeline {
	background-color:#fff;
	border-left:1px solid #787878;
	margin:0;
	padding:10px 20px;
}

#histories dl#date-line dd.gradient1 {background-image:url(/nature/history/images/histories/gradient1_down.gif);}

#histories dl#date-line dd.gradient1.expanded {background-image:url(/nature/history/images/histories/gradient1.gif);}

#histories dl#date-line dd.gradient2 {background-image:url(/nature/history/images/histories/gradient2_down.gif);}

#histories dl#date-line dd.gradient2.expanded {background-image:url(/nature/history/images/histories/gradient2.gif);}

#histories dl#date-line dd div.timeline-header p {
	font-size:80%;
	padding:10px 0 0 20px;
	margin:0;
}

#histories dl#date-line dd div.content ul.timeline li.article-links {
	margin:0;
	padding:5px 0;
}

#histories dl#date-line dd div.content ul.timeline li.article-links a:link,
#histories dl#date-line dd div.content ul.timeline li.article-links a:active,
#histories dl#date-line dd div.content ul.timeline li.article-links a:visited {
	background:url(/nature/history/images/timeline/article_link.gif) no-repeat 0% 50%;
	padding:5px 0 5px 20px;
	margin:0;
}

#histories dl#date-line dd div.content ul.timeline li.article-links a:hover {
	background:url(/nature/history/images/timeline/article_link_hover.gif) no-repeat 0% 50%;
}


/* HISTORIES and CENTURY OF NATURE ARTICLE LINKS */

#content ul.century-links
 {
	list-style:none;
	font-size:80%;
	margin:0;
	padding:0;
}

#content ul.century-links li.articles {
	margin:0; 
	padding:0;
}




#content ul.century-links li.articles {margin:0 0 15px 0;}

#content li.articles h3
 {
	border-bottom:1px dotted #ccc;
	font-size:130%;
	
}

#century #content h3
 {
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	
}


#content li.articles p {
	margin:0;
	padding:0;
}

#content li.articles p.details {
	font-size:80%;
}

#content li.articles p.details .author {
	font-size:120%;
}

#content li.articles p.description {
	font-size:100%;
}



#content li.articles p.editorial {
	font-weight:bold;

}

#content li.articles p.editorial span.description {
	display:block!important;
}


#content li.articles .atl {
	font-weight:bold;
	font-size:110%;
	display:block;
}

#content li.articles .atl a:link {
	margin-top:10px;
}


#content li.articles .author {display:block;}

#content li.articles .date {}

#content li.articles .volume {font-weight:bold;}

#content li.articles .journalnumber {}

#content li.articles .pagenumber {}

#content li.articles .doi {display:block;}

#content li.articles .author {}

#content li.articles .editor {}

#content li.articles .description {
	margin-bottom:5px;
	color:#666;
}

#content li.articles .pdf {
	font-weight:normal;
}






















/*
-----------------------------------------------------------------------
Start SPOTLIGHT page styles
all styles copied and adapted from REPORTS
-----------------------------------------------------------------------
*/

#spotlight .category-item {
	list-style-type:none;
	margin:0;
	padding:0;
}

#spotlight .tab {
	float: left;
	font-size: 90%;
	margin: 0 8px 0 0;
	padding:5px 0;
}

#spotlight h2.vote {
	margin-top:25px;
	background:url(/nature/history/images/spotlight/tab_vote_bg.gif) repeat-x right top;
}

#spotlight h2.vote span {
	background:url(/nature/history/images/spotlight/tab_vote_left.gif) no-repeat left top;
	color:#333;
	padding:5px 7px 4px;
}

#spotlight p.top-intro {margin-bottom:20px!important;}


#spotlight .paper_heading {
	background-color:#E0E5EF;
	border:1px solid #CCCCCC;
	font-size:90%;
	margin:0pt;
	padding-left:11px;
}

#spotlight .paper_heading span {
	background-position:right center;
	background-repeat:no-repeat;
	display:block;
	padding:2px 0pt 4px;
	width:100%;
}

#spotlight .paper_heading span a, 
#spotlight .paper_heading span a:hover, 
#spotlight .paper_heading span a:visited {
	background:url(/nature/history/images/spotlight/double_grey_arrow_right.gif) no-repeat 0% 50%;
	padding-left:25px;
	color:#000;
}

#spotlight .disclaimer {
	font-style: italic;
/*	font-size: 80%;*/
}
#spotlight p { font-size: 80%; }
#spotlight .paper-details ul p { font-size: 100%; }
#spotlight ul.comments {
	border-top:  1px solid #D2D1DE;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	color: #525252;
}


#spotlight ul.comments li.comment {
	border-bottom:  1px solid #D2D1DE;
/*	font-size: 80%;	*/
	padding: 0 0 30px 23px;
	margin-top: 20px;
	background: url(/nature/history/images/spotlight/icon-commented.gif) no-repeat;
}


#spotlight .comment .details .posted-by {
	border-right: 1px solid #525252;
	padding-right: 10px;
}

#spotlight .comment .details .user {font-weight: bold;}

#spotlight .comment .details {
	font-size: 80%;
	list-style:none;
	margin:0;
	padding:0;
}

#spotlight .comment .details li {
	float:right;
/*	font-size:80%;*/
}

#spotlight .comment .details .request-moderation {float:left;}
#spotlight .comment .details .posted-by {margin-right:10px;}

#spotlight .plusicon {
	padding-left: 35px;
	background: left no-repeat;
}

#spotlight .icon-add-comment {
	background-image: url(/nature/history/images/spotlight/icon-comments.gif);
	border: none;
}

#spotlight form.comment label {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}

#spotlight form.comment #comment { width:98%; }

#spotlight #content-journalnav textarea {
	border: 1px solid #7F9DB9;
	margin: 1.4ex 0;
}
/* category backgrounds */

#spotlight h3.paper_heading span.biology {
	background:url(/nature/history/images/spotlight/category/paper_heading_01.jpg) no-repeat right top;
	}
	
#spotlight h3.paper_heading span.medicine {
	background:url(/nature/history/images/spotlight/category/paper_heading_02.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.physics-and-astronomy {
	background:url(/nature/history/images/spotlight/category/paper_heading_03.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.chemistry {
	background:url(/nature/history/images/spotlight/category/paper_heading_04.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.mathematics {
	background:url(/nature/history/images/spotlight/category/paper_heading_05.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.earth-science {
	background:url(/nature/history/images/spotlight/category/paper_heading_06.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.anthropology {
	background:url(/nature/history/images/spotlight/category/paper_heading_07.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.history {
	background:url(/nature/history/images/spotlight/category/paper_heading_08.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.art-and-literature {
	background:url(/nature/history/images/spotlight/category/paper_heading_09.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.politics-and-social-affairs {
	background:url(/nature/history/images/spotlight/category/paper_heading_10.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.technology-and-inventions {
	background:url(/nature/history/images/spotlight/category/paper_heading_11.jpg) no-repeat right top;
	}

#spotlight h3.paper_heading span.miscellaneous {
	background:url(/nature/history/images/spotlight/category/paper_heading_12.jpg) no-repeat right top;
	}

#spotlight .issue-noimage {
	background:#E0E5EF;
	border:1px solid #ccc;
	margin:0pt 0pt 25px;
}

#spotlight .paper-details {
	background:#FDFDFD url(/nature/history/images/spotlight/issue_background.gif) repeat-x scroll right top;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	list-style-type:none;
	margin:0 0 20px 0;
	padding:9px;
}

#spotlight .no-border {
	margin-bottom:0;
}

#spotlight .paper-details ul {
	font-size:80%;
	list-style-type:none;
	margin:0pt;
	padding:10px 0pt 0pt;
}

#spotlight .paper-details ul li {
	padding-bottom:1px;
}

#spotlight a.category-highlight {
	background-color: #FEEEEE;
	padding: 0 2px;
}

#spotlight .paper-details ul li.recommend {
	padding:15px 0pt;
}

#spotlight .paper-details ul li.comment {
	background-image:url(/nature/history/images/spotlight/comment.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:20px;
}

/* voting box */

#spotlight .voting { float:right; }
#spotlight .voting ul { padding:0; }
#spotlight .voting ul li { padding-bottom:0; }
#spotlight .voting ul li.voting-tab { margin:0; }

#spotlight .voting-tab {
	background-color:#ccc;
	background-image:url(/nature/history/images/spotlight/tab_voting_bg.gif);
	background-position:right top;
	background-repeat:repeat-x;
	padding:0pt;
}

#spotlight .voting-tab div {
	background-image:url(/nature/history/images/spotlight/tab_voting_left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}

#spotlight .paper-details h4 {
	font-size:100%;
	margin:0pt;
	padding:0pt;
}

#spotlight .voting ul li.voting-tab p.votes {
	color:#333;
	font-size:120%;
	font-weight:bold;
	margin:0pt;
	padding:2px 10px;
}

#spotlight .voting-casting {
	background-color:#ccc;
	background-image:url(/nature/history/images/spotlight/tab_votecast_bg.gif);
	background-position:right bottom;
	background-repeat:repeat-x;
	color:#FFFFFF;
}

#spotlight .voting-casting span {
	background-image:url(/nature/history/images/spotlight/tab_votecast_left.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	padding: 5px 10px;
}

#spotlight .voting-casting span a, 
#spotlight .voting-casting span a:visited, 
#spotlight .voting-casting span a:hover {
	background-image:url(/nature/history/images/spotlight/votecast_tick.gif);
	color:#FFFFFF;
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
	padding:1px 10px 2px 20px;
}

#spotlight .voting-poll {
	background-color:#ccc;
	background-image:url(/nature/history/images/spotlight/tab_votecast_bg.gif);
	background-position:right bottom;
	background-repeat:repeat-x;
	color:#FFFFFF;
}

#spotlight .voting-poll span.left-corner { background-image:url(/nature/history/images/spotlight/tab_votecast_left.gif); }
#spotlight .voting-poll span.left-corner {
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	float:left;
	padding:3px 0pt 3px 5px;
}

#spotlight .voting-poll span.vote-txt {
	float:left;
	padding-right:30px;
}

#spotlight .lir {
	background-repeat:no-repeat;
	float:left;
	height:0pt;
	margin-right:7px;
	overflow:hidden;
	padding-top:12px;
	width:12px !important;
}

#spotlight .lir.yes { background-image: url(/nature/history/images/spotlight/vote_yes.gif); }
#spotlight .lir.no { background-image: url(/nature/history/images/spotlight/vote_no.gif); }


/* category page */

#spotlight ul.journal-categories {
	background: url(/nature/history/images/journal_categories_bg.gif) repeat-x right bottom;
	font-size: 80%;
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 5px 10px;
	border: 1px solid #ccc;
}

#spotlight ul.journal-categories ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 25%;
}

#spotlight .pagination {
	background: url(/nature/history/images/pagination_pages_bg.gif) repeat-x right bottom;
	border: 1px solid #ccc;
	font-size: 80%;
	list-style-type: none;
	margin: 25px 0 0;
	padding: 0;
}

#spotlight .pagination div.leftlink {
	border-right: 1px solid #ccc;
	text-align: center;
	width: 6em;
}

#spotlight .pagination .selected {
	background: #6D5CA3 url(/nature/history/images/pagination_selected_bg.gif) repeat-x right top;
	color: #fff;
	font-weight: bold;
}
#spotlight .pagination div {
	float: left;
	margin: 0;
	padding: 4px 6px;
}

#spotlight .pagination div.nextprev { background:transparent url(/nature/history/images/pagination_bg.gif) repeat-x right bottom; }

#spotlight .pagination ul {
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

#spotlight .pagination ul li {
	background: url(/nature/history/images/pagination_pages_bg.gif) repeat-x right bottom;
	float: left;
	margin: 0;
	padding: 4px 10px;
}

#spotlight .pagination .selected {
	background: #6D5CA3 url(/nature/history/images/pagination_selected_bg.gif) repeat-x right top;
	color: #fff;
	font-weight: bold;
}

#spotlight .pagination div.rightlink {
	border-left: 1px solid #ccc;
	float: right;
	text-align: center;
	width: 5em;
}

/* spotlight form page start */

#spotlight #content form.recommend-paper {
	font-size: 80%;
	margin: 0;
	padding: 0;
}

#spotlight #content form.recommend-paper legend { font-weight: bold; }

#spotlight #content form.recommend-paper fieldset {
	border: 0;
	margin-top: 20px;
	padding-bottom: 10px;
}

#spotlight #content form.recommend-paper label {
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 18px;
	text-align: right;
	width: 10.3em;
}

fieldset ul li label span.required, legend span.required {
	color: #4278AC;
	font-weight: normal;
}

#spotlight #content form.recommend-paper input, #spotlight #content form.recommend-paper textarea, #spotlight #content form.comment input {
	color: #b1062e;
	padding: 2px 5px;
	width: 50%;
}

#spotlight #content form.recommend-paper textarea { height: 200px; }
#spotlight #content form.recommend-paper .buttons-holder { padding-left: 40px; }
#spotlight #content form.recommend-paper input.submit, #spotlight #content form.comment input.submit { background-color:#fafafa; }

#spotlight #content form.recommend-paper ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#spotlight #content form.recommend-paper ul li.emphasis {
	display: block;
	font-weight: bold;
	margin-right: 18px;
	text-align: right;
	width: 10.3em;	
}

#spotlight div.warning {
	color: #b1062e;
	font-size: 200%;
	text-align: center;
	margin: 20px 0;
}

ul.vcard li { margin: 2px 0; }
ul.vcard li ul li { float:left; }
ul.vcard li ul li.form-wide, fieldset ul li label.form-wide { width:10em; }

ul.vcard li ul li.emphasis {
	display: block;
	font-weight: bold;
	margin-right: 18px;
	text-align: right;
	width: 9.3em;
}

fieldset ul li {
	margin:0pt;
	padding:10px 0 0;
}

#spotlight li span.field-heading {
	color: #545454;
	font-size: 150%;
	font-weight: bold;
	padding: 7px 10px;
}

#spotlight .fname, #spotlight .sname { padding-right: 4px; }

#spotlight .two-column-select {
	margin: 0;
	padding: 0;
	width: 45%;
}

#spotlight #content form.recommend-paper ul li.float-left { float: left; }
#spotlight #content form.recommend-paper ul li.float-right { float: right; }

#spotlight #content form.recommend-paper .radio-buttons label {
	font-weight: normal;
	width: 15em;
}

#spotlight #content form.recommend-paper .radio-buttons li input.check  { width: 12px; }

#spotlight #content form.recommend-paper .buttons-holder {
	margin-top: 20px;
	padding-right: 23%;
}

form input.submit, form input.cancel {
	border: 1px solid #ccc;
	color: #B1062E;
	font-size: 90%;
	height: auto!important;
	margin-bottom: 10px;
	padding: 2px 5px;
	width: auto!important;
}

/* spotlight form page end */



/*
-----------------------------------------------------------------------
Start ARTICLE page styles
all HTML and STYLES copied and adapted from REPORTS
-----------------------------------------------------------------------
*/

#article #content p,
#article #content ul,
#article #content ol {font-size:80%;}
#article #content ul h5 {font-size:110%;}
#article #content ul li ul {font-size:100%;}

#article #content ul.xoxo li {
	list-style:none;
	margin:0;
}

#article #content ul.xoxo li ul li {list-style: circle;}
	
#article #content #abs p.lead {font-weight:bold;}

#article #content #cite {
	text-align:right;
	display:block;
	padding-bottom:5px;
	border-bottom :1px solid #efefef;
	}

#article #content h2.article-title {}

#article #content div.article-insert img {
	float:left;
	margin:5px 20px 5px 0;
}



/*
-----------------------------------------------------------------------
Start VIDEO page styles
flash video adaption and implimentation to the page by Glennis Mcgregor
-----------------------------------------------------------------------
*/

#video #content #video-play-area {
	margin:0 auto; 
	text-align:center;
}


#video #content #video-information {
	border:1px solid #ccc;
	background-color:#fafafa;
	padding:5px;
	margin-top:20px;
	width:640px;
}

#video #content #video-information h2 {
	font-size:90%;
}

#video #content #video-information p {
	font-size:80%;
	margin:0;
	padding:0;
	
	
}

#video #content #video-information p a.flash-link:link {
	background:url(/common/images/icons/fceeee/movie.gif) no-repeat left 50%;
	display:block;
	padding:5px 0 5px 20px;
}


/*  #####################################
Ladies and gentlemen, proudly presenting the right hand navigation element
##################################### */

.headedmenu {
	/* width: 300px; */
	margin: 0 0 5px;
	padding: 0 0;
	list-style: none;
	/*background: url(/news/images/narrrowtabbg.gif) no-repeat left bottom;*/
	/*font-size: 70%;*/
}

#extranav .headedmenu .title {
	background: url(/nature/history/images/journal/listheader.jpg) no-repeat 0 0;
	border-right:1px solid #cdcdcd !important;
	border-bottom:1px solid #cdcdcd !important;
	color: #c11502;
	font-size: 80%;
	/* width: 300px; */
	margin: 0 ;
	padding: 0 0 0 10px;
	line-height: 2em;
	border: none;
}

.headedmenu .links {
	background: url(/nature/history/images/journal/list_bg.jpg) no-repeat 0 0;
	padding: 10px 7px 0 20px;
	color: #CE0808;
	list-style: none;
	margin:0;
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;
/*	margin: 1px;*/
}

.headedmenu .links li {
/*	background-image: none!important;*/
/*	margin-left: -6px;*/
	font-size:80%;
	padding-left: 10px;
	margin-bottom:1.5ex;
	background: url(/nature/history/images/journal/bullet.gif) no-repeat 0 0.3ex;
}

.headedmenu .links li a {line-height: 1.4;}

/* nature journal - right hand nav */
.nature-journal .links {
	padding-left: 82px;
	position: relative;
	min-height: 96px;
	line-height: 1.4;
	font-weight: bold;
}
	
.nature-journal .links li { margin-bottom: 0.5ex; }
	
.nature-journal .image {
	position: absolute;
	left:10px;
	top:10px;
}
	
/* .nature-journal .latest-issue { margin-top: 2.5ex; } */

.nature-journal .latest-issue .date {
	position: absolute;
	top: 10px;
	left: 82px;
	color: #535353;
	font-family: Georgia, Times, serif;
	font-size: 100%;
	width: 100%;
	text-decoration: none !important;
}

.eotm-jotw {
	margin-top:0;
}
/* nature journal - right hand nav */