/* 
	file: tables.css
*/

.content .table-borderless,
.content .table-borderless td {
	border: 0;
}


div.section div.wide table {
	margin-left: 1px; /* Fix undefined Firefox bug with disappearing left border */
}

table.nifty {
	width: 100%;
	border: 1px solid #d3d3d3;
}

	table.nifty thead th {
		padding: .1em .8em;
		font-size: .9em;
		border-bottom: 2px solid #bbb;
		background: #f0f0f0;
		border-right: 0;
	}
	
		.content table.nifty thead th a {
			color: #000;
			text-decoration: none;
		}
		
			table.nifty thead th a.sortby-desc {
				padding-right: 9px;
				background: transparent url(/images/bullets/arrow-black-down.gif) 100% 50%  no-repeat;
			}
	
			table.nifty thead th a.sortby-asc {
				padding-right: 9px;
				background: transparent url(/images/bullets/arrow-black.gif) 100% 50%  no-repeat;
			}
			
	table.nifty thead th.fixed {
		width: 18em;
	}

	table.nifty tbody tr th {
		font-weight: bold;
	}
	
	table.nifty tbody tr:hover td,
	table.nifty tbody tr.hoverfix td {
		background: #ebf7ff;
	}
	
	table.nifty.clickable tbody tr.hoverfix {
		cursor: pointer;
	}

	table.nifty td {
		padding: .5em .8em;
		border-bottom: 1px solid #d3d3d3;
		border-right: 0;
		background: #f9f9f9;
	}

	table.nifty td.monospace {
		font-family: monospace;
		font-size: 1.2em
	}

	table.nifty tr.yellow td {
		background-color: #ffffcc !important;
	}
	
	table.nifty tr.red td {
		background-color: #ffdddd !important;
	}
	
	table.nifty tr.green td {
		background-color: #ddffdd !important;
	}


	@-webkit-keyframes highlight {
		0% { background-color: #f9f9f9; }
		5% { background-color: #ffc; }
		85% { background-color: #ffc; }
		to { background-color: #f9f9f9; }
	}
	@-moz-keyframes highlight {
		0% { background-color: #f9f9f9; }
		5% { background-color: #ffc; }
		85% { background-color: #ffc; }
		to { background-color: #f9f9f9; }
	}
	@-o-keyframes highlight {
		0% { background-color: #f9f9f9; }
		5% { background-color: #ffc; }
		85% { background-color: #ffc; }
		to { background-color: #f9f9f9; }
	}
	@keyframes highlight {
		0% { background-color: #f9f9f9; }
		5% { background-color: #ffc; }
		85% { background-color: #ffc; }
		to { background-color: #f9f9f9; }
	}
	table .highlight td, table .highlight th {
		-webkit-animation: highlight 5s 0.2s; /* Safari 4+ */
		-moz-animation:    highlight 5s 0.2s; /* Fx 5+ */
		-o-animation:      highlight 5s 0.2s; /* Opera 12+ */
		animation:         highlight 5s 0.2s; /* IE 10+ */
	}

	
	table tr.disabled td,
	table tr.disabled td a,
	table.nifty tr.expired td,
	table.nifty tr.expired td a {
		color: #aaa;
	}
	
	table.nifty td.images span {
		height: 10px;
		display: block;
		text-indent: -9999em;
		background-image: url(/images/icons/image-count.png);
		background-repeat: no-repeat !important;
	}
	
	table.nifty tfoot td {
		font-size: 0.9em;
		color: #959595;
	}
	
		td.images.i0 span { width: 12px; height: 12px; background-position: 0 -121px;}
		td.images.i1 span { width: 13px; background-position: 0 0;}
		td.images.i2 span { width: 26px; background-position: 0 -10px;}
		td.images.i3 span { width: 39px; background-position: 0 -20px;}
		td.images.i4 span { width: 52px; background-position: 0 -30px;}
		td.images.i5 span { width: 65px; background-position: 0 -40px;}
		td.images.i6 span { width: 78px; background-position: 0 -50px;}
		td.images.i7 span { width: 91px; background-position: 0 -60px;}
		td.images.i8 span { width: 102px; background-position: 0 -70px;}
		td.images.i9 span { width: 115px; background-position: 0 -80px;}
		td.images.i10 span { width: 128px; background-position: 0 -90px;}


		/* Solution 2 w. thumbnails */
		table.nifty td.images a {
			display: block;
			float: left;
			height: 10px;
			width: 14px;
			background: transparent url(/images/icons/thumb.png) 0 0 no-repeat !important;
			text-indent: -9999em;
		}


	table.nifty .nowrap {
		white-space: nowrap;
	}

	table.nifty td.price, 
	table.nifty th.price  {
		text-align:right;
	}

	table.nifty td.select, 
	table.nifty th.select  {
		width: 25px;
	}


	div.content table caption {
		font-size: 1.2em;
		font-weight: bold;
	}


	/* Sort */
	div.content table table.sort {
		text-align: center;
	}
	
		div.content table td.sort a {
			display: inline-block;
			cursor: pointer;
			width: 14px;
			height: 15px;
			margin: 0 2px 0;
			text-indent: -9999em;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
	
			div.content table td.sort a.up {
				background: transparent url(/images/buttons/move-up.png) 0 0 no-repeat;
			}
		
			div.content table td.sort a.down {
				background: transparent url(/images/buttons/move-down.png) 0 0 no-repeat;
			}

	div.content table th.active,
	div.content table td.active,
	div.content table th.sent,
	div.content table td.sent,
	div.content table td.images,
	div.content table td.center,
	div.content table td.importer,
	div.content table th.importer {
		text-align: center;
	}



	/* Add/remove */
	div.content table td a.remove {
		display: block;
		width: 15px;
		height: 15px;
		text-indent: -9999em;
		background: transparent url(/images/buttons/remove.png) 0 0 no-repeat;
	}

	div.content table td a.add {
		display: block;
		width: 16px;
		height: 16px;
		text-indent: -9999em;
		background: transparent url(/images/buttons/add.png) 0 0 no-repeat;
	}


	div.content table td.importer span, 
	div.content table th.importer span {
		display: block;
		margin: 0 auto;
		cursor: pointer;
		width: 16px;
		height: 16px;
		text-indent: -9999em;
		background: transparent url(/images/icons/green-circle.png) 0 0 no-repeat;
	}

	
	div.content table td span.check,
	div.content table th span.check {
		display: block;
		width: 16px;
		height: 16px;
		margin: 0 auto;
		background: transparent url(/images/icons/tick.png) 0 0 no-repeat;
		text-indent: -9999em;
	}


/* Todos */
table td.labels {
	width: 120px;
	padding: 6px .5em 6px;
}	

	table td.labels img {
		display: block;
	}	

	
	
/* Item list */
table.item-list {
	width: 100%;
	border: 0;
	margin-bottom: .7em;
}
	
	table.item-list thead th {
		border-top: 1px solid #ddd;
	}
	
	table.item-list td,
	table.item-list th {
		padding: .2em .5em;
		border-right: 0;
		vertical-align: top;
	}
	
	div#media table.item-list td {
		padding: 0.5em;
	}
	
	table.item-list th {
		font-size: .95em;
		background: #f3f3f3;
	}
	
	div#content table.item-list a {
		font-weight: bold;
		text-decoration: none;
		color: #333;
	}
		
		div.content table.item-list td a.remove {
			float: left;
			display: block;
			width: 15px;
			height: 15px;
			margin: 4px 5px 0 0;
			text-indent: -9999em;
			background: url(../images/buttons/item-delete.png) 0 0 no-repeat;
		}
	
			div.content table.item-list td a.remove:hover {
				background-position: 0 -15px;
			}
			
	table.item-list td.fixed {
		width: 180px;
	}
	
	table.item-list th.edit,
	table.item-list td.edit {
		width: 20px;
	}
	
	table.item-list td p {
		margin-bottom: 0;
	}
		
	table.item-list td.type a {
		display: block;
		width: 34px;
		height: 13px;
		margin: 3px 0;
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999em;
	}

		/* File types - add new types below */
		table.item-list td.type a.pdf {
			background-image: url(../images/icons/pdf-file-small.png);
		}
		
	table.item-list.clickable tbody tr:hover td,
	table.item-list.clickable tbody tr.hoverfix td {
		background: #ebf7ff;
	}

	table.item-list.clickable tbody tr.hoverfix,
	table.item-list.clickable tbody tr p:hover {
		cursor: pointer;
	}