.avatarCharacterLinkArea {
	position: absolute;
	top: 50px;
	left: 203px;
	width: 80px;
	height: 80px;
	border-radius: 50px;
}

.avatarCharacterLinkArea a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50px;
}

.avatarCharacterLinkArea > a.disabled {
	background-color: rgba(0, 0, 0, 0.3);
}

.avatarCharacterLinkArea.default {
	background-image: url("../images/layout/shield_avatar/default.png");
}

.avatarCharacterLinkArea.paladin {
	background-image: url("../images/layout/shield_avatar/paladin.png");
}

.avatarCharacterLinkArea.pyromage {
	background-image: url("../images/layout/shield_avatar/pyromage.png");
}

.avatarCharacterLinkArea.ironMauler {
	background-image: url("../images/layout/shield_avatar/iron_mauler.png");
}

.avatarCharacterLinkArea.hunter {
	background-image: url("../images/layout/shield_avatar/hunter.png");
}

.avatarCharacterLinkArea.darkKnight {
	background-image: url("../images/layout/shield_avatar/dark_knight.png");
}

.buttonGoToNpc {
	margin-top: 17px;
	text-align: center;
}

.menuSwitchButtons {
	margin: 13px 0px 0px 7px;
	width: 181px;
	text-align: center;
}

.menuSwitchButtons .switchButton {
	display: inline-block;
	width: 84px;
	height: 48px;
	margin: 0px;
	color: #bbb;
	line-height: 42px;
	letter-spacing: 1.5;
	font-family: Coolvetica;
	/* background-image: url("../images/left_menu_button.png"); */
	cursor: pointer;
	text-shadow: -1px 0px 1px #111;
}

.menuSwitchButtons .switchButtonActive {
	/* background-image: url("../images/left_menu_button_hover.png"); */
}

.menuSwitchButtons .switchButtonMenu {
	background-image: url("../images/main_menu_button_map_base.png");
}

.menuSwitchButtons .switchButtonMenu:hover {
	background-image: url("../images/main_menu_button_map_hover.png");
}

.menuSwitchButtons .switchButtonMenu.switchButtonActive {
	background-image: url("../images/main_menu_button_map_down.png");
}

.menuSwitchButtons .switchButtonNpc {
	background-image: url("../images/main_menu_button_npc_base.png");
}

.menuSwitchButtons .switchButtonNpc:not(.buttonDisabled):not(.switchButtonActive):hover {
	background-image: url("../images/main_menu_button_npc_hover.png");
}

.menuSwitchButtons .switchButtonNpc.switchButtonActive {
	background-image: url("../images/main_menu_button_npc_down.png");
}

.menuSwitchButtons .questHint {
	color: gold;
}

.menuSwitchButtons .buttonDisabled {
	/* color: #555; */
	opacity: 0.5;
}

.boxChangePassword {
	width: 400px;
}

.boxChangeLinkColors {
	width: 400px;
	margin-left: 40px;
}

.boxChangePlayerName {
	width: 400px;
}

.boxDeleteAccount {
	width: 400px;
	margin-left: 40px;
}

.boxInventory {
	width: 405px;
	padding: 0px;
}

.boxBackupInventory {
	width: 405px;
	margin-top: 50px;
}

.boxPlayerProfileDescription {
	width: 405px;
	margin-top: 50px;
	max-height: 256px;
}

.boxPlayerProfileDescription .content {
	max-height: 226px;
	overflow-y: auto;
}

.boxInventoryMargin {
	margin-left: 40px;
}

.boxCharacter {
	width: 324px;
	height: 243px;
}

.boxCharacter .avatar {
	position: absolute;
	width: 160px;
	height: 160px;
	left: 83px;
	top: 3px;
	background-repeat: no-repeat;
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}

.player-avatar-default {
	background-image: url("../images/avatars/default.png") !important;
}

.player-avatar-darkKnight {
	background-image: url("../images/avatars/knight.png") !important;
}

.player-avatar-paladin {
	background-image: url("../images/avatars/paladin.png") !important;
}

.player-avatar-pyromage {
	background-image: url("../images/avatars/pyromage.png") !important;
}

.player-avatar-hunter {
	background-image: url("../images/avatars/hunter.png") !important;
}

.player-avatar-ironMauler {
	background-image: url("../images/avatars/iron_mauler.png") !important;
}

.avatarRibbon {
	width: 158px;
	height: 16px;
	background-image: url("../images/avatar_ribbon.png");
}


.boxCharacter .avatarImage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 140px;
}

.boxCharacter .avatar .avatarPanel {
	position: absolute;
	top: 142px;
}

.boxCharacter .avatar .avatarPanel .text {
	margin-top: 2px;
	margin-left: 5px;	
	width: 150px;
	height: 12px;
	line-height: 12px;
	font-family: OpenSansSemibold;
	font-size: 13px;
	color: #dfdfdf;
	text-shadow:
	   -1px -1px 0px rgba(0, 0, 0, 0.4),  
		1px -1px 0px rgba(0, 0, 0, 0.4),
		-1px 1px 0px rgba(0, 0, 0, 0.4),
		 1px 1px 0px rgba(0, 0, 0, 0.4);
}

.boxCharacter .avatar .avatarPanel .tribeName {
	text-align: left;
	padding-left: 2px;
}

.boxCharacter .avatar .avatarPanel .playerPosition {
	float: right;
	padding-right: 2px;
	color: #fadb75;
}

.boxCharacter .avatar .name {
	position: absolute;
	top: 110px;
	left: 5px;	
	width: 150px;
	height: 12px;
	line-height: 12px;
	font-family: OpenSansSemibold;
	font-size: 14px;
	color: #dfdfdf;
	text-align: center;
	text-shadow:
	   -1px -1px 2px #000,  
		1px -1px 2px #000,
		-1px 1px 2px #000,
		 1px 1px 2px #000;
}

.boxCharacter .avatar .playerLevel {
	display: block;
	margin-top: 5px;
	font-size: 10px;
}

.boxCharacter .avatar .playerLevel2 {
	position: absolute;
	top: 120px;
	left: 5px;	
	width: 150px;
	height: 12px;
	line-height: 12px;
	font-family: OpenSansMedium;
	font-size: 12px;
	color: #dfdfdf;
	text-align: center;
	text-shadow:
	   -1px -1px 2px #000,  
		1px -1px 2px #000,
		-1px 1px 2px #000,
		 1px 1px 2px #000;
		
		background: rgba(0, 0, 0, 0.5);
		padding: 5px 0px;
}

.boxCharacter .avatar .premium {
	color: gold !important;
}


/* Solves bug for "touch" mode when an icon for item tooltip is shown */
.boxCharacter .itemSlotContainer {
	position: absolute;
	width: 76px;
	height: 76px;
}

.boxCharacter .itemSlot {
	position: absolute;
	z-index: 0 !important; /* prevents image to be above the bordered box */
}

.boxCharacter .itemSlotWeapon {
	top: 0px;
	left: 1px;
	background-image: url("../images/icons/character_silhouette_weapon.png");
}

.boxCharacter .itemSlotArmor {
	top: 81px;
	left: 1px;
	background-image: url("../images/icons/character_silhouette_armor.png");
}

.boxCharacter .itemSlotShield {
	top: 162px;
	left: 1px;
	background-image: url("../images/icons/character_silhouette_shield.png");
}

.boxCharacter .itemSlotHelmet {
	top: 0px;
	left: 244px;
	background-image: url("../images/icons/character_silhouette_helmet.png");
}

.boxCharacter .itemSlotGloves {
	top: 81px;
	left: 244px;
	background-image: url("../images/icons/character_silhouette_gloves.png");
}

.boxCharacter .itemSlotBoots {
	top: 162px;
	left: 244px;
	background-image: url("../images/icons/character_silhouette_boots.png");
}

.boxCharacter .itemSlotAccessory {
	background-image: url("../images/icons/character_silhouette_accessory.png");
}

.boxCharacter .itemSlotAccessory1 {
	top: 162px;
	left: 82px;
}

.boxCharacter .itemSlotAccessory2 {
	top: 162px;
	left: 163px;
}

.boxPlayerProfileInformation {
	width: 405px;
}

.dialogAttackPlayer {
}

.dialogAttackPlayer .buttons {
	margin-top: 15px;
}

.dialogAttackPlayer .buttons .buttonArea {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
}

.dialogAttackPlayer .buttons .buttonArea .text {
	margin-top: 5px;
}

.boxMerchant {
	margin-top: 50px !important;
	margin-left: 143px;
	width: 405px;
}

.merchantRefillButtonsArea {
	position: relative;
	margin-top: 37px;
	margin-left: 55px;
	width: 200px;
}

.merchantRefillButtonsArea.refillButtonsAreaBig {
	height: 270px;
}

.merchantRefillButtonsArea.refillButtonsAreaSmall {
	height: 190px;
}

.merchantRefillButtonsArea.refillButtonsAreaBig .buttonSingle {
	margin-top: 110px;
}

.merchantRefillButtonsArea.refillButtonsAreaBig .buttonSingle:active {
	margin-top: 110px;
	margin-bottom: 4px;
}

.merchantRefillButtonsArea.refillButtonsAreaBig .buttonSingle:active {
	margin-top: 111px;
}

.merchantRefillButtonsArea.refillButtonsAreaSmall .buttonSingle {
	margin-top: 66px;
}

.merchantRefillButtonsArea.refillButtonsAreaSmall .buttonSingle:active {
	margin-top: 67px;
}

.merchantRefillButtonsArea .freeRefillsInfo {
	margin-top: 10px;
	color: #fff;
	font-family: OpenSansMedium;
	font-size: 13px;
}

.merchantRefillButtonsArea .buttonRefillGold {
	position: absolute;
}

.merchantRefillButtonsArea.refillButtonsAreaBig .buttonRefillGold {
	top: 83px;
}

.merchantRefillButtonsArea.refillButtonsAreaBig .buttonRefillGold:active {
	top: 84px;
}

.merchantRefillButtonsArea.refillButtonsAreaSmall .buttonRefillGold {
	top: 40px;
}

.merchantRefillButtonsArea.refillButtonsAreaSmall .buttonRefillGold:active {
	top: 41px;
}

.merchantRefillButtonsArea .buttonRefillHourglass {
	position: absolute;
}

.merchantRefillButtonsArea.refillButtonsAreaBig .buttonRefillHourglass {
	top: 138px;
}

.merchantRefillButtonsArea.refillButtonsAreaBig .buttonRefillHourglass:active {
	top: 139px;
}

.merchantRefillButtonsArea.refillButtonsAreaSmall .buttonRefillHourglass {
	top: 95px;
}

.merchantRefillButtonsArea.refillButtonsAreaSmall .buttonRefillHourglass:active {
	top: 96px;
}

.boxPlayerStashItems {
	width: 324px;
}

.boxPlayerStashItems ul {
	background: repeating-linear-gradient(
	  -55deg,
	  #000,
	  #000 10px,
	  #050505 10px,
	  #050505 20px
	);
}

.boxTribeLinks {
	width: 300px;
}

.boxTribeProperty {
	width: 450px;
}

.boxTribeProperty {
	font-family: OpenSansSemibold;
}

.boxItems {
	background-color: #000;
	font-size: 0px;  /* To remove space between each .item inline-block elements */
}

.boxItems:not(.boxItemsProfile) .itemSlot:hover {
	opacity: 0.85;
}

.boxItems .itemSlotDisabled:hover {
	opacity: 1 !important;
}

.topPanelPremium {
	position: absolute;
	top: 0px;
	left: 328px;
	width: 135px;
	height: 45px;
	
	background-repeat: no-repeat;
	
	background-size: cover;
	-webkit-background-size: cover;
	-ms-background-sice: cover;
	-o-background-size: cover;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.topPanelPremium:hover {
	filter: brightness(1.08);
	-webkit-filter: brightness(1.08);
}

.topPanelPremium:hover .text {
	color: #aaa;
}

.topPanelPremium a {
	display: block;
	width: 100%;
	height: 45px;
}

.topPanelPremium .text {
	position: absolute;
	top: 9px;
	width: 100%;
	text-align: center;
	font-family: OpenSansSemibold;
}

.topPanelPremium.titleActive {
	background-image: url("../images/layout/top_panel_premium3_grey.png");
}

.topPanelPremium.titleActive .text {
	color: #7c7a85;
	font-size: 13px;
}

.topPanelPremium.titleActive:hover .text {
	/* color: #999; */
}

.topPanelPremium.titleInactive {
	background-image: url("../images/layout/top_panel_premium3.png");
}

.topPanelPremium.titleInactive .text {
	color: #490e1f;
	font-size: 14px;
	text-shadow: 0px 0px 1px #a15d71;
}

.questsPanel {
	position: absolute;
	top: 85px;
	left: 884px;
	width: 317px;
	height: 51px;
	color: #f2f2f2;
	font-family: OpenSansSemibold;

	font-size: 0px; /* to prevent space between quests */
	
	background-image: url("../images/layout/top_field_quests.png");
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.questsPanel .quests {
	position: absolute;
	top: 5px;
	left: 11px;
	width: 300px;
	height: 30px;
	text-align: center;
}

.questsPanel .quests a {
	text-decoration: none;
}

.questsPanel .quests .quest {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 3px;
	padding: 3px 0px;
	font-size: 10px;
	font-family: OpenSansSemibold;
	width: 30px;
	text-align: center;
	color: #e6e6e6;
	
	transition: 0.1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
}

.questsPanel .quests .quest:hover {
	color: #bbb;
}

.questsPanel .quests .quest .mark {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 5px;
	height: 5px;
	border-radius: 10px;
	background-color: #cc0000;
}

.questsPanel .quests .questPartiallyCompleted {
	color: gold;
}

.questsPanel .quests .questProgressCompleted {
	color: #2fbd2b;
	font-family: OpenSansBold;
}

.questsPanel .questUnavailable {
	opacity: 0.25;
}

.questsPanel .questProgressText {
	display: inline-block;
	margin-top: 4px;
	font-family: OpenSansSemiBold;
	letter-spacing: 1.2;
}

.questsPanel .questProgressTextIcon {
	display: inline-block;
	margin-top: -5px;
	font-size: 18px;
}

.questsPanel .premiumQuestsHeading {
	position: absolute;
	top: -18px;
	right: 4px;
	width: 94px;
	height: 16px;
	text-align: center;
	font-size: 11px;
	font-family: OpenSansBold;
	line-height: 18px;
	letter-spacing: -0.4;
	color: #330d1b;
	
	text-shadow:
	   -1px -1px 0px #e9da50,  
		1px -1px 0px #e9da50,
		-1px 1px 0px #e9da50,
		 1px 1px 0px #e9da50;
	
	background-image: url("../images/layout/premium_quests_heading.png");
}

.questsPanel .premiumQuestsContainer {
	position: absolute;
	top: 1px;
	right: -2px;
	width: 108px;
	height: 46px;
}

.questsPanel .premiumQuestsContainer .premiumQuestsIcon {
	width: 43px;
	height: 47px;
	margin: auto;
	background-image: url("../images/icons/icon_locked2.png");
}

.questsPanel .premiumQuestsSeparator {
	position: absolute;
	top: 5px;
	right: 107px;
	width: 0px;
	height: 40px;
	border-left: 1px solid #363444;
	border-right: 1px solid #1e1d2a;
}

.questsPanel .questsTextInfo {
	position: absolute;
	top: 14px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: #f2f2f2;
	font-size: 11px;
}

.questsPanel .questsResetHint {
	color: #00cc00;
}

.questIcon {
	position: relative;
	display: inline-block;
	width: 21px;
	height: 20px;
	background-repeat: no-repeat;
}

.questIconRewardTaken {
	background-image: url("../images/icons/accept.png");
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}

.questIconFailed {
	background-image: url("../images/icons/decline.png");
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}

.questIconBeatNpc {
	background-image: url("../images/icons/quests/beat_npc.png");
}

.questIconBeatPlayer {
	background-image: url("../images/icons/quests/beat_player.png");
}

.questIconDeliverItem {
	background-image: url("../images/icons/quests/deliver_item.png");
}

.questIconBringResource {
	background-image: url("../images/icons/quests/bring_resource.png");
}

.questIconFindItem {
	background-image: url("../images/icons/quests/find_item.png");
}

.questIconReachLevel {
	background-image: url("../images/icons/quests/reach_level.png");
}

.questIconWork {
	background-image: url("../images/icons/quests/work.png");
}

.questIconCompleteQuest {
	background-image: url("../images/icons/quests/complete_quest.png");
}

.questIconTalk {
	background-image: url("../images/icons/quests/talk.png");
}

.questIconDismantleItem {
	background-image: url("../images/icons/quests/dismantle_item.png");
}

.questIconExploreLocation {
	background-image: url("../images/icons/quests/explore_location.png");
}

.questIconMisc {
	background-image: url("../images/icons/quests/misc.png");
}

.questsPanel .questProcessingText {
	position: relative;
	top: -7px;
	color: gold;
	font-size: 17px;
	font-family: OpenSansBold;
}

.questsPanel .questCompletedText {
	position: relative;
	top: -2px;
	color: #00aa00;
	font-size: 12px;
	font-family: OpenSansBold;
}

table.attributes {
}

table.attributes th {
	text-align: center !important;
}

.contentAwards {
}

.contentAwards .awardsInformation {
	margin: 10px 0px 20px 0px;
	text-align: center;
	font-size: 14px;
}

.contentAwards .awardBox {
	margin: 10px auto;
	width: 99%;
	background-color: #c2a9ac;
	border: 2px solid #755a52;
	height: 80px;
}

.contentAwards .awardBox .section {
	position: relative;
	display: inline-block;
	height: 100%;
	float: left;
}

.contentAwards .awardBox .section:nth-child(1) {
	width: 40%;
}

.contentAwards .awardBox .section:nth-child(2) {
	width: 30%;
}

.contentAwards .awardBox .section:nth-child(3) {
	width: 30%;
}

.contentAwards .awardBox .section:last-child {
	float: right;
}

.contentAwards .awardBox .name {
	font-size: 16px;
	height: 30px;
	padding-top: 8px;
	padding-left: 5px;
}

.contentAwards .awardBox .description {
	position: absolute;
	bottom: 3px;
	font-size: 12px;
	padding-left: 5px;
}

.contentAwards .awardBox .progressBar {
	position: relative;
	top: 17px;
	margin-left: auto;
	margin-right: auto;
	width: 205px;
	height: 19px;
	background-color: #1b2939;
	border: 2px solid #152434;
	border-radius: 3px;
	
}

.contentAwards .awardBox .progressBar .fill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 19px;
	background-color: #578b52;
	border-radius: 1px;
}

.contentAwards .awardBox .progressBar .text {
	position: absolute;
	top: -1px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #e8e8e8;
	font-size: 14px;
	font-family: OpenSansBold;
	text-shadow:
		-1px -1px 0px #000,  
		1px -1px 0px #000,
		-1px 1px 0px #000,
		1px 1px 0px #000;
}

.contentAwards .awardBox .circles {
	position: relative;
	top: 26px;
	width: max-content;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
}

.contentAwards .awardBox .circles .circle {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 2px solid #152434;
	margin-right: 0px;
}

.contentAwards .awardBox .circles .notCompleted {
	background-color: #1b2939;
}

.contentAwards .awardBox .circles .completed {
	background-color: #578b52;
}

.contentAwards .awardBox .button {
	position: absolute;
	top: 10px;
	right: 10px;
}

.contentAwards .awardBox .reward {
	position: absolute;
	bottom: 3px;
	right: 0px;
	padding-right: 3px;
	text-align: right;
	font-size: 14px;
}

.contentAwards .awardBox .level {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	bottom: 1px;
	font-size: 13px;
}

.contentAwards .awardBox .categoryCompletedIcon {
	position: absolute;
	top: 23px;
	right: 10px;
	width: 36px;
	height: 35px;
	background-image: url("../images/icons/accept.png");
	background-repeat: no-repeat;
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}

.boxAttributes {
	width: 324px;
	margin-top: 50px;
}

table.attributesOverview {
}

table.attributesOverview th, table.attributesOverview td {
	padding: 6px 4px 4px 4px;
}

table.attributesOverview th {
	font-size: 12px;
	text-align: center;
	font-family: OpenSansBold;
}

table.attributesOverview td.attribute {
	text-align: left;
	padding-left: 8px;
	width: 62%;
	font-family: OpenSansSemibold;
}

table.attributesOverview .attributeName {
	font-size: 13px;
	font-family: OpenSansBold;
	padding-top: 4px;
}

table.attributesOverview .attributeEffect {
	font-size: 13px;
	display: block;
	padding-top: 4px;
}

table.attributesOverview .attributeEffectName {
	padding-left: 10px;
}

table.attributesOverview .attributeEffectNumber {
	font-size: 14px !important;
}

table.attributesOverview .highlightedCell .boldFont {
	font-size: 13px;
}

table.attributesOverview .highlightedCell .attributeEffect {
	font-size: 12px;
	font-family: OpenSansSemiBold;
}

table.attributesOverview td.extendedAttribute  {
	background-color: #d3bec1 !important;
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 14px;
	font-family: OpenSansSemiBold;
}

table.attributesOverview td.specialAbility  {
	background-color: #d3bec1 !important;
	font-size: 12px;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: OpenSansSemiBold;
}

table.attributesOverview td.resistance  {
	background-color: #d3bec1 !important;
	font-size: 12px;
	text-align: center;
	padding-bottom: 5px !important;
}

table.attributesOverview td.lastAttribute {
	border-bottom: 1px solid #ad868e;
}

table.attributesOverview .overMax {
	color: #f02929;
}

table.attributesOverview .attributesView {
	float: right;
	margin-right: 5px;
}

table.attributesOverview .attributesView select {
	font-size: 14px;
	padding: 2px 1px; 
}


table.tableBackupInventory {
}

table.tableBackupInventory th, table.tableBackupInventory td {
	font-size: 14px;
	height: 35px;
}

table.tableBackupInventory tr:first-child th, table.tableBackupInventory tr:first-child td {
	padding-top: 10px;
}

table.tableBackupInventory tr:last-child th, table.tableBackupInventory tr:last-child td {
	padding-bottom: 8px;
}

table.tableBackupInventory .firstCell {
	width: 60%;
}

table.tableBackupInventory .itemName {
	float: left;
	font-size: 13px;
	font-family: OpenSansSemiBold;
}

table.tableBackupInventory .cellUsage {
	text-align: right;
	padding-right: 12px;
}

table.attributesOverview tr.highlightStrength td {
	color: #0000cc;
}

table.attributesOverview tr.highlightDefense td {
	color: #006600;
}

table.attributesOverview tr.highlightEndurance td {
	color: #bb0000;
}

table.attributesOverview tr.highlightAttackRate td {
	color: #ffb914;
}

table.attributesOverview tr.highlightAccuracy td {
	color: #29f2e2;
}

table.attributesOverview .highlightCriticalStrike {
	color: #db9727;
}

table.attributesOverview .highlightBlocking {
	color: #7a7a78;
}

table.attributesOverview .highlightEvasion {
	color: #004f04;
}

table.attributesOverviewProfile th, table.attributesOverviewProfile td {
	padding: 6px 4px 4px 4px;
	text-align: center;
}

table.attributesOverviewProfile .cell1 {
	width: 240px;
}

table.attributesOverviewProfile .cell2 {
	width: 100px;
}

table.attributesOverviewProfile .cell3 {
	width: 240px;
}

table.attributesOverviewProfile .cell4 {
	width: 190px;
}

.attributesOtherOverview {
}

.attributesOtherOverview table {
	margin: 0px 0px;
	width: 100%;
}

.attributesOtherOverview table th, .attributesOtherOverview table td {
	width: 50%;
}

.attributesOtherOverview table th {
	font-size: 12px;
	text-align: right;
	font-family: OpenSansBold;
}

.attributesOtherOverview table td {
	padding-left: 10px;
	font-family: OpenSansSemibold;
}

.attributesOtherOverview table .topPadding {
	padding-top: 10px;
}

.attributesOtherOverview table .bottomPadding {
	padding-bottom: 10px;
}

.attributesOverview .attributeMax, .attributesOtherOverview .attributeMax {
	font-size: 12px;
	color: #222;
}


.questContent {
	border-top: 2px solid #9b8a8d;
}

.questContentAccepted {
	border-top: 2px solid #b09ea1 !important;
}

.questHeading {
	position: relative;
	/*background: #c2a9ac !important;*/
	/*background: #c9b1b3;*/
	padding: 10px 5px !important;
	font-size: 12px;
	font-family: OpenSansSemibold;
	
}

.questHeading:hover {
	/*background: #d2bcbe;*/
}

.questHeadingAccepted {
	/*background: #d4bec0 !important;*/
	background: #d9c5c7 !important;
}

.questHeadingAccepted:hover {
	/*background: #ddc9cb !important;*/
}

/*
.questGoal {
	display: inline-block;
	width: 260px;
	padding-right: 10px;
}
*/

.questExtraordinaryReward {
	color: #bb0000 !important;
	font-family: OpenSansBold;
}

.questText {
	font-size: 11px;
	padding-left: 33px;
}

.questButton {
	position: absolute;
	top: -6px;
	right: 10px;
	height: 100%;
	padding: 15px 5px;
	text-align: right;
}

.questsTable {
	font-family: OpenSansSemibold;
}

.questsTable .rowOdd {
	background-color: #d3bec1;
}

.questsTable .rowEven {
	background-color: #c7aeb2;
}

.questsTable .rowActive {
	background-color: #e8dadc !important;
}

.questsTable .rowCompleted {
	/* background-color: #c8e8ce !important; */
}

.questsTable .rowRewardTaken {
	/* background-color: rgba(255, 219, 161, 0.7) !important; */
	/* background-color: #c8e8ce !important; */
}

.questsTable .rowQuestUnavailable {
	background-color: #aaa;
	opacity: 0.8;
}

.questsTable .unavailableQuestIcon {
	width: 43px;
	height: 47px;
	float: right;
	background-image: url("../images/icons/icon_locked2.png");
}

.questsTable .unavailableQuestIcon a {
	display: block;
	width: 100%;
	height: 100%;
}

.questsTable tr:nth-child(even+1) {
	
}

.questsTable tr.darkHeadings th {
	padding: 7px;
}

.questsTable td {
	padding: 8px 4px;
	border-bottom: 2px solid #9b8a8d;
	height: 46px;
}

.questsTable td.dark {
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	
	color: #f2f2f2;
}

.questsTable tr.questRow {
	height: 60px;
}

.questsTable tr.questRow td {
	font-size: 13px;
}

.questsTable button {
	font-family: OpenSansSemibold;
	font-size: 10px;
	padding: 3px 8px !important;
}

.questsTable tr.accepted td {
	background: #d9c5c7 !important;
}

.questsTable td.questGoal {
	padding-left: 8px;
	font-family: OpenSansSemiBold;
	width: 30%;
}

.questsTable .questIcon {
	display: inline-block;
	vertical-align: middle;
}

.questsTable .questName {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

.questsTable td.questGoal .detail {
	font-size: 12px;
}

.questsTable .questCompleted {
	color: #007700;
	text-shadow: 0px 0px 1px rgba(50, 50, 50, 0.15);
}

.questsTable td.status {
	font-family: OpenSansBold;
	text-align: center;
	width: 10%;
}

.questsTable td.status .progress {
	color: #111;
}

.questsTable td.reward {
	text-align: left;
	width: 30%;
}

.questsTable td.reward span {
	display: inline-block;
}

.questsTable td.rewardItem {
	width: 10%;
}

.questsTable td.buttons {
	text-align: right;
	padding-right: 5px;
	width: 20%;
}

.questsTable td.buttons button {
	text-transform: uppercase;
}

.questsTable td.buttons .biggerButton {
	font-size: 11px;
}

.questsTable form {
	display: inline-block;
}

.questsTable .rewardItemPreview {
	position: relative;
	top: -2px;
	width: 46px;
	height: 46px;
}

.questsTable .rewardBackupInventoryItemPreview {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	margin-left: 4px;
	width: 20px;

	height: 10px;
}

.questsTable .rewardBackupInventoryItemPreview .itemImage {
	position: absolute;
	display: inline-block;
	top: -10px;
	bottom: 0px;
	vertical-align: bottom;
	width: 21px;
	height: 23px;
	background-repeat: no-repeat;
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}

.questsTable td.questContentDetail {
	padding-left: 10px;
}

.noAvailableQuestsResetText {
	margin: 20px auto 20px auto;
	width: 90%;
	text-align: center;
	font-size: 13px;
	font-family: OpenSansMedium;
	color: #e6e6e6;
}

.dialogChangeQuest {
	width: 600px;
}

.dialogChangeQuest .content {
	font-size: 14px !important;
}

.dialogChangeQuest .changeQuestButtons {
	margin-top: 20px;
	text-align: center;
}

.dialogChangeQuest .changeQuestButtons a {
	margin: 0px 2px;
}

.dialogChangeQuest .extraordinaryRewardBonusText {
	margin: 20px 0px;
	text-align: center;
	font-size: 13px;
}

button.buttonQuest, a.buttonQuest {
	padding: 5px 7px !important;
	font-size: 11px !important;
}

button.buttonQuestCancel {
	
}

.iconQuestComplete {
	width: 17px;
	height: 16px;
	background-image: url("../images/icons/accept.png") !important;
	
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-ms-background-sice: cover !important;
	-o-background-size: cover !important;
}

.iconQuestCancel {
	width: 17px;
	height: 16px;
	background-image: url("../images/icons/decline.png") !important;
	
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-ms-background-sice: cover !important;
	-o-background-size: cover !important;
}

.iconQuestDisabled {
	opacity: 0.5;
	cursor: default;
}

.questButton form {
	display: inline-block;
}

.questResetButtons {
	margin-top: 30px;
	text-align: center;
}

.buyGoldSelection {
	position: relative;
	margin-top: 40px;
	text-align: center;
}

.buyGoldSelection .discountText {
	position: absolute;
	top: 80px;
	left: 40px;
	font-size: 15px;
}

.goldCircleArea {
	display: inline-block;
}

.goldCircleArea .goldCircle {
	padding: 10px 8px;
	border-radius: 10px;
	border: 1px solid #000;
	cursor: pointer;
	font-size: 25px;
	margin: 0px 3px;
	
	background: rgba(206,184,186,1);
	background: -moz-linear-gradient(top, rgba(206,184,186,1) 0%, rgba(194,169,172,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(206,184,186,1)), color-stop(100%, rgba(194,169,172,1)));
	background: -webkit-linear-gradient(top, rgba(206,184,186,1) 0%, rgba(194,169,172,1) 100%);
	background: -o-linear-gradient(top, rgba(206,184,186,1) 0%, rgba(194,169,172,1) 100%);
	background: -ms-linear-gradient(top, rgba(206,184,186,1) 0%, rgba(194,169,172,1) 100%);
	background: linear-gradient(to bottom, rgba(206,184,186,1) 0%, rgba(194,169,172,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceb8ba', endColorstr='#c2a9ac', GradientType=0 );
}

.goldCircleArea .goldCircle:hover {
	border: 2px solid #333;
	padding: 9px 7px;
}

.goldCircleArea .goldCircle:active {
	background: rgba(194,169,172,1);
	background: -moz-linear-gradient(top, rgba(194,169,172,1) 0%, rgba(206,184,186,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(194,169,172,1)), color-stop(100%, rgba(206,184,186,1)));
	background: -webkit-linear-gradient(top, rgba(194,169,172,1) 0%, rgba(206,184,186,1) 100%);
	background: -o-linear-gradient(top, rgba(194,169,172,1) 0%, rgba(206,184,186,1) 100%);
	background: -ms-linear-gradient(top, rgba(194,169,172,1) 0%, rgba(206,184,186,1) 100%);
	background: linear-gradient(to bottom, rgba(194,169,172,1) 0%, rgba(206,184,186,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2a9ac', endColorstr='#ceb8ba', GradientType=0 );
}

.goldCircleArea .discount {
	margin-top: 8px;
	text-align: center;
	font-size: 16px;
}

.goldCircleArea .discountActive {
	color: #007700;
}

.buyGoldForm {
	margin-top: 30px;
	margin-left: 32px;
	font-size: 15px;
}

.buyGoldForm label {
}

.buyGoldForm input {
	top: -1px !important;
	margin-left: 25px;
}

.goldAdditionInfo {
	margin: 30px auto -10px auto;
	width: max-content;
}

.goldAdditionInfo .additionText {
	font-size: 17px;
	color: #006600;
	border-bottom: 1px dashed #007700;
}

.goldAdditionInfo .additionDate {
	margin-top: 8px;
	font-size: 11px;
	text-align: center;
}

.goldBuyResult {
	margin-top: 40px;
	text-align: center;
	font-size: 16px;
}

.goldBuyResult .discountAmount {
	margin-top: 5px;
	font-size: 12px;
}

.traderContent {
}

.traderContent .currentItem {
	margin-left: 8px;
}

.traderContent .tradedToday {
	margin-left: 4px;
	margin-bottom: 30px;
}

.traderContent .resourceIcon {
	display: inline-block;
	width: 40px;
	vertical-align: middle
}

.tooltipTraderEnergyReduceItemMark, .tooltipRankingDungeonOpponentNotReachedYet {
	font-family: OpenSansSemibold;
	width: 300px;
	padding: 4px 4px;
	font-size: 12px;
	text-align: center;
}

form.formTraderResources {
}

form.formTraderResources input[type="text"], form.formTraderResources input[type="number"] {
	width: 130px;
}

form.formTraderResources .arrow {
	margin: 0px 10px;
	font-size: 18px;
}

form.formTraderResources button {
	margin-left: 5px;
}

.friendshipApplicationForm {
	margin-top: 10px;
}

.friendshipApplications {
}

.friendshipApplications .receivedApplications {
	display: inline-block;
	width: 400px;
	vertical-align: top;
}

.friendshipApplications .sentApplications {
	display: inline-block;
	vertical-align: top;
}

.friendshipApplications .receivedApplications table, .friendshipApplications .sentApplications table {
	width: 350px;
}

table.tableFriendList {
	margin: 10px 0px;
}

table.tableFriendList td.player {
	width: 200px;
}

table.tableFriendList .accountSetToBeDeleted {
	margin-top: 10px;
	color: #cc0000;
	font-size: 12px;
}

.diplomacyForm {
	margin-top: 10px;
}

.diplomacyPlayers {
	margin-top: 10px;
}

.diplomacyPlayers .markedFriends {
	display: inline-block;
	width: 400px;
	vertical-align: top;
}

.diplomacyPlayers .markedEnemies {
	display: inline-block;
	vertical-align: top;
}

.diplomacyPlayers .markedFriends table, .diplomacyPlayers .markedEnemies table {
	width: 350px;
}

.sliderTemple {
	margin: 15px auto !important;
}

.buttonVerticalMargin {
	margin-top: 1px;
	margin-bottom: 1px;
}

.buttonTraining {
	min-width: 70px;
	margin-bottom: 5px;
}

table.tableTraining {
}

table.tableTraining td.attribute {
	padding-left: 10px;
}

table.tableTraining td.attribute .attributeDot {
	position: relative;
	display: inline-block;
	width: 11px;
	height: 11px;
	top: 2px;
	margin-right: 2px;
	border-radius: 10px;
	
	box-shadow: 0px 0px 2px 1px #444;
	-webkit-box-shadow: 0px 0px 2px 1px #444;
	-moz-box-shadow: 0px 0px 2px 1px #444;
}

table.tableTraining td.attribute .attributeDotStrength {
	background: #6095eb;
	border: 1px solid #0000aa;
}

table.tableTraining td.attribute .attributeDotDefense {
	background: #04c70a;
	border: 1px solid #006600;
}

table.tableTraining td.attribute .attributeDotEndurance {
	background: #ff1222;
	border: 1px solid #880000;
}

table.tableTraining td.attribute .attributeDotAttackRate {
	background: #ffc830;
	border: 1px solid #917013;
}

table.tableTraining td.attribute .attributeDotAccuracy {
	background: #02eded;
	border: 1px solid #019191;
}

table.tableTraining td.cellAttributeEffect {
	position: relative;
	min-width: 110px;
	padding: 0px;
}

table.tableTraining td.cellAttributeEffect .effectName {
	margin-bottom: 5px;
	width: 100%;
	text-align: center;
	font-size: 13px;
}

table.tableTraining td.price {
}

table.tableTraining td.price .priceRow {
	/* to make it the same height as button to train */
	position: relative;
	top: 5px;
	height: 33px;
}

table.tableDeliverQuestItem {
	border: 2px solid #7a696c;
}

table.tableDeliverQuestItem td {
	background: #b29b9e;
	padding: 10px 5px;
	font-size: 11px;
}

table.tableDeliverQuestItem tr td {
	border-bottom: 1px dashed #555;
}

table.tableDeliverQuestItem td.itemName {
	width: 200px;
}

table.tableDeliverQuestItem td.completion {
	width: 200px;
	text-align: center;
}

table.tableDeliverQuestItem td.action {
	width: 200px;
	text-align: right;
}

table.tableDeliverQuestItem td.completion .completed {
	color: #006600;
	font-family: OpenSansBold;
}

table.tableDeliverQuestItem td.completion .info {
	color: #000;
}

table.tableTalkToNpc {
	border: 2px solid #7a696c;
}

table.tableTalkToNpc td {
	background: #b29b9e;
	padding: 10px 5px;
	font-size: 11px;
}

table.tableTalkToNpc tr td {
	border-bottom: 1px dashed #555;
}

table.tableTalkToNpc td.action {
	width: 170px;
	text-align: center;
}

table.tableTalkToNpc .completed {
	color: #006600;
	font-family: OpenSansBold;
}

table.tableTalkToNpc .premiumQuestIcon {
	display: inline-block;
	width: 40px;
	height: 44px;
	background-image: url("../images/icons/icon_locked2.png");
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}


table.tableNpcQuestsBox {
	border: 2px solid #7a696c;
}

table.tableNpcQuestsBox td {
	background: #b29b9e;
	padding: 10px 5px;
	font-size: 12px;
}

table.tableNpcQuestsBox .cellQuestType {
	width: 25%;
}

table.tableNpcQuestsBox tr td {
	border-bottom: 1px dashed #555;
}

table.tableNpcQuestsBox td.cellAction {
	text-align: right;
}

table.tableNpcQuestsBox td.cellProgress {
	width: 50%;
}

table.tableNpcQuestsBox .completed {
	color: #006600;
	font-family: OpenSansBold;
	font-size: 13px;
}

table.tableNpcQuestsBox .failed {
	color: #b60000;
	font-family: OpenSansBold;
	font-size: 13px;
}

table.tableNpcQuestsBox .premiumQuestIcon {
	display: inline-block;
	width: 40px;
	height: 44px;
	background-image: url("../images/icons/icon_locked2.png");
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}

table.tableNpcQuestsBox .skipButtons {
}

table.tableNpcQuestsBox .skipButtons a:nth-child(1), table.tableNpcQuestsBox .skipButtons button:nth-child(1) {
	margin-bottom: 5px;
}


.contentStorehouse {
	max-height: 400px;
	overflow-y: auto;
}

.contentStorehouse::-webkit-scrollbar {
	width: 10px;
    height: 10px;
    background: #222;
}

.contentStorehouse::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.30);
	border-radius: 8px;
}

.contentStorehouse::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.35);
}

.contentStorehouse .itemExpirationWarning {
	color: #b40000;
}

.contentStorehouse .itemBox {
	position: relative;
	width: 100%;
	height: 90px;
}

.contentStorehouse .itemBox:nth-child(odd) {
	background-color: #d3bec1;
}

.contentStorehouse .itemBox:nth-child(even) {
	background-color: #c7aeb2;
}

.contentStorehouse .itemBox .item {
	position: absolute;
	top: 10px;
	right: 10px;
}

.contentStorehouse .itemBox .item:hover {
	filter: brightness(0.85);
}

.contentStorehouse .itemBox .time {
	position: absolute;
	top: 15px;
	right: 140px;
}

.contentStorehouse .itemBox .buttons {
	position: absolute;
	bottom: 5px;
	right: 140px;
	display: flex;
	flex-direction: row;
	gap: 0px 5px;
}

.contentStorehouse .itemBox .buttons .button {
	display: block;
	width: 35px;
	height: 35px;
	background-size: contain;
}

.contentStorehouse .itemBox .buttons .button:hover {
	filter: brightness(0.85);
}

.contentStorehouse .itemBox .buttons .button.buttonTake {
	background-image: url("../images/icons/storehouse/take.webp");
}

.contentStorehouse .itemBox .buttons .button.buttonLengthen {
	background-image: url("../images/icons/storehouse/lengthen.webp");
}

.contentStorehouse .itemBox .buttons .button.buttonDelete {
	background-image: url("../images/icons/storehouse/delete.webp");
}

.contentStorehouse .itemExpirationWarning {
	color: #b40000;
}

table.tableTribeBuildings {
}

table.tableTribeBuildings td {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.tableTribeBuildings .buildingName {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}

table.tableTribePermissionDetails {
	margin: 0px auto;
}

table.tableTribePermissionDetails tr th, table.tableTribePermissionDetails tr td {
	padding: 10px 20px;
}

table.tableTribePermissionDetails tr td:first-child {
	border-right: 1px solid #312d3c;
	width: 300px;
	padding-left: 10px;
	font-size: 13px;
}

table.tableTribePermissionDetails td.cellCheckbox {
	text-align: center;
}

table.tableTribePermissionDetails .tribePermissionDetailAllowed {
	color: #008800;
	text-shadow: 0px 0px 0px #000;
}

table.tableTribePermissionDetails .tribePermissionDetailDenied {
	color: #aa0000;
	text-shadow: 0px 0px 0px #000;
}

.locationTooltip {
	opacity: 0.97 !important;
	/* background-color: #121212 !important; */
	
	background-color: #141414 !important;
	
	border-radius: 7px 7px 5px 5px !important;
	padding: 10px !important;
	/* border: 1px solid #999 !important; */
	
	
	min-width: 250px;
	
	text-shadow:
	   -1px -1px 0px #000,  
		1px -1px 0px #000,
		-1px 1px 0px #000,
		 1px 1px 0px #000 !important;
}

.locationTooltip.surface {
	border: 1px solid #999 !important;
}

.locationTooltip.underground {
	border: 1px solid #444 !important;
}

.locationTooltip .name {
	font-size: 18px;
	color: #f2ce0c;
	text-align: center;
	padding: 0px 50px;
	
	color: #fcc82b;
}

.locationTooltip .adventurersNotes {
	margin-top: 8px;
	text-align: center;
	/* color: #f2ce0c; */
	color: #fcc82b;
	font-size: 12px;
	padding-left: 2px;
	padding-right: 2px;
}
	
.locationTooltip .adventurersNotes .note {
	margin-top: 2px;
	color: #4f83ff;
	font-size: 13px;
}

.locationTooltip .separator {
	margin: 10px 0px;
	border-top: 1px solid #333;
}

.locationTooltip .heading {
	margin-top: 8px;
	font-size: 15px;
	/* color: #ffac12; */
	
	color: #26bd51;
}

.locationTooltip .headingEnvironment {
	color: #ff0d0d;
}

.locationTooltip .headingOpponents {
	color: #f00202;
	text-shadow: 0px 0px 1px #c91004;  /* d40e00 | bd0c00 */
	
	color: #de4348;
}

.locationTooltip .headingDungeon {
	/* color: #07ace8; */
	
	color: #e8a427;
}

.locationTooltip .environmentHeading {
	font-size: 13px;
	color: #f2ce0c;
	text-align: center;
	padding: 0px 50px;
}

.locationTooltip .environmentDescription {
	margin-top: 2px;
	margin-left: 0px;
	color: #ddd;
	font-size: 12px;
	max-width: 320px;
}

.locationTooltip .environmentUnavailable {
	color: #ff0000;
	text-shadow: 0px 0px 1px #990000;
}

.locationTooltip .description {
	padding-top: 6px;
	font-style: italic;
	font-size: 12px;
	text-align: center;
	color: #687aff;
}

.locationTooltip .subHeading {
	font-size: 10px;
	color: #f2ce0c;
}

.locationTooltip .environment {
	margin-top: 0px;
}

.locationTooltip ul {
	margin-top: 2px;
	padding-left: 2px;
}

.locationTooltip li {
	list-style-type: none;
	display: block;
	margin-left: 0px;
}

.locationTooltip li:before {
    content: '•';
    padding-right: 6px;
    color: #aaa;
}

.locationTooltip ul li span {	
}

.locationTooltip table.dungeonInformation {
	margin-top: 2px;
	border-spacing: 0px;
}

.locationTooltip table.dungeonInformation td {
	padding: 0px 0px;
}

.locationTooltip .dungeonCompleted {
	margin-top: 2px;
	font-size: 10px;
	color: #00ff00;
}

.locationTooltip .dungeonInaccessible {
	margin-top: 2px;
	font-size: 10px;
	color: #ff0000;
	text-shadow: 0px 0px 1px #aa0000;
}

.locationTooltip .commonInformation {
	margin-top: 7px;
	font-size: 12px;
	text-align: center;
	color: #bbb;
}

.locationTooltip .commonInformation .infoItem {
	margin-top: 3px;
}


.locationQuestsInfoTooltip {
}

.locationQuestsInfoTooltip .heading {
	color: #fcc82b;
	font-size: 15px;
	text-align: center;
}

.locationQuestsInfoTooltip ul {
	margin-bottom: 2px;
	padding-left: 2px;
}

.locationQuestsInfoTooltip ul li {
	list-style-type: none;
	display: block;
	margin-left: 0px;
}

.locationQuestsInfoTooltip ul li:before {
    content: '•';
    padding-right: 6px;
    color: #aaa;
}

.locationTooltip .insufficientEnergy {
	color: #ff0000;
}

.locationTooltip .noEnvironment {
	margin: 20px 0px;
	font-size: 12px;
	text-align: center;
}

.locationTooltip .npcDayHunt {
	margin-left: 10px;
	color: #ebc91e;
}

.locationTooltip .npcDayHunt .bonus {
	margin-left: 2px;
}

.storyDungeonInfoTooltip {
}

.storyDungeonInfoTooltip .heading {
	color: #fcc82b;
	font-size: 15px;
	text-align: center;
	margin-bottom: 10px;
}

.storyDungeonInfoTooltip .row {
	margin-top: 3px;
	font-size: 13px;
}

.weekDungeonInfoTooltip {
}

.weekDungeonInfoTooltip .heading {
	color: #fcc82b;
	font-size: 15px;
	text-align: center;
	margin-bottom: 10px;
}

.weekDungeonInfoTooltip .row {
	margin-top: 3px;
	font-size: 13px;
}

.itemForm {
	background-color: rgb(111, 104, 92);
	border: 2px solid #555;
	display: none;
	z-index: 50;
}

.itemForm .heading {
	text-align: center;
	font-size: 16px;
	font-family: OpenSansBold;
}

.itemForm input[type="submit"] {
	margin: 5px;
}

table.tableTribeForum {
	border-spacing: 0px;
	width: 620px;
	font-family: calibri;
	font-family: OpenSansBold;
	font-size: 13px;
}

table.tableTribeForum th {
	font-size: 10px;
	text-align: left;
	padding: 4px;
}

table.tableTribeForum th.categoryName {
	padding-left: 10px !important;
	font-size: 14px;
}

table.tableTribeForum th.actions {
	font-size: 16px !important;
	text-align: right;
}

table.tableTribeForum th.actions a {
	width: 15px;
	text-decoration:none !important;
	color:#ccc !important;
	font-family: OpenSansBold !important;
}

table.tableTribeForum td {
	padding: 12px 8px;
}

table.tableTribeForum a.linkThread {
	font-size: 15px;
}

table.tableTribeForum a.linkThread:hover {
	text-decoration: underline !important;
}

table.tableTribeForum a.addThread {
	margin-left: 10px;
	font-size: 15px;
	font-family: OpenSansBold !important;
	text-decoration: none !important;
}

table.tableTribeForum .threadLocked {
	float: right;
}

.contentForumThreadComment {
}

.contentForumThreadComment textarea {
	min-width: 50%;
	max-width: 100%;
	min-height: 100px;
	max-height: 300px;
}

.tribeForumThreadComment {
	margin-top: 3px;
}

.tribeForumThreadComment .authorBox {
	display: inline-block;
	width: 130px;
	padding: 3px;
	height: 20px;
}

.tribeForumThreadComment .dateBox {
	display: inline-block;
	width: 465px;
	padding: 5px 3px 1px 3px;
	font-size: 14px;
	height: 20px;
}

.tribeForumThreadComment .dateBox .date {
	position: relative;
	top: 2px;
	margin-left: 4px;
}

.tribeForumThreadComment .commentCounter {
	float: right;
	margin-right: 5px;
}

.tribePoll {
	border-left: 1px solid #070606;
	border-right: 1px solid #070606;
}

.tribePoll .question {
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	color: #dfdfdf;
	padding: 6px;
}

.tribePoll .question .questionText {
	display: inline-block;
	max-width: 680px;
}

.tribePoll .question .type {
	float: right;
	font-size: 12px;
	margin-top: 2px;
}

.tribePoll .answers {
}

.tribePoll .answers div {
	border-bottom: 1px solid #070606;
	padding: 6px 3px;
	clear: both;
}

.tribePoll .answers .answer {
	display: inline-block;
	width: 90%;
}

.tribePoll .answers .answerVoted {
	background: #e0ffe8;
}

.tribePoll .answers .votes {
	display: inline-block;
	width: 10%;
	float: right;
	text-align: right;
}

.tribePoll .actions {
	border-bottom: 1px solid #070606;
	padding: 3px;
	margin-top: 10px;
}

form.tribeApplication {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

.dialogTribeAcceptPlayer {
}

.dialogTribeAcceptPlayer .buttons {
	text-align: center;
}

.dialogTribeAcceptPlayer .buttons button {
	margin-right: 10px;
}

.dialogTribeAcceptPlayer table {
	margin: 0px auto;
	max-width: 550px;
}

.dialogTribeAcceptPlayer table td {
	padding-top: 10px;
	padding-right: 20px;
}

.dialogTribeAcceptPlayer table td.cell-permissions {
}

.dialogTribeAcceptPlayer table td.cell-permissions label {
	margin-right: 10px;
	display: inline-block;
}

.dialogTribeAcceptPlayer textarea {
	min-width: 200px;
	max-width: 700px;
	min-height: 100px;
	max-height: 300px;
}

#tribeImageContainer {
	float: left;
}

#tribeImageContainer .image {
	width: 150px;
	height: 150px;
	background-color: #070606;
}

#tribeInfo {
	float: right;
}

#tribeInfo table {
	padding: 4px 0px;
	border-spacing: 4px 0px;
	border: 1px solid #060707;
}

