/** 
 * SITE.CSS for Nature Reviews Genetics
 *
 * Colour Scheme:
 * #hexhex		purpose
 */

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

#head-er .image-user-services-wrap
{
	background-color: #b92e2e; /* background color for the header */
}

#head-er .image-user-services img.journal-header
{
	width: 276px; /* width of the header image (logo) */
	height: 74px; /* height of the header image (logo) */
	margin: 0px 0; /* margins for the header image (logo)*/
}

#head-er .image-user-services
{
	/* background: url(/nrg/images/journal_header_bg.jpg?legacy-collection=true) no-repeat right top; */ /* background image for the header (if any) */
}

#head-er .user-services a:link,
#head-er .user-services a:visited
{
	background: url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #000; /* arrow image on header links (my account etc) [up state] */
}
#head-er .user-services a:hover,
#head-er .user-services a:focus
{
	background: url(/common/images/icons/fff/arrow_s.gif) right center no-repeat #666; /* arrow image on the header links (my account etc) [over state] */
}

/** 
 * Default site-wide link colors
 */
a:link
{
	color: #941313; /* default colour for links */
}

a:visited
{
	color: #941313; /* default colour for visited links, which really _SHOULD_ be different from normal links! */
}

a:hover,
a:focus
{
	color: #c03; /* default colour for link over state */
}
/* END: Default site-wide link colors */

/** 
 * Breadcrumb styles
 */
#breadcrumb div a:link
{
	color: #b92e2e; /* color for links in breadcrumb */
}

#breadcrumb div a:visited
{
	color: #b92e2e; /* colour for visited links in breadcrumb */
}
/* END: Breadcrumb styles */

/** 
 * Content Area Styles
 *
 * Foundation rules to create the basic appearance of the content div.
 * Rules for page components are listed separately, below.
 */
#constrain-content {
	width: 100%;
}

#content
{
	border: 1px solid #e7e7e7; /* border colour for the content area */
}

#article-related #content.video {
	margin-right: 330px;
	float: left;
}

body.slideshow .player-wrapper {
	width:100% ;
}

/* END: Content Area Styles */

/** 
 * Extranav styles
 * Used on the rnai related article video page
 */

.video-article #extranav {
	width: 300px;
	margin-left: -300px;
	font-size: 93%;
	line-height: 1.489em;
	float: left;
}

#extranav h1 {
	border-bottom: none 0;
	font-size: 110% !important;
	margin-bottom: 5px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

#extranav .carosello h1 {
	text-align: left;
}


/* END: extranav Styles */

/** 
 * Journalnav styles
 */
map.journal-nav ul
{
    background: #fff; /* background colour for menus */
    border: 1px solid #e7e7e7; /* border style for menus */
}

map.journal-nav ul li
{
	border-bottom: 1px solid #fff; /* 1px spacing between menu items: this should be same colour as background colour for menus */
}

map.journal-nav ul li.menu-heading
{
	background: #fff; /* background colour for menu headings: this should be same colour as background colour for menus */
}

map.journal-nav ul li a:link,
map.journal-nav ul li a:visited
{
	color: #000; /* colour for menu link text */
	background-color: #efc9c9; /* default background colour for 1st level menu items */
}

map.journal-nav ul li a:hover,
map.journal-nav ul li a:focus,
map.journal-nav ul li.selected a:link,
map.journal-nav ul li.selected a:visited
{
	color: #fff; /* default colour for link text over state and selected state on 1st level menu items */
	background-color: #b92e2e; /* default background colour for over state and selected state on 1st level menu items */
}

map.journal-nav.supplementary ul li a.onsub:link,
map.journal-nav.supplementary ul li a.onsub:visited
{
	background: url(/common/images/online_submissions.gif) no-repeat left center #EFE2E2; /* background image and colour for "Online Submission" menu item: colour should be same as default 1st level item background */
}

map.journal-nav.supplementary ul li a.onsub:hover,
map.journal-nav.supplementary ul li a.onsub:focus
{
	background-color: #b92e2e; /* background colour for "Online Submission" rollover menu item: colour should be the same as 1st level hover background */
}

map.journal-nav.supplementary ul li a.e-alerts:link,
map.journal-nav.supplementary ul li a.e-alerts:visited
{
padding-left: 23px;
background: url(/reviews/images/icons/signup.gif) 5px 7px no-repeat #efc9c9;
}

map.journal-nav.supplementary ul li a.e-alerts:hover
{
padding-left: 23px;
background: url(/reviews/images/icons/signup.gif) 5px 7px no-repeat #b92e2e;
}



/* start: subnav styles */
map.journal-nav ul li ul.subnav li
{
	border-top: 1px solid #fff; /* 1px spacing between subnav items: this should be same colour as background for menus */
}

map.journal-nav ul li ul.subnav a:link,
map.journal-nav ul li ul.subnav a:visited
{
	background: url(/nrg/images/graphics/bg.subnav.gif) 11px 5px no-repeat #efefef; /* background image and colour for subnav menu items */
}

map.journal-nav ul li ul.subnav a:hover,
map.journal-nav ul li ul.subnav a:focus,
map.journal-nav ul li ul.subnav li.selected a:link,
map.journal-nav ul li ul.subnav li.selected a:visited
{
	color: #000; /* text colour for subnav menu items in over and selected states */
	background: url(/nrg/images/graphics/bg.subnav.gif) 11px 5px no-repeat #d0d0d7; /* background colour for subnav menu items in over and selected states */
}
/* end: subnav styles */
/* END: Journalnav styles */

/** 
 * Register-Receive styles
 *
 * Styles for the sign up for e-alerts/library-recommend/newsfeeds menu
 */
div.reg-rec
{
    background: #fff; /* background colour for register-recieve menu */
    border: 1px solid #e7e7e7; /* border colour for register receive menu */
}

div.reg-rec ul
{
    background: #EFE2E2; /* background colour for register-receive menu list */
}

div.reg-rec ul li a:link,
div.reg-rec ul li a:visited
{
	color: #000; /* link colour in register-receive menu */
}

div.reg-rec ul li a:hover,
div.reg-rec ul li a:focus
{
	color: #000; /* link hover colour is register-receive menu */
}
/* END: Register-Receive styles */

/** 
 * Naturejobs box styles
 */
.nature-feed.box
{
    background: #fff; /* background colour for naturejobs box */
    border: 1px solid #e7e7e7; /* border style for naturejobs box */
}

.nature-feed.box h2.natjob
{
    background: #d8d8d8; /* background colour for naturejobs box heading */
}

.nature-feed.box ul.natjob li h3 a:link,
.nature-feed.box ul.natjob li h3 a:visited
{
	color: #b92e2e; /* default colour for linked job title headings */
}

.nature-feed.box ul.natjob li h3 a:hover,
.nature-feed.box ul.natjob li h3 a:focus
{
	color: #c03; /* colour for linked job title headings in over state */
}

.nature-feed.box div.natjobmore
{
    border-top: 1px solid #cecfce;
}

