/*  STANDARD INPUTS */
form { margin:0px;}

/* THE TITLES */
.inputInfoTitle
 {
 	font-family: Arial;
 	font-size: 16px;
 	font-weight: bold;
 	color: #000000; 	
 	padding: 3px;
 }

.inputInfoTitle2 {
 	font-family: Arial;
 	font-size: 14px;
 	font-weight: bold;
 	color: #000000; 	
 	padding: 2px;
}

/* normal TABLE ROW */

.inputInfoNormalOut {
	background-color: #FFF5D8;
}
.inputInfoNormalOut2{
	background-color: #FFEDBC;
}

.inputInfoNormalOver {
	background-color : #FFE59D;
}
.inputInfoNormalOver2 {
	background-color : #FFE59D;
}

.inputInfoNormalDown {
	background-color : #FFD997;
}
.inputInfoNormalDown2 {
	background-color : #FFD997;
}

/******** error TABLE ROW ********/

.inputInfoBadOut {
	background-color : #FFA9A9;
}

.inputInfoBadOver {
	background-color : #FFA9A9;
}

.inputInfoBadDown {
	background-color : #FFA9A9;
}

/************ THE 2 CELLS *************/

/* the cell from left - normal */
.inputInfoTableRowLeftCellNormal{
 	font-family: Verdana;
 	font-size: 11px;
	font-weight:bold;
 	color: #666666;
	
 	padding-left: 5px;
 	padding-right: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px; 	
 	
	border-top: #FFFFFF 1px solid;
	border-bottom: #D6C9A7 1px solid;
	border-left: #FFFFFF 1px solid; 
}

/* the cell from left - bad */
.inputInfoTableRowLeftCellBad{
 	font-family: Verdana;
 	font-size: 11px;
	font-weight:bold;
 	color: #000000;
	
 	padding-left: 5px;
 	padding-right: 5px;
 	padding-top: 3px;
 	padding-bottom: 3px; 	
 	
	border-top: #FFE8E8 1px solid;
	border-bottom: #E36666 1px solid;
	border-left: #FFE8E8 1px solid; 
}


/* the cell from right - normal */
.inputInfoTableRowRightCellNormal{
 	font-family: Verdana;
 	font-size: 10px;
 	color: #000000;
	
 	padding-left: 5px;
 	padding-right: 5px;
 	padding-top: 2px;
 	padding-bottom: 2px; 	
 	
	border-top: #FFFFFF 1px solid;
	border-bottom: #D6C9A7 1px solid;
	border-right: #D6C9A7 1px solid; 
}

/* the cell from right - bad */
.inputInfoTableRowRightCellBad{
 	font-family: Verdana;
 	font-size: 10px;
 	color: #000000;
	
 	padding-left: 5px;
 	padding-right: 5px;
 	padding-top: 2px;
 	padding-bottom: 2px; 	
 	
	border-top: #FFE8E8 1px solid;
	border-bottom: #E36666 1px solid;
	border-right: #E36666 1px solid; 
}


/* TEXTAREA CLASSES - NORMAL */

.textareaFocus {
 	font-family: Verdana;
 	font-size: 11px;
 	color: #444444;
	font-weight:bold;
 	
 	border-top: #555 1px solid;
	border-bottom: #fff 1px solid;
	border-left: #555 1px solid; 
	border-right: #fff 1px solid; 
 	
 	filter = progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#DAE4ECff', EndColorStr='#FFFFFFff');

/*	text-transform:uppercase; */
}

.textareaBlur {
 	font-family: Verdana;
 	font-size: 11px;
 	color: #666666;
	font-weight:bold;
 	
 	border-top: #fff 1px solid;
	border-bottom: #555 1px solid;
	border-left: #fff 1px solid; 
	border-right: #555 1px solid; 
 	
 	filter = progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFFff', EndColorStr='#DAE4ECff');

/*	text-transform:uppercase; */
}


.textareaAutocompleteFocus {
 	font-family: Verdana;
 	font-size: 11px;
 	color: #444444;
	font-weight:bold;
 	
 	border-top: #555 1px solid;
	border-bottom: #fff 1px solid;
	border-left: #555 1px solid; 
	border-right: #fff 1px solid; 
	
 	background:#FFFFFF no-repeat right url(../_i/icons/autocomplete.gif);
	
}
.textareaAutocompleteBlur {
 	font-family: Verdana;
 	font-size: 11px;
 	color: #666666;
	font-weight:bold;
 	
 	border-top: #fff 1px solid;
	border-bottom: #555 1px solid;
	border-left: #fff 1px solid; 
	border-right: #555 1px solid; 
 	
	
 	background:#FFFFFF no-repeat right url(../_i/icons/autocomplete.gif);
	
}

/* the error message which indicates the error that occured, and how to validate the info */
.errorMessage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#000000;
}

/* the message displayed in the left of the field */
.displayedMessage{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#666666;
}

/* the link to download the file */
a.inputInfoDownloadFile:link, a.inputInfoDownloadFile:active, a.inputInfoDownloadFile:visited {
	font-family : verdana;
	font-size : 10px;
	color : #666666;
	font-weight:normal;
}
a.inputInfoDownloadFile:hover {
	font-family : verdana;
	font-size : 10px;
	color : #333333;
	font-weight:normal;
} 

/*********************************************************************************************/

/* submit form button - OUT */
.submitButtonOut {
 	font-family: Verdana;
 	font-size: 10px;
 	color: #000000;
 	
 	background-color: #CAD4DA;

 	padding-left: 3px;
 	padding-right: 3px;
 	padding-top: 3px;
 	padding-bottom: 3px; 	
 	
	border-bottom: #7F8487 1px solid;
	border-left: #FFFFFF 1px solid; 	
	border-right: #7F8487 1px solid;
	border-top: #FFFFFF 1px solid;

	text-align: center;
			
	white-space: nowrap;
 	cursor: pointer;
}

/* submit form button - OVER */
.submitButtonOver {
 	font-family: Verdana;
 	font-size: 10px;
 	color: #000000;
 	
 	background-color: #E7EEF2;

 	padding-left: 3px;
 	padding-right: 3px;
 	padding-top: 3px;
 	padding-bottom: 3px; 	
 	
	border-bottom: #7F8487 1px solid;
	border-left: #FFFFFF 1px solid; 	
	border-right: #7F8487 1px solid;
	border-top: #FFFFFF 1px solid;

	text-align: center;
			
	white-space: nowrap;
 	cursor: pointer;
}


.showMessageOK {
	border:1px solid black;
	background-color:#00B600;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	font-weight:bold;
	padding-left : 20px;
	padding-right : 20px;
	vertical-align:middle;
	height:30px;
	filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00B600, EndColorStr=#007E00);
}

.showMessageBAD {
	border:1px solid black;
	background-color:#DE0000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	font-weight:bold;
	padding-left : 20px;
	padding-right : 20px;
	vertical-align:middle;
	height:30px;
	filter=progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#DE0000, EndColorStr=#9A0000);
}

/* not used for inputInfoTableRow */
.importantField{
	color:red;
	font-weight:bold;
}