CrediWeb – Credit Reporting System

CSS
html {
	height: 100%;
	}
body {
	position: relative;
	margin: 0 auto;
	min-height: 100%;
	min-width: 990px;
	max-width: 1600px;
	height: auto!important;
	height: 100%;
	font: normal 13px/17px Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	}
body.main-page {
	font: normal 12px/14px Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	}
a { color:#00589E; }
a:hover { color: #5FA9D2; }
.main-page a { color:#0078bd; }
.main-page a:hover { color: #5FA9D2; }

a.button:hover {color: #000;}

a.opener,
a.special { position: relative; border-bottom:1px dotted #00589E; text-decoration:none; }

a.opener:hover,
a.special:hover { border-bottom-color: #5FA9D2; }

a.special { color: #000; cursor: default; }

.s-hint .tooltip,
a.special .tooltip {
	z-index: 10;
	position: absolute;
	top: 20px;
	left: 2px;
	display: none;
	min-width: 220px;
	padding: 0 2px 3px 0;
	font-weight: normal;
	background: url(../images/tooltip-bg.png) no-repeat right bottom;
	color: #000;
	}
.s-hint .tooltip {
	min-width: 295px;
	}
.s-hint:hover .tooltip,
a.special:hover .tooltip {
	display: block;
	}
	.s-hint .tooltip .wrap,
	a.special .tooltip .wrap {
		display: block;
		padding: 8px 30px 8px 10px;
		margin-left: -2px;
		background: url(../images/tooltip-bg.png) no-repeat left top;
		}
		.s-hint .tooltip .wrap .h,
		a.special .tooltip .wrap .h {
			display: block;
			font-weight: bold;
			padding-bottom: 5px;
			}

.button2 {
	float: left;
	height: 29px;
	line-height: 29px;
	padding: 0 3px 0 0;
	text-shadow: 0 1px 1px #fff;
	background: url(../images/button.png) no-repeat right -29px;
	border: none;
	cursor: pointer;
	}
	.button2 .caption {
		float: left;
		height: 29px;
		line-height: 29px;
		padding: 0 6px 0 9px;
		background: url(../images/button.png) no-repeat left top;
		color: #666666;
		}
		.button2 .caption span {
			float: left;
			text-indent: -9999em;
			}
.button2:hover {
	background-position: right -87px;
	}
	.button2:hover .caption {
		background-position: left -58px;
		}

.button2.options {
	text-decoration: none;
	}
	.button2.options .caption {
		padding: 0 7px 0 30px;
		background-image: url(../images/button-options.png);
		}

.main-page .button2 {
	height: 47px;
	line-height: 45px;
	padding: 0;
	width: 112px;
	font-size: 18px;
	font-weight: bold;
	text-shadow: 0 -1px 1px #00448d;
	background: url(../images/button-main.png) no-repeat left top;
	border: none;
	color: #fff;
	cursor: pointer;
	}

.header-1 {
	line-height: 20px;
	font-size: 18px;
	font-weight: bold;
	}
	.header-1 span {
		color: #999;
		}

.header-0 {
	font-size: 26px;
	font-weight: bold;
	margin: 9px 0;
	}
.header-2 {
	margin-top: 30px;
	margin-bottom: 13px;
	font-size: 16px;
	font-weight: bold;
	}
	.header-2 .link {
		font-size: 14px;
		font-weight: normal;
		margin-left: 31px;
		text-decoration: none;
		}
		.header-2 .link span {
			text-decoration: underline;
			}
.header-3 {
	clear: both;
	margin: 42px 0 12px;
	font-size: 16px;
	font-weight: normal;
	}
.header-4 {
	font-size: 14px;
	font-weight: normal;
	}
.header-5 {
	font-size: 16px;
	font-weight: bold;
	}
.header-6 {
	font-size: 14px;
	font-weight: bold;
	}

.title {
	font-weight: bold;
	}

.contact-info span {
	display: block;
	line-height: 17px;
	}
	.contact-info .phone {
		font-size: 16px;
		margin: 0 0 6px 0;
		padding-left: 8px;
		background: url(../images/ico/phone.png) no-repeat left 2px;
		}
	.contact-info .time {
		font-size: 11px;
		padding-left: 9px;
		}

i {font-style: italic;}

/* Header */
#header .top {
	overflow: hidden;
	height: 34px;
	line-height: 34px;
	padding: 0 20px;
	font-size: 12px;
	}
#header .top.warning {
	background: #c00;
	color: #fff;
	}
	#header .top.warning .info .period,
	#header .top.warning a {
		color: #fff;
		}
	#header .top .info {
		float: left;
		}
		#header .top .info .title {
			font-weight: normal;
			}
			#header .top .info .title .status {
				font-weight: bold;
				margin-right: 8px;
				}
		#header .top .info .period {
			margin-left: 8px;
			color: #999;
			}
	#header .top .actions {
		float: right;
		}
		#header .top .actions span,
		#header .top .actions a {
			float: left;
			margin-left: 11px;
			}

	#header .top .languages {
		float: left;
		}
		#header .top .languages li {
			float: left;
			margin-right: 18px;
			color: #818181;
			}

