.css-table{
	width: 99.9%;
	background-color: #ffffff;
	border-collapse: collapse;
	margin-bottom: 20px;
	font-size: 14px;
}


.css-table .td, .css-table .th{
	padding: 5px;
}


.css-table .td{
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	vertical-align: middle;
}
.css-table .td a{
	color: #666666;
}
.css-table .td a:hover{
	color: #FF3333; 
	}



.css-table .th{
	color:#ffffff;
	border: #fff 1px solid;
	text-align: center;
}


.css-table{
	display: table;
	display: none;
}
.css-table .thead{
	display:table-header-group;
}
.css-table .tbody{
	display:table-row-group;
}
.css-table .tr{
	display:table-row;
}
.css-table .th,
.css-table .td{
	display:table-cell;
}


@media only screen and (max-width: 960px) {
	
	.css-table{
		background-color: transparent;
	}
	.css-table .thead{
		display: none;
	}
	.css-table .tr{
		display:block;
		border: #ddd 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%;
		font-size: 14px;
	}
}
@media only screen and (max-width: 480px) {
	.hide-column .small{
		display: none;
	}
}