/*****make the tables compacted automatically whenever they are larger than the content width area. The overwidth class style is added/deleted via jquery*****/


	.flip-scroll .overwidth th h3 {font-size:10px; padding:4px 8px 6px}
.flip-scroll .overwidth .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.flip-scroll .overwidth * html .cf { zoom: 1; }
.flip-scroll .overwidth *:first-child+html .cf { zoom: 1; }
	
.flip-scroll table.overwidth { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
.flip-scroll .overwidth th,
.flip-scroll .overwidth td { margin: 0; vertical-align: top;  }
.flip-scroll .overwidth th { text-align: left; border:0; }
	
.flip-scroll table.overwidth { display: block; position: relative; width: 100%; }
.flip-scroll .overwidth thead { display: block; float: left;  }
.flip-scroll .overwidth tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; border-left: 1px solid #B0B0B0; }
.flip-scroll .overwidth thead tr { display: block;  }
.flip-scroll .overwidth th { display: block; text-align: right; }
.flip-scroll .overwidth tbody tr { display: inline-block; vertical-align: top; }
.flip-scroll .overwidth td { display: block; text-align: left; }
 	
.flip-scroll .overwidth tr.searchers th { display:none; }

	
	/*
	

    @media only screen and (max-width: 800px) {
		
	.tinytable th h3 {font-size:10px; padding:4px 8px 6px}
	.tableheader input{ width:150px;}
	
	.flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.flip-scroll * html .cf { zoom: 1; }
	.flip-scroll *:first-child+html .cf { zoom: 1; }
	
	.flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	.flip-scroll th,
	.flip-scroll td { margin: 0; vertical-align: top;  }
	.flip-scroll th { text-align: left; border:0; }
	
	.flip-scroll table { display: block; position: relative; width: 100%; }
	.flip-scroll thead { display: block; float: left;  }
	.flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; border-left: 1px solid #B0B0B0; }
	.flip-scroll thead tr { display: block;  }
	.flip-scroll th { display: block; text-align: right; }
	.flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	.flip-scroll td { display: block; text-align: left; }
 	
	.flip-scroll tr.searchers th { display:none; }
 
}