#timelinePanel {
overflow: visible !important;
}

div.defining-moments {   /* placemarkDiv - do not change width, left, right */
	/*background-color: Blue;*/
	overflow: visible;
	height: 20px;
	transition: opacity 0.2s linear;
	opacity: 1;
}
div.defining-moments.nonexistent {   /* placemarkDiv - do not change width, left, right */
	opacity: 0;
	/*display: none !important; - seems to mess up transition*/
	/*border: 2px solid Fuchsia;*/
}
div.defining-moments.extant {   /* placemarkDiv - do not change width, left, right */
	/*border: 2px solid LimeGreen;*/
	
}
div.defining-moments.extant {
	
}
div.defining-moments.extinct {   /* placemarkDiv - do not change width, left, right */
	/*border: 2px solid Gray;*/
	
}
div.defining-moments span.name {
	background-color: rgba(255,255,255,0.8);
	margin-left: calc(50% - 6px);
	display: block;
	width: 12px; height: 12px; border-radius: 6px;
	color: rgba(204,204,204,0);
	text-indent: 0em;
	line-height: 50px;
}
/*div.defining-moments:hover span.name {
	color: rgba(204,204,204,1);
}*/
div.defining-moments div.description {
	/*background-color: rgba(255,0,0,.3);*/
	margin-left: calc(50% - 1px);
	margin-top: -72px;
	height: 60px;
	border-left: 2px dotted rgba(255,255,255,0.8);
}

div.defining-moments div.description a {
	/* BEGIN BY SETTING THE 'extinct' STYLING*/
	display: block;
	opacity: 0.7;
	position: relative;
	width: 36px; margin-left: -18px;
	height: 36px; bottom: 36px;
  	/*transition: opacity .5s, width .5s ease, height .5s ease, margin-left .5s ease, bottom .5s;
	*/
	text-indent: 105%;
	
  	transition: opacity .5s linear, width .5s ease-out, height .5s ease-out, margin-left .5s ease-out, bottom .5s ease-out, color .5s;

	/*position: absolute;
	left: 50%;
	bottom: -20px;*/
	text-decoration: none;
	color: rgba(255,255,255,0);  /* remove text - labelled on dot */
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover; 
	border: 1px solid gray;
}


div.defining-moments.extant div.description a, div.defining-moments.extinct:hover div.description a {
	width: 72px; margin-left: -36px;
	height: 72px; bottom: 72px;
	opacity: 1;
	color: rgba(255,255,255,1);

}
div.defining-moments.nonexistent div.description a {
	width: 100px; margin-left: -50px;
	height: 100px; bottom: 100px;
	color: rgba(255,255,255,1); /* but is made opacity=0 by the timelineDiv */
	/*opacity: 0; done by the timelineDiv without transition*/
	/*color: rgba(255,255,255,0);*/
  	/*transition: opacity .2s, width .2s ease-out, height .2s ease-out, margin-left .2s ease-out, bottom .2s ease-out, color .2s;*/

}
div.defining-moments.extant {
	z-index: 3000;
}
div.defining-moments.extinct:hover {
	/* SO MOUSEOVERS IN FRONT OF EXTANT*/
	z-index: 4000;
}
/*div.defining-moments:hover div.description a, div.defining-moments.extant div.description a {
	color: rgba(255,255,255,1);
}*/



/*-------------- OLD DEFINING MOMENTS STYLING ---------------*/

div.definingMoments {
	display: none;
	overflow: visible;
	border-top: 8px solid #e9e5d1;
	border-top: 8px solid rgba(233,229,209,0.8);
	border-right: 8px solid transparent;
	width: 0 !important;
	height: 0;
	top: 130px;
	
}

div.definingMoments span {
	color: black;
	background-color: #e9e5d1;
	background-color: rgba(233,229,209,0.8);
	position: absolute;
	width: 24px;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
	bottom: 8px;
	left: -6px;
	padding: 2px;
	border-radius: 4px;
}

#definingMoment6 { top: -20px; }



div.NativeTitle {
	height: 18px;
	text-align: left;
}

div.NativeTitle.TorresStrait { background-color: #222; }
div.NativeTitle.TorresStrait span { background-color: #222; }


div.NativeTitle span:hover { background-color: black; z-index: 5000; }

div.NativeTitle { visibility: hidden; 
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: -15px;
	padding-left: 30px;
}

div.NativeTitle.Aboriginal {
	top: 40px;
	background-image: url('../styleIcons/AbFlag-whiteBorder.png');
}

div.NativeTitle.TorresStrait {
	top: 0px;
	background-image: url('../styleIcons/TorresStrait-flag-whiteBorder.png');
}

#timelinePanel.year div.NativeTitle {
	visibility: visible;
}

#timelinePanel.year div.NativeTitle.Aboriginal span {
	display: none;
}

