/* Техностатьи */
div.techno { width: auto; //float: left; clear: both; margin-top: 1em; }

table.techno .active {  }
table.techno img { vertical-align: top; }
table.techno a, table.techno span { margin-right: 1.5em; //float: left; padding: 2px; }


/* main layout */



div.techno .task,
div.techno .solution,
div.techno .preview,
div.techno .article,
div.techno .author
{ margin: 0 17% 1.5em 16%; padding: 0 0 0 22px; clear: left; position: relative; z-index: 20; left: -22px; }
div.techno table.header {}
div.techno table.header td.photo {text-align: right; padding-right: 10px;}
div.techno table.header td.photo img {width: 64px; height: 64px;}
div.techno p { margin-top: 0; margin-left: 16%; margin-right: 17%; line-height: 130%; }
div.techno .solution { margin-right: 0; //width: 100%; }
div.techno .solution h2 { font-size: 1em; margin-right: 17%; padding-right: 22px; }
div.techno .solution ul, .techno .solution ol { margin-top: 0; margin-right: 17%; margin-bottom: 1em; padding-right: 22px; padding-top: 0; }
div.techno .solution p { margin-right: 17%; margin-left: 0; padding-right: 22px; }
div.techno .solution li p, div.techno .preview p { margin: 0.5em 0; padding: 0; }

div.techno td.task_title {padding-left: 0; padding-top: 1em; padding-bottom: 1em; font-size: 85%; font-style: italic; text-align: right; width: 12.4%;}
div.techno td.task_itself {padding-left: 0; padding-top: 1em; padding-bottom: 1em; font-size: 85%}
div.techno td.task_itself p {padding: 0; margin: 0; text-indent: 0}
div.techno td.corner {padding: 0; width: 5px}

div.techno h1 { font-size: 1.5em; margin-top: 0.1em; margin-bottom: 1em; }
div.techno h1 i.date { display: block; font-size: 0.45em; font-weight: normal; font-style: normal; margin-top: 0.5em }

div.techno h2 { font-size: 1.3em; }

div.techno code { font-size: 1.1em; //font-size: 1em; }
div.techno div.clear { clear: both; width: 45em; border-top: 1px solid #ffffff; font-size: 1px; height: 1px; }

div.techno .task { background: #f5f5ea; font-size: 90%; margin-left: 8%; margin-right: 16%; padding: 1em 22px 1em 0.5em; //height: 1px; }
div.techno .task h2,
div.techno .task p
{ padding: 0; margin: 0; }
div.techno .task h2
{
font-size: 100%; font-weight: normal; font-style: italic; float: left; margin-right1: -100%;
behavior: expression( !this.after
	? this.after = this.innerHTML = this.innerHTML + '.' : '' );
}
div.techno .task h2:after { content: '.'; }
div.techno .task p { padding-left: 10.75%; //padding-left: 10.7%; margin-left: -0.5em; //text-indent: -3px; }

div.techno .author { font-size: 0.89em; margin-bottom: 0; }

div.techno .preview { background: #f5f5ea; margin-left: 8%; margin-right: 0; padding: 2em 17% 2em 8%; left: 0; }
div.techno .preview h3 { font-size: 1em; margin-top: 0; }
div.techno .preview div.clear { border-color: #f5f5ea; width: auto; }

div.techno table.pre { position: relative; margin-left: -1em; }
div.techno div.pre, div.techno div.pre1 {position: relative; top: 0; left: -1em; z-index: 1; clear: left; //xmargin: 1.5em 0 0 0; }
div.techno div.pre pre { width: 100%; overflow: auto; //overflow: visible; overflow-x: auto; float: left; clear: left; margin-top: 0; //padding-bottom: 20px; }
div.techno .first-child code span { font-size: 70%; color: #555555; }
div.techno .first-child code span span { font-size: 100%; }
div.techno p code span { font-size: 100%; }
div.techno div.pre1 pre { width: 100%; overflow: auto; //overflow: visible; overflow-x: auto; float: left; clear: left; margin-top: 0; //padding-bottom: 20px; }

div.techno div.preframe { width: 100%; margin: 0 0 0 -1em; padding: 0; overflow: auto; position: relative; }
div.techno div.preframe table.pre { margin: 0 -1px 0 0; left: -1px; }

.techno .icon { position: relative; }
.techno .icon img { position: absolute; left: -20px; }

.techno td.clear_comment {padding-left: 22px; padding-top: 0;}
.techno td.clear_comment p {margin-left: 0; padding-left: 0;}
.techno table.comment-link {margin-bottom: 2em;}

.techno .codehandler {
	padding: 0;
}

.techno .codehandler .nums 
{
	float: left;
	width: 1.5em;
	z-index:10;
}
.techno .codehandler .nums pre 
{
	padding: 0;
	margin: 0;
}
.techno .codehandler .nums pre code 
{
	color: #666666;
	padding: 0;
	margin: 0px 0.5em 0px 0px;
	display: inline;
	font-size: 0.7em;
}
.techno .codehandler .indented 
{
	width: auto;
	margin-left:1.6em;
}
.techno .codehandler .code 
{
	width:99%;
	overflow: auto;
	z-index:100;
	//overflow: visible;
	//overflow-y: hidden;
	//overflow-x: auto;
}
.techno .codehandler .code pre 
{
	width: 99%;
	padding: 0;
	margin: 0;
}
.techno div.note
{
	position: relative;
	top: 0;
	left: -3em;
	z-index: 1;
	margin-top: 1em;
	margin-bottom: 1.3em;
	background-color: #F5F5EA;
	padding-top: 1em;
	padding-bottom: 1em;
}

table.ordered-list tr
{
	vertical-align: top;
}
table.ordered-list td.number
{
	text-align: right;
	padding-right: 0.5em;	
	padding-top: 0.05em;
}
table.ordered-list td
{
	padding-bottom: 1em;
}
