/*
     FILE ARCHIVED ON 22:22:15 Feb 27, 2010 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 15:31:56 Jan 28, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:#C4E2F4;
	font-family: trebuchet ms, trebuchet, verdana, arial, helvetica;}
/*	
#leftNavWrapper, #articlesCol,  #skyscraper{
	padding-bottom: 32320px;
	margin-bottom: -32220px;}
*/	
#wrapper {
	text-align: center;
	width: 900px;
	margin: 0 auto;
	background-color:#FFFFFF;
	border-left: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;}
#homeBodyWrapper {
	text-align: left;
	float: left;
	margin: 0px auto 0px auto;
	width: 100%;
	background-color: #FFFFFF; }
/*	
html>body #homeBodyWrapper {
	overflow:hidden}
*/
#adbanner1 {
	text-align: center;
	margin: 0px;
	xheight: 60px;
	xbackground-color: #CCCCCC;}
/* HEADER STYLES */
#wrapper #header {
	background-color: #021D37;
	padding: 8px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	float: left;}

#logo {
	float: left;}
#searchBox {
	float: right;
	margin-right: 10px;
	width: 300px;
	text-align: right;
}
#searchBox .tbSearch {
	height: 15px;
	font-size: 11px;
	border: none;
}
#searchBox #welcomeMsg {
	color: white;
	font-size: 11px;
	text-align: right;
}
#searchForm {
	margin-top: 5px;
	text-align: right;
}
#topNav {
	clear: both;
	float: left;
	width: 100%;
	background-image:url(/web/20100227222215/http://images.the-scientist.com/graphics/interface/css/topnav_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	margin: 0 auto -4px 0;
}
/* Firefox with pound to exclude safari */
html>body #topNav {
	padding:0;
	margin: 4px 0px -8px 0px;
}

/* Firefox */
[className="topNav"] {
	margin: 0px;
}



#topNav img {
	border: 0;
}
#topNav ul {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#topNav ul li {
	list-style: none;
	display: block;
	float: left;
	padding: 0 5px;}
/* LEFT NAV STYLES */

#leftNavCell {
	width: 151px;
}
#leftNavWrapper {
	width: 151px;
	float: left;
	background-color: #FFFFFF;
}
#leftNavWrapper #coverImg {
	padding-top:5px;
}
#leftNavWrapper .leftNavTitle {
	text-align: left;
	color: #FFFFFF;
	font-size: 11pt;
	font-weight:bold;
	padding: 0 0 0 12px;
}
#leftNavWrapper .leftNavTitle a {
	color: #FFFFFF;
}
.leftCalloutWrapper {
	margin: 5px -8px -8px 0;
	height: auto;
	padding:0px;
	width: 145px;
		float: left;
	clear:both;
}
.leftCalloutWrapper:not([className="leftCalloutWrapper"]){
	margin: 5px 0px 5px 0;
	height: auto;
	padding:0px;
	width: 150px;
}
.leftCalloutTop {
	background-image:url(/web/20100227222215/http://images.the-scientist.com/graphics/interface/lefttoolbar/left_callout_top.gif);
	background-repeat:no-repeat;
	width:150px;
	height: 5px;
	margin-bottom: -15px;
	padding: 0px;
	line-height: 0px;
}
.leftCalloutTop:not([className="leftCalloutTop"]) {
	height: 10px;
	margin-bottom: 0px;
}
.leftCalloutBottom {
	background-image:url(/web/20100227222215/http://images.the-scientist.com/graphics/interface/lefttoolbar/left_callout_bottom.gif);
	background-repeat:no-repeat;
	width:150px;
	height: 5px;
	clear: both;
	float: left;
	background-color: #FFFFFF;
}
.leftCalloutBottom:not([className="leftCalloutBottom"]) {
	height: 10px;
	margin-bottom: 0px;
}
.leftNavLinks {
	background-image:url(/web/20100227222215/http://images.the-scientist.com/graphics/interface/lefttoolbar/left_callout_body.gif);
	background-repeat: repeat-y;
	border-bottom: 1px #FFFFFF solid;
	margin-bottom: -23px;
	clear: both;
	float: left

}
.leftNavLinks:not([className="leftNavLinks"]) {
	background-image:url(/web/20100227222215/http://images.the-scientist.com/graphics/interface/lefttoolbar/left_callout_body.gif);
	background-repeat: repeat-y;
	border-bottom: 1px #FFFFFF solid;
	margin-bottom: -2px;
}


#leftNavWrapper .leftNavLinks ul {
	padding-left:0px;
	width: 146px;
	margin-top:0px;
}

#leftNavWrapper .leftNavLinks ul li {
	list-style: none;
	margin: 0px;
	padding: 5px 10px 5px 5px;
	font-family: "Trebuchet MS", arial, helvetica, sans;
	width: 146px;
	display:block;
	float: left;
	clear:both;
}
#leftNavWrapper .leftNavLinks ul li img {
	float: left;
	margin: -1px 4px 8px -2px;
	clear: left;
}

#leftNavWrapper .leftNavLinks ul li.headListItem {
	padding-left: 2px;
}
#leftNavWrapper .leftNavLinks ul li a {
	color: #FFFFFF;
	font-size: 9pt;
	text-decoration: none;
	line-height: 11pt;
	display:block;
	width: 98%;
	padding: 0 3px 2px 3px;
}
#leftNavWrapper .leftNavLinks ul li.highlighted {
	font-weight:bold;
}
#leftNavWrapper .leftNavLinks ul li a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#leftNavWrapper .leftNavLinks ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#leftNavWrapper .leftNavLinks ul li a:hover {
	text-decoration: underline;
	font-weight: bold;
	display:block;
	width: 98%;
	color: #F7BE80;

}

