/* Core styles, should not need to be changed */

form label span {
	display: inline-block;
}

form label.validate-loading span,
form label.validate-fail span,
form label.validate-pass span {
	background: transparent none no-repeat right center;
}

form label span.constraint {
	display: none;
}

#validate-tooltip {
	position: absolute;
	top: 0px;
	left: 0px;
    display: none;
	background: transparent none no-repeat top;
}

#validate-tooltip .validate-tooltip {
	background: transparent none no-repeat bottom;
}

#validate-tooltip .validate-tooltip ul {
	margin: 0px 0px 0px 22px;
}

/* Application-specific styles. Override by copying these to your application CSS and change as needed */

form label span {
	padding-right: 22px;
}

form label.validate-loading span {
	background-image: url( images/validate-loading.gif );
}

form label.validate-fail span {
	background-image: url( images/validate-fail.gif );
}

#validate-tooltip {
    width: 200px;
    background-image: url( images/tooltip-top.png );
		_background-image: url( images/tooltip-top.gif );
}

#validate-tooltip .validate-tooltip {
	background-image: url( images/tooltip-tray.png );
		_background-image: url( images/tooltip-tray.gif );
	width: 170px;
	padding: 0px 15px 27px 15px;
		_padding-bottom: 37px;
	margin-top: 27px;
}

#validate-tooltip.angry {
    background-image: url( images/tooltip-error-top.png );
		_background-image: url( images/tooltip-error-top.gif );
}

#validate-tooltip.angry .validate-tooltip {
	background-image: url( images/tooltip-error-tray.png );
		_background-image: url( images/tooltip-error-tray.gif );
	color: #fff;
}

#validate-tooltip .validate-tooltip {
    font-size: 11px;
}