/* @override http://www.lainco.com.mx/css/validationhints.css */

form.val {
	width:500px;
	border:1px solid #ccc;
}


input.val
{
        width: 300px;
        float: left;
}

fieldset.val
{
      float: left;
}

fieldset{
	width:350px;
	z-index:1;
	
	float: left;
	padding:3px;
	margin:1px;
	position:relative;
}
label.val {
	display:block;
	font:normal 12px/17px verdana;
}


span.hint {
	z-index:1000;
	font:normal 11px/14px verdana;
	background:#eee url(../images/validation/bg-span-hint-gray.gif) no-repeat top left;
	color:#444;
	/*border:1px solid #888;*/
	border: none;
	padding:5px 5px 5px 40px;
	width: 120px;
	position:absolute;
	margin: -40px 0 0 -150px;
	display:none;
        float:top;
}


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



fieldset.welldone {
	background:transparent url(../images/validation/bg-fieldset-welldone.gif) no-repeat 194px 19px;
	background-position:right;
	
}
fieldset.kindagood {
	background:transparent url(../images/validation/bg-fieldset-kindagood.gif) no-repeat 194px 19px;
	background-position:right;
}