#timelinePanel.month div.NativeTitle, #timelinePanel.day div.NativeTitle {
	visibility: visible;
}

/* ====================================== Torres Strait ============================== */
/* 1992 */
div.NativeTitle[title*=Mabo] { top: 40px;}

/* Feb 1999 */
div.NativeTitle[title*=Saibai] { top: 0px;}
div.NativeTitle[title*=Moa][title*=Mualgal] { top: 20px;}


/* Jul 2000 */
div.NativeTitle[title*=Mabuiag] { top: 40px;}
div.NativeTitle[title*=Dauan] { top: 60px;}
div.NativeTitle[title*=Masig] { top: 80px;}
div.NativeTitle[title*=Warraber] { top: 100px;}
div.NativeTitle[title*=Poruma] { top: 120px;}


/* May 2001 */
div.NativeTitle[title*=Kaurareg] { top: 0px;}
/* Jun 2001 */
div.NativeTitle[title*=Meriam] { top: 20px;}

/* early Dec 2004 */
div.NativeTitle[title*=Kulkalgal] { top: 0px;}
div.NativeTitle[title*=Erubam] { top: 20px;}
div.NativeTitle[title*=Ugar] { top: 40px;}
div.NativeTitle[title*=Boigu] { top: 60px;}

/* 13 Dec 2004 */
div.NativeTitle[title*=Gebara] { top: 80px;}
div.NativeTitle[title*=Yam] { top: 100px;}

/* 14 Dec 2004 */
div.NativeTitle[title*=Badu] { top: 120px;}

/* 18 Aug 2005 */
div.NativeTitle[title*=Garboi] { top: 0px;}
div.NativeTitle[title*=Buru] { top: 20px;}
div.NativeTitle[title*=Yarpar] { top: 40px;}
div.NativeTitle[title*=Warraberalgal] { top: 60px;}


/* Apr 2006 */
div.NativeTitle[title*=Mualgal] { top: 100px;}
div.NativeTitle[title*=Badu][title*=Moa] { top: 120px;}

/* 2010 */
div.NativeTitle[title*=Regional] { top: 40px;}

/* 2014 */
div.NativeTitle[title*=Kulkalgal] { top: 0px;}

/* ====================================== Aboriginal Native Title ============================== */


div.NativeTitle.Aboriginal[title^=A] { top: 0px;}
div.NativeTitle.Aboriginal[title^=B] { top: 0px;}
div.NativeTitle.Aboriginal[title^=C] { top: 0px;}
div.NativeTitle.Aboriginal[title^=D] { top: 0px;}
div.NativeTitle.Aboriginal[title^=E] { top: 20px;}
div.NativeTitle.Aboriginal[title^=F] { top: 20px;}
div.NativeTitle.Aboriginal[title^=G] { top: 20px;}
div.NativeTitle.Aboriginal[title^=H] { top: 20px;}
div.NativeTitle.Aboriginal[title^=I] { top: 40px;}
div.NativeTitle.Aboriginal[title^=J] { top: 40px;}
div.NativeTitle.Aboriginal[title^=K] { top: 40px;}
div.NativeTitle.Aboriginal[title^=L] { top: 40px;}
div.NativeTitle.Aboriginal[title^=M] { top: 60px;}
div.NativeTitle.Aboriginal[title^=N] { top: 60px;}
div.NativeTitle.Aboriginal[title^=O] { top: 60px;}
div.NativeTitle.Aboriginal[title^=P] { top: 60px;}
div.NativeTitle.Aboriginal[title^=Q] { top: 80px;}
div.NativeTitle.Aboriginal[title^=R] { top: 80px;}
div.NativeTitle.Aboriginal[title^=S] { top: 80px;}
div.NativeTitle.Aboriginal[title^=T] { top: 80px;}
div.NativeTitle.Aboriginal[title^=U] { top: 100px;}
div.NativeTitle.Aboriginal[title^=V] { top: 100px;}
div.NativeTitle.Aboriginal[title^=W] { top: 100px;}
div.NativeTitle.Aboriginal[title^=X] { top: 100px;}
div.NativeTitle.Aboriginal[title^=Y] { top: 120px;}
div.NativeTitle.Aboriginal[title^=Z] { top: 120px;}


