body {
		/* background-color: #C5C7AE; */
		background-color: #b3b696;
		font-family: sans-serif;
		margin: 0;
	}
	
	#mainwrapper td {
		vertical-align: top;
	}
	#mapview {
		/* width: 70%; */
		/* width: 100%; */
		width: calc( 100vw - 24em );
		height: 100%;
		position: fixed;
		top: 4em;
		left: 0;
		border: 1px solid rgba(152, 76, 15, 1);
		/*
		max-height: calc( 100vh - 1em );
		max-width: calc( 100vw - 1em );
		*/
		overflow: hidden;
		-webkit-user-select: none;		/* webkit (safari, chrome) browsers */
		-moz-user-select: none;			/* mozilla browsers */
		-khtml-user-select: none;		/* webkit (konqueror) browsers */
		-ms-user-select: none;			/* IE10+ */
		cursor: move;
	}
	#mapmenu, #maparchmenu {
		display: none;
		position: absolute;
		font-size: 0.8em;
		background: white;
		z-index: 99;
		border: 1px solid rgba(152, 76, 15, 1);
		background-color: #cdcdb4;
		color: rgba(152, 76, 15, 1);
		cursor: default;
		padding: 0.5em;
	}


#mapmenu tr:not(.disable), #maparchmenu tr:not(.disable):hover {
		cursor: pointer;
	background-color: #C5C7AE;
	color: rgba(0, 82, 181, 0.8);
}

#mapmenu .disable, #maparchmenu .disable {
	/*background-color: #C5C7AE;*/
   color: rgba(152, 76, 15, 0.6);
}
#topBar {
	display: flex;
}
#topBar div{
    margin: 0 1em;
}
#voyageBar {
	width: 250px;
	display: flex;
    align-items: center;
	white-space: nowrap;
}
#voyageBar table {
	margin: 0;
}
#voyageBar .btn, #tooltip .btn {
	width: unset;
	position: unset;
}
	
#voyageBar .icon {
	text-align: center;
}
#vbEnd img, #ttSetIslandEnd img {
	height: 1em;
}
#vbDist {
	display: flex;
    align-items: center;
	cursor: pointer;
}

