*
	{
        font-family: Baumans;
		font-weight:bold;
color:white;
color:#edfcfd;
	}
   .over
	{
		position: absolute; 
		top:0px;
		left:0px;
		width:100%;
		height:0px;
	}
	
	#game-container
	{
		position:relative;
	}

.hudleft,.hudright,.hudfull
{
	background-color:paleturquoise;

background-color:#453149;
	border-radius:10px;
}

	.hudleft
{
	position:absolute;
	top:20px;
	right:20px;
	height:560px;
	width:200px;
	z-index: 10;
	
	 
}

#tftext,#tttext
{
	margin:10px;
	margin-bottom:20px;
	text-align:center
}

.tradedragger{
	width = 100%;
	position:relative;
}

.tradedragger div
{
	color:white;
	text-align:center;	
	position:absolute;

	padding-top:10px;
	
	padding-bottom:10px;
font-size:80%;
}

#tbe, #tte,#tbs, #tts
{
	position:absolute;
	left:0px;
	height:100%;
	width:0px;
}


.inmarker , .fakeinmarker
{
	position:absolute;
	top:-10px;
	left:-5px;
	width:11px;
	height:35px;
	background-color:black;
	z-index: 30;
}

.outmarker
{
	
	position:absolute;
	top:-12px;
	left:-7px;
	width:11px;
	height:35px;
	background-color:none;
	border:2px grey solid;
}

.starvediv{
	background-color:red;
	left:0%;
	width:30%;
	
}

.survivingiv{
	left:30%;
	width:20%;
	background-color:orange;
}


.comfortablediv{
	left:50%;
	width:20%;
	background-color:green;
}


.gorgeddiv{

	left:70%;
	width:30%;
	background-color:purple;
}

.hudright
{
	position:absolute;
	top:20px;
	left:20px;
	height:560px;
	width:540px;
	z-index: 10;
	
	 
}

.hudfull
{
	position:absolute;
	top:20px;
	left:20px;
	height:560px;
	width:760px;
	z-index: 100;
	
	 
}

.subbutton,.smallbutton
{
	background-color: DarkCyan;
background-color:#2a8c91;
}



.subbutton
{
	margin:20px;
	padding:10px;
	text-align:center;
}

.subbutton:hover,.smallbutton:hover
{
	 
	background-color: teal;
background-color:#002b2d;
}


#mainbuttons
{
	
	position:absolute;
	background-color:none;
	height:37px;
	top:523px;
	width:160px;
	right:40px;
	z-index: 20;
}


.inhud{
	margin:20px;
	height:150px;
}

	
	.topleft
	{
		border-radius: 10px 82px 82px 82px; 
		
		
	}
	
	.topright
	{
		border-radius: 82px 10px 82px 82px; 
	}
	
	.dialog
	{
		border: none;
		background-color:cyan;
		height:160px; 
		width:440px; 
		padding:20px;
		overflow:hidden;
		
	}
	
	.innerdialog
	{
		height:160px;
		width:420px;
		overflow-x: auto;
	}
	
	.tabber
	{
		width:100px;
		height:18px;
		padding:10px;
		background:pink;
		text-align: center;
		vertical-align: middle;
	}
	
	.lefttab
	{
		border-radius: 50px 0px 0px 50px /19px 0px 0px 19px;
		padding-left: 30px;
	}
	
	


.planet {
	stroke: #4e0c5a;
stroke: #094649 ;
}

.ship 
{
	stroke:black;
 stroke:#4e0c5a;
	stroke-width:2px;
	fill:none;
}


.infohud 
{
	stroke:black;
stroke:#4e0c5a;
stroke-weight:2px;
	stroke-dasharray:2,2 ;
	fill:none;
}


.hideme 
{
	stroke:none;
	fill:none;
}

.portrait
{
	float:right;
	width:100px;
	height:100px;
	border:solid #66c2a5 5px;
	border-radius: 40px;
	background-image:url('hornsprite.png');
	background-size:300px 200px;
}

.Ally
{
	background-image:url('bugsprite.png');
	border-color:#fc8d62;
}

.Backstabber
{
	background-image:url('ballsprite.png');
	border-color:#8da0cb;
}

.Mystery
{
	background-image:url('mysterysprite.png');
	border-color:#e78ac3;
	background-size:100px 200px;
}

.face1
{
	background-position:top center;	
}

.face2
{
	background-position:top right;	
}

.mad
{
	background-position:bottom left;	
}

.mad.face1
{
	background-position:bottom center;	
}

.mad.face2
{
	background-position:bottom right;	
}

.small
{
	zoom:.6;
}

.treatyhud
{
	height:auto;
}

.treatygoal
{
	margin:5px;
	margin-left:20px;
	margin-right:20px;
}

.smallbutton
{
	padding-top:10px;
	text-align:center;
	vertical-align: middle;
	float:right;
	margin-left: 3px;
	width:37px;
	height:27px;
}

.smallbutton:hover
{
}

.goaltitle
{
	font-size:larger;
	
}

.closebutton
{
	position:absolute;
	width:480px;
	bottom:0px;
}

#timeline
{
	height:auto;
}

.noheight
{
	height:auto;
}

.goalstatus
{
	padding:10px;
	color:red;
}

.win
{
	color:green;
}

line
{
	stroke:none;
	stroke-width:0px;
}

.trading
{
	stroke:grey; 
stroke:#094649;
	stroke-width :.5px;
}

#game-container * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dialogbox
{
	height:160px;
	top:420px;
}

.mutes
{
	text-decoration: line-through;
}