div.NativeTitle[title*=Dunghatti] { top: 40px;}
div.NativeTitle[title*=Hopevale] { top: 60px;}
div.NativeTitle[title*=Croker] { top: 0px;}
div.NativeTitle[title*=Spinifex] { top: 20px;}
div.NativeTitle[title*=Wik] { top: 120px;}
div.NativeTitle[title*=Ngaanyat] { top: 80px;}
div.NativeTitle[title*=Jawi] { top: 20px;}
div.NativeTitle[title*=Yalanji] { top: 120px;}
div.NativeTitle[title*=Noonkanbah] { top: 0px;}
div.NativeTitle[title*=Newcastle] { top: 0px;}
div.NativeTitle[title*=Ngururrpa] { top: 20px;}
div.NativeTitle[title*=Marta] { top: 40px;}
div.NativeTitle[title*=Ngurrara] { top: 60px;}
div.NativeTitle[title*=Yankaal] { top: 120px;}
div.NativeTitle[title*=Pine] { top: 100px;}
div.NativeTitle[title*=Gangalidda] { top: 120px;}
div.NativeTitle[title*=Newhaven] { top: 80px;}
div.NativeTitle[title*=Bull] { top: 20px;}
div.NativeTitle[title*=Juru] { top: 40px;}
div.NativeTitle[title*=Gangalidda][title*=Garawa][title*=Peoples] { top: 0px;}
div.NativeTitle[title*=Gawler] { top: 120px;}
div.NativeTitle[title*=Gunggari] { top: 120px;}
div.NativeTitle[title*=Djungan] { top: 120px;}
div.NativeTitle[title*=Tableland] { top: 20px;}
div.NativeTitle[title*=Napperby] { top: 120px;}
div.NativeTitle[title*=Wangkan] { top: 80px;}
div.NativeTitle[title*=Thalanyji] { top: 120px;}

div.NativeTitle[title*=Wuthathi] { top: 120px;}
div.NativeTitle[title*=Budjiti] { top: 20px;}
div.NativeTitle[title*=Boonth] { top: 60px;}
div.NativeTitle[title*=Mithaka] { top: 0px;}
div.NativeTitle[title*=Nyikina] { top: 20px;}
div.NativeTitle[title*=Barrum] { top: 0px;}
div.NativeTitle[title*=Yalanji] { top: 100px;}
div.NativeTitle[title*=Wotjobaluk] { top: 60px;}
div.NativeTitle[title*=Gunditjmara] { top: 120px;}
div.NativeTitle[title*=Ngaanyatjarra] { top: 100px;}
div.NativeTitle[title*=Rubibi] { top: 80px;}
div.NativeTitle[title*=Tjurabalan] { top: 120px;}
div.NativeTitle[title*=Wilinggin] { top: 80px;}
div.NativeTitle[title*=Yalanji][title*=People] { top: 100px;}
div.NativeTitle[title*=Lardil] { top: 60px;}
div.NativeTitle[title*=Dulabed] { top: 60px;}
div.NativeTitle[title*=Waanyi] { top: 60px;}
div.NativeTitle[title*=Spirit] { top: 100px;}
div.NativeTitle[title*=Dungowan] { top: 20px;}
div.NativeTitle[title*=Birrimba] { top: 100px;}
div.NativeTitle[title*=Montejinni] { top: 60px;}
div.NativeTitle[title*=Birrimba] { top: 80px;}
div.NativeTitle[title*=Montejinni] { top: 60px;}
div.NativeTitle[title*=First][title*=Murray] { top: 100px;}
div.NativeTitle[title*=Shenandoah] { top: 120px;}
div.NativeTitle[title*=Bloodwood] { top: 120px;}
div.NativeTitle[title*=Dieri] { top: 60px;}
div.NativeTitle[title*=Adnyamat] { top: 100px;}
div.NativeTitle[title*=Brunette] { top: 40px;}
div.NativeTitle[title*=Brunchilly] { top: 60px;}
div.NativeTitle[title*=Anthony] { top: 80px;}
div.NativeTitle[title*=Tandyidgee] { top: 100px;}
div.NativeTitle[title*=Rockhampton] { top: 120px;}
div.NativeTitle[title*=Ndadju] { top: 40px;}
div.NativeTitle[title*=Pilki] { top: 100px;}
div.NativeTitle[title*=Wuthathi] { top: 120px;}
div.NativeTitle[title*=Wuthathi][title*=Kuuku] { top: 100px;}
div.NativeTitle[title*=Yaegi] { top: 80px;}
div.NativeTitle[title*=Kiwirrkurra] { top: 60px;}
div.NativeTitle[title*=Karajarri] { top: 20px;}
div.NativeTitle[title*=Ooratippra] { top: 40px;}
div.NativeTitle[title*=Warrung] { top: 80px;}
div.NativeTitle[title*=Ewami] { top: 60px;}
div.NativeTitle[title*=Kooma] { top: 80px;}
div.NativeTitle[title*=Ngadju] { top: 20px;}
div.NativeTitle[title*=Ngarla] { top: 100px;}
div.NativeTitle[title*=Adnyamathanha] { top: 0px;}
div.NativeTitle[title*=Warrungnu] { top: 20px;}
div.NativeTitle[title*=Ewamian] { top: 40px;}
div.NativeTitle[title*=Kooma] { top: 80px;}
div.NativeTitle[title*=Miriu] { top: 40px;}
div.NativeTitle[title*=Martu] { top: 120px;}
div.NativeTitle[title*=Karnapyrri] { top: 0px;}
div.NativeTitle[title*=Kowanyama][title*=Part] { top: 0px;}
div.NativeTitle[title*=Manding] { top: 00px;}
div.NativeTitle[title*=Jii] { top: 40px;}
div.NativeTitle[title*=Nyangumarta][title*=People] { top: 20px;}
div.NativeTitle[title*=Dambimangari] { top: 120px;}
div.NativeTitle[title*=Timber] { top: 100px;}
div.NativeTitle[title*=Quanda] { top: 120px;}
div.NativeTitle[title*=Maar] { top: 80px;}
div.NativeTitle[title*=Wanyurr] { top: 20px;}
div.NativeTitle[title*=Kurundi] { top: 100px;}
div.NativeTitle[title*=Mataranka] { top: 40px;}
div.NativeTitle[title*=Gugu] { top: 80px;}
div.NativeTitle[title*=Bunuba] { top: 100px;}
div.NativeTitle[title*=zzz] { top: 100px;}
div.NativeTitle[title*=zzz] { top: 100px;}
div.NativeTitle[title*=zzz] { top: 100px;}
div.NativeTitle[title*=zzz] { top: 100px;}


