#tooltip{
 position: fixed;
 z-index: 1000;
}
#tooltip.tooltip{
 background: #333 url(/images/usa/unfranchise/bg-tooltip-left-no-arrow.png) no-repeat 100% 100%;
 color: #fff;
 padding: 16px;
 position: fixed;
 border: 1px solid #fff;
 min-height: 95px;
 min-width: 150px;
 max-width: 250px;
 -webkit-box-shadow: 1px 0 10px #000;
 -moz-box-shadow: 1px 0 10px #000;
 box-shadow: 1px 0 10px #000;
}
#tooltip.tooltip:before{
 border-left: 1px solid #fff;
 border-bottom: 1px solid #fff;
 content: "";
 height: 20px;
 position: absolute;
 top: 90px;
 left: -12px;
 width: 20px;
 background: #333;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 transform: rotate(45deg);
 -webkit-box-shadow: -3px 3px 2px #bbb;
 -moz-box-shadow: -3px 3px 2px #bbb;
 box-shadow: -3px 3px 2px #bbb;
}
.oldie #tooltip.tooltip:before{
 width: 0;
 height: 0;
 left: -16px;
 top: 84px;
 border-top: 16px solid transparent;
 border-right: 16px solid #333;
 border-bottom: 16px solid transparent;
 border-left: none;
 background: none;
}
#tooltip.tooltip.reversed{
 background: #333 url(/images/usa/unfranchise/bg-tooltip-right-no-arrow.png) no-repeat 0 100%;
}
#tooltip.tooltip.reversed:before{
 top: 90px;
 border-right: 1px solid #fff;
 border-top: 1px solid #fff;
 border-bottom: none;
 border-left: none;
 content: "";
 position: absolute;
 right: -12px;
 left: auto;
 -webkit-box-shadow: 3px -3px 2px #bbb;
 -moz-box-shadow: 3px -3px 2px #bbb;
 box-shadow: 3px -3px 2px #bbb;
}
.oldie #tooltip.tooltip.reversed:before{
 width: 0;
 height: 0;
 right: -16px;
 top: 84px;
 left: auto;
 border-top: 16px solid transparent;
 border-left: 16px solid #333;
 border-bottom: 16px solid transparent;
 border-right: none;
 background: none;
}