#leftNavWrapper #leftNavImg {
	background-color:#FFFFFF;
	border-top: 1px solid white;
}
#coverImg {
	background-color: white;
}
.homeNews {
	border-bottom: 1px #cacaca solid;
	padding-bottom: 10px;
	margin-bottom: 11px;
	float: left;
	min-height: 82px;
	width: 100%;
}
.homeNews img {
	margin: 0px 7px 0px 0px;
	float: left;
	clear: both;
}
/* ARTICLES & EXTRAS COLUMNS STYLES */

#articlesCol a, #extrasCol a {
	text-decoration: none;
	color: #0086D3;
}
#articlesCol, #extrasCol {
	padding: 10px 5px 0px 10px;
	float: left;
	width: 31%;
	margin-left:0;
	margin-right:0;
}



/* IE7 Only */
[className="articlesCol"] {
	position: relative;
	top: 400;
	left: 130;
	width: 25%;
	margin-left: -5px;
	margin-right: -20px;
	padding: 0px;}
[className="classExtrasCol"] {
	position: relative;
	width: 25%;
	z-index:5; }

/* Firefox Only
.classExtrasCol:not([className="classExtrasCol"]) {
	float: left;
	position: relative;
	top: 0;
	left: 32%;
	margin-left:10%;
	margin-right:10%;
	z-index:0;  }
*/
/* Filter Internet Explorer 7 */
head ~ /* */ body .classExtrasCol {
	margin-left: 33%;
	margin-right: -66%;}

.smaller {
	font-size: 70%;
	line-height: 11pt;
	clear: right;
}
.small {
	font-size: 75%;
	line-height: 11pt;
	clear: right;
}

/** Remove bg color before pushing to production **/
#skyscraper {
	float: right;
	position: relative;
	z-index: 1;
	width: 160px;
	xbackground-color:#D2EBF9;
	vertical-align: top;
}
.webExtras {
	border-left: 1px #cccccc solid;
	margin-bottom: 0px;
	padding-bottom: 15px;
}
.webExtraBody img {
	float: left;
	margin: 10px 5px -2px 6px;
}
.webExtraBodyFeed img, .webExtraNewsFeed img {
	float: left;
	margin: 0px 5px -2px 6px;
}
.webExtraBody {
	padding: 4px 0 0 8px;
}
.webExtraBodyFeed {
	padding: 8px 0 0 8px;
}
.webExtraNewsFeed {
	padding: 8px 0 8px 0px;
}
.webExtraBody p, .webExtraBodyFeed p, .webExtraNewsFeed p {
	font-size: 8pt;
	line-height: 17px;
	margin: 0 0 8px 0;
	padding: 0px;
}

