/* CSS for the data grid - to show records and stats */

table.entire_header {
	border-bottom: solid silver 1px;
	background-color: #f5f5f5;
}

table.header {
	table-layout: fixed;
}


table.data {
	table-layout: relative;
	border-left: 0px;
	border-right: black solid 1px;
}

/* 
	table.data is the main table containing data from records
	table.header is the header table above that, containing the field names
	table.record_tools is the table that is to the left of the data, with the 
	tools to work with the records (edit, copy, etc)
*/

table.data tr,
table.record_tools tr {
}


table.data td,
table.header th
{ 
	/*border: black solid 1px;*/
	border-left: 0px;
	border-top: 0px;
	padding: 2px;
	white-space : nowrap;
	font-weight: normal;
	border-left: silver solid 1px;
	cursor: default;
	height: 32px;
}

table.data td {
	padding: 6px;
}


table.record_tools td {
	padding-bottom: 4px;
	padding-top: 2px;
	height: 32px;
	text-align: center;
}

table.header th,
#data_grid_top_left, 
.table_header   {
	border: black solid 1px;
	border-right: 0px;
	height: 30px;
	font-size: 10px;
	font-weight: bold;
	color: #2f4f4f;
	text-align: left;
}

table.header th, .table_header {
	padding-left: 3px;
}


table.header th a,
.table_header a
{
	color: #2f4f4f;
	text-decoration: none;
}

table.header th a:hover,
.table_header a:hover
{
	color: #2f4f4f;
	text-decoration: underline;
}



#data_row_1 td {
	border-top: 0px;
}

/* div surrounding the whole grid */
.data_grid {
}

/* div surrounding data */
#data_div {
	width: 750px;
	height: 400px;
	overflow:hidden;
	/*overflow: auto;*/
	/*position: relative;*/
}






table.record_tools {
	width: 106px;
}

.record_tools_div>.record_tools {
	width: 108px;
}

#data_grid_top_left {
	border-left: black solid 1px;
	border-right: black solid 1px;
	width: 75px; 
}

.trick_ie>#data_grid_top_left {
	width: 76px;
}


.check_all {
	width: 28px;
	border: black solid 1px;
	border-left: silver solid 1px; 
	text-align: center;
}

.trick_ie>.check_all {
	width: 28px;
}


.check_row {
	width: 27px;
}

#data_grid_top_right {
	width: 0px;
	background-color: white;
}

.record_tools_div {
	width: 107px;
	background-color: silver;
	border-bottom: silver solid 1px;
	border-right: silver solid 1px;
	overflow: hidden;
}



.record_table {
}

.record_tr {
	background-color: white;
}

.record_tr_alt{
	background-color: #F1F3F9;
}




/* this is here to make sure the borders on the data rows match the ones in the tool cells
   if these borders are left out, Non IE browsers have the data rows misaligned with the tool rows

.record_tr_alt td{
	border-bottom: #F1F3F9 solid 1px;
}
.record_tr td{
	border-bottom: white solid 1px;
}
*/






.record_tr-mouseover, .record_tr_alt-mouseover {
	background-color: yellow;
}

.record_td_top {
}

.record_td_top-mouseover {
}

.sort_indicator {
	position: absolute;
	right: 4px;
	top: 2px;
}


.record_button_small {
	padding: 1px;
	margin: 1px;
}
.record_button_small-mouseover {
	border: blue solid 1px;
	background-color: silver;
	cursor: default;
	padding: 1px;
}

.record_button_small-mousedown {
	border: blue solid 1px;
	background-color: silver;
	cursor: default;
	padding: 1px;
	position: relative;
	top: 1px;left: 1px;
}



.horiz_record_tools {
	border: black solid 1px;
	border-bottom: 0px;
	border-right: silver solid 1px;
	height: 20px;
	text-align: center;
	padding: 2px;
}



.record_button2 {
	display: block;
	float: left;
	padding: 3px;
	text-decoration: none;
	color: black;
	margin-right: 10px;
	cursor: default;
}

.record_button2:hover {
	border: blue solid 1px;
	margin: 0px;
	padding: 2px;
	background-color: silver;
	margin-right: 10px;
}

.record_button2 img, .record_button2 span{
	border: 0px;
	vertical-align: middle;
}

.filter_select {
}

#filter_row td{
	background-color: #c1deff;
}

#filter_row img, #filter_row select {
	vertical-align: middle;
}