.nature-feed.box div.natjobmore a:link,
.nature-feed.box div.natjobmore a:visited
{
	color: #b92e2e; /* default link colour for "more jobs" link */
	background: url(/common/images/icons/next.gif) no-repeat left center; /* background image for "more jobs" link */
}

.nature-feed.box div.natjobmore a:hover,
.nature-feed.box div.natjobmore a:focus
{
	color: #c03; /* colour for "more jobs" link in over state */
    background-image: url(/common/images/icons/next_hover.gif); /* background image for "more jobs" link in over state */
}
/* END: Naturejobs box styles */

/** 
 * Natureproducts box styles
 */
#natprod.box
{
    background: #fff; /* background colour for nature products box */
    border: 1px solid #e7e7e7; /* border style for nature products box */
}

#natprod.box h2.natprod
{
    background: #d8d8d8; /* background colour for nature products box heading */
}
/* END: Natureproducts box styles */

/** 
 * Advert Styles
 *
 * Styles for adverts
 */
div.ad-rh
{
    background: #fff; /* background colour for skyscraper ads */
}

div.ad-rh p
{
	color: #cccccb; /* text colour for "Advertisement" above skyscraper */
}
/* END: Advert Styles */

/** 
 * Page Heading
 *
 * Styles for the main page heading
 * Has gradient background
 */
.page-heading h1
{
	color: #000; /* text colour */
	padding-top:0px;
}

.page-heading h1.series
{
	background: url(/nrg/images/graphics/bg.icon.series.jpg?legacy-collection=true) no-repeat left center; /* gradient background with icon built in (for article series homepage) */
}
/* END: Page Heading */

/** 
 * Default Box Styles
 *
 * Basic, default styles for content boxes
 */
#content div.box h2
{
	color: #000; /* first level headin in boxes: text colour */
	border-bottom:1px solid #e3e3e3;
	font-size:130%;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:0px;
}

#content div.box h3
{
	color: #000; /* second level heading in boxes: text colour (by default, just bold black text) */
}

#content div.box h3.emphasize
{
	color: #000; /* first level headin in boxes: text colour */
	border-bottom:1px solid #e3e3e3;
	font-size:130%;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:10px;
}

#content div.box h3 .label
{
	color: #8a8c9f; /* light grey "label" text for headings */
}

#content div.box a.pdf:link,
#content div.box a.pdf:visited,
#content div.box a.rss:link,
#content div.box a.rss.visited
{
	border: 1px solid #c1bfc1; /* pdf+rss links in coloured boxes: border style */
	color: #000; /* pdf+rss links in coloured boxes: text colour */
}

/* start: list styles */
/* start: default unordered list style (right arrow) */
#content div.box ul li
{
	background: url(/nrg/images/graphics/bullet.arrow-right.gif) no-repeat 0 0.5em; /* default list background image (purple right arrow) */
}
/* end: default unordered list style */

/* start: page link list style (down arrow) */
#content div.box ul.page-link-list li
{
	background: url(/nrg/images/graphics/bullet.arrow-down.gif) no-repeat 0 0.6em; /* background image for page anchor link list items (purple down arrow) */
}
/* end: page link list style */

/* start: no-page-link list style */
#content div.box ul.page-nolink-list li
{
	background: url(/nrg/images/graphics/bullet_no_link.gif) no-repeat 0 0.4em; /* background image for lists that are not "link lists" (diamond-shape bullet) */
}
/* end: no-page-link list style */

/* start: anchor list style (pink, floated boxes with down arrow: requires class="even" on alternate list items */
#content div.box ul.anchor-list li
{
	background: url(/nrg/images/graphics/bullet.arrow-down.gif) no-repeat 10px 50% #EFE2E2; /* background image (purple down arrow) */
}
/* end: anchor list style */

/* start: conference list style */
#content div.box ol.conference-list h3
{
	color: #000;
	border-bottom:1px solid #e3e3e3;
	font-size:130%;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:20px; /* styles for month headings within conference list */
}
/* end: conference list style */

/* start: faq list styles */
#content div.box dl.faq-list dt
{
	background: url(/nrg/images/graphics/icon.faq.question.gif) no-repeat left top; /* circular bullet with "Q" inside it */
}

#content div.box dl.faq-list dd
{
	background: url(/nrg/images/graphics/icon.faq.answer.gif) no-repeat left top; /* circular bullet with "A" inside it */
}
/* end: faq list styles */
/* end: list styles */

/* start: address and contact details styles */
#content div.box h3.address-type-heading,
#content div.box h4.address-type-heading,
#content div.box h5.address-type-heading,
#content div.box h6.address-type-heading
{
	color: #8a8c9f; /* address-type headings (telephone, fax etc) in contact details */
}
/* end: address and contact detail styles */
/* END: Default Box Styles */

/** 
 * Data Tables
 *
 * Styles for tables with class="data"
 */
table.data
{
	border: 1px solid #d0d0d0; /* border around table */
}

table.data caption
{
	border: 1px solid #d0d0d0; /* border for table caption (should be same as above) */
	font-weight:bold;
}

table.data thead tr
{
	background: #EFE2E2; /* default table row colour */
}

table.data tbody tr.even
{
	background: #f5f5f5; /* alternate row colour */
}

table.data tfoot tr
{
	border-top: 1px solid #d0d0d0; /* border at top of table foot (should be same colour as other table borders) */
}
/* END: Data Tables */

/** 
 * Article Styles
 */
#article #content div.box #cite
{
	color: #7c7c7c; /* colour for article citation text */
}

#article #content div.box #aug
{
	color: #8a8a8a; /* colour for author names text */
}

#article #content div.box h3,
#article #content div.box h4
{
	background: #fff; /* background colour for article subheadings */
}

/* start: figure styles */
#article #content div.box div.figure-table
{
	background: #f5f5f5; /* background colour for figure boxes */
	border: 1px solid #E0E0E0; /* border style for figure boxes */
}

#article #content div.box div.figure-table ul.options li.full,
#article #content div.box div.figure-table ul.options li.fti
{
	background: url(/reviews/images/icons/full_figure.gif) no-repeat left center; /* icon for "full table" and "figures-tables index" link */
}

#article #content div.box div.figure-table ul.options li.high-res
{
	background: url(/reviews/images/icons/highres.gif) no-repeat left center; /* icon for "high-resolution image" link */
}

#article #content div.box div.figure-table ul.options li.powerpoint
{
	background: url(/reviews/images/icons/ppt.gif) no-repeat left top; /* icon for powerpoint link */
}

#article #content div.box div.figure-table ul.options li.chemdraw
{
	background: url(/nrg/images/graphics/icon.16x16.chemdraw.gif) no-repeat left top; /* icon for chemdraw link */
}
/* end: figure styles */

/* start: article navigation styles */
#article #extranav #articlenav
{
	background: #fff; /* background colour for article nav */
	border: 1px solid #e7e7e7; /* border style for article nav */
}

