/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Specify the CSS style sheets
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
table.orange
{
   /*
   border:thin #F7AF56 solid; 
   */
   font-family: Verdana, "Times New Roman", serif , proportional;
   border:thin white solid;
   border-collapse:collapse; 
   padding:2px;
   margin:auto;
   margin-bottom:3em;
   color:#262626;
   empty-cells:show;
   table-layout:auto;
}

caption 
{
   background-color: #444;
   caption-side: top;
   color: #fff;
   font-weight: bold;
   line-height: 1.4em;
   margin: 0;
   padding: 15px;
}

caption h2 
{
   font-size: 20px;
   margin: 0 0 10px 0;
}
         
thead
{
   background-color:#F5FFFA;
}

th 
{
   text-align: center; 
   vertical-align: middle;
   margin-left: 1em; 
   margin-right: 1em;
   border-right: thin white solid;
   background-color: #F48D0D;
   color:#313131;
}

tfoot
{
    background-color:#D3D3D3;
}

tfoot td
{
  border: none;
  font-size: 0.85em;
}

tfoot td p, tfoot td ul
{
  font-size: 1em;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   Data cells are aligned to the bottom of the cell, so that long row text 
   that wraps onto multiple lines appears horizontally in line with the
   last line of the row.  
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
td 
{
   vertical-align: middle;
   margin-left: 1em; 
   margin-right: 5em;
   border-right:thin #F7AF56 solid;
   border-bottom: thin #F7AF56 solid;
   padding:0.25em 0.5em;
}

tr.orangetint
{
    background-color: #F7AF56;
    color:#1A1A1A;
}

td.descr 
{
   text-align: left; 
   vertical-align: middle;
   font-family: Verdana, "Times New Roman", serif , proportional;
   border: thin white solid;
   background-color: #F7AF56;
   color:#1A1A1A;
}