.spectable { width: 100%; margin: 0 auto 80px auto; border:none; border-collapse:collapse;}
.spectable caption { font-size: 24px; color: #FFFFFF; margin-bottom:8px; background-color:#00c8b4; line-height:42px; }


.spectable thead { text-align: center; font-size: 24px; color: rgb(164,164,164); }
.spectable tr { border-bottom: 1px solid rgba(0,200,180,0.5); }
.spectable th { width: 32%; font-weight: normal; font-size: 110%; color: rgb(164,164,164); text-align: right; padding-right: 0.5em; }
.spectable th:after { content: "●"; color: #00b49b; padding-left: 0.5em; }
.spectable td { padding: 0.4em 0; }
.spectable dt { display: inline; margin-right: 0.5em; font-weight: normal; color: #00b49b; }
.spectable dd { display: inline; margin-left: 0;  }
.spectable dd:after { content: "\A"; white-space: pre; }
.spectable li:before { content: "- "; color: #00b49b; }
.spectable + div.note {  margin: -60px 0 40px 0; }
.spectable + div.note p ,
.spectable + div.note dl
	{ margin-bottom: 0.5em; color: rgb(128,128,128); }

.sub-cap {
	border-top:#00c8b4 solid 3px;
}

@media screen and (max-width: 767px) {
	.spectable th, .spectable td {
		display:block;
		width:100%;
		text-align:left;
	}

.spectable th { background-color:#F4F4F4; padding:0.3em 0; color:#484848; }
	.spectable th:after { content: "";}
	.spectable th:before { content: "●"; color: #00b49b; padding:0 0.5em;}

}
.note dt {
	font-weight:bold;
}