#article #extranav #articlenav h2
{
	color: #000; /* text colour for article nav headings */
	background: #efc9c9; /* background colour for article nav headings */
}

#article #extranav #articlenav ul.view-tools
{
	border-top: 1px solid #d8d8d8; /* border above links to "At a glance" etc in article nav */
}

#article #extranav #articlenav ul li
{
	background: url(/nrg/images/graphics/bullet.arrow-down.gif) no-repeat 5px 50%; /* background image for article nav links (purple down arrow) */
}

#article #extranav #articlenav ul.view-tools li
{
	background: url(/nrg/images/graphics/bullet.arrow-right.gif)
 no-repeat 5px 0.6em; /* background image for "at a glance" links etc (purple right arrow) */
}

#article #extranav #articlenav ul li.download-pdf
{
	background: url(/reviews/images/icons/pdf.gif) no-repeat 5px 0; /* article nav pdf icon */
}

#article #extranav #articlenav ul li.sendtofriend
{
	background: url(/reviews/images/icons/send.gif) no-repeat 5px 0.5em; /* article nav send-to-friend icon */
}

#article #extranav #articlenav ul li.export
{
	background: url(/reviews/images/icons/export.gif) no-repeat 5px 0; /* article nav export citation/references icon */
}

#article #extranav #articlenav ul li.permissions
{
	background: url(/reviews/images/icons/reprints.gif) no-repeat 5px 0; /* article nav reprints and permissions icon */
}

#article #extranav #articlenav ul li.commercial_reprints
{
	background: url(/reviews/images/icons/ocr.gif) no-repeat 5px 0; /* article nav commercial reprints icon */
}

#article #extranav #articlenav ul li.save
{
	background: url(/reviews/images/icons/savelink.gif) no-repeat 5px 0; /* article nav "save this link" icon */
}

#article #extranav #articlenav ul li.toc
{
	background: url(/reviews/images/icons/toc.gif) no-repeat 5px 50%; /* article nav "table of contents" icon */
}

#article #extranav #articlenav ul li.prev
{
	background: url(/common/images/icons/back.gif) no-repeat 5px 50%; /* article nav next icon */
}

#article #extranav #articlenav ul li.next
{
	background: url(/common/images/icons/next.gif) no-repeat 5px 50%; /* article nav previous icon */
}
/* end: article navigation styles */

/* begin: search pubmed box styles */
#article #extranav #search-pubmed
{
	background: #fff; /* background colour for pubmed box */
	border: 1px solid #e7e7e7; /* border style for pubmed box */
}

#article #extranav #search-pubmed h2
{
	color: #000; /* text colour for pubmed box heading */
	background: #d8d8d8; /* background colour for pubmed box heading */
}

#article #extranav #search-pubmed li
{
	background: url(/nrg/images/graphics/bullet.arrow-right.gif) no-repeat 5px 0.5em; /* default list bullet (next to author names) in pubmed box (purple right arrow) */
}

#article #extranav #search-pubmed li.more
{
    border-top: 1px solid #cecfce; /* border above "more authors of this article" link in pubmed box */
}

#article #extranav #search-pubmed li.more a:link,
#article #extranav #search-pubmed li.more a:visited
{
	color: #b92e2e; /* text colour on "more authors of this article" link */
	background: url(/common/images/icons/next.gif) no-repeat left center; /* arrow icon on "more authors of this article" link */
}

#article #extranav #search-pubmed li.more a:hover,
#article #extranav #search-pubmed li.more a:focus
{
	color: #c03; /* text colour for "more authors of this article" link on over state */
    background-image: url(/common/images/icons/next_hover.gif); /* arrow icon for "more authors of this article" link on over state */
}
/* end: search pubmed box styles */

/* start: poster styles */
#article #content div.box.poster img.poster-graphic
{
	border: 1px solid #ccc; /* border style for preview image on poster page */
}
/* end: poster styles */
/* END: Article Styles */

/** 
 * Article related page styles
 */
#article-related div.box .container-cite h2.note
{
	color: #8a8a8a; /* colour for the "From the following article" heading */
}

#article-related div.box .container-cite p.journal,
#article-related div.box .container-cite p.doi
{
	color: #7c7c7c; /* colour for journal / doi text */
}

#article-related div.box .container-image
{
	border: 1px solid #E0E0E0; /* border for image container */
	background: #f5f5f5; /* background for image container */
}

#article-related div.box .container-image-text
{
	border: 1px solid #E0E0E0; /* border for text container */
	background: #f5f5f5; /* background for text container */
}

/* start: styles for new figure-table navigation */
#article-related div.ar-navigation ul li.back
{
	background: url(/nrg/images/graphics/bullet.arrow-left.gif)
 no-repeat left center; /* left arrow for "back to article" links */
}

#article-related div.ar-navigation ul li.next
{
	background: url(/nrg/images/graphics/bullet.arrow-right.gif)
 no-repeat right center; /* right arrow for next figure/table links */
}

#article-related div.ar-navigation ul li.down
{
	background: url(/nrg/images/graphics/bullet.arrow-down.gif) no-repeat left center; /* down arrow for page anchor links */
}
/* end: styles for new figure-table navigation */

/* start: figure-table index */
#article-related div.container-figtab
{
	border-left: 1px solid #E0E0E0; /* border style for figures/tables container */
	border-right: 1px solid #E0E0E0; /* border style for figures/tables container */
	background: #f5f5f5; /* background colour for figures/table container */
}

#article-related div.container-figtab.first
{
	border-top: 1px solid #E0E0E0; /* border-top for first fig-tab container */
}

#article-related div.container-figtab.last
{
	border-bottom: 1px solid #E0E0E0; /* border-bottom for last fig-tab container */
}

#article-related div.container-figtab div.container-image a img
{
	border: 1px solid #ccc; /* border stlye for fig-tab image */
}

#article-related div.container-figtab ul.options li.full,
#article-related div.container-image-text ul.options li.full
{
	background: url(/common/images/full_figure.gif) no-repeat left top; /* "full-figure" icon */
}

#article-related div.container-figtab ul.options li.powerpoint,
#article-related div.container-image-text ul.options li.powerpoint
{
	background: url(/common/images/download_powerpoint.gif) no-repeat left top; /* powerpoint icon */
}

#article-related div.container-figtab ul.options li.chemdraw,
#article-related div.container-image-text ul.options li.chemdraw
{
	background: url(/nrg/images/graphics/icon.16x16.chemdraw.gif) no-repeat left top; /* chemdraw icon */
}
/* end: figure-table index */

/* start: data tables */
#article-related div.box .container-table,
#article-related div.box .container-image-box
{
	border: 1px solid #e7e7e7; /* border for table container div */
	background: #f5f5f5; /* background for table container div */
}

#article-related table.data
{
	border-top: 1px solid #e7e7e7; /* border-top on article-related data tables */
	border-left: 1px solid #e7e7e7; /* left border on article-related data tables */
}