.xtrasHeadline {
	font-size: 12pt;
	margin: 0px 0px 0px 0px;
	padding-left: 8px;
}
.webExtraHeader {
	background-color: #5FBCF4;
	font-size: 9pt;
	padding: 3px 0px 3px 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-image:url(/web/20100227222215/http://images.the-scientist.com/graphics/interface/css/bg_home_extras.gif);
	background-repeat:repeat-x;
}

#cornerLeft {
	float: left;
	display:run-in;
	margin-left: -3px;
	margin-top: 1px;
}
#cornerRight {
	float: right;
	display:run-in;
	margin-right: -24px;
}
form {
	margin: 0px;
	padding: 0px;
}
.homeInteractive {
	height: 20px;
	font-size: 9px;
	margin: 0px 0px 0px 5px;
	border: 1px #7F9DB9 solid;
	color: #2C3F4E;
}
#footer {
	width: 100%;
	border-top: 2px solid #000033;
	background-color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
	padding: 10px 0px;
}
#footer a {
	color: #2F9CDB;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #000033;
	text-decoration: underline;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}


/*One True Layout Browser Fixes */

 /* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute
weirdness as the method is enhanced */
#wrapper {
	/* Normally a Holly-style hack height: 1% would suffice but that causes
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes
(I saw it happen many moons ago) makes the width of wrapper too small
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here
just in case that many moons ago problem rears its head again */
	float/**/: none;
}
/* easy clearing */
#wrapper:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrapper {
	display: inline-block;
}
/*\*/
#wrapper {
	display: block;
}
/* end easy clearing */
#footer {
	clear: both;
}
/* Safari needs this - otherwise the ghost overflow, though painted
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output {
	position: relative;
	z-index: 1000;
}


/* END ONE TRUE LAYOUT FIXES */

#WEbodyContainer {
	width: 515px;
	margin: 10px 0px 0px 5px;
	float: left;
}
//IE fix for div size
* html WEbodyContainer {
	height: 1%;
	width: 530px;
}
#bodyContainer {
	width: 530px;
	margin: 10px 0px 0px 5px;
	float: left;
}
#articleContainer {
	width: 520px;
	float: left;
	margin: 10px 0px 0px 5px;
}
#articleContainer p {
	font-family:'trebuchet ms',Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
#articleVolIssuePg {
	margin: 20px 0px 20px 100px;
	border: 1px solid #FF0000;
}

#head {
	position: relative;
	width: 60%;
	padding: 0;
	margin: 10px 0px 0px 0px;
	z-index: 10;
	float: left;
}


/* WEB EXTRAS LANDING PAGE */

.webExtraItemWrapper {
	margin: 10px 0px 0px 0px;
	width: 465px;
	padding: 5px 0 15px 50px;
	border-bottom: #666666 solid 1px;
}
* html .webExtraItemWrapper {
	width: 500px;
}
.webExtraContainer:not([className="webExtraContainer"]) {
	margin: 10px 0px 0px 50px;
	padding-left: 100px;
	height: 1200px;
 }
.webExtraItemWrapper:not([className="webExtraItemWrapper"]) {
	margin: 10px 0px 10px 0px;
	padding-left: 50px;
	min-height: 130px;
 }
.webExtraItemWrapper img {
	float: left;
	border: none;
	margin-right: 15px;
}
.webExtraItemWrapper a {

	font-weight: bold;
	color: #0086D3;
	margin: 0;
	padding: 0;
}
.webExtraItemWrapper p {
	margin: 5px 0 0 0;
	font-size: 10pt;
	font-family:'trebuchet ms', Arial, Helvetica, sans-serif;
}

/* CITATION LANDING PAGE */

.citationClassic {
	margin: 5px 0 0 0;
}



/* ARTICLE STYLES */

/* Firefox only, xml article body wrapper */
.columnist:not([className="columnist"]) {
	margin-top:30px;  }

h1 {
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	line-height: 35pt;
	text-align: center;
	padding-left:0px;
}
.blueTitle {
	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20pt;
	line-height: 35pt;
	text-align: center;
	padding-left:0px;
}
.titleStandfirstWrapper{
	margin-left: 1px;
	margin-top: 0px;
}
.titleStandfirstWrapper:not([className="titleStandfirstWrapper"]) {
	margin-top:0px;  }

#refWrapper {
	width: 500px; border: 2px solid #F0F0F0;
}