/*
 * IE6 does not implement min-height, but mis-implements height so
 * that it behaves in a similar way.
 */

body { height: 100%; }


/*
 * IE6 miscalculates 100% height to be the containing blocks specified
 * height, not computed height. The workaround is to use IEs invalid
 * expression syntax.
 */
.body {
    height: expression(this.parentNode.clientHeight
		       + 'px'); /* NB. This is not valid. */
}

/*
 * IE6 does not calculate the height correctly when it is set to 100%.
 */

.selections .main .matter { height: 0; }
.selections .main .selnbody {
    height: expression(document.documentElement.clientHeight
		       - this.parentNode.parentNode.parentNode.previousSibling.offsetTop
		       - this.parentNode.parentNode.parentNode.previousSibling.offsetHeight
		       + 'px'); /* NB. This is not valid. */
}

/*
 * IE6 will not allow a relatively positioned element to act as the
 * containing block for an absolutely positioned child unless it
 * "hasLayout".
 */

th.runner.details div.runner.details { display: inline-block; }

/*
 * IE6 obscures floated content with subsequent block-level boxes.
 */

div.selections div.tote,
div.selections div.nav div.rules-regs { position: relative; }

/*
 * IE6 obscures floated content with its container's background?
 * Possibly a peek-a-boo bug.
 */

div.pool div.pool_title div.pool-description,
div.pool div.pool_title div.pool-info,
div.usage div.text a.button { position: relative; }

/*
 * IE6 cannot absolutely position a box with top, bottom, left & right
 * specified and must have the width and height specified
 * instead. However, IE6 cannot calculate a percentage height when the
 * containing block's height is not fixed. There is no valid solution.
 */

div.selnform { display: inline-block; }
div.selections div.pool_shroud {
    width: 100%;
/*  height: 100%; Does not work in IE6 when parent has variable height */
    height: expression(this.parentNode.clientHeight + "px"); /* NB. This is not valid. */
}

/*
 * Dynamically changing some elements causes others to overflow in
 * IE6. "hasLayout" fixes this.
 */

div.usage,
div.pool-options,
div.selections,
div.pool_title { display: inline-block; }

/*
 * IE6 does not implement min-width. However, it mis-implements
 * width so that it behaves like min-width.
 */

div.bets div.footer div.betslip_buttons button span { width: 4em; }

/*
 * Similarly IE6 does not implement min-height but mis-implements
 * height.
 */

td.price div.button a,
td.price div.button div.checkbox { height: 2.5ex; }

/*
 * IE6 adds height to an empty block-level element even with 0 height.
 */

th .IE-bugfix { line-height: 0px; }