html {
	
	overflow-y:hidden; 
	overflow-x:hidden; 
	overflow:hidden;
}

body {
	
	overflow:hidden;
	background:white;
	background:url('../Images/SplashScreen.jpg');
	background-size:100% 100%;

		  -webkit-touch-callout: none; /* iOS Safari */
			-webkit-user-select: none; /* Safari */
			 -khtml-user-select: none; /* Konqueror HTML */
			   -moz-user-select: none; /* Old versions of Firefox */
				-ms-user-select: none; /* Internet Explorer/Edge */
					user-select: none; /* Non-prefixed version, currently
										  supported by Chrome, Edge, Opera and Firefox */
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

#LoadingScreen {
	
	position:absolute;
	z-index:3;
	background:white;
	border:1px double grey;
	display:table;
	top:50%;
	left:50%;
	width:350px;
	height:350px;
	margin-left:-175px;
	margin-top:-225px;
}
#LoadingScreenBacking {
	
	position:absolute;
	z-index:2;
	background:linear-gradient(45deg, black, transparent);
	top:50%;
	left:50%;
	width:400px;
	height:400px;
	margin-left:-200px;
	margin-top:-250px;
}
#LoadingScreenSecondBacking {
	
	position:absolute;
	z-index:1;
	background:linear-gradient(45deg, black, transparent);
	top:50%;
	left:50%;
	width:450px;
	height:450px;
	margin-left:-225px;
	margin-top:-275px;
}
#LoadingMessage {
	
	width:100%;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
}

#StartButton {
	
	position:absolute;
	z-index:27;
	top:50%;
	left:50%;
	width:200px;
	height:40px;
	padding-top:10px;
	margin-left:-100px;
	margin-top:-25px;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing: 0.125vw;
    border: 1px ridge #333;
    border-radius: 0.5vh;
    background: #ffffcc;
    text-shadow: 1px 1px white;
    color: #333366;
	cursor:pointer;
	box-shadow:0px 0px 50px 25px gold;
	display:none;
}
#StartButton:hover {
	
	border:1px groove #999;
	background:royalblue;
	color:#fff;
	text-shadow: 1px 1px black;
}
#DevStageArea {

	display:none;
    position: absolute;
    z-index: 27;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 70px;
    padding-top: 15px;
    margin-left: -100px;
    margin-top: 50px;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.125vw;
    border: 1px ridge #333;
    background: #ffffcc;
    text-shadow: 1px 1px white;
    color: #333366;
}

.ScreenPadding {
	
	background:black;
	display:none;
	position:absolute;
	z-index:100001;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#screenwarning {
	
	position:fixed; 
	z-index:100001; 
	top:0px; 
	left:0px; 
	width:102.5%; 
	height:100%; 
	display:none;
	text-align:center;
	font-size:1.5em;
	color:black;
	text-shadow:1px 1px white;
}
#screenwarning_zoom {
	
	font-weight:bold;
	margin-top: 5em;
}
#screenwarning_size {
	
	font-weight:bold;
}

#FullScreenArea, #PlayArea {
	
	position:fixed; 
	z-index:10; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:calc(100% - 1px); 
	display:none;
}
#PlayArea {

	display:none;
	z-index:25;
	background:url('../Images/StarClusterBG.jpg');
	background-size: 50% 50%;
    background-position: 10% 10%;
}


#MainGameLogo {
	
	position:absolute;
	z-index:26;
	border:1px double grey;
	top:50%;
	left:50%;
	width:615px;
	height:205px;
	margin-left:-312px;
	margin-top:-102px;
	background-image:url('../Images/GameOfPlanets-Horizontal.png');
	background-size:100% 100%;
	display:none;
}

#StoryBoard {
	
	position:absolute;
	z-index:26;
	top:50%;
	left:50%;
	width:640px;
	height:550px;
	margin-left:-321px;
	margin-top:-276px;
	background:#333;
	border:2px ridge dimgrey;
	border-radius:5px;
	box-shadow:0px 0px 5px 10px grey;
	display:block;
	opacity:0;
}
	#StoryImageArea {
		
		width: 95%;
		height:340px;
		margin-top: 12px;
		margin-left:calc(2.5% - 1px);
		border:2px groove dimgrey;
		border-radius:5px;
		border-bottom-left-radius:0px;
		border-bottom-right-radius:0px;
		background:slategray;
	}
		#StoryImage {
			
			width: 90%;
			margin-left: 5%;
			margin-top: 15px;
			height: auto;
			border: 1px solid black;
			box-shadow: 0px 0px 10px 3px black;
		}
	
	#StoryTextArea {
		
		width: 87.5%;
		margin-left: calc(2.5% - 1px);
		margin-top: -2px;
		height: 120px;
		background: #5a4da6;
		border: 2px groove dimgrey;
		border-top: none;
		border-radius: 5px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		padding: 3.75%;
		padding-top: 3%;
		padding-bottom: 2.5%;
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
		display: table;
	}
		#StoryText {
		
			width: 90%;
			padding-left:5%;
			padding-right:5%;
			text-align: center;
			display: table-cell;
			vertical-align: middle;
			font-size: 1.375em;
			color: white;
			text-shadow: 1px 1px #333;
			letter-spacing: 0.1875em;
			background: darkslateblue;
			border: 2px inset slateblue;
			border-radius: 10px;
			border-bottom-left-radius: 25px;
			border-bottom-right-radius: 25px;
		}
			#ToWinThis {
				
				padding-top:0.5em;
			}
	
	#StoryButtonArea {
		
		width: 90%;
		height: 60px;
		margin-left: 5%;
		margin-top: 5px;
		padding-top: 7px;
	}
		#LoadingText {
			
			width:100%;
			text-align:center;
			margin-top:5px;
			font-size:0.75em;
			color:white;
			text-shadow:1px 1px black;
		}

		#LoadingBar {
			
			width:30%;
			margin-left:35%;
			margin-top:1px;
			height:10px;
			background:green;
			border:1px solid gold;
			border-radius:5px;
		}
			#LoadingBarProgress {
				
				width:0%;
				height:10px;
				background:lightgreen;
				border-top-right-radius:5px;
				border-bottom-right-radius:5px;
			}
	
		#StoryButton {
			
			width: 30%;
			height: 27px;
			margin-left: calc(35% - 1px);
			text-align: center;
			font-size: 0.9375em;
			color: gold;
			text-shadow: 1px 1px dimgrey;
			background: slategray;
			border:1px solid #333;
			border-radius: 5px;
			padding-top: 8px;
			letter-spacing:0.0375em;
			cursor:pointer;
		}
		#StoryButton:hover {
			
			border:1px solid gold;
			background:dodgerblue;
			color:white;
		}

