/* CSS Document */

/*---------- bubble tooltip -----------*/

a.tt{

   position: relative;

   z-index: 24;

   color: #3CA3FF;

	/*font-weight: bold;*/

	text-decoration: none;

}



a.tt span{ display: none; }



/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover{ 

	z-index: 25; 

	color: #aaaaff; 

	background: ;

}



a.tt:hover span.tooltip{

	display: block;

	position: absolute;

	top: 0px;

	left: 0;

	padding: 5px 0 0 0;

	width: 200px;

	color: black; /*#636363;*/

	text-align: left; /*center;*/

	filter: alpha(opacity:90);

	KHTMLOpacity: 0.90;

	MozOpacity: 0.90;

	opacity: 0.90;

}



a.tt:hover span.top{

	display: block;

	padding: 30px 8px 0;

   background: url(../images/bubble.gif) no-repeat top;

}



a.tt:hover span.middle{ /* different middle bg for stretch */

	display: block;

	padding: 0 8px; 

	background: url(../images/bubble_filler.gif) repeat bottom; 

}



a.tt:hover span.bottom{

	display: block;

	padding: 3px 8px 10px;

	color: #548912;

	background: url(../images/bubble.gif) no-repeat bottom;

}



/* -- thumbnail -- */

.thumbnail{

	position: relative;

	z-index: 0;

}



.thumbnail:hover{

	background-color: transparent;

	z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

	position: absolute;

	background-color: lightyellow;

	padding: 5px;

	left: -1000px;

	border: 1px dashed gray;

	visibility: hidden;

	color: black;

	text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

	border-width: 0;

	padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

	visibility: visible;

	top: 0;

	left: 60px; /*position where enlarged image should offset horizontally */

}