.tooltip { position: relative; z-index: 20;} .tooltip span { display: none; } .tooltip:hover { z-index: 21;} .tooltip:hover span { display: block; width: 150px; padding: 5px; color: #000; background: #f0f0f0; font-size: 11px; text-decoration: none; position: absolute; border-radius: 6px; top: -6px; left: 24px; border: 1px solid #0C7491; } .tooltip_help { position: relative; z-index: 20; vertical-align: top;} .tooltip_help span { display: none; } .tooltip_help:hover { z-index: 21;} .tooltip_help:hover span { display: block; width: 150px; padding: 5px; color: #000; background: #f0f0f0; font-size: 11px; text-decoration: none; position: absolute; border-radius: 6px; top: -6px; left: 24px; border: 1px solid #0C7491; } .tooltip_warning { position: relative; z-index: 20; } .tooltip_warning span { display: none; } .tooltip_warning:hover { z-index: 21;} .tooltip_warning:hover span { display: block; width: 150px; padding: 5px; color: #000; background: #f0f0f0; font-size: 11px; text-decoration: none; position: absolute; border-radius: 6px; top: -6px; left: 24px; border: 1px solid #bb0000; } .tooltip_logout { position: relative; z-index: 20;} .tooltip_logout span { display: none; } .tooltip_logout:hover { z-index: 21;} .tooltip_logout:hover span { display: block; width: 195px; padding: 5px; color: #ffffff; background: #0c7491; font-size: 14px; text-decoration: none; position: absolute; border-radius: 5px; top: 10px; left: 52px; }