/* These apply across all breakpoints because they are outside of a media query */
/* Make the labels light gray all caps across the board */
.book-list thead th,
.book-list tbody th .ui-table-cell-label,
.book-list tbody td .ui-table-cell-label {
    text-transform: uppercase;
    font-size: 1em;
    color: #000;
/*  font-weight: normal; */
}
/* White bg, large blue text for aware and description */
.book-list tbody th {
/*  font-size: 1.1em; */
    background-color: #fff;
    color: #000;
    text-align: left;
    padding-left: .8em;
}
/* Add strokes */
.book-list thead th {
    border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */
    border-bottom: 1px solid rgba(0,0,0,.1);
    vertical-align: top;
}
.book-list tbody th,
.book-list tbody td {
    border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback  */
    border-bottom: 1px solid rgba(0,0,0,.05);
    vertical-align: top;
}

.book-list tbody th.title {
    font-weight: normal;
    }
/*  Custom stacked styles for mobile sizes */
/*  Use a max-width media query so we don't have to undo these styles */
@media (max-width: 690px) {
    /*  Negate the margin between sections */
    .book-list tbody th {
        margin-top: 0;
        text-align: left;
    }
    /*  White bg, large blue text for rank and title */
    .book-list tbody th,
    .book-list tbody th.title {
        display: block;
        font-size: 1em;
        line-height: 110%;
        padding: .5em .5em;
        background-color: #fff;
        color: #000;
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.1);
        box-shadow: 0 1px 6px rgba(0,0,0,.1);
    }
    /*  Hide labels for award and description */
    .book-list tbody th .ui-table-cell-label,
    .book-list tbody td.title .ui-table-cell-label {
        display: none;
    }
}
/* Media query to show as a standard table at wider widths */
@media ( min-width: 690px ) {
    /* Show the table header rows */
    .book-list td,
    .book-list th,
    .book-list tbody th,
    .book-list tbody td,
    .book-list thead td,
    .book-list thead th {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */
    .book-list td .ui-table-cell-label,
    .book-list th .ui-table-cell-label {
        display: none;
    }
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this */
@media ( max-width: 690px ) {
    .book-list td,
    .book-list th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}
/*	.author {font-style: italic;
	} */