dfn		{display:none;} /* Hide dfn RESERVED tag */

.soundlink	{display:none;}


#unloadbox			{display:none;position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:999;cursor:wait;background-color:rgba(0,0,0,0.1);}
#unloadbox.on		{display:block;}
/* alert box */
#alertbox			{display:none;position:fixed;top:0px;left:0px;height:100%;width:100%;z-index:999;cursor:not-allowed;background-color:rgba(0,0,0,0.3);}
#alertbox.on		{display:table;}
#alertbox .outbox	{display:table-cell;text-align:center;vertical-align:middle;padding:10%;}
#alertbox .inbox		{display:inline-block;font-size:12px;background-color:rgba(128,128,128,0.8);border:1px solid black;border-radius:4px;padding:2px 4px 4px 4px;cursor:default;}
#alertbox .x			{float:right;cursor:pointer;}
#alertbox .top		{display:none;text-align:left;background-color:transparent;color:black;text-shadow:0px 0px 3px white;}
#alertbox .top.on	{display:block;}
#alertbox .top .icon	{width:16px;height:16px;float:left;}
#alertbox .top .title{display:inline-block;font-size:12px;padding-left:4px;overflow:hidden;}
#alertbox .main		{min-width:200px;margin-top:2px;padding:8px 10px;border:1px solid black;border-radius:3px;background-color:white;color:black;}
#alertbox .icons 	{width:15%;vertical-align:middle;text-align:center;padding-right:8px;}
#alertbox .icon		{display:none;}
#alertbox .icon.on	{display:inline-block;}
#alertbox .text   	{width:*;vertical-align:middle;text-align:left;padding-left:8px;font-size:12px;font-weight:bold;}
#atertbox .buttons	{}
#alertbox button		{display:none;margin:4px 2px 0 2px;padding:0px 8px;}
#alertbox button.on	{display:inline-block;}
#alertbox.notice .main{color:blue;}
#alertbox.warning .main{color:darkred;}
#alertbox.error .main{color:darkred;}

/* notification box */
#notebox		{position:fixed;visibility:hidden;left:0px;width:100%;top:100%;bottom:auto;overflow:hidden;transform:translateY(-12px);}
#notebox.on		{visibility:visible;}
#notebox.up		{transform:translateY(-100%);transition:transform 0.4s;}
#notebox.dn		{transform:translateY(100%);transition:transform 0.4s;transform:translateY(-12px);}
#notebox .list	{display:block;background-color:#FFFFCC;color:#0000FF;}
#notebox .list div{border:1px solid;padding:4px 8px;text-align:center;}
#notebox .top	{display:block;width:100%;height:12px;}
#notebox .btn	{float:right;cursor:pointer;border:1px solid transparent;}
#notebox .btn:hover{background-color:silver;border-color:white;}
#notebox .btn.up	{display:inline;}
#notebox .btn.dn	{display:none;}
#notebox.up .btn.up		{display:none;}
#notebox.up .btn.dn		{display:inline;}
#notebox.dn .btn.up		{display:inline;}
#notebox.up.dn .btn.up	{display:none;}

/* keys status box */
#keysbox		{height:20px;white-space:nowrap;text-overflow:clip;}
#keysbox .key	{display:none;height:16px;background-color:#202020;color:white;border:3px outset #A0A0A0;border-radius:3px;}
#keysbox .key.on	{display:inline-block;}

/* event message box */
#eventbox		{left:110%;background-color:#FFFFCC;color:#0000FF;border:1px solid Silver;border-radius:4px;padding:0px 6px;box-shadow:4px 4px 4px #404040;cursor:default;}
#eventbox.error	{background-color:Red;color:Yellow;}
#eventbox.warning{background-color:#A0A000;color:#FFFF00;}
#eventsub		{position:static;height:2em;display:table-cell;vertical-align:middle;}
#eventmsg		{display:inline-block;margin:auto;}

/* help box */
#helpbox		{visibility:hidden;width:96%;font-size:14px;background-color:#FFFFCC;color:#0000FF;padding:2px 5px;border:1px solid #0000FF;margin:0 auto;}
#helpbox.on		{visibility:visible;}

/* text-area for logs visible only if "embed" mode */
#console		{display:none;}
#console.embed	{display:block;}

/* class for popped-up elements - must have class "on" to be displayed and can contain some sub elements with class on{event} displayed only when pop-up get class {event} */
.popup			{display:none;position:fixed;}
.popup.on		{display:inline-block;}
/*,.popup .onmouse,.popup .onfocus,.popup .onchange,.popup .onerror {display:none;}
.popup.focus .onfocus,.popup.change .onchange 	{display:block;}*/

.shadow			{box-shadow:4px 4px 4px rgba(0,0,0,0.5);}
/* .popup.key		{left:100%;top:auto;}	popped at right of the field */
/* forms event pop-up boxes */