#tooltip { position: absolute; z-index: 3000; width:152px; color:#fff; background:url(/images/mediatech/layout/roh-bottom.png) right bottom no-repeat; font-size:11px;  }
#tooltip div { background:url(/images/mediatech/layout/roh.png) right top no-repeat; width:102px; padding:15px 10px 10px 40px; margin:0 0 5px 0; }
#tooltip strong { display:block; font-size:11px; text-transform:uppercase; }

#tooltip.viewport-right { background:url(/images/mediatech/layout/roh-bottom.png) left bottom no-repeat; }
#tooltip.viewport-right div { background:url(/images/mediatech/layout/roh2.png) left top no-repeat; padding:15px 30px 10px 20px;  }

* html #tooltip { background:url(/images/mediatech/layout/roh-bottom.gif) right bottom no-repeat; }
* html #tooltip div { background:url(/images/mediatech/layout/roh.gif) right top no-repeat; text-align:left; }
* html #tooltip.viewport-right { background:url(/images/mediatech/layout/roh-bottom.gif) left bottom no-repeat; }
* html #tooltip.viewport-right div { background:url(/images/mediatech/layout/roh2.gif) left top no-repeat; }