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

.middle
{

		vertical-align:middle !important;

}

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

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

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

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

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


.invisible
{
	
	display:none !important;
	
}





div.anapp_info
{
	position:relative;
	
	text-align:center;
	
	overflow:hidden;
}
			
			
label.anapp_info
{
	position:relative;
	
	font-size:12px;
}




img.submenu
{
	position:relative;
	
	max-width:32px;
	
	max-height:32px;
	
	cursor:pointer;
}


#maincontent
{
	position:relative;
	
	overflow:hidden;
	
}







#agora_window 
{
	position:Relative;
	
	width:100%;
	
	
	height:100%;
	
	
}


#agora
{
	position:relative;
	
	height:250px;
	
}

#agora_header
{
	position:absolute;
	
	bottom:0px;
	
	right:0px;
	
	background:black;
	
	color:white;
	
	z-index:1000;
	
	padding:5px 10px;
	
	font-size:12px;
	
	cursor:pointer;
	
	
}

#agora_main
{
	position:Relative;
	
	width:100%;
	
	
	height:100%;
	
}










div.advertisements
{
	position:relative;
	
	min-height:200px;
	
	background:transparent;
	
	margin:20px 0px;
	
	
}

div.advertisements_header
{
	position:absolute;
	
	padding:5px 10px;
	
	top:0px;
	
	right:0px;
	
	background:black;
	
	color:white;
	
	display:none;
	
	
}

div.advertisements_main
{
	position:relative;
}



img.addingbox
{
	position:relative;
	
	max-width:24px;
	
	max-height:24px;
	
	cursor:pointer;
	
}

			
 
/* WQxGA **/

@media screen and (max-width: 3840px) and (min-width:2561px) {
	
	
	
	
	
	

	#addingbox
	{
		position:absolute;
		
		bottom:50px;
		
		right:0px;
		
		z-index:2500;
		
		background:teal;
		
		width:800px;
		height:400px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		resize: both;
		overflow: auto;
		
		direction:rtl;
		
		
		
	}

	div.addingbox_submenu
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px 10px;
		
		background:black;
		
		color:white;
		
		cursor:pointer;
		
		border-radius:100%;
		
		font-size:20px;
		
		padding:5px 10px;
		
	}

	#addingbox_menu
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	
	#addingbox_lwmenu
	{
		position:absolute;
		
		bottom:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	

	#addingbox_lwmenu:hover
	{
			
		opacity:1;
		
		
		
	}

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


	/*************Entry *******************************************************************/
	.anentry
	{
		position:relative;
		width:400px; 
		margin:5px 10px;
		min-height:100px;
		background:white;
		border-radius:5px;
		box-shadow:0px 0px 2px 1px #888888;

		margin:20px auto; 
	}


	.anentry_setting
	{
		display:none !important;
		
	}



	div.actiononlog:hover
	{
		color:gray;
	}

	div.actiononlog
	{
		color:silver;
		
	}

	img.actiononlog
	{
		box-shadow:0px 0px  2px 1px #888888;
		cursor:pointer;
		width:24px;
		
	}


	img.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		
	}

	video.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		background:rgba(0,0,0,0.7);
		
		
	}

	audio.anentry
	{
		position:relative;
		margin:40px auto;
		max-width:350px;
		min-height:40px;
	}


	.anentry_header
	{
		position:relative;
		padding: 10px 5px;
	}


	.anentry_setting
	{
		position:absolute;
		top:0px;
		right:5px;

	}





	.e_setting:hover
	{
		color:#555555;
	}

	.e_setting
	{
		position:relative;
		color:silver;
		cursor:pointer;
	}

	img.author
	{
		position:relative;
		width:48px;
		border-radius:100%;
		border:1px solid silver;
		padding:5px 5px;
		margin:0px 5px;
	}


	label.author
	{
		position:relative;
		font-weight:bold;
		white-space:normal;
	}

	.anentry_body
	{
		position:relative;
		padding:5px;
	}

	.atextbox
	{
		position:relative;
		background:#f3f3f3;
		padding:5px;
		min-height:90px;
		white-space:normal;
		
		overflow:hidden;
	}

	.amediabox
	{
		position:relative;
		background:#f9f9f9;
		padding:5px;
		min-height:90px;
		white-space:normal;
	}

	.anentry_footer
	{
		position:relative;
		padding:5px;

	}

	img.anentry
	{
		position:relative;
		width:400px;
		height:400px;
	}




	video.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}


	svg.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}

	canvas.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}




	iframe.anentry:hover
	{
		overflow:auto;
	}

	iframe.anentry
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.alarmviewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}

	iframe.viewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}



	iframe.alarmviewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.viewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}

	/*************Entry *******************************************************************/
	
	
	/*******************************************************************************************************************/

	div.adimesion
	{
		position:relative;
		
		width:20%;
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}
			
	div.adimesion_header
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
		
		text-align:center;
		
		
	}

	div.adimesion_body
	{
		position:relative;
		
		min-height:200px;
	}

	div.adimesion_footer
	{
		position:relative;
		
		min-height:100px;
	}

	
	/*******************************************************************************************************************/
	
	
	
	img.anapp_img
	{
		position:relative;
		
		max-width:48px;
		
		max-height:48px;
		
		text-align:center;
	}
		
		
		
	div.anapp_views
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		padding:2px;
		
		background:red;
		
		color:white;
		
		z-index:100;
		
		font-size:15px;

	}
	
	
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	
	.notmobilefriendly
	{
		
	}
	.mobilefriendly
	{
		display:none;
	}


	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold;
	
		color:white;
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:10px;
		
		cursor:pointer;
		
		
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	

	
	div.anactions
	{
		
		
	}
		
		
	div.anactions_title
	{
		
		
		
	}
	
	
	div.anactions_content
	{
		
		
	}
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
		
		
	}
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px #888888;
		
		display:none;
	}

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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 !important;
	}

	.bottom
	{
		vertical-align:bottom;
	}

	.left
	{
		text-align:left;
	}

	.right
	{
		text-align:right;
	}








}

