/* form_table.css */

/* For displaying input forms */

#form_table 
{
  display: table;
  font-family: Arial, Verdana, sans-serif;
  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;
  
  border-style: dotted;
  border-color: black;
  border-width: 0px;
}
#form_row  
{
  display: table-row;
}
#form_cell /* default alignment */
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
  font-size: 11pt;
  white-space: nowrap;
border-style: none;
border-color: #c0f0c0;
border-width: 0px;
}
#form_cell_left
{
  display: table-cell;
  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;
  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;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 9pt;
  border-style: none;
  border-color: #c0c0c0;
  border-width: 1px;
}
#form_cell_error
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: middle;
  color: red;
  font-size: 8pt;
  border-style: none;
  border-color: #c0c0c0;
  border-width: 1px;
}
#form_cell_large
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
  font-size: 16pt;
  white-space: nowrap;
border-style: none;
border-color: #c0f0c0;
border-width: 0px;
}

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

#form_cell
{
  color: #808080; 
  font-size: 12pt;
  font-weight: normal;
  text-decoration: none;   
}

#form_cell_intro
{
  color: #808080; 
  font-size: 12pt;
  font-weight: lighter;
}

#form_cell_dob
{
  display: table-cell;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
  font-size: 16pt;
  white-space: nowrap;
border-style: solid;
border-color: #c0f0c0;
border-width: 0px;
}

#form_cell_dob select
{
  color: #6080ff; /* primoblue */
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;   
}

#form_cell_dob input[type="text"]
{
  color: #6080ff; /* primoblue */
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;   
}

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

#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;
}

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

#form_large
{
 font-size: 16pt;
}

#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;
  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;
  border-style: solid;
  border-color: #808080;
  border-width: 1px;
}

#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;
*/
}