﻿div.contentTable {
	width: 450px;
	clear: both;
}

div.tableSpacer {
	clear: both;
	height: 15px;
}

div.subTableSpacer {
	clear: both;
	height: 3px;
}

div.tableRow {
	clear: both;
	display: table-row;
}

div.tableRow span.colHeader {
	display: table-cell;
	float: left;
	width: 132px; /*135 = 30% of 450*/
	height: auto;
	min-height: 22px;
	text-align: left;
	padding: 2px 0px;
	border: solid 1px black;
	border-top: none;
}

div.tableRow span.colContent {
	display: table-cell;
	float: right;
	width: 312px; /*315 = 70% of 450*/
	height: auto;
	min-height: 22px;
	text-align: left;
	padding: 2px 0px 2px 3px;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	display: table-cell;
	vertical-align: middle;
}

span.colContent span.subHeader {
	font-weight: bold;
}

div.tableRow span.secHeader {
	display: table-cell;
	float: left;
	width: 448px;
	height: auto;
	min-height: 22px;
	text-align: center;
	padding: 2px 0px;
	border: solid 1px black;
	vertical-align: middle;
}

span.secHeader span.secTitle {
	vertical-align: middle;
}

span.secHeader span.collapser
{
	color: Teal;
	font-size: x-large;
	vertical-align: middle;
	cursor: pointer;
}

div.table {
	clear: both;
	display: table;
}

div.tr {
	clear: both;
	display: table-row;
}

div.tr div.tc {
	float: left;
	display: table-cell;
	margin: 0px auto 25px auto;
	padding: 2px 10px;
	width: 726px;
	text-align: left;
}

div.tr div.tcTwoCells {
	float: left;
	display: table-cell;
	margin: 0px auto 25px auto;
	padding: 2px 10px;
	width: 350px;
	text-align: left;
}

div.tc span.secHeader, div.tcTwoCells span.secHeader {
	font-weight: bold;
	text-decoration: underline;
}