#vbDist span {
	padding: 2px;
}
#ttViewFullMarket {
    border: solid 1px black;
    display: flex;
    justify-content: center;
    margin: 1em 6em;
    padding: 4px;
    border-radius: 20px;
    /* background-color: #84919b; */
    cursor: pointer;
    color: black;
    line-height: unset;
    text-align: left;
}
#ttViewFullMarket {
	padding-right: 2px;
}
	#panel {
		/*margin-left: 70%;*/
		position: absolute;
		right: 0;
		bottom: 0;
		padding-left: 1em;
		width: 24em;
		/* float: right; */
		height: calc( 100vh - 10em );
		overflow-y: scroll;
		overflow-x: hidden;
	}
	#panel > div {
		position: relative;
		margin-top: 0.5em;
	}
	#panelContent {
		min-height: 60%;
		/* display: flex; */
		/* flex-direction: column; */
		/* justify-content: space-between; */
		position: relative;
		padding-bottom: 18em;
	}
	#tooltip table, #vesselLocator table {
		text-align: left;
		font-size: small;
		width: 100%;
	}
	#tooltip td {
		vertical-align: top;
	}
	#movedFooter {
		position: absolute;
		bottom: 0;
	}
	
	#map {
		position: relative;
		background-image: url("/map/img/background_parchment.png");
		background-attachment: local;
	}
	/* #mapview { cursor: move; } */
	.decoration {
		position: absolute;
		pointer-events: none;
	}
	.decoration img {
		width: 100%;
	}
	.archlabel {
		position: absolute;
		/*pointer-events: none;*/
	}
	.archlabelfont {
		white-space: nowrap;
		position: absolute;
		top: 0;
		display: inline-block;
	}
	.archlabel img {
	width: 100%;
		position: relative;
		right: 0;
	}
	#compass_lines  {
		pointer-events: none;
		width: 100%;
		height: 100%;
	}
	#compass_lines line {
		stroke: rgba(128, 128, 128, 0.3);
		stroke-width: 1px;
	}
	#map_grid td {
		border: solid 1px rgba(128, 128, 128, 0.4);
		width: 10px;
		height: 10px;
	}
	#map_grid {
		border-collapse: collapse;
		position: absolute;
		pointer-events: none;
		background-color: unset;
		border: none;
	}
	.way {
		position: absolute;
		z-index: 20;
		/* width: 16px; */
		/* height: 16px; */
		cursor: default;
	}
	.way .oval {
		position: absolute;
		margin: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border: solid 1px rgba(0, 82, 181, 0.6);
		border-radius: 50%;
		width: 20%;
		height: 8.5%;
		transition: box-shadow 0.2s ease-in-out;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.way.hideUnknown:not(.known) .oval {
		border: none;
	}
	
	.way.shadowBlur .oval {
		-webkit-box-shadow: 0px 0px 30px 30px rgba(0,0,0,0.05);
		box-shadow: 0px 0px 30px 30px rgba(0,0,0,0.05);
	}
	
	.way.startpoint .oval {
		background-color: rgba(255, 255, 255, 1);
		border-color: rgba(255, 255, 255, 0.6);
	}
	.way.endpoint .oval {
		border-color: rgba(255, 255, 255, 0.6);
	}
	.way.known .oval {
		border-color: rgba(152, 76, 15, 1);
		background-color: rgba(152, 76, 15, 0.5);
	}
	.way.blacklisted .oval {
		background-color: red;
	}
	.way.unknownHighlight .oval {
		/*border-color: rgba(255, 210, 0, 1);*/
		border-color: rgba(255, 255, 0, 1);
		background-color: rgba(255, 205, 0, 1);
	}
	.way.unknownHighlight.purchasable .oval {
		background-color: transparent;
	}
	.way.yellow .oval {
		background-color: yellow;
		height: 17%;
		width: 30%;
	}
	#wayHighlighter {
		position: relative;
		z-index: 20;
		width: 1px;
		height: 1px;
		left: 50%;
		top: 50%;
		cursor: default;
		transition: opacity 0.5s ease-in;
		opacity: 0;
		-webkit-box-shadow: 0px 0px 20px 20px rgba(255,255,255,0.4);
		box-shadow: 0px 0px 20px 20px rgba(255,255,255,0.4);
	}
	#wayHighlighter.pulse { opacity: 1; }
	#voyageStart {
		position: relative;
		top: -25%;
	}
	#voyageStart img{
		width: 80%;
	}
	#voyageEnd {
		position: relative;
		top: -63%;
	}
	#voyageEnd img{
		width: 70%;
	}
	.island.hoverSelected .island_label {
		/* color: rgba(100, 100, 255, 0.8); */
		color: yellow;
	}
	.island.startSelected .island_label, .island.endSelected .island_label {
		color: white;
	}
	.island.selectedIsland .island_label {
		color: #0052b5;
	}
	
	.island.yellow .islandIcon {
		text-shadow: 0 2px 1px yellow, 0 -2px 1px yellow, 2px 0 1px yellow, -2px 0 1px yellow;
	}
 
	.league {
		position: absolute;
		z-index: 10;
		pointer-events: none;
	}
	.league line {
		stroke: rgba(152, 76, 15, 0.6);
		stroke-width: 2.5%;
		stroke-dasharray: 10%;
	}
	.league.we line {
		stroke-dasharray: 7%;
	}
	.league.hoverChart line {
		filter: drop-shadow( 0 0 2px rgba(0, 0, 0, .8));
		stroke-width: 10%;
	}
	.league.hoverChart.chart line, .league.showChart.chart line {
		/* stroke: rgba(0, 0, 0, 0.4); */
		stroke-width: 10%;
	}
	.league.hoverChart.purchasable.chart line, .league.showChart.purchasable.chart line {
		/* stroke: rgba(0, 0, 0, 0.4); */
		stroke-width: 10%;
		stroke-dasharray: none;
		/* filter: drop-shadow( 0 0 2px rgba(0, 0, 0, .8)); */
	}
	.league.selected line {
		stroke: rgba(255, 255, 255, 0.6);
		stroke-width: 10%;
		stroke-dasharray: 18%;
	}
	.league.we.selected line {
		stroke-width: 12%;
		stroke-dasharray: 10%;
	}
	.league.hover line {
		stroke: rgba(0, 0, 255, 0.3);
		stroke-width: 10%;
	}
	.league.hover.selected line {
		stroke: rgba(150, 150, 255, 0.8);
	}
	.league.editChartsAll line {
		stroke: rgba(0, 0, 0, 1);
		stroke-width: 10%;
	}
	.league.editCharts line {
		stroke: rgba(255, 255, 0, 1);
		stroke-width: 10%;
	}
	.island {
		position: absolute;
		text-align: center;
		font-family: "Georgia", "Apple Symbols", serif;
		color: #984c0f;
		cursor: default;
		z-index: 30;
		font-size: 80%;
	}
	.island_label {
		white-space: nowrap;
		position: absolute;
		font-family: sans-serif;
		pointer-events: none;
		color: #984c0f;
		font-size: 80%;
		top: 100%;
		text-align: center;
		width: 900%;
		left: -400%;
	}
	
	.island_label span {
		/*font-size: 75%;*/
		color: rgba(0, 82, 181, 0.8);
		vertical-align: top;
		font-weight: bold;
	}
	.island_label.hasVessels {
		color: yellow;
	}
	.island.Medium, .island.Outpost { font-size: 80%; }
	
	.island.hasMarket .islandIcon{
		color: blue;
	}
	.island.col .islandIcon{
		font-weight: bolder;
	}
	.island.highlightcommodity {
		color: white;
	}
	/*
	.pirates_onboard {
	margin: auto;
	display: inline-block;
	line-height: 1.5em;
	}*/
	.vessel_icon {
	height: 28px;
	width: 32px;
	margin: auto;
	display: inline-block;
	position: relative;
	}
	.vessel_icon img{
	max-height: 28px;
	max-width: 32px;
	}
	.vessel_icon img.vsubclass {
		position: absolute;
		left: -8px;
		width: 18px;
	}
	.lockstate {
		width: 16px;
		height: 13px;
		display: inline-block;
	}
	.lockstate.locked { background: url(/resources/img/lock.png) 0 0; }
	.lockstate.unlocked { background: url(/resources/img/lock.png) -16px 0; }
	.lockstate.battle { background: url(/resources/img/lock.png) -32px 0; }
	
