StyleSheet-CSSPopups

/*==== CSS styles used for page Cookbook.CSSPopups ====*/

/* ===== Footer Status Popups (absolute positioned) =====*/

span.popfoot { display:none; background-color:#f7f7f7; }

a:hover span.popfoot {

  display:block; position:absolute; left:0; bottom:0;
  width:85%;
  text-align:left;
  padding:5px;
  margin:0 10%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;

}

/* ===== Tooltip Popups (relative positioned) =====*/ span.poptip { display:none; background-color:#ffffcc; }

a:hover span.poptip {

  display:block; position:absolute; margin-left:50px;
  width:200px;
  font-size:smaller;
  text-align:center;
  padding:5px;
  border: 1px solid black;

}

/* ==== Absolute positioned popups ====*/ span.popup { display:none; background-color:#ffddcc; }

a:hover span.popup {

  display:block; position:absolute; left:0; top:1300px;
  width:140px;
  font-size:smaller;
  text-align:center;
  padding:5px;
  margin:0 10px;
  border: 1px solid black;

}