/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* table th { font-weight: bold; } */
/* table td, table th { padding: 9px 10px; text-align: left; } */

table tr th {
	font-size: 0.9em !important;
	font-weight: bold !important;
	line-height: 1.2 !important;
	padding-bottom: 1em;
	/* border-right: 1px solid #EEE; */
	color: #333;
}
table tr td { 
	font-size: 12px;
	color: #333;
	border-right: 1px solid #eee;
	width: 36%;
	padding-left: 1em !important;
}
th a,
td a {
	color: #000;
}
th a:hover,
td a:hover,
th a:active,
td a:active {
	color: #1982D1;
}
.responsive h2,
.responsive h2 span,
.pinned h2,
.pinned h2 span { 
	border: none;
	line-height: 1.2; 
	font-size: 1.4em;
	padding: 0;
}
table p {
	color: #999;
	margin: 1em 0 1em 0 !important;
}
table p.time {
	font-size: 11px;
	color: #333;
	margin: 0.3em 0 0 0;
}
table tbody tr:nth-child(even) {
	background: 
	#F9F9F9;
}

/* Mobile */
@media only screen and (max-width: 928px) {
	
	table {
		font-size: 1.2em;
	}
	table tr td {
		padding-left: 0 !important;
	}
	table.responsive {
		margin-bottom: 0;
	}
	.responsive h2,
	.responsive h2 span,
	.pinned h2,
	.pinned h2 span {
		font-size: 1.2em
	}
	.pinned {
		position: absolute;
		left: 0; top: 0;
		background: #fff;
		width: 35%;
		overflow: hidden;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}
	.pinned table {
		border-right: none;
		border-left: none;
		width: 100%;
	}
	.pinned table th,
	.pinned table td {
		/* white-space: nowrap; */
	}
	.pinned td:last-child {
		border-bottom: 0;
	}
	
	div.table-wrapper {
		position: relative;
		margin-bottom: 20px;
		overflow: hidden;
		border-right: 1px solid #ccc;
	}
	div.table-wrapper div.scrollable table {
		margin-left: 35%;
	}
	div.table-wrapper div.scrollable {
		overflow: scroll;
		overflow-y: hidden;
	}	
	
	table.responsive td,
	table.responsive th {
		position: relative;
		/* white-space: nowrap; */
		overflow: hidden;
	}
	table.responsive th:first-child,
	table.responsive td:first-child,
	table.responsive td:first-child,
	table.responsive.pinned td {
		/* display: none; */
	}
	
	td {
		height: 165px;
		padding: 0 0.3em 0 0.3em !important;
	}
	tr.thin td {
		height: 70px;
	}
	
}

@media only screen and (max-width: 480px) {
	table {
		font-size: 0.9em;
	}
	.pinned {
		width: 49%;
	}
	div.table-wrapper div.scrollable table {
		margin-left: 50%;
	}
	div.table-wrapper div.scrollable table td {
		width: 50%;
	}
}