body {padding:0; margin:0;}

#commonheader {width:100%; background:#FFF; color:#000; text-align:left; min-width:900px; }
#commonfooter {width:100%; background:#FFF; color:#000; text-align:left;}
.t211 .wrapper {width: 99%; margin: 0 auto;}

#commonheader, #commonfooter, #commonheader div, #commonfooter div, #commonheader td, #commonfooter td {font:10px tahoma;}

.t211 h1 {width: 160px; height: 110px; margin:10px 0 15px 0; padding:0; background:#FFF url(img/logo.png) 0 10px no-repeat;}
.t211 h1 a {display: block; width: 100%; height: 100%;}
.t211 h1 a span {display: none;}

.t211 table {border:0px; border-collapse:collapse; width:100%; font:10px tahoma; color:#000;}
.t211 table tr {vertical-align:top;}
.t211 table td {padding:0px; vertical-align:top;}

.t211 td#logo {width:160px;}

.t211 .arrow {background:url(img/arrow.gif) top left no-repeat; background-position:left 5px; margin-left:3px; padding: 0 3px;}
.t211 .arrow2 {background:url(img/arrow2.gif) top left no-repeat; background-position:left 5px; margin-left:3px; padding: 0 3px}
.t211 .uppercase {text-transform:uppercase;}

.t211 a.link-blue {color:#269AC0;}

.t211 .submenu {clear:left; background:#FFF; margin:4px 10px; color:#000;}
.t211 .submenu ul {margin:0; padding:0; list-style:none; height:20px;}
.t211 .submenu ul li {margin:0; padding:0.5em 10px 0 0; display:inline;}
.t211 .submenu a:link, .t211 .submenu a:visited {color:#09548B; margin:0;padding:0; line-height:14px;}

.t211 #menu {padding-bottom:10px; padding-left:5px;}
.t211 #right {width:185px;}

.t211 #slinks {padding:15px 0 0 0;white-space:nowrap;}
.t211 .greenlinks a {color:#739A00;}

.t211 #phone, .t211 #phone2 {background:url(img/phone5.gif) no-repeat; width:122px; height:37px; margin-top: 13px;}
.t211 #phone a, .t211 #phone2 {display:block;width:122px; height:37px;}
.t211 #phone2 {
	background:url(img/phone6.gif) no-repeat;
}

#project-title {height:55px; background:url(img/project-title-bg4.png) repeat-x;}
#project-title-logo {width:100%; height:55px; background:url(/project-title.png) no-repeat;}
#project-title-logo a {display:block; height:55px;}
#project-title2 {height:55px; background:url(img/project-title-bg5.png) no-repeat;}

.t211 a span {cursor:pointer;}

.t211 .submenu a:hover {
	text-decoration:none;
}
.t211 .submenu li.active a:link, .t211 .submenu li.active a:visited {color:#000; text-decoration:none;}


#footer {clear:both; margin:0; padding:20px 0 0 0; line-height:15px; }

#footer-nav {background: url(img/footer.png) repeat-x; background-position:bottom;}

#footer-nav2 {background: url(img/footer-right.png) bottom right no-repeat;}

#footer ul {list-style-type:none; margin:0; padding:0; padding-left: 70px; background: url(img/footer-left.png) no-repeat left bottom; }

#footer li {display: inline; line-height: 55px; margin:0; padding:0 0 0 20px;}
#footer .copyright {margin:10px 0;}

.nav {background: #178BD4 url(img/bg-png8.png) repeat-x; background-position:0 -71px; float: left; width:94%; height:70px;}
.nav a {
	text-decoration:none;
}
.nav-wrapper {clear:both; }
.nav-left {background: url(img/bg-png8.png) no-repeat; background-position:0 0; float:left; width:5px; height:70px;}
.nav-right {background: url(img/bg-png8.png) no-repeat; background-position:-6px 0; float:left; width:5px; height:70px;}

.nav ul {width:100%; height:38px; float:left; margin:0; padding:0; padding-top:3px; list-style:none;}
.nav li {float:left; padding: 0 7px; position: relative; z-index:0;}
.nav li.last {background:none;}
.nav li:hover {z-index:2;}

.nav li a:link, .nav li a:visited {display:block; line-height:38px; overflow:hidden; float:left; color:#FFF;}
/* .nav li a:link, .nav li a:visited {display:block; line-height:38px; background: url(img/bg-png8.png) no-repeat; background-position:-14px -50px; overflow:hidden; float:left; color:#FFF;} */

a .menu-left {background: url(img/bg-png8.png) no-repeat; background-position:1000px 1000px; width: 5px; height: 35px; line-height: 35px; display: block; float: left;}
a .menu-mid {background: url(img/bg-png8.png) repeat-x; background-position:1000px 1000px; height:35px; line-height:35px; display:block; float:left; padding-right:10px;}
a .menu-right {background: url(img/bg-png8.png) no-repeat; background-position:1000px 1000px; width:5px; height:35px; line-height:35px; display:block; float:left; margin-left:-5px;}

.nav li em {
	float:left;
	position:relative;
	left:-5px;
	background: url(img/bg-png8.png) no-repeat;
	background-position:-18px -35px;
	width:3px;
	line-height:35px;
	height:35px;
}
.nav a:hover li em, .nav li.active em, .nav li:hover em {
	background-position:-14px -35px;
}
.nav li a, .nav li a:visited {
	text-decoration:none;
}
a:hover .menu-left, .nav li.active .menu-left, .nav li:hover .menu-left { background-position:-12px 0; }
a:hover .menu-mid, .nav li.active .menu-mid, .nav li:hover .menu-mid { background-position:0 -142px; }
a:hover .menu-right, .nav li.active .menu-right, .nav li:hover .menu-right { background-position:-18px 0; }

.nav li a:hover, .nav li.active a, .nav li.hover a, .nav li:hover a {color: #09548B;}
.nav li:hover .sub, .nav li.hover .sub, .submenuShow, .nav li:hover *, .nav li.hover * {display:block; visibility:visible; }
.nav li .sub {visibility:hidden; position: absolute; top:30px; left:7px; background: url(img/bg-png24.png) no-repeat; background-position:-195px 0; width: 182px; padding-top: 4px;}
.nav li ul {background: url(img/bg-png24.png) repeat-y; width:160px; height:auto; margin:0; padding: 0 12px 10px; list-style:none;}

.nav li:hover li,.nav li.active li {width:100%; padding: 1px 0 2px; border-bottom: 1px #F0F0F0 solid; background: none !important;}
.nav li .sub li a:link, .nav li .sub li a:visited, .nav li.active li a:link, .nav li.active li a:visited {color: #09548B; background: none !important; line-height:normal !important; width:156px; padding: 8px 3px 8px; text-indent:1px; text-align:left; }
.nav li .sub li a:hover {color:#fff; background:#26AFEC !important; text-decoration:none; line-height:normal;}
.nav .active a:link, .nav .active a:visited, .nav li:hover a:link, nav li:hover a:visited {color:#09548B;}
.t211 .submenu li.active a:link {
	color:#000;
}
.t211 .submenu li.active a:hover {
	color:#09548B;
}
/*IE*/
.nav li li a:hover, .nav li li a:hover {color:#fff; background:#26AFEC !important; text-decoration:none; line-height:normal;}

.nav .btm-bg {background: url(img/bg-png24.png) no-repeat; background-position:-195px -5px; width:182px; height:10px; overflow:hidden; clear: both;}



/*
*****
	������� ����. ������������ �����������
****
*/
#login-menu {
	width:95%;
	height:53px;
	padding-left:5px;
	overflow:hidden;
}

#login-left-left {
	width:15px;
	height:100%;
	background:url(../images/login-map.png) no-repeat;
	background-position:0 0;
}
#login-left {
	background:url(../images/login-map.png) repeat-x left;
	background-position:0 -195px;
}
#login-center {
	width:15px;
	height:100%;
	background:url(../images/login-map.png) no-repeat;
	background-position:-15px 0;
}
#login-right {
	background:url(../images/login-map.png) repeat-x left;
	background-position:0 -248px;
}
#login-right-right {
	width:15px;
	height:100%;
	background:url(../images/login-map.png) no-repeat;
	background-position:-30px 0;
}
#login-left, #login-right {
	padding: 1em 0;
	font-size:10px;
	color:#999;
	overflow:hidden;
}
#login-left div {
	width:17%;
	float:right;
	position:relative;
	white-space:nowrap;
	overflow:hidden;
}

#login-left a {
	font-size:11px;
	display:block;
	margin-top:3px;
	vertical-align:bottom;
	padding-left:20px;
	color:#0059B3;
	background:url(../images/login-map.png) no-repeat left;
}
#login-left .dasher, #login-left .dash, #login-left .whisout {
	width:19px;
	height:35px;
	position:relative;
	margin-left:-1em;
	margin-right:1em;
	background:transparent url(../images/png-map.png) no-repeat;
}
#login-left .dash {
	background-position:right;
	width:1px;
}
#login-left .whisout {
	background-position:left;
	width:18px;
	margin:0;
}
#login-left .login-fade {
	width:65%;
	background-color:#DCF2F9;
}

#login-left .male, #login-left .female {
	float:left;
	width:25em;
	overflow:hidden;
	position:absolute;
}
#login-left .male a {
	height:15px;
	background-position:0 -53px;
}
#login-left .male a:hover {
	background-position:0 -68px;
}
#login-left .female a {
	height:15px;
	color:#F60;
	background-position:0 -83px;
}
#login-left .female a:hover {
	background-position:0 -98px;
}
#login-left .mail a {
	height:13px;
	background-position:0 -141px;
}
#login-left .mail a:hover {
	background-position:0 -154px;
}
#login-left .forum a {
	height:14px;
	background-position:0 -167px;
}
#login-left .forum a:hover {
	background-position:0 -181px;
}
#login-left .actions a {
	height:14px;
	background-position:0 -113px;
}
#login-left .actions a:hover {
	background-position:0 -127px;
}

