:root {
	/* Default (light) theme */
	/*--bg: #212121;
    --bg-grey-2: #282828;
    --bg-grey-3: #393939;
    --border-1: #151515;
    --text: #ccc;
    --text-grey: #888;
    --text-blue: #1892f1;
    --circle: #111;*/

	/*--bg-body: #3d434b;
    --bg: #272b2f;
    --bg-grey-2: #202124;
    --bg-grey-3: #25282c;
    --border-1: #131315;
    --text: #d8d8d8;
    --text-grey: #888;
    --text-blue: #1892f1;
    --text-header: #999;
    --circle: #111;*/

	/* Backgrounds */
	--bg-header: #050505;
	--bg-body: #14151a;
	--bg-grey-1: #212228;
	--bg-grey-2: #2c2d34;
	--bg-grey-3: #3b3c44;
	--bg-grey-4: #1e1f25;
	--border-1: #2c2d34;
	--border-2: #212228;

	/* TEXT */
	--text: #cfd1d8;
	--text-grey: #999;
	--text-blue: #1892f1;
	--text-header: #9d9ea7;

	/* MISC */
	--circle: #15161c;
}

body {
	margin: 0;
	padding: 0 20px;
	/*text-shadow: 1px 1px 1px #111;*/
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

html {
	background: var(--bg-body);
	/*overflow-y: scroll;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header {
	z-index: 999;
	width: 100%;
	height: 70px;
	background: var(--bg-header);
	color: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
	opacity: 0.95;
	font-family: "Open Sans Condensed", sans-serif;
}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#hcontent {
	width: 100%;
	margin: 0;
	padding-left: 20px;
	display: table;
	position: relative;
}

#headerlogo {
	display: table-cell;
	width: 170px;
}

#logo {
	margin-left: 10px;
	width: 163px;
	height: 70px;
	background: url(images/tsot-logo.png) no-repeat;
	display: inline-block;
	position: absolute;
	top: 0px;
	left: 0px;
}

#menu {
	display: table-cell;
}

#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 30px;
	font-size: 24px;
}

#menu ul li {
	float: left;
	margin: 0;
	line-height: 70px;
	height: 70px;
}

#menu ul li a {
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	padding: 0 20px;
}

#menu ul li a.active {
	color: #ffc000;
}

#menu ul li a:hover {
	background: var(--bg-grey-1);
	color: #fdb723;
}

#darkmode-toggle {
	position: absolute;
	right: 42px;
	top: 28px;
}

.darkmode-toggle-label {
	position: absolute;
	left: -60px;
	top: -3px;
	font-size: 14px;
	color: #ddd;
}

#close {
	width: 48px;
	height: 48px;
	display: inline-block;
	position: fixed;
	top: 20px;
	right: 20px;
	background: url("images/close.png") no-repeat;
	cursor: pointer;
	z-index: 10001;
	display: none;
}
#overlay {
	background: #000;
	opacity: 0.95;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 10000;
	display: none;
}

#content {
	width: 100%;
	margin: 90px auto 140px;
	display: table;
	font-family: "Open Sans", sans-serif;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/*max-width: 100%; min-width: 396px; margin: 90px auto 0px auto; padding-left: -30px; text-align: center;  font-family: 'Open Sans', sans-serif;*/
}

#content a {
	text-decoration: none;
}

.Extra-Margin {
	margin-top: 20px;
}

.Note {
	background: #9c1212;
	color: #fff;
	padding: 6px 8px;
	line-height: 24px;
	font-size: 11px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-right: 8px;
	animation: blinker 1.7s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}
@keyframes blinker {
	to {
		opacity: 0;
	}
}

ul.content-posters {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	margin-left: -10px;
	text-align: center;
}
ul.content-posters li.adventure-poster {
	box-shadow: 2px 2px 10px #222;
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 0 10px 15px;
}

.hidden {
	display: none !important;
}
.camp > .hidden {
	position: fixed;
	right: -10000px;
	top: 0px;
}

h1 {
	color: var(--text);
	padding: 0;
	font-size: 40px;
	font-weight: 400;
	margin: 0 0 20px;
}

.infopage-wrapper h1 {
	line-height: 44px;
}

.adventure-information-wrapper h1 {
	line-height: 64px;
}

h2 {
	margin: 0 0 20px;
	font-size: 26px;
	line-height: 1;
	font-weight: 400;
}

a > .poster {
	color: #fff;
}

