.mediaTable {
width: 100%;
border-collapse: collapse;
}
.mediaTableMenu label {
display: inline !important;
}
.mediaTableWrapper {
position: relative;
}
.mediaTableWrapperWithMenu {
padding-top: 3em;
}
.mediaTableMenuClosed ul {
display: none;
} .activeMediaTable th,
.activeMediaTable td {
display: none;
}
.activeMediaTable th.essential,
.activeMediaTable td.essential {
display: table-cell;
_display: block; } *+html .activeMediaTable th.essential,
*+html .activeMediaTable td.essential {
display: block
} @media screen and (min-width: 768px) {
.activeMediaTable th.optional,
.activeMediaTable td.optional {
display: table-cell;
_display: block; } *+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; } *+html .activeMediaTable th,
*+html .activeMediaTable td {
display: block
}
}    .colstyle .mediaTableMenu {
position: absolute;
top: 0;
right: 0;
background: #fff;
border-radius: 1px;
overflow: hidden;
box-shadow: -1px -1px 5px 2px #eee;
}
.mediaTableMenu a:hover,
.mediaTableMenu a:focus {
text-decoration: none;
}
.colstyle .mediaTableMenu a {
display: block;
background: none;
box-shadow: -1px -1px 5px 2px #eee;
padding: 0.6em;
cursor: pointer;
}
.colstyle .mediaTableMenu ul {
list-style-position: outside;
list-style: none !important;
margin: 0;
padding: 0 0.5em;
}
.colstyle .mediaTableMenuClosed a {
border-radius: 1px;
}
.colstyle .mediaTableMenu ul li {
line-height: 15px;
margin: 0;
}
.colstyle .mediaTableMenu ul li label {
cursor: pointer;
text-transform: none;
font-size: 13px;
}
.colstyle .mediaTableMenu ul li imput {
margin-bottom: 0;
}