table.reference {
  position: absolute;
 _position: relative;
  top: 0px;
 _top: 0px;
  left: 0px;
  _left: 20px;
  height: 260px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size:0.8em;
	width: 98%;
	_width: 90%; /* for IE */
	border: 1px solid #ccc;
	padding: 0px;
	margin: 0px 0px 0px 0px;
  
  	}
	
	html>body .tableContainer {
    width: 100%;
    height: 275px;
    overflow: auto;
    }
   .tableContainer {position: relative;
			top: 0px;
			left: -15px;
			width: 98%;
			height: 260px;
			border: solid 1px #ccc;
			overflow-x:hidden;
			overflow-y: auto;
	}
   
   
     div.tableContainer {	/* IE only hack */
			_position: relative;
			_top: 0px;
			_left: -15px;
			_width: 98%;
			_height: 260px;
			_border: solid 1px #ccc;
			_overflow-x:hidden;
			_overflow-y: auto;
			margin:0;
		}
 	 
    
  	table td, table th{
			border-right:1px solid #999;
			padding:2px;
			font-weight:normal;
			_padding: 5px 2px 5px 2px;
		}
		table th {
			background: #D89BD8;
		}
		/* IE Only hacks */
		div.tableContainer table.reference thead tr td,
		div.tableContainer table.reference thead tr th{
			_position: relative;
			_top:expression(dojo.html.getFirstAncestorByTag(this,'table').parentNode.scrollTop-23);
			}
		
		html>body tbody.scrollCells {
			height: 270px;
			overflow-x:hidden;
			overflow-y: auto;
		}

		tbody.scrollCells td, tbody.scrollCells tr td {
			background: #FFF;
			padding: 2px;
		}

		tbody.scrollCells tr.alternateRow td {
			background: #F6ECFC;
			padding: 2px;
		}

		tbody.scrollCells tr.selected td {
			background: #ECF5EE;
			padding: 2px;
		}
		tbody.scrollCells tr:hover td {
			background: #ECF5EE;
			padding: 2px;
		}
		tbody.scrollCells tr.selected:hover td {
			background: #ECF5EE;
			padding: 2px;
		}
td {
	_height: 12px;
	_padding: 0;
	}
#explode {
			position : absolute;
			right : 20px;
			top : 10px;
			background : #feeddd;
			width : 200px;
			height : 50px;
			font-size: 1.2em;
			text-align : center;
			line-height: 50px;
			display : none;
		}
		.medium {
		width: 150px; 
		}
		
		.errorMessage {
		font-weight:bold;
		font-family:Arial, Verdana, sans-serif;
		color:#ff0000;
		font-size:0.9em;
	}
	.warningMessage {
		font-weight:bold;
		font-family:Arial, Verdana, sans-serif;
		color:#ff9900;
		font-size:0.9em;
	}
	.noticeMessage {
		font-weight: normal;
		font-family:Arial, Verdana, sans-serif;
		color:#663;
		font-size:0.9em;
	}