#article-related table.data thead th
{
	background: #EFE3E7; /* background colour for table-head cells in table head */
	border-bottom: 1px solid #e7e7e7; /* border colour for the same */
	border-right: 1px solid #fff; /* achieves 1px spacing between cells */
}

#article-related table.data thead th.last
{
	border-right-color: #fff; /* right border on last table head cell */
	border-bottom-color: #e7e7e7; /* bottom border on last table head cell */
}

#article-related table.data tfoot td
{
	background: #fff; /* background colour on table foot cell */
	border-bottom: 1px solid #e7e7e7; /* bottom border on the same */
	border-right: 1px solid #fff; /* right border on the same - achieves 1px spacing between cells */
}

#article-related table.data tfoot td.last
{
	border-right-color: #e7e7e7; /* right border on last table foot cell */
}

#article-related table.data tbody tr,
#article-related table.data tbody tr.odd
{
	background: #f5f5f5; /* background on all table rows (article related data tables have no 'zebra stripes') */
}

#article-related table.data tbody th
{
	background: #fff; /* background colour for heading cells in table body */
	border-bottom: 1px solid #e7e7e7; /* bottom border for the same */
	border-right: 1px solid #fff; /* achieves 1px spacing between cells */
}

#article-related table.data tbody th.last
{
	border-right-color: #fff; /* makes right border coloured on last heading cell in table body */
}

#article-related table.data tbody td
{
	border-bottom: 1px solid #e7e7e7; /* bottom border on standard table cell */
	border-right: 1px solid #fff; /* achieves 1px spacing between cells */
}

#article-related table.data tbody td.last
{
	border-right-color: #fff; /* makes right border coloured on last table cell in row */
	border-bottom-color: #e7e7e7;
}
/* end: data tables */

/* start: send-to-friend */
#article-related div.box div.container-sendfriend
{
	border: 1px solid #e7e7e7; /* border style on send-to-friend container div */
	background: #f5f5f5; /* background colour on the same */
}

#article-related div.box div.container-sendfriend p.essential
{
	color: #999; /* colour for "Required Field" label */
}

#article-related div.box div.container-sendfriend input.friend
{
	background: #efc9c9; /* submit button background colour */
	border-top: 1px solid #fff; /* border-top colour for same */
	border-left: 1px solid #fff; /* left border for the same */
	border-bottom: 1px solid #b92e2e; /* bottom border for the same */
	border-right: 1px solid #b92e2e; /* right border for the same */
}
/* end: send-to-friend */

/* start: supplementary info */
#article-related div.container-supplementary
{
	border: 1px solid #e7e7e7;
	background: #f5f5f5;
}

/* start: browser plugins */
#article-related #browser-plugins
{
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
}

#article-related #browser-plugins h2
{
	background: #fff;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: none;
	color: black;
	margin-bottom: 10px;
	
}
/* end: browser plugins */
/* end: supplementary info */
/* END: Article related page styles */


/** 
 * ToC Styles
 */
/* start: issue details styles */
#toc #content div.issue div.details h2
{
	border-bottom: 1px solid #e3e3e3; /* border colour on heading with month / volume / issue details */
}

#toc #content div.issue div.cover-navigation p.previous-issue
{
	background: url(/nrg/images/graphics/bullet.arrow-left.gif)no-repeat 3px 50% #fff; /* arrow bullet on "previous issue" link above front cover */
}

#toc #content div.issue div.cover-navigation img.journal-cover
{
	border: 1px solid #cfd0cf; /* border around cover image */
}

