/* ============ */
/* = hovertip = */
/* ============ */
.hovertip{font-size:87%;position:absolute;text-align:left;width:200px}
.hovertip .hd{background:#FFF5D8 url(i/tip_hd.gif) repeat-x;height:27px;margin:0 14px 0 7px}
.hovertip .bd{background:url(i/tip_rt.png) top right repeat-y;margin-left:186px;width:14px}
.hovertip .content{background:#FFF4D7;border-left:2px solid #7A6F5A;left:0;margin-left:-186px;margin-right:10px;padding:0;position:relative;width:186px}
.hovertip .ft{background:url(i/hover_ft.png) repeat-x;height:14px;margin:0 14px}
.hovertip .tl{background:url(i/tip_tl.gif) no-repeat;left:0;top:0;height:27px;width:7px}
.hovertip .tr{background:url(i/tip_tr.png) no-repeat;right:0;top:0;height:27px;width:14px}
.hovertip .bl{background:url(i/hover_bl.png) no-repeat;bottom:0;left:0;height:14px;width:14px}
.hovertip .br{background:url(i/hover_br.png) no-repeat;bottom:0;right:0;height:14px;width:14px;}
.hovertip #knub{background:url(i/tip_knub.png) no-repeat 0 0;height:46px;width:23px;z-index:2;left:-21px;top:50px;}
.hovertip #knub_r{background:url(i/tip_knub.png) no-repeat 0 0;height:46px;width:23px;z-index:4;left:-21px;top:50px;}
.hovertip .container-close{background:url(i/tip_close.gif) no-repeat;right:14px;top:5px;width:14px;height:14px;position:absolute;}
.hovertip .tl,.hovertip .tr,.hovertip .bl,.hovertip .br,.hovertip #knub{position:absolute;}
     
.hovertip .hd h3{border-bottom:1px solid #DAD0B5;color:#7A6E59;font-size:12px;line-height:20px;padding-top:3px}
.hovertip ul{margin:0 10px 0 25px;padding:5px 0 0}
.hovertip li {line-height:1.2em;margin:0;padding:0 0 0.5em;}
.hovertip .tipsoff{background:#fff url(i/tip_tipoff.gif) repeat-x;display:block;font-size:87%;padding:.5em 0;text-align:center;margin:0 0 0 0;}

/* For noncompliant browsers (you know who you are) */
* html .hovertip .tl, * html .hovertip .tr{height:31px;}
* html .hovertip .bl, * html .hovertip .br{bottom:-1px;}  
* html .hovertip .tipsoff{margin:0 -3px 0 0;}
* html .hovertip .tr, * html .hovertip .bl, * html .hovertip .br, * html .hovertip #knub,  * html .hovertip .ft,  * html .hovertip .bd{behavior:url(iepngfix.htc);}

/* only for this demo page*/
.hovertip {top:-50px;left:20px}             