div.NativeTitle[title*=Kuku][title*=Yalanji] { top: 120px;}
div.NativeTitle[title*=Western][title*=Yalanji] { top: 40px;}


div.NativeTitle[title*=Kaurareg][title*=Zuna],div.NativeTitle[title*=Kaurareg][title*=Murulag],div.NativeTitle[title*=Kaurareg][title*=Yeta] { visibility: hidden;}

div.NativeTitle[title*=Tennant] { top: 100px;}
div.NativeTitle[title*=Ngarla][title*=and] { top: 80px;}
div.NativeTitle[title*=Kaiadilt] { top: 60px;}
div.NativeTitle[title*=Strathg] { top: 40px;}
div.NativeTitle[title*=Strathg] { top: 40px;}



/* ====================================== Bass and Flinders ============================== */


div.explorers[title*=Bass] { /* match any substring (not word) - case sensitive */
	top: 20px;
	height: 20px;
	background-color: rgb(104, 141, 120);
	border: 1px solid Gray;
	color: white;
}

div.explorers[title*=Flinders] { /* match any substring (not word) - case sensitive */
	top: 40px;
	height: 20px;
	background-color: MediumBlue;
	border: 1px solid Gold;
	color: white;
}

/*
div.explorers[title*=Bass+Flinders] {
	top: 20px !important;
	height: 40px !important;
	background-color: LightGray !important;
	border: 1px solid blue !important;
	color: DarkRed !important;
}
*/

/*div.land-explorers {	
	height: 20px;
	text-align: right;
	border: 1px dotted white;
}*/



div.land-explorers {
	height: 18px;
	font-weight: bold;
}
#timelinePanel.century div.land-explorers, #timelinePanel.decade div.land-explorers {
	display: none !important;
}

/* ----------------------------- timeline icons ------------------------------- */

#timelinePanel div.land-explorers {
	/* the #timelinePanel prefix makes this override individual explorer colours */
	/* by default, make it a bar with the icon on the left */
	background-image: url('../styleIcons/Compass-Wik-bright-100px.png'); /* not important so can be overridden */
	background-size: contain;
	background-repeat: no-repeat !important;
	background-color: #222;
	background-position: 2px 0;
	border: 1px solid black;
	padding-left: 22px;
	visibility: hidden;  /* to be overridden for the desired timescales */
	text-align: center;
	color: white;
	font-weight: normal;
}

#timelinePanel.year div.land-explorers {
	/* turn the bar into an icon */
	visibility: visible;
	border: none;
	width: 20px !important;
	margin-left: -10px;
	text-align: left;
	overflow: visible;
	background-color: #222;
}
#timelinePanel.year div.land-explorers span {
	background-color: #222;
	text-align: left;
}


#timelinePanel.month div.land-explorers, #timelinePanel.day div.land-explorers {
	visibility: visible;
	background-color: #444;
	overflow: hidden;
}
#timelinePanel.month div.land-explorers span {
	background-color: none;
	text-align: left;
}

