.table100
{
  width: 100%;
  background-color: gray;
}

.col25
{
  width: 25%;
}

.border
{
  border: 1px;
}

.prizetable
{
  border: solid 0px black;
  border-spacing: 0px
  
}
.makerulers
{
  border-color: Black;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-collapse: collapse;
  border-spacing: 0px; /*cellspacing in IE*/
  /*margin: 0px;*/
}
.indentprize
{
  padding-left: 10px;
  width: 8%;
}
.showcell
{
  empty-cells: show;
  text-align: right;
}


/*table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }
The following properties apply to column and column-group elements: 
'border' 
'background' 
'width' 
'visibility'
'caption-side' Value:  	top | bottom | inherit 
Initial:  	top 
Applies to:  	'table-caption' elements 
'table-layout' Value:  	auto | fixed | inherit 
Initial:  	auto 
Applies to:  	'table' and 'inline-table' elements 
 'height' property for the 'table' or 'inline-table' element. A value of 'auto' means that the height is the sum of the row heights plus any cell spacing or borders. Any other value is treated as a minimum height.
  'vertical-align' have the following meanings: 
baseline 
top 
bottom 
middle 
sub, super, text-top, text-bottom, <length>, <percentage> 
These values do not apply to cells; the cell is aligned at the baseline instead.
The 'visibility' property takes the value 'collapse' for row, row group, column, and column group elements
'border-collapse' Value:  	collapse | separate | inherit 
Initial:  	separate 
Applies to:  	'table' and 'inline-table' elements 
Inherited:  	yes
'border-spacing' Value:  	<length> <length>? | inherit 
Initial:  	0 
Applies to:  	'table' and 'inline-table' elements* 
Inherited:  	yes 
Percentages:  	N/A 
Media:  	visual 
Computed value:  	two absolute lengths
'empty-cells' Value:  	show | hide | inherit 
Initial:  	show 
Applies to:  	'table-cell' elements 
17.6.3 Border styles

Some of the values of the 'border-style' have different meanings in tables than for other elements. In the list below they are marked with an asterisk. 
none 
No border. 
*hidden 
Same as 'none', but in the collapsing border model, also inhibits any other border (see the section on border conflicts). 
dotted 
The border is a series of dots. 
dashed 
The border is a series of short line segments. 
solid 
The border is a single line segment. 
double 
The border is two solid lines. The sum of the two lines and the space between them equals the value of 'border-width'. 
groove 
The border looks as though it were carved into the canvas. 
ridge 
The opposite of 'groove': the border looks as though it were coming out of the canvas. 
*inset 
In the separated borders model, the border makes the entire box look as though it were embedded in the canvas. In the collapsing border model, same as 'ridge'. 
*outset 
In the separated borders model, the border makes the entire box look as though it were coming out of the canvas. In the collapsing border model, same as 'groove'.
table      { border: outset 10pt; 
             border-collapse: separate;
             border-spacing: 15pt }
td         { border: inset 5pt }
td.special { border: inset 10pt }  /* The top-left cell */