/* //////////// ANVIL GRID STYLES CSS //////////// */

/* Table enclosing the whole control */

table.AxpDataGrid {}

/* Data update message */

.AXDBUpdateMessage {}

/* Data Edit Button Bar */

table.AxpDbEditBtnBar {}

/* Data Edit Button Bar - single row/col*/

tr.AxpDbEditBtnBar {}

.AXDBErrorMessage
{
	font-weight: normal;
	color: #cc3333;
}

.AXDBUpdateErrorMessage
{
	font-weight: normal;
	color: #cc3333;
}

/* Table enclosing grid column headers for scrollable grid */

table.AXDBTableScroll
{
}

/* Table enclosing data grid */

TABLE.AXDBTable
{
}

/* Grid Column headers (containing column names) */

TH.AXDBTableTH, TH.AXDBTableTHWithButton
{
	height:28px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #efefef;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	/*border-top:dotted 1px #ddd;*/
}

/* Table Header */

td.AXDBTableHeader
{
	height:28px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #339933;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Panel at bottom holding the Records per page selection */

td.AXDBTableFooter, .AXDBTableInfoFooter
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #cc3333;
	background-color: #ddd;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Panel holding FooterText */

.AXDBTableInfoFooter
{
	color: #333;
	background-color: #fff;
}

/* Drop down select records per page */

select.AXDBTableRecPerPage
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
}

/* Table enclosing grid elements on Form page */

table.AXDBTableFormOuter
{
	/* 
	Set the following to see it better: border:solid 10px red;
	Can be useful to manipulate when using the form only display, try the following:
	objAxpDB.DisplayType = "form"
	objAxpDB.RecordsPerPage = 4
	objAxpDB.RecordsPerPageOptions = "2,4,6,10"
	*/
}

/* Table enclosing each record grid on the Form page */

table.AXDBTableFormDataView
{
	width: 100%;
	font-weight: normal;
	/* Want to see it? border:solid 10px red; */
}

/* Form data grid Column header (left side column in table) */

TH.AXDBTableFormDataView
{
	width: 200px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: #fff;
	padding:4px;
}

/* Form data grid data cells */

TD.AXDBTableFormDataView
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #efefef;
	padding:4px;
}

/* Button navigation bar when positioned at Top */
/* Button navigation bar when positioned at Bottom */

TH.AXDBTableNavBarTop, TH.AXDBTableNavBar
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #006600;
	background-color: #99CC99;
	padding-top: 2px;
}

/* The text part of the navigation bar when positioned at Top */
/* The text part of the navigation bar when positioned at Bottom */

TD.AXDBTableNavBarTop, TD.AXDBTableNavBar
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #006600;
}

/* Data Edit Form */

table.AXDBTableFormDataEdit
{
	width: 550px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #efefef;
}

th.AXDBTableFormDataEdit
{
	width: 200px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333;
	background-color: #efefef;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

td.AXDBTableFormDataEdit
{
	width: 350px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #efefef;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

textarea.AxpDbTextArea
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
}

td.AxpDbEditBtnBar
{
	background-color: #ddd;
	padding-left:3px;
	padding-top:4px;
	padding-bottom:4px;
}

.AxpDbInputBtn
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #cc3333;
	background-color: #fff;
}

input.AxpDbInput
{
}

input.AxpDbCheckBox
{
}

.AxpDBRequiredFieldLabel
{
}

/* Data Grid Odd Numbered Row Cells */
/* Data Grid Even Numbered Row Cells */

TD.AXDBTableTDodd, TD.AXDBTableTDeven
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;	
	padding-bottom: 2px;
	color:#333;
	border-top:dotted 1px #ddd;
}

TD.AXDBTableTDeven
{
}

/* Row highlighting effect */

TR.AXDBHighlightRow
{
	background-color:#fff;
}

TR.AXDBHighlightRowClick
{
	cursor:hand;
	background-color:#fff; 
}

/* Data Grid Odd Numbered Rows */

TR.AXDBTableTRodd
{
	background-color: #fff;
}

/* Data Grid Even Numbered Rows */

TR.AXDBTableTReven
{	
	background-color: #fff;
}

/* 
if objAxpDB.DisplayType = "form" and objAxpDB.RecordsPerPage > 1
a row will be inserted between each datagrid record.
Set attributes here if needed:
*/

TD.AXDBTableTDFormGap 
{
}

TR.AXDBTableTRFormGap 
{
}

/* Hyperlinks on the Grid Column Header Bar */

a.AXDBTableTH:link, a.AXDBTableTH:active, a.AXDBTableTH:visited, a.AXDBTableTH:hover
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
  	font-weight: normal;
	color: #333;
	text-decoration: underline;    
}

a.AXDBTableTH:hover
{
	color: #cc3333;
}

/* Hyperlinks in the grid data cells including default Index column */

a.AXDBTable:link, a.AXDBTable:active, a.AXDBTable:visited, a.AXDBTable:hover
{	
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
  	font-weight: normal;
	color: #cc3333;
	text-decoration: underline;
}

a.AXDBTable:hover
{
	color: #333333;
}

/* Hyperlinks on the Navigation Bar */

a.AXDBTableNavBar:link, a.AXDBTableNavBar:visited, a.AXDBTableNavBar:active, a.AXDBTableNavBar:hover
{
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
  	font-weight: normal;
	color: #333333;
	text-decoration: underline;
}

a.AXDBTableNavBar:hover
{
	color: #cc3333;
}

.AXDBScrollGrid
{
}

/* //////////// END CSS //////////// */