  
  @font-face {
    font-family: 'Arkipelago'; /*a name to be used later*/
    src: url('../fonts/arkipelago.ttf'); /*URL to font*/
}



	#left_side 
	{
		width: 100%;
		height: 110px;
		float: left;
		position: relative;
		color:#FFFFFF;
		text-align:center; 
		overflow:hidden;
	}
			
	#left_side_top
	{
		width: 100%;
		height: 45%;
		position: relative;
		color:#FFFFFF;
		text-align:center; 
		background-image: url("../img/grid_small.png");
		background-repeat: repeat;
	}
	#left_side_bottom
	{
		width: 100%;
		height: 55%;
		position: relative;
		color:#FFFFFF;
		text-align:center; 
		background-image: url("../img/grid_small.png");
		background-repeat: repeat;
	}
			
	#left_middle
	{
		width: 100%;
		height: 22%;
		position: relative;
		color:#FFFFFF;
		text-align:center; 
		background-color: #FFFFFF;
		left: 0%;
		top: 30%;
		
		}

  
			#map_border
			{
				width:100%;
				height:4px;
				background-color: #FFFFFF;
				float: left;
				 position: relative;
			}
			
			#map{
				
				width:100%;
			
				 height: 65%;
				padding-bottom: 100% !important;
				
				margin:0;
				padding:0;
			
				 float: left;
				 position: relative;
			}
		#page {
				width:100%;
				height:100%;
				margin:0;
				margin-top:0px;
				padding:0;
				
				display: block;
			}
  
  
  #right_side
			{
				width: 100%;
				height: 35%;
				float: left;
				position: relative;
				color:#FFFFFF;
				text-align:center; 
				background-repeat: repeat;
			
			}
			
			#right1
			{
				width: 100%;
				height: 100%;
				color:#FFFFFF;
				text-align:center; 
				position: relative;
				left: 0%;
				top: 0%;
				text-align:center;
				
			}
					
			#right3
			{
				width: 0%;
				height: 0%;
				color:#FFFFFF;
				text-align:center; 
				position: relative;
				left: 10%;
				top: 60%;
				
			}
	

	.button_copilot
			{
				font-size:10pt !important;
	
			}		
	.button_copilot b
			{
				font-size:10pt !important;
			}		
			
	#copilot_title
			{
				width:74%;
				height:50px;
				position:absolute;
				left:0%;
				top:0px !important;
			}
  #copilot_title_img{ 
				width:auto;
				height:32px;
				position: relative;
				top:0px;
				}
 
	#main_menu{
		top: 60px !important;
	}
	
	#disclaimer1{width:0px;height:0px;position: relative !important;}
	#disclaimer2{width:0px;height:0px;position: relative !important;}
		
	
	
	#autodeploy{
			width:50%;
			text-align:center;
			position: absolute;
			top:0px;
			left:25%;
			font-family: 'Arkipelago';
			font-size:18px  !important;;
			color:#FFFFFF;
			text-shadow: 0 2px 2px rgba(0,0,0,.5)  !important;;
			
		}
	
 .names{
		 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
		color:#FFFFFF;
		text-align:center;
		font-family: 'Ubuntu', sans-serif;
		font-size:6pt !important;			
		font-weight:500;				
			}
	
#copilot_title1_dialog
			{
				width:74%;
				height:100px;
				position:absolute;
				left:13%;
				top:60px;
				text-align:center;
				font-family: 'Arkipelago';
				font-size:14pt !important;
				margin-top:20px;
			}
#copilot_dialog { font-size: 3.75em !important; font-family: 'Ubuntu', sans-serif; color:#34ff80;font-weight:500; }
#copilot_dialog b { font-size: 70%;  font-family: 'Ubuntu', sans-serif; font-weight:500; color:#34ff80;}	

#wait_txt
{
	font-family: 'Ubuntu', sans-serif; 
	font-size:14px;  				
	font-weight:500;
	color:#34ff80;
	position:relative;
	margin-bottom:10px;
}		

	
	
#loginok a{ width: 90%;display: inline-block;font-size: 1.25em;padding-left: 10px;padding-right: 10px; }