table.reports td {
	border-bottom: 1px dotted #ccc;
	padding: 7px 7px 7px 17px !important;
}
table.reports tr.even td {
	background-color: #eee !important;
}

table.reports { 
	width: 100%;
/*	margin: 10px 17px;*/
	padding: 10px;
}

table.reports td, table.reports th {
	padding: 2px 17px;
	text-align: left;
}

p.createReport {
	background: url(../images/create-report.png) no-repeat;	
	height: 24px;
}

p.createReport:hover {
	background-image: url(../images/create-report-hi.png);	
}
p.createReport a {
	padding-left: 30px;
	padding-top: 7px;
	vertical-align: middle;
}
#middle #reportMessages {
		background-color: #FFF3D0;
		-moz-border-radius: 7px;
		border: 1px solid #ccc;
		padding: 7px;
		margin-bottom: 7px;
}

#clearMessages {
	text-align: right;
	float: right;
	display: block;
}
#middle > #loadingMessage {/* prefered used by all but IE 5 & 6*/
	position: fixed;
}

#generatingMessage {
	text-align: center; 
	background: #eee url(../images/loading.gif) 50% 85% no-repeat;
	border: 1px solid #ccc; 
	padding: 20px 0 50px 0; 
	margin: auto;
	width: 100%;
	
	-moz-border-radius: 7px;
}

/* This is the message that is displayed while the page is being refreshed */
#loadingMessage {
	/*height: 107px;*/
	position: absolute; /* work-around for IE 5 & 6 */
	top: 0;
	right: 0;
	text-align: right;
	padding: 3px 7px 7px 7px;	
	background: #fe7 no-repeat;
	z-index: 1000; /* needs to be on top of the nav bar */
}
#loadingMessage img {
	padding: 5px 7px 0 7px;	
}