table.shadow { 
    align: center
  }

  td.shadow-top { 
    height: 16px;  
    background-image: url(./borders/top.gif)
  }

  td.shadow-topRight { 
    width: 16px;
    height: 16px;
    background-image: url(./borders/topRight.gif)
  }

  td.shadow-right { 
    width: 16px; 
    background-image: url(./borders/right.gif)
  }

  td.shadow-bottomRight { 
    width: 16px; 
    height: 16px; 
    background-image: url(./borders/bottomRight.gif)
  } 

  td.shadow-bottom { 
    height: 16px;
    background-image: url(./borders/bottom.gif)
  }

  td.shadow-bottomLeft { width: 16px;
    height: 16px;
    background-image: url(./borders/bottomLeft.gif)
  } 

  td.shadow-left { width: 16px;
    background-image: url(./borders/left.gif)
  }

  td.shadow-topLeft { 
    width: 16px; 
    height: 16px; 
    background-image: url(./borders/topLeft.gif)
  }      

  td.shadow-center { 
    background-color:eeeeee  
  }