header .topHeader h1,
header .topHeader .additionalHeaderInformation {
    display: inline;
}

header .topHeader > img {
    padding-right: 25px;
}

#newList {
    width: 800px;
    max-width: 100%;
}

#sendNewReport {
    float: left;
    max-width: 550px;
    margin-right: 5px;
}

.informationMaintainer {
    display: table-cell;
    width: 100%;
}

.selectMaintainer {
    display: table-cell;
    text-align: right;
    padding-left: 5px;
    white-space: pre;
}

#sendReport {
    float: left;
}

#searchReports {
    overflow: hidden;
    min-width: 200px;
    max-width: 500px;
    margin-left: 5px;
}

#reportViewInformation, .generalReportThings, .reportTools {
    display: table;
    width: 100%;
}

#numberOfReports, .generalReportInformation, .reportHandlers {
    display: table-cell;
    text-align: left;
}

#sortReports, .generalReportActions, .reportCategories {
    display: table-cell;
    text-align: right;
}

.messages textarea {
    width: 900px;
    max-width: 100%;
}

#pageBrowsers, #extraInformationReport {
    text-align: right;
}

.loginForm {
    width: 300px;
}

.collectionlistForm {
    width: 800px;
}

.newspaperForm > div {
    width: 500px;
}
 
.newspaperForm fieldset {
    width: 600px;
}
 
.newspaperForm .categories {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.csvInxForm {
    width: 500px;
}

form .fillInOption > label,
form .pickOption > label {
    width: 40%;
}

form .fillInOption > input,
form .fillInOption > select,
form .pickOption > select {
    width: 60%;
}

form .fillInOption > label,
form .fillInOption > input,
form .fillInOption > select,
form .pickOption > label,
form .pickOption > input {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

.cvsEditArea {
    width: 1100px;
    max-width: 100%;
}

main.story {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

main.story .generalInformation {
    flex: 1;
    width: 70%;
    float: left;
}

.itemProperties dt {
    float: left;
}

.itemProperties dt.multilineDefinition {
    float: none;
}

.itemProperties dt.multilineDefinition:after {
    content: '';
    white-space: normal;
}

.itemProperties dt:after {
    content: ': ';
    white-space: pre;
}

.itemProperties dd.multilineDefinition,
.subStoryInformation li {
    margin-left: 5px;
}

.subStoryInformation {
    margin-top: 15px;
    margin-bottom: 15px;
}

main.story .storyImageHighlights {
    flex: 0 1 content;
    display: block;
    width: 25%;
    float: right;
    margin-left: 15px;
}

.storyImageHighlights:empty {
    margin-left: 0px;
}

.storyImageHighlights > div {
    float: right;
    clear: right;
}

.storyImageHighlights .scan figure {
    margin: 0px;
    width: 100%;
}

main.story .storyVersions,
main.story .storyPublications,
main.story .scanList,
main.story .errorList {
    flex: 0 0 100%;
    width: 100%;
}

.storyPublications .storyPublicationsHeader {
    display: table;
}

.storyPublications .storyPublicationsHeader .publicationInformation {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    padding-left: 15px;
}

.storyPublications .storyPublicationsHeader h2 {
    display: table-cell;
}

div.storyVersions {
    overflow-x: auto;
}

.verticalTable > tbody > tr > th {
    text-align: left;
}

.itemTable > tbody > tr.article > th {
    background-color: #cccc99;
}

.itemTable > tbody > tr.gag > th {
    background-color: #ff99ff;
}

.itemTable > tbody > tr.normal > th {
    background-color: #cbdced;
}

.itemTable > tbody > tr.cover > th {
    background-color: #ffcc33;
}

.itemTable > tbody > tr.movie > th {
    background-color: #5ed1d1;
}

.itemTable > tbody > tr.full > th {
    background-color: #adffcb;
}

.itemTable > tbody > tr.partial > th {
    background-color: #ffdd87;
}

.itemTable .position,
.itemTable .hero,
.itemTable .pagel,
.itemTable .part {
    font-size: x-small;
}

/* Restore smaller font if no title is following; restoring done to allow old
 * browsers to show normally the hero small.
 */
.itemTable .hero:last-child {
    font-size: inherit;
}

.itemTable .reprints,
.itemTable .description,
.itemTable .comment {
    display: none;
}

main.issue .issueImageHighlight:not(:empty) {
    margin-right: 15px;
}

/* The following rules that are not in the @supports area provide a fallback. */

div.issue > main > .issueImageHighlight {
    float: left;
}

div.issue > main > .content {
    clear: left;
}

@supports (display: grid) and (display: contents) {
    div.issue {
        display: grid;
        grid-template-columns: 0fr 1fr;
        grid-template-rows: 0fr 1fr;
    }
    
    div.issue > main {
        display: contents;
    }
    
    div.issue > .itemNavigation {
        grid-column: 2;
        grid-row: 1;
    }
    
    div.issue > main > .generalIssueInformation {
        grid-column: 2;
        grid-row: 2;
    }
    
    div.issue > main > .issueImageHighlight {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    div.issue > main > * {
        grid-column: 1 / 3;
    }
}