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 a:hover {
  text-decoration: underline;
  color: #742356;
}

.cloud a {
  text-decoration: none;
  color: #002200;
}

.cloud .w1 { }
.cloud .w2 { }
.cloud .w3 { }
.cloud .w4 { }
.cloud .w5 { }
.cloud .w6 { }
.cloud .w7 { }
.cloud .w8 { }
.cloud .w9 { }
.cloud .w10 { }
.cloud .p1 { }
.cloud .p2 { }
.cloud .p3 { }
.cloud .p4 { }
.cloud .p5 { }
.cloud .p6 { }
.cloud .p7 { }
.cloud .p8 { }
.cloud .p9 { }
.cloud .p10 { }

.fq {
  color: #999999;
}

.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;
}