body { margin: 0px; background: #000000 url('./images/starfield.jpg'); background-position: 0px 0px; font-family: Verdana; font-size: 10px; font-weight: normal; color: #FFFFFF; overflow: hidden; }
body, td, th { font-family: Verdana; font-size: 10px; }

table { empty-cells: show; }

br { line-height: 5px; }

a:link { text-decoration: none; color: #DCDCDC; }
a:visited { text-decoration: none; color: #DCDCDC; }
a:active { text-decoration: none; color: #DCDCDC; }
a:hover { text-decoration: underline; color: #DCDCDC; }

input, textarea, select { width: 100%; height: 14px; border: none; background: none; font-family: Verdana; font-size: 10px; color: #FFFFFF; cursor: pointer; }

#Index { position: absolute; top: 50%; left: 50%; margin-top: -245px; margin-left: -450px; width: 900px; height: 500px; z-index: 3500; }
	#IndexLogo { position: absolute; top: 50%; left: 50%; margin-top: -280px; margin-left: -200px; z-index: 4000; }

	#IndexLogin { position: absolute; top: 50%; left: 50%; margin-top: -135px; margin-left: 205px; width: 180px; height: 80px; z-index: 4000; }
		#IndexLogin th { text-align: left; }
		#IndexLogin td { width: 55%; }

	#IndexKlingon { position: absolute; top: 50%; left: 50%; margin-top: -55px; margin-left: 185px; z-index: 4250; }

	#IndexMenu { position: absolute; top: 50%; left: 50%; margin-top: 20px; margin-left: 205px; width: 180px; height: 130px; z-index: 4000; }
		#IndexMenu th { text-align: left; }

	#IndexContent { position: absolute; top: 50%; left: 50%; margin-top: -105px; margin-left: -385px; width: 560px; height: 240px; z-index: 3750; }
	#IndexContentHeader { position: absolute; top: 50%; left: 50%; margin-top: -134px; margin-left: -384px; border-bottom: 1px solid #285078; background: #001932 url('./images/darkblue.gif'); width: 558px; height: 28px; line-height: 28px; font-weight: bold; z-index: 4000; }
		#IndexContentHeader span { margin-left: 10px; }

	#IndexFooter { position: absolute; top: 50%; left: 50%; margin-top: 154px; margin-left: -290px; border-top: 1px solid #285078; background: #001932 url('./images/darkblue.gif'); width: 580px; height: 40px; line-height: 40px; z-index: 4000; }
		#Left { float: left; margin-left: 10px; }
		#Right { float: right; margin-right: 10px; }

	#IndexStarTrek { position: absolute; top: 50%; left: 50%; margin-top: 210px; margin-left: -300px; width: 600px; height: 40px; line-height: 16px; text-align: center; font-size: 9px; z-index: 4000; }

#StarField { position: absolute; width: 100%; height: 100%; background: url('./images/starfieldoverlay.png'); background-position: 0px 0px; overflow: hidden; }

	#Sensors { position: absolute; top: 50%; left: 50%; margin-top: -195px; margin-left: -195px; width: 390px; overflow: hidden; z-index: 4000; }
		#Sensors table { border: none; }
		#Sensors td { border: none; }
			#SensorsSector { position: relative; width: 390px; height: 390px; overflow: hidden; }

	#InteractionWindow { display: none; position: absolute; top: 5px; left: 50%; margin-left: -215px; background: #000000; width: 430px; filter: alpha(opacity=75); opacity: 0.75; z-index: 3000; }
	
	#Menu { position: absolute; bottom: 5px; left: 50%; margin-left: -215px; background: #000000; width: 430px; filter: alpha(opacity=75); opacity: 0.75; z-index: 4000; }
		#Menu th { cursor: pointer; }
	#Orientation { position: absolute; top: 5px; left: 5px; background: #000000; width: 390px; filter: alpha(opacity=75); opacity: 0.75; z-index: 4000; }
		#Orientation th { text-align: right; }

	#Navigation { display: block; position: absolute; top: 49px; left: 5px; background: #000000; width: 390px; filter: alpha(opacity=75); opacity: 0.75; z-index: 4000; }
			#NavigationDestination { position: relative; top: 0px; left: 0px; width: 191px; height: 192px; overflow: hidden; }
				#NavigationDestination th { text-align: right; }
			#NavigationComputerResults { position: relative; top: 0px; left: 0px; width: 192px; height: 116px; overflow: auto; }

	#Cargo { display: block; position: absolute; bottom: 49px; left: 5px; background: #000000; width: 390px; filter: alpha(opacity=75); opacity: 0.75; z-index: 4000; }
		#Cargo td { padding: 0px; }
			#CargoWeapons { position: relative; top: 0px; left: 0px; width: 182px; height: 70px; overflow: auto; }
			#CargoTechnology { position: relative; top: 0px; left: 0px; width: 182px; height: 70px; overflow: auto; }
			#CargoGoods { position: relative; top: 0px; left: 0px; width: 181px; height: 172px; overflow: auto; }

	#Player { position: absolute; top: 5px; right: 5px; background: #000000; width: 390px; filter: alpha(opacity=75); opacity: 0.75; z-index: 4000; }
		#Player th { text-align: right; }

	#Tactical { display: block; position: absolute; top: 49px; right: 5px; background: #000000; width: 390px; filter: alpha(opacity=75); opacity: 0.75; z-index: 4000; }
			#TacticalTarget { position: relative; top: 0px; left: 0px; width: 191px; height: 192px; overflow: hidden; }
				#TacticalTarget th { text-align: right; }
			#TacticalWeapons { position: relative; top: 0px; left: 0px; width: 192px; height: 116px; overflow: hidden; }

	#Engineering { display: block; position: absolute; bottom: 49px; right: 5px; background: #000000; width: 390px; filter: alpha(opacity=75); opacity: 0.75; z-index: 4000; }
		#Engineering td { padding: 0px; }
			#EngineeringDamagedWeapons { position: relative; top: 0px; left: 0px; width: 192px; height: 80px; overflow: auto; }
			#EngineeringDamagedTechnology { position: relative; top: 0px; left: 0px; width: 192px; height: 80px; overflow: auto; }
			#EngineeringSystems { position: relative; top: 0px; left: 0px; width: 191px; height: 182px; overflow: auto; }

	#Energy { position: absolute; bottom: 5px; left: 5px; background: #000000; width: 390px; filter: alpha(opacity=75); opacity: 0.75; z-index: 4000; }
		#Energy th { text-align: right; }
			#EnergyPower { padding: 1px; border: 1px solid #960000; background: #640000; }
				#EnergyPowerIndicator { position: relative; top: 0px; left: 0px; width: 100%; height: 8px; background: #C80000; }
			#EnergyEngines { padding: 1px; border: 1px solid #FA9600; background: #C86400; }
				#EnergyEnginesIndicator { position: relative; top: 0px; left: 0px; width: 100%; height: 8px; background: #FAC800; }
	#Defenses { position: absolute; bottom: 5px; right: 5px; background: #000000; width: 390px; filter: alpha(opacity=75); opacity: 0.75; z-index: 4000; }
		#Defenses th { text-align: right; }
			#DefensesShields { padding: 1px; border: 1px solid #009600; background: #006400; }
				#DefensesShieldsIndicator { position: relative; top: 0px; left: 0px; width: 100%; height: 8px; background: #00C800; }
			#DefensesHull { padding: 1px; border: 1px solid #640096; background: #320064; }
				#DefensesHullIndicator { position: relative; top: 0px; left: 0px; width: 100%; height: 8px; background: #9600C8; }

	table.Standard { width: 100%; }
	table.Standard th { padding-left: 2px; padding-right: 2px; height: 18px; border: 1px solid #285078; background: #001932 url('./images/blue.gif'); vertical-align: middle; }
	table.Standard td { padding-left: 2px; height: 18px; border: 1px solid #646464; text-align: left; vertical-align: middle; }

	table.StandardDark { width: 100%; }
	table.StandardDark th { padding-left: 2px; padding-right: 2px; height: 18px; border: 1px solid #285078; background: #001932 url('./images/darkblue.gif'); vertical-align: middle; }
	table.StandardDark td { padding-left: 2px; height: 18px; border: 1px solid #646464; text-align: left; vertical-align: middle; }

	table.SubStandard { width: 100%; }
	table.SubStandard th { padding-left: 2px; padding-right: 2px; height: 14px; border: 1px solid #285078; background: #001932 url('./images/darkblue.gif'); font-size: 9px; vertical-align: middle; }
	table.SubStandard td { padding-left: 2px; height: 14px; border: 1px solid #646464; font-size: 9px; text-align: left; vertical-align: middle; }
	table.SubStandard img { border: 1px solid #000000; width: 10px; height: 10px; }
	table.SubStandard input { height: 10px; font-size: 9px; }


		#TacticalTargetPower { padding: 1px; border: 1px solid #960000; background: #640000; }
			#TacticalTargetPowerIndicator { position: relative; top: 0px; left: 0px; width: 100%; height: 6px; background: #C80000; }
		#TacticalTargetEngines { padding: 1px; border: 1px solid #FA9600; background: #C86400; }
			#TacticalTargetEnginesIndicator { position: relative; top: 0px; left: 0px; width: 100%; height: 6px; background: #FAC800; }
		#TacticalTargetShields { padding: 1px; border: 1px solid #009600; background: #006400; }
			#TacticalTargetShieldsIndicator { position: relative; top: 0px; left: 0px; width: 100%; height: 6px; background: #00C800; }
		#TacticalTargetHull { padding: 1px; border: 1px solid #640096; background: #320064; }
			#TacticalTargetHullIndicator { position: relative; top: 0px; left: 0px; width: 100%; height: 6px; background: #9600C8; }


	.Player { margin-bottom: -100px; margin-left: -100px; width: 200px; height: 200px; cursor: pointer; z-index: 1750; }
	.PlayerSelection { display: none; margin-bottom: -100px; margin-left: -100px; width: 200px; height: 200px; filter: alpha(opacity=75); opacity: 0.75; z-index: 1500; }

	.Starbase { margin-bottom: -150px; margin-left: -150px; width: 300px; height: 300px; cursor: pointer; z-index: 3000; }
	.StarbaseSelection { display: none; margin-bottom: -150px; margin-left: -150px; width: 300px; height: 300px; filter: alpha(opacity=75); opacity: 0.75; z-index: 2750; }

	.Port { margin-bottom: -100px; margin-left: -100px; width: 200px; height: 200px; cursor: pointer; z-index: 3000; }
	.PortSelection { display: none; margin-bottom: -100px; margin-left: -100px; width: 200px; height: 200px; filter: alpha(opacity=75); opacity: 0.75; z-index: 2750; }

	.Planet { cursor: pointer; z-index: 3000; }
	.PlanetSelection { display: none; filter: alpha(opacity=75); opacity: 0.75; z-index: 2750; }

	.Star { cursor: pointer; z-index: 3000; }
	.StarSelection { display: none; filter: alpha(opacity=75); opacity: 0.75; z-index: 2750; }

	.OSD { filter: alpha(opacity=75); opacity: 0.75; cursor: pointer; z-index: 3000; }
		.OSD table { width: 100%; height: 100%; visibility: visible; }

	.OSDHover { filter: alpha(opacity=75); opacity: 0.75; cursor: pointer; z-index: 3000; }
		.OSDHover table { width: 100%; height: 100%; border: 2px solid #004B96; visibility: visible; }

#Options { display: block; position: absolute; bottom: 67px; left: 50%; margin-left: -100px; background: #000000; width: 200px; vertical-align: middle; filter: alpha(opacity=75); opacity: 0.75; z-index: 3000; }

#ShipAvatar { position: absolute; bottom: 50%; left: 50%; margin-bottom: -100px; margin-left: -100px; width: 200px; height: 200px; z-index: 2000; }
	#ShipAvatarCanvas { width: 200px; height: 200px; }
		#ShipAvatarImage { width: 200px; height: 200px; }

#GameMessage { display: none; position: absolute; top: 5px; left: 50%; margin-left: -215px; background: #000000; width: 430px; z-index: 5000; }
	#GameMessage table { width: 100%; }
	#GameMessage td {  height: 37px; border: 1px solid #C82828; background: #640000 url('./images/red.gif'); text-align: center; vertical-align: middle; color: #FFFFFF; }

#Loading { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000; z-index: 10000; }
	#Loading img { position: absolute; top: 50%; left: 50%; margin-top: -80px; margin-left: -200px; width: 400px; text-align: center; text-decoration: blink; }
	#Loading span { position: absolute; top: 50%; left: 50%; margin-top: 80px; margin-left: -200px; width: 400px; text-align: center; text-decoration: blink; }

#blueheader { background: #003264 url('./images/darkblue.gif'); }
#redbutton {  border: 1px solid #C82828; background: #640000 url('./images/red.gif'); cursor: pointer; }
#greenbutton { border: 1px solid #287850; background: #006400 url('./images/green.gif'); cursor: pointer; }
#blackbutton { border: 1px solid #646464; background: #000000 url('./images/black.gif'); }