/* fieldset encompasing the grid */
fieldset.grid
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    BACKGROUND-IMAGE: none;
    LINE-HEIGHT: 12px;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

/* grid title bar (div) */
div.title
{
	font-family: verdana;
	font-size: 18;
	padding: 3px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #fafaff;
	color: black;
	font-weight: bold;
	border-top: 0 solid darkgray;
}

/* header bar, container of search box and new, edit, delete images (table) */
table.header
{
	background-color: #dddddd;
	border-collapse: collapse;
}

/* dropdown with search columns */
select.searchcol
{
	font-family: verdana;
	font-size: 12;
}

/* search textbox */
table.header input.searchbox
{
	font-family: verdana;
	font-size: 12;
	border: 1 solid darkgray;
}

/* images */
fieldset.grid img
{
	border: 0;
	vertical-align: middle;
}

img.imagebtn
{
	cursor: pointer;
}

/* grid table */
table.body
{
	font-family: verdana;
	font-size: 12;
	border-collapse: collapse;
}

/* grid column title cells */
table.body td.title
{
	font-family: verdana;
	font-size: 13;
	color: #00008B;
	font-weight: bold;
	background-color: #aaaaaa; /* #fbffff; */
	cursor: pointer;
	border-left: 1 solid gray;
	text-align: left;
}

/* grid column title cells (non-sortable) */
table.body td.title_nosort
{
	font-family: verdana;
	font-size: 13;
	color: #00008B;
	font-weight: bold;
	background-color: #aaaaaa; /* #fbffff; */
	border-left: 1 solid gray;
	text-align: left;
}

/* default title columns */
table.body td.systitle
{
	border-left: 1 solid gray;
	background-color: #aaaaaa;
}

table.body col.usercolumn
{
}

table.body col.syscolumn
{
	text-align: center;
}

/* links */
table.body a
{
	font-family: verdana;
	font-size: 11;
	color: blue;
	text-decoration: none;
}

table.body a:hover
{
	color: blue;
	text-decoration: none;
}

/* grid row */
table.body tr.gridrow
{
	background-color: Gray;
	font-size: 10pt;
	color: White;
}

tr.gridrow a:link { color: White; }

table.body tr.altgridrow
{
	font-size: 10pt;
	background-color: #DCDCDC;
	border-top: 1 solid gray;
	border-bottom: 1 solid gray;
}

table.body tr.higridrow
{
	background-color: #eeeeff;
	font-size: 10pt
}
tr.higridrow a:link { color: Black; text-decoration: underline }

/* footer (table element) */
table.footer
{
	font-family: verdana;
	font-size: 12;
	background-color: #dddddd;
	border-collapse: collapse;
}

/* textbox for number of rows (input type=text) */
table.footer input.numrowsbox
{
	font-family: verdana;
	font-size: 12;
	border: 1 solid darkgray;
}