/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 8pt Verdana, Arial, Helvetica, sans-serif;
	display: none;
}

#unitippoint, #unitipmid, #unitipcap {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 145px;
	display: block;
}

#unitippoint { 
	background: url(../../img/TipPoint.png) no-repeat; 
	height: 19px; 
	overflow: hidden; 
}

#unitipmid { 
	background: url(../../img/TipMid.png) repeat; 
	width: 115px;
	height: auto; 
	padding: 5px 15px;
}

#unitipcap { 
	background: url(../../img/TipCap.png) no-repeat; 
	height: 7px; 
	overflow: hidden; 
}

/* --- Chico Bola fix ------------------------------------------------------
   flux.css applies `box-sizing:border-box` to everything. These three boxes
   were written for content-box: the cap and point declare width:145px with no
   padding, while the middle declares width:115px plus 15px of padding on each
   side -- 145px in total, but only under content-box.

   Under border-box the middle collapses to 115px while the cap and point stay
   145px, so the top and bottom images stick 30px out past the dark body of the
   tooltip and read as a stray light notch on its right-hand side. */
#unitippoint, #unitipmid, #unitipcap { box-sizing: content-box; }
