*
{
	font-family: arial,sans-serif;
	


}


.top
{
	vertical-align:top !important;
}

.middle
{
	vertical-align:middle !important;
}

.bottom
{
	vertical-align:bottom !important;
}

.left
{
	text-align:left !important;
}

.right
{
	text-align:right !important;

}

.invisible
{
	display:none !important;
}


.center
{
	text-align:center !important;

}


.apage
{
	position:relative;

	width:100%;
	height:100%;
	background:white;
	
	overflow:auto;
	
	display:inline-block;
	
	vertical-align:top;
}



		
	#wide_screen
	{
		position: fixed;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		height: 100%;
			
		z-index: 3000;
		
		background:rgba(0,0,0,1);	
	}
	



#ad_intermede
{
	position: absolute;
	
	top : 50px;
		
	left: 50px;
	
	
	right: 50px;
		
	bottom : 50px;	
	
	
	background:white;
	
	z-index: 2900;
	
	
}


#wide_screen_main:hover
{
	
	opacity: 1;

}


#wide_screen_main
{
	position: absolute;
	
	top: 0px;
		
	left: 0px;
		
	width: 100%;
		
	height: 100%;
			
	background:white;
	
	opacity: 0.5;
	
	z-index: 3000;
	
}


#wide_screen_publication_content
{
	position: relative;
	
	width: 100%;
	
	height:  100%;
	
	
}

	


	
@media screen and (min-width: 771px) {
	
	
	
	
	
	#wide_screen_publication:hover
	{
		opacity: 1;
	}
	
	
	
	#wide_screen_publication
	{
		position: absolute;
		
		top: 0px;
			
		right: 0px;
			
		width: 900px;
			
		height: 100%;
				
		background:white;
		
		opacity: 0.1;
		
		z-index: 3001;
		
	}

	
	.mobilefriendly
	{
	
		display:none !important;
		
	}
	
	.notmobilefriendly
	{
		
	}
	
	
	#mnbtn
	{
		position: fixed;
				
		top:0px;
		left:0px;
			
			
		z-index: 1200;
			
		cursor: pointer;
		
		padding:5px;
			
		font-size:4`0px;
			
		border:1px solid goldenrod;
			
			
		background:rgba(0,0,0,0.5);
		
		color:gold;
		
		display:none;
			
		
	}


	img.hqbtn
	{
		position: relative;
		
		max-height: 32px;
		
		max-width: 32px;
		
		
	}


	#maincontent
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		white-space:nowrap;
		
		
	}

	#left_side
	{
		position:relative;
		
		width:300px;
		
		height:100%;
		
		display:inline-block;
		
		background:#efefef;
		
		vertical-align:top;

		box-shadow:0px 0px 2px 1px #888888;
	}

	div.menu_line
	{
		position:relative;
		
		
		margin:20px 10px;
		
		
		cursor:pointer;
		
		cursor:pointer;
		
		vertical-align:middle;
		
	}

	img.menu_line
	{
		
		position:relative;
		
		max-width:24px;
		
		max-height:24px;

		vertical-align:middle;
	}
		 
	label.menu_line
	{
		position:relative;
		
		font-size:20px;
		
		vertical-align:middle;
	}


	#right_side
	{
		position:relative;
		
		width:calc(100% - 300px);
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	div.submenu
	{
		position: relative;
		
		vertical-align: middle;
		
		display: inline-block;
		
	}


	div.apart
	{
		position: relative;
		
		
		vertical-align: middle;
		
		display: inline-block;
		

	}


	span.visitor
	{
		position: relative;
		
		font-size: 15px;
		
		color: #292929;
		
	}


	label.visitor
	{
		position: relative;
		
		font-size: 12px;
		
		color: gray;

	}
		

	
	
	#outstage
	{
		position: fixed;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		height: 100%;
			
		z-index: 2500;
		
		background:rgba(255,255,255,0.2);	
	}
	
	#outstage_main
	{
		position: absolute;
		
		top: 20px;
		
		left: 20px;
		
		bottom: 20px;
		
		right:  20px;
		
		
		background:white;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		
	}
	
	#outstage_main_hdr
	{
		position: absolute;
		
		bottom: 0px;
		
		left: 0px;
		
		width: 100%;
			
		
		z-index: 2504;
		
		background:rgba(255,255,255,0.7);
		
		
		
	}
	
	div.outstage_submenu
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		margin:10px;
		
		
	}
	
	
	label.outstage_submenu
	{
		position: relative;
		
		font-size: 30px;
		
		font-weight: bold;
		
	}
	
	button.outstage_submenu
	{
		position: relative;
		
		border:0px solid silver;
		
		border-radius: 0px;
		
	}
						
	
	#outstage_main_body
	{
		position: relative;
		
		width: 100%;
		
		height: 100%;
		
		
	}
	
	#outstage_main_content
	{
		position: relative;
		
		width: 100%;
		
		height: 100%;
		
	
	
	}


	img.outstage_submenu
	{
		position: relative;
		
		max-height: 32px;
		
		max-width: 32px;
			
	}





	
	div.menu
	{
		
		position:relative;
		
		overflow:auto;
		
		border-radius:10px;
		
		background:#efefef;
		
		width:95%;
		
		margin:20px auto;
		
		padding:5px 10px;
		
		
		
		
	}
	
	div.page_submenu
	{
		position:relative;
		
		display:inline-block;
		
	}
	
	div.page_submenu_lf_bd
	{
		position:relative;
		
		display:inline-block;
		
	}
	
	div.page_submenu_rg_bd
	{
		position:relative;
		
		display:inline-block;
		
	}
	

	div.billboard
	{
		position:relative;
		
		
		width:90%;

	
		margin:10px auto;
		
		border-radius:10px;
		
		
		background:#efefef;
		
		min-height:150px;

		
	}
	

	
	#credittable
	{
		
		position:relative;
		
		width:95%;
		
		margin:20px auto;
		
		
	}
	
	#credit_tbl
	{
		
		position:relative;
		
		width:100%;
		
	}



	 div.billboard_main
	 {
		 position:relative;
		 width:100%;
		 height:100%;
		 
		 white-space:nowrap;
		 
	 }
	
	div.abill
	{
		position:relative;
		
		width:100%;
		height:100%;
		
		display:inline-block; 
		
		
	}
	
	div.billboard_msg
	{
		position:relative;
		
		
		font-size:50px;
		
		
	}
	
	
	div.billboard_msg_money
	{
		position:relative;
		
		
		font-size:13px;
		
		white-space:normal;
		
	}
	
	
	thead.credit
	{
		position:relative;
		
		
	}
	
	tr.credit
	{
		position:relative;
		
	}

	th.credit
	{
		position:relative;
		
		background:#efefef;
		
	}

	
	thead.money
	{
		position:relative;
		
		
	}
	
	tr.money
	{
		position:relative;
		
	}

	th.money
	{
		position:relative;
		
		background:#efefef;
		
	}
	/********************************************************************************************************************************************************/
	
	
	#hqbtn
	{
		position: fixed;
		
		/*top: calc(50% - 21px);
		top: -webkit-calc(50% - 21px);*/
		
		
		/*left: calc(50% - 21px);
		left: -webkit-calc(50% - 21px);*/
		
		
		
		bottom:0px;
		right:0px;
		
		
		z-index: 2000;
		
		cursor: pointer;
		
		
		padding:5px;
		
		border-radius: 100%;
		
		border:1px solid goldenrod;
		
		
		background:rgba(0,0,0,0.5);
		
		 
		
		
	}




	#cover_central
	{
		display: none;
	}

	
	#cover_right
	{
		display: none;
	}
	
	#cover_left
	{
		
		display: none;
			
	}  
	
	
	div.cover
	{
		position: absolute;
		
		top:0px;
		
		left:0px;
		
		width: 100%;
		
		height: 100%;
		
		background:rgba(0,0,0,0.8);
		
		z-index: 1500;	
	
	}
	
	img.cover
	{
		position: relative;
		
		max-height: 100%;
		
		max-width: 100%;
			
	}	
	
	img.compactview
	{
		position: relative;
		
		max-width: 32px;
		max-height: 32px;
	
	}

	div.compactview_header
	{
		position: absolute;
		
		top: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}
	
	
	#compactview_top_left_header:hover
	{
	
		background:black;
	}
	
	
	
	#compactview_bottom_header
	{
		position: absolute;
		
		bottom: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}




	
	#compactview_top_right_header
	{
		position: absolute;
		
		bottom: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}


	#compactview_top_left_header
	{
		position: absolute;
		
		top: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}


	body{
	
	
	}
	
	
	#deedsframe
	{
		position: relative;
		
		background:white;
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	#peoplesframe
	{
		position: relative;
		
		
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	
	#placesframe
	{
		position: relative;
		
		background:rgba(0,0,0,0.2);
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	
	
	#compactview
	{
		position: relative;
	
		width: 100%;
		
		height: 100%;
	}
					
	
	#compactview_top
	{
		position: relative;
		
		width:100%;
	
		height: 50%;
			
		
	}
	
	#compactview_top_left
	{
		position: relative;
		
		width:50%;
		
		vertical-align: top;
		
		height: 100%;
		
		display: inline-block;
		
		background:cyan;
	
	}
							
	
	#compactview_top_right					
	{
		position: relative;
		
		width:50%;
		
		vertical-align: top;
		
		height: 100%;
		
		display: inline-block;
		
		background:crimson;
		 
		
	}
	
	
	#compactview_bottom
	{
		position: relative;
		
		position: relative;
		
		width:100%;
	
		height: 50%;
		
		background:black;
			
		
		
	}
	
	#menubar
	{
		position:fixed;
		bottom:0px;
		right:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:transparent;
		box-shadow:0px 0px 2px 1px transparent;
		
	
		
	}
	
	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px transparent;
	}
	
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	
	}
	
	#main
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
	
	}
	
	.page
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
		
	
	}
	
	.half
	{
		position:relative;
		width:50%;
	}
	
	
	.fullheight
	{
		height:100%;
	}
	
	.third
	{
		position:relative;
		width:33%;
	}
	
	
	.quarter
	{
		position:relative;
		width:25%;
	}
	
	
	.abox
	{
		display:inline-block;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.bottom
	{
		vertical-align:bottom;
	}
	
	.left
	{
		text-align:left;
	}
	
	.right
	{
		text-align:right;
	}
	
	  
}
/*****************************************************************************************************/





/* Tablet **/
@media screen and (max-width: 770px) and (min-width: 361px) {
  
  
  		
	#wide_screen_publication:hover
	{
		opacity: 1;
	}
	
	
	
	#wide_screen_publication
	{
		position: absolute;
		
		top: 0px;
			
		right: 0px;
			
		width: 100%;
			
		height: 100%;
				
		background:white;
		
		opacity: 0.1;
		
		z-index: 3001;
		
	}

	
	
  
	.mobilefriendly
	{
		
		
	}
	
	.notmobilefriendly
	{
		display:none !important;
	}
	
	
	
	#mnbtn
	{
		position: fixed;
				
		top:0px;
		left:0px;
			
			
		z-index: 1200;
			
		cursor: pointer;
		
		padding:5px;
			
		font-size:4`0px;
			
		border:1px solid goldenrod;
			
			
		background:rgba(0,0,0,0.5);
		
		color:gold;
			
		
	}

  
	img.hqbtn
	{
		position: relative;
		
		max-height: 32px;
		
		max-width: 32px;
		
		
	}


	#maincontent
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		white-space:nowrap;
		
		
	}

	#left_side
	{
		position:absolute;
		
		width:300px;
		
		height:100%;
		
		display:none;
		
		background:#efefef;
		
		vertical-align:top;
		
		z-index:1400;
		
		box-shadow:0px 0px 2px 1px #888888;

	}

	div.menu_line
	{
		position:relative;
		
		
		margin:20px 10px;
		
		
		cursor:pointer;
		
		cursor:pointer;
		
		vertical-align:middle;
		
	}

	img.menu_line
	{
		
		position:relative;
		
		max-width:24px;
		
		max-height:24px;

		vertical-align:middle;
	}
		 
	label.menu_line
	{
		position:relative;
		
		font-size:20px;
		
		vertical-align:middle;
	}


	#right_side
	{
		position:relative;
		
		width:calc(100% - 0px);
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	div.submenu
	{
		position: relative;
		
		vertical-align: middle;
		
		display: inline-block;
		
		margin:5px 10px;
		
		
	}


	div.apart
	{
		position: relative;
		
		
		vertical-align: middle;
		
		display: inline-block;
		

	}


	span.visitor
	{
		position: relative;
		
		font-size: 15px;
		
		color: #292929;
		
	}


	label.visitor
	{
		position: relative;
		
		font-size: 12px;
		
		color: gray;

	}
		
		

	
	#outstage
	{
		position: fixed;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		height: 100%;
			
		z-index: 2500;
		
		background:rgba(255,255,255,0.2);	
	}
	
	#outstage_main
	{
		position: absolute;
		
		top: 20px;
		
		left: 20px;
		
		bottom: 20px;
		
		right:  20px;
		
		
		background:white;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		
	}
	
	#outstage_main_hdr
	{
		position: absolute;
		
		bottom: 0px;
		
		left: 0px;
		
		width: 100%;
			
		
		z-index: 2504;
		
		background:rgba(255,255,255,0.7);
		
		
		
	}
	
	div.outstage_submenu
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		margin:10px;
		
		
	}
	
	
	label.outstage_submenu
	{
		position: relative;
		
		font-size: 30px;
		
		font-weight: bold;
		
	}
	
	button.outstage_submenu
	{
		position: relative;
		
		border:0px solid silver;
		
		border-radius: 0px;
		
	}
						
	
	#outstage_main_body
	{
		position: relative;
		
		width: 100%;
		
		height: 100%;
		
		
	}
	
	#outstage_main_content
	{
		position: relative;
		
		width: 100%;
		
		height: 100%;
		
	
	
	}


	img.outstage_submenu
	{
		position: relative;
		
		max-height: 32px;
		
		max-width: 32px;
			
	}





	
	div.menu
	{
		
		position:relative;
		
		overflow:auto;
		
		border-radius:10px;
		
		background:#efefef;
		
		width:95%;
		
		margin:20px auto;
		
		padding:5px 10px;
		
		
		
		
	}
	
	div.page_submenu
	{
		position:relative;
		
		display:inline-block;
		
	}
	
	div.page_submenu_lf_bd
	{
		position:relative;
		
		display:inline-block;
		
	}
	
	div.page_submenu_rg_bd
	{
		position:relative;
		
		display:inline-block;
		
	}
	

	div.billboard
	{
		position:relative;
		
		
		width:90%;

	
		margin:10px auto;
		
		border-radius:10px;
		
		
		background:#efefef;
		
		min-height:150px;

		
	}
	

	
	#credittable
	{
		
		position:relative;
		
		width:95%;
		
		margin:20px auto;
		
		
	}
	
	#credit_tbl
	{
		
		position:relative;
		
		width:100%;
		
	}



	 div.billboard_main
	 {
		 position:relative;
		 width:100%;
		 height:100%;
		 
		 white-space:nowrap;
		 
	 }
	
	div.abill
	{
		position:relative;
		
		width:100%;
		height:100%;
		
		display:inline-block; 
		
		
	}
	
	div.billboard_msg
	{
		position:relative;
		
		
		font-size:40px;
		
		
	}
	
	div.billboard_msg_money
	{
		position:relative;
		
		
		font-size:13px;
		
		
		white-space:normal;
		
		
	}
	
	
	thead.credit
	{
		position:relative;
		
		
	}
	
	tr.credit
	{
		position:relative;
		
	}

	th.credit
	{
		position:relative;
		
		background:#efefef;
		
	}


	thead.money
	{
		position:relative;
		
		
	}
	
	tr.money
	{
		position:relative;
		
	}

	th.money
	{
		position:relative;
		
		background:#efefef;
		
	}

	/************************************************************************************************************************************************/
	#hqbtn
	{
		position: fixed;
		
		/*top: calc(50% - 21px);
		top: -webkit-calc(50% - 21px);*/
		
		
		
		
		bottom:0px;
		
		right:0px;
		
		
		z-index: 2000;
		
		cursor: pointer;
		
		
		padding:5px;
		
		border-radius: 100%;
		
		border:1px solid goldenrod;
		
		
		background:rgba(0,0,0,0.5);
		
		 
		
		
		
	}




  #cover_central
	{
		display: none;
	}

	
	#cover_right
	{
		display: none;
	}
	
	#cover_left
	{
		
		display: none;
			
	}  
	
	
	
  div.cover
	{
		position: absolute;
		
		top:0px;
		
		left:0px;
		
		width: 100%;
		
		height: 100%;
		
		background:rgba(0,0,0,0.8);
		
		z-index: 1500;	
	
	}
	
	img.cover
	{
		position: relative;
		
		max-height: 100%;
		
		max-width: 100%;
			
	}	
	
  
  #deedsframe
	{
		position: relative;
		
		background:white;
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	#peoplesframe
	{
		position: relative;
		
		
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	
	#placesframe
	{
		position: relative;
		
		background:rgba(0,0,0,0.2);
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	
  
  img.compactview
	{
		position: relative;
		
		max-width: 32px;
		max-height: 32px;
	
	}

	div.compactview_header
	{
		position: absolute;
		
		top: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}
	
	
	#compactview_top_left_header:hover
	{
	
		background:black;
	}
	
	
	
	#compactview_bottom_header
	{
		position: absolute;
		
		bottom: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}




	
	#compactview_top_right_header
	{
		position: absolute;
		
		bottom: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}


	#compactview_top_left_header
	{
		position: absolute;
		
		top: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}



  
  	body{
	
	
	}
	
	
	
	
	
	#compactview
	{
		position: relative;
	
		width: 100%;
		
		height: 100%;
		
		
		white-space: nowrap;
		
		overflow: auto;
	}
					
	
	#compactview_top
	{
		position: relative;
		
		width:200%;
	
		height: 100%;
		
		white-space: nowrap;
		
		
		display: inline-block;
		
		
		vertical-align: top;
	
	}
	
	#compactview_top_left
	{
		position: relative;
		
		width:50%;
		
		vertical-align: top;
		
		height: 100%;
		
		display: inline-block;
		
		background:cyan;
		
		white-space: normal;
	
	}
							
	
	#compactview_top_right					
	{
		position: relative;
		
		width:50%;
		
		vertical-align: top;
		
		height: 100%;
		
		display: inline-block;
		
		background:crimson;
		
		white-space: normal;
		 
		
	}
	
	
	#compactview_bottom
	{
		
		
		position: relative;
		
		width:100%;
	
		height: 100%;
		
		background:black;
		
		display: inline-block;
		
		vertical-align: top;
		
		white-space: normal;
			
		
		
	}
	
	
	#menubar
	{
		position:fixed;
		bottom:0px;
		right:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px transparent;
		
		display: none;
		
	}
	
	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px transparent;
	}
	
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	
	}
	
	#main
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
	
	}
	
	.page
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:white;
		
	
	}
	
	.half
	{
		position:relative;
		width:50%;
	}
	
	
	.fullheight
	{
		height:100%;
	}
	
	.third
	{
		position:relative;
		width:33%;
	}
	
	
	.quarter
	{
		position:relative;
		width:25%;
	}
	
	
	.abox
	{
		display:inline-block;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.bottom
	{
		vertical-align:bottom;
	}
	
	.left
	{
		text-align:left;
	}
	
	.right
	{
		text-align:right;
	}
	
	
 }










