 @CHARSET "UTF-8";
html {
     overflow: -moz-scrollbars-vertical;
}
body{font: 76% courier, arial,sans-serif;text-align:center}
*
{
	padding: 0 0;
	margin: 0 0;

}
 p
 {
 	padding: 10px;
 }
 input
 {
 	font-family: courier;
 	background: #AAA;
 	border: 1px solid #FFF;
 	margin: 1px 0px;
 }
#status 
{
	position: absolute;
	top: 0px;
	right: 0px;
	background: #EFEFEF;	
	opacity: 0.6;

}
#header
{
	text-align: left;
	position: relative;
}
	#header a 
	{
		font-size: 1em;
		color: #000;
		text-decoration: none;
	}
	#header a:hover 
	{
		text-decoration: underline;
	}
#container , #aboutTaxonome
{
	width: 900px;
	margin: 0 auto;	
	background: #FFF;
}
 #aboutTaxonome
 {
 	height: 300px;
 	padding-top: 200px;
 }
 #aboutLink
 {
 	float: right;
 	color: #FFF;
 	
 }
 #canvas
 {
 	background: #FFF;
    
 }
	#nodes , #content
	{
		overflow: hidden;
        height: 500px;
	}
	#content
	{
		position: relative;
	}
.nav
 {

 width: 100%;
 background: #EFEFEF;
 position: fixed;
 top: 0px;
 z-index: 10000;
 }
.nav ul
 {
     list-style-type: none;
     

 }
.nav ul li
 {
     display: inline;
 }
/* nodes */

.node , .newWordContainer 
{
	border: 1px solid #999;
	background: #EFEFEF;	
	padding: 4px 0px 0px 0px;
	font-size: 0.9em;
	width: 100px;
	position: absolute;
}
.newWordContainer
{
	opacity: 0.7;
}
.deleteNode
 {
	position: absolute;
	width: 40px;
 	opacity: .5;
 }
 	.deleteLink
 	{
		font-size: 0.95em;
		text-decoration: none;
 	}
 	.deleteNode:hover
 	{
 		opacity: 1.0;
 	}
.drag
{
	cursor: move;	
}
.linkMe
{
	text-decoration:none;
	font-size: 0.9em;
	color: #333;
	padding: 0px;
	display: block;
	background: #FFF;
	border-top: 1px solid #DDD;
	 	
}
.hideNode , .moreNode
{
	position: absolute;
	top: 0px;
	text-decoration: none;
	font-size: 0.8em;
		
}
.hideNode { 	right: 0px; }
.moreNode { 	left: 0px; }
 
.linkMe:hover
{
	background: #999;
	color: #EEE;
}
.linker
 	{
 	background:#EFEFEF;
 	margin-left: 10px;
 	}

/* new word */
.newWordContainer
{
	width: 200px;
	border: 1px solid #555;
}
	#newWordBox
	{
	height: 40px;
	background: #EFEFEF;	
	opacity: 0.6;
	
	}
 /** canvas **/
 
 #content
 {
 	border: 1px solid #333;
 	background: #FFF;
 }
 /***** sifter ****/
 .sifterblock td
 {
 	padding: 5px;
 }
 .sifterblock .content
 {
 	text-align: left;
 	font-family: Garamond, Georgia;
 	line-height: 1.4;
 	font-size: 14pt;
 	border-right: 1px dotted #ccc;
 }
 .tagbox , .excerptblock
 { 	
 	border: 1px solid #222;
 	background: #EFEFEF;
 	width: 300px;
 	padding: 0px 0px 4px 0px;
}
.tagbox
 {
 	position: absolute;
 	top: 0px;
 	left:0px;
    margin-top: 100px;
 	margin: 130px;
 }
 	.tagbox .title , .excerptblock .heading
 	{
 		background: #FFF;
 		color: #222;
 		padding: 1px;
 		border-bottom: 1px dotted #555;
 	}
 	.excerpt
 	{
 		font-style: italic;
 	}
 	.paragraph
 	{
 	display: none;
 	}
 	.reference
 	{
 	text-align: right;
 	list-style-type: none;
 	background: #CCC;
 	margin: 5px;
 	
 	}
 	.references
 	{
 	width: 200px;
 	}
.excerptblock 
{
	position: relative;
	width: 200px;
	left: 0px;
	margin: 10px;
}
	.excerptblock .text
	{
		display: none;
	}
	.excerptblock .tags ul , .excerptblock .neighbours ul
	{
		padding: 5px;
		text-align: left;
		list-style-type: none;
	}
	.excerptblock .title
	{
	 background: #AAA;
	 color: #EEE;
	 text-align: left;
	 padding-left: 4px;
	}
    .excerptblock .title a
     {

      color :#000;
      padding: 0px 10px;
      text-decoration: none;

     }

	.toggle
	{
		font-weight: bold;
		color: #555;
		display: inline;
		float: left;
		cursor: pointer;
		
	}
	.delete
	{
		float: right;
		cursor: pointer;
		
	}
	.open
	{
		position: absolute;
		left: 085px;
	}
	.heading
	{
		height: 12px;
	}
 #siftercontainer
 {
 	position: relative;
 	width: 900px;
	margin: 0 auto;	
	background: #FFF;
 }
 .highlight { background-color: yellow }