#tableau {
  margin: 10px auto;
  font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
  font-size: 17px;
  width: 85%;
  text-align: center;
  border-collapse: collapse;
}
#tableau th {
  border-top: 2px solid #d3ddff;
  border-bottom: 1px solid #ffffff;
  padding: 8px;
  background: #b9c9fe url(http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2gjh1nPI/AAAAAAAACbg/7lNsVpks2oY/s1600/gradhead.png) repeat-x scroll 0% 50%;
  font-size: 17px;
  font-weight: normal;
  color: #000099;
}
#tableau td {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  padding: 8px;
  background: #e8edff url(http://1.bp.blogspot.com/_xDpoN6UfFFY/S-J2f5yBC3I/AAAAAAAACbY/zWXYXsR-w5E/s1600/gradback.png) repeat-x scroll 0% 50%;
  color: #000099;
}
#tableau tfoot tr td {
  background: #e8edff none repeat scroll 0% 50%;
  font-size: 16px;
  color: #9999cc;
  text-align: center;
}
#tableau tbody tr:hover td {
  background: #d0dafd url(http://4.bp.blogspot.com/_xDpoN6UfFFY/S-J2hsztUzI/AAAAAAAACbo/ztV1CK0RUrE/s1600/gradhover.png) repeat-x scroll 0% 50%;
  color: #333399;
}
#tableau a:hover {
  text-decoration: underline;
}
a.viewpic {
  border-bottom: 1px dashed #808080;
  position: relative;
  text-decoration: none;
}
a.viewpic:hover {
  background: transparent none repeat scroll 0%;
  text-decoration: none;
}
a.viewpic span {
  display: none;
}
a.viewpic:hover span {
  padding: 2px 4px;
  display: inline;
  position: absolute;
  top: -20px;
  left: 10px;
  z-index: 20;
  width: 100%;
}