#tribeInfo table th, #tribeInfo table td {
	padding: 5px;
}

#tribeInfo table th {
	text-align: left !important;
	width: 190px;
}

#tribeInfo table td {
	width: 240px;
}

table.tableTribeProperty {
	margin: 5px auto;
}

table.tableTribeProperty td {
	padding: 5px;
}

table.tableTribeProperty input[type="text"], table.tableTribeProperty input[type="number"] {
	position: relative;
	width: 120px;
	top: -1px;
}

.tribeLogMessage {
	margin: 5px 0px;
	border: 1px solid #000;
}

table.tribeMessages {
	border-spacing: 0px 2px;
	background-color: rgb(145, 140, 132);
}

table.tribeMessages th, table.tribeMessages td {
	border-top: 2px solid #070606;
}

table.tribeMessages th {
	width: 150px;
	background-color: #070606;
	color: #918c84;
	text-align: left;
	padding: 5px;
	border-right: 1px solid #222;
}

table.tribeMessages td {
	width: 500px;
	padding-top: 4px;
	padding-left: 5px;
}

table.tribeMessages .date {
	font-size: 12px;
}

table.tribeMessages .date .time {
	float: right;
}

table.tribeMessages .author {
	
}

table.tribeMessages .active {
	color: #aa0000;
}

h3.tribeMessages {
	display: inline-block;
	font-size: 20px;
}

form.formPlayerStashResources input[type="text"], form.formPlayerStashResources input[type="number"] {
	width: 100px;
}

.playerStashProgressBar {
	position: relative;
	margin: 5px auto 0px auto;
	height: 10px;
	width: 300px;
	background-color: #ddd;
	border: 1px solid #333;
}

.playerStashProgressBarFill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}

.playerStashProgressBarColorGreen {
	background-color: #00bb00;
}

.playerStashProgressBarColorOrange {
	background-color: #ff9900;
}

.playerStashProgressBarColorRed {
	background-color: #cc0000;
}

input.playerStashResourceAmount {
	width: 60px;
}


.contentScrolled {
	height: 0px !important;
	padding: 0px !important;
	overflow: hidden !important;
	border: none !important;
}

.mapContainer {
	position: relative;
	/* top: 20px; */
	top: -20px;
	left: -12px;
	margin-bottom: 60px;
	width: 796px;
	height: 558px;
	z-index: 100;
	
	display: block;
	overflow: hidden;
	
	border: 1px solid #000;
	outline: 1px solid #483236;
	border-radius: 2px;
}

/* TEST */
.mapContainer2 {
	position: relative;
	top: 30px;
	left: -22px;
	margin-bottom: 60px;
	width: 816px;
	height: 504px;
	z-index: 100;
	border: 2px solid #222;
	display: block;
	overflow: hidden;
	
	/*
	box-shadow: 0px 0px 3px 1px rgba(155, 155, 155, 1);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(155, 155, 155, 1);
	-moz-box-shadow: 0px 0px 3px 1px rgba(155, 155, 155, 1);
	*/
}

.mapLocation {
	position: absolute;
	cursor: pointer;
}

.mapLocationActive {
	filter: brightness(125%);
	-webkit-filter: brightness(125%);
}

.mapLocationCurrent {
	filter: brightness(125%);
	-webkit-filter: brightness(125%);
}

.mapLocation:hover {
	filter: brightness(125%);
	-webkit-filter: brightness(125%);
}

.mapLocationCastle {
	top: 115px;
	left: 333px;
	width: 121px;
	height: 98px;
	background-image: url("../images/test/map_castle.png");
}

.mapLocationTavern {
	top: 167px;
	left: 276px;
	width: 59px;
	height: 55px;
	background-image: url("../images/test/map_tavern.png");
}

.mapLocationBanditCamp {
	top: 318px;
	left: 524px;
	width: 68px;
	height: 58px;
	background-image: url("../images/test/map_bandit_camp.png");
}

.mapLocationMenu {
	position: absolute;
	right: -105px;
	width: 100px;
	height: max-content;
	/* background: black; */
	color: white;
	/* padding: 2px 4px; */
	/* border: 1px solid #888; */
}

.mapLocationMenu .menuItem {
	display: block;
	margin-bottom: 2px;
	padding: 3px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 20px;
}

.mapLocationMenu .menuItemDungeon {
	background: rgba(0, 0, 0, 0.75);
	border: 2px solid #000;
}

.mapLocationMenu .menuItemNpc {
	background: rgba(160, 160, 160, 0.75);
	border: 2px solid #666;
}

.mapLocationMenu .menuItemTravel {
	/* background: rgba(0, 0, 0, 0.25); */
	background: rgba(255, 255, 0, 0.15);
	border: 2px solid yellow;
	color: yellow;
	font-size: 20px;
	font-family: OpenSansBold;
}

.mapLocationMenu .menuItem img {
	position: relative;
	top: 5px;
}

.mapLocationMenu a {
	display: inline-block;
	margin-bottom: 5px;
	color: #75dfff;
	text-decoration: underline !important;
}

#mapWrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.mapWrapperSurface {
	background-image: url("../images/map/surface.png");
	/* background-image: url("../images/map/surface_sharp.jpeg"); */
}

.mapWrapperSurfaceNight {
	background-image: url("../images/map/surface_night.png");
}

.mapWrapperUnderground {
	background-image: url("../images/map/underground.png");
	/* background-image: url("../images/map/underground_sharp.jpeg"); */
}


#mapImage {
	position: absolute;
	z-index: -999;
	margin: 0px;
	top: 0px;
	left: 0px;
	padding: 0px;
	
    /*
	width: 1163px;
	height: 547px;
	*/
	/*
	width: 800px;
	height: 600px;
	
	width: 150%;
	height: 150%;
	*/
}


.locationContainer {
	position: absolute;
	z-index: 10;
	width: max-content;
	font-size: 0px; /* to prevent space to make margin */
	/* height: 50px; */
	cursor: pointer;
	
	/*
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	*/
	
	/*
	background-color: red;
	*/
	
	/* background-color: rgba(0, 0, 0, 0.5); */
}

