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

#demo-table, .css-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.css-table .thead {
    display: table-header-group;
}

.css-table .tr {
    display: table-row;
}

.css-table .th, .css-table .td {
    display: table-cell;	
	padding:5px;
	text-align:center;
}

.css-table .th{
    border-top:1px solid #aaa;
    border-bottom:1px solid #aaa;
}

.css-table .tbody {
    display: table-row-group;
}


@media only screen and (max-width: 960px)
{
	.css-table .thead {
		display: none;
	}
	
	.css-table .tr {
		display: block;
		border: #aaa 1px solid;
		margin-bottom: 5px;
		background: #ffffff;
	}

	.css-table .th, .css-table .td {
		display: inline-block;
		width: 48%;
		border: none;
	}
}

@media only screen and (max-width: 720px)
{
	.css-table .th, .css-table .td {
		display: block;
		width: 100%;
	}
	
	.css-table .td
	{
		text-align:left;
	}
	.css-table .td:first-child
	{
		text-align:right;
	}
	.css-table .td:last-child
	{
		text-align:center;
	}
	.css-table .footerstyle .td:first-child
	{
		text-align:left;
	}
	.css-table .footerstyle .td:last-child
	{
		text-align:left;
	}
	
	
}