#login-right div {
	padding-left:1em;
	white-space:nowrap;
}
#login-menu h3, #login-menu h3 a {
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#0059B3;
}
#header-title a, #body #header-userpage a, #body #header-getta a, #header-forum a, #header-lottery a, #header-shop a, #header-general a, #kuz-header a, #header-weather-nsk a,#header-weather-kuz a, #header-discount a, #header-webcam a, #header-minigames a, #header-auction a, #header-newskuz a{
	display:block;
	margin-left:5px;
	text-indent:-5000px;
	white-space:nowrap;
	cursor:pointer;
	background:url(../images/page-title.png) no-repeat;
}
#header-title a {
	width:475px;
	height:46px;
	background-position:0 1px;
}
#header-userpage a {
	width:260px;
	height:45px;
	background-position:0 -45px;
}
#header-getta a {
	width:373px;
	height:44px;
	background-position:0 -90px;
}
#header-forum a {
	width:410px;
	height:33px;
	background:url(http://passport.211.ru/images/page-title-forum.png) no-repeat top left;
}
#header-weather-nsk a {
	width:408px;
	height:39px;
	background:url(http://weather.211.ru/img/w-nsk.png) no-repeat top left;
}
#header-weather-kuz a {
	width:404px;
	height:38px;
	background:url(http://weather.211.ru/img/w-kuz.png) no-repeat top left;
}
#header-general a {
	width:328px;
	height:52px;
	background:url(http://passport.211.ru/images/passport-title-shop.png) no-repeat top left;
}
#header-shop a {
	width:223px;
	height:48px;
	background-position:0 -181px;
}
#header-lottery a {
	width:288px;
	height:48px;
	background-position:0 -232px;
}
#header-auction a {
	width:288px;
	height:48px;
	background-position:0 -283px;
}
#kuz-header a {
	width:287px;
	height:42px;
	background:url(http://passport.211.ru/images/kuz-header.jpg) no-repeat top left;
}
#header-discount a {
	width:186px;
	height:52px;
	background:url(http://discount.211.ru/images/page-title.jpg) no-repeat top left;
}

