div.ghelp{width:400px;position:absolute;z-index:5}

div.ghelp span.arrow{display:block;width:12px;height:23px;background:url(img/ghelp_arrow.gif) no-repeat;position:absolute;z-index:5;opacity:.7;filter:alpha(opacity=70)}
div.ghelp.left span.arrow{margin-top:-15px;left:0;top:50%;background-position:left top}
div.ghelp.right span.arrow{margin-top:-15px;right:0;top:50%;background-position:right top}
div.ghelp.top span.arrow{margin-left:-15px;left:50%;top:0;background-position:left -23px;width:23px;height:12px}
div.ghelp.bottom span.arrow{margin-left:-15px;left:50%;bottom:0;background-position:left -35px;width:23px;height:12px}

div.ghelp div{background:#000;color:#fff;float:left;width:338px;min-height:50px;padding:20px 25px;font-size:16px;font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;opacity:.7;filter:alpha(opacity=70);-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}
div.ghelp.left div{margin-left:12px}
div.ghelp.right div{margin-right:12px}
div.ghelp.top div{margin-top:12px}
div.ghelp.bottom div{margin-bottom:12px}

div.ghelp .icon{display:block;width:16px;height:16px;background:url(img/ghelp_icon.png) no-repeat;position:absolute;opacity:1;z-index:6;behavior: url(js/iepngfix.htc)}
div.ghelp.left .icon{top:5px;left:17px}
div.ghelp.right .icon{left:5px;top:5px}
div.ghelp.top .icon{left:5px;top:17px}
div.ghelp.bottom .icon{left:5px;top:5px}

div.ghelp .hide{font-weight:bold;font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;color:#fff;background:#666;display:block;width:20px;height:20px;line-height:21px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;text-align:center;position:absolute;text-shadow:1px 1px 2px rgba(0,0,0,.5);text-decoration:none}
div.ghelp.left .hide{top:5px;right:5px}
div.ghelp.right .hide{right:17px;top:5px}
div.ghelp.top .hide{top:17px;right:17px}
div.ghelp.bottom .hide{top:5px;right:17px}

div.ghelp .hide:hover{background:#999}

.ie6 div.ghelp div{margin-left:6px}
.ie div.ghelp .hide{right:55px}