@media screen, print { 

.tableWidth { width: 800px; min-width: 600px; }
.tableWidth1024 { width: 1024px; min-width: 600px; }
.tableFont { font-size: 10pt; }
.date { font-size: 9pt; font-style: italic; color: grey;  }
.textColor1 { color: white; }
.textColor4 { color: #7e5353; }
.backgroundColor1 { background-color: rgb(0, 86, 162); }
.backgroundColor2 { background-color: rgb(48, 119, 187); }
.backgroundColor3 { background-color: rgb(51, 177, 237); }
.backgroundColor4 { background-color: #00e0ff; }
.border4 { border: 2px solid #00e0ff; }
.borderRadius { border-radius: 20px; }
.balanceInformer { text-align: right; padding: 10px 20px; }
.commentFont { font-size: x-small; }
.textFont { font-size: 10pt; }
.autopaymentSum { text-align: right; }

ul.tabs { padding: 0; margin: 0px 30px; display: table; overflow: auto; list-style-type: none; border-width: 0; border-collapse: collapse; }
ul.tabs>li { float: left; color: black; cursor: pointer; padding: 10px 20px 3px 20px; border-top-left-radius: 15px; border-top-right-radius: 15px; border-top: 1px #00e0ff solid; border-left: 1px #00e0ff solid; border-right: 1px #00e0ff solid; }
ul.tabs>li.selected { background-color: #00e0ff; }

div.textIndent { text-indent: 2em; }
div.text { text-align: justify; font-size: 1em; }
div.text1 { text-align: justify; font-size: 1.1em; }
div.text2 { text-align: justify; font-size: 1.2em; }

div.subTitle { text-align: left; font-size: 1em; font-weight: bold; }
div.subTitle1 { text-align: left; font-size: 1.1em; font-weight: bold; }

div.borderShadow { border: 1px solid #555; border-radius: 5px; box-shadow: 3px 3px 5px #999; margin: 10px 20px; padding: 20px; float: left; }

html, body { 
	height: 100%; 
	background-color: #ffffff; 
	margin: 0; 
	padding: 0; 
	min-width: 500px; 
}

button, input, select {
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 4pt;
	padding-right: 4pt;
}

a { color: #0056a2; text-decoration: none; }
a:hover { color: #269AF0; text-decoration: none; } 
a:visited { color: #0056a2; text-decoration: none; }
	
/* разметка страницы */
.contracts a,.menu a {
	color: #dfebf6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
}
.contracts a:hover,.menu a:hover{color: #ffffff; text-decoration: none;}
.contracts a:visited,.menu a:visited{color: #dfebf6; text-decoration: none;}

.marginTopButtons { margin-top: 20px; }

#all {position: relative; height: 100%;}
html>body #all {height: auto; min-height: 100%;}
	
div.header {
	padding-bottom: 14px;
	padding-left: 30px;
	padding-top: 12px;
}
div.logo {
	background:url(img/logo.png) no-repeat;
	width: 100px;
	height: 50px;
}
div.pageTitle {
	border-bottom-style: solid;
	border-bottom-color: #298ebe;
	border-bottom-width: 1px;
	margin-bottom: 2px;
	background:url(img/skos.gif) no-repeat;
	padding-top: 10px;
	height: 23px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #33b1ed;
	padding-left: 30px;
	font-weight: bold;
}
div.contracts {
	background-color: #0056a2;
	padding: 10px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: -1px;
}
div.contracts span {
	font-weight: bold;
}
div.contracts ul {
	padding-left: 0px;
	padding-right: 10px;
	display: inline;
}
div.contracts li {
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
	background: url(img/peregorodki.gif) no-repeat;
}
div.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0056a2;
	width: 210px;
	margin-top: 15px;
	float: left;
}
div.menu p {
	font-weight: bold;
	padding-left: 20px;
	margin-top: 10px;
}
div.menu ul {
	margin-left: 0px;
	padding-left: 20px;
	background-color: #5391CE;
	border-top-color: white;
	border-top-style: solid;
	border-top-width: 2px;
	border-bottom-color: white;
	border-bottom-style: solid;
}
div.menu li {
	list-style-image: url(img/strelki.gif);
	background-color: #3077BB;
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: white;
	border-left-style: solid;
	border-left-width: 1px;
	padding: 2px;
	padding-left: 10px;
}
div.popup_menu {
	background-color: #77ad5a;
	margin-bottom: 1em;
	border: 1px solid black;
	padding: 7px;
	background: white;
	font-size: 10pt;
	z-index: 10;
}
div.popup_menu p {
	margin: 5 5;
}
div.empty, div.footer {
	height: 40px;
}
div.empty {
	clear: both;
}
div.footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	min-width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0056a2;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-top-width: 1px;
	text-align: right;
}
div.footer p {
	padding: 2px;
}
div.line {
	clear: both;
	border-bottom-style: solid;
	border-bottom-color: #0056a2;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-top-width: 1px;
	margin-bottom: 1px;
	margin-top: 1px;
}
/* конец разметки страницы */

/* служебные страницы с ошибками авторизации, всплывающие окошки с ошибками */
body.popuphelp
{
	margin: 10px;
}
/* заголовки 1/2 уровня на служебных страницах, всплывающих окошках */
h1.titlePage, h2.titlePage
{
	text-align: center;
}
/*некий блочный элемент ссылки закрытия попап-окна*/
.popupClose
{
	text-align: center;	
}

/* рамки с текстом */
div.blackMessage,div.errorMessage,div.infoMessage
{
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dashed black;
	color: black;
	text-align: center;
	background-color: #EEEEEE;
}	
div.errorMessage
{
	border: 1px dashed red;
	color: red;
	background-color: #FFEEEE;
}	
div.infoMessage
{
	border: 1px dashed blue;
	color: blue;
	background-color: #EEEEFF;
}
font.info
{
	color: gray;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/*любые комментарии к таблицам/заполняемым формам*/
em.comment
{
	font-size: x-small;
	vertical-align: text-top;
	color: #a0a0a0;
}

/* формы */
form { margin: 0px;	padding: 0px; }

input[type="text"],
input[type="password"]
{
	border: 1px solid #A9B8C2;
}
	
/*с картиночками инпуты логин/пароль*/
input.inputLogin
{
	width: 130px;
}
	
input.inputPassword
{
	width: 130px;
}
	
select {

}
	
.multiselect {
	width: 150px;
}

/* таблица используемая в формах для компоновки контролов в фильтрах перед таблицей,
   есть отступ снизу */
table.filter {
	margin-bottom: 10px;
	background-color: #ffffff;
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
}
	
table.filter table {
	border-spacing: 0px;
	padding: 0px;
	margin: -1px;
}

table.filter div {
	margin-top: 0px;
	margin-bottom: 2px;
}

/*блок контента страницы. этим id помечен <td>*/
.content {
	color: #000000;
	padding-right: 24px;
	padding-left: 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

div.content {
	margin-top: 15px;
	margin-left: 235px; /* Отступ слева */
}
	
/*таблица для расположения кнопок листания страниц (в основном чтобы в @print убрать картинки)*/
/*возможно, стоит сделать единый стиль для неотображаемых при печати элементов из content*/
.content table.tablePagesBar td,
.content table.tablePagesBar th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
}
	
.content table.tablePagesBar th {
	font-weight: bold;
}
	
/*таблицы с данными*/
table.table800,
table.table
{
	min-width: 400px;
	background-color: #0056a2;
	text-align: center;
	border-spacing: 1px;	
	border-collapse: collapse; /* это+ border для td дублирует border-spacing: 1px; которого как всегда нету в IE*/
}

table.table800
{
	width:100%;
	width:800px;
}
	
table.table800 tbody tr td,
table.table800 tbody tr th,
table.table800 tfoot tr td,
table.table800 thead tr td,
table.table800 thead tr th,
table.table tbody tr td,
table.table tbody tr th,
table.table tfoot tr td,
table.table thead tr td,
table.table thead tr th
{
	padding: 5px;
	text-align: center;
	border: 1px solid #0056a2;
}
	
table.table800 tbody tr td,
table.table800 tfoot tr td,
table.table tbody tr td,
table.table tfoot tr td
{
	background-color: #ffffff;
}
	
table.table800 thead tr td,
table.table800 thead tr th,
table.table800 tbody tr th,
table.table thead tr td,
table.table thead tr th,
table.table tbody tr th
{
	background-color: #3077bb;
	color: #FFFFFF;
}	
	
table.table800 tfoot tr td,
table.table tfoot tr td {
	font-weight: bold;
}

/*пароль белым текстом на белом фоне, чтобы был виден только при выделении*/ 
td.password {
	color: #FFFFFF ! important;
}

td.alignRightAndPadding { text-align: right; padding-right: 10px; }
	
/*некие раскраски срок таблицы (в процессе, выполнено, выполнено с ошибкой)*/
tr.row_status_process td{
	background-color: #E8E8E8 ! important;
}
tr.row_status_ok td{
	background-color: #E8FFE8 ! important;
}
tr.row_status_fail td{
	background-color: #FFE8E8 ! important;
}
/*неактивная строка (серый шрифт)*/
tr.row_status_inactive td{
	color: #8e8e8e ! important;	
}

/*span в виде ссылки (для кнопок-ссылок итд)*/
span.spanaslink{
	border-bottom: 1px dashed #333333;
	cursor: pointer;
}

span.nowrap {
	white-space: nowrap;
}
	
/*таблица для расположения форм ввода многоярусных с кнопкой в нижнем ряду*/
table.layout {
	border-collapse: collapse;
}
table.layout tr td {
	text-align: left;
	padding: 2px;
	margin:  0px;
}
table.layout tr.foot td {
	text-align: right;
}

/* .ui-widget-header { background: none; border: 0px; } */
.ui-widget-content { border: 0px; }

div.paymentSumBlock {
	padding: 0px 4px; 
	display: table;
	width: 100%;
}

div.paymentSumBlock div {
	display: table-row; 
}

div.paymentSumBlock div div {
	display: table-cell;
}

.show { display: block; }
.hide { display: none; }

input.paramEditorButtonSelected
{
	background-color: rgb(51, 177, 237);
}

}

/* стили, применяемые при печати, необходима проверка! */
@media print {
	#idTdLeftPanel, 
	table.button, 
	#idTdSubContracts {
		display: none ! important;
	}
	table.filter {
		padding-bottom: 25px;
	}
	.content td {
		padding: 5px;
	}
	a {
		text-decoration: none;
		color: #000000;
	}
	td.line div {
		border-top-style: none ! important;
	}
	.header {
		border-bottom-color: #000000;
		margin-bottom: 10pt;
	}
	.header tr td {
		padding-left: 0px;
		color: #000000 ! important;
		background-color: #FFFFFF ! important;
	}
	.header th div {
		background:none ! important;
		height: auto ! important;
		width: 0px;
	}
	#idTableHeader.header {
		margin-bottom: 0px ! important;
	}
	#idTdLogo {
		padding-top: 0px ! important;
		padding-left: 10px ! important;
	}
	#idTdSubContractsLine div {
		height: 0px;
	}
	.content {
		padding-right: 0px;
		color: #000000;
		padding-left: 0px;
	}
	table.tablePagesBar img {
		display: none ! important;	
	}
	.comment {
		font-size: 8pt !important;
	}
	#idTdFooter {
		height: auto ! important;
	}
	#idTdFooterMargin {
		height: 0px ! important;
	}
	.content div div.report table thead tr td, 
	.content div div.report table tbody tr th,
	.content div div.report table tbody tr td {
		padding: 1px;
		font-size: 10pt;
	}
}
