.tableWrapper {
  width: 767px;    /* table width will be 99% of this*/
  height:500px;    /* must be greater than tbody*/
  overflow: auto;
  margin: 0 auto;
	margin-top:20px;
}

.tableWrapper, x:-moz-any-link, x:default {height:450px; overflow-x:hidden}

*+html .tableWrapper {
	margin-top:30px;
	}

#test1 table {
  border: none;
	width: 767px;
  border-spacing: 0px;
  background-color: transparent;
}



table>tbody {
  overflow: auto;
  height: 520px;
  overflow-x: hidden;
}

table>tbody, x:-moz-any-link, x:default {height:auto}

table>tbody tr {
  height: auto;
}

table>thead tr {
  width: 767px;
  position:absolute;
  top: 380px;
}



#test1 code
        {
        font-family:'andale mono','lucida console','courier new',monospace;
        font-size:11px;
        }
				
			
#test1 p
        {
        line-height:1.6em;
        margin:0 0 1em 0;
				/*width:160px;*/
        }

#test1 .cs1 td,
#test1 .cs2 td,
#test1 #scientificNotation
        {
        text-align:right;
        }

#test1 th
        {
        font: bold 9px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #666666;
        border-right: 0px solid #C1DAD7;
        border-bottom: 0px solid #C1DAD7;
        border-top: 0px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: center;
        padding: 8px 12px 4px 12px;
        background: #CAE8EA url(../../images/icons/bg_header.jpg) no-repeat;
        vertical-align:middle;
        }
				
			
#test1 td.total
        {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
        text-align:right;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:1px;
        }
#test1 th.sortable,
#test1 th.sortable-text,
#test1 th.sortable-date,
#test1 th.sortable-keep,
#test1 th.sortable-date-dmy,
#test1 th.sortable-numeric,
#test1 th.sortable-currency,
#test1 th.sortable-sortByTwelveHourTimestamp,
#test1 th.sortable-sortIPAddress,
#test1 th.sortable-sortEnglishLonghandDateFormat,
#test1 th.sortable-sortScientificNotation,
#test1 th.sortable-sortImage,
#test1 th.sortable-sortFileSize,
#test1 th.sortable-sortAlphaNumeric,
#test1 th.sortable-sortEnglishDateTime

        {
        cursor:pointer;
        background: #CAE8EA url(../../images/icons/bg_header_sortable.jpg) no-repeat;
        padding: 8px 0px 4px 12px;
        }
#test1 th.forwardSort
        {
        background:#CAE8EA url(../../images/icons/bg_header_down.jpg) no-repeat 0 0;
        }
#test1 th.reverseSort
        {
        background:#CAE8EA url(../../images/icons/bg_header_up.jpg) no-repeat 0 0;
        }
#test1 table thead th.forwardSort a,
#test1 table thead th.reverseSort a
        {
        color:#333333;
        text-decoration:none;
        }

#test1 th a
        {
 				color: #666666;
				text-decoration:none
        }
#test1 td a
        {
        text-decoration:underline;
        color:#1E4D7B; 
        }
				
#test1 a:hover  {
				background-color:transparent;
				}
				
				
#test1 ul li {	
				font-size:11px;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				list-style-type:none;
				}
											
				
#test1 td      {
        font: normal 10px  Verdana, Arial, Helvetica, sans-serif;
				border-right: 0px dashed #cccccc;
        border-bottom: 0px dashed #cccccc;
        padding: 6px 6px 6px 6px;
        color: #666666;
				text-align:center;
        }
				
#test1 td.lft
        {
        text-align:left;
        }
				
#test1 tr.alt
        {
        background: #f5f6fb;
        color: #797268;
        }

/* Poor old Internet Explorer 6 has a bug that means we can't use background images for the table rows
   as it trys to download the image each and every time that it is used (which means a 1000 row table
   will produce 1000 http requests for the image in question) */
#test1 tr[class="alt"] td
        {
        background: #f5f6fb url(../../images/icons/td_alt.jpg) no-repeat;
        }
#test1 td[class~="alt"]
        {
        background: #edeef3 url(../../images/icons/col_alt.jpg) no-repeat !important;
        }
/* Poor old Internet Explorer won't see the next two rules either as it doesn't get :first-child */
#test1 tbody tr.alt td:first-child
        {
        background: #f5f6fb url(../../images/icons/bullet2.gif) no-repeat;
        font-weight:bold;
				color:#1E4D7B;
				font-size:14px;
        }
#test1 tbody tr td:first-child
        {
        background: #fff url(../../images/icons/bullet1.gif) no-repeat;
        font-weight:bold;
				color:#1E4D7B;
				font-size:14px;
        }
/* Image free rules for Internet Explorer < 7 */
* #test1 html tr.alt td
        {
        background-color:#f2f3fd;
        }
* #test1 html tr td.alt,
* #test1 html tr.alt td.alt
        {
        background-color:#edeef3;
        }