#course_details {
    height: 6em;
	width: 27em;
	position: relative;
	cursor: default;
	-webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

#vessel_select table {
	border: 1px solid rgba(152, 76, 15, 1);
	background-color: #cdcdb4;
    /*color: rgba(152, 76, 15, 0.6);*/
    position: absolute;
    z-index: 1;
	border-collapse: collapse;
	width: 27em;
	text-align: center;
    cursor: pointer;
}
#vessel_select thead .labels{
	color: rgba(0, 82, 181, 0.8);
}
#vessel_select thead {
	background-color: #cdcdb4;
    padding: 16px 0;
    font-size: 16px;
    border: none;
	border: 1px solid rgba(152, 76, 15, 1);
    width: 180px;
}

#vessel_select tbody {
    display: none;
}
#vessel_select td {
    width: 25%;
	white-space: nowrap;
	vertical-align: baseline;
}
#vessel_select.hover tbody {
    display: table-row-group;
	/*background: white;*/
}	

/* Change color of dropdown links on hover */
#vessel_select tbody tr:hover {
	background-color: #C5C7AE;
    color: rgba(152, 76, 15, 1);
}
input.vessel_search {
    text-align: center;
    width: 16em;
}
#speed_wrapper{
    position: absolute;
    right: 1em;
    top: 0.25em;
}
	#speed {
		position: relative;
		display: inline-block;
	}
	#league_text{
    padding: 0.5em 1em;
	}
	/*
	.btn {
		display: inline-block;
		position: absolute;
		width: 1em;
		text-align: center;
		line-height: 0.75em;
	}
	.btn:hover {
		color: rgba(0, 82, 181, 0.8);
		font-weight: bold;
	}
	*/
	.depressed ,.depressed:hover {
		color: rgba(152, 76, 15, 1);
		font-weight: bold;
	}
	.plus { top: 0; }
	.minus { top: 0.75em; }
	.pirates_onboard {
		display: inline-block;
		padding: 0 1em 1em 1em;
		vertical-align: text-bottom;
	}
	.speed_text {
		display: inline-block;
		padding: 0 3px 1em 1em;
		vertical-align: text-bottom;
	}
	.dial {
		position: absolute;
		top: 0;
		pointer-events: none;
	}
	.speed_indicator { 
		width: 36px;
		height: 18px;
		padding: 1px 4px;
	}
