| 1 | div.tableContainer {
|
|---|
| 2 | width: auto; /* table width will be 99% of this*/
|
|---|
| 3 | height: 600px; /* must be greater than tbody*/
|
|---|
| 4 | overflow: auto;
|
|---|
| 5 | margin: 0 auto;
|
|---|
| 6 | }
|
|---|
| 7 |
|
|---|
| 8 | table {
|
|---|
| 9 | width: 99%; /*100% of container produces horiz. scroll in Mozilla*/
|
|---|
| 10 | border: none;
|
|---|
| 11 | background-color: white;
|
|---|
| 12 | font-family:arial;
|
|---|
| 13 | }
|
|---|
| 14 |
|
|---|
| 15 | table>tbody { /* child selector syntax which IE6 and older do not support*/
|
|---|
| 16 | overflow: auto;
|
|---|
| 17 | height: 550px;
|
|---|
| 18 | overflow-x: hidden;
|
|---|
| 19 | }
|
|---|
| 20 |
|
|---|
| 21 | thead tr {
|
|---|
| 22 | position:relative;
|
|---|
| 23 | top: expression(offsetParent.scrollTop); /*IE5+ only*/
|
|---|
| 24 | }
|
|---|
| 25 |
|
|---|
| 26 | thead td, thead th {
|
|---|
| 27 | text-align: center;
|
|---|
| 28 | font-size: 11px;
|
|---|
| 29 | font-family:arial;
|
|---|
| 30 | background-color: oldlace;
|
|---|
| 31 | color: black;
|
|---|
| 32 | font-weight: bold;
|
|---|
| 33 | border-top: solid 1px #d8d8d8;
|
|---|
| 34 | }
|
|---|
| 35 |
|
|---|
| 36 | td {
|
|---|
| 37 | color: #000;
|
|---|
| 38 | padding-right: 2px;
|
|---|
| 39 | font-size: 11px;
|
|---|
| 40 | text-align: right;
|
|---|
| 41 | border-bottom: solid 1px #d8d8d8;
|
|---|
| 42 | border-left: solid 1px #d8d8d8;
|
|---|
| 43 | height:16px;
|
|---|
| 44 | }
|
|---|
| 45 |
|
|---|
| 46 | table tfoot tr { /*idea of Renato Cherullo to help IE*/
|
|---|
| 47 | position: relative;
|
|---|
| 48 | overflow-x: hidden;
|
|---|
| 49 | top: expression(parentNode.parentNode.offsetHeight >=
|
|---|
| 50 | offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
|
|---|
| 51 | }
|
|---|
| 52 |
|
|---|
| 53 |
|
|---|
| 54 | tfoot td {
|
|---|
| 55 | text-align: center;
|
|---|
| 56 | font-size: 11px;
|
|---|
| 57 | font-family:arial;
|
|---|
| 58 | font-weight: bold;
|
|---|
| 59 | background-color: papayawhip;
|
|---|
| 60 | color: black;
|
|---|
| 61 | border-top: solid 1px slategray;
|
|---|
| 62 | }
|
|---|
| 63 |
|
|---|
| 64 | td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/
|
|---|
| 65 |
|
|---|
| 66 | /*.b{background-color:#0000FF;}*/
|
|---|
| 67 | .b{background-image:url(blue.png);background-repeat:no-repeat; width:40px; height:20px; background-position: center;}
|
|---|
| 68 | .w{background-image:url(white.png);background-repeat:no-repeat; width:40px; height:20px; background-position: center;}
|
|---|
| 69 | .qh{width:16px; text-align:center;}
|
|---|
| 70 | .E{background-image:url(question.gif);background-repeat:no-repeat; width:16px; background-position: center;}
|
|---|
| 71 | .bfont{font-size: 15px; text-align:left;}
|
|---|
| 72 | .table1{
|
|---|
| 73 | height: 50px;
|
|---|
| 74 | }
|
|---|
| 75 |
|
|---|
| 76 |
|
|---|
| 77 | div.top{text-align:right;margin:1em 0;padding:0}
|
|---|
| 78 | div.top div{display:inline}
|
|---|
| 79 | div.top div.left{float:left}
|
|---|
| 80 | #content>div.top{display:table;width:100%}
|
|---|
| 81 | #content>div.top div{display:table-cell}
|
|---|
| 82 | #content>div.top div.left{float:none;text-align:left}
|
|---|
| 83 | #content>div.top div.right{text-align:right} |
|---|
