:root {
	--blockmark-height:0px;
}

#blockmark {
	display:none;
}

#timeline .button .face {
	top:2px;
	left:2px;
	width:26px;
	height:26px;
}
#timeline .button {
	--size:30px;
}

#mediaLayer .geomedia .balloon1,
#mediaLayer .geomedia .type0,
#mediaLayer .geomedia .type1,
#mediaLayer .geomedia .type2 {
	fill:#0B7C9D;
}
#mediaLayer .geomedia .balloon2 {
	fill:#FFFFFF;
}

#infosLayer .geoinfo {
	transform:scale(0.8);
	cursor:pointer;
}
#infosLayer .geoinfo:hover {
	transform:scale(1);
}
#infosLayer .geoinfo .balloon1,
#infosLayer .geoinfo .icon {
	fill:#FF012B;
}
#infosLayer .geoinfo .balloon2 {
	fill:#FFFFFF;
}

body.WEATHER #bathymetry {
	background-color:#303030;
}
body.WEATHER #bathymetry {
	background-color:#303030;
}
body.WEATHER #bathymetry.spherical {
  background:radial-gradient(#6E6E6E, #303030);
}
body.WEATHER #areasLayer path#AEZ {
  fill:rgba(0,0,0,0.5);
}
body.WEATHER #poiLayer text {
  fill:#FFFFFF;
}
body.WEATHER #poiLayer g circle {
  fill: #FFFFFF;
}
body.WEATHER #areasLayer path {
  fill: rgba(255,255,255,0.3);
  stroke: #FFFFFF;
}
body.WEATHER #orthoLayer {
  stroke: rgba(255,255,255,1.00);
}
body.WEATHER #ruleLayer>g>circle {
  stroke:#FFFFFF;
  fill:#FFFFFF;
}
body.WEATHER #ruleLayer>g>path {
  stroke:#FFFFFF;
}
body.WEATHER #ruleLayer>path {
  stroke:#FFFFFF;
}
body.WEATHER #boatsLayer text {
  fill: rgba(255,255,255,0.70);
}
body.WEATHER #gridlines path,
body.WEATHER #gridLayer path {
  stroke:rgba(255,255,255,0.2);
}
body.WEATHER #gridlines text {
  fill:#FFFFFF;
}
#coords {
	display:none;
}