#leagues_display {
	position: relative;
	height: 2em;
	/*display: inline-block;*/
	/*padding-left: 29em;*/
	border: 1px solid rgba(152, 76, 15, 1);
    border-bottom: none;
	background-color: #cdcdb4;
}

#tooltip.alt-tooltip {
	background:#490B22;
}


#bnav {
	width: 27em;
	-webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
    background-color: #cdcdb4;
	border: 1px solid rgba(152, 76, 15, 1); 
}

#bn_vessel .value {	
	width: 100%;
	cursor: pointer;
}
#bn_vessel .value div {	
	display: block;
}

#bnav tbody, .vessel_name {	
	white-space: nowrap;
}

#bnav ul {
	padding: 0 0.5em;
	text-align: left;
	position: absolute;
    background-color: #cdcdb4;
	border: 1px solid rgba(152, 76, 15, 1); 
    color: rgba(152, 76, 15, 0.6);
	margin: 0;
	display: none;
	z-index: 1;
	cursor: pointer;
}
#bnav li:hover {
	background-color: #C5C7AE;
    color: rgba(152, 76, 15, 1);
}
.bnav_type div {	
	cursor: pointer;
}
#bnav .show ul {
	display: block;
}
#bnav li {
	list-style: none;
}

#bnav thead {
	text-align: center;
}
#bnav .you, #bnav .opp {
	text-align: center;
	width: 40%;
}
#bnav td div {
	display: inline-block;
}
.reset div { 
	color: rgba(0, 82, 181, 0.8);
	border: 1px solid rgba(152, 76, 15, 1);
	padding: 0 1em;
}
.reset:hover div {	
	color: rgba(152, 76, 15, 1);
    background-color: #C5C7AE;
	cursor: pointer;
}
.value {
	width: 1.5em;
	text-align: center;
}

.less, .more {
    position: relative;
    width: 10px;
    height: 10px;
	cursor: pointer;
}
.copy {
	cursor: copy;
}

.less div, .more div {
    position: absolute;
	background: rgba(0, 82, 181, 0.8);
}
.less:hover div, .more:hover div {
	background: rgba(152, 76, 15, 1);
}

.less .h, .more .h {
    top: 4px;   
    width: 100%;
    height: 2px;
    left: 0px;
}

.more .v {
    left: 4px;
    width: 2px;
    height: 100%;
	display: block;
}

.min_btn {
    position: absolute;
    width: 12px;
    height: 12px;
    top: 0.25em;
	left: 0em;
}

.min_btn div {
    position: absolute;
	background: rgba(0, 82, 181, 0.8);
}
h3:hover .min_btn div {
	background: rgba(152, 76, 15, 1);
}

.min_btn .min{
    top: 5px;   
    width: 100%;
    height: 2px;
}

