.table      { display: table;      }
.tr         { display: table-row;  }
.tc         { display: table-cell; }

.table .table, table .table, .table table, table table { width:100%; height:100%; }

.fatal {
    z-index:-1;
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background-color:#fdd;
    border:2px solid #c00;
    text-align:center;
    vertical-align:center;
    padding:1em;
    font-weight:600;
}

h1 {
    font-size:1.5em;
    font-weight:normal;
    text-align:center;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

thead td {
    font-size:1em;
    font-weight:600;
    text-align:center;
}

thead tr:last-child td {
    margin:0 0 0.125em 0;
    padding-bottom:0.125em;
    border-bottom:1px solid #ddd;
}

tfoot tr:first-child td {
    margin:0.125em 0 0 0;
    padding-top:0.125em;
    border-top:1px solid #ddd;
}

.editorButtonContainer {
    text-align:center;
}

.editorButton {
    display:inline-block;
    width:8em;
}

#editorTitle {
    width:100%;
    box-sizing:border-box;
    margin:0 0 0.25em 0;
}

#editorText {
    width:100%;
    box-sizing:border-box;
    margin:0 0 0.25em 0;
    resize:vertical;
    min-height:25em;
}

#editorStatus {
    display:block;
    margin:0 0 0.25em 0;
    font-size:0.75em;
}

#editorStatus:after {
    display:block;
    clear:both;
    content:'';
}

#bbcodeStatus {
    display:block;
    margin:0 0 0.25em 0;
    font-size:0.75em;
    float:right;
    color:#c00000;
}

tbody tr:nth-child(odd) td {
    background-color:#f8f8f8;
}

tbody tr:nth-child(even) td {
    background-color:#ffffff;
}

tbody tr.printer td {
    background-color:initial;
}

tbody tr.focused td {
    background-color:#dfdfdf;
}

#draftListBody button {
    width:6em;
}

.close {
    float:right;
    text-decoration:underline;
    color:#4c4c4c;
}

.close:hover {
    text-decoration:none;
}

span.mark {
    margin-right:1em;
}

/*----- Tabs -----*/
.tabs {
    display:block;
    width:98%;
    min-height:98%;
    position:absolute;
    left:1%;
    top:1%;
}

/*----- Tab Links -----*/
.tabLinks {
    display:block;
    height:2.2em;
    margin:0;
    padding:0 0.5em;
    z-index:0;
}

/* Clearfix */
.tabLinks:after {
    display:block;
    clear:both;
    content:'';
}

.tabLinks li {
    margin:0px 0.5em;
    float:left;
    list-style:none;
}

.tabLinks a {
    padding:0.5em 1em;
    display:inline-block;
    border-radius:3px 3px 0px 0px;
    background:#fff;
    font-size:1em;
    font-weight:600;
    color:#4c4c4c;
    transition:all linear 0.15s;
}

.tabLinks a:hover {
    text-decoration:none;
}

li.active a, li.active a:hover {
    background:#f0f0f0;
    color:#4c4c4c;
    text-decoration:none;
	     }

#errors-tab a {
    color:#c00000;
}

/*----- Content of Tabs -----*/
.tabContent {
    padding:0.5em;
    border:1px solid #ddd;
    border-radius:3px;
    box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
    background:#fff;
    box-sizing:border-box;
    width:100%;
    z-index:1;
    margin-top:-1px;
    margin-bottom:1%;
}

.tab {
    display:none;
}

.tab.active {
    display:block;
}