#header .logo {
	float: left;
	width: 200px;
	height: 50px;
	background: #f1f1f1;
	}
	#header .logo a {
		float: left;
		margin: 8px 0 0 12px;
		width: 134px;
		height: 35px;
		background: url(../images/logo.png) no-repeat left top;
		}

#header nav {
	height: 50px;
	line-height: 17px;
	font-size: 13px;
	background: #0078bd;
	}
	#header nav a {
		float: left;
		margin: 11px 0 0 13px;
		padding: 6px;
		color: #fff;
		}
	#header nav a.active {
		text-decoration: none;
		background: #5FA9D3;
		}
	#header nav a.favorites {
		padding-left: 22px;
		background: url(../images/ico/favorites.png) no-repeat left center;
		}

/* Content */
#content {
	overflow: hidden;
	position: relative;
	padding-bottom: 180px;
	}
#content.no-overflow {
	overflow: visible;
	}
.main-page #content {
	overflow: hidden;
	padding: 31px 0 206px;
	}

	#sidebar {
		float: left;
		padding-bottom: 10px;
		width: 200px;
		background: #fff;
		}
	.info-page #sidebar {
		z-index: 10;
		position: absolute;
		top: 0;
		left: 0;
		}
		#sidebar >* {
			padding-left: 18px;
			}
		#sidebar ul:first-child {
			margin-top: 18px;
			}
		#sidebar ul li {
			line-height: 16px;
			}
			#sidebar ul li a {
				display: block;
				margin-left: -18px;
				padding-left: 18px;
				padding: 5px 0 5px 18px;
				}
		#sidebar ul li a:hover,
		#sidebar ul li.active {
			margin-left: -18px;
			padding: 5px 0 5px 18px;
			background: #f2f2f2;
			}
			#sidebar ul li.active a {
				padding: 0 0 0 18px;
				}
		#sidebar ul li.title {
			margin-top: 17px;
			line-height: 26px;
			}

		#sidebar .search-back {
			display: block;
			margin: 20px 0 52px;
			}

		#sidebar .menu {
			padding-bottom: 0;
			width: 182px;
			background: #fff;
			}
			#sidebar .menu .pos-ind {
				position: absolute;
				top: 0;
				left: 10px;
				width: 2px;
				height: 10px;
				background: #7AB7DA;
				}

			#sidebar .info {
				margin: 8px 0 0 -12px;
				padding-right: 15px;
				padding-left: 10px;
				font-size: 11px;
				border-left: 1px solid #fff;
				}
			#sidebar .info.current {
				border-left-color: #7AB7DA;
				}
				#sidebar .info dt {
					font-weight: bold;
					}
					#sidebar .info dt a {
						text-decoration: none;
						}
				#sidebar .info dd {
					font-style: italic;
					}
			#sidebar .info.inactive,
			#sidebar .info.inactive a {
				color: #999;
				cursor: default;
				}

			#sidebar .button2 {
				margin-top: 17px;
				}

		#sidebar .contract {
			margin: 20px 0 0;
			padding: 10px 18px 0 12px;
			width: 156px;
			height: 68px;
			background: url(../images/contract-bg.png) no-repeat left top;
			border-right: 10px solid #fff;
			}

		#sidebar .info-block {
			margin: 25px 10px 0 10px;
			padding: 10px;
			border: 1px solid #99CC66;
			background: #EBF5EB;
			}

	.main-page #sidebar {
		position: static;
		top: auto;
		left: auto;
		float: left;
		width: 160px;
		padding: 0 20px;
		background: none;
		}
		.main-page #sidebar >* {
			padding-left: 0;
			}
		.main-page #sidebar .s-menu {
			margin-top: 0;
			}
			.main-page #sidebar .s-menu li.title {
				margin-top: 0;
				}
		.main-page #sidebar .info {
			clear: both;
			margin: 0;
			padding: 0;
			font-size: 11px;
			line-height: 18px;
			border-left: none;
			color: #666666;
			}
		.main-page #sidebar .button {
			margin: 18px 0 21px;
			padding: 8px;
			width: 143px;
			text-align: center;
			font-weight: bold;
			color: #000;
			}
		.main-page #sidebar .ur {
			float: left;
			margin: 51px 0 16px;
			}

	#article {
		margin: 0 10px 0 219px;
		}
	.info-page #article {
		min-height: 700px;
		}

	.main-page #article {
		float: left;
		margin: 0;
		padding-left: 15px;
		width: 717px;
		background: none;
		}

		#article p.special {
			font-size: 16px;
			margin: 0 0 10px;
			}

		#article p.text {
			margin: 20px 0;
			width: 455px;
			}

		#article .w {
			overflow: hidden;
			}
			#article .w .text {
				float: left;
				margin-top: 0;
				}
				#article .w .text a.title {
					font-size: 18px;
					text-decoration: none;
					}
				#article .w .text a.title:hover {
					text-decoration: underline;
					}

			#article .w .r,
			#article .w .hint-2 {
				float: right;
				width: 220px;
				line-height: 18px;
				}

			#article .w .hint-2 {
				font-style: italic;
				}

			#article .w .header-2 {
				margin-top: 22px;
				margin-bottom: 10px;
				}
			#article .w .header-2 + p.text {
				margin-top: 8px;
				}
			#article .w + .header-3 {
				margin-top: 15px;
				}

		#article .w.bottom {
			margin-top: 30px;
			width: 481px;
			border-top: 1px solid #ebebeb;
			}
			#article .w.bottom .col {
				float: left;
				width: 50%;
				}
			#article .w.bottom ul.col {
				margin-top: 18px;
				line-height: 21px;
				}

		#article .screen {
			position: relative;
			margin: 10px 0 0 -18px;
			}
			#article .screen .hint {
				position: absolute;
				color: #818181;
				}

		#article .list {
			line-height: 22px;
			color: #818181;
			}

		#article .video {
			margin: 10px 0;
			height: 324px;
			width: 440px;
			background: url(../images/video-bg.png) no-repeat left top;
			}

		.main-page #article p {
			line-height: 18px;
			color: #666666;
			}
		#article div.hint2 {
			color: #777;
			}
		#article div.hint {
			font-size: 11px;
			}

		#article .tabs {
			width: 644px;
			overflow: hidden;
			}
			#article .tabs dt {
				float: left;
				margin-right: 2px;
				padding-right: 3px;
				height: 28px;
				line-height: 28px;
				background: url(../images/tabs-form-tabs.png) no-repeat right -84px;
				cursor: pointer;
				}
				#article .tabs dt span {
					display: block;
					padding: 0 12px 0 15px;
					height: 28px;
					line-height: 28px;
					background: url(../images/tabs-form-tabs.png) no-repeat left -56px;
					}
			#article .tabs dd {
				display: none;
				float: right;
				margin: 28px 0 0 -100%;
				width: 644px;
				background: url(../images/tabs-form-bg.png) no-repeat left bottom;
				}
			#article .tabs dt.selected {
				background: transparent url(../images/tabs-form-tabs.png) no-repeat right -28px;
				}
				#article .tabs dt.selected span {
					background: transparent url(../images/tabs-form-tabs.png) no-repeat left top;
					}
			#article .tabs dd.selected {
				display: block;
				}
				#article .tabs dd form {
					padding: 19px 10px 5px 15px;
					}
					#article .tabs dd form fieldset input[type="text"] {
						float: left;
						margin-right: 7px;
						padding-top: 7px;
						padding-bottom: 7px;
						font-size: 16px;
						width: 495px;
						}
					#article .tabs dd form fieldset {
						margin-bottom: 19px;
						}
					#article .tabs dd form .button {
						font-size: 16px;
						padding: 6px 27px;
						}
					#article .tabs dd form .hint {
						margin: -14px 0 14px;
						color: #999;
						}

				#article .b-hint {
					margin-top: 25px;
					}
					#article .b-hint li {
						margin: 4px 0 9px;
						}

		.main-page #article .tabs {
			overflow: hidden;
			margin: 27px 0 12px -14px;
			width: 731px;
			}
			.main-page #article .tabs dt {
				float: left;
				margin: 2px 3px 0 0;
				height: 37px;
				line-height: 40px;
				font-size: 14px;
				background: #cfe7f4 url(../images/tab-inactive.png) repeat-x left bottom;
				color: #4c4c4c;
				cursor: pointer;
				}
				.main-page #article .tabs dt span {
					display: block;
					padding: 0 18px 0 19px;
					height: auto;
					line-height: 33px;
					background: none;
					}
			.main-page #article .tabs dd {
				display: none;
				float: right;
				margin: 39px 0 0 -100%;
				width: 729px;
				background: #94c9e6 url(../images/inner-shadow.png) repeat-x left top;
				border: 1px solid #8abbd6;
				}
			.main-page #article .tabs dt.selected {
				z-index: 10;
				position: relative;
				margin-top: 0;
				height: 40px;
				background: #94c9e6;
				border: 1px solid #8abbd6;
				border-bottom: none;
				color: #000;
				}
				.main-page #article .tabs dt.selected span {
					padding: 0 20px 0 21px;
					background: none;
					border-top: 1px solid #c0dff0;
					}
			.main-page #article .tabs dd.selected {
				display: block;
				}
				.main-page #article .tabs dd form {
					padding: 24px 15px 5px;
					}
					.main-page #article .tabs dd form fieldset input[type="text"] {
						float: left;
						margin-right: 18px;
						padding: 15px 0 15px 31px;
						font-size: 14px;
						width: 567px;
						background: #fff url(../images/main-search.png) no-repeat left top;
						border-color: #61a0c4;
						}
					.main-page #article .tabs dd form fieldset input.f {
						background-image: url(../images/main-search2.png);
						}
					.main-page #article .tabs dd form fieldset {
						margin-bottom: 20px;
						}
					.main-page #article .tabs dd form .button {
						font-size: 16px;
						padding: 7px 27px;
						}
					.main-page #article .tabs dd form .hint {
						margin: -14px 0 8px 5px;
						color: #4c4c4c;
						}
						.main-page #article .tabs dd form .hint a {
							color: #000;
							cursor: pointer;
							}

		#article .search-results {
			margin: 7px 0;
			width: 707px;
			}
			#article .search-results .header {
				padding-bottom: 6px;
				}
			#article .search-results .result {
				margin: 11px 0 11px -15px;
				padding: 4px 40px 4px 15px;
				}
			#article .search-results .result:hover {
				background: #F0F6FE;
				}
				#article .search-results .result .title {
					font-size: 15px;
					font-weight: normal;
					}
				#article .search-results .result .details {
					padding-top: 5px;
					}
				#article .search-results mark {
					font-weight: bold;
					display: inline;
					background: #ffc;
					}
				#article .search-results a mark {
					color: #00589E;
					}
				#article .search-results a:hover mark {
					color: #5FA9D2;
					}

		#article .b-stats {
			overflow: hidden;
			margin: -5px 0 26px;
			padding: 20px 0 0;
			border-top: 1px solid #ccc;
			}
			#article .b-stats .item {
				float: left;
				margin-bottom: 15px;
				padding-right: 40px;
				width: 199px;
				}
			#article .b-stats .item.right {
				float: right;
				padding-right: 0;
				width: 239px;
				}
			#article .b-stats .bottom {
				padding: 0 310px 0 0;
				}
				#article .b-stats .item .header-3 {
					margin-bottom: 10px;
					}
			#article .b-stats p {
				color: #000;
				}

			#article .b-stats .container {
				margin-top: 20px;
				}

			#article .b-stats ul {
				margin-top: 15px;
				line-height: 13px;
				font-size: 11px;
				color: #666666;
				}
				#article .b-stats ul li {
					position: relative;
					margin: 5px 0;
					padding-left: 45px;
					}
					#article .b-stats ul li .number {
						position: absolute;
						top: 0;
						right: 221px;
						text-align: right;
						}
					#article .b-stats ul li .spacer {
						position: absolute;
						top: 0;
						right: 202px;
						}

			#article .b-stats .hint {
				line-height: 18px;
				font-size: 11px;
				color: #666666;
				}
			#article .b-stats em.hint {
				display: block;
				padding-top: 10px;
				font-style: italic;
				color: #000;
				}

		#article .b-services {
			overflow: hidden;
			margin: 0 0 45px -14px;
			padding-bottom: 10px;
			background: #ebebeb url(../images/inner-shadow.png) repeat-x left top;
			border: 1px solid #d6d6d6;
			}
			#article .b-services .item {
				float: left;
				margin: 11px 26px 10px 0;
				padding-left: 25px;
				width: 189px;
				}
				#article .b-services img {
					display: block;
					margin-left: -18px;
					}
				#article .b-services .title-link {
					float: left;
					margin: 14px 0 10px;
					}
				#article .b-services p {
					clear: both;
					line-height: 14px;
					color: #000;
					}

		#article .b-partners {
			overflow: hidden;
			margin-top: 14px;
			line-height: 22px;
			font-size: 11px;
			list-style: none;
			}
			#article .b-partners .col {
				float: left;
				width: 239px;
				}

		#article .plans {
			margin: 18px 0 38px;
			width: 100%;
			}
			#article .plans th,
			#article .plans td {
				padding: 16px 0 15px;
				border-bottom: 1px solid #ebebeb;
				color: #666;
				}
			#article .plans td {
				text-align: center;
				}
			#article .plans .unlimited,
			#article .plans .special {
				font-size: 16px;
				}
			#article .plans .s {
				color: #000;
				}
			#article .plans .hint.bottom {
				line-height: 12px;
				margin-top: -5px;
				margin-bottom: -5px;
				}
			#article .plans .special {
				background: #ffeab8;
				border-bottom: 1px solid #ebd8aa;
				}
			#article .plans thead .special {
				border-bottom: 3px double #ebd8aa;
				}
			#article .plans tfoot th,
			#article .plans tfoot td {
				padding: 10px 0 5px;
				border-bottom: none;
				}
				#article .plans tfoot em {
					padding-left: 25px;
					font-size: 11px;
					line-height: 16px;
					display: block;
					font-style: italic;
					text-align: left;
					}
				#article .plans tfoot .button {
					padding-left: 5px;
					padding-right: 5px;
					color: #000;
					}
			#article .plans tfoot .special {
				background: #b3d1e1 url(../images/inner-shadow.png) repeat-x left top;
				border-bottom: 1px solid #9fbac8;
				}
				#article .plans tfoot .special .hint {
					margin-top: 11px;
					color: #000;
					}
			#article .plans thead th,
			#article .plans thead td {
				border-bottom: 3px double #ebebeb;
				}

	#content .f-block {
		position: relative;
		margin: 20px auto 50px;
		width: 400px;
		}
	#content .f-block.login {
		width: 370px;
		}
		#content .f-block .top-hint {
			white-space: nowrap;
			color: #333;
			}
		#content .f-block p {
			line-height: 18px;
			margin-bottom: 8px;
			}
		#content .f-block .contract {
			position: absolute;
			top: 35px;
			left: -130px;
			}

		#content .f-block .worktime {
			color: #999;
			}

		#content .f-block .message {
			margin-bottom: 25px;
			}
		#content .f-block .correct {
			color: #070;
			}
		#content .f-block .incorrect {
			color: #c00;
			}

		#content .f-block .header-1 {
			margin-bottom: 16px;
			}
		#content .f-block .header-1 + p {
			margin-top: 24px;
			}
		#content .f-block .title {
			font-weight: normal;
			}
		#content .f-block fieldset {
			position: relative;
			clear: both;
			padding: 9px 0;
			line-height: 30px;
			}
			#content .f-block fieldset >label {
				float: left;
				}
			#content .f-block fieldset select,
			#content .f-block fieldset input[type="text"],
			#content .f-block fieldset input[type="password"] {
				padding-top: 6px;
				padding-bottom: 6px;
				width: 250px;
				font-size: 13px;
				}
			#content .f-block fieldset .error {
				background: #f5cccc;
				}
			#content .f-block fieldset .t-hint {
				position: absolute;
				left: 405px;
				top: 10px;
				font-size: 15px;
				white-space: nowrap;
				}
			@-moz-document url-prefix() {
				#content .f-block fieldset .t-hint {
					line-height: 16px;
					}
				}
			#content .f-block.login fieldset >label {
				width: 115px;
				}
			#content .f-block.registration fieldset >label {
				width: 148px;
				float: left;
				}
				#content .f-block.registration fieldset >label input {
					margin-right: 5px;
					}

		#content .f-block .actions {
			padding-top: 8px;
			padding-left: 115px;
			}
		#content .f-block.registration .terms,
		#content .f-block.registration .hint,
		#content .f-block.registration .actions {
			padding-left: 148px;
			}
		#content .f-block.registration .actions.type-2 {
			padding-left: 0;
			}
			#content .f-block .actions input[type="submit"] {
				float: left;
				padding: 8px 20px;
				font-size: 14px;
				font-weight: bold;
				}
			#content .f-block .actions .link {
				clear: both;
				padding-top: 16px;
				}
			#content .f-block .actions .ssl {
				float: left;
				margin-left: 10px;
				padding-left: 25px;
				width: 10px;
				line-height: 17px;
				white-space: nowrap;
				background: url(../images/ico/lock.png) no-repeat left center;
				}

		#content .f-block .field {
			overflow: hidden;
			margin-bottom: -8px;
			}
			#content .f-block .field label {
				display: block;
				}
		#content .f-block.registration .terms {
			padding-top: 0;
			line-height: 20px;
			white-space: nowrap;
			}
			#content .f-block.registration .terms label {
				float: none;
				}
		#content .f-block.registration .hint {
			margin-top: 4px;
			margin-bottom: -8px;
			line-height: 14px;
			font-size: 11px;
			white-space: nowrap;
			}

		#content .f-block fieldset.with-contract {
			display: none;
			}
		#content .f-block fieldset.with-contract.opened {
			display: block;
			}
		#content .f-block fieldset.with-contract .header {
			font-size: 12px;
			font-weight: bold;
			}

		#content .f-block .r-group {
			width: 100%;
			}
			#content .f-block.registration fieldset.r-group label {
				display: block;
				margin: 5px 0;
				width: 100%;
				line-height: 35px;
				display: block;
				white-space: nowrap;
				}
			#content .f-block.registration fieldset.r-group label img {
				vertical-align: middle;
				}

		#article .options {
			margin: 0 0 15px 0;
			}
			#article .options .spacer {
				margin: 10px 0;
				border-top: 1px solid #E5E5E5;
				}
			#article .options .header-1 span {
				color: #999;
				}
			#article .options .header-6 {
				margin: 15px 0 10px;
				}
			#article .options fieldset {
				position: relative;
				margin: 5px 0;
				padding: 5px 0;
				}
			#article .options fieldset:hover {
				background-color: #F0F6FE;
				}
				#article .options fieldset label {
					float: left;
					width: 226px;
					padding-right: 10px;
					}
				#article .options fieldset .field {
					margin-left: 236px;
					}
					#article .options fieldset select,
					#article .options fieldset input[type="text"],
					#article .options fieldset input[type="password"] {
						width: 334px;
						 margin-top: -4px;
						font-size: 13px;
						}
				#article .options fieldset .field .hint {
					margin-top: 7px;
					font-size: 11px;
					}
				#article .options fieldset .s-hint {
					position: relative;
					display: inline-block;
					margin-bottom: -2px;
					width: 16px;
					height: 16px;
					background: url(../images/ico/question-white.png) no-repeat left top;
					}

				#article .options fieldset .error {
					background: #f5cccc;
					}
				#article .options fieldset .t-hint {
					position: absolute;
					left: 580px;
					top: 0;
					font-size: 15px;
					white-space: nowrap;
					}
				#article .options .message {
					margin-bottom: 25px;
					}
				#article .options .message-block {
					margin: 0 0 15px;
					padding: 10px 12px;
					background: #ebf5eb;
					border: 1px solid #99cc67;
					}
				#article .options .correct {
					color: #070;
					}
				#article .options em,
				#article .options .incorrect {
					color: #c00;
					}

			#article .options .f-actions {
				margin: 10px 0;
				padding: 10px 0 10px 236px;
				background: #f2f2f2;
				}

		#article .b-top {
			position: relative;
			overflow: hidden;
			margin-bottom: 10px;
			background: #fff;
			}
		.info-page #article .b-top {
			margin-bottom: 0;
			width: 793px;
			}
		#article .b-top.fixed {
			z-index: 11;
			height: 56px;
			border-bottom: 1px solid #ccc;
			}
			#article .b-top.fixed .tab-links {
				display: none;
				}

			#article .header-1 {
				padding: 20px 0 17px;
				}
			#article .header-1 form {
				float: right;
				margin-right: 10px;
				font-size: 12px;
				font-weight: normal;
				}
			.main-page #article .header-1 {
				padding: 0;
				}
				#article .header-1 .status {
					font-size: 13px;
					text-transform: uppercase;
					}
				#article .header-1 .status.blocked {
					color: #c00;
					}
				#article .header-1 .update {
					display: inline-block;
					padding-left: 10px;
					line-height: 14px;
					font-size: 13px;
					font-weight: normal;
					color: #999;
					}

			#article .actions {
				position: absolute;
				top: 49px;
				right: 0;
				}
			#article .b-top.fixed .actions {
				top: 16px;
				}
				#article .actions .message {
					float: left;
					margin-left: 5px;
					line-height: 29px;
					font-size: 11px;
					}
				#article .actions .message.positive {
					color: #070;
					}
				#article .actions .message.negative {
					color: #c00;
					}
				#article .actions .button2 {
					margin-left: 7px;
					}
					#article .actions .button2 .caption span {
						width: 19px;
						}
					#article .actions .add-to-favorites .caption span {
						background: url(../images/ico/favorites-button.png) no-repeat left top;
						}
					#article .actions .add-to-favorites.selected .caption span {
						background-position: left -29px;
						}
					#article .actions .print .caption span {
						background: url(../images/ico/print.png) no-repeat left top;
						}
					#article .actions .export-pdf .caption span {
						background: url(../images/ico/export-pdf.png) no-repeat left top;
						}

			#article a.button + a.button {
				margin-left: 3px;
				}

			#article .tab-links {
				z-index: 1;
				position: relative;
				float: left;
				margin: -7px 0 0;
				height: 28px;
				border-bottom: 1px solid #ccc;
				}
				#article .tab-links a,
				#article .tab-links span {
					float: left;
					margin: 0 0 -1px 0;
					padding: 0 16px;
					line-height: 27px;
					text-decoration: none;
					border: 1px solid #ccc;
					background: #e9e9e9 url(../images/tabs-bg-2.png) repeat-x left top;
					color: #000;
					-webkit-border-radius: 3px 3px 0 0;
					-moz-border-radius: 3px 3px 0 0;
					-ms-border-radius: 3px 3px 0 0;
					border-radius: 3px 3px 0 0;
					}
				#article .tab-links .active {
					background: #fff;
					border-bottom: 1px solid #fff;
					}
				#article .tab-links a + a,
				#article .tab-links span + a,
				#article .tab-links a + span {
					margin-left: 7px;
					}

		#article .info {
			margin: 0 10px 0 0;
			width: 791px;
			border: 1px solid #ddd;
			border-top: none;
			}
		.info-page #article .info {
			margin-top: 10px;
			}
			#article .info .title {
				height: 32px;
				line-height: 32px;
				font-size: 14px;
				font-weight: bold;
				background: #ddd;
				}
			#article .info .title.main {
				height: 0;
				}
			#article .info .title.clone {
				z-index: 50;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #D6D6D6;
				}
				#article .info .title a {
					display: block;
					margin-right: -1px;
					margin-left: -1px;
					padding-left: 25px;
					text-decoration: none;
					background: #ddd url(../images/ico/switch.png) no-repeat 7px top;
					color: #333;
					}
			#article .info .title.closed a {
				background-position: 7px bottom;
				}

			#article .info .details {
				padding: 5px 25px 0;
				margin-bottom: 5px;
				}
			#article .info .details.type-2 {
				padding-top: 0;
				}
			#article .info .details.first {
				padding-top: 8px;
				}
			#article .info .details.closed {
				display: none;
				}

				#article .info .details .ct,
				#article .info .details .cd {
					padding: 5px 0;
					}
				#article .info .details.type-2 .ct,
				#article .info .details.type-2 .cd {
					padding: 4px 0 5px;
					}
				#article .info .details .ct {
					float: left;
					width: 19%;
					}
				#article .info .details .cd {
					margin-left: 21%;
					/* width: 79%; */
					}
					#article .info .details .cd .hint {
						font-size: 12px;
						line-height: 16px;
						margin: 10px 0 0;
						font-style: italic;
						color: #999;
						}
					#article .info .details .cd .row {
						margin-top: 10px;
						}
					#article .info .details .cd .row:first-child {
						margin-top: 0;
						}

				#article .info .details .wr {
					overflow: hidden;
					}
				#article .info .details .wr:first-child {
					margin-top: 5px;
					}
				#article .info .details .wr:hover {
					background-color: #F0F6FE;
					}

					#article .info .details .cd .container {
						position: relative;
						border: 1px solid #E5E5E5;
						height: 240px;
						background: url(../images/preloader.gif) no-repeat center center;
						}
						#article .info .details .cd .container img {
							display: block;
							margin: 0 auto;
							border: none !important;
							}

				#article .info .details >p {
					margin-top: 5px;
					margin-bottom: 10px;
					}

				#article .table {
					margin: 0 0 2px;
					width: 100%;
					border: 1px solid #e5e5e5;
					}
				#article .info .details >table {
					margin: 10px 0;
					}
				#article .info .details.first {
					padding-top: 0;
					}
					#article .info .details.first table {
						margin-top: 10px;
						}
					#article .table th,
					#article .table td {
						padding: 8px;
						border-top: 1px solid #e5e5e5;
						}
						#article .table th .edit,
						#article .table td .edit {
							float: left;
							width: 16px;
							height: 16px;
							text-indent: -9999em;
							background: url(../images/ico/i-edit.png) no-repeat left top;
							}
					#article .table thead th,
					#article .table thead td {
						background: #f5f5f5;
						line-height: 15px;
						}
						#article .table thead th a,
						#article .table thead td a {
							text-decoration: none;
							color: #000;
							}
					#article .table thead th.asc,
					#article .table thead td.asc,
					#article .table thead th.desc,
					#article .table thead td.desc {
						background: #e5e5e5;
						}
					#article .table th {
						font-weight: bold;
						}
					#article .table tbody tr:hover th,
					#article .table tbody tr:hover td {
						background-color: #F0F6FE;
						}
					#article .table tbody td p + p {
						margin-top: 8px;
						}
					#article .table .r {
						text-align: right;
						}
					#article .table .special {
						color: #000;
						}
					#article .table .pie-chart-s {
						display: block;
						width: 58px;
						/*background: url(../images/ico/pie-chart-s.png) no-repeat right center;*/
						}
					#article .table .pie-chart-s img {
						vertical-align: middle;
						}
					#article .table .hint {
						color: #999;
						}
					#article .table .negative {
						color: #c00;
						}
					#article .table .positive {
						color: #070;
						}

					#article .table .block {
						width: 120px;
						}
					#article .table .block + .block {
						margin-top: 8px;
						}

				#article .info .details .table-caption {
					margin-top: -5px;
					padding-bottom: 5px;
					}
					#article .info .details .table-caption .label {
						margin-left: 5px;
						padding: 0 4px;
						font-size: 10px;
						font-weight: bold;
						line-height: 13px;
						text-transform: uppercase;
						background: #55A800;
						color: #fff;
						}

				#article .table.special thead th,
				#article .table.special thead td {
					border-bottom: 1px solid #e5e5e5;
					}
				#article .table.special tbody th,
				#article .table.special tbody td {
					padding-top: 4px;
					padding-bottom: 4px;
					}
				#article .table.special .spacer th,
				#article .table.special .spacer td {
					padding-top: 15px;
					}
				#article .table.special tbody tr:first-child th {
					padding-top: 14px;
					}
				#article .table.special tbody th,
				#article .table.special tbody td {
					padding-left: 22px;
					text-indent: -14px;
					border: none;
					}
				#article .table.special .negative,
				#article .table.special .positive {
					position: relative;
					float: right;
					margin-right: -6px;
					}

				#article .info .details .cd .status {
					font-size: 11px;
					}
				#article .info .details .cd .status.blocked {
					color: #c00;
					}
				#article .info .details .cd ul {
					margin-bottom: 10px;
					}

			#article .info .details + .details {
				border-top: 1px solid #e5e5e5;
				}

			#article .info .type-1 {
				overflow: hidden;
				padding: 0 0 0 25px;
				}
				#article .info .type-1 .col {
					float: left;
					margin: 0;
					width: 50%;
					}
				#article .info .type-1 .col.c2 {
					margin-left: 10px;
					width: 45%;
					}

					#article .info .type-1 .col .t,
					#article .info .type-1 .col .d {
						float: left;
						margin: 4px 5px 4px 0;
						}
					#article .info .type-1 .col .t {
						clear: both;
						width: 38%;
						}
					#article .info .type-1 .col .d {
						width: 59%;
						float: right;
						}

				#article .info .type-1 .col.c2 .t {
					width: 22%;
					}
				#article .info .type-1 .col.c2 .d {
					width: 72%;
					}
				#article .info .type-1 .col.c3 .t {
					padding-left: 16px;
					}
				#article .info .type-1 .col.c3 .d {
					width: 58%;
					}

				#article .info .type-1 .col.chart {
					padding-top: 5px;
					padding-bottom: 5px;
					}
					#article .info .type-1 .col.chart .container {
						margin-top: 5px;
						height: 200px;
						width: 355px;
						background: url(../images/preloader.gif) no-repeat center center;
						border: 1px solid #E5E5E5;
						}
						#article .info .type-1 .col.chart .container img {
							display: block;
							border: none !important;
							}

			#article .info .details .cd .row .col {
				display: none;
				margin-top: 6px;
				}
				#article .info .details .row .col .wr {
					margin: 0;
					}
				#article .info .row .col .t,
				#article .info .row .col .d {
					float: left;
					margin: 4px 0 5px;
					}
				#article .info .row .col .t {
					width: 24%;
					}
				#article .info .row .col .d {
					width: 76%;
					}

			#article .info .details .cd .opener.opened {
				font-weight: bold;
				border-bottom-color: #000;
				color: #000;
				}
			#article .info .details .cd .row .col.opened {
				display: block;
				}

		#article .hint-info {
			/*
			margin-bottom: 8px;
			line-height: 20px;
			color: #999;
			*/
			margin: 15px 0;
			padding: 10px 12px;
			background: #ebf5eb;
			border: 1px solid #99cc67;
			}
		#article .info .col + .hint-info {
			margin-top: 90px;
			}
		#article .info .type-1 .hint-info {
			margin-right: 25px;
			}

		#article .family-tree {
			margin-top: 10px;
			width: 892px;
			height: 752px;
			}

	#article .legend {
		padding: 10px 0 5px;
		}
	#article .legend.center {
		text-align: center;
		}
	#article .legend.bottom {
		position: absolute;
		bottom: 5px;
		left: 0;
		width: 100%;
		}
		#article .legend span + span {
			margin-left: 30px;
			}
	#article .legend-line-1 img,
	#article .legend-line-2 img,
	#article .legend-pointer-1 img,
	#article .legend-pointer-2 img {
		display: inline !important;
		vertical-align: bottom;
		}

	#article.profile .info {
		width: auto;
		border: none;
		}
	#article.profile .info .details {
		margin: 0;
		padding: 0;
		}

	#article.profile .actions {
		position: relative;
		top: auto;
		right: auto;
		overflow: hidden;
		margin-right: 10px;
		margin-bottom: 10px;
		}
		#article.profile .actions .button.left {
			float: left;
			}
		#article.profile .actions form {
			float: right;
			}

	#article .navigationpage {
		margin: 20px 0;
		font-size: 15px;
		color: #666666;
		}
	.search #article .navigationpage {
		width: 587px;
		}

		#article .navigationpage .nav-left {
			text-align: left;
			}
		#article .navigationpage .nav-right {
			padding-right: 10px;
			text-align: right;
			}
			#article .navigationpage .nav-left a,
			#article .navigationpage .nav-right a {
				text-decoration: none;
				}
				#article .navigationpage .prev a,
				#article .navigationpage .next a,
				#article .navigationpage .nav-left a span,
				#article .navigationpage .nav-right a span {
					text-decoration: underline;
					}
		#article .navigationpage .nav-pages {
			text-align: center;
			}
			#article .navigationpage .nav-pages span,
			#article .navigationpage .nav-pages a {
				padding: 0 6px;
				}

