/*****************************/
/* JS Helpballon 4 Mootools  */
/* JS by: Isu, Css by: Ughoo */
/*****************************/
div.helpballoon {
	position:absolute;
	display:block;
	width:380px;
	height:auto;
}

div.helpballoon div.hb-content-holder {
	display:block;
	width:auto;
	height:auto;
	background-position: 0px -30px;
	background-repeat: no-repeat;
	padding: 0px 0px;
	position:relative;
}


	div.helpballoon div.hb-content {
		margin:0px 35px 0px 0px;
		padding-left:35px;
		width:auto;
		height:auto;
		overflow:hidden;

		color:#000000;
	}
		div.hb-content p {padding-bottom:10px;}

div.hb-top,
div.hb-bottom {
	display:block;
	width:auto;
	height:30px;
	background-repeat: no-repeat;
}
	div.hb-bottom {height:35px;}

div.hb-top {
	background-position: left top;
}
div.hb-bottom {
	background-position: left bottom;
}

.hb-left-top div.hb-top,
.hb-left-top div.hb-bottom,
.hb-left-top div.hb-content-holder {
	background-image: url(/img/bubble/left-top.png);
}

.hb-left-bottom div.hb-top,
.hb-left-bottom div.hb-bottom,
.hb-left-bottom div.hb-content-holder  {
	background-image: url(/img/bubble/left-bottom.png);
}

.hb-right-bottom div.hb-top,
.hb-right-bottom  div.hb-bottom,
.hb-right-bottom div.hb-content-holder {
	background-image: url(/img/bubble/right-bottom.png);
}

.hb-right-top div.hb-top,
.hb-right-top div.hb-bottom,
.hb-right-top div.hb-content-holder {
	background-image: url(/img/bubble/right-top.png);
}

.hb-close {
	position:relative;
	float:right;
	visibility: hidden;
	cursor: pointer;
	width:10px;
	height:10px;
	background: transparent url(/img/bubble/close.gif) center center no-repeat;

	margin: 0px 0px 5px 5px;
}


.hb-btn-cancel,
.hb-btn-cancel:hover,
.hb-btn-register,
.hb-btn-register:hover {
	text-decoration: none !important;
	border: 0px none !important;
	margin: 5px 0px 0px 0px;
}
	.hb-btn-cancel {float:right;font-weight:normal;}
	.hb-btn-register {float:left; font-weight:bold;}

.hb-btn-cancel span.link_text,
.hb-btn-register span.link_text {
		display: block;
		float:left;
		line-height: 19px;
		padding-bottom:1px;
		vertical-align: middle;
		font-size: 12px;
		text-decoration:none;
		padding-left: 20px;
		cursor: pointer;
		color:#000000;		
}	
	.hb-btn-cancel span.link_text {background: url(/img/btn_cancel.gif) left top no-repeat;}
	.hb-btn-register span.link_text {background: url(/img/btn_ok.gif) left top no-repeat;}


	.hb-btn-cancel span.link_right,
	.hb-btn-register span.link_right{
			display: block;
			float:left;
			padding-left: 10px;
			line-height:20px;
			height:20px;
			}
		.hb-btn-cancel span.link_right  {background: url(/img/btn_cancel.gif) right top no-repeat;}
		.hb-btn-register span.link_right  {background: url(/img/btn_ok.gif) right top no-repeat;}
