/********************************************************************************
 *
 * Handle visible-by-default tooltips.
 *
 ********************************************************************************/

/* This following block is supposed to stop it from changing colors on hover, but it's not.  */
a.ttl,
a.ttl:hover,
a.ttl:visited:hover,
a.ttl:active,
a.ttr,
a.ttr:hover,
a.ttr:visited:hover,
a.ttr:active
		{
		color: rgb(255,153,0);
		text-decoration: none;
		}

a.ttl,
a.ttr
		{
		z-index:25;
		}
a.ttl span.tooltip,
a.ttr span.tooltip
		{
		display:block;
		position:absolute;
		width:200px;
		text-align: left;
		opacity: 0.90;
		}
a.ttl span.tooltip
		{
		top: 0;
		left: -30px;
		padding: 15px 0 0 0;
		}
a.ttr span.tooltip
		{
		top: 0;
		left:-150px;
		padding: 15px 0 0 0;
		}

a.ttl span.middle,
a.ttr span.middle
		{ /* different middle bg for stretch */
		display: block;
		padding: 0 8px; 
		background: url("../images/bubble_filler.png") repeat bottom; 
		}
a.ttl span.top
		{
		display: block;
		padding: 30px 8px 0;
		background: url("../images/bubble_tl.png") no-repeat top;
		}
a.ttr span.top
		{
		display: block;
		padding: 30px 8px 0;
		background: url("../images/bubble_tr.png") no-repeat top;
		}
a.ttl span.bottom,
a.ttr span.bottom
		{
		display: block;
		padding:3px 8px 8px 8px;
		background: url("../images/bubble_bottom.png") no-repeat bottom;
		}