/*<%-- 
    Document   : 
    Created on : 5/18/07
    Author     : Gabe Hamilton
    Description: Controls table body scrolling.
      This script includes server side variables 
      and therefor must be included in a page.
      
      Default table width = 195
      Default table height = 195
*/

/* Table scrolling ---------------------------------- --%>*/
div.scrollTableContainer {
    height: 195px;
    overflow: auto;
    width: 194px; 
    margin: 0 0 0 0; /* 15px 0 0 0 */
    position: relative;
}

/* The different widths below are due to the way the scroll bar is implemented. */

/* All browsers accept this, but we are targeting IE with this rule, 
width is 25 less than scrollTableContainer = scrollbar width */
div.scrollTableContainer table {
    width: 169px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox */
html>/**/body div.scrollTableContainer table {
    width: 194px;
}

/* Modern browsers accept this (not IE) and we are targetting firefox, 
  this was originally just tableHeight  */
html>/**/body div.scrollTableContainer table>tbody	{  
    overflow: auto; 
    height: 175px;
    overflow-x: hidden;
}

div.scrollTableContainer thead tr {
    position:relative;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {
    padding-right: 20px;
}

/* non-standard IE Specific Rules*/
div.scrollTableContainer thead tr	{
    /* Causes the pixel header row to stay fixed in IE*/
	top: expression(offsetParent.scrollTop -2);
	/* This fixes a strange bug in IE where the header row would "shift" 1px to
	   the right after the table was scrolled down.  It would not shift back
       after scrolling all the way, which made my first solution based on
       offSetParent.scrollTop == 0 not an effective solution*/
    left: expression(typeof(myvar) == 'undefined' ? 0+"px"+(myvar='true') : -1+"px");
}