#toc #content div.issue div.cover-navigation p.about-cover
{
	background: url(/nrg/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to "about cover" link */
}
/* end: issue details styles */

/* start: "default" section style (with just straight articles) */
#toc #content div.section h3
{
	color: #000; /* text colour on toc section headings */
	border-bottom:1px solid #e3e3e3;
	font-size:130%;
	text-transform:uppercase;
	font-weight:bold;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:0px;

}

#toc #content div.section p.date
{
	color: #8a8c9f; /* text colour for "published online: " / date text */
}

#toc #content div.section p.page,
#toc #content div.section p.doi
{
	color: #8a8c9f; /* text colour for page number / doi text */
}

#toc #content div.section ul.article-views li
{
	border-left: 1px solid #000; /* colour of vertical bar between "full text | PDF" links */
}

#toc #content div.section ul.article-views li.first
{
	background: url(/nrg/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to first item in "full text | PDF" links */
}

#toc #content div.section p.see-also
{
	background: url(/nrg/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to "see also" links */
}
/* end: "default" section style */

/* start: article-type section style (where articles are super-headed by an article type) */
#toc #content div.section div.type h4,
#toc #content div.focus div.section div.type h5,
#toc #content div.section div.series div.type h5
{
	color: #999; /* text colour for article type headings */
}
/* end: article-type section style */

/* start: topic section style (where articles are super-headed by a topic heading) */
#toc #content div.section div.topic h4 span.label
{
	background-color: #fff; /* background colour on topic labels */
}

#toc #content div.section div.topic h4 span.focus
{
	background: url(/nrg/images/graphics/icon.focus-article.gif) no-repeat right center; /* focus icon when it appears after a topic label (HR might want to get rid of this style so that focus always appears in focus section (see below) - as do I!) */
}
/* end: topic section style */

/* start: focus section style */
#toc #content div.focus h3
{
	color: #fff; /* text colour for focus section heading */
	background: #b92e2e; /* background colour for the same */
	border-bottom: 1px solid #fff; /* creates 1px spacing below header */
}

#toc #content div.focus h3 a:link,
#toc #content div.focus h3 a:visited
{
	color: #fff; /* text colour for linked focus section heading */
}

#toc #content div.focus h3 a:hover,
#toc #content div.focus h3 a:focus
{
	color: #EFE2E2; /* hover text colour for linked focus section heading */
}

#toc #content div.focus h3 span.focus
{
	background: url(/nrg/images/graphics/icon.focus.gif) no-repeat left center; /* focus icon in focus section heading */
}

#toc #content div.focus div.section
{
	border: 1px solid #d8d8d8; /* border around section in focus */
	border-top: 0; /* eradicate top border, 'cos we don't want it */
}

#toc #content div.focus div.section h4
{
	background: url(/nrg/images/graphics/bg.6x1.b9b4d4.gif) repeat-y left top #EBEBEB; /* section heading background colour and coloured block graphic (on left) within focus */
	border-bottom: 1px solid #d8d8d8; /* bottom border for the same */
}

#toc #content div.section div.series h4,
#toc #content div.focus div.section div.series h5
{
	color: #f00; /* text colour for the"Article series" heading within focus section */
}

#toc #content div.section div.series h4 span.series,
#toc #content div.focus div.section div.series h5 span.series
{
	background: url(/nrg/images/graphics/icon.series-article.gif) no-repeat left center; /* series icon within series heading when within focus */
}
/* end: focus section style */

/* start: orphaned articles section style */
#toc #content div.section.orphan div.type
{
	border: 1px solid #d8d8d8; /* border colour around orphaned articles (e.g. Correspondence) */
}
/* end: orphaned article section style */

/* start: calendar lists */
#toc #content div.archive-calendar
{
	border: 1px solid #e7e7e7;
	border-bottom: none;
	background: #f5f5f5;

}

#toc #content div.archive-calendar h2
{
	
	border-bottom: none;
	color: #000;
	padding-left: 10px;
}

#toc #content div.archive-calendar ul li a:link,
#toc #content div.archive-calendar ul li a:visited
{
	color: #000; /* colour for YEARS in calendar list */
}

#toc #content div.archive-calendar ul ul li
{
	border-left: 1px solid #000; /* colour of vertical bar between months in calendar list */
}

#toc #content div.archive-calendar ul ul li a:link,
#toc #content div.archive-calendar ul ul li a:visited
{
	color: #b92e2e; /* default link colour for MONTHS in calendar list */
}

#toc #content div.archive-calendar ul ul li a:hover,
#toc #content div.archive-calendar ul ul li a:focus
{
	color: #c03; /* hover link colour for MONTHS in calendar list */
}

/* start: archive category results calendar list */
#toc #content #archiveMonths div.spacing
{
	border: 1px solid #e7e7e7; /* border around months in archive results calendar list */
	border-top: 0; /* eradicate top border! */
	padding-bottom: 0;
	background: #f5f5f5;
	margin-bottom: 2em;
}

#toc #content #archiveMonths ul li
{
	border-left: 1px solid #000; /* colour of vertical bars between months in archive results calendar list */
}

#toc #content #archiveMonths ul li.current-view
{
	color: #999; /* colour for "greyed-out" current item in archive results calendar list and archive views list */
}

#toc #content #archiveMonths ul li a:link,
#toc #content #archiveMonths ul li a:visited
{
	color: #b92e2e; /* link colour in archive results calendar list */
}

#toc #content #archiveMonths ul li a:hover,
#toc #content #archiveMonths ul li a:focus
{
	color: #c03; /* hover link colour in archive results calendar list */
}
/* end: archive category results calendar list */
/* end: calendar lists */

/* start: current original research */
#toc #content #archiveArticles
{
	border: 1px solid #e7e7e7; /* border around archive results */
}

#toc #content #archiveArticles h3
{
	color: #fff; /* text colour for article heading in archive results (e.g. "October 2005 Original Research...") */
	background: #b92e2e; /* background colour for the same */
}

#toc #content #archiveArticles div.spacing p.doi
{
	color: #8a8c9f; /* colour for doi on archive results */
}

#toc #content #archiveArticles div.spacing ul.article-views li
{
	border-left: 1px solid #000; /* colour of vertical bar between article views */
}

#toc #content #archiveArticles div.spacing ul.article-views li.first
{
	background: url(/nrg/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to first article view */
}
/* end: current original research */
/* END: ToC Styles */

/** 
 * Archive Styles
 */
/* start: archive view lists */
#archive #content div.archive-views
{
	border: 1px solid #e7e7e7; /* border around archive view list */
	background: #f5f5f5;
}

#archive #content div.subject h2
{
	border: 1px solid #e7e7e7; /* border around archive view list */
	background: #f5f5f5;
}

#archive #content div.archive-views h2
{
	color: #000;
	margin: 5px 0 5px 0;
}

/* (if you want to make the archive heading black)  #archive #issue h2.page 
{
	color: #000;
}*/

#archive #content div.archive-views ul li
{
	border-left: 1px solid #000; /* colour of vertical bar between archive view list items */
}

#archive #content div.archive-views ul li.current-view
{
	color: #999; /* "greyed out" colour for current view item */
}

#archive #content div.archive-views ul li a:link,
#archive #content div.archive-views ul li a:visited
{
	color: #b92e2e; /* link colour for archive view list item links */
}

#archive #content div.archive-views ul li a:hover,
#archive #content div.archive-views ul li a:focus
{
	color: #c03; /* link hover colour for archive view list item links */
}
/* end: archive view lists */

/* start: issue archive box styles (NPhys style) */
#archive #content ul.vol div
{
	border: 1px solid #e7e7e7; /* border colour around issue boxes */
	background: #f5f5f5; /* issue box background */
}

#archive #content ul.vol .month
{
	background: #EFE2E2; /* background on issue month heading */
	border-bottom: 1px solid #e7e7e7; /* border bottom on the same */
}

#archive #content ul.vol .issue
{
	border-bottom: 1px solid #e7e7e7; /* border bottom beneath issue cover  */
}

#archive #content ul.vol .issue:hover
{
	background-color: #fff; /* hover colour (decent browsers only) on issue cover box */
}

#archive #content ul.vol .not-published .issue:hover
{
	background-color: #fafafa; /* hover colour on not yet published issue boxes */
}

#archive #content div.box ul.vol .issue-no
{
	border-bottom: 1px solid #e7e7e7;
}

#archive #content ul.vol .supname
{
	border-bottom: 1px solid #e7e7e7;
}

#archive #content ul.vol .not-published div
{
	background: #fafafa;
	color: #888;
}

#archive #content ul.vol .not-published .month
{
	background: #eee;
}
/* end: issue archive box styles */

/* start: web focus archive */
#archive #web-focuses h2.year
{
	background-color: #fff;
}

#archive #web-focuses div.supp img
{
	border: 1px solid #ccc;
}

#archive #web-focuses div.supp h4.atl span.updated
{
	color: #f00;
}

#archive #web-focuses div.supp p.date
{
	color: #999;
}

#archive #web-focuses div.supp p.support
{
	color: #999;
}
/* end: web focus archive */

/* start: posters archive */
#archive #posters div.supp.odd
{
	background: #f5f5f5;
}

#archive #posters div.supp h2
{
	border-bottom: none;
	text-transform: none;
}

#archive #posters div.supp img
{
	border: 1px solid #ccc;
}

#archive #posters div.supp p.description,
#archive #posters div.supp p.date
{
	color: #999;
}
/* end: posters archive */
/* END: Archive Styles */


/**
  * Subscribe Now Page
  *
  * Defines styles for page which displays when user attempts to access
  * full text of article without login and/or subscription.
  */
#subscribe-now #content div.container
{
	background-color: #f2f2f2;
	border: 1px solid #efc9c9;
}

#subscribe-now #content .button
{
	color: #000;
	background: #efc9c9;
	border: 1px solid #b92e2e;
	border-left-color: #fff;
	border-top-color: #fff;
}

#subscribe-now #content div.container a.register
{
	color: #000;
	background: #efc9c9;
	border: 1px solid #b92e2e;
	border-left-color: #fff;
	border-top-color: #fff;
}
/* END: Subscribe Now Page */








/*
** 
 * Additional Styles
 *
 * These styles were all added after the separation of the original group.css
 * into site.css and group.css
 */
/* exported to site.css 2005-10-27 (need to forward to GM and SB */
#toc #content div.article p.correspondence
{
	color: #8a8c9f;
}

div.reg-rec ul.toc-pdf
{
    background: #fff; /* background colour for register-receive menu list */
}

div.reg-rec ul.toc-pdf a:link,
div.reg-rec ul.toc-pdf a:visited
{
    background: url(/reviews/images/printer.gif) 0 3px no-repeat;
}
/* end: export 2005-10-27 */

/* start: insert into toc styles: next-previous issue list */
#toc #content div.cover-navigation ul.prev-next
{
	padding: 0 5px;
}

#toc #content div.cover-navigation ul.prev-next li a:link,
#toc #content div.cover-navigation ul.prev-next li a:visited
{
	background: url(/nrg/images/graphics/bullet.arrow-left.gif) no-repeat left center;
}

#toc #content div.cover-navigation li.next a:link,
#toc #content div.cover-navigation li.next a:visited
{
	background: none;
}
#toc #content div.cover-navigation ul.prev-next li.next a:link,
#toc #content div.cover-navigation ul.prev-next li.next a:visited
{
	background: url(/nrg/images/graphics/bullet.arrow-right.gif) no-repeat right center;
}
#toc #content div.cover-navigation ul.prev-next li 
{
background-image: none;
}
/* end: insert into toc styles */

#toc #content #archiveMonths h2
{
	border: 1px solid #e7e7e7;
	background: #f5f5f5;
	color: #000;
	padding: 5px 0 0px  5px;
	margin-bottom: 0;
}

#toc #content div.cover-navigation ul.prev-next li 
{
background-image: none;
}

/* END: Additional Styles */

/** 
 * About the Cover
 */
#about-cover #content div.coverimage
{
	background-color: #f5f5f5;
	border: 1px solid #e7e7e7;
}

#about-cover #content div.coverimage img
{
	border: 1px solid #ccc;
	background: #fff;
}

#about-cover #content div.covertext
{
	background-color: #f5f5f5;
	border: 1px solid #e7e7e7;
}
/* END: About the Cover */

/* start: twenty questions */
#article #content div.box ol.twenty-questions ul li h6 a:link,
#article #content div.box ol.twenty-questions ul li h6 a:visited
{
	background: url(/nrg/images/graphics/icon.arrow.down.gif) no-repeat left center;
}
/* end: twenty questions */

/* start: web watch */
#article #content div.web-watch ul.web-watch-links
{
	background: #f5f5f5;
	border: 1px solid #e7e7e7;
}
/* end: web watch */

/* start: disease watch */
#article #content div.disease-watch #articlebody div.item h3
{
	background: url(/nrg/images/graphics/bullet_no_link.gif) no-repeat left center;
}
/* end: disease watch */

/* start: additions to articles css */
#article #content div.box h2#atl
{
	color: #000;
	font-weight:bold;
	font-size:140%;
	text-transform:none;
	
}

#article #content div.box h2#atl span.label
{
	color: #8a8a8a;
	font-weight:bold;
	font-size:75%;
}



#article #content div.box p.focus,
#article #content div.box p.series
{
	color: #f00;
}

#article #content div.box p.focus
{
	background: url(/nrg/images/graphics/icon.focus.sxtitle.gif) no-repeat left center;
}

#article #content div.box p.series
{
	background: url(/nrg/images/graphics/icon.series-article.gif) no-repeat left center;
}

/* start: callouts */
#article #content blockquote.box
{
	border: 1px solid #ccc;
}

#article #content blockquote.box p.quote-source
{
	border-top: 1px solid #ccc;
}
/* end: callouts */

/* start: links box */
#article #content #links h5
{
	color: #8a8a8a;
}

#article #content #links ul li
{
	border-left: 1px solid #000;
}
/* end: links box */

/* start: references and links box */
#article #content #references-links h5
{
	color: #8a8a8a;
}

#article #content #references-links ol.references li ul.article-views li,
#article #content #References ol.references li ul.article-views li
{
	border-left: 1px solid #000;
}
/* end: references and links box */

/* start: previous-next list at end of article */
#article #content #prev-next ul.prev-next li.prev a:link,
#article #content #prev-next ul.prev-next li.prev a:visited
{
	background: url(/common/images/icons/back.gif) no-repeat left center;
}

#article #content #prev-next ul.prev-next li.prev a:hover,
#article #content #prev-next ul.prev-next li.prev a:focus
{
	background-image: url(/common/images/icons/back_hover.gif);
}

#article #content #prev-next ul.prev-next li.next a:link,
#article #content #prev-next ul.prev-next li.next a:visited
{
	background: url(/common/images/icons/next.gif) no-repeat right center;
}

#article #content #prev-next ul.prev-next li.next a:hover,
#article #content #prev-next ul.prev-next li.next a:focus
{
	background-image: url(/common/images/icons/next_hover.gif);
}
/* end: previous-next list at end of article */
/* end: additions to articles css */


/* start: homepage */
#home #content div.details div.featured-article
{
	border: 1px solid #e7e7e7;
}

#home #content div.details div.goto
{
	background: #f5f5f5;
}

#home #content div.cover-navigation img.journal-cover
{
	border: 1px solid #cfd0cf;
}

#home #content div.box-item
{
	border: 1px solid #e7e7e7;
	height:1%;
	/* peekaboo bugfix */
	
}

#home #content div.box-item h3
{
	color: #fff;
	background: #b92e2e;
}

#home #content div.box-item h4
{
	background: url(/nrg/images/graphics/icon.arrow.right.gif) no-repeat 5px 50% #EFE2E2;
	border-bottom: 1px solid #e7e7e7;
}

#home #content div.box-item h4 a:link,
#home #content div.box-item h4 a:visited
{
	color: #000;
}

#home #content div.box-item h4 a:hover,
#home #content div.box-item h4 a:focus
{
	color: #000;
}

#home #content div.box-item img.illustration
{
	border: 1px solid #cfcecf;
}

#home #content div.box-item ul.more-in-field li h4 a:link,
#home #content div.box-item ul.more-in-field li h4 a:visited,
#home #content div.box-item div.illustrated h4 a:link,
#home #content div.box-item div.illustrated h4 a:visited
{
	color: #941313;
}

#home #content div.box-item ul.more-in-field li h4 a:hover,
#home #content div.box-item ul.more-in-field li h4 a:focus,
#home #content div.box-item div.illustrated h4 a:hover,
#home #content div.box-item div.illustrated h4 a:focus
{
	color: #c03;
}

#home #content p.fn
{
	color: #b4b4b4;
}

#home #content h2
{
	text-transform: none;
}
/* end: homepage */

/* addition to article-related for pubmed-more */
#article-related div.box .container-more
{
	border: 1px solid #e7e7e7; /* border for image container */
	background: #f5f5f5; /* background for image container */
}

#article-related div.box h2.from
{
	color: #8a8a8a; /* colour for the "From the following article" heading */
}

#article-related div.box p.sent-to,
#article-related div.box p.with
{
	color: #8a8a8a;
}
/* end adddition to article-related */

/* start: addition of article-views list to articlebody */
#article #content #articlebody ul.article-views li
{
	border-left: 1px solid #000;
}
/* end: addition of article-views list to articlebody */

/* start: addition to articlenav for site.css */
#article #extranav #articlenav ul li.fulltext
{
	background: url(/reviews/images/icons/toc.gif) no-repeat 5px 0.25em; /* article nav send-to-friend icon */
}
/* end: addition to articlenav for site.css */



/** 
 * Advert styles
 *
 * The white background for the leaderboard overwrites styles set in main.css
 * for the header. The rules which set this white background can therefore be
 * found in the Header styles section above
 */
div.ad-rh.marketing
{
    background: #fff;
    border: 1px solid #e7e7e7;
}

* html div.marketing
{
    background: #fff !important; /* rule to resolve IE specificity error: set color to same as div.reg-rec above */
}

div.ad-rh.marketing h2
{
	color: #000;
	background: #d8d8d8;
}

div.ad-rh.marketing p,
* html div.ad-rh.marketing p
{
	color: #000;
}

div.ad-rh.marketing form input
{
	color: #fff; /* text colour of button */
	background: #496590; /* main bg colour was #b92e2e then 008c44*/
	border: 2px solid #000; /* border colour right and bottom */
	border-top-color: #ccc; /* border colour top was #efc9c9*/
	border-left-color: #ccc; /* border colour bottom was #efc9c9*/
}

div.ad-rh
{
    background: #fff; /* background colour for skyscraper ads */
}

div.ad-rh p
{
	color: #cccccb; /* text colour for "Advertisement" above skyscraper */
}
/* END: Advert styles */

/*----------- */
/*--TOP TEN--*/
/*----------*/
#toc #content ol.topten div.article ul.article-views li.first 

{

background-color: transparent;

background-image: url(/nrg/images/graphics/bullet.arrow-right.image.gif);

background-repeat: no-repeat;

background-attachment: scroll;

background-x-position: left;

background-y-position: center;

}


#toc #content ol.topten ul.article-views li.first {
background:transparent url(/nrg/images/graphics/bullet.arrow-right.image.gif) no-repeat scroll left center;
}


#toc #content ol.topten ul.article-views
{
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	list-style-type: none;
}

#toc #content ol.topten ul.article-views:after
{
	content: url(/common/images/clear.gif);
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #toc #content ol.topten ul.article-views
{
	height: 1%;
}
/* End hide from IE-mac */

#toc #content ol.topten ul.article-views li
{
	float: left;
	line-height: 100%;
	min-height: 12px;
	background-image: none;
	margin: 0 0 0 0.5em;
	padding: 0 0 0 0.5em;
	min-height: 12px;
}

#toc #content ol.topten ul.article-views li.first
{
	margin-left: 0;
	padding-left: 18px;
	border-left: 0;
}

#toc #content ol.topten ul.article-views li.pdf
{
	font-weight: bold;
}

/*Overwrites for top ten from site.css */

#toc #content  div.spacing  ol.topten ul.article-views li
{
	border-left: 1px solid #000; /* colour of vertical bar between article views */
}

#toc #content  div.spacing ol.topten ul.article-views li.first
{
	background: url(/nrg/images/graphics/bullet.arrow-right.image.gif) no-repeat left center; /* arrow icon next to first article view */
}

/* This was added because I was close to suicide over not being able to figure out why the titles were grey and not black. Now they're black*/
#toc #content ol.topten h5.atl {
	color:#000;
	text-transform: none;
	margin-top: 0;
	}

#toc #content ol.topten h4, #toc #content ol.topten h5, #toc #content ol.topten h5 {
color:#999999;
}
#toc #content ol.topten h4, #toc #content ol.topten h5, #toc #content ol.topten h5 {
font-size:110%;
margin:0pt;
text-transform:uppercase;
}
#toc #content ol.topten h4, #toc #content ol.topten h5, #toc #content ol.topten h6 {
margin-top:0.5em;
}

