﻿table.data-table {
	border: solid 1px #000;
	border-right: none;
	width: 100%;

	/* Reset these in case a parent set them in a conflicting way */
	background-color: #fff;
	color: #000;
}

div.data-sheet table.data-table {
	border: solid 1px #000;
	border-right: none;
	/* width: auto; */
}

.data-table-header-footer {
	background-color: #334;
	color: #ccc;
	/* width: 100%; */
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}
.data-table-header-footer a {
	color: #ccc;
	text-decoration: underline;
}
/*.data-table-header-footer .button {
	margin: 0px 0px 0px 0px;
	border-style: outset;
	border-color: #556;
	background-color: #445;
	color: #ccc;
} */

table.data-table thead tr {
	background-color: #235;
	color: #ccc;
}

table.data-table thead th {
	border: solid 1px #666;
	border-left: none;
	border-top: none;
	border-bottom: none;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

table.data-table thead th.sort-down {
	background-color: #457;
	background-image: url(arrowDownBorder.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

table.data-table thead th.text-field {
	max-width: 100px;
}
/* */
table.data-table thead tr a {
	color: #ccc;
}

table.data-table tbody td {
	padding: 3px 5px 3px 5px;
	border: solid 1px #999;
	border-left: none;
	border-bottom: none;
}

table.data-table tbody td.text-field {
	max-width: 100px;
}

table.data-table tbody tr.Alternate {
	background-color: #dde;
}

table.data-table tbody tr.Selected {
	background-color: #efe;
}

table.data-table tbody tr.AlternateSelected {
	background-color: #cdc;
}

/* For newer code */
table.data-table tbody tr.Alternate.Selected {
	background-color: #cdc;
}

table.data-table tbody tr td.Special {
	background-color: #457;
	color: #ccc;
}

table.data-table tbody tr.Alternate td.Special {
	background-color: #346;
	color: #ccc;
}

/* These are considered redundant due to the alternating rows already, but it
   may be interesting to keep around for something else later. */
/* table.data-table tbody tr:hover {
	background-color: #ddd;
}

table.data-table tbody tr.Alternate:hover {
	background-color: #bbc;
} */


/* styles for tables within the table */
table.data-table tbody table {
	border-spacing: 2px;
	background-color: #eee;
	border: solid 1px #aaa;
}
table.data-table tbody table td {
	border: solid 1px #bbb;
	padding: 3px 7px 3px 7px;
	background-color: #dde; /*the normal alternate bg color*/
}

table.data-table tbody tr.Alternate table td {
	background-color: #fff; /*alternate rows given a white bg*/
}