.poster {
	width: 396px;
	height: 167px;
}
.poster .new {
	position: absolute;
	width: 48px;
	height: 48px;
	left: -9px;
	top: -5px;
	background: url("images/new.png") no-repeat;
}
.poster-content {
	width: 100%;
	padding: 2px;
	text-align: right;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.poster-header {
	background: rgba(0, 0, 0, 0.6);
	width: 392px;
	margin: 0px;
	text-shadow: 1px 1px #000;
}
.poster-note {
	height: 52px;
}
.poster-nonote {
	height: 32px;
}
.poster-content h2 {
	position: absolute;
	top: 1px;
	left: 2px;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	padding: 10px 12px;
	text-shadow: 1px 1px #222;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.poster-content p.adventure-note {
	padding: 8px;
	position: absolute;
	top: 10px;
	right: 2px;
	width: 100%;
	font-size: 13px;
	color: #ffa800;
	display: inline-block;
	text-align: right;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.poster-content p.description {
	position: absolute;
	top: 66px;
	right: 10px;
	height: 68px;
	font-size: 12px;
	color: #ddd;
	width: 210px;
	display: inline-block;
	text-align: left;
	padding: 0 4px 0 0;
	margin: 10px 0 0;
	text-shadow: 1px 1px #111;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.poster-cs {
	background: url(images/posters/coming-soon-poster.png) no-repeat;
}
.poster-wots {
	background: url(https://tso-images.solkku.com/guides/wots-ql/images/poster.png) no-repeat;
}
.poster-arctic-explosion {
	background: url(https://tso-images.solkku.com/guides/arctic-explosion/images/poster.png) no-repeat;
}
.poster-bastille-island {
	background: url(https://tso-images.solkku.com/guides/bastille-island/images/poster.png) no-repeat;
}
.poster-pirate-life {
	background: url(https://tso-images.solkku.com/guides/pirate-life-coa/images/poster.png) no-repeat;
}
.poster-bk {
	background: url(https://tso-images.solkku.com/guides/bk-vargus-only/images/poster.png) no-repeat;
}
.poster-traitors {
	background: url(https://tso-images.solkku.com/guides/traitors/images/poster.png) no-repeat;
}
.poster-tikki-island {
	background: url(https://tso-images.solkku.com/guides/tikki-island/images/poster.png) no-repeat;
}
.poster-horseback {
	background: url(https://tso-images.solkku.com/guides/horseback/images/poster.png) no-repeat;
}
.poster-bn {
	background: url(https://tso-images.solkku.com/guides/bn/images/poster.png) no-repeat;
}
.poster-lakeside-treasure {
	background: url(https://tso-images.solkku.com/guides/lakeside-treasure/images/poster.png) no-repeat;
}
.poster-the-siege {
	background: url(https://tso-images.solkku.com/guides/the-siege/images/poster.png) no-repeat;
}
.poster-wild-mary {
	background: url(https://tso-images.solkku.com/guides/wild-mary/images/poster.png) no-repeat;
}
.poster-rttbn {
	background: url(https://tso-images.solkku.com/guides/rttbn/images/poster.png) no-repeat;
}
.poster-outlaws {
	background: url(https://tso-images.solkku.com/guides/outlaws/images/poster.png) no-repeat;
}
.poster-sa {
	background: url(https://tso-images.solkku.com/guides/sa/images/poster.png) no-repeat;
}
.poster-rb {
	background: url(https://tso-images.solkku.com/guides/rb/images/poster.png) no-repeat;
}
.poster-vlt {
	background: url(https://tso-images.solkku.com/guides/vlt/images/poster.png) no-repeat;
}
.poster-ywc {
	background: url(https://tso-images.solkku.com/guides/ywc/images/poster.png) no-repeat;
}
.poster-1st {
	background: url(https://tso-images.solkku.com/guides/1st/images/poster.png) no-repeat;
}
.poster-2nd {
	background: url(https://tso-images.solkku.com/guides/2nd/images/poster.png) no-repeat;
}
.poster-3rd {
	background: url(https://tso-images.solkku.com/guides/3rd/images/poster.png) no-repeat;
}
.poster-tow {
	background: url(https://tso-images.solkku.com/guides/tow/images/poster.png) no-repeat;
}
.poster-tok {
	background: url(https://tso-images.solkku.com/guides/tok/images/poster.png) no-repeat;
}
.poster-besieged-city {
	background: url(https://tso-images.solkku.com/guides/besieged-city/images/poster.png) no-repeat;
}
.poster-sea-snake {
	background: url(https://tso-images.solkku.com/guides/sea-snake/images/poster.png) no-repeat;
}
.poster-beautiful-princess {
	background: url(https://tso-images.solkku.com/guides/beautiful-princess/images/poster.png) no-repeat;
}
.poster-slt {
	background: url(https://tso-images.solkku.com/guides/slt/images/poster.png) no-repeat;
}
.poster-oil-lamp {
	background: url(https://tso-images.solkku.com/guides/oil-lamp/images/poster.png) no-repeat;
}
.poster-fisherman {
	background: url(https://tso-images.solkku.com/guides/fisherman/images/poster.png) no-repeat;
}
.poster-hansel-and-gretel {
	background: url(https://tso-images.solkku.com/guides/hansel-and-gretel/images/poster-new.png) no-repeat;
}
.poster-the-pied-piper-of-hamelin {
	background: url(https://tso-images.solkku.com/guides/the-pied-piper-of-hamelin/images/poster.png) no-repeat;
}
.poster-red-riding-hood {
	background: url(https://tso-images.solkku.com/guides/red-riding-hood/images/poster.png) no-repeat;
}
.poster-snow-white {
	background: url(https://tso-images.solkku.com/guides/snow-white/images/poster.png) no-repeat;
}
.poster-at-the-foot-of-the-mountain {
	background: url(https://tso-images.solkku.com/guides/at-the-foot-of-the-mountain/images/poster2.png) no-repeat;
}
.poster-unknown-regions {
	background: url(https://tso-images.solkku.com/guides/unknown-regions/images/poster2.png) no-repeat;
}
.poster-mountain-labyrinth {
	background: url(https://tso-images.solkku.com/guides/mountain-labyrinth/images/poster.png) no-repeat;
}
.poster-the-people-of-the-mountain {
	background: url(https://tso-images.solkku.com/guides/the-people-of-the-mountain/images/poster.png) no-repeat;
}
.poster-a-giant-battle {
	background: url(https://tso-images.solkku.com/guides/a-giant-battle/images/poster.png) no-repeat;
}
.poster-the-dark-priests {
	background: url(https://tso-images.solkku.com/guides/the-dark-priests-boris/images/poster.png) no-repeat;
}
.poster-bonaberti-business {
	background: url(https://tso-images.solkku.com/guides/bonaberti-business/images/poster.png) no-repeat;
}
.poster-misty-cake {
	background: url(https://tso-images.solkku.com/guides/misty-cake/images/poster.png) no-repeat;
}
.infopage-wrapper {
	font-size: 17px;
}
.infopage-table {
	display: table;
	width: 100%;
}
.infopage-left {
	display: table-cell;
	width: 70%;
	padding-right: 200px;
}
.infopage-left h2 {
	margin-top: 50px;
}
.infopage-right {
	display: table-cell;
	width: 30%;
}
.infopage-right img {
	margin-bottom: 15px;
}
.infopage-right img:last-child {
	margin-bottom: 0px;
}
.infopage-wrapper .grey {
	color: var(--text);
}
.infopage-wrapper p {
	color: var(--text);
	background: var(--bg-grey-2);
	padding: 10px 12px;
}
ul.infopage,
ul.infopage ul {
	list-style-type: square;
}
ul.infopage li {
	margin-bottom: 20px;
	font-weight: 600;
	font-size: 18px;
}
ul.infopage li > ul {
	margin-top: 20px;
	list-style-type: circle;
}
ul.infopage li > ul li {
	font-weight: 400;
	color: #666;
	font-size: 16px;
	margin-bottom: 10px;
}

.shadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0);
}

.sector {
	display: table;
	width: 100%;
	padding: 20px;
	background: var(--bg-grey-1);
	margin-top: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid var(--border-1);
}

.sector h2 {
	color: var(--text);
}

.sector:first-child {
	margin-top: 0px;
}
.sector .left,
.sector .right {
	display: table-cell;
	vertical-align: top;
}

.sector .left {
	position: relative;
}
.sector .right {
	width: 700px;
	padding-left: 30px;
}

.left .sector-generals {
	margin-bottom: 20px;
	position: relative;
}

.sector-generals img,
.sector-map img {
	width: 100%;
	margin-bottom: -5px;
}
.sector-general-box {
	position: absolute;
	left: 0px;
	top: 46px;
	background: var(--bg-grey-1);
	opacity: 0.8;
	padding: 3px 12px 8px 10px;
	display: inline-block;
	font-size: 13px;
}
.sector-general-list {
	font-family: "Droid Sans Mono", monospace;
	margin-top: 4px;
	color: var(--text);
}

.switch-information {
	position: absolute;
	right: 0px;
	top: 24px;
	font-family: "Open Sans", sans-serif;
	color: var(--text-grey);
	font-size: 12px;
}

.campmap-img,
.genplacement-img {
	cursor: pointer;
}

.hide-button {
	padding: 2px 4px;
	letter-spacing: 1px;
	position: absolute;
	right: 10px;
	top: 10px;
	background: #333;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}
.hide-image {
	height: 22px;
	overflow: hidden;
}

.sector-attacks {
	font-size: 16px;
	width: 100%;
}

.hide-information {
	height: 54px;
	overflow: hidden;
}
.adventure-information-wrapper,
.infopage-wrapper {
	background: var(--bg-grey-1);
	color: var(--text);
	margin: 0 auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid var(--border-1);
}

.infopage-wrapper {
	padding: 20px;
}

.adventure-information-wrapper {
	padding: 20px;
}

.adventure-information-wrapper h1 {
	text-indent: 64px;
}
.adventure-information {
	position: relative;
	display: table;

	vertical-align: top;
	width: 100%;
}
.adventure-information .info-left {
	display: table-cell;
	/*width: 30%;*/
	vertical-align: top;
}
.adventure-information .info-right {
	display: table-cell;
	/*width: 70%;*/
	vertical-align: top;
	text-align: right; /*text-align: right;*/
}
.adv-icon {
	float: left;
	margin-right: 10px;
}

.info-title {
	font-size: 21px;
	font-weight: 400;
	color: var(--text-header);
	font-family: "Open Sans", sans-serif;
	margin-bottom: 10px;
	position: relative;
}

.info-title a {
	position: absolute;
	left: 191px;
	top: 1px;
	font-size: 13px;
	padding: 3px 6px;
	color: var(--text);
	background: #eee;
	text-decoration: none;
}

.info-units {
	font-size: 13px !important;
	color: var(--text);
	font-family: "Droid Sans Mono", monospace;
	margin-bottom: 40px;
}
.info-resources {
	margin-bottom: 24px !important;
}
.info-units:last-child {
	margin-bottom: 0px;
}
.info-units .listunit {
	margin-right: 14px;
	margin-top: 3px;
}
.info-units .listresource {
	margin-bottom: 16px;
}
.info-required-units .listunit {
	cursor: pointer;
}
.info-required-units .clicked {
	opacity: 0.3;
}
.info-description {
	margin-bottom: 30px;
	font-size: 14px;
	color: var(--text);
	line-height: 22px;
}
.info-generals-wrapper {
	display: inline-block;
	/*margin-bottom: 30px;*/
}
.info-general {
	display: inline-block;
	margin-right: 5px;
	position: relative;
}
.info-general-icon {
	width: 54px;
}
.info-general-icon img {
	width: 54px;
	height: 54px;
}
.info-general-amount-normal,
.info-general-amount-small {
	font-family: "Droid Sans Mono", monospace;
	font-weight: 400;
	text-align: center;
	border-radius: 50%;
	width: 13px;
	height: 13px;
	line-height: 12px;
	padding: 8px;
	background: var(--circle);
	opacity: 0.9;
	color: #eee;
	position: absolute;
	right: -5px;
	top: 35px;
}
.info-general-amount-normal {
	font-size: 15px;
}
.info-general-amount-small {
	font-size: 13px;
}

.info-general-indent-normal {
	text-indent: -2px;
}
.info-general-indent-small {
	text-indent: -5px;
}

.lootwrapper {
	width: 100%;
	color: #ddd;
}
.lootslot {
	width: 170px;
	/*margin-left: 20px;
    display: inline-block;*/
}
.lootslot-big {
	width: 190px;
	/*margin-left: 20px;
    display: inline-block;*/
}
.lootslot-big > .lootslot-listitem {
	line-height: 48px;
}

.lootslot-title {
	padding: 10px 12px;
	letter-spacing: 1px;
	background: var(--bg-grey-4);
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color: var(--text);
	border: 1px solid var(--border-1);
	box-sizing: border-box;
}
.lootslot-midtitle {
	padding: 10px 12px;
	letter-spacing: 1px;
	background: var(--bg-grey-4) !important;
	font-size: 18px !important;
	line-height: 24px !important;
	font-weight: 600;
	border: 1px solid var(--border-1);
}
.loot-spacer {
	height: 18px;
	margin: 0 -1px;
}
.lootslot-listitem {
	display: table;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	line-height: 25px;
	background: var(--bg-grey-2);
	color: var(--text);
	border-bottom: 1px solid var(--border-2);
	box-sizing: border-box;
}

.lootslot-eventitem {
	display: table;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	font-size: 14px;
	line-height: 25px;
	background: var(--bg-grey-2);
	color: var(--text);
	border-bottom: 1px solid var(--border-2);
	box-sizing: border-box;
}

.resource-icon {
	display: table-cell;
	width: 20px;
	padding: 10px;
}
.resource-icon-big {
	display: table-cell;
	width: 60px;
	height: 50px;
	padding: 8px;
}
.resource-icon-big.Nothing {
	text-indent: 8px;
}

.resource-amount {
	display: table-cell;
	width: 40px;
	padding: 10px;
	font-weight: 600;
}
.resource-percent {
	display: table-cell;
	width: 40px;
	padding: 10px;
	color: var(--text-grey);
}

.camp {
	font-family: "Droid Sans Mono", monospace;
	font-size: 16px;
	width: 100%;
	display: inline-block;
	/*padding: 8px;*/
	color: var(--text);
	/*border: 1px solid var(--border-1);*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 16px;
	background: var(--bg-grey-2);
	padding-bottom: 4px;
}

.camp > table:first-child {
	margin-top: 2px;
}

.done {
	opacity: 0.7;
	filter: grayscale(100%);
	-webkit-box-shadow: inset 0 0 50px #eee;
	box-shadow: inset 0 0 50px #eee;
	border: 1px solid #ccc;
}
.attack-done {
	opacity: 0.45;
	filter: grayscale(100%);
	transition: all 0.1s;
}
.attack-done .tooltiptext {
	opacity: 0;
	transition: all 0.3s;
}

.camp:first-child {
	padding-top: 0px;
}

h3 {
	font-weight: 400;
	font-size: 17px;
	color: var(--text-header);
	letter-spacing: 1px; /*position: relative;*/
}
h3.withoptions {
	margin-bottom: -66px;
}
h3.normalcamp {
	margin-bottom: -12px;
}

.videoicon {
	width: 24px;
	height: 18px;
	display: inline-block;
	margin-left: 14px;
	margin-bottom: -2px;
	background: url("images/youtube.png") no-repeat;
	cursor: pointer;
}

.videotutorial {
	width: 960px;
	display: inline-block;
	display: none;
	z-index: 11000;
	position: fixed;
	top: 50%;
	margin-top: -287px;
	left: 50%;
	margin-left: -480px;
	padding: 15px;
	background: var(--bg-grey-1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.note {
	width: 100%;
	padding: 10px 12px 10px 46px; /*margin-top: 10px;*/
	/*margin-bottom: 8px;*/
	background: var(--bg-grey-3);
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	line-height: 25px;
	color: var(--text);
	/*border-bottom: 1px solid var(--border-1);*/
}

.tabbed-camp > .note {
	/*padding: 7px 12px 10px 46px;*/
	margin-top: -3px;
}

table + .note {
	margin-top: 10px !important;
}

.tabbed-content {
	padding-bottom: 0px;
	margin-top: 20px;
	line-height: 10px; /*display: inline-block;*/
}

.tabbed-content .camp {
	margin-top: 0px;
	background: var(--bg-grey-2);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.tabs-container {
	border-bottom: 3px solid var(--bg-grey-3);
	display: inline-block;
	width: 100%;
}

ul.camp-tabs {
	color: #fff;
	margin: 20px 0 0;
	font-size: 14px;
	padding: 0px;
	list-style: none;
	direction: rtl;
	float: right;
}

ul.camp-tabs li {
	float: left;
	padding: 10px 15px;
	cursor: pointer;
	background: var(--bg-grey-2);
	color: var(--text-grey);
	/*border-left: 1px solid var(--border-1);
    border-top: 1px solid var(--border-1);
    border-right: 1px solid var(--border-1);*/
	width: 60px;
	text-align: center;
	margin-left: 6px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

ul.camp-tabs li.current {
	background: var(--bg-grey-3);
	color: #fff;
	font-weight: 600;
	margin-bottom: -1px;
	border-bottom: 1px solid var(--bg-grey-3);
}

.tab-content {
	display: none;
	background: #ededed;
	padding: 15px;
}

.tab-content.current {
	display: inherit;
}

.note > .info-icon {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: url("images/info24.png") no-repeat;
}

.red {
	color: #9a0000;
	font-weight: bold;
}

.camp table {
	cursor: pointer;
	padding: 4px 8px 0 4px;
}
table {
	width: 100%;
	line-height: 14px;
}

.attack-general {
	width: 64px;
	position: relative;
}
.attack-general .block-icon {
	width: 28px;
	height: 23px;
	background: url(images/block.png) no-repeat;
	position: absolute;
	left: 40px;
	top: 42px;
}
.attack-from-to {
	width: 90px;
	font-size: 16px;
	font-weight: 600;
}
.attack-units {
	width: 200px;
	font-size: 13px;
}
.attack-losses {
	width: 160px;
	text-align: right;
	font-size: 13px;
}

.show-xp {
	position: absolute;
	bottom: -4px;
	left: 0px;
	font-size: 11px;
	width: 64px;
	text-align: center;
	color: #666;
	/*background: #111;
    text-align: center;*/
}
.show-xp-diff {
	color: #888;
}

.attack-from-to .general-letter,
.attack-from-to .camp-number {
	border-radius: 50%;
	width: 13px;
	height: 13px;
	line-height: 12px;
	padding: 8px;
	background: var(--circle);
	text-align: center;
	display: inline-block;
}
.attack-from-to .general-letter {
	color: #fff;
}
.attack-from-to .camp-number {
	color: #ffa200;
}

.attack-units .listunit {
	float: left;
}
.attack-losses .listunit {
	float: right;
}

.listunit {
	display: inline-block;
	min-width: 30px;
	text-align: center;
	position: relative;
}
.camp .listunit {
	margin-left: 14px;
}
.amount,
.lossamount {
	height: 18px;
	display: block;
}
.amount {
	font-weight: bold;
}
.lossamount {
	color: var(--text-grey);
}
.lossdivider {
	font-family: "Open Sans Condensed", sans-serif;
	font-size: 15px;
}
.opacity {
	opacity: 0.8;
}
.unit {
	height: 30px;
	margin-bottom: 2px;
	display: block;
}
.Bowman {
	background: url(images/normal-units/bowman.png) no-repeat center center;
}
.Cannoneer {
	background: url(images/normal-units/cannoneer.png) no-repeat center center;
}
.Cavalry {
	background: url(images/normal-units/cavalry.png) no-repeat center center;
}
.Crossbowman {
	background: url(images/normal-units/crossbowman.png) no-repeat center center;
}
.Elite {
	background: url(images/normal-units/elite-soldier.png) no-repeat center center;
}
.Longbowman {
	background: url(images/normal-units/longbowman.png) no-repeat center center;
}
.Militia {
	background: url(images/normal-units/militia.png) no-repeat center center;
}
.Recruit {
	background: url(images/normal-units/recruit.png) no-repeat center center;
}
.Soldier {
	background: url(images/normal-units/soldier.png) no-repeat center center;
}
.Armored-Marksman {
	background: url(images/elite-units/armored-marksman.png) no-repeat center center;
}
.Besieger {
	background: url(images/elite-units/besieger.png) no-repeat center center;
}
.Knight {
	background: url(images/elite-units/knight.png) no-repeat center center;
}
.Marksman {
	background: url(images/elite-units/marksman.png) no-repeat center center;
}
.Mounted-Marksman {
	background: url(images/elite-units/mounted-marksman.png) no-repeat center center;
}
.Mounted-Swordsman {
	background: url(images/elite-units/mounted-swordsman.png) no-repeat center center;
}
.Swordsman {
	background: url(images/elite-units/swordsman.png) no-repeat center center;
}
.Granite {
	background: url(images/resources/granite.png) no-repeat center center;
}
.Exotic-Wood {
	background: url(images/resources/exotic-wood.png) no-repeat center center;
}
.Titanium {
	background: url(images/resources/titanium-ore.png) no-repeat center center;
}
.Saltpetre {
	background: url(images/resources/saltpetre.png) no-repeat center center;
}
.Magic-Bean {
	background: url(images/resources/magic-bean.png) no-repeat center center;
}
.Copper-Ore {
	background: url(images/resources/copper-ore.png) no-repeat center center;
}
.Iron-Ore {
	background: url(images/resources/iron-ore.png) no-repeat center center;
}
.Coal {
	background: url(images/resources/coal.png) no-repeat center center;
}
.Horse {
	background: url(images/resources/horse.png) no-repeat center center;
}
.Hardwood {
	background: url(images/resources/hardwood.png) no-repeat center center;
}
.Pinewood {
	background: url(images/resources/pinewood.png) no-repeat center center;
}
.Tools {
	background: url(images/resources/tools.png) no-repeat center center;
}
.Fish {
	background: url(images/resources/fish.png) no-repeat center center;
}
.Hardwood-Planks {
	background: url(images/resources/hardwood-planks.png) no-repeat center center;
}
.Marble {
	background: url(images/resources/marble.png) no-repeat center center;
}
.Settler {
	background: url(images/resources/settler.png) no-repeat center center;
}
.Brew {
	background: url(images/resources/brew.png) no-repeat center center;
}
.Coins {
	background: url(images/resources/coins.png) no-repeat center center;
}
.Bread {
	background: url(images/resources/bread.png) no-repeat center center;
}
.Meat {
	background: url(images/resources/meat.png) no-repeat center center;
}
.Grout {
	background: url(images/resources/grout.png) no-repeat center center;
}
.Copper-Fill {
	background: url(images/resources/fills/fill-copper.png) no-repeat center center;
}
.Fish-Fill {
	background: url(images/resources/fills/fill-fish.png) no-repeat center center;
}
.Wheat-Fill {
	background: url(images/resources/fills/fill-wheat.png) no-repeat center center;
}
.Coal-Fill {
	background: url(images/resources/fills/fill-coal.png) no-repeat center center;
}
.Meat-Fill {
	background: url(images/resources/fills/fill-meat.png) no-repeat center center;
}
.Iron-Fill {
	background: url(images/resources/fills/fill-iron.png) no-repeat center center;
}
.Gold-Fill {
	background: url(images/resources/fills/fill-gold.png) no-repeat center center;
}
.Any-Fill {
	background: url(images/resources/fills/fill-any.png) no-repeat center center;
}
.Granite-Fill {
	background: url(images/resources/fills/fill-granite.png) no-repeat center center;
}
.Titanium-Fill {
	background: url(images/resources/fills/fill-titanium.png) no-repeat center center;
}
.Saltpetre-Fill {
	background: url(images/resources/fills/fill-saltpetre_new.png) no-repeat center center;
}
.Barazek {
	background: url(images/resources/barazek.png) no-repeat center center;
}
.Chocolate-Bunny {
	background: url(images/resources/chocolate-bunny.png) no-repeat center center;
}
.Hide-Glue {
	background: url(images/resources/hide-glue.png) no-repeat center center;
}
.Manuscript {
	background: url(images/resources/manuscript.png) no-repeat center center;
}
.Tome {
	background: url(images/resources/tome.png) no-repeat center center;
}
.Codex {
	background: url(images/resources/codex.png) no-repeat center center;
}
.Exotic-Fruit-Basket {
	background: url(images/resources/exotic-fruit-basket.png) no-repeat center center;
}
.SLT {
	background: url(images/resources/adv-slt.png) no-repeat center center;
}
.CLT {
	background: url(images/resources/adv-clt.png) no-repeat center center;
}
.BLT {
	background: url(images/resources/adv-blt.png) no-repeat center center;
}
.HLT {
	background: url(images/resources/adv-hlt.png) no-repeat center center;
}
.RB {
	background: url(images/resources/adv-rb.png) no-repeat center center;
}
.BK {
	background: url(images/resources/adv-bk.png) no-repeat center center;
}
.DB {
	background: url(images/resources/adv-db.png) no-repeat center center;
}
.SE {
	background: url(images/resources/adv-se.png) no-repeat center center;
}
.SA {
	background: url(images/resources/adv-sa.png) no-repeat center center;
}
.TN {
	background: url(images/resources/adv-tn.png) no-repeat center center;
}
.VTV {
	background: url(images/resources/adv-vtv.png) no-repeat center center;
}
.VLT {
	background: url(images/resources/adv-vlt.png) no-repeat center center;
}
.SOTV {
	background: url(images/resources/adv-sotv.png) no-repeat center center;
}
.Return-To-The-Bandit-Nest {
	background: url(images/resources/adv-rttbn.png) no-repeat center center;
}
.First-Thief {
	background: url(images/resources/adv-1st.png) no-repeat center center;
}
.Second-Thief {
	background: url(images/resources/adv-2nd.png) no-repeat center center;
}
.Third-Thief {
	background: url(images/resources/adv-3rd.png) no-repeat center center;
}
.Sea-Snake {
	background: url(images/resources/adv-sea-snake.png) no-repeat center center;
}
.Oil-Lamp {
	background: url(images/resources/adv-oil-lamp.png) no-repeat center center;
}
.Besieged-City {
	background: url(images/resources/adv-besieged-city.png) no-repeat center center;
}
.Old-Friends {
	background: url(images/resources/adv-of.png) no-repeat center center;
}
.Treasure-of-Knowledge {
	background: url(images/resources/adv-tok.png) no-repeat center center;
}
.Treasure-of-Wisdom {
	background: url(images/resources/adv-tow.png) no-repeat center center;
}
.Beautiful-Princess {
	background: url(images/resources/adv-beautiful-princess.png) no-repeat center center;
}
.Hansel-and-Gretel {
	background: url(images/resources/adv-hag.png) no-repeat center center;
}
.The-Pied-Piper-of-Hamelin {
	background: url(images/resources/adv-piper.png) no-repeat center center;
}
.Red-Riding-Hood {
	background: url(images/resources/adv-red-riding-hood.png) no-repeat center center;
}
.Snow-White {
	background: url(images/resources/adv-snow-white.png) no-repeat center center;
}
.Wedding-Invitation {
	background: url(images/resources/wedding-invitation.png) no-repeat center center;
}
.Mysterious-Coin {
	background: url(images/resources/mysterious-coin.png) no-repeat center center;
}
.Panda {
	background: url(images/resources/panda.png) no-repeat center center;
}
.Handcart {
	background: url(images/resources/handcart.png) no-repeat center center;
}
.Broken-Handcart {
	background: url(images/resources/broken-handcart.png) no-repeat center center;
}
.Crates {
	background: url(images/resources/crates.png) no-repeat center center;
}
.Baroque-Stone-Bench {
	background: url(images/resources/baroque-stone-bench.png) no-repeat center center;
}
.XP {
	background: url(images/resources/xp.png) no-repeat center center;
}
.Platinum-Ore {
	background: url(images/resources/platinum-ore.png) no-repeat center center;
}
.Mahogany-Wood {
	background: url(images/resources/mahogany-wood.png) no-repeat center center;
}
.Witch-Tower {
	background: url(images/resources/witch-tower.png) no-repeat center center;
}
.Horseman-Statue {
	background: url(images/resources/horseman-statue.png) no-repeat center center;
}
.Bone-Church {
	background: url(images/resources/bone-church.png) no-repeat center center;
}
.White-Castle {
	background: url(images/resources/white-castle.png) no-repeat center center;
}
.Angel-Monument {
	background: url(images/resources/angel-monument.png) no-repeat center center;
}
.Dark-Castle {
	background: url(images/resources/dark-castle.png) no-repeat center center;
}
.Machine-Oil {
	background: url(images/resources/machine-oil.png) no-repeat center center;
}
.Elixir {
	background: url(images/resources/elixir.png) no-repeat center center;
}
.Wilderwood-Resin {
	background: url(images/resources/wilderwood-resin.png) no-repeat center center;
}
.Soldier-Statue {
	background: url(images/resources/soldier-statue.png) no-repeat center center;
}
.Chocolate-Pralines {
	background: url(images/resources/chocolate-pralines.png) no-repeat center center;
}
.Slim-Red-Tree {
	background: url(images/resources/slim-red-tree.png) no-repeat center center;
}
.Big-Red-Tree {
	background: url(images/resources/red-tree.png) no-repeat center center;
}
.Huge-Red-Tree {
	background: url(images/resources/huge-red-tree.png) no-repeat center center;
}
.Cherry-Tree {
	background: url(images/resources/cherry-tree.png) no-repeat center center;
}
.Mothertree-Ritual {
	background: url(images/resources/mothertree-ritual.png) no-repeat center center;
}
.Blue-Flowerbed {
	background: url(images/resources/flowerbed-blue.png) no-repeat center center;
}
.Flowery-Stone {
	background: url(images/resources/flowery-stone.png) no-repeat center center;
}
.Arabian-Residence {
	background: url(images/resources/arabian-residence.png) no-repeat center center;
}
.Oasis-Residence {
	background: url(images/resources/oasis-residence.png) no-repeat center center;
}
.Arabian-Tower {
	background: url(images/resources/arabian-tower.png) no-repeat center center;
}
.Arabian-Palace {
	background: url(images/resources/arabian-palace.png) no-repeat center center;
}
.Magic-Lamp {
	background: url(images/resources/magic-lamp.png) no-repeat center center;
}
.Camel-Stable {
	background: url(images/resources/camel-stable.png) no-repeat center center;
}
.Angel-Gate {
	background: url(images/resources/angel-gate.png) no-repeat center center;
}
.Pirate-Residence {
	background: url(images/resources/pirate-residence.png) no-repeat center center;
}
.Frozen-Manor {
	background: url(images/resources/frozen-manor.png) no-repeat center center;
}
.Signpost {
	background: url(images/resources/signpost.png) no-repeat center center;
}
.Ancient-Temple {
	background: url(images/resources/ancient-temple.png) no-repeat center center;
}
.Epic-Farmyard {
	background: url(images/resources/epic-farmyard.png) no-repeat center center;
}
.Blueprint-Epic-Well {
	background: url(images/resources/blueprint-epic-well.png) no-repeat center center;
}
.Blueprint-Epic-Silo {
	background: url(images/resources/blueprint-epic-silo.png) no-repeat center center;
}
.Blueprint-Epic-Farm {
	background: url(images/resources/blueprint-epic-farm.png) no-repeat center center;
}
.Blueprint-Epic-Mill {
	background: url(images/resources/blueprint-epic-mill.png) no-repeat center center;
}
.Blueprint-Epic-Bakery {
	background: url(images/resources/blueprint-epic-bakery.png) no-repeat center center;
}
.Blueprint-Epic-Brewery {
	background: url(images/resources/blueprint-epic-brewery.png) no-repeat center center;
}
.Blueprint-Epic-Stable {
	background: url(images/resources/blueprint-epic-stable.png) no-repeat center center;
}
.Tome-Recipe {
	background: url(images/resources/recipe-tome.png) no-repeat center center;
}
.Event-Resource.Egg {
	background: url(images/resources/striped-egg.png) no-repeat center center;
}
.Event-Resource.Pumpkin-Fill {
	background: url(images/resources/pumpkin-fill-32.png) no-repeat center center;
}
.Training-Overtime {
	background: url(images/resources/training-overtime.png) no-repeat center center;
}
.Rainbow-Snow {
	background: url(images/resources/rainbow-snow.png) no-repeat center center;
}
.Obsidian {
	background: url(images/resources/obsidian.png) no-repeat center center;
}
.Assassin {
	background: url(images/resources/assassin.png) no-repeat center center;
}
.Rain-of-Arrows {
	background: url(images/resources/rain-of-arrows.png) no-repeat center center;
}
.Big-Catapult {
	background: url(images/resources/big-catapult.png) no-repeat center center;
}
.Unknown-Regions {
	background: url(images/resources/adv-unknown-regions.png) no-repeat center center;
}
.Small-Pine {
	background: url(images/resources/small-pine.png) no-repeat center center;
}
.Medium-Pine {
	background: url(images/resources/medium-pine.png) no-repeat center center;
}
.Large-Pine {
	background: url(images/resources/large-pine.png) no-repeat center center;
}
.Weather-Warning-Sign {
	background: url(images/resources/sign.png) no-repeat center center;
}
.Smokehouse {
	background: url(images/resources/smokehouse.png) no-repeat center center;
}
.Reindeer-Bait {
	background: url(images/resources/reindeer-bait.png) no-repeat center center;
}
.Meadhall {
	background: url(images/resources/meadhall.png) no-repeat center center;
}
.Stronghold {
	background: url(images/resources/stronghold.png) no-repeat center center;
}
.Mountain-Labyrinth {
	background: url(images/resources/adv-mountain-labyrinth.png) no-repeat center center;
}
.The-People-Of-The-Mountain {
	background: url(images/resources/adv-the-people-of-the-mountain.png) no-repeat center center;
}
.A-Giant-Battle {
	background: url(images/resources/adv-a-giant-battle.png) no-repeat center center;
}
.Nord-Residence {
	background: url(images/resources/nord-residence.png) no-repeat center center;
}
.Fruits-Of-Hardship {
	background: url(images/resources/fruits-of-hardship.png) no-repeat center center;
}
.Epic-Forge {
	background: url(images/resources/epic-forge.png) no-repeat center center;
}
.Epic-Bronze-Smelter-Blueprint {
	background: url(images/resources/bp-bronze.png) no-repeat center center;
}
.Epic-Iron-Smelter-Blueprint {
	background: url(images/resources/bp-iron.png) no-repeat center center;
}
.Epic-Steel-Smelter-Blueprint {
	background: url(images/resources/bp-steel.png) no-repeat center center;
}
.Epic-Titanium-Smelter-Blueprint {
	background: url(images/resources/bp-titanium.png) no-repeat center center;
}
.Epic-Platinum-Smelter-Blueprint {
	background: url(images/resources/bp-platinum.png) no-repeat center center;
}
.Epic-Bronze-Weaponsmith-Blueprint {
	background: url(images/resources/bp-bs.png) no-repeat center center;
}
.Epic-Iron-Weaponsmith-Blueprint {
	background: url(images/resources/bp-is.png) no-repeat center center;
}
.Epic-Steel-Weaponsmith-Blueprint {
	background: url(images/resources/bp-ss.png) no-repeat center center;
}
.Epic-Damascene-Weaponsmith-Blueprint {
	background: url(images/resources/bp-ds.png) no-repeat center center;
}
.Epic-Platinum-Weaponsmith-Blueprint {
	background: url(images/resources/bp-ps.png) no-repeat center center;
}
.Sunflower-Fertilizer {
	background: url(images/resources/sunflower_fertilizer.png) no-repeat center center;
}
.Improved-Drill-Plan {
	background: url(images/resources/improved-drill-plan.png) no-repeat center center;
}
.Sunflower {
	background: url(images/resources/sunflower.png) no-repeat center center;
}
.Pavilion {
	background: url(images/resources/pavilion.png) no-repeat center center;
}
.Pagoda {
	background: url(images/resources/pagoda.png) no-repeat center center;
}
.Lion-Statue {
	background: url(images/resources/lion-statue.png) no-repeat center center;
}
.Gold-Lantern {
	background: url(images/resources/gold-lantern.png) no-repeat center center;
}
.Pirate-Flag {
	background: url(images/resources/pirate-flag.png) no-repeat center center;
}
.Star-Coins {
	background: url(images/resources/starcoin.png) no-repeat center center;
}
.Golden-Bench {
	background: url(images/resources/golden-bench.png) no-repeat center center;
}
.Stone-Bench {
	background: url(images/resources/stone-bench.png) no-repeat center center;
}
.Flowerbed-Yellow {
	background: url(images/resources/flowerbed-yellow.png) no-repeat center center;
}
.Bed-of-Roses {
	background: url(images/resources/bed-of-roses.png) no-repeat center center;
}
.Large-Riverhouse {
	background: url(images/resources/large-riverhouse.png) no-repeat center center;
}
.Small-Riverhouse {
	background: url(images/resources/small-riverhouse.png) no-repeat center center;
}
.Improved-Warehouse {
	background: url(images/resources/improved-warehouse.png) no-repeat center center;
}
.Arctic-Iron-Mine {
	background: url(images/resources/arctic-iron-mine.png) no-repeat center center;
}
.Chopping-Block {
	background: url(images/resources/chopping-block.png) no-repeat center center;
}
.Boxes {
	background: url(images/resources/boxes.png) no-repeat center center;
}
.Guidepost {
	background: url(images/resources/guidepost.png) no-repeat center center;
}
.form-line {
	height: 30px;
	display: table;
	vertical-align: middle;
}
.form-line + .form-line {
	margin-top: 14px;
}
.form-line label {
	display: table-cell;
	width: 30px;
}
.form-line input.amount {
	display: table-cell;
	width: 32px;
	padding: 5px 5px 4px 5px;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
	color: #d5d5d5;
	margin-left: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	text-align: center;
}
.form-line button.calculate,
.cemetary-form button.calculate,
button.general-button {
	display: table-cell;
	margin-left: 10px;
	-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color: #007dc1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #124d77;
	cursor: pointer;
	color: #ffffff;
	padding: 7px 10px 6px 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}

.form-line button.calculate:hover,
button.general-button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color: #0061a7;
}
.form-line button.calculate:active,
button.general-button:active {
	position: relative;
	top: 1px;
}

button.general-button {
	margin-left: 0px;
}

.form-line .result {
	display: table-cell;
	width: 300px;
	font-size: 14px;
	color: #777;
	text-indent: 20px;
}
input:focus,
button:focus {
	outline: none;
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 340px;
	background-color: var(--bg-grey-3);
	color: var(--text);
	border: 1px solid var(--border-2);
	text-align: left; /*border-radius: 3px;*/
	line-height: 21px;
	padding: 8px 10px 4px 10px;
	position: absolute;
	z-index: 100000;
	top: 140%;
	left: 50%;
	margin-left: -310px;
	font-family: "Open Sans", sans-serif;
	-webkit-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition-delay: 0.25s; /* Safari */
	transition-delay: 0.25s;
}

.marytooltip {
	position: absolute;
	top: 65px;
	left: 310px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}
.attack-general-mary:hover .tooltiptext {
	visibility: visible;
}

.tooltip .tooltiptext .tooltipheader {
	font-weight: 600;
	margin-bottom: 6px;
	position: relative;
	text-indent: 22px;
	font-size: 15px;
}
.tooltip .tooltiptext .tooltipfooter {
	font-weight: 600;
	margin-top: 10px;
	position: relative;
	text-indent: 22px;
	font-size: 14px;
}
.tooltip .tooltiptext .tooltipheader .time {
	width: 16px;
	height: 16px;
	background: url(images/time-white2.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 1px;
}
.tooltip .tooltiptext .tooltipheader .experience {
	width: 16px;
	height: 16px;
	background: url(images/star-white.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 1px;
}
.tooltip .tooltiptext .tooltipfooter .campxp {
	width: 16px;
	height: 16px;
	background: url(images/camp-white.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 3px;
}

.tooltip .tooltiptext .tooltipcontent {
	display: table;
	width: 100%;
	font-size: 12px;
}
.tooltipcontent .tooltip-left,
.tooltipcontent .tooltip-right {
	display: table-cell;
}

.tooltipcontent .tooltip-left {
	width: 100px;
	font-weight: 800;
}
.tooltipcontent .tooltip-right {
	width: 200px;
	color: var(--text-grey);
}

.slotcontainer {
	display: inline;
}

/* PUMPKIN TABLE */

tr.cemetary-image {
	height: 160px;
}
.cemetary-small {
	background: url(images/buildings/pumpkin-cemetary-small.png) no-repeat center top;
}
.cemetary-common {
	background: url(images/buildings/pumpkin-cemetary-common.png) no-repeat center top;
}
.cemetary-noble {
	background: url(images/buildings/pumpkin-cemetary-noble.png) no-repeat center top;
}
td.pumpkintable-cell {
	border-bottom: 1px solid var(--border-1);
	text-align: center;
	font-size: 14px;
	color: var(--text);
}
td.pumpkintable-header {
	text-align: center;
	font-size: 23px;
	color: var(--text);
}
td.pumpkintable-label {
	font-size: 14px;
	font-weight: 600;
	color: #eee;
	text-align: left;
}
td.pumpkintable-label .smalltext {
	font-size: 12px;
	color: #888;
	font-weight: 400;
	margin-top: 2px;
}
.cemetaryamount {
	font-size: 14px;
	font-weight: 600;
	color: var(--text);
}

.with-pumpkin-icon {
	background: url(images/resources/pumpkin.png) no-repeat left center;
	height: 26px;
	display: inline-block;
	line-height: 26px;
	text-indent: 34px;
}

/* PUMPKIN CALCULATE FORM */

.cemetary-form {
	display: inline-block;
	width: 100%;
}
.cemetary-form label {
	float: left;
	width: 28px;
	height: 28px;
	background: url(images/resources/pumpkin.png) no-repeat center center;
	margin-right: 10px;
}
.cemetary-form input[type="text"] {
	float: left;
	width: 50px;
	height: 20px;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #ddd;
	text-align: center;
	font-family: "Open Sans", sans-serif;
	color: #222;
	margin-right: 10px;
}
.cemetary-form select {
	float: left;
	width: 75px;
	border-radius: 3px;
	font-size: 13px;
	border: 1px solid #ddd;
	font-family: "Open Sans", sans-serif;
	color: #222;
	height: 30px;
	padding: 3px;
	margin-right: 10px;
}
.cemetary-form button {
	float: left;
	margin: 0;
	-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color: #007dc1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #124d77;
	cursor: pointer;
	color: #ffffff;
	padding: 7px 10px 6px 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}

.cemetary-form button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color: #0061a7;
}
.cemetary-form button:active {
	position: relative;
	top: 1px;
}

.cemetary-result {
	clear: both;
	margin-top: 60px;
	font-size: 14px;
}
.cemetary-result .time_until {
	font-weight: 600;
	color: var(--text) !important;
}

/* VALENTINES DAY */

.flower-farm {
	background: url(images/buildings/flower-farm.png) no-repeat center top;
}
tr.flowerfarmtable-image {
	height: 180px;
}
td.flowerfarmtable-cell {
	border-bottom: 1px solid var(--border-1);
	text-align: center;
	font-size: 14px;
	color: var(--text);
}
td.flowerfarmtable-header {
	text-align: center;
	font-size: 23px;
	color: #222;
}
td.flowerfarmtable-label {
	font-size: 14px;
	font-weight: 600;
	color: #eee;
	text-align: left;
}
td.flowerfarmtable-label .smalltext {
	font-size: 12px;
	color: #888;
	font-weight: 400;
}
.flowerfarmamount {
	font-size: 14px;
	font-weight: 600;
	color: var(--text);
}
.greybg {
	background: var(--bg-grey-4);
}

.topborder {
	border-top: 1px solid var(--border-1);
}
.with-flower-icon {
	background: url(images/resources/flower.png) no-repeat left center;
	height: 26px;
	display: inline-block;
	line-height: 26px;
	text-indent: 34px;
}

.flowerfarm-form {
	display: inline-block;
	width: 100%;
}
.flowerfarm-form label {
	float: left;
	width: 28px;
	height: 28px;
	background: url(images/resources/flower.png) no-repeat center center;
	margin-right: 10px;
}
.flowerfarm-form input[type="text"] {
	float: left;
	width: 50px;
	height: 20px;
	padding: 4px;
	border-radius: 3px;
	border: 1px solid #ddd;
	text-align: center;
	font-family: "Open Sans", sans-serif;
	color: #222;
	margin-right: 10px;
}
.flowerfarm-form select {
	float: left;
	width: 75px;
	border-radius: 3px;
	font-size: 13px;
	border: 1px solid #ddd;
	font-family: "Open Sans", sans-serif;
	color: #222;
	height: 30px;
	padding: 3px;
	margin-right: 10px;
}
.flowerfarm-form button {
	float: left;
	margin: 0;
	-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color: #007dc1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #124d77;
	cursor: pointer;
	color: #ffffff;
	padding: 7px 10px 6px 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}

.flowerfarm-form button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color: #0061a7;
}
.flowerfarm-form button:active {
	position: relative;
	top: 1px;
}

.flowerfarm-result {
	clear: both;
	margin-top: 60px;
	font-size: 14px;
}
.flowerfarm-result .time_until {
	font-weight: 600;
	color: var(--text) !important;
}

/* LS-PRICES TABLE */
.lspricetable {
	border-top: 1px solid var(--border-1);
	border-left: 1px solid var(--border-1);
	border-right: 1px solid var(--border-1);
}
td.lspricetable-cell {
	border-bottom: 1px solid var(--border-1);
	text-align: center;
	font-size: 15px;
	color: var(--text);
}
td.lspricetable-label {
	font-size: 15px;
	font-weight: 600;
	color: var(--text);
	text-align: left;
}
td.lspricetable-label .smalltext {
	font-size: 12px;
	color: #aaa;
	font-weight: 400;
}
.with-coins-icon {
	background: url(images/resources/coins.png) no-repeat left center;
	height: 26px;
	display: inline-block;
	line-height: 26px;
	text-indent: 34px;
}

/* FAIRYTALE CASTLE CALCULATOR */
.castle-line,
.mine-line {
	display: table;
	font-size: 14px;
	margin-bottom: 10px;
}
.castle-line label,
.mine-line label {
	display: table-cell;
	width: 120px;
}
.castle-line input[type="text"],
.mine-line input[type="text"] {
	width: 32px;
	padding: 5px 5px 4px 5px;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
	color: var(--bg-grey-1);
	margin-left: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
	text-align: center;
}
.castle-line button,
.mine-line button {
	float: left;
	margin: 0;
	-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color: #007dc1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #124d77;
	cursor: pointer;
	color: #ffffff;
	padding: 7px 10px 6px 10px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}

.castle-line button:hover,
.mine-line button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color: #0061a7;
}
.castle-line button:active,
.mine-line button:active {
	position: relative;
	top: 1px;
}

#mineresult,
#fairyresult {
	font-size: 14px;
}

td.beantable-cell {
	border-bottom: 1px solid var(--border-1);
	text-align: center;
	font-size: 14px;
	color: var(--text);
}
td.beantable-header {
	text-align: center;
	font-size: 23px;
	color: #222;
}
td.beantable-label {
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	text-align: left;
	padding-left: 64px;
}
td.beantable-label .smalltext {
	font-size: 12px;
	color: #aaa;
	font-weight: 400;
}
.rainbowicon {
	background: url(images/resources/bag-of-rainbow-snow.png) no-repeat left center;
}
.stadiumicon {
	background: url(images/resources/stadium-snacks.png) no-repeat left center;
}
.machineoilicon {
	background: url(images/resources/machine-oil.png) no-repeat left center;
}

.rightborder {
	border-right: 1px solid var(--border-1);
}
.topborder {
	border-top: 1px solid var(--border-1);
}
.beanheader {
	font-weight: bold;
}
.bean-icon {
	background: url(images/resources/magic-bean.png) no-repeat left center;
	height: 26px;
	display: inline-block;
	line-height: 26px;
	text-indent: 34px;
}
.stalk-icon {
	background: url(images/resources/magic-beanstalk.png) no-repeat left center;
	height: 26px;
	display: inline-block;
	line-height: 26px;
	text-indent: 34px;
	color: #167709;
	font-weight: bold;
}

/* SUBMIT GUIDE */
.submit-guide-form {
	font-family: "Open Sans", sans-serif;
}
.submit-guide-form select {
	padding: 5px;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
}
.submit-guide-form select option {
	padding: 3px;
	font-family: "Open Sans", sans-serif;
}

.submit-guide-form button {
	margin-left: 10px;
	-moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color: #007dc1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #124d77;
	margin-top: -1px;
	height: 36px;
	cursor: pointer;
	color: #ffffff;
	padding: 10px 15px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
}

.submit-guide-form button:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color: #0061a7;
}
.submit-guide-form button:active {
	position: relative;
	top: 1px;
}

.submit-general {
	float: left;
	margin-right: 4px;
}
.submit-general-amount {
	width: 64px;
	text-align: center;
}
.submit-general-amount input[type="text"] {
	width: 50%;
	padding: 5px;
	text-align: center;
	border: 1px solid #ccc;
	color: #333;
	border-radius: 3px;
}

.submit-unit-wrapper {
	clear: left;
}
.submit-unit {
	float: left;
	width: 44px;
	margin-right: 10px;
	text-align: center;
}
.submit-unit input[type="text"] {
	width: 100%;
	padding: 5px 2px;
	text-align: center;
	border: 1px solid #ccc;
	color: #333;
	border-radius: 3px;
	font-size: 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* RESPONSICE STYLES */
@media screen and (max-width: 1860px) {
	/*.slotbox {
        float: left;
        margin-bottom: 20px;
    }
    .slotcontainer {
       
        margin-bottom: 20px;
    }
    .lootslot {
        width: 190px;
    }
    .adventure-information .info-left {
        width: 40%;
    }
    .adventure-information .info-right {
        width: 60%;
    }*/
}

@media screen and (max-width: 1700px) {
	.sector .left,
	.sector .right {
		width: 50%;
	}
}

@media screen and (max-width: 1600px) {
	/*.sector .left { width: 60%; }
  .sector .right { width: 40%; }*/
}

@media screen and (max-width: 1500px) {
	.sector {
		display: inline-block;
	}
	.sector .left,
	.sector .right {
		width: 100%;
		display: inline-block;
	}
	.sector .right {
		padding-left: 0px;
		margin-top: 20px;
	}
	.left .sector-map {
		display: inline-block;
	}
	.tabbed-content {
		width: 100%;
	}
}

@media screen and (max-width: 1366px) {
	.adventure-information,
	.adventure-information .info-left,
	.adventure-information .info-right {
		display: inline-block;
		width: 100%;
	}
	/*.adventure-information .info-left {
        margin-bottom: 30px;
    }
    .slotcontainer {
        float: left;
    }
    .lootslot {
        width: 190px;
    }
    .lootslot,
    .lootslot-big {
        margin-left: 0px;
        margin-right: 20px;
        margin-bottom: 0px;
    }*/
}

@media screen and (max-width: 940px) {
	#menu ul {
		font-size: 18px;
		margin: 0 0 0 0px;
	}
	#menu ul li a {
		padding: 0 10px;
	}
}

.btn {
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	position: relative;
	display: inline-block;
}

.btn:active {
	transform: translate(0px, 5px);
	-webkit-transform: translate(0px, 5px);
	box-shadow: 0px 1px 0px 0px;
}

.blue {
	background-color: #007abe;
	box-shadow: 0px 5px 0px 0px #0063a9;
}

.blue:hover {
	background-color: #007abe;
}

.file64 {
	background: url(images/file-zip-64.png) no-repeat center center;
}
.btnright {
	float: right;
}

h2.changelog {
	margin-top: 30px;
}
.changelogcontent {
	font-size: 13px;
	line-height: 20px;
}
.changelogcontent h3 {
	margin: 50px 0 5px;
}
.changelogcontent h3:first-child {
	margin: 20px 0 5px;
}
.changelogcontent p {
	background: #fff;
}
p.changelogrow {
	background: #fff;
	padding: 0;
	padding-left: 82px;
	position: relative;
	line-height: 24px;
}
.change {
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	width: 74px;
	height: 24px;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 24px;
}
.added {
	background: #32d296;
}
.fixed {
	background: #f0506e;
}
.changed {
	background: #1e87f0;
}
.other {
	background: #faa05a;
}
.changedescription {
	display: block;
}
.changedescription:first-letter {
	text-transform: uppercase;
}

.info-skills-wrapper {
	display: flex;
	gap: 20px;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

.skills-general {
	display: flex;
	flex-direction: column;
	width: 230px;
}

.display-general {
	display: flex;
	background: var(--bg-grey-4);
	align-items: center;
	height: 64px;
	gap: 6px;
	border: 1px solid var(--border-1);
}

.general-icon {
	margin-top: 4px;
	margin-left: 5px;
}

.general-icon > img {
	width: 48px;
	height: 48px;
}

.general-name {
	font-size: 15px;
	font-weight: bold;
	/*text-transform: uppercase;*/
}

.general-skills {
	display: flex;
	flex-direction: column;
	background: var(--bg-grey-2);
	border-left: 1px solid var(--border-1);
	border-right: 1px solid var(--border-1);
	border-bottom: 1px solid var(--border-1);
}

.skill {
	display: flex;
	padding-left: 10px;
	gap: 10px;
	align-items: center;
	font-size: 14px;
	border-bottom: 1px solid var(--border-2);
	height: 50px;
}

.general-skills .skill:last-child {
	border-bottom: none;
}

.generals-n-units {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.block {
	margin-right: 80px;
}

.loot-boxes {
	display: flex;
	gap: 20px;
}

.note b {
	color: #fff;
}