

.snappywords {
  position:relative;
  overflow:hidden;
  background-color: #f7f7f7;  
  width:100%;
  height:600px;
  /* border:3px solid #888; */
}

.snappywords .origin { 
  position:absolute;
  overflow:show;
  background-color:transparent;
  left:60%; top:50%;
}

.snappywords .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:rgb(0, 0, 0);
  /* text-shadow:0 0 2px rgb(211, 205, 205); */
  text-align:center;
  cursor:pointer;
  z-index:2;
}

.snappywords .node .words {
  position:absolute;
  opacity:1;
	font-weight:bold;
}

X.snappywords .node.grabbed {
  background-color:#00ffff;
}

.snappywords .link { 
  position:absolute;
  opacity:1;
  z-index:1;
}

.snappywords .node.word {
  font-size:18px;
  top:50px;
}

.snappywords .definition {
  font-size: 14px;
	line-height: 135%;
  position:absolute;
  opacity:0.8;
  background-color:rgb(248, 242, 242);
  z-index:3;
  width:auto; height:auto;
  border:2px solid #ccc;
  border-radius:8px;
}

.snappywords .definition .liner {
  padding:0.3em;
}

.snappywords .definition .label {
  font-weight:bold;
  width:100%;
  border-bottom:1px dotted #ccc;
  padding-bottom:0.3em;
  margin-bottom:0.3em;
}

.snappywordstbd {
  color-scheme: #f7f7f7;
}

