@media screen, print {

.tableWidth { width: 800px; 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; }

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; }
	
/* всякие служебные окна */
body.popuphelp
{
	margin: 10px;
}
/* заголовки 1/2 уровня на всяких служебных окнах */
h1.titlePage, h2.titlePage
{
	text-align: center;
}
/* рамки с текстом */
div.blackMessage,div.errorMessage,div.infoMessage
{
	margin: 10px;
	padding: 10px;
	border: 1px dashed black;
	/*font-size: 11pt;*/
	color: black;
	/*font-weight: bold;*/
	/*font-style: italic;*/
	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;
}
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;
}

font.info
{
	color: gray;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
/*некий блочный элемент ссылки закрытия попап-окна*/
.popupClose
{
	text-align: center;	
}
/* общие элементы */
body { background-color: #ffffff; margin: 0; }
html, body { height:100%; }

button, input, select {
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 4pt;
	padding-right: 4pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a { color: #0056a2; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover { color: #269AF0; text-decoration: none; } 
a:visited { color: #0056a2; text-decoration: none; } 
img { margin: 0px; }
hr { color: #0056a2; size: 1px; border: dotted 1px #0056a2; }
/*стили меню (слева и сверху)*/
.menu a {
	color: #dfebf6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
}
.menu a:hover{color: #ffffff; text-decoration: none;}
.menu a:visited{color: #dfebf6; text-decoration: none;}
/*любые комментарии к таблицам/заполняемым формам*/
em.comment
{
	font-size: x-small;
	vertical-align: text-top;
}
/* формы */
form { margin: 0px;	padding: 0px; }
/* подсказки в формах */
.formHint { color: #a0a0a0;	font-size: x-small;	font-style: italic; }
/* контролы в формах */
select, textarea
{
	border-width: 1px;
	border-style: solid;
	border-color: #0056a2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*с картиночками инпуты логин/пароль*/
input.inputLogin
{
	background: url(img/ilogin.png) no-repeat;
	background-position: 0px 1px;
	padding-left: 18px;
}
input.inputPassword
{
	background: url(img/ipass.png) no-repeat;
	background-position: 0px 1px;
	padding-left: 18px;
}	
/* кнопка синенькая */
table.button {
	border-collapse: collapse ! important;
	height: 17px ! important;
	/*display: inline ! important;*/
}
table.button td {
	margin: 0px ! important;
	cursor:default ! important;
	color:#FFFFFF ! important;
	font-size:8pt ! important;
	font-weight: normal ! important;
	background-repeat: repeat ! important;
	border: none ! important;	
}
table.button td.l {
	background:url(img/but_l.gif) repeat;
	padding-left: 3px ! important;
	padding-right: 0px ! important;
	padding-top: 0px ! important;
	padding-bottom: 0px ! important;

}
table.button td.r {
	background:url(img/but_r.gif);
	padding-left: 0px ! important;
	padding-right: 3px ! important;
	padding-top: 0px ! important;
	padding-bottom: 0px ! important;
}
table.button td.m {
	/*height: 16px ! important;*/
	background:url(img/but_m.gif) ! important;
	background-repeat:repeat-x ! important;
	text-align:center ! important;
	vertical-align:middle ! important;
	padding-top:0px ! important;
	padding-left:4px ! important;
	padding-bottom:0px ! important;
	padding-right:3px ! important;
	cursor:pointer ! important;
}
/* логотипы сверху лайаута */
#idTdLogo {
	padding-bottom: 14px;
	padding-left: 30px;
	padding-top: 12px;
}
#idTdLogo div {
	background:url(img/logo.png);
	width: 100px;
	height: 50px;
}
#idTdLogo2{
}
#idTdLogo2 div {
}
/* светло-синий заголовок со скосом */
.header {
	border-bottom-style: solid;
	border-bottom-color: #298ebe;
	border-bottom-width: 1px;
	margin-bottom: 2px;
}
.header th div {
	background:url(img/skos.gif);
	width: 13px;
	height: 33px;
}
.header tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #33b1ed;
	padding-left: 17px;
}
#idTableHeader.header {
	margin-bottom: 30px;
}
/* подзаголовок */
#idTdSubContracts {
	background-color: #0056a2;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
	height: 35px;
}
#idTdSubContracts img {
	margin: 0px;
	padding: 0px;
}
#idTdSubContracts a {
	margin-left: 18px;
	margin-right: 18px;
}
/*белый промежуток под подзаголовком*/
#idTdSubContractsLine div {
	height: 20px;
}
/*линия общая для #idTdSubContractsLine и снизу ещё */
td.line div {
	border-top-style: solid;
	border-top-color: #0056a2;
	border-top-width: 1px;
}
/* белый промежуток снизу */
#idTdFooterMargin {
	height: 10px;
}
/*самый нижний синий подвал*/
#idTdFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0056a2;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-top-width: 1px;
}
/* левая панель, меню */
#idTdLeftPanel {
	width: 207px;
	vertical-align: text-top;
	padding-right: 28px;
}
#idTableMenu {
	width: 207px;
}
#idTableMenu thead tr td {
	height: 36px;
	background-color: #0056a2;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 2px;
	padding-top: 1px;
	margin: 0px;
}
#idTableMenu tbody tr td {
	background-color: #3077bb;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	margin: 0px;
}
#idTableMenu tbody tr th img {
	padding: 0px;
	margin: 0px;
}
#idTableMenu tbody tr th {
	height: 21px;
	width: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-right-width: 1px;
	background-color: #5391ce;
	text-align: center;
}
#idTableMenu tbody tr th img{
	vertical-align: middle;
}
#idTableMenu tfoot tr td {
	height: 25px;
	background-color: #0056a2;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-top-width: 1px;
}
/*блок контента страницы. этим id помечен <td>*/
#idTdContent {
	padding-right: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 15px;
}

