

.visuwords {
  position:relative;
  overflow:hidden;
  background-color:rgba(0,0,0,0.75);  
  Xmin-width:400px;
  height:800px;
  Xborder:3px solid #888;
}

.visuwords .origin { 
  position:absolute;
  overflow:show;
  background-color:transparent;
  left:60%; top:50%;
}

.visuwords .node {
  position:absolute;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:40px 40px;
  min-width:48px; min-height:48px;
  opacity:1;
  font-weight:normal;
  font-size:13px;
  line-height:13px;
  color:#fff;
  text-shadow:0 0 2px #000;
  text-align:center;
  cursor:pointer;
  z-index:2;
}

.visuwords .node .words {
  position:absolute;
  opacity:1;
	font-weight:bold;
}

X.visuwords .node.grabbed {
  background-color:#00ffff;
}

.visuwords .link { 
  position:absolute;
  opacity:1;
  z-index:1;
}

.visuwords .node.word {
  font-size:18px;
  top:50px;
}

.visuwords .definition {
  font-size: 14px;
	line-height: 135%;
  position:absolute;
  opacity:0.8;
  background-color:#444;
  z-index:3;
  width:auto; height:auto;
  border:2px solid #ccc;
  border-radius:8px;
}

.visuwords .definition .liner {
  padding:0.3em;
}

.visuwords .definition .label {
  font-weight:bold;
  width:100%;
  border-bottom:1px dotted #ccc;
  padding-bottom:0.3em;
  margin-bottom:0.3em;
}





.visuwords .legend {
	position:absolute;
	left:5px;top:58px;
	padding-right:18px;
	border-radius:8px;
	
	cursor:pointer;
	width:auto;
	height:auto;
	overflow:show;
	background-color: rgba(0,50,100,0.3);
	z-index:3;
}
.visuwords .legend .inner {
	cursor:default;
	width:auto;
	height:auto;
	padding:0.25em;
	padding-left:0.5em;
	padding-bottom:1em;
	border: 2px solid rgba(100,100,100,0.5);
	border-radius:8px;
	background-color: rgba(0,0,0,0.8);
	margin-left:-10px;
}
.visuwords .legend div {
	position:static;
	font-size:12px;
	height: 20px;
}
.visuwords .legend div.type {
	height: 24px;
	margin-left:40px;
}
.visuwords .legend img,
.visuwords .legend label {
	vertical-align:middle;
	display:inline-block;
	margin:0.25em;
}
.visuwords .legend .type img {
	width:20px;
	height:20px;
}
.visuwords .legend .link img {
	width:80px;
	height:10px;
}






.visuwords .adspace {
	position:absolute;
	width:100%;
	bottom:0;
	z-index:5;
}
.visuwords .adspace div {
	height:50px;
	width:320px;
	background-color:transparent;
	margin:0 auto;
}


