/**
 * Grid
 *
 * Styling of the Grid control
 *
 * @package    jCLib
 * @author     Neonfire Development <webmaster@neonfire.co.za>
 * @copyright  2009-2022 Neonfire Development
 * @version    0.01.01 alpha
 */

/*
	General formatting
	--------------------------------
*/
.grid-list input[type=text], .grid-list select {
	font-size: 12px;
	padding: 2px;
	border: 1px #999 solid;
}

.grid-list a {
	display: block;
	/*color: #333;*/
	padding: 4px;
	text-decoration: none;
}
/*
.grid-list a:hover {
	color: #333;
}

.grid-list thead th {
	background-color: #BBB;
}

.grid-list thead td {
	background-color: #ddd;
	padding: 2px;
}

.grid-list tbody td {
	background-color: #FFF;
}
*/
.grid-list tfoot td {
	/*background-color: #DDD;*/
	font-size: 11px;
	/*padding: 2px;*/
}

.grid-list tfoot td select {
	font-size: 10px;
}
/*
.grid-list {
	display:table;
	border-top: 1px #999 solid;
	border-left: 1px #999 solid;
	border-spacing: 0;
	font-size: 12px;
}

.grid-list td {
	display:table-cell;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
	vertical-align: top;
}

.grid-list th {
	display:table-cell;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
	padding: 2px;
	font-weight: bold;
}
*/
.grid-sorter {
	display: inline-block;
}

/*
	Hover styling
	--------------------------------
*/

.grid-list tbody tr:hover {
	/*background-color: #333;*/
}

.grid-list tbody tr:hover td {
	opacity: .8;
}

.grid-sortable {
	cursor: pointer;
}

/*
	Button Styling
	--------------------------------
*/
button.grid-page-button {
	float:left;
	/*font-size: 11px;*/
	margin-left: 1px;
	margin-right: 1px;
}
button.grid-page-button.grid-page-active {
	border: 1px #333 solid;
	font-weight: bold;
}
button.grid-filter-clear {
	float: right;
	margin-left: 2px;
}

/*
	Pagination Styling
	--------------------------------
*/
.grid-pagination {
	text-align: center;
}

/*
	Pagination Styling
	--------------------------------
*/
.grid-sub-info {
	font-size: 10px;
	color: #999;
}