/* could try moving multiple expeditions to left, and making additional icons unlabelled */
div.land-explorers:hover, div.explorers:hover {
	z-index:5000;
	overflow: visible;
	/* background-color: black !important; */
	font-weight: bold;
	text-indent: 0;
	/*text-shadow: 0px 0px 2px rgba(255,255,255,0.5);*/
}
div.land-explorers:hover span, div.explorers:hover span {
	background-color: black !important;
}

/* ----------------------------- timeline bars ------------------------------- */



div.explorers[title*=Grimes] { top: 120px; border: 1px solid white; background-color: DarkOliveGreen; color: white;}
div[title*=Hoisted] {
	top: 100px;
	background-image: url('../styleIcons/UnionJack.png'); /* not important so can be overridden */
}


div.land-explorers[title*=Laycock] {
	top: 110px;
	border: 2px solid Yellow;
	background-color: Black;
	color: White;
}

div.land-explorers[title*=Blaxland], div.land-explorers[title*=Barrallier], div.land-explorers[title*=Caley] {
	top: 10px;
	border: 2px solid Wheat;
	background-color: Black;
	color: White;
}
div.land-explorers[title*=Macquarie] {
	top: 50px;
	border: 2px solid White;
	background-color: Black;
	color: White;
}



div.land-explorers[title*=Evans] {
	top: 30px;
	border: 3px solid Green;
	background-color: White;
	color: Red;
}
div.land-explorers[title*=Oxley] {
	top: 10px;
	border: 2px solid Brown;
	background-color: LightGray;
	color: black;
}

div.land-explorers[title*=Cunningham] {
	top: 10px;
	border: 2px solid DarkRed;
	background-color: Pink;
	color: Black;
}

div.land-explorers[title*=Currie] {
	top: 70px;
	border: 2px solid White;
	background-color: DarkGoldenRod;
	color: white;
}

div.land-explorers[title*=Hovell] {
	top: 110px;
	border: 2px solid Brown;
	background-color: LightGray;
	color: black;
}

div.land-explorers[title*=Sturt] {
	top: 50px;
	border: 2px solid DarkSeaGreen;
	background-color: Crimson;
	color: black;
}

div.land-explorers[title*=Mitchell] {
	top: 30px;
	border: 2px solid Orange;
	background-color: DarkRed;
	color: Gold;
}

div.land-explorers[title*=Eyre] {
	top: 70px;
	border: 2px solid Tan;
	background-color: #b3feff;
	color: Black;
}

div.land-explorers[title*=McMillan] {
	top: 90px;
	border: 2px solid White;
	background-color: LightGray;
	color: Black;
}

div.land-explorers[title*=Strzelecki] {
	top: 110px;
	border: 2px solid Red;
	background-color: White;
	color: Black;
}



div.land-explorers[title*=Leichhardt] {
	top: 10px;
	border: 2px solid Red;
	background-color: White;
	color: Black;
}
div.land-explorers[title*=Gregory] {
	top: 110px;
	border: 2px solid Red;
	background-color: White;
	color: Black;
}
div.land-explorers[title*=Kennedy] {
	top: 10px;
	border: 2px solid Red;
	background-color: White;
	color: Black;
}


div.land-explorers[title*=Stuart] {
	top: 30px;
	border: 2px solid Blue;
	background-color: White;
	color: Blue;
}

div.land-explorers[title*=Burke] {
	top: 70px;
	border: 2px solid Brown;
	background-color: Wheat;
	color: Blue;
}


div.land-explorers[title*=Forrest][title*=2nd] {
	top: 90px;
	top: 100px;  /* for SLV app */
	border: 2px solid Brown;
	background-color: ForestGreen;
	color: White;
}
div.land-explorers[title*=Forrest] {
	display: none !important;
}
#timelinePanel.year div.land-explorers[title*=Forrest] {
	display: block !important;
}
div.land-explorers[title*=Warburton] {
	top: 30px;
	top: 100px; /* for SLV app */
	border: 2px solid DarkGray;
	background-color: LightGray;
	color: Black;
}
div.land-explorers[title*=Gosse] {
	top: 50px;
	top: 120px; /* for SLV app */
	border: 2px solid DarkOrange;
	background-color: IndianRed;
	color: Black;
}
div.land-explorers[title*=Giles] {
	top: 70px;
	top: 80px; /* for SLV app */
	border: 2px solid Black;
	background-color: White;
	color: Black;
}

#Mabo {
	top: 20px;
	height: 18px;
	border: 3px solid #090;
	border-left: none;
	border-right: none;
	background-color: #009;
	color: White;
	font-weight: normal !important;
	text-align: left !important;
	padding-left: 10px;
}

#Mabo span {
	display: block;
	margin-top: -3px;
}


div.land-explorers[title*=1st] { /* match any substring (not word) - case sensitive */
	background: orange !important;
}

