.row:after {
	content: "";
	display: table;
	clear: both;
}
.updatenotice2 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0;
	text-align: center;
	background: #8f7f71;
	padding: 1.25em 3em;
	word-break: break-word;
	box-shadow: 0 6px 6px -3px #6e5642, inset 0px 3px 5px -3px #523d2a;
	max-height: 75px;
	overflow: auto;
	z-index: 5000;
}
.modalholder {
	position: fixed;
	display: none;
	z-index: 9000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: 100%;
	background: #000000a6;
	padding: 1em;
}
.modalbox {
	position: relative;
	display: none;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 2em 3em;
	background: #b38c6b;
	box-shadow: 0px 0px 0px 1px #c9a282, 0px 0px 2px 1px #523b28, inset 0px 0px 3px 2px #a17e5b, 0px 0px 5px 3px #3a2718;
	border-radius: 1em 0 1em 0;
	text-align: center;
}
.modalbox > .modaltitle {
	margin: -2.75em 0 1em;
	font-family: 'MorrisRoman';
	font-size: 1.5rem;
	color: #b38c6b;
	text-shadow: 1px 1px 1px #1c130c;
}
.modalcloser {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.15em 0.5em;
	font-weight: bold;
	font-size: 1.4em;
}
.modalcloser:hover {
	cursor: pointer;
	text-shadow: 1px 1px 3px #e7c3a8;
	color: #2c1a0b;
}
.content-title {
	font-family: 'Cinzel Decorative', serif;
	font-size: 18px;
	letter-spacing: 2px;
	color: #cda078;
	text-shadow: 1px 1px 2px #000;
	text-decoration: underline;
	background: linear-gradient(to right, #533723, #8b5e3c);
	padding: 8px 12px;
	border: 3px solid #4a311d;
	border-radius: 14px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.modal-dialog {
	margin: 0 auto;
	padding: 1em 2em;
	max-width: 1000px;
	font-size: 15px;
	color: #4a311d;
}
.modal-content, .modal-body {
	background-color: #9f7e61;
}
.modal-body {
	padding-top: 0.5em;
}
.modal-header {
	border-bottom: 1px solid #5e4835;
	background-color: #b59172;
	height: 156px;
}
.modal-footer {
	border-top: 1px solid #5e4835;
	background-color: #9f7e61;
	height: 156px;
}
.custom-header {
	background: url(/images/submission_images/submission_header_img.png);
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
}
.custom-footer {
	background: url(/images/submission_images/submission_footer_img.png);
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
	align-items: end;
}
.custom-header > .modal-title {
	text-shadow: 3px 3px 3px #000;
	color: #fcf1d7;
}
.custom-footer > .btn-default {
	color: #18140e;
}
.custom-footer > .btn-default:hover {
	color: #d2bfa2;
}
.close {
	font-size: 2rem;
	color: #fcf1d7;
	text-shadow: 3px 3px 3px #000;
	opacity: 0.8!important;
}
.close:hover {
	color: #fcf1d7;
	text-shadow: 3px 3px 3px #000;
	opacity: 1!important;
}
.leftbox {   
	background: none;
	border: none;
	margin-left: auto;
	margin-right: auto;
}
.rightbox {
	background: none;
	border: none;
	margin-left: auto;
	margin-right: auto;
}
.topbox-left {
	background: none;
	border: none;
	margin-left: auto;
	margin-right: auto;
	color: #604731;
}
.topbox-right {
	background: none;
	border: none;
	margin-left: auto;
	margin-right: auto;
	color: #604731;
}
.box-body {   
	background: #604731;
	width: 100%;
	padding: 15px;
	color: #ba9473;
	text-align: center;
	min-height: 400px;
	border-radius: 10px;
	border-style: double;
	border-color: #ba9473;
}
.box-body2 {   
	background: #ba9473;
	width: 100%;
	padding: 15px;
	color: #604731;
	text-align: center;
	min-height: 400px;
	border-radius: 10px;
	border-style: double;
	border-color: #604731;
}
.box-body3 {   
	background: #ba9473;
	width: 100%;
	padding: 15px;
	color: #604731;
	text-align: center;
	min-height: 400px;
	border-radius: 10px;
	border-style: double;
	border-color: #ddb695;
}
.box-title {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ba9473;
	text-align: center;
}
.fancy-title {
	font-family: 'Cinzel Decorative', cursive;
	text-align: center;
	color: #604731;
}
.search {
	width:45%;
	color:#604731;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 25px !important;
}
.search-title {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #604731;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.button, input[type=button] {
	padding: 6px 15px;
	background: #604731;
	box-shadow: none;
	border: none;
	border-radius: 4px;
	color: #ba9473;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.button:hover, input[id=load]:hover {
	background: #604731;
	color: #fff;
}

input[name=senduser]:focus {
	outline: none;
}
h2, h4 {
	font-size:20px;
}

/*Mikes Shit*/
.currencyBox {
	display: inline-block;
	border-style: double;
	border-width: 3px;
	border-color: #866c55;
	background-color: #b59172;
	padding: 3px 6px;
	min-width: 75px!important;
	text-align: center;
	box-shadow: 0 0 2px 0px #70543b;
	font-size: 15px;
	border-radius: 10px;
}

.top-banner {
	width: 100%;
	max-width: 1100px;
	margin: 8px auto 12px;
	display: block;
	background: #a17f61;
	border-radius: 50px/25px;
	border-style: double;
	border-width: 4px;
	border-color: #624a34;
	box-shadow: -2px 2px 6px #523e2b, 1px -1px 0px #b79676, inset 0px 0px 4px 1px #bf9d7e;
}
input[type=search], input[type=text] {
	padding: 8px;
	border-style: solid;
	border-color: #866c55;
	border-width: 1px;
	box-shadow: 0 0 1px #00000021, 0 1px 3px #00000033, inset 0px 0px 1px 1px #b5977b, inset -1px 1px 2px 1px #624a34;
	background: #a58569;
	margin: 0 auto 5px;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	border-radius: 10px;
	width: 100%;
	max-width: 350px!important;
}
input[type=search]:hover, input[type=search]:focus, input[type=text]:hover, input[type=text]:focus {
	background: #b19074;
}
input[type=search]::-webkit-search-cancel-button {
	display: none;
}
.sidecol {
	background: #7e6147;
	border-radius: 50px/25px;
	padding: 10px 15px 3rem;
	margin: 0 auto 0 1.5rem;
	width: 100%;
	max-width: 500px;
	height: 100%;
	border-style: double;
	border-width: 4px;
	border-color: #624a34;
	box-shadow: 1px -1px 0px inset #b796768a, 
	-1px 1px 0px inset #543e29, 
	-2px 2px 7px 1px inset #463321a1, 
	2px -2px 7px 1px inset #6c4f337a, 
	-2px 2px 6px #523e2b, 1px -1px 0px #b79676;
}
.itemcard {
	background: #a17f61;
	border-radius: 50px/25px;
	padding: 20px 10px;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	max-width: 275px;
	border-style: double;
	border-width: 4px;
	border-color: #624a34;
	box-shadow: -2px 2px 6px #523e2b, 
	1px -1px 0px #b79676, 
	inset 0px 0px 4px 1px #bf9d7e;
	text-align: center;
	color: #563e27;
}
[data-tab] {
	padding: 0;
	margin: 5px 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	width: 100%;
}
.active[data-tab], .active[data-tab]:hover {
	padding: 0;
	margin: 5px 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	width: 100%;
	cursor: pointer;
	background: transparent;
}
[data-tab]:hover {
	cursor: pointer;
}
.itemimg {
	width: 100%;
	max-width: 100px;
	margin: 0 0 .25em;
}
.itemname {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	font-family: 'Cinzel Decorative', cursive;
	text-shadow: 1px 1px 0px #a78264;
	color: #3e2e1e;
	padding: 4px 5px;
	margin-top: 5px;
	word-break: break-word;
	min-height: 61px;
}
.itemname:hover {
	text-shadow: 0px 0px 4px #c69874, 1px 0px 0px #d3b196, -1px 0px 0px #9b683f;
	color: #3e2e1e;
}
.itemdesc {
	word-break: break-word;
	font-style: italic;
	font-size: 15px;
	max-height: 115px;
	overflow-y: auto;
	padding-right: 8px;
}
.itemimg2 {
	width: 100%;
	max-width: 225px;
	padding: 1rem 1.5rem 1rem 0;
	margin: 0px auto 10px auto;
	display: block;

}
.itemname2 {
	font-size: 22px;
	font-weight: bold;
	font-family: 'Cinzel Decorative', cursive;
	text-shadow: 1px 0px 0px #7e6147, 
	1px 1px 3px #8a6c4f, 
	-1px -1px 0px #c4a181, 
	-1px -1px 1px #a58365, 
	0px 0px 8px #a58365;
	color: #3e2e1e;
	padding: .5rem 1rem;
	text-align: left;
}
.itemdetails {
	padding: 1rem 1.75rem 1rem .25rem;
	display: block;
	width: 100%;
	font-size: 16px;
	color: #302316;
}
.qtybox {
	display: inline-block;
	padding: 4px 7px;
	margin: 0 0 7px;
	color: #2a1b12;
	border-style: ridge;
	border-width: 2px;
	border-color: #c19b7961;
	background: #a48465;
}
.qtybox b {
	font-family: 'Cinzel Decorative', cursive;
	padding-right: 3px;
}
.qtybox:hover, .pricetxt:hover {
	cursor: crosshair;
}
.itemcont {
	width: 95%;
	margin: 0 auto;
	display: block;
	font-size: 15px;
	background: #9d7d60;
	border-style: inset;
	border-width: 2px;
	border-color: #b79678a6;
	padding: 1rem;
	box-shadow: inset -6px 6px 8px -5px #4a3420, -1px 1px 0px #b7967699, inset 5px -5px 8px -4px #bf9d7e63, 0px 0px 0px 5px #8d6d53, 0px 0px 0px 6px #a17f60;
}
.mini-title {
	font-size: 16px;
	font-weight: bold;
	font-family: 'Cinzel Decorative', cursive;
	text-shadow: 1px 1px 0px #a78264;
	color: #3e2e1e;
	padding: 5px;
	text-align: left;
}

@keyframes background {
	from {
		background: transparent;
	}
	to {
		background: transparent;
	}
}
.itemdesc::-webkit-scrollbar {
	z-index: 2;
}
.itemdesc::-webkit-scrollbar-thumb {
	z-index: 2;
	border-radius: 0 12px 12px 0;
	outline: none;
	box-shadow: inset 1px 1px 2px 0px #ffd7b491, 
	inset -1px -1px 2px 0px #100b0673, 
	1px 1px 2px 0px #ffd7b491, 
	-1px -1px 2px -1px #100b0673;
}
.itemdesc::-webkit-scrollbar-track {
	z-index: 2;
	border-radius: 0 12px 12px 0;
	outline: none;
}
.row {
	background: transparent!important;
}
li {
	color: #3e2e1e;
	list-style: none;

}
.keywords {
	text-shadow: 1px -1px 0 #997859, -1px 1px 0 #997859, 0px 0px 10px #a98768;
}
#keys1 .keywords:first-child:hover, #keys2 .keywords:first-child:hover {
	margin: 5px auto 0 auto;
}
.keywords:hover, .keywords.active:hover {
	text-shadow: 1px 0px 0 #a17f61, 
	-1px 1px 0 #a17f61, 
	1px -1px 0px #c7a58670, 
	0px 0px 4px #937256, 
	-1px 3px 2px #937256;
	filter: drop-shadow(-2px 3px 2px #2e150a);
	margin: 5px auto 0 auto;
	color: #342211;
	font-weight: bold;
}
.keywords.active {
	text-shadow: 1px 0px 0 #a17f61, 
	-1px 1px 0 #a17f61, 
	1px -1px 0px #c7a58670, 
	0px 0px 4px #937256, 
	-1px 3px 2px #937256;
	filter: drop-shadow(-2px 3px 2px #2e150a);
	color: #342211;
	font-weight: bold;
}
.loottables img {
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	display: block;
}
.loottables img:hover {
	filter: drop-shadow(-2px 3px 2px #2e150a);
	margin: -3px auto 0 auto;
	padding-bottom: 3px;
}
[data-tab-content] {
	display: none;
	margin: .5em .5em 0 0;
}
.activecont[data-tab-content] {
	display: block;
	animation: fadeIn ease 1.5s;
	width: 100%;
}
.pagination {
	margin-top: 15px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}
.pagination li {
	margin: 10px auto;
}
.pagination li:first-child a {
	border-radius: 18px 0 0 18px;
}
.pagination li:last-child a {
	border-radius: 0 18px 18px 0;
}
.pagination a {
	background: #a17e60;
	color: #604731;
	padding: 8px 16px;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.pagination .current, .pagination .current:hover {
	background-color: #8f6744;
	color: #d9bfaa;
}
.pagination a:hover {
	background-color: #916e4f;
	color: #d9bfaa;
}
.page-link, .page-link:hover, .page-link:focus, .page-link:active {
	border: 1px solid #a88667;
	box-shadow: none;
}
li.disabled > a {
	pointer-events: none;
	background: #97785e;
	color: #6a5c52;
}
.wikinav {
	border: none !important;
	display: block;
	padding: 0.25em 1em .5em;
	margin: 0;
	width: 98%;
}
.keywordfield {
	float: right;
	display: inline-block;
}
.keywordtext {
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	margin: auto 3rem;
	color: #55361f;
	font-size: 18px;
}
input#keyword, input#loottable {
	border: none;
	background: transparent;
	box-shadow: none;
	color: inherit;
}
.search-btn, [data-tab].search-btn {
	border: 4px double #7c5e43;
	box-shadow: 0px 0px 3px 1px #664b3199;
	background: #664c35;
	color: #d2bfa2;
	outline: none;
	padding: 6px 15px;
	margin: 10px auto;
	border-radius: 20px/10px;
	width: 100%;
	max-width: 175px!important;
	text-align: center;
}
.search-btn:hover, .search-btn:focus, .search-btn:active, .search-btn:visited,
.search-btn.active:hover, .search-btn.active:focus, .search-btn.active:active, .search-btn.active:visited {
	background: #563f2b;
	border: 4px double #6a5039;
	outline: none;
	padding: 6px 15px;
	margin: 10px auto;
}
.editbtn, .editbtn:active {
	margin: 5px auto;
	outline: none!important;
	padding: 3px 15px;
	background: #b59172;
	border-radius: 10px 10px;
	border: none;
	box-shadow: 0px 0px 0px 1px #bd987a, 0px 0px 1px 2px #916643;
	font-size: 12px;
	font-weight: 700;
}
.editbtn2, .editbtn2:active {
	margin: 5px auto;
	outline: none!important;
	padding: 6px 15px;
	background: #b59172;
	border-radius: 10px 10px;
	border: none;
	box-shadow: 0px 0px 0px 1px #bd987a, 0px 0px 1px 2px #916643;
	font-size: 14px;
	font-weight: 700;
}
.editbtn:disabled, .editbtn2:disabled {
	filter: grayscale(0.5);
	pointer-events: none;
}
.editbtn:hover, .editbtn2:hover {
	outline: none!important;
	background: #c19b7b;
	box-shadow: 0px 0px 0px 1px #dbb699, 0px 0px 1px 2px #725035;
	cursor: pointer;
}
.index-box {
	width: 100%;
	margin: 0 auto;
	padding: 8px 15px;
	color: #2a1b12;
	box-shadow: -2px 2px 4px -1px #6e543c;
	border-radius: 12px;
	border-style: ridge;
	border-width: 2px;
	border-color: #c19b7961;
	background: #a68566;
	height: 100%;
	max-height: 425px;
	overflow-y: auto;
}
.mini-title2 {
	font-size: 16px;
	font-weight: bold;
	font-family: 'Cinzel Decorative', cursive;
	text-shadow: 1px 1px 0px #a78264;
	color: #3e2e1e;
	padding: 3px;
	text-align: left;
}
.mini-title3 {
	font-size: 16px;
	text-shadow: 1px 1px 0px #cba485;
	color: #3e2e1e;
	padding: 4px;
	text-align: left;
	font-style: italic;
}
.keytags {
	padding: 8px 20px;
	border-radius:12px;
	border-style:ridge;
	border-width:2px;
	border-color:#c19b7961;
	background:#a58365;
}
@media (max-width: 710px) {
	.modaltitle {
		transition: 0.2s ease;
		margin: -4.5em 0 1em;
	}
}
@media (max-width: 1700px) {
	.sidecol {
		margin: 0 auto;
	}
}

.content {
	color: #241b13;
}
.box-body {
	background: #937358;
	border-color: transparent;
}

.table td, .table th {
	padding: .75rem;
	vertical-align: top;
	border-top: 1px solid #604731;
}

@media only screen and (max-width: 526px) {
	.content-wrapper, .card-body, .content-wrapper>.content {
		padding-left: 0;
		padding-right: 0;
	}
	.modaltitle {
		transition: 0.2s ease;
		margin: -5.75em 0 1em;
	}
}
.page-link:focus {
	box-shadow: 0 0 0 0.2rem rgb(88 67 48 / 26%);
}
li.nav-item[data-tab] {
	display: inline-block;
	margin: 0 2px;
	width: auto;
	min-width: 120px;
	text-align: center;
	border-top: 3px solid #0000001a;
	border-left: 1px solid #0000001a;
	border-right: 1px solid #0000001a;
	background: #0000000d;
	border-radius: 10px 10px 0 0;
}
li.nav-item[data-tab]:hover {
	background: #9b7a5f;
	border-radius: 10px 10px 0 0;
	border-top: 3px solid #cbaa8c;
	border-left: 1px solid #cbaa8c;
	border-right: 1px solid #cbaa8c;
}
li.nav-item.active[data-tab] {
	display: inline-block;
	margin: 0 2px;
	width: auto;
	border-radius: 10px 10px 0 0;
	border-top: 3px solid #604731;
	border-left: 1px solid #604731;
	border-right: 1px solid #604731;
	background: #a58569;
}
li.nav-item.active[data-tab]:hover {
	background: #b69577;
}
.searchbox {
	width: 100%!important;
	max-width: 350px!important;
	padding: 8px!important;
	border-style: solid!important;
	border-color: #866c55!important;
	border-width: 1px!important;
	box-shadow: 0 0 1px #00000021, 0 1px 3px #00000033, inset 0px 0px 1px 1px #b5977b, inset -1px 1px 2px 1px #624a34!important;
	background: #a58569!important;
	margin: 0 auto 5px!important;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	border-radius: 10px!important;
}
.searchbox:hover, .searchbox:focus {
	background: #b19074!important;
}
.searchbox::-webkit-search-cancel-button {
	display: none;
}
.datalistcustom {
	border: none;
	max-width: 250px;
	width:100%;
	padding: 1em 1em 0 0;
	display: inline-block;
	padding-block-start: 0;
	padding-inline-start: 0;
	padding-inline-end: 0;
	padding-block-end: 0;
}
datalist.datas {
	display: none;
	position: absolute;
	background: #866c55;
	border: 1px solid #634a34;
	border-top: none;
	font-family: sans-serif;
	padding: 0px;
	max-height: 150px;
	width: inherit;
	right: 1em;
	left: 0;
	overflow-y: auto;
	z-index: 3;
	box-shadow: 0 0 1px #00000021, 0 1px 3px #00000033, inset 0px 0px 1px 1px #b5977b, inset -1px 1px 2px 1px #624a34!important;
	border-style: solid!important;
	border-color: #866c55!important;
	border-width: 1px!important;
	border-radius: 10px!important;
}
input[type=search].datas {
	width: 100%;
	max-width: 250px!important;
	margin-bottom: 0!important;
}
datalist > option {
	background: #a58569;
	padding: 4px;
	color: #3e2e1e;
	font-size: 15px;
	cursor: pointer;
	text-align: center;
}
option:hover, .activeoption {
	background-color: #b19074;
}
datalist::-webkit-scrollbar {
	background-color: #d9bfaa;
	border-radius: 0 0.75em 0.75em 0;
	outline:none;
}
datalist::-webkit-scrollbar-track {
	border-radius: 0 0.5em 0.5em 0;
	background-color: inherit;
}
datalist::-webkit-scrollbar-thumb {
	border-radius: 0 0.5em 0.5em 0;
	border: 1px solid #402f21;
	outline:none;
}
.tooltipmark {
	background: #4a311d;
	border-radius: 52px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 10px;
	color: #dfcbba;
	font-weight: bold;
	margin-left: -1px;
	position: relative;
	vertical-align: super;
}
.tooltipmark:hover {
	box-shadow: 0px 0px 3px 1px #d7c3b3;
	cursor: pointer;
}
.tooltiptext {
	text-align: center;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	font-size: 12px;
	width: calc(200px - 2em);
	background: #4a311d;
	color: #dfcbba;
	padding: 5px;
	border-radius: 10px;
	border: 1px solid #c9a587;
	transition: 0.2s ease-in;
	-webkit-transition: .2s ease-in;
	z-index: 9999;
	white-space: normal;
}
.tooltiptext > a, .tooltiptext > a:focus, .tooltiptext > a:active, .tooltiptext > a:visited {
	color: #c99b74;
}
.tooltiptext > a:hover {
	color: #ffffff;
}
.topleft, .topright, .top {
	bottom: 0;
	margin: -1em auto 2em auto;
}
.botleft, .botright, .bot {
	top: 0;
	margin: 2em auto -1em auto;
}
.topleft {
	right: -300%;
}
.topright {
	left: -300%;
}
.top {
	left: -500px;
	right: -500px;
}
.botleft {
	right: -300%;
}
.botright {
	left: -300%;
}
.bot {
	left: -500px;
	right: -500px;
}
.tooltiptext::after {
	content: "";
	position: absolute;
	border-width: 6px;
	border-style: solid;
}
.topleft::after, .topright::after, .top::after {
	border-color: #4a311d transparent transparent transparent;
}
.botleft::after, .botright::after, .bot::after {
	border-color: transparent transparent #4a311d transparent;
}
.topleft::after {
	bottom: -12px;
	right: 37px;
}
.topright::after {
	bottom: -12px;
	left: 37px;
}
.top::after {
	bottom: -12px;
	left: 50%;
	margin-left: -6px;
}
.botleft::after {
	top: -12px;
	right: 37px;
}
.botright::after {
	top: -12px;
	left: 37px;
}
.bot::after {
	top: -12px;
	left: 50%;
	margin-left: -6px;
}
.tooltipmark:hover > .tooltiptext, .tooltipbox:hover > .tooltiptext {
	visibility: visible;
	cursor: pointer;
	opacity: 1;
}
/* SAME AS TOOLTIPMARK BUT MEANT FOR OTHER ELEMENTS THAN QUESTIONMARK TOOLTIP */
.tooltipbox {
	position: relative;
	width: 100%;
}
.tooltipbox > .tooltiptext {
	max-width: calc(150px - 2em);
}
.tooltipbox > .topleft {
	bottom: 6px;
	left: -50px;
	right: auto;
}
.tooltipbox > .topright {
	bottom: 6px;
	right: -50px;
	left: auto;
}
.tooltipbox > .top {
	bottom: 6px;
	left: -500px;
	right: -500px;
}
.tooltipbox > .botleft {
	top: 6px;
	left: -50px;
	right: auto;
}
.tooltipbox > .botright {
	top: 6px;
	right: -50px;
	left: auto;
}
.tooltipbox > .bot {
	top: 6px;
	left: -500px;
	right: -500px;
}
.tooltipbox > .topleft::after {
	right: 15%;
	margin-left: -50%;
}
.tooltipbox > .topright::after {
	left: 15%;
	margin-right: -50%;
}
.tooltipbox > .botleft::after {
	right: 15%;
	margin-left: -50%;
}
.tooltipbox > .botright::after {
	left: 15%;
	margin-right: -50%;
}
.tooltipbox:hover {
	cursor: pointer;
}
.tooltiptext a:link, .tooltiptext a:visited, .tooltiptext a:focus {
	color: #edb281;
}
.tooltiptext a:hover, .tooltiptext a:active {
	color: #ffffff;
}