/*
Title:      Technology Review Default Stylesheet
Author:     Eben Bathalon, eben.bathalon@technologyreview.com
Notes:		
*/

html{
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
color:#333;
font:70% Verdana, Arial, Helvetica, sans-serif;
background-color:#fff;
}

a{
color:#069;
text-decoration:none;
}
a:hover{color:#c30;}
a:active{}
a:visited{}

a img{border:0;}

h1{font:150% Arial, Helvetica, sans-serif}
h2{font:135% Arial, Helvetica, sans-serif}
h3{
margin-bottom:0;
font:135% Arial, Helvetica, sans-serif;
}
h4{
margin:5px 0 0 0;
font:125% Arial, Helvetica, sans-serif;
}

dl{height:1%;}

dl dt img{
float:left;
margin:0 10px 5px 0;
}
dl dd{
margin:0;
line-height:130%;
}

p{line-height:140%;}

blockquote{margin:10px 0;}

ul{
list-style:none;
padding:0;
height:1%;
}


/* Layout Definitions */
#container{
margin:0 5px 0 5px;
}
	
	#upgrade{display:none;}
	
	#header{
	padding:0;
	text-align:right;
	}
		#header .banner{
		background-color:#adb6bf;
		padding:5px 0;
		}
		#header .tools{
		background-color:#e7e7e7;
		padding:5px 0 2px 0;
		margin:0;
		}
		#header .pipeList{
		padding:2px 0 0 0;
		margin:0 5px;
		}
		#headerTools{
		list-style:none;
		padding:0;
		margin:0 10px 0 0;
		color:#999;
		}
			#headerTools dd, #headerTools dt{
			display:inline;
			padding:0;
			margin:0 5px 0 0;
			}
			#headerTools dd img:hover{background-color:#b43;}
	
	#mainNav{
	background-image:url(../images/bg_mainNav.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#C9CDD3;
	margin:5px 0 0 0;
	}
		#mainNav img{
		float:left;
		margin:12px 0 0 7px;
		}
		#topics{
		list-style:none;
		margin:0 0 0 210px;
		padding:16px 0 0 0;
		background-color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:110%;
		}
			#topics li{
			background-color:#fff;
			position:inherit;
			margin:1px 0 0 0;
			float:left;
			border-bottom:1px solid #b6bbc1;
			padding:1px 0 2px 0;
			}
			#topics li a{
			border-right:1px solid #b6bbc1;
			padding:3px 10px 2px 10px;
			margin:0;
			color:#000;
			}
			
			#topics li a:hover{
			background-color:#e7e7e7;
			border-top:1px solid #b6bbc1;
			background-repeat:repeat-x;
			background-position:top left;
			}
				#topics .info a:hover{
				border-left:1px solid #b6bbc1;
				padding-left:9px;
				}
			
			.InfoTech .info a, .BioTech .bio a, .NanoTech .nano a, .BizTech .biz a, .mag .mag a, .blog .blog a, .blogIndex .blog a, .news .news a{
			background-color:#dddddd;
			border-top:1px solid #b6bbc1;
			}
			
		#mainNav form{
		text-align:right;
		padding:1px 10px 3px 0;
		margin:15px 0 0 0;
		color:#666;
		clear:both;
		}
			#mainNav form input{
			background-color:#fff;
			border:1px solid #999;
			color:#666;
			padding:0 2px;
			}
			#mainNav form label{display:none;}
	
	#innerFloat{
	background-image:url(../images/bg_headerBG.gif);
	background-repeat:no-repeat;
	}
	
	#discussion{
	background-color:#eee;
	padding:0 0 5px 0;
	}
		#forums p, #trif p{
		margin-left:5px;
		margin-right:5px
		}
		#discussion form{padding:0;margin:0;}
		
	#magazine{
	margin:0 0 5px 0; 
	padding:0 0 5px 0;
	}
		#magazine dl, #magazine ul{margin:10px 5px;}
		#button{
		clear:left;
		margin:10px 5px;
		padding:5px 0;
		background-color:#abb;
		text-align:center;
		border:1px solid #899;
		}
			#button a{margin:0 5px;}
			#magazine .title{font-size:130%;}
	
	#links{margin:5px;}
		#links p{
		color:#999;
		font-size:90%;
		}
		#links dl dd{margin:0 0 10px 0;}
	
	#footer{
	clear:both;
	text-align:center;
	padding:1px 0 0 0;
	}
		#footer ul{
		margin:5px 0 10px 0;
		background-color:#eee;
		padding:5px 0;
		}