/*таблицы с данными*/
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;
}
	
/*некие раскраски срок таблицы (в процессе, выполнено, выполнено с ошибкой)*/
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;	
}

/* Таблица используемая в формах для компоновки контролов */
table.filter {
	margin-bottom: 10px;
	border-collapse: collapse
}
table.filter th,
table.filter td{
	padding-bottom: 5px;
	padding-right: 5px;
	white-space: nowrap;/*?*/
}
table.filter th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	padding-left: 0px;
}
table.filter td{
}
table.filter a {
	font-size: 10px;
}
	

/*�������� ������� ������*/
#idTdContent div div.report {
}

#idTdContent div div.report table{
	background-color: #0056a2;
}

#idTdContent div div.report table thead tr td, 
#idTdContent div div.report table tbody tr th,
#idTdContent div div.report table tbody tr td {
	padding: 5px;
}

#idTdContent div div.report table tfoot tr td {
	padding: 5px;
}
	
#idTdContent div div.report table tbody tr td,
#idTdContent div div.report table tfoot tr td
{
	text-align: center;
}

#idTdContent div div.report table thead td,
#idTdContent div div.report table tfoot th {
	background-color: #3077bb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

#idTdContent div div.report table tbody th {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #FFFFFF;*/
	text-align: center;
	font-weight: normal;
	white-space: nowrap;
/*
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
*/
}

#idTdContent div div.report table td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}

#idTdContent div div.report table tfoot tr td {
	font-weight: bold;
}

	
/*таблица для расположения кнопок листания страниц (в основном чтобы в @print убрать картинки)*/
#idTdContent div div.report table.tablePagesBar td,
#idTdContent div div.report 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;
}
#idTdContent div div.report table.tablePagesBar th {
	font-weight: bold;
}


/*совершенно пустая табличка, с нулевыми отступами, для расположения всякого*/
table.layout {
	border-collapse: collapse;
}
table.layout, td.layout {
	border-style: none ! important;
	padding: 0px ! important;
	margin: 0px ! important;
}



/*таблицы с данными*/
#idTdContent table.table800
{
	width:100%;
	max-width:800px;
	min-width:600px;
	text-align: center;	
	border-spacing: 1px;
	border-collapse: collapse; /* это+ border для td дублирует border-spacing: 1px; которого как всегда нету в IE*/
}	
#idTdContent table.table800 thead tr td,
#idTdContent table.table800 tbody tr td,
#idTdContent table.table800 tfoot tr td
{
	border: 1px solid #0056a2;
}

td.password { color: #FFFFFF ! important; }

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

}

@media print {
#idTdLeftPanel,
table.button,
#idTdSubContracts {
	display: none ! important;
}
table.filter {
	padding-bottom: 25px;
}
#idTdContent 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;
}
#idTdContent {
	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;
}
#idTdContent div div.report table thead tr td, 
#idTdContent div div.report table tbody tr th,
#idTdContent div div.report table tbody tr td {
	padding: 1px;
	font-size: 10pt;
}
/*
select {
	font-size: 10pt;
}*/
}




/* стили конкретно мемо, надо бы переделать их на h1/h2 итд */
div.MemoDate { font-size: 8pt; color: #0086d2; }
div.MemoDate span { font-weight: bold; margin-right: 1em; }
div.MemoTitle { font-size: 12pt; color: #0056a2; margin-top: 5px; }
div.MemoTitle span { font-weight: bold; margin-right: 1em; }
