body
{
	background-color: #0000FF;
}
body, p, td, th, div, span
{
	font: 10pt Arial;
}

span#TableHeading
{
	font: 12pt Arial;
}

span#editrow
{
        visibility: hidden
}

select, option, input
{
	font: 10pt Arial;
}

/* Table enclosing data grid */
TABLE.DBTable
{
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
}
/* Grid Column headers (containing column names) */
TH.TableTH
{
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #808080 1px solid;
	border-right: #808080 1px solid;
	font: 10pt Arial;
	color: #000000;
	background-color: #cccccc;
}

a.TopInfo
{
	
	color: #000000;
	background-color: #C0C0C0;
	text-decoration: none; 
}


/* Panel at top holding the Records per page selection */
td.TableHeader
{
	font: 10pt Arial;
	background-color: #696969;
	padding:2px;
	color:White;
	border-top: #808080 1px solid;	
	border-left: #808080 1px solid;
	border-right: #808080 1px solid;
}
/* Panel at bottom holding the Records per page selection */
td.TableFooter
{
	font: 10pt Arial;
	background-color: #dddddd;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	border-right: #808080 1px solid;
	padding:2px;
}
/* Panel holding FooterText */
.TableInfoFooter
{
	border-right: #808080 1px solid;
	padding-right: 2px;
	border-top: #808080 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	font: 10pt Arial;
	color:White;
	border-left: #808080 1px solid;
	padding-top: 2px;
	border-bottom: #808080 1px solid;
	background-color: #0099cc;
}
/* Drop down select records per page */
select.DBTableRecPerPage
{
	font: 10pt Arial;
}
/* Table enclosing grid elements on Form page */
table.DBTableFormOuter
{
	/* 
	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
{
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;	
	/* Want to see it? border:solid 10px red; */
}
/* Form data grid Column header (left side column in table) */
TH.AXDBTableFormDataView
{
	border-top: #ffffff 1px solid;
	border-bottom: #808080 1px solid;
	border-right: #808080 1px solid;
	font: 10pt Arial;
	color: #000000;
	background-color: #cccccc;
	padding-left:3px;
}
/* Form data grid data cells */
TD.AXDBTableFormDataView
{
	border-right: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font: 10pt Arial;
	background-color: #ffffff;
}
/* Button navigation bar when positioned at Top */
TH.NavBarTop
{
	padding-top:2px;
	font-weight: normal;
	color: black;
	background-color: #dddddd;	
	border-top: #808080 1px solid;
	border-right: #808080 1px solid;
	border-left: #808080 1px solid;
}

TH.Outside
{
	padding-top:2px;
	font-weight: normal;
	color: black;
	font: 10pt Arial;
	background-color: white;
}

TH.TopInfo
{
	padding-top:2px;
	font-weight: normal;
	color: black;
	background-color: #C0C0C0;	
	border-top: #808080 1px solid;
	border-right: #808080 1px solid;
	border-left: #808080 1px solid;
}


TH.NavBar1
{
	padding-top:2px;
	font-weight: normal;
	color: black;
	background-color: #C0C0C0;	
	border-top: #808080 1px solid;
	border-right: #808080 1px solid;
	border-left: #808080 1px solid;
}

/* Button navigation bar when positioned at Bottom */
TH.NavBar
{
	padding-top:2px;
	font-weight: normal;
	color: black;
	background-color: #dddddd;
	border-right: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
}


/* The text part of the navigation bar when positioned at Top */
TD.NavBarTop
{
  font: 10pt Arial;
  vertical-align: Top
}
/* The text part of the navigation bar when positioned at Bottom */
TD.NavBar
{
  font: 10pt Verdana;
}

.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
a.button {
    background: transparent url('../Courtroom0.gif') no-repeat scroll top right;
    float: left;
    font: bold 16px arial, sans-serif;
    color: #FFFFFF;
    height: 24px;
    padding-top: 1px; 
    padding-right: 10px; 
    padding-left: 10px; 
    text-decoration: none;
    text-align: center;
}

a.button span {
    background: transparent url('../Courtroom1.gif') no-repeat;
    float: left;
    font: bold 16px arial, sans-serif;
    color: #FFFFFF;
    height: 24px;
    padding-top: 1px; 
    padding-right: 10px; 
    padding-left: 10px; 
    text-decoration: none;
    text-align: center;
} 

