﻿
    .tutorial-block {
        width: 100%;
        overflow: hidden;
        padding: 10px;
        box-sizing: border-box;
    }

    .tutorial-block:not(:last-of-type) {
        border-bottom: 1px solid #ddd;
    }

    .tutorial-block :not(.side-left),
    .tutorial-block :not(.side-right) {
        width: 100%;
    }

    .tutorial-block .side-left {
        width: 60%;
    }

    .tutorial-block .side-right {
        width: 40%;
        padding-left: 15px;
        box-sizing: border-box;
    }

    .tutorial-block .side-left,
    .tutorial-block .side-right {
        float: left;
    }

        .tutorial-block .side-left img.tutorial-image {
            width: 99%;
        }

    img.tutorial-image { 
        border: 1px solid #bbb;
        box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
    }

    .tutorial-description {
        font-size: 8pt;
        text-align: justify;
    }

    .tutorial-description > span {
        text-decoration: underline;
        font-style: italic;
        padding: 10px 0;
        display: block;
    }

    .tutorial-block table {
        width: 100%;
        height: auto;
        border-collapse: collapse;
        margin: 5px 0;
    }

        .tutorial-block table tr {
        }

            .tutorial-block table tr td {
                vertical-align: top;
                text-align: left;
                padding: 10px 5px;
                text-align: justify;
            }

            .tutorial-block table tr td ul {
                padding: 0;
                margin: 0;
            }

            .tutorial-block table tr td:first-of-type {
                width: 30%;
            }

            .tutorial-block table tr:not(:last-of-type) td {
                border-bottom: 1px solid #ddd;
            }

            #tuts .panel > *:not(.innerpanel-header) {
                display: none;
            }
