@media screen, print {
/*
ACHTUNG! Не плодите стили через id элементов, надо чтобы стили по назначению
были а не по местоположению. Т.е. через тип элементов определяйте.
Тем более определять сдесь id-стили к примеру, от ХелпДеска - это вообще странно
и сугубо идеологически некорректно. 
*/

/* всякие служебные окна */
body.popuphelp
{
	margin: 10px;
}

span.warningDr
{
	color: red;
}

/* заголовки 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;
}
/*некий блочный элемент ссылки закрытия попап-окна*/
.popupClose
{
	text-align: center;	
}
/* общие элементы */
body { background-color: #ffffff; margin: 0; }
html, body{	height:100%; }
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, input, textarea
{
	border-width: 1px;
	border-style: solid;
	border-color: #0056a2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
/*
input.button, input.submit
{
	color: white;
	font-size: 18pt;
	background-color: #2c74b9;
	border-color: #0056a2;	
}
*/
input
{
	padding-left: 2px;
	padding-right: 2px;
}
/*с картиночками инпуты логин/пароль*/
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;
}	
/*
не используется
div.button {
	background:url(/img/button.gif);
	width:58px;
	height: 16px;
	font-size:8pt;
	text-align:center;
	vertical-align:middle;
	padding-top:1px;
	padding-left:1px;
	cursor:default;
	color:#FFFFFF;
	display: inline;
	font-weight: normal;
}
*/
/* кнопка синенькая */
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-online.png);
	width: 172px;
	height: 47px;
}
#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;
}
	
	
	


/*other styles*/
#idTableNews tr td {
	padding-bottom: 18px;
}

span.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3077BB;
	margin-right: 8px;
}

/* Таблица используемая в формах для компоновки контролов */
table.filter {
	margin-bottom: 10px;
	border-collapse: collapse
}
table.filter th, table.filter td  {
	padding-bottom: 5px;
	padding-right: 2px;
}
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;
}
/*
контролов таких больше не будет - все "стандартные", если надо другие - переопределят
table.filter select, input.filter, select.filter {
	border-width: 1px;
	border-style: solid;
	border-color: #0056a2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
	
table.filter select, input.filter {
	margin-right: 20px;
}

table.filter input.radio {
	vertical-align: middle;
}
*/

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

}

#idTdContent div div.report table,
table.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,
table.table thead tr td,
table.table tbody tr th,
table.table tbody tr td {
	padding: 5px;
}

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

#idTdContent div div.report table thead td,
#idTdContent div div.report table tfoot th,
table.table thead td,
table.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,
table.table thead 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,
table.table td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}

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

#idTdContent div div.report table tr.balanceDescr th,
#idTdContent div div.report table tr.balanceTotal th,
#idTdContent div div.report table tr.infoRow th {
	text-align: left;
}

#idTdContent div div.report table tr.balanceDescr th {
	color: #555555;
	padding-left: 20px;
}

/*упростил
#idTdContent div div.report table td.comment,
#idTdContent div div.report table col.comment,
em.comment, .comment a, .comment {
	font-size: x-small;
	vertical-align: text-top;
}
*/
	
/*okCancel*/
div.okCancel {

}

/*������*/
/*нет таких
td.buttons div {
	text-align: right ! important;
}
*/

/*��������*/
#idTdContent div div.report table.tablePages td,
#idTdContent div div.report table.tablePages th   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
	white-space: nowrap;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

#idTdContent div div.report table.tablePages th {
	font-weight: bold;
}

/*������������ �� ��������� ������ �� ������, ��������� �� ������*/
#idDivReportTable table tbody tr,
#idDivReportTable table tfoot tr {
	text-align: center;
}

#idDivReportTable table tbody tr td:first-child,
#idDivReportTable table tfoot tr td:first-child,
#idDivReportTable table col.col1 {
	text-align: left ;
}
/**/

table.layout {
	border-collapse: collapse;
}

table.layout, td.layout {
	border-style: none ! important;
	padding: 0px ! important;
	margin: 0px ! important;
}

#idTableShowTariffs {
	width: 300px;
}

#idTableShowBalance {
	width: 600px;
}

#idTableInfo {
	width: 100%;
}

/*таблицы с данными*/
#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
{
	border: 1px solid #0056a2;
}

	
/*�������� ������� 600-800*/
#idTableSubscription,
table.dispatchTable,
#idTableChangeTariff,
#idTableChangeTariffNew,
#idTableContractLimit,
#idTableIpnGateControl,
#idTableWm,
#idTableEmailAccount,
#idTableEmailForward,
#idTableVoiceIpLoginsBalance,
#idTableVoiceIpLoginDirect,
/*#idTableCard,*/
#idTableDialUpLoginsBalance,
#idTableTrayInfo,
/*#idTableBill,*/
/*#idTableBillInvoice,*/
#idTableCerbercryptCard,
#idTableCerbercryptSubscription,
#idTableCerbercryptSubscriptionPlan,
table.w800 {
	width:100%;
	max-width:800px;
	min-width:600px;
}

#idTableCard {
	width:100%;
	max-width:600px;
	min-width:400px;
}
	
#idTableContractLimit {
	text-align: center;	
}
	
#idTableContractLimit tfoot td {
	text-align: left;		
}

/*�������� ipn ����������*/
#idIpnStatColumnsTable {
	border-collapse: collapse;
	margin-bottom: 20px;
	height: 100px;
}

