@charset "UTF-8";

.UDPopupBoxParent {
  z-index: 1;
}
.UDPopupBoxParent:hover {
  position: relative;
}

span.UDPopupBox {
  display: none;
}

/*
 * Visible state of the popup box.  Note that no explicit height
 * or width are provided; end-users should add CSS overrides to this
 * element to set any explicit width/height they desire.  E.g.
 *
 *    <span class="UDPopupBox" style="width:40em;">
 *
 */
.UDPopupBoxParent:hover span.UDPopupBox {
  position: absolute;
  top: 10px;
  left: 10px;
  
  margin: 0px;
  padding: 4px;
  
  display: block;
  z-index: 100;
  
  background-color: #f0f0ff;
  color: #060c56;
  
  border: 1px solid #060c56;
	-moz-border-radius: 4px; /* this works only in camino/firefox */
	-webkit-border-radius: 4px; /* this is just for Safari */
  
	font-size: 10px;
}

/*
 * Popup boxes can be given a title, which ends up being rendered
 * as something akin to a window title bar.
 */
span.UDPopupBox div.UDPopupBoxTitle {
  margin: -4px -4px 4px -4px;
  padding: 2px;
  font-weight: bold;
  background-color: #060c56;
  color: #edc56b;
  border-bottom: 1px dotted #060c56;
}