#AudioSettings {
	
	background:#333;
	box-shadow:0px 0px 25px 10px gold;
	position:absolute; 
	z-index:3500000000; 
	top:50%;
	left:50%;
	width:400px;
	height:300px;
	padding-top:10px;
	margin-left:-200px;
	margin-top:-160px;
	display:none; 
	color:#fff; 
	font-size:1.125em; 
	border:1px solid #fff; 
	border-radius:1vw; 
	padding-left:1%; 
	padding-right:1%; 
	line-height:0.75em;
}
	#GameSettingsTitle {
		
		font-size: 1.875em;
		border-bottom: 1px solid white;
		padding-top: 15px;
		height: 35px;
		text-align: center;
	}

	.SettingsArea {
		
		height: 35px;
		margin-bottom: 40px;
	}
	
	.AudioSettingsTitle {
		
		margin-top:1em;
	}

	.SettingsTitle {
		
		font-size: 1.125em;
		width: 90%;
		text-align: center;
		letter-spacing: 0.0875vw;
		text-transform: uppercase;
		margin-bottom: 0.5em;
		margin-top: 2.75em;
	}

	#SettingsContainer {
		
		width:80%;
		margin-left:10%;
		font-size:0.75em;
	}


	.CheckBoxContainer {
		
		clear:left;
		float:left;
		width:5%;
		text-align:right;
	}

	.SettingsCheckbox {
		
		margin-left:2%;
		width:1.5em;
		height:1.5em;
		border:1px solid white;
		background-color:white;
		background:url('../Images/CheckBox_UnChecked.png');
		background-size:100% 100%;
		float:left;
		cursor:pointer;
		border-radius:3px;
	}
	.SettingsCheckbox:hover {
		
		border:1px solid gold;
	}

	.slidecontainer {
		
	  width:79%;
	  margin-left:2.5%;
	  float:left;
	}
	.slider {
		
	  -webkit-appearance: none;
	  appearance: none;
	  width: 100%;
	  height: 1.25em;
	  background: #d3d3d3; 
	  outline: none;
	  opacity: 0.7;
	  -webkit-transition: .2s;
	  transition: opacity .2s;
	}
	.slider:hover {
		
	  opacity: 1;
	}
	.slider::-webkit-slider-thumb {
		
	  -webkit-appearance: none;
	  appearance: none;
	  width: 25px;
	  height: 25px;
	  background: dodgerblue;
	  cursor: pointer;
	}
	.slider::-moz-range-thumb {
		
	  width: 25px;
	  height: 25px;
	  background: dodgerblue;
	  cursor: pointer;
	}
	.VolumeContainer {
		
		width: 10%;
		text-align: left;
		float: left;
		margin-left: 3.5%;
		margin-top: 0.1875em;
		font-size: 1.25em;
	}
	#BGVolume {
		
		font-size:1.25em;
	}

	.Preferences_SettingsCheckbox {
		
		margin-left:calc(15% - 25px);
		width:27px;
		height:27px;
		border:1px solid white;
		background-color:white;
		background:url('../Images/CheckBox_UnChecked.png');
		background-size:100% 100%;
		float:left;
		cursor:pointer;
		border-radius:3px;
	}
	.Preferences_SettingsCheckbox:hover {
		
		border:1px solid gold;
	}
	.CheckBoxChecked {
		
		background:url('../Images/CheckBox_Checked.png');
		background-size:100% 100%;	
	}
	.CheckChecked {
		
		background:url('../Images/Check_Checked.png');
		background-size:100% 100%;	
	}

	.SettingsButton {
		
		cursor:pointer;
		font-size:0.875em;
		height:30px;
		border-radius:0.5vw;
		margin-top:1em;
		width:80%;
	}
	.SettingsButton:hover {

		background:yellow;
		border:2px solid gold;
	}

	#AudioSettingsButton {
		
		width:75%;
	}
	
#GameIconsBacking {
	
	position:absolute;
	z-index:153;
	width:50px;
	height:50px;
	background:#333;
	border-right:1px ridge #666;
	border-bottom:1px ridge #666;
	display:none;
}
.GameIcon {
	
	display:none;
	position:absolute;
	z-index:155;
	left:0px;
	top:0px;
	padding:1px;
	border:1px solid #4d4d4d;
	border-radius:8px;
	width:30px;
	height:30px;
	cursor:pointer;
}
.GameIcon:hover {
	
	padding:0px;
	border:2px solid gold;
}

#GameSettingsIcon {
	
	background:url("../Images/SettingsButton.png");
	background-size:100% 100%;
}
#InfoIcon {
	
	background:url("../Images/InfoIcon.png");
	background-size:100% 100%;
}
#GameMessagesIcon {
	
	background:url("../Images/GameMessagesIcon.png");
	background-size:100% 100%;
}
	.GameMessagesIcon_Highlight {

		padding:0%;
		border:2px solid white;
	}
	
#MissionIcon {
	
	display:none;
	position:absolute;
	z-index:155;
	left:0px;
	top:0px;
	padding:2px;
	width:120px;
	height:40px;
	background:url("../Images/LevelAchieved.jpg");
	background-size:100% 100%;
	border: 1px solid dimgrey;
}
#MissionAreaBacking {
	
	position:absolute;
	z-index:153;
	width:145px;
	height:65px;
	background:#333;
	border-left:1px ridge #666;
	border-bottom:1px ridge #666;
	display:none;
}

#StellarTelescope {
	
	z-index:154;
	background:url("../Images/Telescope.png");
	background-size:100% 100%;
	border:1px solid #4d4d4d;
	border-radius:3px;
	width:90px;
	height:45px;
	right:10px;
	top:8px;
	left:unset;
	display:none;
}
#StellarTelescope:hover {
	
	border:2px solid gold;
}
#StellarTelescopeHighlight {
	
	border:2px solid gold;	
}
#StellarTelescopeBacking {
	
	position:absolute;
	z-index:153;
	width:112px;
	height:65px;
	right:0px;
	top:0px;
	background:#333;
	border-left:1px ridge #666;
	border-bottom:1px ridge #666;
	display:none;
}

