// =============================================================================
// Tables
// =============================================================================

@tableBorder: #ddd;

table {
	width: 100%;
	margin: 0 0 @smallGutterWidth 0;
	background-color: @white;
	box-shadow: 0 1px 2px fade(@black, 7%);
	border-left: 1px solid @tableBorder;
	border-right: 1px solid @tableBorder;
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	padding: 8px;
	border: 1px solid @tableBorder;
	text-align: left;
}

tr:hover td {
	background: darken(#fafafa, 0.5%);
}

thead th {
	background: lighten(@highlightBlue, 1.3%);
	border-left: 1px solid #e9f2f7;
}

th {
	font-weight: bold;
}

// tfoot
tfoot td {
	background: #f5f5f5;
	box-shadow: inset 0 1px 1px 0 @grayLighter;
	color: darken(@grayLight, 20%);
	.font-size(11);
	text-transform: uppercase;
}

// Table caption
caption {
	margin-bottom: 10px;
	#font > .sans-serif(18, bold);
}