.DataForm {
}

.DataFormLabel {
  /*font-weight: bold;*/
  color: #301020;
  margin-left: 3px;
  margin-right: 10px;
  /*width: 120px;*/
}
.DataFormLabel_Required {
  /* Colore em cor diferente */
  color: black;
  font-weight: bold;
}
.DataFormLabel_Readonly {
  /* Estabelece a cor original. Ocorre após o Required acima, de modo que campos
     mandatórios somente-leitura não são coloridos como mandatórios editáveis.*/
  color: gray;
}
.DataFormLabel_Disabled {
  /* A cor de label desabilitado ocorre após todas as outras.*/
  color: #554B50;
}

/* Existem MUITAS classes para estilizar um elemento de formulário. Isso é devido ao
   suporte ao Internet Explorer 5.0, que não reconhece praticamente nenhum dos seletores
   que permitiriam o mesmo nível de controle usando muito menos classes (como foi feito
   inicialmente, quando o arcabouço era focado no Firefox).
   CustomFormField possui uma propriedade cssClassPrefix() cujo valor default é 'DataFormElement'.
   Esse prefixo é utilizado para gerar nomes de classes para estilização conforme o estado
   do elemento. Os sufixos possíveis são:
     '' => Todos os elementos
     '_INPUT' => Todos os elementos INPUT (mesmo que INPUT.DataFormElement)
     '_SELECT' => Todos os elementos INPUT (mesmo que SELECT.DataFormElement)
     '_TEXTAREA' => Todos os elementos INPUT (mesmo que TEXTAREA.DataFormElement)
     '_HIDDEN' => Todos os elementos INPUT com type=hidden
     '_TEXT' => Todos os elementos INPUT com type=text
     '_PASSWORD' => Todos os elementos INPUT com type=password
     '_CHECKBOX' => Todos os elementos INPUT com type=checkbox
     '_RADIO' => Todos os elementos INPUT com type=radio
     '_FILE' => Todos os elementos INPUT com type=file
     '_BUTTON' => Todos os elementos INPUT com type=button
     '_RESET' => Todos os elementos INPUT com type=reset
     '_SUBMIT' => Todos os elementos INPUT com type=submit
   Adicionados a estes sufixos, os seguintes também ocorrem:
     '_Required' => Campos de preenchimento obrigatório
     '_ReadOnly' => Campos somente-leitura
     '_Disabled' => Campos desabilitados
   Logo, se um campo Password for de preenchimento obrigatório, seu atributo class terá
   a seguinte string como valor: 
   "DataFormElement DataFormElement_INPUT DataFormElement_PASSWORD DataFormElement_Required DataFormElement_INPUT_Required DataFormElement_PASSWORD_Required"
   
   Como foi dito, isso é estupidez total, culpa do IE que não permite otimizar. No firefox
   seria possível definir INPUT.DataFormElement[type="password"][isRequired="1"] e coisas parecidas.
*/
.DataFormElement {
  font-size: 11px;
}
.DataFormElement_INPUT {
}
.DataFormElement_TEXT,
  .DataFormElement_PASSWORD,
  .DataFormElement_FILE,
  .DataFormElement_SELECT,
  .DataFormElement_TEXTAREA
{
  border: 1px Solid #999999;
}
.DataFormElement_Required {
  border: 1px solid #777777;
}
.DataFormText_Required {
  font-weight: bold;
}
.DataFormElement_ReadOnly {
  border: 1px Solid #DDDDDD;
  background-color: white;
  color: #7F7F7F;
}
.DataFormElement_INPUT_Disabled,
  .DataFormElement_SELECT_Disabled,
  .DataFormElement_TEXTAREA_Disabled,
  .DataFormText_Disabled
{
  /* Campos desativados ficam com cor de fonte mais discreta */
  color: #7F7F7F;
}
.DataFormElement_TEXT:focus,
  .DataFormElement_PASSWORD:focus,
  .DataFormElement_FILE:focus,
  .DataFormElement_SELECT:focus,
  .DataFormElement_TEXTAREA:focus
{
  /* O efeito de campo focalizado NÃO funciona em IE abaixo de 8.0, mas funciona no Firefox.*/
  border-color: black;
}
.DataFormElement_TEXT_ReadOnly:focus,
  .DataFormElement_PASSWORD_ReadOnly:focus,
  .DataFormElement_FILE_ReadOnly:focus,
  .DataFormElement_SELECT_ReadOnly:focus,
  .DataFormElement_TEXTAREA_ReadOnly:focus
{
  color: #4D4D4D;
}

.DataFormText {
  color: black;
}
.DataFormText_ReadOnly {
  color: #7F7F7F;
}
.DataFormText_Disabled {
  color: #7F7F7F;
}

.DataFormExample {
  font-size: 9px;
  color: #7F7F7F;
}

IMG.DataFormHelp {
}

A.DataFormHelp {
}
DIV.DataFormHelp {
  font-size: 9px;
  color: #7F7F7F;
  width: 150px;
}

.DataFormImagePreview {
  background: white;
  font-size: 8px;
  color: blue;
  width: auto;
}

.DataFormElementEmbeddedImage {
  border: 1px dashed #BFBFBF;
  padding: 4px;
}

.DataFormElementStupidImage {
  border: 1px dashed #BFBFBF;
  padding: 4px;
}


table.EmbeddedFileFieldSubForm {
}
td.EmbeddedFileFieldSubFormLeft {
  padding-top: 5px;
}
td.EmbeddedFileFieldSubFormRight {
  padding-top: 5px;
}
label.EmbeddedFileFieldLabel {
}
input.EmbeddedFileFieldElement_TEXT {
  border: 1px solid black;
  font-size: 9px;
}
textarea.EmbeddedFileFieldElement_TEXTAREA {
  border: 1px solid black;
  font-size: 9px;
}
div.EmbeddedFileFieldSubFormFileName {
  color: blue;
}
div.EmbeddedFileFieldSubFormLeftFileProps {
}
span.EmbeddedFileFieldExample {
  color: silver;
  font-size: 9px;
}


div.EmbeddedImageFieldSubForm {
}
table.EmbeddedImageFieldSubForm {
}
td.EmbeddedImageFieldSubFormLeft {
  padding-top: 5px;
  width: 130px;
}
td.EmbeddedImageFieldSubFormPreview {
  padding-top: 5px;
}
td.EmbeddedImageFieldSubFormRight {
  padding-top: 5px;
}
label.EmbeddedImageFieldLabel {
}
input.EmbeddedImageFieldElement_TEXT {
  border: 1px solid black;
  font-size: 9px;
}
textarea.EmbeddedImageFieldElement_TEXTAREA {
  border: 1px solid black;
  font-size: 9px;
}
input.EmbeddedImageFieldElement_CHECKBOX {
  border: 1px solid black;
}
div.EmbeddedImageFieldSubFormFileName {
  color: blue;
}
div.EmbeddedImageFieldSubFormLeftFileProps {
}
span.EmbeddedImageFieldExample {
  color: silver;
  font-size: 9px;
}