#StellarTelescopeSweep {
	
	position:absolute;
	z-index:0;
	width:30px;
	height:30px;
	right:0px;
	top:0px;
    background: url("../Images/TelescopeProgressCircle.gif");
	background-size:110% 110%;
	background-repeat: no-repeat;
    background-position: center;
	border-radius:100%;
	display:none;
}
#StellarTelescopeProgress {
	
	position:absolute;
	z-index:155;
	background:url("../Images/SurveyProgressBar.gif");
	background-size:100% 100%;
	width:1px;
	height:47px;
	top:9px;
	left:0px;
	opacity:0.5;
	display:none;
}
	

.FrontScreenButton {
	
	color:white;
	background:lightsteelblue;
}
.FrontScreenButton:hover {
	
	color:dodgerblue;
	background:aliceblue;
	text-shadow:0px 1px gold;
}

#StartEmpireScreen {
	
	display:none;
	position:absolute;
	z-index:133;
	border:1px double grey;
	top:47.5%;
	left:50%;
	width:800px;
	height:172px;
	margin-left:-400px;
	margin-top:-200px;
	box-shadow: 0px 0px 15px 15px #33333399;
}
#SpeciesChoicesArea {
	
    width: 99%;
    padding-left: 1%;
    padding-top: 0.875%;
    padding-bottom: 1.25%;
    height: 100%;
	background:burlywood;
}
	.ArchetypeSelection {
		
		float: left;
		width: calc(10% - 4px);
		margin: 0.5%;
		border: 2px outset grey;
		border-radius: 5px;
		height: 75px;
		background: linear-gradient(45deg, grey, black);
		cursor:pointer;
		display:none;
	}
	.ArchetypeSelection:hover {
		
		border:2px inset steelblue;
		background:gold;
	}
	.ArchetypeCurrent {
		
		background:gold;
	}
	
		#Archetype_0 {
			
			background: linear-gradient(45deg, red, yellow);
		}
		#Archetype_0:hover {
			
			border:2px solid gold;
			background:white;
		}
		
		.ArchetypeSelectionImage {
			
			width:75px;
			height:75px;
		}

#SpeciesInfoArea {
	
	position:absolute;
	z-index:132;
	background:white;
	border:1px double grey;
	top:calc(47.5% + 106px);
	left:50%;
	width:800px;
	height:200px;
	margin-left:-400px;
	margin-top:-100px;
	box-shadow: 0px 0px 15px 15px #33333399;
	display:none;
}
	#SpeciesInfoText {
		
		display:table-cell;
		vertical-align:middle;
		font-size:3em;
		letter-spacing:0.05em;
		text-align:center;
		text-transform:uppercase;
		opacity:0;
	}
	.ArchetypeDetails {
		
		display:none;
		width:100%;
		height:100%;
	}
	.ArchetypeDetailsPicArea {
		
			clear:left;
			float:left;
			margin:10px;
			margin-left:11px;
			margin-right:15px;
			width:178px;
			height:178px;
			border: 1px solid #C9C9C9;
			background:gold;
	}
		.ArchetypeDetailsPic {
			
			width:100%;
			height:100%;
		}
		
	.ArchetypeDetailsArea {
		
		float:left;
		width:590px;
		height:177px;
		margin-top:10px;
	}
		.ArchetypeDescription, .ArchetypeStats {
			
			width:560px;
			height:108px;
			border:1px solid #C9C9C9;
			border-radius:5px;
			padding:10px;
			font-size:0.875em;
			color:saddlebrown;
			font-weight:bold;
			text-shadow:1px 1px #C9C9C9;
			letter-spacing:1px;
			text-align:left;
			background:#F9F9F9;
		}
			.ArchetypeDescription {
				
				display:none;
			}
			
		.ArchetypeStats {
			
			width: 560px;
			font-size:0.875em;
			border:1px solid green;
			background:lightgoldenrodyellow;
		}
			.ArchetypeStats_Details {
				
				width:100%;
				height:25px;
				margin-bottom: 5px;
			}
				.ArchetypeStats_Details_Section {
					
					float:left;
					width:33%;
					margin-right:0.333%;
					height:25px;
				}
					.ArchetypeStats_Details_Label {
						
						display:inline;
						font-size: 0.875em;
						color: black;
					}
					.ArchetypeStats_Details_Value {
						
						display:inline;
						font-size: 0.875em;
						color: blue;
					}
					.Archetype_ToggleDescription, .Archetype_ToggleDescription_Back {
						
						clear: left;
						border: 2px outset SteelBlue;
						border-radius: 5px;
						padding: 5px;
						padding-bottom: 4px;
						text-align: center;
						height: 17px;
						font-size: 1em;
						font-weight: normal;
						width: 75%;
						margin-top: -4px;
						margin-left: 3.75%;
						cursor: pointer;
					}
					.Archetype_ToggleDescription_Back {
						
						display:none;
						width:135px;
						margin-left:0px;
						margin-right:8px;
						clear:none;
						margin-top:16px;
						float:right;
					}
					
					.Archetype_ToggleDescription:hover, .Archetype_ToggleDescription_Back:hover {
						
						color:dodgerblue;
						background:aliceblue;
						text-shadow:0px 1px gold;
					}
		
			.ArchetypeStatsSection {
				
				float:left;
				width:33%;
				margin-right:0.333%;
				height:85px;
			}
			.ArchetypeFirstStatsSection {
				
				clear:left;
			}
			.ArchetypeCoreSection {
				
				height:35px;
			}
			
				.ArchetypeStatLabel {
					
					width: 90%;
					font-size: 0.75em;
					color: black;
					height: 9px;
					margin-top: 1px;
				}
				.ArchetypeCoreLabel	{
					
					font-size:0.9375em;
					margin-top:-5px;
				}
				.ArchetypeStatCluster {
					
					box-sizing: border-box;
					width: 90%;
					background: green;
					height: 12px;
					border-top-right-radius: 10px;
					border-bottom-right-radius: 10px;
				}
				.ArchetypeCoreCluster {
					
					height:15px;
					margin-top:7px;
					background:darkblue;
				}
				.ArchetypeStatBar {
					
					box-sizing: border-box;
					text-align: left;
					padding-top: 3px;
					padding-bottom: 3px;
					margin-top: 3px;
					color: white;
					background-color: limegreen;
					height: 12px;
				}
				.ArchetypeCoreStatBar {
					
					height:15px;
					background:cornflowerblue;
				}
			
		.PlayAsSpecies, #CustomSpecies {
			
			clear: left;
			float:left;
			border: 2px outset SteelBlue;
			border-radius: 5px;
			padding: 5px;
			padding-bottom: 4px;
			text-align: center;
			font-size: 1.75em;
			font-weight: normal;
			width: calc(60% - 12px);
			margin-top: 8px;
			margin-left: 18.75%;
			cursor: pointer;
		}
		#CustomSpecies {
			
			width:calc(45% - 12px);
			margin-left:25%;
			background: wheat;
			color: brown;
			text-shadow: 1px 1px yellow;
		}
		#CustomSpecies:hover {
			
			color:dodgerblue;
			background:aliceblue;
			text-shadow:0px 1px gold;
		}
		
			#CustomSpeciesDescription {
				
				display:block;
				width:560px;
				height:105px;
				border:1px solid #C9C9C9;
				border-radius:5px;
				padding:10px;
				font-size:0.875em;
				color:saddlebrown;
				font-weight:bold;
				text-shadow:1px 1px #C9C9C9;
				letter-spacing:1px;
				text-align:left;
				background:#F9F9F9;
				text-align:center;
				font-size:1.5em;
				line-height:180%;
				color:lightgoldenrodyellow;
				text-shadow: 1px 1px black;
				background: darkgoldenrod;
			}
			
