html,body,div,span,h1,h2,h3,h4,h5,h6,p,img,b,i,ol,ul,li,form,table,tr,td,a { margin:0; padding:0; border:0; outline:0; font-size:100%;}
html,body 	{ 	width:100%;height:100%;}
table,tr,td {	text-align:left; vertical-align:top; border-collapse:collapse; }
a			{	text-decoration:none }
html,h1,h2,h3,h4,h5,h6,input	{	font: normal 100% sans-serif; color:rgb(50,50,50) }   
html							{	font-size:16px }
/* GLOBAL LAYOUT */
#main		{	width:100%; height:100%; background-color:rgb(0,0,0) }
#container	{	width:100%; height:100%; max-width:800px; min-width:600px; margin:auto; background-color:rgb(240,240,240)}
#content	{	width:100%; height:100%;  min-height:500px;}

#topbar 	{ 	height:130px; font-size:18px; letter-spacing:0.08em; color:rgb(100,100,100); background-color:rgb(220,220,220); 
				background-image:url(../icons/logo_TOPP_Web_Application.png); background-repeat:no-repeat; background-size:481px 130px; }


#footer		{	font-size:12px; color:rgb(100,100,100); padding:20px; padding-bottom:40px; text-align:center; letter-spacing:0.1em}
.info		{ 	font-size:14px; font-weight:700; color:rgb(100,100,100); letter-spacing:0.08em; cursor:pointer}
.info:hover	{	text-decoration:underline; }

.btn_main			{ 	width:40px; height:40px; opacity:0.6; cursor:pointer; background-size: 100% 100%; float:right; margin-right:5px;}
.btn_main:hover 	{ 	opacity:1 }	
.btn_enter			{	background-image:url(../icons/login_enter.png);}
.btn_email			{	background-image:url(../icons/login_email.png); width:30px; height:30px;}
a.info:link,  	
a.info:visited 		{ 	font-size:14px; font-weight:700; color:rgb(100,100,100); letter-spacing:0.08em}
a.info:hover		{	text-decoration:underline; }

.input_text			{ 	font-size:16px; color:rgb(0,0,0); background-color:rgb(253,253,253); 
						border:solid 1px rgb(200,200,200); border-radius:5px;  width:300px; height:22px; line-height:22px }

.logon		{	width:340px; font-size:14px; margin:auto; margin-top:50px; padding:20px; 
				border:solid 1px rgb(200,200,200); border-radius:25px; color:rgb(100,100,100); }
.msg_forgot	{	font-size:14px; margin-top:50px; cursor:pointer; color:rgb(150,150,150); }
.msg		{	margin-top:20px;color:rgb(227,31,35); }  

.manag_form		{ 	width:80%; margin:auto; }
.menu	{margin-top:50px;margin-left:20px}
.menu li {padding:10px}


/* DEFAULT BUTTONS */
.nav_button			{ 	opacity:0.6; cursor:pointer; font-size:0.87em; line-height:1.8em }
.nav_button:hover 	{ 	opacity:1 }
.nav_button_disable	{ 	opacity:0.2; cursor:auto; font-size:0.87em; line-height:1.8em}


.preventivi 		{	height:100px; width:302px;background-image:url(../icons/logo_TOPP_Value_Maker.png); background-repeat:no-repeat; 
						background-size:100%; cursor:pointer}


/* HyP functions */
.wait				{	position:fixed; top:0; left:0; overflow:hidden; z-index:9999; background-color:rgba(255,255,255,0.5);  
    					background-image:url(../icons/wait.gif); background-position:center center; background-repeat:no-repeat; }
#HyPmessage 		{ 	position:fixed; top:0; left:0; z-index:9999; background-color:rgba(0,0,0,0.5) }
#HyPmessage_text 	{ 	width:400px; margin:auto; margin-top:50px; padding:20px; background-color:rgb(255,255,255);}  							
#HyPmessage_buttons { 	width:400px; margin:auto; padding:20px; background-color:rgb(255,255,255);}  							
.HyPbutton			{ 	width:100px; text-align:center; line-height:30px;background-color:rgb(230,230,230);
						float:right; border-radius:15px; cursor:pointer; margin-right:20px; font-size:0.8em}		
.HyPbutton:hover 	{ 	background-color:rgb(150,150,150) }