#header-webcam a {
	width:212px;
	height:52px;
	background:url(http://cam.211.ru/images/page-title.jpg) no-repeat top left;
}

#header-minigames a {
	width:226px;
	height:46px;
	background:url(http://games.211.ru/mini/images/page-title.jpg) no-repeat top left;
}
#header-newskuz a {
	width:475px;
	height:46px;
	background-position:0 -335px;
}

/*
*****
	������� ����. ������������ �������������
****
*/
#login-left form div {
	float:left;
	color:#999;
	width:auto;
	width:20%;
	margin-right:5px;
}
#login-left form div#top-login, #login-left form div#top-password {
	width:28%;
	margin-right:0;
	padding-right:1em;
}

#top-login input, #top-password input {
	width:96%;
	font-size:11px;
	color:#666;
	border:1px solid #90BEE1;
	padding:3px;
}
#top-login input {
	color:#333;
}
#login-left form div.top-remember {
	padding-top:13px;
}
.top-remember input {
	float:left;
}
.top-remember span {
	float:left;
	margin-left:3px;
	margin-top:0.3em;
}
#login-left form div.no {
	padding-top:5px;
	width:auto;
}
#login-left form div.no a {
	display:block;
	border:none;
	padding:0;
	width:59px;
	height:27px;
	text-align:center;
	color:#4F7F19;
	font-size:12px;
	line-height:24px;
	background:#447C01 url(http://passport.211.ru/images/green-buttons.jpg) no-repeat top;
	background-position:-396px 0;
	text-decoration:none;
	font-weight:bold;
	position:relative;
	cursor:pointer;
}