/* Footer */
#footer {
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0;
	clear: both;
	padding-top: 17px;
	width: 100%;
	height: 130px;
	font-size: 11px;
	border-top: 1px solid #999;
	}
	#footer .reg,
	#footer .links,
	#footer .contact-info {
		float: left;
		margin-bottom: 15px;
		}
	#footer .reg {
		margin-left: 36px;
		}
		#footer .reg span {
			display: block;
			margin-bottom: 6px;
			}
	#footer .links {
		margin-left: 55px;
		}
		#footer .links a {
			display: block;
			margin-bottom: 6px;
			}
	#footer .contact-info {
		margin-left: 75px;
		}
		#footer .contact-info span {
			display: block;
			}
		#footer .contact-info .time {
			margin-bottom: 4px;
			padding-left: 0;
			}
		#footer .contact-info .phone {
			font-size: 16px;
			margin: 0 0 6px -8px;
			padding-left: 8px;
			background: url(../images/ico/phone.png) no-repeat left 2px;
			}
	#footer .info {
		clear: both;
		margin: 0 36px;
		padding: 14px 0 15px;
		line-height: 18px;
		font-size: 11px;
		border-top: 1px solid #ccc;
		color: #9f9f9f;
		}

#overlay {
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	height: 100%;
	width: 100%;
	background: url(../images/overlay-bg.png) repeat left top;
	}