.button {
    border: none;
    background: url('../Courtroom0.gif') no-repeat top left;
    float: left;
    font: bold 16px arial, sans-serif;
    color: #FFFFFF;
    height: 24px;
    padding-top: 1px; 
    padding-right: 10px; 
    padding-left: 10px; 
    text-decoration: none;
    text-align: center;
}
.button:hover {
    border: solid thin inset;   
    background: url('../Courtroom1.gif') no-repeat top left;
    float: left;
    font: bold 16px arial, sans-serif;
    color: #FFFFFF;
    height: 24px;
    padding-top: 1px;  
    padding-right: 8px; 
    padding-left: 10px; 
    text-decoration: none;
}

/* Data Grid Odd Numbered Row Cells */

INPUT.TDodd
{
	padding-left:2px;
	border-right: #808080 1px solid;
	font: 10pt Arial;
	border-bottom: #808080 1px solid;
	white-space: nowrap;
}
INPUT.TDeven
{
	padding-left:2px;
	border-right: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font: 10pt Arial;
	white-space: nowrap;
}


TD.TDodd
{
	padding-left:2px;
	border-right: #808080 1px solid;
	font: 10pt Arial;
	border-bottom: #808080 1px solid;
	white-space: nowrap;
}
/* Data Grid Even Numbered Row Cells */

INPUT.IEDIT
{
	padding-left:2px;
	border-right: #808080 1px solid;
	border-bottom: #808080 1px solid;
        font: 10pt Arial;
	white-space: nowrap;
        background-color: #00ff00;
}

TD.TDeven
{
	padding-left:2px;
        border-right: #808080 1px solid;
	border-bottom: #808080 1px solid;
	font: 10pt Arial;
	white-space: nowrap;
}
/* Data Grid Odd Numbered Rows */
TR.TRodd
{
	background-color: #f5f5f5;
}
/* Data Grid Even Numbered Rows */
TR.TReven
{	
	background-color: #ffffff;
}

/* 
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.TH
{
  font: 10pt Arial;
  color: #000000;
  text-decoration: none;    
}
a.TH:active
{
	font: 10pt Arial;
	color: #000000;
	text-decoration: none;
}
a.TH:visited
{
  font:  10pt Arial;
  color: #000000;
  text-decoration: none;    
}
a.TH:hover
{
	font: 10pt Arial;
	color: #000099;
	text-decoration: underline;
}

/* Hyperlinks in the grid data cells including default Index column */
a.Table
{	
	font: 9pt Arial;
	color: #000099;
	text-decoration: none;
}
a.Table:active
{
  font:  9pt Arial;
  color: #000099;
  text-decoration: none;    
}
a.Table:visited
{
	font: 9pt Arial;
	color: #000099;
	text-decoration: none;
}
a.Table:hover
{
	font: 9pt Arial;
	color: #990099;
	text-decoration: underline;
}

/* Hyperlinks on the Navigation Bar */
a.TableNavBar
{
  font: 9pt Arial;
  color: #000000;
  text-decoration: underline;
}
a.TableNavBar:visited
{
  font: 9pt Arial;
  color: #000000;
  text-decoration: underline;
}
a.TableNavBar:active
{
  font: 9pt Arial;
  color: #000000;
  text-decoration: underline;
}
a.TableNavBar:hover
{
  font: 9pt Arial;
  color: #000099;
  text-decoration: underline;
}
.CloseWindow
{
    border: none;   
    height: 25px;
    width: 132px;
    position: absolute;
    top: 10;
    right: 10;
    
    background: url('../Close0.gif') no-repeat top left;
}
.CloseWindow:hover {
    border: solid thin inset;   
    background: url('../Close1.gif') no-repeat top left;
    text-decoration: none;
}
.CloseWindow2
{
    border: none;   
    height: 25px;
    width: 132px;
    position: absolute;
    top: 120;
    right: 10;
    
    background: url('../Close0.gif') no-repeat top left;
}
.CloseWindow2:hover {
    border: solid thin inset;   
    background: url('../Close1.gif') no-repeat top left;
    text-decoration: none;
}