File: common/meta/styles/datagrid.css

/* CSS Document */
/* Note if you set setDefaultStyleClass = false, then you must name the object first, or styles will revert to default */
/* Also note that the word 'objGrid' (any case) will be removed from the name (E.G OBJGridTester will end up with a table class of TesterGridTable */

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:#bfd;
	color:#000;
	padding:0 0 0 0;
}

img {
	border:none;
}

div.gridDebug {
	background-color:#BDD9BD;
	color:#006;
	border: 1px solid #000;
	margin: 2px 0 2px 0;
}

div.gridDebug p{
	line-height:1em;
	margin:3px;
}

div.DFMessageList{
	width:100%;
	width:auto;
	background-color:inherit;
	color:#000;
	padding: 2px 0 2px 0;
	margin: 2px 0 2px 0;
	border: #000 1px inset; 
}

/* CONTAINS THE 'Insert Record' link, the 'Refresh Page' link and the 'Back' link on the view page */
div.DFAction {
	font-weight:bold;
	background-color:#8AB382;
	color:#006;
	border: 0px solid #000;
	padding: 1px 2px 1px 0;
	text-decoration: none;
	margin: 0px;
}

div.DFAction a.DFAction {
	font-weight:bold;
	background-color:#8AB382;
	color:#fff;
	border: 1px outset #000;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	margin: 1px 8px 1px 0px;
}

div.DFAction a.DFAction:link, div.DFAction a.DFAction:visited {
	background-color:#8AB382;
	color: #fff;
}

div.DFAction a.DFAction:hover, div.DFAction a.DFAction:active {
	background-color:#bda;
	color: #600;
}

/* These are the 'Action' Links in the table - Edit Delete & View */
th a.DFAction {
	font-weight:bold;
	background-color:inherit;
	color: #006;
	text-decoration: none;
}

th a.DFAction:link, th a.DFAction:visited {
	background-color:inherit;
	color: #006;
}

th a.DFAction:hover, th a.DFAction:active {
	background-color:inherit;
	color: #600;
}

/* These are the Sort Links - Column headings on the Datagrid */
th a.DFSort {
	font-weight:bold;
	background-color:inherit;
	color: #006;
	text-decoration: none;
}

th a.DFSort:link, th a.DFSort:visited {
	background-color:inherit;
	color: #006;
}

th a.DFSort:hover, th a.DFSort:active {
	background-color:inherit;
	color: #600;
}

/* The image showing if sort is up or down */
img.sortimg {
	position:relative;
	top:0px;
}

/* This is the box that allows the user to write in their own Sort By Columns' */
table.DFSortBox {
	padding: 0 0 0 0 ;
}

input.DFSortBox {
	width:200px;
	border: #000 1px solid;
	background-color:#fcc;
	color: #006;
	padding: 1px;
}

input.DFSortBoxButton {
	border: #000 2px outset;
	font-weight:bold;
	background-color:#fcc;
	color: #006;
	padding: 0 1px 0 1px;
}

/* This is the Paging div and elements :Paging:*/
.DFPageDiv {
	padding:5px;
	border: #000 0px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#cdb;
	color: #000;
}

.DFPageDiv span.active	{
	border:1px solid #000;
	padding:1px;
}
	
.DFPageDiv a:link, .DFPageDiv a:visited {
	background-color:inherit;
	color: #006;
	text-decoration: none;
	font-weight:bold;
	padding:2px;
}

.DFPageDiv a:hover, .DFPageDiv a:active {
	background-color:inherit;
	color: #600;
	font-weight:bold;
	text-decoration: none;
	border:1px solid #000;
	padding:1px;
}

/* This box Contains the 'Go to page #' inpu box*/
div.DFPageBox {
	position:relative;
	top: -3px;
	float:right;
	font-weight:bold;
}

form.DFPageBox  input{
	font-weight:bold;
	border: #000 1px solid;
	background-color:#fcc;
	color: #006;
	padding: 1px;;
}

form.DFPageBox input.DFPageBoxButton {
	border: #000 2px outset;
	font-weight:bold;
	background-color:#fcc;
	color: #006;
	padding: 0 1px 0 1px;
}

/* The Navigation Row at the top of the Gid! */

div.DFNavigation{
	background-color:#cdb;
	color:#006;
	font-weight:bold;
	text-align:center;
	padding: 2px 0 2px 0;
	clear:both; /* Put here because the sort box form is screwing around with me!*/
}

div.DFNavigation img{
	position :relative;
	top: 2px;
}

/* THE GRID!!! */
div.DFGridDiv {
	font-family: Arial, Helvetica, sans-serif;
	border-collapse: collapse ;
	border-spacing: 0px ;
	border: solid 1px;
	margin-top:2px; 
}

table.DFGridTable {
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse: collapse ;
	border-spacing: 0px ;
	border: solid 1px;
}

table.DFGridTable td {padding-left:2px;padding-right:2px;border-bottom: solid 1px ;border-left: solid 1px}

table.DFGridTable th {padding-left:2px;padding-right:2px;border-bottom: solid 1px;border-left: solid 1px }

table.DFGridTable th {background-color:inherit; color:#006;white-space: nowrap;}

table.DFGridTable tr.DFGridTableHeading { /* For Rows where alternate is off */
	background-color:#8AB382;
	color:inherit;
}

table.DFGridTable tr { /* For Rows where alternate is off */
	background-color:#9ED9BB;
	color:inherit;
}

table.DFGridTable tr.odd { /* For Rows where alternate is off */
	background-color:#9ED9BB;
	color:inherit;
}

table.DFGridTable tr.even {
	background-color:#82B39A;
	color:inherit;
	border-top: 0px solid #000;
}

/* THIS is the Table Containing the Data when viewing 1 record at a time (after pressing 'View') */
table.DFView {
	background-color:#9ED9BB;
	color:inherit;
	border-collapse: collapse ;
	border-spacing: 0px ;
	border: solid 0px 
}

table.DFView td {
	border-bottom: solid 1px ;
	border-left: solid 1px;
	padding: 0 2px; 0 2px;
}

table.DFView th {
	border-bottom: solid 1px;
	border-left: solid 1px :
	background-color:inherit; 
	color:#006;
	white-space: nowrap;
	vertical-align:top;
	text-align:right;
	padding: 0 2px; 0 2px;
	}