/**
 * Styles for tables and grid view
 */

.table, .with-head {
	margin-bottom: 1.667em;
	border: 1px solid #999999;
	font-size: 11px;
}

.table {
	border-collapse: separate;
}

	.table:last-child,
	.with-head:last-child {
		margin-bottom: 0;
	}
	/* IE class */
	.table.last-child,
	.with-head.last-child {
		margin-bottom: 0;
	}

.no-margin .table,
.content-columns .table,
.with-head.no-margin,
.content-columns .with-head {
}

	.no-margin .table + .no-margin,
	.with-head.no-margin + .no-margin {
		margin-top: -1.667em;
	}

	.content-columns .table:first-child,
	.content-columns .with-head:first-child {
		border: none;
	}
	/* IE class */
	.content-columns .table.first-child,
	.content-columns .with-head.first-child {
		border: none;
	}

.content-columns .table,
.content-columns .with-head {
	margin-bottom: 0;
}

.table thead {
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );
	background: -moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');
	background-color: #ffec64;
	color: #000;
	border-top: 1px solid white;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #828282;
}

	.table thead th,
	.table thead td,
	.head {
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: -moz-linear-gradient(top, white, #dadada 6%, white 92%, #cfcfcf);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#cfcfcf), color-stop(.05, #dadada), color-stop(.92, white));
		color: #000;
		border-top: 1px solid white;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #828282;
	}

.table tbody th,
.table tbody td,
.head {
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-color: #e5e5e5;
	color: #000;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #999999;
	font-size: 13px;
}


.table thead th,
.table thead td {
	vertical-align: middle;
	text-align: left;
	padding: 0.5em 0.5em;
}

.head {
	font-weight: bold;
	line-height: 1.5em;
}

	.head > div {
		float: left;
		padding: 0.5em 2em 0.5em 0.75em;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #999999;
		color: white;
		margin: -1px 0 0 0;
		-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
		-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
		text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
	}

		.head > div:first-child {
			margin-left: -1px;
		}
		/* IE class */
		.head > div.first-child {
			margin-left: -1px;
		}

		.head > div:last-of-type {
			border-right: none;
		}
		/* IE class */
		.head > div.last-of-type {
			border-right: none;
		}

	.head .button {
		float: right;
		margin: 0.25em 0.5em 0 0;
	}

	.head > div .button {
		float: left;
		margin: -0.167em 0.5em -0.333em 0;
	}

		.head > div .button:last-child {
			margin-right: 0;
		}
		/* IE class */
		.head > div .button.last-child {
			margin-right: 0;
		}

.table tbody th,
.table tbody td,
.table tfoot th,
.table tfoot td {
	padding: 0.8em;
}

.table tbody th {
}

.table tbody td {
	background: #ffffff;
	font-size: 11px;
}

.table tfoot th,
.table tfoot td {
	background-color: #ffffff;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	color: #222;
}

	.table tbody th:first-child,
	.table tbody td:first-child,
	.table tfoot th:first-child,
	.table tfoot td:first-child {
		border-left: none;
	}
	/* IE class */
	.table tbody th.first-child,
	.table tbody td.first-child,
	.table tfoot th.first-child,
	.table tfoot td.first-child {
		border-left: none;
	}

.table tbody tr:nth-child(even) th {
	background: #d9d9d9;
}
/* IE class */
.table tbody tr.even th {
	background: #d9d9d9;
}

.table tbody tr:nth-child(even) td {
	background: #f2f2f2;
}
/* IE class */
.table tbody tr.even td {
	background: #f2f2f2;
}

.table tbody tr:hover th,
.table tbody tr:hover td {
	background: #FFF;
}

.table .black-cell,
.head .black-cell {
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -moz-linear-gradient(top, white, #dadada 6%, white 92%, #cfcfcf);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#cfcfcf), color-stop(.05, #dadada), color-stop(.92, white));
	border-left: none;
	border-right-color: #cfcfcf;
	min-width: 1.333em;
	padding: 0.5em 0.583em;
}
/* IE class */
.ie7 .head .black-cell {
	height: 1.5em;
	position: relative;
	z-index: 89;
}

.head .black-cell.with-gap {
	border-right-color: white;
	margin-right: 0.25em
}

	.head .black-cell.with-gap + .black-cell {
		border-left: 1px solid #999999;
	}

.table .black-cell span,
.head .black-cell span {
	display: block;
	height: 2.5em;
	background-repeat: no-repeat;
	background-position: center;
	margin: -0.5em -0.75em;
}
/* IE class */
.ie7 .head .black-cell span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: auto;
	padding: 0;
}

.table .black-cell span.loading, .with-head .black-cell span.loading {
}

.table .black-cell span.error, .with-head .black-cell span.error {
	background-image: url(../images/icons/fugue/cross-circle.png);
}

.table .black-cell span.success, .with-head .black-cell span.success {
	background-image: url(../images/icons/fugue/tick-circle-blue.png);
}

.table-actions a img {
	margin: -2px 0;
}

/************ Sort arrows ************/
.column-sort {
	display: block;
	float: left;
	width: 14px;
	margin: -0.583em 0.5em -0.583em -0.75em;
	border-right: 1px solid #dddddd;
}

.head .column-sort {
	margin: -0.5em 0.5em -0.5em -0.75em;
}

.column-sort .sort-up,
.column-sort .sort-down {
	display: block;
	width: 13px;
	height: 14px;
	background: url(../images/table-sort-arrows.png) no-repeat;
	border-right: 1px solid #999999;
}

.column-sort .sort-up {
	background-position: 0 1px;
	border-bottom: 1px solid #828282;
}

.column-sort .sort-down {
	background-position: 0 bottom;
	border-top: 1px solid white;
}

.column-sort .sort-up:hover {
	background-position: -15px 1px;
}

.column-sort .sort-down:hover {
	background-position: -15px bottom;
}

.column-sort .sort-up:active, .column-sort .sort-up.active {
	background-position: -30px 1px;
}

.column-sort .sort-down:active, .column-sort .sort-down.active {
	background-position: -30px bottom;
}

/************ Cell styles ************/
.table-check-cell {
	width: 1em;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.head:after,
ul.grid:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.head,
ul.grid {
	display: inline-block;
}

* html .head,
* html ul.grid {
	height: 1%;
}

.head,
ul.grid {
	display: block;
}