#SpeciesIcon {
	
	display:none;
	position:absolute;
	z-index:155;
	background:white;
	width:50%;
	height:50%;
}
#SpeciesIconBacking {
	
	display:none;
	position:absolute;
	z-index:154;
	background:linear-gradient(45deg, black, grey);
	width:42px;
	height:42px;
	border-top:1px solid #535353;
	border-left:1px solid #535353;
}

#HomePlanetIcon {
	
	display:none;
	position:absolute;
	z-index:155;
	background:white;
	width:50%;
	height:50%;
}
#HomePlanetIconBacking {
	
	display:none;
	position:absolute;
	z-index:154;
	background:black;
	width:42px;
	height:42px;
}
#AchievementsIcon {
	
	display:none;
	position: absolute;
    z-index: 154;
    width: 42px;
    height: 19px;
    background: url(../Images/MissionValue.png);
    background-size: 85% 85%;
    background-repeat: no-repeat;
    background-position: 55% 1px;
    padding-top: 23px;
}
	#AchievementsValue, #GameMessagesValue {
		
		color: white;
		text-shadow: 1px 1px black;
		font-weight: bold;
		font-size: 1em;
		text-align: center;
		width: calc(100% - 4px);
		margin-left: 2px;
		background: #33333363;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		display:none;
	}
	#GameMessagesValue {
		
		margin-top:5px;
	}
	
#AchievementsIconBacking {
	
	display:none;
	position:absolute;
	z-index:153;
	background:black;
	width:40px;
	height:40px;
	border:1px solid dimgrey;
}

#ResearchIcon {
	
	display:none;
	position:absolute;
	z-index:154;
	background:black;
	width:42px;
	height:42px;
	background:url('../Images/ResearchIcon.png');
	background-size:100% 100%;
}
#ResearchIconBacking {
	
	display:none;
	position:absolute;
	z-index:153;
	background:black;
	width:40px;
	height:40px;
	border:1px solid dimgrey;
}
#ShipsIcon {
	
	display:none;
	position:absolute;
	z-index:154;
	background:black;
	width:42px;
	height:42px;
	background:url('../Images/ShipsIcon.png');
	background-size:100% 100%;
}
#ShipsIconBacking {
	
	display:none;
	position:absolute;
	z-index:153;
	background:black;
	width:40px;
	height:40px;
	border: 1px solid dimgrey;
}

#TitlesScreen {
	
	display:none;
	position:absolute;
	z-index:150;
	background:white;
	border:1px double grey;
	top:47.5%;
	left:50%;
	width:500px;
	height:400px;
	margin-left:-250px;
	margin-top:-200px;
	background: palegoldenrod;
	text-align:center;
	box-shadow: 0px 0px 15px 15px #33333399;
}
	#Archetype_DetailsTitle {
		
		clear: left;
		width: 100%;
		text-align: center;
		height: 50px;
		display: table;
	}
		#Archetype_DetailsText {
			
			letter-spacing: 5px;
			font-size: 2.25em;
			height: 63px;
			font-weight: bold;
			text-shadow: 1px 1px cadetblue;
			text-transform: uppercase;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
			color: brown;
		}

	#Archetype_DetailsArea {
		
		clear:left;
		float:left;
		width:300px;
		font-size:1.25em;
		height:290px;
		margin-right:7px;
		border-right:2px solid steelblue;
	}
	#Archetype_ButtonsArea {
		
		float:left;
		width:185px;
		height:80px;
	}
		#Archetype_Image {
			
			clear: left;
			height: 125px;
			width: auto;
			margin-bottom: 15px;
			margin-top: 40px;
		}

.FinalizationTitle, .LoginDetailsTitle {
	
	font-size:0.875em;
	margin-top:2.5%;
}
.LoginDetailsTitle {
	
	display:block;
	
}
.FinalizationTitle {
	
    display: flex;
    margin-left: 35px;
}
.FinalizationInput, .LoginDetailsInput {
	
	font-size:0.75em;
	height:10px;
	padding:2px;
	padding-left:5px;
	width:72.5%;
	margin-top:2px;
	display:none;
}
.FinalizationInput {
	
	display:inline;
	width:73.5%;
	height:auto;
}
.LoginDetailsInput {
	
    font-size: 1.125em;
    height: 1em;
	display:block;
	margin-left:12%;
}
.FinalizationSelect {
	
	height:20px;
	width:77.5%;
	padding-left:1px;
	height:auto;
}
#RulersNameTitle, #RulersName {
	
	display:block;
}
#Archetype_RulersName {
	
	display:inline;
}

#FinalizationHorizontalLine, .Archetype_FinalizationHorizontalLine {
	
    background: SteelBlue;
    border: 1px ridge SteelBlue;
    border-radius: 3px;
	display:block;
	margin-top:1.375em;
	height:1px;
}
.Archetype_FinalizationHorizontalLine {
	
    margin-bottom: 1.5em;
	margin-top:0;
}
.ArchetypeLine {
	
	border: 0;
    margin-left: -2px;
}

