*
{

	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;

}




#mutebtn
{
	position:fixed;
	top:10px;
	right:10px;
	max-height: 25px;

	max-width: 25px;

	z-index:1200;

	cursor: pointer;

}



#homebtn
{
	position:fixed;
	top:10px;
	left:10px;
	max-height: 25px;

	max-width: 25px;

	z-index:1200;



}



img.myviewer
{
	position:relative;

	max-width:48px;

	max-height:48px;
}

#myviewer
{
	position:fixed;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	z-index:1000;

	display: none;
}

#myviewer_main
{
	position:relative;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	z-index:999;

	background:#efefef;


}

#myviewer_enlarge:hover
{
	opacity:1.0;
}

#myviewer_enlarge
{

	position:absolute;

	bottom:10px;

	right:10px;

	z-index:1000;

	font-size:20px;

	cursor:pointer;

	border-radius:100%;

	padding:5px 10px;

	font-weight:bold;

	opacity:0.2;

}

#myviewer_header:hover
{
	opacity:1.0;


}


div.myview_submenu
{
	position:Relative;

	vertical-align:middle;

	display:inline-block;


	padding:5px 10px;

	font-weight:bold;

	background:black;
}

#myviewer_header
{
	position:absolute;

	top:10px;

	right:10px;

	z-index:1000;

	font-size:20px;

	cursor:pointer;




	opacity:0.2;
	-ms-opacity:filter(20);

	color:white;

}


div.scope
{
	position: fixed;

	top: 0px;

	left: 0px;

	width: 100%;

	height: 100%;


}


#scope_2d
{

	background:black;
	z-index: 15;
}

#scope_noise
{

	z-index: 14;
}


#scope_other
{

	z-index: 13;
}

#scope_3d
{

	z-index: 12;
}

#scope_svg
{

	z-index: 11;
}

#scope_html
{

	z-index: 10;
}


#scope_video
{

	z-index: 17;
}

#scope_extern
{

	z-index: 8;

}





/* WQxGA **/

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

  body{


	}

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


	}

	#menubar:hover
	{

		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:white;

	}

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

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

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

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

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



	.center
	{
		position: relative;

		text-align: center !important;


	}

	div.aweb_dsgn
	{
		position: relative;

		display: inline-block;

		margin:0px;


		height: 10%;

		width: 10%;




	}



	div.aweb_dsgn_lbl:hover
	{
		opacity:0.1;

	}


	div.aweb_dsgn_lbl
	{
		position: absolute;
		bottom: 0px;
		left: 0px;

		z-index:900;

		opacity:0.1;


	}

	label.aweb_dsgn_lbl:hover
	{
		color:black;

	}

	label.aweb_dsgn_lbl
	{
		position: relative;

		font-weight: bold;

		font-size: 12px;

		cursor: pointer;

		color:silver;
	}

	span.aweb_dsgn_lbl:hover
	{
		color:black;

	}

	span.aweb_dsgn_lbl
	{
		position: relative;

		font-weight: bold;

		font-size: 12px;

		cursor: pointer;

		color:#777777;
	}


  div.aweb_dsgn_img:hover
  {
    box-shadow: 0px 0px 2px 1px #888888;
    background:rgba(0,0,0,0.4);
  }


	div.aweb_dsgn_img
	{
		position: relative;

		display: inline-block;




		height: 100%;

		width: 100%;

		box-shadow: 0px 0px 2px 1px transparent;

		background:#efefef;

		cursor: pointer;

	}

	img.aweb_dsgn_img
	{
		position: relative;

		max-height: 100%;

		max-width: 100%;

		color: silver;

		font-style: italic;

	}


	div.aline
	{
		position:relative;


	}

	div.agroup_block
	{
		position:relative;

		vertical-align:middle;

		display:inline-block;

		margin-right: 10px;

		padding:5px;


	}

	span.anapp_name
	{
		position:Relative;

		font-weight:bold;

		color:grey;

	}

	label.anapp_name
	{
		position:Relative;

		color:silver;


	}



}

/* WQxGA **/

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

  	body{


	}

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


	}

	#menubar:hover
	{

		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:white;

	}

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

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

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

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

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



	.center
	{
		position: relative;

		text-align: center !important;


	}

	div.aweb_dsgn
	{
		position: relative;

		display: inline-block;

		margin:0px;


		height: 10%;

		width: 10%;




	}



	div.aweb_dsgn_lbl:hover
	{
		opacity:0.1;

	}


	div.aweb_dsgn_lbl
	{
		position: absolute;
		bottom: 0px;
		left: 0px;

		z-index:900;

		opacity:0.1;


	}

	label.aweb_dsgn_lbl:hover
	{
		color:black;

	}

	label.aweb_dsgn_lbl
	{
		position: relative;

		font-weight: bold;

		font-size: 12px;

		cursor: pointer;

		color:silver;
	}

	span.aweb_dsgn_lbl:hover
	{
		color:black;

	}

	span.aweb_dsgn_lbl
	{
		position: relative;

		font-weight: bold;

		font-size: 12px;

		cursor: pointer;

		color:#777777;
	}


  div.aweb_dsgn_img:hover
  {
    box-shadow: 0px 0px 2px 1px #888888;
    background:rgba(0,0,0,0.4);
  }


	div.aweb_dsgn_img
	{
		position: relative;

		display: inline-block;




		height: 100%;

		width: 100%;

		box-shadow: 0px 0px 2px 1px transparent;

		background:#efefef;

		cursor: pointer;

	}

	img.aweb_dsgn_img
	{
		position: relative;

		max-height: 100%;

		max-width: 100%;

		color: silver;

		font-style: italic;

	}


	div.aline
	{
		position:relative;


	}

	div.agroup_block
	{
		position:relative;

		vertical-align:middle;

		display:inline-block;

		margin-right: 10px;

		padding:5px;


	}

	span.anapp_name
	{
		position:Relative;

		font-weight:bold;

		color:grey;

	}

	label.anapp_name
	{
		position:Relative;

		color:silver;


	}




}



