html
{

	text-rendering:             geometricPrecision;
    font-smooth:                always;
    -webkit-font-smoothing:     subpixel-antialiased;
    /* -webkit-text-stroke:     0.45px rgba(0, 0, 0, 0.1); */

    font-kerning:               normal;
    font-optical-sizing:        auto;
    font-synthesis:             none;

}




body
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				absolute;
	width: 					100%;
	height: 				100%;
	left: 					0;
	top: 					0;

	margin: 				0;
	padding: 				0;
	border: 				none;

	z-index: 				0;
	user-select: 			none;
	background-color: 		#262626;
}


#GUI
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				absolute;
	width: 					100%;
	height: 				100%;
	left: 					0;
	top: 					0;

	margin: 				0;
	padding: 				0;
	border: 				none;

	z-index: 				1;
	user-select: 			none;
	background-color: 		transparent;
}




#adsr_container
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				absolute;
	width: 					920px;
	height: 				320px;
	left: 					240px;
	top: 					40px;

	margin: 				0;
	padding: 				20px;
	border: 				1px solid #c4c4c4;

	z-index: 				2;
	user-select: 			none;
	background-color: 		transparent;
}




#adsr_settings_bar
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				absolute;
	width: 					430px;
	height: 				80px;
	left: 					45px;
	top: 					0;

	margin: 				0;
	padding: 				20px;
	border: 				none;

	z-index: 				3;
	user-select: 			none;
	background-color: 		transparent;
}




#synth_settings_bar
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				absolute;
	width: 					350px;
	height: 				80px;
	left: 					540px;
	top: 					0;

	margin: 				0;
	padding: 				20px;
	padding-left: 			30px;
	border: 				none;

	z-index: 				3;
	user-select: 			none;
	background-color: 		transparent;
}




#container_fader_settings
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				absolute;
	width: 					140px;
	height: 				200px;
	left: 					40px;
	top: 					225px;

	margin: 				0;
	padding: 				20px;
	border: 				1px solid #c4c4c4;

	z-index: 				2;
	user-select: 			none;
	background-color: 		transparent;
}




#container_keyboard
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				absolute;
	width: 					860px;
	height: 				130px;
	left: 					240px;
	top: 					410px;

	margin: 				0;
	padding: 				50px;
	border: 				1px solid #c4c4c4;

	z-index: 				2;
	user-select: 			none;
	background-color: 		transparent;
}




#container_analyser_oscilloscope
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				absolute;
	width: 					400px;
	height: 				100px;
	left: 					540px;
	top: 					140px;

	margin:                 0;
	padding: 			    0;
	border: 				1px solid #c4c4c4;

	z-index: 				4;
	user-select: 			none;
	background-color: 		#262626;

}




#container_analyser_frequency_bar
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				absolute;
	width: 					400px;
	height: 				100px;
	left: 					540px;
	top: 					240px;

	margin:                 0;
	padding: 			    0;
	border: 				1px solid #c4c4c4;

	z-index: 				4;
	user-select: 			none;
	background-color: 		#262626;

}




#container_wave_selection
{

	visibility: 			visible;
	overflow:				visible;
	display:				inline-block;

	position: 				absolute;
	width: 					180px;
	height: 				200px;
	left: 					40px;
	top: 					40px;

	margin: 				0;
	padding: 				0;
	border: 				none;

	z-index: 				4;
	user-select: 			none;
	background-color: 		transparent;


	color: 					white;
}




.radio_list
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				relative;
	width: 					140px;
	height: 				140px;
	left: 					0;
	top: 					-6px;

	margin: 				0;
	padding: 				20px;
	padding-top:            20px;
	border: 				1px solid #c4c4c4;

	z-index: 				5;
	user-select: 			none;
	background-color: 		transparent;


	color: 					white;
}




.radio_list_label
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				relative;
	width: 					auto;
	height: 				auto;
	left: 					0px;
	top: 					0;

	margin-left: 			-10px;
	margin-right: 			0px;
	padding-left: 			7px;
	padding-right: 			7px;
	border: 				none;

	z-index: 				6;
	user-select: 			none;
	background-color: 		#262626;


	color: 					white;


    font-family:            "Oxygen Bold" , "Arial" , sans-serif;
    font-size:              12.5px;
    letter-spacing:         0.3pt;
    font-weight:            normal;
    line-height:            12.5px;
    text-align:             left;          /* -webkit-center; */
    vertical-align:         50%;

}




.radio_wave
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				relative;
	width: 					30px;
	height: 				17px;
	left: 					0px;
	top: 					-13px;

	margin-bottom:          10px;
	padding: 			    0px;
	border: 				none;

	z-index: 				6;
	user-select: 			none;
	background-color: 		#262626;

}




.radio_wave_label
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				relative;
	width: 					90px;
	height: 				20px;
	left: 					0px;
	top: 					0;

	margin-bottom:          0px;
	padding: 			    0px;
	border: 				none;

	z-index: 				6;
	user-select: 			none;
	background-color: 		#262626;


	color:                  white;


    font-family:            "Oxygen Bold" , "Arial" , sans-serif;
    font-size:              12.5px;
    letter-spacing:         0.5pt;
    font-weight:            normal;
    line-height:            12.5px;
    text-align:             left;          /* -webkit-center; */
    vertical-align:         50%;

}




.radio_wave:hover, .radio_wave_label:hover
{

	cursor:                 pointer;

}





/*
.wave_icon
{

	visibility: 			visible;
	overflow:				hidden;
	display:				inline-block;

	position: 				relative;
	width: 					30px;
	height: 				30px;
	left: 					0px;
	top: 					0px;

	margin-bottom:          0px;
	padding: 			    0px;
	border: 				none;

	z-index: 				6;
	user-select: 			none;
	background-color: 		#262626;

}
*/