﻿/*************************************************
GridView,DataGrid のヘッダー固定に使用するスタイル
*************************************************/


/*************************************************
(IE6)最上位ブロック
*************************************************/
.docmode_ie6 .gridRoot
{
  padding: 0px;
  margin: auto;
}

/*************************************************
(IE6)外側のブロック
*************************************************/
.docmode_ie6 .gridOuter
{
  padding: 0px;
}

/*************************************************
(IE6)内側のブロック
*************************************************/
.docmode_ie6 .gridOuter .gridInner
{
  overflow: auto;
  width: 100%;
  padding: 0px;
}

/*************************************************
(IE6)
テーブル ヘッダー - 行
テーブル 上部ページャー - 行
*************************************************/
.docmode_ie6 tr.gridHeaderRow
, .docmode_ie6 thead tr.gridPagerRow
{
  position: relative;
  top: expression(this.offsetParent.scrollTop - 1);
}

/*************************************************
(IE6)
テーブル フッター - 行
テーブル 下部ページャー - 行
*************************************************/
.docmode_ie6 tfoot tr.gridFooterRow
, .docmode_ie6 tfoot tr.gridPagerRow
{
  position: relative;
  top: expression(Math.min((this.offsetParent.clientHeight - this.offsetParent.scrollHeight + this.offsetParent.scrollTop), -1));
}

/*************************************************
(IE7)最上位ブロック
*************************************************/
.docmode_ie7 .gridRoot
{
  position: relative;
  overflow: hidden;
  padding: 0px;
  display: inline-block;
  margin: auto;
}

/*************************************************
(IE7)外側のブロック
*************************************************/
.docmode_ie7 .gridOuter
{
  position: relative;
  padding: 0px;
  display: inline-block;
}

/*************************************************
(IE7)内側のブロック
*************************************************/
.docmode_ie7 .gridOuter .gridInner
{
  overflow: auto;
  width: 100%;
  padding: 0px;
}

/* thead 要素 */
/*************************************************
(IE7)
テーブル ヘッダー - 行
テーブル フッター - 行
テーブル ページャー - 行
*************************************************/
.docmode_ie7 .gridOuter .gridInner .grid thead .gridHeaderRow
, .docmode_ie7 .gridOuter .gridInner .grid thead .gridPagerRow
, .docmode_ie7 .gridOuter .gridInner .grid tfoot .gridFooterRow
, .docmode_ie7 .gridOuter .gridInner .grid tfoot .gridPagerRow
{
  position: absolute;
  left: 0px;
}

/*************************************************
(IE8)最上位ブロック
*************************************************/
.docmode_ie8 .gridRoot
{
  position: relative;
  overflow: hidden;
  padding: 0px;
  margin: auto;
}

/*************************************************
(IE8)外側のブロック
*************************************************/
.docmode_ie8 .gridOuter
{
  position: relative;
  padding: 0px;
}

/*************************************************
(IE8)内側のブロック
*************************************************/
.docmode_ie8 .gridOuter .gridInner
{
  overflow: auto;
  width: 100%;
  padding: 0px;
}

.docmode_ie8 .grid
{
/*
  table-layout: fixed;
*/
}

/*************************************************
(IE8)テーブル thead 要素
*************************************************/
.docmode_ie8 .gridOuter .gridInner .grid thead
{
  position: absolute;
  bottom: 100%;
  left: 0px;
}

/*************************************************
(IE8)テーブル tfoot 要素
*************************************************/
.docmode_ie8 .gridOuter .gridInner .grid tfoot
{
  position: absolute;
  top: 100%;
  left: 0px;
}
