@import url(generic.css);

BODY {
	background: #fff;
}

A, .clickable {
	text-decoration: none;
	color: #ea0000;
}

A:hover, .clickable:hover {
	text-decoration: underline;
}

FORM .autoclear-default {
	color: #888;
}

#document {
	width: 960px;
	margin: 50px auto;
	padding: 0 10px;
	font-size: .6875em;
	font-family: verdana, geneva, sans-serif;
}

#header {
	margin-bottom: 2em;
}

	#header .section {
		border: 1px solid #6b6b6b;
		border-top: 0;
		border-left: 0;
		margin-bottom: 1px;
		padding-left: 2em;
		padding-right: 3em;
	}
	
	#header .section-upper {
		padding-top: 3em;
		padding-bottom: 1em;
		position: relative;
		z-index: 2;
	}

	#header .nav-top {
		float: right;
		font-size: 1.36em;
		line-height: 1em;
		margin-top: 20px;
	}

	#header .nav-top LI.language {
		position: relative;
	}

	#header .nav-top .clickable {
		color: #3E3E3E;
	}
	
	UL.drop-down {
		display: none;
		position: absolute;
		top: 1.3em;
		left: 1em;
		background: #f0f0f0;
		font-size: .85em;
		padding: .2em;
		border: #ccc 1px solid;
		box-shadow: rgba(0, 0, 0, .5) .2em .2em 1em;
		-webkit-box-shadow: rgba(0, 0, 0, .5) .2em .2em 1em;
		-moz-box-shadow: rgba(0, 0, 0, .5) .2em .2em 1em;
	}

	UL.drop-down LI {
		margin: .2em 0;
		padding: 0;
		border: 0 !important;
		font-size: .85em !important;
		float: none;
	}

	UL.drop-down LI.selected {
		font-weight: bold;
	}

	LI.hover .drop-down,
	LI:hover .drop-down {
		display: block;
	}

	#header .section-lower {
		padding: .5em 2em;
		overflow: hidden;
		clear: both;
		height: 2em;
	}
	
	#header .search {
		float: right;
		margin-right: 2em;
	}

		#header .search .dig-query {
			border: 1px solid #a9a9a9;
			height: 1.5em;
			width: 11.8em;
			float: right;
			padding: .2em;
			position: relative;
			top: -3px;
		}
		
		#header .search .submit {
			background: url(../img/bullet.png) center center no-repeat;
			width: 2em;
			height: 2em;
			text-indent: -1000px;
			float: right;
			overflow: hidden;
		}

		.ul_james {
			z-index: 100;
			margin: 0;
			padding: 0;
			list-style-position: outside;
			list-style: none;
			border: 1px solid #A9A9A9;
			border-top: 0;
			box-shadow: .1em .1em 2em #aaa;
			-moz-box-shadow: .1em .1em 2em #aaa;
			-webkit-box-shadow: .1em .1em 2em #aaa;
		}
		
		.li_james {
			cursor: pointer;
			background-color: #fff;
			border-top: 1px solid #e0e0e0;
			padding: .25em;
		}
		
		.li_james_hovered {
			color: #EA0000;
		}
		
	#header .nav-main {
		font-size: 1.45em;
		line-height: 1em;
	}

	#header .nav LI {
		border-left: 1px solid #888;
		padding-left: 1em;
		margin-right: 1em;
	}

	#header .nav LI.selected A {
		color: #EA0000;
	}

	#header .nav LI.first-child,
	#header .nav LI:first-child {
		border-left: 0;
	}
	
	#header .nav A {
		color: #3e3e3e;	
	}
		
