/** INPUT */

/** Estilos para os campos do sistema
 *
 *  Funcionamento:
 *  
 *  Para campos do tipo <input type="text" /> utilizar a nomenclatura *_field*
 *  Exemplo: max_field, max_field_number
 *  
 *  Para os campos do tipo <select> utilizar a nomenclatura *_select
 *  Exemplo: mid_select
 *
 *  A primeira palavra define o tamanho do campo.
 *  Para os campos <input type="text", temos os seguintes tamanhos:
 *  min  - Campos pequenos. Até 14 caracterres.
 *  mid  - Campos médios. Até 24 caracteres.
 *  max  - Campos grandes. Até 37 caracteres.
 *  long - Campos muito grandes. Até 50 caracteres.
 *  date - Campos de data.
 *  hour - Campos de hora.
 * 
 *  Ao adicionar o sufixo _number. O alinahmento do campo muda para direita.
 *  Utilizar para a formatação de números. Exemplo: min_field_number
 *  
 *  Para os campos tipo <select>, temos os seguintes tamanhos:
 *  min  - Campos pequenos. Até 12 caracterres.
 *  mid  - Campos médios. Até 22 caracteres.
 *  max  - Campos grandes. Até 35 caracteres.
 *  
 *  Para campos desabilitados ou somente para leitura, utilizar a combinação:
 *  Classe CSS para o campo, exemplo max_field, juntamente com a classe CSS
 *  disable_input_field. Ficando assim:
 *  <input type="text" class="max_field disable_input_field" readonly="readonly" />
 */ 
 

.field, 
.long_field, .max_field, .mid_field, .min_field,
.disabled,
.max_field_number, .mid_field_number, .min_field_number,
.max_select, .mid_select, .min_select,
.date, .hour, .currency, .percent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #000;
	background-color: #ffffff;
	padding-left: 5px;
	padding-right: 5px;
	height: 16px;
}

.select, .max_select, .mid_select, .min_select {
	padding-right: 0px;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	border: 2px solid #cc0000 !important;
	padding-left: 5px;
	padding-right: 5px;
	/*height: 16px;*/
	background-color: #ff8888 !important;
}

.error_field, .error_field_number, .error_select,
.error_min_field, .error_min_field_number, .error_min_select,
.error_mid_field, .error_mid_field_number, .error_mid_select,
.error_max_field, .error_max_field_number, .error_max_select,
.error_date, .error_hour, .error_currency, .error_percent  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	border: 2px solid #cc0000 !important;
	padding-left: 5px;
	padding-right: 5px;
	height: 16px;
	background-color: #ff8888 !important;
}	

.long_field, .error_long_field {
	width: 450x;
}
.max_field, .error_max_field, .max_field_number , .error_max_field_number {
	width: 260px;
}
.mid_field, .error_mid_field, .mid_field_number, .error_mid_field_number {
	width: 165px;
}
.min_field, .error_min_field, .min_field_number, .error_min_field_number {
	width: 80px;
}
.max_field_number, .mid_field_number, .min_field_number, .error_field_number {
	text-align: right;
}
	
.disabled {
	border: 1px #666666 solid;
	background-color: #ededed;
	/*height: 20px;*/
}
.date {
	width: 58px;
	margin-right: 5px;
}
.hour {
	width: 30px;
	margin-right: 5px;
}

.currency {
	width: 58px;
	margin-right: 5px;
	padding-right: 5px;
}
.percent {
	width: 18px;
	margin-right: 5px;
	padding-right: 5px;
}

img[title="Calendário"] {
	border: none !important;
}

.min_select, .error_min_select {
	width: 92px;
	height: 20px;
}
.mid_select, .error_mid_select {
	width: 172px;
	height: 20px;
}
.max_select, .error_max_select {
	width: 272px;
	height: 20px;
}

.chk_box {
	border: none;
}
.error_chk_box {
	border: none;
	background-color: #ff0000;
}

.required {
	background-color: #fff;
	border: 1px #000 solid;
	background: url(../image/required.gif) no-repeat right;
}
.desirable {
	background-color: #fff;
	border: 1px #000 solid;
	background: url(../image/desirable.gif) no-repeat right;
}