﻿/*header + table, header + .table { margin-top: -15px; }*/
p + .table { margin-top: 20px; }
table a { text-decoration: none; }
table .hide { display: none; }
table.list { border-collapse: separate; border-spacing: 0 5px; border-style: none; width: 100%; clear: both; }
	table.list > thead > tr, table.list > tbody > tr { background: #fff linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05)); /*height: 41px;*/ } 
	table.list th, table.list > tbody td { border-style: solid; border-width: 1px 0; border-color: #d2d2d2; /*padding: 2px 5px;*/ }

table.list > caption { color: #222; }
	table.list > caption .row:before, table.list > caption .row:after { margin-top: -10px; margin-bottom: -10px; }

table.list > thead { margin: 0; padding: 0; }
	table.list > thead > tr { background-color: #315d9d; color: white; height: 41px; }
	table.list > thead > tr > th, table.list > thead > tr > td { border-color: #035e8a; font-weight: normal; text-align: left; }
	table.list > thead a:not([class]) { color: white; text-decoration: none; }
	table.list > thead .controls > a:not(:hover) { color: white; }

table.list > tbody { width: 100%; }
	table.list > tbody > tr { text-transform: capitalize; letter-spacing: 0.1%; }
	table.list > tbody > tr:hover { background-color: #efefef; }
	table.list tr > th:first-child, table.list tr > td:first-child { /*border-top-left-radius: 4px; border-bottom-left-radius: 4px;*/ border-left-width: 1px; }
	table.list tr > th:last-child, table.list tr > td:last-child { /*border-top-right-radius: 4px; border-bottom-right-radius: 4px;*/ border-right-width: 1px; text-align: right; white-space: nowrap; }

table.list > tfoot { }
	table.list > tfoot .pagination { margin: 0; }
	table.list > tfoot nav { text-align: right; }
	table.list > tfoot > tr { height: auto; }
	table.list > tfoot > tr > td { border: none; padding: 0; }
	/*table.list > tfoot > tr > td, table.list > tfoot > tr > td:last-child { text-align: center; }
		table.list > tfoot span, table.list > tfoot a { padding: 0 0.4%; }*/

table.gallery { border-collapse: separate; border-spacing: 0 5px; border-style: none; margin-top: 10px; width: 100%; }
	table.gallery > thead { margin: 0; padding: 0; height: 30px; }
		table.gallery > thead > tr { background: #315d9d linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05)); height: 30px; color: white; }
		table.gallery > thead > tr > th, table.gallery > thead > tr > td { border-style: solid; border-color: #035e8a; border-width: 1px 0; border-color: #d2d2d2; padding: 2px 5px; font-weight: normal; text-align: left; }
			table.gallery > thead > tr > th:first-child, table.gallery > thead > tr > td:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; }
			table.gallery > thead > tr > th:last-child, table.gallery > thead > tr > td:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right-width: 1px; text-align: right; }
		table.gallery > thead a { color: white; text-decoration: none; }
	table.gallery > tbody:after { display: block; clear: both; content: ' '; height: 0; visibility: hidden; }
	table.gallery > tbody > tr { display: block; float: left; max-width: 30%; width: 100%; margin: 0 5% 10px 0; }
		table.gallery > tbody > tr:nth-child(3n) { margin-right: 0; }
		table.gallery > tbody > tr > td { width: 100%; padding: 10px 5%; background: #fff linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05)); border: solid 1px #d2d2d2; border-radius: 4px; }
			table.gallery > tbody > tr > td > figure { width: 100%; margin: 0; padding: 0; }
				table.gallery > tbody > tr > td > figure img { max-width: 100%; width: 100%; }
				table.gallery > tbody > tr > td > figure > figcaption { font-size: 0.8em; }
		table.gallery > tbody > tr.empty { max-width: 100%; height: 30px; text-align: right; display: table-row; float: none; }
			table.gallery > tbody > tr.empty > td { padding: 2px 5px; }
	table.gallery > tfoot > tr { background: #fff linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.05)); height: 30px; }
		table.gallery > tfoot > tr > td, table.gallery > tfoot > tr > td:last-child { border: solid 1px #d2d2d2; padding: 2px 5px; text-align: center; border-radius: 4px; }
			table.gallery > tfoot span, table.gallery > tfoot a { padding: 0 0.4%; }
	table.gallery a.delete:after { content: 'Delete'; margin-left: 5px; vertical-align: middle; }

table.grid { border-collapse: separate; border-spacing: 0 5px; border-style: none; width: 100%; }
	table.grid th, table.grid td { border-style: solid; border-width: 1px 0; border-color: #035e8a; padding: 2px 5px; text-align: left; }
	table.grid > thead > tr { background-color: #315d9d; height: 30px; color: white; }
	table.grid > tbody > tr { }
	table.grid tr > th:first-child, table.grid tr > td:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left-width: 1px; }
	table.grid tr > th:last-child, table.grid tr > td:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right-width: 1px; text-align: right; }
