.table-wrapper {
   position: relative;
   margin: 5em 0;
}
.table-menu-wrapper {
   position: absolute;
   top: -3em;
   right: 0;
}
.table-menu {
   position: absolute;
   background-color: #fff;
   padding: 10px;
   border: 1px solid #ccc;
   font-size: 1.2em;
   width: 12em;
   right: 0;
   left: auto;
}
.table-menu-hidden {
   left: -999em;
   right: auto;
}
.table-menu-btn {
   text-decoration: none;
   color: #333;
   font-size: 1.2em;
   background: #eee url(../_img/icon-menu.png) no-repeat 5px center;
   padding: .3em 10px .3em 20px;
   border: 1px solid #ccc;
}
.table-menu li {
   padding: .3em 0;
}



.enhanced th,
.enhanced td {
   display: none;
}

.legacy-ie .enhanced th.essential, 
.legacy-ie .enhanced td.essential {
	display: inline;
}
.enhanced th.essential, 
.enhanced td.essential {
   display: table-cell;
}



@media screen and (min-width: 500px) {
	.legacy-ie .enhanced th.optional, 
	.legacy-ie .enhanced td.optional {
		display: inline;
	}
	.enhanced th.optional, 
	.enhanced td.optional {
		/*display: table-cell;*/
      display: none;
	}
}

@media screen and (min-width: 800px) {
   .legacy-ie .enhanced th, 
   .legacy-ie .enhanced td {
      display: inline;
   }
   .enhanced th, 
   .enhanced td {
      display: table-cell;
   }
}



/* customise */
.table-wrapper { padding: 60px 0 0 0;}
a.table-menu-btn { border: #cccccc 1px solid; border-radius: 5px; padding: 10px 20px 10px 30px; display: block; background: #ffffff; color: #000000!important; font-weight: normal!important;}
a.table-menu-btn:after { content: url(../images/rwd-table-bg.png); margin-left: 10px; }

.table-menu { border: #cccccc 1px solid; border-radius: 5px; margin-top: 1px;}
.table-menu ul { padding: 0; margin: 0;}
.table-menu ul li { list-style: none; border-bottom:1px #f3f3f3 solid; position:relative;}
.table-menu ul li:last-of-type { border-bottom:none; }






.table-menu ul li span { margin-left:30px; display:block; width:150px; }
.table-menu ul li input[type=checkbox] { visibility:hidden; }
.table-menu ul li label  { cursor:pointer; position:absolute; width:22px; height:22px; top:6px; left:20px; background:#fff; border:1px solid #dae4eb; }
.table-menu ul li label:after { opacity:0.2; content:""; position:absolute; width:12px; height:8px; background:transparent; top:4px; left:4px; border:3px solid #333; border-top:none; border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.table-menu ul li label:hover::after { opacity:0.5; }
.table-menu ul li input[type=checkbox]:checked + label{ background:#fff; opacity:1; }
.table-menu ul li input[type=checkbox]:checked + label:after { background:#fff; opacity:1; border:3px solid #acc42a; border-top:none; border-right:none;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}