@charset "UTF-8";

/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* Estas son las clases de aplicarse en los mensajes de error
 * que les impedir que se muestre por defecto.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* Estos selectores, cambia la manera de mirar los mensajes cuando el flash se encuentra en uno de los estados de error.
 * Estas clases de establecer un borde rojo y el color predeterminado para el texto de error.
 * La clase de estado (p. ej. textfieldRequiredState) se aplica sobre el contenedor de nivel superior para el widget,
  * y de esta manera sólo el mensaje de error específico se puede demostrar mediante el establecimiento de la propiedad de presentación de "en línea".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}

/* Los siguientes tres selectores de grupo de control de la forma en que el elemento central (INPUT) se parece a cuando el flash se encuentra en uno de los estados: enfoque *, requerido / no válido / minValue / maxValue / minChars / maxChars, válido
  * Hay dos selectores para cada estado, para cubrir los dos casos de uso principales para el widget:
  * - el identificador de control está colocado en el contenedor de nivel superior para la entrada
  * - el identificador de control está situado en el elemento de entrada en sí mismo (no hay mensajes de error)
 */
 
 /* Cuando el control está en el estado válida la entrada tiene un fondo verde aplicada en él. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* Cuando el control está en un estado no válido La entrada tiene un fondo rojo aplicado sobre el mismo. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* Cuando el flash se ha recibido el foco, la entrada tiene un fondo amarillo aplicado en él. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* Esta clase sólo se aplica durante un corto período de tiempo y cambia la forma en que el texto en el cuadro de texto se parece.
  * Se aplica sólo cuando el flash tiene un carácter de enmascaramiento habilitado y el usuario intenta introducir un carácter no válido.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* Cuando el flash tiene el mensaje sobre la pista, la pista de texto pueden ser de estilo diferente que el usuario ha introducido texto. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}