/* fieldset encompasing the grid */
fieldset.grid
{
	font-family: verdana;
	font-size: 12;
	border: 1 solid darkgray;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

/* grid title bar (div) */
fieldset.grid 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) */
fieldset.grid table.header
{
	background-color: #dddddd;
	border-collapse: collapse;
}

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

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

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

fieldset.grid img.imagebtn
{
	cursor: pointer;
}

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

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

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

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

fieldset.grid table.body col.usercolumn
{
}

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

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

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

/* grid row */
fieldset.grid table.body tr.gridrow
{
	background-color: #ffffff;
}

fieldset.grid table.body tr.altgridrow
{
	background-color: #f8f8f8;
	border-top: 1 solid gray;
	border-bottom: 1 solid gray;
}

fieldset.grid table.body tr.higridrow
{
	background-color: #eeeeff;
}

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

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