@charset "UTF-8";
/*/////////////////////////////////////////////
 
TOOLTIP
$Id: tooltip.css,v 1.4 2008/03/28 21:31:23 mok Exp $
/////////////////////////////////////////////*/
.tooltip {
position: absolute;
top: 0;
left:0;
width: 307px;
background:  transparent url(tooltip_dropshadow.png) bottom right no-repeat;
_background-image: url(tooltip_dropshadowB.gif);
z-index: 5;
padding-bottom: 1px;
}
.l { background-position: bottom left  }
.pointer {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 22px;
z-index:2;
}
.r .tooltipBody {
left: 10px;
_left: 11px;
}
.r .pointer {
left: 1px;
width: 11px;
height: 22px;
background-image: url(arrowR.png);
_background-image: url(arrowR.gif);
background-repeat: no-repeat;
}
.l .tooltipBody {
right: 11px;
}
.l .pointer {
left: 100%;
margin-left: -13px;
_margin-left: -12px;
background-image: url(arrowL.png);
_background-image: url(arrowL.gif);
background-repeat: no-repeat;
}
.tooltipBody {
position:relative;
line-height: 1.35em;
padding: 0 2px 0 0;
_padding-right: 10px;
z-index:1;
color: #6C6C6C;
background: url(tooltipBody_dropshadow.png) top left no-repeat;
_background-image: url(tooltipBody_dropshadowR.gif);
width: 295px;
_width: 307px;
}	
.l .tooltipBody { right: 0 ; }
.tooltipBody .tipTitle {
background-color: #E6E6E6;
margin: 0px 10px 0 -10px;
padding: 0px 10px 0;
}
.tooltipBody .tipTitle,
.tooltipBody .tipDesc,
.tooltipBody .tipSubtitle {
display: block;
}
.tooltipBody .tipTitle,
.tooltipBody .tipSubtitle {
font-weight: bold;
}
.tooltipBody .tipDesc,
.tooltipBody .tipSubtitle {	padding-top: 8px; }
.tooltipBody .tipDesc { padding: 10px }
.dyn-tooltip { cursor: pointer }