/* Let's style this mofo. */

@font-face {
	font-family: '1786n';
	src: url('/css/1786n.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TeenyTinyPixls';
	src: url('/css/TeenyTinyPixls-o2zo.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'TT2020BaseReg';
    src: url('/css/TT2020Base-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT2020BaseIta';
    src: url('/css/TT2020Base-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT2020StyleBReg';
    src: url('/css/TT2020StyleB-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT2020StyleBIta';
    src: url('/css/TT2020StyleB-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT2020StyleDReg';
    src: url('/css/TT2020StyleD-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT2020StyleDIta';
    src: url('/css/TT2020StyleD-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT2020StyleEReg';
    src: url('/css/TT2020StyleE-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT2020StyleEIta';
    src: url('/css/TT2020StyleD-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

body {
	background-color: rgba(0, 0, 0, 1.0);
	/*background-color: #080808;*/
	font-family : Segoe UI, Arial;
	font-size: 10pt;
	color: #ffffff;
	background-image: url("../images/bgs/floor01_5_1.png");
	background-repeat: repeat;
}

#readme {
	display: none;
	margin: 10px auto 10px auto;
	font-family: 'TT2020BaseRegular';
	line-height: 13px;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	max-width: 80ch;
}

.galleryul {
	list-style: none;
	padding: 0;
	margin: 12px 20px 10px 0px;
  }

.galleryul > li {
	float: right;
	width: 31%;
	padding: 4px 4px 2px 4px;
}

.galleryul > li > img {
	cursor: zoom-in;
	width: 100%;
}

.shadydiv { width: 90%;
	background-color: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    -o-backdrop-filter: blur(5px);
    -moz-backdrop-filter: blur(5px);
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.9);
	-webkit-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.9); }

.switchleft { grid-area: switchleft; text-align: center; }
.switchright { grid-area: switchright; text-align: center; }
.bspname { grid-area: bspname; text-align: center; padding: 10px 5px 20px 5px; }
.review {
	grid-area: review;
	position: relative;
	width: 100%;
	height: auto;
	font-family: 'TT2020StyleEReg';
	text-rendering: optimizelegibility;
	font-size: 16pt;
	font-weight: normal;
	font-style: normal;
	margin-top: 10px;
	margin-left: 4px;
	color: rgb(255, 242, 224);
	/* border: 16px solid transparent; */
	/* border-image: url("../images/borders/quakebordersdoubled.png") 32 round; */
}
.readme { grid-area: readme; word-wrap: break-word; overflow-x: auto; padding-left: 10px; padding-right: 10px;}
.footer { grid-area: footer;}

.nomargin {
	margin: 0;
}

.mapinfogrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  'bspname bspname'
  'switchleft switchright'
  'review readme'
  'footer footer';
  grid-gap: 12px;
  padding: 10px 10px 0px 10px;
}

/* .maptitle {
	font-family: '1786n';
	line-height: 13px;
	margin: 0px;
	font-size: 22pt;
	font-weight: bold;
	font-style: normal;
	background-color: rgba(0, 0, 255, 0.8);
} */

.maptitle {
	font-family: 'TT2020StyleEReg';
	/* line-height: 13px; */
	color:rgba(255, 255, 255, 1.0);
	margin: 0px;
	font-size: 22pt;
	font-weight: normal;
	font-style: normal;
	/* background-color: rgba(0, 0, 255, 0.8); */
}

.contentLinksLeft {
	font-family: 'DogicaPixelRegular';
	margin: 0px;
	font-size: 22pt;
	font-weight: bold;
	font-style: normal;
}

.contentLinksRight {
	font-family: 'DogicaPixelRegular';
	margin: 0px;
	font-size: 22pt;
	font-weight: bold;
	font-style: normal;
	text-align: right;
}

.footer {
	font-family: 'TT2020StyleEReg';
	color:rgba(255, 255, 255, 0.6);
	line-height: 12px;
	font-size: 12px;
	margin: 20px 5px 20px 5px;
	font-weight: normal;
	font-style: normal;
	text-align: center;
}

.tags {
	font-family: 'DogicaPixelRegular';
	/* line-height: 13px; */
	margin: 10px 20px 80px 10px;
	font-size: 6pt;
	font-weight: normal;
	font-style: normal;
}

.dogpix {
	font-family: 'DogicaPixelRegular';
	line-height: 13px;
	font-size: 6pt;
	font-weight: normal;
	font-style: normal;
}

.entitytable {
	font-family: 'TT2020StyleEReg';
	font-size: 14pt;
	font-weight: normal;
	font-style: normal;
	margin: 16px auto 0px auto;
	border-collapse: collapse;
	border: 1px solid #836426;
	width: 90%;
	max-width: 600px;
}

.entitytable img {
	padding: 0px 6px 0px 2px;
}

.entitytable td {
	padding: 3px 5px 3px 5px;
}

.entitytable td > * {
	vertical-align: middle;
}

.entitytable th {
	font-size: 14pt;
	line-height: 20px;
	font-weight: bold;
	background-color: #836426;
	color: #FFFFFF;
	text-shadow: -1px 0 2px black, 0 1px 2px black, 1px 0 2px black, 0 -1px 2px black;
	/*text-shadow: 8px 0 8px #000000,  -8px 0 8px #000000, -8px 0 16px #000000, 8px 0 16px #000000;*/
	background-image: url("/images/goldback2.png");
}

td.ent {
	width: 40%;
}

td.c {
	text-align: center;
	width: 15%;
}

a.linknodecor:link {
	color:#FFFFFF;
	text-decoration: none;
}

a.linknodecor:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a.linknodecor:hover {
	color: #98782A;
	text-decoration: underline;
}

a.linknodecor:active {
	color: #b69032;
	text-decoration: underline;
}

tr.entityrow {
	height: 30px;
	text-decoration: underline;
}

/* HEEEEERE COMES A SPECIAL BOY */

*, *:before, *:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.review p {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

#parchment {
	position: absolute;
	display: flex;
	width: 95%;
	/* center page with absolute position */
	top: 0%; left: 50%; transform: translate(-50%, 0);
	margin: 0;
	padding: 0;
	box-shadow: 2px 3px 20px black, 0 0 125px #0c0907 inset;
	background: #130f04;
	/* v2.1 : borders effect with SVG : try to play with scale to change them */
	filter: url(#wavy2);
	/* v2.2 : Noise added for a vellum paper effect */
	background-image: url(data:image/png;base64,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);
}

#contain {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 20px;
}
  
/* HEEEEERE COMES A SPECIAL BOY */


.grid-container-createreview-stats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}

.grid-container-createreview-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.grid-container-createreview-screens {
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-gap: 10px;
}

.grid-child {
	padding: 10px;
	background-color: #333333;
}

.reviewTableHeader {
	font-weight: bold;
}

div.scroll {
  width: 600px;
  height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: left;
  padding: 0px;
}

a:link {
	color:#7777EE;
	text-decoration: none;
}

a:visited {
	color: #98782A;;
	text-decoration: none;
}

a:hover {
	color: #AAAAFF;
	text-decoration: underline;
}

a:active {
	color: #FFE600;
	text-decoration: underline;
}

table.fulllist, th.fulllist {
	border: 2px solid #333333;
	border-collapse: collapse;
	width: 760px;
}

th.fulllist, td.fulllist {
	border: 2px solid #333333;
	border-collapse: collapse;
	padding: 8px;
}

th.fulllist {
	font-weight: bold;
}

.monoText {
	/* background-color: #111111; */
	font-family : Lucida Console, DejaVu Sans Mono, Courier New, Courier;
	font-size: 9pt;
	color: #DDDDDD;
}

.altRow {
	background-color: #333333;
}

.warning {
	background-color: #551111;
	color: #EE3333;
	font-weight: bold;
}

.title {
	font-family : Segoe UI, Arial;
	font-size: 18pt;
	color: #EEEEEE;
}

.mappropscontainer {
background-color: #333333;
border: 2px solid #555555;
border-collapse: collapse;
width: 700px;
height: 200px;
margin-left: auto;
margin-right: auto;
}

.reviewbox {
left: 5px;
top: 5px;
border: 2px solid #555555;
background-color: #111111;
font-family : Lucida Console, DejaVu Sans Mono, Courier New, Courier;
font-size: 9pt;
color: #DDDDDD;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width:100%;
}

.floatleft {
float: left;
width: 223px;
height: 190px;
padding: 5px;
}

table.nested {
	border: 2px solid #333333;
	border-collapse: collapse;
	width: 760px;
	width: 100%;
}

td.nested, th.nested {
	background-color: #111111;
	font-family : Segoe UI, Arial;
	font-size: 8pt;
	color: #DDDDDD;
	padding: 4px;
	border: 2px solid #333333;
	border-collapse: collapse;
}

th.nested {
	font-weight: bold;
}