// === Example of HTML ===
// <!--
//<a class="thumbnail" href="#thumb">
//	<img src="http://www.dynamicdrive.com/cssexamples/media/tree_thumb.jpg" width="100px" height="66px" border="0" />
//	<span>
//        <img src="http://www.dynamicdrive.com/cssexamples/media/tree.jpg" />
//        <br />
//        Simply beautiful.
//  </span>
//</a>
// -->
// =========================================================================================
document.write("<style>")
document.write(".thumbnail {")
document.write("						position: relative;")
document.write("						z-index: 0;")
document.write("}")
document.write(".thumbnail:hover {")
document.write("							background-color: transparent;")
document.write("							z-index: 50;")
document.write("}")
document.write(".thumbnail span {")
document.write("						position: absolute;")
document.write("						background-color: lightyellow;")
document.write("						padding: 5px;")
document.write("						left: -1000px;")
document.write("						border: 1px dashed gray;")
document.write("						visibility: hidden;")
document.write("						color: black;")
document.write("						text-decoration: none;")
document.write("}")
document.write(".thumbnail span img {")
document.write("						border-width: 0;")
document.write("						padding: 2px;")
document.write("}")
document.write(".thumbnail:hover span {")
document.write("						visibility: visible;")
document.write("						top: 0;")
document.write("						left: 60px;")
document.write("}")
document.write("</style>")