#overlay.opened {
	display: table;
	}
	#overlay .wrap {
		display: table-cell;
		vertical-align: middle;
		}
		#overlay .modal {
			position: relative;
			margin: 0 auto;
			display: none;
			width: 550px;
			border: 1px solid #999;
			background: #fff;
			}
		#overlay .modal.opened {
			display: block;
			}
			#overlay .modal .header {
				background: #f2f2f2;
				padding: 10px 12px;
				}
				#overlay .modal .header .close {
					position: absolute;
					top: 12px;
					right: 12px;
					text-indent: -9999em;
					width: 13px;
					height: 13px;
					background: url(../images/close.png) no-repeat left top;
					}
			#overlay .modal .top {
				margin: 10px 12px;
				line-height: 20px;
				}
			#overlay .modal form {
				margin: 10px 12px;
				}
				#overlay .modal form .info dt {
					margin-top: 5px;
					margin-right: 10px;
					font-weight: bold;
					}
				#overlay .modal form .info dd {
					margin: 0 10px 15px 18px;
					font-style: italic;
					}
				#overlay .modal form .info.l {
					float: left;
					width: 50%;
					}
				#overlay .modal form .info.r {
					float: right;
					width: 50%;
					}
					#overlay .modal form .info input {
						float: left;
						margin: 0 5px 0 0;
						padding: 0;
						}

				#overlay .modal form .actions {
					clear: both;
					background: #f2f2f2;
					margin: 0 -12px -10px -12px;
					padding: 10px 12px;
					}
					#overlay .modal form .actions .close {
						margin-left: 5px;
						vertical-align: middle;
						}

			#overlay .modal .w {
				overflow: auto;
				margin: 10px;
				padding: 0 10px;
				height: 350px;
				border: 1px solid #eee;
				}
				#overlay .modal .w .textfield p {
					margin: 8px 0 12px;
					}
				#overlay .modal .w .textfield ul li {
					margin: 8px 0;
					}
				#overlay .modal .w .textfield p + ul {
					margin-top: -5px;
					}
				#overlay .modal .w .textfield ul {
					margin-bottom: 12px;
					padding-left: 15px;
					list-style: disc outside;
					}