header .topHeader h1, header .subHeader {
    text-align: center;
    display: block;
}

.informationMaintainer, .selectMaintainer {
    width: 100%;
    text-align: center;
}

#sendNewReportBlock select, #extraInformationReport input {
    width: 100%;
}

#sendReport, #extraInformationReport {
    text-align: center;
}

.messages textarea, #newList {
    width: 100%;
}

.loginForm {
    width: 100%;
    box-sizing: border-box;
}

form .fillInOption > input,
form .fillInOption > select,
form .pickOption > select {
    width: 100%;
    box-sizing: border-box;
}

form.loginForm input[type=submit],
form.newspaperForm input[type=submit],
form.collectionlistForm input[type=submit] {
    width: 100%;
    box-sizing: border-box;
}

.cvsEditArea {
    width: 100%;
}

.itemNavigation {
    text-align: right;
}

.itemProperties dt {
    font-weight: bold;
}

.itemProperties dd {
    padding-left: 10px;
}

.scan {
    width: 100%;
}

.characterPortraits table,
.characterPortraits tr,
.characterPortraits td {
    display: block;
}

.characterPortraits tr + tr {
    margin-top: 20px;
}

.storyVersions table,
table.cvsHistory {
    width: 100%;
}

table.verticalTable {
    table-layout: fixed;
}

.verticalTable.headingLessTable thead {
    display: none;
}

.verticalTable thead th:not(:first-child) {
    display: none;
}

.verticalTable td,
.verticalTable th {
    display: block;
    width: 100%;
    overflow: hidden;
}

.verticalTable tbody th span {
    width: 100%;
    float: left;
}

.verticalTable.headingLessTable tbody tr:not(:first-child) > td:first-child {
    margin-top: 20px;
}

.verticalTable td[data-th]:before {
    content: attr(data-th);
    width: 30%;
    float: left;
}

.verticalTable tbody td span {
    width: 65%;
    float: right;
}

.verticalTable tbody th span,
.verticalTable td[data-th]:before,
.verticalTable tbody td span {
    display: table-cell;
    table-layout: fixed;
    word-wrap: break-word;
}

.itemTable > thead {
    display: none;
}

.itemTable > thead > tr > th,
.itemTable > thead > tr > td,
.itemTable > tbody > tr > th,
.itemTable > tbody > tr > td {
    border: hidden;
}

.itemTable > thead > tr > th:empty,
.itemTable > thead > tr > td:empty,
.itemTable > tbody > tr > th:empty,
.itemTable > tbody > tr > td:empty {
    padding: 0px;
}

.itemTable .code,
.itemTable .name,
.itemTable .layout {
    display: inline;
}

.itemTable > tbody > tr > th > div,
.itemTable > tbody > tr > td > div {
    display: inline;
}

.itemTable > tbody > tr > th:not(:last-child),
.itemTable > tbody > tr > td:not(:last-child) {
    padding-bottom: 0px;
}

.itemTable > tbody > tr > th:not(:first-child),
.itemTable > tbody > tr > td:not(:first-child) {
    padding-top: 0px;
}

.itemTable > thead > tr > th,
.itemTable > thead > tr > td,
.itemTable > tbody > tr > th,
.itemTable > tbody > tr > td {
    display: block;
}

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

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

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

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

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

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

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

.scanList > .scan figure img,
.issueImageHighlight > .scan figure img {
    max-width: 100%;
}

.itemTable .hero {
    display: inline;
}

.itemTable .hero:not(:last-child):after {
    content: ': ';
}

[data-legend]:not([data-legend=""]):not(:empty):before {
    content: attr(data-legend) ': ';
    font-weight: bold;
}