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


/* table - as general rule will also apply to Google search box, all tables, td in the site have a specific class */

.table {
	font-size: 0.9em;
	width: 100%;
	border-collapse:collapse;
	text-align: center;
	background-color:#FFF;
}




/* header row */

th { 
		background: #0045a6; 
		color: white; 
		font-weight: bold;
		padding: 1em;
		border: 1px solid white;
		vertical-align:top;
	}
	
td {	
		padding: 1em;
		border: 1px solid #ccc;
}


/* Zebra striping */
tr:nth-of-type(odd) {background: #eee;}

		
		
figcaption { 
		font-size:0.6em;
 		text-align:center;
}

@media screen and (max-width: 37.500em) {
	th { 
		padding: 0.5em;
		
	}
	
td {	
		padding: 0.5em;
		
}
	
	
}
		
 
@media screen and (max-width: 30em) {
	
.blue {background-color: #B0D1FF;}	
	
.table {
	width: 100%;
	
}		
	
table.responsive, table.responsive thead, table.responsive tbody,     table.responsive th, table.responsive td, table.responsive tr {
	display:block;
}

table.responsive thead tr {
	position:absolute; 
	top:-9999px; 
	left:-9999px;
	border:none; 
}
	
table.responsive tr {
	border:1px solid #ccc; 
	margin-bottom:5px;
	padding-right: 2em;
	 
}

table.responsive td {
	border:none; 
	position:relative;
	text-align:left;
	width:100%;
	
}

table.responsive td:before, Table.responsive td .td-text {
	width:100%;
	float:left;
	
	
}

table.responsive td:before {
	width:100%; 
	text-align:left;
	/* if you want the header colour to be used */
	/*background-color: #000; */
	
	/* the header colour is used for the column titles */
	
	

	
	color: blue;
	font-weight:bold; 
	content:attr(data-content); 
	
	display:block;
}
    
	table.responsive td:after {
		content:""; 
		display:table;
		
		
		clear:both;
}



}