#content {
	clear: both;
	background: url(../img/content-bg.png) center 145px no-repeat;
	position: relative;
	overflow: hidden;
}

	#content H1 {
		font-size: 2.5em;
		text-transform: uppercase;
		color: #555;
		font-weight: normal;
	}
	
	#content.frontpage .column-side .section P {
		max-height: 20em;
		overflow: hidden;
	}
	
	.column-main H2 {
		color: #000;
		font-size: 1em;
		font-weight: bold;
	}

	.column-main H3 {
		font-size: 1em;
		text-transform: none;
	}

	.column-top {
		border-bottom: 1px solid #000;
		padding: 0 0 25px 0;
		margin-bottom: 1em;
	}

		.column-top .title {
			width: 531px;
			height: 108px;
			background: url(../img/concrete-issues-big.png) no-repeat;
			text-indent: -2000px;
			margin: 0 auto;
		}
	
	.column-side {
		width: 172px;
		float: left;
		padding-top: 1px;
	}

	.column-side-left {
		padding-left: 8px;
		padding-right: 18px;
		border-right: 1px solid #000;
		margin-right: -1px;
	}

	.column-side-right {
		padding-right: 8px;	
		padding-left: 18px;
		border-left: 1px solid #000;
		margin-left: -1px;
	}
	
	.column-side H3 {
		font-size: 1.27em;
		text-transform: uppercase;
		color: #3c3c3c;
		margin-top: 0;
		position: relative;
	}

	.column-side H3 A {
		color: #3c3c3c;
	}

	#content .column-side .section-toc-expandable {
		overflow: hidden;
		position: relative;
		height: 368px; /* ugliness by customer request */
	}

	#content .column-side .section-toc-extra-height {
		height: 478px;  /* ugliness by customer request */
	}

	.column-side .section-toc H3 {
		text-transform: none;
		font-size: 2.5em;
	}

	.column-side .section-toc LI {
		padding-left: 20px;
		background: url(../img/bullet.png) 0 .4em no-repeat;
		font-size: 1.63em;
		margin: 0 0 1em 0;
	}

	.column-side .section-toc LI A {
		color: #3c3c3c;
	}

	.column-side .section-toc LI.current A {
		color: #EA0000;
	}

	.column-side .section-toc .show-rest {
		display: none;
		font-size: 1.63em;
		text-transform: uppercase;
	}

	.column-side .section-toc .archive {
		font-size: 1.63em;
		text-transform: uppercase;
	}
	
	.column-side .section {
		border-top: 1px solid #000;
		margin-bottom: 2em;
		padding: 2em 0 1em 0;
	}

		.column-side DIV.first-child,
		.column-side .section:first-child {
			border-top: 0;
			padding-top: .5em;
		}
		
	.column-main {
		float: left;
		width: 540px;
		padding: 0 11px;
		margin: 0;
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	
	#comment-article {
		padding: 2em 1em 1em 1em;
		clear: both;
		border-top: 1px solid #6b6b6b;
		font-size: 1em;
	}
		
		#comment-article FIELDSET.left {
			width: 197px;
			float: left;
		}
	
		#comment-article FIELDSET LABEL {
			display: none;
		}
	
		#comment-article FIELDSET.left INPUT {
			width: 190px;
			border: 1px solid #ababab;
			height: 2em;
			line-height: 2em;
			font-size: 1em;
			padding: 0 .2em;
			font-family: verdana, geneva, sans-serif;
			margin-bottom: .7em;
		}
	
		#comment-article FIELDSET.right {
			width: 318px;
		}
	
		#comment-article FIELDSET.right TEXTAREA {
			float: right;
			width: 300px;
			border: 1px solid #ababab;
			height: 5.2em;
			line-height: 1.5em;
			font-family: verdana, geneva, sans-serif;
			font-size: 1em;
			padding: 0 .2em;
		}
	
		#comment-article FIELDSET.bottom {
			clear: both;
			text-align: right;
			padding: 1em 0;
		}
		
		#comment-article FIELDSET.bottom A {
			margin-left: 3em;
		}
		
		#comment-article FIELDSET.bottom .note {
			float: left;
			text-align: left;
			color: #888;
			font-size: .9em;
			margin-top: -8px;
		}
	
		#comment-article .are-you-human {
			display: none;
		}
		
		#comment-article H3 {
			color: #EA0000;
			margin: 0 0 .5em 0;
		}
		
	.write-comment {
		float: right;
	}
	
	H3.comments {
		color: #EA0000;
		border-top: 1px solid #6b6b6b;
		margin-top: 2em;
		padding: 2em 0 1em 0;
	}
	
	#comments {
		margin: 1em 0;
		overflow: hidden;
	}
	
	#comments LI {
		margin: 2em 0 1em 0;
	}

	#comments LI:first-child {
		margin-top: 1em;
	}
	
		#comments LI .by {
			/*display: block;*/
		}

		#comments LI .by .nick {
			font-weight: bold;
		}
		
	.no-more-comments {
		color: #888;
	}

	#article-toolbar {
		margin: 4em 0 0 0;
	}
	
		.toolbar {
			clear: both;
			overflow: hidden;		
		}

		.toolbar .icon {
			background-repeat: no-repeat;
			background-position: left center;
			height: 18px; /* biggest height */
			line-height: 18px;
			text-indent: -1000px;
			float: left;
			display: block;
			margin-right: 2em;
			cursor: pointer;
		}
		
		.toolbar .share {
			width: 73px;
			margin-right: 4em;
			background-image: url(../img/icon-share.png)
		}
	
		.toolbar .download {
			width: 14px;
			background-image: url(../img/icon-download.png)
		}
	
		.toolbar .print {
			width: 17px;
			background-image: url(../img/icon-print.png)
		}
	
		.toolbar .mail {
			width: 45px;
			background-image: url(../img/icon-send.png)
		}
			
	.section-poll .submit {
		background: url(../img/bullet.png) 4px center no-repeat;
		padding-left: 32px;
		font-size: 1.36em;
		color: #000;
		text-transform: uppercase;
		margin-top: 1em;
	}

	
	.section-poll FIELDSET {
		margin: .5em 0;
		clear: both;
	}

	.section-poll LABEL {
		cursor: pointer;
		display: block;
		padding: .5em;
	}

	.section-poll LABEL:hover {
		background: #eee;
	}
	
	.section-poll .results .result {
		text-indent: -1000px;
		background: #EA0000 url(../img/poll-result-bg.png) repeat-x;
		height: 1.2em;
		margin: .4em 0 .5em 0;
		min-width: .2em;
	}
	
	.column-side .section UL.flat LI {
		margin: 1em 0;
	}

	.column-side .section-related {
		padding-bottom: 0;
	}

	UL.stories-with-thumb LI {
		clear: both;
		overflow: hidden;
		margin: 2em 0;
	}

	UL.stories-with-thumb H2 {
		font-size: 1.2em;
		margin-top: 0;
	}

	UL.stories-with-thumb LI IMG {
		float: left;
		margin: 0 1em 1em 0;
	}
	
	UL.stories-with-thumb .read-more {
		float: right;
		margin-top: -1em;
	}

	UL.tags {
		clear: both;
		overflow: hidden;
		list-style: none;
		margin: 1em 0;
		padding: 0;
	}
		
	.column-side H4 {
		text-transform: uppercase;
		clear: both;
	}
	
	UL.tags LI {
		float: left;
		clear: left;
		padding: .1em .2em;
		margin: .2em;
		border: 1px solid #fff;
		background: #fff;
		white-space: nowrap;
		border-radius: .4em;
		-webkit-border-radius: .4em;
		-moz-border-radius: .4em;
	}

	UL.tags LI A {
	}

	UL.tags LI.selected,
	UL.tags LI:hover {
		background: #EA0000;
		border-color: #EA0000;
	}

	UL.tags LI.selected A,
	UL.tags LI:hover A {
		color: #fff;
		text-decoration: none;
	}
	
	.scrollable-gallery {
		margin: .5em 0 2.5em 0;
		overflow: hidden;
	}
	
	.scrollable-gallery .next,
	.scrollable-gallery .prev {
		float: left;
		width: 14px;
		height: 26px;
		margin-top: 35px;
		text-indent: -1000px;
		overflow: hidden;
	}

	.scrollable-gallery .next:hover,
	.scrollable-gallery .prev:hover {
		opacity: .6;
	}

	.scrollable-gallery .next-disabled:hover,
	.scrollable-gallery .prev-disabled:hover {
		opacity: 1;
	}

	.scrollable-gallery .next {
		background: url(../img/gallery-nav.png) top right no-repeat;
		margin-left: 6px;
	}

	.scrollable-gallery .prev {
		background: url(../img/gallery-nav.png) top left no-repeat;
		margin-right: 6px;
	}

	.scrollable-gallery .next-disabled {
		background-position: bottom right;
		cursor: auto;
	}

	.scrollable-gallery .prev-disabled {
		background-position: bottom left;
		cursor: auto;
	}

	.scrollable-gallery .window {
		float: left;
		width: 500px;
		height: 99px;
		overflow: hidden;
		position: relative;
	}
	
	.scrollable-gallery .scrollable {
		position: absolute;
		top: 0;
		left: 0;
		width: 5000px;
	}
	
	.scrollable-gallery .scrollable LI {
		position: relative;
		padding: 3px;
	}

	.scrollable-gallery .scrollable LI A:hover {
		opacity: .8;
	}

	.scrollable-gallery .scrollable LI .zoom {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 17px;
		height: 17px;
		background: url(../img/icon-zoom.png) no-repeat;
		text-indent: -1000px;
		overflow: hidden;
	}
	
	.scrollable-gallery .scrollable .video {
		background: url(../img/video-placeholder.jpg) no-repeat;
		display: block;
		height: 96px;
		overflow: hidden;
		position: relative;
		text-align: center;
		width: 150px;
	}

	.scrollable-gallery .scrollable .video:hover {
		text-decoration: none;
	}
	
	.scrollable-gallery .scrollable .video img {
		display: block;
		margin: 0 auto;
	}

	.scrollable-gallery .scrollable .video .play {
		background: url(../img/video-play-cover.png) 0 0 no-repeat;
		cursor: pointer;
		display: block;
		height: 96px;
		left: 0;
		overflow: hidden;
		position: absolute;
		text-indent: -10000in;
		top: 0;
		width: 150px;
	}
	
	.gallery-popup,
	.popup {
		position: fixed;
		top: 20px;
		left: 259px;
		display: none;
		width: 443px;
		z-index: 100;
	}
	
	.gallery-popup .content,
	.popup .content {
		background: url(../img/popup-bg.png) left top no-repeat;
		padding: 20px;
		overflow: hidden;
	}

	.gallery-popup .content {
		/*max-height: 500px;*/	
	}

	.gallery-popup .content IMG {
		margin: 0 auto;
		display: block;
	}

	.gallery-popup .content .caption {
		margin-top: 1em;
		font-style: italic;
	}
	
	.gallery-popup .toolbar,
	.popup .toolbar {
		background: url(../img/popup-bg.png) left bottom no-repeat;
		padding: 20px;
	}

	.gallery-popup .toolbar .close,
	.popup .toolbar .close {
		float: right;
		text-indent: -1000px;
		overflow: hidden;
		width: 21px;
		height: 21px;
		background: url(../img/icon-close.png) left top no-repeat;
	}

	.gallery-popup .toolbar .close:hover,
	.popup .toolbar .close:hover {
		background-position: left bottom;
	}
	
	.gallery-popup .content .image {
		background: url(../img/loading.gif) center 150px no-repeat;
		min-height: 200px;
	}
	
	.gallery-popup .content #tube {
		background: #000;
	}

	.column-main .related {
		margin: 2em 0;
		overflow: hidden;
	}
	
	.column-main .related H3 {
		float: left;
		margin: 0 1em 0 0;
	}
		
	FORM.std FIELDSET {
		clear: both;
		margin: .5em 0;
	}
	
	.popup FORM.std FIELDSET {
		padding-left: 98px;
	}

	.popup FORM.std FIELDSET LABEL {
		float: left;
		margin-left: -98px;
		width: 88px;
	}
	
	.popup FORM.std FIELDSET INPUT,
	.popup FORM.std FIELDSET TEXTAREA {
		width: 280px;
	}

	.popup FORM.std FIELDSET INPUT.submit {
		width: auto;
	}

	FORM.std FIELDSET .help {
		font-style: italic;
		margin: .2em 0;
	}
	
	FORM.std .submit {
		display: block;
		margin: 1em 0;
	}
	
	FORM IMG.loading {
		display: none;
		margin-left: 120px;
	}
	
	.popup .toolbar .close {
		margin-right: 0;
	}

	#popup-share-link {
		z-index: 200;
		top: 40px;
	}
	
		#popup-share-link FORM {
			padding-top: 40px;
		}
	
		.lang-en #popup-share-link FORM {
			background: url(../img/title-share-link-en.png) top left no-repeat;
		}
	
		.lang-ru #popup-share-link FORM {
			background: url(../img/title-share-link-ru.png) top left no-repeat;
		}
	
		#popup-share-link .msg {
			display: none;
			margin-top: 4em;
			text-align: center;
			font-size: 1.5em;
			color: #555;
		}
		
	#content.frontpage .article-body-intro P {
		margin-bottom: 0;
	}
	
	#content.frontpage .article-body {
		display: none;
	}

	#content.frontpage .article-body P:first-child {
		display: none;
	}
	
	.article-read-more {
		display: block;
		line-height: 3em;
	}
	
	.ingress {
		font-weight: bold;
	}
			
