body
{
  font-family: 'Arial', 'Helvetica', sans-serif;
  background: #eee;
  color: #333;
}

.toolbar, #list_of_steps
{
  background: #ace;
  padding: 5px;
}

#list_of_steps
{
  background: #8ac;
}

.toolbar button
{
  background: #def;
  font-weight: bold;
  color: #38c;
  border: 1px dotted steelblue;
}

#list_of_steps button
{
  background: #eef;
  color: #35a;
  font-size: 18px;
  border: 1px dashed steelblue;
}

.sections
{
  border: 2px solid steelblue;
  background: #f3f3f3;
  padding: 20px;
}

#steps
{
  border: 1px solid steelblue;
  background: #ddd;
  padding: 10px;
}

button, select
{
  padding: 3px;
}

input
{
  padding: 2px;
}

#legend
{
  margin: 20px 0 20px 0;
  padding: 10px;
  background: #d8d8d8;
  border: 1px solid steelblue;
}

#legend div
{
  margin: 20px;
  width: 30%;
  padding: 10px;
}