*
{
	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;
}


div.atechnology
{
	position: relative;
	
	margin:20px 10px;
	
	box-shadow: 0px 0px 2px 1px #888888;
	
	padding:5px;
}

div.atechnology_title
{
	position: relative;
	
	font-size: 25px;
	
	font-weight: bold;
	
	padding:5px;	
}

div.atechnology_description
{

	position: relative;
	
	
	
	padding:10px;

}

div.atechnology_date
{
	position: relative;
	
	padding:5px;
}


div.asommaire
{
	position: relative;
	
	padding:5px;
	
	font-size: 20px;
	
	overflow: hidden;
}







#gabarit_viewer_enlarge
	{
		position: absolute;
		
		bottom:5px;
		
		right: 10px;
		
		font-size: 40px;
		
		color:teal;
		
		cursor: pointer;
		
		z-index: 1000;
		
			
		
	}
	
	
	#gabarit_viewer_close
	{
		position: absolute;
		
		top:5px;
		
		right: 10px;
		
		font-size: 30px;
		
		border-radius: 100%;
		
		padding:5px 10px;
		
		cursor: pointer;
		
		z-index: 1000;
		
		background:firebrick;
		
		color: white;
		
			
		
	}
	
	
	#gabarit_viewer_content
	{
		position: absolute;
		
		width: 100%;
		
		height: 100%;
		
		background:transparent;
	}
	
	
	#gabarit_viewer_main
	{
		position: relative;
		
		top:0px;
		
		width:98%;
		
		height:98%;
		
		
		margin:1% 1%;
		
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		background:rgba(255,255,255,0.8); 
			
	}
	
	
	
	#gabarit_viewer_main:hover
	{
		position: relative;
		
		background:rgba(255,255,255,1);
	}
	
	#gabarit_viewer
	{
		position: fixed;
		
		top:0px;
		
		left: 0px;
		
		width:100%;
		
		height: 100%;
			
	
		z-index: 2500;
		
		
		display: none;
		
		
		
	}
	
	img.gabarit
	{
		position: relative;
		
		max-height: 24px;
			
		max-width: 24px;
		
		cursor: pointer;	
	}
	
	
	
	