div.land-explorers[title*=2nd] { /* match any substring (not word) - case sensitive */
	background: yellow !important;
	top: 20px !important;
}

div.land-explorers[title*=3rd] { /* match any substring (not word) - case sensitive */
	background: green !important;
	top: 30px !important;
}

div.land-explorers[title*=4th] { /* match any substring (not word) - case sensitive */
	background: blue !important;
	top: 40px !important;
}

.guadalcanal {
	top: 10px;
	height: 20px;
	background-color: red;
}


.placemarkBar {

}


.iconRight {

}

.iconCenter_labelLeft {
	/* margin-left: calc(50%-10px);
	margin-right: 0;
	padding-left: 22px;  /*this forces a minimum on the visible width */
	/*padding: 0 10px; /* adds additional padding to the visible width, pushing right */
	background: orange;
	box-sizing: content-box;
	padding-left: 22px;
	padding-right: 20px;
	/*margin-left: -10px; /* pulls visible width back to extension on both sides */

}

.iconCenter_labelRight {
	top: 90px;
	height: 20px;
	padding-left: 22px;
	margin-left: -10px;
	background-position: left;
	border: 1px solid white;
}

.iconLeft {
	top: 90px;
	height: 20px;
	padding-left: 22px;  /*this forces a minimum on the visible width */
	margin-left: -10px; /* pulls visible width back to extension on both sides */
	background-position: left;
}

/* --------------------- Crux Maps -------------------- */
.groundOverlay {
	display: none;
}

.groundOverlay span {
	display: none;
}

#timelinePanel.month div.groundOverlay, #timelinePanel.year div.groundOverlay, #timelinePanel.decade div.groundOverlay, #timelinePanel.century div.groundOverlay {
	box-sizing: content-box;
	padding: 0 8px;
	margin: 0 -8px;
	height: 16px;
	top: 60px;
	background-image: url('../styleIcons/200px-Compass_rose_Cantino.svg.png'); /* not important so can be overridden */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}


/* --------------------- General Explorer styling -------------------- */
div.explorers {
	visibility:hidden;
	height: 20px;
	text-align: center;
	overflow: hidden;
	background-image: url('../styleIcons/Endeavour-icon.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left;
	padding-left: 20px;
	border: 2px solid rgba(153,153,153,1);
	background-color: rgba(153,153,153,0.2);
}
#timelinePanel.decade div.explorers, #timelinePanel.century div.explorers {
	visibility: visible;
	overflow: visible;
	background-color: transparent;
	border: none;
	padding-left: 22px;
	margin-left: -10px;
}
div.explorers.labelLeft {
	background-position: right;
	padding-left: 0;
	padding-right: 20px;
}
div.explorers.labelLeft span {
	display: block;
	position: absolute;
	right: 20px;
}
#timelinePanel.decade div.explorers.labelLeft {
}
#timelinePanel.century div.explorers span {
	visibility: hidden;
}
#timelinePanel.year div.explorers {
	visibility: visible;
}
div.explorers.omit {
	visibility: hidden !important;
}
div.explorers:hover {
	font-weight: bold;
}
div.explorers[title*=Cook] {
	visibility: hidden;
	background-color: rgba(255,153,153,0);
	border: 2px solid rgba(255,153,153,0);
}
div.explorers[title*=Furneaux] {
	top: 20px; 
	background-color: rgba(255,153,153,0);
	border: 2px solid rgba(255,153,153,0);
}



#timelinePanel.month div.JamesCook2nd, #timelinePanel.day div.JamesCook2nd {
	visibility: visible !important;
	background-color: rgba(255,153,153,0);
	border: 2px solid rgba(255,153,153,0);
	background-image: none;
	padding: 0;
	text-align: left;
}
#timelinePanel.month div.explorers[title*=Furneaux], #timelinePanel.day div.explorers[title*=Furneaux] {
	visibility: visible !important;
	background-color: rgba(255,153,153,0);
	border: 2px solid rgba(255,153,153,0);
	background-image: none;
	padding: 0;
	text-align: left;
}

/*div[title*=Native][title*=Title] {overflow: visible; }*/

/* --------------------- National Explorer colours -------------------- */

#timelinePanel.decade div.james-cook span, #timelinePanel.year div.james-cook span {
	display: none;
}