/* Mobile */
@media only screen and (min-width: 230px)  and (max-width: 360px) {


			
	#wide_screen_publication:hover
	{
		opacity: 1;
	}
	
	
	
	#wide_screen_publication
	{
		position: absolute;
		
		top: 0px;
			
		right: 0px;
			
		width: 100%;
			
		height: 100%;
				
		background:white;
		
		opacity: 0.1;
		
		z-index: 3001;
		
	}

	
	
	.mobilefriendly
	{
		
		
	}
	
	.notmobilefriendly
	{
		display:none !important;
	}
	
	
	#mnbtn
	{
		position: fixed;
				
		top:0px;
		left:0px;
			
			
		z-index: 1200;
			
		cursor: pointer;
		
		padding:5px;
			
		font-size:4`0px;
			
		border:1px solid goldenrod;
			
			
		background:rgba(0,0,0,0.5);
		
		color:gold;
			
		
	}


	img.hqbtn
	{
		position: relative;
		
		max-height: 32px;
		
		max-width: 32px;
		
		
	}


	#maincontent
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		
		white-space:nowrap;
		
		
	}

	#left_side
	{
		position:absolute;
		
		width:300px;
		
		z-index:1400;
		
		height:100%;
		
		display:none;
		
		background:#efefef;
		
		vertical-align:top;
		
		z-index:1400;

		box-shadow:0px 0px 2px 1px #888888;
	}

	div.menu_line
	{
		position:relative;
		
		
		margin:20px 10px;
		
		
		cursor:pointer;
		
		cursor:pointer;
		
		vertical-align:middle;
		
	}

	img.menu_line
	{
		
		position:relative;
		
		max-width:24px;
		
		max-height:24px;

		vertical-align:middle;
	}
		 
	label.menu_line
	{
		position:relative;
		
		font-size:20px;
		
		vertical-align:middle;
	}


	#right_side
	{
		position:relative;
		
		width:calc(100% - 0px);
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	div.submenu
	{
		position: relative;
		
		vertical-align: middle;
		
		display: inline-block;
		
	}


	div.apart
	{
		position: relative;
		
		
		vertical-align: middle;
		
		display: inline-block;
		

	}


	span.visitor
	{
		position: relative;
		
		font-size: 15px;
		
		color: #292929;
		
	}


	label.visitor
	{
		position: relative;
		
		font-size: 12px;
		
		color: gray;

	}
		
		

	
	#outstage
	{
		position: fixed;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		height: 100%;
			
		z-index: 2500;
		
		background:rgba(255,255,255,0.2);	
	}
	
	#outstage_main
	{
		position: absolute;
		
		top: 20px;
		
		left: 20px;
		
		bottom: 20px;
		
		right:  20px;
		
		
		background:white;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		
	}
	
	#outstage_main_hdr
	{
		position: absolute;
		
		bottom: 0px;
		
		left: 0px;
		
		width: 100%;
			
		
		z-index: 2504;
		
		background:rgba(255,255,255,0.7);
		
		
		
	}
	
	div.outstage_submenu
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		margin:10px;
		
		
	}
	
	
	label.outstage_submenu
	{
		position: relative;
		
		font-size: 30px;
		
		font-weight: bold;
		
	}
	
	button.outstage_submenu
	{
		position: relative;
		
		border:0px solid silver;
		
		border-radius: 0px;
		
	}
						
	
	#outstage_main_body
	{
		position: relative;
		
		width: 100%;
		
		height: 100%;
		
		
	}
	
	#outstage_main_content
	{
		position: relative;
		
		width: 100%;
		
		height: 100%;
		
	
	
	}


	img.outstage_submenu
	{
		position: relative;
		
		max-height: 32px;
		
		max-width: 32px;
			
	}





	
	div.menu
	{
		
		position:relative;
		
		overflow:auto;
		
		border-radius:10px;
		
		background:#efefef;
		
		width:95%;
		
		margin:20px auto;
		
		padding:5px 10px;
		
		
		
		
	}
	
	div.page_submenu
	{
		position:relative;
		
		display:inline-block;
		
	}
	
	div.page_submenu_lf_bd
	{
		position:relative;
		
		display:inline-block;
		
	}
	
	div.page_submenu_rg_bd
	{
		position:relative;
		
		display:inline-block;
		
	}
	

	div.billboard
	{
		position:relative;
		
		
		width:90%;

	
		margin:10px auto;
		
		border-radius:10px;
		
		
		background:#efefef;
		
		min-height:150px;

		
	}
	

	
	#credittable
	{
		
		position:relative;
		
		width:95%;
		
		margin:20px auto;
		
		
	}
	
	#credit_tbl
	{
		
		position:relative;
		
		width:100%;
		
	}



	 div.billboard_main
	 {
		 position:relative;
		 width:100%;
		 height:100%;
		 
		 white-space:nowrap;
		 
	 }
	
	div.abill
	{
		position:relative;
		
		width:100%;
		height:100%;
		
		display:inline-block; 
		
		
	}
	
	div.billboard_msg
	{
		position:relative;
		
		
		font-size:40px;
		
		
	}
	
	
	div.billboard_msg_money
	{
		position:relative;
		
		
		font-size:13px;
		
		white-space:normal;
		
		
	}
	
	
	thead.credit
	{
		position:relative;
		
		
	}
	
	tr.credit
	{
		position:relative;
		
	}

	th.credit
	{
		position:relative;
		
		background:#efefef;
		
	}
	
	
	
	thead.money
	{
		position:relative;
		
		
	}
	
	tr.money
	{
		position:relative;
		
	}

	th.money
	{
		position:relative;
		
		background:#efefef;
		
	}

	/******************************************************************************************************************************************************************/
	#hqbtn
	{
		position: fixed;
		
		/*top: calc(50% - 21px);
		top: -webkit-calc(50% - 21px);
		
		
		top:0px;
		
		right:48px;*/
		
		bottom:0px;
		
		right:0px;
		
		
		z-index: 2000;
		
		cursor: pointer;
		
		
		padding:5px;
		
		border-radius: 100%;
		
		border:1px solid goldenrod;
		
		
		background:rgba(0,0,0,0.5);
		
		 
		
		
		
	}



	#lang
	{
		font-size: 15px !important;
			
	}

	#cover_central
	{
		text-align: left;
	}

	
	#cover_right
	{
		text-align: right;
		
	}
	
	#cover_left
	{
		
		text-align: left;
			
	}  
	
	
	
	div.cover
	{
		position: absolute;
		
		top:0px;
		
		left:0px;
		
		width: 100%;
		
		height: 100%;
		
		background:rgba(0,0,0,0.8);
		
		z-index: 1500;	
	
	}
	
	img.cover
	{
		position: relative;
		
		max-height: 100%;
		
		max-width: 100%;
			
	}	
	
	img.compactview
	{
		position: relative;
		
		max-width: 32px;
		max-height: 32px;
	
	}

	div.compactview_header
	{
		position: absolute;
		
		top: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}
	
	
	#compactview_top_left_header:hover
	{
	
		background:black;
	}
	
	
	
	#compactview_bottom_header
	{
		position: absolute;
		
		bottom: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}




	
	#compactview_top_right_header
	{
		position: absolute;
		
		bottom: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}


	#compactview_top_left_header
	{
		position: absolute;
		
		top: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}

	
	
	body{
	
	
	}
	
	
	
	
	#deedsframe
	{
		position: relative;
		
		background:white;
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	#peoplesframe
	{
		position: relative;
		
		
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	
	#placesframe
	{
		position: relative;
		
		background:rgba(0,0,0,0.2);
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	
	
	
	#compactview
	{
		position: relative;
	
		width: 100%;
		
		height: 100%;
	}
					
	
	#compactview_top
	{
		position: relative;
		
		width:100%;
	
		height: 66%;
			
		
	}
	
	#compactview_top_left
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		background:cyan;
	
	}
							
	
	#compactview_top_right					
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		background:crimson;
		 
		
	}
	
	
	#compactview_bottom
	{
		position: relative;
		
		position: relative;
		
		width:100%;
	
		height: 33%;
		
		background:black;
			
		
		
	}
	
	#menubar
	{
		position:fixed;
		bottom:0px;
		right:0px;
		
		
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px transparent;
		
		display: none;
		
	}
	
	#menubar:hover
	{
	
		box-shadow:0px 0px 2px 1px transparent;
	}
	
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	
	}
	
	#main
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
	
	}
	
	.page
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
		
	
	}
	
	.half
	{
		position:relative;
		width:50%;
	}
	
	
	.fullheight
	{
		height:100%;
	}
	
	.third
	{
		position:relative;
		width:33%;
	}
	
	
	.quarter
	{
		position:relative;
		width:25%;
	}
	
	
	.abox
	{
		display:inline-block;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.bottom
	{
		vertical-align:bottom;
	}
	
	.left
	{
		text-align:left;
	}
	
	.right
	{
		text-align:right;
	}
	
	
}










/* Mobile */
@media only screen and (max-width: 229px) {
	
	
			
	#wide_screen_publication:hover
	{
		opacity: 1;
	}
	
	
	
	#wide_screen_publication
	{
		position: absolute;
		
		top: 0px;
			
		right: 0px;
			
		width: 100%;
			
		height: 100%;
				
		background:white;
		
		opacity: 0.1;
		
		z-index: 3001;
		
	}

	

	.mobilefriendly
	{
		
		
	}
	
	.notmobilefriendly
	{
		display:none !important;
	}
	
	
	#mnbtn
	{
		position: fixed;
				
		top:0px;
		left:0px;
			
			
		z-index: 1200;
			
		cursor: pointer;
		
		padding:5px;
			
		font-size:4`0px;
			
		border:1px solid goldenrod;
			
			
		background:rgba(0,0,0,0.5);
		
		color:gold;
			
		
	}

	
	img.hqbtn
	{
		position: relative;
		
		max-height: 32px;
		
		max-width: 32px;
		
		
	}


	#maincontent
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		
		white-space:nowrap;
		
		
	}

	#left_side
	{
		position:absolute;
		
		width:300px;
		
		height:100%;
		
		display:none;
		
		background:#efefef;
		
		vertical-align:top;
		
		z-index:1400;
		
		box-shadow:0px 0px 2px 1px #888888;
		

	}

	div.menu_line
	{
		position:relative;
		
		
		margin:20px 10px;
		
		
		cursor:pointer;
		
		cursor:pointer;
		
		vertical-align:middle;
		
	}

	img.menu_line
	{
		
		position:relative;
		
		max-width:24px;
		
		max-height:24px;

		vertical-align:middle;
	}
		 
	label.menu_line
	{
		position:relative;
		
		font-size:20px;
		
		vertical-align:middle;
	}


	#right_side
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	div.submenu
	{
		position: relative;
		
		vertical-align: middle;
		
		display: inline-block;
		
	}


	div.apart
	{
		position: relative;
		
		
		vertical-align: middle;
		
		display: inline-block;
		

	}


	span.visitor
	{
		position: relative;
		
		font-size: 15px;
		
		color: #292929;
		
	}


	label.visitor
	{
		position: relative;
		
		font-size: 12px;
		
		color: gray;

	}
		
		

	
	#outstage
	{
		position: fixed;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		height: 100%;
			
		z-index: 2500;
		
		background:rgba(255,255,255,0.2);	
	}
	
	#outstage_main
	{
		position: absolute;
		
		top: 20px;
		
		left: 20px;
		
		bottom: 20px;
		
		right:  20px;
		
		
		background:white;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		
	}
	
	#outstage_main_hdr
	{
		position: absolute;
		
		bottom: 0px;
		
		left: 0px;
		
		width: 100%;
			
		
		z-index: 2504;
		
		background:rgba(255,255,255,0.7);
		
		
		
	}
	
	div.outstage_submenu
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		margin:10px;
		
		
	}
	
	
	label.outstage_submenu
	{
		position: relative;
		
		font-size: 30px;
		
		font-weight: bold;
		
	}
	
	button.outstage_submenu
	{
		position: relative;
		
		border:0px solid silver;
		
		border-radius: 0px;
		
	}
						
	
	#outstage_main_body
	{
		position: relative;
		
		width: 100%;
		
		height: 100%;
		
		
	}
	
	#outstage_main_content
	{
		position: relative;
		
		width: 100%;
		
		height: 100%;
		
	
	
	}


	img.outstage_submenu
	{
		position: relative;
		
		max-height: 32px;
		
		max-width: 32px;
			
	}





	
	div.menu
	{
		
		position:relative;
		
		overflow:auto;
		
		border-radius:10px;
		
		background:#efefef;
		
		width:95%;
		
		margin:20px auto;
		
		padding:5px 10px;
		
		
		
		
	}
	
	div.page_submenu
	{
		position:relative;
		
		display:inline-block;
		
	}
	
	div.page_submenu_lf_bd
	{
		position:relative;
		
		display:inline-block;
		
	}
	
	div.page_submenu_rg_bd
	{
		position:relative;
		
		display:inline-block;
		
	}
	

	div.billboard
	{
		position:relative;
		
		
		width:90%;

	
		margin:10px auto;
		
		border-radius:10px;
		
		
		background:#efefef;
		
		min-height:150px;

		
	}
	

	
	#credittable
	{
		
		position:relative;
		
		width:95%;
		
		margin:20px auto;
		
		
	}
	
	#credit_tbl
	{
		
		position:relative;
		
		width:100%;
		
	}



	 div.billboard_main
	 {
		 position:relative;
		 width:100%;
		 height:100%;
		 
		 white-space:nowrap;
		 
	 }
	
	div.abill
	{
		position:relative;
		
		width:100%;
		height:100%;
		
		display:inline-block; 
		
		
	}
	
	div.billboard_msg
	{
		position:relative;
		
		
		font-size:40px;
		
		
	}
	
	div.billboard_msg_money
	{
		position:relative;
	
		font-size:13px;
		
		white-space:normal;
		
		
	}
	
	
	
	thead.credit
	{
		position:relative;
		
		
	}
	
	tr.credit
	{
		position:relative;
		
	}

	th.credit
	{
		position:relative;
		
		background:#efefef;
		
	}

	
	
	thead.money
	{
		position:relative;
		
		
	}
	
	tr.money
	{
		position:relative;
		
	}

	th.money
	{
		position:relative;
		
		background:#efefef;
		
	}
	
	
	/**********************************************************************************************/
	#hqbtn
	{
		position: fixed;
		
		/*top: calc(50% - 21px);
		top: -webkit-calc(50% - 21px);*/
		
		left: calc(50% - 21px);
		left: -webkit-calc(50% - 21px);
		

		bottom:0px;
		right:0px;
		
		
		z-index: 2000;
		
		cursor: pointer;
		
		
		padding:5px;
		
		border-radius: 100%;
		
		border:1px solid goldenrod;
		
		
		background:rgba(0,0,0,0.5);
		
		
		
		display: none;
		 
		
		
	}



	
	#lang
	{
		font-size: 15px !important;
			
	}


	#cover_central
	{
		text-align: left;
	}

	
	#cover_right
	{
		text-align: right;
		
	}
	
	#cover_left
	{
		
		text-align: left;
			
	}  
	
	
	
	
	
	div.cover
	{
		position: absolute;
		
		top:0px;
		
		left:0px;
		
		width: 100%;
		
		height: 100%;
		
		background:rgba(0,0,0,0.8);
		
		z-index: 10000;	
	
	}
	
	img.cover
	{
		position: relative;
		
		max-height: 100%;
		
		max-width: 100%;
			
	}	
	
	
	img.compactview
	{
		position: relative;
		
		max-width: 32px;
		max-height: 32px;
	
	}

	div.compactview_header
	{
		position: absolute;
		
		top: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}
	
	
	#compactview_top_left_header:hover
	{
	
		background:black;
	}
	
	
	
	#compactview_bottom_header
	{
		position: absolute;
		
		bottom: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}




	
	#compactview_top_right_header
	{
		position: absolute;
		
		bottom: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}


	#compactview_top_left_header
	{
		position: absolute;
		
		top: 0px ;
		
		right: 0px;
		
		z-index: 2000;
		
		background:rgba(0,0,0,0.7);
		
		cursor: pointer;
		
		padding:5px;
	}


	
	body{
	
	
	}
	
	
	
	#deedsframe
	{
		position: relative;
		
		background:white;
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	#peoplesframe
	{
		position: relative;
		
		
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	
	#placesframe
	{
		position: relative;
		
		background:rgba(0,0,0,0.2);
		
		width: 100%;
		
		height: 100%;
		
		overflow: auto;
	}
	
	
	
	
	#compactview
	{
		position: relative;
	
		width: 100%;
		
		height: 100%;
	}
					
	
	#compactview_top
	{
		position: relative;
		
		width:100%;
	
		height: 66%;
			
		
	}
	
	#compactview_top_left
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		background:cyan;
	
	}
							
	
	#compactview_top_right					
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		background:crimson;
		 
		
	}
	
	
	#compactview_bottom
	{
		position: relative;
		
		position: relative;
		
		width:100%;
	
		height: 33%;
		
		background:black;
			
		
		
	}
	
	#menubar
	{
		position:fixed;
		bottom:0px;
		right:0px;
		
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px transparent;
		
		display: none;
		
	}
	
	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px transparent;
	}
	
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	
	}
	
	#main
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
	
	}
	
	.page
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
		
	
	}
	
	.half
	{
		position:relative;
		width:50%;
	}
	
	
	.fullheight
	{
		height:100%;
	}
	
	.third
	{
		position:relative;
		width:33%;
	}
	
	
	.quarter
	{
		position:relative;
		width:25%;
	}
	
	
	.abox
	{
		display:inline-block;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.bottom
	{
		vertical-align:bottom;
	}
	
	.left
	{
		text-align:left;
	}
	
	.right
	{
		text-align:right;
	}
	
	
}