/* jQuery bubbletip */ .bubbletip { position: absolute; z-index: 50; border-collapse: collapse; font-size: 9pt; color: #000; } .bubbletip .bt-content, .bubbletip .bt-content:after { background-color: #fff; border: 1px solid #84b3ec; } .bubbletip .bt-content { position: relative; padding: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); } .bubbletip .bt-content:after { content: ""; position: absolute; margin: auto; width: 10px; height: 10px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .bubbletip.bt-up { padding-bottom: 12px; } .bubbletip.bt-up .bt-content:after { left: 0; right: 0; bottom: -6px; border-left: none; border-top: none; } .bubbletip.bt-down { padding-top: 12px; } .bubbletip.bt-down .bt-content:after { left: 0; right: 0; top: -6px; border-right: none; border-bottom: none; } .bubbletip.bt-left { padding-right: 12px; } .bubbletip.bt-left .bt-content:after { top: 0; bottom: 0; right: -6px; border-left: none; border-bottom: none; } .bubbletip.bt-right { padding-left: 12px; } .bubbletip.bt-right .bt-content:after { top: 0; bottom: 0; left: -6px; border-right: none; border-top: none; }