@import url("color_white.css");
@import url("color_canvas.css");
@import url("color_shadow.css");
@import url("global.css");
@import url("reports.css");
@import url("documentation.css");
@import url("page_specific.css");

@media (max-width: 1000px) {
    #prettydiff #functionGroup {
        height: 4em;
    }
    #prettydiff #webtool #infolinks {
        float  : left;
        margin : 4em 0 -8em;
        padding: 0;
    }
}
@media (max-width: 575px) {
    #prettydiff #webtool #functionGroup {
        height: 6em;
    }
    #prettydiff #webtool #functionGroup span {
        height: 2.5em;
    }
    #prettydiff #webtool #infolinks {
        float  : left;
        margin : 6em 0 -12em;
        padding: 0;
    }
    #prettydiff #webtool .apiname,
    #prettydiff #webtool .option-description {
        display: none;
    }
}
@media (max-width: 640px) {
    #prettydiff #codeInput label {
        display: none;
    }
    #prettydiff #dcolorScheme {
        margin: 0 0 1em;
    }
    #prettydiff #diffBase,
    #prettydiff #diffNew {
        width: 46%;
    }
    #prettydiff #functGroup span {
        margin-left: 0.5em;
        position   : relative;
        z-index    : 10;
    }
    #prettydiff #infolinks {
        margin: 0;
    }
    #prettydiff #reports {
        display: none;
    }
    #prettydiff #update {
        margin-top: 2.75em;
    }
    #prettydiff .file input,
    #prettydiff .labeltext input {
        width: 12em;
    }
}




@media print {
    #prettydiff #webtool p,
    #prettydiff #webtool ul,
    #prettydiff .options,
    #prettydiff ul {
        display: none;
    }
    #prettydiff #webtool td {
        font-size  : 0.8em;
        white-space: normal;
    }
    #prettydiff div {
        width: 100%;
    }
}