#FinalizationFinishButton, #Archetype_FinalizationFinishButton, #LoginFinalPlayButton, #FlagAcceptButton, #Archetype_FinalizationBackButton {
	
	clear:left;
	font-weight:bold;
	text-align:center;
	width:50%;
	height:30px;
	line-height:28px;
    margin-left: 22.5%;
	margin-top:0.625em;
	border:1px solid #885555;
	background:linear-gradient(180deg, #ffe13d, #b9b910);
	border-radius:5px;
	margin-top:0px;
	color:#193519;
	text-shadow:1px 1px white;
	text-decoration:none;
	cursor:not-allowed;
	opacity:0.5;
}
#Archetype_FinalizationFinishButton, #Archetype_FinalizationBackButton {
	
	width:calc(50% - 2px);
	margin-left:25%;
	margin-top:25px;
	opacity:1;
	cursor:pointer;
}
#Archetype_FinalizationBackButton {
	
    background: linear-gradient(45deg, #3cab40, #6068c5);
    color: white;
    width: 150px;
    margin-left: 16px;
    text-shadow: 1px 1px black;
    border: 2px outset SteelBlue;
    margin-top: 6px;
}
#Archetype_FinalizationBackButton:hover {

	background:aliceblue;
	color:dodgerblue;	
}

#FinalizationFinishButton:hover, #LoginFinalPlayButton:hover, #Archetype_FinalizationFinishButton:hover {
	
	border:1px solid #3e2828;
	background:linear-gradient(180deg, #b9b910, #ffe13d);
	text-decoration:underline;
}

#SolarScreen {
	
	position:absolute;
    width: 90%;
    height: 80%;
    z-index: 145;
    left: 5%;
    padding-top: 10vh;
    padding-bottom: 10vh;
    top: -1px;
    color: #FFFFFF;
    overflow: hidden;
	display:none;
}
#SolarSystemBox {
	
	text-align:center;
	font-size:x-large;
	position:relative;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	width:95%;
	left:2.5%;
	height:90%;
	top:3%;
}
#PlanetPopUpDiv {
	
	position:absolute;
	width:auto;
	height:auto;
	min-width:12em;
	bottom:29.5%;
	left:10%;
	background-image:url('../Images/TransparentBG4.png');
	background-size:100% 100%;
	z-index:250;
	padding:1%;
	padding-top:0.25%;
	color:#0033FF;
	border:1px solid Gold;
	border-radius:5px;
	display:none; 
}
.SystemPlanetSquare {
	
	position:absolute;
	top:77.5%;
	width:7%;
	height:16.5%;
	z-index:115;
	font-size:xx-small;
	cursor:default;
	border:1px solid transparent; 
	display:none;
}
.SystemPlanet_cir {
	
	position:absolute; 
	top:100px; 
	left:300px; 
	width:50px; 
	height:50px; 
	z-index:1; 
	border:none; 
	border-color:#FFFFFF;
	display:none;
}
.PlanetStatus {
	
	display:none;
    margin-top: 50%;
	background:mediumslateblue;
    border: 1px solid slategrey;
    border-radius: 5px;
    height: 10px;
	text-align:left;
	overflow:hidden;
}
	.SurveyProgressBar {
		
		width: 1%;
		height: 9px;
		padding-top: 2px;
		margin-top: -1px;
		background: url(../Images/SurveyProgressBar.gif);
		background-size: 100% 100%;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
		border-right: 1px solid #f0f8ff66;
		font-size: 0.8125em;
		color: white;
		text-shadow: 1px 1px black;
		font-weight: bold;
		letter-spacing: 1px;
		text-align: center;
		overflow: hidden;
	}
		.SurveyProgressPercent {
			
			font-size:0.625em;
		}

.YourPlanetSquare {
	
	border:1px dashed gold;
	background:#111100;
	border-bottom-left-radius:30px; 
	border-bottom-right-radius:30px;
}
.YourPlanetCircle {
	
	border:1px dashed #999900;
}

.SurveyablePlanet {
	
	border:1px dashed yellow;
	border-radius:10px;
	cursor:pointer;
}
.SurveyablePlanet:hover {
	
	border:1px solid greenyellow;
}

.PlanetStatus_Surveying {
	
    border-radius: 100%;
    background: url("../Images/SurveyProgressCircle.gif");
	background-size:110% 110%;
	background-repeat: no-repeat;
    background-position: center;
}
	.PlanetStatus_Text {
		
		width: 100%;
		text-align: center;
		margin-top: 5px;
		font-size:1em;
	}

#FirstScienceShipContainer {
	
	display:none;
}
	#FirstScienceShip {
		
		display:none;
	}
	#FirstScienceShipHighlight {
		
		position:absolute; 
		top:95%;
		left:0%;
		border:1px solid #ffff6c;
		background:#999900;
		border-radius:0.5vw;
		width:32px; 
		height:16px; 
		z-index:118; 
		display:none;
	}

.ShipsInPlanetOrbitContainer_Yours {
	
	position:absolute; 
	top:95%;
	border:1px solid transparent;
	border-radius:0.5vw;
	width:32px; 
	height:16px; 
	z-index:120; 
	display:block;
	cursor:pointer;
}
.ShipsInPlanetOrbitContainer_Yours:hover {
	
	border:1px solid #ffff6c33;
	background:#333300;
}
.ShipsInPlanetOrbitImg {
	
	width:100%;
	height:50%;
	margin-top:12.5%;
}
.ScienceShipSurveying {
	
	top: 92%;
	background: yellow;
	border: 1px solid slategray;
}
.ScienceShipHighlight {
	
	background: yellow;
}