#footer {
	clear: both;
	padding-top: 4.5em;
	margin-top: 1em;
	background: url(../img/footer-bg.png) repeat-x;
}

	#footer .search {
		background: #ffd800 url(../img/footer-search-from.png) 55px center no-repeat;
		padding: .7em 0 .7em 135px;
		height: 24px;
	}
	
		#footer .search .dig-query {
			background: #fff url(../img/search-bg.png) no-repeat;
			border: 0;
			width: 237px;
			height: 16px;
			line-height: 16px;
			padding: 4px;
			display: block;
			float: left;
			margin: 0 12px;
		}
		
		#footer .checkbox {
			display: none;
		}
		
		#footer LABEL {
			height: 24px;
			display: block;
			float: left;
			text-indent: -2000px;
			background-position: 0 0;
			background-repeat: no-repeat;
			margin-right: 24px;
			cursor: pointer;
		}
		
		#footer LABEL.concreteissues-com {
			width: 103px;
			background-image: url(../img/footer-radio-concrete-issues-com.png);
		}

		#footer LABEL.elematic-com {
			width: 76px;
			background-image: url(../img/footer-radio-elematic-com.png);
		}

		#footer LABEL.precastfountain-com {
			width: 107px;
			background-image: url(../img/footer-search-precast-fountain-com.png);
		}

		#footer LABEL.concreteissues-com-checked {
			background-image: url(../img/footer-radio-concrete-issues-com-checked.png);
		}

		#footer LABEL.elematic-com-checked {
			background-image: url(../img/footer-radio-elematic-com-checked.png);
		}

		#footer LABEL.precastfountain-com-checked {
			background-image: url(../img/footer-search-precast-fountain-com-checked.png);
		}
		
		#footer .search .submit {
			margin-top: -1px;
		}
	
	#footer .nav-legal {
		text-align: center;
		margin: 2em auto;
		color: #7c7c7c;
		line-height: 1em;
	}

	#footer .nav-legal LI {
		display: inline;
		border-left: 1px solid #7c7c7c;
		padding: 0 1em;
	}

	#footer .nav-legal LI:first-child {
		border-left: 0;
	}

	#footer .nav-legal A {
		color: #7c7c7c;
	}