.min_btn .max {
    left: 5px;
    width: 2px;
    height: 100%;
	display: block;
}
.maximised .min_btn .max { display: none; }
.maximised .content { display: block; }
.maximised h3 span { display: none; }
.content {
	display: none;
}
h3 { 
	margin: 0 0 0 1em;
	color: rgba(0, 82, 181, 0.8);
}
h3:hover {	
	color: rgba(152, 76, 15, 1);
	cursor: pointer;
}


.dropbtn {
	background-color: #cdcdb4;
	color: rgba(0, 82, 181, 0.8);
    padding: 16px 0;
    font-size: 16px;
    border: none;
    width: 180px;
	text-align: center;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	border: 1px solid rgba(152, 76, 15, 1);
    cursor: pointer;
	margin-bottom: 1em;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
	margin-left: -1px;
    width: 180px;
    z-index: 1;
    max-height: 10em;
    overflow-y: scroll;
    background-color: #cdcdb4;
	border: 1px solid rgba(152, 76, 15, 1); 
   /*color: rgba(152, 76, 15, 0.6);*/
	color: rgba(152, 76, 15, 1);
}

/* Links inside the dropdown */
.dropdown-content div {
    padding: 2px 16px;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content div:hover {
	background-color: #C5C7AE;
   /* color: rgba(152, 76, 15, 1);*/
	color: rgba(0, 82, 181, 0.8);
}

/* Show the dropdown menu on hover */
.dropdown.show .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #C5C7AE;
}

#style-1::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
	/*border-radius: 10px;*/
	background-color: #C5C7AE;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: rgba(152, 76, 15, 0.6);
}

#style-1::-webkit-scrollbar-thumb
{
	/*border-radius: 10px;*/
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	background-color: rgba(152, 76, 15, 0.4);
}
#memmed_cont {
	position: absolute;
	z-index:98;
	top: 0.5em;
	left: 1em;
	font-size: 0.8em;
    cursor: pointer;
	/*width: 180px;*/
	/*background-color: black;*/
	/*border: 1px solid rgba(152, 76, 15, 1); */
}
#memmed {
	position: relative;
	z-index:98;
	overflow: hidden;
	width: 180px;
	border: 1px solid rgba(152, 76, 15, 1); 
	background-color: rgba(152, 76, 15, 0.4);
	border-radius: 1em;
}
.progress_bar_fill {
	width: 50%;
	height: 100%;
	background-color: green;
	position: absolute;
	top: 0;
}
.progress_text {
	padding: 4px 0;
	color: white;
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
}
.archs_memmed {
	border: 1px solid rgba(152, 76, 15, 1); 
	background-color: rgba(152, 76, 15, 0.4);
	border-radius: 1em;
	color: white;
}
.archs_memmed TABLE {
	background-color: unset;
	border: unset;
}
.dmg_popout_btn {
    position: absolute;
    right: 1.5em;
    top: 0.2em;
	font-size: 0.8em;
	cursor: alias;
}

	#popupnav {
		margin: 0;
		overflow: hidden;
	}
	#popupnav ul {
		position: fixed;
		top: 0;
		overflow-y: scroll;
		max-height: 100vh;
	}
.sunk {
   color: rgba(152, 76, 15, 0.6);
   font-style: italic;
}
.tt_vessels .sunk {
   color: #cdcdb4;
}
.tt_vessels .your, .user_vessels .your {
	color: rgba(0, 82, 181, 0.8);
}
.tt_vessels_scroll {
	max-height: 10em;
	overflow-y: auto;
}

