/*****************************
  There are no colors in here anyone should need to touch.
  This is a generic stylesheet for scrolling tables.
  It takes care of the most basic positioning and that is all.
  ************************************************************/

div.scroll
{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow:hidden;
  margin:0;
  padding:0;
  background:#e1e1e1;
  color:inherit;
}
 div.conservative
{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow:auto; 
  margin:0;
  padding:0;
  background:#e1e1e1;
  color:inherit; 
}
div.shortTable.scroll div.top
{
  margin-right:16px;
  margin-right: expression("0");
}

div.shortTable.scroll table.superTable
{
  width:100%;
  width: expression("98.6%");
}

div.justRight.scroll table
{
  width:auto;
  width: expression("auto");
}

div.scroll table
{
  border-collapse:collapse;
}

div.scroll table td,
div.scroll table th
{
  white-space:nowrap;
}
div.scroll div.top
{
  display:block;
  width:auto;
  overflow:hidden;
}
div.scroll div.middle
{
  display:block;
  position:absolute;
  bottom:0;
  width:100%;
  overflow:scroll;
  overflow-x: auto;
}
div.shortTable.scroll div.middle
{
  overflow-x: auto;
  overflow-x: expression("hidden");
}
div.justRight.scroll div.middle
{
  overflow-x: scroll;
  overflow-x: expression("scroll");
}

div.scroll div.middle table
{
  position:relative;
  left:0;
}
div.scroll div.top table
{
  position:relative;
}