#NameYourPlanet_Container {
	
	position:absolute; 
	z-index:3250;
	left:calc(45% - 350px); 
	top:calc(76.25% - 175px);
	width:310px;
	height:135px;
	background:#333;
	color:white;
	text-align:center;
	padding:20px;
	box-shadow: 0px 0px 15px 12px #99990088;
    border: 1px solid black;
    border-radius: 1.25em;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 5em;
	display:none;
}
#NameYourPlanet_Title {
	
	font-size:1.25em;
	text-decoration:underline;
	font-weight:bold;
	margin-bottom:0.875em;
	letter-spacing:1px;
	text-shadow:1px 1px black;
}
#NameYourPlanet_InputArea {
	
	width:100%;
	text-align:center;
	height:auto;
}
.NameYourPlanet_Input {
	
	width: 270px;
    font-size: 1.125em;
    padding-left: 15px;
    padding-right: 15px;
	text-align:left;
}
#NameYourPlanet_Message {
	
	margin-top: 0.75em;
    font-size: 0.75em;
    height: 1.5em;
	letter-spacing: 1px;
    text-align: center;
    color: lawngreen;
    text-shadow: 1px 1px darkblue;
}
#NameYourPlanet_AcceptButton {
	
    width: 90px;
    margin-left: 104px;
    padding-top: 4px;
    height: 23px;
    border: 1px ridge #333;
    border-radius: 0.5vh;
    text-align: center;
    background: #ffffcc;
    text-shadow: 1px 1px white;
    color: #333366;
    margin-top: 1.125em;
    font-weight: bold;
}
.NameAcceptable {
	
	cursor:pointer;
}
.NameAcceptable:hover {

	border:1px groove #999;
	background:#fff;
	color:#000033;
}
.NameUnAcceptable {
	
	background:darkred;
	color:yellow;
	opacity:0.25;
	text-shadow:1px 1px black;
	cursor:not-allowed;
}
.NameUnAcceptable:hover {
	
	opacity:0.15;
}

.Tutorial_Title {
	
	text-decoration:underline;
	font-weight:bold;
	margin-bottom:0.875em;
	letter-spacing:1px;
	text-shadow:1px 1px darkblue;
	text-align:center;
}
#NameYourPlanet_FinishText {
	
	margin-top: 30px;
    width: 100%;
    text-align: center;
    font-size: 0.75em;
    text-shadow: 1px 1px black;
    letter-spacing: 1px;
}

#ShipsInOrbitArea {
	
	position:absolute;
	z-index:201;
	left:0%;
	top:15%;
	width:75px;
	height:120px;
	padding-left:1%;
}

#ShipsInSystemBlanket {

	position:absolute; 
	background-color:#111; 
	opacity: 0.5; 
	filter:alpha(opacity=50); 
    width: 100%;
    height: 100%;
    z-index: 255;
    left: 0%;
    top: 0%;
	color:#FFFFFF; 
	overflow:hidden;
	display:none; 
}

#SystemConfirmationPanel, #ShipOrdersMenuDivInSystemContainer, #SystemSelectionContainer {
	
	padding:1px;
	background-color:#000; 
	border:2px groove #363636; 
	border-radius:0.5vw; 
	position:absolute; 
	z-index:199323234; 
	left:100px; 
	top:100px; 
	display:none;
}
#SystemSelectionContainer {
	
	left:0px;
	width:auto;
}

#ShipOrdersMenuDivInSystem, #SystemSelectionContainerOrdersMenu {
	
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:0.625em;
	color:black;
	padding:3px; 
	background-color:#000; 
	border:2px groove #363636; 
	border-radius:0.5vw; 
}	
#SystemSelectionContainerOrdersMenu {
	
	height:5em;
	width:auto;
}	

#SolarSystemName {
	
	background:black;
	height:1em;
	padding:0.25em;
	padding-bottom:0.375em;
	width:99%;
	border-bottom:1px ridge yellow;
	border-radius:20%;
	border-top-right-radius:40px;
	border-top-left-radius:40px;
	font-size:0.875em;
}
#SolarSystemNoInfoArea {
	
    height: 1.5em;
    margin-top: 5em;
    margin-left: 0%;
    width: 80%;
    border: 3px groove #ececfc;
    border-radius: 25px;
    padding-top: 0.25em;
	background:#001;
	display:none;
}
#SolarSystemNoInfoAreaTitle {
	
	color:white;
	font-size:1.125em;
}

#MultiShipsPopUp {
	
	display:none;
	padding:2px;
	background-color:#000; 
	border:2px groove #363636; 
	border-radius:0.5vw;
	position:absolute; 
	z-index:199323234; 
	left:100px; 
	top:55px;
	width:300px;
	height:9.375em;
}
#ShipsInOrbitArea {
	
	position:absolute;
	z-index:201;
	left:0%;
	top:15%;
	width:75px;
	height:120px;
	padding-left:1%;
}

#sun {
	
	position:absolute;
	top:20%;
	left:40%;
	width:20%;
	height:auto;
	z-index:1000;
}

#LoadingBlanket {
	
	position:fixed; 
	z-index:100000; 
	top:0px; 
	left:0px; 
	width:102.5%; 
	height:100%; 
	background-color:#000000; 
	background:url('../Images/SplashScreen.jpg'); 
	background-size:100% 100%;
	display:none;
}
#GameBlanket {
	
	position:absolute; 
	z-index:498; 
	top:0px; 
	left:0px; 
	width:102%; 
	height:102%; 
	background-color:#111; 
	opacity: 0.75; 
	filter:alpha(opacity=75); 
	display:none;
}


#StarClusterArea {
	
	position:absolute;
    width: 100%;
    height: 80%;
    z-index: 120;
    left: 0%;
    top: -1px;
    color: #FFFFFF;
    overflow: hidden;
	background: url('../Images/StarClusterBG2.jpg');
    background-repeat:repeat;
	background-size: contain;
	display:none;
}
.StarClusterStar {
	
	position:absolute; 
	width:8px; 
	height:8px; 
	background:yellow;
	border:1px solid transparent;
	border-radius:10px;
	z-index:1;
	cursor:default;
	display:none;
}
.StarClusterStarHover {
	
	cursor:pointer;
}
.StarClusterStarHover:hover {
	
	background:orangered;
	border:1px solid yellow;
}

.StarClusterLabel {
	
	position:absolute; 
	width:auto;
	height:auto; 
	color:white;
	text-shadow:1px 1px black;
	font-size: 12px;
    letter-spacing: 0.125em;
	z-index:1;
	display:none;
}
#HomeStarSymbol {
	
	position:absolute; 
	z-index:2;
	background:url('../Images/YourCompass.png');
	background-size:100% 100%;
	width:26px;
	height:26px;
	display:none;
}

