html, body {height:100%;}
body {margin: 0; padding: 0; background: #fff;}
body, td {font: 12px Tahoma, Verdana, Arial; color: #3B3B3B; vertical-align: top; text-align: left; padding: 0; margin: 0}
table, img {border: 0}
table {border-collapse: collapse; padding: 0; border-spacing: 0}
input, select, textarea {font: 12px Tahoma, Verdana, Arial; color: #4C4C4C}
select {color: #000000}
input:focus {outline:0}
form {padding: 0; margin: 0}
ul {padding: 0; margin: 5px 0 10px 11px; list-style-type: none}
ul li {padding: 0 0 0 9px; margin: 0 0 10px 0; background: url('../img/bullets/ul_1.gif') no-repeat 0px 5px}
ul li ul li{background: url('../img/bullets/ul_2.gif') no-repeat 0px 5px}
h1 {font: 20px Tahoma, Verdana, Arial; color: #0165B0; padding: 0 0 5px 15px; margin: 0 0 13px 0; background: url('../img/icons/h1_1.gif') no-repeat 0px 9px; border-bottom: 1px solid #DDE4E9}
h2 {font: bold 13px Tahoma, Verdana, Arial; color: #0165B0; padding: 0 0 5px 15px; margin:0 0 10px; background: url('../img/icons/h1_1.gif') no-repeat 0px 6px; border-bottom: 1px solid #DDE4E9}
h6 {font: 24px Arial Narrow, Arial, Tahoma; color: #066DBA; padding: 0; margin: 0}
a.negativeNumberLink:link, a.negativeNumberLink:active {color:#FF0000; text-decoration:underline }
a.negativeNumberLink:visited {color:#D00000; text-decoration:underline }
a.negativeNumberLink:hover {color:#D00000; text-decoration:underline }
a.positiveNumberLink:link, a.positiveNumberLink:active {color:#016AB9; text-decoration:underline;}
a.positiveNumberLink:visited {color: #016AB9; text-decoration:underline;}
a.positiveNumberLink:hover {color:#D00000; text-decoration:underline;}
/* (МГ) Этот стиль я сам добавил. Он нужен, чтобы делать в заголовке h2
гиперссылку. */
a.h2:link, a.h2:visited, a.h2:hover {font: bold 13px Tahoma, Verdana, Arial; color: #0165B0; text-decoration: none}
a:link, a:visited, a:hover {font: 12px Tahoma, Verdana, Arial; color: #016AB9; text-decoration: underline}
a:hover {color: #D00000}
a.red_1:link, a.red_1:visited, a.red_1:hover {color: #D00000; font-weight: bold;} /* Положение ссылки "выход */
a.red_1:hover {color: #800000}
a.red_1:link img, a.red_1:visited img, a.red_1:hover img {margin: 0 4px 0 0}
/* Стиль гиперссылок "Подробнее". */
a.href_details {font-weight: bold}
table.table_1 {width: 2%}
table.table_1 td {width: 1%; color: #B5DFFF; padding: 0 7px 4px 0; vertical-align: middle}
table.table_1 th {width: 1%; font-weight: normal; text-align: left; vertical-align: top; padding: 0 0 4px 0; font-size: 12px; color: #fff}
table.table_2 {width: 2%}
table.table_2 td {width: 1%; color: #747E86; padding: 0 7px 4px 0; vertical-align: middle}
table.table_2 th {width: 1%; font-weight: normal; text-align: left; vertical-align: top; padding: 0 0 4px 0; font-size: 12px; color: #747E86}
table.table_3 {border-collapse: collapse;}
table.table_3 th
/*МОЖНО УДАЛЯТЬ*//*table.table_3 tr.header_2 table td *//*END*/ {font-weight: bold; font-size: 12px; color: #fff; background: url('../img/backgrounds/table_th_1.gif') repeat-x 0px 0px #207DC3; border-right:1px solid #DDE4E9; padding: 0; text-align: center; vertical-align: top}
table.table_3 th div {padding:8px 9px; line-height:1.3;}
table.table_3 th.left {border-left:1px solid #369DFB}
table.table_3 th.right {border-right:1px solid #369DFB}
table.table_3 th div.left {background: url('../img/backgrounds/table_th_2.gif') no-repeat 0px 0px; position:relative; left:-1px;}
table.table_3 th div.right {background: url('../img/backgrounds/table_th_3.gif') no-repeat 100% 0px; position:relative; left:1px;}
table.table_3 th a:link, table.table_3 th a:visited, table.table_3 th a:hover {color:#fff; font-weight:bold;}
table.table_3 th div table td {border:0; text-align:center; padding:0;}
table.table_3 th div table {width:100%;}
table.table_3 td {color: #525252;
/* Высота отдельных строк таблицы. Было 9. */
padding: 7px;
border:1px solid #DDE4E9; border-top:0; //border-top-width:1px; vertical-align: middle}
/* для пейджинга */
table.table_3 tr.pager td {padding:3px;}
table tr.pager td {border:0 !important;}
table td.pager_template_left span {color:#3B3B3B !important}
table td.pager_template_right {text-align:right;}
/**/
table.table_3 td.left {border-left: 1px solid #DDE4E9}
table.table_3 td.numeric_1 {text-align: right}
table.table_3 td.numeric_1 b.down {color: #D00000}
table.table_3 td.numeric_1 b.up {color: #068653}
table.table_3 td.numeric_1 img {width: 9px; height: 9px; margin: 0 9px 0 0}
table.table_3 td span {color: #068653}
table.table_3 tr.gray_1 td {font-weight: bold; color: #217DC2; background: #DDE4E9}
/*МОЖНО УДАЛЯТЬ*/
/*
table.table_3 tr.last_1 td {border-bottom: 0}
table.table_3 tr.last_2 td {border: 0; padding: 0; background: url('../img/backgrounds/table_td_3.gif') repeat-x 0px 1px; text-align: right; font-size: 1px}
table.table_3 tr.last_2 td.first div {background: url('../img/backgrounds/table_td_1.gif') no-repeat 0px 0px; padding: 0 0 1 0}
table.table_3 tr.last_2 td.last div {background: url('../img/backgrounds/table_td_2.gif') no-repeat 100% 0px}
table.table_3 tr.last_2 td img {width: 1; height: 1; background: #DDE4E9}
table.table_3 tr.header_1 th {padding: 9; vertical-align: middle}
table.table_3 tr.header_2 th {padding: 0; height: 1%}
table.table_3 tr.header_2 th table {width: 100%; height: 100%}
table.table_3 tr.header_2 th table td {width: 100%; height: 100%; padding: 9; vertical-align: middle; border: 0}
table.table_3 tr.header_2 th.left table td {background: url('../img/backgrounds/table_th_2.gif') no-repeat 0px 0px}
table.table_3 tr.header_2 th.right table td {background: url('../img/backgrounds/table_th_3.gif') no-repeat 100% 0px; border-right: 0}
*/
/*END*/
/* Выравнивание чисел в таблице по правому краю. Нужно помечать этим стилем
каждую ячейку. */
table td.number {text-align: right}
table.table_3 td span.CssNegativeNumber {color:red}
div.input_1 {background: url('../img/backgrounds/input_1_1.gif') no-repeat 0px 0px}
div.input_1 div {background: url('../img/backgrounds/input_1_3.gif') no-repeat 100% 0px; padding: 0 5px;}
div.input_1 div div {background: url('../img/backgrounds/input_1_2.gif') repeat-x 0px 0px; padding:0; }
div.input_1 div div input {background: none; border: 0; width: 100%; padding:1px 0 2px; height:18px;}
div.input_2 {background: url('../img/backgrounds/input_2_1.gif') no-repeat 0px 0px}
div.input_2 div {background: url('../img/backgrounds/input_2_3.gif') no-repeat 100% 0px; padding: 0 5px}
div.input_2 div div {background: url('../img/backgrounds/input_2_2.gif') repeat-x 0px 0px; padding:1px 0 2px; height:18px;}
div.input_2 div div input {background: 0; border: 0; width: 100%}
div.submit_1 {background: url('../img/backgrounds/submit_1_1.gif') no-repeat 0 0; float:left;}
div.submit_1 div {background: url('../img/backgrounds/submit_1_3.gif') no-repeat 100% 0; padding: 0 5px; float: left;}
div.submit_1 div div {background: url('../img/backgrounds/submit_1_2.gif') repeat-x 0 0; height: 21px; padding: 0; float: left;}
div.submit_1 div div input {background: 0; border: 0; color: #3B3B3B; height:21px; padding:0 5px;}
div.submit_2 {background: url('../img/backgrounds/submit_2_1.gif') no-repeat 0px 0px; float: left}
div.submit_2 div {background: url('../img/backgrounds/submit_2_3.gif') no-repeat 100% 0; padding: 0 5px; float: left;}
div.submit_2 div div {background: url('../img/backgrounds/submit_2_2.gif') repeat-x 0 0; height: 21px; padding: 0; float: left;}
div.submit_2 div div input {background: 0; border: 0; color: #fff; height:21px; padding:0 5px;}
input.checkbox_1 {margin: 0 -2px 0 0;}
div.checkbox_1 {position: absolute; left: 18px; top: 1px}
td.footer_1 {background: url('../img/backgrounds/footer_1_1.gif') no-repeat 0px 0px #DDE4E9; text-align: center; height: 1%}
td.footer_1 div {background: url('../img/backgrounds/footer_1_2.gif') no-repeat 100% 0px; color: #3B3B3B; padding: 18px 0}
div.title_1 {color: #0165B0; border-left: 2px solid #A3C3E2; padding: 7px 0 7px 13px; width: 175px; position: absolute; right: 245px}
img.crosspiece_1 {width: 175px; height: 66px} /* Ширина левого меню. */
td.content_1 {padding: 0 0 0 15px}
td.content_2 {padding: 0 20px 0 15px; line-height: 1.3} /* 20 -- правый отступ в контенте */
ul#left_menu_1 {padding: 0; margin: 0}
ul#left_menu_1 li {padding: 0; margin: 0 0 1px; cursor: pointer; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase; }
ul#left_menu_1 li div {background: url('../img/corners/1_1.gif') no-repeat 0px 0px #207DC2;}
ul#left_menu_1 li div div {background: url('../img/corners/1_2.gif') no-repeat 100% 0px}
ul#left_menu_1 li div div div {background: url('../img/corners/1_3_alternative.gif') no-repeat 100% 100%;}
ul#left_menu_1 li div div div div {background: url('../img/corners/1_4.gif') no-repeat 0px 100%}
ul#left_menu_1 li div div div div div {background: url('../img/icons/left_menu_1_1.gif') no-repeat 7px 12px; padding: 8px 0 9px 19px}
ul#left_menu_1 li div.active {background: url('../img/corners/2_1.gif') no-repeat 0px 0px #ABB9C2; color: #000000}
ul#left_menu_1 li div.active div {background: url('../img/corners/2_2.gif') no-repeat 100% 0px}
ul#left_menu_1 li div.active div div {background: url('../img/corners/2_3_alternative.gif') no-repeat 100% 100%}
ul#left_menu_1 li div.active div div div {background: url('../img/corners/2_4.gif') no-repeat 0px 100%}
ul#left_menu_1 li div.active div div div div {background: url('../img/icons/left_menu_1_2.gif') no-repeat 7px 12px; padding: 8px 0 9px 19px}
ul#left_menu_1 li ul {padding: 0; margin: 1px 0 5px 19px; height: 1%}
ul#left_menu_1 li ul li {background: url('../img/icons/left_menu_2_1.gif') no-repeat 0px 5px; padding: 0 0 3px 10px; text-transform: none; color: #000000; font-size: 11px; font-weight: normal}
ul#left_menu_1 li ul li:hover, ul#left_menu_1 li ul li.hover {background: url('../img/icons/left_menu_2_2.gif') no-repeat 0px 5px}
div.corners_3 {background: url('../img/corners/3_5.gif') repeat-x 0px 0px; width: 100%}
div.corners_3 div {background: url('../img/corners/3_5.gif') repeat-y 100% 0px}
div.corners_3 div div {background: url('../img/corners/3_5.gif') repeat-x 0px 100%}
div.corners_3 div div div {background: url('../img/corners/3_5.gif') repeat-y 0px 0px}
div.corners_3 div div div div {background: url('../img/corners/3_1.gif') no-repeat 0px 0px}
div.corners_3 div div div div div {background: url('../img/corners/3_2.gif') no-repeat 100% 0px}
div.corners_3 div div div div div div {background: url('../img/corners/3_3.gif') no-repeat 100% 100%}
div.corners_3 div div div div div div div {background: url('../img/corners/3_4.gif') no-repeat 0px 100%; padding: 10px; line-height: 1.4}
div.block_1 {padding: 13px 10px}
div.block_1 span {color: #3085C6}
div.login_bg {width: 224px; height: 124px; position: absolute; right: 16px; top: -17px; background:url(../img/backgrounds/login_popup_1.png)} /*Положение подложки формы логина. */
table.login_table {position: absolute; right: 33px; top: -5px; width: 192px} /*Положение формы логина. */
/* Чтобы делать код вида
. Это аналог
, но
с более маленькой высотой. */
div.br {height: 6px}
/* - path - */
.b-path {position:relative;}
.b-path ul {position:absolute; top:37px; left:-196px; margin:0;}
.b-path ul li {float:left; padding:0 10px 0 5px; margin:0; background:url(../img/b-path.gif) no-repeat 100% 5px;}
.b-path ul li.last {background:none; font-weight:bold; color:#fff;}
.b-path ul li.last a {color:#fff !important;text-decoration:none; font-weight:bold;}
.b-path ul li a {color:#CBDFF5 !important;}
/* --- NAVSIDE --- */
.b-navside, .b-navside ul{position:relative; list-style-type: none;margin: 0;padding-left: 0px;}
.b-navside li{position:relative; background:none; padding:0; color:#000; margin:0 0 1px;}
.b-navside li.void a {font:bold 10px Tahoma; color:#fff; text-decoration:none;}
.b-navside li.void i i i i {padding:7px 0;}
.b-navside li.void i i i i i{padding:0 0 0 20px; background:none !important;}
li.closed, li.opened {background: none !important;}
li.closed i {display:block;background:#207DC2 url(../img/nav-c-tl.gif) no-repeat 0 0;}
li.closed i i {background:transparent url(../img/nav-c-tr.gif) no-repeat 100% 0;}
li.closed i i i {background:url(../img/nav-c-br.gif) no-repeat 100% 100%;}
li.closed i i i i {padding:7px 0 7px 20px; font:bold 10px Tahoma; color:#fff; text-transform:uppercase; background:url(../img/nav-c-bl.gif) no-repeat 0 100%;}
li.closed span, li.opened span{position:absolute;top:9px;left:6px;width:9px; height:9px;cursor:pointer;overflow:hidden;font:bold 10px Tahoma; color:#fff;}
li.closed span em, li.opened span em{position: absolute;display:block;width:9px;height:9px;top:0px;left:0px; background:transparent url(../img/nav-plus-min.gif) no-repeat 0 0;z-index:100;}
li.opened i {display:block;background:#97AAB7 url(../img/nav-o-tl.gif) no-repeat 0 0;}
li.opened i i {background:transparent url(../img/nav-o-tr.gif) no-repeat 100% 0;}
li.opened i i i {background:url(../img/nav-o-br.gif) no-repeat 100% 100%;}
li.opened i i i i {padding:7px 0 7px 20px; font:bold 10px Tahoma; color:#fff; text-transform:uppercase; background:url(../img/nav-o-bl.gif) no-repeat 0 100%;}
li.opened span em {background-position:0 -9px;}
.b-navside ul {padding:5px 0 5px 15px;}
.b-navside ul ul {padding:4px 5px 0 0; margin:0 0 -4px;} /* отступ справа меняется 2 числом */
.b-navside ul li a {color:#000 !important; text-decoration:none !important;}
.b-navside ul li a:hover {color:#d00 !important;}
.b-navside ul li {padding:0 0 3px 15px; background:url(../img/nav-void.gif) no-repeat 0 3px;}
.b-navside ul li.closed span, .b-navside ul li.opened span{top:3px;left:0; color:#777879;}
.b-navside ul li.opened span em{background-position:0 -27px;}
.b-navside ul li.closed span em{background-position:0 -18px;}
.b-navside li div {margin:1px 0 0;background:#EEF1F3 url(../img/nav-tl.gif) no-repeat 0 0;}
.b-navside li div div {margin:0; background:transparent url(../img/nav-tr.gif) no-repeat 100% 0;}
.b-navside li div div div {background:url(../img/nav-br.gif) no-repeat 100% 100%;}
.b-navside li div div div div {background:url(../img/nav-bl.gif) no-repeat 0 100%;}
/* - table - */
table.table_3 {border:0 !important;}
table.table_3 th {border-top:0 !important;}
table.table_3_notitle {border-collapse:collapse;}
table.table_3_notitle td {border:1px solid #DDE4E9;}
table.col1 {margin:5px 0; border-collapse:collapse !important;}
table.col1 td {border:1px solid #DDE4E9;padding:7px;color:#525252;vertical-align:middle;}
table.col1 th {border:1px solid #369DFB; border-top:0; font-size:11px; color:#fff; background:#207DC3 url(../img/backgrounds/table_th_1.gif) repeat-x scroll 0 0}
table.col1 th div {position:relative; left:-2px; top:-1px; padding-left:1px; background:url(../img/backgrounds/table_th_2.gif) no-repeat 0 0;}
table.col1 th div div{position:relative; left:4px; top:0; padding:8px 8px 8px 7px; background:url(../img/backgrounds/table_th_3.gif) no-repeat 100% 0;}
td.label {padding:5px 5px 5px 0; vertical-align:middle;}
td.control {vertical-align:middle;}
/* - tabs - */
.tabs {position:relative;}
#tabs {margin:0; position:relative; z-index:100;}
#tabs li{float:left; line-height:1; margin:0 2px 0 0; padding:0; cursor:pointer; background:#5FA8E4 url(../img/backgrounds/tabs.png) repeat-x 0 -158px;}
#tabs li span {display:inline-block; background:url(../img/backgrounds/tabs.png) no-repeat 0 -96px;}
#tabs li span span {background-position:100% -127px; padding:0 10px; height:31px; color:#fff; font:bold 10px/31px Tahoma; text-transform:uppercase;}
#tabs li.current{background-color:#E3E9EC; background-position:0 -64px; margin-bottom:-2px;}
#tabs li.current span {background-position:0 0;}
#tabs li.current span span{background-position:100% -32px; height:32px; line-height:32px; color:#000;}
#tabsText {clear:both; margin:0; position:relative; overflow:hidden;}
#tabsText li{border:1px solid #DDE4E9;padding:15px; float:left; position:relative; display:none; background:none;}
#tabsText li p {padding:0; margin:0; line-height:1;}
/* - calendar - */
.ico-calendar {position:relative; left:-2px; top:2px; display:inline-block; z-indcex:200;}
.ico-calendar img {cursor:pointer;}
.calendar-wr {display:inline-block; position:relative; height:0; z-index:300;}
.calendar {position:absolute; top:9px; left:-22px; width:217px; padding-bottom:4px; border:1px solid #46A2D5; background:#fff;}
.calendar-wr-alt2 .calendar {position:relative; top:0; left:0; overflow:hidden;}
.calendar-top-wr {margin:2px 2px 0; background:#207DC2 url(../img/backgrounds/calendar-top.gif) no-repeat 0 0;}
.calendar-top-c {position:relative; padding:3px 20px 0; height:23px; background:url(../img/backgrounds/calendar-top.gif) no-repeat 100% -26px;}
.calendar-wr-alt2 .calendar-top-c {line-height:22px;}
.calendar-top-c select {height:20px;}
.month-prev, .month-next {overflow:hidden; display:block; position:absolute; top:9px; width:4px; height:8px; background:url(../img/backgrounds/month-prev-next.gif) no-repeat 0 0; cursor:pointer;}
.month-prev {left:8px;}
.month-next {right:8px; background-position:0 -8px;}
.calendar-day {margin:0 0 0 3px; padding-top:2px; overflow:hidden;}
.calendar-day li {float:left; width:28px; height:19px; line-height:1; margin:1px; padding:0; text-align:center; background:none;}
.calendar-date {margin:0 0 0 3px;}
.calendar-date li {float:left; padding:0; margin:0px; background:none; border:1px solid #fff;}
.calendar-date li.void {width:28px; height:19px;}
.calendar-date a {display:inline-block; width:26px; height:17px; line-height:17px; border:1px solid #DDE4E9; text-align:right; text-decoration:none !important; color:#3B3B3B !important; background:#E2EBF5;}
.calendar-date .active {display:inline-block; width:28px; height:19px; line-height:19px !important; border:0; text-align:right; text-decoration:none; color:#fff !important; background:#207DC2;}
.calendar-date .active:hover {display:inline-block; width:28px; height:19px; line-height:19px; border:0; text-align:right; text-decoration:none; color:#fff; background:#207DC2;}
.calendar-date a:hover {border-color:#88ADC9; background:#B4D2E9;color:#3B3B3B;}
/* - global - */
.valign3 {vertical-align:top;}
.g-fleft{float:left;}
.g-fright{float:right;}
.g-box {padding:0 0 8px;}
/* - popup - */
.sd_container{margin:0; position: absolute; width:300px;}
.sd_header{ background:url(../img/backgrounds/help-bg.gif) no-repeat 0 0;}
.sd_header-r{ background:url(../img/backgrounds/help-bg.gif) no-repeat 100% -30px; padding:0 3px;}
.sd_header-c{position:relative; font:bold 10px/30px Tahoma; text-transform:uppercase; color:#fff; padding:0 10px; height:30px; background:#046CBB url(../img/backgrounds/help-bg.gif) repeat-x 0 -60px;}
.sd_header .close {position:absolute; top:7px; right:4px; width:16px; height:16px; background:url(../img/icons/close.gif)}
.sd_content{padding:0 3px;background:#046CBB;}
.sd_content div {padding:10px; background:#fff;}
.sd_content p {padding:0; margin:0;}
.sd_footer{ background:url(../img/backgrounds/help-bg.gif) no-repeat 0 -94px; height:3px;}
.sd_footer-r{ background:url(../img/backgrounds/help-bg.gif) no-repeat 100% -91px; height:3px; padding:0 3px; overflow:hidden; }
.sd_footer-c {width:100%; height:3px; background:#046CBB; line-height:0; font-size:0; }
.sd_overlay{position: absolute; margin:0; padding: 0; top: 0; left: 0; background-color: #000;}
.sd_closelabel{display:none;}
.simpledialog {vertical-align:top; position:relative; top:-1px; margin-right:1px;}