/* WQxGA **/

@media screen and (max-width: 2560px) and (min-width: 1921px) {


	

	#addingbox
	{
		position:absolute;
		
		bottom:50px;
		
		right:0px;
		
		z-index:2500;
		
		background:teal;
		
		width:600px;
		height:400px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		resize: both;
		overflow: auto;
		
		direction:rtl;
		
		
		
	}

	div.addingbox_submenu
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px 10px;
		
		background:black;
		
		color:white;
		
		cursor:pointer;
		
		border-radius:100%;
		
		font-size:20px;
		
		padding:5px 10px;
		
	}

	#addingbox_menu
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	
	#addingbox_lwmenu
	{
		position:absolute;
		
		bottom:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	

	#addingbox_lwmenu:hover
	{
			
		opacity:1;
		
		
		
	}

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


	/*************Entry *******************************************************************/
	.anentry
	{
		position:relative;
		width:400px; 
		margin:5px 10px;
		min-height:100px;
		background:white;
		border-radius:5px;
		box-shadow:0px 0px 2px 1px #888888;

		margin:20px auto; 
	}


	.anentry_setting
	{
		display:none !important;
		
	}



	div.actiononlog:hover
	{
		color:gray;
	}

	div.actiononlog
	{
		color:silver;
		
	}

	img.actiononlog
	{
		box-shadow:0px 0px  2px 1px #888888;
		cursor:pointer;
		width:24px;
		
	}


	img.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		
	}

	video.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		background:rgba(0,0,0,0.7);
		
		
	}

	audio.anentry
	{
		position:relative;
		margin:40px auto;
		max-width:350px;
		min-height:40px;
	}


	.anentry_header
	{
		position:relative;
		padding: 10px 5px;
	}


	.anentry_setting
	{
		position:absolute;
		top:0px;
		right:5px;

	}





	.e_setting:hover
	{
		color:#555555;
	}

	.e_setting
	{
		position:relative;
		color:silver;
		cursor:pointer;
	}

	img.author
	{
		position:relative;
		width:48px;
		border-radius:100%;
		border:1px solid silver;
		padding:5px 5px;
		margin:0px 5px;
	}


	label.author
	{
		position:relative;
		font-weight:bold;
		white-space:normal;
	}

	.anentry_body
	{
		position:relative;
		padding:5px;
	}

	.atextbox
	{
		position:relative;
		background:#f3f3f3;
		padding:5px;
		min-height:90px;
		white-space:normal;
		
		overflow:hidden;
	}

	.amediabox
	{
		position:relative;
		background:#f9f9f9;
		padding:5px;
		min-height:90px;
		white-space:normal;
	}

	.anentry_footer
	{
		position:relative;
		padding:5px;

	}

	img.anentry
	{
		position:relative;
		width:400px;
		height:400px;
	}




	video.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}


	svg.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}

	canvas.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}




	iframe.anentry:hover
	{
		overflow:auto;
	}

	iframe.anentry
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.alarmviewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}

	iframe.viewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}



	iframe.alarmviewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.viewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}

	/*************Entry *******************************************************************/
	
	
	/*******************************************************************************************************************/

	div.adimesion
	{
		position:relative;
		
		width:20%;
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}
			
	div.adimesion_header
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
		
		text-align:center;
		
		
	}

	div.adimesion_body
	{
		position:relative;
		
		min-height:200px;
	}

	div.adimesion_footer
	{
		position:relative;
		
		min-height:100px;
	}

	
	/*******************************************************************************************************************/
	
	img.anapp_img
	{
		position:relative;
		
		max-width:48px;
		
		max-height:48px;
		
		text-align:center;
	}
		
		
		
	div.anapp_views
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		padding:2px;
		
		background:red;
		
		color:white;
		
		z-index:100;
		
		font-size:15px;

	}
	
  
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	
	.notmobilefriendly
	{
		
	}
	.mobilefriendly
	{
		display:none;
	}

	
	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	
	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		background:#292929;
		
		border-radius:10px; 
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold;
		color:white;
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:10px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	
	
	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		display:none;
	}

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}









}


 
/* FHD **/

