@charset "utf-8";
/* CSS Document */

form {
	width:650px;
}
fieldset {
	border:0;
	padding:6px;
	margin:2px;
	position:relative;
}
label {
	display:block;
	font-weight: bold;
}
input {
	width:240px;
}
select {
	width:240px;
}


span.hint {
	font:normal;
	background:#eee url(bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	border:1px solid #888;
	padding:5px 5px 5px 40px;
	width:250px;
	position:absolute;
	margin: -12px 0 0 14px;
	display:none;
}


fieldset.welldone span.hint {
	background:#9fd680 url(bg-span-hint-welldone.jpg) no-repeat top left;
	border-color:#749e5c;
	color:#000;
}
fieldset.kindagood span.hint {
	background:#ffffcc url(bg-span-hint-kindagood.jpg) no-repeat top left;
	border-color:#cc9933;
}
fieldset.bad span.hint {
	background:#ffffcc url(bg-span-hint-bad.jpg) no-repeat top left;
	border-color:#cc9933;
}

fieldset.welldone {
	background:transparent url(bg-fieldset-welldone.gif) no-repeat 272px 12px;
}
fieldset.kindagood {
	background:transparent url(bg-fieldset-kindagood.gif) no-repeat 272px 12px;
}
fieldset.bad {
	background:transparent url(bg-fieldset-bad.gif) no-repeat 272px 12px;
}