/*
 * $Id: scrollableTable.css,v 1.1 2008/01/31 14:38:17 PainterJ Exp $
 *
 * Copyright (c) 2004 Taylor and Francis plc.
 *
 * Project: Production Tracking System
 *          Tessella/NPD/3873
 *
 * Developed by:
 *   Tessella Support Services plc
 *   3 Vineyard Chambers
 *   Abingdon, OX14 3PX
 *   United Kingdom
 *   email: info@tessella.com
 *   web:   www.tessella.com
 *
 * Stylesheet with definitions required for *NEW* scrollable table which
 * works across different browsers, not just IE
 *
 * Modification History:
 * $Log: scrollableTable.css,v $
 * Revision 1.1  2008/01/31 14:38:17  PainterJ
 * [no comments]
 *
 * Revision 1.2  2005/01/14 10:29:07  jpainter
 * Merged in branch TestV1R1M15-br
 *
 * Revision 1.1.2.2  2004/12/17 11:38:02  jpainter
 * Added back-colour property to table and div classes (so that the display looks nice in Firefox)
 *
 * Revision 1.1.2.1  2004/12/15 16:05:53  jpainter
 * Created for multi-browser support
 *
 * 
 */

/* define height and width of scrollable area. Add 16px to width for scrollbar          */ 
div.tableContainer { 
 clear: both;
 overflow: auto;
 background-color: #ceebff;
} 
 
/* Reset overflow value to hidden for all non-IE browsers. */ 
html>body div.tableContainer { 
 overflow: hidden;
 background-color: #ceebff;
} 
 
/* define width of table. IE browsers only                 */ 
div.tableContainer table { 
 float: left;
 background-color: #ceebff;
} 
 
/* define width of table. Add 16px to width for scrollbar.           */ 
/* All other non-IE browsers.                                        */ 
html>body div.tableContainer table { 
  background-color: #ceebff;
} 
 
/* define the table content to be scrollable                                              */ 
/* set TBODY element to have block level attributes. All other non-IE browsers            */ 
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */ 
/* induced side effect is that child TDs no longer accept width: auto                     */ 
html>body tbody.scrollContent { 
 display: block;
 overflow: auto;
 width: 100%;
} 

 /* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
	display: block;
}

/* set table header to a fixed position. WinIE 6.x only                                       */ 
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */ 
/* an element that has an overflow property set, the relative value translates into fixed.    */ 
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */ 
thead.fixedHeader tr {
 position: relative;
}