@media screen and (max-width: 1920px) and (min-width: 1367px) {

	
	

	#addingbox
	{
		position:absolute;
		
		bottom:50px;
		
		right:0px;
		
		z-index:2500;
		
		background:teal;
		
		width:600px;
		height:400px;
		
		
		box-shadow:0px 0px 2px 1px #888888;
		
		resize: both;
		overflow: auto;
		
		direction:rtl;
		
		
		
	}

	div.addingbox_submenu
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px 10px;
		
		background:black;
		
		color:white;
		
		cursor:pointer;
		
		border-radius:100%;
		
		font-size:20px;
		
		padding:5px 10px;
		
	}

	#addingbox_menu
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	
	#addingbox_lwmenu
	{
		position:absolute;
		
		bottom:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	

	#addingbox_lwmenu:hover
	{
			
		opacity:1;
		
		
		
	}

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


	/*************Entry *******************************************************************/
	.anentry
	{
		position:relative;
		width:400px; 
		margin:5px 10px;
		min-height:100px;
		background:white;
		border-radius:5px;
		box-shadow:0px 0px 2px 1px #888888;

		margin:20px auto; 
	}


	.anentry_setting
	{
		display:none !important;
		
	}



	div.actiononlog:hover
	{
		color:gray;
	}

	div.actiononlog
	{
		color:silver;
		
	}

	img.actiononlog
	{
		box-shadow:0px 0px  2px 1px #888888;
		cursor:pointer;
		width:24px;
		
	}


	img.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		
	}

	video.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		background:rgba(0,0,0,0.7);
		
		
	}

	audio.anentry
	{
		position:relative;
		margin:40px auto;
		max-width:350px;
		min-height:40px;
	}


	.anentry_header
	{
		position:relative;
		padding: 10px 5px;
	}


	.anentry_setting
	{
		position:absolute;
		top:0px;
		right:5px;

	}





	.e_setting:hover
	{
		color:#555555;
	}

	.e_setting
	{
		position:relative;
		color:silver;
		cursor:pointer;
	}

	img.author
	{
		position:relative;
		width:48px;
		border-radius:100%;
		border:1px solid silver;
		padding:5px 5px;
		margin:0px 5px;
	}


	label.author
	{
		position:relative;
		font-weight:bold;
		white-space:normal;
	}

	.anentry_body
	{
		position:relative;
		padding:5px;
	}

	.atextbox
	{
		position:relative;
		background:#f3f3f3;
		padding:5px;
		min-height:90px;
		white-space:normal;
		
		overflow:hidden;
	}

	.amediabox
	{
		position:relative;
		background:#f9f9f9;
		padding:5px;
		min-height:90px;
		white-space:normal;
	}

	.anentry_footer
	{
		position:relative;
		padding:5px;

	}

	img.anentry
	{
		position:relative;
		width:400px;
		height:400px;
	}




	video.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}


	svg.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}

	canvas.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}




	iframe.anentry:hover
	{
		overflow:auto;
	}

	iframe.anentry
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.alarmviewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}

	iframe.viewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}



	iframe.alarmviewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.viewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}

	/*************Entry *******************************************************************/
	
	/*******************************************************************************************************************/

	div.adimesion
	{
		position:relative;
		
		width:20%;
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}
			
	div.adimesion_header
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
		
		text-align:center;
		
		
	}

	div.adimesion_body
	{
		position:relative;
		
		min-height:200px;
	}

	div.adimesion_footer
	{
		position:relative;
		
		min-height:100px;
	}

	
	/*******************************************************************************************************************/
	
	
	img.anapp_img
	{
		position:relative;
		
		max-width:48px;
		
		max-height:48px;
		
		text-align:center;
	}
		
	
	div.anapp_views
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		padding:2px;
		
		background:red;
		
		color:white;
		
		z-index:100;
		
		font-size:15px;

	}
	
	
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	.notmobilefriendly
	{
		
	}
	.mobilefriendly
	{
		display:none;
	}


	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold;
		
		color:white;
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:10px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}

	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
  
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		display:none;
	}

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}








}
 