.user_vessels_input {
	all: unset;
}
.user_vessels {
	/*
    background-color: #cdcdb4;
	border: 1px solid rgba(152, 76, 15, 1);
	user-select: none;
	cursor: default;
	*/
}
.user_vessels .filter {
	border: 1px solid rgba(152, 76, 15, 0);
	height: 38px;
	width: 38px;
	text-align: center;
	position: relative;
	/*background: #cdcdb4;*/
	/*opacity: 0.4;*/
}
.user_vessels .filter:hover {
	border: 1px solid rgba(152, 76, 15, 1); 
	height: 38px;
	width: 38px;
	text-align: center;
	position: relative;
	/*opacity: 0.4;*/
	background: #C5C7AE;
	cursor: pointer;
}
.user_vessels .filter img, .user_vessels .filter .lockstate {
	opacity: 0.4;
}
.user_vessels .filter.active img, .user_vessels .filter.active .lockstate {
	opacity: 1;
}
.user_vessels .filter .lockstate {
    /*width: auto;
    height: auto;*/
   /* position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;*/
}
.user_vessels .vessel_icon {
	width: 38px;
	/*height: 38px;*/
}
.user_vessels .junk_filter .vessel_icon {
	margin-top: 9px;
}
.vessel_list .center {
	text-align: center;
	/*width: 9%;*/
	/*width: 38px;
	height: 38px;
	/*padding: 0px;*/
}
input.your, input.crew {
	width: 10em;
	text-align: center;
	border: 1px solid rgba(152, 76, 15, 1); 
	color: rgba(0, 82, 181, 0.8);
    background-color: #C5C7AE;
	cursor: pointer;
}
input.your:focus, input.crew:focus {
	width: 10em;
	text-align: center;
	border: 1px solid rgba(152, 76, 15, 1); 
	color: rgba(0, 82, 181, 0.4);
    background-color: #C5C7AE;
	cursor: text;
}
input, label {
	cursor: pointer;
}
.highlightvessel {
	/*color: lightblue;
	text-shadow: 1px 1px 0px rgba(0, 82, 181, 0.8);
	/*text-shadow: 1px 1px 0px #FFFFFF;*/
	text-shadow: 0px 0px 8px white;
	font-weight: bold;
}

#header {
	position: fixed;
	z-index: 1;
	width: calc(100vw - 2em);
	height: 4em;
	padding: 0 1em;
	text-align: left;
	display: flex;
    justify-content: flex-start;
}
#pirateTime {
    position: absolute;
    top: 1em;
    right: 6em;
}
#footer {
	font-size: small;
	/* position: fixed; */
	/* bottom: 2px; */
	display: flex;
	flex-direction: column-reverse;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: unset;
	min-height: unset;
}
#sitemap {
	display: none;
}
.footerContact {
	/* bottom: 2px; */
	position: revert;
	/* left: 2px; */
}

.coffee {
	position: revert;
	padding-bottom: 1em;
}
.lastMod {
	position: revert;
	padding: 1em 0;
}

	/*
#test_btn {
		position: absolute;
		bottom: 0;
		right: 1.5em;
}*/

.ageIcon {
	background-image: url("/map/img/ages.png");
    height:14px;
    width:22px;
    background-position:0px 0px;
    background-size:196px 14px;
}

.age0 { background-position:-5px 0px; }
.age1 { background-position:-33px 0px; }
.age2 { background-position:-61px 0px; }
.age3 { background-position:-89px 0px; }
.age4 { background-position:-117px 0px; }
.age5 { background-position:-145px 0px; }
.age6 { background-position:-173px 0px; }

#fullMarket {
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.4);
	/* display: none; */
}
#fullMarket-content {
	background-color: #C5C7AE;
	margin: -20px;
	padding: 20px;
	position: relative;
}
#tooltip > div, #settings, #vesselLocator {
	/* background-color: #C5C7AE; */
	margin: 10% auto;
	/* padding: 20px; */
	/* border: 1px solid #888888; */
	width: 90%;
	/* font-weight: bolder; */    
	border: 10px solid transparent;
    /* padding: 15px; */
    border-image-source: url(/resources/img/blue_frame_flat.png);
    border-image-repeat: stretch;
    border-image-slice: 33% 33%;
	position: relative;
}
#settings TABLE {width:100%;text-align:left;}
#fullMarket-frame {
	/* background-color: #C5C7AE; */
	margin: 6em auto;
	/* padding: 20px; */
	/* border: 1px solid #888888; */
	width: 75%;
	/* font-weight: bolder; */    
	border: 31px solid transparent;
    /* padding: 15px; */
    border-image-source: url(/resources/img/gold_frame.png);
    border-image-repeat: stretch;
    border-image-slice: 33% 33%;
}
.close_btn {
	background-image: url("/resources/img/closebox.png");    height: 14px;
    width: 14px;
    background-color: #5b93bf;
    border-radius: 50%;
    border: solid 1px;
    background-position-x: -1px;
    right: 5px;
    top: 5px;
	position: absolute;
    cursor: pointer;
}

