a.tristate:link, a.tristate:visited, a.tristate:hover, a.tristate:active, span.tristate {
  margin: 0			!important;
  border-width: 0		!important;
  border-style: none		!important;
  background-color: transparent	!important;
  padding: 0			!important;
  text-decoration: none		!important;
  color: black;
  font-weight: normal;
  font-style: normal;
}

a.tristate:link, a.tristate:visited, a.tristate:hover, a.tristate:active {
  cursor: pointer;
}

a.tristate.disabled:link, a.tristate.disabled:visited,
a.tristate.disabled:hover, a.tristate.disabled:active {
  cursor: default;
}

a.tristate span, a.tristate span em, span.tristate span {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-color: transparent;
  background-repeat: no-repeat;
  vertical-align: middle;
}

a.tristate.frame span, a.tristate.frame span em, span.tristate.frame span {
  height: 20px;
  width: 20px;
}

a.tristate.small span, a.tristate.small span em, span.tristate.small span {
  height: 12px;
  width: 12px;
}

a.tristate.clear span,  span.tristate.clear span  { background-image: url("clear.png") !important }
a.tristate.greyed span, span.tristate.greyed span { background-image: url("greyed.png") !important }
a.tristate.frame span,  span.tristate.frame span  { background-image: url("frame.png") !important }
a.tristate.small span,  span.tristate.small span  { background-image: url("small.png") !important }

a.tristate.unset span,        span.tristate.unset span        { background-position: 0px 0px }
a.tristate.no span,           span.tristate.no span           { background-position: 0px -16px }
a.tristate.yes span,          span.tristate.yes span          { background-position: 0px -32px }
a.tristate.noish span,        span.tristate.noish span        { background-position: 0px -48px }
a.tristate.yesish span,       span.tristate.yesish span       { background-position: 0px -64px }
a.tristate.yesyes span,       span.tristate.yesyes span       { background-position: 0px -80px }
a.tristate.delete span,       span.tristate.delete span       { background-position: 0px -96px }
a.tristate.query span,        span.tristate.query span        { background-position: 0px -112px }
a.tristate.show span,         span.tristate.show span         { background-position: 0px -128px }
a.tristate.noshow span,       span.tristate.noshow span       { background-position: 0px -144px }
a.tristate.stop span,         span.tristate.stop span         { background-position: 0px -160px }
a.tristate.nostop span,       span.tristate.nostop span       { background-position: 0px -176px }
a.tristate.lock span,         span.tristate.lock span         { background-position: 0px -192px }
a.tristate.greylock span,     span.tristate.greylock span     { background-position: 0px -208px }

a.tristate.frame.no span,     span.tristate.frame.no span     { background-position: 0px -20px }
a.tristate.frame.yes span,    span.tristate.frame.yes span    { background-position: 0px -40px }
a.tristate.frame.noish span,  span.tristate.frame.noish span  { background-position: 0px -60px }
a.tristate.frame.yesish span, span.tristate.frame.yesish span { background-position: 0px -80px }
a.tristate.frame.yesyes span, span.tristate.frame.yesyes span { background-position: 0px -100px }
a.tristate.frame.delete span, span.tristate.frame.delete span { background-position: 0px -120px }
a.tristate.frame.query span,  span.tristate.frame.query span  { background-position: 0px -140px }
a.tristate.frame.show span,   span.tristate.frame.show span   { background-position: 0px -160px }
a.tristate.frame.noshow span, span.tristate.frame.noshow span { background-position: 0px -180px }
a.tristate.frame.stop span,   span.tristate.frame.stop span   { background-position: 0px -200px }
a.tristate.frame.nostop span, span.tristate.frame.nostop span { background-position: 0px -220px }
a.tristate.frame.lock span,   span.tristate.frame.lock span   { background-position: 0px -240px }
a.frame.tristate.greylock span, span.tristate.frame.greylock span { background-position: 0px -260px }

a.tristate.small.no span,     span.tristate.small.no span     { background-position: 0px -12px }
a.tristate.small.yes span,    span.tristate.small.yes span    { background-position: 0px -24px }
a.tristate.small.noish span,  span.tristate.small.noish span  { background-position: 0px -36px }
a.tristate.small.yesish span, span.tristate.small.yesish span { background-position: 0px -48px }
a.tristate.small.yesyes span, span.tristate.small.yesyes span { background-position: 0px -60px }
a.tristate.small.delete span, span.tristate.small.delete span { background-position: 0px -72px }
a.tristate.small.query span,  span.tristate.small.query span  { background-position: 0px -84px }
a.tristate.small.show span,   span.tristate.small.show span   { background-position: 0px -96px }
a.tristate.small.noshow span, span.tristate.small.noshow span { background-position: 0px -108px }
a.tristate.small.stop span,   span.tristate.small.stop span   { background-position: 0px -120px }
a.tristate.small.nostop span, span.tristate.small.nostop span { background-position: 0px -132px }
a.tristate.small.lock span,   span.tristate.small.lock span   { background-position: 0px -144px }
a.tristate.small.greylock span, span.tristate.small.greylock span { background-position: 0px -156px }

a.tristate.white span,     span.tristate.white span     { background-color: white   !important }
a.tristate.lightgrey span, span.tristate.lightgrey span { background-color: #eee    !important }
a.tristate.midgrey span,   span.tristate.midgrey span   { background-color: #ddd    !important }
a.tristate.brown span,     span.tristate.brown span     { background-color: #c89361 !important }

a.tristate.clear.unset:hover span,
a.tristate.greyed.unset:hover span,
a.tristate.small.unset:hover span { background-image: none !important }

a.tristate.clear span em, a.tristate.greyed span em,
a.tristate.frame span em, a.tristate.small span em {
  background-image: none !important;
  background-position: top left !important;
  background-repeat: no-repeat;
}

a.tristate:hover span em       { background-image: url("clear-overlay.gif") !important }
a.tristate.frame:hover span em { background-image: url("frame-overlay.gif") !important }
a.tristate.small:hover span em { background-image: url("small-overlay.gif") !important }

a.tristate.disabled:hover span em,
a.tristate.disabled.frame:hover span em,
a.tristate.disabled.small:hover span em { background-image: none !important }

* html .tristate { font-size: 1px; line-height: 1px }