.detailTableContainer { width: 100%; max-width: 1000px; text-align: center; margin: 0 auto; } .detailTable { border-collapse: collapse; border-spacing: 0; text-align: left; width: 100%; margin: 0 auto; } .stretchedDetailTable { width: 100%; } .detailTable a { text-decoration: none; } .detailTable a:hover { text-decoration: underline; } .detailTable td { border-spacing: 0; border-top: 1px solid #444; border-bottom: 1px solid #444; padding: 3px 5px; } .detailTable th { border-spacing: 0; border-bottom: 1px solid #444; padding: 5px; font-weight: normal; text-align: left; vertical-align: top; } .detailTable tr:hover { background: #555; } .userDataCell { width: 130px; text-align: right; } .tabletColumn { display: none; } .detailTable .btnPlay { border: 0; padding: 0; margin: 0; background: none; cursor: pointer; } .detailTable .btnPlay:hover { opacity: .6; } @media all and (min-width: 750px) { .tabletColumn { display: table-cell; } }