@charset "UTF-8";
/* CSS Document */


	
	.newviews {width:90%; margin:auto; max-width:1200px}
	

	.newviewscol, .newviewscolselected {width:20%; float:left; background-color:#000; padding:10px 0;}
	.newviewscol:hover{background-color:darkblue; color:white; border-radius:20px} 
	.newviewscol, .newviewscolselected p{text-align:center; color:white}
	
	h3.selectview {text-align:center; color:deepskyblue}
	h3.selectview a{color:#FFF}
	h3.selectview ahover{color:deepskyblue; text-decoration:underline}
	

	
	
	
	
/* Map */
	
	
.worldmap {
    position: relative;
  
    border:0;
	background-image: url("images/world-map.png"); 
	background-size:contain; 
	width:490px;
	height:200px
}

.point {
    display: block;
    position: absolute;
    width: 0.4em;
    height: 0.4em;
	border-radius:10px;
	border:2px solid black;
}

.pGSFC { background: red; top: 4em; left: 10em; }
.pBALL { background: red; top: 4em; left: 4.9em; }
.pTT { background: red; top: 4em; left: 5.3em; }
.pCA { background: red; top: 4em; left: 9.8em; }
.pOS { background: red; top: 4.4em; left: 10.2em; }
.pQED { background: red; top: 4.4em; left: 9.8em; }
.pJEN { background: red; top: 2.7em; left: 18.5em; }
.pALL { background: red; top: 2.9em; left: 18.2em; }
.pL3 { background: red; top: 3.5em; left: 10em; }
.pTAS { background: red; top: 3.8em; left: 17.8em; }
.pAASC { background: red; top: 4em; left: 5.3em; }

		
.pGSFC:hover{ background: dodgerblue; }
.pBALL:hover{ background: dodgerblue;  }
.pTT:hover{ background: dodgerblue; }
.pCA:hover{ background: dodgerblue;  }
.pOS:hover{ background: dodgerblue; }
.pQED:hover{ background: dodgerblue;  }
.pJEN:hover{ background: dodgerblue; }
.pALL:hover{ background: dodgerblue;  }
.pL3:hover{ background: dodgerblue;  }
.pTAS:hover{ background: dodgerblue;  }
.pAASC:hover{ background: dodgerblue;  }

		
		
p.locationlinks { color:white; padding:5px 20px 5px 30px; line-height:20px}
p.locationlinks a{color:#FFF}
p.locationlinksahover{color:deepskyblue; text-decoration:underline}

	

	
/* Completion Status */
	
	
	
.container {width:90px;  height: 100%; display: flex;  justify-content: center; align-items: center; }

.circle {  content: " ";  margin: 15px;  width: 15px;  height: 15px;  border-radius: 50%;  margin: 0 auto;  transition: all 0.3s;
}
	
	.circlered{ background-color:red;}
	.circleorange{ background-color:darkorange;}
	.circleyellow{ background-color:yellow;}
	.circlegreen{ background-color:#33ff00;}
	.circlegray{ background-color:dimgray;}
	

	
	
	
/* Jump to Top  */
	
			
#ViewsBtn {display: inherit; position: fixed;  top: 100px; right: 15px;  z-index: 99; border: none; outline: none; background-color: #003399; color: white; cursor: pointer; padding: 10px;  border-radius: 10px; font-size: 18px; font-variant-caps: all-small-caps}
#ViewsBtn:hover {background-color: #3366ff; }

	
	
		.graybar {margin:auto; max-width:1250px; width:100%}
		.completionstatus {float:left; min-width:400px; height:150px}
		.locationslist {float:left; }	
		.locationslist h1{color:#FFF; padding:5px 20px; text-align:left}
		.locationsmap {float:left; width:500px;}
		.locationsjoin {float:left;  }
		
	
	@media screen and (max-width: 1250px) {
	
		.completionstatus {width:500px; margin:auto; float:none}
		.locationslist {width:500px; margin:auto; float:none}	
		.locationslist h1,p{float:none; text-align:center }	
		.locationsmap {width:500px; margin:auto; float:none}
		.locationsjoin {float:none;}
		
	}




h3.idesc {color:#FFF; max-width:1200px; margin:auto; font-weight:200; font-size:160%; line-height:120% }
	
p.iinfopg{color:#000; padding:10px; text-align:left}	

	@media screen and (max-width: 1150px) {
	
		p.iinfopg{ text-align:left}	}