/*overwrite from site.css */
#toc #content ol.topten p.date {
color:#8A8C9F;
}



#toc #content ol.topten p.page, #toc #content div.section p.doi {
color:#8A8C9F;
}

#toc #content ol.topten p.page, #toc #content div.section p.doi {
font-size:110%;
line-height:150%;
margin:0pt 0pt 0.5em;
}
#toc #content ol.topten p.aug {
font-size:110%;
font-style:italic;
line-height:150%;
margin:0pt;
}


/* for access pages */
body#access .toolsmenu .title {
	background: #b92e2e;
}


/* Slideshow styles - taken from nrd site.css*/

body.slideshow #content .video-content {
	background-color: #ECECEC;
	padding:20px;
}

body.slideshow h1 {
	font-weight: normal;
	margin-top:0;
  border-bottom:1px dashed #999;
}

body.slideshow .player-wrapper {
  margin: 30px auto 0;
  text-align :left;
}

body.slideshow .player-wrapper p.credit {
    text-align:right;
    font-style:italic;
    margin-top:0;
}

body.slideshow .player-wrapper h2 {
	font-size: 130%;
}

body.slideshow .player-wrapper p.description {
	line-height: 1.4;
}

body.slideshow .sponsored-by {
	background-color: #FFF;
	padding: 20px 0;
}

