body {
  border: 0;
  margin: 0;
}

/* the cloud layer's style */
.cloud {
  border: 1px solid green;
  background-color: #eeeeee;
}

/* style of the keyword in the cloud when the mouse is on it */
.cloud span:hover , .cloud a:hover {
  text-decoration: underline;
  color: #742356;
}

.cloud span , .cloud a {
  text-decoration: none;
  color: #567423;
}

.cloud .phrase {
  color: #AA0000;
}

/* When comaring two sites */
/* style of keyword existing only in site s1 */
.cloud .s1 {
  color: blue;
}

/* style of keyword existing in site s1 and site s2 */
.cloud .s1s2 {
  color: green;
}

/* style of keyword existing only in site s2 */
.cloud .s2 {
  color: red;
}

/* popup properties */
.popup {
  display : none;
  z-index : 1001; 
  position : absolute;
  background-color: #ffffff;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: #444444;
  overflow : auto;
  margin:0;
  padding: 0;
  -moz-border-radius:10px;
}

img {
  border: 0;
}

a {
  text-decoration: none;
}

.title {
  font-size: 120%;
  font-weight: bold;
}