/* form_table.css */

/* For displaying input forms */

#form_table 
{
  display: table;
  font-family: Arial, Verdana, sans-serif;
  border-style: none;
  border-color: black;
  border-width: 1px;
  float: center;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
}
#form_row  
{
  display: table-row;
}
#form_cell /* default alignment */
{
  display: table-cell;
  border-style: none;
  border-color: #c0c0c0;
  border-width: 1px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
  font-size: 9pt;
  white-space: nowrap;
border-style: solid;
border-color: #c0f0c0;
border-width: 0px;
}
#form_cell_left
{
  display: table-cell;
  border-style: none;
  border-color: #c0c0c0;
  border-width: 1px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: middle;
  font-size: 9pt;
border-style: solid;
border-color: #c0f0c0;
border-width: 0px;
}
#form_cell_center
{
  display: table-cell;
  border-style: none;
  border-color: #c0c0c0;
  border-width: 1px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: center;
  vertical-align: middle;
  font-size: 9pt;
border-style: solid;
border-color: #c0f0c0;
border-width: 0px;
}
#form_cell_right
{
  display: table-cell;
  border-style: none;
  border-color: #c0c0c0;
  border-width: 1px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: right;
  vertical-align: middle;
  font-size: 9pt;
border-style: solid;
border-color: #c0f0c0;
border-width: 0px;
}
#form_cell_top
{
  display: table-cell;
  border-style: none;
  border-color: #c0c0c0;
  border-width: 1px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 9pt;
}
#form_cell_error
{
  display: table-cell;
  border-style: none;
  border-color: #c0c0c0;
  border-width: 1px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: middle;
  color: red;
  font-size: 8pt;
}

#form_large
{
 font-size: 12pt;
}

#form_small
{
 color: gray;
 font-size: 8pt;
}

#form_required
{
 color: red;
 font-size: 8pt;
}

fieldset /* can't get "#form fieldset" to work (at least, not on Firefox) */
{   
/* border: 1px solid red; */
 border: 0px none white; 
}

#form legend /* this picks up the id from <fieldset> even though it doesn't apply to fieldset */
{
 padding: 0.2em 0.5em;
 border: 1px solid brown;
 color: brown;
 font-size: 18pt;
 text-align: right;
}

#plain legend 
{
 padding: 0px;
 border: 0px none white;
 color: black;
 font-size: 18pt;
 text-align: right;
 display: none;
}

#preview 
{
  width: 400px;
  float: center;
  padding: 0.2em 0.5em;
  border: 1px solid brown;
  color: brown;
  text-align: left;
}

#preview_table 
{
  display: table;
  width: 600px;
  font-family: Arial, Verdana, sans-serif;
  border-style: solid;
  border-color: #808080;
  border-width: 1px;
  float: center;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
}

#preview_row  
{
 display: table-row;
}

#preview_cell /* default alignment */
{
 display: table-cell;
 padding: 2px 2px 2px 2px; 
 margin: 0px 0px 0px 0px;
/*
 border-style: none;
 border-color: #c0c0c0;
 border-width: 1px;
*/
}

#faint
{
  width: 400px;
  float: center;
  padding: 0.2em 0.5em;
  border: 1px solid brown;
  color: brown;
  text-align: left;
}

#faint_table 
{
  display: table;
  width: 600px;
  font-family: Arial, Verdana, sans-serif;
  border-style: solid;
  border-color: #e0e0e0;
  border-width: 1px;
  float: center;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
}

#faint_row  
{
 display: table-row;
}

#faint_cell /* default alignment */
{
 display: table-cell;
 padding: 2px 2px 2px 2px; 
 margin: 0px 0px 0px 0px;
/*
 border-style: none;
 border-color: #c0c0c0;
 border-width: 1px;
*/
}

#b600_table 
{
  display: table;
  width: 600px;
  font-family: Arial, Verdana, sans-serif;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  float: center;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
}

#b600_row  
{
 display: table-row;
}

#b600_cell 
{
 display: table-cell;
 padding: 2px 2px 2px 2px; 
 margin: 0px 0px 0px 0px;
}


/*-------------------------------------------*/

#dob_form
{
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px;
  color: black;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#dob_form_button
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  vertical-align: middle;
}
.dob_form_dom select 
{
   width: 60px;
   padding: 0px;
   font-size: 16pt;
   height: 30px;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}
.dob_form_month select 
{
   width: 150px;
   padding: 0px; /* 5px; */
   font-size: 16pt;
   height: 30px;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}
#dob_form_year
{
   width: 80px;
   padding: 5px;
   font-size: 16pt;
   zzline-height: 1;
   height: 30px;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
}

/*-------------------------------------------*/