/******************/
/* BUBBLE TOOLTIP */

.stdTitleToolTip
{ background: color: #666; font-size: 18px; font-weight: normal; line-height: 18px; padding: 0 0 15px 0; position:relative; }

	.stdTitleToolTip span
	{ font-weight: bold; color: #022F66; }   /* JorgeC. Changed from Blue #069 to dark blue #022F66 because #069 is used for hyperlinks */

.std-iconDESCRIPTIONToolTip
{font: normal 7px/8px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 5px 0; color:#000; margin: 0; border: 0; text-align:center;}	
	
#tt_wrapper {
	line-height: 1;
 	font: Arial, sans-serif 
}
img.tt{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
.tt h5 {							    /* JorgeC. Added */ 
  display: inline;					/* eliminate the <br> of the h5 */
  cursor: pointer;
  border:inherit;      
  font:inherit;					     /* Make sure we do not disturb the font that was coming in already   */
}
a.tt     {cursor: help;}
a.tt h5 { cursor: pointer; }
.tt {
  font-size: 13px;  font-size-adjust: 0.5; /* use font-size-adjust to balance font size on firefox */
  font-weight: normal;
  text-decoration:none;
  text-align: left;
}
.tt .small {
  font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;  font-size-adjust: 0.5; /* use font-size-adjust to balance font size on firefox */
}
.tt span { display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
.tt:hover {   position:relative;text-decoration:none; z-index:1000; color: #aaaaff; background:transparent;}
.tt:hover span.tooltip {
  color: #111;
  display:block;
  position:absolute;
  top:0px; left:-10px;
  padding: 15px 0 0 0;
  width:200px;
  text-align: left;
  text-decoration:none;
  z-index: 2000;
}
.tt.rightEnd:hover span.tooltip {
	right: -20px; left: auto;
}
.tt:hover span.top {
  display: block;
  padding: 30px 8px 0;
  background: url(../images/bubble.png) no-repeat top;
}
.tt.rightEnd:hover span.top {
	background: url(../images/bubble-right.png) no-repeat top;
}
.tt.rightDown:hover span.top {
	background: url(../images/bubble-right-down.png) no-repeat top;
}
.tt.leftDown:hover span.top {
	padding: 10px 8px 0;
	background: url(../images/bubble-down.png) no-repeat top; 
}
.tt.leftDown:hover span.bottom {
  display: block;
  padding:13px 18px 20px;
  color: #548912;
  background: url(../images/bubble-down.png) no-repeat bottom;
}
.tt:hover span.middle { /* different middle bg for stretch */
  display: block;
  padding: 0 8px; 
  background: url(../images/bubble_filler.png) repeat bottom; 
}
.tt:hover span.bottom {
  display: block;
  padding:3px 8px 10px;
  color: #548912;
  background: url(../images/bubble.png) no-repeat bottom;
}
.tt .fakeLink {text-decoration: underline;}
/* end BUBBLE TOOLTIP */
/**********************/