/* jquery.tooltip */
#tooltip {
  position: absolute;
  z-index: 3000;
  padding: 5px;
  margin:15px 0px 0px 15px;
  font-family:Arial,sans-serif;
}
#tooltip.viewport-right {
  margin:15px 15px 0px 0px;
}
#tooltip.viewport-bottom {
  margin:0px 0px 15px 15px;
}
#tooltip h3, 
#tooltip div { 
  margin: 0; 
  overflow:hidden;
  color:black;
  font-size:95%;
  text-align:left;
}
#tooltip h3 {
  font-weight:bold;
}

/* foswiki theme */
#tooltip.foswiki {
  padding:1em;
  max-width:200px;
  background-color:#F8F4A0;
  border:1px solid #BBB879;
  color:black;
}
#tooltip.foswiki h3 {
  text-align: center;
  border:0px;
}
#tooltip.foswiki h3 { 
  margin-bottom:5px;
  text-align: left; 
}

/* backbox */
#tooltip.blackbox {
  background:#000000; 
  border:3px solid #FFFFFF; 
  font-size:95%; 
  padding:1em; 
  opacity:0.75; 

  -moz-border-radius:4px 4px 4px 4px; 
  -webkit-border-radius:4px 4px 4px 4px; 
  border-radius:4px 4px 4px 4px; 

  -moz-box-shadow: 0px 0px 4px #555; 
  -webkit-box-shadow: 0px 0px 4px #555; 
  box-shadow: 0px 0px 4px #555; 

  border:2px solid #bbb\9; /* ie6,7,8 */
} 
#tooltip.blackbox,
#tooltip.blackbox div,
#tooltip.blackbox h3 {
  color:#fff;
  text-align:left;
}

/* bubble theme */
#tooltip.bubble {
  opacity: 0.9;
  background-image: url('tooltip-bubble.png');
  background-repeat:no-repeat;
  padding:50px 19px 19px;
  height:95px;
  width:210px;
}
#tooltip.bubble.viewport-right {
  background-image: url('tooltip-bubble-reverse.png');
}
#tooltip.bubble.viewport-bottom {
  background-image: url('tooltip-bubble-bottom.png');
  padding:19px 19px 50px;
}
#tooltip.bubble.viewport-bottom.viewport-right {
  background-image: url('tooltip-bubble-reverse-bottom.png');
  padding:19px 19px 50px;
}
#tooltip.bubble h3 {
  font-size:13px;
  font-weight:bold;
  border-bottom:1px solid #ddd;
  padding:0px 0px 2px 0px;
  margin:0px 0px 2px 0px;
}
#tooltip.bubble div {
  text-align: left;
}

