table.progress
{ 
  width:	620px;
 }
table.progress tr
{ 
  padding:	0;
 }
table.progress td
{ 
  width:	25%;
  font-size:	12px;
  padding:	1ex;
  text-align:	center;
 }
table.progress td.pastphase
{ 
  background:	#bffac2;
  color:	black;
  border:	1px solid green;
 }
table.progress td.activephase
{ 
  background:	#da0f12;
  color:	white;
 }
table.progress td.futurephase
{ 
  background:	#dddddd;
  color:	black;
 }
div.boxed
{
  border:	1px solid #da0f12;
  padding:	2ex;
  width:	600px;
  }
table.shop
{ 
  width:	100%;
 }
table.shop th, table.shop td
{ 
  text-align:	left;
  padding:	3px;
 }
table.shop tr > td
{ 
  width:	250px;
 }
table.shop tr > td + td,
table.shop tr > th + td
{ 
  width:	350px;
 }
table.shop th.subheader span.subheader
{ 
  color:	#da0f12;
  font-size:	120%;
 }
table.shop td hr,
table.contenttable td hr
{ 
  width:	100%;
  height:	1px;
  background:	#da0f12;
  border:	0;
 }
table.shop .errormsg
{ 
  color:	red;
  font-size:	80%;
 }
a.showlink 
{
  color:	#da0f12;
 }
a.showlink:hover
{
  color:	red;
 }
a.showlink:after
{
  content:	">";
 }
table.contenttable
{ 
  border:	1px solid #da0f12;
  width:	500px;
 }
table.contenttable td
{ 
  vertical-align:	middle;
 }
table.contenttable td.button
{ 
  width:	100px;
  text-align:	center;
 }
table.contenttable td h3
{ 
  padding:	0;
 }
button.pbgreen  
{
  font-family:	Verdana, sans-serif;
  font-size:	7px;
  font-weight:	bold;
  border:		1px solid #333;
  background:	#eee;
  margin:		2px;
  width:          12em;
  text-align:	center;
}
button.pbgreen:hover {
	background:	#beb;
}