div.british.maritime {
	background-image: url('../styleIcons/Endeavour-icon.png');
	border: 2px solid rgba(204,204,204,1);
	background-color: rgba(204,204,204,0.2);
}
div.french.maritime {
	background-image: url('../styleIcons/SerpentineClassCorvette-faceLeft-blue-20px.png');
	border: 2px solid rgba(153,153,255,1);
	background-color: rgba(102,102,255,0.2);
}
div.dutch.maritime {
	background-image: url('../styleIcons/DutchShip_20px-orange.png');
	border: 2px solid rgba(204,153,102,1);
	background-color: rgba(204,153,102,0.2);
}
div.spanish.maritime {
	background-image: url('../styleIcons/DutchShip_20px-red.png');
	border: 2px solid rgba(255,153,153,1);
	background-color: rgba(255,153,153,0.2);
}


/*
div.invisible.maritime {
	background-image: none;
	background-color: rgba(153,153,153,0);
	border: 2px solid rgba(153,153,153,0);
}
div.invisible.maritime span {
	color: rgba(153,153,153,0);
}
*/

div#Federation span {
	display: block;
	width: 100%;
	border: 1px solid White;
	padding-left: 22px;
	border-right: 0px;
}

/* --------------------- Convict Settlements positions -------------------- */


div.convict-settlements {
	/*background-image: url('../styleIcons/Convict-Arrow-grey_glow-40px.png');*/
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 3px;
	background-color: rgba(255,153,153,0.2);
	color: rgba(255,255,255,0.7);
	text-align: left;
	height: 14px;
	border: rgba(255,153,153,0.7);
	line-height: 15px;
	background-color: #666;
	color: #DDD;
	overflow: visible;
	text-shadow: 1px 1px 7px black;
}


div.convict-settlements[title*=Newcastle], div.convict-settlements[title*=Moreton]  { top: -4px}
div.convict-settlements[title*=Jackson] { top: 12px}
div.convict-settlements[title*=Norfolk] { top: 28px}
div.convict-settlements[title*=Port][title*=Macquarie], div.convict-settlements[title*=Fremantle] { top: 44px}
div.convict-settlements[title*=Albany] { top: 60px}


div.convict-settlements[title*=Sullivan][title*=Bay],div.convict-settlements[title*=Western], div.convict-settlements[title*=Port][title*=Philip] { top: 75px}


div.convict-settlements[title*=Cove],div.convict-settlements[title*=Hobart] { top: 91px}
div.convict-settlements[title*=Macquarie][title*=Harbour], div.convict-settlements[title*=Maria] { top: 107px}

div.convict-settlements[title*=Maria][title*=Island], div.convict-settlements[title*=Arthur] { top: 123px}

div.convict-settlements[title*=Risdon] span {display: none; }

div.convict-settlements[title*=Preload] { top: 200px}





/* --------------------- French Explorer positions -------------------- */
/*
div.explorers[title*=Surville] { top: 90px; }
div.explorers[title*=Alo][title*=arn] { top: 110px; }
div.explorers[title*=Bougainville] { top: 110px; }
div.explorers[title*=Dufresne] { top: 90px; }

div.explorers[title*=Entrec] { top: 90px; }
div.explorers[title*=Baudin] { top: 70px; }
*/

div.explorers[title*=rouse] { top: 120px; }

/* --------------------- Dutch Explorer positions -------------------- */

div.explorers[title*=Quiros] { top: 60px; }
div.explorers[title*=Torres] { top: 80px; }
div.explorers[title*=ShipsBoats] { top: 180px; }

/* placing at 20px so that Defining Moment spot is above */
div.explorers[title*=Janszoon] { top: 20px; }
div.explorers[title*=Hartog] { top: 40px; }

div.explorers[title*=Pera] { top: 00px; }
div.explorers[title*=Arnhem] { top: 20px; }
div.explorers[title*=DeWitt] { top: 40px; }
div.explorers[title*=Houtman] { top: 60px; }
div.explorers[title*=Nuyts] { top: 100px; }

div.explorers[title*=Pelsaert], div.explorers[title*=Batavia] { top: 120px; }

div.explorers[title*=Batavia], div.explorers[title*=Pera], div.explorers[title*=Arnhem], div.explorers[title*=Leeuwin], div.explorers[title*=Tryall] { font-style: italic; }

div.explorers[title*=Leeuwin] { top: 80px; }
div.explorers[title*=Pieterszoon] { top: 0px; }

div.explorers[title*=Tryall] { top: 120px; }

#timelinePanel.decade div.explorers[title*=Tasman] { top: 20px; background-color: black !important; }
#timelinePanel.decade div.explorers[title*=Tasman] span { background-color: black !important; }

/* --------------------- British Explorer positions -------------------- */

div.explorers[title*=Vancouver] { top: 60px; }
div.explorers[title*=Anson] { top: 60px; }
div.explorers[title*=Haddon] {top: 90px; }
div.explorers[title*=Mawson] {top: 90px; }
div.explorers[title*=Mertz] {display: none !important; }