#idIpnStatColumnsTable tbody td {
	vertical-align: bottom ! important;
	text-align: center;
	padding-left: 2px;
	height: 100%;
	width: 15px;
}

#idIpnStatColumnsTable tbody td div {
	vertical-align: bottom ! important;
	font-size: 0px;
	line-height: 0px;
	padding: 0px;
	margin: 0px;
}

#idIpnStatColumnsTable tfoot td {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 1px;
}

#idIpnStatColumnsTable tbody div {
	text-align: center;
	background-color: #0056a2;
	width: 90%;
}

#idIpnStatTable {
	width: 600px;
}

#idIpnStatTable td {
	text-align: center;
	font-size: 11px;
	font-weight: normal;
}

#idIpnStatTable th {
	background: #3077bb;
	background-color: #3077bb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}

#idTableIpnGateControl {
	text-align: center;
}

#idTableWMPay {
	width: 400px;
}

#idTableWMPay col.col1 {
	width: 100%;
}

#idTableWMPayConfirm {
	width: 400px;
}

#idTableEmailPassword col.col2,
#idTableVoiceipLoginPassword col.col2 {
	width: 150px;
}

#idTableEmailPassword tbody tr td input,
#idTableVoiceipLoginPassword tbody tr td input {
	width: 96%;
}

#idTableEmailAccountAdd {
	margin-top: 20px;
}

#idTableEmailForward col.col1 {
	width: 80%;
}

#idTableEmailForwardAdd {
	margin-top: 10px;
}

#idTableCard {
	text-align: center;
}
/*
#idTableCardAdd {
	margin-top: 10px;
}
*/
#idTableSessionTypeFilter {
	width: 100%;
}

#idTableSessionTypeFilter th,
#idTableSessionTypeFilter td {
	white-space: nowrap;
}

#idTableSessionTypeFilter col.col10 {
	width: 100%;
}

#idTableSessionTypeFilter td div {
	margin-right: 20px;
}

#idTableSessionTypeFilter input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	padding-left: 0px;
}

#idThSessionFilterNoFree {
	padding-left: 20px;
}

#idTableTrayInfo {
	text-align: center;
}


#idTableMps {
	text-align: center;
}

/*
#idTableBill {
	text-align: center;
}

#idTableBill col.col7 {
	width: 64px;
}
*/
/*
#idTableBillInvoice {
	text-align: center;
}

#idTableBillInvoice col.col4 {
	width: 64px;
}
*/
#idTableCerbercryptCard {
	text-align: center;
}

#idTableCerbercryptSubscription {
	text-align: center;
}

#idTableCerbercryptSubscriptionPlan {
	text-align: center;
}
	
#idTableTicket {
	text-align: center;
}
	
#idTableTicketUpdate {
	width: 400px;
}
	
#idDivTicketUpdateDescr {
	margin-top: 5px;	
}

#idTableRSCM {
	text-align: center;
}
	
#idTablePhoneServiceSession tbody th {
	font-weight: bold ! important;
}
	
#idTablePhoneServiceSession tbody tr th:first-child,
#idTablePhoneServiceSession col.col1 {
	text-align: left ! important;
	width: 9em;
}
	
#idDivPhoneReportSave a{
	margin-right: 5px;
}

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

}




@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.tablePages 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,
table.table thead tr td,
table.table tbody tr th,
table.table tbody tr td {
	padding: 1px;
	font-size: 10pt;
}
/*
select {
	font-size: 10pt;
}*/
}



/*некие раскраски срок таблицы*/
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;
}




div.HelpDeskTopicInfo { font-size: 8pt; color: #a0a0a0; }
div.HelpDeskTopicInfo span.n { font-weight: bold; margin-right: 0.3em; }
div.HelpDeskTopicInfo span.v { margin-right: 1em; }
div.HelpDeskTopicTitle { font-size: 10pt; font-weight: bold; color: white; margin-top: 5px; border: 1px solid #604020; background-color: #8080ff; padding: 5px; }
div.HelpDeskTopicTitle span { font-weight: bold; margin-right: 1em; }
div.HelpDeskTopicMessage { font-size: 8pt; color: #808080; }
div.HelpDeskTopicMessage span.n { font-weight: bold; margin-right: 0.3em; }
div.HelpDeskTopicMessage span.v { margin-right: 1em; }
div.HelpDeskTopicMessage span.new { font-weight: bold; color: blue; padding-right: 5px; }
div.HelpDeskTopicMessageText { font-size: 11pt; color: #101010; }
div.HelpDeskTopicAttach { font-size: 9pt; }
div.HelpDeskTopicAttach a { text-decoration: underline; }
table.HelpDeskParamEditor col.col1 { text-align: right; }
table.HelpDeskParamEditor tr td { font-size: 10pt; }
/*
table.HelpDeskParamEditor tr td input, select { font-size: 10pt; border: 1px solid #604020; }
table.HelpDeskParamEditor tr td textarea { font-size: 10pt; border: 1px solid #604020; width: 100%; }
*/
table.HelpDeskTopicEditor col.col1 { text-align: right; }
table.HelpDeskTopicEditor tr td { font-size: 10pt; }
/*
table.HelpDeskTopicEditor tr td input, select { font-size: 10pt; border: 1px solid #604020; }
table.HelpDeskTopicEditor tr td textarea { font-size: 10pt; border: 1px solid #604020; width: 100%; }
*/

table.Memo {  }
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; }
pre.MemoText { font-size: 9pt; }

div.toList { margin: 0px 0px 10px 0px; }
div.toList a { text-decoration: underline; }