.locationContainer:hover {
	filter: brightness(1.25) drop-shadow(0px 0px 3px #777);
	-webkit-filter: brightness(1.25) drop-shadow(0px 0px 3px #777);
}

.locationContainer.current {
	filter: brightness(1.3) drop-shadow(0px 0px 3px #777);
	-webkit-filter: brightness(1.3) drop-shadow(0px 0px 3px #777);
}

.mapWrapperSurface .locationContainer.castle:hover,
.mapWrapperSurface .locationContainer.castle.current {
	background-image: url("../images/map/locations/castle_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.castle:hover,
.mapWrapperSurfaceNight .locationContainer.castle.current {
	background-image: url("../images/map/locations/castle_hover_night.png");
}

.mapWrapperSurface .locationContainer.tavern:hover,
.mapWrapperSurface .locationContainer.tavern.current {
	background-image: url("../images/map/locations/tavern_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.tavern:hover,
.mapWrapperSurfaceNight .locationContainer.tavern.current {
	background-image: url("../images/map/locations/tavern_hover_night.png");
}

.mapWrapperSurface .locationContainer.fishingCamp:hover,
.mapWrapperSurface .locationContainer.fishingCamp.current {
	background-image: url("../images/map/locations/fishing_camp_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.fishingCamp:hover,
.mapWrapperSurfaceNight .locationContainer.fishingCamp.current {
	background-image: url("../images/map/locations/fishing_camp_hover_night.png");
}

.mapWrapperSurface .locationContainer.loneRuins:hover,
.mapWrapperSurface .locationContainer.loneRuins.current {
	background-image: url("../images/map/locations/lone_ruins_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.loneRuins:hover,
.mapWrapperSurfaceNight .locationContainer.loneRuins.current {
	background-image: url("../images/map/locations/lone_ruins_hover_night.png");
}

.mapWrapperSurface .locationContainer.rockValley:hover,
.mapWrapperSurface .locationContainer.rockValley.current {
	background-image: url("../images/map/locations/rock_valley_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.rockValley:hover,
.mapWrapperSurfaceNight .locationContainer.rockValley.current {
	background-image: url("../images/map/locations/rock_valley_hover_night.png");
}

.mapWrapperSurface .locationContainer.smugglersHarbour:hover,
.mapWrapperSurface .locationContainer.smugglersHarbour.current {
	background-image: url("../images/map/locations/smugglers_harbour_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.smugglersHarbour:hover,
.mapWrapperSurfaceNight .locationContainer.smugglersHarbour.current {
	background-image: url("../images/map/locations/smugglers_harbour_hover_night.png");
}

.mapWrapperSurface .locationContainer.tradePath:hover,
.mapWrapperSurface .locationContainer.tradePath.current {
	background-image: url("../images/map/locations/trade_path_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.tradePath:hover,
.mapWrapperSurfaceNight .locationContainer.tradePath.current {
	background-image: url("../images/map/locations/trade_path_hover_night.png");
}

.mapWrapperSurface .locationContainer.quarry:hover,
.mapWrapperSurface .locationContainer.quarry.current {
	background-image: url("../images/map/locations/quarry_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.quarry:hover,
.mapWrapperSurfaceNight .locationContainer.quarry.current {
	background-image: url("../images/map/locations/quarry_hover_night.png");
}

.mapWrapperSurface .locationContainer.ancientTemple:hover,
.mapWrapperSurface .locationContainer.ancientTemple.current {
	background-image: url("../images/map/locations/ancient_temple_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.ancientTemple:hover,
.mapWrapperSurfaceNight .locationContainer.ancientTemple.current {
	background-image: url("../images/map/locations/ancient_temple_hover_night.png");
}

.mapWrapperSurface .locationContainer.silentPool:hover,
.mapWrapperSurface .locationContainer.silentPool.current {
	background-image: url("../images/map/locations/silent_pool_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.silentPool:hover,
.mapWrapperSurfaceNight .locationContainer.silentPool.current {
	background-image: url("../images/map/locations/silent_pool_hover_night.png");
}

.mapWrapperSurface .locationContainer.market:hover,
.mapWrapperSurface .locationContainer.market.current {
	background-image: url("../images/map/locations/market_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.market:hover,
.mapWrapperSurfaceNight .locationContainer.market.current {
	background-image: url("../images/map/locations/market_hover_night.png");
}

.mapWrapperSurface .locationContainer.dragonMountain:hover,
.mapWrapperSurface .locationContainer.dragonMountain.current {
	background-image: url("../images/map/locations/dragon_mountain_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.dragonMountain:hover,
.mapWrapperSurfaceNight .locationContainer.dragonMountain.current {
	background-image: url("../images/map/locations/dragon_mountain_hover_night.png");
}

.mapWrapperSurface .locationContainer.darkForest:hover,
.mapWrapperSurface .locationContainer.darkForest.current {
	background-image: url("../images/map/locations/dark_forest_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.darkForest:hover,
.mapWrapperSurfaceNight .locationContainer.darkForest.current {
	background-image: url("../images/map/locations/dark_forest_hover_night.png");
}

.mapWrapperSurface .locationContainer.blackTower:hover,
.mapWrapperSurface .locationContainer.blackTower.current {
	background-image: url("../images/map/locations/black_tower_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.blackTower:hover,
.mapWrapperSurfaceNight .locationContainer.blackTower.current {
	background-image: url("../images/map/locations/black_tower_hover_night.png");
}

.mapWrapperSurface .locationContainer.swamp:hover,
.mapWrapperSurface .locationContainer.swamp.current {
	background-image: url("../images/map/locations/swamp_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.swamp:hover,
.mapWrapperSurfaceNight .locationContainer.swamp.current {
	background-image: url("../images/map/locations/swamp_hover_night.png");
}

.mapWrapperSurface .locationContainer.mordainsTomb:hover,
.mapWrapperSurface .locationContainer.mordainsTomb.current {
	background-image: url("../images/map/locations/mordains_tomb_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.mordainsTomb:hover,
.mapWrapperSurfaceNight .locationContainer.mordainsTomb.current {
	background-image: url("../images/map/locations/mordains_tomb_hover_night.png");
}

.mapWrapperSurface .locationContainer.cave:hover,
.mapWrapperSurface .locationContainer.cave.current {
	background-image: url("../images/map/locations/cave_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.cave:hover,
.mapWrapperSurfaceNight .locationContainer.cave.current {
	background-image: url("../images/map/locations/cave_hover_night.png");
}

.mapWrapperSurface .locationContainer.forest:hover,
.mapWrapperSurface .locationContainer.forest.current {
	background-image: url("../images/map/locations/forest_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.forest:hover,
.mapWrapperSurfaceNight .locationContainer.forest.current {
	background-image: url("../images/map/locations/forest_hover_night.png");
}

.mapWrapperSurface .locationContainer.cursedTree:hover,
.mapWrapperSurface .locationContainer.cursedTree.current {
	background-image: url("../images/map/locations/cursed_tree_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.cursedTree:hover,
.mapWrapperSurfaceNight .locationContainer.cursedTree.current {
	background-image: url("../images/map/locations/cursed_tree_hover_night.png");
}

.mapWrapperSurface .locationContainer.rangersCamp:hover,
.mapWrapperSurface .locationContainer.rangersCamp.current {
	background-image: url("../images/map/locations/rangers_camp_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.rangersCamp:hover,
.mapWrapperSurfaceNight .locationContainer.rangersCamp.current {
	background-image: url("../images/map/locations/rangers_camp_hover_night.png");
}

.mapWrapperSurface .locationContainer.hut:hover,
.mapWrapperSurface .locationContainer.hut.current {
	background-image: url("../images/map/locations/hut_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.hut:hover,
.mapWrapperSurfaceNight .locationContainer.hut.current {
	background-image: url("../images/map/locations/hut_hover_night.png");
}

.mapWrapperSurface .locationContainer.pirateShip:hover,
.mapWrapperSurface .locationContainer.pirateShip.current {
	background-image: url("../images/map/locations/pirate_ship_hover.png");
}

.mapWrapperSurfaceNight .locationContainer.pirateShip:hover,
.mapWrapperSurfaceNight .locationContainer.pirateShip.current {
	background-image: url("../images/map/locations/pirate_ship_hover_night.png");
}


.locationContainer.castleCellar:hover, .locationContainer.castleCellar.current {
	background-image: url("../images/map/locations/castle_cellar_hover.png");
}

.locationContainer.runeStone:hover, .locationContainer.runeStone.current {
	background-image: url("../images/map/locations/runestone_hover.png");
}

.locationContainer.sealedGate:hover, .locationContainer.sealedGate.current {
	background-image: url("../images/map/locations/sealed_gate_hover.png");
}

.locationContainer.blackWizardsLibrary:hover, .locationContainer.blackWizardsLibrary.current {
	background-image: url("../images/map/locations/black_wizards_library_hover.png");
}

.locationContainer.spiralFloor:hover, .locationContainer.spiralFloor.current {
	background-image: url("../images/map/locations/spiral_floor_hover.png");
}

.locationContainer.lavaMountain:hover, .locationContainer.lavaMountain.current {
	background-image: url("../images/map/locations/lava_mountain_hover.png");
}

.locationContainer.hellForge:hover, .locationContainer.hellForge.current {
	background-image: url("../images/map/locations/hell_forge_hover.png");
}

.locationContainer.deepMine:hover, .locationContainer.deepMine.current {
	background-image: url("../images/map/locations/deep_mine_hover.png");
}

.locationContainer.blackMarket:hover, .locationContainer.blackMarket.current {
	background-image: url("../images/map/locations/black_market_hover.png");
}

.locationContainer.moulderedStorage:hover, .locationContainer.moulderedStorage.current {
	background-image: url("../images/map/locations/mouldered_storage_hover.png");
}

.locationContainer.ancientArmory:hover, .locationContainer.ancientArmory.current {
	background-image: url("../images/map/locations/ancient_armory_hover.png");
}

.locationContainer.hallOfGhosts:hover, .locationContainer.hallOfGhosts.current {
	background-image: url("../images/map/locations/hall_of_ghosts_hover.png");
}

.locationContainer.mysteriousLaboratory:hover, .locationContainer.mysteriousLaboratory.current {
	background-image: url("../images/map/locations/mysterious_laboratory_hover.png");
}

.locationContainer.undergroundHive:hover, .locationContainer.undergroundHive.current {
	background-image: url("../images/map/locations/underground_hive_hover.png");
}

.locationContainer.burningFurnace:hover, .locationContainer.burningFurnace.current {
	background-image: url("../images/map/locations/burning_furnace_hover.png");
}

.locationContainer.labyrinthOfCondemnation:hover, .locationContainer.labyrinthOfCondemnation.current {
	background-image: url("../images/map/locations/labyrinth_of_condemnation_hover.png");
}

.locationContainer.hauntedElevator:hover, .locationContainer.hauntedElevator.current {
	background-image: url("../images/map/locations/haunted_elevator_hover.png");
}

.locationContainer.whispersHall:hover, .locationContainer.whispersHall.current {
	background-image: url("../images/map/locations/whispers_hall_hover.png");
}



.locationInfo {
	position: absolute;
	z-index: 20;
}

.locationContainer .info div {
	margin-right: 2px;
	font-size: 10px;
}

.locationContainer .info div:not(.hidden) {
	display: inline-block;
}

.locationContainer .travelSpinner {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

/*
.locationContainer .iconTravel {
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.7);
	
	padding: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	
	font-size: 20px;
	font-family: OpenSansBold;
	
	text-shadow:
		-1px -1px 2px #000,
		1px -1px 2px #000,
		-1px 1px 2px #000,
		1px 1px 2px #000;
	
	box-shadow: 0px 0px 3px 2px #111;
	-webkit-box-shadow: 0px 0px 3px 2px #111;
	-moz-box-shadow: 0px 0px 3px 2px #111;
}
*/

.locationContainer .iconTravel {
	display: inline-block;
	background: transparent;
	
	margin-top: -5px;
	margin-left: -10px;
	width: 50px;
	height: 50px;
	line-height: 20px;
	text-align: center;
	z-index: 999;
	
	font-size: 20px;
	font-family: OpenSansBold;
}

.locationContainer .locationName {
	/* position: absolute; */
	/* top: -8px; */
	/* left: 0px; */
	width: max-content;
	padding: 3px;
	background: #000;
	/* color: #c4a300; */
	/* border: 1px solid #c4a300; */
	
	font-family: OpenSansSemibold;
	font-size: 10px;
}

.locationContainer .locationNameCurrent {
	color: gold;
	border: 1px solid #cfb300;
	cursor: default;
	
	box-shadow: 0px 0px 2px 0px gold;
	-webkit-box-shadow: 0px 0px 2px 0px gold;
	-moz-box-shadow: 0px 0px 2px 0px gold;
}

.locationContainer .locationNameInaccessible {
	color: #aaa;
	border: 1px solid #aaa;
	cursor: default;
	
	box-shadow: 0px 0px 3px 1px #222;
	-webkit-box-shadow: 0px 0px 3px 1px #222;
	-moz-box-shadow: 0px 0px 3px 1px #222;
}

.locationContainer .locationNameAccessible {
	color: #00cc00;
	border: 1px solid #008800;
	
	box-shadow: 0px 0px 3px 0px #006600;
	-webkit-box-shadow: 0px 0px 3px 0px #006600;
	-moz-box-shadow: 0px 0px 3px 0px #006600;
}

.locationSnippet {	
}

.locationCircle {
	position: absolute;
	
	top: 50%;
	left: 0px;
	bottom: 0px;
	right: 0px;
	
	margin-left: auto;
	margin-right: auto;
	
	width: 22px;
	height: 22px;
	border-radius: 20px;
}

.locationCircleCurrent {
	background-color: gold;
	cursor: default;
	border: 1px solid #9c8700;
	
	box-shadow: 0px 0px 4px 0px gold;
	-webkit-box-shadow: 0px 0px 4px 0px gold;
	-moz-box-shadow: 0px 0px 4px 0px gold;
}

.locationCircleAccessible {
	background-color: #00aa00;
	border: 1px solid #006600;
	
	box-shadow: 0px 0px 2px 1px rgba(0, 200, 0, 0.5);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 200, 0, 0.5);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 200, 0, 0.5);
}

.locationCircleInaccesible {
	background-color: #222;
	cursor: default;
	border: 1px solid #111;
	
	box-shadow: 0px 0px 2px 2px rgba(20, 20, 20, 0.5);
	-webkit-box-shadow: 0px 0px 2px 2px rgba(20, 20, 20, 0.5);
	-moz-box-shadow: 0px 0px 2px 2px rgba(20, 20, 20, 0.5);
}

.mapIconContainer {
	position: relative;
	margin: 2px 0px;
	/* width: 32px; */
	width: max-content;
	text-align: center;
}

.locationInfo.pirateShip .mapIconContainer,
.locationInfo.rangersCamp .mapIconContainer,
.locationInfo.cave .mapIconContainer,
.locationInfo.labyrinthOfCondemnation .mapIconContainer,
.locationInfo.undergroundHive .mapIconContainer {
	right: 10px;
}

.locationInfo.blackTower .mapIconContainer,
.locationInfo.blackWizardsLibrary .mapIconContainer {
	left: 10px;
}

.mapIconContainer .iconsSet {
	margin-top: 8px;
}

.mapIconContainer .iconsSet:first-of-type {
	margin-top: 0px;
}

.mapIcon {
	display: inline-block;
	vertical-align: top;
	margin: 0px 2px;
	background-position: center center;
	background-repeat: no-repeat;
}

.locationHint {
	width: 26px;
	height: 26px;
	background-image: url("../images/map/icon_question.png");
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
	
	/*
	margin-left: 60px;
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	border: 1px solid #4d91ff;
	text-align: center;
	line-height: 20px;
	background-color: rgb(0, 0, 0);
	color: #8cb8ff;
	font-family: OpenSansBold;
	cursor: default;
	font-size: 13px !important;
	
	box-shadow: 0px 0px 2px 0px rgba(77, 145, 255, 0.75);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(77, 145, 255, 0.75);
	-moz-box-shadow: 0px 0px 2px 0px rgba(77, 145, 255, 0.75);
	*/
}

.locationHintQuest {
	width: 16px;
	height: 32px;
	background-image: url("../images/map/icon_exclamation_mark.png");
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
	
	/*
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	border: 1px solid #bb0000;
	text-align: center;
	line-height: 20px;
	background-color: rgb(0, 0, 0);
	color: #ff0000;
	font-family: OpenSansBold;
	cursor: default;
	font-size: 15px !important;
	
	box-shadow: 0px 0px 2px 1px rgba(200, 0, 0, 0.75);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(200, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 2px 1px rgba(200, 0, 0, 0.75);
	*/
}

.locationHintStoryDungeon, .locationHintWeekDungeon {
	width: 16px;
	height: 32px;
	background-image: url("../images/map/icon_exclamation_mark_orange.png");
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}

.locationAdditionalHint {
	width: 16px;
	height: 32px;
	background-image: url("../images/map/icon_exclamation_mark_green.png");
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}

.locationCurrent {
	/* border: 1px solid gold; */
	color: gold;
}

.locationAccessible {
	/* border: 1px solid #00ee00; */
	color: #00dd00;
	cursor: pointer;
}

.locationInaccessible {
	/* border: 1px solid #ff0000; */
	color: #ff0000;
}


.mapPoint {
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: red;
	cursor: pointer;
	z-index: 999;
	border-radius: 50%;
}

.mapPointInaccessible {
	background-color: gray !important;
	cursor: default !important;
}

.mapPointCurrent {
	background-color: #0000dd !important;
	cursor: default !important;
}

.mapEnvironmentButtons {
	text-align: center;
}

.mapEnvironmentButtons a {
	margin: 0px 0px 0px 0px;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 4px;
}

.mapEnvironmentButtons .mapSettingsButton {
	position: absolute;
	left: 0px;
}

#mapMenu {
	position: relative;
	padding: 0px 4px;
	float: right;
	height: 100%;
	width: 140px;
	background-color: #333;
	color: #eee;
	font-size: 12px;
	text-align: center;
	overflow-y: scroll;
	z-index: 999;
}

#mapMenu h3 {
}

#mapMenu .item {
	border-bottom: 1px solid #666;
	padding: 4px 0px;
	margin: 6px 0px;
}

#mapMenu .item .actions {
	text-align: center;
	margin-top: 5px;
}

.workOfferArea {
	margin: 0px auto 15px auto;
	width: 600px;
	border: 2px solid #201e28;
}

.workOfferArea .head {
	height: 30px;
	font-family: OpenSansBold;
	line-height: 30px;
	padding-left: 5px;
	font-size: 14px;
	border-bottom: 2px solid #111;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	color: #dfdfdf;
}

.workOfferArea .body {
	padding-top: 20px;
	padding-bottom: 15px;
}

.workOfferArea .body .workInfo {
	position: relative;
	margin: 0px auto 5px auto;
	width: 500px;
}

.workOfferArea .endDate {
	position: absolute;
	right: 0px;
}

.workOfferArea .buttonStart {
	position: absolute;
	right: 0px;
}

.workOfferArea .workerSelect {
	float: left;
}

.workTakeRewardFirstText {
	margin: 20px 0px;
}

.sliderWork {
	width: 100%;
	margin: 10px 5px 10px 5px;
	border-radius: 4px;
	background-color: #aaa;
	
	height: 20px;
}

.sliderWork.ui-slider-horizontal {
	height: 9px;
}

.sliderWork.ui-slider .ui-slider-handle {
	top: -4px;
}

.sliderDefault {
	width: 200px;
	margin: 12px 5px;
	border-radius: 2px;
	background: #e5dadb;
}

#messageReplyWindow {
	display: none;
	position: absolute;
	z-index: 999;
	width: 250px;
	height: 60px;
	padding: 4px;
	background-color: #eee;
	border: 2px solid #000;
	cursor: pointer;
}

.contentRankings {
}

.contentRankings .playersPosition {
	margin-bottom: 10px;
	text-align: center;
	font-size: 19px;
}

.contentRankings .noResults {
	padding: 10px 0px;
	text-align: center;
}

table.tableRanking {
	text-align: center;
}

table.tableRanking th, table.tableRanking td {
	padding: 5px;
}

table.tableRanking tr.playerRow th, table.tableRanking tr.playerRow td {
	background-color: #e5e080 !important;
}

table.tableRanking a {
	font-size: 13px;
}

table.tableRanking .playerCharacterType {
	display: inline;
	float: right;
	font-size: 12px;
}

.contentArenaRanking {
}

.contentArenaRanking h2 {
	font-size: 18px;
}

.contentArenaRanking .typeMenu {
	margin-bottom: 30px;
	text-align: center;
}

.contentArenaRanking .typeMenu a {
	display: inline-block;
	padding: 7px 14px;
	margin: 0px 2px;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	color: #472920 !important;
	font-size: 15px;
	border-radius: 3px;
	cursor: pointer;
}

.contentArenaRanking .typeMenu a:hover {
	background-color: #bfaaac;
	border-bottom: 2px solid #664035;
	text-decoration: none;
}

.contentArenaRanking .typeMenu a.active {
	background-color: #b8a2a4;
	border-bottom: 2px solid #664035;
}


.contentRankingStoryTopKills {
}

.contentRankingStoryTopKills .bestResultHeading {
	margin: 0px auto;
	text-align: center;
	font-size: 16px;
	width: max-content;
	padding: 7px 150px;
	border-bottom: 1px solid #755a52;
}

.contentRankingStoryTopKills .bestResult {
	position: relative;
	margin-top: 20px;
	height: 150px;
}

.contentRankingStoryTopKills .bestResult .side {
	position: absolute;
	top: 0px;
	min-width: 250px;
	width: max-content;
}

.contentRankingStoryTopKills .bestResult .side.sidePlayer {
	left: 50px;
}

.contentRankingStoryTopKills .bestResult .side.sideNpc {
	right: 50px;
}

.contentRankingStoryTopKills .bestResult .side .name {
	text-align: center;
	font-size: 15px;
}

.contentRankingStoryTopKills .bestResult .side .avatar {
	margin: 7px auto 0px auto;
	width: 135px;
	height: 135px;
	
	background-size: contain;
	background-repeat: no-repeat;
	
	box-shadow: 0px 0px 2px 2px #111;
}

.contentRankingStoryTopKills .bestResult .resultContent {
	position: relative;
	top: 40px;
	margin: 0px auto;
	text-align: center;
	
	/* width: 350px; */
	width: 150px;
}

.contentRankingStoryTopKills .bestResult .resultContent .versus {
	font-size: 20px;
}

.contentRankingStoryTopKills .bestResult .resultContent .text {
	margin-top: 30px;
	font-size: 13px;
}

.contentRankingStoryTopKills .bestResult .resultContent .text .bold {
	font-family: OpenSansSemibold;
}

.contentRankingStoryTopKills .bestResult .resultContent .hintIcon {
	margin-left: 4px;
	font-size: 14px;
	text-align: center;
	padding: 0px 6px;
	border: 1px solid #000;
	border-radius: 50px;
	color: #000;
	font-family: OpenSansSemibold;
	background: #bba098;
	cursor: help;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.contentRankingStoryTopKills .rankingHeading {
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
}

.tooltipRankingStoryTopNpcKillExperienceHint {
	padding: 5px;
}

.tooltipRankingStoryTopNpcKillExperienceHint .heading {
	color: #fcc82b;
	font-size: 14px;
	font-family: OpenSansMedium
}

.tooltipRankingStoryTopNpcKillExperienceHint .content {
	margin-top: 10px;
	font-size: 13px;
	color: #ececec;
	font-family: OpenSans;
}


table.tribeLog {
	border-spacing: 0px;
	border-collapse: separate;
	border: 1px solid #000;
	width: 650px;
}

table.tribeLog th, table.tribeLog td {
	padding: 5px;
	border: 1px solid #000;
	text-align: left;
}

table.tribeLog th {
	background-color: #222;
	color: #ccc;
	width: 160px;
}

.questSubHeading {
	margin-top: 8px;
	font-size: 12px;
}

.questSubHeading .item {
	padding-left: 15px;
}

.questSubHeading .accepted {
	color: gold;
}

.questSubHeading .info {
	color: gold;
}

.questSubHeading .completed {
	color: #00cc00;
}

.questSubHeading .failed {
	color: #ee0000;
}

.questRewardInfo {
	position: absolute;
	bottom: 5px;
	right: 10px;
	text-align: right;
}

#guideMessagesContainer {
	position: absolute;
	top: 55px;
	right: -175px;
	width: 310px;
	max-height: 400px;
	background-color: #000;
	color: #eee;
	border: 2px solid #777;
	z-index: 999;
}

#guideMessagesContainer h3 {
	margin: 0px;
	padding: 3px;
	text-align: center;
}

#guideMessagesContainer .item {
	padding: 6px;
	border-bottom: 1px solid #666;
}

#guideMessagesContainer .item .head {
	font-size: 15px;
	padding-bottom: 3px;
}

#guideMessagesContainer .item .head .date {
	font-size: 12px;
}

#guideMessagesContainer .item .body {
	font-size: 13px;
}

#guideMessagesContainer .item .body a {
	color: #eee;
}

table.tribeMembers {
	border-bottom: 2px solid #9b8a8d;
}

table.tribeMembers th, table.tribeMembers td {
	text-align: left;
	padding: 5px;
}

table.tableBottomBorder {
	border-bottom: 2px solid #9b8a8d;
}

.raisedReward {
	color: #007700;
}

.contentTribeWallMessage {
}

.contentTribeWallMessage textarea {
	min-width: 200px;
	max-width: 100%;
	min-height: 100px;
	max-height: 300px;
}

table.tableTribeWall {
	border-top: 1px solid #755a5f;
}

table.tableTribeWall .info {
	font-size: 13px;
	width: 10px;
	white-space: nowrap;
	padding-left: 8px;
	padding-right: 20px;
	/* border-right: 1px solid #755a5f; */
}

table.tableTribeWall .info .date {
	margin-top: 5px;
}

table.tableTribeWall .message {
	font-size: 12px;
	padding-left: 8px;
}

.tribeWallMessage {
}

.tribeWallMessage .highlightedPlayerName {
	color: #ff9900;
}

.tribeWallMessage .info {
	display: inline-block;
	width: 150px;
	font-size: 11px;
	border-right: 2px solid #9b8a8d;
}

.tribeWallMessage .messageContent {
	display: inline-block;
	vertical-align: middle;
}


.tribeWall .message {
	margin-top: 5px;
	padding: 10px 0px;
}

.tribeWall .message .head {
	border-bottom: 1px solid #444;
	padding-bottom: 3px;
}

.tribeWall .message .date {
	float: right;
	font-size: 13px;
}

.tribeWall .message .body {
	clear: both;
	padding: 25px 0px;
}

.tribeWall .message .body .taggedPlayerLink {
	color: #ff9900 !important;
	font-weight: normal !important;
}


.contentMarket {
}

.contentMarket .marketFilter {
	margin-top: 10px;
	padding: 5px;
	background-color: #c2a9ac;
	border: 2px solid #755a52;
}

table.tableMarket {
	text-align: center;
}

table.tableMarket th {
	padding: 5px;
}

table.tableMarket td {
	padding: 5px 0px;
}

table.tableMarket .dateInfo {
	font-size: 12px;
	padding-top: 8px;
}

table.tableMarket .inLocation {
	color: #006600;
	font-family: OpenSansBold;
}

table.tableMarket .notInLocation {
	color: #aa0000;
	font-family: OpenSansBold;
}

table.tableMarket a.orderLink {
	cursor: pointer;
}

.tribeOverview {
}

.tribeOverview .image {
}

.tribeOverview .image img {
	width: 150px;
	height: 150px;
}

.leftMid .leftMenu a .completedQuestsCount {
	color: #00cc00;
}

.leftMid .leftMenu a:hover .completedQuestsCount {
	color: #6cf76c;
}

.leftMid .leftMenu a .failedQuestsCount {
	color: #ee0000;
}

.leftMid .leftMenu a:hover .failedQuestsCount {
	color: #fc3737;
}

.leftMid .leftMenu a .premiumsToBeExpiredCount {
	color: #ff1f1f;
}

.leftMid .leftMenu a:hover .premiumsToBeExpiredCount {
	
}

.guideMessageReadAt {
	font-size: 11px;
}

span.tribeCatacombWin {
	color: #00aa00;
}

span.tribeCatacombLose {
	color: #bb0000;
}

.tribeCatacombCompleted {
	background-color: #000;
	padding: 4px;
	border: 2px solid #aaa;
	font-family: OpenSansBold;
	color: #009900;
	font-size: 12px;
}

span.showBBCodeHints {
	border-bottom: 1px dashed #000;
	cursor: pointer;
}

div.bbcodeHints {
	margin-top: 10px;
}

#premiumTimingsOverview {
	position: absolute;
	top: 2px;
	left: 0px;
	width: 600px;
	height: 80px;
	background-color: #000;
	color: #eee;
	font-size: 14px;
	padding: 5px;
	z-index: 100;
	overflow-y: auto;
}

table.goldTransfers {
}

table.goldTransfers th {
	text-align: left;
}

table.goldTransfers td {
	padding: 5px 10px;
}

table.goldTransfers td.amount {
	font-size: 14px;
	text-align: center;
}

.goldTransferIncreasing {
	font-family: OpenSansSemibold;
	color: #005500;
}

.goldTransferDecreasing {
	font-family: OpenSansSemibold;
	color: #770000;
}

.paymentPaid {
	color: #004400;
	font-family: OpenSansBold;
}

.inventoryTable {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.inventoryTable li {
	float: left;
    margin: 2px;
    padding: 2px;
    width: 85px;
    height: 85px;
    line-height: 85px;
}

.playerLongTimeInactive {
	color: #333 !important;
}

.itemEnhancementBox {
	display: inline-block;
	margin: 0px 1px;
	width: 150px;
	height: 140px;
	text-align: center;
	border: 2px solid #9b8a8d;
	padding: 3px 0px;
}

.lightboxTribeChat {
	width: 800px;
	top: 10% !important;
}

.tribeChatDialog {
	
}

.tribeChatDialog .header {
	padding: 5px 0px;
	border-bottom: 1px solid #000;
}

.tribeChatDialog .tribeChatContent {
	height: 500px;
	overflow-y: auto;
	font-size: 13px;
}

.tribeChatDialog .tribeChatContent .messageRow {
	border-bottom: 1px solid #ab9a9d;
	padding-bottom: 2px;
	font-family: OpenSans;
}

.tribeChatDialog .tribeChatContent .messageRow:not(:first-child) {
	margin-top: 7px;
}

.tribeChatDialog .tribeChatContent .messageRow .date {
	font-family: OpenSansSemibold;
	padding: 2px 2px 2px 4px;
	background-color: #b49096;
}

.tribeChatDialog .tribeChatContent .messageRow .playerName {
	vertical-align: top;
	display: inline-block;
	margin-left: 5px;
	font-family: OpenSansBold;
}

.tribeChatDialog .tribeChatContent .messageRow .messageContent {
	vertical-align: top;
	display: inline-block;
	margin-left: 5px;
}

.tribeChatDialog .footer {
	margin: 10px 0px;
	padding-top: 5px;
	border-top: 1px solid #222;
	text-align: center;
}

.tribeChatDialog .footer textarea {
	width: 580px;
	min-width: 580px;
	max-width: 100%;
	height: 80px;
	min-height: 80px;
	max-height: 130px;
	margin-top: 5px;
}

.tribeChatDialog .errorArea {
	margin: 10px 0px;
	text-align: center;
	font-family: OpenSansBold;
	color: #cc0000;
}

.coupon {
	margin: 10px 0px;
	width: 400px;
	min-height: 100px;
	border: 1px solid #000;
}

.coupon .head {
	border-bottom: 1px solid #000;
	padding: 5px;
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	color: #dfdfdf;
}

.coupon .body {
	padding: 15px 5px 5px 5px;
	background-color: #ceb8ba;
}

table.weekKillBonuses {
	margin-top: 20px;
	width: 98%;
	border: 2px solid #333;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.weekKillBonuses th, table.weekKillBonuses td {
	border: 1px solid #222;
	padding: 5px;
}

table.weekKillBonuses .icon {
	margin-right: 2px;
}

.premiumHighlightText {
	color: #007700;
	text-shadow: 0px 0px 1px rgba(0, 30, 0, 0.3);
}

.stripLight .premiumHighlightText {
	color: #005500;
	text-shadow: 0px 0px 1px rgba(0, 30, 0, 0.3);
}

table.tablePremiumsOverview {
}

table.tablePremiumsOverview td {
	padding: 8px 4px;
}

table.tablePremiumsOverview td.premium {
	width: 300px;
	padding-left: 7px !important;
}

table.tablePremiumsOverview input[type="text"], table.tablePremiumsOverview input[type="number"] {
	width: 80px;
}

table.tablePremiumsOverview .buttonBuyPremium {
	position: relative;
	float: right;
	top: -2px; 
	right: 10px;
}

.questsInfoTooltip {
	min-width: 100px;
	max-width: 400px;
	width: max-content;
	padding: 15px !important;
}

.questsInfoTooltip .questName {
	color: #fcc82b;
	font-size: 15px;
	text-align: center;
}

.questsInfoTooltip .questDetail {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #f2f2f2;
	font-size: 10px;
	width: max-content;
}

.questsInfoTooltip .questDetail .tableQuestDetailInfo {
	border-collapse: collapse;
	border-spacing: 0px;
}

.questsInfoTooltip .questDetail .tableQuestDetailInfo td {
	padding: 0px 3px;
	font-family: OpenSansMedium;
}

.questsInfoTooltip .questDetail .tableQuestDetailInfo td.label {
	color: gold;
}

.questsInfoTooltip .questDetail .questDetailInfo {
	font-size: 13px;
	color: #e4e4e4;
	font-family: OpenSansMedium;
}

.questsInfoTooltip .questDetail .questDetailInfoSmall {
	
}

.questsInfoTooltip table {
	margin: 0px auto;
}

.questsInfoTooltip table tr td:nth-child(1) {
	text-align: right;
}

.questsInfoTooltip .progressSeparator {
	margin: 12px auto;
	height: 0px;
	border: 1px solid #3c3c3c;
}

.questsInfoTooltip .progressInformation {
	margin-top: 10px;
	text-align: center;
	font-family: OpenSansMedium;
}

.questsInfoTooltip .questCompleted {
	color: #00cc00;
}

.questsInfoTooltip .questLate {
	color: #ff4242;
}

.questsInfoTooltip .questFailed {
	color: #ff4242;
}

.questsInfoTooltip .questProgressing {
	color: #ddd;
}

.infoBoxLight {
	position: relative;
	display: inline-block;
	border: 2px solid #756e6f;
}

.infoBoxLight .head {
	text-align: center;
	padding: 8px 0px;
	border-bottom: 1px solid #756e6f;
	color: #000;
	background: #c2a9ac;
}

.infoBox {
	position: relative;
	display: inline-block;
	border: 2px solid #312d3c;
}

.infoBox .head {
	text-align: center;
	padding: 8px 0px;
	border-bottom: 1px solid #000;
	
	color: #eee;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
}

.infoBox .detail, .infoBoxLight .detail {
	padding-top: 30px;
	padding-bottom: 40px;
	
	background: rgb(177,155,157);
	background: linear-gradient(180deg, rgba(195,171,173,1) 0%, rgba(206,184,186,1) 30%);
}

.infoBox .footer, .infoBoxLight .footer {
	border-top: 2px solid #312d3c;
	background: rgba(194,169,172,1);
	background: -moz-linear-gradient(top, rgba(194,169,172,1) 38%, rgba(176,153,156,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(38%, rgba(194,169,172,1)), color-stop(100%, rgba(176,153,156,1)));
	background: -webkit-linear-gradient(top, rgba(194,169,172,1) 38%, rgba(176,153,156,1) 100%);
	background: -o-linear-gradient(top, rgba(194,169,172,1) 38%, rgba(176,153,156,1) 100%);
	background: -ms-linear-gradient(top, rgba(194,169,172,1) 38%, rgba(176,153,156,1) 100%);
	background: linear-gradient(to bottom, rgba(194,169,172,1) 38%, rgba(176,153,156,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2a9ac', endColorstr='#b0999c', GradientType=0 );
}

.infoBoxActive {
	box-shadow: 0px 0px 5px 5px rgba(125, 101, 105, 1) !important;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(125, 101, 105, 1) !important;
	-moz-box-shadow: 0px 0px 5px 5px rgba(125, 101, 105, 1) !important;
}

.infoBoxActive .head {
	color: gold;
}

.infoBoxHover {
	opacity: 0.85;
}

.infoBoxDisabled {
	opacity: 0.5;
}

.expeditionNpcAttackInfo {
	margin-top: 30px;
	text-align: center;
}

.expeditionNpcAttackInfo .infoBox {
	margin-left: 5px;
	margin-right: 5px;
	width: 185px;
}

.expeditionNpcAttackInfo .infoBox .detail {
	text-align: center;
	line-height: 18px;
}

.expeditionNpcAttackInfo .infoBox .footer {
	height: 42px;
	padding-top: 10px;
	text-align: center;
}

.expeditionNpcAttackInfo .infoBox .footer button[type="submit"] {
	margin-top: 2px;
	
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.5);
}

/*
.expeditionNpcAttackInfo .buttonAttackNpc {
	padding: 4px 15px !important;
	font-size: 13px;
}
*/


.expeditionNpcAttackInfo .buttonAttackNpc {
	padding: 5px 15px;
	font-size: 13px;
	
	display: inline-block;
	text-decoration: none;
	border-radius: 5px;
	font-family: OpenSansSemiBold;
	text-align: center;
	color: #ddd;
	cursor: pointer;
	
	background: rgb(54,50,65);
	background: -moz-linear-gradient(180deg, rgba(54,50,65,1) 0%, rgba(37,35,45,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(54,50,65,1) 0%, rgba(37,35,45,1) 100%);
	background: linear-gradient(180deg, rgba(54,50,65,1) 0%, rgba(37,35,45,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#363241",endColorstr="#25232d",GradientType=1);
	
	border: 1px solid #000;
}

.expeditionNpcAttackInfo .buttonAttackNpc:not(.disabled):hover {
	background: rgb(64,60,75);
	background: -moz-linear-gradient(180deg, rgba(64,60,75,1) 0%, rgba(52,50,60,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(64,60,75,1) 0%, rgba(52,50,60,1) 100%);
	background: linear-gradient(180deg, rgba(64,60,75,1) 0%, rgba(52,50,60,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#403c4b",endColorstr="#34323c",GradientType=1);
}

.expeditionNpcAttackInfo .buttonAttackNpc:active {
	background: rgb(64,60,75);
	background: -moz-linear-gradient(0deg, rgba(64,60,75,1) 0%, rgba(52,50,60,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(64,60,75,1) 0%, rgba(52,50,60,1) 100%);
	background: linear-gradient(0deg, rgba(64,60,75,1) 0%, rgba(52,50,60,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#403c4b",endColorstr="#34323c",GradientType=1);
}



table.locationNpcsOverview {
	margin: 0px auto;
	width: 595px;
	border: 2px solid #222;
}

table.locationNpcsOverview th {
	padding: 5px;
}

table.locationNpcsOverview td {
	font-size: 14px;
}

table.locationNpcsOverview a.attackLink {
	display: inline-block;
	width: calc(100% - 12px);
	color: #000;
	padding: 6px;
}

table.locationNpcsOverview a.attackLink img {
	opacity: 0.5;
}

table.locationNpcsOverview a.attackLink:hover {
	text-decoration: none !important;
}

table.locationNpcsOverview a.attackLinkActive {
	font-family: OpenSansBold;
}

table.locationNpcsOverview a.attackLinkActive img {
	opacity: 1;
}

table.locationNpcsOverview .attackIcon {
	position: relative;
	display: inline-block;
	top: 5px;
	margin-right: 2px;
	width: 21px;
	height: 20px;
	background-image: url("../images/icons/quests/beat_npc.png");
	opacity: 0.5;
}

table.locationNpcsOverview .attackLinkActive .attackIcon {
	opacity: 1;
}

table.locationNpcsOverview .todaysHuntIconYes {
	font-size: 27px;
	color: #006600;
	font-weight: bold;
	text-align: center;
	font-family: OpenSansSemibold;
}

table.locationNpcsOverview .todaysHuntIconNo {
	font-size: 27px;
	color: #aa0000;
	font-weight: bold;
	text-align: center;
	font-family: OpenSansSemibold;
}

.foughtRecently {
	margin-bottom: 15px;
}

table.tableFullSize {
	width: 100%;
}

table.borderedTable {
	border: 1px solid #222;
}

table.tableDefaultPadding {
}

table.tableDefaultPadding th, table.tableDefaultPadding td {
	padding: 5px 5px 5px 10px;
}

.traderEnergyReduceItems {
	margin-top: 40px;
	text-align: center;
}

.traderEnergyReduceItems .infoBox {
	margin-left: 5px;
	margin-right: 5px;
	width: 170px;
}

.traderEnergyReduceItems .infoBox .detail {
	position: relative;
	text-align: center;
	line-height: 18px;
}

.traderEnergyReduceItems .infoBox .detail .info {
	position: absolute;
	bottom: 5px;
	width: 100%;
	text-align: center;
	font-size: 11px;
}

.traderEnergyReduceItems .infoBox .footer {
	height: 32px;
	padding-top: 16px;
	padding-bottom: 0px;
	text-align: center;
}

.traderEnergyReduceItems .infoBox .footer a {
	display: inline;
	padding-left: 14px;
	padding-right: 14px;
}

.contentPlayerStash {
}

.contentPlayerStash .buildStashHeading {
	font-size: 15px;
	text-align: center;
	margin-bottom: 20px;
}

.contentPlayerStash .columnLeft {
	float: left;
	width: 35%;
}

.contentPlayerStash .columnRight {
	float: right;
	width: 65%;
}

.contentPlayerStash .buttonRaiseLevel {
	margin-top: 10px;
}

.contentPlayerStash table.tableResources {
	margin: 30px auto 0px auto;
}

.contentPlayerStash table.tableResources input[type="text"], .contentPlayerStash table.tableResources input[type="number"] {
	height: 23px;
	margin-right: 10px;
}

.contentPlayerStash table.tableResources td.cellInputs {
	min-width: 100px;
}

.contentPlayerStash table.tableResources .darkButton {
	padding: 3px 10px;
}

.contentPlayerStash .usedCapacityContainer {
	margin-top: 30px;
}


.contentPlayerStashEnergyDefault {
}

.contentPlayerStashEnergyDefault .buttonRaiseLevel {
	margin-top: 10px;
}

.contentPlayerStashEnergy {
	position: relative;
	padding: 0px !important;
	width: 770px;
	height: 526px;
	background-image: url("../images/stash_energy/background.png");
	background-size: contain;
	background-repeat: no-repeat;
	
	box-shadow: inset 0px 0px 10px 0px #111;
	-webkit-box-shadow: inset 0px 0px 10px 0px #111;
	-moz-box-shadow: inset 0px 0px 10px 0px #111;
}

.contentPlayerStashEnergy .barrel {
	position: absolute;
	top: 217px;
	left: 93px;
	width: 662px;
	height: 309px;
	z-index: 1;
}

.contentPlayerStashEnergy .barrel.barrel1 {
	background-image: url("../images/stash_energy/barrel_1.png");
}

.contentPlayerStashEnergy .barrel.barrel2 {
	background-image: url("../images/stash_energy/barrel_2.png");
}

.contentPlayerStashEnergy .barrel.barrel3 {
	background-image: url("../images/stash_energy/barrel_3.png");
}

.contentPlayerStashEnergy .barrel.barrel4 {
	background-image: url("../images/stash_energy/barrel_4.png");
}

.contentPlayerStashEnergy h2 {
	margin-top: 0px;
	padding-top: 22px;
	font-size: 22px;
}

.contentPlayerStashEnergy .progressBarArea {
	position: relative;
	margin: 23px auto 0px auto;
	width: 500px;
}

.contentPlayerStashEnergy .progressBarArea .progressBar {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 28px;
	background-color: #060606;
	border: 2px solid #333;
}

.contentPlayerStashEnergy .progressBarArea .progressBar .fill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #0d89d1;
	
	background: linear-gradient(90deg, rgba(20,116,172,1) 0%, rgba(13,137,209,1) 75%);
}

.contentPlayerStashEnergy .progressBarArea .progressBar .text {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	text-shadow: 0px 0px 2px #000;
	color: #e4e4e4;
}

.contentPlayerStashEnergy .regenerationProgressBar {
	position: relative;
	margin-top: 1px;
	margin-left: 1px;
	width: 500px;
	height: 3px;
	background-color: #060606;
	border: 1px solid #222;
}

.contentPlayerStashEnergy .regenerationProgressBar .fill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #2aa34a;
}

.contentPlayerStashEnergy .regenerationRate {
	position: relative;
	float: right;
	margin-top: 5px;
	margin-right: -4px;
	width: max-content;
	padding: 5px 7px;
	font-size: 12px;
	color: #eee;
	text-shadow: 0px 0px 1px #000;
	background-color: #060606;
	border: 1px solid #444;
	border-radius: 5px;
}

.contentPlayerStashEnergy .chains {
	position: absolute;
	top: 50px;
	left: 297px;
	width: 169px;
	height: 153px;
	background-image: url("../images/stash_energy/button.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.contentPlayerStashEnergy .buttonTakeEnergyArea {
	position: absolute;
	top: 134px;
	left: 302px;
	width: 165px;
	height: 65px;
	padding-top: 15px;
	text-align: center;
}

.contentPlayerStashEnergy .boxes {
	/* padding-top: 78px; */
	text-align: center;
}

.contentPlayerStashEnergy .boxes .infoBox {
	width: 235px;
	margin-left: 2px;
	margin-right: 2px;
}

.contentPlayerStashEnergy .boxes .infoBox .head .plus {
	position: relative;
	float: right;
}

.contentPlayerStashEnergy .boxes .infoBox .head .plus span {
	position: absolute;
	top: -6px;
	right: 9px;
	color: #00c400;
	font-size: 22px;
	font-family: OpenSansBold;
	text-shadow: 0px 0px 2px #00cc00;
}

.contentPlayerStashEnergy .infoBox .detail {
	height: 100px;
	padding-top: 15px;
	padding-bottom: 25px;
}

.contentPlayerStashEnergy .infoBox .detail .prices {
	font-size: 13px;
}

.contentPlayerStashEnergy .infoBox .detail span {
	display: inline-block;
	margin-top: 2px;
}

.contentPlayerStashEnergy .infoBox .contentTextSeparator {
	width: 90%;
}

.contentPlayerStashEnergy .infoBox .footer {
	padding: 10px;
}

.contentPlayerStashEnergy .boxesContainerDown {
	position: relative;
	margin-top: 309px;
	width: 100%;
	height: 105px;
	z-index: 2;
	cursor: pointer;
	
	background-image: url("../images/stash_energy/boxes_container_down.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.contentPlayerStashEnergy .boxesContainerDown .boxes {
	padding-top: 62px;
}

.contentPlayerStashEnergy .boxesContainerUp {
	position: relative;
	margin-top: 101px;
	width: 100%;
	height: 313px;
	z-index: 2;
	background-image: url("../images/stash_energy/boxes_container_up.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.contentPlayerStashEnergy .boxesContainerUp .boxes {
	padding-top: 71px;
}

.contentPlayerStashEnergy .boxesContainerUp .boxes .infoBox {
	box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
	-moz-box-shadow: 1px 1px 4px #000;
}

.contentPlayerStashEnergy .boxesHandle {
	position: absolute;
	top: -16px;
	left: 260px;
	width: 264px;
	height: 65px;
	cursor: pointer;
	
	transition: 0.05s;
	-webkit-transition: 0.05s;
	-moz-transition: 0.05s;
	-o-transition: 0.05s;
	
	background-image: url("../images/stash_energy/boxes_handle.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.contentPlayerStashEnergy .boxesHandle:hover, .contentPlayerStashEnergy .boxesContainerDown:hover .boxesHandle {
	background-image: url("../images/stash_energy/boxes_handle_hover.png");
	opacity: 0.7;
}

.contentPlayerStashEnergy .towel {
	position: absolute;
	top: 45px;
	left: 181px;
	width: 56px;
	height: 119px;
	background-image: url("../images/stash_energy/towel.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.dialogPlayerStashEnergy table {
	margin: 10px auto;
}

.dialogPlayerStashEnergy table .label {
	padding-right: 10px;
}

.dialogPlayerStashEnergy table .energyFull {
	color: #006600;
	font-family: OpenSansSemibold;
}

.dialogPlayerStashEnergy .slider {
	margin: 30px auto 60px auto;
	width: 450px;
	clear: both;
}

.dialogPlayerStashEnergy .ui-slider-handle {
	top: -14px !important;
	width: 16px !important;
	height: 31px !important;
}

.dialogPlayerStashEnergy .slider .steps {
	margin-top: 15px;
}

.dialogPlayerStashEnergy .slider .step {
	float: left;
	width: 33.33%;
	font-size: 13px;
}




.contentItemsEnchantment {
}

.contentItemsEnchantment .slots .slotContainer {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	margin: 0px 10px;
}

.contentItemsEnchantment .slots .slotContainer.containerResult {
	width: initial;
	min-width: 160px;
	max-width: 250px;	
}

.contentItemsEnchantment .slots .slotContainer .slotHeading {
	text-align: center;
	font-size: 15px;
}

.contentItemsEnchantment .slots .slotContainer .slotDrop {
	position: relative;
	margin: 10px auto 0px auto;
	width: 80px;
	height: 80px;
	background-color: #c2a9ac;
	border: 2px solid #755a52;	
}

.contentItemsEnchantment .slots .slotContainer .slotDrop .itemSlot {
	margin: 0px;
	border: none;
	width: 80px;
	height: 80px;
}

.contentItemsEnchantment .info {
	margin-top: 20px;
	font-size: 12px;
}

.contentItemsEnchantment .enchantmentText {
	margin: 20px 0px 10px 0px;
}

.contentItemsEnchantment .buttonEnchant {
	margin-top: 20px;
}


.contentItemsEnchantment .enchantmentPrices .priceBoxes {
	margin-top: 10px;
}

.contentItemsEnchantment .activityPointsText {
	margin-top: 15px;
}

.contentItemsEnchantment .boxArea {
	display: inline-block;
	vertical-align: top;
}

.contentItemsEnchantment .bonus {
	margin-top: 5px;
	color: #006600;
	text-shadow: 0px 0px 1px #008800;
	text-align: center;
}

.contentItemsEnchantment .infoBoxEnchantmentPrice {
	width: 160px;
	vertical-align: top;
	margin: 0px 5px;
	cursor: pointer;
}

.contentItemsEnchantment .infoBoxEnchantmentPrice:not(.infoBoxSelected, .infoBoxInactive):hover {
	border-color: #444d4e;
}

.contentItemsEnchantment .infoBoxEnchantmentPrice:not(.infoBoxSelected, .infoBoxInactive):hover .head {
	background-color: rgba(184, 159, 162);
	border-bottom-color: #444d4e;
}

.contentItemsEnchantment .infoBoxEnchantmentPrice.infoBoxInactive {
	opacity: 0.5;
}

.contentItemsEnchantment .infoBoxEnchantmentPrice .detail {
	padding-top: 15px;
	padding-bottom: 15px;
	
	height: 50px;
}

.contentItemsEnchantment .infoBoxEnchantmentPrice .detail.singlePrice {
	padding-top: 30px;
	padding-bottom: 0px;
}

.contentItemsEnchantment .infoBoxSelected {
	border-color: #444d4e;
}

.contentItemsEnchantment .infoBoxSelected .head {
	background-color: #b08086;
	border-bottom-color: #444d4e;
}

.contentItemsEnchantment .buttonEnhance {
	margin-top: 20px;
	text-align: center;
}


.contentItemsEnchantment .slotDrop .ajaxLoaderArea {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
}

.contentItemsEnchantment .ajaxLoader {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: 0.25em solid #333;
	border-right-color: transparent;
	border-radius: 50%;
	
	animation: item-slot-spinner-border 0.75s linear infinite;
	-webkit-animation: item-slot-spinner-border 0.75s linear infinite;
}


.insufficientResource {
	color: #cc0000;
}

.contentForge {
}

.contentForge h2 {
	font-size: 18px;
}

.contentForge .buttons {
	margin-top: 20px;
}

.contentForge .buttons a {
	margin: 0px 5px;
}

.contentForgeEnhancement h2 {
	font-size: 18px;
}

.contentForgeEnhancement .slots {
	margin: 10px auto 0px auto;
	width: 750px;
	height: 120px;
}

.contentForgeEnhancement .slots .slotContainer {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	height: 50px;
	margin: 0px 10px;
}

.contentForgeEnhancement .slots .slotContainer .slotHeading {
	text-align: center;
	font-size: 15px;
}

.contentForgeEnhancement .slots .slotContainer .slotDrop {
	position: relative;
	margin: 10px auto 0px auto;
	width: 80px;
	height: 80px;
	background-color: #c2a9ac;
	border: 2px solid #94816f;
}

.contentForgeEnhancement .slotsDescription {
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
}

.contentForgeEnhancement .selectedSlot .slotDrop {
	/*
	border: 2px solid #75614f !important;
	box-shadow: 0px 0px 2px 2px #52351b;
	-webkit-box-shadow: 0px 0px 2px 2px #52351b;
	-moz-box-shadow: 0px 0px 2px 2px #52351b;
	*/
}

.contentForgeEnhancement .inactiveSlot {
	opacity: 0.5;
}

.contentForgeEnhancement .slotDrop .itemSlot {
	margin: 0px;
	border: none;
	width: 80px;
	height: 80px;
}

.contentForgeEnhancement .enhancementSliderArea {
	margin: 20px auto;
	width: max-content;
}

.contentForgeEnhancement .enhancementSliderArea .text {
	font-size: 14px;
}

.contentForgeEnhancement .enhancementSlider {
	width: 300px;
	margin: 10px auto;
	border-radius: 4px;
	height: 8px;
}

.contentForgeEnhancement .enhancementSlider.emptySlider {
	width: 0px;
}

.contentForgeEnhancement .enhancementSlider .ui-slider-handle {
	margin-top: -1px;
	width: 18px;
	height: 18px;
}

.contentForgeEnhancement .enhancementSlider .ui-slider-pip {
	margin-top: 2px;
}

.contentForgeEnhancement .enhancementPrices {
	margin-top: 40px;
}

.contentForgeEnhancement .enhancementPrices .text {
	font-size: 14px;
}

.contentForgeEnhancement .enhancementPrices .priceBoxes {
	margin-top: 10px;
}

.contentForgeEnhancement .boxArea {
	display: inline-block;
	vertical-align: top;
}

.contentForgeEnhancement .infoBoxEnhancementPrice {
	width: 160px;
	vertical-align: top;
	margin: 0px 5px;
	cursor: pointer;
}

.contentForgeEnhancement .infoBoxEnhancementPrice:not(.infoBoxSelected, .infoBoxInactive):hover {
	border-color: #444d4e;
}

.contentForgeEnhancement .infoBoxEnhancementPrice:not(.infoBoxSelected, .infoBoxInactive):hover .head {
	background-color: rgba(184, 159, 162);
	border-bottom-color: #444d4e;
}

.contentForgeEnhancement .infoBoxEnhancementPrice.infoBoxInactive {
	opacity: 0.5;
}

.contentForgeEnhancement .infoBoxEnhancementPrice .detail {
	padding-top: 15px;
	padding-bottom: 15px;
	
	height: 50px;
}

.contentForgeEnhancement .infoBoxEnhancementPrice .detail.singlePrice {
	padding-top: 30px;
	padding-bottom: 0px;
}

.contentForgeEnhancement .infoBoxEnhancementPrice .detail .subText {
	margin-top: 12px;
	font-size: 11px;
}

.contentForgeEnhancement .infoBoxSelected {
	border-color: #444d4e;
}

.contentForgeEnhancement .infoBoxSelected .head {
	background-color: #b08086;
	border-bottom-color: #444d4e;
}

.contentForgeEnhancement .buttonEnhance {
	margin-top: 20px;
	text-align: center;
}

.contentForgeEnhancement .slotDrop .ajaxLoaderArea {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
}

.contentForgeEnhancement .itemNotEnchantedText {
	text-align: center;
	font-size: 15px;
	color: #bb0000;
}

.contentForgeEnhancement .activityPointsText {
	margin-top: 15px;
}

@keyframes forge-spinner-border {
	to {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes forge-spinner-border {
	to {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}

.contentForgeEnhancement .ajaxLoader {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: 0.25em solid #333;
	border-right-color: transparent;
	border-radius: 50%;
	
	animation: forge-spinner-border 0.75s linear infinite;
	-webkit-animation: forge-spinner-border 0.75s linear infinite;
}

.contentForgeEnhancement .enhancementArea {
	display: none;
}

.contentForgeEnhancement .insufficientResource {
	color: #aa0000;
}

.contentForgeEnhancement .detailInsufficientResource {
	background: rgba(255, 0, 0, 0.1) !important;
}

.boxForgeDismantling {
	height: 243px;
}

.boxForgeDismantling .dismantleItemArea {
	position: relative;
	margin-top: 20px;
	width: 100%;
	height: 100px;
	font-size: 17px;
	text-align: center;
}

.paginator {
	text-align: center;
	margin: 15px 0px 16px 0px;
}

.paginatorRanking {
	display: inline-block;
	float: right;
}

.paginatorRanking a {
	width: 70px;
}

a.fightWin {
	color: #008800 !important;
}

a.fightLose {
	color: #ee0000 !important;
}

a.fightDraw {
	color: #ee0000 !important;
}

.contentNpcFightList {
}

.contentNpcFightList table {
	width: 100%;
	border: 1px solid #222;
}

.contentNpcFightList .buttons {
	margin-top: 20px;
}

.contentPlayerFightList {
}

.contentPlayerFightList table {
	width: 100%;
	border: 1px solid #222;
}

.contentPlayerFightList .buttons {
	margin-top: 20px;
	text-align: center;
}

.contentPlayerFightList .buttons .space {
	height: 5px;
}

.contentAmbushReportsList {
}

.contentAmbushReportsList .paginatorContainer, .contentNpcFightList .paginatorContainer, .contentPlayerFightList .paginatorContainer {
	min-height: 30px;
}

.contentAmbushReportsList .paginatorContainer .paginator, .contentNpcFightList .paginatorContainer .paginator, .contentPlayerFightList .paginatorContainer .paginator {
	float: right;
	margin: 0px 0px 5px 0px;
}

.contentAmbushReportsList table {
	width: 100%;
	border: 1px solid #222;
}

.contentAmbushReportsList .buttons {
	margin-top: 20px;
	text-align: center;
}

.contentAmbushReportsList .buttons .space {
	height: 5px;
}

.contentDungeonNpcKills {
}

.contentDungeonNpcKills table {
	width: 100%;
	border: 1px solid #222;
}

.contentDungeonNpcKills table th, .contentDungeonNpcKills table td {
	text-align: center;
	padding: 8px;
}

.contentMessages {
}

.contentMessages .filterOptions {
	display: inline-block;
	margin-left: 10px;
}

.contentMessages .filterOptions label {
	margin-right: 15px;
}

.contentMessages .filterOptions input[type="checkbox"] {
	position: relative;
	top: 2px;
}

.contentMessages .filter {
	margin-top: 10px;
}

.contentMessages .filter table {
	margin: 20px 0px;
}

.contentMessages .paginatorContainer {
	position: relative;
	margin-top: 30px;
	min-height: 30px;
}

.contentMessages .paginatorContainer .paginator {
	float: right;
	margin: 0px 0px 5px 0px;
}

.contentMessages .buttonCheckMessages {
	position: absolute;
	top: 0px;
}

.contentMessages .messagesContainer {
	padding: 8px 0px;
	border-top: 1px solid #755a5f;
	border-bottom: 1px solid #755a5f;
}

.contentMessages .messageBox {
	margin: 0px auto;
	border-top: 1px solid #755a5f;
	border-left: 1px solid #755a5f;
	border-right: 1px solid #755a5f;
}

.contentMessages .messageBox:last-child {
	border-bottom: 1px solid #755a5f;
}

.contentMessages .messageBox .head {
	padding: 8px 0px;
	background: #bd9ba0;
	min-height: 20px;
	line-height: 20px;	
	cursor: pointer;
	
	font-size: 0px;
}

.contentMessages .messageBox .head:hover {
	background-color: #b49297;
}

.contentMessages .messageBox .head input[type="checkbox"] {
	position: relative;
	top: 2px;
	left: 3px;
	margin-right: 7px;
}

.contentMessages .messageBox.unreadMessage .head {
	font-family: OpenSansBold;
}

.contentMessages .messageBox .head .date {
	display: inline-block;
	vertical-align: top;
	width: 25%;
	font-size: 13px;
}

.contentMessages .messageBox .head .sender {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	font-size: 13px;
}

.contentMessages .messageBox .head .sender a {	
}

.contentMessages .messageBox .head .subject {
	display: inline-block;
	vertical-align: top;
	width: calc(45% - 5px);
	font-size: 13px;
	padding-right: 5px;
	text-align: right;
}

.contentMessages .messageBox .head .subject .messageSaved {
	margin-right: 10px;
}

.contentMessages .messageBox .messageContent {
	display: none;
	overflow: hidden;
	clear: both;
	border-top: 1px solid #755a5f;
}

.contentMessages .messageBox .messageContent .contentText {
	padding: 14px 5px 12px 5px;
	max-height: 300px;
	overflow: auto;
}

.contentMessages .messageBox .messageContent .contentFooter {
	padding: 6px 5px 6px 5px;
	border-top: 1px solid #777;
	background: #c7aeb2;
}

.contentMessages .messageBox .messageContent .contentFooter a {
	margin-right: 8px;
}

.contentMessages .messageBox .messageContent .adminNewsLink {
	display: inline-block;
}

.contentMessages .buttons {
	margin-top: 10px;
	text-align: center;
}

.contentMessages .buttons .space {
	height: 5px;
}

.contentMessages .messageNewsBox {
	margin: 0px auto;
	border-top: 1px solid #755a5f;
	border-left: 1px solid #755a5f;
	border-right: 1px solid #755a5f;
}

.contentMessages .messageNewsBox:last-child {
	border-bottom: 1px solid #755a5f;
}

.contentMessages .messageNewsBox .head {
	padding: 5px 0px;
	border-bottom: 1px solid #9b8a8d;
	background: #bd9ba0;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}

.contentMessages .messageNewsBox.unreadMessage .head {
	font-family: OpenSansBold;
}

.contentMessages .messageNewsBox .head .subject {
	display: inline-block;
	margin-left: 5px;
}

.contentMessages .messageNewsBox .head .date {
	display: inline-block;
	width: 300px;
	text-align: right;
	right: 5px;
	position: relative;
	margin: auto;
	float: right;
}

.contentMessages .messageNewsBox .messageContent {
	padding: 8px 0px 6px 5px;
	clear: both;
	display: none;
}

table.tableMessageConcepts {
}

table.tableMessageConcepts td {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.tableIgnoredPlayers {
	margin-top: 30px;
}

table.tableIgnoredPlayers td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.contentWriteMessage .writeMessageBox {
	width: 600px;
}

.contentWriteMessage .writeMessageBox .head {
	background-color: #bd9ba0;
	border-top: 2px solid #725b60;
	border-left: 2px solid #725b60;
	border-right: 2px solid #725b60;
	padding: 10px 0px;
}

.contentWriteMessage .writeMessageBox .body {
	padding-bottom: 6px;
}

.contentWriteMessage .writeMessageBox .body textarea {
	top: 0px;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 200px;
	min-height: 100px;
	padding: 3px;
}

.contentWriteMessage .letterCounter {
	margin-top: 4px;
	text-align: center;
}

.contentWriteMessage .buttons {
	margin-top: 15px;
	text-align: center;
}

.contentWriteMessage .buttons input[type="submit"] {
	margin: 0px 5px;
}

.contentCreateTribe {
}

.contentCreateTribe .createPrice {
	margin-left: 5px;
	margin-bottom: 20px;
}

.contentCreateTribe .insufficientResource {
	color: #b40000;
}

.contentTribeChangeDescription {
}

.contentTribeChangeDescription textarea {
	min-width: 50%;
	max-width: 100%;
	min-height: 100px;
	max-height: 500px;
}

.contentTribeChangeDescription .buttons {
	margin-top: 10px;
}

.contentTribeChangeDescription .buttons button {
	margin-left: 10px;
}

.buttonFacebookAuthenticationContainer {
	text-align: center;
	margin-bottom: 10px;
}

.buttonFacebookAuthentication {
	font-size: 18px;
	padding: 5px 15px !important;
}

.dialogDismantleItem {
}

.dialogDismantleItem .resources {
	margin-top: 5px;
	text-align: center;
}

.dialogDismantleItem .button {
	margin-top: 15px;
	text-align: center;
}

.dialogRemoveEnchantment {
}

.dialogRemoveEnchantment .button {
	margin-top: 25px;
	text-align: center;
}

.npcPreviewBoxQuestInfo {
	display: inline-block;
	position: absolute;
	top: 16px;
	right: 5px;
	font-size: 11px;
}

.contentTribePermissionDetails {
}

.contentTribePermissionDetails .buttons {
	margin-top: 10px;
	text-align: center;
}


.contentChangeCharacterType {
	padding-top: 5px !important;
	
	background-image: linear-gradient(150deg, rgba(186,164,166,1) 0%, rgba(206,184,186,1) 20%);
}

.contentChangeCharacterType .avatarsSelection {
	position: relative;
	margin: 0px auto;
	height: 350px;
	
	/*
	background: linear-gradient(90deg, rgba(206,184,186,1) 0%, rgba(190,168,170,1) 45%, rgba(190,168,170,1) 55%, rgba(206,184,186,1) 100%);
	*/
	
	/*
	background-image: linear-gradient(150deg, rgba(186,164,166,1) 0%, rgba(206,184,186,1) 20%);
	*/
}

.contentChangeCharacterType h2 {
	text-align: center;
	font-size: 30px;
	margin: 12px auto 0px auto;
	border-bottom: 2px solid #8a7060;
	width: 450px;
	padding-bottom: 2px;
}

.contentChangeCharacterType .avatarsSelection .arrow {
	position: absolute;
	top: 135px;
	font-size: 40px;
	color: #000;
	cursor: pointer;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.contentChangeCharacterType .avatarsSelection .arrow:hover {
	color: #222;
}

.contentChangeCharacterType .avatarsSelection .arrow:active {
	color: #444;
}

.contentChangeCharacterType .avatarsSelection .arrowLeft {
	left: 10px;
}

.contentChangeCharacterType .avatarsSelection .arrowRight {
	right: 10px;
}

.contentChangeCharacterType .avatarsSelection .avatar {
	position: absolute;
	
	background-repeat: no-repeat;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	
	background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-sice: 100%;
	-o-background-size: 100%;
}

.contentChangeCharacterType .avatarsSelection .avatar1 {
	top: 67px;
	left: 250px;
	border: 2px solid #755a52;
	width: 250px;
	height: 250px;
	z-index: 3;
	
	filter: drop-shadow(0px 1px 2px #111);
	-webkit-filter: drop-shadow(0px 1px 2px #111);
}

.contentChangeCharacterType .avatarsSelection .avatar2 {
	top: 88px;
	left: 100px;
	width: 120px;
	height: 120px;
	z-index: 1;
	opacity: 0.65;
	cursor: pointer;
	
	box-shadow: 0px 0px 7px #000;
	-webkit-box-shadow: 0px 0px 7px #000;
	-moz-box-shadow: 0px 0px 7px #000;
}

.contentChangeCharacterType .avatarsSelection .avatar3 {
	top: 50px;
	left: 237px;
	width: 50px;
	height: 50px;
	opacity: 0.25;
	
	box-shadow: 0px 0px 7px #000;
	-webkit-box-shadow: 0px 0px 7px #000;
	-moz-box-shadow: 0px 0px 7px #000;
}

.contentChangeCharacterType .avatarsSelection .avatar4 {
	top: 45px;
	left: 355px;
	width: 43px;
	height: 43px;
	opacity: 0.13;
	
	box-shadow: 0px 0px 4px #333;
	-webkit-box-shadow: 0px 0px 4px #333;
	-moz-box-shadow: 0px 0px 4px #333;
}

.contentChangeCharacterType .avatarsSelection .avatar5 {
	top: 50px;
	left: 467px;
	width: 50px;
	height: 50px;
	opacity: 0.25;
	
	box-shadow: 0px 0px 7px #000;
	-webkit-box-shadow: 0px 0px 7px #000;
	-moz-box-shadow: 0px 0px 7px #000;
}

.contentChangeCharacterType .avatarsSelection .avatar6 {
	top: 88px;
	left: 534px;
	width: 120px;
	height: 120px;
	z-index: 1;
	opacity: 0.65;
	cursor: pointer;
	
	box-shadow: 0px 0px 7px #000;
	-webkit-box-shadow: 0px 0px 7px #000;
	-moz-box-shadow: 0px 0px 7px #000;
}

.contentChangeCharacterType .descriptionArea {
	/* min-height: 350px; */
}

.contentChangeCharacterType .description {
	margin: 0px auto 0px auto;
	width: 600px;
	padding: 0px;
	font-size: 14px;
	background-color: #c2a9ac;
	border: 2px solid #755a52;
	border-radius: 5px;
	
	box-shadow: 0px 0px 2px 1px #9d968e;
	-webkit-box-shadow: 0px 0px 2px 1px #9d968e;
	-moz-box-shadow: 0px 0px 2px 1px #9d968e;
}

.contentChangeCharacterType .description .descriptionHeader {
	font-size: 0px;
	background-color: #b89fa2;
	border-bottom: 1px solid #755a52;
}

.contentChangeCharacterType .description .descriptionHeader a {
	display: inline-block;
	margin-top: 0px;
	padding: 10px 15px;
	font-size: 17px;
	color: #472920;
}

.contentChangeCharacterType .description .descriptionHeader a.active {
	text-decoration: underline;
}

.contentChangeCharacterType .description .descriptionContent {
	padding: 10px;
}

.contentChangeCharacterType .description .descriptionContent p {
	margin: 5px 0px;
}

.contentChangeCharacterType .description .descriptionContent .attributeSign {
	position: relative;
	top: 2px;
	margin-left: 2px;
	font-family: OpenSansBold;
}

.contentChangeCharacterType .description .descriptionContent .attributeSign svg {
	width: 12px;
	height: 12px;
}

.contentChangeCharacterType .description .descriptionContent .attributePlus {
	color: #008800;
}

.contentChangeCharacterType .description .descriptionContent .attributePlus svg {
	fill: #007700;
}

.contentChangeCharacterType .description .descriptionContent .attributeMinus {
	color: #990000;
}

.contentChangeCharacterType .description .descriptionContent .attributeMinus svg {
	fill: #990000;
}

.contentChangeCharacterType .description .descriptionContent .tabAttributes {
}

.contentChangeCharacterType .description .descriptionContent .tabAttributes .text {
	margin-left: 15px;
}

.contentChangeCharacterType .description .descriptionContent .tabArena {
}


.contentChangeCharacterType .description .descriptionContent .heading {
	margin: 20px 0px 5px 0px;
	font-size: 16px;
}

.contentChangeCharacterType .description .descriptionContent .heading:first-of-type {
	margin-top: 5px;
}

.contentChangeCharacterType .description .descriptionContent h3 {
	margin: 0px;
	text-align: center;
	font-size: 22px;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes {
	margin: 10px auto;
	width: 95%;
	border-spacing: 0px;
	border-collapse: collapse;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes th, .contentChangeCharacterType .description .descriptionContent table.tableAttributes td {
	border: 1px solid #755a52;
}

.contentChangeCharacterType .attributesSubInfo {
	text-align: center;
	font-size: 13px;
}

.contentChangeCharacterType .attributesSubInfo p:not(:first-of-type) {
	margin-top: 12px;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes th {
	position: relative;
	text-align: left;
	font-family: OpenSansBold;
	padding: 8px 5px;
	background-color: #b89fa2;
	font-size: 14px;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes tr td:nth-child(1) {
	text-align: right;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes tr td:nth-child(2) {
	text-align: left;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes td {
	background-color: #d6c5c7;
	padding: 4px 6px;
	width: 50%;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes td.attributeDescription {
	background-color: #d6c5c7;
	padding: 4px 6px;
	font-style: italic;
	text-align: center !important;
	font-size: 12px;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes .helpIcon {
	position: absolute;
	float: right;
	top: 4px;
	right: 6px;
	font-size: 15px;
	text-align: center;
	border-radius: 100%;
	border: 2px solid #755a52;
	cursor: pointer;
	padding: 2px 8px;
	margin-left: 5px;
	background-color: #a89093;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes tr.attributeUp td {
	background: #badec1;
}

.contentChangeCharacterType .description .descriptionContent table.tableAttributes tr.attributeDown td {
	background: #dea4a4;
}

.contentChangeCharacterType .spellSubInfo {
	margin-top: 10px;
	font-size: 12px;
}

.contentChangeCharacterType .buttons {
	margin-top: 20px;
	text-align: center;
}

.contentChangeCharacterType .insufficientLevel {
	font-size: 18px;
	text-align: center;
	color: #cc0000;
}

.contentChangeCharacterType .nextChangeTiming {
	margin-top: 10px;
}

.templeTreasureSingleButton {
	margin-top: 20px;
	text-align: center;
}

.stripTribeForumThread {
	position: relative;
}

.stripTribeForumThread .threadName {
	position: absolute;
	top: 0px;
	left: 8px;
	height: 45px;
	line-height: 45px;
	font-size: 15px;
}

.stripTribeForumThread .buttons {
	position: absolute;
	top: 5px;
	right: 10px;
}

.contentTribeForumThreadComment {
	margin-top: 1px;
	font-size: 12.5px;
	font-family: OpenSansSemibold;
}

.contentTribeForumThreadComment .head {
	height: 30px;
	width: 775px;
	
	font-size: 0px; /* to prevent space between player and date panel */
}

.contentTribeForumThreadComment .head .playerPanel {
	height: 100%;
	line-height: 30px;
	padding-left: 10px;
	font-size: 14px;
	
	border-top: 2px solid #111;
	border-right: 2px solid #111;
	border-bottom: 2px solid #111;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	color: #dfdfdf;
}

.contentTribeForumThreadComment .head .playerPanel .date {
	display: inline-block;
	padding-left: 10px;
}

.contentTribeForumThreadComment .head .playerPanel .anchor {
	float: right;
	margin-right: 15px;
}

.contentTribeForumThreadComment .comment {
	padding: 14px 10px;
}

.contentTribeForumThreadComment .comment .votes {
}

.contentTribeForumThreadComment .comment .votes a:hover {
	text-decoration: underline;
}

.tribeForumSelectedComment {
	background-color: #ad868e;
}

table.tableMarketFilter {
}

table.tableMarketFilter td {
	padding-right: 20px;
}

table.tableTribeLinks {
}

table.tableTribeLinks td {
	padding: 4px 5px 4px 8px;
}

table.tableTribeLinks tr:first-child td {
	padding-top: 12px;
}

table.tableTribeLinks tr:last-child td {
	padding-bottom: 8px;
}

table.tableWorkerDetail {
	width: 400px;
	margin: 10px auto 0px auto;
	border: 2px solid #222;
}

.contentItemDialog {
}

.contentItemDialog .buttons {
	width: 100%;
	text-align: center;
	margin: 10px 0px;
}

.contentItemDialog .buttons form, .contentItemDialog .buttons button {
	display: inline-block;
}

.activePotionsPanel {
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	background-color: #000;
}

.activePotionsPanel .itemSlot a {
	cursor: pointer;
}

.activePotionsPanel .potionSlot {
	/*
	position: relative;
	margin: 0px 3px;
	display: inline-block;
	width: 76px;
	height: 76px;
	*/
}

.activePotionsPanel .potionSlotClassic {
	
}

.activePotionsPanel .potionSlotHerb {
	
}

.activePotionsPanel .usedPotion {
	background-size: cover;
	-webkit-background-size: cover;
	-ms-background-sice: cover;
	-o-background-size: cover;
}

.activePotionsPanel .usedPotion a {
	display: block;
	width: 100%;
	height: 100%;
}

.activePotionsPanel .usedPotion .timer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 13px;
	color: #f2f2f2;
	text-align: center;
	font-family: OpenSansMedium;
	padding: 3px 0px;
	background-color: rgba(0, 0, 0, 0.75);
	letter-spacing: 0.5px;
}

.activePotionsPanel .usedPotion .potionStatus.high {
	
}

.activePotionsPanel .usedPotion .potionStatus.medium {
	color: #f79f1b;
}

.activePotionsPanel .usedPotion .potionStatus.low {
	color: #ff0066;
}

.activePotionsPanel .availablePotion {
}

.activePotionsPanel .availablePotion .text {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 76px;
	color: #888;
	font-size: 25px;
}

.activePotionsPanel .potionSilhouette {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url("../images/icons/potion_slot_silhouette.png");
}

.activePotionsPanelProfile {
}

.sliderEndDate {
	font-size: 11px;
}

table.tableSupportForm {
}

table.tableSupportForm th {
	text-align: left;
}

.contentFight {
	background-color: #2e293b !important;
	
	background: linear-gradient(180deg, rgba(35,30,47,1) 0%, rgba(46,41,59,1) 50%, rgba(35,30,47,1) 100%);
}

.contentFight .fightArea {
	min-height: 210px;
}

.contentFight .panelFighter {
	position: absolute;
	width: 170px;
	height: 170px;
	
	/* border: 1px solid red; */
}

.contentFight .panelAttacker {
	top: 15px;
	left: 7px;
}


.contentFight .panelDefender {
	top: 15px;
	left: 595px;
}

.contentFight .name {
	text-align: center;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	color: #e3e3e3;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	font-family: OpenSansSemibold;
	border-radius: 0px;
	border-top: 1px solid #111;
	border-right: 1px solid #111;
	border-left: 1px solid #111;
	border-bottom: 1px solid #222;
	height: 20px;
}

.contentFight .name.currentStep {
	color: gold;
}

.contentFight .nameLonger {
	font-size: 12px !important;
}

.contentFight .nameLong {
	line-height: 12px !important;
}

.contentFight .avatar {
	position: relative;
	width: 170px;
	height: 170px;
	background-repeat: no-repeat;
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
	
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
}

.contentFight .playerAvatar {
}

.contentFight .npcAvatar {
}

.contentFight .healthBar {
	position: relative;
	width: 166px;
	height: 17px;
	border: 2px solid #000;
	
	background: rgb(195,8,8);
	background: linear-gradient(90deg, rgba(195,8,8,1) 0%, rgba(231,46,46,1) 50%, rgba(240,56,56,0.8) 100%);
}

.contentFight .healthBar .fill {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
	background: rgb(33,138,6);
	background: linear-gradient(90deg, rgba(33,138,6,1) 0%, rgba(69,173,37,1) 50%, rgba(72,180,39,1) 100%);
}

.contentFight .healthBar .text {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 17px;
	line-height: 16px;
	text-align: center;
	font-family: OpenSansSemibold;
	font-size: 10pt;
	color: #dfdfdf;
	
	text-shadow:
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000;
}

.contentFight .panelFighter .playerMmr {
	margin-top: 10px;
	width: 160px;
	text-align: center;
	color: #eee;
	font-size: 12px;
}

.contentFight .panelFighter .playerRank {
	margin-top: 3px;
	font-size: 10px;
}

.contentFight .fightProgress {
	position: relative;
	top: 16px;
	left: 185px;
	width: 400px;
	min-height: 225px;
	background-color: #ceb8ba;
	
	/* border: 2px solid #222; */
	border: 1px solid #1b1529;
}

.contentFight .fightProgress .attackInfo {
	position: absolute;
	min-width: 220px;
	font-size: 14px;
	font-family: OpenSansSemibold;
	color: #f2f2f2;
	padding: 7px 10px;
	border-top: 2px solid #1b1529;
	border-bottom: 2px solid #1b1529;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.contentFight .fightProgress .attackInfo.criticalStrike {
	color: #ed4e4e;
}

.contentFight .fightProgress .attackInfo.blocking {
	color: #ccc;
}

.contentFight .fightProgress .attackInfo .text {
}

.contentFight .fightProgress .attackInfo .text.criticalStrike {
	font-size: 25px;
	/* color: #ed4e4e; */
}

.contentFight .fightProgress .attackInfo .text.blocking {
}

.contentFight .fightProgress .attackInfo .text.preciseHit {
}

.contentFight .fightProgress .attackInfo .icon {
	position: absolute;
	top: 0px;
	width: 30px;
	height: 30px;
}

.contentFight .fightProgress .attackInfo .icon.left {
	right: 2px;
}

.contentFight .fightProgress .attackInfo .icon.left img {
	right: 2px;
}

.contentFight .fightProgress .attackInfo .icon.right {
	left: 2px;
}

.contentFight .attackInfo .damageInfoText {
	margin-top: 3px;
	font-size: 12px;
}



.contentFight .fightProgress .attackInfoAttack1 {
	top: 20px;
	left: -1px;
	background-color: #262132;
	border-right: 2px solid #1b1529;
	text-align: right;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.contentFight .fightProgress .attackInfoResult1 {
	top: 100px;
	right: -1px;
	background-color: #282335;
	border-left: 2px solid #1b1529;
	padding-left: 15px;
}

.contentFight .fightProgress .attackInfoAttack2 {
	top: 20px;
	right: -1px;
	background-color: #262132;
	border-left: 2px solid #1b1529;
	text-align: left;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.contentFight .fightProgress .attackInfoResult2 {
	top: 100px;
	left: -1px;
	background-color: #282335;
	border-right: 2px solid #1b1529;
	text-align: right;
	padding-right: 15px;
}

.contentFight .fightProgress .damageInfo {
	position: absolute;
	font-size: 28px;
	color: #e3e3e3;
	
	right: 5px;
	bottom: 0px;
	color: #f45454;
	
	/*
	text-shadow:
   -2px -2px 0px #000,  
    2px -2px 0px #000,
    -2px 2px 0px #000,
     2px 2px 0px #000;
	*/
	
	text-shadow:
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000,
		0px 0px 2px #000;
}


.contentFight .attributes {
	position: absolute;
	top: 220px;
	width: 300px;
	
	/* border: 1px solid red; */
}
 
.contentFight .panelButtons {
	margin-top: 32px;
	margin-bottom: 18px;
	width: 100%;
	text-align: center;
}

.contentFight .panelButtons .buttonsSeparator {
	color: #ccc;
	font-size: 20px;
}

.contentFight .panelButtons .rightButtons {
	position: absolute;
	right: 10px;
}

.contentFight .attributesComparison {
	margin-top: 0px;
	text-align: center;
	width: 100%;
}

.contentFight .attributesComparison table {
	font-size: 12px;
}

.contentFight .attributesComparison table .attribute {
	color: #f2f2f2;
	width: 250px;
}

.contentFight .attributesComparison table .comparisonSeparator {
	border-right: 2px solid #ceb8ba;
}

.contentFight .attributesComparison table tr:nth-child(1) .attribute, .attributesComparison table tr:nth-child(1) td {
	border-top: 1px solid #ceb8ba;
}

.contentFight .attributesComparison table td {
	text-align: center;
	font-family: OpenSansBold;
}

.contentFight .attributesComparison table tr:not(:last-child) th, .contentFight .attributesComparison table tr:not(:last-child) td {
	border-bottom: 1px solid #ceb8ba;
}

.contentFight .winnerInfo {
	margin-top: 10px;
	width: 100%;
}

.contentFight .winnerInfo h4 {
	font-size: 20px;
	color: #222;
	margin: -5px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}

.contentFight .winnerInfo .winnerBox {
	margin: 5px auto;
	width: 300px;
	border: 2px solid #222;
}

.contentFight .winnerInfo .winnerBox .head {
	border-bottom: 2px solid #222;
	background-color: #2e293b;
	text-align: center;
	font-size: 18px;
	height: 22px;
	line-height: 22px;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
}

.contentFight .winnerInfo .winnerBoxSuccess .winnerName {
	color: #00ee00;
}

.contentFight .winnerInfo .winnerBoxFailure .winnerName {
	color: #ff0000;
}

.contentFight .winnerInfo .winnerBox .body {
	padding: 5px;
	font-size: 12px;
}

.contentFight .winnerInfo .winnerBox .body .resultText {
	margin-top: 20px;
	font-style: italic;
	font-size: 10px;
}

.contentFight .resultContainer {
	position: relative;
	top: 7px;
	min-height: 220px;
}

.contentFight .winner {
	margin: 0px auto;
	width: 350px;
	padding: 5px 0px;
	height: 25px;
	line-height: 25px;
	border: 2px solid #161616;
	text-align: center;
	font-size: 19px;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	
	color: #eee;
}

.contentFight .winnerSuccess {
	color: #00ee00;
	
	box-shadow: 0px 0px 8px 2px rgba(0, 120, 0, 1);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(0, 120, 0, 1);
	-moz-box-shadow: 0px 0px 8px 2px rgba(0, 120, 0, 1);
}

.contentFight .winnerFailure {
	color: #ff0000;
	
	box-shadow: 0px 0px 8px 2px rgba(180, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(180, 0, 0, 1);
	-moz-box-shadow: 0px 0px 8px 2px rgba(180, 0, 0, 1);
}

.contentFight .winnerDraw {
	color: #e3c268;
	
	box-shadow: 0px 0px 8px 2px rgba(117, 88, 6, 1);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(117, 88, 6, 1);
	-moz-box-shadow: 0px 0px 8px 2px rgba(117, 88, 6, 1);
}

.contentFight .drawText {
	margin-top: 30px;
}

.contentFight .rewardArea {
	margin: 15px auto 0px auto;
	width: 354px;
	min-height: 75px;
	font-size: 14px;
	text-align: center;
	font-family: OpenSansBold;
}

.contentFight .rewardRow {
	height: 25px;
	line-height: 25px;
}

.contentFight .rewardRowSmall {
	font-size: 10px;
}

.contentFight .rewardItem {
	margin: 10px 0px 17px 0px;
}

.contentFight .rewardMmr {
	position: absolute;
	top: 90px;
	text-align: left;
	font-size: 11px;
}

.contentFight .rewardMmr .mmrNumber {
	font-size: 17px;
}

.contentFight .rewardMmrAttacker {
	left: 3px;
	text-align: left;
}

.contentFight .rewardMmrDefender {
	right: 3px;
	text-align: right;
}

.contentFight .rewardMmrIncrease {
	color: #007700;
}

.contentFight .rewardMmrDecrease {
	color: #cc0000;
}

.contentFight .cannotGainRewardReason {
	margin-top: 20px;
	font-size: 13px;
}

.contentFight .resultText {
	position: relative;
	bottom: 3px;
	font-style: italic;
	font-size: 10px;
	width: 100%;
	text-align: center;
}


.contentFight .damageDealt {
	position: absolute;
	top: 110px;
	min-width: 160px;
	text-align: center;
	color: #ddd;
	font-size: 25px;
	font-family: OpenSansSemiBold;
	letter-spacing: 1.2;
	
	text-shadow:
		-2px -2px 0px #000,  
		2px -2px 0px #000,
		-2px 2px 0px #000,
		2px 2px 0px #000;	
}

.contentFight .damageDealt.criticalStrike {
	color: #ed4e4e;
}

.contentFight .damageDealt.evasion {
	color: #229100;
}

.contentFight .avatar .statusEffects {
	position: absolute;
	bottom: 4px;
	width: 100%;
	min-width: 160px;
	text-align: center;
	color: #e65a5a;
	background-color: rgba(0, 0, 0, 0.85);
	font-size: 13px;
	font-family: OpenSansSemiBold;
	letter-spacing: 1.2;
	padding-top: 3px;
	
	text-shadow:
		-2px -2px 0px #000,  
		2px -2px 0px #000,
		-2px 2px 0px #000,
		2px 2px 0px #000;	
}

.contentFight button.buttonFight, .contentFight a.buttonFight {
	padding: 6px 10px;
	font-size: 14px;
	border: 2px solid #1c1c1c;
}

.contentFight .repeatFightButtons {
	margin-bottom: 5px;
}


.contentDungeonOverview {
}

.contentDungeonNpcArea {
	position: relative;
	margin-top: -2px;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	
	border-top: 2px solid #222;
}

.contentDungeonNpcArea .tierChances {
	margin: 10px auto 0px auto;
	width: 230px;
}

.contentDungeonNpcArea .tierChances .tierChance {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size: contain;
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 8px;
}

.contentDungeonNpcArea .tierChances .tierChance .text {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	color: #e4e4e4;
	font-size: 10px;
	background-color: rgba(0, 0, 0, 0.60);
	padding: 2px 0px;
}

.contentDungeonNpcArea .tierChances .tierChance .text.unavailable {
	color: #ee0000;
}

.contentDungeonNpcArea .tierChances .tierChance.tier2 {
	background-image: url("../images/common/item_rarity_tier2.png");
}

.contentDungeonNpcArea .tierChances .tierChance.tier3 {
	background-image: url("../images/common/item_rarity_tier3.png");
}

.contentDungeonNpcArea .tierChances .tierChance.tier4 {
	background-image: url("../images/common/item_rarity_tier4.png");
}

.contentDungeonNpcArea .tierChances .tierChance.disabled {
	filter: grayscale(100%);
}

.contentDungeonNpcArea .npc {
	position: relative;
	width: 284px;
}

.contentDungeonNpcArea .npc .npcBackground {
	position: absolute;
	top: 33px;
	left: 40px;
	width: 230px;
	height: 230px;
	
	z-index: 1;
	
	background-image: url("../images/dungeon/npc_background.png");
}

.contentDungeonNpcArea .npc .npcAvatar {
	position: relative;
	margin: 0px auto 0px auto;
	width: 230px;
	height: 230px;
	
	background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-sice: 100%;
	-o-background-size: 100%;
	
	box-shadow: 0px 0px 4px 0px #000;
	-webkit-box-shadow: 0px 0px 4px 0px #000;
	-moz-box-shadow: 0px 0px 4px 0px #000;
}

.contentDungeonNpcArea .npc .npcShield {
	position: absolute;
	width: 284px;
	height: 308px;
	
	z-index: 3;
}

.contentDungeonNpcArea .npc .npcShieldSilver {
	background-image: url("../images/dungeon/npc_border_silver.png");
}

.contentDungeonNpcArea .npc .npcShieldGold {
	background-image: url("../images/dungeon/npc_border_gold.png");
}

.contentDungeonNpcArea .npc .cooldown {
	text-align: center;
	color: #fff;
	font-size: 12px;
	letter-spacing: 0.5;
}

.contentDungeonNpcArea .npc .cooldown .countdown {
	font-size: 15px;
}

.contentDungeonNpcArea .npcArea .avatar .npcAbility, .contentDungeonNpcArea .npcAvatar .npcAbility {
	position: absolute;
	right: -30px;
	width: 68px;
	height: 68px;
	background-image: url("../images/dungeon/ability_gold.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.contentDungeonNpcArea .npcArea .avatar .npcAbility.ability1, .contentDungeonNpcArea .npcAvatar .npcAbility.ability1 {
	bottom: 10px;
}

.contentDungeonNpcArea .npcArea .avatar .npcAbility.ability2, .contentDungeonNpcArea .npcAvatar .npcAbility.ability2 {
	bottom: 78px;
}

.contentDungeonNpcArea .npcArea .avatar .npcAbility.ability3, .contentDungeonNpcArea .npcAvatar .npcAbility.ability3 {
	bottom: 146px;
}

.contentDungeonNpcArea .notInLocationText {
	color: #dfdfdf;
}


.contentDungeonNpcFirstAttack {
	border-top: 2px solid #000;
}

.contentDungeonNpcFirstAttack .description {
	margin: 10px 0px;
	text-align: center;
}

.contentDungeonNpcFirstAttack .buttonShowNpc {
	/* margin-top: 30px; */
	text-align: center;
}

.contentDungeonNpcFirstAttack .npcArea {
	position: relative;
	margin-top: 10px;
}

.contentDungeonNpcFirstAttack .npcName {
	text-align: center;
	font-size: 24px;
	color: #ed919f;
	letter-spacing: 1.2;
	font-family: Coolvetica;
}

.contentDungeonNpcFirstAttack .npcArea .avatar {
	position: relative;
	margin: 2px auto;
	
	/*
	width: 224px;
	height: 232px;
	*/
	
	/*
	width: 257px;
	height: 266px;
	*/
	
	width: 300px;
	height: 300px;
	
	border-radius: 2px;
	
	box-shadow: 0px 0px 4px 0px #000;
	-webkit-box-shadow: 0px 0px 4px 0px #000;
	-moz-box-shadow: 0px 0px 4px 0px #000;
	
	/*
	background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-sice: 100%;
	-o-background-size: 100%;
	*/
}

.contentDungeonNpcFirstAttack .npcArea .avatar .avatarImage {
	position: absolute;
	top: 0px;
	left: 1px;
	width: 100%;
	height: 100%;
	
	background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-sice: 100%;
	-o-background-size: 100%;
}

.contentDungeonNpcFirstAttack .npcArea .avatarBoss, .contentDungeonDetail .npcArea .avatarBoss {
	/*
	box-shadow: 0px 0px 4px 0px #f7d20a;
	-webkit-box-shadow: 0px 0px 4px 0px #f7d20a;
	-moz-box-shadow: 0px 0px 4px 0px #f7d20a;
	*/
}

.contentDungeonNpcFirstAttack .npcArea .avatar .npcLevel {
	position: absolute;
	bottom: 3px;
	width: 100%;
	/* color: #ed919f; */
	color: #ddd;
	text-align: center;
	font-size: 14px;
}

.contentDungeonNpcFirstAttack .npcArea .buttons {
	margin-top: 20px;
	text-align: center;
}

.contentDungeonNpcFirstAttack .attackTimingText {
	margin-top: 20px;
	text-align: center;
	/* color: #e7cfcd; */
	color: #eee;
	font-size: 14px;
}

.contentDungeonNpcFirstAttack .tierChances {
	margin-top: 15px;
	width: 300px;
}

.tooltipDungeonNpcAbility {
	width: max-content;
	max-width: 400px;
	padding: 2px 5px;
}

.tooltipDungeonNpcAbility .heading {
	margin-top: 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	color: gold;
	font-family: OpenSansMedium;
}

.tooltipDungeonNpcAbility .separator {
	margin: 12px auto;
	height: 0px;
	border-bottom: 1px solid #525252;
}

.tooltipDungeonNpcAbility .description {
	margin-top: 10px;
	font-size: 13px;
	text-align: center;
	font-family: OpenSans;
}

.tooltipDungeonNpcAbility .abilityChance {
	margin-top: 10px;
	font-size: 13px;
	text-align: center;
	font-family: OpenSans;
}


.contentDungeonNpcArea .npc .npcName {
	font-size: 19px;
	color: #ed919f;
	letter-spacing: 1.2;
	text-align: center;
	
	font-family: Coolvetica;
}

/*
.contentDungeonNpcArea .npc .npcLevel {
	position: absolute;
	top: 38px;
	left: 14px;
	width: 60px;
	height: 58px;
	text-align: center;
	color: #e7cfcd;
	line-height: 58px;
	
	z-index: 4;
}
*/

.contentDungeonNpcArea .npcAvatar .avatarImage {
	position: absolute;
	top: 0px;
	left: 1px;
	width: 100%;
	height: 100%;
	
	background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-sice: 100%;
	-o-background-size: 100%;
}

.contentDungeonNpcArea .npcAvatar .npcLevel {
	position: absolute;
	bottom: 3px;
	width: 100%;
	color: #ed919f;
	text-align: center;
	font-size: 15px;
}

.contentDungeonNpcArea .npc .npcLevel.textBig {
	font-size: 35px;
}

.contentDungeonNpcArea .npc .npcLevel.textSmall {
	font-size: 25px;
}

/*
.contentDungeonNpcArea .npcInfo {
	margin: 10px auto;
	text-align: center;
}
*/

.contentDungeonNpcArea .attacksCount {
	margin: 10px auto;
	font-size: 12px;
	color: #f2f2f2;
	text-align: center;
}

.contentDungeonNpcArea .specializationBonusText {
	color: #00c400;
}

.contentDungeonNpcArea .rightSide {
	position: absolute;
	top: 15px;
	left: 302px;
	width: 455px;
	height: 260px;
}

.contentDungeonNpcArea .rightSide .tabs {
}

.contentDungeonNpcArea .rightSide .tabs a {
	color: #ed919f;
	font-size: 16px;
	margin-right: 20px;
}

.contentDungeonNpcArea .rightSide .tabs a:hover {
	text-decoration: none;
}

.contentDungeonNpcArea .rightSide .tabs a.active {
	border-bottom: 1px solid #ed919f;
}

.contentDungeonNpcArea .npcDescription, .contentDungeonNpcArea .npcStatistics {
	margin-top: 10px;
	height: 200px;
	border: 2px solid #222;
	background-color: #d3bec1;
	padding: 10px 10px;
	font-size: 14px;
	color: #000;
}

.contentDungeonNpcArea .tabContent {
	margin-top: 10px;
	border: 2px solid #222;
}

.contentDungeonNpcArea .npcAttributes table {
	width: 100%;
}

.contentDungeonNpcArea .npcAttributes table td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.contentDungeonNpcArea .npcAttributes table td.attributeName {
	padding-left: 10px;
	width: 70%;
}

.contentDungeonNpcArea .npcAttributes table td.lastAttribute {
	border-bottom: 3px solid #b49096;
}

.contentDungeonNpcArea .npcAttributes table td.attributeValue {
	text-align: center;
	padding-left: 10px;
	width: 30%;
}

.contentDungeonNpcArea .npcAttributes table td.attributeValue .hintText {
	border-bottom: 1px dashed #000;
	padding-bottom: 1px;
	cursor: help;
}

.contentDungeonNpcArea .npcAttributes table td.extendedAttributes {
	padding: 0px 10px;
	text-align: center;
	font-size: 0px;
	
	background-color: #d3bec1;
}

.contentDungeonNpcArea .npcAttributes table td.extendedAttributes .attribute {
	display: inline-block;
	margin: 0px 15px;
	font-size: 12px;
}

.contentDungeonNpcArea .npcFights {
	max-height: 275px;
	overflow-y: auto;
}

.contentDungeonNpcArea .npcFights::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background: none;
}

.contentDungeonNpcArea .npcFights::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.25);
    border-radius: 3px;
}

.contentDungeonNpcArea .npcFights::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.35);
}

.contentDungeonNpcArea .npcFights table {
	width: 100%;
}

.contentDungeonNpcArea .npcFights table th, .contentDungeonNpcArea .npcFights table td {
	padding: 8px;
}

.contentDungeonNpcArea .npcFights table th {
	text-align: left;
}

.contentDungeonNpcArea .npcFights table td.win a {
	color: #006c00;
}

.contentDungeonNpcArea .npcFights table td.lose a {
	color: #bb0000;
}

.contentDungeonNpcArea .tabContentEmpty {
	background-color: #d3bec1;
	padding: 10px;
}

.contentDungeonNpcArea .attackButtons {
	margin-top: 20px;
	text-align: center;
}

.contentDungeonNpcArea .attackButtons a.attackButton, .contentDungeonNpcFirstAttack a.attackButton {
	margin: 0px 5px;
	padding: 4px 8px;
	border: 2px solid #140c21;
	border-radius: 6px;
	text-decoration: none;
	color: #f2e8ea !important;
	font-size: 17px;
	
	display: inline-block;
	height: 29px;
	line-height: 29px;
	
	letter-spacing: 0.75;
	
	background-image: url("../images/dungeon/attack_button_middle2.png");
    background-repeat: repeat-x;
	
	text-shadow:
	   -1px -1px 0px rgba(110, 0, 0, 0.5),  
		1px -1px 0px rgba(110, 0, 0, 0.5),
		-1px 1px 0px rgba(110, 0, 0, 0.5),
		 1px 1px 0px rgba(110, 0, 0, 0.5);
	
	cursor: pointer;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.contentDungeonNpcArea .attackButtons a.attackButton:not(.disabled):active, .contentDungeonNpcFirstAttack a.attackButton:not(.disabled):active {
	position: relative;
	top: 1px;
}

.contentDungeonNpcArea .attackButtons a.attackButton:not(.disabled):hover, .contentDungeonNpcFirstAttack a.attackButton:not(.disabled):hover {
	text-decoration: none !important;
	background-image: url("../images/dungeon/attack_button_middle2_hover.png");
}

.contentDungeonNpcArea .attackButtons .iconFight, .contentDungeonNpcFirstAttack .buttons .iconFight {
	position: relative;
	top: 1px;
	vertical-align: top;
	width: 27px;
	height: 27px;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}


tr.fightReportMarked td {
	background-color: #e8dadc;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	
	padding-top: 4px;
}

.checkboxMark {
	width: 15px;
	height: 15px;
}

.contentPotionPreparations {
}

.contentPotionPreparations .potionPreparationBox {
	display: inline-block;
	margin: 10px 20px;
	width: 200px;
	border: 2px solid #756e6f;
}

.contentPotionPreparations .potionPreparationBox .preparationBoxContent {
	margin: 5px;
	text-align: center;
}

.contentPotionPreparations .potionPreparationBox .preparationBoxContent a {
	margin-top: 4px;
}


.contentPotionPreparations {
	text-align: center;
}

.contentPotionPreparations .infoBox {
	width: 180px;
	margin: 5px 4px;
}

.contentPotionPreparations .infoBox .head {
	font-size: 14px;
}

.contentPotionPreparations .infoBox .detail {
	text-align: center;
	height: 100px;
	font-size: 14px;
	padding-top: 15px;
}

.contentPotionPreparations .infoBox .detail .button {
	margin-top: 20px;
}

.contentPotionPreparations .infoBox .detail a {
	margin-top: 3px;
}

.contentPotionPreparations .infoBox .detail input[type="text"] {
	margin: 5px 0px;
	width: 85%;
	font-size: 14px;
	padding: 2px 2px;
}

.contentPotionPreparations .infoBox .detail button {
	margin-top: 5px;
}

.contentPotionPreparations .infoBox .footer {
	text-align: center;
	padding: 4px 0px;
	font-size: 14px;
}


.contentPotionPreparationDetail {
}

.contentPotionPreparationDetail .slots {
	margin: 10px auto 0px auto;
	width: 750px;
	height: 120px;
}

.contentPotionPreparationDetail .slots .slotContainer {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	height: 50px;
	margin: 0px 10px;
}

.contentPotionPreparationDetail .slots .slotContainer .slotHeading {
	text-align: center;
	font-size: 15px;
}

.contentPotionPreparationDetail .slots .slotContainer .slotDrop {
	position: relative;
	margin: 10px auto 0px auto;
	width: 80px;
	height: 80px;
	background-color: #c2a9ac;
	border: 2px solid #755a52;	
}

.contentPotionPreparationDetail .slots .slotContainer .slotDrop .potionPreviewImage {
	background-image: url("../images/items/herbPotion/1.png");
}

.contentPotionPreparationDetail .slots .slotContainer .slotDrop .potionPreviewImageInactive {
	opacity: 0.5;
}

.contentPotionPreparationDetail .slots .slotContainer .infoBoxDisabled {
	border-color: #a1877f;
}

.infoBoxHoverValid {
	background: #6acc6a !important;
}

.infoBoxHoverInvalid {
	background: #cf4444 !important;
}

.contentPotionPreparationDetail .slots .slotContainer .selectedSlot {
}
	
.contentPotionPreparationDetail .slots .slotContainer .slotDrop .itemSlot {
	margin: 0px;
	border: none;
	width: 80px;
	height: 80px;
}
	
.contentPotionPreparationDetail .tableArea {
	margin: 0px auto;
	width: 70%;
	border: 2px solid #755a52;
	background-color: #c2a9ac;
	padding: 5px 10px;
	
	box-shadow: 2px 2px 2px #9d968e;
	-webkit-box-shadow: 2px 2px 2px #9d968e;
	-moz-box-shadow: 2px 2px 2px #9d968e;
}
	
.contentPotionPreparationDetail .tableArea table {
	margin: 0px auto;
	width: 100%;
}
	
.contentPotionPreparationDetail .tableArea table th {
	text-align: left;
}
	
.contentPotionPreparationDetail .tableArea table th, .contentPotionPreparationDetail .tableArea table td {
	padding: 6px 0px;
	border-bottom: 1px solid #938c84;
}
	
.contentPotionPreparationDetail .slotDrop .ajaxLoaderArea {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
}

@keyframes item-slot-spinner-border {
	to {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes item-slot-spinner-border {
	to {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
	}
}
	
.contentPotionPreparationDetail .ajaxLoader {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: 0.25em solid #333;
	border-right-color: transparent;
	border-radius: 50%;
	
	animation: item-slot-spinner-border 0.75s linear infinite;
	-webkit-animation: item-slot-spinner-border 0.75s linear infinite;
}

.contentPotionPreparationDetail .buttons {
	margin: 20px auto 0px auto;
	padding: 10px 10px;
	background-color: #b8a0a3;
	border: 2px solid #755a52;
	width: 320px;
	height: 35px;
}

.contentPotionPreparationDetail .buttons .leftButton {
	float: left;
}

.contentPotionPreparationDetail .buttons .separator {
	font-size: 23px;
	color: #755a52;
}

.contentPotionPreparationDetail .buttons .rightButton {
	float: right;
}


.tooltipPotionPreparationPreview {
}

.tooltipPotionPreparationPreview .noFightsCount {
	color: #ff1c1c !important;
	text-shadow: 0px 0px 1px #cc0000;
}


.contentArenaFight {
}

.contentArenaFight .formFindPlayer {
}

.contentArenaFight .formFindPlayer input[type="text"] {
	margin-left: 3px;
	font-size: 16px;
}

.contentArenaFight .attackArea {
	margin-top: 30px;
	margin-bottom: 10px;
	text-align: center;
}

.contentArenaFight .notEnoughEnergyLinks {
	margin-top: 7px;
}

.contentArenaFight .playerMmr {
	margin-top: 10px;
	text-align: center;
	font-size: 20px;
}

.contentArenaFight .opponents {
	margin: 15px 0px;
	text-align: center;
}

.contentArenaFight .rankedPlayerBox {
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px;
	width: 190px;
}

.contentArenaFight .rankedPlayerBox .avatar {
	position: relative;
	width: 190px;
	height: 190px;
	
	background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-sice: 100%;
	-o-background-size: 100%;
}

.contentArenaFight .rankedPlayerBox .avatar .playerName {
	position: absolute;
	bottom: 2px;
	width: 100%;
	color: #f2f2f2;
	font-size: 15px;
}

.contentArenaFight .rankedPlayerBox .attributes {
	width: 190px;
}

.contentArenaFight .rankedPlayerBox .attributes table {
	width: 100%;
	font-size: 12px;
	border-left: 1px solid #222;
	border-right: 1px solid #222;
	border-bottom: 1px solid #222;
}

.contentArenaFight .rankedPlayerBox .attributes table tr td {
	padding: 3px;
	width: 50%;
}

.contentArenaFight .rankedPlayerBox .attributes table tr td:nth-child(1) {
	text-align: left;
}

.contentArenaFight .rankedPlayerBox .attributes table tr td:nth-child(2) {
	text-align: right;
}

.contentArenaFight .rankedPlayerBox .attackButton {
	margin-top: 12px;
	width: 100%;
	text-align: center;
}

.contentArenaFight .rankedPlayerBox .attackButton a {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
	padding-right: 13px;
}

.contentArenaFight .opponentsSelection {
	margin-top: 30px;
	text-align: center;
}

.contentArenaFight .arenaReward {
	margin-top: 40px;
	text-align: center;
}

.contentArenaFight .arenaReward .heading {
	font-size: 18px;
	font-family: OpenSansSemibold;
}

.contentArenaFight .arenaReward .rewardContent {
	margin: 15px auto 15px auto;
	
	background-color: #c2a9ac;
	border: 2px solid #755a52;
	padding: 10px;
	width: max-content;
}

.contentArenaFight .searchError {
	text-align: center;
	color: #c40000;
	font-family: OpenSansSemibold;
}

.contentArenaFight .specificOpponent {
	margin-top: 50px;
	text-align: center;
}

.contentArenaFight .specificOpponent form {
}

.contentArenaFight .specificOpponent label {
	display: block;
}

.contentArenaFight .specificOpponent input[type="text"] {
	margin-top: 5px;
	margin-right: 3px;
	font-size: 16px;
}


.contentBonusesArena .rankedArenaReward {
	text-align: center;
	border: 2px solid #111;
	width: 700px;
	margin: 0px auto;
	background-color: #c7aeb2;
}

.contentBonusesArena .rankedArenaReward .rewardHeading {
	font-size: 16px;
	border-bottom: 2px solid #111;
	background-color: #2c2937;
	padding: 7px 0px 7px 0px;
	color: #dfdfdf;
}

.contentBonusesArena .rankedArenaReward .rewardContent {
	margin: 5px 0px;
	font-size: 20px;
	padding: 10px;
}

.contentBonusesArena .rankedArenaReward .rewardButton {
	margin-top: 10px;
	margin-bottom: 10px;
}

.contentBonusesArena .rankedArenaRewardDetails {
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
	font-family: OpenSansSemibold;
}

.contentBonusesArena .lastFights {
	margin-top: 30px;
	margin-bottom: 5px;
	text-align: center;
}

.contentBonusesArena .lastFights h2 {
	font-size: 18px;
}

.contentBonusesArena table.tableLastFights {
	margin: 0px auto;
	min-width: 500px;
	max-width: 700px;
	border: 1px solid #222;
}

.contentBonusesArena table.tableLastFights th, .contentBonusesArena table.tableLastFights td {
	padding: 7px;
	font-size: 13px;
}

.contentBonusesArena table.tableLastFights td.cellMmrGained {
	color: #006600;
	text-shadow: 0px 0px 0px #009900;
}

.contentBonusesArena table.tableLastFights td.cellMmrLost {
	color: #cc0000;
	text-shadow: 0px 0px 0px #660000;
}


.arenaPlayerSearch {
	position: relative;
	width: 100%;
	height: 385px;
	background-color: #312d3c;
	padding: 5px;
	border-top: 2px solid #222;
	border-bottom: 2px solid #222;
}

.arenaPlayerSearch .playerInfo {
	position: absolute;
	top: 31px;
	left: 10px;
}

.arenaPlayerSearch .playerInfo .playerAvatar {
	
}

.arenaPlayerSearch .playerInfo .name {
	margin-bottom: 5px;
	text-align: center;
	color: #e4e4e4;
	font-size: 14px;
	font-family: OpenSansSemibold;
}

.arenaPlayerSearch .playerInfo .avatar {
	width: 160px;
	height: 160px;
	background-repeat: no-repeat;
	
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
	
	background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-sice: 100%;
	-o-background-size: 100%;
}

.arenaPlayerSearch .playerInfo .playerAvatar {
}

.arenaPlayerSearch .playerInfo .playerLevel {
	margin-top: 8px;
	width: 160px;
	text-align: center;
	color: #e4e4e4;
	font-size: 13.5px;
	font-family: OpenSansSemibold;
}

.arenaPlayerSearch .attributesComparison {
	position: absolute;
	left: 200px;
	width: 550px;
}

.arenaPlayerSearch .attributesComparison table {
	font-size: 12px;
	width: 100%;
}

.arenaPlayerSearch .attributesComparison table .attribute {
	color: #e4e4e4;
	width: 160px;
}

.arenaPlayerSearch .attributesComparison table .comparisonSeparator {
	border-right: 2px solid #ceb8ba;
}

.arenaPlayerSearch .attributesComparison table th.attributesHeading {
	font-size: 13px;
	color: #e4e4e4;
	padding-bottom: 8px;
}

.arenaPlayerSearch .attributesComparison table tr:nth-child(1) .attribute, .arenaPlayerSearch .attributesComparison table tr:nth-child(1) td {
	border-top: 1px solid #ceb8ba;
}

.arenaPlayerSearch .attributesComparison table tr:nth-child(even) td {
	background-color: #d3bec1;
}

.arenaPlayerSearch .attributesComparison table tr:nth-child(odd) td {
	background-color: #c7aeb2;
}

.arenaPlayerSearch .attributesComparison table td {
	text-align: center;
	font-family: OpenSansBold;
}

.arenaPlayerSearch .attributesComparison table tr th, .arenaPlayerSearch .attributesComparison table tr td {
	padding: 4px 0px 3px 0px;
	border-bottom: 1px solid #ceb8ba;
}

.arenaPlayerSearch .attackButton {
	margin-top: 13px;
	text-align: center;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.arenaPlayerSearch .attackButton a {
	margin: 0px 5px;
	padding: 4px 12px;
	border: 2px solid #140c21;
	border-radius: 6px;
	text-decoration: none;
	color: #f2e8ea !important;
	font-size: 15px;
	font-family: OpenSansSemibold;
	
	display: inline-block;
	height: 25px;
	line-height: 27px;
	
	letter-spacing: 0.75;
	
	background-image: url("../images/dungeon/attack_button_middle2.png");
    background-repeat: repeat-x;
	
	text-shadow:
	   -1px -1px 0px rgba(80, 0, 0, 0.5),  
		1px -1px 0px rgba(80, 0, 0, 0.5),
		-1px 1px 0px rgba(80, 0, 0, 0.5),
		 1px 1px 0px rgba(80, 0, 0, 0.5);
	
	cursor: pointer;
}

.arenaPlayerSearch .attackButton a:hover {
	text-decoration: none !important;
	background-image: url("../images/dungeon/attack_button_middle2_hover.png");
}

.arenaPlayerSearch a:active {
	opacity: 0.5;
}

.arenaPlayerSearch .error {
	margin-top: 20px;
	text-align: center;
	color: #f40000;
	font-family: OpenSansSemibold;
}


.contentExpeditionFightInfo {
}

.contentExpeditionFightInfo .infoItem {
	margin: 20px 0px;
	text-align: center;
}

.contentExpeditionFightInfo .infoItem:first-child {
	margin-top: 0px;
}

.contentExpeditionFightInfo .infoItem:last-child {
	margin-bottom: 0px;
}

.contentExpeditionFightInfo .infoItemWeekendEvent {
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	font-size: 16px;
	border-bottom: 1px dashed #000;
}

.contentExpeditionFightInfo a.linkRefillEnergy {
	margin-top: 7px;
}

.contentExpeditionFightInfo .buttonsChangeAttackPossibilities {
	margin-top: 20px;
	/* text-align: center; */
	text-align: right;
}

.contentExpeditionFightInfo .buttonsChangeAttackPossibilities .darkButton {
	padding-top: 5px;
	padding-bottom: 5px;
}


.contentExpeditionFight {
	padding: 0px !important;
}

.contentExpeditionFight .attackContainer {
	position: relative;
	/* margin-top: 10px; */
	
	height: 282px;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	
	border-top: 2px solid #111;
}

.contentExpeditionFight .attackContainer .npcArea {
	position: absolute;
	top: 0px;
	left: 7px;
	width: 166px;
}

.contentExpeditionFight .attackContainer .npcArea .npcName {
	text-align: center;
	font-size: 18px;
	color: #ed919f;
	letter-spacing: 1.2;
	padding: 9px 0px 9px 0px;
	font-family: Coolvetica;
}

.contentExpeditionFight .attackContainer .npcArea .npcAvatar {
	width: 170px;
	height: 170px;
	background-color: rgba(0, 0, 0, 1);
	border: 1px solid #222;
	border-radius: 2px;
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
	
	box-shadow: 0px 0px 2px #111;
	-webkit-box-shadow: 0px 0px 2px #111;
	-moz-box-shadow: 0px 0px 2px #111;
}

.contentExpeditionFight .attackContainer .npcArea .bonuses {
	margin-top: 8px;
	text-align: center;
}

.contentExpeditionFight .attackContainer .npcArea .bonuses .expeditionHostileNpcBar {
	position: relative;
	display: inline-block;
	float: left;
	margin: 2px auto;
	width: 75%;
	height: 12px;
	border: 1px solid #2c2c2c;
	background-color: rgba(10, 10, 10, 1);
}

.contentExpeditionFight .attackContainer .npcArea .bonuses .expeditionHostileNpcBar .fill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}

.contentExpeditionFight .attackContainer .npcArea .bonuses .expeditionHostileNpcBar:hover {
	border: 1px solid #444;
	box-shadow: 0px 0px 3px 2px rgba(80, 80, 80, 0.5);
	-webkit-box-shadow: 0px 0px 3px 2px rgba(80, 80, 80, 0.5);
	-moz-box-shadow: 0px 0px 3px 2px rgba(80, 80, 80, 0.5);
}

.contentExpeditionFight .attackContainer .npcArea .bonuses .expeditionHostileNpcBar.barResources .fill {
	background-color: #2764b0; /* #105cc2 */
}

.contentExpeditionFight .attackContainer .npcArea .bonuses .expeditionHostileNpcBar.barExperience .fill {
	background-color: #a8900d; /* #b89c00 */
}

.contentExpeditionFight .attackContainer .npcArea .bonuses .expeditionHostileNpcBar.barChanceItemDrop .fill {
	background-color: #187309; /* #188507 */
}

.contentExpeditionFight .attackContainer .npcArea .bonuses .expeditionHostileNpcBar.inactive .fill {
	background: rgb(75,74,74);
	background: -moz-linear-gradient(90deg, rgba(75,74,74,1) 0%, rgba(98,98,98,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(75,74,74,1) 0%, rgba(98,98,98,1) 100%);
	background: linear-gradient(90deg, rgba(75,74,74,1) 0%, rgba(98,98,98,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b4a4a",endColorstr="#626262",GradientType=1);

	border-right: 1px solid #444;
}

.contentExpeditionFight .attackContainer .npcArea .bonuses .percentsText {
	display: inline-block;
	float: right;
	font-size: 10px;
	color: #d9bfbd;
}

.contentExpeditionFight .attackContainer .npcArea .bonuses .percentsTextComplete {
	color: #00aa00;
}


.contentExpeditionFight .attackContainer .attackArea {
	position: absolute;
	top: 0px;
	left: 172px;
	
	height: 300px;
	margin: 0px;
	
	width: 600px;
	/* background: yellow; */
	
	font-size: 0px;
}

.contentExpeditionFight .attackArea .attackPossibility {
	display: inline-block;
	vertical-align: top;
	margin-top: 12px;
	width: 33%;
	color: #e7cfcd;
	height: 85%;
}

.contentExpeditionFight .attackArea .attackPossibility:not(:last-child) {
	border-right: 1px solid #141414;
}
		
.contentExpeditionFight .attackArea .attackPossibility .name {
	text-align: center;
	font-size: 14px;
	
	color: #ed919f;
}

.contentExpeditionFight .attackArea .attackPossibility .info {
	margin-top: 10px;
	font-size: 12px;
	height: 140px;
}

.contentExpeditionFight .attackArea .attackPossibility .info .energyCost {
	margin-bottom: 15px;
	font-size: 12px;
}

.contentExpeditionFight .attackArea .attackPossibility .energy {
	height: 32px;
}

.contentExpeditionFight .attackArea .attackPossibility .energy .energyBar {
	position: relative;
	margin: 2px auto;
	width: 170px;
	height: 7px;
	border: 2px solid #161616;
	background-color: rgba(10, 10, 10, 1);
}

.contentExpeditionFight .attackArea .attackPossibility .energy .energyBar .fill {
	position: absolute;
	top: 0px;
	height: 100%;
}

.contentExpeditionFight .attackArea .attackPossibility .energy .energyBar .fill.remainingEnergy {
	background-color: #12368a;
}

.contentExpeditionFight .attackArea .attackPossibility .energy .energyBar .fill.decreasedEnergy {
	/* background-color: #006600; */
	background-color: #962330;
	
	/* border-right: 1px solid gold; */
	/* border-left: 1px solid #1f497d; */
	border-left: 1px solid #000044;
	
	/* border-right: 1px solid #004400; */
	border-right: 1px solid #220000;
}
				
.contentExpeditionFight .attackArea .attackPossibility .energy .text {
	margin-top: 3px;
	font-size: 11px;
}

.contentExpeditionFight .attackArea .attackPossibility .unavailable {
	margin: 0px auto;
	width: 80%;
}

.contentExpeditionFight .attackContainer .attackArea .attackButton {
	margin-top: 20px;
	text-align: center;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.contentExpeditionFight .attackContainer .attackArea .attackButton a {
	margin: 0px 5px;
	padding: 4px 12px;
	border: 2px solid #140c21;
	border-radius: 6px;
	text-decoration: none;
	color: #f2e8ea !important;
	font-size: 15px;
	
	display: inline-block;
	height: 25px;
	line-height: 27px;
	
	letter-spacing: 0.75;
	
	background-image: url("../images/dungeon/attack_button_middle2.png");
    background-repeat: repeat-x;
	
	text-shadow:
	   -1px -1px 0px rgba(80, 0, 0, 0.5),  
		1px -1px 0px rgba(80, 0, 0, 0.5),
		-1px 1px 0px rgba(80, 0, 0, 0.5),
		 1px 1px 0px rgba(80, 0, 0, 0.5);
	
	cursor: pointer;
}

.contentExpeditionFight .attackContainer .attackArea .attackButton a:not(.disabled):hover {
	text-decoration: none !important;
	background-image: url("../images/dungeon/attack_button_middle2_hover.png");
}

.contentExpeditionFight .attackContainer .attackArea .attackButton a:active {
	background-image: url("../images/dungeon/attack_button_middle2.png") !important;
	opacity: 0.8;
}

.contentExpeditionFight .attackContainer .attackArea .attackButton.ajaxProcessing {
	opacity: 0.8;
}

.contentExpeditionFight .attackContainer .attackArea .attackButton .text {
	line-height: 38px;
}

.contentExpeditionFight .premiumHighlightText {
	color: #00aa00;
}




.contentExpeditionFight2 {
}

.contentExpeditionFight2 .expeditionHostileNpcBar {
	position: relative;
	margin: 4px auto;
	width: 100px;
	height: 10px;
	border: 1px solid #222;
	
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
}

.contentExpeditionFight2 .expeditionHostileNpcBar .fill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}

.contentExpeditionFight2 .expeditionHostileNpcBar:hover {
	border: 1px solid #444;
	
	box-shadow: 0px 0px 4px 3px rgba(255, 255, 255, 0.35);
	-webkit-box-shadow: 0px 0px 4px 3px rgba(255, 255, 255, 0.35);
	-moz-box-shadow: 0px 0px 4px 3px rgba(255, 255, 255, 0.35);
}

.contentExpeditionFight2 .expeditionHostileNpcBar.barResources .fill {
	background: rgb(21,48,242);
	background: -moz-linear-gradient(90deg, rgba(21,48,242,1) 0%, rgba(52,77,254,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(21,48,242,1) 0%, rgba(52,77,254,1) 100%);
	background: linear-gradient(90deg, rgba(21,48,242,1) 0%, rgba(52,77,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1530f2",endColorstr="#344dfe",GradientType=1);

	border-right: 1px solid #0000ff;
}

.contentExpeditionFight2 .expeditionHostileNpcBar.barExperience .fill {
	background: rgb(217,188,22);
	background: -moz-linear-gradient(90deg, rgba(217,188,22,1) 0%, rgba(242,207,6,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(217,188,22,1) 0%, rgba(242,207,6,1) 100%);
	background: linear-gradient(90deg, rgba(217,188,22,1) 0%, rgba(242,207,6,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d9bc16",endColorstr="#f2cf06",GradientType=1);

	border-right: 1px solid #ad950c;
}

.contentExpeditionFight2 .expeditionHostileNpcBar.barChanceItemDrop .fill {
	background: rgb(21,152,0);
	background: -moz-linear-gradient(90deg, rgba(21,152,0,1) 0%, rgba(16,187,0,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(21,152,0,1) 0%, rgba(16,187,0,1) 100%);
	background: linear-gradient(90deg, rgba(21,152,0,1) 0%, rgba(16,187,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#159800",endColorstr="#10bb00",GradientType=1);

	border-right: 1px solid #009900;
}

.contentExpeditionFight2 .expeditionHostileNpcBar.inactive .fill {
	background: rgb(75,74,74);
	background: -moz-linear-gradient(90deg, rgba(75,74,74,1) 0%, rgba(98,98,98,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(75,74,74,1) 0%, rgba(98,98,98,1) 100%);
	background: linear-gradient(90deg, rgba(75,74,74,1) 0%, rgba(98,98,98,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b4a4a",endColorstr="#626262",GradientType=1);

	border-right: 1px solid #444;
}

.contentExpeditionFight .attackPriceGold {
	display: inline-block;
	margin-right: 10px;
}

.contentExpeditionFight .attackArea {
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
}

.contentExpeditionFight .notEnoughEnergyLinks {
	margin-top: 30px;
}

.contentExpeditionFight .notEnoughEnergyText {
	margin-top: 20px;
	font-size: 11px;
}

.contentExpeditionFight .infoBox .footer {
	position: relative;
	height: 31px;
}

.contentExpeditionFight .infoBox .footer .text {
	position: absolute;
	top: 12px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
}

.contentExpeditionFight .infoBox .footer .textButton {
	position: absolute;
	top: 5px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
}

.contentExpeditionFight .infoBox .footer .textStatic {
	position: absolute;
	top: 15px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
}

.contentExpeditionFight .npcSection {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	width: 160px;
}

.contentExpeditionFight .npcBox {
	width: 160px;
	border: 2px solid #222;
	cursor: pointer;
}

.contentExpeditionFight .npcBox .boxHeading {
	text-align: center;
	width: 100%;
	border-bottom: 2px solid #222;
	padding: 6px 0px;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	color: #dfdfdf;
	font-size: 14px;
	font-family: OpenSansSemibold;
	border-radius: 0px;
	border-bottom: 2px solid #000;
}


.contentExpeditionFight .npcBox .avatar {
	width: 100%;
	height: 143px;
}

.contentExpeditionFight .npcBox .info {
	position: relative;
	border-top: 2px solid #222;
	padding: 2px;
	font-size: 11px;
	background-color: #b49096;
	height: 45px;
}

.contentExpeditionFight .npcBox .info .details {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 2px 0px;
}

.contentExpeditionFight .avatarShade {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

.contentExpeditionFight .boxSelected {
	position: relative;
	/* top: -5px; */
	
	box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.6);
}

.contentExpeditionFight .boxSelected .boxHeading {
	color: gold !important;
}

.contentExpeditionFight .npcBox .icon {
	position: relative;
	top: 3px;
}

.contentExpeditionFight .npcBox .icon img {
	width: 22px;
}

.contentExpeditionFight .npcBox:not(.boxSelected) .icon {
	display: none;
}

.contentExpeditionFight .npcSection .bonuses {
	margin-top: 10px;
}


.boxMarket {
	width: 560px;
	height: 243px;
}

.contentMarketOffer {
}

.contentMarketOffer .marketOfferItemArea {
	margin-top: 10px;
}

.contentMarketOffer .marketOfferItemArea .itemInfo {
	position: relative;
	margin: 0px auto;
	width: 300px;
	height: 100px;
}

.contentMarketOffer .marketOfferItemArea .itemInfo .itemImage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 77px;
	height: 77px;
}

.contentMarketOffer .marketOfferItemArea .itemInfo .texts {
	position: absolute;
	top: 0px;
	left: 87px;
}

.contentMarketOffer .offerItemForm {
	position: relative;
	margin-top: 30px;
	text-align: center;
}

.contentMarketOffer .offerItemForm .inputSilver {
	margin-bottom: 2px;
}

.contentMarketOffer .offerItemForm button {
	margin-top: 8px;
}

.contentFlashMessages {
	padding-top: 25px !important;
}

.contentFlashMessages .flashMessage {
	font-size: 14px;
	
	/*
	#ffd9d9 - error background
	#aae6c7 - success background
	*/
}

.contentFlashMessages .success {
	/* color: #006600; */
	color: #000;
	font-family: OpenSansSemiBold;
	/* text-shadow: 0px 1px 1px rgba(100, 100, 100, 0.1); */
}

.contentFlashMessages .error {
	/* color: #dd0000; */
	color: #000;
	font-family: OpenSansSemiBold;
	/* text-shadow: 0px 1px 1px rgba(100, 100, 100, 0.15); */
}

.dialogFlashMessage .stripError {
	/*
	font-size: 15px;
	background-color: #961717;
	border-bottom: 3px solid #730d0d;
	*/
	
	padding-top: 15px !important;
}

.dialogFlashMessage .iconError {
	display: inline-block;
	vertical-align: -4px;
	background-color: #e2e2e2;
	margin-right: 5px;
	width: 22px;
	height: 22px;
	
	mask: url("../images/icons/warning.svg") no-repeat center;
	-webkit-mask: url("../images/icons/warning.svg") no-repeat center;
	
	mask-size: 22px;
	-webkit-mask-size: 22px;
}

.contentFlashMessages .buttonCloseDialog {
	min-width: 100px;
}

.npcQuestResetTime {
	margin-top: 15px;
	text-align: center;
	font-size: 17px;
}

.contentRecruitmentInfo {
	background-color: #c7aeb2 !important;
	padding-bottom: 3px !important;
	border-bottom: 2px solid #222;
	text-align: center;
}

.contentPlayerRecruitment {
}

.contentPlayerRecruitment .recruitmentLinkArea {
	text-align: center;
}

.contentPlayerRecruitment .recruitmentLinkArea .recruitmentLink {
	margin-top: 8px;
	font-size: 11px;
	text-decoration: underline;
}

.contentPlayerRecruitment h2.headingRewards {
	margin-top: 60px;
	font-size: 19px;
	text-align: center;
}

.contentPlayerRecruitment .recruitmentRewardBox {
	position: relative;
	margin: 5px 0px;
	border-top: 2px solid #444;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
	border-left: 2px solid #444;
	background-color: #baa2a4;
	height: 40px;
	padding: 0px 4px;
	font-size: 11px;
}

.contentPlayerRecruitment .recruitmentRewardBox .description {
	display: inline-block;
	width: 350px;
	line-height: 40px;
}

.contentPlayerRecruitment .recruitmentRewardBox .reward {
	display: inline-block;
	line-height: 40px;
}

.contentPlayerRecruitment .recruitmentRewardBox .rewardButton {
	display: inline-block;
	float: right;
	right: 5px;
	margin-top: 9px;
}

.contentWeekBonuses {
}

.contentWeekBonuses .progressBar {
	position: relative;
	margin-top: 3px;
	width: 80%;
	height: 10px;
	border: 2px solid #000;
	background-color: #222;
}

.contentWeekBonuses .progressBar .fill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
}

.contentWeekBonuses .progressBar .fill.fill1 {
	background-color: #088208;
}

.contentWeekBonuses .progressBar .fill.fill2 {
	background-color: #d6222c;
}

.contentWeekBonuses .canTakeBonus {
	margin: 30px 0px 15px 0px;
	text-align: center;
	font-family: OpenSansBold;
	font-size: 14px;
}


.contentMerchantDetail {
}

.contentMerchantDetail .eventBox {
	margin: 30px auto 0px auto;
	width: 80%;
	text-align: center;
}

.contentMerchantDetail .eventBox h3 {
	margin: 5px;
	font-size: 17px;
}


.dialogGuide {
	top: 50% !important;
	
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.dialogGuide .content .text {
	margin: 0px auto;
	text-align: justify;
	width: 97%;
	font-size: 14px;
}

.dialogGuide .content .text ul {
	padding-left: 25px;
}

.dialogGuide .buttons {
	text-align: center;
}

.dialogGuide .buttons a {
	margin: 0px 10px;
}

ul.guideDialogPoints {
}

ul.guideDialogPoints li {
	margin-top: 10px;
}

.contentDungeonDetail {
}

.contentDungeonDetail .dungeonCompleted {
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
}

.contentDungeonDetail table.tableDungeonNpcs {
	margin-top: 10px;
}

.contentDungeonDetail table.tableDungeonNpcs td {
	text-align: center;
	font-size: 12px;
}

.contentDungeonDetail table.tableDungeonNpcs td.npcAvatar {
	padding-left: 0px;
}

.contentDungeonDetail table.tableDungeonNpcs td.npcAvatar .avatarImage {
	display: inline-block;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	
	background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-sice: 100%;
	-o-background-size: 100%;
}

.contentDungeonDetail table.tableDungeonNpcs td.npcName {
	text-align: left;
}


table.tableFightsList td {
	font-size: 12px;
}

table.tableFightsList a.linkDetails {
	padding: 14px 15px;
}

table.tableFightsList .dateTime {
	font-size: 10px;
}

table.tableFightsList .reward {	
}

table.tableFightsList .reward span {
	display: inline-block;
	margin: 1px 2px;
}

table.tableFightsList .rewardAttack .rewardResource {
	/* color: #006600; */
}

table.tableFightsList .rewardDefense .rewardResource {
	/* color: #cc0000; */
}

table.tableAmbushReports {
}

table.tableAmbushReports td {
	padding-top: 10px;
	padding-bottom: 10px;
}

table.tableAmbushReports th.reward, table.tableAmbushReports td.reward {
	padding-right: 10px;
}


.contentTribeWriteMessage {
}

.contentTribeWriteMessage .formContainer {
	margin: 0px auto;
	width: max-content;
}

.contentTribeWriteMessage .formContainer form button {
	display: block;
	margin: 5px auto;
}

.contentTribeWriteMessage .formContainer .playerActivity {
	display: inline-block;
	margin-left: 20px;
}

.contentTribeWriteMessage .ranks {
}

.contentTribeWriteMessage .ranks label {
	margin-right: 10px;
}

.contentTribeWriteMessage textarea {
	min-width: 200px;
	max-width: 700px;
	min-height: 100px;
	max-height: 500px;
}

.contentTribeProfile {
}

.contentTribeProfile .headingJoinTribe {
	margin: 0px 0px 15px 0px;
	font-size: 18px;
}

.contentTribeSendApplication {
}

.contentTribeSendApplication textarea {
	min-width: 200px;
	max-width: 600px;
	min-height: 100px;
	max-height: 300px;
}

.contentLocationEnvironment {
}

.contentLocationEnvironment .sliders {
	margin-top: 20px;
	margin-bottom: 20px;
}

.contentRest {
}

.contentRest .sliders {
	margin-top: 20px;
	margin-bottom: 40px;
}

.contentRest .sliders .slider {
	width: 300px;
}

.contentRest .sliders .slider.ui-slider {
	height: 8px;
}

.contentRest .sliders .slider.ui-slider .ui-slider-handle {
	top: -5px;
}

.contentRest .restoredToday {
	margin-top: 10px;
	font-size: 16px;
	text-align: center;
}

.contentRest form {
	margin-bottom: 10px;
}

.contentRest .buttons {
}

.contentRest .buttons button, .contentRest .buttons a {
	margin-left: 3px;
}

.contentHerbs {
}

.contentHerbs .herbItem {
	display: inline-block;
	vertical-align: top;
	margin: 0px 5px;
	width: max-content;
}

.contentHerbs .herbItem .button {
	margin-top: 6px;
}

.contentHerbs .sliders {
}

.contentHerbs .sliders .slider {
	margin: 15px auto 40px auto;
	width: 300px;
}

.contentHerbs .sliders .slider.ui-slider {
	height: 8px;
}

.contentHerbs .sliders .slider.ui-slider .ui-slider-handle {
	top: -4px;
}

.dialogBBCodeHints {
	width: 800px;
}

.dialogBBCodeHints .content {
	overflow-y: auto;
}

.contentBBCodeHints {
	max-height: 500px;
}

.contentBBCodeHints .hintRow {
	margin-bottom: 5px;
	border: 1px solid #333;
}

.contentBBCodeHints .hintRow .rowHeading {
	background-color: #e8dadc;
	padding: 6px;
	cursor: pointer;
}

.contentBBCodeHints .hintRow .rowHeading:hover {
	background-color: #f0e6e8;
}

.contentBBCodeHints .hintRow .hintContent {
	border-top: 1px solid #333;
	padding: 10px 8px 6px 8px;
	background-color: #e0d1d2;
	font-size: 11px;
}

.contentTemple {	
}

.contentTemple .treasureItem {
	display: inline-block;
	margin: 15px 15px;
	cursor: pointer;
}

.contentTemple .buttonTreasureItem {
	display: block;
	text-align: center;
	padding: 2px 8px;
	font-size: 13px;
	font-family: OpenSansSemibold;
	background-color: #b8a0a3;
	border: 2px solid #82655c;
	color: #000 !important;
	
	margin-top: 10px;
}

.contentTemple .buttonTreasureItem:hover {
	text-decoration: none !important;
	background-color: #c7afb1;
}

.contentTemple .treasureContent {
	background-color: #c2a9ac;
	border: 2px solid #755a52;
	padding: 10px;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}


.contentTemple .searchForm {
	margin-top: 50px;
}


.contentItemStore {
}

.contentItemstore .pages {
	margin-top: -25px;
	width: 365px;
}

.contentItemStore .pages .pageSlot {
	position: relative;
	margin: 10px 0px;
	width: 330px;
	height: 40px;
	border: 4px solid rgb(90, 70, 80);
}

.contentItemStore .pages .pageSlot:hover {
	filter: brightness(1.15);
}

.contentItemStore .pages .pageSlot.active {
	background-color: rgb(206, 184, 186);
}

.contentItemStore .pages .pageSlot.available {
	background-color: #999;
}

.contentItemStore .pages .pageSlot.expired {
	background-color: #a37779;
}

.contentItemStore .pages .pageSlot .name {
	position: absolute;
	font-size: 17px;
	height: 100%;
	padding-left: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contentItemStore .pages .pageSlot.selected {
	box-shadow: 0px 0px 8px 2px #ccc;
}

.contentItemStore .pages .pageSlot.expired.selected {
	box-shadow: 0px 0px 8px 2px #917071;
}

.contentItemStore .pages .pageSlot .pageLink {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.contentItemStore .pages .pageSlot .info {
	position: absolute;
	right: 0px;
	font-size: 15px;
	height: 100%;
	padding-right: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.contentItemStore .boxItemStore {
	width: 405px;
	padding: 0px;
}

.contentItemStore .boxItemStore .borderedBoxSwitch {
	top: -36px;
	right: 24px;
}

.contentItemStore .boxItemStore .borderedBoxSwitch span {
	width: 43px;
	height: 43px;
}

.contentItemStore .boxItemStore .borderedBoxSwitch .tab {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.contentItemStore .boxItemStore .borderedBoxSwitch .tab.tabItems {
	background-image: url("../images/items/weapon/1.png");
	background-size: 70%;
}

.contentItemStore .boxItemStore .borderedBoxSwitch .tab.tabSettings {
	background-image: url("../images/icons/bars-solid.svg");
	background-size: 45%;
}

.contentItemStore .boxItemStore .boxContent {
	display: flex;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 243px;
	background-color: #131119;
	justify-content: center;
	align-items: center;
	color: #eee;
	font-size: 16px;
	text-align: center;
}

.contentItemStore .itemStorePage .boxContentExpired {
	opacity: 0.9;
}

.contentItemStore .itemStorePage input[type="text"] {
	background-color: #eeebf7;
	border-color: #aba7b8;
	font-size: 15px;
}

.dialogMapSettings {
	width: 600px;
}

.dialogMapSettings .settingsBox {
	width: 500px;
	margin: 10px auto 20px auto;
}

.dialogMapSettings .settingsBox .boxHeading {
	font-size: 16px;
}

.dialogMapSettings .settingsBox .boxContent {
	margin-top: -4px;
}

.dialogMapSettings .settingsBox .boxContent .description {
	display: inline-block;
	font-size: 11px;
}

.dialogMapSettings .settingsBox .boxContent .checkbox {
	display: inline-block;
	margin-left: 5px;
}

.dialogMapSettings .settingsBox .boxContent .checkbox input[type="checkbox"] {
	position: relative;
	top: 2px;
	width: 15px;
	height: 15px;
}

.dialogMapSettings .closeButton {
	margin-top: 30px;
	text-align: center;
}

.contentPlayerStash {
}

.contentPlayerStash .stashesOverview {
	margin: 0px auto;
	width: max-content;
}

.contentPlayerStash ul {
	list-style: inside;
}

.contentGeneralSettings {
}

.contentGeneralSettings h3 {
	margin-top: 20px;
	font-size: 17px;
}

.contentGeneralSettings h3:first-of-type {
	margin-top: 0px;
}

.contentGeneralSettings .settingsBox {
	margin: 0px auto;
	width: 98%;
	border: 2px solid #7d6468;
	background-color: #c7b1b4;
	padding: 10px 5px;
	font-size: 13px;
}

.contentGeneralSettings .settingsBox table.settingsTable {
}

.contentGeneralSettings .settingsBox table.settingsTable td {
	padding-top: 2px;
	padding-bottom: 2px;
}

.contentGeneralSettings .settingsBox table.settingsTable td.label {
	padding-left: 5px;
}

.contentGeneralSettings .settingsBox table.settingsTable input[type="text"] {
	padding: 2px 3px;
}

.contentGeneralSettings .settingsBox .selectionLabel {
	margin-left: 5px;
	margin-bottom: 5px;
	font-size: 14px;
}

.contentGeneralSettings .settingsBox .checkboxList {
	margin-left: 4px;
}

.contentGeneralSettings input[type="checkbox"] {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.contentGeneralSettings .settingsBox .optionDisabled {
	color: #666;
}

.contentGeneralSettings .hintIcon {
	margin-left: 5px;
	font-size: 14px;
	text-align: center;
	padding: 1px 7px;
	border: 2px solid #755a52;
	border-radius: 50px;
	color: #755a52;
	font-family: OpenSansBold;
	background: #bba098;
	cursor: help;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.contentSettingsLanguage {
}

.contentSettingsLanguage .selectedLanguage {
	margin: 10px 0px;
	font-size: 16px;
	text-align: center;
}

.contentSettingsLanguage h3 {
	margin-top: 10px;
	font-size: 17px;
	font-family: OpenSansSemibold;
}

.contentSettingsLanguage .languagesList {
	font-size: 15px;
}

.contentSettingsLanguage .languagesList ul {
	margin-left: 0px;
	padding-left: 20px;
}

.contentSettingsLanguage .languagesList ul li {
	margin-top: 5px;
	list-style-type: square;
}



.tooltipPlayerCharacterTypeChange {
	font-family: OpenSansSemibold;
	width: 300px;
	padding: 10px;
}

.tooltipPlayerCharacterTypeChange .heading {
	margin-top: 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: 17px;
	color: gold;
}

.tooltipPlayerCharacterTypeChange .smallHeading {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 13px;
	
}

.tooltipPlayerCharacterTypeChange .description {
	margin-top: 5px;
	font-size: 12px;
	text-align: center;
}

.tooltipPlayerCharacterTypeChange .text {
	margin-top: 3px;
	font-size: 12px;
}

.tooltipPlayerCharacterTypeChange .highlight {
	/* color: #00ee00; */
}

.tooltipPlayerCharacterTypeChange.knight .heading, .tooltipPlayerCharacterTypeChange.knight .highlight {
	color: #00ee00;
}

.tooltipPlayerCharacterTypeChange.paladin .heading, .tooltipPlayerCharacterTypeChange.paladin .highlight {
	color: #00ee00;
}

.tooltipPlayerCharacterTypeChange.pyromage .heading, .tooltipPlayerCharacterTypeChange.pyromage .highlight {
	color: #ff1c1c;
}

.tooltipPlayerCharacterTypeChange.hunter .heading, .tooltipPlayerCharacterTypeChange.hunter .highlight {
	color: gold;
}

.tooltipPlayerCharacterTypeChange.ironMauler .heading, .tooltipPlayerCharacterTypeChange.ironMauler .highlight {
	color: #4da3ff;
}




.tooltipPlayerCharacterType {
	font-family: OpenSansSemibold;
	width: 300px;
	padding: 10px;
}

.tooltipPlayerCharacterType .heading {
	margin-top: 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: 17px;
	color: gold;
}

.tooltipPlayerCharacterType .smallHeading {
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 13px;
	
}

.tooltipPlayerCharacterType .description {
	margin-top: 8px;
	font-size: 13px;
	text-align: center;
}

.tooltipPlayerCharacterType .text {
	margin-top: 3px;
	font-size: 12px;
}

.tooltipPlayerCharacterType .highlight {
	/* color: #00ee00; */
}

.tooltipPlayerCharacterType.default .heading, .tooltipPlayerCharacterType.default .highlight {
	color: #bbb;
}

.tooltipPlayerCharacterType.paladin .heading, .tooltipPlayerCharacterType.paladin .highlight {
	color: #00ee00;
}

.tooltipPlayerCharacterType.pyromage .heading, .tooltipPlayerCharacterType.pyromage .highlight {
	color: #ff1c1c;
}

.tooltipPlayerCharacterType.hunter .heading, .tooltipPlayerCharacterType.hunter .highlight {
	color: gold;
}

.tooltipPlayerCharacterType.ironMauler .heading, .tooltipPlayerCharacterType.ironMauler .highlight {
	color: #4da3ff;
}

.tooltipPlayerCharacterType.darkKnight .heading, .tooltipPlayerCharacterType.darkKnight .highlight {
	color: gold;
}


.tooltipBackupInventoryItem {
	text-align: center;
	max-width: 300px;
}

.tooltipBackupInventoryItem .heading {
	font-size: 15px;
	color: #fcc82b;
}

.tooltipBackupInventoryItem .owning {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 13px;
}

.tooltipBackupInventoryItem .description {
	font-size: 12px;
	color: #999;
}

.tooltipBackupInventoryItem .cannotUseItem {
	margin-top: 10px;
	font-size: 12px;
	color: #ff0000;
	text-align: center;
}


.unresolvedPayments {
	margin: 20px auto;
	text-align: center;
	padding: 10px 30px;
	width: max-content;
	border: 2px solid #222;
	background: #c7aeb2;
}

.unresolvedPayments .warning {
	font-size: 16px;
}

.unresolvedPayments .text {
	margin-top: 10px;
	font-size: 14px;
}

.unresolvedPayments a {
	margin-top: 30px;
}

.contentPaymentDetail {
}

.contentPaymentDetail .buttonPay {
	margin-top: 20px;
}


.contentTrainingNpc {
}

.contentTrainingNpc .playerSilver {
	margin-top: 20px;
	font-size: 16px;
}


.ui-slider {
	position: relative;
	text-align: left;
	border: 1px solid #aaaaaa;
	background: #e8dadc;
	color: #222222;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	top: -6px;
	z-index: 2;
	width: 16px;
	height: 16px;
	cursor: pointer;
	-ms-touch-action: none;
	touch-action: none;
	
	border: 1px solid #c2a9ac;
	background: #e5dadb;
	font-weight: normal;
	color: #555555;
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: 0.7em;
	display: block;
	border: 0px;
	background-position: 0px 0px;
}

.ui-slider-horizontal {
	height: .4em;
}

.ui-slider-horizontal .ui-slider-handle {
	margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
	top: 0px;
	height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0px;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0px;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
	left: -0.3em;
	margin-left: 0px;
	margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0px;
	width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0px;
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0px;
}


.mapUnderneath {
	position: relative;
	margin-top: -10px;
	margin-left: -14px;
	width: 797px;
	height: 20px;
	
	border: 1px solid #444;
}

.mapEnvironmentPanel {
	position: relative;
	margin-top: -82px;
	margin-left: -10px;
	width: 794px;
	text-align: center;
	
	padding-top: 10px;
	padding-bottom: 8px;
	
	font-size: 0px; /* to prevent space between circles */
}

.mapEnvironmentPanel .buttons {
	margin: 0px auto;
}

.mapEnvironmentPanel .buttonsNpcs {
	left: 120px;
}

.mapEnvironmentPanel .buttonsPassage {
	left: 460px;
}

.mapEnvironmentPanel .buttonsHostileNpcs {
	left: 503px;
}

.mapEnvironmentPanel .buttonsDungeon {
	left: 694px;
}

.mapEnvironmentPanel .circleButtonSection {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 76px;
	height: 98px;
	margin-left: 5px;
	margin-right: 5px;
}

.mapEnvironmentPanel .circleButtonSection .text {
	width: 100%;
	text-align: center;
	color: #f2f2f2;
	font-size: 12px;
	font-family: OpenSansSemiBold;
	padding: 2px 0px;
	
	text-shadow:
	   -1px -1px 0px #000,  
		1px -1px 0px #000,
		-1px 1px 0px #000,
		 1px 1px 0px #000;
}

.mapEnvironmentPanel .circleButtonSection .text.hostileNpcsRequiredKills {
	bottom: -19px;
}

.mapEnvironmentPanel .circleButtonSection .questHint {
	color: gold;
}

.mapEnvironmentPanel .circleButtonSection .inavailable {
	color: #dd0000;
}

.mapEnvironmentPanel .circleButtonSection .dayHuntHighlight {
	color: gold;
}

.mapEnvironmentPanel .circleButton {
	margin-top: 5px;
	width: 76px;
	height: 76px;
	margin-left: auto;
	margin-right: auto;
}

.mapEnvironmentPanel .circleButton a {
	display: block;
	width: 100%;
	height: 100%;
}



.mapEnvironmentPanel .circleButton.disabled {
	opacity: 0.6;
}



.mapEnvironmentIconNpc {
	background-image: url("../images/icons/map/npc_base.png");
}

.mapEnvironmentIconQuests {
	background-image: url("../images/icons/map/quests_base.png");
}

.mapEnvironmentIconMerchant {
	background-image: url("../images/icons/map/merchant_base.png");
}

.mapEnvironmentIconScrolls {
	background-image: url("../images/icons/map/scrolls_base.png");
}

.mapEnvironmentIconPotions {
	background-image: url("../images/icons/map/potions_base.png");
}

.mapEnvironmentIconTrainingGround {
	background-image: url("../images/icons/map/training_base.png");
}

.mapEnvironmentIconStorehouse {
	background-image: url("../images/icons/map/storehouse_base.png");
}

.mapEnvironmentIconItemStore {
	background-image: url("../images/icons/map/item_store_base.png");
}

.mapEnvironmentIconWork {
	background-image: url("../images/icons/map/work_base.png");
}

.mapEnvironmentIconWorkers {
	background-image: url("../images/icons/map/workers_base.png");
}

.mapEnvironmentIconMarket {
	background-image: url("../images/icons/map/market_base.png");
}

.mapEnvironmentIconForge {
	background-image: url("../images/icons/map/forge_base.png");
}

.mapEnvironmentIconSmeltery {
	background-image: url("../images/icons/map/smeltery_base.png");
}

.mapEnvironmentIconTemple {
	background-image: url("../images/icons/map/temple_base.png");
}

.mapEnvironmentIconLibrary {
	background-image: url("../images/icons/map/library_base.png");
}

.mapEnvironmentIconLabyrinth {
	background-image: url("../images/icons/map/labyrinth_base.png");
}

.mapEnvironmentIconPlayerStash {
	background-image: url("../images/icons/map/stash_base.png");
}

.mapEnvironmentIconPlayerStashEnergy {
	background-image: url("../images/icons/map/stash_energy_base.png");
}

.mapEnvironmentIconPassage {
	background-image: url("../images/icons/map/transit_base.png");
}

.mapEnvironmentIconHostileNpc {
	background-image: url("../images/icons/map/fight_base.png");
}

.mapEnvironmentIconDungeon {
	background-image: url("../images/icons/map/dungeon_story_base.png");
}

.mapEnvironmentIconWeekDungeon {
	background-image: url("../images/icons/map/week_dungeon_base.png");
}

.mapEnvironmentIconHerbs {
	background-image: url("../images/icons/map/herbs_base.png");
}

.mapEnvironmentIconRest {
	background-image: url("../images/icons/map/rest_base.png");
}

.mapEnvironmentIconEnchantment {
	background-image: url("../images/icons/map/enchantment_base.png");
}

.mapEnvironmentIconUnknown {
	background-image: url("../images/icons/map/unknown.png");
}




.mapEnvironmentPanel .mapEnvironmentIconQuests:hover {
	background-image: url("../images/icons/map/quests_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconMerchant:hover {
	background-image: url("../images/icons/map/merchant_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconScrolls:hover {
	background-image: url("../images/icons/map/scrolls_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconPotions:hover {
	background-image: url("../images/icons/map/potions_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconTrainingGround:hover {
	background-image: url("../images/icons/map/training_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconStorehouse:hover {
	background-image: url("../images/icons/map/storehouse_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconItemStore:hover {
	background-image: url("../images/icons/map/item_store_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconWork:hover {
	background-image: url("../images/icons/map/work_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconWorkers:hover {
	background-image: url("../images/icons/map/workers_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconMarket:hover {
	background-image: url("../images/icons/map/market_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconForge:hover {
	background-image: url("../images/icons/map/forge_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconSmeltery:hover {
	background-image: url("../images/icons/map/smeltery_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconTemple:hover {
	background-image: url("../images/icons/map/temple_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconLibrary:hover {
	background-image: url("../images/icons/map/library_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconLabyrinth:hover {
	background-image: url("../images/icons/map/labyrinth_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconPlayerStash:hover {
	background-image: url("../images/icons/map/stash_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconPlayerStashEnergy:hover {
	background-image: url("../images/icons/map/stash_energy_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconHerbs:hover {
	background-image: url("../images/icons/map/herbs_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconRest:hover {
	background-image: url("../images/icons/map/rest_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconEnchantment:hover {
	background-image: url("../images/icons/map/enchantment_hover.png");
}


.mapEnvironmentPanel .mapEnvironmentIconPassage:hover {
	background-image: url("../images/icons/map/transit_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconPassageEmpty {
	background-image: url("../images/icons/map/transit_disable.png");
}



.mapEnvironmentPanel .mapEnvironmentIconNpc:hover {
	background-image: url("../images/icons/map/npc_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconNpcEmpty {
	background-image: url("../images/icons/map/npc_disable.png");
}

.mapEnvironmentPanel .mapEnvironmentIconHostileNpc:hover {
	background-image: url("../images/icons/map/fight_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconHostileNpcEmpty {
	background-image: url("../images/icons/map/fight_disable.png");
}


.mapEnvironmentPanel .mapEnvironmentIconDungeon:hover {
	background-image: url("../images/icons/map/dungeon_story_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconWeekDungeon:hover {
	background-image: url("../images/icons/map/week_dungeon_hover.png");
}

.mapEnvironmentPanel .mapEnvironmentIconDungeonEmpty {
	background-image: url("../images/icons/map/dungeon_disable.png");
}





.tooltipLocationOverview {
	font-family: OpenSansSemibold;
	width: max-content;
	padding: 10px;
}

.tooltipLocationOverview .heading {
	margin-top: 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	color: #fcc82b;
}

.tooltipLocationOverview .description {
	margin-top: 5px;
	font-size: 10px;
	text-align: center;
}

.tooltipExpeditionHostileNpcBonus {
	font-family: OpenSansSemibold;
	padding: 10px;
}

.tooltipExpeditionHostileNpcBonus .heading {
	margin-top: 3px;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	color: #fcc82b;
}

.tooltipExpeditionHostileNpcBonus .details {
	margin-top: 10px;
	font-size: 12px;
	font-family: OpenSansSemibold;
}

.tooltipExpeditionHostileNpcBonus .status {
	margin-top: 7px;
}

.tooltipExpeditionHostileNpcBonus .bonusItem {
	margin-top: 2px;
}

.tooltipExpeditionHostileNpcBonus .details .active {
	color: #00ee00;
}

.tooltipExpeditionHostileNpcBonus .details .inactive {
	color: #ee0000;
}

.tooltipExpeditionHostileNpcBonus .details .bonusActive {
	color: #00ee00;
}

.tooltipExpeditionHostileNpcBonus .details .bonusInactive {
	color: #aaa;
}

.tooltipExpeditionHostileNpcBonus .note {
	margin-top: 10px;
	padding-top: 5px;
	font-size: 12px;
	text-align: center;
	color: #aaa;
	border-top: 1px solid #444;
}


.contentActivity {
}

.contentActivity .tableInfo {
	margin: 10px 0px;
	border-collapse: collapse;
	border: 1px solid #755a52;
	border-spacing: 0px;
	width: 100%;
}

.contentActivity .tableInfo th, .tableInfo td {
	border: 1px solid #755a52;
}

.contentActivity .tableInfo th {
	position: relative;
	text-align: left;
	font-family: OpenSansBold;
	padding: 6px 5px;
	background-color: #b89fa2;
	font-size: 14px;
}

.contentActivity .tableInfo td {
	background-color: #d6c5c7;
	padding: 5px 6px;
}

.contentActivity .iconMark {
	display: inline-block;
	float: right;
}

.contentActivity .iconMark svg {
	width: 19px;
	height: 19px;
	fill: #006600;
}

.contentActivity .iconWarning {
	display: inline-block;
	float: right;
}

.contentActivity .iconWarning svg {
	width: 19px;
	height: 19px;
	fill: #b40000;
}

.contentActivity h3:not(:first-of-type) {
	margin-top: 30px;
}

.contentActivity .itemExpirationWarning {
	color: #b40000;
}

.contentActivity .workerFinishedWork {
	color: #006600;
}


.timerExpiresSoon {
	color: #ee0000;
}

.contentPlayerActivity {
}

.contentPlayerActivity .workFinished {
	font-family: OpenSansBold;
	color: #007000;
}

.unregisteredPlayerName {
	font-style: italic;
}

.completedQuestsAlmostAll {
	color: #ed4f09;
}

table.tablePlayerMilestones {
	margin: 0px auto;
	width: 750px;
	border: 2px solid #333;
}

table.tablePlayerMilestones th, table.tablePlayerMilestones td {
	border: 1px solid #222;
}

table.tablePlayerMilestones td {
	font-size: 12px;
}

table.tablePlayerMilestones td.level {
	width: 100px;
}

table.tablePlayerMilestones .milestoneNotReached {
	color: #df0000;
}


table.tablePlayerTimeline {
	margin: 0px auto;
	width: 750px;
	border: 2px solid #333;
}

table.tablePlayerTimeline th, table.tablePlayerTimeline td {
	border: 1px solid #222;
}

table.tablePlayerTimeline td {
	font-size: 12px;
}

.contentRefillEnergy {
}

.contentRefillEnergy table.tableLinks {
	margin: 10px auto;
	width: 700px;
	border: 2px solid #222;
}

.contentRefillEnergy table.tableLinks th, .contentRefillEnergy table.tableLinks td {
	text-align: center;
}

.contentRefillEnergy table.tableLinks th {
	padding-top: 8px;
	padding-bottom: 8px;
}

.contentRefillEnergy table.tableLinks .rowLinks td {
	padding-top: 25px;
	padding-bottom: 15px;
}

.contentRefillEnergy .autoRefillText {
	margin-top: 40px;
}

.contentRefillEnergy .autoRefillCountdown {
	font-size: 16px;
}

.contentRefillEnergy .environmentTimingCountdown {
	/* font-size: 11px; */
}

.contentRefillEnergy .environmentTimingLink {
	margin-top: 5px;
}

.contentRefillEnergy .textInfo {
	margin-top: 5px;
	font-size: 11px;
}

.contentRefillEnergy .energyPotionItem {
	display: inline-block;
}

.contentRefillEnergy .energyInfo {
	text-align: center;
	font-size: 17px;
}

.contentRefillEnergy .progressBarArea {
	margin-top: 20px;
}

.contentRefillEnergy .progressBarArea .progressBar {
	position: relative;
	margin: 0px auto;
	width: 600px;
	height: 10px;
	border: 2px solid #4f3a33;
	
	/* background-color: #deced1; */
	background-color: rgb(15, 33, 42);
}
		
.contentRefillEnergy .progressBarArea .fill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	
	background: rgb(38,130,147);
	background: linear-gradient(90deg, rgba(38,130,147,1) 0%, rgba(69,201,155,1) 100%);
}

.contentRefillEnergy .infoText {
	margin: 20px 0px;
	text-align: center;
}

.contentRefillEnergy .buttons {
	margin-top: 25px;
	text-align: center;
	height: 40px;
}


.contentRegistrationBonuses {
}

.contentRegistrationBonuses .bonusBox {
	margin: 10px auto;
	width: 700px;
	border: 2px solid #111;
	border-radius: 3px;
}

.contentRegistrationBonuses .bonusBox .bonusName {
	padding-left: 7px;
	padding-top: 6px;
	padding-bottom: 3px;
	color: #eee;
	font-size: 14px;
	background-color: #2c2937;
	border-bottom: 2px solid #111;
}

.contentRegistrationBonuses .bonusBox .bonusContent {
	padding: 10px 0px;
}

.contentRegistrationBonuses .bonusBox .bonusContent .items {
	padding: 5px;
}

.contentRegistrationBonuses .bonusBox .bonusContent .items ul {
	padding-left: 20px;
}

.contentRegistrationBonuses .bonusBox .bonusContent .items ul li {
	margin-top: 4px;
}

.contentRegistrationBonuses .buttons {
	padding-top: 5px;
	padding-bottom: 2px;
	border-top: 2px solid #2c2937;
	text-align: center;
	background-color: #c2a9ac;
}

.contentRegistrationBonuses .buttons.accepted {
	background-color: #ade0b4;
}

.contentRegistrationBonuses .buttons.declined {
	background-color: #d49296;
}

.contentRegistrationBonuses .buttons a {
	margin-left: 2px;
	margin-right: 2px;
}


.tooltipEnergyPanelInformation {
	width: 500px;
	font-family: OpenSansSemibold;
}

.tooltipEnergyPanelInformation .heading {
	margin-top: 10px;
	text-align: center;
	font-size: 15px;
	color: #52dfff;
}

.tooltipEnergyPanelInformation .content {
	font-size: 13px;
}

.tooltipEnergyPanelInformation .content ul {
}

.tooltipEnergyPanelInformation .content ul li {
	margin-top: 10px;
}

.tooltipEnergyPanelInformation .content .itemName {
	font-family: OpenSansBold;
	color: #f2bf30;
}


.contentMessageConversationsPre {
	padding-bottom: 0px !important;
}

.contentMessageConversationsPre h3 {
	margin: 0px;
}

.contentMessageConversations {
	padding-top: 0px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.contentMessageConversations .conversations {
	margin-top: 10px;
	height: 480px;
	overflow-y: auto;
	border-top: 1px solid #755a5f;
	border-bottom: 1px solid #755a5f;
}

.contentMessageConversations .conversations::-webkit-scrollbar {
	width: 10px;
	height: 10px;
	background: #222;
}

.contentMessageConversations .conversations::-webkit-scrollbar-thumb {
	background-color: #8a6066;
	border-radius: 8px;
}

.contentMessageConversations .conversations table {
	width: 100%;
}

.contentMessageConversations .conversations table tr:nth-child(odd):hover {
	background-color: #c2a1a5 !important;
}

.contentMessageConversations .conversations table tr:nth-child(even):hover {
	background-color: #c2a1a5 !important;
}

.contentMessageConversations .conversations table tr.messageAlertRow {
	/* background-color: #decccc !important; */
}

.contentMessageConversations .conversations table tr.messageAlertRow .cellMessage {
	font-family: OpenSansBold;
}

.contentMessageConversations .conversations table td {
	position: relative;
	padding: 15px 10px 12px 8px;
	border-bottom: 1px solid #998286;
}

.contentMessageConversations .conversations table tr:not(:first-of-type) td {
	border-top: 1px solid #998286;
}


.contentMessageConversations .conversations table td.cellMessage {
	overflow-x: hidden;
}

.contentMessageConversations .conversations table td.cellActivity {
	width: 10%;
	text-align: center;
}

.contentMessageConversations .conversations table td.cellInfo {
	width: 10%;
	text-align: right;
}

.contentMessageConversations .conversations td.cellInfo .icon {
	position: relative;
}

.contentMessageConversations .conversations td.cellInfo .icon svg {
	width: 21px;
	height: 21px;
}

.contentMessageConversations .conversations td.cellInfo .iconRead svg {
	fill: #007400;
}

.contentMessageConversations .conversations td.cellInfo .iconNotRead svg {
	fill: #6c6c6c;
}

.contentMessageConversations .conversations td.cellInfo .iconAlert svg {
	/* fill: #3251ad; */
	
	fill: #b70000;
}

.contentMessageConversations .conversations td.cellInfo .iconReceived svg {
	/* fill: #3251ad; */
	
	fill: #555;
}

.contentMessageConversations .conversations a.full {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 100%;
	height: 100%;
}

.contentMessageConversations .conversations .avatarSide {
	display: inline-block;
	vertical-align: top;
}

.contentMessageConversations .conversations .avatarSide .avatar {
	display: block;
	position: relative;
	top: -3px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-size: contain;
}

.contentMessageConversations .conversations .conversationInfo {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.contentMessageConversations .conversations .conversationInfo .name {
	font-size: 15px;
}

.contentMessageConversations .conversations .conversationInfo .message {
	margin-top: 5px;
	font-size: 12px;
	color: #444;
	max-width: 500px;
}

.contentMessageConversations .conversations tr.messageAlertRow .message {
	color: #000 !important;
	font-family: OpenSansBold !important;
}

.contentMessageConversations .conversations .conversationInfo .messageAlertText {
	margin-left: 10px;
	font-size: 13px;
	font-family: OpenSansBold;
	color: #a40000;
	
	/*
	font-size: 11px;
	font-family: OpenSansSemibold;
	padding: 3px 6px;
	background-color: #a20000;
	color: #f4f4f4;
	border-radius: 5px;
	*/
}



.contentConversationMessages {
	padding-top: 7px !important;
	padding-right: 5px !important;
}

.contentConversationMessages .chatBox {
	height: 460px;
	overflow-y: auto;
	padding: 10px;
	border-top: 1px solid #755a5f;
	border-bottom: 1px solid #755a5f;
}

.contentConversationMessages .chatBox::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: #222;
}

.contentConversationMessages .chatBox::-webkit-scrollbar-thumb {
	background-color: #8a6066;
	border-radius: 8px;
}


.contentConversationMessages .messageInput {
	margin-top: 10px;
}

.contentConversationMessages .messageInput textarea {
	display: block;
	margin: 0px auto;
	width: 100%;
	min-width: 200px;
	max-width: 100%;
	min-height: 50px;
	height: 70px;
	padding: 6px;
	font-size: 16px;
}

.contentConversationMessages .messageInput .buttonSend {
	margin-top: 10px;
}

.contentConversationMessages .messageWrapper {
	padding: 10px;
	margin: 0 0 5px 0;
	
	/*
	width: 75%;
	*/
	
	max-width: 80%;
	width: max-content;
	
	/*
	min-width: 75%;
	max-width: 100%;
	width: max-content;
	*/
	
	border: 1px solid #3c3457;
	border-radius: 5px;
	padding: 1px 7px;
	font-size: 14px;
}

.contentConversationMessages .messageWrapper.newMessageGroup {
	margin-top: 15px;
}

.contentConversationMessages .messageWrapper a.name {
	margin-right: 0;
	color: #313244;
	position: relative;
	top: -2px;
}

.contentConversationMessages .messageWrapper p {
	margin: 0;
	line-height: 1.7;
}

.contentConversationMessages .otherPlayerMessage {
	background-color: #ad989b;
	position: relative;
	margin-left: 42px;
}
	
/*
.contentConversationMessages .otherPlayerMessage::before {
	content: "";
	position: absolute;
	top: 23px;
	left: -9px;
	width: 15px;
	height: 18px;
	transform: rotate(220deg);
	border-top: 1px solid #3c3457;
	border-right: 1px solid #3c3457;
	background-color: #ad989b;
}
*/

.contentConversationMessages .otherPlayerMessage .avatar {
	position: absolute;
	
	/*
	top: 13px;
	left: -58px;
	width: 40px;
	height: 40px;
	*/
	
	border-radius: 100%;
	
	top: -6px;
	left: -50px;
	width: 38px;
	height: 38px;
	background-size: contain;
}

.contentConversationMessages .otherPlayerMessage .avatarName {
	position: absolute;
	top: 25px;
	left: -69px;
}

.contentConversationMessages .myMessage {
	/* width: 80%; */
	/* float: right; */
	
	background-color: #b49096;
}


.contentTribeDisband {
}

.contentTribeDisbandConfirmation {
}

.contentTribeDisbandConfirmation {
	margin: 20px 0px;
	padding: 10px 0px;
	text-align: center;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	background-color: #e8e1e2;
	font-family: OpenSansSemibold;
}


.contentWork {
	text-align: center;
}

.contentWork .workCurrentProgress {
	margin: 20px 0px;
}

.contentWork .workCurrentProgress .workFinishText {
	font-size: 18px;
}

.contentWork .workCurrentProgress .workFinishDate {
	margin-top: 10px;
}

.contentWork .workCurrentProgress .cancelWorkWarning {
	margin-top: 20px;
}

.contentWork .rewardArea {
	margin-top: 40px;
}

.contentWork .workedHoursToday {
	margin: 20px 0px;
	text-align: center;
	font-size: 16px;
}

.contentWork .boxActiveQuest {
	margin: 0px auto 10px auto;
	padding: 6px 12px;
	background-color: #c2a9ac;
	border: 1px solid #755a52;
}

.contentWork .boxActiveQuest.last {
	margin-bottom: 30px;
}


.contentWorkers {
}

.contentWorkers .workersCount {
	margin: 20px 0px 15px 0px;
	text-align: center;
	font-size: 14px;
}

.contentWorkers table.tableWorkers {
	width: 99%;
	margin: 10px auto 0px auto;
	border: 2px solid #222;
}

.contentWorkers table.tableWorkers .freeSlot {
	font-style: italic;
}


.contentWorkerDetail {
}

.contentWorkerDetail .hoverable {
	margin: 10px auto 20px auto;
}

.contentWorkerDetail .workerUnavailable {
	margin: 0px auto;
	width: max-content;
	text-align: center;
}


.contentHireWorker {
}

.contentHireWorker h3 {
}

.contentHireWorker .box {
	margin: 10px auto 0px auto;
	width: 720px;
	padding: 8px;
	border: 2px solid #755a52;
	background-color: #c2a9ac;
}

.contentHireWorker .inputsArea {
}

.contentHireWorker .inputsArea .inputRow {
	margin-top: 4px;
}

.contentHireWorker .inputsArea .inputRow .label {
	display: inline-block;
	width: 80px;
}

.contentHireWorker .inputsArea .inputRow .input {
	display: inline-block;
}

.contentHireWorker .inputsArea .inputRow .input input {
	padding: 2px 4px;
}

.contentHireWorker .inputsArea .inputRow .input input, .contentHireWorker .inputsArea .inputRow .input select {
	width: 180px;
}

.contentHireWorker .workerDescription {
	display: none;
	margin: 5px 0px 15px 0px;
	font-size: 12px;
}

.contentHireWorker table.tableWorkersHire {
	margin-top: 30px;
	border: 1px solid #111;
}

.contentHireWorker table.tableWorkersHire td.cellOption {
	width: 100px;
}

.contentHireWorker table.tableWorkersHire tr:not(.disabled):hover td {
	background-color: #b49096;
}

.contentHireWorker table.tableWorkersHire tr td {
	cursor: pointer;
}

.contentHireWorker table.tableWorkersHire tr.selected td {
	background-color: #ad868e;
}

.contentHireWorker table.tableWorkersHire tr.disabled td {
	cursor: default;
	background-color: #bdabad;
}

.contentHireWorker h3 {
	margin: 0px 0px 15px 0px;
	font-size: 17px;
}

.contentHireWorker .toolsArea {
}

.contentHireWorker .priceArea {
}

.contentHireWorker .buttons {
	margin: 10px auto 0px auto;
	text-align: center;
}


.contentLibraryExpeditionOpponents {
}

.contentLibraryExpeditionOpponents .npcBox {
	position: relative;
	margin: 7px 2px;
	display: inline-block;
	width: 240px;
	border: 2px solid #111;
	border-radius: 3px;
	vertical-align: top;
	
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}

.contentLibraryExpeditionOpponents .npcBox .boxHeading {
	text-align: center;
	padding: 2px 0px;
	font-size: 14px;
	border-bottom: 2px solid #111;
	width: 100%;
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	
	color: #e4e4e4;
	cursor: pointer;
}

.contentLibraryExpeditionOpponents .npcBox .boxContent {
	padding: 5px;
	font-size: 11px;
}

.contentLibraryExpeditionOpponents .npcBox .boxContent .bonusCompletionPercents {
	color: #4d2602;
}


.contentLibraryEnvironment {
}

.contentLibraryEnvironment .environmentBox {
	position: relative;
	margin: 5px auto;
	width: 99%;
	border: 1px solid #444;
}

.contentLibraryEnvironment .environmentBox .boxHeading {
	background-color: #c7aeb2;
	cursor: pointer;
	line-height: 60px;
	padding: 5px 3px;
	border: 2px solid #9b8a8d;
}

.contentLibraryEnvironment .environmentBox.unavailable .boxHeading {
	cursor: default;
}

.contentLibraryEnvironment .environmentBox:not(.unavailable) .boxHeading:hover {
	background-color: #b49096;
	
	transition: 0.1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
}

.contentLibraryEnvironment .environmentBox .boxHeading .icon {
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
	
	background-size: contain;
	-webkit-background-size: contain;
	-ms-background-sice: contain;
	-o-background-size: contain;
}

.contentLibraryEnvironment .environmentBox .boxHeading .icon img {
	width: 100%;
	height: 100%;
}

.contentLibraryEnvironment .environmentBox .boxHeading .name {
	display: inline-block;
	padding-left: 10px;
	font-size: 17px;
}

.contentLibraryEnvironment .environmentBox .boxContent {
	padding: 12px 8px;
	font-size: 14px;
}


.contentLocationExploration {
}

.contentLocationExploration .availableMinutesArea {
	font-size: 20px;
}

.contentLocationExploration .sliderArea {
	margin: 40px auto;
	width: 600px;
}

.contentLocationExploration .slider {
	margin-top: 10px;
}

.contentLocationExploration .slider .ui-slider {
	height: 7px;
}

.contentLocationExploration .slider .ui-slider .ui-slider-handle {
	margin-top: -2px;
	width: 20px;
	height: 20px;
}

.contentLocationExploration .slider .ui-slider-pips .ui-slider-label {
	top: 5px;
	font-size: 12px;
}

.contentLocationExploration .slider .ui-slider-pips .pip-inactive {
	opacity: 0.4;
	cursor: default;
}

.contentLocationExploration .slider .ui-slider-pips .ui-slider-pip.pip-inactive:hover .ui-slider-label, .contentLocationExploration .slider .ui-slider-pips .ui-slider-pip.pip-inactive:hover .ui-slider-line {
	font-weight: normal;
	cursor: default;
}

.contentLocationExploration .rewards {
	position: relative;
	margin: 20px auto;
	width: 750px;
	font-size: 0px;
	height: 40px;
}

.contentLocationExploration .rewards .reward {
	position: absolute;
	top: 0px;
	width: 100px;
	font-size: 12px;
	font-family: OpenSansBold;
}

.contentLocationExploration .rewards .reward:nth-child(1) {
	left: 30px;
}

.contentLocationExploration .rewards .reward:nth-child(2) {
	left: 180px;
}

.contentLocationExploration .rewards .reward:nth-child(3) {
	left: 330px;
}

.contentLocationExploration .rewards .reward:nth-child(4) {
	left: 480px;
}

.contentLocationExploration .rewards .reward:nth-child(5) {
	left: 630px;
}

.contentLocationExploration .rewards .reward.inactive {
	color: #777;
}

.contentLocationExploration .rewards .reward.active {
	color: #006600;
}

.contentLocationExploration .buttons {
	margin-top: 30px;
	text-align: center;
}

.contentLocationExploration .buttons .button {
	display: inline-block;
	vertical-align: top;
	margin: 0px 2px;
}

.contentLocationExploration .buttons .button .text {
	margin-top: 5px;
}

.contentLocationExploration .currentExploration {
	margin-top: 20px;
	font-size: 14px;
}

.contentLocationExploration .explorationRemaining {
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 14px;
}

.contentLocationExploration .progressBarExploration {
	position: relative;
	margin: 15px auto;
	width: 600px;
	height: 31px;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	
	overflow: hidden;
	
	/*
	background: rgb(212,209,210);
	background: linear-gradient(180deg, rgba(200,198,198,1) 0%, rgba(220,217,218,1) 35%, rgba(220,217,218,1) 65%, rgba(200,198,198,1) 100%);
	*/
	
	background-color: #060606;
}

.contentLocationExploration .progressBarExploration .fill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 31px;
	background-color: #009900;
	border-right: 1px solid #444;
	
	background: linear-gradient(180deg, rgba(1,134,1,1) 0%, rgba(0,153,0,1) 35%, rgba(0,153,0,1) 65%, rgba(1,134,1,1) 100%);
	
	overflow: hidden;
}

.contentLocationExploration .progressBarExploration .fill-object {
	position: absolute;
	left: 0px;
	background: rgba(255, 255, 255, 0.18);
}

.contentLocationExploration .progressBarExploration .fill-object-line {
	width: 10px;
	height: 2px;
}

.contentLocationExploration .progressBarExploration .fill-object-circle {
	width: 7px;
	height: 7px;
	background: rgba(255, 255, 255, 0.18);
	border-radius: 100%;
}

.contentLocationExploration .progressBarExploration .fill-object-square {
	width: 7px;
	height: 7px;
	background: rgba(255, 255, 255, 0.18);
}

.contentLocationExploration .progressBarExploration .fill-object-triangle1 {
	width: 0px;
	height: 0px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgba(255, 255, 255, 0.18);
	
	background: none;
}

.contentLocationExploration .progressBarExploration .fill-object-triangle2 {
	width: 0px;
	height: 0px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid rgba(255, 255, 255, 0.18);
	
	background: none;
}

.contentLocationExploration .progressBarExploration .percentsText {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 31px;
	text-align: center;
	line-height: 32px;
	font-size: 17px;
	color: #f4f4f4;
	
	font-family: OpenSans;
	
	text-shadow:
	   -1px -1px 0px #111,  
		1px -1px 0px #111,
		-1px 1px 0px #111,
		 1px 1px 0px #111;
}

.contentLocationExploration .rewardsResult {
	margin-top: 10px;
}

.contentLocationExploration .rewardsResult .reward {
	margin: 3px 0px;
}

.contentLocationExploration .rewardsResult .rewardItem {
	margin-top: 10px;
}

.contentLocationExploration .boxActiveQuest {
	margin: 0px auto 10px auto;
	padding: 6px 12px;
	background-color: #c2a9ac;
	border: 1px solid #755a52;
}


.contentLabyrinth {
}

.contentLabyrinth .enterInstantlyButton {
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
}

.contentLabyrinth .enterInstantlyButton .amount {
	margin-top: 4px;
	font-size: 12px;
}

.contentLabyrinth .labyrinthItems {
	margin-top: 10px;
}

.contentLabyrinth .labyrinthItems h2 {
	margin-top: 5px;
	font-size: 18px;
	text-align: center;
}

.contentLabyrinth .labyrinthItems .coinsAmount {
	margin-top: 30px;
	font-size: 15px;
}

.contentLabyrinth .labyrinthItems .itemsArea {
	margin-top: 10px;
	font-size: 0px;
}

.contentLabyrinth .labyrinthItems .itemsArea .itemBox {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-top: 6px;
	margin-right: 4px;
	width: 355px;
	background-color: #312d3c;
	border: 1px solid #111;
	padding: 4px;
	color: #ddd;
	font-size: 11px;
	border-radius: 3px;
	text-align: left;
}

.contentLabyrinth .labyrinthItems .itemsArea .itemBox.unavailable {
	opacity: 0.85;
}

.contentLabyrinth .labyrinthItems .itemsArea .itemBox .itemName {
	font-size: 13px;
}

.contentLabyrinth .labyrinthItems .itemsArea .itemBox .owning {
	float: right;
}

.contentLabyrinth .labyrinthItems .itemsArea .itemBox .itemDescription {
	margin-top: 10px;
	/* font-style: italic; */
	font-size: 10px;
	color: #ccc;
}

.contentLabyrinth .labyrinthItems .itemsArea .itemBox .buttons {
	margin-top: 5px;
	padding: 10px 0px 2px 0px;
	border-top: 1px solid #666;
	text-align: center;
}

.contentLabyrinth .labyrinthItems .itemsArea .itemBox .buttons .separator {
	padding: 0px 10px;
	font-size: 16px;
}

.contentLabyrinth .playerHasItem {
	color: #00dd00;
}

.contentLabyrinth .playerDoesntHaveItem {
	color: #ff0000;
}

.contentLabyrinth .infoPanel {
	padding: 5px;
	background-color: #c7aeb2;
	border: 1px solid #777;
}

.contentLabyrinth .playerPanel {
	text-align: center;
}

.contentLabyrinth .playerPanel .health {
}

.contentLabyrinth .playerPanel .health .healthHeading {
	font-size: 16px;
}

.contentLabyrinth .playerPanel .health .healthBar {
	position: relative;
	margin: 5px auto;
	width: 200px;
	height: 15px;
	background: #111;
	border: 1px solid #000;
}

.contentLabyrinth .playerPanel .health .healthBar .healthBarFill {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #ee0000;
}

.contentLabyrinth .playerPanel .health .healthBarText {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #eee;
	font-size: 12px;
	line-height: 15px;
}

.contentLabyrinth .labyrinthContentArea {
	margin: 20px auto 10px auto;
	text-align: center;
}

.contentLabyrinth .labyrinthStepArea {
	margin: 20px auto 40px auto;
	text-align: center;
}

.contentLabyrinth .labyrinthStepArea .steps {
	font-size: 0px;
}

.contentLabyrinth .labyrinthStepArea .step {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0px 3px;
	padding: 5px 10px;
	width: 220px;
	font-size: 13px;
	height: 200px;
	cursor: pointer;
	
	transition: 0.1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-o-transition: 0.1s;
	
	box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;
	-moz-box-shadow: 0px 0px 2px #000;
}

.contentLabyrinth .labyrinthStepArea .step:not(.stepInactive):hover {
	background-color: #c7aeb2;
	
	box-shadow: 0px 0px 4px #000;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
}

.contentLabyrinth .labyrinthStepArea .step.stepInactive {
	cursor: default;
	opacity: 0.5;
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon {
	position: absolute;
	bottom: 60px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 70px;
	
	/*
	border-radius: 100%;
	*/
	
	background-size: contain;
	background-repeat: no-repeat;
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon1 {
	background-image: url("../images/icons/labyrinth/1.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon2 {
	background-image: url("../images/icons/labyrinth/5.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon3 {
	background-image: url("../images/icons/labyrinth/6.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon4 {
	background-image: url("../images/icons/labyrinth/7.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon5 {
	background-image: url("../images/icons/labyrinth/16.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon6 {
	background-image: url("../images/icons/labyrinth/8.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon7 {
	background-image: url("../images/icons/labyrinth/9.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon8 {
	background-image: url("../images/icons/labyrinth/12.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon9 {
	background-image: url("../images/icons/labyrinth/10.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon10 {
	background-image: url("../images/icons/labyrinth/11.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon11 {
	background-image: url("../images/icons/labyrinth/13.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon12 {
	background-image: url("../images/icons/labyrinth/14.png");
}

.contentLabyrinth .labyrinthStepArea .step .stepIcon13 {
	background-image: url("../images/icons/labyrinth/15.png");
}

.contentLabyrinth .labyrinthStepArea .step .button {
	position: absolute;
	bottom: 5px;
	left: 0px;
	right: 0px;
	margin: 0px auto;
}

.contentLabyrinth .playerItemsPanel {	
}

.contentLabyrinth .playerItemsPanel table.infoPanelTable {
	margin: 10px auto;
}

.contentLabyrinth .playerItemsPanel table.infoPanelTable th, .contentLabyrinth .playerItemsPanel table.infoPanelTable td {
	text-align: left;
	padding-right: 30px;
}

.contentLabyrinth table.tableLabyrinthRewards {
	margin-top: 30px;
	width: 98%;
	border: 2px solid #333;
	border-spacing: 0px;
	border-collapse: collapse;
}

.contentLabyrinth table.tableLabyrinthRewards th, .contentLabyrinth table.tableLabyrinthRewards td {
	border: 1px solid #222;
	padding: 8px;
	text-align: center;
}

.contentLabyrinth table.tableSelectedItems {
	margin: 10px auto 0px auto;
}

.contentLabyrinth table.tableSelectedItems td {
	padding: 0px 15px;
}


.contentLabyrinthMerchant {
}

.contentLabyrinthMerchant .coinsAmount {
	margin: 10px auto;
	text-align: center;
	font-size: 16px;
}

.contentLabyrinthMerchant .itemsMenu {
	margin: 20px auto;
	text-align: center;
}

.contentLabyrinthMerchant .itemsMenu a {
	cursor: pointer;
	padding: 8px 22px;
	color: #000 !important;
	font-size: 14px;
}

.contentLabyrinthMerchant .itemsMenu a:hover {
	background-color: #bda4a6;
	text-decoration: none !important;
}

.contentLabyrinthMerchant .itemsMenu a.active {
	background-color: #bda4a6;
	border-bottom: 2px solid #8a7071;
}

.contentLabyrinthMerchant .itemsArea {
	margin: 30px auto 0px auto;
	width: 750px;
}

.contentLabyrinthMerchant .itemBox {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 5px 2px;
	width: 365px;
	height: 130px;
	border: 2px solid #8a7071;
}

.contentLabyrinthMerchant .itemBox .itemName {
	padding: 3px 6px;
	background-color: #bda4a6;
	border-bottom: 1px solid #8a7071;
	font-size: 14px;
}

.contentLabyrinthMerchant .itemBox .itemContent {
	padding: 3px;
}

.contentLabyrinthMerchant .itemBox .owningCount {
	margin-top: 2px;
	margin-bottom: 5px;
}

.contentLabyrinthMerchant .itemBox .itemDescription {
	margin-top: 10px;
	font-size: 12px;
}

.contentLabyrinthMerchant .itemBox .buttons {
	position: absolute;
	bottom: 0px;
	border-top: 1px solid #8a7071;
	background-color: #bda4a6;
	margin-top: 20px;
	width: 100%;
	padding: 5px 0px;
	text-align: center;
}

.contentLabyrinthMerchant .itemBox .itemOwning {
	text-align: center;
	color: #007700;
	font-family: OpenSansBold;
}


.contentStoryOverview {
}

.contentStoryOverview .chapters {
	position: relative;
	width: 100%;
}

.contentStoryOverview .chapters .paginationLink {
	position: absolute;
	top: 0px;
	
	user-select: none;
}

.contentStoryOverview .chapters .paginationLink.paginationLinkLeft {
	left: 5px;
}

.contentStoryOverview .chapters .paginationLink.paginationLinkRight {
	right: 5px;
}

.contentStoryOverview .chapters .paginationLink.disabled {
	opacity: 0.5;
}

.contentStoryOverview .chapters .paginationLink a {
	color: #000 !important;
	text-decoration: none;
}

.contentStoryOverview .chapters .paginationLink a:hover {
	text-decoration: none;
}

.contentStoryOverview .chapters .paginationLink .text {
	position: relative;
	top: -4px;
	font-size: 13px;
}

.contentStoryOverview .chapters .paginationLink .arrow {
	font-size: 26px;
}

.contentStoryOverview .chapters .chapter {
	position: relative;
	top: 7px;
	margin: 0px auto;
	width: max-content;
	font-size: 16px;
	font-family: OpenSansSemibold;
}

.contentStoryOverview .chapterContent {
	margin: 0px auto;
	width: 600px;
}

.contentStoryOverview .chapterContent .buttons {
	margin-top: 10px;
	text-align: center;
}

.contentStoryOverview .chapterDescription {
	position: relative;
	padding: 15px;
	border: 1px solid #222;
	text-align: justify;
	
	background-color: #c2a9ac;
	border: 1px solid #755a52;
	
	box-shadow: inset 0px 0px 3px 0px #755a52;
}

.contentStoryOverview .chapterDescription p {
	font-size: 14px;
	line-height: 1.5;
}

.contentStoryOverview .chapterDescription p:first-of-type {
	margin-top: 0px;
}

.contentStoryOverview .chapterDescription p:last-of-type {
	margin-top: 2px;
	margin-bottom: 2px;
}

.contentStoryOverview .chapterDescription .opponentHeading {
}

.contentStoryOverview .chapterDescription .opponentHeading .icon {
	display: inline-block;
	vertical-align: -8px;
	width: 26px;
	height: 26px;
	background-image: url("../images/icons/sword.jpg");
	background-repeat: no-repeat;
	background-size: contain;
}

.contentStoryOverview .chapterDescription .opponentHeading .text {
	display: inline-block;
}

.contentStoryOverview .chapterDescription .opponentArea {
	position: relative;
	margin-top: 10px;
	
	/*
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	*/
}

.contentStoryOverview .chapterDescription .opponentArea .left {
	display: inline-block;
	vertical-align: top;
}

.contentStoryOverview .chapterDescription .opponentArea .left .image {
	width: 125px;
	height: 125px;
	box-shadow: 0px 0px 4px #755a52;
	
	background-size: contain;
	background-repeat: no-repeat;
}

.contentStoryOverview .chapterDescription .opponentArea .right {
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	color: #000;
}

.contentStoryOverview .chapterDescription .opponentArea .opponentName {
	font-size: 16px;
}

.contentStoryOverview .chapterDescription .opponentArea .opponentStats {
	margin-top: 5px;
}

.contentStoryOverview .chapterDescription .opponentArea .opponentUnknown {
}

.contentStoryOverview .chapterDescription .dialogue {
	margin: 30px 0px;
	
	border-top: 2px dashed #755a52;
	border-bottom: 2px dashed #755a52;
}

.contentStoryOverview .chapterDescription .dialogue .side {
	display: block;
	position: relative;
	margin: 20px 0px;
}

.contentStoryOverview .chapterDescription .dialogue .side .dialogueContent {
}

.contentStoryOverview .chapterDescription .dialogue .leftSide .dialogueContent {
	text-align: left;
}

.contentStoryOverview .chapterDescription .dialogue .rightSide .dialogueContent {
	text-align: right;
}

.contentStoryOverview .chapterDescription .dialogue .side .dialogueContent .text {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	text-align: justify;
}

.contentStoryOverview .chapterDescription .dialogue .leftSide .dialogueContent .text {
	margin-left: 10px;
}

.contentStoryOverview .chapterDescription .dialogue .rightSide .dialogueContent .text {
	margin-right: 10px;
}

.contentStoryOverview .chapterDescription .dialogue .side .avatar {
	display: inline-block;
	vertical-align: top;
	width: 90px;
	height: 90px;
	background-repeat: no-repeat;
	background-size: contain;
	
	box-shadow: 0px 0px 2px 1px #111;
}

.contentStoryOverview .chapterDescription .dialogue .side .name {
	margin: 0px 1px 4px 1px;
	font-size: 14px;
}

.contentStoryOverview .chapterLevel {
	position: relative;
	font-size: 15px;
	text-align: center;
	margin-bottom: 3px;
	
	padding: 10px;
	background-color: #c2a9ac;
	border: 1px solid #755a52;
	
	box-shadow: inset 0px 0px 3px 0px #755a52;
}

.contentStoryOverview .chapterLevel .paginationLink {
	position: absolute;
	top: 8px;
	
	user-select: none;
}

.contentStoryOverview .chapterLevel .paginationLink.paginationLinkLeft {
	left: 0px;
}

.contentStoryOverview .chapterLevel .paginationLink.paginationLinkRight {
	right: 0px;
}

.contentStoryOverview .chapterLevel .paginationLink.disabled {
	opacity: 0.5;
	cursor: default;
}

.contentStoryOverview .chapterLevel .paginationLink a {
	color: #000 !important;
	text-decoration: none;
	padding: 5px;
}

.contentStoryOverview .chapterLevel .paginationLink a:hover {
	text-decoration: none;
}

.contentStoryOverview .chapterLevel .paginationLink .text {
	position: relative;
	top: -2px;
	font-size: 12px;
}

.contentStoryOverview .chapterLevel .paginationLink .arrow {
	font-size: 18px;
}

.contentStoryOverview .quoteIcon {
	float: left;
	width: 24px;
	height: 24px;
	padding-right: 10px;
	background-image: url("../images/icons/quote.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.contentStoryOverview .textDisabled {
	opacity: 0.5;
}

.contentStoryOverview .firstChapterTip {
	margin: 20px auto 0px auto;
	padding: 5px 10px;
	background-color: #c2a9ac;
	border: 1px solid #755a52;
	width: max-content;
}

.contentStoryOverview .currentChapterLevelAttackHint {
	margin-top: 20px;
	text-align: center;
	border: 2px solid #755a52;
	padding: 7px 10px;
	margin: 20px auto 0px auto;
	width: max-content;
	max-width: 90%;
	background-color: #b59a9d;
}



/*
.contentStoryOverview {
}

.contentStoryOverview .chapters {
	margin: 0px 0px;
	text-align: center;
}

.contentStoryOverview .chapters .chapterLink {
	display: inline-block;
	padding: 2px 10px;
	font-size: 14px;
}

.contentStoryOverview .chapters .chapterDisabled {
	color: #000;
	opacity: 0.35;
}

.contentStoryOverview .chapters .chapterLink a {
	color: #823a03 !important;
	text-decoration: none;
}

.contentStoryOverview .chapters .chapterLink a.current {
	font-family: OpenSansBold !important;
	text-decoration: underline !important;
}

.contentStoryOverview .chapterLevels {
	margin-top: 5px;
	text-align: center;
}

.contentStoryOverview .chapterLevels .chapterLink {
	display: inline-block;
	padding: 2px 10px;
	font-size: 14px;
}

.contentStoryOverview .chapterLevels .chapterLink a {
	color: #823a03 !important;
	text-decoration: none;
}

.contentStoryOverview .chapterLevels .chapterLink a.current {
	font-family: OpenSansBold !important;
	text-decoration: underline !important;
}

.contentStoryOverview .chapterContent {
	margin-top: 20px;
	padding: 0px 5px;
}

.contentStoryOverview .chapterContent h2 {
	text-align: center;
	font-size: 18px;
}

.contentStoryOverview .chapterContent .chapterText {
	text-align: justify;
}

.contentStoryOverview .chapterContent .information {
	margin-top: 10px;
	font-size: 11px;
}

.contentStoryOverview .chapterContent .buttons {
	margin-top: 30px;
	text-align: center;
}

.contentStoryOverview .buttonDungeonDetails {
	margin-top: 10px;
}

.contentStoryOverview .buttons {
	margin-top: 50px;
	text-align: center;
}
*/


.tooltipWorkerWorkLocation {
	width: max-content;
}

.tooltipWorkerWorkLocation .location {
	margin-left: 2px;
	color: #fcc82b;
}

.tooltipInfoHighlightText {
	color: #dd0000;
	border-bottom: 1px dotted #dd0000;
	cursor: default;
}

.tooltiTribeGoldDonationMemberDays {
	font-family: OpenSansSemibold;
	width: 450px;
	padding: 4px 4px;
	font-size: 12px;
	text-align: center;
}


.contentNotes {	
}

.contentNotes .noteContainer {
	margin: 0px auto;
	width: 600px;
	border: 1px solid #111;
}

.contentNotes .noteContainer:not(:last-child) {
	border-bottom: none;
}

.contentNotes .noteContainer .noteHeader {
	padding: 12px 8px;
	cursor: pointer;
	background-color: #c7aeb2;
}

.contentNotes .noteContainer .noteHeader:hover {
	background-color: #bda4a8;
}

.contentNotes .noteContainer .noteHeader .name {
	font-size: 15px;
	line-height: 15px;
}

.contentNotes .noteContainer .noteHeader .buttons {
	float: right;
}

.contentNotes .noteContainer .noteHeader .buttons a {
	position: relative;
	top: -6px;
	padding: 4px 10px;
}

.contentNotes .noteContainer .noteContent {
	border-top: 1px solid #111;
	padding: 8px;
}

.contentNotes .noteContainer .noteContent textarea {
	margin: 0px auto;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 120px;
	min-height: 60px;
	max-height: 500px;
}

.contentNotes .noteContainer .noteContent .formButtons {
	margin-top: 6px;
}

.contentNotes .newNoteForm {
	margin: 0px auto;
	width: 600px;
}

.contentNotes .newNoteForm textarea {
	min-width: 300px;
	max-width: 600px;
	min-height: 100px;
	max-height: 400px;
}

.contentNotes .noCreatedNotes {
	margin-top: 20px;
}


.traderContent .lootGame {
	margin-top: 0px;
}

.traderContent .lootGame h2 {
	margin: 0px;
}

.traderContent .lootGame .lootBoxes {
	margin: 20px auto;
	width: max-content;
}

.traderContent .lootGame .lootBoxes .lootBox {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 120px;
	height: 120px;
	margin: 5px 10px;
	border: 2px solid #94816f;
	background-color: #c2a9ac;
}

.traderContent .lootGame .lootBoxes .lootBox .text {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
	color: #000;
	
	width: max-content;
	height: 40px;
}

.traderContent .lootGame .lootBoxes .lootBox .textHidden {
	font-size: 25px;
}

.traderContent .lootGame .lootBoxes .lootBox.available {
	cursor: pointer;
}

.traderContent .lootGame .lootBoxes .lootBox.available:hover {
	background-color: #ba9e9e;
}

.traderContent .lootGame .lootBoxes .lootBox.disabled {
	opacity: 0.35;
}

.traderContent .lootGame .lootBoxes .lootBox.selected {
	border-color: #755a52;
}

.traderContent .lootGame .rewardNothing {
	cursor: default;
	font-size: 25px;
}

.traderContent .lootGame .rewardResource {
	font-size: 18px;
}

.traderContent .lootGame .rewardItem {
	font-size: 18px;
}

.traderContent .lootGame .buttons {
	margin-top: 12px;
	border-top: 1px solid #755a52;
}

.traderContent .lootGame .button {
	display: inline-block;
	margin: 15px 5px 0px 5px;
	text-align: center;
	padding: 8px 16px;
	font-size: 16px;
	font-family: OpenSansSemibold;
	background-color: #c2a9ac;
	border: 2px solid #755a52;
	color: #000 !important;
	border-radius: 4px;
}

.traderContent .lootGame .button:not(.disabled):hover {
	background-color: #baa2a2;
	text-decoration: none;
}


.contentSmeltery {
}

.contentSmeltery .specializationBonus {
	margin-top: 10px;
	text-align: center;
	color: #006600;
}

.contentSmeltery .slots {
	margin: 10px auto 0px auto;
	width: 750px;
	height: 120px;
}

.contentSmeltery .slots .slotContainer {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	height: 50px;
	margin: 0px 10px;
}

.contentSmeltery .slots .slotContainer.containerResult {
	width: initial;
	min-width: 160px;
	max-width: 250px;	
}

.contentSmeltery .slots .slotContainer .slotHeading {
	text-align: center;
	font-size: 15px;
}

.contentSmeltery .slots .slotContainer .slotDrop {
	position: relative;
	margin: 10px auto 0px auto;
	width: 80px;
	height: 80px;
	background-color: #c2a9ac;
	border: 2px solid #755a52;	
}

.contentSmeltery .slots .slotContainer .slotDrop .itemSlot {
	margin: 0px;
	border: none;
	width: 80px;
	height: 80px;
}

.contentSmeltery .resourcesResult {
	margin-top: 20px;
	font-size: 14px;
}

.contentSmeltery .resourcesResult .noItem {
	font-size: 24px;
	letter-spacing: 1.5px;
}

.contentSmeltery .dismantlingResult {
	position: relative;
	height: 68px;
}

.contentSmeltery .dismantlingResult .button {
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
}

.contentSmeltery .slotDrop .ajaxLoaderArea {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
}

.contentSmeltery .ajaxLoader {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: 0.25em solid #333;
	border-right-color: transparent;
	border-radius: 50%;
	
	animation: item-slot-spinner-border .75s linear infinite;
	-webkit-animation: item-slot-spinner-border .75s linear infinite;
}

.contentSmeltery .scrollResult {
	position: relative;
	height: 68px;
}



.contentPlayerSkills {
}

.contentPlayerSkills h2.premiumHeading {
	font-size: 18px;
	padding-left: 6px;
	color: #161616;
}

.contentPlayerSkills .skillBox {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 235px;
	height: 300px;
	margin: 8px 5px;
	text-align: left;
	
	/*
	border: 2px solid #755a52;
	border-radius: 6px;
	*/
	
	background-color: #c2a9ac;
	background: linear-gradient(180deg, rgba(194,169,172,1) 60%, rgba(176,152,155,1) 100%);
	
	border: 2px solid #111;
	border-radius: 3px;
	
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}
		
.contentPlayerSkills .skillBox .name {
	text-align: center;
	font-size: 14px;
	padding: 8px 0px;
	border-bottom: 2px solid #755a52;
	background-color: #b5989c;
	
	background: rgba(49,45,60,1);
	background: -moz-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(49,45,60,1)), color-stop(100%, rgba(32,30,40,1)));
	background: -webkit-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -o-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: -ms-linear-gradient(top, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	background: linear-gradient(to bottom, rgba(49,45,60,1) 0%, rgba(32,30,40,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#312d3c', endColorstr='#201e28', GradientType=0 );
	
	color: #e4e4e4;
}

.contentPlayerSkills .skillBox .body {
	
}

.contentPlayerSkills .skillBox .description {
	min-height: 50px;
	text-align: center;
	padding: 6px 5px;
	font-size: 12px;
	border-bottom: 2px solid #755a52;
	background-color: #cfbabc;
}

.contentPlayerSkills .skillBox .currentBonus {
	padding: 5px;
	font-size: 13px;
}

.contentPlayerSkills .skillBox .currentBonus .text {
	margin-top: 1px;
	font-size: 13px;
}

.contentPlayerSkills .skillBox .bar {
	position: absolute;
	bottom: 5px;
	right: 5px;
	background: #9e8386;
	padding: 1px 2px;
	text-align: center;
	border: 2px solid #755a52;
}

.contentPlayerSkills .skillBox .bar .part {
	display: block;
	width: 40px;
	height: 13px;
	margin: 2px 0px;
}

.contentPlayerSkills .skillBox .bar .part:not(:last-child) {
	
}
		
.contentPlayerSkills .skillBox .bar .part.empty {
	background: rgba(0, 0, 0, 0.75);
	border: 1px solid #444;
}

.contentPlayerSkills .skillBox .bar .part.filled {
	/* background: rgba(0, 120, 0, 0.80); */
	background: #e3bd40;
	
	/* background: linear-gradient(90deg, rgba(201,161,31,1) 0%, rgba(215,172,33,1) 20%, rgba(230,192,64,1) 100%); */
	/* background: linear-gradient(90deg, rgba(34,136,21,1) 0%, rgba(31,152,24,1) 30%, rgba(45,162,38,1) 100%); */
	
	background: rgb(186,137,45);
	background: linear-gradient(90deg, rgba(186,137,45,1) 0%, rgba(241,237,149,1) 48%, rgba(186,137,45,1) 100%);
	
	background: rgb(186,137,45);
	background: linear-gradient(170deg, rgba(186,137,45,1) 0%, rgba(241,237,149,1) 48%, rgba(186,137,45,1) 100%);
	
	border: 1px solid #111;
}

.contentPlayerSkills .skillBox .button {
	position: absolute;
	left: 5px;
	bottom: 5px;
	padding: 5px;
	border: 2px solid #755a52;
	border-radius: 4px;
	background-color: #b5989c;
	font-size: 15px;
	
	text-align: center;
}

.contentPlayerSkills .skillBox .buttonArea {
	position: absolute;
	left: 4px;
	bottom: 5px;
}

.contentPlayerSkills .skillBox .buttonArea .darkButton {
	padding: 5px 7px;
	font-size: 14px;
	min-width: 70px;
}

.contentPlayerSkills .skillBox .completed {
	position: absolute;
	left: 5px;
	bottom: 5px;
	color: #007200;
	text-shadow: 0px 0px 1px #555;
	font-size: 15px;
}

.contentPlayerSkills .skillBox .levelRequirement {
	position: absolute;
	left: 5px;
	bottom: 5px;
	color: #aa0000;
	text-shadow: 0px 0px 1px #555;
	font-size: 15px;
}

.contentPlayerSkills .boxesWrapper {
	width: max-content;
	margin: 0px auto;
}

.contentPlayerSkills .boxesWrapper .premiumHeading) {
	text-align: left;
}

.contentPlayerSkills .skillsTotal {
	margin: 30px auto 20px auto;
	width: max-content;
	text-align: center;
	font-size: 17px;
	padding: 0px 75px 3px 75px;
	border-bottom: 1px solid #755a52;
}

.contentPlayerSkills .currentPoints {
	margin: 20px auto 30px auto;
	text-align: center;
	font-size: 17px;
}

.contentPlayerSkills .skillCategories {
	width: max-content;
	margin: 10px auto 15px auto;
}

.contentPlayerSkills .skillCategories a {
	display: inline-block;
	padding: 7px 14px;
	margin: 0px 2px;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	color: #472920;
	font-size: 16px;
	border-radius: 3px;
	cursor: pointer;
}

.contentPlayerSkills .skillCategories a:hover {
	background-color: #bfaaac;
	border-bottom: 2px solid #664035;
	text-decoration: none;
}

.contentPlayerSkills .skillCategories a.active {
	background-color: #b8a2a4;
	border-bottom: 2px solid #664035;
}

.contentPlayerSkills .skillsReset {
	text-align: center;
}

.contentPlayerSkills .skillsReset .heading {
	font-size: 17px;
}

.contentPlayerSkills .skillsReset .date {
	margin-top: 10px;
}

.contentPlayerSkills .skillsReset .buttons {
	margin-top: 10px;
}


table.tablePlayerDetail {
}

table.tablePlayerDetail th, table.tablePlayerDetail td {
	width: 50%;
	padding-top: 8px;
	padding-bottom: 8px;
}

table.tablePlayerDetail .buttonMargin {
	margin-left: 10px;
}


.contentPlayerSpecialization {
}

.contentPlayerSpecialization .specializationCategory {
	padding: 6px 12px;
	font-size: 15px;
	border-radius: 4px;
	color: #000;
	text-shadow: 0px 0px 0px #000;
	border: 1px solid #222;
	box-shadow: 0px 1px 3px #222;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.contentPlayerSpecialization .specializationCategory.time {
	background: linear-gradient(310deg, rgba(101,162,249,1) 60%, rgba(80,142,230,1) 100%);
}

.contentPlayerSpecialization .specializationCategory.economy {
	background: linear-gradient(310deg, rgba(219,190,103,1) 60%, rgba(195,165,75,1) 100%);
}

.contentPlayerSpecialization .specializationCategory.environment {
	background: linear-gradient(310deg, rgba(100,190,105,1) 60%, rgba(81,171,84,1) 100%);
}

.contentPlayerSpecialization .specializationCategory.fight {
	background: linear-gradient(310deg, rgba(222,119,105,1) 60%, rgba(200,100,95,1) 100%);
}

.contentPlayerSpecialization .categoryTabs {
	margin: 30px auto;
	text-align: center;
	width: max-content;
	padding: 15px 25px;
	background-color: #c2a9ac;
	border: 2px solid #755a52;
}

.contentPlayerSpecialization .categoryTabs .tab {
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px;
	width: max-content;
	cursor: pointer;
}

.contentPlayerSpecialization .categoryTabs .tab.time.active {
	box-shadow: 0px 1px 3px #222, 0px 0px 6px 1px #396acc;
}

.contentPlayerSpecialization .categoryTabs .tab.economy.active {
	box-shadow: 0px 1px 3px #222, 0px 0px 6px 1px #806b0a;
}

.contentPlayerSpecialization .categoryTabs .tab.environment.active {
	box-shadow: 0px 1px 3px #222, 0px 0px 6px 1px #16630e;
}

.contentPlayerSpecialization .categoryTabs .tab.fight.active {
	box-shadow: 0px 1px 3px #222, 0px 0px 6px 1px #7a1020;
}


.contentPlayerSpecialization .specializationSelect {
	position: relative;
	margin: 25px 0px 20px 0px;
	min-height: 130px;
}

.contentPlayerSpecialization .specializationSelect .arrow {
	position: absolute;
	top: 20px;
	font-size: 40px;
	color: #000;
	cursor: pointer;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.contentPlayerSpecialization .specializationSelect .arrow:hover {
	color: #222;
}

.contentPlayerSpecialization .specializationSelect .arrow:active {
	color: #444;
}

.contentPlayerSpecialization .specializationSelect .arrowLeft {
	left: 10px;
}

.contentPlayerSpecialization .specializationSelect .arrowRight {
	right: 10px;
}

.contentPlayerSpecialization .specializationSelect .specializationDetail {
	margin: 0px auto;
	/* width: max-content; */
	width: 450px;
	padding: 10px 25px;
	font-size: 14px;
	
	background-color: #c2a9ac;
	border: 1px solid #453e33;
	border-radius: 4px;
	
	box-shadow: 0px 0px 1px #222;
	-webkit-box-shadow: 0px 0px 1px #222;
	-moz-box-shadow: 0px 0px 1px #222;
}

.contentPlayerSpecialization .specializationSelect .specializationDetail h3 {
	text-align: center;
	font-size: 19px;
	margin: 0px;
	padding: 0px;
}

.contentPlayerSpecialization .specializationSelect .specializationDetail ul {
	/* margin: 10px 0px 0px 5px; */
	margin: 10px auto;
	min-width: 280px;
	max-width: 380px;
	
	padding: 0px;
}

.contentPlayerSpecialization .specializationSelect .specializationDetail ul li {
}

.contentPlayerSpecialization .specializationSelect .recommendedLevel {
	text-align: center;
	font-size: 15px;
	color: #bb0000;
}

.contentPlayerSpecialization .specializationSelect .specializationDetail .button {
	margin-top: 20px;
	text-align: center;
}

.contentPlayerSpecialization .specializationsContainer .button {
	margin-top: 15px;
	text-align: center;
}

.contentPlayerSpecialization .playerSpecializations {
	margin: 0px auto;
	position: relative;
	height: 250px;
}

.contentPlayerSpecialization .playerSpecializations .specialization {
	position: absolute;
	width: 300px;
	height: 200px;
	font-size: 13px;
}

.contentPlayerSpecialization .playerSpecializations .specialization1 {
	left: 10px;
}

.contentPlayerSpecialization .playerSpecializations .specialization2 {
	left: 400px;
}

.contentPlayerSpecialization .playerSpecializations .specialization h3 {
	margin: 0px 0px 10px 0px;
	background-color: #c2a9ac;
	border: 1px solid #453e33;
	border-radius: 4px;
	padding: 5px 8px;
	font-size: 15px;
}

.contentPlayerSpecialization .playerSpecializations .specialization ul {
	margin-left: 0px;
	padding-left: 20px;
}

.contentPlayerSpecialization .playerSpecializations .specialization .dateSelected {
	margin-top: 15px;
}

.contentPlayerSpecialization .playerSpecializations .specialization .buttonsRemoveSpecialization {
	margin-top: 10px;
}

.contentPlayerSpecialization .playerSpecializations .specialization .buttonsRemoveSpecialization .button {
	margin-top: 5px;
}

.contentPlayerSpecialization h2 {
	margin-top: 0px;
	/* margin-left: 10px; */
}

.contentPlayerSpecialization .buttonRemoveSpecialization {
	margin-top: 10px;
}


.contentScrollActivator {
}

.contentScrollActivator .slots {
	margin: 10px auto 0px auto;
	width: 750px;
	height: 120px;
}

.contentScrollActivator .slots .slotContainer {
	display: inline-block;
	vertical-align: top;
	width: 160px;
	height: 50px;
	margin: 0px 10px;
}

.contentScrollActivator .slots .slotContainer .slotHeading {
	text-align: center;
	font-size: 15px;
}

.contentScrollActivator .slots .slotContainer .slotDrop {
	position: relative;
	margin: 10px auto 0px auto;
	width: 80px;
	height: 80px;
	background-color: #c2a9ac;
	border: 2px solid #755a52;	
}

.contentScrollActivator .slots .slotContainer .slotDrop .itemSlot {
	margin: 0px;
	border: none;
	width: 80px;
	height: 80px;
}

.contentScrollActivator .slotDrop .ajaxLoaderArea {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
}

.contentScrollActivator .scrollResult {
	position: relative;
	height: 68px;
}

.contentScrollActivator .scrollResult .scrollAttribute {
	margin-top: 20px;
}

.contentScrollActivator .scrollResult .button {
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
}

.contentScrollActivator .ajaxLoader {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: text-bottom;
	border: 0.25em solid #333;
	border-right-color: transparent;
	border-radius: 50%;
	
	animation: item-slot-spinner-border .75s linear infinite;
	-webkit-animation: item-slot-spinner-border .75s linear infinite;
}


.contentStoryCurrentDungeon {
}

.contentStoryCurrentDungeon .description {
	position: relative;
	width: 75%;
	margin: 0px auto;
	padding: 15px;
	background-color: #c2a9ac;
	border: 1px solid #755a52;
	text-align: justify;
	/* font-size: 14px; */
	font-size: 14px;
	
	box-shadow: inset 0px 0px 3px 0px #755a52;
}

.contentStoryCurrentDungeon .description p {
	font-size: 14px;
	line-height: 1.5;
}

.contentStoryCurrentDungeon .description .quoteIcon {
	float: left;
	width: 24px;
	height: 24px;
	padding-right: 10px;
	background-image: url("../images/icons/quote.svg");
	background-repeat: no-repeat;
	background-size: contain;
}

.contentStoryCurrentDungeon .description p:first-of-type {
	margin-top: 0px;
}

.contentStoryCurrentDungeon .description p:last-of-type {
	margin-top: 2px;
	margin-bottom: 2px;
}

.contentStoryCurrentDungeon .buttons {
	margin-top: 20px;
	text-align: center;
}

.contentStoryCurrentDungeon .conversation {
	position: relative;
	height: 230px;
}

.contentStoryCurrentDungeon .conversation .name {
	position: absolute;
	top: 0px;
	min-width: 140px;
	width: max-content;
	text-align: center;
	font-size: 15px;
}

.contentStoryCurrentDungeon .conversation .avatar {
	position: absolute;
	top: 30px;
	width: 140px;
	height: 140px;
	background-repeat: no-repeat;
	background-size: contain;
	
	box-shadow: 0px 0px 2px 1px #111;
}

.contentStoryCurrentDungeon .conversation .text {
	/*
	display: inline-block;
	vertical-align: middle;
	*/
	
	position: absolute;
	top: 31px;
	width: max-content;
	max-width: 300px;
	padding: 8px;
	font-size: 14px;
	
	background-color: #c2a9ac;
	border: 1px solid #755a52;
	text-align: justify;
	
	box-shadow: 1px 1px 5px 0px #9e837b, 0px 0px 1px #755a52;
}

.contentStoryCurrentDungeon .conversation .leftSide {
	position: absolute;
	top: 20px;
	left: 10px;
}

.contentStoryCurrentDungeon .conversation .leftSide .name {
	left: 0px;
}

.contentStoryCurrentDungeon .conversation .leftSide .avatar {
	left: 0px;
}

.contentStoryCurrentDungeon .conversation .leftSide .text {
	left: 150px;
}

.contentStoryCurrentDungeon .conversation .rightSide {
	position: absolute;
	top: 20px;
	right: 10px;
}

.contentStoryCurrentDungeon .conversation .rightSide .name {
	right: 0px;
}

.contentStoryCurrentDungeon .conversation .rightSide .avatar {
	right: 0px;
}

.contentStoryCurrentDungeon .conversation .rightSide .text {
	right: 150px;
}

.contentStoryCurrentDungeon .conversation .leftSide .line {
	position: absolute;
	top: 70px;
	left: 150px;
	width: 60px;
	height: 0px;
	/* border-bottom: 1px solid black; */
	
	height: 1px;
	background: black;
	
	/* transform: skew(0deg, -30deg); */
	/* transform: rotate(-30deg); */
	
	transform: rotate(-30deg) skew(-30deg);
}




.contentDungeonBetaRestricted {
	color: #ddd;
	text-align: center;
}

.contentDungeonBetaRestricted .head {
	font-size: 20px;
	color: #ed919f;
}

.contentDungeonBetaRestricted .text {
	margin: 20px 0px;
	font-size: 14px;
}

.contentDungeonBetaRestricted .beReady {
	color: #ed919f;
	font-size: 14px;
}

.contentDungeonBetaRestricted .images {
	margin-top: 20px;
	font-size: 0px;
}

.contentDungeonBetaRestricted .images .image {
	display: inline-block;
	margin-left: 10px;
	width: 140px;
	height: 140px;
	
	background-size: 100%;
	-webkit-background-size: 100%;
	-ms-background-sice: 100%;
	-o-background-size: 100%;
}

.contentTribeAdministration .row {
	margin: 0px auto;
	width: 550px;
}

.contentTribeAdministration .row a {
	margin: 10px 15px;
}


.contentTribeMemberPermissions {
}

.contentTribeMemberPermissions .permissions {
	margin: 10px 0px;
}

.contentTribeMemberPermissions .permissions .permission {
}


.contentTribeDonations {
}

.contentTribeDonations .filterContainer {
	display: flex;
	justify-content: space-between;
}

.contentTribeDonations .filterContainer .filter {
	margin-top: 15px;
}

.contentTribeTrainingGround {
}

.contentTribeTrainingGround .nextTrainingDate {
	margin: 20px 0px 30px 0px;
	text-align: center;
	font-size: 14px;
}

.contentTribeTrainingGround table.tableApplications {
	margin-bottom: 10px;
}

.contentTribeTrainingGround table.tableApplications th {
	padding-bottom: 10px;
}

.contentTribeTrainingGround table.tableApplications td {
	padding-top: 8px;
	padding-bottom: 8px;
}

.contentTribeTrainingGround .trainingAttributes {
	font-size: 13px;
}

.contentTribeTrainingGround .trainingProgressBar {
	position: relative;
	width: 180px;
	height: 18px;
	border: 2px solid #725b60;
	background-color: #c2a9ac;
}

.contentTribeTrainingGround .trainingProgressBar .fill {
	height: 100%;
}

.contentTribeTrainingGround .trainingProgressBar .text {
	position: absolute;
	top: -1px;
	z-index: 2;
	color: #000 !important;
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	
	text-shadow:
		-1px -1px 0px #c2a9ac,
		1px -1px 0px #c2a9ac,
		-1px 1px 0px #c2a9ac,
		1px 1px 0px #c2a9ac;
}

.contentTribeTrainingGround .trainingProgressBar .strength {
	background: rgb(96,149,235);
	background: linear-gradient(90deg, rgba(52,115,215,1) 0%, rgba(96,149,235,1) 100%);
}

.contentTribeTrainingGround .trainingProgressBar .defense {
	background: rgb(4,199,10);
	background: linear-gradient(90deg, rgba(1,164,6,1) 0%, rgba(4,199,10,1) 100%);
}

.contentTribeTrainingGround .trainingProgressBar .endurance {
	background: rgb(218,3,17);
	background: linear-gradient(90deg, rgba(232,9,24,1) 0%, rgba(255,18,34,1) 100%);
}

.contentTribeTrainingGround .trainingProgressBar .attackRate {
	background: rgb(232,177,24);
	background: linear-gradient(90deg, rgba(232,177,24,1) 0%, rgba(255,200,48,1) 100%);
}

.contentTribeTrainingGround .trainingProgressBar .accuracy {
	background: rgb(1,213,213);
	background: linear-gradient(90deg, rgba(0,205,205,1) 0%, rgba(2,237,237,1) 100%);
}

.contentTribeTrainingGround table.tableTribeTrainingGround {
	margin: 0px auto;
}

.contentTribeTrainingGround table.tableTribeTrainingGround th {
	font-size: 14px;
	font-family: OpenSansBold;
}

.contentTribeTrainingGround table.tableTribeTrainingGround td {
	font-size: 14px;
	padding-top: 5px;
}

.contentTribeTrainingGround table.tableTribeTrainingGround td.cellTrainings {
	padding-left: 5px;
}

.contentTribeTrainingGround table.tableTribeTrainingGround td.cellProgressBar {
	padding: 3px 5px;
}

.contentTribeTrainingGround table.tableTribeTrainingGround td.cellButtons {
	padding-left: 20px;
}


.contentTribeTemple {
}

.contentTribeTemple table {
}

.contentTribeTemple table th, .contentTribeTemple table td {
	padding: 8px 8px;
}

.contentTribeTemple tr.rowSelected td {
	background-color: #b49096;
}

.contentTribeTemple tr.rowDisabled td {
	opacity: 0.35;
}

.contentTribeTemple .questionMark {
	display: inline-block;
	vertical-align: bottom;
	margin-left: 10px;
	padding: 2px 5px 0px 5px;
	font-size: 18px;
	font-family: OpenSansBold;
	border-bottom: 1px dashed #000;
}

.tooltipFireAttackInfo {
	min-width: 200px;
	max-width: 350px;
	width: max-content;
}

.tooltipFireAttackInfo .heading {
	margin-bottom: 8px;
	font-size: 15px;
	color: #fcc82b;
}

.tooltipFireAttackInfo .row {
	margin: 2px 0px;
	font-size: 13px;
	font-family: OpenSans;
	color: #e2e2e2;
}




table.tableTribeMembers {
}

table.tableTribeMembers td.member {
	width: 25%;
	padding-left: 25px;
}

table.tableTribeMembers td.level {
	width: 10%;
	text-align: center;
}

table.tableTribeMembers td.rank {
	width: 25%;
	text-align: center;
}

table.tableTribeMembers td.activity {
	width: 20%;
	text-align: center;
}

.playerActivityTag {
	display: inline-block;
	margin: 0px;
	padding: 4px 8px;
	text-align: center;
	font-size: 13px;
	border: 2px solid #282635;
	border-radius: 5px;
	font-family: OpenSansMedium;
	background-color: #403a56;
	cursor: default;
}

table.tableTribeMembers .memberDeletionWarning {
	margin: 10px;
	padding: 5px 5px;
	background-color: #aa0000;
	color: #eee;
	border: 2px solid #660000;
}



.dialogSocialFacebook .pageHeading {
	font-size: 14px;
}

.dialogSocialFacebook .description {
	margin-top: 20px;
}

.dialogSocialFacebook a, .dialogSocialFacebook a:visited {
	display: inline-block;
	margin-top: 10px;
	color: #0000cc;
	font-size: 14px;
}

.dialogSocialFacebook .facebookContent {
	text-align: center;
	height: 30px;
}

.dialogSocialFacebook .closeButton {
	margin-top: 10px;
	text-align: center;
}


.dialogNewLevelAlert {
	width: 800px;
}

.dialogNewLevelAlert .closeButton {
	text-align: center;
}

.dialogNewLevelAlert .levelPossibilitiesList {
	width: max-content;
	max-width: 500px;
	margin: 0px auto;
	text-align: left;
}

.dialogNewLevelAlert .levelPossibilitiesList ul {
	padding-left: 0px;
}

.dialogNewLevelAlert .maximalLevelText {
	font-size: 20px;
	margin-bottom: 15px;
}


/* Paginators */
.paginator1 {
	margin-bottom: 5px;
	text-align: center;
	color: #918c84;
	font-size: 13px;
}

.paginator1 a.paginatorItem, .paginator1 span.paginatorItem {
	margin: 0px 2px;
	border: 2px solid #755a5f;
	padding: 2px 7px;
	border-radius: 5px;
	color: #222 !important;
	background-color: #c7afb3;
}

.paginator1 .paginatorItem:not(.inactive):hover {
	text-decoration: none;
	background-color: #b89ea2;
}

.paginator1 .paginatorItem.current {
	background-color: #b89ea2;
}

.paginator1 .paginatorItem.inactive {	
	opacity: 0.5;
}

.paginator1 .steps {	
	font-size: 14px;
	color: #6e4950;
}

.dialogFightPublic {
}

.dialogFightPublic .statusText {
	font-size: 17px;
}

.dialogFightPublic .highlightedText {
	margin: 0px auto;
	width: max-content;
}

.dialogFightPublic .buttons {
}

.dialogFightPublic .buttons a {
	margin-right: 5px;
}


.contentTitle {
}

.contentTitle .titleActiveBox {
	position: relative;
	margin: 10px auto;
	width: max-content;
	padding: 15px 15px 15px 5px;
	font-size: 15px;
	font-family: OpenSansMedium;
	color: #ececec;
	text-shadow: 0px 0px 6px #002200;
	/* background-color: #409444; */
	border: 2px solid #1f5421;
	background: linear-gradient(159deg, rgba(52,136,56,1) 0%, rgba(58,142,62,1) 25%, rgba(28,112,32,1) 98%);
	
	filter: drop-shadow(0px 2px 3px #005500);
	-webkit-filter: drop-shadow(0px 2px 3px #005500);
}

.contentTitle .titleActiveBox .icon {
	position: absolute;
	top: 6px;
	left: 10px;
	width: 40px;
	height: 40px;
	background-color: #154516;
	
	mask: url("../images/icons/fa_check.svg") no-repeat center;
	-webkit-mask: url("../images/icons/check2.svg") no-repeat center;
	
	mask-size: 30px;
	-webkit-mask-size: 30px;
}

.contentTitle .titleActiveBox .text {
	margin-left: 55px;
}

.contentTitle .titleActiveExpireBox {
	position: relative;
	margin: 10px auto;
	width: max-content;
	padding: 15px 15px 15px 5px;
	font-size: 15px;
	font-family: OpenSansMedium;
	color: #ececec;
	text-shadow: 0px 0px 6px #002200;
	
	background-color: #961717;
	border: 2px solid #440000;
	
	filter: drop-shadow(0px 2px 3px #550000);
	-webkit-filter: drop-shadow(0px 2px 3px #550000);
}

.contentTitle .titleActiveExpireBox .icon {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 40px;
	height: 40px;
	background-color: #ddd;
	
	mask: url("../images/icons/warning.svg") no-repeat center;
	-webkit-mask: url("../images/icons/warning.svg") no-repeat center;
	
	mask-size: 30px;
	-webkit-mask-size: 30px;
}

.contentTitle .titleActiveExpireBox .text {
	margin-left: 55px;
}

.contentTitle .goldDifferencesBox {
	margin: 0px auto;
	width: 99%;
	background-color: #c2a9ac;
	border: 2px solid #755a52;
	
	box-shadow: 3px 3px 2px #9d968e;
	-webkit-box-shadow: 3px 3px 2px #9d968e;
	-moz-box-shadow: 3px 3px 2px #9d968e;
}

.contentTitle .goldDifferencesBox table {
	margin: 10px auto;
	width: 98%;
}

.contentTitle .goldDifferencesBox table th {
	text-align: left;
}

.contentTitle .goldDifferencesBox table th, .contentTitle .goldDifferencesBox table td {
	padding: 8px 5px;
	border-bottom: 1px solid #938c84;
}

.contentTitle .goldDifferencesBox table tr th:nth-child(1), .contentTitle .goldDifferencesBox table tr td:nth-child(1) {
	width: 50%;
}

.contentTitle .goldDifferencesBox table tr th:nth-child(4), .contentTitle .goldDifferencesBox table tr td:nth-child(4) {
	text-align: right;
}

.contentTitle .hintIcon {
	font-size: 16px;
	text-align: center;
	padding: 1px 8px;
	border: 2px solid #755a52;
	border-radius: 50px;
	color: #755a52;
	font-family: OpenSansBold;
	background: #bba098;
	cursor: help;
	
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.contentTitle .buttonShow {
	margin-top: 12px;
	text-align: center;
}

.contentTitle h3 {
	font-size: 16px;
	font-family: OpenSansBold;
}

.contentTitle h3:not(:first-of-type) {
	margin-top: 30px;
}

.contentTitle .titleActivationBox {
	margin: 0px auto;
	width: 99%;
	background-color: #c2a9ac;
	border: 2px solid #755a52;
	
	box-shadow: 3px 3px 2px #9d968e;
	-webkit-box-shadow: 3px 3px 2px #9d968e;
	-moz-box-shadow: 3px 3px 2px #9d968e;
}

.contentTitle .titleActivationBox table {
	margin: 10px auto;
	width: 98%;
}

.contentTitle .titleActivationBox table th, .contentTitle .titleActivationBox table td {
	text-align: center;
}

.contentTitle .titleActivationBox table th {
	border-bottom: 1px solid #938c84;
	padding-bottom: 3px;
}

.contentTitle .titleActivationBox table td {
	padding-top: 15px;
}

.contentTitle .titleActivationBox .darkButton {
	padding: 6px 10px;
	font-size: 13px;
}


.contentFightPreferences {
}

.contentFightPreferences h3 {
	font-size: 17px;
}

.contentFightPreferences .potionUsages {
	margin: 5px 0px 5px 10px;
}

.contentFightPreferences .potionUsages input[type="checkbox"] {
	position: relative;
	top: 1px;
	margin-right: 3px;
}

.contentFightPreferences .potionUsages button {
	margin-top: 10px;
}

.contentFightPreferences .potionsUsageHint {
	margin: 20px auto;
	padding: 7px;
	background-color: #c2a9ac;
	border: 2px dashed #755a52;
	width: 95%;
}


.dialogPotionSettings .content {
	font-size: 15px !important;
}

.dialogPotionSettings .potionUsageArea {
	padding-left: 10px;
}

.dialogPotionSettings .potionUsage {
	margin: 8px 15px;
}

.dialogPotionSettings .potionUsage .row {
	margin: 2px 0px;
	cursor: pointer;
	width: max-content;
}

.dialogPotionSettings .potionUsage .row.used {
	color: #006600;
}

.dialogPotionSettings .potionUsage .row.notUsed {
	color: #aa0000;
}

.dialogPotionSettings .potionUsage .row input[type="checkbox"] {
	margin-right: 5px;
}

.dialogPotionSettings .options {
	position: absolute;
	top: 10px;
	right: 17px;
}

.dialogPotionSettings .options .buttons {
	margin-left: 20px;
}

.dialogPotionSettings .options .buttons a {
	padding: 5px 8px;
	font-size: 14px;
}

.tooltipTitleGoldDifferenceHint {
	max-width: 450px;
}

.tooltipTitleGoldDifferenceHint .heading {
	color: gold;
	font-size: 14px;
}

.tooltipTitleGoldDifferenceHint .description {
	margin-top: 10px;
	color: #f2f2f2;
}

.borderedBox .content .specializationBonusText {
	margin-top: 10px;
	text-align: center;
	color: #007700;
	text-shadow: 0px 0px 0px #000;
}

.tooltipTribePermission {
	max-width: 400px;
}


.tooltipDungeonNpcItemTierChance {
	text-align: center;
	max-width: 300px;
}

.tooltipDungeonNpcItemTierChance .separator {
	margin: 15px auto;
	border-top: 1px solid #444;
}


.contentSuffixesCollection .levelCategoriesMenu {
	text-align: center;
}
			
.contentSuffixesCollection .levelCategoriesMenu .menuHeading {
	margin: 10px 0px;
	font-size: 15px;
}
			
.contentSuffixesCollection .levelCategoriesMenu a {
	display: inline-block;
	padding: 5px 10px;
	margin: 0px 2px;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	color: #472920 !important;
	font-size: 15px;
	border-radius: 3px;
	cursor: pointer;
}

.contentSuffixesCollection .levelCategoriesMenu a:hover, .levelCategoriesMenu a.active {
	background-color: #bfaaac;
	border-bottom: 2px solid #664035;
	text-decoration: none !important;
}

.contentSuffixesCollection .categoryInfo {
	margin: 20px 0px;
	text-align: center;
	font-size: 14px;
}

.contentSuffixesCollection .collectedSuffixes {
	margin: 10px auto 20px auto;
	text-align: center;
	font-size: 15px;
}

.contentSuffixesCollection .collectionBox {
	position: relative;
    margin: 5px auto;
    width: 99%;
}

.contentSuffixesCollection .collectionBox .boxHeading {
	background-color: #c7aeb2;
    padding: 12px 8px;
    border: 1px solid #755a52;
}

.contentSuffixesCollection .collectionBox.hasSuffix .boxHeading {
	cursor: pointer;
}

.contentSuffixesCollection .collectionBox.hasSuffix .boxHeading:hover {
	background-color: #bea5a8;
}

.contentSuffixesCollection .collectionBox:not(.hasSuffix) {
	opacity: 0.65;
}

.contentSuffixesCollection .collectionBox .boxHeading .name {
	display: inline-block;
	font-size: 15px;
}

.contentSuffixesCollection .collectionBox .boxHeading .level {
	display: inline-block;
	float: right;
	font-size: 15px;
}

.contentSuffixesCollection .collectionBox .boxContent {
    padding: 12px 8px;
    font-size: 13px;
	border-left: 1px solid #755a52;
	border-right: 1px solid #755a52;
	border-bottom: 1px solid #755a52;
}


.contentSuffixSets {
}

.contentSuffixSets .setBox {
	position: relative;
    margin: 5px auto;
    width: 99%;
}

.contentSuffixSets .setBox .boxHeading {
	background-color: #c7aeb2;
    padding: 12px 8px;
    border: 1px solid #755a52;
	cursor: pointer;
	height: 35px;
}

.contentSuffixSets .setBox .boxHeading:hover {
	background-color: #bea5a8;
}

.contentSuffixSets .setBox .boxHeading .name {
	display: inline-block;
	font-size: 15px;
}

.contentSuffixSets .setBox .boxHeading .recommendedLevel {
	margin-top: 5px;
	font-size: 13px;
}

.contentSuffixSets .setBox .boxHeading .recommendedLevel.recommendedLevelInsufficient {
	/*
	color: #bb0000;
	text-shadow: 0px 0px 0px #ff0000;
	*/
}

.contentSuffixSets .setBox .boxHeading .completion {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 15px;
	text-align: right;
}

.contentSuffixSets .setBox .boxHeading .completion.completed {
	color: #007700;
	text-shadow: 0px 0px 0px #002200;
}

.contentSuffixSets .setBox .boxHeading .completion.notCompleted {
	opacity: 0.5;
}

.contentSuffixSets .setBox .boxHeading .completion .attribute {
	margin-top: 5px;
	font-size: 13px;
}

.contentSuffixSets .setBox .boxContent {
    padding: 12px 8px;
    font-size: 13px;
	border-left: 1px solid #755a52;
	border-right: 1px solid #755a52;
	border-bottom: 1px solid #755a52;
}

.contentSuffixSets .setBox .boxContent .suffixOnCharacter {
	color: #007700;
	text-shadow: 0px 0px 0px #002200;
}

.contentSuffixSets .completionText {
	margin: 10px auto 20px auto;
	text-align: center;
	font-size: 15px;
}

.contentSuffixSets .allSetsCompleted {
	margin: 10px auto 20px auto;
	text-align: center;
}

.contentSuffixSets .allSetsCompleted .text {
	font-size: 17px;
}

.contentSuffixSets .allSetsCompleted .bonusText {
	margin-top: 10px;
	font-size: 14px;
}

.playerCharacterTypeAttributeHint {
	max-width: 500px;
}

.contentTribeOverview {
}

.contentTribeOverview .informationContainer {
	display: flex;
	gap: 0px 7px;
}

.tribeLogoArea {
	position: relative;
}

.tribeLogoArea .part {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.tribeLogoArea .part.empty {
	background-color: #000;
}

.contentTribeOverview .informationContainer .tribeLogoArea {
	margin-left: 5px;
	box-shadow: 0px 0px 4px #222;
	width: 180px;
	height: 180px;
	border: 2px solid #222;
	border-radius: 4px;
}

.contentTribeOverview .table {
	flex-grow: 1;
}

.contentTribeLeaderHintBox {
	border-bottom: 3px solid #c7aeb2;
}

.contentTribeLeaderHintBox .hintBox {
	margin: 0px auto;
	width: 95%;
	background-color: #c2a9ac;
	border: 2px solid #755a52;
	padding: 10px;
	text-align: center;
	font-size: 13px;
}

.contentTribeLeaderHintBox .hintBox .boxHeading {
	margin-bottom: 10px;
	font-size: 15px;
}

.contentTribeLeaderHintBox .hintBox .buttons {
	margin-top: 15px;
}

.contentTribeChangeLogo {
}

.contentTribeChangeLogo .tribeLogoArea {
	margin: 0px auto;
	box-shadow: 0px 0px 4px #222;
	width: 180px;
	height: 180px;
	border: 2px solid #222;
	border-radius: 4px;
}

.contentTribeChangeLogo .form {
	margin-top: 30px;
	text-align: center;
}

.contentTribeChangeLogo .menu {
	margin: 20px auto;
}

.contentTribeChangeLogo .menu a {
	display: inline-block;
	padding: 7px 14px;
	margin: 0px 2px;
	text-decoration: none !important;
	border-bottom: 2px solid transparent;
	color: #472920;
	font-size: 16px;
	border-radius: 3px;
	cursor: pointer;
}

.contentTribeChangeLogo .menu a:hover {
	background-color: #b8a2a4;
	border-bottom: 2px solid #664035;
}

.contentTribeChangeLogo .menu a.active {
	background-color: #b8a2a4;
	border-bottom: 2px solid #664035;
}

.contentBeingBusyBox {
}

.contentBeingBusyBox p:first-of-type {
	margin-top: 0px;
}


.contentWeekDungeon {
}

.contentWeekDungeon .mainHeading {
	text-align: center;
}

.contentWeekDungeon .difficultySelection {
	text-align: center;
}

/*
.contentWeekDungeon .difficultySelection .difficultyBox {
	position: relative;
	display: block;
	margin: 10px auto;
	
	width: 559px;
	height: 173px;
	
	background-size: contain;
	background-repeat: no-repeat;
}
*/

.contentWeekDungeon .difficultySelection .difficultyBox {
	position: relative;
	display: inline-block;
	margin: 3px 3px;
	
	width: calc(559px / 1.52);
	height: calc(173px / 1.52);
	
	background-size: contain;
	background-repeat: no-repeat;
}

.contentWeekDungeon .difficultySelection .difficulty1 {
	color: #82c75d;
	background-image: url("../images/week_dungeon/difficulty1.png");
}

.contentWeekDungeon .difficultySelection .difficulty1:not(.disabled):hover,
.contentWeekDungeon .difficultySelection .difficulty1:not(.disabled).selected  {
	background-image: url("../images/week_dungeon/difficulty1_hover.png");
}

.contentWeekDungeon .difficultySelection .difficulty2 {
	color: #ecee80;
	background-image: url("../images/week_dungeon/difficulty2.png");
}

.contentWeekDungeon .difficultySelection .difficulty2:not(.disabled):hover,
.contentWeekDungeon .difficultySelection .difficulty2:not(.disabled).selected {
	background-image: url("../images/week_dungeon/difficulty2_hover.png");
}

.contentWeekDungeon .difficultySelection .difficulty3 {
	color: #f0686a;
	background-image: url("../images/week_dungeon/difficulty3.png");
}

.contentWeekDungeon .difficultySelection .difficulty3:not(.disabled):hover,
.contentWeekDungeon .difficultySelection .difficulty3:not(.disabled).selected {
	background-image: url("../images/week_dungeon/difficulty3_hover.png");
}

.contentWeekDungeon .difficultySelection .difficulty4 {
	background-image: url("../images/week_dungeon/difficulty4.png");
}

.contentWeekDungeon .difficultySelection .difficulty4:not(.disabled):hover,
.contentWeekDungeon .difficultySelection .difficulty4:not(.disabled).selected {
	background-image: url("../images/week_dungeon/difficulty4_hover.png");
}

.contentWeekDungeon .difficultyBox.disabled {
	/* opacity: 0.5; */
	
	filter: grayscale(100%);
}

.contentWeekDungeon .difficultyBox .shade {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.60);
}

.contentWeekDungeon .difficultySelection .difficultyBox .name {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 20px;
}

.contentWeekDungeon .difficultySelection .difficultyBox.disabled .name,
.contentWeekDungeon .difficultySelection .difficultyBox.disabled .levelFrom {
	filter: brightness(50%);
}

.contentWeekDungeon .difficultySelection .difficulty1 .name,
.contentWeekDungeon .difficultySelection .difficulty1 .levelFrom {
	color: #82c75d;
}

.contentWeekDungeon .difficultySelection .difficulty2 .name,
.contentWeekDungeon .difficultySelection .difficulty2 .levelFrom {
	color: #ecee80;
}

.contentWeekDungeon .difficultySelection .difficulty3 .name,
.contentWeekDungeon .difficultySelection .difficulty3 .levelFrom {
	color: #f0686a;
}

.contentWeekDungeon .difficultySelection .difficulty4 .name,
.contentWeekDungeon .difficultySelection .difficulty4 .levelFrom {
	color: #e05eda;
}

.contentWeekDungeon table.tableOpponents {
	border: 2px solid #333;
}

.contentWeekDungeon table.tableOpponents tr.rowCurrent td {
	background-color: #b49096;
}

.contentWeekDungeon table.tableOpponents .npcAvatar {
	position: relative;
	width: 60px;
	height: 60px;
	background-size: contain;
}

.contentWeekDungeon table.tableOpponents .npcAvatar.npcAvatarHidden {
	background-color: #000;
}

.contentWeekDungeon table.tableOpponents .npcAvatar.npcAvatarPast {
	/* filter: grayscale(100%); */
}

.contentWeekDungeon table.tableOpponents .npcAvatar .sign {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	font-size: 30px;
	width: 100%;
	height: 100%;
	line-height: 60px;
	background-color: rgba(0, 0, 0, 0.5);
}

.contentWeekDungeon table.tableOpponents .npcAvatar .signDefeated {
	color: #00dd00;
}

.contentWeekDungeon table.tableOpponents .npcAvatar .signAlive {
	color: #e40000;
}

.contentWeekDungeon table.tableOpponents .npcAvatar .signUnknown {
	color: #9e8e55;
}


.dialogTribeLeaderHint {
	top: 20% !important;
}

.dialogTribeLeaderHint .infoText {
	margin-top: 10px;
	max-height: 400px;
	overflow-y: auto;
	padding-left: 5px;
	padding-right: 15px;
}

.dialogTribeLeaderHint .infoText::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background: #222;
}

.dialogTribeLeaderHint .infoText::-webkit-scrollbar-thumb {
	background-color: #8a6066;
    border-radius: 8px;
}

.dialogTribeLeaderHint .infoText h3:not(:first-of-type) {
	margin-top: 30px;
}

.dialogTribeLeaderHint .closeButton {
	text-align: center;
}

table.tableTribeInformation {
}

table.tableTribeInformation th, td {
	padding-top: 6px;
	padding-bottom: 6px;
}

table.tableTribeInformation th {
	text-align: right;
	
}

table.tableTribeInformation td {
	text-align: left;
	width: 50%;
}

.tooltipDungeonNpcAttackTypeInfo {
}

.tooltipDungeonNpcAttackTypeInfo .heading {
	color: gold;
	font-size: 13px;
}

.tooltipDungeonNpcAttackTypeInfo table {
	margin-top: 5px;
	width: 100%;
}

.tooltipDungeonNpcAttackTypeInfo table td {
	position: relative;
	padding: 0px;
}

.tooltipDungeonNpcAttackTypeInfo table td.label {
	padding-right: 20px;
}

.tooltipDungeonNpcAttackTypeInfo table td.value {
	min-width: 70px;
}
	
.tooltipDungeonNpcAttackTypeInfo .icon {
	position: absolute;
	right: 0px;
	top: -2px;
	font-size: 17px;
	font-weight: bold;
}

.tooltipDungeonNpcAttackTypeInfo .icon.green {
	color: #00cc00;
}

.tooltipDungeonNpcAttackTypeInfo .icon.red {
	color: #fc2b2b;
	font-size: 26px;
	top: -9px;
}

.boxTribeItemStash {
	width: 560px;
	min-height: 243px;
}

.redesignBox {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 8px 10px 5px 10px;
	background: #000;
	font-size: 14px;
	font-family: OpenSansMedium;
	z-index: 999;
}

.redesignBox a {
	color: gold;
	text-decoration: none;
}

.redesignBox a:hover {
	text-decoration: underline;
}

table.tableActivityPoints {
	margin: 0px auto;
}

table.tableActivityPoints th, table.tableActivityPoints td {
	padding: 2px 10px;
}

table.tableActivityPoints th {
	text-align: left;
}