#matrix td {
  font-size: x-small;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 90px;
}

#matrix #header td {
  font-weight: bold;
  text-align: left;
}


#matrix td {
  text-align: center;
}

#matrix td.yes, #matrix td.no {
  text-align: center;
}

#matrix td.yes {
  color: #339966;
}

#matrix td.yes:before {
  content: "Yes";
}


#matrix td.no {
  color: red;
}


#matrix td.no:before {
  content: "NO";
}

#matrix .feature {
  text-align: left;
  font-size: x-small;
  font-weight: normal;
  width: 240px;
}

#matrix td.otherOrange {
  color: #ff9900;
}

#matrix td.otherGreen {
  color: #339966;
}

#matrix td.reverseYes {
  color: red;
}

#matrix td.reverseNo {
  color: #339966;
}

#matrix td.reverseYes:before {
  content: "YES";
}

#matrix td.reverseNo:before {
  content: "No";
}

#header td {
  margin-left: 2px;
}

#header td.noBorder {
  border: none;
}

#matrix td.otherRed {
  color: red;
}