.Menu_Left
{
	z-index:200;
	background-color:#0B4136;
	color:		white;
	position:	fixed;
	width:		200px;
	height:		100vh;
	margin:		0;
	padding:	0;
	overflow:	hidden;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    transition: width 0.25s;
    
    font-size:		14px;
    line-height:	24px;
    user-select: none;

}

.Menu_Top
{
	width:200px;
	height:40px;
	margin:0;
	padding: 10px;
	overflow: hidden;
	background-color:#f80;

	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    transition: 0.25s;
    float: left;
    font-size:24px;
    line-height:20px;
    user-select: none;


}

.Menu_TopBar
{
	z-index:150;
	width:100vw;
	height:40px;
	margin:0;
	padding: 10px;
	overflow: hidden;
	background-color:rgba(0,0,0,0.8);

	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    text-align:right;
    color: white;
    float: left;
    font-size:16px;
    line-height:29px;

}

.Menu_Number
{
	width:39px;
	height:29px;
	margin:0;
	padding-top:3px;
	overflow: hidden;
	text-align:center;
	font-size:15px;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    border-radius: 100%;
    border-style: solid;
	border-width: 2px;
	border-color: white;
    
    position:fixed;
    top: 4px;
    right: 4px;

}

.Menu_Name
{
	width:300px;
	height:30px;
	margin:0;
	padding:2px;
	overflow: hidden;
	text-align:right;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position:fixed;
    top: 4px;
    right: 115px;

}


.Menu_Group
{
	width:200px;
	margin:0;
	padding: 10px;
	overflow: hidden;
	margin-top:10px;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: 0.25s;

}

.Menu_SubGroup
{
	background-color:black;
	opacity: 1.0;
	color: white;
	width:200px;
	max-height: 0px;padding: 0;
	margin:-4;
	overflow: hidden;
	
	border-width: 0 0 0 4px;
	border-color: #F80;
	border-style: solid;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
    transition: 0.2s;

}

.Menu_SubGroup:hover
{
	opacity: 1.0;
	background-color:#f80;
	color:white;
}

.Menu_Sign
{
	float: right;
}

.Menu_Icon
{
	float: left;
	width: 30px;
	margin-right: 10px;
}

.MainFrame
{
	
	border-width: 0;
	border-style: none;
	
	position: fixed;
	top: 50px;
	left: 200px;
	padding:0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
     transition: left 0.25s;

	
}

.PopUpMenu
{
	display:none;
	position:absolute;
	right:48px;
	width:200px;
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);
	background-color: rgba(250,250,250,0.95);
	padding:10px;
	overflow: visible;
	text-align:right;
	box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
    border-radius: 3px;
    
    animation-name: Menu_In;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.05s;
	
	user-select: none;
	overflow:	hidden;


    
}

@keyframes Menu_In {
	0% 
	{   height:60px; width:60px;}
	
	100% 
	{  width:210px;  }
}

.PopUpElem
{
	width:100%;
	color:#000;
	text-align:left;
	padding:10px;
	box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
    transition: 0.25s;
    z-index:50px;


}

.PopUpElem:hover
{
	color:#FFF;
	background-color:#F80;

}

.PopUpIcon
{
	width:25px;
	height:25px;
	padding:0;
	margin:-5px 10px -6px 0;
	
}

.PopUpSafeZone 
{

   width: 80px;
   height: 180px;
   position: absolute;
   top: -10px;  left:-10px;
   background-color:rgba(255,0,255,0.5);
   z-index:10;

}

.PopUpArrow 
{

    border-style: dashed;
    border-color: transparent;
    border-width: 20px;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 100px;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 0;
    border-left-width: 0.2em;
    border-left-style: solid;
    border-left-color: #DDD;
    top: 55px; right:1px;
    margin:-50px;
   
}

.MenuInfo
{
	background-color:rgba(0,0,0,0.9);
	color:white;
	padding:10px;
	font-size: 19px;
	line-height:24px;
	height:29px;
	text-align:left;
	position:fixed;
	top: 50px;
	left:50px;
	z-index:500;
	box-shadow: 0px 0px 20px 5px rgba(255,255,255,0.5);
	display:none;
	
}