/* site css for Nature Biotechnology website */

/* colours:
	backgrounds	#636318
	contents	#636318
	highlights	#d9dbd4
*/

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

#hdr .user-services .li1 a {background-image: url(/common/includes/header/images/icons/01/icon_account_earth.gif);}
#hdr .user-services .li2 a {background-image: url(/common/includes/header/images/icons/01/icon_ealert_earth.gif);}
#hdr .user-services .li3 a {background-image: url(/common/includes/header/images/icons/01/icon_register_earth.gif);}
#hdr .user-services .li4 a {background-image: url(/common/includes/header/images/icons/01/icon_subscribe_earth.gif);}

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

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

.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: 80% !important;
	margin-bottom: 5px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

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



/* @end */

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

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

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

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

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

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

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

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

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

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

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

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

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

/* @group Unique styles */
/* footer ad styles */
#leaderboard-footer {
	background-color: #f7f7f7;
    border-top: 1px solid #dedede;
    padding: 8px 0 6px;
    position: relative;
    top: 20px;
}

#leaderboard-footer-ad {
	background: url(/nbt/images/bg_leaderboard.gif) no-repeat center top;
	margin: 0 auto;
	padding-left: 17px;
	width: 745px;
}
/* @end */

/* video & slideshow styles - taken from nrg site.css */

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

body.slideshow h1 {
	font-size: 150% !important;
	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 & slideshow style */