/* FHD **/

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

  	body{


	}

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


	}

	#menubar:hover
	{

		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:white;

	}

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

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

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

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

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



	.center
	{
		position: relative;

		text-align: center !important;


	}

	div.aweb_dsgn
	{
		position: relative;

		display: inline-block;

		margin:0px;


		height: 10%;

		width: 10%;




	}



	div.aweb_dsgn_lbl:hover
	{
		opacity:0.1;

	}


	div.aweb_dsgn_lbl
	{
		position: absolute;
		bottom: 0px;
		left: 0px;

		z-index:900;

		opacity:0.1;


	}

	label.aweb_dsgn_lbl:hover
	{
		color:black;

	}

	label.aweb_dsgn_lbl
	{
		position: relative;

		font-weight: bold;

		font-size: 12px;

		cursor: pointer;

		color:silver;
	}

	span.aweb_dsgn_lbl:hover
	{
		color:black;

	}

	span.aweb_dsgn_lbl
	{
		position: relative;

		font-weight: bold;

		font-size: 12px;

		cursor: pointer;

		color:#777777;
	}


  div.aweb_dsgn_img:hover
  {
    box-shadow: 0px 0px 2px 1px #888888;
    background:rgba(0,0,0,0.4);
  }


	div.aweb_dsgn_img
	{
		position: relative;

		display: inline-block;




		height: 100%;

		width: 100%;

		box-shadow: 0px 0px 2px 1px transparent;

		background:#efefef;

		cursor: pointer;

	}

	img.aweb_dsgn_img
	{
		position: relative;

		max-height: 100%;

		max-width: 100%;

		color: silver;

		font-style: italic;

	}


	div.aline
	{
		position:relative;


	}

	div.agroup_block
	{
		position:relative;

		vertical-align:middle;

		display:inline-block;

		margin-right: 10px;

		padding:5px;


	}

	span.anapp_name
	{
		position:Relative;

		font-weight:bold;

		color:grey;

	}

	label.anapp_name
	{
		position:Relative;

		color:silver;


	}




}


/* HD **/

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

  	body{


	}

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


	}

	#menubar:hover
	{

		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:white;

	}

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

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

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

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

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



	.center
	{
		position: relative;

		text-align: center !important;


	}

	div.aweb_dsgn
	{
		position: relative;

		display: inline-block;

		margin:0px;


		height: 10%;

		width: 10%;




	}



	div.aweb_dsgn_lbl:hover
	{
		opacity:0.1;

	}


	div.aweb_dsgn_lbl
	{
		position: absolute;
		bottom: 0px;
		left: 0px;

		z-index:900;

		opacity:0.1;


	}

	label.aweb_dsgn_lbl:hover
	{
		color:black;

	}

	label.aweb_dsgn_lbl
	{
		position: relative;

		font-weight: bold;

		font-size: 12px;

		cursor: pointer;

		color:silver;
	}

	span.aweb_dsgn_lbl:hover
	{
		color:black;

	}

	span.aweb_dsgn_lbl
	{
		position: relative;

		font-weight: bold;

		font-size: 12px;

		cursor: pointer;

		color:#777777;
	}


  div.aweb_dsgn_img:hover
  {
    box-shadow: 0px 0px 2px 1px #888888;
    background:rgba(0,0,0,0.4);
  }


	div.aweb_dsgn_img
	{
		position: relative;

		display: inline-block;




		height: 100%;

		width: 100%;

		box-shadow: 0px 0px 2px 1px transparent;

		background:#efefef;

		cursor: pointer;

	}

	img.aweb_dsgn_img
	{
		position: relative;

		max-height: 100%;

		max-width: 100%;

		color: silver;

		font-style: italic;

	}


	div.aline
	{
		position:relative;


	}

	div.agroup_block
	{
		position:relative;

		vertical-align:middle;

		display:inline-block;

		margin-right: 10px;

		padding:5px;


	}

	span.anapp_name
	{
		position:Relative;

		font-weight:bold;

		color:grey;

	}

	label.anapp_name
	{
		position:Relative;

		color:silver;


	}


}



/* HD **/

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


}




/* Tablet **/
@media screen and (max-width: 770px) and (min-width: 361px) {


}




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



}


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




}