.panels {
	margin-top: -10px;
	width: 100%;
	display: flex;
	flex: 1 1 auto;
}

.sidePanel, .centrePanel {
	filter: drop-shadow(0px 2px 4px #00000080);
	background-color: #2b1508;
	margin-bottom: 10px;
	flex: none;
}

.sidePanels:first-child {
	border-right: 1px solid black;
}

.sidePanels:last-child {
	border-left: 1px solid black;
}

.sidePanelHeader, .centrePanelHeader {
	font-size: 0;
	height: 25px;
	display: flex;
	align-items: center;
	padding-left: 10px;
	padding-right: 10px;
	background-size: 100%;
	border-bottom: 1px solid black;
}

.sidePanelHeader {
	font-size: 0;
	height: 25px;
	background-size: 100%;
	border-bottom: 1px solid black;
	background-image: url('../images/sidepanel.png');
	background-size: 100% 25px;
	box-sizing: content-box;
}

.centrePanelHeader {
	background-image: url('../images/newspost.png');
	background-size: 100% 25px;
	box-sizing: content-box;
	display: flex;
	align-items: center;
	padding-right: 25px;
}

.centrePanelHeaderLeft {
	flex: 1 1 auto;
}

.centrePanelHeaderRight {
	flex: none;
	display: flex;
	align-items: center;
}

.centrePanelHeaderRight > :not(button):first-child {
	margin-right: 10px;
}

.headerText {
	height: 9px;
	width: auto;
}

.sidePanelContent, .centrePanelContent {
	padding: 10px;
}

.sidePanelContent ul {
	margin-top: 0;
	margin-bottom: 0;
}

.sidePanels {
	display: flex;
	flex-direction: column;
	font-size: 0.75rem;
	background: #3e2313;
	padding: 10px;
	padding-bottom: 0;
	border-bottom: 1px solid black;
}

.centrePanels {
	flex: 1 1 auto;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: -10px;
}

.centrePanel {
	width: 100%;
	border: 1px solid black;
	position: relative;
	/* font-size: 0.825rem; */
}

.centrePanelContent {
	/* margin-bottom: -20px; */
	padding: 0 10px;
}

.centrePanelContent img {
	max-width: 100%;
}

.sidePanel {
	width: 150px;
	border: 1px solid black;
}

.centrePanel > details > summary {
	list-style: none;
	margin-bottom: 0;
}

.centrePanel > details > summary::-webkit-details-marker {
	display: none;
}

.centrePanel > details[open] .collapseButton {
	background-position: bottom;
}

.collapseButton {
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	background-image: url('/images/collapsebutton.png');
	background-size: 25px 50px;
	background-position: top;
	border-left: 1px solid black;
	/* border-bottom: 1px solid black; */
}

.centrePanelLinkButton {
	border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;

    background: transparent;

    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;

    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;

    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;

    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;

	/* position: absolute;
	top: 0;
	right: 25px; */
	width: 45px;
	height: 25px;
	background-image: url('/images/linkbutton.png');
	background-size: 45px 25px;
	font-size: 0;
	color: transparent;
	border-left: 1px solid black;
	cursor: pointer;
}

.centrePanelLinkButton::-moz-focus-inner {
    border: 0;
    padding: 0;
}