/* tooltip design */
.ToolTips {
display:block;
position:absolute;
width:404px;
z-index: 999;
}

.ToolTips .sticky_close {
display:block;
position:absolute;
top:1px;
right:3px;
background:url(images/fileclose.png);
width:16px;
height:16px;
line-height:16px;
font-size:0;
z-index:100000000;
}

.ToolTips .message {
display:block;
position:relative;
background:url(images/tip_body.png) repeat-y;
padding:0 10px;
}

/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
.ToolTips .dockBottomHeader,.ToolTips .dockTopFooter {
display:block;
position:relative;
background:url(images/dockBottomHeader.png) no-repeat bottom;
height:33px;
}

.ToolTips .dockTopFooter {
background:url(images/dockTopFooter.png) no-repeat bottom;
height:38px;
}

.ToolTips .dockBottomFooter,.ToolTips .dockTopHeader {
display:block;
position:relative;
background:url(images/dockBottomFooter.png);
height:14px;
line-height:11px;
font-size:0;
clear:both;
}

/* this one has more height to display the close button in case sticky tooltips are on */
.ToolTips .dockTopHeader {
background:url(images/dockTopHeader.png) bottom center no-repeat;
height:20px;
line-height:20px;
font-size:0;
}

* html .ToolTips .dockBottomHeader {
background:none;
}

* html .ToolTips .dockBottomFooter {
background:none;
}

* html .ToolTips .dockTopHeader {
background:none;
}

* html .ToolTips .dockTopFooter {
background:none;
}

* html .ToolTips .sticky_close {
background:none;
}