.screenshot {
    text-align: center;
}

.screenshot img {
    
}

/* The following style is used by the Potential Pitfall sections in the instructions. */
.pitfallwrapper {
    /*
        This is a hack for IE5, 6, and 7, which improperly treat block elements as inline elements for purposes of margins.  As
        a result, the "margin: X auto" in .pitfall will NOT center the block in IE.  To accomodate this as well as browsers
        that properly implement CSS, we wrap the pitfall div in a wrapper that uses "text-align: center" (to center under IE)
        and then move it back in .pitfall.
    */
    text-align: center;
}

.pitfall {
    border: 1px solid #d40;
    background: #ffc;
    width: 75%;
    min-width: 720px;
    margin: 1.5em auto;
    padding: 0.5em 1em 0.5em 1em;
    display: block;
    text-align: justify;
}

.pitfall .header {
}

.pitfall .header table {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-width: 0px;
    border-spacing: 2px;
    border-collapse: separate;
    width: 100%;
    table-layout: fixed;
}

.pitfall .header td {
    text-align: center;
    border-width: 0px;
    padding: 4px 10px 4px 10px;
    font-size: x-large;
    color: #820;
}

.pitfall img {
    max-width: 100%;
}

.compressionResults
{
    /*
        This is a hack for IE5, 6, and 7, which improperly treat block elements as inline elements for purposes of margins.  As
        a result, the "margin: X auto" in .download table will NOT center the block in IE.  To accomodate this as well as
        browsers that properly implement CSS, we force the .download div to have "text-align: center".
    */
    text-align: center;
}

.compressionResults table {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-style: outset;
    border-width: 1px;
    border-spacing: 2px;
    border-collapse: separate;
    background-color: #fff;
    width: 70%;
    table-layout: fixed;
}

.compressionResults td {
    text-align: center;
    border-style: inset;
    border-width: 1px;
    background-color: #fff;
}

.compressionResults th {
    text-align: center;
    border-style: inset;
    border-width: 1px;
    background-color: #fff;
    font-weight: bold;
    font-size: normal;
}