*				{padding:0; margin:0; font-family:Tahoma, sans-serif}
html, body	{height:100%; width:100%; }
body			{font:62.5% Tahoma, sans-serif; background:#f6f6f6;}
a				{color:#000}
a img			{border:none}

.error		{text-align:center; position:absolute; width:100%; top:50%; margin-top:-200px; color:#ff0000; font-size:1.2em}

.logform	{padding:100px 0 60px 0; width:392px; position:absolute; left:50%; top:50%; margin:-156px 0 0 -196px; border:1px solid #e9e9e9; background:#f5f5f5}
.ru			{background:url(img/logo-ru.svg) 50% 15% no-repeat; background-size: 60% 30%}
.en			{background:url(img/logo-en.svg) 50% 15% no-repeat; background-size: 60% 30%}

.logform br					{clear:both}
.logform label.text			{font-size:8pt; line-height:11pt; margin-left:80px; display:block; padding-top:2px}
.logform label.text input	{width:160px; height:18px; line-height:18px; float:left; font-size:10pt; border:1px solid #9a9a9a; background:url(img/tbg.gif) repeat-x}
.logform label.text span	{display:block; width:70px; float:left; padding-top:2px}

.logform .btns				{margin-left:80px; padding-top:2px; padding-left:150px}
.logform a.button			{background:url(img/bbg.gif) 0 0 repeat-x; border:1px solid #000000; color:#fff; display:block; height:20px; line-height:18px; width:80px; text-align:center; text-decoration:none}
html>body .logform a.button	{line-height:20px}
.logform a.button .in		{background:url(img/login-arr.svg) 0 0px no-repeat; padding-left:20px; font-size:8pt; background-position: -10px; }
.logform a.button:hover		{background-position:0 100%}
@media screen and (-webkit-min-device-pixel-ratio:0) { .logform a.button .in {background:url(img/login-arr.svg) 0 0px no-repeat; padding-left:20px; font-size:8pt; background-position: 0px; } }
@-moz-document url-prefix() { .logform a.button .in {background:url(img/login-arr.svg) 0 0px no-repeat; padding-left:20px; font-size:8pt; background-position: 0px; } }
.info						{position:absolute; bottom:0; right:0; background:none; display:block; font-size:1.1em; line-height:2.5ex; padding:10px 30px 20px 30px}
.info br					{display:none}
#version,
#copy,
#license					{display:block; }

#info1 {float:right;text-align:right;}
#state                                      a{display:block; width:100%;height:100%}
#state                                      a:hover{border: 1px solid black;}
#state                                      div{width:18px; height:18px;  }
#state .state_good {background:url(img/bullet_green.svg) no-repeat center; float:right;}
#state .state_danger {background:url(img/bullet_yellow.svg) no-repeat center; float:right;}
#state .state_bad {background:url(img/bullet_red.svg) no-repeat center; float:right;}
#state .state_empty  {background:#ffffff; float:right; width:20px; opacity: 0}
#state .state_noconnect  {background:url(img/bullet_grey.svg) no-repeat center; float:right;}



.info.puvp				{position:absolute; bottom:0; background:none; right:0; display:block; font-size:1.1em; line-height:2.5ex; padding:10px 30px 20px 30px}
#F1.puvp				{padding:130px 0 40px 0; background:url(img/logo-puvp.gif) 15% 20px no-repeat;}
#F1.puvp label.text		{margin-left:130px;}
#F1.puvp .btns			{margin-left:130px; margin-top:15px;}