@charset "utf-8";

/** field **/
.validator-form .validator-field.validator-valid{}
.validator-form .validator-field.validator-invalid
{
	background-color: #fee;
}

/** input **/
.validator-form .validator-valid
{
	background-color: #efd;
}
.validator-form .validator-invalid
{
	background-color: #fee;
}

/** message **/
.validator-form .validator-message-valid
{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	min-height: 20px;
	padding-left: 20px;
	background: url(icon_valid.png) left top no-repeat;
	line-height: 20px;
}
.validator-form .validator-message-invalid
{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	min-height: 20px;
	padding-left: 20px;
	background: url(icon_invalid.png) left top no-repeat;
	line-height: 20px;
	color: #f33;
}
.validator-form.validator-shake
{
	position: relative;
	-webkit-animation: shake 0.1s linear 0 2;
	-moz-animation: shake 0.1s linear 0 2;
	-ms-animation: shake 0.1s linear 0 2;
	-o-animation: shake 0.1s linear 0 2;
}

@-webkit-keyframes shake
{
	0% { left: -5px; }
	33.3% { left: 0px; }
	66.7% { left: 5px; }
	100% { left: 0px; }
}

@-moz-keyframes shake
{
	0% { left: -5px; }
	33.3% { left: 0px; }
	66.7% { left: 5px; }
	100% { left: 0px; }
}

@-ms-keyframes shake
{
	0% { left: -5px; }
	33.3% { left: 0px; }
	66.7% { left: 5px; }
	100% { left: 0px; }
}

@-o-keyframes shake
{
	0% { left: -5px; }
	33.3% { left: 0px; }
	66.7% { left: 5px; }
	100% { left: 0px; }
}