div.explorers[title*=Wallis], div.explorers[title*=Byron] { top: 20px; }
div.explorers[title*=Carteret]  { top: 40px; }
#timelinePanel.decade div.explorers[title*=Wallis], #timelinePanel.decade div.explorers[title*=Byron], #timelinePanel.decade div.explorers[title*=Carteret] { visibility: hidden !important; }


/* --------------------- Mail Ships -------------------- */
div.mailships { visibility: hidden; }
#timelinePanel.month div.mailships, #timelinePanel.day div.mailships, #timelinePanel.hour div.mailships { visibility: visible; }
div.mailships { height: 20px; text-align: left; padding-left: 5px;}
div.mailships.viaSuez { background-color: red; top: 60px; }
div.mailships.viaSuez[title*=Outwd] { top: 0px; }
div.mailships[title*=Eastern] { top: 20px; }
div.mailships.Outwd { top: 20px; }
div.mailships.Hmwd { top: 100px; }
div.mailships[title*=Branch] { top: 40px; }

div.mailships.outwardSuez[title*=Soton], div.mailships.outwardSuez[title*=SthH], div.mailships.outwardSuez[title*=Southampton], div.mailships.outwardSuez[title*=Outward] { top: 0px; }
div.mailships.outwardSuez[title*=Marseilles] { top: 20px; }
div.mailships.outwardSuez[title*=Suez] { top: 40px; }
div.mailships.outwardSuez { top: 60px; }
div.mailships.outwardSuez[title*=branch] { top: 180px; visibility: hidden; display:none;}

div.mailships.outwardSuez { border-top: 2px solid #F33; border-right: 2px solid #F33; border-left: 2px solid rgba(0,0,0,0.3); border-bottom: 2px solid rgba(0,0,0,0.3); background-color: rgba(204,51,51,0.3); border-radius: 0 18px 0 10px; padding-top: 0px; padding-right: 10px; height:20px; box-sizing: border-box;}

div.mailships.outwardCalifornia { top: 95px; }
div.mailships.outwardCalifornia[title*=Francisco], div.mailships.outwardCalifornia[title*=SF] { top: 115px; }

div.mailships.outwardCalifornia { border-bottom: 2px solid #66F; border-right: 2px solid #66F; border-left: 2px solid rgba(0,0,0,0.3); border-top: 2px solid rgba(0,0,0,0.3); background-color: rgba(51,51,255,0.3); border-radius: 10px 0 18px 0; padding-top: 0px; padding-right: 10px; height:20px; box-sizing: border-box;}

div.mailship-routes { visibility: hidden; border: 2px solid #9999CC; background-color: #3C3E75; color: white; text-align: left; padding-left: 5px;}
div.mailship-routes span { background-color: #3C3E75; padding-right: 5px;}
div.mailship-routeszzz:hover { overflow-x: visible; }
div.mailship-routes:hover {
	z-index:5000;
	overflow: visible;
	font-weight: bold;
	text-indent: 0;
}

#timelinePanel div.mailship-routes[title*='War'] span, #timelinePanel div.mailship-routes[title*='Convict'] span { background: transparent; }
#timelinePanel.year div.mailship-routes[title*='War'], #timelinePanel.monthz div.mailship-routes[title*='War']  {
	visibility: visible;
	top: 0px !important;
	height: 22px !important;
	padding-left: 5px;
	text-align: center;
	padding-leftzzzz: 20px;
	text-align: left;
	height: 30px;
	background-color: gray;
	color: black;
	border: 1px solid black;
	font-weight: bold;
}
#timelinePanel.year div.mailship-routes[title*='Convict'], #timelinePanel.monthz div.mailship-routes[title*='Convict']  {
	visibility: visible; 
	top: 5px !important;
	height: 22px !important;
	padding-right: 3px;
	text-align: right;
	background: #888;
	color: black;
	border: 1px solid #AAA;
	font-weight: bold;
}



#timelinePanel.year div.mailship-routes[title*='Toulmin'], #timelinePanel.monthz div.mailship-routes[title*='Toulmin']  { visibility: visible; top: 35px; }
#timelinePanel.year div.mailship-routes[title*='Company'], #timelinePanel.monthz div.mailship-routes[title*='Company'] { visibility: visible; top: 35px; }
#timelinePanel.year div.mailship-routes[title*='via'], #timelinePanel.monthz div.mailship-routes[title*='via'] { visibility: visible; top: 85px; }
#timelinePanel.year div.mailship-routes[title*='P&O'], #timelinePanel.monthz div.mailship-routes[title*='P&O'] { visibility: visible; top: 60px; }
#timelinePanel.year div.mailship-routes[title*='Torres'], #timelinePanel.monthz div.mailship-routes[title*='Torres'] { top: 35px; }
/**/