@charset "UTF-8";
/* CSS Document */



/* For mobile devices */

.table-box {
	background-color: #FFF;
	width: 90%;
	margin: 3em auto;
	padding-top: 1.1em;
	}
	
	.table-box h2 {
		font-size: 1.3em;
		margin-bottom: 0;
	}
	
	.table-box p {
		font-size: 1.1em;
	}

table.large { 
	border: thin solid #CCC;
	border-collapse: collapse;
	margin: 4% auto 5% auto;
	width: 60%;
}

	table.large th { 
		background-color: #415B7C;
		font-weight: bold;
		font-size: 1.2em;
		color: #FFF;
		text-align: center;
		height: 2.2em;
	}
	
	table.large td, table.large th { 
		padding: 3px;
		text-align: center;
	}
	
	table.large td { 
		background-color: #FFF;
		text-align: center;
		padding-bottom: 1em;
	}
	
	table.large td img { 
		padding: 6% 0;
	}

table.imagery { 
		border: thin solid #CCC;
		border-collapse: collapse;
		margin: 3% auto 4% auto;
		width: 60%;
}

	table.imagery th { 
		background-color: #415B7C;
		font-weight: bold;
		font-size: 1.2em;
		color: #FFF;
		text-align: center;
		height: 2em;
	}
	
	table.imagery td, table.imagery th { 
		padding: 3px;
	}
	
	table.imagery td { 
		background-color: #FFF;
		text-align: center;
		padding-bottom: 1em;
	}
	
	table.imagery td img { 
		padding: 6% 0;
	}

.table-wrapper {
	margin: 0 auto 4% auto;
	display: inline-block;
}
	
table.column { 
	border: thin solid #CCC;
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
}

	table.column th { 
		background-color: #415B7C;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		padding: 6% 0;
	}
	
	table.column td, table.column th {
		border: thin solid #CCC;
		border-collapse: collapse;
	}
	
	table.column td { 
		text-align: center;
		padding: 1em .3em 2em .3em;
		background-color: #FFF;
	}
	
	table.column td img { 
		padding: 6% 0 10% 0;
	}

table.full {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 auto 5% auto;
	border-collapse: collapse;
	width: 90%;
}

	table.full th {
		border: solid thin #CCC;	
		background-color: #717171;
		padding: 1.5%;	
		font-size: 1.1em;	
		color: #FFF;
	}

	table.full td {
		border: solid thin #999;
		padding: 1.5%;
	}



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout.  */

@media only screen and (min-width: 769px) {

.table-box {
	width: 100%;
	}
	
/* For image tables with just three channels */

table.large { 
		display: inline-block;
		margin: 2%;
		width: 40%;
}

	table.large th {
		font-size: 1.3em;
	}
	
	table.large td, table.large th { 
		width: 50%;
		padding: 0 10%;
	}
	
	table.large td { 
	}
	
	table.large td img { 
	}

table.imagery { 
	display: inline-block;
	width: 30%;
	margin: 1% 0 3% 0;
}

table.imagery th {
	font-size: 1.1em;
	}
	
	table.imagery td {
		line-height: 1.5em;
	}
	
	table.imagery td, table.imagery th { 
		width: 30%;
	}
	
	table.imagery td img { 
	}

.table-wrapper {
	display: inline-block;
	margin: .3%;
}

table.column { 
}

	table.column th { 
		font-size: 1.1em;
	}
	
	table.column td, table.column th {
	}
	
	table.column td { 
		padding: 1em .6em 2em .6em;
	}
	
	table.column td img { 
	}

table.full {
}

	table.full th {
	}

	table.full td {
	}
	
}