body.slideshow .sponsored-by h3 {
	float: left;
	font-size: 120%;
  margin: 0;
  padding: 0 2%;
}

body.slideshow .sponsored-by .sponsors {
	list-style: none outside none;
	margin: 0;
	padding: 0 0 0 16%;
}

body.slideshow .sponsored-by .sponsors li {
	border-right: 1px dashed #ccc;
	float: left;
	margin: 0 2% 0 0;
	padding: 0 2% 0 0;
	width: 46%;
}

body.slideshow .sponsored-by .sponsors li.last {
	border-right: none;
	margin: 0;
	padding: 0;
}

body.slideshow .sponsored-by .sponsors li p {
	line-height: 1.4;
	margin: 0 0 1ex;
}

body.slideshow .sponsored-by .sponsors li img {
	float: left;
}

body.slideshow .sponsored-by .sponsors li div {
	padding: 0 0 0 110px;
}


/* start Tom's new video page stuff */

#video-box {
	width: 80%;
	margin: 20px auto 0;
	text-align: center;
}

#video-box #head-banner {
	background: #00487c right top no-repeat;
	height: 88px;
	text-align: left;
}

#video-box #head-banner h1 {
	background: left top no-repeat;
	height: 100%;
	margin: 0;
}

#video-box #head-banner h1 span {
	display: none;
}

#video-box ul.sectionlist {
	list-style: none;
	background-color: #45D7F5;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 80%;
	padding: 5px 0;
	text-align: left;
	border-top: 1px solid #fff;
}

#video-box ul.sectionlist li {
	display: inline;
}

#video-box ul.sectionlist li a {
	padding: 5px;
}