.adSpot{margin:5px 0;}
			
.splitLeft{
float:left;
width:59%;
}

.splitRight{
float:right;
width:39%;
}

.bold{font-weight:bold;}

.floatL{float:left;}
.floatR{float:right;}

.clear{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hide{display:none;}

.banner{
text-align:center;
margin:0 0 5px 0;
}

.byline{
margin:0 0 5px 0;
color:#999;
}

.caption{
font-size:90%;
color:#666;
}

.fList li{
display:inline;
padding:0;
list-style:none;
margin:0;
color:#bbb;
}

.hList li a, .arrowLink a{
padding:0 9px 0 0;
background-image:url(../images/link_arrow.gif);
background-repeat:no-repeat;
background-position:bottom right;
}

.hList li a:hover, .arrowLink a:hover{
background-image:url(../images/link_arrow_hover.gif);
background-repeat:no-repeat;
background-position:bottom right;
}
.hList li{
margin:0 10px 0 0;
}
.pipeList li{
margin:0;
}

.pipeList, .hList{
list-style:none;
padding:0;
margin:0;
color:#bbb;
}
.pipeList li, .hList li{
display:inline;
padding:0;
}

.pipeList li:before{content:"| ";}
.pipeList li:first-child:before{content:"";}
/*IE workaround*/ /*All IE browsers*/
* html .pipeList li{
border-left:1px solid #ccc;
padding:0 0.4em 0 0.4em;
margin:0 0.4em 0 -0.4em;
}
/*Win IE browsers - hide from Mac IE\*/
* html .pipeList{height:1%;}
* html .pipeList li{
display:block;
float:left;
}
/*End hide*/ /*Mac IE 5*/
* html .pipeList li:first-child{border-left:0;}



/*========= Discussion Styles =========*/
#DISCUS_ME{margin-left:10px;}
#msgx{margin:5px 0 0 10px;}

.TreeView{cursor:default;} 

.TreeNode{  
color:#677888;
font:110% Arial, Helvetica, sans-serif; 
padding-left:1px; 
border-bottom:1px solid #c3d2df; 
cursor:pointer; 
cursor:hand; 
background-image:url(../images/comments_re.gif);
background-repeat:no-repeat;
background-position:right;
padding-right:65px;
overflow:hidden;
} 
	.HoverTreeNode, .TreeNodeOver{ 
	color:#4d6474;
	font:110% Arial, Helvetica, sans-serif; 
	padding-left:1px; 
	border-bottom:1px solid #677888;
	cursor:pointer; 
	cursor:hand;
	background-image:url(../images/comments_re.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:65px;
	margin-top:3px;
	} 
	.TreeNodeSelect{     
	font:110% Arial, Helvetica, sans-serif; 
	color:#b44b38;
	padding-left:1px;
	}
	.TreeNodeDisabled{}
	.TreeNodeEdit{}

.MessageNode{
font-size:100%;
color:#777;
padding:10px;
margin:10px 10px 0 10px;
background-color:#fff;
border:1px solid #bbb; 
cursor:default;
line-height:130%;
}
	.HoverMessageNode{
	font-size:100%;
	color:#666;
	padding-left:3px; 
	cursor:default;
	line-height:120%;
	}
	
.MessageNodeHidden{visibility:hidden;}

.LoadingMessage{}
	.LoadingMessageBlue{}


#printshow{display:none;}
#logoprintx{display:none;}