@media screen and (min-width: 771px) {
	
	/***************************************************************/
	div.theme_title
	{
		position:relative;
		
		font-size:20px;
		
		font-weight:bold;
	
		text-align:center;
		
		cursor:pointer;

		color:black;

	}
	
	
	div.theme
	{
		position:relative;
		
		vertical-align:top;
		
		width:calc(25% - 20px);
		width:-webkit-calc(25% - 20px);
		
		
		margin:10px 10px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
		display:inline-block;
	}
	
	
	
	div.theme_count
	{
		
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		background: crimson;
		
		color:white;
		
		padding:5px;
		
		z-index:1200;
		
		font-weight:bold;
		
		
		
	}
	
	div.theme_header
	{
		
		position:relative;
			
		height:256px;
		
		background:black;
		text-align:center;
		
	}
	
	img.theme
	{
		position:relative;
		
		max-width:100%;
		max-height:100%;
		
		
	}
	
	div.theme_body
	{
		position:relative;
			
		height:100px;
		
		padding:10px;
		
		line-height:1.6em;
		
		color: #888888;
		
		
	}
	
	
	div.theme_footer_sub
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px;
		
		
	}
	
	
	label.theme
	{
		
		position:relative;
	
		
		color:silver;
	
		
		font-size:12px;
		
		vertical-align:middle;
		
	}
	
	
	
	span.theme
	{
		
		position:relative;
		
		font-weight:bold;
		
		color:gray;
		
		font-size:12px;
		
		vertical-align:middle;
	}
	
	
	
	div.theme_footer
	{
		position:relative;
		
		
		padding:5px;
		
	}
	
	/*******************************************************************************************************/
	.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;
		
		overflow:auto;
	}

	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) {
  
  
  
  
	/**********************************************************************************************/
	/***************************************************************/
	
	div.theme
	{
		position:relative;
		
		vertical-align:top;
		
		width:calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
		
		
		margin:10px 20px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
		
	}
	
	
	div.theme_title
	{
		position:relative;
		
		font-size:20px;
		
		font-weight:bold;
	
		text-align:center;
		
		cursor:pointer;

		color:black;
	}
	
	
	
	
	div.theme_count
	{
		
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		background: crimson;
		
		color:white;
		
		padding:5px;
		
		z-index:1200;
		
		font-weight:bold;
		
		
		
	}
	
	div.theme_header
	{
		
		position:relative;
			
		height:256px;
		
		background:black;
		text-align:center;
		
	}
	
	img.theme
	{
		position:relative;
		
		max-width:100%;
		max-height:100%;
		
		
	}
	
	div.theme_body
	{
		position:relative;
			
		height:100px;
		
		padding:10px;
		
		line-height:1.6em;
		
		color: #888888;
		
		
	}
	
	
	div.theme_footer_sub
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px;
		
		
		
	}
	
	
	label.theme
	{
		
		position:relative;
	
		
		color:silver;
	
		
		font-size:12px;
		
		vertical-align:middle;
		
	}
	
	
	
	span.theme
	{
		
		position:relative;
		
		font-weight:bold;
		
		color:gray;
		
		font-size:12px;
		
		vertical-align:middle;
	}
	
	
	
	div.theme_footer
	{
		position:relative;
		
		
		padding:5px;
		
	}
	/**********************************************************************************************/
  
	.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;
		
		overflow:auto;
		
		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);*/
		
		
		
		
		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) {



	/***************************************************************/
	
	div.theme
	{
		position:relative;
		
		vertical-align:top;
		
		width:calc(100% - 20px);
		width:-webkit-calc(100% - 20px);
		
		
		margin:10px 10px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
		
	}
	
	
	div.theme_title
	{
		position:relative;
		
		font-size:20px;
		
		font-weight:bold;
	
		text-align:center;
		
		cursor:pointer;

		color:black;
	}
	
	
	
	
	div.theme_count
	{
		
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		background: crimson;
		
		color:white;
		
		padding:5px;
		
		z-index:1200;
		
		font-weight:bold;
		
		
		
	}
	
	div.theme_header
	{
		
		position:relative;
			
		height:256px;
		
		background:black;
		text-align:center;
		
	}
	
	img.theme
	{
		position:relative;
		
		max-width:100%;
		max-height:100%;
		
		
	}
	
	div.theme_body
	{
		position:relative;
			
		height:100px;
		
		padding:10px;
		
		line-height:1.6em;
		
		color: #888888;
		
		
	}
	
	
	div.theme_footer_sub
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px;
		
	}
	
	
	label.theme
	{
		
		position:relative;
	
		
		color:silver;
	
		
		font-size:12px;
		
		vertical-align:middle;
		
	}
	
	
	
	span.theme
	{
		
		position:relative;
		
		font-weight:bold;
		
		color:gray;
		
		font-size:12px;
		
		vertical-align:middle;
	}
	
	
	
	div.theme_footer
	{
		position:relative;
		
		
		padding:5px;
		
	}
	/**********************************************************************************************/

	.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;
		
		overflow:auto;

		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) {
	


	/***************************************************************/
	
	div.theme
	{
		position:relative;
		
		vertical-align:top;
		
		width:calc(100% - 20px);
		width:-webkit-calc(100% - 20px);
		
		
		margin:10px 10px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
		
		
	}
	
	
	div.theme_title
	{
		position:relative;
		
		font-size:20px;
		
		font-weight:bold;
	
		text-align:center;
		
		cursor:pointer;

		color:black;
	}
	
	
	
	
	div.theme_count
	{
		
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		background: crimson;
		
		color:white;
		
		padding:5px;
		
		z-index:1200;
		
		font-weight:bold;
		
		
		
	}
	
	div.theme_header
	{
		
		position:relative;
			
		height:256px;
		
		background:black;
		text-align:center;
		
	}
	
	img.theme
	{
		position:relative;
		
		max-width:100%;
		max-height:100%;
		
		
	}
	
	div.theme_body
	{
		position:relative;
			
		height:100px;
		
		padding:10px;
		
		line-height:1.6em;
		
		color: #888888;
		
		
	}
	
	
	div.theme_footer_sub
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px;
		
	}
	
	
	label.theme
	{
		
		position:relative;
	
		
		color:silver;
	
		
		font-size:12px;
		
		vertical-align:middle;
		
	}
	
	
	
	span.theme
	{
		
		position:relative;
		
		font-weight:bold;
		
		color:gray;
		
		font-size:12px;
		
		vertical-align:middle;
	}
	
	
	
	div.theme_footer
	{
		position:relative;
		
		
		padding:5px;
		
	}
	/**********************************************************************************************/
	
	
	.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;
		
		overflow:auto;
		
		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;
	}
	
	
}