/* HD **/

@media screen and (max-width: 1366px) and (min-width: 1281px) {
	



	#addingbox
	{
		position:absolute;
		
		bottom:50px;
		
		right:0px;
		
		z-index:2500;
		
		background:teal;
		
		width:400px;
		height:300px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		resize: both;
		overflow: auto;
		
		direction:rtl;
		
		
		
	}

	div.addingbox_submenu
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px 10px;
		
		background:black;
		
		color:white;
		
		cursor:pointer;
		
		border-radius:100%;
		
		font-size:20px;
		
		padding:5px 10px;
		
	}

	#addingbox_menu
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	
	#addingbox_lwmenu
	{
		position:absolute;
		
		bottom:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	

	#addingbox_lwmenu:hover
	{
			
		opacity:1;
		
		
		
	}

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


	/*************Entry *******************************************************************/
	.anentry
	{
		position:relative;
		width:400px; 
		margin:5px 10px;
		min-height:100px;
		background:white;
		border-radius:5px;
		box-shadow:0px 0px 2px 1px #888888;

		margin:20px auto; 
	}


	.anentry_setting
	{
		display:none !important;
		
	}



	div.actiononlog:hover
	{
		color:gray;
	}

	div.actiononlog
	{
		color:silver;
		
	}

	img.actiononlog
	{
		box-shadow:0px 0px  2px 1px #888888;
		cursor:pointer;
		width:24px;
		
	}


	img.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		
	}

	video.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		background:rgba(0,0,0,0.7);
		
		
	}

	audio.anentry
	{
		position:relative;
		margin:40px auto;
		max-width:350px;
		min-height:40px;
	}


	.anentry_header
	{
		position:relative;
		padding: 10px 5px;
	}


	.anentry_setting
	{
		position:absolute;
		top:0px;
		right:5px;

	}





	.e_setting:hover
	{
		color:#555555;
	}

	.e_setting
	{
		position:relative;
		color:silver;
		cursor:pointer;
	}

	img.author
	{
		position:relative;
		width:48px;
		border-radius:100%;
		border:1px solid silver;
		padding:5px 5px;
		margin:0px 5px;
	}


	label.author
	{
		position:relative;
		font-weight:bold;
		white-space:normal;
	}

	.anentry_body
	{
		position:relative;
		padding:5px;
	}

	.atextbox
	{
		position:relative;
		background:#f3f3f3;
		padding:5px;
		min-height:90px;
		white-space:normal;
		
		overflow:hidden;
	}

	.amediabox
	{
		position:relative;
		background:#f9f9f9;
		padding:5px;
		min-height:90px;
		white-space:normal;
	}

	.anentry_footer
	{
		position:relative;
		padding:5px;

	}

	img.anentry
	{
		position:relative;
		width:400px;
		height:400px;
	}




	video.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}


	svg.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}

	canvas.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}




	iframe.anentry:hover
	{
		overflow:auto;
	}

	iframe.anentry
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.alarmviewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}

	iframe.viewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}



	iframe.alarmviewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.viewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}

	/*************Entry *******************************************************************/
	
	
	/*******************************************************************************************************************/

	div.adimesion
	{
		position:relative;
		
		width:20%;
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}
			
	div.adimesion_header
	{
		position:relative;
		
		font-size:25px;
		
		font-weight:bold;
		
		text-align:center;
		
		
	}

	div.adimesion_body
	{
		position:relative;
		
		min-height:200px;
	}

	div.adimesion_footer
	{
		position:relative;
		
		min-height:100px;
	}

	
	/*******************************************************************************************************************/
	
	div.anapp_views
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		padding:2px;
		
		background:red;
		
		color:white;
		
		z-index:100;
		
		font-size:15px;

	}
	
	img.anapp_img
	{
		position:relative;
		
		max-width:48px;
		
		max-height:48px;
		
		text-align:center;
	}
		
	
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	.notmobilefriendly
	{
		
	}
	.mobilefriendly
	{
		display:none;
	}

	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		
		
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold;
		
		color:white;
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:10px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}

	
	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		display:none;
	}

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}

	







}
 


