div[widget~=tooltip], div[component], img[component] { width: auto; height: auto; display: block; position: absolute; }  div[widget~=tooltip] { cursor: default; min-height: 50px; min-width: 50px; outline: 0px; z-index: 950;  top: 0px; left: 0px; } div[widget~=tooltip] > div[component=top] { background-image: url(/static/images/tooltip/top.png); background-repeat: repeat-x; top: 0px; left: 15px; right: 15px; height: 15px; } div[widget~=tooltip] > div[component=bottom] { background-image: url(/static/images/tooltip/bottom.png); background-repeat: repeat-x; bottom: 0px; left: 15px; right: 15px; height: 15px; } div[widget~=tooltip] > div[component=left] { background-image: url(/static/images/tooltip/left.png); background-repeat: repeat-y; top: 15px; bottom: 15px; left: 0px; width: 15px; } div[widget~=tooltip] > div[component=right] { background-image: url(/static/images/tooltip/right.png); background-repeat: repeat-y; top: 15px; bottom: 15px; right: 0px; width: 15px; } div[widget~=tooltip] > div[component=topleft] { background-image: url(/static/images/tooltip/topleft.png); background-repeat: no-repeat; top: 0px; left: 0px; width: 15px; height: 15px; } div[widget~=tooltip] > div[component=topright] { background-image: url(/static/images/tooltip/topright.png); background-repeat: no-repeat; top: 0px; right: 0px; width: 15px; height: 15px; } div[widget~=tooltip] > div[component=bottomleft] { background-image: url(/static/images/tooltip/bottomleft.png); background-repeat: no-repeat; bottom: 0px; left: 0px; width: 15px; height: 15px; } div[widget~=tooltip] > div[component=bottomright] { background-image: url(/static/images/tooltip/bottomright.png); background-repeat: no-repeat; bottom: 0px; right: 0px; width: 15px; height: 15px; } div[widget~=tooltip] > img[component=filler] { display: none; visibility: hidden; } div[widget~=tooltip] > div[component=inner] { top: 15px; left: 15px; right: 15px; bottom: 15px; background-color: #ffffcc; } div[widget~=tooltip] > div[component=inner] > img[component=filler] { display: none; visibility: hidden; } div[widget~=tooltip] > div[component=content] { position: relative; cursor: default; margin: 10px; padding: 2px 7px;  overflow: hidden; z-index: 5; } div[widget~=tooltip] p { color: #333333; margin: 0px; padding: 0px; } div[widget~=tooltip] > div[component=point] { background-repeat: no-repeat; width: 30px; height: 30px; z-index: 4; } div[widget~=tooltip][point=bottomleft] > div[component=point] { background-image: url(/static/images/tooltip/point_bottomleft.png); bottom: -15px; left: -15px; }