#login-left form div a:hover {
	background-position:-396px -27px;
}




#login-left form div a:active {
	background-position:-396px -54px;
	text-indent:-1px;
	line-height:23px;
}
#login-left form div a span {
	width:59px;
	height:27px;
	text-align:center;
	position: absolute;
	top: 0.05em;
	left: 0.05em;
	color:#FFF;
}

.exit {
  background: none !important;
  display: inline !important;
  padding:0px !important;
}
.submit {
	position:absolute;
	left:-1000px;
	width:100px;
}

	text-align:center;
	position: absolute;
	top: 0.05em;
	left: 0.05em;
	color:#FFF;
}

.exit {
  background: none !important;
  display: inline !important;
  padding:0px !important;
}
.submit {
	position:absolute;
	left:-1000px;
	width:100px;
}
#login2billing, #login2passport, #login2billing2, #login2passport2 {
	color: #0059b3;
	cursor:pointer;
}
#login2billing.active, #login2passport.active, #login2billing2.active, #login2passport2.active {
	color: #fff;
	font-weight:bold;
	background: #9966ff;
	padding: 1px 3px;
	margin-right:-3px;
	margin-left:-3px;
	cursor:default;
	position:relative;
}
#login2passport.active, #login2passport2.active {
	background: #00ccff;
}
input.unactive {
	color:#aaa !important;
}
#login-left form div.login2 {
	width:59%;
	overflow:visible;
}
#login-left form div.login2 input {
	width:46%;
	font-size:11px;
	margin-right:1%;
	color:#666;
	border:1px solid #90BEE1;
	padding:3px;
}
.lab {
	display:none;
}

object#flashLogo {
	margin-top: 20px;
}
.passwordActive {
	background:#fff url(http://static.211.ru/images/password.png) no-repeat left center;
}