.dialog-window {
    position: absolute;
    display: none;
    background-color: transparent;
    @include size(margin-top, -5px);
    @include size(margin-left, 10px);
    @include size(width, 200px);

    @media screen and (max-width: 29.999999em) {
        left: 0 !important;
        right: 0;
        @include size(margin-left, 0);
        width: auto;
    }

    div.header {
        @include mono;
        @include size(font-size, 11px);
        width: 4em;
        background-color: #FFF;
        padding: 1em;
        right: 0;
        left: auto;
        float: right;
        text-align: center;

        @media screen and (min-width: 30em) {
            padding-top: 0.5em;
            padding-bottom: 0.5em;
            border-right: 0.3em solid #DDD;
        }
    }

    div.target {
        background-color: #FFF;
        color: black;
        border-bottom: 0.3em solid #DDD;
        padding: 1em 10px;
        clear: both;

        @media screen and (min-width: 30em) {
            border-right: 0.3em solid #DDD;
            padding-left: 1em;
            padding-right: 1em;
        }
    }

    h1 {
        @include size(font-size, 12px);
        font-weight: normal;
        margin-top: .4em;
    }

    textarea, input {
        width: 100%;
    }
}







.cuteform {
    @include size(font-size, 11px);

    ol, ul {
        padding: 0;
        margin: 0;
        list-style: none;
        @include size(font-size, 16px);

        li {
            margin-top: 0.7em;
        }
    }

    label {
        display: block;
    }

    span.helptext {
        display: block;
        font-size: 0.9em;
        color: #999;
    }

    .error {
        color: #BF3024;
        display: block;
    }

    .errorlist {
        color: #BF3024;
    }

    .checkbox {
        label {
            display: block;
            padding-left: 15px;
            text-indent: -15px;
        }

        input {
            width: 13px;
            height: 13px;
            padding: 0;
            margin:0;
            vertical-align: bottom;
            position: relative;
            top: -1px;
            *overflow: hidden;
        }
    }
}


.jqmOverlay { background-color: #000; }



.hidelabels label, .hidelabels .label {
    @include hidden-label;
}

.hidelabels label.nohide {
    width: auto;
    height: auto;
}

.hidelabels .checkbox .label {
    display: inline;
}


@media screen and (min-width: 30em) {
    #login-window {
        @include size(width, 260px);
    }
    #register-window {
        width: 26em;
    }
    #context-login-window {
        width: 26em;
    }
    #suggest-window {
        width: 26em;
    }
    #suggest-publishing-window {
        width: 29em;
    }
    #custom-pdf-window {
        width: 24em;
    }
}

#suggest-window textarea {
    height: 6em;
}
#suggest-publishing-window textarea {
    height: 3em;
}
#custom-pdf-window label {
    display: inline;
}