#video-box ul.sectionlist li a:link, #video-box ul.sectionlist li a:visited {
	color: #000;
}

#video-box ul.sectionlist li a:hover {
	color: white;
	background: #AE151A;
	text-decoration: none;
}

#video-box ul.sectionlist li a.selected:link, #video-box ul.sectionlist li a.selected:visited {
	color: white;
	background: #AE151A;
	text-decoration: none;
}

#video-box #video-header {
	font-size: 70%;
	margin: 5px 0 5px;
	text-align: left;
}

#video-box #video-header ol {
	list-style: none;
	display:block;
	margin: 0;
	padding: 4px 0;
	width: 70%;
	float: left;
}

#video-box #video-header ol li {
	float: left;
	margin-right: 4px;
}

#video-box #video-header ol li a {
	color: #000;
}

#video-box #video-header p.rightlinks {
	float: right;
	margin: 0;
	padding: 0;
}

#video-box #video-header p.rightlinks a {
	display: block;
	padding: 4px 0;
	padding-left: 25px;
	font-weight: bold;
}

#video-box #video-header p.rightlinks a.send-friend {
	background: url(/nature/images/videopage-email.gif) top left no-repeat;
}

#video-box #video-header p.rightlinks a.send-friend:link {
	color: #c00;
	text-decoration: none;
}

#video-box #video-header p.rightlinks a.send-friend:visited {
	color: #c00;
	text-decoration: none;
}

#video-box #video-header p.rightlinks a.send-friend:hover {
	color: #c00;
	text-decoration: underline;
}

#video-box #main-block {
	font-size: 80%;
	background: #effbfc;
	padding: 10px 5px;
	text-align: left;
}

#video-box #main-block p {
	margin: 0 0 10px;
	line-height: 1.3;
}

#video-box #main-block #left {
	float: left;
	width: 340px;
}

#video-box #main-block #right {
	margin-left: 350px;
}

#video-box #main-block h2 {
	font-family: "Trebuchet MS", sans-serif;
	color: #c00;
	letter-spacing: 0.06em;
	margin: 0 0 5px;
	font-size: 130%;
}

#video-box #main-block h3 {
	color: #c00;
	letter-spacing: 0.06em;
	font-size: 120%;
	font-family: "Trebuchet MS", sans-serif;
	margin: 0;
}

#video-box #main-block a {
	font-weight: bold;
}

#video-box #main-block #left #movie {
	display: block;
	margin: 0;
}

#video-box #main-block p.caption {
	background: #ccf7ff;
	padding: 5px;
	font-size: 90%;
	font-style: italic;
	margin: 0 0 10px;
}

#video-box #main-block p.video-link {
	font-weight: bold;
}

#video-box #main-block p.video-link a {
	padding: 4px 0 4px 25px;
}

#video-box #main-block p.video-link a:link {
	color: #c00;
	text-decoration: none;
}

#video-box #main-block p.video-link a:visited {
	color: #c00;
	text-decoration: none;
}

#video-box #main-block p.video-link a:hover {
	color: #c00;
	text-decoration: underline;
}

#video-box #main-block p.video-link a.watch-film {
	background: url(/nature/images/videopage-play.gif) bottom left no-repeat;
}

#video-box #main-block p.video-link a.read-transcript {
	background: url(/nature/images/videopage-transcript.gif) bottom left no-repeat;
}

#video-box #video-foot p {
	font-size: 70%;
	margin: 5px 0;
	text-align: left;
}

#video-box #transcript {
	text-align: left;
}

#video-box #transcript cite {
	font-weight: bold;
}

#video-box #transcript ol {
	list-style: none;
	margin: 0;
	padding: 0 5px;
}

#video-box #transcript blockquote {
	margin: 5px 10px 20px;
}

#video-box #transcript ol li {
	margin: 0;
	padding: 0;
}

#video-box a:link {
	color: #003286;
	text-decoration: underline;
}

#video-box a:visited {
	color: #006ca5;
	text-decoration: underline;
}

#video-box a:hover {
	color: #00aae3;
	text-decoration: underline;
}

/* movie classes */
#video-box embed {
	display:block;
	border:0;
	margin:0;
	padding:0;
}
/* end tom's changes */

/* video archive item page - additional styles April 2008 */
h1.video-item-title { 
	color:#9ca3a6; 
	font-size:150%; 
	line-height:1; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;
} 

#video-archive-item {
	width:100%; 
	height:100%; 
	text-align:center;
	padding: 10px 0 0 0;
}

#video-archive-item #swf-holder {position:relative;}

#video-archive-item #infocols {
	position:relative;  
	width: 705px;
	margin: auto;
	font-size: 145%;
	
}

#video-archive-item #infocol-left {
	width:48%; 
	float:left; 
	text-align:left;
}

#video-archive-item #infocol-right { 
	width:48%; 
	float:right; 
	text-align:left;
}

#video-archive-item .infocol-3-left {
	text-align:left;
	width:33%; 
	float:left; 
	margin-top: 20px;
}

#video-archive-item .infocol-3-right {
	text-align:left;
	width:33%; 
	float:right; 
	margin-top: 20px;
}

#video-archive-item #infocols .info-box {padding:0;}

#video-archive-item #infocols .info-content { 
	padding:0px 15px 0 0; 
	min-height:130px; 
}

#video-archive-item #infocols .sponsor { 
	text-align:center;
}

#video-archive-item #infocols .info-content img {
	margin-left:auto;
	margin-right:auto;
}

#video-archive-item #infocols .info-top-left { 
	background:url(/nature/videoarchive/images/info_tl.gif) left top no-repeat; 
	padding:0 0 0 20px;
}

#video-archive-item #infocols .info-top-right { 
	background:url(/nature/videoarchive/images/info_tr.gif) right top no-repeat; 
	padding:0;
}

#video-archive-item #infocols .info-bottom-left { 
	background:url(/nature/videoarchive/images/info_bl.gif) top left no-repeat; 
	padding:0 0 0 20px; 
	height:30px;
}

#video-archive-item #infocols .info-bottom-right { 
	background:url(/nature/videoarchive/images/info_br.gif) top right no-repeat; 
	height:30px;
}

#video-archive-item #infocols .info-content div.contentholder {padding:6px 0;} 
#video-archive-item #infocols .info-content .i-flash {background:url(/nature/videoarchive/images/i-flash.gif);}

#video-archive-item #infocols .info-content .icon { 
	background-position:left center; 
	background-repeat:no-repeat; 
	display:block; 
	padding:8px 0pt 8px 40px; 
}

#video-archive-item #infocols .info-content h2.txtlead {
	font-size:140%; 
	font-weight:normal; 
	color:#9ca3a6; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:100%; 
}

 #infocols .info-content p.txtcopy {
	font-size:80%; 
	color:#9ca3a6; 
	font-weight:bold; 
	line-height:1.4; 
	font-family:Arial, Helvetica, sans-serif;
} 

#video-archive-item hr {
	display:none;
}
/*  end video archive styles  */