#document-related	{ margin: 10px; }
#document-related-title	{ margin: 6px 10px; padding: 0; font-weight: bold; }
.document-related-item {
	padding: 1px 1px 7px;
	margin-bottom: 10px;
	background-color: #f9fafc;
	box-shadow: 0px 2px 3px 1px #d0d0d0;
	//background-color:#ebf1f5;


	/*margin:10px;/**/

	background: #c2e7f0;
	/* Old browsers */
	background: -moz-linear-gradient(top, #c2e7f0 0%, #9bcad5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2e7f0), color-stop(100%,#9bcad5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c2e7f0 0%,#9bcad5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c2e7f0 0%,#9bcad5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #c2e7f0 0%,#9bcad5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2e7f0', endColorstr='#9bcad5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #c2e7f0 0%,#9bcad5 100%); /* W3C */
}
.document-status-draft {
	background: #EAEEF1;
	/* Old browsers */
	background: -moz-linear-gradient(top, #FFF 0%, #EAEEF1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#EAEEF1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFF 0%,#EAEEF1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFF 0%,#EAEEF1 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFF 0%,#EAEEF1 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EAEEF1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FFF 0%,#EAEEF1 100%); /* W3C */
}
.document-status-work {
	background: #E1EFF2;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ECF7FA 0%, #E1EFF2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ECF7FA), color-stop(100%,#E1EFF2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ECF7FA 0%,#E1EFF2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ECF7FA 0%,#E1EFF2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ECF7FA 0%,#E1EFF2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ECF7FA', endColorstr='#E1EFF2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ECF7FA 0%,#E1EFF2 100%); /* W3C */
}

.document-related-actions {
	float: right;
	margin: 0 10px 0 0;
	//margin-top: 0.6em;
}
.document-related-title	{ margin: 0.6em 10px 0.3em; padding: 0; font-weight: bold;}
.document-related-title h2 { margin:0; font-size: 110%;}
.document-related-info ul	{ margin: 6px 10px; padding: 0; }
.document-related-info li {
	list-style: none;
	display: inline-block;
	margin: 0 20px 0 0;
	padding: 0;
	color: #666666;
	position: relative;

	//display:inline;
	//zoom: 1;
}
.document-related-info a	{ color: #000000; }
.document-related-info div {
	list-style: none;
	display: inline-block;
	margin: 0.3em 10px 0.3em 10px;
	padding: 0; color: #666666;
	position: relative;

	//display:inline;
	//zoom: 1;
}

#document-endorsement-approve {
	border-top: 1px solid #9EAFBF;
	border-bottom: 1px solid #9EAFBF;
	padding: 1em 10px;
	margin: 1.2em 0;
}
.document-related-item .document-content-tab-list {
	text-align:left;
}
.document-related-item .document-content-tab {
	margin: 0 -10px -17px;
	padding: 10px;
}

#document-container .document-report-form {
	border-top: 5px solid #d3dde7;
	padding: 10px;
}
#document-container .document-report-form textarea {
	display: none;
}
#document-container .document-report-form textarea.active {
	display:block;
}
#document-container h2 {
	display:inline-block;
	margin-top:0;

	//display:inline;
	//zoom: 1;
}

.document-reports-pager {
	float:right;
	margin: 0 0 0.6em;
}
.document-reports-pager .prev {
	margin-right: 1em;
}

/* Связанный документ */
.document-related-item .document-related-item-header,
.document-related-placeholder .document-related-item-header {
	position:relative;
	border: 5px solid transparent;
}
.document-status-work .document-related-item-header {
	border-color: #B0DAE4;
	border-color: rgba(156,203,214, .7);
}
.document-related-trigger {
	position:absolute;
	right: 10px;
	bottom: 4px;
	//bottom: 7px;
}
.document-related-item-body {
	display:none;
	padding: 10px;
	/*text-align: center;/**/
}
.document-related-item-body img {
	width: 100%;
	border: 1px solid #ddd;
	max-width: 700px;
}


/* Плейсхолдер */
.document-related-placeholder	{
	position: relative;
	background-color: #F9FAFC;
	border: 1px dashed #9EAFBF;
	box-shadow: none;
	padding: 1px 1px 7px;
	margin-bottom: 10px;
}
.document-related-placeholder .document-related-actions {
	margin-top: 0;
}
/*
.document-related-placeholder .document-related-title *,
.document-related-placeholder .document-related-info * { color:#999; }
*/