* {

	font-family			: Arial;
	font-size			: 14pt;
}

#riddle {
	
	background-color	: #eee;
	background-color	: transparent;
	
	padding-top			: 30px;
}
#riddle img.riddle {
	
	 vertical-align		: middle;
}
#slider_left_right_container {
	
	border				: 1px solid magenta;
}
#slider_left_right_container.inactive {
	
		pointer-events		: none;
}


#slider_bottom_top_container {
	
	border				: 1px solid magenta;
}
#slider_bottom_top_container.inactive {
	
		pointer-events		: none;
}





#CurrentRiddleDsc {

	letter-spacing: 3pt;
	word-spacing: 13pt;
}

h1 {
	
	font-size			: 16pt;
	font-weight			: bold;
	margin				: 0px;
	padding				: 0px;
}	
	
div {	
		
	padding				: 20px;
	border				: 1px solid magenta;
	border				: 1px solid transparent;
}
#main_title,
#main_navigation,
#request_info {
	
	margin-bottom		: 5px;
}




div.no_padding {
	
	padding				: 0px;
}



#main_navigation a.about {
	
	font-size			: 9pt;
	color				: silver;
	text-decoration		: none;	
}
#main_navigation a.about:hover {
	
	color				: red;
}

#main_navigation * {
	
	font-size			: 10pt;
	color				: silver;
}

#main_navigation a {
	
	font-size			: 10pt;
	color				: blue;
	text-decoration		: none;
}
#main_navigation a:hover {
	
	color				: red;
}

#request_info {
	
	line-height			: 160%;
}
#about {
	
	width				: 450px;
	line-height			: 160%;
}
#version,
#copyright {
	
	font-size			: 10pt;
	color				: silver;
	padding				: 5px;
}

#copyright {
	
	width				: 450px;
	line-height			: 160%;	
	font-size			: 10pt;
}

input[type=range][orient=vertical] {
	
    writing-mode		: vertical-lr;
    direction			: rtl;
    appearance			: slider-vertical;
    width				: 12px;
    vertical-align		: bottom;
}