#TutorialInfo {
	
	position:absolute;
	z-index:1234;
    width: 65%;
    left: 17.5%;
    bottom: 5px;
    height: 1.6875em;
	background:#333;
	text-align:center;
	color:white;
	text-shadow:1px 1px black;
	font-size:1.25em;
    padding-top: 0.625em;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border: 2px solid dimgrey;
	cursor:default;
	display:none;
}

#BackToGalaxy, #BackToCluster {
	
	position:absolute;
	bottom:32px;
	left:0px;
	z-index:123;
	background:url('../Images/GalaxyAreaReturn.jpg');
	background-size:100% 100%;
	width:128px;
	height:56px;
	border:2px solid gold;
	cursor:pointer;
	display:none;
}
#BackToCluster {
	
	background:url('../Images/StarClusterReturn.jpg');
	background-size:100% 100%;
	z-index:153;
}
#BackToGalaxy:hover, #BackToCluster:hover {
	
	border:2px solid white;
}
#BackToGalaxyText, #BackToClusterText {
	
	position:absolute;
	bottom:6px;
	left:0px;
	z-index:122;
	font-size: 0.9375em;
	width:132px;
    padding-top: 3px;
	height:20px;
	text-align:center;
	color:white;
	text-shadow:1px 1px black;
	display:none;
}
#BackToClusterText {
	
	z-index:152;
}
#BackToGalaxyBacking, #BackToClusterBacking {
	
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:121;
	background:#333;
	background-size:100% 100%;
	width:143px;
	height:103px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	cursor:pointer;
	display:none;
}
#BackToClusterBacking {
	
	z-index:151;
}

#EmpireIconsBacking {
	
	position:absolute;
	z-index:153;
	width:60px;
	height:60px;
	background:#333;
	border-left:1px ridge #666;
	border-top:1px ridge #666;
	display:none;
}

