#h_ {
	position: relative;
	border: 1px solid #333;
	padding: 20px;
}
#h_ input {
	margin-bottom:10px;
}
/* h_hint float:left will make the box fit the content - problematic... */
#h_hint {
	position: absolute;
	left: -500px;
	top: -500px;
	float:left;
	padding: 3px;
	border: 1px solid #000;
	font-family: arial;
	font-size: 11px;
	background-color: #ffeea0;
	z-index: 9998;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 3px 3px 3px;
        -moz-box-shadow: rgba(0,0,0,0.5) 3px 3px 3px; /* FF 3.5+ */
}
#h_hook {
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 9999;
}
.h_hook_right {
	background-image:url(/gfx/h_hook_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.h_hook_left {
	background-image:url(/gfx/h_hook_left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.h_hook_top {
	background-image:url(/gfx/h_hook_top.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
.h_hook_bottom {
	background-image:url(/gfx/h_hook_bottom.gif);
	background-position: center left;
	background-repeat: no-repeat;
}
.h_hand {
	cursor:pointer;
}
.h_close {
	position: relative;
	top: 3px;
	right: 3px;
	z-index: 9999;
}
.hint {
	float: left;
}