#tradesell table, #tradebuy table {
	border-collapse: collapse;
	border: solid 1px #475a5e;	
}
#market-table {
	border-collapse: collapse;
	border: solid 1px #475a5e;
	width: 80%
}
#market-table th, #tradesell th, #tradebuy th {
	border: outset 2px #7d9094;
	background-color: #2d5f7a;
	color: #d6c94f;
	font-weight: normal;
	font-size: small;
	text-align: center;
}

#market-table td, #tradesell td, #tradebuy td {
	border: solid 1px #7d9094;
}
#market-table tr>:nth-child(1) { width:20%;	}
/* tbody>tr>:nth-child(2) { width:200px;	} */
#market-table tr>:nth-child(3), #market-table tr>:nth-child(4), #market-table tr>:nth-child(5), #market-table tr>:nth-child(6)  { width:70px; }

.darken td, #tradebuy TBODY TD { background-color: rgba(0, 0, 0, 0.1); }
.cid1 { background-color: #bdc4bf; }
.cid2 { background-color: #c6e0c2; }
.cid3 { background-color: #d5cdb0; }
.cid4 { background-color: #dfe0d2; }
.cid5 { background-color: #e4e5c0; }
.cid6 { background-color: #ecddd8; }
.cid7 { background-color: #d2ddde; }
.cid8 { background-color: #dbd0ce; }
.cid9 { background-color: #f2f5f4; }

.fullMarket-filters select {
	margin: 1em;
}

.whisk {
	background-image: url("/map/img/whisk.png");
	height: 12px;
    width: 12px;
    background-color: #5b93bf;
    border-radius: 50%;
    border: solid 1px;
    background-position: -1px 1px;
    /* right: 5px; */
    /* top: 5px; */
	/* position: absolute; */
    cursor: pointer;
	margin-left: 3px;
	vertical-align: top;
	display: inline-block;
}

.radio {
	/* display: inline-block;
	background-image: url("/map/img/radio_button.png");
    background-position:0px 0px;
    background-size:52px 13px;
	width: 13px;
	height: 13px;
	margin: 0 4px; */
}
.radio.checked { /* background-position:-13px 0px; */ }

#fullMarket-dataage { font-size: smaller; }

#recentChanges {
    left: 16em;
    top: 2.5em;
}
.extURL.extURL {
	display: inline-block;
	width: 1em;
	height: 1em;
}
.radio, .checkbox {	
	cursor: pointer;
}
.radio DIV {
    background-image: url(/resources/img/radio_button.png);
    width: 13px;
    height: 13px;
    margin: 4px;
    display: inline-block;
    vertical-align: -6px;
}
.radio.checked DIV {
	background-position: -13px;
}
.checkbox DIV {
    background-image: url(/resources/img/checkbox.png);
    width: 17px;
    height: 17px;
    display: inline-block;
    vertical-align: -6px;
    margin: 2px;
}
.checkbox.checked DIV {
	background-position: -17px;
}
input[type="color"] {
	-webkit-appearance: none;
	width: 17px;
	padding: 0;
    height: 17px;
    vertical-align: middle;
    border: 1px solid black;
	margin: 2px;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}
#chartList {
    position: absolute;
    bottom: 0.5em;
    right: 25em;
	text-align: right;
}
TR:has(.selectedIslandRow) {
	background-color: rgba(255, 255, 0, 0.3);
}