#InfoPopupBox, #MissionPopupBox, #GameMessageBox {
	
    position: absolute;
    z-index: 500;
    top: 50%;
    left: -10%;
    width: 284px;
    height: 372px;
    margin-left: -140px;
    margin-top: -184px;
    text-align: center;
    font-size: 1.125em;
    font-weight: bold;
    letter-spacing: 0.125em;
    overflow: hidden;
	display:none;
}
#MissionPopupBox {

	width:384px;
	height:322px;
	margin-left:-190px;
	margin-top:-159px;
}
#GameMessageBox {
	
	left:50%;
    width: 478px;
    height: 285px;
    margin-left: -215px;
    margin-top: -150px;
}

	#InfoPopupTitle, #MissionPopupTitle, #GameMessageTitle {
		
		width: calc(100% - 2px);
		height: 28px;
		text-align: center;
		background: #333366;
		color: white;
		font-size: 0.9375em;
		text-transform: uppercase;
		letter-spacing: 0.1875em;
		text-shadow: 1px 1px black;
		padding-top: 10px;
		border: 1px solid white;
		font-family: serif;
	}
	#GameMessageTitle {
		
		background: whitesmoke;
		color: darkslategrey;
		text-shadow: 1px 1px silver;
		width: calc(100% - 4px);
		margin-bottom: 3px;
		margin-left: 1px;
		height:28px;
		padding-top:14px;
		border-radius: 100%/30px 30px 0px 0px;
	}
	#InfoPopupImageArea, #MissionPopupImageArea {
		
		background: #000000;
		width: 282px;
		height: 92px;
		text-align: center;
		padding-top: 20px;
		margin-top: 5px;
		border: 1px solid white;
	}
	#MissionPopupImageArea {
			
		clear: left;
		float: left;
		width: 89px;
		height: 137px;
		padding-top: 35px;
		margin-bottom: 5px;
	}

		#InfoPopupImage, #MissionPopupImage, #GameMessageImage {
			
			height: 70px;
			border: 1px solid grey;
			border-radius: 3px;
		}
		#MissionPopupImage {
			
			width: 70px;
			margin-bottom: 5px;
			margin-left: 9px;
		}
		#GameMessageImage {
			
			width: 100px;
			height: 100px;
			margin: 8px;
			margin-right: 11px;
			float: right;
			margin-top:43px;
		}
		
		#MissionPopupValue {
			
			height: 20px;
			width: 100%;
			margin-top: 12px;
			padding-top: 5px;
		}
			#MissionValueText {
				
				clear: left;
				float: left;
				width: 41px;
				padding-right: 5px;
				padding-top: 3px;
				text-align: right;
				color: white;
				text-shadow: 1px 1px #333;
				font-size: 1.1875em;
			}
			#MissionValueIcon {
				
				float: left;
				height: 28px;
				width: 28px;
				margin-top: 2px;
			}
		
	#InfoPopupContentArea, #MissionPopupContentArea, #GameMessageContentArea {
		
		margin-top: 5px;
		width: calc(100% - 2px);
		height: 153px;
		display: table;
		background: #000033;
		border: 1px solid white;
	}
	#MissionPopupContentArea {
		
		float:left;
		width: calc(100% - 97px);
		margin-left:4px;
		height:170px;
		margin-bottom:5px;
	}
	#GameMessageContentArea {
		
		border: 2px solid dimgray;
		background: #222;
		width:calc(100% - 4px);
		margin-top:6px;
		height:190px;
	}
		#InfoPopupContent, #MissionPopupContent, #GameMessageContent {
			
			padding: 7.5%;
			padding-left: 10%;
			text-align: left;
			display: table-cell;
			vertical-align: middle;
			color: white;
			text-shadow: 1px 1px #333300;
			letter-spacing: 0.0625em;
			font-size: 1.065em;
			font-family: monospace;
		}
		#GameMessageContent {
			
			background: #111;
			color: gold;
			text-shadow: 1px 1px black;
			padding: 10px;
			padding-right: 0px;
			border-right: 1px solid dimgrey;
		}
			#GameMessageText {
				
				padding-left: 10px;
				overflow-x: hidden;
				overflow-y: hidden;
				width: 315px;
				max-height: 150px;
				opacity:0.75;
				float: left;
				padding-right: 5px;
			}
	
	#InfoPopupButtonArea, #MissionPopupButtonArea, #GameMessageButtonArea {
		
		width: calc(100% - 2px);
		height: 37px;
		background: #333366;
		padding-top: 8px;
		margin-top: 6px;
		border: 1px solid white;
		border-radius: 3px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
	}
	#MissionPopupButtonArea {
		
		clear:left;
	}
	#GameMessageButtonArea {
		
		background:whitesmoke;
		border-radius: 100%/0px 0px 30px 30px;
		height:37px;
		padding-top:3px;
		padding-bottom:3px;
	}
		#InfoPopupButton, #MissionPopupButton, #GameMessageButton_Other, #GameMessageButton_Close, #GameMessageButton_JumpTo {
			
			width: 120px;
			height: 24px;
			padding-top: 5px;
			text-align: center;
			font-size: 0.875em;
			font-weight: bold;
			margin-left: 79px;
			letter-spacing: 0.25em;
			border: 1px ridge #333;
			border-radius: 0.5vh;
			background: #ffffcc;
			text-shadow: 1px 1px white;
			text-transform:uppercase;
			color: #333366;
			cursor: pointer;
		}
		#MissionPopupButton {
			
			width:240px;
			margin-left:70px;
		}
		#InfoPopupButton:hover, #MissionPopupButton:hover {
			
			background:royalblue;
			color:#fff;
			text-shadow: 1px 1px black;
			border-radius:0px;
		}

		#GameMessageButton_Other, #GameMessageButton_Close, #GameMessageButton_JumpTo {
			
			background: silver;
			color: black;
			text-shadow: 1px 1px white;
			margin-left: 0px;
			padding-top: 8px;
			height: 28px;
			width: 150px;
			border-radius: 100%/0px 0px 30px 30px;
			border: none;
			margin-top: 5px;
			float:left;
			visibility:hidden;
		}
			#GameMessageButton_Other {
				
				border-radius:100%/0px 0px 0px 30px;
			}
			#GameMessageButton_Close {
				
				width:168px;
				margin-left:5px;
				margin-right:5px;
				visibility:visible;
			}
			#GameMessageButton_JumpTo {
				
				border-radius:100%/0px 0px 30px 0px;
			}
			
		#GameMessageButton_Other:hover, #GameMessageButton_Close:hover, #GameMessageButton_JumpTo:hover {
			
			color:darkslategrey;
			background:whitesmoke;
			text-shadow:1px 1px silver;
		}

	#InfoPopupBoxBacking, #MissionPopupBoxBacking, #GameMessageBacking {
		
		position: absolute;
		z-index: 499;
		top: 50%;
		left: -10%;
		width: 300px;
		height: 384px;
		margin-left: -150px;
		margin-top: -192px;
		background: midnightblue;
		text-align: center;
		font-size: 1.125em;
		font-weight: bold;
		letter-spacing: 0.125em;
		border: 2px solid grey;
		border-radius: 3px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		color: #333399;
		box-shadow: 0px 0px 10px 5px white;
		overflow: hidden;
		display:none;
	}
	#MissionPopupBoxBacking {
		
		width:400px;
		height:284px;
		margin-top:-168px;
		margin-left:-200px;
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
		box-shadow:0px 0px 10px 5px mintcream;
	}
	#GameMessageBacking {
		
		width:495px;
		height:300px;
		margin-top:-160px;
		margin-left:-225px;
		border: 2px solid dimgray;
		background: #001111;
		opacity: 0.9;
		border-radius: 100%/30px 30px 30px 30px;
	}
	
	#GalaxyArea {
		
		position:absolute;
		z-index:90;
		left:0%;
		top:0%;
		width:22780px;
		height:9095px;
		display:none;
		background:url('../Images/GalaxyArea.jpg');
		background-size:100% 100%;
	}
		.QuadrantAreaPanel {
			
			position:absolute;
			z-index:1;
			width:5.8823529411764705882352941176471%;
			height:5.8823529411764705882352941176471%;
		}

		.GalaxyStar {
			
			position:absolute; 
			width:0.10974539069359086918349429324%; 
			height:0.27487630566245189664650907091809%; 
			background:yellow;
			background:url('../Images/StarClusterIcon.png');
			background-size:100% 100%;
			border-radius:25px;
			z-index:6;
		}
		.GalaxyStarLabel {
			
			position:absolute; 
			width:auto;
			height:auto; 
			color:white;
			text-shadow:1px 1px black;
			font-size: 12px;
			letter-spacing: 0.125em;
			z-index:5;
		}
		
	#GalaxyMiniMap {
		
		position:absolute; 
		width:400px; 
		height:160px;
		background:url('../Images/GalaxyMiniImage.jpg');
		background-size:100% 100%;
		z-index:100;
		display:none;
	}
		#GalaxyMiniMap_Rectangle {
			
			position:absolute; 
			border:2px dashed red;
			z-index:5;
		}
		
	#GalaxyMiniMapBacking {
		
		position:absolute; 
		width:420px;
		height:180px;
		border-right:1px ridge #666;
		border-top:1px ridge #666;
		background:#333;
		z-index:99;
		display:none;
	}
	#GalaxyMiniMapZoomBox {
		
		position:absolute; 
		width:100%;
		height:100%;
		left:0%;
		top:0%;
		border:3px solid red;
		z-index:98;
		display:none;
	}

ShipOrdersMenuDivInSystemContainer, #SystemConfirmationPanel {

	padding:1px;
	background-color:#000; 
	border:2px groove #363636; 
	border-radius:0.5vw; 
	position:absolute; 
	z-index:199323234; 
	left:100px; 
	top:100px; 
	display:none;
}

#ShipOrdersMenuDivInSystem {
	
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:0.625em;
	color:black;
	padding:3px; 
	background-color:#000; 
	border:2px groove #363636; 
	border-radius:0.5vw; 
}

.ShipMenuButton {
	
	margin: 2px;
    background: #00ff00;
    padding: 0.25em;
	padding-left:0.5em;
	padding-right:0.5em;
	cursor:pointer;
}
.DomesticMenuButton {
	
	border-top-left-radius:5px; 
	border-top-right-radius:5px; 
	padding-top:5px; 
    background: #FFFF99;
}

.DomesticMenuButton {
	
	background:#FFFF99;
}
.DomesticMenuButton:hover {
	
	background:#FFFF00;
}

#StartShipAction {
	
	background:dimgrey;
}

#ShipMoveButton {
	
	background:#99FF99;
}
#ShipMoveButton:hover {
	
	background:#00FF00;
}

#ShipCancelButton {
	
	background:#33CCFF;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#ShipCancelButton:hover {
	
	background:#0099FF;
}