views_mediatable.css in Views MediaTable 7

.mediaTableWrapper {
	position: relative;
}

.mediaTableWrapperWithMenu {
	padding-top: 3em;
}

.mediaTableMenuClosed ul {
	display: none;
}

.mediaTableMenu {
	position: absolute;
	top: 0;
	right: 0;

	border: 1px solid #aaa;
	border-radius: 5px;
	overflow: hidden;
}

.mediaTableMenu a {
	display: block;
	background: #ddd;
	padding: 0.5em;
	cursor: pointer;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	
}

.mediaTableWrapper .mediaTableMenu ul {
	background: #FFF;
	margin: 0;
	padding: 0 0.5em;
}

.mediaTableMenuClosed a {
	border-radius: 5px;
}

.mediaTableMenu ul li {
	line-height: 2em;
	position: relative;
}

.mediaTableMenu ul li label {
	cursor: pointer;
	padding-left: 20px;
}
.mediaTableMenu ul li input {
	position: absolute;
	top: 5px;
}



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

.activeMediaTable th.essential,
.activeMediaTable td.essential {
	display: table-cell;
	_display: block; /* IE6 Hack */
}
/* IE7 Hack */
*+html .activeMediaTable th.essential,
*+html .activeMediaTable td.essential {
	display:block;
}

/* ----- Media Queries ------------ */

@media screen and (min-width: 768px) {
	.activeMediaTable th.optional,
	.activeMediaTable td.optional {
		display: table-cell;
		_display: block; /* IE6 Hack */
	}
	
	/* IE7 Hack */
	*+html .activeMediaTable th.optional,
	*+html .activeMediaTable td.optional {
		display: block;
	}
	
}

@media screen and (min-width: 1024px) {
	.activeMediaTable th,
	.activeMediaTable td {
		display: table-cell;
		_display: block; /* IE6 Hack */
	}
	
	/* IE7 Hack */
	*+html .activeMediaTable th,
	*+html .activeMediaTable td {
		display: block;
	}
	
}