.rawtnut-info p {
    font-size: 0.7em;
    line-height: 1em;
    margin: 0.4em 0;
}

.rawtnut-info .nut-info-src {
    font-size: 0.7em;
}

.rawtnut-info .nut-info-tables {
    margin-bottom: 0.5em;
    overflow: hidden;
}

.rawtnut-info .rawtnut-info-table {
    overflow: hidden;
}

.rawtnut-info table thead {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
}

.rawtnut-info table {
    width: 100%;
    margin: 0.2em 0 !important;
    font-size: 0.9em !important;
}

.rawtnut-info table th {
    color: #222 !important;
    font-weight: bold !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    font-size: 0.75em;
}

.rawtnut-info table tr {
    background: none;
}

.rawtnut-info table tr:hover td {
    background: #eee;
}

.rawtnut-info table td {
    padding: 0.4em 0 0 0;
}

.rawtnut-info table tbody,
.rawtnut-info table td {
    border: none;
}

.rawtnut-info td.nut-name {
    min-width: 85px;
}

.rawtnut-info td.nut-value {
    width: 10%;
    min-width: 80px;
}

.rawtnut-info td.nut-dv {
    width: 10%;
    min-width: 80px;
}

.rawtnut-info .nut-controls {
    margin: 0.8em 0 0 0;
    font-size: 0.8em;
}

.rawtnut-info .nut-controls .rawt-button {
    display: block;
    float: left;
    margin: 0.5em 0.5em 0 0;
}

/**
 * Overview
 */
.rawtnut-info-overview .grade-area {
    display: none;
    position: relative;
   /* font-size: 2.7em;
    line-height: 1em;*/
    text-align: center;
    margin-bottom: 1em;
}

.js .rawtnut-info-overview .grade-area {
    display: block;
}

.no-canvas .rawtnut-info-overview .grade-area {
    display: none !important;
}

.rawtnut-info-overview .grade-area .desc {
    font-size: 0.7em;
    line-height: 1.1em;
    font-style: italic;
    width: 100%;
}

@media all and (min-width: 500px) {
    .rawtnut-info-overview {
        display: table;
    }

    .js .rawtnut-info-overview .grade-area {
        display: table-cell;
        vertical-align: middle;
        padding-right: 1em;
        margin: 0;
    }

    .rawtnut-info-overview .list-area {
        display: table-cell;
        vertical-align: middle;
    }
}

.rawtnut-info-overview .list-area ul li {
    list-style: none;
    margin: 0 0 0.8em 0 !important;
}

.rawtnut-info-overview .item {
    font-style: italic;
}