@charset "UTF-8";

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

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



/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	width:187px;
	background:url(../img/img-text-area-body.png) repeat-y;
	border:none;
}
* html .textareaRequiredState .textareaRequiredMsg, /*HACK IE6*/
* html .textareaMinCharsState .textareaMinCharsMsg,
* html .textareaMaxCharsState .textareaMaxCharsMsg
{
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-text-area-body.png', sizingMethod='scale');
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	width:187px;
	background:url(../img/img-text-area-body.png) repeat-y;
	border:none;
}
* html .textareaValidState textarea, * html textarea.textareaValidState { /*HACK IE6*/
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-text-area-body.png', sizingMethod='scale');
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	width:187px;
	background:url(../img/img-text-area-body.png) repeat-y;
	border:none;
}
* html textarea.textareaRequiredState, * html .textareaRequiredState textarea, /*HACK IE6*/
* html textarea.textareaMinCharsState, * html .textareaMinCharsState textarea, 
* html textarea.textareaMaxCharsState, * html .textareaMaxCharsState textarea {
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-text-area-body.png', sizingMethod='scale');
}


/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	width:187px;
	background:url(../img/img-text-area-body.png) repeat-y;
	border:none;
}
* html .textareaFocusState textarea, * html textarea.textareaFocusState { /*HACK IE6*/
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-text-area-body.png', sizingMethod='scale');
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}

#FormContatoTelefone {
	width:175px;
	height:21px;
	background:url(../img/img-campo-body.png) repeat-x;
}
* html #FormContatoTelefone { /*HACK IE6*/
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-campo-body.png', sizingMethod='scale');
}
#FormContatoMensagem {
	width:175px;
	height:71px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	background:url(../img/img-text-area-main.png) repeat-x;
	border:none;
	overflow-y: hidden; /*DESABILITA SCROLL VERTICAL*/
	
}
* html #FormContatoMensagem { /*HACK IE6*/
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-text-area-main.png', sizingMethod='scale');
	
}
span.text-area-left {
	width:10px;
	height:71px;
	overflow:hidden;
	float:left;
	background:url(../img/img-text-area-left.png) no-repeat;
}

* html span.text-area-left {
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-text-area-left.png', sizingMethod='crop');
}

span.text-area-right {	
	width:10px;
	height:71px;
	float:left;
	background:url(../img/img-text-area-right.png) no-repeat;
}
* html span.text-area-right {	
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-text-area-right.png', sizingMethod='crop');
}

span.campo-left {
	width:10px;
	height:21px;
	float:left;
	background:url(../img/img-campo-left.png) no-repeat;
}
* html span.campo-left { /*HACK IE6*/
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-campo-left.png', sizingMethod='crop');
}
span.campo-right {	
	width:10px;
	height:21px;
	float:left;
	background:url(../img/img-campo-right.png) no-repeat;
}
* html span.campo-right { /*HACK IE6*/
	background:none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/img-campo-right.png', sizingMethod='crop');
}