/* Originally based on http://zurb.com/playground/playground/responsive-tables/index.html */

table.responsive {
    float: left; /* Required for Firefox */
}
table th {
    font-weight: bold;
}
table th:first-child {
    font-weight: normal;
}
table td, table th {
    width: 86px;
    padding: 9px 10px;
    text-align: center;
    vertical-align: top;
}
table tr.alt-cols td:nth-child(odd), table tr.alt-cols th:nth-child(odd) {
    background: #ededed;
}
table tr.upper-cols td:first-child {
    background: #ededed;
    vertical-align: top;
}
table td.divider, table tr.upper-cols td.divider {
    background: #3f3f3f;
    color: #fff;
    padding: 5px 10px;
    text-align: left;
}
table h2 {
    padding-bottom: 0;
}
.gizmodo-blue {
    color: #3697b3;
    font-weight: bold;
}

.meta-score-badge {
    background: url(http://files.alluremedia.com.au/site/reviews/metascore_badge.png);
    width: 68px;
    height: 68px;
    margin: 0 auto;
    position: relative;
}

.meta-score-text {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    font-family: inherit;
    position: absolute;
    top: 14px;
    right: 9px;
}

.gizmodo #content_post table tr td .black-link {
    color: #000;
}


@media only screen and (max-width: 767px)  {
    .mobile-tables table.responsive {
    margin-bottom: 0;

}

/* Note: Some of the styles below related to the old responsive tables plugin
Kept intact in case we want to revert later */

.mobile-tables .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.mobile-tables .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
}
.mobile-tables .pinned table th, .mobile-tables .pinned table td {
    white-space: nowrap;
}
.mobile-tables .pinned td:last-child {
    border-bottom: 0;
}
.mobile-tables div.table-wrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid #ccc;
}
.mobile-tables div.table-wrapper div.scrollable {
    overflow: scroll;
    overflow-y: hidden;
}
.mobile-tables table.responsive td, .mobile-tables table.responsive th {
    position: relative;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-align: center;
}
.mobile-tables table.responsive td.divider
{
    text-align: left;
}
/*.mobile-tables table.responsive th:first-child, .mobile-tables table.responsive td:first-child, .mobile-tables table.responsive td:first-child, .mobile-tables table.responsive.pinned td {
    display: none;
}*/

}

/* Additional styles */

#swipe_message .well-inverse { padding: 5px 10px; text-align: center; }

#swipe_message span { font-size: 13px; font-weight: 700; color: #fff; }

/*.mobile-tables .table-picture-row { display: none; }*/

table img.size_xlarge { width: 80px !important; }

/*.desktop-tables .table-wrapper { overflow-x: scroll; }*/