Style Sheet-CSS Popups

/* CSS styles used for page Cookbook.CSS Popups */

/* 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;

}