@CHARSET "UTF-8";

form { padding: 0px; margin: 0px; }

body { font-family: Arial; font-size: 14px; background-color: #fff; padding: 0px; margin: 0px; }

table { text-align: left; }

a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
a.title { font-weight: bold; }
a.operation { color: darkred; }

hr { width: 100%; float: left; padding: 0px; color: #ccc; }

.link { cursor: pointer; border: 0px;  }
img.center { display: block; text-align: center; }

ul.clear { list-style: none; margin: 0; padding: 0; }
ul.clear li { margin: 0; padding: 0 5px; }

.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.fleft { float: left; }
.fright { float: right; }
.fclear { clear: both; }

.success { color: #006600; }
.error {color: #cc0000; }
.important { font-weight: bold; color: #cc0000; }
.lessimportant { color: #666; }
.little { font-size: 10px; }
.small { font-size: 11px; }
.bigger { font-size: 14px; }
.hidden { display: none; }

#header a { color: #fff; }
#header a:hover { color: #fff; cursor: pointer; cursor: hand; }

#top-line-bg { width: 100%; background-color: #1f1d22; border-bottom: 3px solid #ff6000; }
#top-line { width: 995px; text-align: right; color: #fff; }
#top-line ul { list-style: none; padding: 5px; margin: 0; }
#top-line ul li { display: inline; padding: 0px 15px; }

#header-box-bg { width: 100%; background-color: #3b3b3b; border-bottom: 1px solid #b0b0b0; }
#header-box { width: 995px; color: #fff; }
#header-box #logo-box { width: 232px; text-align: left; }
#header-box #login-box { text-align: left; }
#header-box #search-box { text-align: right; }

#header-box #main-menu { text-align: right; vertical-align: bottom; }
#header-box #main-menu ul { list-style: none; padding: 5px; margin: 0; }
#header-box #main-menu ul li { display: inline; padding: 2px 10px; }
#header-box #main-menu ul li a:hover { border-bottom: 2px solid #ff5d00; text-decoration: none; cursor: pointer; cursor: hand; }

.switch-box { width: 100%; margin-top: 5px; }
.switch-box .box-bg { background: url("/include/images/hp/zkw-blok-bg.png") repeat-y; }
.switch-box .text { padding: 0 7px; }
.switch-box .slabel-border { position: relative; }
.switch-box .slabel-rec { visibility: hidden; position: absolute; left: 40%; top: 24px; #top: 23px; }
.switch-box .slabel { background-color: #ddd; margin: 0 2px 2px 0; padding: 4px; text-align: center; color: #333; line-height: 16px; cursor: pointer; cursor: hand; }
.switch-box .slabel-active .slabel, .switch-box .slabel-border:hover .slabel { background-color: #a6a7a8; color: #fff; }
.switch-box .slabel-active .slabel-rec { visibility: visible; }
.switch-box .slabel-last { margin-right: 0; }

.news_list img { float: left; margin: 5px; padding-right: 5px; }
.news_box .top_title { font-size: 18px; font-weight: bold; color: #1e5c9e; }
.news_box .top_title a {  color: #1e5c9e; }
.news_box .title { font-size: 12px; font-weight: bold; color: #222; }
.news_box .title a { color: #222; }
.news_box .text { color: #333; line-height: 120%; }
.news_list .more a {color: #777; line-height: 20px; }
.news_list { font-family: tahoma }
.title_list { margin:0; padding:0; list-style: none; color: #444; }
.title_list li { border-bottom: 1px dotted #ccc; padding: 3px 0; }

#body { width: 995px; }
#body #left-menu { width: 232px; vertical-align: top; }

body #mod-content { font-size: 11px; }

input.button {
  margin: 0;
  padding: 2px 5px;
  text-decoration: none;
  cursor: pointer;
  cursor: hand;
  background: url("/include/images/hborder.png") repeat-x 0px -27px;
  border: 1px outset #ccc;
}

input.button:active {
  border: 1px inset #ccc;
}

input.button:hover {
  border-color: #9cf #69e #69e #7af;
}

input.button[disabled] {
  cursor: default;
  color: #888;
}

input.button[disabled]:hover {
  border: 1px outset #ccc;
}

input.submit {
  background: url("/include/images/hborder.png") repeat-x 0px -115px;
}

input.submit_red {
  background: url("/include/images/hborder.png") repeat-x 0px -195px;
}

.plus { padding-left: 17px; background: url(/include/images/but_plus.png) no-repeat 1px center; }
.plus:hover { padding-left: 17px; background: url(/include/images/but_plus_a.png) no-repeat 1px center; }


.button-box { padding: 5px 0; }

#content { vertical-align: top; }

#content #top-ad-banner { width: 750px; }

.box-title { background-color: #ddd; border-bottom: 1px solid #aaa; padding: 3px 0; margin: 5px 0 2px 0; color: #444; font-size: 12px; font-weight: bold; font-family: Arial; text-align : center; }

.box { width: 100%; text-align: left; }
	
.box .head { height: 4px; background: url(/include/images/hp/boxborder.png) repeat-x 0 -16px; }
.box .head .lcorner { float: left; overflow: hidden; width: 4px; height: 4px; background: url(/include/images/hp/boxborder.png) no-repeat; }
.box .head .rcorner { float: right; overflow: hidden; width: 4px; height: 4px; background: url(/include/images/hp/boxborder.png) no-repeat -5px 0; }

.box .foot { height: 4px; background: url(/include/images/hp/boxborder.png) repeat-x 0 -12px; }
.box .foot .lcorner { float: left; overflow: hidden; width: 4px; height: 4px; background: url(/include/images/hp/boxborder.png) no-repeat 0 -8px; }
.box .foot .rcorner { float: right; overflow: hidden; width: 4px; height: 4px; background: url(/include/images/hp/boxborder.png) no-repeat -5px -8px; }

.box .lborder { width: 4px; background: url(/include/images/hp/boxborder_h.png) repeat-y; }
.box .lborder .holder { width: 4px; overflow: hidden; }

.box .rborder { width: 4px; background: url(/include/images/hp/boxborder_h.png) repeat-y -4px 0; }
.box .rborder .holder { width: 4px; overflow: hidden; }

.box .content { padding: 4px; font-size: 11px; }

.table { float: left; width: 100%; }

#error-box, #success-box { float: left; clear:both; padding: 4px; margin: 5px; list-style: none; }
#error-box li { padding: 0 20px; margin: 2px; background: #fff url(/include/images/error_ico.png) no-repeat left center;}
#success-box li { padding: 0 20px; margin: 2px; background: #fff url(/include/images/success_ico.png) no-repeat left center;}
#error-box { border: 1px solid red; color: #000; }
#success-box { border: 1px solid #999; color: #000; }

div#js_error_box { background-color: #222; color: #fff; padding: 10px; border: 4px solid #777; position: fixed; width: 450px; top: 50%; left: 50%; margin-top: -200px; margin-left: -225px; }
#js_error_box #title { padding-bottom: 10px; }
#js_error_box #scroll { overflow: auto; border: 1px solid #000; background-color: #444; height: 150px; color: #ddd; }
#js_error_box #scroll div { padding: 4px; }
#js_error_box #scroll div span { color: #fff; font-weight: bold; }
#js_error_box #ok { text-align: right; padding-top: 10px; }

input.form_error_field { border: 1px solid red; background: #fff url('/include/images/form_field_error.png') no-repeat right center; }
input.form_success_field { color: #ccc; border: 1px solid green; background: #fff url('/include/images/form_field_ok.png') no-repeat right center; }

textarea.form_error_field { border: 1px solid red; }
textarea.form_success_field { color: #ccc; border: 1px solid green; }

select.form_error_field { border: 1px solid red; }
select.form_success_field { color: #ccc; border: 1px solid green; }

.bottom-buttons {float:left; width:480px; margin:20px 0;}
.bottom-buttons .back-button {float:left; display:block; }

#text-title, .text-title, .article-title { font-size: 24px; font-weight: normal; color: #444; margin: 10px 0;  }
#article-text { line-height: 25px; }
#article-text:first-letter { /*font-size: 24px;*/ }

.form-body { padding:0; margin:0; width: 100%; border-collapse: collapse; border: 0px; background-color: #efefef; }
.form-body td { vertical-align: top; padding: 0; margin: 0; }
.form-left-box { width: 50%; }
.form-right-box { width: 50%; }
.form-left-break { border-left: 1px solid #ccc; }

.form-title { float: left; width: 100%; font-size: 16px; font-weight: bold; }

.form-table { width: 100%; border: 2px solid #ddd; margin-bottom: 10px; border-collapse: collapse; }
.form-table > tbody > tr > td, .form-table > tbody > tr > th, .form-table > tbody > tr { 
	background-color: #efefef;  }
.form-table > tbody > tr > td { padding: 4px; vertical-align: top; }
.form-table > tbody > tr > th { color: #444; vertical-align: top; width: 140px; padding: 4px 10px 2px 10px; font-weight: normal; line-height: 22px; text-align: left; }
.form-table .subtitles { margin-top: 5px; font-weight: normal; color: #888; display: block; }
.form-table > tbody > tr > th.title, .form-table > thead > tr > th { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; color: #000; text-align: left; line-height: 21px; padding: 0px 8px; font-weight: bold; width: auto;  background: #e7e7e7 url('/include/images/list_h_bg.png') repeat-x bottom; }
.form-table > tbody > tr > td.title { text-align: left; padding: 3px; padding-top: 5px; width: auto; }

.list-table a:hover { text-decoration: underline; }

.list-table {border: 0; border-collapse: collapse; margin: 0px; width: 100%; text-align: left; }
.list-table thead tr {  }
.list-table thead th,
.list-table th.title { text-align: left; line-height: 21px; padding: 0px 8px; background-color: #fff; font-weight: normal; }
.list-table th.title { border-top: 1px solid #fff; }
.list-table tbody td {padding: 5px 4px; height: 23px; border-top: 1px dotted #ccc; border-left: 0px solid #ccc; }
.list-table tbody th {line-height: 21px; padding: 0 3px;}
.list-table tbody tr {}
.list-table tbody tr.row1 { background: #fff; }
.list-table tbody tr:hover { background: #fffac4; color: #000 }
.list-table tbody tr.active { font-weight: bold; background: #555; color: #000; }
.list-table tbody tr.active a { color: #fff; }
.list-table tbody tr.inactive td { background-color: #da7b7b; color: #000; }
.list-table tbody tr.inactive td a { background-color: #da7b7b; color: #444; }
.list-table tbody .break { font-weight: bold; color: #385f95; font-size: 11px; background: #349eff url(/include/images/but_lay_bg_a.png) repeat-x; }
.list-table tbody .break td { padding: 4px 5px; color: #000; border-bottom: 1px solid #555; }
.list-table tbody .break:hover {  }
.list-table tbody .break:hover td { text-decoration:underline; }

.list-table .center { text-align: center; }
.list-table .right { text-align: right; }
.clickable { color: #0c538e; cursor: pointer; }
.clickable:hover { text-decoration: underline; }
.clickable:hover a { text-decoration: underline; }
.list-table .folder { font-weight: bold; background: url('/include/images/ico_dir.png') no-repeat 4px center; padding-left: 28px; }
.list-table .readonly .folder { color: green; }
.list-table .inactive_element { color: #888; }
.list-table .little { font-size: 10px; }
.list-table .options { background: #fff url(/include/images/list_rs_bg.png) repeat-x; border-top: 1px solid #bbccff; font-size: 12px; }
.list-table .selectable {}
.list-table .selectable-group {}
.list-table .options-form { background-color: #efefef; }

.list-table .pointer { padding-left: 10px; background: url(/include/images/gray_arrow.png) no-repeat left center; }

.list-nav-box { color: #444; float: left; width: 100%; border: 0; margin: 0px; padding: 0px; background-color: #e7e7e7; border-top: 1px solid #ccc; }
.list-nav-box img { margin: 0 4px; margin-top: 1px; }
.list-nav-box select { padding: 1px; }

#survey { list-style: none; margin: 4px 0; padding: 0; }
#survey li { padding: 1px 6px; color: #444; border-bottom: 1px dotted #ccc; }

#pp_t { width: 100%; }
#pp_t a { color: blue; }
#pp_t #pp_h { font-weight: bold; padding: 5px 0 5px 1px; background-color: #efefef; }
#pp_t #pp_s { padding-left: 3px; }
#pp_t #pp_cu { color: green; }
#pp_t #pp_cd { color: red; }

#foot { font-size: 11px; color: #777; text-align: center; width: 100%; }
#foot a { color: #1e5c9e; }

#foot #foot-bar { width: 995px; text-align: left; border-top: 1px dotted #ccc; margin-top: 20px; padding-top: 10px;}

#foot #copyright-bar { width: 995px; border-top: 1px dotted #ccc; margin-top: 10px; padding: 10px 0; }

.funds-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.funds-table th {
	background: #ddd;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}

.funds-table th.title {
	border-right: 1px solid #ccc;
	background: #666;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	border-bottom: 1px solid #fff;
}
.funds-table th.title a {color:#fff;text-decoration:underline;}

.funds-table td {
	padding-left: 3px;
	border-bottom: 1px solid #ddd;
}

.funds-table tr td,.funds-table tr.row1 td {
	background: #fff;
}

.funds-table tr.row2 td {
	background: #efefef;
}