/* HD **/

@media screen and (max-width: 1280px) and (min-width: 771px) {


	

	#addingbox
	{
		position:absolute;
		
		bottom:50px;
		
		right:0px;
		
		z-index:2500;
		
		background:teal;
		
		width:400px;
		height:300px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		resize: both;
		overflow: auto;
		
		
		
		
		
	}

	div.addingbox_submenu
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px 10px;
		
		background:black;
		
		color:white;
		
		cursor:pointer;
		
		border-radius:100%;
		
		font-size:20px;
		
		padding:5px 10px;
		
	}

	#addingbox_menu
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	
	#addingbox_lwmenu
	{
		position:absolute;
		
		bottom:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	

	#addingbox_lwmenu:hover
	{
			
		opacity:1;
		
		
		
	}

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


	/*************Entry *******************************************************************/
	.anentry
	{
		position:relative;
		width:400px; 
		margin:5px 10px;
		min-height:100px;
		background:white;
		border-radius:5px;
		box-shadow:0px 0px 2px 1px #888888;

		margin:20px auto; 
	}


	.anentry_setting
	{
		display:none !important;
		
	}



	div.actiononlog:hover
	{
		color:gray;
	}

	div.actiononlog
	{
		color:silver;
		
	}

	img.actiononlog
	{
		box-shadow:0px 0px  2px 1px #888888;
		cursor:pointer;
		width:24px;
		
	}


	img.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		
	}

	video.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		background:rgba(0,0,0,0.7);
		
		
	}

	audio.anentry
	{
		position:relative;
		margin:40px auto;
		max-width:350px;
		min-height:40px;
	}


	.anentry_header
	{
		position:relative;
		padding: 10px 5px;
	}


	.anentry_setting
	{
		position:absolute;
		top:0px;
		right:5px;

	}





	.e_setting:hover
	{
		color:#555555;
	}

	.e_setting
	{
		position:relative;
		color:silver;
		cursor:pointer;
	}

	img.author
	{
		position:relative;
		width:48px;
		border-radius:100%;
		border:1px solid silver;
		padding:5px 5px;
		margin:0px 5px;
	}


	label.author
	{
		position:relative;
		font-weight:bold;
		white-space:normal;
	}

	.anentry_body
	{
		position:relative;
		padding:5px;
	}

	.atextbox
	{
		position:relative;
		background:#f3f3f3;
		padding:5px;
		min-height:90px;
		white-space:normal;
		
		overflow:hidden;
	}

	.amediabox
	{
		position:relative;
		background:#f9f9f9;
		padding:5px;
		min-height:90px;
		white-space:normal;
	}

	.anentry_footer
	{
		position:relative;
		padding:5px;

	}

	img.anentry
	{
		position:relative;
		width:400px;
		height:400px;
	}




	video.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}


	svg.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}

	canvas.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}




	iframe.anentry:hover
	{
		overflow:auto;
	}

	iframe.anentry
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.alarmviewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}

	iframe.viewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}



	iframe.alarmviewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.viewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}

	/*************Entry *******************************************************************/
	
	
	/*******************************************************************************************************************/

	div.adimesion
	{
		position:relative;
		
		width:20%;
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}
			
	div.adimesion_header
	{
		position:relative;
		
		font-size:25px;
		
		font-weight:bold;
		
		text-align:center;
		
		
	}

	div.adimesion_body
	{
		position:relative;
		
		min-height:200px;
	}

	div.adimesion_footer
	{
		position:relative;
		
		min-height:100px;
	}

	
	/*******************************************************************************************************************/
	
	div.anapp_views
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		padding:2px;
		
		background:red;
		
		color:white;
		
		z-index:100;
		
		font-size:15px;

	}
	
	
	img.anapp_img
	{
		position:relative;
		
		max-width:48px;
		
		max-height:48px;
		
		text-align:center;
	}
		
	
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	.notmobilefriendly
	{

	}
	.mobilefriendly
	{
		display:none  !important;
	}

	
	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold;
		color:white;
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:10px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}

	
		
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
  
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		display:none;
	}

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

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

	#addingbox
	{
		position:absolute;
		
		bottom:50px;
		
		right:0px;
		
		z-index:2500;
		
		background:teal;
		
		max-width:400px;
		width:100%;
		max-height:300px;
		min-height:200px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		resize: both;
		overflow: auto;
		
		
		
		
		
	}

	div.addingbox_submenu
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px 10px;
		
		background:black;
		
		color:white;
		
		cursor:pointer;
		
		border-radius:100%;
		
		font-size:20px;
		
		padding:5px 10px;
		
	}

	#addingbox_menu
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	
	#addingbox_lwmenu
	{
		position:absolute;
		
		bottom:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	

	#addingbox_lwmenu:hover
	{
			
		opacity:1;
		
		
		
	}

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


	/*************Entry *******************************************************************/
	.anentry
	{
		position:relative;
		width:400px; 
		margin:5px 10px;
		min-height:100px;
		background:white;
		border-radius:5px;
		box-shadow:0px 0px 2px 1px #888888;

		margin:20px auto; 
	}


	.anentry_setting
	{
		display:none !important;
		
	}



	div.actiononlog:hover
	{
		color:gray;
	}

	div.actiononlog
	{
		color:silver;
		
	}

	img.actiononlog
	{
		box-shadow:0px 0px  2px 1px #888888;
		cursor:pointer;
		width:24px;
		
	}


	img.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		
	}

	video.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		background:rgba(0,0,0,0.7);
		
		
	}

	audio.anentry
	{
		position:relative;
		margin:40px auto;
		max-width:350px;
		min-height:40px;
	}


	.anentry_header
	{
		position:relative;
		padding: 10px 5px;
	}


	.anentry_setting
	{
		position:absolute;
		top:0px;
		right:5px;

	}





	.e_setting:hover
	{
		color:#555555;
	}

	.e_setting
	{
		position:relative;
		color:silver;
		cursor:pointer;
	}

	img.author
	{
		position:relative;
		width:48px;
		border-radius:100%;
		border:1px solid silver;
		padding:5px 5px;
		margin:0px 5px;
	}


	label.author
	{
		position:relative;
		font-weight:bold;
		white-space:normal;
	}

	.anentry_body
	{
		position:relative;
		padding:5px;
	}

	.atextbox
	{
		position:relative;
		background:#f3f3f3;
		padding:5px;
		min-height:90px;
		white-space:normal;
		
		overflow:hidden;
	}

	.amediabox
	{
		position:relative;
		background:#f9f9f9;
		padding:5px;
		min-height:90px;
		white-space:normal;
	}

	.anentry_footer
	{
		position:relative;
		padding:5px;

	}

	img.anentry
	{
		position:relative;
		width:400px;
		height:400px;
	}




	video.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}


	svg.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}

	canvas.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}




	iframe.anentry:hover
	{
		overflow:auto;
	}

	iframe.anentry
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.alarmviewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}

	iframe.viewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}



	iframe.alarmviewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.viewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}

	/*************Entry *******************************************************************/
	
	
	/*******************************************************************************************************************/

	div.adimesion
	{
		position:relative;
		
		width:100%;
		
		height:200px;
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}
			
	div.adimesion_header
	{
		position:relative;
		
		font-size:20px;
		
		font-weight:bold;
		
		text-align:center;
		
		
	}

	div.adimesion_body
	{
		position:relative;
		
		min-height:200px;
	}

	div.adimesion_footer
	{
		position:relative;
		
		min-height:100px;
	}

	
	/*******************************************************************************************************************/
	
	div.anapp_views
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		padding:2px;
		
		background:red;
		
		color:white;
		
		z-index:100;
		
		font-size:15px;

	}
	
	
	img.anapp_img
	{
		position:relative;
		
		max-width:48px;
		
		max-height:48px;
		
		text-align:center;
	}
		
  
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


  
  
	.notmobilefriendly
	{
		display:none  !important;
	}
	.mobilefriendly
	{
		
	}

	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:0px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:300px;
		
		margin:0px auto; 
		
		
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:20px;
		
		background:#292929;
		width:calc(100% - 120px);
		width:-webkit-calc(100% - 120px);
		
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:20px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:20px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold;
		
		color:white;
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:10px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
		
		
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
		font-weight: bold;
	
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	
	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		display:none;
	}

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

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

	

	#addingbox
	{
		position:absolute;
		
		bottom:50px;
		
		right:0px;
		
		z-index:2500;
		
		background:teal;
		
		width:100%;
		height:100%;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		resize: both;
		overflow: auto;
		
		
		
		
		
	}

	div.addingbox_submenu
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px 10px;
		
		background:black;
		
		color:white;
		
		cursor:pointer;
		
		border-radius:100%;
		
		font-size:20px;
		
		padding:5px 10px;
		
	}

	#addingbox_menu
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	
	#addingbox_lwmenu
	{
		position:absolute;
		
		bottom:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	

	#addingbox_lwmenu:hover
	{
			
		opacity:1;
		
		
		
	}

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


	/*************Entry *******************************************************************/
	.anentry
	{
		position:relative;
		width:400px; 
		margin:5px 10px;
		min-height:100px;
		background:white;
		border-radius:5px;
		box-shadow:0px 0px 2px 1px #888888;

		margin:20px auto; 
	}


	.anentry_setting
	{
		display:none !important;
		
	}



	div.actiononlog:hover
	{
		color:gray;
	}

	div.actiononlog
	{
		color:silver;
		
	}

	img.actiononlog
	{
		box-shadow:0px 0px  2px 1px #888888;
		cursor:pointer;
		width:24px;
		
	}


	img.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		
	}

	video.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		background:rgba(0,0,0,0.7);
		
		
	}

	audio.anentry
	{
		position:relative;
		margin:40px auto;
		max-width:350px;
		min-height:40px;
	}


	.anentry_header
	{
		position:relative;
		padding: 10px 5px;
	}


	.anentry_setting
	{
		position:absolute;
		top:0px;
		right:5px;

	}





	.e_setting:hover
	{
		color:#555555;
	}

	.e_setting
	{
		position:relative;
		color:silver;
		cursor:pointer;
	}

	img.author
	{
		position:relative;
		width:48px;
		border-radius:100%;
		border:1px solid silver;
		padding:5px 5px;
		margin:0px 5px;
	}


	label.author
	{
		position:relative;
		font-weight:bold;
		white-space:normal;
	}

	.anentry_body
	{
		position:relative;
		padding:5px;
	}

	.atextbox
	{
		position:relative;
		background:#f3f3f3;
		padding:5px;
		min-height:90px;
		white-space:normal;
		
		overflow:hidden;
	}

	.amediabox
	{
		position:relative;
		background:#f9f9f9;
		padding:5px;
		min-height:90px;
		white-space:normal;
	}

	.anentry_footer
	{
		position:relative;
		padding:5px;

	}

	img.anentry
	{
		position:relative;
		width:400px;
		height:400px;
	}




	video.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}


	svg.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}

	canvas.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}




	iframe.anentry:hover
	{
		overflow:auto;
	}

	iframe.anentry
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.alarmviewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}

	iframe.viewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}



	iframe.alarmviewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.viewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}

	/*************Entry *******************************************************************/
	
	
	/*******************************************************************************************************************/

	div.adimesion
	{
		position:relative;
		
		width:100%;
		
		height:200px;
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}
			
	div.adimesion_header
	{
		position:relative;
		
		font-size:20px;
		
		font-weight:bold;
		
		text-align:center;
		
		
	}

	div.adimesion_body
	{
		position:relative;
		
		min-height:200px;
	}

	div.adimesion_footer
	{
		position:relative;
		
		min-height:100px;
	}

	
	/*******************************************************************************************************************/
	
	
	
	div.anapp_views
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		padding:2px;
		
		background:red;
		
		color:white;
		
		z-index:100;
		
		font-size:15px;

	}
	
	
	img.anapp_img
	{
		position:relative;
		
		max-width:32px;
		
		max-height:32px;
		
		text-align:center;
	}
		
	
	
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}



	
	.notmobilefriendly
	{
		display:none  !important;
	}
	.mobilefriendly
	{
		
	}

	
	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:0px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:100%;
		
		margin:0px auto; 
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:20px;
		
		width:calc(100% - 115px);
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:20px;

		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:20px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold;
		
		color:white;
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		text-align:center;
		
		
		display:inline-block;
		
		margin:10px;
		
		cursor:pointer;
		
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	
	
	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
		
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		display:none;
	}

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

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

	#addingbox
	{
		position:absolute;
		
		bottom:50px;
		
		right:0px;
		
		z-index:2500;
		
		background:teal;
		
		
		width:100%;
		height:100%;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		resize: both;
		overflow: auto;
		
		
		
		
		
	}

	div.addingbox_submenu
	{
		position:relative;
		
		display:inline-block;
		
		margin:5px 10px;
		
		background:black;
		
		color:white;
		
		cursor:pointer;
		
		border-radius:100%;
		
		font-size:20px;
		
		padding:5px 10px;
		
	}

	#addingbox_menu
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	
	#addingbox_lwmenu
	{
		position:absolute;
		
		bottom:0px;
		
		right:0px;
		
		
		
		z-index:2501;
		
		opacity:0.1;
		
		
		
	}
	
	

	#addingbox_lwmenu:hover
	{
			
		opacity:1;
		
		
		
	}

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


	/*************Entry *******************************************************************/
	.anentry
	{
		position:relative;
		width:400px; 
		margin:5px 10px;
		min-height:100px;
		background:white;
		border-radius:5px;
		box-shadow:0px 0px 2px 1px #888888;

		margin:20px auto; 
	}


	.anentry_setting
	{
		display:none !important;
		
	}



	div.actiononlog:hover
	{
		color:gray;
	}

	div.actiononlog
	{
		color:silver;
		
	}

	img.actiononlog
	{
		box-shadow:0px 0px  2px 1px #888888;
		cursor:pointer;
		width:24px;
		
	}


	img.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		
	}

	video.anentry
	{
		position:relative;
		max-width:350px;
		max-height:350px;
		background:rgba(0,0,0,0.7);
		
		
	}

	audio.anentry
	{
		position:relative;
		margin:40px auto;
		max-width:350px;
		min-height:40px;
	}


	.anentry_header
	{
		position:relative;
		padding: 10px 5px;
	}


	.anentry_setting
	{
		position:absolute;
		top:0px;
		right:5px;

	}





	.e_setting:hover
	{
		color:#555555;
	}

	.e_setting
	{
		position:relative;
		color:silver;
		cursor:pointer;
	}

	img.author
	{
		position:relative;
		width:48px;
		border-radius:100%;
		border:1px solid silver;
		padding:5px 5px;
		margin:0px 5px;
	}


	label.author
	{
		position:relative;
		font-weight:bold;
		white-space:normal;
	}

	.anentry_body
	{
		position:relative;
		padding:5px;
	}

	.atextbox
	{
		position:relative;
		background:#f3f3f3;
		padding:5px;
		min-height:90px;
		white-space:normal;
		
		overflow:hidden;
	}

	.amediabox
	{
		position:relative;
		background:#f9f9f9;
		padding:5px;
		min-height:90px;
		white-space:normal;
	}

	.anentry_footer
	{
		position:relative;
		padding:5px;

	}

	img.anentry
	{
		position:relative;
		width:400px;
		height:400px;
	}




	video.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}


	svg.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}

	canvas.anentry
	{
		position:relative;
		width:380px;
		height:200px;
	}




	iframe.anentry:hover
	{
		overflow:auto;
	}

	iframe.anentry
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.alarmviewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}

	iframe.viewer
	{
		position:relative;
		width:380px;
		height:300px;
		margin:0px auto;
		overflow:hidden;
	}



	iframe.alarmviewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}


	iframe.viewerlarge
	{
		position:relative;
		width:100%;
		height:100%;
		margin:0px auto;
		overflow:hidden;
	}

	/*************Entry *******************************************************************/
	
	
	/*******************************************************************************************************************/

	div.adimesion
	{
		position:relative;
		
		width:100%;

		height:200px;
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}
			
	div.adimesion_header
	{
		position:relative;
		
		font-size:20px;
		
		font-weight:bold;
		
		text-align:center;
		
		
	}

	div.adimesion_body
	{
		position:relative;
		
		min-height:200px;
	}

	div.adimesion_footer
	{
		position:relative;
		
		min-height:100px;
	}

	
	/*******************************************************************************************************************/
	
	div.anapp_views
	{
		position:absolute;
		
		top:0px;
		
		right:0px;
		
		padding:2px;
		
		background:red;
		
		color:white;
		
		z-index:100;
		
		font-size:15px;

	}
	
	
	img.anapp_img
	{
		position:relative;
		
		max-width:32px;
		
		max-height:32px;
		
		text-align:center;
	}
		
	
	.notmobilefriendly
	{
		display:none !important;
	
	}
	
	
	.mobilefriendly
	{
		
	}

	/****************************************************************************************************************************************************************/
	
	img.anapp
	{
		position:relative;
		
	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
	
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}
	

	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:auto;
	
	}


	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:0px;
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:100%;
		
		margin:0px auto; 
		
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block; 
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:20px;
		
		
		width:calc(100% - 32px);
		width:-webkit-calc(100% - 32px);
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:20px;
		
		display:none !important;
		
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:20px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold;
		
		color:white;
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		
		display:inline-block;
		
		text-align:center;
		
		margin:10px 0px 10px 0px;
		
		cursor:pointer;
		
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	
	
	
	
	
		
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:#efefef;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		display:none;
	}

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}








}