/*
 * Login/logout button and form
 */
div.login { width:14em; margin:.5em 1ex 0 auto; }
div.login > div:first-of-type { width:100%; }
div.login button, div.login input { width:100%; }

/*
 * Pretty images below the form
 */
table.footer { margin:0 auto; border-top: 1px dotted black; }
table.footer img { height:180px; }
table.footer td {text-align:center; padding:4ex 4em 2ex 4em; }

/*
 * Click to toggle between text preview and full text
 */
.textpreview.open .short { display:none; }
.textpreview:not(.open) .long { display:none; }
.textpreview .long { white-space:pre-wrap; min-width:40em; margin-bottom:0px; }

/*
 * Help stupid bootstrap to display a warning label
 */
div.has-error .red-if-warning { color:#a94442; }

/*
 * Disable button for deleting the last element in a list
 */
.clonable:first-of-type .killbutton { display:none; }

/*
 * Sub-caption styling
 */
label .subcaption { font-weight:normal; }


/*
 * Sane layout for form
 */
table.mform {
    width:100%;
}
table.mform td {
    vertical-align:bottom;
}
table.mform td:not(:last-of-type) {
    padding-right:.5em;
}
table.mform tr:not(:first-of-type) td {
    padding-top:.5ex;
}

label {
    padding-right:.5em;
    margin-bottom:0pt;
}
label.readonly {
    color:#888;
}
input[type=text], textarea {
    width:100%;
}
button[type=submit] {
    margin-top:10px;
}
.container.mform {
    background: linear-gradient( to bottom right, #e0e0e0, #f0f0f0);
    box-shadow: 0px 0px 20px #a0a0a0;
    padding-top:1ex;
    padding-bottom:1ex;
    margin-bottom:10px;
}


/*
 * Better layout for statistics-table
 */
table.table-striped.table-bordered.vtop td, table.table-striped.table-bordered.vtop th {
    vertical-align:top;
}