/*

		COMPLEX 'GRID' CLASSES
		these classes are used for tables of labels and input fields or grids
		of data. they need to be nested with care, and only nested to eliminate
		the need to specify classes for every table element. They also need to
		take into account such elements as .NET gridview server controls etc.
		Server controls and other specific elements use non-nested classes for the
		most part, because we do not have access to elements such as tbody, th,
		tfoot etc. within the gridview.
		
		forms layouts are not to be entered here - grids are typically read only
		with very little interaction - refer to the forms.css file for information
		on forms layouts.

*/

/*

		GRID
		this is the most 'generic' of the grid class sets, it is used within the
		following html element structure:

		<div class="grid">
			<table class="tbl">
				<thead>
					<tr>
						<td>...</td>
					<tr>
				</thead>
				<tbody class="std">
					<tr>
						<td>...</td>
					</tr>
					<tr class="alt">
						<td>...</td>
					</tr>
					<tr>
						<td>...</td>
					</tr>
					<tr class="title">
						<td>...</td>
					</tr>
				</tbody>
				<tfoot>
					<tr>
						<td>...</td>
					</tr>
				</tfoot>
			</table>
		</div>

*/
div.grid {
	border: solid 1px #aaa;
	padding: 1px;
}
div.grid table.tbl, .grd_grid_tbl {
	background-color: #dfdfdf;
	width: 100%;
}
	div.grid table.tbl thead td, .grd_grid_tbl_header th, .grd_header {
		background-color: #888;
		color: #fff;
		font-weight: bold;
	}
	div.grid table.tbl tbody.std td, .grd_grid_tbl_row td {
		background-color: #fff;
		padding: 3px;
	}
	div.grid table.tbl tbody.std tr td.hover, .grd_grid_tbl_row_hover td {
		background-color: #ffff00;
		padding: 3px;
	}
	div.grid table.tbl tbody.std tr.alt td, .grd_grid_tbl_altrow td {
		background-color: #f5f5f5;
		padding: 3px;
	}
	div.grid table.tbl tbody.std tr.alt td.hover, .grd_grid_tbl_altrow_hover td {
		background-color: #ffff00;
		padding: 3px;
	}
	div.grid table.tbl tbody.std tr.title td, .grd_grid_tbl_titlerow td, grd_titlerow {
		background-color: #efefef;
		font-weight: bold;
	}
	div.grid table.tbl tfoot td, .grd_grid_tbl_footer {
		text-align: right;
		font-weight: bold;
	}
	div.grid table.tbl tfoot.pager td, .grd_grid_tbl_pager td {
		background-color: #dfdfdf;
		border: solid 1px #ccc;
		color: #000;
		padding: 0px;
	}
		div.grid table.tbl tfoot.pager td *, .grd_grid_tbl_pager td * {
			padding-left: 5px;
			padding-right: 5px;
		}