table.excel {
	/*border-style:ridge;*/
	border-style:solid;
	border-width:1;
	border-collapse:collapse;
	font-family:sans-serif;
	/*font-size:10px;*/
	font-size:1em;
	margin-left:auto;
	margin-right:auto;
	width: 80%;
}

table.excel thead th, table.excel tbody th {
	background:#CCCCCC;
	/*border-style:ridge;*/
	border-style:solid;
	border-width:1;
	text-align: center;
	vertical-align:bottom;
}
table.excel tbody th {
	text-align:center;
	/*width:20px;*/
	width:1em;
}
table.excel tbody td {
	vertical-align:middle;
}
table.excel tbody td {
    padding: 0 3px;
	border: 1px solid #EEEEEE;
}
table.excel th {
	/*font-size:10px;*/
	font-size:0.7em;
}
table.excel td {
    /*font-size:1.5em;*/
	font-size:0.7em;
}

@media only screen and (max-width: 760px),
(min-device-width: 320px) and (max-device-width: 1024px)  {	/* Force table to not be like tables anymore */
	table, thead, tbody {
		display: block;
	}
	
	table.excel {
		/*width: 100%;*/
		width: 80%;
		white-space: nowrap;
		border:none;
		border-collapse: collapse;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.excel thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.excel tr {
		border: 1px solid #eee;
	}
	
	table.excel th {
		font-size:0.45em;
	}
	
	table.excel td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 50%;*/
		padding-left: 30%;
		/*font-size:0.8em;*/
		font-size:0.45em;
		height: auto;
	}
	
	table.excel td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
	}
}

@media (max-width: 600px)  {

	table.excel {
		/*margin-left:-5em !important;*/
		margin-left:-1em !important;
	}
	
}
@media (max-width: 480px)  {

	table.excel {
		width:70% !important;
		/*margin-left:-8.2em !important;*/
		margin-left:-1em !important;
	}
	
}
@media (max-width: 320px)  {

	table.excel {
		/*width:100%;*/
		/*margin-left:-9.1em !important;*/
		margin-left:0em !important;
		font-size:0.5em !important;
		white-space: nowrap;
	}
	table.excel tr th {
		/*font-size:0.9em !important;*/
		font-size:0.5em !important;
		display: table-cell;
	}
	table.excel tr td {
		height: 100%;
		height: 1 !important;
		white-space:nowrap;
	}
	
}
