/* Styles for the tables test page */



/* Test page styles */
/*.docs {
   margin: 3% 5%;
   font-size: 1.2em;
}
.docs h3 {
   font-size: 1.2em;
   font-weight: bold;
   margin: .5em 0;
}
.docs p {
   margin: 0 0 1em;
}*/


/*body {
   font: 62.5%/1.3 Helvetica, sans-serif;
}*/
.a11y-only {
   position: absolute;
   left: -999em;
}

[class^=table-wrapper] {
   position: relative;
   margin: 5em 0 0 0;
   padding-top:1px;
}
[class^=table-menu-wrapper] {
   position: absolute;
   top: -3em;
   right: 0;
}
.table-menu {
   position: absolute;
   background-color: #fff;
   padding: 10px;
   border: 1px solid #D4D4D4;
   width: 12em;
   /*min-width:100px;*/
   right: 0;
   left: auto;
   top:35px;
   font-size:14px;
   box-shadow: -5px 5px 5px -5px #D4D4D4;
}
.table-menu ul{margin:0px; padding:0px;}
.table-menu ul li{list-style:none; color:#9B9B9B;}
[class*=table-menu-hidden] {
   left: -999em;
   right: auto;
}
[class^=table-menu-btn] {
   text-decoration: none;
   background: url(images/icon-display.png) no-repeat 86% center #ECECEC;
   padding: 10px 40px 10px 20px;
   border-bottom: 2px solid #D4D4D4;
   font-weight:normal;
   color:#222222;
   text-transform:uppercase;
   font-size:14px;
}
[class^=table-menu-btn]:hover{color:#222222;}
.table-menu li {
   padding: .3em 0;
}



/* Table styles */
/*table {
	width: 100%;
	font-size: 1.2em;
}
thead th {
	white-space: nowrap;
	border-bottom: 1px solid #ccc;
	color: #888;
}
th, td {
   padding: .5em 1em;
	background-color: #fff;
	text-align: right;
}
th:first-child, 
td:first-child {
   text-align: left;
}
tbody th, td {
	border-bottom: 1px solid #e6e6e6;
}
.co-name {
   display: block;
   font-size: .9em;
   opacity: .4;
}*/

.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;
	}
}

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