/**** DATAGRID AREA ********************/
div.datagrid {
	font-family: Verdana, Tahoma, Arial, 'Trebuchet MS', Sans-Serif, Georgia, Courier, 'Times New Roman', Serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
/*** HEAD AREA ********************************/
div.datagrid div#dg_head {
	width: 99%;
	margin-bottom: 5px;
}
div.datagrid div#dg_head a { 
	text-decoration: none; 
}
div.datagrid div#dg_head form {
	margin: 0;
}

/* Search area */
div.datagrid div#dg_head input.searchfield {
	color: #000000;
	background: white url('../images/magglass.png') no-repeat 3px 4px;
  padding-left: 17px;
	border: 1px solid #A5A5A5;
	width: 200px;
}
/* Search submit button */
div.datagrid div#dg_head input.searchbtn {
	display: none;
}

/* Options Area */
div.datagrid div#dg_head div#dg_options {
	margin-top: 3px;
	padding: 3px 0 2px 0;
	float: left;
}
div.datagrid div#dg_head div#dg_options a {
	border: 1px solid #A5A5A5;
	background-color: #FFFFFF;
	color: #000099;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
	font-weight: bold;
}
div.datagrid div#dg_head div#dg_options a:hover {
	background-color: #000099;
	color: #FFFFFF;
}

/*** PAGER AREA *******************************/
div.datagrid div.pagerarea {
	margin-top: 3px;
	padding: 2px 0 3px 0;
	text-align: right;
}
div.datagrid div.pagerarea a {
	background-color: #FFFFFF;
	border: 1px solid #A5A5A5;
	color: #000099;
	padding: 0 3px 2px 3px;
	text-decoration: none;
}
div.datagrid div.pagerarea a.currentpage {
	color: #000;
	background-color: #ccc;
}

/*** FOOT AREA ********************************/
div.datagrid div#dg_foot {
	width: 99%;
	margin-top: 5px;
}
div.datagrid div#dg_foot a { 
	text-decoration: none; 
}

/*** MAIN TABLE STYLES ***********************/
div.datagrid table#dg,
div.datagrid table.dg_small {
	color: #000000;
	background-color: transparent;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	border-left: 1px solid #A5A5A5;
	border-top: 1px solid #A5A5A5;
	border-bottom: 1px solid #A5A5A5;
	width: 99%;
}
div.datagrid table.dg_small {
	width: 99%;
}

/* Table Head */
div.datagrid table#dg thead tr,
div.datagrid table.dg_small thead tr { 
	background-color: #D3DCE3; 
	color: #000000;
}
div.datagrid table#dg thead tr th,
div.datagrid table.dg_small thead tr th {
	border-right: 1px solid #A5A5A5;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
}
/* Table Head Actions */
div.datagrid table#dg thead tr th.actions,
div.datagrid table.dg_small thead tr th.actions {
	text-align: center;
	width: 1%;
}
/* Table Head Links */
div.datagrid table#dg thead tr th a,
div.datagrid table.dg_small thead tr th a {
	color: #000000;
	background-color: transparent;
	text-decoration: none;
}

/* Table Body */
div.datagrid table#dg tbody a,
div.datagrid table.dg_small tbody a {
	color: #000099;
	background-color: transparent;
	text-decoration: none;
}
/* Alternating Table Colors */
div.datagrid table#dg tbody tr.even,
div.datagrid table.dg_small tbody tr.even { color: #000000; background-color: #EBEBEB; }
div.datagrid table#dg tbody tr.odd,
div.datagrid table.dg_small tbody tr.odd { color: #000000; background-color: #D5D5D5; }

/* Row Hover/Highlighting Colors */
div.datagrid table#dg tbody tr:hover { color: #000000; background-color: #C3D9FF; }
div.datagrid table.dg_small tbody tr:hover { color: #000000; background-color: #C3D9FF; }

div.datagrid table#dg tbody tr td,
div.datagrid table.dg_small tbody tr td {
	border-top: 1px solid #A5A5A5;
	border-right: 1px solid #A5A5A5;
	padding-left: 2px;
	padding-right: 2px;
}
div.datagrid table#dg tbody tr td.actions,
div.datagrid table.dg_small tbody tr td.actions {
	padding: 3px;
	width: 1%;
	text-align: center;
}

/*** PRINTER FRIENDLY STYLES ********************************************/
body.print { margin-top: 1px; }
body.print p { margin: 0 0 2px 0; padding: 0; }
body.print h2 { margin: 0; }
body.print a { color: #0000FF; background-color: #FFFFFF; }

body.print div.datagrid table#dg {
	width: 800px;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
body.print div.datagrid table#dg thead tr {
	background-color: #FFFFFF;
	color: #000000;
}
body.print div.datagrid table#dg thead tr th {
	border-right: 1px solid #000000;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
}
body.print div.datagrid table#dg tbody tr {
	background-color: #FFFFFF;
	color: #000000;
}
body.print div.datagrid table#dg tbody tr td {
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	padding-left: 2px;
	padding-right: 2px;
}