.ui_mainmenu {
	
	position:				absolute;
	left:					1vh;
	top:					-15%;
	width:					calc( 100% - 2vh );
	height:					6vw;
	
	opacity:				0;
	pointer-events:			none;
	
	transition:				opacity 0.5s ease, top 0.5s ease;	
	
}

.ui_mainmenu.active {
	
	opacity:				1;
	top:					1vh;
	
	
}

.ui_mainmenu_button {
	
	position:				absolute;
	top:					0vw;
	width:					6vw;
	height:					6vw;
	
	opacity:				0.4;
	pointer-events:			auto;
	
	transition:				opacity 0.5s ease, background-image 0.5s ease;	
	
	background-size:		cover;
	background-position:	50% 50%;
	background-repeat:		no-repeat;
	
	cursor:					pointer;
	
}

.ui_mainmenu_button.active {
	
	opacity:				1;
	
}

.ui_mainmenu_button.disabled {
	
	display:				none;
	pointer-events:			none;
	opacity:				0;
	
}


.ui_mainmenu_button.home 			{	left:	0vw;			background-image:		url('../media/sysimg/icon_home.png');				}
.ui_mainmenu_button.song 			{	left:	0vw;			background-image:		url('../media/sysimg/icon_song.png');				}
.ui_mainmenu_button.list 			{	left:	16vw;			background-image:		url('../media/sysimg/icon_playlist.png');			}
.ui_mainmenu_button.sync 			{	right:	0vw;			background-image:		url('../media/sysimg/icon_sync_off.png');			}
.ui_mainmenu_button.settings 		{	right:	8vw;			background-image:		url('../media/sysimg/icon_settings.png');			}

.ui_mainmenu_button.sync.send 		{							background-image:		url('../media/sysimg/icon_sync_send.png');			}
.ui_mainmenu_button.sync.receive 	{							background-image:		url('../media/sysimg/icon_sync_receive.png');		}