@charset "UTF-8";
/* CSS Document */

/* REMEMBER!  For a subsequent style to supercede a previous style, the style
   elements must appear lower in this file.  E.g, the style for class headerRow
   must appear after the style for class tableRow if both classes are to be
   applied to the header row, with class headerRow modifying some of the
   style elements in class tableRow.
   */
   
/* NOTE! To keep borders from appearing on column titles in the header row, the
   borders must be present, but set to the background color of the table.  If the
   borders are not present, the alignment of the cells in the header row will
   not match the alignment of the cells in the table body, where cell borders
   are desirable. 
   */

/* style for the div containing the entire table structure */
#tableBox{
	position: absolute;
	height:550px;
	left: 5px;
	right: 5px;
	bottom:5px;
	top: 5px;
	padding: 0px;
	border: thick;
	border-color: #000;
	border-style: solid;
	background-color:#FCC;
}

/* style for the div containing the header row of the table */
#tableHeaderBox{
	position:absolute;
	left: 0px;
	right:0px;
	top: 10px;
	height: 180px;
	border:medium;
	border-style:solid;
    border-color:#FCC;
}

/* style for the div containing the body of the table */
#tableBodyBox{
	top: 190px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position:absolute;
	overflow: auto;
	border:medium;
	border-style: solid;
	border-color:#0A0;
	z-index: 15;
}

/* style for each row in the table, including the header row */
.tableRowBox{
	left: 5px;
	/*right: 5px;*/
	width: 600px;
	
}

.tableRow{
	left: 0px;
	/*right:0px;*/
	width:600px;
	height:80px;
	table-layout: fixed;
	position:relative;
}

/* special style additions and changes for the the header row */
.headerRow{
    overflow: visible;
    height:180px;
	font-weight: bold;
	text-align: left;
	vertical-align:baseline;
	left: 0px;
	right: 0px;
	position: absolute;
}

/* style for rotating a column title in the header row, browser specific.  IE is different
   and requires special detection code in the page where rotation is used, along with this
   style information.  Hopefully can get rid of it someday. */
.rotateText{
    -webkit-transform: rotate(-65deg);
    -moz-transform: rotate(-65deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* style for first cell in each row, considered a title */
.rowTitleCell{
	width: 244px;
	border:thin;
	border-style: solid;
	border-color:#0E0;
}

.headerRowTitleCell{
	border-color: #FCC;
	postition: absolute;
}


.tableCell{
	width: 20px;
	border:thin;
	border-style: solid;
	border-color:#0E0;
	text-align:center;
	overflow:visible;
}

.titleTableCell{
	text-align:left;
	vertical-align: bottom;
	border-color:#FCC;
	overflow: visible;
}

.labDescription{
	font-style: oblique;
	color:#30F;
	height: 0px;
	margin-left: 25px;
	margin-right: 25px;
	width:590px;
	visibility: hidden;
}

.descriptionLinks{
	font-style: oblique;
	font-size: 9px;
	color:#500;
	text-decoration:underline;
}

.descriptionClose{
	font-style: oblique;
	font-size: 9px;
	color:#500;
	text-decoration:underline;
	left: 25px;
}