/*
	THIS FILE CONTAINS ONLY CLASSES THAT ARE USED BY GRIDVIEWS, OR OTHER
	GRID STRUCTURES (BUILD WITH TABLES), THIS DOES NOT INCLUDE LABEL/INPUT FIELD
	FORMS STRUCTURES - GRIDS ARE TYPICALLY READ ONLY WITH THE EXCEPTION OF
	BUTTONS OR ICONS WITHIN THE GRID.
	
	INPUT FIELDS, AND BUTTONS ARE NOT DEFINED HERE, THEY ARE MORE GLOBAL IN SCOPE
	AND CAN BE FOUND WITHIN THE InputFields.css AND Buttons.css FILES.
*/

/*

		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 #d18225;
	padding: 1px;
}
	div.Grid div.Caption {
		background-color: #a9843f;
		background-image: url(../../Images/Layout/GridHeader_Gold.jpg);
		background-position: 0px -3px;
		background-repeat: repeat-x;
		color: #3b2e16;
		font-weight: bold;
		padding: 3px;
		text-align: left;		
	}
	
	div.Grid table.tbl, .grd_grid_tbl {
		background-color: #ffe9b4;
		width: 100%;
	}
		div.Grid table.tbl thead, .grd_grid_tbl_header th, .dl_grid_tbl_header {
			background-color: #f8db8d;
			color: #663300;
			font-weight: bold;
		}
		
		div.Grid table.tbl tbody.std tr td, .grd_grid_tbl_row td, .dl_grid_tbl_row, .dl_grid_tbl_row_hover {
			background-color: #fff;
			padding: 3px;
		}
		div.Grid table.tbl tbody.stdc tr td
		{
		    background-color: #fff;
			padding: 3px;
			text-align:left;
	    }
		div.Grid table.tbl tbody.std tr td.hover, .grd_grid_tbl_row_hover td {
			background-color: #f8ea72;
			padding: 3px;
		}
		
		div.Grid table.tbl tbody.std tr.alt td, .grd_grid_tbl_altrow td, .dl_grid_tbl_altrow, .dl_grid_tbl_altrow_hover {
			background-color: #fffae4;
			padding: 3px;
		}
		
		div.Grid table.tbl tbody.std tr.alt td.hover, .grd_grid_tbl_altrow_hover td {
			background-color: #f8ea72;
			padding: 3px;
		}
		
		div.Grid table.tbl tbody.std tr.title td, .grd_grid_tbl_titlerow td {
			background-color: #ffedaf;
			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: #ffedaf;
			border: solid 1px #eedcae;
			color: #000;
			padding: 0px;
		}
			div.Grid table.tbl tfoot.pager td *, .grd_grid_tbl_pager td * {
				padding-left: 5px;
				padding-right: 5px;
			}
			
	div.EmptyGridRow {
		background-color: #d0d0d0;
		border: solid 1px #999;
		color: #333;
		font-size: 15px;
		font-weight: bold;
		margin-left: auto;
		margin-right: auto;
		padding: 15px;
		padding-bottom: 35px;
		padding-top: 22px;
		width: 70%;
	}

/*
	THIS IS THE NEWER GRID - CLASSES MUST BE SPECIFIED AT THE CELL LEVEL - BUT CLASSES ARE
	NAMED ACCORDING TO THEIR TAGS FOR EASE OF USE
*/
div.Grid2 {
	border: solid 1px #d18225;
	padding: 1px;
}
	div.Grid2 div.Caption {
		background-color: #a9843f;
		background-image: url(../../Images/Layout/Grid2Header_Gold.jpg);
		background-position: 0px -3px;
		background-repeat: repeat-x;
		color: #3b2e16;
		font-weight: bold;
		padding: 3px;
		text-align: left;		
	}
	
	div.Grid2 table.table, .grd_grid_tbl {
		background-color: #ffe9b4;
		width: 100%;
	}
		div.Grid2 table.table thead, .grd_Grid2_tbl_header th, .dl_Grid2_tbl_header {
			background-color: #f8db8d;
			color: #663300;
			font-weight: bold;
		}
		
		div.Grid2 table.table td.td, .grd_Grid2_tbl_row td, .dl_Grid2_tbl_row, .dl_Grid2_tbl_row_hover {
			background-color: #fff;
			padding: 3px;
		}
		div.Grid2 table.table tbody.stdc td.td
		{
			background-color: #fff;
			padding: 3px;
			text-align:left;
		}
		div.Grid2 table.table tbody td.hover, .grd_Grid2_tbl_row_hover td {
			background-color: #f8ea72;
			padding: 3px;
		}
		div.Grid2 table.table tbody tr.alt td.td, .grd_Grid2_tbl_altrow td, .dl_Grid2_tbl_altrow, .dl_Grid2_tbl_altrow_hover {
			background-color: #fffae4;
			padding: 3px;
		}
		div.Grid2 table.table tbody tr.alt td.hover, .grd_Grid2_tbl_altrow_hover td {
			background-color: #f8ea72;
			padding: 3px;
		}
		div.Grid2 table.table tbody tr.title td.td, .grd_Grid2_tbl_titlerow td {
			background-color: #ffedaf;
			font-weight: bold;
		}
		div.Grid2 table.table tfoot td, .grd_Grid2_tbl_footer {
			text-align: right;
			font-weight: bold;
		}
		div.Grid2 table.table tfoot.pager td, .grd_Grid2_tbl_pager td {
			background-color: #ffedaf;
			border: solid 1px #eedcae;
			color: #000;
			padding: 0px;
		}
			div.Grid2 table.table tfoot.pager td *, .grd_Grid2_tbl_pager td * {
				padding-left: 5px;
				padding-right: 5px;
			}