/*//////////////////////////////////////
SITE MANAGER | GridStyles CSS
//////////////////////////////////////*/

/* Table enclosing the whole control */
table.AxpDataGrid {
	border: #105981 1px solid; /*-- dark blue --*/
	padding:2px;
	}

/* Data update message */
.AXDBUpdateMessage {}

/* Data Edit Button Bar */
table.AxpDbEditBtnBar {}

/* Data Edit Button Bar - single row/col*/
tr.AxpDbEditBtnBar {}
.AXDBErrorMessage {
	font-weight: bold;
	color: #ff9900; /*-- orange --*/
	}
.AXDBUpdateErrorMessage {
	font-weight: bold;
	color: #ff9900; /*-- orange --*/
	}

/* Table enclosing grid column headers for scrollable grid */
table.AXDBTableScroll {
	border-left: #fff 1px solid;
	}

/* Table enclosing data grid */
TABLE.AXDBTable {
	border-left: #fff 1px solid;
	}

/* Grid Column headers (containing column names) */
TH.AXDBTableTH, TH.AXDBTableTHWithButton {
	font-size: 1em;
	color: #105981; /*-- dark blue --*/
	background-color: #ddd;
	padding: 3px 2px 3px 4px;
	border: #fff 0px solid;
	}

/* Table Header */
td.AXDBTableHeader {
	height:28px;
	font-size: 1em;
	color: #fff;
	background-color: #105981; /*-- dark blue --*/
	padding: 3px 2px 3px 4px;
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
	border-top: #fff 1px solid;
	}

/* Panel at bottom holding the Records per page selection */
td.AXDBTableFooter, .AXDBTableInfoFooter {
	font-size: 1em;
	color: #105981; /*-- dark blue --*/
	background-color: #ddd;
	padding: 2px;
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	background-repeat: repeat-x;
	}

/* Panel holding FooterText */
.AXDBTableInfoFooter {
	color: #666;
	background-color: #fff;
	border-top: #fff 1px solid;
	}

/* Drop down select records per page */
select.AXDBTableRecPerPage {
	font-size: 1em;
	}

/* 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;
	border-left: #fff 1px solid;	
	border-top: #fff 1px solid;
	/* Want to see it? border:solid 10px red; */
	}

/* Form data grid Column header (left side column in table) */
TH.AXDBTableFormDataView {
	font-size: 1em;
	font-weight: normal;
	color: #105981; /*-- dark blue --*/
	background-color: #ddd;
	padding: 4px;
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	}

/* Form data grid data cells */
TD.AXDBTableFormDataView {
	font-size: 1em;
	font-weight: normal;
	background-color: #efefef;
	padding: 4px;
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	}

/* Button navigation bar when positioned at Top */
/* Button navigation bar when positioned at Bottom */
TH.AXDBTableNavBarTop, TH.AXDBTableNavBar {
	font-size: 1em;
	font-weight: normal;
	background-color: #ddd;
	padding-top: 2px;
	border: #fff 1px solid;
	}

/* 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-size: 1em;
	color: #105981; /*-- dark blue --*/
	}

/* Data Edit Form */
table.AXDBTableFormDataEdit {
	font-size: 1em;
	color: #333;
	background-color: #efefef;
	border: #fff 1px solid;
	}
th.AXDBTableFormDataEdit {
	font-size: 1em;
	font-weight: normal;
	color: #333;
	background-color: #efefef;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: #fff 1px solid;
	border-bottom: #fff 1px solid;
	}
td.AXDBTableFormDataEdit {
	font-size: 1em;
	color: #333;
	background-color: #efefef;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: #fff 1px solid;
	border-bottom: #fff 1px solid;
	}
textarea.AxpDbTextArea {
	font-size: 1em;
	}
td.AxpDbEditBtnBar {
	background-color : #fff;
	padding-left:3px;
	padding-top:4px;
	padding-bottom:4px;
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
	border-top: #fff 0px solid;
	border-bottom: #fff 1px solid;
	}
.AxpDbInputBtn {
	font-size: 1em;
	color: #105981; /*-- dark blue --*/
	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-size: 1em;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;	
	padding-bottom: 2px;
	border-top: #999 1px solid;
	}
TD.AXDBTableTDeven {}

/* Row highlighting effect */
TR.AXDBHighlightRow {
	background-color:#efefef;
	}
TR.AXDBHighlightRowClick {
	cursor:hand;
	background-color:#efefef; 
	}

/* 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-size: 1em;
  	font-weight: normal;
	color: #33cc00; /*-- medium green --*/
	text-decoration: none;    
	text-decoration: none;
	border-bottom: 1px solid #2fcb00; /*-- medium green --*/ 
	}
a.AXDBTableTH:hover {
	background-color: #ffff66; /*-- light yellow --*/
	text-decoration: none;
	border-bottom: 1px solid #ccc; 
	}

/* Hyperlinks in the grid data cells including default Index column */
a.AXDBTable:link, a.AXDBTable:active, a.AXDBTable:visited, a.AXDBTable:hover {	
	font-size: 1em;
  	font-weight: normal;
	color: #33cc00; /*-- medium green --*/
	text-decoration: none;
	border-bottom: 1px solid #2fcb00; /*-- medium green --*/ 
	}
a.AXDBTable:hover {
	background-color: #ffff66; /*-- light yellow --*/
	text-decoration: none;
	border-bottom: 1px solid #ccc; 
	}

/* Hyperlinks on the Navigation Bar */
a.AXDBTableNavBar:link, a.AXDBTableNavBar:visited, a.AXDBTableNavBar:active, a.AXDBTableNavBar:hover {
	font-size: 1em;
  	font-weight: normal;
	color: #33cc00; /*-- medium green --*/
	text-decoration: underline;
	}
a.AXDBTableNavBar:hover {
	color: #fff;
	}
.AXDBScrollGrid {
	border-right: #fff 0px solid;
	}
