﻿/* Table
---------------------------------------------------------------------------------------- //// */

table {
	margin:0 0 2em;
	line-height:1.3571; /* 19px */}

/* default ----------------------------------------- //// */

/* col ----------------------------------------- */
col.numerical,
td.numerical,
th.numerical {
	text-align:right}

tbody.even,
tr.even {
	background:#f6f6f6}

thead th {
	margin:5px 0 0;
	padding:.75em .5em;
	border:1px solid #1e1e1e;
	border-top:0;
	border-bottom:2px solid #000;
	background:#e1e2e3;
	font-weight:normal;
	text-align:left;
	vertical-align:top}
tbody th,
tfoot th,
td {
	padding:.75em .5em;
	border:1px solid #1e1e1e;
	border-top:1px dotted #a5a8aa;
	border-bottom:1px dotted #a5a8aa;
	font-weight:normal;
	text-align:left;
	vertical-align:top}
tbody th,
tfoot th {
	width:184px}

th:first-child {
	border-left:0}
th:last-child,
td:last-child {
	border-right:0}

tbody tr:last-child th,
tr:last-child td {
	border-bottom:0}

/* tfoot ----------------------------------------- */
tfoot th,
tfoot td {
	padding:1.7em 1em 1.5em;
	border-top:2px solid #e1e1e1;
	font-weight:bold}

/* alt ----------------------------------------- //// */
.table_alt {
	width:100%;
	border-bottom:1px solid #e6e3df}
.table_alt thead th {
	padding-bottom:.25em;
	border:1px solid #e6e3df;
	border-width:0 0 1px;
	background:none;
	font-weight:bold;
	text-transform:uppercase}

.table_alt tbody th,
.table_alt tfoot th,
.table_alt td {
	border:0}

/* responsive ----------------------------------------- //// */
.generatedcontent .table_responsive,
.generatedcontent .table_responsive thead,
.generatedcontent .table_responsive tbody,
.generatedcontent .table_responsive tfoot,
.generatedcontent .table_responsive tr,
.generatedcontent .table_responsive td,
.generatedcontent .table_responsive th {
	display:block}

.table_responsive {
	width:100%}

.generatedcontent .table_responsive tr {
	overflow:hidden}
.generatedcontent .table_responsive thead tr {
	position:absolute;
	top:-9999px;
	left:-9999px}

.table_responsive td,
.table_responsive th {
	padding:2%;
	text-align:left;
	vertical-align:top}
.no-generatedcontent .table_responsive td,
.no-generatedcontent .table_responsive th {
	padding:.5em}

.table_responsive th {
	font-weight:bold}

.generatedcontent .table_responsive td,
.generatedcontent .table_responsive th {
	position:relative;
	float:left;
	width:44%;
	padding:2% 2% 2% 54%;
	border-bottom:1px solid #e6e3df;
	word-wrap:break-word}
.table_responsive td:before,
.table_responsive th:before {
	position:absolute;
	top:0;
	left:0;
	width:44%;
	padding:2%;
	font-weight:bold;
	content:attr(data-th)}

.generatedcontent .table_responsive tbody tr:first-child td:first-child,
.generatedcontent .table_responsive tbody tr:first-child th:first-child {
	padding-top:3.2em}
.generatedcontent .table_responsive tbody tr:first-child td:first-child:before,
.generatedcontent .table_responsive tbody tr:first-child th:first-child:before {
	width:100%;
	background:#e1e2e3}


/* MEDIA QUERY: 600px
---------------------------------------------------------------------------------------- //// */
@media (min-width:600px) {
	.generatedcontent .table_responsive  {
		display:table}
	.generatedcontent .table_responsive thead {
		display:table-header-group}
	.generatedcontent .table_responsive tbody {
		display:table-row-group}
	.generatedcontent .table_responsive tfoot {
		display:table-footer-group}
	.generatedcontent .table_responsive tr {
		display:table-row}
	.generatedcontent .table_responsive td,
	.generatedcontent .table_responsive th {
		display:table-cell}

	.generatedcontent .table_responsive thead tr {
		position:static}

	.table_responsive td,
	.table_responsive th,
	.generatedcontent .table_responsive td,
	.generatedcontent .table_responsive th {
		padding:.5em}

	.generatedcontent .table_responsive td,
	.generatedcontent .table_responsive th {
		position:static;
		float:none;
		width:auto}
	.table_responsive td:before,
	.table_responsive th:before {
		display:none;
		content:''}

	.generatedcontent .table_responsive tbody tr:first-child td:first-child,
	.generatedcontent .table_responsive tbody tr:first-child th:first-child {
		padding-top:.5em}

	.table_responsive .align_center {
		text-align:center}
	.table_responsive .align_left {
		text-align:left}
	.table_responsive .align_right {
		text-align:right}
}