#legend {
  position: relative;
  width: 320px;
  height: 300px;
  overflow: auto;
  background-color: #f0f0f0;
  border: 1px solid #000000;
}

.legendClassLabel {
  font-family: arial;
  font-size: 11px;
  font-weight: normal;
}


.legendGroupLabel {
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
}
.legendGroup {
  background-color: #d4d4d4;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #666666;
  margin-bottom: 0px;
}

.legendHeader {
  background-color: #a9a9a9;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #666666;

  margin-bottom: 0px;
  padding-left: 2px;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
}

a.legendHref {
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}
a.legendHref:link {

}

a.legendHref:active {

}

a.legendHref:hover {
    color: #eeeeee;
}