/*
 * @year: 2008
 * @author: Sergey Gogolev
 */

 /* common-elements */

	.h {
		position: relative;	margin: 0 0 11px 0;	_height: 1%;
		padding: 5px 10px 6px 10px; margin-left: 7px;
		text-transform: uppercase; font-weight: normal; font-size: 1.4em; color: #7a7a7a;
		background: #e4e4e4; border: 1px #dbdada solid;}

		.h b {
			color: #363636;}

		.h i{
			position: absolute; left: -8px; width: 5px; height: 100%;
			top: 1px; //top: 0; _top: 1px;
			line-height: 0; font-size: 0;
			background:#ff8874 url(../../common/images/h.gif) center left repeat-x;}

			.h i i{
				left: 0; height: 2px;
				top: -2px; //top: -1px; _top: -2px;
				background:#ff8874; //background: white; _background: #ff8874;}

	.a, .a:visited, .a:hover {
		float: left; padding: 2px 12px 6px; color: white !important;
		background: #5780c1 url(../../common/images/a.gif) center repeat-x;}

	.a:hover {
		background: #ff7861 url(../../common/images/a-h.gif) center repeat-x;}

	.rss, .rss:visited {
		float: right; padding: 1px 0 10px 27px;
		color: #363636;
		background: url(../../common/images/rss.gif) top left no-repeat;}

	.rss:hover {
		color: #ff8672;}

	.b {
		position: relative; background: #5780c1 url(../../common/images/a.gif) center repeat-x; border: none;
		font-family: Tahoma; text-align: left; line-height: 1.2em; text-decoration: underline; color: white !important;
		cursor: pointer; cursor: hand; overflow: visible;
		float: left; padding: 2px 12px 6px; //padding: 3px 12px 5px;
		filter: expression(this.style.width = this.childNodes[0].offsetWidth + 24);	filter/**/:/**/: none;}

		.b-h {
			background: #ff7861 url(../../common/images/a-h.gif) center repeat-x;}

		.b span {
			color: white;}

	.small {
		color: #7a7a7a; font-size: .9em; line-height: 1.2em; font-family: Verdana;}

	.input {
		padding: 4px 2px 2px; height: 15px; _height: 23px;
		border: 1px #a5a5a5 solid; color: #555;	font-size: 1em;}

	.box {
		background: #e4e4e4; border: 1px #cbcbcb solid;
		padding: 10px 17px;	margin-bottom: 15px}

	.types a, .types a:visited {
		color: #777;}


/* main-struct */

	.main, .center, .center-in {
		position: relative; //height: 1%;}

	.main {
		padding-bottom: 100px;}

		.left, .right {
			position: relative; width: 304px;}

		.left {
			float: left; _margin-right: -3px;}

			.left-in {
				padding: 0 21px 0 21px;}

		.right {
			float: right; _margin-left: -3px;}

			.right-in {
				padding: 0 12px 0 20px;}

		.center {
			margin: 0 304px;}

			.center-in {
				-float: none;}

/* auth-block */

		.services-line {
			padding-bottom: 4px; //padding-bottom/**/:/**/2px;}

		.auth-block {
			float: right;}

			.auth-block td {
				padding-right: 7px;}

			.auth-header {
				font-size: 1.1em; color: #363636;
				padding: 4px 0 2px 24px;
				background: url(../../common/images/services-lock.gif) no-repeat top left;}

			.auth-input input{
				display: block; padding: 3px 2px 1px;
				width: 86px; height: 16px; _width: 92px; _height: 22px;
				color: #7a7a7a; border: 1px #a5a5a5 solid;}

				.auth-input-error {
					border: #ef4427 1px solid !important;}

				.auth-error {
					color: #ef4427; font-size: .9em;}

			.auth-input a, .auth-input a:visited {
				position: relative; top: 1px; //top: 0;
				color: #7a7a7a; //line-height: 1.1em; font-size: .9em;}

			.auth-input a:hover {
				color: #3a6ab6;}

			.auth-input button, .auth-submit button, .b-simple{
				background: none; border: none;
				overflow: visible; width: 100%; padding: 0;
				text-align: left; line-height: 1.1em;
				font-family: Tahoma; font-size: .9em;
				cursor: pointer; cursor: hand;}

			.b-simple{
				font-size: 1em;}

			.auth-input div button {
				position: absolute; left: -150px; top: 23px;
				line-height: 1.2em; width: 150px;}

				.auth-input button span{
					color: #7a7a7a;
					text-decoration: underline;}

				.auth-submit-hover span{
					color: #3a6ab6 !important;}

			.auth-submit button {
				position: relative; width: 45px; //left: 2px;}

				.auth-submit button span, .auth-submit a{
					color: #363636; font-size: 1.4em; line-height: 1.3em;
					text-decoration: underline;}

			.auth-username span{
				position: relative; top: -4px;color: #6d86af; font-size: 1.55em; line-height: 1em;
				display: block;}

			.auth-username a{
				position: relative; top: -4px; font-size: .9em;}


		/* services-block */

			.services-block {
				float: left; padding: 18px 0 19px 304px; color: #363636;}

				.services-block a:hover {
					color: #3a6ab6;}

				.services-block span {
					color: #999;}

/* header */
	.header {
		position: relative; height: 145px; background: #5371a1; margin-bottom: 20px;}

		.header-in {
			position: absolute; top: 32px; left: 0; height: 75px; width: 100%; background: #6d86af;}

			.header-in-label {
				position: absolute; top: 37px; left: 330px; height: 70px; overflow: hidden;
				font-size: 1.3em; color: #dedede;}

				.header-in-label b{
					color: #ffffff; font-weight: normal; font-size: 1.2em;}

			.header-in-bg {
				position: absolute; top: 32px; left: 0; height: 75px; width: 100%; background: url(../../common/images/header-bg.gif) repeat;}

		.header-left {
			position: absolute; top: 0; left: 0; width: 316px; height: 145px;
			background: white url(../../common/images/header-left.jpg) top left no-repeat;}

		.header-right {
			position: absolute; top: 0; right: 0; width: 292px; height: 145px;
			background: url(../../common/images/header-right.jpg) top left no-repeat;}

		.header-label {
			position: absolute; top: 38px; left: 326px; width: 521px; height: 64px;
			background: url(../../common/images/header-label.gif) top left no-repeat;}

		.header-region {
			position: absolute; text-align: center; color: #94968c; width: 70px;}

			.tumen {
				top: 109px; left: 44px;}

			.hmao {
				top: 115px; left: 148px;}

			.yanao {
				top: 115px; left: 230px;}

/* news block */

	.news-title {
		padding: 0 0 15px 17px;
		}

                .box-search {
                padding: 0 0 15px 17px;
                background: #e4e4e4;
                }

                .box2 {
		background: #e4e4e4;
		padding: 10px 17px;	margin-bottom: 15px}

	.news-block td {
		padding-bottom: 20px;}

		.news-image img{
			margin-right: 10px; margin-top: 5px;}

		.news-date, .news-content p, .news-date a, .news-date a:visited  {
			color: #7a7a7a;}

			.news-date a, .news-date a:visited {
				text-decoration: none;}

			.news-content h4 {
				margin: 0 !important; font-weight: normal; padding-bottom: 4px;}

			.news-content h4 a, .news-content h4 a:visited, .small a, .small a:visited{
				color: #3a6ab6; line-height: 1.2em;}

				.news-date a:hover, .news-content h4 a:hover, .small a:hover {
					color: #ff8672;}

			.news-content p {
				margin-top: 3px; line-height: 1.2em;}

/* search-block */

	.search-block {
		padding: 12px 0 0;}

		.search-block input {
			float: left; margin-right: 6px;
			width: 164px; _width: 170px;}

	.xsearch table {
		margin-top: 12px;}

		.xsearch table td {
			padding-bottom: 10px;}

		.xsearch-label {
			width: 75px; text-align: right; padding-right: 10px;
			color: #363636;
                        text-align: left;
                }

			.xsearch  b{
				color: #666;}

		.xsearch .input{
			width: 155px; _width: 161px;}

		.xsearch select {
			width: 161px;}

/*
                #DocumentSearchForm {
                    width: 270px;
                }
*/
                div #DocumentSearchForm {
                    position: absolute; /* Абсолютное позиционирование */
                    top: 31px;
                    right: 12px;
                    background-color: #ffffff;
                    z-index: 2;
                    width: 265px;
                }
                
                #docType {
                    width: 230px;
                }

                #docNumber {
                    width: 220px;
                }
                
		.calendar-input {
			width: 74px !important; _width: 46px !important;}

		.xsearch-input img {
			position: relative; top: 3px; //top: 0;}

		.xsearch-input b {
			position: relative; top: -4px; //top: -8px;}

/* doc-block */
	.doc-block {}

		.doc-block h4, .doc-block p {
			padding-right: 12px;
			margin: 0; line-height: 1.3em;}

		.doc-block h4 {
			color: #94968c;}

		.doc-block p {
			color: #363636;}

/* photo-block */
	.photo-block *{
		color: #7a7a7a;}

	.photo-block {
		padding: 7px;}

		.photo-block img{
			border: 4px solid #cecece;}

		.photo-block b {
			font-size: 3em;}

/* poll-block */
	.poll-block table {
		margin: 4px 0 10px;}

	.poll-block td {
		padding: 3px 8px 7px 0; //padding: 3px 8px 0 0;}

		.poll-block button {
			top: -2px;}

		.poll-block input {
			cursor:hand; cursor: pointer;}

	.polls-side-line {
			position: relative;
			height: 8px !important; width: 220px; background: #ECF1F7;}

			.polls-side-line div{
				position: relative;
				background: #7093ca; height: 8px; overflow: hidden;}

		.polls-side-answer {
			margin-top: 10px; width: 220px;}

		.polls-answer-name {
				font-size: 0.9em; font-family: Verdana,serif !important;
				padding-right: 20px;}

		.polls-side-content {
			margin: 10px 0 20px;}

/* menu-block */
	.menu {
		padding-left: 7px;
		margin-bottom: 20px;}

	.menu li{
		list-style: none; //height: 1%; }

		.menu-item, .menu-item:visited {
			position: relative; display: block; padding: 12px 10px; //height: 1%;
			text-transform: uppercase; text-decoration: none; color: #363636; font-size: 1.2em; font-weight: bold;
			background: url(../../common/images/footer-line.gif) bottom left repeat-x;}

		.menu-item:hover, .menu-item-hover {
			background: #5780c1 !important; color: white !important;}

		.menu-item:hover i, .menu-item-hover i{
			position: absolute; top: 0; left: -7px; width: 5px; height: 100%;
			line-height: 0; font-size: 0;
			background: #ff8874 url(../../common/images/h.gif) center left repeat-x;}

		.menu li ul{
			padding: 15px 10px 10px 30px;
			background: url(../../common/images/footer-line.gif) bottom left repeat-x;}

			.menu li ul li{
				padding: 0 0 7px 15px;
				background: url(../../common/images/menu-list.gif) no-repeat 0 6px;}

			.menu li ul li a, .menu li ul li a:visited {
				font-size: 1.2em;}

/* footer */
	.page-footer {
		position: relative; height: 70px; margin: -70px 20px 0;}

		.footer-line {
			position: relative; height: 1px; width: 100%;
			background: #c2c2c2 url(../../common/images/footer-line.gif) top left repeat-x;}

		/* developer link */
			.developer {
				position: absolute; top: 25px; //top: 21px; right: 63px;
				text-align: center;	width: 87px;}

				.developer a, .developer a:visited {
					text-decoration: none; color: #7a7a7a; font-size: .8em; font-family: Verdana;}

				.developer img {
					position: relative; //top: 4px;}

		/* contact information block */
			.contact-information {
				position: absolute; top: 4px; left: 0px; color: #363636;}

				.contact-information strong {
					font-weight: normal; color: #7a7a7a;}

				.contact-information a, .contact-information a:visited {
					color: #5780c1;}

				.contact-information a:hover {
					color: #ff8672;}

		/* counters */
			.counters {
				position: absolute; top: 6px; right: 230px;}

				.counter {
					position: relative !important; float: left;
					margin-left: 5px;}	
                                
                                
                                
                                
                                .news-title {
                                    position: relative;
                                }
                                
                                .subscribeLink {
                                }
                                
                                .subscribeLinkcontainer {
                                    position: absolute;
                                    margin: 0;
                                    padding: 0;
                                    right: 200px;
                                    bottom: 20px;
                                    width: 234px;
                                    height: 23px;
                                }
                                
                                .subscribeBox {
                                    position: absolute;
                                    display: block;
                                    width: 370px;
                                    height: 180px;
                                    background: #ffffff;
                                    z-index: 10;
                                    right: 160px;
                                    bottom: -3px;
                                    margin: 0;
                                    padding: 0;
                                    
                                    border: 1px solid #eeeeee;
                                    box-shadow: 0 0 6px #e4e4e4;
                                }
                                
                                .subscribeBox .title {
                                    width: 300px; 
                                    height: 30px; 
                                    float: left; 
                                    text-align: left;
                                    margin-left: 33px;
                                    margin-top: 25px;
                                    font-weight: bold;
                                    font-size: 14px;
                                }
                                
                                .subscribeBox .text {
                                    width: 200px; 
                                    height: 40px; 
                                    float: left; 
                                    text-align: right;
                                }
                                
                                .subscribeBox .inputContainer {
                                    width: 150px; 
                                    height: 40px; 
                                    float: left; 
                                    margin-left: 10px;
                                }
                                
                                .subscribeBox .suscribeSubmit {
                                    float: right;
                                    width: 250px;
                                    margin-right: 23px;
                                }
                                
                                .subscribeBox input {
                                    background-color: #eeeeee;
                                    border-style: solid;
                                    border-color: #a5a5a5;
                                    border-width: 1px;
                                }
                                
                                .subscribeBox .exit {
                                    width: 12px;
                                    height: 12px;
                                    background: url(../images/x.png);
                                    position: absolute;
                                    right: 15px;
                                    top: 14px;
                                    cursor: pointer;
                                }
                                
                                .subscribeBox #successMessage {
                                    bottom: 3px;
                                    height: 15px;
                                    position: absolute;
                                    text-align: center;
                                    width: 370px;
                                }