.main > table {
  display: none;
  font: 13px arial;
  border: 1px solid gray;
}

.main td,
.main th {
  border-right: 1px solid silver;
  border-bottom: 1px solid gray;
  padding: 0.2em 0.5em;
}

.main tr {
  vertical-align: top;
}

.main caption {
  font-weight: bold;
  border: 1px solid gray;
  background: #def;
}

.main button {
  width: 7em;
  font-weight: bold;
  font-family: arial;
  height: 2em;
}

.main nav {
  padding: 1em;
  background: #fed;
}

.main {
  border: 1px solid gray;
  background: white;
  margin: auto;
}

.selected {
  background: #cfc;
}

.main > nav > div {
  float: right; 
  color: gray;
}

.green {
  background: #dfe;
}

.blue {
  color: blue;
}

.brown {
  color: brown;
}

.greene {
  color: green;
}

.ly {
  background: lightyellow;
}

.left {
  padding-left: 5px;
}

.collapse {
  border-collapse: collapse;
}

.leftalign {
  text-align: left;
}

.purple {
  background: #ddf;
}

#Apple > col:nth-child(1),
#Pecan > col:nth-child(1),
#Peach > col:nth-child(1),
#Muscadine > col:nth-child(1),
#Strawberry > col:nth-child(1) {
  width: 7em;
}

#Apple > col:nth-child(2),
#Pecan > col:nth-child(2),
#Peach > col:nth-child(2),
#Muscadine > col:nth-child(2),
#Strawberry > col:nth-child(2) {
  width: 12em;
}

#BBerry {
  border-right: gray 1px solid; 
  border-top: gray 1px solid; 
  background: #fff8ff; 
  border-left: gray 1px solid; 
  border-bottom: gray 1px solid; 
  border-collapse: collapse;
}